.gallery-banner{position:relative;width:100%;max-width:100%;aspect-ratio:1512 / 822;overflow:hidden;background:#111;--gallery-text-color: #ffeedb;--gallery-duration: .6s}.gallery-banner--height-fixed{height:var(--gallery-height-desktop, 822px);aspect-ratio:auto}.gallery-banner__anchor{position:absolute;width:0;height:0;overflow:hidden}.gallery-banner__viewport{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none}.gallery-banner.is-single .gallery-banner__viewport,.gallery-banner.is-locked .gallery-banner__viewport{cursor:default}.gallery-banner.is-dragging .gallery-banner__viewport{cursor:grabbing}.gallery-banner__track{position:relative;display:flex;flex-wrap:nowrap;height:100%;will-change:transform}.gallery-banner__slide{position:relative;flex:0 0 auto;height:100%;overflow:hidden;background:#111;box-sizing:border-box}.gallery-banner__slide--full{width:100%;flex-basis:100%}.gallery-banner__slide--half{width:50%;flex-basis:50%}.gallery-banner__media,.gallery-banner__picture{position:absolute;top:0;right:0;bottom:0;left:0;display:block;pointer-events:none}.gallery-banner__image,.gallery-banner__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.gallery-banner__video{z-index:1}.gallery-banner__fallback--mobile,.gallery-banner__video--mobile{display:none}.gallery-banner__video--mobile.gallery-banner__video--fallback{display:block}.gallery-banner__video.is-failed{display:none}.gallery-banner__media.is-playing .gallery-banner__fallback{visibility:hidden}.gallery-banner__copy{position:absolute;bottom:60px;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:24px;max-width:450px;pointer-events:none;color:var(--gallery-text-color)}.gallery-banner__text{display:flex;flex-direction:column;align-items:inherit;gap:12px;max-width:424px}.gallery-banner__title{margin:0;max-width:424px;color:var(--gallery-text-color)}.gallery-banner__description{margin:0;max-width:424px;color:var(--gallery-text-color);font-family:var(--font-body-family);font-size:16px;font-weight:400;line-height:1.4}.gallery-banner__description p{margin:0}.gallery-banner__description a{color:inherit}.gallery-banner--copy-bottom-center .gallery-banner__copy{left:50%;right:auto;bottom:60px;top:auto;transform:translate(-50%);align-items:center;text-align:center}.gallery-banner--copy-top-left .gallery-banner__copy{top:60px;bottom:auto}.gallery-banner--copy-center-left .gallery-banner__copy{top:50%;bottom:auto;transform:translateY(-50%)}.gallery-banner__button.button{position:relative;z-index:1;pointer-events:auto;min-width:0;border-radius:16px;background-color:#ffeedb;color:#8e001c;font-family:var(--font-body-family);font-size:14px;font-weight:600;line-height:1.2;letter-spacing:.28px;box-shadow:none}.gallery-banner__button.button:before,.gallery-banner__button.button:after{content:none}.gallery-banner__button.button:focus{box-shadow:none}.gallery-banner__controls{position:absolute;right:0;bottom:60px;z-index:1;display:flex;align-items:center;gap:24px}.gallery-banner.is-single .gallery-banner__controls,.gallery-banner.is-locked .gallery-banner__controls{display:none}.gallery-banner__thumbs{display:flex;align-items:center;gap:4px;width:max-content;max-width:268px;padding:4px;border-radius:12px;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow-x:auto;scrollbar-width:none}.gallery-banner__thumbs::-webkit-scrollbar{display:none}.gallery-banner__thumb{flex:0 0 40px;width:40px;height:40px;padding:0;border:2px solid transparent;border-radius:8px;background:#fff;opacity:.4;overflow:hidden;cursor:pointer;box-sizing:border-box}.gallery-banner__thumb.is-active{opacity:1;border-color:#fcf6ee}.gallery-banner__thumb img{width:100%;height:100%;object-fit:cover;display:block;border-radius:6px;pointer-events:none}.gallery-banner__arrows{display:flex;align-items:center;gap:8px}.gallery-banner__arrow{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:99px;background:#fcf6ee;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer}.gallery-banner__arrow-icon{display:flex;width:16px;height:16px}.gallery-banner__arrow-icon svg{width:16px;height:16px}.gallery-banner__arrow--next .gallery-banner__arrow-icon{transform:rotate(180deg)}.gallery-banner__arrow:disabled,.gallery-banner__arrow.is-disabled{opacity:.35;cursor:default;pointer-events:none}.gallery-banner__arrow:focus-visible,.gallery-banner__thumb:focus-visible,.gallery-banner__button:focus-visible{outline:2px solid #ffeedb;outline-offset:2px}@media screen and (max-width:749px){.gallery-banner__button.button{width:100%}.gallery-banner--height-adapt{aspect-ratio:var(--gallery-aspect-mobile, 1512 / 822)}.gallery-banner--height-fixed{height:var(--gallery-height-mobile, 560px)}.gallery-banner__viewport{cursor:default;touch-action:pan-y}.gallery-banner__slide:not(:first-child){display:none!important}.gallery-banner__track{position:absolute;top:0;right:0;bottom:0;left:0;height:auto;transform:none!important}.gallery-banner__slide:first-child{position:absolute;top:0;right:0;bottom:0;left:0;width:auto!important;height:auto!important;flex-basis:auto!important;margin-right:0!important}.gallery-banner__video,.gallery-banner__image{width:100%;height:100%;object-fit:cover}.gallery-banner__fallback--mobile,.gallery-banner__video--mobile{display:block}.gallery-banner__media:has(.gallery-banner__fallback--mobile) .gallery-banner__fallback--desktop,.gallery-banner__video--desktop:not(.gallery-banner__video--fallback){display:none}.gallery-banner__copy{bottom:40px;top:auto;max-width:none;transform:none}.gallery-banner--copy-bottom-center .gallery-banner__copy{left:20px;right:20px;align-items:center;text-align:center;transform:none}.gallery-banner--copy-top-left .gallery-banner__copy{top:20px;bottom:auto}.gallery-banner--copy-center-left .gallery-banner__copy{top:50%;bottom:auto;transform:translateY(-50%)}.gallery-banner__text,.gallery-banner__title,.gallery-banner__description{max-width:none}.gallery-banner__description{font-size:14px}.gallery-banner__controls{display:none!important}}@media(prefers-reduced-motion:reduce){.gallery-banner__track,.gallery-banner__slide{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/226/assets/section-gallery-banner.css.map */