@designcrowd/library.brand-page 5.17.17 → 5.17.18-ast-btn-styles

package/lib/src/css/library.brand-page-brandPage.min.css

@@ -1827,21 +1827,6 @@ a.maker-anchor {
   -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
           transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-.tw-translate-x-\[-4\%\] {
-  --tw-translate-x: -4%;
-  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.tw-translate-x-\[-99\%\] {
-  --tw-translate-x: -99%;
-  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.tw-translate-x-\[101\%\] {
-  --tw-translate-x: 101%;
-  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
 .tw-translate-y-0 {
   --tw-translate-y: 0px;
   -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -5904,6 +5889,41 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   height: 2rem;
 }
 
+.bp-button-paper-top[data-v-075a9270] {
+  --tw-translate-y: -10%;
+  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  color: var(--icon-color);
+}
+.bp-button-paper-bottom[data-v-075a9270] {
+  --tw-translate-y: -4%;
+  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  color: var(--icon-color);
+}
+.bp-button-paper-top[data-v-075a9270] svg,
+.bp-button-paper-bottom[data-v-075a9270] svg {
+  width: 100%;
+  height: auto;
+}
+.bp-icon-brush-left[data-v-075a9270] svg {
+  -webkit-transform: translateX(-99%);
+          transform: translateX(-99%);
+  width: auto;
+}
+.bp-icon-brush-right[data-v-075a9270] svg {
+  width: auto;
+}
+.bp-button-arrow[data-v-075a9270],
+.device-wrapper--mobile .bp-button-arrow[data-v-075a9270] {
+  clip-path: polygon(5% 100%, 0% 50%, 5% 0%, 95% 0%, 100% 50%, 95% 100%);
+}
+@media (min-width: 767px) {
+.bp-button-arrow[data-v-075a9270] {
+    clip-path: polygon(3% 100%, 0% 50%, 3% 0%, 97% 0%, 100% 50%, 97% 100%);
+}
+}
+
 .c-shape[data-v-c999aec0] {
   fill: currentColor;
 }
@@ -5993,7 +6013,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   content: '\00A0';
 }
 
-.c-button[data-v-e08f0a53] {
+.c-button[data-v-2bff325b] {
   --icon-h: 1.5rem;
   --icon-m-r: 2rem;
   --icon-m-icon: 0.5rem;
@@ -6004,7 +6024,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   text-align: center;
   text-decoration: none;
 }
-.bp-button[data-v-e08f0a53] .c-button__icon-img img {
+.bp-button[data-v-2bff325b] .c-button__icon-img img {
   max-width: none;
   -o-object-fit: cover;
      object-fit: cover;
@@ -6016,91 +6036,49 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   width: var(--icon-img-size);
   height: var(--icon-img-size);
 }
-.c-button--disabled[data-v-e08f0a53] {
+.c-button--disabled[data-v-2bff325b] {
   pointer-events: none;
 }
-.c-button:hover .c-button__label[data-v-e08f0a53] {
+.c-button:hover .c-button__label[data-v-2bff325b] {
   text-decoration: underline;
 }
-.c-button__icon[data-v-e08f0a53] {
+.c-button__icon[data-v-2bff325b] {
   margin-right: var(--icon-m-r);
 }
-.bp-button[data-v-e08f0a53] .c-button__icon-img {
+.bp-button[data-v-2bff325b] .c-button__icon-img {
   margin-right: var(--icon-m-r);
   width: var(--icon-w);
   height: var(--icon-h);
 }
-.c-button__label[data-v-e08f0a53] {
+.c-button__label[data-v-2bff325b] {
   margin: 0 auto;
   word-break: break-word;
   overflow-wrap: anywhere;
   width: auto;
 }
-.c-button__label--offset-sm[data-v-e08f0a53] {
+.c-button__label--offset-sm[data-v-2bff325b] {
   -webkit-transform: translateX(-1.5rem);
           transform: translateX(-1.5rem);
 }
-.c-button__label--offset-md[data-v-e08f0a53] {
+.c-button__label--offset-md[data-v-2bff325b] {
   -webkit-transform: translateX(-1.75rem);
           transform: translateX(-1.75rem);
 }
-.c-button__label--offset-lg[data-v-e08f0a53] {
+.c-button__label--offset-lg[data-v-2bff325b] {
   -webkit-transform: translateX(-1.5rem);
           transform: translateX(-1.5rem);
 }
-.c-button__no-icon[data-v-e08f0a53] {
+.c-button__no-icon[data-v-2bff325b] {
   margin-right: var(--icon-m-r);
   width: var(--icon-w);
   height: var(--icon-h);
 }
-.bp-button-paper-bottom[data-v-e08f0a53] {
-  --tw-translate-y: -4%;
-  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-  color: var(--icon-color);
-}
-.bp-button-paper-top[data-v-e08f0a53] {
-  --tw-translate-y: -10%;
-  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-  color: var(--icon-color);
-}
-.bp-icon-brush-left[data-v-e08f0a53] {
-  width: 2rem;
-  --tw-translate-x: 101%;
-  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-  color: var(--icon-color);
-}
-.bp-icon-brush-right[data-v-e08f0a53] {
-  width: 2rem;
-  --tw-translate-x: -4%;
-  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-  color: var(--icon-color);
-}
-.bp-icon-brush-left[data-v-e08f0a53] svg {
-  width: auto;
-  --tw-translate-x: -99%;
-  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.bp-icon-brush-right[data-v-e08f0a53] svg {
-  width: auto;
-}
-.bp-button-arrow[data-v-e08f0a53],
-.device-wrapper--mobile .bp-button-arrow[data-v-e08f0a53] {
-  clip-path: polygon(5% 100%, 0% 50%, 5% 0%, 95% 0%, 100% 50%, 95% 100%);
-}
-.device-wrapper--mobile .c-button__icon[data-v-e08f0a53] {
+.device-wrapper--mobile .c-button__icon[data-v-2bff325b] {
   margin: 0;
   margin-right: var(--icon-m-r);
 }
 @media (min-width: 767px) {
-.bp-button-arrow[data-v-e08f0a53] {
-    clip-path: polygon(3% 100%, 0% 50%, 3% 0%, 97% 0%, 100% 50%, 97% 100%);
-}
-.c-button__icon[data-v-e08f0a53] {
+.c-button__icon[data-v-2bff325b] {
     margin: 0 var(--icon-m-icon);
 }
 }
@@ -7136,18 +7114,18 @@ select[data-v-534cad39] {
   margin-bottom: 0.5rem
 }
 
-.form-error[data-v-9668f66d] {
+.form-error[data-v-4e641ae0] {
   font-size: 0.875rem;
   line-height: 1.25rem;
   color: #f21b3f
 }
 @media (max-width: 767px) {
-.product-detail[data-v-9668f66d] {
+.product-detail[data-v-4e641ae0] {
     grid-template-columns: repeat(1, minmax(0, 1fr))
 }
 }
 @media (min-width: 767px) {
-.product-detail[data-v-9668f66d] {
+.product-detail[data-v-4e641ae0] {
     grid-template-columns: repeat(2, minmax(0, 1fr))
 }
 }
@@ -9102,11 +9080,11 @@ body {
   min-width: 33.333333%
 }
 
-.font-list[data-v-584b8d39] {
+.font-list[data-v-65616ad0] {
   scrollbar-width: none; /* Firefox */
   -ms-overflow-style: none; /* IE/Edge */
 }
-.font-list[data-v-584b8d39]::-webkit-scrollbar {
+.font-list[data-v-65616ad0]::-webkit-scrollbar {
   display: none; /* Chrome, Safari, Opera */
 }
 

package/lib/src/css/library.brand-page-designCom.min.css

@@ -1436,21 +1436,6 @@ a:not(.tw-lowercase) {
     -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
             transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }
-.tw-translate-x-\[-4\%\] {
-    --tw-translate-x: -4%;
-    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
-}
-.tw-translate-x-\[-99\%\] {
-    --tw-translate-x: -99%;
-    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
-}
-.tw-translate-x-\[101\%\] {
-    --tw-translate-x: 101%;
-    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
-}
 .tw-translate-y-0 {
     --tw-translate-y: 0px;
     -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -5616,6 +5601,41 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   height: 2rem;
 }
 
+.bp-button-paper-top[data-v-075a9270] {
+  --tw-translate-y: -10%;
+  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  color: var(--icon-color);
+}
+.bp-button-paper-bottom[data-v-075a9270] {
+  --tw-translate-y: -4%;
+  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  color: var(--icon-color);
+}
+.bp-button-paper-top[data-v-075a9270] svg,
+.bp-button-paper-bottom[data-v-075a9270] svg {
+  width: 100%;
+  height: auto;
+}
+.bp-icon-brush-left[data-v-075a9270] svg {
+  -webkit-transform: translateX(-99%);
+          transform: translateX(-99%);
+  width: auto;
+}
+.bp-icon-brush-right[data-v-075a9270] svg {
+  width: auto;
+}
+.bp-button-arrow[data-v-075a9270],
+.device-wrapper--mobile .bp-button-arrow[data-v-075a9270] {
+  clip-path: polygon(5% 100%, 0% 50%, 5% 0%, 95% 0%, 100% 50%, 95% 100%);
+}
+@media (min-width: 767px) {
+.bp-button-arrow[data-v-075a9270] {
+    clip-path: polygon(3% 100%, 0% 50%, 3% 0%, 97% 0%, 100% 50%, 97% 100%);
+}
+}
+
 .c-shape[data-v-c999aec0] {
   fill: currentColor;
 }
@@ -5705,7 +5725,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   content: '\00A0';
 }
 
-.c-button[data-v-e08f0a53] {
+.c-button[data-v-2bff325b] {
   --icon-h: 1.5rem;
   --icon-m-r: 2rem;
   --icon-m-icon: 0.5rem;
@@ -5716,7 +5736,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   text-align: center;
   text-decoration: none;
 }
-.bp-button[data-v-e08f0a53] .c-button__icon-img img {
+.bp-button[data-v-2bff325b] .c-button__icon-img img {
   max-width: none;
   -o-object-fit: cover;
      object-fit: cover;
@@ -5728,91 +5748,49 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   width: var(--icon-img-size);
   height: var(--icon-img-size);
 }
-.c-button--disabled[data-v-e08f0a53] {
+.c-button--disabled[data-v-2bff325b] {
   pointer-events: none;
 }
-.c-button:hover .c-button__label[data-v-e08f0a53] {
+.c-button:hover .c-button__label[data-v-2bff325b] {
   text-decoration: underline;
 }
-.c-button__icon[data-v-e08f0a53] {
+.c-button__icon[data-v-2bff325b] {
   margin-right: var(--icon-m-r);
 }
-.bp-button[data-v-e08f0a53] .c-button__icon-img {
+.bp-button[data-v-2bff325b] .c-button__icon-img {
   margin-right: var(--icon-m-r);
   width: var(--icon-w);
   height: var(--icon-h);
 }
-.c-button__label[data-v-e08f0a53] {
+.c-button__label[data-v-2bff325b] {
   margin: 0 auto;
   word-break: break-word;
   overflow-wrap: anywhere;
   width: auto;
 }
-.c-button__label--offset-sm[data-v-e08f0a53] {
+.c-button__label--offset-sm[data-v-2bff325b] {
   -webkit-transform: translateX(-1.5rem);
           transform: translateX(-1.5rem);
 }
-.c-button__label--offset-md[data-v-e08f0a53] {
+.c-button__label--offset-md[data-v-2bff325b] {
   -webkit-transform: translateX(-1.75rem);
           transform: translateX(-1.75rem);
 }
-.c-button__label--offset-lg[data-v-e08f0a53] {
+.c-button__label--offset-lg[data-v-2bff325b] {
   -webkit-transform: translateX(-1.5rem);
           transform: translateX(-1.5rem);
 }
-.c-button__no-icon[data-v-e08f0a53] {
+.c-button__no-icon[data-v-2bff325b] {
   margin-right: var(--icon-m-r);
   width: var(--icon-w);
   height: var(--icon-h);
 }
-.bp-button-paper-bottom[data-v-e08f0a53] {
-  --tw-translate-y: -4%;
-  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-  color: var(--icon-color);
-}
-.bp-button-paper-top[data-v-e08f0a53] {
-  --tw-translate-y: -10%;
-  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-  color: var(--icon-color);
-}
-.bp-icon-brush-left[data-v-e08f0a53] {
-  width: 2rem;
-  --tw-translate-x: 101%;
-  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-  color: var(--icon-color);
-}
-.bp-icon-brush-right[data-v-e08f0a53] {
-  width: 2rem;
-  --tw-translate-x: -4%;
-  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-  color: var(--icon-color);
-}
-.bp-icon-brush-left[data-v-e08f0a53] svg {
-  width: auto;
-  --tw-translate-x: -99%;
-  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.bp-icon-brush-right[data-v-e08f0a53] svg {
-  width: auto;
-}
-.bp-button-arrow[data-v-e08f0a53],
-.device-wrapper--mobile .bp-button-arrow[data-v-e08f0a53] {
-  clip-path: polygon(5% 100%, 0% 50%, 5% 0%, 95% 0%, 100% 50%, 95% 100%);
-}
-.device-wrapper--mobile .c-button__icon[data-v-e08f0a53] {
+.device-wrapper--mobile .c-button__icon[data-v-2bff325b] {
   margin: 0;
   margin-right: var(--icon-m-r);
 }
 @media (min-width: 767px) {
-.bp-button-arrow[data-v-e08f0a53] {
-    clip-path: polygon(3% 100%, 0% 50%, 3% 0%, 97% 0%, 100% 50%, 97% 100%);
-}
-.c-button__icon[data-v-e08f0a53] {
+.c-button__icon[data-v-2bff325b] {
     margin: 0 var(--icon-m-icon);
 }
 }
@@ -6848,18 +6826,18 @@ select[data-v-534cad39] {
   margin-bottom: 0.5rem
 }
 
-.form-error[data-v-9668f66d] {
+.form-error[data-v-4e641ae0] {
   font-size: 0.875rem;
   line-height: 1.25rem;
   color: #f21b3f
 }
 @media (max-width: 767px) {
-.product-detail[data-v-9668f66d] {
+.product-detail[data-v-4e641ae0] {
     grid-template-columns: repeat(1, minmax(0, 1fr))
 }
 }
 @media (min-width: 767px) {
-.product-detail[data-v-9668f66d] {
+.product-detail[data-v-4e641ae0] {
     grid-template-columns: repeat(2, minmax(0, 1fr))
 }
 }
@@ -8814,11 +8792,11 @@ body {
   min-width: 33.333333%
 }
 
-.font-list[data-v-584b8d39] {
+.font-list[data-v-65616ad0] {
   scrollbar-width: none; /* Firefox */
   -ms-overflow-style: none; /* IE/Edge */
 }
-.font-list[data-v-584b8d39]::-webkit-scrollbar {
+.font-list[data-v-65616ad0]::-webkit-scrollbar {
   display: none; /* Chrome, Safari, Opera */
 }
 

package/lib/src/css/library.brand-page-preview.min.css

@@ -1406,21 +1406,6 @@ a.maker-anchor {
     -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
             transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }
-.bp .tw-translate-x-\[-4\%\] {
-    --tw-translate-x: -4%;
-    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
-}
-.bp .tw-translate-x-\[-99\%\] {
-    --tw-translate-x: -99%;
-    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
-}
-.bp .tw-translate-x-\[101\%\] {
-    --tw-translate-x: 101%;
-    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
-}
 .bp .tw-translate-y-0 {
     --tw-translate-y: 0px;
     -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -5314,6 +5299,41 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   height: 2rem;
 }
 
+.bp .bp-button-paper-top[data-v-075a9270] {
+  --tw-translate-y: -10%;
+  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  color: var(--icon-color);
+}
+.bp .bp-button-paper-bottom[data-v-075a9270] {
+  --tw-translate-y: -4%;
+  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  color: var(--icon-color);
+}
+.bp .bp-button-paper-top[data-v-075a9270] svg,
+.bp .bp-button-paper-bottom[data-v-075a9270] svg {
+  width: 100%;
+  height: auto;
+}
+.bp .bp-icon-brush-left[data-v-075a9270] svg {
+  -webkit-transform: translateX(-99%);
+          transform: translateX(-99%);
+  width: auto;
+}
+.bp .bp-icon-brush-right[data-v-075a9270] svg {
+  width: auto;
+}
+.bp .bp-button-arrow[data-v-075a9270],
+.bp .device-wrapper--mobile .bp-button-arrow[data-v-075a9270] {
+  clip-path: polygon(5% 100%, 0% 50%, 5% 0%, 95% 0%, 100% 50%, 95% 100%);
+}
+@media (min-width: 767px) {
+.bp .bp-button-arrow[data-v-075a9270] {
+    clip-path: polygon(3% 100%, 0% 50%, 3% 0%, 97% 0%, 100% 50%, 97% 100%);
+}
+}
+
 .bp .c-shape[data-v-c999aec0] {
   fill: currentColor;
 }
@@ -5403,7 +5423,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   content: '\00A0';
 }
 
-.bp .c-button[data-v-e08f0a53] {
+.bp .c-button[data-v-2bff325b] {
   --icon-h: 1.5rem;
   --icon-m-r: 2rem;
   --icon-m-icon: 0.5rem;
@@ -5414,7 +5434,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   text-align: center;
   text-decoration: none;
 }
-.bp .bp-button[data-v-e08f0a53] .c-button__icon-img img {
+.bp .bp-button[data-v-2bff325b] .c-button__icon-img img {
   max-width: none;
   -o-object-fit: cover;
      object-fit: cover;
@@ -5426,91 +5446,49 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   width: var(--icon-img-size);
   height: var(--icon-img-size);
 }
-.bp .c-button--disabled[data-v-e08f0a53] {
+.bp .c-button--disabled[data-v-2bff325b] {
   pointer-events: none;
 }
-.bp .c-button:hover .c-button__label[data-v-e08f0a53] {
+.bp .c-button:hover .c-button__label[data-v-2bff325b] {
   text-decoration: underline;
 }
-.bp .c-button__icon[data-v-e08f0a53] {
+.bp .c-button__icon[data-v-2bff325b] {
   margin-right: var(--icon-m-r);
 }
-.bp .bp-button[data-v-e08f0a53] .c-button__icon-img {
+.bp .bp-button[data-v-2bff325b] .c-button__icon-img {
   margin-right: var(--icon-m-r);
   width: var(--icon-w);
   height: var(--icon-h);
 }
-.bp .c-button__label[data-v-e08f0a53] {
+.bp .c-button__label[data-v-2bff325b] {
   margin: 0 auto;
   word-break: break-word;
   overflow-wrap: anywhere;
   width: auto;
 }
-.bp .c-button__label--offset-sm[data-v-e08f0a53] {
+.bp .c-button__label--offset-sm[data-v-2bff325b] {
   -webkit-transform: translateX(-1.5rem);
           transform: translateX(-1.5rem);
 }
-.bp .c-button__label--offset-md[data-v-e08f0a53] {
+.bp .c-button__label--offset-md[data-v-2bff325b] {
   -webkit-transform: translateX(-1.75rem);
           transform: translateX(-1.75rem);
 }
-.bp .c-button__label--offset-lg[data-v-e08f0a53] {
+.bp .c-button__label--offset-lg[data-v-2bff325b] {
   -webkit-transform: translateX(-1.5rem);
           transform: translateX(-1.5rem);
 }
-.bp .c-button__no-icon[data-v-e08f0a53] {
+.bp .c-button__no-icon[data-v-2bff325b] {
   margin-right: var(--icon-m-r);
   width: var(--icon-w);
   height: var(--icon-h);
 }
-.bp .bp-button-paper-bottom[data-v-e08f0a53] {
-  --tw-translate-y: -4%;
-  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-  color: var(--icon-color);
-}
-.bp .bp-button-paper-top[data-v-e08f0a53] {
-  --tw-translate-y: -10%;
-  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-  color: var(--icon-color);
-}
-.bp .bp-icon-brush-left[data-v-e08f0a53] {
-  width: 2rem;
-  --tw-translate-x: 101%;
-  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-  color: var(--icon-color);
-}
-.bp .bp-icon-brush-right[data-v-e08f0a53] {
-  width: 2rem;
-  --tw-translate-x: -4%;
-  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-  color: var(--icon-color);
-}
-.bp .bp-icon-brush-left[data-v-e08f0a53] svg {
-  width: auto;
-  --tw-translate-x: -99%;
-  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.bp .bp-icon-brush-right[data-v-e08f0a53] svg {
-  width: auto;
-}
-.bp .bp-button-arrow[data-v-e08f0a53],
-.bp .device-wrapper--mobile .bp-button-arrow[data-v-e08f0a53] {
-  clip-path: polygon(5% 100%, 0% 50%, 5% 0%, 95% 0%, 100% 50%, 95% 100%);
-}
-.bp .device-wrapper--mobile .c-button__icon[data-v-e08f0a53] {
+.bp .device-wrapper--mobile .c-button__icon[data-v-2bff325b] {
   margin: 0;
   margin-right: var(--icon-m-r);
 }
 @media (min-width: 767px) {
-.bp .bp-button-arrow[data-v-e08f0a53] {
-    clip-path: polygon(3% 100%, 0% 50%, 3% 0%, 97% 0%, 100% 50%, 97% 100%);
-}
-.bp .c-button__icon[data-v-e08f0a53] {
+.bp .c-button__icon[data-v-2bff325b] {
     margin: 0 var(--icon-m-icon);
 }
 }
@@ -6546,18 +6524,18 @@ select[data-v-534cad39] {
   margin-bottom: 0.5rem
 }
 
-.bp .form-error[data-v-9668f66d] {
+.bp .form-error[data-v-4e641ae0] {
   font-size: 0.875rem;
   line-height: 1.25rem;
   color: #f21b3f
 }
 @media (max-width: 767px) {
-.bp .product-detail[data-v-9668f66d] {
+.bp .product-detail[data-v-4e641ae0] {
     grid-template-columns: repeat(1, minmax(0, 1fr))
 }
 }
 @media (min-width: 767px) {
-.bp .product-detail[data-v-9668f66d] {
+.bp .product-detail[data-v-4e641ae0] {
     grid-template-columns: repeat(2, minmax(0, 1fr))
 }
 }
@@ -8512,11 +8490,11 @@ to {
   min-width: 33.333333%
 }
 
-.bp .font-list[data-v-584b8d39] {
+.bp .font-list[data-v-65616ad0] {
   scrollbar-width: none; /* Firefox */
   -ms-overflow-style: none; /* IE/Edge */
 }
-.bp .font-list[data-v-584b8d39]::-webkit-scrollbar {
+.bp .font-list[data-v-65616ad0]::-webkit-scrollbar {
   display: none; /* Chrome, Safari, Opera */
 }
 

package/lib/src/index.mjs

@@ -1,4 +1,4 @@
-import { A as E, a as T, b as s, c as I, d as S, e as N, f as e, B as A, g as O, h as C, i as G, j as D, k as P, l as t, m as R, n as L, o as M, p as o, q as r, r as b, s as n, t as F, u as i, v as l, w as g, x as B, y as c, z as Y, C as U, D as d, E as u, F as H, G as p, H as y, I as K, J as k, K as m, L as V, M as X, N as h, O as v, P as W, Q as f, R as x, S as z, T as w, U as Z, V as j, W as Q, X as q, Y as J, Z as $, $ as aa, a0 as _a, a1 as Ea, a2 as Ta, a3 as sa, a4 as Ia, a5 as Sa, a6 as Na, a7 as ea, a8 as Aa, a9 as Oa, aa as Ca, ab as Ga, ac as Da, ad as Pa, ae as ta, af as Ra, ag as La, ah as Ma, ai as oa, aj as ra, ak as ba, al as na, am as Fa, an as ia, ao as la, ap as ga, aq as Ba, ar as ca, as as Ya, at as Ua, au as da, av as ua, aw as Ha, ax as pa, ay as ya, az as Ka, aA as ka, aB as ma, aC as Va, aD as Xa, aE as ha, aF as va, aG as Wa, aH as fa, aI as xa, aJ as za, aK as wa, aL as Za, aM as ja, aN as Qa, aO as qa, aP as Ja, aQ as $a, aR as a_, aS as __, aT as E_, aU as T_, aV as s_, aW as I_, aX as S_, aY as N_, aZ as e_, a_ as A_, a$ as O_, b0 as C_, b1 as G_, b2 as D_, b3 as P_, b4 as t_, b5 as R_, b6 as L_, b7 as M_, b8 as o_, b9 as r_, ba as b_, bb as n_, bc as F_, bd as i_, be as l_, bf as g_, bg as B_, bh as c_, bi as Y_, bj as U_, bk as d_, bl as u_, bm as H_, bn as p_, bo as y_, bp as K_, bq as k_, br as m_, bs as V_, bt as X_, bu as h_, bv as v_, bw as W_, bx as f_, by as x_, bz as z_, bA as w_, bB as Z_, bC as j_, bD as Q_, bE as q_, bF as J_, bG as $_, bH as aE, bI as _E, bJ as EE, bK as TE, bL as sE, bM as IE, bN as SE, bO as NE, bP as eE, bQ as AE, bR as OE, bS as CE, bT as GE, bU as DE, bV as PE, bW as tE, bX as RE, bY as LE, bZ as ME, b_ as oE, b$ as rE, c0 as bE, c1 as nE, c2 as FE, c3 as iE, c4 as lE, c5 as gE, c6 as BE, c7 as cE, c8 as YE, c9 as UE, ca as dE, cb as uE, cc as HE, cd as pE, ce as yE, cf as KE, cg as kE, ch as mE, ci as VE, cj as XE, ck as hE, cl as vE, cm as WE, cn as fE, co as xE } from "./lib-DD0QNGsz.js";
+import { A as E, a as T, b as s, c as I, d as S, e as N, f as e, B as A, g as O, h as C, i as G, j as D, k as P, l as t, m as R, n as L, o as M, p as o, q as r, r as b, s as n, t as F, u as i, v as l, w as g, x as B, y as c, z as Y, C as U, D as d, E as u, F as H, G as p, H as y, I as K, J as k, K as m, L as V, M as X, N as h, O as v, P as W, Q as f, R as x, S as z, T as w, U as Z, V as j, W as Q, X as q, Y as J, Z as $, $ as aa, a0 as _a, a1 as Ea, a2 as Ta, a3 as sa, a4 as Ia, a5 as Sa, a6 as Na, a7 as ea, a8 as Aa, a9 as Oa, aa as Ca, ab as Ga, ac as Da, ad as Pa, ae as ta, af as Ra, ag as La, ah as Ma, ai as oa, aj as ra, ak as ba, al as na, am as Fa, an as ia, ao as la, ap as ga, aq as Ba, ar as ca, as as Ya, at as Ua, au as da, av as ua, aw as Ha, ax as pa, ay as ya, az as Ka, aA as ka, aB as ma, aC as Va, aD as Xa, aE as ha, aF as va, aG as Wa, aH as fa, aI as xa, aJ as za, aK as wa, aL as Za, aM as ja, aN as Qa, aO as qa, aP as Ja, aQ as $a, aR as a_, aS as __, aT as E_, aU as T_, aV as s_, aW as I_, aX as S_, aY as N_, aZ as e_, a_ as A_, a$ as O_, b0 as C_, b1 as G_, b2 as D_, b3 as P_, b4 as t_, b5 as R_, b6 as L_, b7 as M_, b8 as o_, b9 as r_, ba as b_, bb as n_, bc as F_, bd as i_, be as l_, bf as g_, bg as B_, bh as c_, bi as Y_, bj as U_, bk as d_, bl as u_, bm as H_, bn as p_, bo as y_, bp as K_, bq as k_, br as m_, bs as V_, bt as X_, bu as h_, bv as v_, bw as W_, bx as f_, by as x_, bz as z_, bA as w_, bB as Z_, bC as j_, bD as Q_, bE as q_, bF as J_, bG as $_, bH as aE, bI as _E, bJ as EE, bK as TE, bL as sE, bM as IE, bN as SE, bO as NE, bP as eE, bQ as AE, bR as OE, bS as CE, bT as GE, bU as DE, bV as PE, bW as tE, bX as RE, bY as LE, bZ as ME, b_ as oE, b$ as rE, c0 as bE, c1 as nE, c2 as FE, c3 as iE, c4 as lE, c5 as gE, c6 as BE, c7 as cE, c8 as YE, c9 as UE, ca as dE, cb as uE, cc as HE, cd as pE, ce as yE, cf as KE, cg as kE, ch as mE, ci as VE, cj as XE, ck as hE, cl as vE, cm as WE, cn as fE, co as xE } from "./lib-DdgsfoxJ.js";
 import { createPinia as wE, setActivePinia as ZE } from "pinia";
 export {
   E as ABOUT_SECTION_SETTINGS_CONFIG,