@charset "utf-8";

.carousel { --carousel-slide-button-height: 40px; --carousel-slide-button-width: var(--carousel-slide-button-height); --carousel-slide-button-height-desktop: 40px; --carousel-slide-button-width-desktop: var(--carousel-slide-button-height-desktop); --carousel-nav-background: #242424; --carousel-nav-background-dark: #e6e6e6; --carousel-nav-button-background-hover: #d5d5d5; --carousel-nav-button-background-active-focus: #b1b1b1; --carousel-nav-button-background-focus: #147af3; --carousel-nav-button-hover-background-dark: #2f2f2f; --carousel-nav-button-active-background-dark: #373737; --carousel-focus-color: #109cde; --carousel-indicator-background-color: #b1b1b1; --carousel-dark-indicator-background-color: #848484; --carousel-expand-background-color: rgb(255 255 255 / 75%); --carousel-expand-border-color: rgb(116 116 116 / 30%); --s-rounded-corners: 4px; --m-rounded-corners: 8px; --l-rounded-corners: 16px; --full-rounded-corners: 50%; --indicator-multiplier: 0; --grid-container-view: 83.4vw; position: relative; margin-bottom: 1.8rem; display: flex; flex-flow: column; }

.carousel .is-delayed { visibility: hidden; }

.carousel .carousel-wrapper { position: relative; overflow: hidden; }

.carousel .carousel-expand img { background-color: var(--carousel-expand-background-color); box-sizing: content-box; border: 1px solid var(--carousel-expand-border-color); border-radius: 4px; padding: 2px 1px 2px 3px; width: 20px; }

.carousel .carousel-button-container { position: relative; display: flex; align-items: center; align-self: center; justify-content: space-between; background: var(--carousel-nav-background); border-radius: 25px; padding: 4px; order: 3; width: max-content; min-width: 114px; gap: 8px; }

.carousel.no-buttons .carousel-button-container { min-width: auto; }

.carousel .carousel-button-container button { position: relative; padding: 0px; }

.dark .carousel .carousel-button-container, .carousel.dark .carousel-button-container { background: var(--carousel-nav-background-dark); }

.carousel .carousel-previous, .carousel .carousel-next { background-color: var(--carousel-nav-background-dark); border-radius: 100%; border: 2px solid transparent; display: flex; align-items: center; justify-content: center; cursor: pointer; outline: 0px; height: var(--carousel-slide-button-height); width: var(--carousel-slide-button-width); transition: background 0.3s, outline-color 0.3s, border-color 0.3s; z-index: 2; }

.carousel .carousel-previous { order: 1; }

.carousel .carousel-next { order: 3; }

.carousel.no-buttons .carousel-button { display: none; }

.carousel .carousel-previous:hover, .carousel .carousel-next:hover { background-color: var(--carousel-nav-button-background-hover); }

.carousel .carousel-previous:active, .carousel .carousel-next:active { background-color: var(--carousel-nav-button-background-active-focus); }

.carousel .carousel-previous:focus, .carousel .carousel-next:focus { outline: 2px solid var(--carousel-nav-button-background-focus); border-color: var(--color-white); background-color: var(--carousel-nav-button-background-active-focus); }

.dark .carousel .carousel-previous, .dark .carousel .carousel-next, .carousel.dark .carousel-previous, .carousel.dark .carousel-next { background-color: var(--carousel-nav-background); }

.carousel .carousel-previous path, .carousel .carousel-next path { fill: var(--carousel-nav-background); }

.dark .carousel .carousel-previous path, .dark .carousel .carousel-next path, .carousel.dark .carousel-previous path, .carousel.dark .carousel-next path { fill: var(--color-white); }

.carousel .carousel-previous svg { margin-right: 2px; transform: rotate(180deg); }

html[dir="rtl"] .carousel .carousel-next, html[dir="rtl"] .carousel .carousel-previous { transform: rotate(180deg); }

.carousel-slides { display: flex; align-items: start; left: -100%; position: relative; transform: translateX(100%); transform-style: preserve-3d; margin-bottom: 1rem; scroll-snap-type: x mandatory; will-change: transform; }

.carousel.container.align-height .carousel-slides, .carousel.container.disable-buttons .carousel-slides { align-items: stretch; }

html[dir="rtl"] .carousel-slides { flex-direction: row-reverse; }

.carousel-slides.is-reversing { transform: translateX(-100%); }

.carousel-slide { flex: 1 0 100%; order: 1; transition: opacity 0.5s ease-in-out; }

html[dir="rtl"] .carousel-slides .section.carousel-slide { direction: rtl; }

.carousel.none .carousel-slide { opacity: 1; transition: opacity; }

.carousel-slide.reference-slide { order: 1; }

.carousel-slide.active, .carousel.fade .carousel-slide.active { opacity: 1; }

.carousel-slides.is-ready, .carousel-slides.is-ready.is-reversing, .carousel[class*="show-"] .carousel-slides.is-ready, .carousel[class*="show-"] .carousel-slides.is-ready.is-reversing { transform: none; transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1); }

