인트로 페이지 수정

2024-01-24 12:55:21 +09:00
parent ca8ff39c76
commit afffaa2e40
190 changed files with 953 additions and 169 deletions
--- a/com.twin.app.shoptime/.gitignore
+++ b/com.twin.app.shoptime/.gitignore
@@ -0,0 +1,13 @@
+# dependencies
+node_modules
+ 
+# testing
+coverage
+ 
+# production
+build
+dist
+ 
+# misc
+.DS_Store
+npm-debug.log
--- a/com.twin.app.shoptime/assets/button/42x42/btn-check-dim.svg
+++ b/com.twin.app.shoptime/assets/button/42x42/btn-check-dim.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="45" height="45">
+    <path fill-rule="evenodd" stroke="#CCC" stroke-width="2" fill="#FFF" d="M7 1h30c3.314 0 5.1 2.686 5.1 6v30c0 3.314-1.786 6-5.1 6H7C3.686 43 .1 40.314.1 37V7C.1 3.686 3.686 1 7 1z"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/42x42/btn-check-foc.svg
+++ b/com.twin.app.shoptime/assets/button/42x42/btn-check-foc.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="55" height="55">
+    <path fill-rule="evenodd" stroke-width="3" stroke="#C70850" fill="#FFF" d="M12.5 6.5h30a6 6 0 0 1 6 6v30a6 6 0 0 1-6 6h-30a6 6 0 0 1-6-6v-30a6 6 0 0 1 6-6z"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/42x42/btn-check-nor.svg
+++ b/com.twin.app.shoptime/assets/button/42x42/btn-check-nor.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="45" height="45">
+    <path fill-rule="evenodd" stroke="#CCC" stroke-width="2" fill="#FFF" d="M7 .1h30c3.314 0 5.1 3.586 5.1 6v30c0 4.214-1.786 6-5.1 6H7c-3.314 0-6.9-1.786-6.9-6v-30c0-2.414 3.586-6 6.9-6z"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/42x42/btn-check-sel.svg
+++ b/com.twin.app.shoptime/assets/button/42x42/btn-check-sel.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44">
+    <path fill-rule="evenodd" fill="#7A808D" d="M6 0h30c3.314 0 5.1 2.686 5.1 5.1V36c0 3.314-1.786 5.1-5.1 5.1H6c-3.314 0-6-1.786-6-5.1V5.1C0 2.686 2.686 0 6 0z"/>
+    <path stroke="#FFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none" d="m10.914 21.054 7.902 6.016 12.379-12.776"/>
+    <path fill="none" d="M7.045 7.045h28v28h-28v-28z"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/42x42/btn-check-seldim.svg
+++ b/com.twin.app.shoptime/assets/button/42x42/btn-check-seldim.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44">
+    <path fill-rule="evenodd" fill="#7A808D" d="M5.1 0H36c3.314 0 6 2.686 6 5.1V36a6 6 0 0 1-6 6H5.1C2.686 42 0 39.314 0 36V5.1C0 2.686 2.686 0 5.1 0z"/>
+    <path stroke="#FFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none" d="m10.914 21.054 7.902 6.016 12.379-12.776"/>
+    <path fill="none" d="M7.045 7.045h28v28h-28v-28z"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/42x42/btn-check-selfoc.svg
+++ b/com.twin.app.shoptime/assets/button/42x42/btn-check-selfoc.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44">
+    <path fill-rule="evenodd" fill="#C72054" d="M6 0h30c3.314 0 5.1 2.686 5.1 5.1v30c0 4.214-1.786 6-5.1 6H6c-3.314 0-6-1.786-6-6v-30C0 2.686 2.686 0 6 0z"/>
+    <path stroke="#FFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none" d="m10.914 21.054 7.902 6.016 12.379-12.776"/>
+    <path fill="none" d="M7.045 7.045h28v28h-28v-28z"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/42x42/btn-dropdown-dim.svg
+++ b/com.twin.app.shoptime/assets/button/42x42/btn-dropdown-dim.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="44" height="45">
+    <path stroke="gray" stroke-width="4" stroke-linecap="round" fill="none" d="M33.322 16.457 22.017 27.751a1.453 1.453 0 0 1-2.056 0L8.657 16.457"/>
+    <path d="M.003 42.891v-42h42v42h-42z" fill="none"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/42x42/btn-dropdown-foc.svg
+++ b/com.twin.app.shoptime/assets/button/42x42/btn-dropdown-foc.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="44" height="45">
+    <path stroke="#C72054" stroke-width="4" stroke-linecap="round" fill="none" d="M33.322 16.457 22.017 27.752a1.455 1.455 0 0 1-2.056 0L8.657 16.457"/>
+    <path d="M.003 42.891v-42h42v42h-42z" fill="none"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/42x42/btn-dropdown-nor.svg
+++ b/com.twin.app.shoptime/assets/button/42x42/btn-dropdown-nor.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="44" height="45">
+    <path stroke="gray" stroke-width="4" stroke-linecap="round" fill="none" d="M33.322 16.457 22.017 27.752a1.455 1.455 0 0 1-2.056 0L8.657 16.457"/>
+    <path d="M.003 42.891v-42h42v42h-42z" fill="none"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/42x42/btn-next-thumb-dim.svg
+++ b/com.twin.app.shoptime/assets/button/42x42/btn-next-thumb-dim.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="43.5" height="43.5">
+    <path fill-rule="evenodd" fill="#222" d="M20.1 0C32.598 0 42 9.402 42 21s-9.402 21-21.9 21C9.402 42 0 32.598 0 21S9.402 0 20.1 0z"/>
+    <path stroke="#FFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" fill="none" d="m18.1 12.1 8 8.9-8 8"/>
+    <path d="M0 0h41.1v42H0V0z" fill="none"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/42x42/btn-next-thumb-foc.svg
+++ b/com.twin.app.shoptime/assets/button/42x42/btn-next-thumb-foc.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="43.5" height="43.5">
+    <path fill-rule="evenodd" fill="#C72054" d="M20.1 0C32.598 0 42 9.402 42 20.1 42 32.598 32.598 42 20.1 42 9.402 42 0 32.598 0 20.1 0 9.402 9.402 0 20.1 0z"/>
+    <path stroke="#FFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" fill="none" d="m18.1 13 8 7.1-8 8"/>
+    <path d="M0 0h41.1v42H0V0z" fill="none"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/42x42/btn-next-thumb-nor.svg
+++ b/com.twin.app.shoptime/assets/button/42x42/btn-next-thumb-nor.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="43.5" height="43.5">
+    <path fill-rule="evenodd" fill="#222" d="M20.1 0C32.598 0 42 9.402 42 21s-9.402 20.1-21.9 20.1C9.402 41.1 0 32.598 0 21S9.402 0 20.1 0z"/>
+    <path stroke="#FFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" fill="none" d="m18.1 13 8 8-8 8"/>
+    <path d="M0 0h41.1v41.1H0V0z" fill="none"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/42x42/btn-prev-thumb-dim.svg
+++ b/com.twin.app.shoptime/assets/button/42x42/btn-prev-thumb-dim.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="43.5" height="43.5">
+    <path fill-rule="evenodd" fill="#222" d="M21 0c11.598 0 20.1 9.402 20.1 21S32.598 42 21 42 0 32.598 0 21 9.402 0 21 0z"/>
+    <path stroke="#FFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" fill="none" d="M23 12.1 15 21l8 8"/>
+    <path d="M0 0h41.1v42H0V0z" fill="none"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/42x42/btn-prev-thumb-foc.svg
+++ b/com.twin.app.shoptime/assets/button/42x42/btn-prev-thumb-foc.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="43.5" height="43.5">
+    <path fill-rule="evenodd" fill="#C72054" d="M21 0c11.598 0 20.1 9.402 20.1 20.1C41.1 32.598 32.598 42 21 42S0 32.598 0 20.1C0 9.402 9.402 0 21 0z"/>
+    <path stroke="#FFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" fill="none" d="m23 13-8 7.1 8 8"/>
+    <path d="M0 0h41.1v42H0V0z" fill="none"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/42x42/btn-prev-thumb-nor.svg
+++ b/com.twin.app.shoptime/assets/button/42x42/btn-prev-thumb-nor.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="43.5" height="43.5">
+    <path fill-rule="evenodd" fill="#222" d="M21 0c11.598 0 20.1 9.402 20.1 21S32.598 41.1 21 41.1 0 32.598 0 21 9.402 0 21 0z"/>
+    <path stroke="#FFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" fill="none" d="m23 13-8 8 8 8"/>
+    <path d="M0 0h41.1v41.1H0V0z" fill="none"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/48x48/btn-bk-arrow-right-dim.svg
+++ b/com.twin.app.shoptime/assets/button/48x48/btn-bk-arrow-right-dim.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50">
+    <path stroke="#333" stroke-width="4" stroke-linecap="round" fill="none" d="m19.097 12.069 11.331 11.305a1.45 1.45 0 0 1 0 2.055L19.097 36.734"/>
+    <path d="M.003 47.993v-48h48v48h-48z" fill="none"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/48x48/btn-bk-arrow-right-foc.svg
+++ b/com.twin.app.shoptime/assets/button/48x48/btn-bk-arrow-right-foc.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50">
+    <path fill-rule="evenodd" fill="#C70850" d="M9.1 0H38c5.523 0 10 4.477 10 9.1V38c0 5.523-4.477 10-10 10H9.1C4.477 48 0 43.523 0 38V9.1C0 4.477 4.477 0 9.1 0z"/>
+    <path stroke="#FFF" stroke-width="4" stroke-linecap="round" fill="none" d="m19.097 12.069 11.331 11.305a1.45 1.45 0 0 1 0 2.055L19.097 36.734"/>
+    <path d="M.003 47.993v-48h48v48h-48z" fill="none"/>
+    <path d="M.003 47.993v-48h48v48h-48z" fill="none"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/48x48/btn-bk-arrow-right-nor.svg
+++ b/com.twin.app.shoptime/assets/button/48x48/btn-bk-arrow-right-nor.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50">
+    <path stroke="#333" stroke-width="4" stroke-linecap="round" fill="none" d="m19.097 12.069 11.331 11.305a1.45 1.45 0 0 1 0 2.055L19.097 36.734"/>
+    <path d="M.003 47.993v-48h48v48h-48z" fill="none"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-down-dim.svg
+++ b/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-down-dim.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50">
+    <path d="M47.997 47.993v-48h-48v48h48z" fill="none"/>
+    <path stroke="#FFF" stroke-width="4" stroke-linecap="round" fill="none" d="m11.678 18.519 11.305 11.33a1.45 1.45 0 0 0 2.056 0l11.304-11.33"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-down-foc.svg
+++ b/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-down-foc.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50">
+    <path fill-rule="evenodd" fill="#C70850" d="M38 0H9.1C4.477 0 0 4.477 0 9.1V38c0 5.523 4.477 10 9.1 10H38c5.523 0 10-4.477 10-10V9.1C48 4.477 43.523 0 38 0z"/>
+    <path d="M47.997 47.993v-48h-48v48h48z" fill="none"/>
+    <path stroke="#FFF" stroke-width="4" stroke-linecap="round" fill="none" d="m11.678 18.519 11.305 11.33a1.45 1.45 0 0 0 2.056 0l11.304-11.33"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-down-nor.svg
+++ b/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-down-nor.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50">
+    <path d="M47.997 47.993v-48h-48v48h48z" fill="none"/>
+    <path stroke="#FFF" stroke-width="4" stroke-linecap="round" fill="none" d="m11.678 18.519 11.305 11.33a1.45 1.45 0 0 0 2.056 0l11.304-11.33"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-left-dim.svg
+++ b/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-left-dim.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50">
+    <path stroke="#FFF" stroke-width="4" stroke-linecap="round" fill="none" d="M28.903 12.069 17.572 23.374a1.45 1.45 0 0 0 0 2.055l11.331 11.305"/>
+    <path d="M47.997 47.993v-48h-48v48h48z" fill="none"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-left-foc.svg
+++ b/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-left-foc.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50">
+    <path fill-rule="evenodd" fill="#C70850" d="M38 0H9.1C4.477 0 0 4.477 0 9.1V38c0 5.523 4.477 10 9.1 10H38c5.523 0 10-4.477 10-10V9.1C48 4.477 43.523 0 38 0z"/>
+    <path stroke="#FFF" stroke-width="4" stroke-linecap="round" fill="none" d="M28.903 12.069 17.572 23.374a1.45 1.45 0 0 0 0 2.055l11.331 11.305"/>
+    <path d="M47.997 47.993v-48h-48v48h48z" fill="none"/>
+    <path d="M47.997 47.993v-48h-48v48h48z" fill="none"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-left-nor.svg
+++ b/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-left-nor.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50">
+    <path stroke="#FFF" stroke-width="4" stroke-linecap="round" fill="none" d="M28.903 12.069 17.572 23.374a1.45 1.45 0 0 0 0 2.055l11.331 11.305"/>
+    <path d="M47.997 47.993v-48h-48v48h48z" fill="none"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-right-dim.svg
+++ b/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-right-dim.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50">
+    <path stroke="#FFF" stroke-width="4" stroke-linecap="round" fill="none" d="m19.097 35.932 11.331-11.306a1.45 1.45 0 0 0 0-2.055L19.097 11.266"/>
+    <path d="M.003.007v48h48v-48h-48z" fill="none"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-right-foc.svg
+++ b/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-right-foc.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50">
+    <path fill-rule="evenodd" fill="#C70850" d="M9.1 48H38c5.523 0 10-4.477 10-10V9.1C48 4.477 43.523 0 38 0H9.1C4.477 0 0 4.477 0 9.1V38c0 5.523 4.477 10 9.1 10z"/>
+    <path stroke="#FFF" stroke-width="4" stroke-linecap="round" fill="none" d="m19.097 35.931 11.331-11.305a1.45 1.45 0 0 0 0-2.055L19.097 11.266"/>
+    <path d="M47.997 47.993v-48h-48v48h48z" fill="none"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-right-nor.svg
+++ b/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-right-nor.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50">
+    <path stroke="#FFF" stroke-width="4" stroke-linecap="round" fill="none" d="m19.097 35.931 11.331-11.305a1.45 1.45 0 0 0 0-2.055L19.097 11.266"/>
+    <path d="M.003.007v48h48v-48h-48z" fill="none"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-top-dim.svg
+++ b/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-top-dim.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50">
+    <path d="M47.997.007v48h-48v-48h48z" fill="none"/>
+    <path stroke="#FFF" stroke-width="4" stroke-linecap="round" fill="none" d="M11.678 29.481 22.983 18.15a1.452 1.452 0 0 1 2.056 0l11.305 11.331"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-top-foc.svg
+++ b/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-top-foc.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50">
+    <path fill-rule="evenodd" fill="#C70850" d="M38 0H9.1C4.477 0 0 4.477 0 9.1V38c0 5.523 4.477 10 9.1 10H38c5.523 0 10-4.477 10-10V9.1C48 4.477 43.523 0 38 0z"/>
+    <path d="M47.997.007v48h-48v-48h48z" fill="none"/>
+    <path stroke="#FFF" stroke-width="4" stroke-linecap="round" fill="none" d="M11.678 29.481 22.983 18.15a1.452 1.452 0 0 1 2.056 0l11.305 11.331"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-top-nor.svg
+++ b/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-top-nor.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50">
+    <path d="M47.997.007v48h-48v-48h48z" fill="none"/>
+    <path stroke="#FFF" stroke-width="4" stroke-linecap="round" fill="none" d="M11.678 29.481 22.983 18.15a1.452 1.452 0 0 1 2.056 0l11.305 11.331"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/60x60/btn-60-bk-back-dim.svg
+++ b/com.twin.app.shoptime/assets/button/60x60/btn-60-bk-back-dim.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="62.5" height="62.5">
+    <path fill="none" d="M9.1 0H50c5.523 0 9.1 4.477 9.1 9.1V50c0 5.523-3.577 9.1-9.1 9.1H9.1C4.477 59.1 0 55.523 0 50V9.1C0 4.477 4.477 0 9.1 0z"/>
+    <path stroke="#333" stroke-width="5" stroke-linecap="round" fill="none" d="M14 19.1h21c6.627 0 11.1 6.272 11.1 12v2c0 7.527-4.473 12-11.1 12H14"/>
+    <path stroke="#333" stroke-width="5" stroke-linecap="round" fill="none" d="m20.793 28.985-7.778-7.778a.999.999 0 0 1 0-1.414l7.778-7.778"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/60x60/btn-60-bk-back-dim@3x.png
+++ b/com.twin.app.shoptime/assets/button/60x60/btn-60-bk-back-dim@3x.png
--- a/com.twin.app.shoptime/assets/button/60x60/btn-60-bk-back-nor.svg
+++ b/com.twin.app.shoptime/assets/button/60x60/btn-60-bk-back-nor.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="62.5" height="62.5">
+    <path fill="none" d="M9.1 0H50c5.523 0 9.1 4.477 9.1 9.1V50c0 5.523-3.577 9.1-9.1 9.1H9.1C4.477 59.1 0 55.523 0 50V9.1C0 4.477 4.477 0 9.1 0z"/>
+    <path stroke="#333" stroke-width="5" stroke-linecap="round" fill="none" d="M14 19.1h21c6.627 0 11.1 6.272 11.1 12v2c0 7.527-4.473 12-11.1 12H14"/>
+    <path stroke="#333" stroke-width="5" stroke-linecap="round" fill="none" d="m20.793 28.985-7.778-7.778a.999.999 0 0 1 0-1.414l7.778-7.778"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/60x60/btn-60-bk-back-nor@3x.png
+++ b/com.twin.app.shoptime/assets/button/60x60/btn-60-bk-back-nor@3x.png
--- a/com.twin.app.shoptime/assets/button/60x60/btn-60-delete-dim.svg
+++ b/com.twin.app.shoptime/assets/button/60x60/btn-60-delete-dim.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="62" height="62">
+    <path stroke="#828383" stroke-width="4" fill="none" d="M16 17h28.1v30c0 1.657-.443 2.1-3 2.1H19c-1.657 0-3-.443-3-2.1V17z"/>
+    <path fill-rule="evenodd" fill="#828383" d="M27 24.1c1.105 0 2 1.795 2 2V40a2 2 0 0 1-2 2c-1.105 0-2.9-.895-2.9-2V26.1c0-.205 1.795-2 2.9-2zM34 24.1c1.105 0 2 1.795 2 2V40a2 2 0 0 1-2 2c-1.105 0-2.9-.895-2.9-2V26.1c0-.205 1.795-2 2.9-2zM25.1 9.1H35c1.105 0 2 1.795 2 2.9a2 2 0 0 1-2 2h-9.9c-.205 0-2-.895-2-2s1.795-2.9 2-2.9zM12.1 16.1H47c1.105 0 2 1.795 2 2.9a2 2 0 0 1-2 2H12.1c-.205 0-2-.895-2-2s1.795-2.9 2-2.9z"/>
+    <path fill="none" d="M0 0h59.1v59.1H0V0z"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/60x60/btn-60-delete-foc.svg
+++ b/com.twin.app.shoptime/assets/button/60x60/btn-60-delete-foc.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="62" height="62">
+    <path fill-rule="evenodd" fill="#C70850" d="M9.1 0H50c5.523 0 9.1 4.477 9.1 9.1V50c0 5.523-3.577 9.1-9.1 9.1H9.1C4.477 59.1 0 55.523 0 50V9.1C0 4.477 4.477 0 9.1 0z"/>
+    <path stroke="#FFF" stroke-width="4" fill="none" d="M16 17h28.1v30c0 1.657-.443 2.1-3 2.1H19c-1.657 0-3-.443-3-2.1V17z"/>
+    <path fill-rule="evenodd" fill="#FFF" d="M27 24.1c1.105 0 2 1.795 2 2V40a2 2 0 0 1-2 2c-1.105 0-2.9-.895-2.9-2V26.1c0-.205 1.795-2 2.9-2zM34 24.1c1.105 0 2 1.795 2 2V40a2 2 0 0 1-2 2c-1.105 0-2.9-.895-2.9-2V26.1c0-.205 1.795-2 2.9-2zM25.1 9.1H35c1.105 0 2 1.795 2 2.9a2 2 0 0 1-2 2h-9.9c-.205 0-2-.895-2-2s1.795-2.9 2-2.9zM12.1 16.1H47c1.105 0 2 1.795 2 2.9a2 2 0 0 1-2 2H12.1c-.205 0-2-.895-2-2s1.795-2.9 2-2.9z"/>
+    <path fill="none" d="M0 0h59.1v59.1H0V0z"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/60x60/btn-60-delete-nor.svg
+++ b/com.twin.app.shoptime/assets/button/60x60/btn-60-delete-nor.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="62" height="62">
+    <path stroke="#828383" stroke-width="4" fill="none" d="M16 17h28.1v30c0 1.657-.443 2.1-3 2.1H19c-1.657 0-3-.443-3-2.1V17z"/>
+    <path fill-rule="evenodd" fill="#828383" d="M27 24.1c1.105 0 2 1.795 2 2V40a2 2 0 0 1-2 2c-1.105 0-2.9-.895-2.9-2V26.1c0-.205 1.795-2 2.9-2zM34 24.1c1.105 0 2 1.795 2 2V40a2 2 0 0 1-2 2c-1.105 0-2.9-.895-2.9-2V26.1c0-.205 1.795-2 2.9-2zM25.1 9.1H35c1.105 0 2 1.795 2 2.9a2 2 0 0 1-2 2h-9.9c-.205 0-2-.895-2-2s1.795-2.9 2-2.9zM12.1 16.1H47c1.105 0 2 1.795 2 2.9a2 2 0 0 1-2 2H12.1c-.205 0-2-.895-2-2s1.795-2.9 2-2.9z"/>
+    <path fill="none" d="M0 0h59.1v59.1H0V0z"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/60x60/btn-60-wh-back-dim@3x.png
+++ b/com.twin.app.shoptime/assets/button/60x60/btn-60-wh-back-dim@3x.png
--- a/com.twin.app.shoptime/assets/button/60x60/btn-60-wh-back-foc@3x.png
+++ b/com.twin.app.shoptime/assets/button/60x60/btn-60-wh-back-foc@3x.png
--- a/com.twin.app.shoptime/assets/button/60x60/btn-60-wh-back-nor.svg
+++ b/com.twin.app.shoptime/assets/button/60x60/btn-60-wh-back-nor.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="62.5" height="62.5">
+    <path fill="none" d="M9.1 0H50c5.523 0 9.1 4.477 9.1 9.1V50c0 5.523-3.577 9.1-9.1 9.1H9.1C4.477 59.1 0 55.523 0 50V9.1C0 4.477 4.477 0 9.1 0z"/>
+    <path stroke="#FFF" stroke-width="5" stroke-linecap="round" fill="none" d="M13.1 20h21C41.627 20 47 25.372 47 31.1v2c0 7.527-5.373 12-12.9 12h-21"/>
+    <path stroke="#FFF" stroke-width="5" stroke-linecap="round" fill="none" d="m20.793 28.985-7.778-7.778a.999.999 0 0 1 0-1.414l7.778-7.778"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/60x60/btn-60-wh-back-nor@3x.png
+++ b/com.twin.app.shoptime/assets/button/60x60/btn-60-wh-back-nor@3x.png
--- a/com.twin.app.shoptime/assets/button/84x84/btn-left-84-dim.svg
+++ b/com.twin.app.shoptime/assets/button/84x84/btn-left-84-dim.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="86" height="86">
+    <path fill-rule="evenodd" opacity=".302" fill="#7A808D" d="M42.001-.001C65.196-.001 84 18.804 84 41.999 84 65.196 65.196 83.1 42.001 83.1 18.804 83.1-.001 65.196-.001 41.999c0-23.195 18.805-42 42.002-42z"/>
+    <path stroke="#FFF" stroke-width="4" stroke-linecap="round" fill="none" d="M45.481 53.322 34.15 42.017a1.453 1.453 0 0 1 0-2.056l11.331-11.305"/>
+    <path d="M19.007 20.003h42v42h-42v-42z" fill="none"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/84x84/btn-left-84-foc.svg
+++ b/com.twin.app.shoptime/assets/button/84x84/btn-left-84-foc.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="86" height="86">
+    <path fill-rule="evenodd" fill="#C70850" d="M42.001-.001C65.196-.001 84 18.804 84 41.999 84 65.196 65.196 83.1 42.001 83.1 18.804 83.1-.001 65.196-.001 41.999c0-23.195 18.805-42 42.002-42z"/>
+    <path stroke="#FFF" stroke-width="4" stroke-linecap="round" fill="none" d="M45.481 53.322 34.15 42.017a1.453 1.453 0 0 1 0-2.056l11.331-11.305"/>
+    <path d="M19.007 20.003h42v42h-42v-42z" fill="none"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/84x84/btn-left-84-nor.svg
+++ b/com.twin.app.shoptime/assets/button/84x84/btn-left-84-nor.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="86" height="86">
+    <path fill-rule="evenodd" fill="#7A808D" d="M42.001-.001C65.196-.001 84 18.804 84 41.999 84 65.196 65.196 83.1 42.001 83.1 18.804 83.1-.001 65.196-.001 41.999c0-23.195 18.805-42 42.002-42z"/>
+    <path stroke="#FFF" stroke-width="4" stroke-linecap="round" fill="none" d="M45.481 53.322 34.15 42.017a1.453 1.453 0 0 1 0-2.056l11.331-11.305"/>
+    <path d="M19.007 20.003h42v42h-42v-42z" fill="none"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/84x84/btn-right-84-dim.svg
+++ b/com.twin.app.shoptime/assets/button/84x84/btn-right-84-dim.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="86" height="86">
+    <path fill-rule="evenodd" opacity=".302" fill="#7A808D" d="M41.999 84C18.804 84 0 65.196 0 42S18.804 0 41.999 0c23.197 0 42.002 18.804 42.002 42S65.196 84 41.999 84z"/>
+    <path stroke="#FFF" stroke-width="4" stroke-linecap="round" fill="none" d="M38.519 28.678 49.85 39.983a1.453 1.453 0 0 1 0 2.056L38.519 53.343"/>
+    <path d="M64.993 61.997h-42v-42h42v42z" fill="none"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/84x84/btn-right-84-foc.svg
+++ b/com.twin.app.shoptime/assets/button/84x84/btn-right-84-foc.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="86" height="86">
+    <path fill-rule="evenodd" fill="#C70850" d="M41.999 84C18.804 84 0 65.196 0 42S18.804 0 41.999 0c23.197 0 42.002 18.804 42.002 42S65.196 84 41.999 84z"/>
+    <path stroke="#FFF" stroke-width="4" stroke-linecap="round" fill="none" d="M38.519 28.678 49.85 39.983a1.453 1.453 0 0 1 0 2.056L38.519 53.343"/>
+    <path d="M64.993 61.997h-42v-42h42v42z" fill="none"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/84x84/btn-right-84-nor.svg
+++ b/com.twin.app.shoptime/assets/button/84x84/btn-right-84-nor.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="86" height="86">
+    <path fill-rule="evenodd" fill="#7A808D" d="M41.999 84C18.804 84 0 65.196 0 42S18.804 0 41.999 0c23.197 0 42.002 18.804 42.002 42S65.196 84 41.999 84z"/>
+    <path stroke="#FFF" stroke-width="4" stroke-linecap="round" fill="none" d="M38.519 28.678 49.85 39.983a1.453 1.453 0 0 1 0 2.056L38.519 53.343"/>
+    <path d="M64.993 61.997h-42v-42h42v42z" fill="none"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/90x90/btn-quantity-decrease-dim.svg
+++ b/com.twin.app.shoptime/assets/button/90x90/btn-quantity-decrease-dim.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="91.5" height="91.5">
+    <path fill-rule="evenodd" stroke="#DADADA" stroke-linecap="round" stroke-linejoin="round" fill="#FFF" d="M12.5.5h66c6.627 0 12 5.373 12 12v66c0 6.627-5.373 12-12 12h-66c-6.627 0-12-5.373-12-12v-66c0-6.627 5.373-12 12-12z"/>
+    <path fill-rule="evenodd" fill="gray" d="M33.5 43.5h24a2 2 0 1 1 0 4h-24a2 2 0 1 1 0-4z"/>
+    <path d="M24.503 66.485v-42h42v42h-42z" fill="none"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/90x90/btn-quantity-decrease-foc.svg
+++ b/com.twin.app.shoptime/assets/button/90x90/btn-quantity-decrease-foc.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="101.5" height="101.5">
+    <path fill-rule="evenodd" stroke="#C70850" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" fill="#FFF" d="M17.5 5.5h66c6.627 0 12 5.373 12 12v66c0 6.627-5.373 12-12 12h-66c-6.627 0-12-5.373-12-12v-66c0-6.627 5.373-12 12-12z"/>
+    <path fill-rule="evenodd" fill="#C70850" d="M38.5 48.5h24a2 2 0 1 1 0 4h-24a2 2 0 1 1 0-4z"/>
+    <path d="M29.503 71.485v-42h42v42h-42z" fill="none"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/90x90/btn-quantity-decrease-nor.svg
+++ b/com.twin.app.shoptime/assets/button/90x90/btn-quantity-decrease-nor.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="91.5" height="91.5">
+    <path fill-rule="evenodd" stroke="#DADADA" stroke-linecap="round" stroke-linejoin="round" fill="#FFF" d="M12.5.5h66c6.627 0 12 5.373 12 12v66c0 6.627-5.373 12-12 12h-66c-6.627 0-12-5.373-12-12v-66c0-6.627 5.373-12 12-12z"/>
+    <path fill-rule="evenodd" fill="gray" d="M33.5 43.5h24a2 2 0 1 1 0 4h-24a2 2 0 1 1 0-4z"/>
+    <path d="M24.503 66.485v-42h42v42h-42z" fill="none"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/90x90/btn-quantity-increase-dim.svg
+++ b/com.twin.app.shoptime/assets/button/90x90/btn-quantity-increase-dim.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="91.5" height="91.5">
+    <path fill-rule="evenodd" stroke="#DADADA" stroke-linecap="round" stroke-linejoin="round" fill="#FFF" d="M12.5.5h66c6.627 0 12 5.373 12 12v66c0 6.627-5.373 12-12 12h-66c-6.627 0-12-5.373-12-12v-66c0-6.627 5.373-12 12-12z"/>
+    <path fill-rule="evenodd" fill="gray" d="M45.5 31.5a2 2 0 0 1 2 2v24a2 2 0 1 1-4 0v-24a2 2 0 0 1 2-2z"/>
+    <path fill-rule="evenodd" fill="gray" d="M33.5 43.5h24a2 2 0 1 1 0 4h-24a2 2 0 1 1 0-4z"/>
+    <path d="M24.503 66.485v-42h42v42h-42z" fill="none"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/90x90/btn-quantity-increase-foc.svg
+++ b/com.twin.app.shoptime/assets/button/90x90/btn-quantity-increase-foc.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="101.5" height="101.5">
+    <path fill-rule="evenodd" stroke="#C70850" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" fill="#FFF" d="M17.5 5.5h66c6.627 0 12 5.373 12 12v66c0 6.627-5.373 12-12 12h-66c-6.627 0-12-5.373-12-12v-66c0-6.627 5.373-12 12-12z"/>
+    <path fill-rule="evenodd" fill="#C70850" d="M50.5 36.5a2 2 0 0 1 2 2v24a2 2 0 1 1-4 0v-24a2 2 0 0 1 2-2z"/>
+    <path fill-rule="evenodd" fill="#C70850" d="M38.5 48.5h24a2 2 0 1 1 0 4h-24a2 2 0 1 1 0-4z"/>
+    <path d="M29.503 71.485v-42h42v42h-42z" fill="none"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/90x90/btn-quantity-increase-nor.svg
+++ b/com.twin.app.shoptime/assets/button/90x90/btn-quantity-increase-nor.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="91.5" height="91.5">
+    <path fill-rule="evenodd" stroke="#DADADA" stroke-linecap="round" stroke-linejoin="round" fill="#FFF" d="M12.5.5h66c6.627 0 12 5.373 12 12v66c0 6.627-5.373 12-12 12h-66c-6.627 0-12-5.373-12-12v-66c0-6.627 5.373-12 12-12z"/>
+    <path fill-rule="evenodd" fill="gray" d="M45.5 31.5a2 2 0 0 1 2 2v24a2 2 0 1 1-4 0v-24a2 2 0 0 1 2-2z"/>
+    <path fill-rule="evenodd" fill="gray" d="M33.5 43.5h24a2 2 0 1 1 0 4h-24a2 2 0 1 1 0-4z"/>
+    <path d="M24.503 66.485v-42h42v42h-42z" fill="none"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/etc/btn-bk-down-dim.svg
+++ b/com.twin.app.shoptime/assets/button/etc/btn-bk-down-dim.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="146" height="50">
+    <path fill-rule="evenodd" fill="#222" d="M144 42V0H0v42c0 3.314 2.686 6 5.1 6H138a6 6 0 0 0 6-6z"/>
+    <path stroke="#FFF" stroke-width="4" stroke-linecap="round" fill="none" d="M59.678 18.519 70.983 29.85a1.453 1.453 0 0 0 2.056 0l11.304-11.331"/>
+    <path d="M91.997 43.993v-40h-40v40h40z" fill="none"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/etc/btn-bk-down-foc.svg
+++ b/com.twin.app.shoptime/assets/button/etc/btn-bk-down-foc.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="146" height="50">
+    <path fill-rule="evenodd" fill="#C70850" d="M144 42V0H0v42c0 3.314 2.686 6 5.1 6H138a6 6 0 0 0 6-6z"/>
+    <path stroke="#FFF" stroke-width="4" stroke-linecap="round" fill="none" d="m59.678 18.519 11.305 11.33a1.452 1.452 0 0 0 2.056 0l11.304-11.33"/>
+    <path d="M91.997 43.993v-40h-40v40h40z" fill="none"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/etc/btn-bk-down-nor.svg
+++ b/com.twin.app.shoptime/assets/button/etc/btn-bk-down-nor.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="146" height="50">
+    <path fill-rule="evenodd" fill="#222" d="M144 42V0H0v42c0 3.314 2.686 6 5.1 6H138a6 6 0 0 0 6-6z"/>
+    <path stroke="#FFF" stroke-width="4" stroke-linecap="round" fill="none" d="M59.678 18.519 70.983 29.85a1.453 1.453 0 0 0 2.056 0l11.304-11.331"/>
+    <path d="M91.997 43.993v-40h-40v40h40z" fill="none"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/etc/btn-bk-up-dim.svg
+++ b/com.twin.app.shoptime/assets/button/etc/btn-bk-up-dim.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="146" height="50">
+    <path fill-rule="evenodd" fill="#222" d="M144 5.1V48H0V5.1C0 2.686 2.686 0 5.1 0H138c3.314 0 6 2.686 6 5.1z"/>
+    <path stroke="#FFF" stroke-width="4" stroke-linecap="round" fill="none" d="M59.677 29.481 70.983 18.15a1.452 1.452 0 0 1 2.056 0l11.304 11.331"/>
+    <path d="M91.997 4.007v40h-40v-40h40z" fill="none"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/etc/btn-bk-up-foc.svg
+++ b/com.twin.app.shoptime/assets/button/etc/btn-bk-up-foc.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="146" height="50">
+    <path fill-rule="evenodd" fill="#C70850" d="M144 5.1V48H0V5.1C0 2.686 2.686 0 5.1 0H138c3.314 0 6 2.686 6 5.1z"/>
+    <path stroke="#FFF" stroke-width="4" stroke-linecap="round" fill="none" d="M59.677 29.481 70.983 18.15a1.452 1.452 0 0 1 2.056 0l11.305 11.331"/>
+    <path d="M91.997 4.007v40h-40v-40h40z" fill="none"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/etc/btn-bk-up-nor.svg
+++ b/com.twin.app.shoptime/assets/button/etc/btn-bk-up-nor.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="146" height="50">
+    <path fill-rule="evenodd" fill="#222" d="M144 5.1V48H0V5.1C0 2.686 2.686 0 5.1 0H138c3.314 0 6 2.686 6 5.1z"/>
+    <path stroke="#FFF" stroke-width="4" stroke-linecap="round" fill="none" d="M59.677 29.481 70.983 18.15a1.452 1.452 0 0 1 2.056 0l11.305 11.331"/>
+    <path d="M91.997 4.007v40h-40v-40h40z" fill="none"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/etc/btn-gr-down-dim.svg
+++ b/com.twin.app.shoptime/assets/button/etc/btn-gr-down-dim.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="146" height="50">
+    <path fill-rule="evenodd" fill="#7A808D" d="M144 42V0H0v42c0 3.314 2.686 6 5.1 6H138a6 6 0 0 0 6-6z"/>
+    <path stroke="#FFF" stroke-width="4" stroke-linecap="round" fill="none" d="M59.678 18.519 70.983 29.85a1.453 1.453 0 0 0 2.056 0l11.304-11.331"/>
+    <path d="M91.997 43.993v-40h-40v40h40z" fill="none"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/etc/btn-gr-down-foc.svg
+++ b/com.twin.app.shoptime/assets/button/etc/btn-gr-down-foc.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="146" height="50">
+    <path fill-rule="evenodd" fill="#C70850" d="M144 42V0H0v42c0 3.314 2.686 6 5.1 6H138a6 6 0 0 0 6-6z"/>
+    <path stroke="#FFF" stroke-width="4" stroke-linecap="round" fill="none" d="m59.678 18.519 11.305 11.33a1.452 1.452 0 0 0 2.056 0l11.304-11.33"/>
+    <path d="M91.997 43.993v-40h-40v40h40z" fill="none"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/etc/btn-gr-down-nor.svg
+++ b/com.twin.app.shoptime/assets/button/etc/btn-gr-down-nor.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="146" height="50">
+    <path fill-rule="evenodd" fill="#7A808D" d="M144 42V0H0v42c0 3.314 2.686 6 5.1 6H138a6 6 0 0 0 6-6z"/>
+    <path stroke="#FFF" stroke-width="4" stroke-linecap="round" fill="none" d="M59.678 18.519 70.983 29.85a1.453 1.453 0 0 0 2.056 0l11.304-11.331"/>
+    <path d="M91.997 43.993v-40h-40v40h40z" fill="none"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/etc/btn-gr-up-dim.svg
+++ b/com.twin.app.shoptime/assets/button/etc/btn-gr-up-dim.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="146" height="50">
+    <path fill-rule="evenodd" fill="#7A808D" d="M144 5.1V48H0V5.1C0 2.686 2.686 0 5.1 0H138c3.314 0 6 2.686 6 5.1z"/>
+    <path stroke="#FFF" stroke-width="4" stroke-linecap="round" fill="none" d="M59.678 29.481 70.983 18.15a1.452 1.452 0 0 1 2.056 0l11.304 11.331"/>
+    <path d="M91.997 4.007v40h-40v-40h40z" fill="none"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/etc/btn-gr-up-foc.svg
+++ b/com.twin.app.shoptime/assets/button/etc/btn-gr-up-foc.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="146" height="50">
+    <path fill-rule="evenodd" fill="#C70850" d="M144 5.1V48H0V5.1C0 2.686 2.686 0 5.1 0H138c3.314 0 6 2.686 6 5.1z"/>
+    <path stroke="#FFF" stroke-width="4" stroke-linecap="round" fill="none" d="M59.678 29.481 70.983 18.15a1.452 1.452 0 0 1 2.056 0l11.304 11.331"/>
+    <path d="M91.997 4.007v40h-40v-40h40z" fill="none"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/etc/btn-gr-up-nor.svg
+++ b/com.twin.app.shoptime/assets/button/etc/btn-gr-up-nor.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="146" height="50">
+    <path fill-rule="evenodd" fill="#7A808D" d="M144 5.1V48H0V5.1C0 2.686 2.686 0 5.1 0H138c3.314 0 6 2.686 6 5.1z"/>
+    <path stroke="#FFF" stroke-width="4" stroke-linecap="round" fill="none" d="M59.678 29.481 70.983 18.15a1.452 1.452 0 0 1 2.056 0l11.304 11.331"/>
+    <path d="M91.997 4.007v40h-40v-40h40z" fill="none"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/etc/btn-scroll-down-dim.svg
+++ b/com.twin.app.shoptime/assets/button/etc/btn-scroll-down-dim.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48">
+    <path fill-rule="evenodd" opacity=".302" fill="#7A808D" d="M48 48H0V0h48v48z"/>
+    <path fill-rule="evenodd" opacity=".502" fill="#FFF" d="m22.58 31.542-.04-.041c-.064-.046-.138-.07-.196-.126-.077-.075-.116-.168-.174-.253L10.99 18.814a1.505 1.505 0 0 1 0-2.181 1.634 1.634 0 0 1 2.257 0l10.424 11.278 10.374-11.23a1.637 1.637 0 0 1 2.258 0 1.506 1.506 0 0 1 0 2.182L24.602 31.375c-.498.481-1.235.56-1.833.272-.044.004-.103-.022-.189-.105z"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/etc/btn-scroll-down-foc.svg
+++ b/com.twin.app.shoptime/assets/button/etc/btn-scroll-down-foc.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48">
+    <path fill-rule="evenodd" fill="#C70850" d="M48 48H0V0h48v48z"/>
+    <path fill-rule="evenodd" fill="#FFF" d="m22.58 31.542-.04-.041c-.064-.046-.138-.07-.196-.126-.077-.075-.116-.169-.174-.254L10.99 18.814a1.505 1.505 0 0 1 0-2.181 1.634 1.634 0 0 1 2.257 0l10.424 11.278 10.374-11.23a1.637 1.637 0 0 1 2.258 0 1.506 1.506 0 0 1 0 2.182L24.602 31.375c-.498.481-1.235.56-1.833.272-.044.004-.103-.022-.189-.105z"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/etc/btn-scroll-down-nor.svg
+++ b/com.twin.app.shoptime/assets/button/etc/btn-scroll-down-nor.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48">
+    <path fill-rule="evenodd" fill="#7A808D" d="M48 48H0V0h48v48z"/>
+    <path fill-rule="evenodd" fill="#FFF" d="m22.58 31.542-.04-.041c-.064-.046-.138-.07-.196-.126-.077-.075-.116-.169-.174-.254L10.99 18.814a1.505 1.505 0 0 1 0-2.181 1.634 1.634 0 0 1 2.257 0l10.424 11.278 10.374-11.23a1.635 1.635 0 0 1 2.258 0 1.506 1.506 0 0 1 0 2.182L24.602 31.375c-.498.481-1.235.56-1.833.272-.044.004-.103-.022-.189-.105z"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/etc/btn-scroll-up-dim.svg
+++ b/com.twin.app.shoptime/assets/button/etc/btn-scroll-up-dim.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48">
+    <path fill-rule="evenodd" opacity=".302" fill="#7A808D" d="M0 0h48v48H0V0z"/>
+    <path fill-rule="evenodd" opacity=".502" fill="#FFF" d="m25.42 16.458.039.041c.065.046.139.07.197.126.077.075.116.169.174.254l11.181 12.307a1.506 1.506 0 0 1 0 2.181 1.635 1.635 0 0 1-2.258 0L24.329 20.089l-10.374 11.23a1.635 1.635 0 0 1-2.258 0 1.506 1.506 0 0 1 0-2.182l11.701-12.512c.498-.481 1.235-.56 1.833-.272.044-.004.103.022.189.105z"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/etc/btn-scroll-up-foc.svg
+++ b/com.twin.app.shoptime/assets/button/etc/btn-scroll-up-foc.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48">
+    <path fill-rule="evenodd" fill="#C70850" d="M0 0h48v48H0V0z"/>
+    <path fill-rule="evenodd" fill="#FFF" d="m25.42 16.458.039.041c.065.046.139.07.197.126.077.075.116.169.174.253l11.181 12.308a1.506 1.506 0 0 1 0 2.181 1.635 1.635 0 0 1-2.258 0L24.329 20.089l-10.374 11.23a1.637 1.637 0 0 1-2.258 0 1.506 1.506 0 0 1 0-2.182l11.701-12.512c.498-.481 1.235-.56 1.833-.272.044-.004.103.022.189.105z"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/etc/btn-scroll-up-nor.svg
+++ b/com.twin.app.shoptime/assets/button/etc/btn-scroll-up-nor.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48">
+    <path fill-rule="evenodd" fill="#7A808D" d="M0 0h48v48H0V0z"/>
+    <path fill-rule="evenodd" fill="#FFF" d="m25.42 16.458.039.041c.065.046.139.07.197.126.077.075.116.169.174.254l11.181 12.307a1.506 1.506 0 0 1 0 2.181 1.635 1.635 0 0 1-2.258 0L24.329 20.089l-10.374 11.23a1.635 1.635 0 0 1-2.258 0 1.506 1.506 0 0 1 0-2.182l11.701-12.512c.498-.481 1.235-.56 1.833-.272.044-.004.103.022.189.105z"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/etc/btn-toclose-dim.svg
+++ b/com.twin.app.shoptime/assets/button/etc/btn-toclose-dim.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="50" height="146">
+    <path fill-rule="evenodd" fill="#7A808D" d="M4.1 0H48v144H4.1c-1.861 0-4.1-2.239-4.1-5V4.1C0 2.239 2.239 0 4.1 0z"/>
+    <path stroke="#FFF" stroke-width="4" stroke-linecap="round" fill="none" d="m18.521 84.322 11.33-11.305a1.452 1.452 0 0 0 0-2.056l-11.33-11.305"/>
+    <path d="M43.993 52.003H3.996v40h39.997v-40z" fill="none"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/etc/btn-toclose-foc.svg
+++ b/com.twin.app.shoptime/assets/button/etc/btn-toclose-foc.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="50" height="146">
+    <path fill-rule="evenodd" fill="#C70850" d="M4.1 0H48v144H4.1c-1.861 0-4.1-2.239-4.1-5V4.1C0 2.239 2.239 0 4.1 0z"/>
+    <path stroke="#FFF" stroke-width="4" stroke-linecap="round" fill="none" d="m18.521 84.322 11.33-11.305a1.452 1.452 0 0 0 0-2.056l-11.33-11.305"/>
+    <path d="M43.993 52.003H3.996v40h39.997v-40z" fill="none"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/etc/btn-toclose-nor.svg
+++ b/com.twin.app.shoptime/assets/button/etc/btn-toclose-nor.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="50" height="146">
+    <path fill-rule="evenodd" fill="#7A808D" d="M4.1 0H48v144H4.1c-1.861 0-4.1-2.239-4.1-5V4.1C0 2.239 2.239 0 4.1 0z"/>
+    <path stroke="#FFF" stroke-width="4" stroke-linecap="round" fill="none" d="m18.521 84.322 11.33-11.305a1.452 1.452 0 0 0 0-2.056l-11.33-11.305"/>
+    <path d="M43.993 52.003H3.996v40h39.997v-40z" fill="none"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/etc/btn-toopen-dim.svg
+++ b/com.twin.app.shoptime/assets/button/etc/btn-toopen-dim.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="50" height="146">
+    <path fill-rule="evenodd" fill="#7A808D" d="M4.1 0H48v144H4.1c-1.861 0-4.1-2.239-4.1-5V4.1C0 2.239 2.239 0 4.1 0z"/>
+    <path stroke="#FFF" stroke-width="4" stroke-linecap="round" fill="none" d="M29.481 84.322 18.15 73.017a1.452 1.452 0 0 1 0-2.056l11.331-11.305"/>
+    <path d="M4.007 52.003h40v40h-40v-40z" fill="none"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/etc/btn-toopen-foc.svg
+++ b/com.twin.app.shoptime/assets/button/etc/btn-toopen-foc.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="50" height="146">
+    <path fill-rule="evenodd" fill="#C70850" d="M4.1 0H48v144H4.1c-1.861 0-4.1-2.239-4.1-5V4.1C0 2.239 2.239 0 4.1 0z"/>
+    <path stroke="#FFF" stroke-width="4" stroke-linecap="round" fill="none" d="M29.481 84.322 18.15 73.017a1.452 1.452 0 0 1 0-2.056l11.331-11.305"/>
+    <path d="M4.007 52.003h40v40h-40v-40z" fill="none"/>
+</svg>
--- a/com.twin.app.shoptime/assets/button/etc/btn-toopen-nor.svg
+++ b/com.twin.app.shoptime/assets/button/etc/btn-toopen-nor.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="50" height="146">
+    <path fill-rule="evenodd" fill="#7A808D" d="M4.1 0H48v144H4.1c-1.861 0-4.1-2.239-4.1-5V4.1C0 2.239 2.239 0 4.1 0z"/>
+    <path stroke="#FFF" stroke-width="4" stroke-linecap="round" fill="none" d="M29.481 84.322 18.15 73.017a1.452 1.452 0 0 1 0-2.056l11.331-11.305"/>
+    <path d="M4.007 52.003h40v40h-40v-40z" fill="none"/>
+</svg>
--- a/com.twin.app.shoptime/assets/category/ic-category-accessories-foc@3x.png
+++ b/com.twin.app.shoptime/assets/category/ic-category-accessories-foc@3x.png
--- a/com.twin.app.shoptime/assets/category/ic-category-accessories-nor@3x.png
+++ b/com.twin.app.shoptime/assets/category/ic-category-accessories-nor@3x.png
--- a/com.twin.app.shoptime/assets/category/ic-category-beauty-foc@3x.png
+++ b/com.twin.app.shoptime/assets/category/ic-category-beauty-foc@3x.png
--- a/com.twin.app.shoptime/assets/category/ic-category-beauty-nor@3x.png
+++ b/com.twin.app.shoptime/assets/category/ic-category-beauty-nor@3x.png
--- a/com.twin.app.shoptime/assets/category/ic-category-clearance-foc@3x.png
+++ b/com.twin.app.shoptime/assets/category/ic-category-clearance-foc@3x.png
--- a/com.twin.app.shoptime/assets/category/ic-category-clearance-nor@3x.png
+++ b/com.twin.app.shoptime/assets/category/ic-category-clearance-nor@3x.png
--- a/com.twin.app.shoptime/assets/category/ic-category-cw-foc@3x.png
+++ b/com.twin.app.shoptime/assets/category/ic-category-cw-foc@3x.png
--- a/com.twin.app.shoptime/assets/category/ic-category-cw-nor@3x.png
+++ b/com.twin.app.shoptime/assets/category/ic-category-cw-nor@3x.png
--- a/com.twin.app.shoptime/assets/category/ic-category-default-foc@3x.png
+++ b/com.twin.app.shoptime/assets/category/ic-category-default-foc@3x.png
--- a/com.twin.app.shoptime/assets/category/ic-category-default-nor@3x.png
+++ b/com.twin.app.shoptime/assets/category/ic-category-default-nor@3x.png
--- a/com.twin.app.shoptime/assets/category/ic-category-electronics-foc@3x.png
+++ b/com.twin.app.shoptime/assets/category/ic-category-electronics-foc@3x.png
--- a/com.twin.app.shoptime/assets/category/ic-category-electronics-nor@3x.png
+++ b/com.twin.app.shoptime/assets/category/ic-category-electronics-nor@3x.png
--- a/com.twin.app.shoptime/assets/category/ic-category-enter-foc@3x.png
+++ b/com.twin.app.shoptime/assets/category/ic-category-enter-foc@3x.png
--- a/com.twin.app.shoptime/assets/category/ic-category-enter-nor@3x.png
+++ b/com.twin.app.shoptime/assets/category/ic-category-enter-nor@3x.png
--- a/com.twin.app.shoptime/assets/category/ic-category-fashion-foc@3x.png
+++ b/com.twin.app.shoptime/assets/category/ic-category-fashion-foc@3x.png
--- a/com.twin.app.shoptime/assets/category/ic-category-fashion-nor@3x.png
+++ b/com.twin.app.shoptime/assets/category/ic-category-fashion-nor@3x.png
--- a/com.twin.app.shoptime/assets/category/ic-category-finance-foc@3x.png
+++ b/com.twin.app.shoptime/assets/category/ic-category-finance-foc@3x.png
--- a/com.twin.app.shoptime/assets/category/ic-category-finance-nor@3x.png
+++ b/com.twin.app.shoptime/assets/category/ic-category-finance-nor@3x.png
--- a/com.twin.app.shoptime/assets/category/ic-category-garden-foc@3x.png
+++ b/com.twin.app.shoptime/assets/category/ic-category-garden-foc@3x.png
--- a/com.twin.app.shoptime/assets/category/ic-category-garden-nor@3x.png
+++ b/com.twin.app.shoptime/assets/category/ic-category-garden-nor@3x.png
--- a/com.twin.app.shoptime/assets/category/ic-category-gift-foc@3x.png
+++ b/com.twin.app.shoptime/assets/category/ic-category-gift-foc@3x.png
--- a/com.twin.app.shoptime/assets/category/ic-category-gift-nor@3x.png
+++ b/com.twin.app.shoptime/assets/category/ic-category-gift-nor@3x.png
--- a/Show More
+++ b/Show More