@designcrowd/library.brand-page 6.1.1-json-prereq-4 → 6.1.1

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

@@ -1265,9 +1265,6 @@ a:not(.tw-lowercase) {
 .tw-max-w-\[310px\] {
     max-width: 310px
 }
-.tw-max-w-\[350px\] {
-    max-width: 350px
-}
 .tw-max-w-\[448px\] {
     max-width: 448px
 }
@@ -5504,7 +5501,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   font-family: Lato, Helvetica, sans-serif;
 }
 
-.carousel-wrapper[data-v-c8dbc3ab] {
+.carousel-wrapper[data-v-78451082] {
   position: relative;
   overflow-x: auto;
   overflow-y: hidden;
@@ -5514,15 +5511,15 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   -ms-overflow-style: none;
   width: 100%;
 }
-.scroll-chevron[data-v-c8dbc3ab] {
+.scroll-chevron[data-v-78451082] {
   background: none !important;
   border: none !important;
 }
-.carousel-wrapper[data-v-c8dbc3ab]:active {
+.carousel-wrapper[data-v-78451082]:active {
   cursor: -webkit-grabbing;
   cursor: grabbing;
 }
-.carousel-track[data-v-c8dbc3ab] {
+.carousel-track[data-v-78451082] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -5536,7 +5533,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   margin: 0 auto;
   gap: 8px;
 }
-.carousel-item[data-v-c8dbc3ab] {
+.carousel-item[data-v-78451082] {
   position: relative;
   -ms-flex-negative: 0;
       flex-shrink: 0;
@@ -5547,7 +5544,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
       -ms-flex-align: center;
           align-items: center;
 }
-.carousel-link[data-v-c8dbc3ab] {
+.carousel-link[data-v-78451082] {
   display: block;
   padding: 12px 8px;
   text-decoration: none;
@@ -5560,7 +5557,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   -ms-flex-item-align: stretch;
       align-self: stretch;
 }
-.carousel-chevron[data-v-c8dbc3ab] {
+.carousel-chevron[data-v-78451082] {
   cursor: pointer;
   border-left: none !important;
   padding: 0 12px;
@@ -5574,17 +5571,17 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
       -ms-flex-align: center;
           align-items: center;
 }
-.carousel-chevron[data-v-c8dbc3ab] svg {
+.carousel-chevron[data-v-78451082] svg {
   -webkit-transition: -webkit-transform 0.2s ease;
   transition: -webkit-transform 0.2s ease;
   transition: transform 0.2s ease;
   transition: transform 0.2s ease, -webkit-transform 0.2s ease;
 }
-.carousel-chevron--open[data-v-c8dbc3ab] svg {
+.carousel-chevron--open[data-v-78451082] svg {
   -webkit-transform: rotate(180deg);
           transform: rotate(180deg);
 }
-.dropdown-menu[data-v-c8dbc3ab] {
+.dropdown-menu[data-v-78451082] {
   min-width: 150px;
   max-height: 240px;
   overflow-x: hidden;
@@ -5597,7 +5594,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
       -ms-flex-direction: column;
           flex-direction: column;
 }
-.dropdown-item[data-v-c8dbc3ab] {
+.dropdown-item[data-v-78451082] {
   display: block;
   padding: 12px 16px;
   cursor: pointer;
@@ -5756,7 +5753,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   );
 }
 
-.empty-para[data-v-4418a9fe] p:empty::after {
+.empty-para[data-v-2520851c] p:empty::after {
   content: '\00A0';
 }
 
@@ -6166,7 +6163,7 @@ select[data-v-665b8067] {
   padding: 4px;
 }
 
-.payment-option-prices[data-v-88c49b68] {
+.payment-option-prices[data-v-85948035] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -6177,7 +6174,7 @@ select[data-v-665b8067] {
   -ms-flex-wrap: wrap;
       flex-wrap: wrap
 }
-.payment-option-prices-thumbnail[data-v-88c49b68] {
+.payment-option-prices-thumbnail[data-v-85948035] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -6188,15 +6185,15 @@ select[data-v-665b8067] {
   gap: 0.5rem
 }
 @media (min-width: 768px) {
-.device--mobile .payment-options[data-v-88c49b68] {
+.device--mobile .payment-options[data-v-85948035] {
     display: block
 }
 }
-.device--mobile .payment-option[data-v-88c49b68] {
+.device--mobile .payment-option[data-v-85948035] {
   margin-top: 0.5rem;
   margin-bottom: 0.5rem
 }
-.payment-width[data-v-88c49b68] {
+.payment-width[data-v-85948035] {
   margin: 0.375rem;
   -ms-flex-negative: 1;
       flex-shrink: 1;
@@ -6922,44 +6919,44 @@ select[data-v-665b8067] {
   color: #f21b3f;
 }
 
-.inner-container[data-v-ca446a07] {
+.inner-container[data-v-1662021f] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
-.outer-container[data-v-ca446a07] {
+.outer-container[data-v-1662021f] {
   padding-left: var(--page-padding);
   padding-right: var(--page-padding);
 }
-.modal-cart[data-v-ca446a07] .cart-image {
+.modal-cart[data-v-1662021f] .cart-image {
   width: 3rem;
 }
-.modal-cart[data-v-ca446a07] .cart-option {
+.modal-cart[data-v-1662021f] .cart-option {
   width: 100%;
 }
-.success-bar-container[data-v-ca446a07] .tw-bg-success-500 {
+.success-bar-container[data-v-1662021f] .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-ca446a07] .modal {
+.modal-product-detail[data-v-1662021f] .modal {
     min-width: 100vh;
 }
-.modal-cart[data-v-ca446a07] .modal {
+.modal-cart[data-v-1662021f] .modal {
     min-width: 90vh;
     max-height: 90vh;
 }
-.modal-cart[data-v-ca446a07] .cart-image {
+.modal-cart[data-v-1662021f] .cart-image {
     width: 8rem;
 }
-.modal-cart[data-v-ca446a07] .cart-option {
+.modal-cart[data-v-1662021f] .cart-option {
     width: 75%;
 }
-.success-bar[data-v-ca446a07] {
+.success-bar[data-v-1662021f] {
     width: 50%;
 }
 }
 @media (max-width: 640px) {
-.success-bar[data-v-ca446a07] {
+.success-bar[data-v-1662021f] {
     width: 91.666667%;
 }
 }
@@ -7419,21 +7416,21 @@ select[data-v-665b8067] {
   padding: 0.25rem var(--page-padding);
 }
 
-.c-page-footer__container[data-v-0afac6bd] {
+.c-page-footer__container[data-v-5d279c8a] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
   padding: 0.25rem var(--page-padding);
 }
-.c-page-footer__container-justified[data-v-0afac6bd] {
+.c-page-footer__container-justified[data-v-5d279c8a] {
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
 }
-.sortable[data-v-0afac6bd] {
+.sortable[data-v-5d279c8a] {
   outline-color: #b2bdfb;
   outline-width: 0.2rem;
 }
-.brand-page__content--outline-selected[data-v-0afac6bd] {
+.brand-page__content--outline-selected[data-v-5d279c8a] {
   position: relative;
   z-index: 10;
   margin-left: 0.25rem;
@@ -7442,25 +7439,25 @@ select[data-v-665b8067] {
   outline-width: 0.2rem;
   outline-style: dashed;
 }
-.c_footer-container[data-v-0afac6bd] {
+.c_footer-container[data-v-5d279c8a] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
   padding-left: var(--page-padding);
   padding-right: var(--page-padding);
 }
 @container (max-width: 640px) {
-.c-page-footer__container-justified[data-v-0afac6bd] {
+.c-page-footer__container-justified[data-v-5d279c8a] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
 }
-.c-page-footer__container-justified[data-v-0afac6bd] > :nth-child(2) {
+.c-page-footer__container-justified[data-v-5d279c8a] > :nth-child(2) {
     margin-bottom: 1rem;
 }
 }
 @container (min-width: 640px) {
-.c-page-footer__container-justified-stack[data-v-0afac6bd] {
+.c-page-footer__container-justified-stack[data-v-5d279c8a] {
     margin-left: 1rem;
     margin-right: 1rem;
     -webkit-box-pack: justify;
@@ -7644,7 +7641,7 @@ to {
   font-family: Lato, Helvetica, sans-serif;
 }
 
-.brand-page__footer[data-v-0e6a9117] {
+.brand-page__footer[data-v-056b45a6] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -7652,7 +7649,7 @@ to {
       -ms-flex-pack: center;
           justify-content: center;
 }
-.brand-page__footer-link[data-v-0e6a9117] {
+.brand-page__footer-link[data-v-056b45a6] {
   display: block;
   border-radius: 0.5rem;
   padding: 0.75rem;
@@ -7660,25 +7657,25 @@ to {
   -webkit-transition: background 0.2s ease-in-out;
   transition: background 0.2s ease-in-out;
 }
-.brand-page__footer-link[data-v-0e6a9117]:hover {
+.brand-page__footer-link[data-v-056b45a6]:hover {
   opacity: 0.9;
 }
-.icon-container[data-v-0e6a9117] {
+.icon-container[data-v-056b45a6] {
   width: 20px;
   overflow: hidden;
 }
-.extra-height[data-v-0e6a9117] {
+.extra-height[data-v-056b45a6] {
   -webkit-transition: height 0.5s ease-in-out;
   transition: height 0.5s ease-in-out;
   width: 100%;
 }
-.c-button__label[data-v-0e6a9117] {
+.c-button__label[data-v-056b45a6] {
   margin: 0 auto;
   word-break: break-word;
   overflow-wrap: anywhere;
   width: auto;
 }
-.c-button[data-v-0e6a9117] {
+.c-button[data-v-056b45a6] {
   --icon-h: 1.5rem;
   --icon-m-r: 0.5rem;
   --icon-m-icon: 0.5rem;
@@ -7693,10 +7690,10 @@ to {
       -ms-flex-align: center !important;
           align-items: center !important;
 }
-.button__icon[data-v-0e6a9117] {
+.button__icon[data-v-056b45a6] {
   margin-right: var(--icon-m-r);
 }
-.btn-max-width[data-v-0e6a9117] {
+.btn-max-width[data-v-056b45a6] {
   max-width: 315px;
   width: 100%;
 }
@@ -7842,7 +7839,7 @@ body {
 }
 }
 
-.c-container[data-v-5f2c3a69] {
+.c-container[data-v-37be54f5] {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
@@ -7851,24 +7848,24 @@ body {
           box-shadow: 0 -5px 5px -5px rgb(0 0 0 / 0.1);
   z-index: 150;
 }
-.c-text[data-v-5f2c3a69] {
+.c-text[data-v-37be54f5] {
   line-height: 1.5;
 }
-.c-button-container[data-v-5f2c3a69] {
+.c-button-container[data-v-37be54f5] {
   width: 100%;
 }
-.c-button[data-v-5f2c3a69] {
+.c-button[data-v-37be54f5] {
   width: 100%;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
 }
-[data-v-5f2c3a69] button > span {
+[data-v-37be54f5] button > span {
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
 }
-.device--mobile .c-container[data-v-5f2c3a69] {
+.device--mobile .c-container[data-v-37be54f5] {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
@@ -7876,19 +7873,19 @@ body {
   -webkit-box-shadow: 0 -5px 5px -5px rgb(0 0 0 / 0.1);
           box-shadow: 0 -5px 5px -5px rgb(0 0 0 / 0.1);
 }
-.device--mobile .c-text[data-v-5f2c3a69] {
+.device--mobile .c-text[data-v-37be54f5] {
   line-height: 1.5;
 }
-.device--mobile .c-button-container[data-v-5f2c3a69] {
+.device--mobile .c-button-container[data-v-37be54f5] {
   width: 100%;
 }
-.device--mobile .c-button[data-v-5f2c3a69] {
+.device--mobile .c-button[data-v-37be54f5] {
   width: 100%;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
 }
-.device--mobile[data-v-5f2c3a69] button > span {
+.device--mobile[data-v-37be54f5] button > span {
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
@@ -7896,29 +7893,29 @@ body {
 
 /* desktop styles */
 @media (min-width: 768px) {
-.c-container[data-v-5f2c3a69] {
+.c-container[data-v-37be54f5] {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
 }
-.c-button-container[data-v-5f2c3a69] {
+.c-button-container[data-v-37be54f5] {
     width: auto;
 }
-.c-button[data-v-5f2c3a69] {
+.c-button[data-v-37be54f5] {
     width: auto;
 }
 }
-.device--desktop .c-container[data-v-5f2c3a69] {
+.device--desktop .c-container[data-v-37be54f5] {
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
       -ms-flex-direction: row;
           flex-direction: row;
 }
-.device--desktop .c-button-container[data-v-5f2c3a69] {
+.device--desktop .c-button-container[data-v-37be54f5] {
   width: auto;
 }
-.device--desktop .c-button[data-v-5f2c3a69] {
+.device--desktop .c-button[data-v-37be54f5] {
   width: auto;
 }
 
@@ -8932,11 +8929,11 @@ body {
   contain-intrinsic-size: auto 36px;
 }
 
-.rich-text-editor[data-v-14187e07]:focus-within {
+.rich-text-editor[data-v-2b402f22]:focus-within {
   --tw-border-opacity: 1;
   border-color: rgb(96 96 96 / var(--tw-border-opacity));
 }
-.style-editor[data-v-14187e07] {
+.style-editor[data-v-2b402f22] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -8947,7 +8944,7 @@ body {
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
 }
-.style-editor[data-v-14187e07] button:not(.c-button-style) {
+.style-editor[data-v-2b402f22] button:not(.c-button-style) {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -8957,16 +8954,16 @@ body {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
 }
-.style-editor-button[data-v-14187e07] {
+.style-editor-button[data-v-2b402f22] {
   cursor: pointer;
   padding-left: 0.25rem;
   padding-top: 0.25rem;
 }
-.toolbar-editor-button.active[data-v-14187e07] {
+.toolbar-editor-button.active[data-v-2b402f22] {
   font-weight: 700;
   background: #e3e3e3;
 }
-.toolbar-editor-button[data-v-14187e07] {
+.toolbar-editor-button[data-v-2b402f22] {
   height: 32px;
   width: 32px;
   border-radius: 4px;
@@ -8984,7 +8981,7 @@ body {
       -ms-flex-pack: center;
           justify-content: center;
 }
-[data-v-14187e07] .ProseMirror {
+[data-v-2b402f22] .ProseMirror {
   border-top: 1px solid #ccc;
   min-height: 150px;
   padding: 8px;
@@ -8997,13 +8994,13 @@ body {
   max-height: 14rem;
   overflow: auto;
 }
-.editor-compact[data-v-14187e07] .ProseMirror {
+.editor-compact[data-v-2b402f22] .ProseMirror {
   min-height: 6rem;
 }
-[data-v-14187e07] .ProseMirror:focus {
+[data-v-2b402f22] .ProseMirror:focus {
   outline: none;
 }
-[data-v-14187e07] .ProseMirror * {
+[data-v-2b402f22] .ProseMirror * {
   text-align: left !important;
   font-size: 16px !important;
   color: #606060 !important;
@@ -9012,28 +9009,28 @@ body {
   background-color: transparent !important;
   font-family: 'Lato' !important;
 }
-[data-v-14187e07] .ProseMirror a s,[data-v-14187e07] .ProseMirror a strike,[data-v-14187e07] .ProseMirror a [data-strike] {
+[data-v-2b402f22] .ProseMirror a s,[data-v-2b402f22] .ProseMirror a strike,[data-v-2b402f22] .ProseMirror a [data-strike] {
   text-decoration: line-through !important;
 }
-[data-v-14187e07] .ProseMirror a,[data-v-14187e07] .ProseMirror a * {
+[data-v-2b402f22] .ProseMirror a,[data-v-2b402f22] .ProseMirror a * {
   color: #0097d7 !important;
   text-decoration: underline !important;
 }
-.error-message[data-v-14187e07] {
+.error-message[data-v-2b402f22] {
   color: #d32f2f;
   font-size: 0.875rem;
   margin-top: 4px;
 }
-.popup-container[data-v-14187e07] {
+.popup-container[data-v-2b402f22] {
   position: absolute;
   z-index: 10;
   right: 8%;
 }
-.hyperlink-preview[data-v-14187e07] {
+.hyperlink-preview[data-v-2b402f22] {
   position: absolute;
   z-index: 10;
 }
-.popup-panel[data-v-14187e07] {
+.popup-panel[data-v-2b402f22] {
   background: #fff;
   border: 1px solid #ccc;
   border-radius: 8px;
@@ -9041,17 +9038,17 @@ body {
   -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
           box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
 }
-.popup-panel[data-v-14187e07] input {
+.popup-panel[data-v-2b402f22] input {
   border: 1px solid #ccc;
   border-radius: 8px;
 }
-.border[data-v-14187e07] {
+.border[data-v-2b402f22] {
   width: 100%;
   --tw-bg-opacity: 1;
   background-color: rgb(209 209 209 / var(--tw-bg-opacity));
   height: 1px;
 }
-[data-v-14187e07] .text-dropdown-title {
+[data-v-2b402f22] .text-dropdown-title {
   height: 2rem;
   width: 100%;
   font-size: 0.875rem;
@@ -9060,7 +9057,7 @@ body {
   color: rgb(38 38 38 / var(--tw-text-opacity));
   font-weight: 300;
 }
-[data-v-14187e07] .ProseMirror p.is-editor-empty:first-child::before {
+[data-v-2b402f22] .ProseMirror p.is-editor-empty:first-child::before {
   --tw-text-opacity: 1;
   color: rgb(209 209 209 / var(--tw-text-opacity));
   content: attr(data-placeholder);
@@ -9069,56 +9066,56 @@ body {
   pointer-events: none;
 }
 @media (max-width: 399px) {
-.style-editor-button-font[data-v-14187e07],
-  .style-editor-button-textstyle[data-v-14187e07] {
+.style-editor-button-font[data-v-2b402f22],
+  .style-editor-button-textstyle[data-v-2b402f22] {
     max-width: 48%;
     padding-bottom: 0.25rem;
 }
-.style-editor-button.stepper[data-v-14187e07] {
+.style-editor-button.stepper[data-v-2b402f22] {
     max-width: 40%;
 }
-.style-editor-button-stepper[data-v-14187e07] {
+.style-editor-button-stepper[data-v-2b402f22] {
     max-width: 100%;
 }
-.border.desktop[data-v-14187e07] {
+.border.desktop[data-v-2b402f22] {
     display: none;
 }
-.border.mobile[data-v-14187e07] {
+.border.mobile[data-v-2b402f22] {
     display: block;
 }
-[data-v-14187e07] .left-align {
+[data-v-2b402f22] .left-align {
     -webkit-transform: translateX(-48%);
             transform: translateX(-48%);
 }
-.hyperlink-popup[data-v-14187e07] {
+.hyperlink-popup[data-v-2b402f22] {
     z-index: 10000 !important;
 }
 }
 @media (min-width: 400px) {
-.style-editor-button.stepper[data-v-14187e07] {
+.style-editor-button.stepper[data-v-2b402f22] {
     max-width: 32%;
 }
-.style-editor-button-font[data-v-14187e07] {
+.style-editor-button-font[data-v-2b402f22] {
     max-width: 28%;
 }
-.style-editor-button-stepper[data-v-14187e07] {
+.style-editor-button-stepper[data-v-2b402f22] {
     max-width: 100%;
 }
-.style-editor-button-textstyle[data-v-14187e07] {
+.style-editor-button-textstyle[data-v-2b402f22] {
     max-width: 25%;
 }
-.border.desktop[data-v-14187e07] {
+.border.desktop[data-v-2b402f22] {
     display: block;
 }
-.border.mobile[data-v-14187e07] {
+.border.mobile[data-v-2b402f22] {
     display: none;
 }
-[data-v-14187e07] .left-align {
+[data-v-2b402f22] .left-align {
     -webkit-transform: translateX(-25%);
             transform: translateX(-25%);
 }
 }
-.drop-down-item[data-v-14187e07]:hover {
+.drop-down-item[data-v-2b402f22]:hover {
   background-color: #eee;
 }
 
@@ -9138,7 +9135,7 @@ input[type='number'][data-v-f3d394d9] {
 }
 }
 
-.testimonial-preview[data-v-fe811a3f] {
+.testimonial-preview[data-v-bb4e9acc] {
   overflow: hidden;
   text-overflow: ellipsis;
   max-height: 21px;
@@ -9150,7 +9147,7 @@ input[type='number'][data-v-f3d394d9] {
           align-items: flex-start;
 }
 
-.text-item-preview[data-v-0c65e8af] {
+.text-item-preview[data-v-7aefa82c] {
   overflow: hidden;
   text-overflow: ellipsis;
   max-height: 21px;