.carousel.none .carousel-slides.is-ready, .carousel.none .carousel-slides.is-ready.is-reversing, .carousel.fade .carousel-slides.is-ready, .carousel.fade .carousel-slides.is-ready.is-reversing { transition: transform; }

.carousel .carousel-controls { display: flex; position: relative; max-width: 88px; overflow: hidden; order: 2; justify-content: inherit; }

.carousel.no-buttons .carousel-controls { padding: 0 var(--spacing-xxs); }

.carousel .carousel-indicators { list-style: none; display: inline-flex; align-items: center; justify-content: center; flex: 0 1 auto; margin: 0px; padding: 2px 0px; gap: var(--spacing-xxs); transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1); }

.carousel .move-indicators { transform: translateX(calc((16px * var(--indicator-multiplier)) * -1)); }

html[dir="rtl"] .carousel .move-indicators { transform: translateX(calc((16px * var(--indicator-multiplier)) * 1)); }

.carousel .carousel-indicator { font-size: 0px; position: relative; display: flex; align-items: center; justify-content: center; flex: 0 1 auto; height: 8px; width: 8px; }

.carousel .carousel-indicator::after { content: ""; background-color: var(--carousel-indicator-background-color); border-radius: 50%; height: 6px; width: 6px; transition: height 1s cubic-bezier(0.23, 1, 0.32, 1), background 1.2s cubic-bezier(0.23, 1, 0.32, 1); }

.dark .carousel .carousel-indicator::after, .carousel.dark .carousel-indicator::after { background-color: var(--carousel-dark-indicator-background-color); }

.carousel .carousel-indicator.active::after { content: ""; background-color: var(--color-white); height: inherit; width: inherit; }

.dark .carousel .carousel-indicator.active::after, .carousel.dark .carousel-indicator.active::after { background-color: var(--carousel-nav-background); }

.carousel.lightbox-active { position: fixed; top: 0px; left: 0px; z-index: 104; align-items: center; height: 100%; display: flex; justify-content: center; width: 100%; overflow: hidden auto; }

.carousel.lightbox-active .carousel-wrapper { overflow: hidden; display: flex; align-items: center; justify-content: center; width: 100%; }

.carousel.lightbox-active.container .carousel-wrapper { width: 90%; }

.carousel-curtain { content: ""; backdrop-filter: blur(0.25em); background: rgba(255, 255, 255, 0.9); width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: -1; }

.dark .carousel-curtain { background: rgba(0, 0, 0, 0.9); }

.carousel.lightbox-active .carousel-slides { width: 100%; }

.carousel.lightbox .lightbox-button { background-color: transparent; border: none; border-radius: 4px; cursor: pointer; position: absolute; top: 5px; right: 5px; padding: 3px 2px 0px 4px; width: 44px; height: 44px; }

.dark .carousel .carousel-previous:hover, .dark .carousel .carousel-next:hover, .carousel.dark .carousel-previous:hover, .carousel.dark .carousel-next:hover { background-color: var(--carousel-nav-button-hover-background-dark); }

