slide-show{--ctrl-bottom: var(--gutter);--ctrl-space: calc(var(--ctrl-bottom) + 38px)}.slideshow{overflow-x:auto;overflow-y:hidden;scroll-behavior:auto;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-y}.slideshow::-webkit-scrollbar{display:none}.js .slideshow{pointer-events:none}.slideshow__slide{flex:0 0 100%;padding-bottom:var(--ctrl-space);scroll-snap-align:start;pointer-events:initial}.js .slideshow__slide .text-overlay{margin-bottom:var(--ctrl-bottom);transform:translateY(30px);opacity:0}.slideshow__slide.is-active{z-index:1}.slideshow__slide.is-active .text-overlay{transform:translateY(0);transition:var(--transition-in, transform 1s cubic-bezier(.165, .84, .44, 1), opacity .7s ease-out .3s);opacity:1}.slideshow__slide.is-active.transition-out .text-overlay{transition:opacity .3s;opacity:0}.slideshow-ctrl{z-index:2;bottom:var(--ctrl-bottom);left:50%;transform:translate(-50%)}.slideshow-section .slideshow-ctrl{--text-color: 255 255 255}.slideshow-nav{color:rgb(var(--text-color));pointer-events:initial}.slideshow-section .slideshow-nav{border-radius:19px}.slideshow-nav__btn{padding:7px;transition:background-color .3s,color .3s;color:rgb(var(--text-color))}.slideshow-nav__btn:hover{background-color:rgb(var(--text-color));color:#333}.slideshow-nav__counter{margin:0 10px}.slideshow-nav__counter+.slideshow-nav__autoplay{margin-inline-start:8px}.slideshow-nav__autoplay{margin-inline-start:12px}.slideshow-nav__autoplay:before{content:"";width:1px;height:24px;margin-inline-end:8px;background-color:rgb(var(--text-color))}.autoplay-btn .icon{display:block;width:24px;height:24px;padding:4px}.autoplay-btn.is-paused .pause-icon,.autoplay-btn:not(.is-paused) .play-icon{display:none}.no-js .slideshow__slide{position:relative;padding-bottom:0}.no-js .slideshow__slide.has-motion{transform:none;opacity:1}@media(max-width:599.98px){.mobile-stacked .text-overlay.text-overlay--bg{margin-bottom:var(--ctrl-bottom);transform:translateY(0);opacity:0}.mobile-stacked .slideshow__slide{padding-top:var(--image-height);padding-bottom:0}.mobile-stacked .slideshow .image-banner__image{height:0;padding-top:var(--image-height)}.mobile-stacked .slideshow-ctrl{top:calc(-38px - var(--gutter));bottom:initial;padding-top:var(--image-height)}}@media(min-width:1280px){slide-show{--ctrl-bottom: 48px}.section:not(.section--full-width) .slideshow-nav{--gutter: 48px}}@keyframes lineTimer{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes circleTimer{0%{stroke-dashoffset:22}to{stroke-dashoffset:0}}.page-btn{--animation: var(--duration, 0s) forwards linear var(--play-state, paused);margin:5px 2px;color:rgba(var(--text-color)/.2);pointer-events:initial}.page-btn__line{width:32px;height:2px;margin:14px 6px;transition:background-color .3s,height .4s;border-radius:var(--btn-border-radius, 0);background-color:currentColor}[data-autoplay=true] .page-btn__line:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transform:scaleX(0);transform-origin:0;background-color:rgb(var(--text-color))}[data-autoplay=true] [aria-current=true]>.page-btn__line{height:3px}[data-autoplay=true] [aria-current=true]>.page-btn__line:after{animation:var(--animation);animation-name:lineTimer}.page-btn:hover>.page-btn__line,[data-autoplay=false] [aria-current=true]>.page-btn__line{background-color:rgb(var(--text-color))}.page-btn.page-btn--pill{margin:0;padding:16px 8px}.page-btn__pill{border-radius:4px;height:8px;width:8px;background-color:rgba(var(--text-color)/.2);transition:width .5s ease-in-out}[aria-current=true] .page-btn__pill{transition:width .5s ease-in-out;width:24px;background-color:rgb(var(--text-color))}.page-btn__fg-circle{transform:rotate(-90deg);transform-origin:center;stroke-width:7px;stroke-dasharray:22;stroke-dashoffset:22;stroke:rgb(var(--text-color))}[data-autoplay=true] [aria-current=true] .page-btn__fg-circle{animation:var(--animation);animation-name:circleTimer}.page-btn__bg-circle{transition:stroke .2s,fill .2s;stroke-width:2px;stroke:currentColor;fill:transparent}.page-btn:hover .page-btn__bg-circle,[data-autoplay=false] [aria-current=true] .page-btn__bg-circle{stroke:rgb(var(--text-color));fill:rgb(var(--text-color))}[data-transition=slide-fade][data-direction=prev]{--translate-in: -160px;--translate-out: 80px}[data-transition=slide-fade] .slideshow__slide>.has-motion{transform:translate(var(--translate-in, 160px));transition:var(--transition-in, transform .6s cubic-bezier(.215, .61, .355, 1), opacity .6s);opacity:0}[data-transition=slide-fade] .slideshow__slide>.has-motion.transition-out{transform:translate(var(--translate-out, -80px));transition:transform .6s,opacity 1s}[data-transition=slide-fade] .slideshow__slide.is-active>.has-motion{transform:translate(0);opacity:1}[data-transition=slide][data-direction=prev]{--translate-in: -100%}[data-transition=slide] .has-motion{transform:translate(var(--translate-in, 100%))}[data-transition=slide] .has-motion.transition-out{transition-delay:.5s}[data-transition=slide] .is-active>.has-motion{transform:translate(0);transition:var(--transition-in, transform .5s cubic-bezier(.77, 0, .175, 1))}[data-transition=fade] .has-motion{transition:var(--transition-in, opacity 1s);opacity:0}[data-transition=fade] .is-active>.has-motion{opacity:1}.slideshow__slide--ignore-pagination{padding-bottom:0}.js .slideshow__slide--ignore-pagination .text-overlay{margin:calc(12 * var(--space-unit)) 0 calc(12 * var(--space-unit) * 2)}@media(max-width:768.98px){.mobile-stacked .slideshow__slide--ignore-pagination .text-overlay{margin:0}}.slideshow__slide[data-brand-style=keepr-lids]{--heading-color: 255 255 255;--text-color: 255 255 255;--keepr-launch-accent: #E0AF2D;--keepr-launch-accent-hover: #FFD447;--keepr-launch-ink: #1D2024;--keepr-launch-overlay: linear-gradient( 90deg, rgb(10 12 18 / .9) 0%, rgb(10 12 18 / .72) 34%, rgb(10 12 18 / .36) 58%, rgb(10 12 18 / .08) 78%, transparent 100% );color:#fff}html[data-theme-scheme=dark] .slideshow__slide[data-brand-style=keepr-lids]{--keepr-launch-accent: #FFD447;--keepr-launch-accent-hover: #E0AF2D;--keepr-launch-overlay: linear-gradient( 90deg, rgb(5 6 10 / .94) 0%, rgb(5 6 10 / .76) 36%, rgb(5 6 10 / .4) 60%, rgb(5 6 10 / .12) 80%, transparent 100% )}.slideshow__slide[data-brand-style=keepr-lids] .image-banner__image:after{background:var(--keepr-launch-overlay)}.slideshow__slide[data-brand-style=keepr-lids] .text-overlay{width:min(100%,640px);text-shadow:0 2px 22px rgb(0 0 0 / .48)}.slideshow__slide[data-brand-style=keepr-lids] .subheading{color:#fff;font-weight:700;letter-spacing:.2em}.slideshow__slide[data-brand-style=keepr-lids] .text-overlay__heading{max-width:17ch;color:#fff;font-size:clamp(4rem,4.6vw,6.4rem);line-height:1.02;text-wrap:balance}.slideshow__slide[data-brand-style=keepr-lids] .rte{max-width:47ch;color:#fff;font-size:clamp(1.6rem,1.45vw,2rem);line-height:1.45}.slideshow__slide[data-brand-style=keepr-lids] .btn--primary{border-color:var(--keepr-launch-accent);background:var(--keepr-launch-accent);color:var(--keepr-launch-ink);font-weight:700;text-shadow:none;box-shadow:0 10px 28px #00000038;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}@media(hover:hover)and (pointer:fine){.slideshow__slide[data-brand-style=keepr-lids] .btn--primary:not([disabled]):hover{border-color:var(--keepr-launch-accent-hover);background:var(--keepr-launch-accent-hover);box-shadow:0 14px 34px #00000047;transform:translateY(-1px)}}.slideshow__slide[data-brand-style=keepr-lids] .btn--primary:focus-visible{border-color:var(--keepr-launch-accent);outline:3px solid var(--keepr-launch-accent);outline-offset:4px;box-shadow:0 0 0 2px var(--keepr-launch-ink),0 10px 28px #00000042}@media(max-width:599.98px){.slideshow__slide[data-brand-style=keepr-lids]{--keepr-launch-overlay: linear-gradient( 180deg, rgb(5 6 10 / .54) 0%, rgb(5 6 10 / .7) 42%, rgb(5 6 10 / .9) 100% )}html[data-theme-scheme=dark] .slideshow__slide[data-brand-style=keepr-lids]{--keepr-launch-overlay: linear-gradient( 180deg, rgb(3 4 7 / .62) 0%, rgb(3 4 7 / .78) 44%, rgb(3 4 7 / .94) 100% )}.slideshow__slide[data-brand-style=keepr-lids] .slideshow__text{padding-right:20px;padding-left:20px}.js .slideshow__slide--ignore-pagination[data-brand-style=keepr-lids] .text-overlay{margin:20px auto 58px}.slideshow__slide[data-brand-style=keepr-lids] .subheading{margin-bottom:8px;font-size:1.2rem;letter-spacing:.18em}.slideshow__slide[data-brand-style=keepr-lids] .text-overlay__heading{max-width:16ch;margin-right:auto;margin-bottom:10px;margin-left:auto;font-size:clamp(2.7rem,8.8vw,3.5rem);line-height:1.04}.slideshow__slide[data-brand-style=keepr-lids] .rte{max-width:38ch;margin-right:auto;margin-bottom:12px;margin-left:auto;font-size:1.35rem;line-height:1.38}.slideshow__slide[data-brand-style=keepr-lids] .text-overlay__buttons{margin-top:12px}.slideshow__slide[data-brand-style=keepr-lids] .btn--primary{min-height:42px;padding:9px 22px}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/slideshow.css.map */