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

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

@@ -530,6 +530,12 @@ a.maker-anchor {
 .tw-ml-auto {
     margin-left: auto
 }
+.tw-mr-0 {
+    margin-right: 0px
+}
+.tw-mr-0\.5 {
+    margin-right: 0.125rem
+}
 .tw-mr-1 {
     margin-right: 0.25rem
 }
@@ -620,6 +626,9 @@ a.maker-anchor {
 .tw-hidden {
     display: none
 }
+.tw-aspect-\[3\/1\] {
+    aspect-ratio: 3/1
+}
 .tw-aspect-auto {
     aspect-ratio: auto
 }
@@ -3028,6 +3037,14 @@ a.maker-anchor {
     --tw-text-opacity: 1;
     color: rgb(145 16 38 / var(--tw-text-opacity))
 }
+.tw-text-grayscale-300 {
+    --tw-text-opacity: 1;
+    color: rgb(239 239 239 / var(--tw-text-opacity))
+}
+.tw-text-grayscale-400 {
+    --tw-text-opacity: 1;
+    color: rgb(230 230 230 / var(--tw-text-opacity))
+}
 .tw-text-grayscale-500 {
     --tw-text-opacity: 1;
     color: rgb(208 208 208 / var(--tw-text-opacity))
@@ -3340,6 +3357,10 @@ a.maker-anchor {
         --tw-bg-opacity: 1;
         background-color: rgb(208 208 208 / var(--tw-bg-opacity))
     }
+    .hover\:tw-bg-grayscale-700:hover {
+        --tw-bg-opacity: 1;
+        background-color: rgb(43 43 43 / var(--tw-bg-opacity))
+    }
     .hover\:tw-bg-info-100:hover {
         --tw-bg-opacity: 1;
         background-color: rgb(204 234 247 / var(--tw-bg-opacity))
@@ -3486,6 +3507,19 @@ a.maker-anchor {
     outline: 2px solid transparent;
     outline-offset: 2px
 }
+.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)
+}
+.focus-visible\:tw-ring-primary-500:focus-visible {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgb(242 27 63 / var(--tw-ring-opacity))
+}
+.focus-visible\:tw-ring-offset-2:focus-visible {
+    --tw-ring-offset-width: 2px
+}
 @media (hover: hover) and (pointer: fine) {
     .tw-group:hover .group-hover\:tw-visible {
         visibility: visible
@@ -4111,10 +4145,10 @@ a.maker-anchor {
   line-height: 1.25rem;
 }
 
-.arc[data-v-75f7d315] {
-  animation: ai-loader-circle-75f7d315 2000ms infinite linear;
+.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);
 }
@@ -4122,10 +4156,10 @@ a.maker-anchor {
     transform: rotateZ(360deg);
 }
 }
-#primary[data-v-75f7d315] {
-  animation: ai-loader-primary-75f7d315 2000ms infinite ease-in-out;
+.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);
 }
@@ -4136,13 +4170,13 @@ a.maker-anchor {
     transform: scale(1);
 }
 }
-#top-star[data-v-75f7d315] {
-  animation: ai-loader-secondary-top-75f7d315 2000ms infinite ease-in-out;
+.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;
+.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);
 }
@@ -4153,7 +4187,7 @@ a.maker-anchor {
     transform: scale(1);
 }
 }
-@keyframes ai-loader-secondary-top-75f7d315 {
+@keyframes ai-loader-secondary-top-dd807356 {
 0% {
     transform: scale(1);
 }
@@ -5541,76 +5575,45 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   fill: currentColor;
 }
 
-.c-placeholder[data-v-51d8de03] {
+.c-placeholder[data-v-6ed918ee] {
   background-color: #fff;
   display: block;
 }
-.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.
+ */
+.c-placeholder[data-v-6ed918ee]:not(.tw-absolute):not(.tw-fixed) {
   position: relative;
-  display: block;
 }
-.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));
-}
-.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));
-}
-.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));
-}
-.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.
+ */
+.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%;
 }