.dark .carousel .carousel-previous:active, .dark .carousel .carousel-next:active, .carousel.dark .carousel-previous:active, .carousel.dark .carousel-next:active, .dark .carousel .carousel-previous:focus, .dark .carousel .carousel-next:focus, .carousel.dark .carousel-previous:focus, .carousel.dark .carousel-next:focus { background-color: var(--carousel-nav-button-active-background-dark); }

.carousel .carousel-expand, .carousel .carousel-close, .carousel.lightbox .carousel-close { display: none; }

.carousel.lightbox .carousel-expand, .carousel.lightbox-active .carousel-close { display: block; }

.carousel.lightbox .carousel-expand:focus-visible { outline: none; }

.carousel.lightbox .lightbox-button img { transition: background 0.2s; }

.carousel.lightbox .lightbox-button:hover img { background-color: rgba(255, 255, 255, 0.95); }

.carousel.lightbox .carousel-expand:focus-visible > img { border-radius: 4px; border: 2px solid var(--carousel-focus-color); padding: 3px; }

.carousel.lightbox.lightbox-active .carousel-expand { display: none; }

.carousel.lightbox .carousel-close { background-color: transparent; border: none; }

.carousel.lightbox .carousel-close:focus-visible { outline: none; }

.carousel.lightbox .carousel-close:focus-visible > svg { border-radius: 50%; border: 2px solid var(--carousel-focus-color); padding: 3px; }

.carousel.lightbox.lightbox-active .lightbox-button { position: fixed; }

.carousel.lightbox .carousel-close:hover { background-color: transparent; }

.carousel .carousel-slide.has-background { position: relative; }

.carousel[class*="show-"] .carousel-slide .foreground { width: auto; }

.carousel.container .carousel-slide .foreground:not(.icon-block .foreground) { max-width: unset; margin: unset; }

.carousel.container.align-height .carousel-slide div:not(.editorial-card) .foreground:not(.icon-block .foreground) { height: 100%; }

.carousel.container.align-height .carousel-slide > div:not(.media) .foreground > div { height: 100%; display: flex; flex-direction: column; }

.carousel.container.align-height .foreground > div:not(.brick-text) > :not(.cta-container) { margin-top: 0px; }

.carousel.container.align-height .cta-container { margin-top: auto; }

.carousel.container .carousel-slide .container { width: unset; }

.carousel:is(.rounded-corners, .m-rounded-corners) .carousel-slide, .carousel:is(.rounded-corners, .m-rounded-corners) .carousel-slide > div :is(p > picture img, p > video, p > .milo-video, p > .video-holder video) { border-radius: var(--m-rounded-corners); }

.carousel[class*="rounded-corners"] .carousel-slide, .carousel[class*="rounded-corners"] .carousel-slide > div :is(p > video, p > .milo-video, p > .video-holder video) { overflow: hidden; }

.carousel.s-rounded-corners .carousel-slide, .carousel.s-rounded-corners .carousel-slide > div :is(p > picture img, p > video, p > .milo-video, p > .video-holder video) { border-radius: var(--s-rounded-corners); }

.carousel.l-rounded-corners .carousel-slide, .carousel.l-rounded-corners .carousel-slide > div :is(p > picture img, p > video, p > .milo-video, p > .video-holder video) { border-radius: var(--l-rounded-corners); }

.carousel.full-rounded-corners .carousel-slide, .carousel.full-rounded-corners .carousel-slide > div :is(p > picture img, p > video, p > .milo-video, p > .video-holder video) { border-radius: var(--full-rounded-corners); }

.carousel.video-fill .carousel-slide > div p :is(.video-holder, video), .carousel .carousel-slide.video-fill > div p :is(.video-holder, video) { width: 100%; height: auto; }

.carousel[class*="rounded-corners"] .carousel-slide > div :is(p):has(> video, > picture, > .milo-video, > .modal-img-link, > .video-holder) { margin-top: 0px; margin-bottom: 0px; line-height: 0; }

