@designcrowd/library.brand-page 5.17.2 → 5.17.4

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

@@ -71,8 +71,7 @@ Add the correct text decoration in Chrome, Edge, and Safari.
 */
 
 abbr:where([title]) {
-  -webkit-text-decoration: underline dotted;
-          text-decoration: underline dotted;
+  text-decoration: underline dotted;
 }
 
 /*
@@ -1182,6 +1181,9 @@ a.maker-anchor {
 .tw-h-96 {
   height: 24rem;
 }
+.tw-h-\[2\.6rem\] {
+  height: 2.6rem;
+}
 .tw-h-auto {
   height: auto;
 }
@@ -1741,6 +1743,11 @@ 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-y-1\/2 {
+  --tw-translate-y: -50%;
+  -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-1\/2 {
   --tw-translate-x: -50%;
   -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));
@@ -6206,9 +6213,20 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
 }
 }
 
-.form-error[data-v-bf6a03d3] {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
+.form-error[data-v-534cad39] {
+  font-size: 0.75rem;
+  line-height: 1rem;
+  color: #f21b3f;
+}
+select[data-v-534cad39] {
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
+  background-repeat: no-repeat;
+  background-position: right 12px center;
+}
+
+.form-error[data-v-e96e9716] {
+  font-size: 0.75rem;
+  line-height: 1rem;
   color: #f21b3f
 }
 
@@ -6513,29 +6531,32 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
 /* mob_img--left - image for display left (should only show on mobile)  */
 /* mob_img--right - image for display right (should only show on mobile)  */
 /* top-img--center - image for display centered*/