-.c-placeholder__content[data-v-51d8de03] > [data-v-51d8de03] {
-  padding-bottom: 0.5rem;
+.c-placeholder__fill[data-v-6ed918ee] {
+  fill: rgb(208 208 208 / 0.5);
+}
+.c-placeholder__icon line[data-v-6ed918ee] {
+  stroke: #fff;
+  stroke-width: 2;
+  vector-effect: non-scaling-stroke;
 }
 
 .c-image {
@@ -5748,7 +5751,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   --logo-spacing: 0.75rem;
 }
 
-.form-error[data-v-62c5e44b] {
+.form-error[data-v-fc0a55a9] {
   font-size: 0.875rem;
   line-height: 1.25rem;
   color: #f21b3f
@@ -5759,14 +5762,14 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   height: 100%;
 }
 
-.c-map[data-v-1bb10416] {
+.c-map[data-v-9f1160e6] {
   margin-bottom: 2.5rem;
   max-width: 100%;
 }
-.c-map--brandsite[data-v-1bb10416] {
+.c-map--brandsite[data-v-9f1160e6] {
   margin-top: 2.5rem;
 }
-.c-map__googlemap[data-v-1bb10416] {
+.c-map__googlemap[data-v-9f1160e6] {
   aspect-ratio: 16 / 9;
 }
 
@@ -5819,13 +5822,13 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   overflow-wrap: break-word;
 }
 
-.c-text-container[data-v-f9a4ffd8] {
+.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);
 }
-.device--mobile .grid-container[data-v-f9a4ffd8] {
+.device--mobile .grid-container[data-v-41340eb9] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -5835,7 +5838,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
           flex-direction: column;
 }
 @media (max-width: 767px) {
-.grid-container[data-v-f9a4ffd8] {
+.grid-container[data-v-41340eb9] {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
@@ -5846,7 +5849,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
 }
 }
 @media (min-width: 767px) {
-.grid-container[data-v-f9a4ffd8] {
+.grid-container[data-v-41340eb9] {
     display: grid;
 }
 }
@@ -5979,15 +5982,15 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   max-height: 90vh
 }
 
-.c-image-gallery[data-v-5ed761de] {
+.c-image-gallery[data-v-449be7b3] {
   --image-size: 8rem;
   --image-spacing: 0.75rem;
 }
 @media (max-width: 1500px) {
-.device-wrapper--desktop .c-carousel-width[data-v-5ed761de] {
+.device-wrapper--desktop .c-carousel-width[data-v-449be7b3] {
     max-width: calc(59rem - (var(--page-padding) * 2));
 }
-.device-wrapper--desktop .c-carousel-full-width[data-v-5ed761de] {
+.device-wrapper--desktop .c-carousel-full-width[data-v-449be7b3] {
     max-width: 59rem;
 }
 }
@@ -6051,7 +6054,7 @@ select[data-v-14e7c7c7] {
   padding: 4px;
 }
 
-.payment-option-prices[data-v-74073561] {
+.payment-option-prices[data-v-88c49b68] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -6062,7 +6065,7 @@ select[data-v-14e7c7c7] {
   -ms-flex-wrap: wrap;
       flex-wrap: wrap
 }
-.payment-option-prices-thumbnail[data-v-74073561] {
+.payment-option-prices-thumbnail[data-v-88c49b68] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -6073,15 +6076,15 @@ select[data-v-14e7c7c7] {
   gap: 0.5rem
 }
 @media (min-width: 768px) {
-.device--mobile .payment-options[data-v-74073561] {
+.device--mobile .payment-options[data-v-88c49b68] {
     display: block
 }
 }
-.device--mobile .payment-option[data-v-74073561] {
+.device--mobile .payment-option[data-v-88c49b68] {
   margin-top: 0.5rem;
   margin-bottom: 0.5rem
 }
-.payment-width[data-v-74073561] {
+.payment-width[data-v-88c49b68] {
   margin: 0.375rem;
   -ms-flex-negative: 1;
       flex-shrink: 1;
@@ -6093,12 +6096,12 @@ select[data-v-14e7c7c7] {
   min-width: calc(16.666667% - 0.5rem)
 }
 
-.c-video[data-v-373a5743] {
+.c-video[data-v-3dac5093] {
   --video-size: 8rem;
   --video-spacing: 0.75rem;
   margin-bottom: 1rem;
 }
-.c-video__frame[data-v-373a5743] {
+.c-video__frame[data-v-3dac5093] {
   aspect-ratio: 16 / 9;
   border-radius: calc(var(--video-size) / 16);
   display: block;
@@ -6106,57 +6109,53 @@ select[data-v-14e7c7c7] {
   width: 100%;
 }
 
-.form-error[data-v-b05afa44] {
+.form-error[data-v-cf475228] {
   font-size: 0.875rem;
   line-height: 1.25rem;
   color: #f21b3f;
 }
-.contact-container[data-v-b05afa44] {
+.contact-container[data-v-cf475228] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
-.c-text-padding[data-v-b05afa44] {
+.c-text-padding[data-v-cf475228] {
   padding-left: 1rem;
   padding-right: 1rem;
 }
-.device-wrapper--mobile .c-divided-container[data-v-b05afa44] {
+.device-wrapper--mobile .c-divided-container[data-v-cf475228] {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
 }
-.device-wrapper--mobile .c-divided-container-reverse[data-v-b05afa44] {
+.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) {
-.c-button-full[data-v-b05afa44] {
+.c-button-full[data-v-cf475228] {
     width: 100%;
 }
-.c-col-span-2[data-v-b05afa44] {
+.c-col-span-2[data-v-cf475228] {
     grid-column: span 2 / span 2;
 }
-.c-mobile-padding[data-v-b05afa44] {
+.c-mobile-padding[data-v-cf475228] {
     padding: 1rem;
 }
-.c-text-padding[data-v-b05afa44] {
+.c-text-padding[data-v-cf475228] {
     grid-column: span 2 / span 2;
     padding-left: 0px;
     padding-right: 0px;
 }
-.c-py-6[data-v-b05afa44] {
-    padding-top: 1.5rem;
-    padding-bottom: 1.5rem;
-}
-.c-divided-container[data-v-b05afa44] {
+.c-divided-container[data-v-cf475228] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
 }
-.c-divided-container-reverse[data-v-b05afa44] {
+.c-divided-container-reverse[data-v-cf475228] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: reverse;
         -ms-flex-direction: column-reverse;
@@ -6164,16 +6163,16 @@ select[data-v-14e7c7c7] {
 }
 }
 @media (min-width: 767px) {
-.c-aspect-square[data-v-b05afa44] {
+.c-aspect-square[data-v-cf475228] {
     aspect-ratio: 1 / 1;
 }
-.c-divided-container[data-v-b05afa44] {
+.c-divided-container[data-v-cf475228] {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
 }
-.c-divided-container-reverse[data-v-b05afa44] {
+.c-divided-container-reverse[data-v-cf475228] {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: reverse;
         -ms-flex-direction: row-reverse;
@@ -6226,10 +6225,10 @@ select[data-v-14e7c7c7] {
     text-align: center
 }
 
-.c_banner--with-image-overlay[data-v-c9625b02] {
+.c_banner--with-image-overlay[data-v-3875c37b] {
   min-height: 24rem;
 }
-.c_banner--divided-container[data-v-c9625b02] {
+.c_banner--divided-container[data-v-3875c37b] {
   min-height: 30rem;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
@@ -6237,67 +6236,80 @@ select[data-v-14e7c7c7] {
           flex-direction: row;
   gap: 1rem;
 }
-.device-wrapper--mobile .c_banner--divided-container[data-v-c9625b02] {
+.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;
 }
-.c_banner-container[data-v-c9625b02] {
+.c_banner-container[data-v-3875c37b] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
-.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.
+ */
+.c_banner-stacked-image--full[data-v-3875c37b] {
+  width: calc(100cqw + 3rem);
+  margin-inline: calc(50% - 50cqw - 1.5rem);
+}
+.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;
 }
-.c_banner--divided-container[data-v-c9625b02] .full-square-image {
+.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) {
-.c_banner-container--left-aligned-stacking[data-v-c9625b02] {
+.c_banner-container--left-aligned-stacking[data-v-3875c37b] {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
 }
-.c_banner-container--right-aligned-stacking[data-v-c9625b02] {
+.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;
 }
-.c_banner-button--stacking[data-v-c9625b02] {
+.c_banner-button--stacking[data-v-3875c37b] {
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
 }
 }
 @container (max-width: 640px) {
-.c_banner-container--left-aligned-stacking[data-v-c9625b02] {
+.c_banner-container--left-aligned-stacking[data-v-3875c37b] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
 }
-.c_banner-container--right-aligned-stacking[data-v-c9625b02] {
+.c_banner-container--right-aligned-stacking[data-v-3875c37b] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
 }
-.c_banner-item--stacking[data-v-c9625b02] {
+.c_banner-item--stacking[data-v-3875c37b] {
     width: 100%;
 }
-.c_banner-button--stacking[data-v-c9625b02] {
+.c_banner-button--stacking[data-v-3875c37b] {
     width: 100%;
 }
-.c_banner--divided-container[data-v-c9625b02] {
+.c_banner--divided-container[data-v-3875c37b] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: reverse;
         -ms-flex-direction: column-reverse;
@@ -6459,40 +6471,40 @@ select[data-v-14e7c7c7] {
 }
 }
 
-.c_text-media--items[data-v-6e40b489] {
+.c_text-media--items[data-v-be828f7c] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 2.5rem;
 }
-.c_text-media--item[data-v-6e40b489] {
+.c_text-media--item[data-v-be828f7c] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 1.5rem;
 }
-.c_text-media-container[data-v-6e40b489] {
+.c_text-media-container[data-v-be828f7c] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
-.c_text-media-padding[data-v-6e40b489] {
+.c_text-media-padding[data-v-be828f7c] {
   padding-left: var(--page-padding);
   padding-right: var(--page-padding);
 }
-.c_text-media--shape[data-v-6e40b489] {
+.c_text-media--shape[data-v-be828f7c] {
   width: 25%;
 }
-.device--mobile .c_text-media--items[data-v-6e40b489] {
+.device--mobile .c_text-media--items[data-v-be828f7c] {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
 }
-.device--mobile .c_text-media--alternate[data-v-6e40b489],
-.device--mobile .c_text-media--shape[data-v-6e40b489] {
+.device--mobile .c_text-media--alternate[data-v-be828f7c],
+.device--mobile .c_text-media--shape[data-v-be828f7c] {
   width: 100%;
 }
-.device--mobile .c_text-media--alternate-container[data-v-6e40b489] {
+.device--mobile .c_text-media--alternate-container[data-v-be828f7c] {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
@@ -6500,18 +6512,18 @@ select[data-v-14e7c7c7] {
 }
 .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) {
-.c_text-media--alternate[data-v-6e40b489],
-  .c_text-media--shape[data-v-6e40b489] {
+.c_text-media--alternate[data-v-be828f7c],
+  .c_text-media--shape[data-v-be828f7c] {
     width: 100%;
 }
-.c_text-media--alternate-container[data-v-6e40b489] {
+.c_text-media--alternate-container[data-v-be828f7c] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
@@ -6520,7 +6532,7 @@ select[data-v-14e7c7c7] {
 }
 @media (min-width: 767px) {
 @media (min-width: 768px) {
-.c_text-media--items_direction .c_text-media--item[data-v-6e40b489]:nth-child(even) {
+.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;
@@ -6837,7 +6849,7 @@ select[data-v-14e7c7c7] {
 }
 }
 
-.c_banner-container[data-v-bcef9bd4] {
+.c_banner-container[data-v-ac0ea8f4] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }