.ub-banner-cell{min-width:0}.ub-banner-slides{display:block;position:relative;width:100%;height:100%;overflow:hidden;border-radius:inherit}.ub-banner-slides__viewport{position:relative;display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:auto}.ub-banner-slides__viewport::-webkit-scrollbar{display:none}.ub-banner-slides__viewport:focus-visible{outline:2px solid #172126;outline-offset:-4px;box-shadow:inset 0 0 0 6px #fff}.ub-banner-slides__slide{--ub-banner-overlay-rgb: 11 19 23;--ub-banner-copy: #fff;--ub-banner-button: #fff;--ub-banner-button-text: #172126;--ub-banner-button-hover: #edf0f1;position:relative;isolation:isolate;flex:0 0 100%;width:100%;height:100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}.ub-banner-slides__slide--light{--ub-banner-overlay-rgb: 250 252 253;--ub-banner-copy: #172126;--ub-banner-button: #172126;--ub-banner-button-text: #fff;--ub-banner-button-hover: #303a40}.ub-banner-slides__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.ub-banner-slides__link,.ub-banner-slides__picture,.ub-banner-slides__image{display:block;width:100%;height:100%}.ub-banner-slides__image{object-fit:cover;object-position:center}.ub-banner-slides__link:focus-visible{outline:2px solid #fff;outline-offset:-5px}.ub-banner-slides__slide--caption:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(0deg,rgb(var(--ub-banner-overlay-rgb) / var(--ub-banner-overlay-opacity)) 0%,rgb(var(--ub-banner-overlay-rgb) / calc(var(--ub-banner-overlay-opacity) * .86)) 22%,rgb(var(--ub-banner-overlay-rgb) / calc(var(--ub-banner-overlay-opacity) * .15)) 74%,transparent 100%);pointer-events:none;content:""}.ub-banner-slides__content{position:absolute;z-index:2;left:0;bottom:0;display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%;padding:22px;color:var(--ub-banner-copy);pointer-events:none}.ub-banner-slides .ub-banner-slides__heading{margin:0;color:var(--ub-banner-copy);font-size:clamp(21px,1.75vw,28px);font-weight:650;line-height:1.13;letter-spacing:-.025em;overflow-wrap:normal;word-break:normal;text-shadow:0 1px 3px rgb(0 0 0 / .16)}.ub-banner-slides .ub-banner-slides__text{margin:0;color:var(--ub-banner-copy);font-size:15px;line-height:1.4;text-shadow:0 1px 3px rgb(0 0 0 / .16)}.ub-banner-slides__slide--light .ub-banner-slides__heading,.ub-banner-slides__slide--light .ub-banner-slides__text{text-shadow:none}.ub-banner-slides__content>custom-button{max-width:100%;pointer-events:auto}.ub-banner-slides .ub-banner-slides__button{display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:42px;height:auto;max-width:100%;padding:11px 19px;border:1px solid transparent;border-radius:999px;background:var(--ub-banner-button)!important;color:var(--ub-banner-button-text)!important;font-size:14px;font-weight:600;line-height:1.2;text-align:center;white-space:normal;word-break:normal;text-decoration:none;text-shadow:none!important;box-shadow:0 2px 8px #00000014;transition:background-color .18s ease,box-shadow .18s ease}.ub-banner-slides .ub-banner-slides__button .button-text{color:inherit!important;text-shadow:none!important}.ub-banner-slides .ub-banner-slides__button:before,.ub-banner-slides .ub-banner-slides__button:after{display:none!important}.ub-banner-slides .ub-banner-slides__button:hover{background:var(--ub-banner-button-hover)!important;box-shadow:0 3px 12px #00000024}.ub-banner-slides .ub-banner-slides__button:focus-visible{outline:2px solid var(--ub-banner-copy);outline-offset:4px}.ub-banner-slides__controls{position:absolute;z-index:3;top:8px;right:8px;display:flex;align-items:center;gap:3px;min-height:32px;padding:2px 5px;border:1px solid rgb(23 33 38 / .1);border-radius:999px;background:#fffffff0;box-shadow:0 2px 8px #1c30411a}.ub-banner-slides__arrow,.ub-banner-slides__dot{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;margin:0;border:0;color:#253238;background:transparent;cursor:pointer;border-radius:50%}.ub-banner-slides__arrow{width:36px;height:36px;padding:9px}.ub-banner-slides__arrow--previous{transform:rotate(180deg)}.ub-banner-slides__arrow:disabled{opacity:.35;cursor:default}.ub-banner-slides__dots{display:flex;align-items:center;gap:3px}.ub-banner-slides__dot{width:28px;height:28px;padding:5px}.ub-banner-slides__dot:before{width:7px;height:7px;border:1px solid currentColor;border-radius:50%;background:transparent;content:""}.ub-banner-slides__dot.is-active:before{background:currentColor}.ub-banner-cell:not(.ub-banner-cell--lead) .ub-banner-slides__arrow{display:none}.ub-banner-slides__arrow:focus-visible,.ub-banner-slides__dot:focus-visible{outline:2px solid currentColor;outline-offset:1px}.ub-banner-slides__status,.ub-banner-mosaic__title{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.ub-banner-slides--placeholder{min-height:200px}@media screen and (min-width:768px){.ub-banner-mosaic-mobile .promotion-grid__wrapper>div{grid-auto-rows:var(--ub-banner-row-height)}.ub-banner-mosaic-mobile .ub-banner-cell{min-height:0}.ub-banner-cell--cols-3 .ub-banner-slides__slide--caption:after,.ub-banner-cell--cols-2 .ub-banner-slides__slide--caption:after{background:linear-gradient(90deg,rgb(var(--ub-banner-overlay-rgb) / var(--ub-banner-overlay-opacity)) 0%,rgb(var(--ub-banner-overlay-rgb) / calc(var(--ub-banner-overlay-opacity) * .92)) 25%,rgb(var(--ub-banner-overlay-rgb) / calc(var(--ub-banner-overlay-opacity) * .32)) 60%,transparent 100%)}.ub-banner-cell--cols-3 .ub-banner-slides__content{top:0;bottom:0;justify-content:center;width:53%;max-width:530px;padding:clamp(24px,3vw,46px);gap:16px}.ub-banner-cell--cols-3 .ub-banner-slides__heading{font-size:clamp(30px,2.6vw,42px)}.ub-banner-cell--cols-3 .ub-banner-slides__text{font-size:16px;line-height:1.45}.ub-banner-cell--cols-3 .ub-banner-slides__button{min-height:46px;padding:12px 22px;font-size:15px}.ub-banner-cell--cols-2 .ub-banner-slides__content{top:0;bottom:0;justify-content:center;width:62%;max-width:460px;padding:22px}.ub-banner-cell--cols-2 .ub-banner-slides__heading{font-size:clamp(22px,1.6vw,26px)}.ub-banner-cell--cols-1.ub-banner-cell--rows-1 .ub-banner-slides__content{padding:18px;gap:9px}.ub-banner-cell--cols-1.ub-banner-cell--rows-1 .ub-banner-slides__heading{font-size:20px}}@media screen and (min-width:768px)and (max-width:1023px){.ub-banner-cell--cols-3 .ub-banner-slides__content{width:68%}.ub-banner-cell--cols-2 .ub-banner-slides__content{width:100%;padding:18px}.ub-banner-cell--cols-2 .ub-banner-slides__slide--caption:after{background:rgb(var(--ub-banner-overlay-rgb) / var(--ub-banner-overlay-opacity))}.ub-banner-cell--cols-1 .ub-banner-slides__content{padding:14px}.ub-banner-cell--cols-1 .ub-banner-slides__heading{font-size:20px}.ub-banner-slides .ub-banner-slides__button{padding:10px 14px;font-size:13px}}@media screen and (max-width:767px){.ub-banner-mosaic-mobile .promotion-grid__wrapper>div{display:grid!important;grid-template-columns:minmax(0,1fr)!important}.ub-banner-mosaic-mobile .ub-banner-cell{grid-column:1 / -1!important;grid-row:auto!important;height:clamp(270px,65vw,360px)!important;min-height:0!important}.ub-banner-mosaic-mobile .ub-banner-cell--lead{height:clamp(350px,85vw,440px)!important}.ub-banner-slides__content{padding:22px;gap:10px}.ub-banner-slides .ub-banner-slides__heading{font-size:25px}.ub-banner-slides .ub-banner-slides__text{font-size:14px;line-height:1.4}.ub-banner-cell--lead .ub-banner-slides__heading{font-size:30px}.ub-banner-slides .ub-banner-slides__button{min-height:44px;padding:11px 18px;font-size:14px}.ub-banner-slides__controls{top:7px;right:7px}}@media screen and (min-width:600px)and (max-width:767px){.ub-banner-mosaic-mobile .promotion-grid__wrapper>div{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ub-banner-mosaic-mobile .ub-banner-cell{grid-column:span 1 / span 1!important;height:300px!important}.ub-banner-mosaic-mobile .ub-banner-cell--lead{grid-column:1 / -1!important;height:390px!important}.ub-banner-cell--lead .ub-banner-slides__content{max-width:85%}}@media(prefers-reduced-motion:reduce){.ub-banner-slides__viewport{scroll-behavior:auto}.ub-banner-slides *,.ub-banner-slides *:before,.ub-banner-slides *:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.ub-banner-slides__autoplay{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:36px;height:36px;padding:9px;border:0;border-radius:50%;color:#253238;background:transparent;cursor:pointer}.ub-banner-slides__autoplay svg{width:18px;height:18px}.ub-banner-slides__autoplay .ub-banner-slides__play-icon,.ub-banner-slides__autoplay[data-paused=true] .ub-banner-slides__pause-icon{display:none}.ub-banner-slides__autoplay[data-paused=true] .ub-banner-slides__play-icon{display:block}.ub-banner-slides__autoplay:hover{background:#edf0f1}.ub-banner-slides__autoplay:focus-visible{outline:2px solid currentColor;outline-offset:1px}.ub-banner-slides--studio .ub-banner-slides__heading,.ub-banner-slides--studio .ub-banner-slides__text{text-shadow:none}.ub-banner-slides--studio .ub-banner-slides__controls{top:auto;bottom:10px;right:10px}.ub-banner-slides--studio .ub-banner-slides__button{box-shadow:none}@media screen and (min-width:768px){.ub-banner-cell--cols-3 .ub-banner-slides--studio .ub-banner-slides__content{width:45%;max-width:490px;padding:clamp(24px,2.8vw,42px)}.ub-banner-cell--cols-2 .ub-banner-slides--studio .ub-banner-slides__content{width:51%}.ub-banner-cell--cols-1 .ub-banner-slides--studio .ub-banner-slides__content{top:0;bottom:auto;padding:20px}.ub-banner-cell--cols-1.ub-banner-cell--rows-1 .ub-banner-slides--studio .ub-banner-slides__content{max-width:75%;gap:12px}.ub-banner-cell--cols-1.ub-banner-cell--rows-1 .ub-banner-slides--studio .ub-banner-slides__heading{font-size:clamp(18px,1.45vw,23px)}.ub-banner-cell--cols-1.ub-banner-cell--rows-1 .ub-banner-slides--studio .ub-banner-slides__button{font-size:13px;min-height:40px;padding:10px 14px}}@media screen and (max-width:767px){.ub-banner-cell--lead:has(.ub-banner-slides--studio){height:clamp(480px,118vw,560px)!important}.ub-banner-cell .ub-banner-slides--studio .ub-banner-slides__content{top:0;bottom:auto;width:53%;padding:22px;gap:12px}.ub-banner-cell--lead .ub-banner-slides--studio .ub-banner-slides__content{width:100%;max-width:none;padding:24px;gap:12px}.ub-banner-cell--lead .ub-banner-slides--studio .ub-banner-slides__heading{font-size:28px;max-width:340px}.ub-banner-cell .ub-banner-slides--studio .ub-banner-slides__heading{text-wrap:balance}.ub-banner-cell:not(.ub-banner-cell--lead) .ub-banner-slides--studio .ub-banner-slides__heading{font-size:23px}.ub-banner-cell:not(.ub-banner-cell--lead) .ub-banner-slides--studio .ub-banner-slides__text{font-size:13px}.ub-banner-cell .ub-banner-slides--studio .ub-banner-slides__button{min-height:42px;padding:10px 15px}}@media screen and (min-width:600px)and (max-width:767px){.ub-banner-cell:not(.ub-banner-cell--lead) .ub-banner-slides--studio .ub-banner-slides__content{width:65%;padding:16px}.ub-banner-cell:not(.ub-banner-cell--lead) .ub-banner-slides--studio .ub-banner-slides__heading{font-size:20px}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/ub-banner-slides.css.map */