-.about-container[data-v-5bafbc0e] {
+.about-container[data-v-e757d2ee] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
-.about-container--padding[data-v-5bafbc0e] {
+.side-full-media-container[data-v-e757d2ee] {
+  max-width: 100% !important;
+}
+.about-container--padding[data-v-e757d2ee] {
   padding-left: var(--page-padding);
   padding-right: var(--page-padding);
 }
-.device-wrapper--mobile .about-container[data-v-5bafbc0e] .mob_img--left {
+.device-wrapper--mobile .about-container[data-v-e757d2ee] .mob_img--left {
   display: grid;
   width: 100%;
 }
-.device-wrapper--mobile .about-container[data-v-5bafbc0e] .mob_img--right {
+.device-wrapper--mobile .about-container[data-v-e757d2ee] .mob_img--right {
   display: grid;
   width: 100%;
 }
-.device-wrapper--mobile .about-body-text[data-v-5bafbc0e] {
+.device-wrapper--mobile .about-body-text[data-v-e757d2ee] {
   display: block;
 }
-.device-wrapper--mobile .about-container[data-v-5bafbc0e] .img--left-right {
+.device-wrapper--mobile .about-container[data-v-e757d2ee] .img--left-right {
   display: none;
 }
-.device-wrapper--mobile .about-container[data-v-5bafbc0e] .container-image {
+.device-wrapper--mobile .about-container[data-v-e757d2ee] .container-image {
   -o-object-fit: cover;
      object-fit: cover;
   aspect-ratio: 1/1;
@@ -6543,24 +6564,24 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   max-width: -moz-max-content;
   max-width: max-content;
 }
-.device-wrapper--mobile .mobile-about-container--padding[data-v-5bafbc0e] {
+.device-wrapper--mobile .mobile-about-container--padding[data-v-e757d2ee] {
   padding-left: var(--page-padding);
   padding-right: var(--page-padding);
   padding-top: 2.5rem;
   padding-bottom: 2.5rem;
 }
-.device-wrapper--mobile .text-grid-column[data-v-5bafbc0e] {
+.device-wrapper--mobile .text-grid-column[data-v-e757d2ee] {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   grid-template-columns: 1fr;
 }
-.device-wrapper--mobile .full-square-image[data-v-5bafbc0e] {
+.device-wrapper--mobile .full-square-image[data-v-e757d2ee] {
   margin-bottom: 1rem;
 }
-.device-wrapper--mobile .about-container[data-v-5bafbc0e] .about-placeholder {
+.device-wrapper--mobile .about-container[data-v-e757d2ee] .about-placeholder {
   width: 100%;
 }
-.about-container[data-v-5bafbc0e] .top-img--center {
+.about-container[data-v-e757d2ee] .top-img--center {
   display: grid;
   aspect-ratio: 3/1;
   width: 100%;
@@ -6569,8 +6590,8 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   -o-object-position: center;
      object-position: center;
 }
-.about-container[data-v-5bafbc0e] .mob_img--left,
-.about-container[data-v-5bafbc0e] .mob_img--right {
+.about-container[data-v-e757d2ee] .mob_img--left,
+.about-container[data-v-e757d2ee] .mob_img--right {
   padding-top: 1rem;
   padding-bottom: 1rem;
   aspect-ratio: 1/1;
@@ -6580,24 +6601,23 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
      object-position: center;
   width: 100%;
 }
-.container-grid-columns[data-v-5bafbc0e] {
+.container-grid-columns[data-v-e757d2ee] {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
 }
-.about-container[data-v-5bafbc0e] .full-square-image {
-  margin-bottom: 1rem;
+.about-container[data-v-e757d2ee] .full-square-image {
   width: 100%;
   aspect-ratio: 1/1;
   -o-object-fit: cover;
      object-fit: cover;
 }
-.grid-reverse-direction[data-v-5bafbc0e] {
+.grid-reverse-direction[data-v-e757d2ee] {
   direction: rtl;
 }
-.grid-direction-ltr[data-v-5bafbc0e] {
+.grid-direction-ltr[data-v-e757d2ee] {
   direction: ltr;
 }
-.about-container[data-v-5bafbc0e] .container-image {
+.about-container[data-v-e757d2ee] .container-image {
   margin-bottom: 1rem;
   display: grid;
   max-width: 20rem;
@@ -6607,34 +6627,34 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   height: fit-content;
 }
 @media (max-width: 767px) {
-.about-container[data-v-5bafbc0e] .mob_img--left {
+.about-container[data-v-e757d2ee] .mob_img--left {
     display: block;
     width: 100%;
 }
-.about-container[data-v-5bafbc0e] .mob_img--right {
+.about-container[data-v-e757d2ee] .mob_img--right {
     display: grid;
 }
-.about-container[data-v-5bafbc0e] .img--left-right {
+.about-container[data-v-e757d2ee] .img--left-right {
     display: none;
 }
-.about-body-text[data-v-5bafbc0e] {
+.about-body-text[data-v-e757d2ee] {
     display: block;
 }
-.about-container[data-v-5bafbc0e] .about-placeholder {
+.about-container[data-v-e757d2ee] .about-placeholder {
     width: 100%;
 }
-.text-grid-column[data-v-5bafbc0e] {
+.text-grid-column[data-v-e757d2ee] {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
     grid-template-columns: 1fr;
 }
-.mobile-about-container--padding[data-v-5bafbc0e] {
+.mobile-about-container--padding[data-v-e757d2ee] {
     padding-left: var(--page-padding);
     padding-right: var(--page-padding);
     padding-top: 2.5rem;
     padding-bottom: 2.5rem;
 }
-.about-container[data-v-5bafbc0e] .container-image {
+.about-container[data-v-e757d2ee] .container-image {
     aspect-ratio: 1/1;
     -o-object-fit: cover;
        object-fit: cover;
@@ -6642,23 +6662,23 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
     max-width: -moz-max-content;
     max-width: max-content;
 }
-.about-container[data-v-5bafbc0e] .full-square-image {
+.about-container[data-v-e757d2ee] .full-square-image {
     margin-bottom: 1rem;
 }
 }
 @media (min-width: 767px) {
-.about-container[data-v-5bafbc0e] .mob_img--right,
-  .about-container[data-v-5bafbc0e] .mob_img--left {
+.about-container[data-v-e757d2ee] .mob_img--right,
+  .about-container[data-v-e757d2ee] .mob_img--left {
     display: none;
 }
-.about-container[data-v-5bafbc0e] .img--left-right {
+.about-container[data-v-e757d2ee] .img--left-right {
     display: grid;
 }
-.text-grid-column[data-v-5bafbc0e] {
+.text-grid-column[data-v-e757d2ee] {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
 }
-.about-container[data-v-5bafbc0e] .container-image {
+.about-container[data-v-e757d2ee] .container-image {
     aspect-ratio: auto;
 }
 }
@@ -6999,44 +7019,44 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   color: #f21b3f;
 }
 
-.inner-container[data-v-6cf9ec0d] {
+.inner-container[data-v-15d14fc1] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
-.outer-container[data-v-6cf9ec0d] {
+.outer-container[data-v-15d14fc1] {
   padding-left: var(--page-padding);
   padding-right: var(--page-padding);
 }
-.modal-cart[data-v-6cf9ec0d] .cart-image {
+.modal-cart[data-v-15d14fc1] .cart-image {
   width: 3rem;
 }
-.modal-cart[data-v-6cf9ec0d] .cart-option {
+.modal-cart[data-v-15d14fc1] .cart-option {
   width: 100%;
 }
-.success-bar-container[data-v-6cf9ec0d] .tw-bg-success-500 {
+.success-bar-container[data-v-15d14fc1] .tw-bg-success-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(36 168 16 / var(--tw-bg-opacity));
 }
 @media (min-width: 640px) {
-.modal-product-detail[data-v-6cf9ec0d] .modal {
+.modal-product-detail[data-v-15d14fc1] .modal {
     min-width: 100vh;
 }
-.modal-cart[data-v-6cf9ec0d] .modal {
+.modal-cart[data-v-15d14fc1] .modal {
     min-width: 90vh;
     max-height: 90vh;
 }
-.modal-cart[data-v-6cf9ec0d] .cart-image {
+.modal-cart[data-v-15d14fc1] .cart-image {
     width: 8rem;
 }
-.modal-cart[data-v-6cf9ec0d] .cart-option {
+.modal-cart[data-v-15d14fc1] .cart-option {
     width: 75%;
 }
-.success-bar[data-v-6cf9ec0d] {
+.success-bar[data-v-15d14fc1] {
     width: 50%;
 }
 }
 @media (max-width: 640px) {
-.success-bar[data-v-6cf9ec0d] {
+.success-bar[data-v-15d14fc1] {
     width: 91.666667%;
 }
 }
@@ -9474,7 +9494,7 @@ input[type='number'][data-v-b7154ee1] {
 }
 }
 
-.c-brand-page-maker[data-v-81f37a67] {
+.c-brand-page-maker[data-v-3bb1d09d] {
   --navigation-height-desktop: 64px;
   --navigation-height-mobile: 96px;
   --maker-height: 100vh;
@@ -9484,14 +9504,14 @@ input[type='number'][data-v-b7154ee1] {
   height: calc(var(--maker-height) - var(--mobile-sidebar-bottom-height));
   padding-top: var(--navigation-height-mobile);
 }
-.c-brand-page-maker__inner[data-v-81f37a67] {
+.c-brand-page-maker__inner[data-v-3bb1d09d] {
   height: 100%;
 }
-.c-save-bar[data-v-81f37a67] {
+.c-save-bar[data-v-3bb1d09d] {
   position: absolute;
   top: 0px;
   left: 0px;
-  z-index: 20;
+  z-index: 100;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   width: 100%;
@@ -9509,7 +9529,7 @@ input[type='number'][data-v-b7154ee1] {
   -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
           transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
-.c-save-bar--visible[data-v-81f37a67] {
+.c-save-bar--visible[data-v-3bb1d09d] {
   visibility: visible !important;
   --tw-translate-y: 0px !important;
   -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)) !important;
@@ -9519,11 +9539,11 @@ input[type='number'][data-v-b7154ee1] {
           transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
 }
 @media (min-width: 1024px) {
-.c-brand-page-maker[data-v-81f37a67] {
+.c-brand-page-maker[data-v-3bb1d09d] {
     height: calc(var(--maker-height) - var(--navigation-height-desktop));
     padding-top: 0px;
 }
-.c-brand-page-maker__inner[data-v-81f37a67] {
+.c-brand-page-maker__inner[data-v-3bb1d09d] {
     height: 100%;
 }
 }

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

@@ -790,6 +790,9 @@ a:not(.tw-lowercase) {
 .tw-h-96 {
     height: 24rem
 }
+.tw-h-\[2\.6rem\] {
+    height: 2.6rem
+}
 .tw-h-auto {
     height: auto
 }
@@ -1349,6 +1352,11 @@ 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-y-1\/2 {
+    --tw-translate-y: -50%;
+    -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-1\/2 {
     --tw-translate-x: -50%;
     -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));
@@ -5916,9 +5924,20 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
 }
 }
 
-.form-error[data-v-bf6a03d3] {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
+.form-error[data-v-534cad39] {
+  font-size: 0.75rem;
+  line-height: 1rem;
+  color: #f21b3f;
+}
+select[data-v-534cad39] {
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
+  background-repeat: no-repeat;
+  background-position: right 12px center;
+}
+
+.form-error[data-v-e96e9716] {
+  font-size: 0.75rem;
+  line-height: 1rem;
   color: #f21b3f
 }
 
@@ -6223,29 +6242,32 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
 /* mob_img--left - image for display left (should only show on mobile)  */
 /* mob_img--right - image for display right (should only show on mobile)  */
 /* top-img--center - image for display centered*/
-.about-container[data-v-5bafbc0e] {
+.about-container[data-v-e757d2ee] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
-.about-container--padding[data-v-5bafbc0e] {
+.side-full-media-container[data-v-e757d2ee] {
+  max-width: 100% !important;
+}
+.about-container--padding[data-v-e757d2ee] {
   padding-left: var(--page-padding);
   padding-right: var(--page-padding);
 }
-.device-wrapper--mobile .about-container[data-v-5bafbc0e] .mob_img--left {
+.device-wrapper--mobile .about-container[data-v-e757d2ee] .mob_img--left {
   display: grid;
   width: 100%;
 }
-.device-wrapper--mobile .about-container[data-v-5bafbc0e] .mob_img--right {
+.device-wrapper--mobile .about-container[data-v-e757d2ee] .mob_img--right {
   display: grid;
   width: 100%;
 }
-.device-wrapper--mobile .about-body-text[data-v-5bafbc0e] {
+.device-wrapper--mobile .about-body-text[data-v-e757d2ee] {
   display: block;
 }
-.device-wrapper--mobile .about-container[data-v-5bafbc0e] .img--left-right {
+.device-wrapper--mobile .about-container[data-v-e757d2ee] .img--left-right {
   display: none;
 }
-.device-wrapper--mobile .about-container[data-v-5bafbc0e] .container-image {
+.device-wrapper--mobile .about-container[data-v-e757d2ee] .container-image {
   -o-object-fit: cover;
      object-fit: cover;
   aspect-ratio: 1/1;
@@ -6253,24 +6275,24 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   max-width: -moz-max-content;
   max-width: max-content;
 }
-.device-wrapper--mobile .mobile-about-container--padding[data-v-5bafbc0e] {
+.device-wrapper--mobile .mobile-about-container--padding[data-v-e757d2ee] {
   padding-left: var(--page-padding);
   padding-right: var(--page-padding);
   padding-top: 2.5rem;
   padding-bottom: 2.5rem;
 }
-.device-wrapper--mobile .text-grid-column[data-v-5bafbc0e] {
+.device-wrapper--mobile .text-grid-column[data-v-e757d2ee] {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   grid-template-columns: 1fr;
 }
-.device-wrapper--mobile .full-square-image[data-v-5bafbc0e] {
+.device-wrapper--mobile .full-square-image[data-v-e757d2ee] {
   margin-bottom: 1rem;
 }
-.device-wrapper--mobile .about-container[data-v-5bafbc0e] .about-placeholder {
+.device-wrapper--mobile .about-container[data-v-e757d2ee] .about-placeholder {
   width: 100%;
 }
-.about-container[data-v-5bafbc0e] .top-img--center {
+.about-container[data-v-e757d2ee] .top-img--center {
   display: grid;
   aspect-ratio: 3/1;
   width: 100%;
@@ -6279,8 +6301,8 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   -o-object-position: center;
      object-position: center;
 }
-.about-container[data-v-5bafbc0e] .mob_img--left,
-.about-container[data-v-5bafbc0e] .mob_img--right {
+.about-container[data-v-e757d2ee] .mob_img--left,
+.about-container[data-v-e757d2ee] .mob_img--right {
   padding-top: 1rem;
   padding-bottom: 1rem;
   aspect-ratio: 1/1;
@@ -6290,24 +6312,23 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
      object-position: center;
   width: 100%;
 }
-.container-grid-columns[data-v-5bafbc0e] {
+.container-grid-columns[data-v-e757d2ee] {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
 }
-.about-container[data-v-5bafbc0e] .full-square-image {
-  margin-bottom: 1rem;
+.about-container[data-v-e757d2ee] .full-square-image {
   width: 100%;
   aspect-ratio: 1/1;
   -o-object-fit: cover;
      object-fit: cover;
 }
-.grid-reverse-direction[data-v-5bafbc0e] {
+.grid-reverse-direction[data-v-e757d2ee] {
   direction: rtl;
 }
-.grid-direction-ltr[data-v-5bafbc0e] {
+.grid-direction-ltr[data-v-e757d2ee] {
   direction: ltr;
 }
-.about-container[data-v-5bafbc0e] .container-image {
+.about-container[data-v-e757d2ee] .container-image {
   margin-bottom: 1rem;
   display: grid;
   max-width: 20rem;
@@ -6317,34 +6338,34 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   height: fit-content;
 }
 @media (max-width: 767px) {
-.about-container[data-v-5bafbc0e] .mob_img--left {
+.about-container[data-v-e757d2ee] .mob_img--left {
     display: block;
     width: 100%;
 }
-.about-container[data-v-5bafbc0e] .mob_img--right {
+.about-container[data-v-e757d2ee] .mob_img--right {
     display: grid;
 }
-.about-container[data-v-5bafbc0e] .img--left-right {
+.about-container[data-v-e757d2ee] .img--left-right {
     display: none;
 }
-.about-body-text[data-v-5bafbc0e] {
+.about-body-text[data-v-e757d2ee] {
     display: block;
 }
-.about-container[data-v-5bafbc0e] .about-placeholder {
+.about-container[data-v-e757d2ee] .about-placeholder {
     width: 100%;
 }
-.text-grid-column[data-v-5bafbc0e] {
+.text-grid-column[data-v-e757d2ee] {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
     grid-template-columns: 1fr;
 }
-.mobile-about-container--padding[data-v-5bafbc0e] {
+.mobile-about-container--padding[data-v-e757d2ee] {
     padding-left: var(--page-padding);
     padding-right: var(--page-padding);
     padding-top: 2.5rem;
     padding-bottom: 2.5rem;
 }
-.about-container[data-v-5bafbc0e] .container-image {
+.about-container[data-v-e757d2ee] .container-image {
     aspect-ratio: 1/1;
     -o-object-fit: cover;
        object-fit: cover;
@@ -6352,23 +6373,23 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
     max-width: -moz-max-content;
     max-width: max-content;
 }
-.about-container[data-v-5bafbc0e] .full-square-image {
+.about-container[data-v-e757d2ee] .full-square-image {
     margin-bottom: 1rem;
 }
 }
 @media (min-width: 767px) {
-.about-container[data-v-5bafbc0e] .mob_img--right,
-  .about-container[data-v-5bafbc0e] .mob_img--left {
+.about-container[data-v-e757d2ee] .mob_img--right,
+  .about-container[data-v-e757d2ee] .mob_img--left {
     display: none;
 }
-.about-container[data-v-5bafbc0e] .img--left-right {
+.about-container[data-v-e757d2ee] .img--left-right {
     display: grid;
 }
-.text-grid-column[data-v-5bafbc0e] {
+.text-grid-column[data-v-e757d2ee] {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
 }
-.about-container[data-v-5bafbc0e] .container-image {
+.about-container[data-v-e757d2ee] .container-image {
     aspect-ratio: auto;
 }
 }
@@ -6709,44 +6730,44 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   color: #f21b3f;
 }
 
-.inner-container[data-v-6cf9ec0d] {
+.inner-container[data-v-15d14fc1] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
-.outer-container[data-v-6cf9ec0d] {
+.outer-container[data-v-15d14fc1] {
   padding-left: var(--page-padding);
   padding-right: var(--page-padding);
 }
-.modal-cart[data-v-6cf9ec0d] .cart-image {
+.modal-cart[data-v-15d14fc1] .cart-image {
   width: 3rem;
 }
-.modal-cart[data-v-6cf9ec0d] .cart-option {
+.modal-cart[data-v-15d14fc1] .cart-option {
   width: 100%;
 }
-.success-bar-container[data-v-6cf9ec0d] .tw-bg-success-500 {
+.success-bar-container[data-v-15d14fc1] .tw-bg-success-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(36 168 16 / var(--tw-bg-opacity));
 }
 @media (min-width: 640px) {
-.modal-product-detail[data-v-6cf9ec0d] .modal {
+.modal-product-detail[data-v-15d14fc1] .modal {
     min-width: 100vh;
 }
-.modal-cart[data-v-6cf9ec0d] .modal {
+.modal-cart[data-v-15d14fc1] .modal {
     min-width: 90vh;
     max-height: 90vh;
 }
-.modal-cart[data-v-6cf9ec0d] .cart-image {
+.modal-cart[data-v-15d14fc1] .cart-image {
     width: 8rem;
 }
-.modal-cart[data-v-6cf9ec0d] .cart-option {
+.modal-cart[data-v-15d14fc1] .cart-option {
     width: 75%;
 }
-.success-bar[data-v-6cf9ec0d] {
+.success-bar[data-v-15d14fc1] {
     width: 50%;
 }
 }
 @media (max-width: 640px) {
-.success-bar[data-v-6cf9ec0d] {
+.success-bar[data-v-15d14fc1] {
     width: 91.666667%;
 }
 }
@@ -9184,7 +9205,7 @@ input[type='number'][data-v-b7154ee1] {
 }
 }
 
-.c-brand-page-maker[data-v-81f37a67] {
+.c-brand-page-maker[data-v-3bb1d09d] {
   --navigation-height-desktop: 64px;
   --navigation-height-mobile: 96px;
   --maker-height: 100vh;
@@ -9194,14 +9215,14 @@ input[type='number'][data-v-b7154ee1] {
   height: calc(var(--maker-height) - var(--mobile-sidebar-bottom-height));
   padding-top: var(--navigation-height-mobile);
 }
-.c-brand-page-maker__inner[data-v-81f37a67] {
+.c-brand-page-maker__inner[data-v-3bb1d09d] {
   height: 100%;
 }
-.c-save-bar[data-v-81f37a67] {
+.c-save-bar[data-v-3bb1d09d] {
   position: absolute;
   top: 0px;
   left: 0px;
-  z-index: 20;
+  z-index: 100;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   width: 100%;
@@ -9219,7 +9240,7 @@ input[type='number'][data-v-b7154ee1] {
   -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
           transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
-.c-save-bar--visible[data-v-81f37a67] {
+.c-save-bar--visible[data-v-3bb1d09d] {
   visibility: visible !important;
   --tw-translate-y: 0px !important;
   -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)) !important;
@@ -9229,11 +9250,11 @@ input[type='number'][data-v-b7154ee1] {
           transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
 }
 @media (min-width: 1024px) {
-.c-brand-page-maker[data-v-81f37a67] {
+.c-brand-page-maker[data-v-3bb1d09d] {
     height: calc(var(--maker-height) - var(--navigation-height-desktop));
     padding-top: 0px;
 }
-.c-brand-page-maker__inner[data-v-81f37a67] {
+.c-brand-page-maker__inner[data-v-3bb1d09d] {
     height: 100%;
 }
 }