@designcrowd/library.brand-page 5.18.1 → 5.18.2-ast-padding-1

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

@@ -530,6 +530,12 @@ a.maker-anchor {
 .bp .tw-ml-auto {
     margin-left: auto
 }
+.bp .tw-mr-0 {
+    margin-right: 0px
+}
+.bp .tw-mr-0\.5 {
+    margin-right: 0.125rem
+}
 .bp .tw-mr-1 {
     margin-right: 0.25rem
 }
@@ -620,6 +626,9 @@ a.maker-anchor {
 .bp .tw-hidden {
     display: none
 }
+.bp .tw-aspect-\[3\/1\] {
+    aspect-ratio: 3/1
+}
 .bp .tw-aspect-auto {
     aspect-ratio: auto
 }
@@ -2908,6 +2917,14 @@ a.maker-anchor {
     --tw-text-opacity: 1;
     color: rgb(242 27 63 / var(--tw-text-opacity))
 }
+.bp .tw-text-grayscale-300 {
+    --tw-text-opacity: 1;
+    color: rgb(239 239 239 / var(--tw-text-opacity))
+}
+.bp .tw-text-grayscale-400 {
+    --tw-text-opacity: 1;
+    color: rgb(230 230 230 / var(--tw-text-opacity))
+}
 .bp .tw-text-grayscale-500 {
     --tw-text-opacity: 1;
     color: rgb(208 208 208 / var(--tw-text-opacity))
@@ -3160,6 +3177,10 @@ a.maker-anchor {
         --tw-bg-opacity: 1;
         background-color: rgb(208 208 208 / var(--tw-bg-opacity))
     }
+    .bp .hover\:tw-bg-grayscale-700:hover {
+        --tw-bg-opacity: 1;
+        background-color: rgb(43 43 43 / var(--tw-bg-opacity))
+    }
     .bp .hover\:tw-bg-secondary-500:hover {
         --tw-bg-opacity: 1;
         background-color: rgb(89 89 89 / var(--tw-bg-opacity))
@@ -3230,6 +3251,19 @@ a.maker-anchor {
     outline: 2px solid transparent;
     outline-offset: 2px
 }
+.bp .focus-visible\:tw-ring-2:focus-visible {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
+}
+.bp .focus-visible\:tw-ring-primary-500:focus-visible {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgb(242 27 63 / var(--tw-ring-opacity))
+}
+.bp .focus-visible\:tw-ring-offset-2:focus-visible {
+    --tw-ring-offset-width: 2px
+}
 @media (hover: hover) and (pointer: fine) {
     .bp .tw-group:hover .group-hover\:tw-visible {
         visibility: visible
@@ -3855,10 +3889,10 @@ a.maker-anchor {
   line-height: 1.25rem;
 }
 
-.bp .arc[data-v-75f7d315] {
-  animation: ai-loader-circle-75f7d315 2000ms infinite linear;
+.bp .arc[data-v-dd807356] {
+  animation: ai-loader-circle-dd807356 2000ms infinite linear;
 }
-@keyframes ai-loader-circle-75f7d315 {
+@keyframes ai-loader-circle-dd807356 {
 0% {
     transform: rotateZ(0deg);
 }
@@ -3866,10 +3900,10 @@ a.maker-anchor {
     transform: rotateZ(360deg);
 }
 }
-#primary[data-v-75f7d315] {
-  animation: ai-loader-primary-75f7d315 2000ms infinite ease-in-out;
+.bp .primary[data-v-dd807356] {
+  animation: ai-loader-primary-dd807356 2000ms infinite ease-in-out;
 }
-@keyframes ai-loader-primary-75f7d315 {
+@keyframes ai-loader-primary-dd807356 {
 0% {
     transform: scale(1);
 }
@@ -3880,13 +3914,13 @@ a.maker-anchor {
     transform: scale(1);
 }
 }
-#top-star[data-v-75f7d315] {
-  animation: ai-loader-secondary-top-75f7d315 2000ms infinite ease-in-out;
+.bp .top-star[data-v-dd807356] {
+  animation: ai-loader-secondary-top-dd807356 2000ms infinite ease-in-out;
 }
-#bottom-star[data-v-75f7d315] {
-  animation: ai-loader-secondary-bottom-75f7d315 2000ms infinite ease-in-out;
+.bp .bottom-star[data-v-dd807356] {
+  animation: ai-loader-secondary-bottom-dd807356 2000ms infinite ease-in-out;
 }
-@keyframes ai-loader-secondary-bottom-75f7d315 {
+@keyframes ai-loader-secondary-bottom-dd807356 {
 0% {
     transform: scale(1);
 }
@@ -3897,7 +3931,7 @@ a.maker-anchor {
     transform: scale(1);
 }
 }
-@keyframes ai-loader-secondary-top-75f7d315 {
+@keyframes ai-loader-secondary-top-dd807356 {
 0% {
     transform: scale(1);
 }
@@ -5285,76 +5319,45 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   fill: currentColor;
 }
 
-.bp .c-placeholder[data-v-51d8de03] {
+.bp .c-placeholder[data-v-6ed918ee] {
   background-color: #fff;
   display: block;
 }
-.bp .c-placeholder__content[data-v-51d8de03] {
+
+/*
+ * Provide a positioning context for the absolute SVG icon — but only when the
+ * caller hasn't already positioned the placeholder itself. Some callers pass
+ * `tw-absolute` (e.g. the big-image banner uses it to fill the banner as a
+ * background); a blanket `position: relative` here would out-specify that
+ * utility and break the layout. An already-positioned placeholder is its own
+ * containing block, so the SVG fills it either way.
+ */
+.bp .c-placeholder[data-v-6ed918ee]:not(.tw-absolute):not(.tw-fixed) {
   position: relative;
-  display: block;
 }
-.bp .c-placeholder__content[data-v-51d8de03]::after {
-  --size: 1px;
-  --n-size: -1px;
-  --border: calc(var(--n-size) * 2 + var(--height) / 2);
-  --border-left: calc(var(--n-size) * 2 + var(--width) / 2);
-  --tw-border-opacity: 0.5;
-  position: absolute;
-  top: calc(var(--size) * 2);
-  left: var(--size);
-  content: ' ';
-  border-top: var(--border) solid transparent;
-  border-bottom: var(--border) solid transparent;
-  border-left: var(--border-left) solid
-    rgb(208 208 208 / var(--tw-border-opacity));
-}
-.bp .c-placeholder__content[data-v-51d8de03]::before {
-  --size: 1px;
-  --n-size: -1px;
-  --border: calc(var(--n-size) * 2 + var(--height) / 2);
-  --border-right: calc(var(--n-size) * 2 + var(--width) / 2);
-  --tw-border-opacity: 0.5;
-  position: absolute;
-  top: calc(var(--size) * 2);
-  right: var(--size);
-  content: ' ';
-  border-top: var(--border) solid transparent;
-  border-bottom: var(--border) solid transparent;
-  border-right: var(--border-right) solid
-    rgb(208 208 208 / var(--tw-border-opacity));
-}
-.bp .c-placeholder[data-v-51d8de03]::after {
-  --size: 1px;
-  --n-size: -1px;
-  --border: calc(var(--n-size) * 2 + var(--width) / 2);
-  --border-right: calc(var(--n-size) * 2 + var(--height) / 2);
-  --tw-border-opacity: 0.5;
-  position: absolute;
-  left: calc(var(--size) * 2);
-  top: var(--size);
-  content: ' ';
-  border-left: var(--border) solid transparent;
-  border-right: var(--border) solid transparent;
-  border-top: var(--border-right) solid
-    rgb(208 208 208 / var(--tw-border-opacity));
-}
-.bp .c-placeholder[data-v-51d8de03]::before {
-  --size: 1px;
-  --n-size: -1px;
-  --border: calc(var(--n-size) * 2 + var(--width) / 2);
-  --border-bottom: calc(var(--n-size) * 2 + var(--height) / 2);
-  --tw-border-opacity: 0.5;
+
+/*
+ * The X icon is drawn as an SVG with preserveAspectRatio="none" so the
+ * diagonals always run corner-to-corner regardless of the box aspect ratio
+ * (square thumbnails through full-width 2/1 banners). vector-effect keeps the
+ * stroke an even width while the viewBox is stretched non-uniformly. The SVG
+ * is absolutely positioned so it fills the box sized by min-height / the
+ * caller's aspect-ratio class rather than driving the height itself.
+ */
+.bp .c-placeholder__icon[data-v-6ed918ee] {
   position: absolute;
-  left: calc(var(--size) * 2);
-  bottom: var(--size);
-  content: ' ';
-  border-left: var(--border) solid transparent;
-  border-right: var(--border) solid transparent;
-  border-bottom: var(--border-bottom) solid
-    rgb(208 208 208 / var(--tw-border-opacity));
+  inset: 0;
+  display: block;
+  width: 100%;
+  height: 100%;
 }
-.bp .c-placeholder__content[data-v-51d8de03] > [data-v-51d8de03] {
-  padding-bottom: 0.5rem;
+.bp .c-placeholder__fill[data-v-6ed918ee] {
+  fill: rgb(208 208 208 / 0.5);
+}
+.bp .c-placeholder__icon line[data-v-6ed918ee] {
+  stroke: #fff;
+  stroke-width: 2;
+  vector-effect: non-scaling-stroke;
 }
 
 .bp .c-image {
@@ -5492,7 +5495,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   --logo-spacing: 0.75rem;
 }
 
-.bp .form-error[data-v-62c5e44b] {
+.bp .form-error[data-v-fc0a55a9] {
   font-size: 0.875rem;
   line-height: 1.25rem;
   color: #f21b3f
@@ -5503,14 +5506,14 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   height: 100%;
 }
 
-.bp .c-map[data-v-1bb10416] {
+.bp .c-map[data-v-9f1160e6] {
   margin-bottom: 2.5rem;
   max-width: 100%;
 }
-.bp .c-map--brandsite[data-v-1bb10416] {
+.bp .c-map--brandsite[data-v-9f1160e6] {
   margin-top: 2.5rem;
 }
-.bp .c-map__googlemap[data-v-1bb10416] {
+.bp .c-map__googlemap[data-v-9f1160e6] {
   aspect-ratio: 16 / 9;
 }
 
@@ -5563,13 +5566,13 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   overflow-wrap: break-word;
 }
 
-.bp .c-text-container[data-v-f9a4ffd8] {
+.bp .c-text-container[data-v-41340eb9] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
   padding-left: var(--page-padding);
   padding-right: var(--page-padding);
 }
-.bp .device--mobile .grid-container[data-v-f9a4ffd8] {
+.bp .device--mobile .grid-container[data-v-41340eb9] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -5579,7 +5582,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
           flex-direction: column;
 }
 @media (max-width: 767px) {
-.bp .grid-container[data-v-f9a4ffd8] {
+.bp .grid-container[data-v-41340eb9] {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
@@ -5590,7 +5593,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
 }
 }
 @media (min-width: 767px) {
-.bp .grid-container[data-v-f9a4ffd8] {
+.bp .grid-container[data-v-41340eb9] {
     display: grid;
 }
 }
@@ -5723,15 +5726,15 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   max-height: 90vh
 }
 
-.bp .c-image-gallery[data-v-5ed761de] {
+.bp .c-image-gallery[data-v-449be7b3] {
   --image-size: 8rem;
   --image-spacing: 0.75rem;
 }
 @media (max-width: 1500px) {
-.bp .device-wrapper--desktop .c-carousel-width[data-v-5ed761de] {
+.bp .device-wrapper--desktop .c-carousel-width[data-v-449be7b3] {
     max-width: calc(59rem - (var(--page-padding) * 2));
 }
-.bp .device-wrapper--desktop .c-carousel-full-width[data-v-5ed761de] {
+.bp .device-wrapper--desktop .c-carousel-full-width[data-v-449be7b3] {
     max-width: 59rem;
 }
 }
@@ -5795,7 +5798,7 @@ select[data-v-14e7c7c7] {
   padding: 4px;
 }
 
-.bp .payment-option-prices[data-v-74073561] {
+.bp .payment-option-prices[data-v-88c49b68] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -5806,7 +5809,7 @@ select[data-v-14e7c7c7] {
   -ms-flex-wrap: wrap;
       flex-wrap: wrap
 }
-.bp .payment-option-prices-thumbnail[data-v-74073561] {
+.bp .payment-option-prices-thumbnail[data-v-88c49b68] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -5817,15 +5820,15 @@ select[data-v-14e7c7c7] {
   gap: 0.5rem
 }
 @media (min-width: 768px) {
-.bp .device--mobile .payment-options[data-v-74073561] {
+.bp .device--mobile .payment-options[data-v-88c49b68] {
     display: block
 }
 }
-.bp .device--mobile .payment-option[data-v-74073561] {
+.bp .device--mobile .payment-option[data-v-88c49b68] {
   margin-top: 0.5rem;
   margin-bottom: 0.5rem
 }
-.bp .payment-width[data-v-74073561] {
+.bp .payment-width[data-v-88c49b68] {
   margin: 0.375rem;
   -ms-flex-negative: 1;
       flex-shrink: 1;
@@ -5837,12 +5840,12 @@ select[data-v-14e7c7c7] {
   min-width: calc(16.666667% - 0.5rem)
 }
 
-.bp .c-video[data-v-373a5743] {
+.bp .c-video[data-v-3dac5093] {
   --video-size: 8rem;
   --video-spacing: 0.75rem;
   margin-bottom: 1rem;
 }
-.bp .c-video__frame[data-v-373a5743] {
+.bp .c-video__frame[data-v-3dac5093] {
   aspect-ratio: 16 / 9;
   border-radius: calc(var(--video-size) / 16);
   display: block;
@@ -5850,57 +5853,53 @@ select[data-v-14e7c7c7] {
   width: 100%;
 }
 
-.bp .form-error[data-v-b05afa44] {
+.bp .form-error[data-v-cf475228] {
   font-size: 0.875rem;
   line-height: 1.25rem;
   color: #f21b3f;
 }
-.bp .contact-container[data-v-b05afa44] {
+.bp .contact-container[data-v-cf475228] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
-.bp .c-text-padding[data-v-b05afa44] {
+.bp .c-text-padding[data-v-cf475228] {
   padding-left: 1rem;
   padding-right: 1rem;
 }
-.bp .device-wrapper--mobile .c-divided-container[data-v-b05afa44] {
+.bp .device-wrapper--mobile .c-divided-container[data-v-cf475228] {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
 }
-.bp .device-wrapper--mobile .c-divided-container-reverse[data-v-b05afa44] {
+.bp .device-wrapper--mobile .c-divided-container-reverse[data-v-cf475228] {
   -webkit-box-orient: vertical;
   -webkit-box-direction: reverse;
       -ms-flex-direction: column-reverse;
           flex-direction: column-reverse;
 }
 @media (max-width: 767px) {
-.bp .c-button-full[data-v-b05afa44] {
+.bp .c-button-full[data-v-cf475228] {
     width: 100%;
 }
-.bp .c-col-span-2[data-v-b05afa44] {
+.bp .c-col-span-2[data-v-cf475228] {
     grid-column: span 2 / span 2;
 }
-.bp .c-mobile-padding[data-v-b05afa44] {
+.bp .c-mobile-padding[data-v-cf475228] {
     padding: 1rem;
 }
-.bp .c-text-padding[data-v-b05afa44] {
+.bp .c-text-padding[data-v-cf475228] {
     grid-column: span 2 / span 2;
     padding-left: 0px;
     padding-right: 0px;
 }
-.bp .c-py-6[data-v-b05afa44] {
-    padding-top: 1.5rem;
-    padding-bottom: 1.5rem;
-}
-.bp .c-divided-container[data-v-b05afa44] {
+.bp .c-divided-container[data-v-cf475228] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
 }
-.bp .c-divided-container-reverse[data-v-b05afa44] {
+.bp .c-divided-container-reverse[data-v-cf475228] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: reverse;
         -ms-flex-direction: column-reverse;
@@ -5908,16 +5907,16 @@ select[data-v-14e7c7c7] {
 }
 }
 @media (min-width: 767px) {
-.bp .c-aspect-square[data-v-b05afa44] {
+.bp .c-aspect-square[data-v-cf475228] {
     aspect-ratio: 1 / 1;
 }
-.bp .c-divided-container[data-v-b05afa44] {
+.bp .c-divided-container[data-v-cf475228] {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
 }
-.bp .c-divided-container-reverse[data-v-b05afa44] {
+.bp .c-divided-container-reverse[data-v-cf475228] {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: reverse;
         -ms-flex-direction: row-reverse;
@@ -5970,10 +5969,10 @@ select[data-v-14e7c7c7] {
     text-align: center
 }
 
-.bp .c_banner--with-image-overlay[data-v-c9625b02] {
+.bp .c_banner--with-image-overlay[data-v-3875c37b] {
   min-height: 24rem;
 }
-.bp .c_banner--divided-container[data-v-c9625b02] {
+.bp .c_banner--divided-container[data-v-3875c37b] {
   min-height: 30rem;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
@@ -5981,67 +5980,80 @@ select[data-v-14e7c7c7] {
           flex-direction: row;
   gap: 1rem;
 }
-.bp .device-wrapper--mobile .c_banner--divided-container[data-v-c9625b02] {
+.bp .device-wrapper--mobile .c_banner--divided-container[data-v-3875c37b] {
   -webkit-box-orient: vertical;
   -webkit-box-direction: reverse;
       -ms-flex-direction: column-reverse;
           flex-direction: column-reverse;
 }
-.bp .c_banner-container[data-v-c9625b02] {
+.bp .c_banner-container[data-v-3875c37b] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
-.bp .c_banner--with-image-flip[data-v-c9625b02] {
+
+/*
+ * Full-bleed stacked image. The wrapper lives inside .c_banner-container
+ * (capped at --brandsite-max-width and centered) and inside the outer
+ * tw-px-6 padding, so a plain width:100%/-mx-6 stops at the max-width edge.
+ * Using the outer container-query width (100cqw = content-box inline size),
+ * widen to the full banner and shift left so the image spans edge to edge
+ * (1.5rem = tw-px-6). Text blocks stay constrained to the max-width.
+ */
+.bp .c_banner-stacked-image--full[data-v-3875c37b] {
+  width: calc(100cqw + 3rem);
+  margin-inline: calc(50% - 50cqw - 1.5rem);
+}
+.bp .c_banner--with-image-flip[data-v-3875c37b] {
   -webkit-box-orient: horizontal;
   -webkit-box-direction: reverse;
       -ms-flex-direction: row-reverse;
           flex-direction: row-reverse;
 }
-.bp .c_banner--divided-container[data-v-c9625b02] .full-square-image {
+.bp .c_banner--divided-container[data-v-3875c37b] .full-square-image {
   width: 100%;
   aspect-ratio: 1/1;
   -o-object-fit: cover;
      object-fit: cover;
 }
 @container (min-width: 640px) {
-.bp .c_banner-container--left-aligned-stacking[data-v-c9625b02] {
+.bp .c_banner-container--left-aligned-stacking[data-v-3875c37b] {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
 }
-.bp .c_banner-container--right-aligned-stacking[data-v-c9625b02] {
+.bp .c_banner-container--right-aligned-stacking[data-v-3875c37b] {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: reverse;
         -ms-flex-direction: row-reverse;
             flex-direction: row-reverse;
 }
-.bp .c_banner-button--stacking[data-v-c9625b02] {
+.bp .c_banner-button--stacking[data-v-3875c37b] {
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
 }
 }
 @container (max-width: 640px) {
-.bp .c_banner-container--left-aligned-stacking[data-v-c9625b02] {
+.bp .c_banner-container--left-aligned-stacking[data-v-3875c37b] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
 }
-.bp .c_banner-container--right-aligned-stacking[data-v-c9625b02] {
+.bp .c_banner-container--right-aligned-stacking[data-v-3875c37b] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
 }
-.bp .c_banner-item--stacking[data-v-c9625b02] {
+.bp .c_banner-item--stacking[data-v-3875c37b] {
     width: 100%;
 }
-.bp .c_banner-button--stacking[data-v-c9625b02] {
+.bp .c_banner-button--stacking[data-v-3875c37b] {
     width: 100%;
 }
-.bp .c_banner--divided-container[data-v-c9625b02] {
+.bp .c_banner--divided-container[data-v-3875c37b] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: reverse;
         -ms-flex-direction: column-reverse;
@@ -6203,40 +6215,40 @@ select[data-v-14e7c7c7] {
 }
 }
 
-.bp .c_text-media--items[data-v-6e40b489] {
+.bp .c_text-media--items[data-v-be828f7c] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 2.5rem;
 }
-.bp .c_text-media--item[data-v-6e40b489] {
+.bp .c_text-media--item[data-v-be828f7c] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 1.5rem;
 }
-.bp .c_text-media-container[data-v-6e40b489] {
+.bp .c_text-media-container[data-v-be828f7c] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
-.bp .c_text-media-padding[data-v-6e40b489] {
+.bp .c_text-media-padding[data-v-be828f7c] {
   padding-left: var(--page-padding);
   padding-right: var(--page-padding);
 }
-.bp .c_text-media--shape[data-v-6e40b489] {
+.bp .c_text-media--shape[data-v-be828f7c] {
   width: 25%;
 }
-.bp .device--mobile .c_text-media--items[data-v-6e40b489] {
+.bp .device--mobile .c_text-media--items[data-v-be828f7c] {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
 }
-.bp .device--mobile .c_text-media--alternate[data-v-6e40b489],
-.bp .device--mobile .c_text-media--shape[data-v-6e40b489] {
+.bp .device--mobile .c_text-media--alternate[data-v-be828f7c],
+.bp .device--mobile .c_text-media--shape[data-v-be828f7c] {
   width: 100%;
 }
-.bp .device--mobile .c_text-media--alternate-container[data-v-6e40b489] {
+.bp .device--mobile .c_text-media--alternate-container[data-v-be828f7c] {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
@@ -6244,18 +6256,18 @@ select[data-v-14e7c7c7] {
 }
 .bp .device--mobile
   .c_text-media--items_direction
-  .c_text-media--item[data-v-6e40b489]:nth-child(even) {
+  .c_text-media--item[data-v-be828f7c]:nth-child(even) {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
 }
 @media (max-width: 767px) {
-.bp .c_text-media--alternate[data-v-6e40b489],
-  .bp .c_text-media--shape[data-v-6e40b489] {
+.bp .c_text-media--alternate[data-v-be828f7c],
+  .bp .c_text-media--shape[data-v-be828f7c] {
     width: 100%;
 }
-.bp .c_text-media--alternate-container[data-v-6e40b489] {
+.bp .c_text-media--alternate-container[data-v-be828f7c] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
@@ -6264,7 +6276,7 @@ select[data-v-14e7c7c7] {
 }
 @media (min-width: 767px) {
 @media (min-width: 768px) {
-.bp .c_text-media--items_direction .c_text-media--item[data-v-6e40b489]:nth-child(even) {
+.bp .c_text-media--items_direction .c_text-media--item[data-v-be828f7c]:nth-child(even) {
       -webkit-box-orient: horizontal;
       -webkit-box-direction: reverse;
           -ms-flex-direction: row-reverse;
@@ -6581,7 +6593,7 @@ select[data-v-14e7c7c7] {
 }
 }
 
-.bp .c_banner-container[data-v-bcef9bd4] {
+.bp .c_banner-container[data-v-ac0ea8f4] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }

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-_iwoSD1Z.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-CRihSxY0.js";
 import { createPinia as wE, setActivePinia as ZE } from "pinia";
 export {
   E as ABOUT_SECTION_SETTINGS_CONFIG,