.carousel.container .carousel-slide.section.xs-spacing, .carousel.container .carousel-slide.section.s-spacing, .carousel.container .carousel-slide.section.m-spacing, .carousel.container .carousel-slide.section.l-spacing, .carousel.container .carousel-slide.section.xl-spacing, .carousel.container .carousel-slide.section.xxl-spacing, .carousel.container .carousel-slide.section.xxxl-spacing { padding: 0px; }

.carousel.container .carousel-slide.xs-spacing > div, .carousel.container .carousel-slide .xs-spacing { padding: var(--spacing-xs); }

.carousel.container .carousel-slide.s-spacing > div, .carousel.container .carousel-slide .s-spacing { padding: var(--spacing-s); }

.carousel.container .carousel-slide.m-spacing > div, .carousel.container .carousel-slide .m-spacing { padding: var(--spacing-m); }

.carousel.container .carousel-slide.l-spacing > div, .carousel.container .carousel-slide .l-spacing { padding: var(--spacing-l); }

.carousel.container .carousel-slide.xl-spacing > div, .carousel.container .carousel-slide .xl-spacing { padding: var(--spacing-xl); }

.carousel.container .carousel-slide.xxl-spacing > div, .carousel.container .carousel-slide .xxl-spacing { padding: var(--spacing-xxl); }

.carousel.container .carousel-slide.xxxl-spacing > div, .carousel.container .carousel-slide .xxxl-spacing { padding: var(--spacing-xxxl); }

.carousel.container.align-height .carousel-slide.xs-spacing > div, .carousel.container.align-height .carousel-slide .xs-spacing { height: calc(100% - 2*var(--spacing-xs)); }

.carousel.container.align-height .carousel-slide.s-spacing > div, .carousel.container.align-height .carousel-slide .s-spacing { height: calc(100% - 2*var(--spacing-s)); }

.carousel.container.align-height .carousel-slide.m-spacing > div, .carousel.container.align-height .carousel-slide .m-spacing { height: calc(100% - 2*var(--spacing-m)); }

.carousel.container.align-height .carousel-slide.l-spacing > div, .carousel.container.align-height .carousel-slide .l-spacing { height: calc(100% - 2*var(--spacing-l)); }

.carousel.container.align-height .carousel-slide.xl-spacing > div, .carousel.container.align-height .carousel-slide .xl-spacing { height: calc(100% - 2*var(--spacing-xl)); }

.carousel.container.align-height .carousel-slide.xxl-spacing > div, .carousel.container.align-height .carousel-slide .xxl-spacing { height: calc(100% - 2*var(--spacing-xxl)); }

.carousel.container.align-height .carousel-slide.xxxl-spacing > div, .carousel.container.align-height .carousel-slide .xxxl-spacing { height: calc(100% - 2*var(--spacing-xxxl)); }

.carousel.fade .carousel-slide { opacity: 0.3; }

@media (max-width: 899px) {
  .carousel.container.hinting-mobile, .carousel.container.hinting-center-mobile { width: 100%; }
  .carousel.hinting-mobile .carousel-wrapper { margin-left: 2rem; }
  .carousel.hinting-mobile .carousel-previous, .carousel.hinting-mobile .carousel-next, .carousel.hinting-center-mobile .carousel-previous, .carousel.hinting-center-mobile .carousel-next { height: var(--carousel-slide-button-height-desktop); width: var(--carousel-slide-button-width-desktop); }
  .carousel[class*="hinting"] .carousel-slides { gap: var(--spacing-xs); }
  .carousel.hinting-mobile .carousel-slides { left: -80%; transform: translateX(80%); }
  .carousel.hinting-mobile .carousel-slides.is-reversing { transform: translateX(-80%); }
  .carousel.hinting-mobile .carousel-slide { flex-basis: 80%; min-width: 276px; }
  .carousel.hinting-center-mobile .carousel-slides { left: -65%; transform: translateX(65%); }
  .carousel.hinting-center-mobile .carousel-slide { flex-basis: 75%; min-width: 276px; }
  .carousel.hinting-center-mobile .carousel-slides.is-reversing { transform: translateX(-75%); }
  .carousel.hinting-mobile .carousel-slides.is-ready, .carousel.hinting-mobile .carousel-slides.is-ready.is-reversing { transform: translateX(calc((var(--spacing-xs) - 1px) * -1)); }
  .carousel.hinting-center-mobile .carousel-slides.is-ready, .carousel.hinting-center-mobile .carousel-slides.is-ready.is-reversing { transform: translateX(calc(-0.3rem)); }
  .carousel.dark.disable-buttons .carousel-button.disabled:hover, .carousel.dark.disable-buttons .carousel-button.disabled:active, .dark .carousel.disable-buttons .carousel-button.disabled:hover, .dark .carousel.disable-buttons .carousel-button.disabled:active, .carousel.disable-buttons .carousel-button.disabled:hover, .carousel.disable-buttons .carousel-button.disabled:active, .carousel.dark.disable-buttons .carousel-button.disabled, .dark .carousel.disable-buttons .carousel-button.disabled, .carousel.disable-buttons .carousel-button.disabled { background-color: var(--carousel-nav-background-dark); }
  .dark .carousel.disable-buttons .carousel-button.disabled path, .carousel.dark.disable-buttons .carousel-button.disabled path, .carousel.disable-buttons .carousel-button.disabled path { fill: var(--carousel-nav-button-background-active-focus); }
  .carousel.disable-buttons .carousel-slides { align-items: center; }
  .carousel.disable-buttons.hinting-mobile .carousel-slides { left: calc(-91.7vw); transform: translateX(calc(91.7vw)); align-items: center; }
  .carousel.disable-buttons.hinting-mobile .carousel-wrapper { margin-left: calc(8.3vw); }
  .carousel.disable-buttons.hinting-mobile .carousel-slide { min-width: 83.4vw; }
  .carousel.disable-buttons.hinting-mobile .carousel-slides.is-ready, .carousel.disable-buttons.hinting-mobile .carousel-slides.is-ready.is-reversing { transform: translateX(calc(-16px + 8.3vw)); }
  .carousel.disable-buttons.hinting-mobile .carousel-slides.is-reversing { transform: translateX(calc(-91.7vw)); }
  .carousel.disable-buttons.hinting-center-mobile .carousel-slides { left: -83.4vw; transform: translateX(83.4vw); align-items: center; }
  .carousel.disable-buttons.hinting-center-mobile .carousel-slide { min-width: 83.4vw; }
  .carousel.disable-buttons.hinting-center-mobile .carousel-slides.is-reversing { transform: translateX(-83.4vw); }
  .carousel.disable-buttons.hinting-center-mobile .carousel-slides.is-ready, .carousel.disable-buttons.hinting-center-mobile .carousel-slides.is-ready.is-reversing { transform: translateX(calc(-16px + 8.3vw)); }
  .carousel.disable-buttons .carousel-slide.hide-left-hint { visibility: hidden !important; }
}

