.promo-banner-slideshow{position:relative;width:100%;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:pan-y pinch-zoom;-webkit-tap-highlight-color:transparent}.promo-banner__slides{position:relative;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.promo-banner__slide{position:relative;width:100%;display:none;opacity:0;visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:opacity,transform}.promo-banner__slide.is-active{display:block;opacity:1;visibility:visible;z-index:2}.promo-banner__slide.is-leaving{position:absolute;top:0;left:0;width:100%;display:block;z-index:1;pointer-events:none}.transition-fade .promo-banner__slide{transition:opacity var(--transition-duration, .6s) cubic-bezier(.4,0,.2,1),visibility var(--transition-duration, .6s) cubic-bezier(.4,0,.2,1);-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}.transition-fade .promo-banner__slide.is-active{opacity:1;visibility:visible}.transition-fade .promo-banner__slide.is-leaving{opacity:0;visibility:hidden}.transition-slide .promo-banner__slides{position:relative;overflow:hidden}.transition-slide .promo-banner__slide{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.transition-slide .promo-banner__slide.is-active{-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1;visibility:visible}.transition-slide .promo-banner__slide.is-active.slide-from-left{-webkit-animation:slideFromLeft var(--transition-duration, .6s) cubic-bezier(.25,.46,.45,.94) forwards;animation:slideFromLeft var(--transition-duration, .6s) cubic-bezier(.25,.46,.45,.94) forwards}.transition-slide .promo-banner__slide.is-active.slide-from-right{-webkit-animation:slideFromRight var(--transition-duration, .6s) cubic-bezier(.25,.46,.45,.94) forwards;animation:slideFromRight var(--transition-duration, .6s) cubic-bezier(.25,.46,.45,.94) forwards}.transition-slide .promo-banner__slide.is-leaving{-webkit-animation:slideOut var(--transition-duration, .6s) cubic-bezier(.25,.46,.45,.94) forwards;animation:slideOut var(--transition-duration, .6s) cubic-bezier(.25,.46,.45,.94) forwards}@-webkit-keyframes slideFromRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:.5}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}}@keyframes slideFromRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:.5}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}}@-webkit-keyframes slideFromLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:.5}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}}@keyframes slideFromLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:.5}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}}@-webkit-keyframes slideOut{0%{-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}to{-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0);opacity:0}}@keyframes slideOut{0%{-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}to{-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0);opacity:0}}.transition-zoom .promo-banner__slide{-webkit-transform:scale3d(.95,.95,1);transform:scale3d(.95,.95,1)}.transition-zoom .promo-banner__slide.is-active{-webkit-animation:zoomIn var(--transition-duration, .6s) cubic-bezier(.25,.46,.45,.94) forwards;animation:zoomIn var(--transition-duration, .6s) cubic-bezier(.25,.46,.45,.94) forwards}.transition-zoom .promo-banner__slide.is-leaving{-webkit-animation:zoomOut var(--transition-duration, .6s) cubic-bezier(.25,.46,.45,.94) forwards;animation:zoomOut var(--transition-duration, .6s) cubic-bezier(.25,.46,.45,.94) forwards}@-webkit-keyframes zoomIn{0%{-webkit-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1);opacity:0}to{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1);opacity:1}}@keyframes zoomIn{0%{-webkit-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1);opacity:0}to{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1);opacity:1}}@-webkit-keyframes zoomOut{0%{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1);opacity:1}to{-webkit-transform:scale3d(.95,.95,1);transform:scale3d(.95,.95,1);opacity:0}}@keyframes zoomOut{0%{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1);opacity:1}to{-webkit-transform:scale3d(.95,.95,1);transform:scale3d(.95,.95,1);opacity:0}}.transition-flip .promo-banner__slides{perspective:1200px}.transition-flip .promo-banner__slide{backface-visibility:hidden;transition:transform var(--transition-duration, .6s) cubic-bezier(.4,0,.2,1),opacity var(--transition-duration, .6s) ease-in-out,visibility var(--transition-duration, .6s) ease-in-out}.transition-flip .promo-banner__slide.is-active{animation:flipIn var(--transition-duration, .6s) cubic-bezier(.4,0,.2,1) forwards}.transition-flip .promo-banner__slide.is-leaving{animation:flipOut var(--transition-duration, .6s) cubic-bezier(.4,0,.2,1) forwards}@keyframes flipIn{0%{transform:rotateY(-90deg);opacity:0}to{transform:rotateY(0);opacity:1}}@keyframes flipOut{0%{transform:rotateY(0);opacity:1}to{transform:rotateY(90deg);opacity:0}}.transition-blur .promo-banner__slide{transition:transform var(--transition-duration, .6s) ease-in-out,opacity var(--transition-duration, .6s) ease-in-out,filter var(--transition-duration, .6s) ease-in-out,visibility var(--transition-duration, .6s) ease-in-out;filter:blur(10px)}.transition-blur .promo-banner__slide.is-active{animation:blurIn var(--transition-duration, .6s) ease-in-out forwards}.transition-blur .promo-banner__slide.is-leaving{animation:blurOut var(--transition-duration, .6s) ease-in-out forwards}@keyframes blurIn{0%{filter:blur(20px);opacity:0;transform:scale(1.05)}to{filter:blur(0);opacity:1;transform:scale(1)}}@keyframes blurOut{0%{filter:blur(0);opacity:1;transform:scale(1)}to{filter:blur(20px);opacity:0;transform:scale(.95)}}.promo-banner__slide .promo-banner__heading,.promo-banner__slide .promo-banner__subtitle,.promo-banner__slide .promo-banner__discount,.promo-banner__slide .promo-banner__buttons{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}.promo-banner__slide.is-active .promo-banner__heading{-webkit-animation:contentFadeUp calc(var(--transition-duration, .6s) * .8) cubic-bezier(.25,.46,.45,.94) forwards;animation:contentFadeUp calc(var(--transition-duration, .6s) * .8) cubic-bezier(.25,.46,.45,.94) forwards;-webkit-animation-delay:calc(var(--transition-duration, .6s) * .3);animation-delay:calc(var(--transition-duration, .6s) * .3)}.promo-banner__slide.is-active .promo-banner__subtitle{-webkit-animation:contentFadeUp calc(var(--transition-duration, .6s) * .8) cubic-bezier(.25,.46,.45,.94) forwards;animation:contentFadeUp calc(var(--transition-duration, .6s) * .8) cubic-bezier(.25,.46,.45,.94) forwards;-webkit-animation-delay:calc(var(--transition-duration, .6s) * .4);animation-delay:calc(var(--transition-duration, .6s) * .4)}.promo-banner__slide.is-active .promo-banner__discount{-webkit-animation:contentFadeUp calc(var(--transition-duration, .6s) * .8) cubic-bezier(.25,.46,.45,.94) forwards;animation:contentFadeUp calc(var(--transition-duration, .6s) * .8) cubic-bezier(.25,.46,.45,.94) forwards;-webkit-animation-delay:calc(var(--transition-duration, .6s) * .5);animation-delay:calc(var(--transition-duration, .6s) * .5)}.promo-banner__slide.is-active .promo-banner__buttons{-webkit-animation:contentFadeUp calc(var(--transition-duration, .6s) * .8) cubic-bezier(.25,.46,.45,.94) forwards;animation:contentFadeUp calc(var(--transition-duration, .6s) * .8) cubic-bezier(.25,.46,.45,.94) forwards;-webkit-animation-delay:calc(var(--transition-duration, .6s) * .6);animation-delay:calc(var(--transition-duration, .6s) * .6)}@-webkit-keyframes contentFadeUp{0%{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes contentFadeUp{0%{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.promo-banner__media{display:block;width:100%;height:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden}.promo-banner__image{display:block;width:100%;height:auto;object-fit:cover;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.promo-banner__placeholder{width:100%;aspect-ratio:16 / 5;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center}.promo-banner__placeholder .placeholder-svg{width:100%;height:100%;object-fit:cover}.promo-banner__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--overlay-color, #000);opacity:var(--overlay-opacity, .3);pointer-events:none}.promo-banner__gradient{position:absolute;bottom:0;left:0;width:100%;height:var(--gradient-height, 50%);background:linear-gradient(to top,rgba(0,0,0,var(--gradient-opacity, .7)) 0%,rgba(0,0,0,calc(var(--gradient-opacity, .7) * .5)) 50%,transparent 100%);pointer-events:none;z-index:1}.promo-banner__gradient{background:linear-gradient(to top,var(--gradient-color, #000000) 0%,transparent 100%);opacity:var(--gradient-opacity, .7)}.promo-banner__content{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;display:flex;padding:var(--content-padding-mobile, 30px);color:var(--text-color, #fff)}@media (min-width: 750px){.promo-banner__content{padding:var(--content-padding-desktop, 60px)}}.promo-banner__content-inner{width:100%;max-width:800px}.promo-banner__content--h-left{justify-content:flex-start;text-align:left}.promo-banner__content--h-center{justify-content:center;text-align:center}.promo-banner__content--h-center .promo-banner__content-inner{display:flex;flex-direction:column;align-items:center}.promo-banner__content--h-right{justify-content:flex-end;text-align:right}.promo-banner__content--h-right .promo-banner__content-inner{display:flex;flex-direction:column;align-items:flex-end}.promo-banner__content--v-top{align-items:flex-start}.promo-banner__content--v-center{align-items:center}.promo-banner__content--v-bottom{align-items:flex-end}.promo-banner__heading{font-size:var(--heading-size-mobile, 28px);font-weight:700;line-height:1.2;margin:0 0 12px;color:inherit;text-shadow:0 2px 4px rgba(0,0,0,.3)}@media (min-width: 750px){.promo-banner__heading{font-size:var(--heading-size-desktop, 48px);margin-bottom:16px}}.promo-banner__subtitle{font-size:14px;line-height:1.5;margin:0 0 20px;opacity:.95;text-shadow:0 1px 2px rgba(0,0,0,.2);max-width:600px}@media (min-width: 750px){.promo-banner__subtitle{font-size:18px;margin-bottom:24px}}.promo-banner__discount{margin-bottom:20px}@media (min-width: 750px){.promo-banner__discount{margin-bottom:28px}}.promo-banner__discount-label{display:block;font-size:12px;margin-bottom:8px;opacity:.9;text-transform:uppercase;letter-spacing:.5px}@media (min-width: 750px){.promo-banner__discount-label{font-size:14px}}.promo-banner__discount-wrapper{display:inline-flex;align-items:stretch;background:#0009;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:6px;overflow:hidden;border:2px solid rgba(255,255,255,.9);box-shadow:0 4px 20px #0000004d}.promo-banner__discount-code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:18px;font-weight:700;letter-spacing:3px;padding:12px 20px;background:#fffffff2;color:#000;text-transform:uppercase;display:flex;align-items:center}@media (min-width: 750px){.promo-banner__discount-code{font-size:24px;padding:14px 28px;letter-spacing:4px}}.promo-banner__copy-btn{display:inline-flex;align-items:center;gap:6px;padding:12px 16px;background:#fff;border:none;border-left:2px solid rgba(0,0,0,.1);color:#000;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}@media (min-width: 750px){.promo-banner__copy-btn{padding:14px 20px;font-size:14px}}.promo-banner__copy-btn:hover{background:#f0f0f0}.promo-banner__copy-btn:active{transform:scale(.98)}.promo-banner__copy-btn.copied{background:#22c55e;color:#fff}.promo-banner__copy-btn svg{flex-shrink:0;width:16px;height:16px;stroke:currentColor}@media (min-width: 750px){.promo-banner__copy-btn svg{width:18px;height:18px}}.promo-banner__copy-btn.copied svg{stroke:#fff}.copy-text{display:none}@media (min-width: 750px){.copy-text{display:inline}}.promo-banner__buttons{display:flex;flex-direction:row;flex-wrap:nowrap;gap:10px;align-items:center}.promo-banner__content--h-center .promo-banner__buttons{justify-content:center}.promo-banner__content--h-right .promo-banner__buttons{justify-content:flex-end}@media (min-width: 750px){.promo-banner__buttons{gap:16px}}.promo-banner__button{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;font-size:13px;font-weight:600;text-decoration:none;border-radius:6px;transition:all .2s ease;cursor:pointer;border:2px solid transparent;text-align:center;white-space:nowrap}@media (min-width: 750px){.promo-banner__button{padding:14px 32px;font-size:16px;min-width:140px}}.promo-banner__button.button--primary{background-color:#fff;color:#000;border-color:#fff}.promo-banner__button.button--primary:hover{background-color:transparent;color:#fff}.promo-banner__button.button--secondary{background-color:#000;color:#fff;border-color:#000}.promo-banner__button.button--secondary:hover{background-color:#333;border-color:#333}.promo-banner__button.button--outline{background-color:transparent;color:#fff;border-color:#fff}.promo-banner__button.button--outline:hover{background-color:#fff;color:#000}.promo-banner__nav{position:absolute;top:50%;left:0;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 8px;pointer-events:none;z-index:10}@media (min-width: 750px){.promo-banner__nav{padding:0 24px}}.promo-banner__nav-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;background:#00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:none;border-radius:50%;color:#fff;cursor:pointer;pointer-events:auto;-webkit-transition:background .2s ease,opacity .2s ease;transition:background .2s ease,opacity .2s ease;opacity:.8;-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media (min-width: 750px){.promo-banner__nav-btn{width:50px;height:50px}}.promo-banner__nav-btn:hover{background:#000000b3;opacity:1}.promo-banner__nav-btn:active{background:#000c;opacity:1}.promo-banner__nav-btn svg{width:20px;height:20px}@media (min-width: 750px){.promo-banner__nav-btn svg{width:24px;height:24px}}.promo-banner__pagination{position:absolute;bottom:16px;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);display:flex;gap:8px;z-index:10}@media (min-width: 750px){.promo-banner__pagination{bottom:30px;gap:12px}}.promo-banner__pagination-dot{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;background:transparent;border:none;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.promo-banner__pagination-dot-inner{width:10px;height:10px;background:#ffffff80;border-radius:50%;-webkit-transition:background .2s ease,transform .2s ease,box-shadow .2s ease;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}@media (min-width: 750px){.promo-banner__pagination-dot-inner{width:12px;height:12px}}.promo-banner__pagination-dot:hover .promo-banner__pagination-dot-inner{background:#fffc}.promo-banner__pagination-dot.is-active .promo-banner__pagination-dot-inner{background:#fff;-webkit-transform:scale(1.3);transform:scale(1.3);box-shadow:0 0 10px #ffffff80}.promo-banner__progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#fff3;z-index:10}@media (min-width: 750px){.promo-banner__progress{height:4px}}.promo-banner__progress-bar{height:100%;width:0%;background:linear-gradient(90deg,#fff,#fffc);transition:width linear}@media (prefers-reduced-motion: reduce){.promo-banner__slide,.promo-banner__slide.is-active,.promo-banner__slide.is-leaving,.promo-banner__slide.is-active .promo-banner__heading,.promo-banner__slide.is-active .promo-banner__subtitle,.promo-banner__slide.is-active .promo-banner__discount,.promo-banner__slide.is-active .promo-banner__buttons,.promo-banner__nav-btn,.promo-banner__pagination-dot,.promo-banner__pagination-dot-inner,.promo-banner__progress-bar{animation:none!important;transition:opacity .3s ease!important}}.promo-banner-slideshow:focus{outline:2px solid #fff;outline-offset:-2px}.promo-banner__nav-btn:focus,.promo-banner__pagination-dot:focus{outline:2px solid #fff;outline-offset:2px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.promo-banner__copy-btn.copied{animation:pulse .3s ease}
/*# sourceMappingURL=/cdn/shop/t/142/assets/section-promo-banner.css.map */