@media (min-width: 900px) {
  .carousel.lightbox-active.container .carousel-wrapper { width: 80.3333%; }
  .carousel.lightbox-active .carousel.slides { max-width: initial; }
  .carousel .carousel-previous, .carousel .carousel-next { height: var(--carousel-slide-button-height-desktop); width: var(--carousel-slide-button-width-desktop); }
  .carousel-slides { align-items: center; left: -100%; transform: translateX(100%); }
  .carousel-slides.is-reversing { transform: translateX(-100%); }
  .carousel-slide { flex-basis: 100%; }
  .carousel[class*="show-"] .carousel-slide { opacity: 1; }
  .carousel.show-2 .carousel-slides { left: -50%; transform: translateX(50%); }
  .carousel.show-2 .carousel-slides.is-reversing { transform: translateX(-50%); }
  .carousel.show-2 .carousel-slide { flex-basis: 50%; }
  .carousel.show-3 .carousel-slides { left: -33.3333%; transform: translateX(33.3333%); }
  .carousel.show-3 .carousel-slides.is-reversing { transform: translateX(-33.3333%); }
  .carousel.show-3 .carousel-slide { flex-basis: 33.3333%; }
  .carousel.show-4 .carousel-slides { left: -25%; transform: translateX(25%); }
  .carousel.show-4 .carousel-slides.is-reversing { transform: translateX(-25%); }
  .carousel.show-4 .carousel-slide { flex-basis: 25%; }
  .carousel.show-5 .carousel-slides { left: -20%; transform: translateX(20%); }
  .carousel.show-5 .carousel-slides.is-reversing { transform: translateX(-20%); }
  .carousel.show-5 .carousel-slide { flex-basis: 20%; }
  .carousel.show-6 .carousel-slides { left: -16.6667%; transform: translateX(16.6667%); }
  .carousel.show-6 .carousel-slides.is-reversing { transform: translateX(-16.6667%); }
  .carousel.show-6 .carousel-slide { flex-basis: 16.6667%; }
  .carousel.show-2.m-gap .carousel-slide { --slides: 2; }
  .carousel.show-3.m-gap .carousel-slide { --slides: 3; }
  .carousel.show-4.m-gap .carousel-slide { --slides: 4; }
  .carousel.show-5.m-gap .carousel-slide { --slides: 5; }
  .carousel.show-6.m-gap .carousel-slide { --slides: 6; }
  .carousel[class*="show-"].m-gap .carousel-slide { flex-basis: calc((100% / var(--slides)) - round(up, (((var(--slides) - 1) / var(--slides)) * var(--spacing-m)), 1px)); }
  .carousel[class*="show-"] .carousel-controls { display: none; }
  .carousel.m-gap .carousel-slides { gap: var(--spacing-m); }
  .carousel.m-gap .carousel-slides.is-ready, .carousel.m-gap .carousel-slides.is-ready.is-reversing { transform: translateX(calc(var(--spacing-m) * -1)); }
  .carousel.show-2.m-gap .carousel-slides.is-ready, .carousel.show-2.m-gap .carousel-slides.is-ready.is-reversing { --slides: 2; }
  .carousel.show-3.m-gap .carousel-slides.is-ready, .carousel.show-3.m-gap .carousel-slides.is-ready.is-reversing { --slides: 3; }
  .carousel.show-4.m-gap .carousel-slides.is-ready, .carousel.show-4.m-gap .carousel-slides.is-ready.is-reversing { --slides: 4; }
  .carousel.show-5.m-gap .carousel-slides.is-ready, .carousel.show-5.m-gap .carousel-slides.is-ready.is-reversing { --slides: 5; }
  .carousel.show-6.m-gap .carousel-slides.is-ready, .carousel.show-6.m-gap .carousel-slides.is-ready.is-reversing { --slides: 6; }
  .carousel[class*="show-"].m-gap .carousel-slides.is-ready, .carousel[class*="show-"].m-gap .carousel-slides.is-ready.is-reversing { --offset: calc(round(up, (((var(--slides) - 1) / var(--slides)) * var(--spacing-m)), 1px)); transform: translateX(calc(round(down, (var(--offset) / (var(--slides) - 1)), 2px) * -1)); }
  .carousel[class*="show-"].ups-desktop:has(.editorial-card) .carousel-slides.is-ready { flex-wrap: wrap; align-items: stretch; transform: none; left: initial; transform-style: initial; scroll-snap-type: none; will-change: unset; }
  .carousel[class*="show-"].ups-desktop:has(.editorial-card) .carousel-slide { flex-grow: unset; }
  .carousel[class*="show-"].ups-desktop:has(.editorial-card) .carousel-button-container, .carousel[class*="show-"].ups-desktop:has(.editorial-card).lightbox .carousel-expand { display: none; }
}

.carousel .aria-live-container { position: absolute; width: 0px; height: 0px; overflow: hidden; }

:root:has(meta[name="theme"][content="max25"]) {
  @media (min-width: 900px) {
  & .carousel.show-2.ups-desktop.m-gap .carousel-slides { gap: 44px var(--spacing-s); }
}
}