.feat-hl{--fh-accent: #c20000;--fh-bg: #111;--fh-fg: #fff;--fh-muted: rgba(255, 255, 255, .6);--fh-gutter: 40px;--fh-gap: 24px;--fh-w: 411px;--fh-w-active: 632px;--fh-h: 576px;--fh-ease: cubic-bezier(.4, 0, .2, 1);--fh-speed: .8s;box-sizing:border-box;background:var(--fh-bg);color:var(--fh-fg);padding:64px var(--fh-gutter) 56px;overflow:hidden}.feat-hl *,.feat-hl *:before,.feat-hl *:after{box-sizing:border-box}.feat-hl--light{--fh-bg: #fff;--fh-fg: #111;--fh-muted: rgba(0, 0, 0, .55)}.feat-hl__heading,.feat-hl__controls{max-width:1400px;margin-left:auto;margin-right:auto}.feat-hl__heading{margin-top:0;margin-bottom:32px;font-family:Dune,Fragment Mono,Roboto,monospace;font-size:calc(1rem + 2vw);text-transform:uppercase;color:var(--fh-muted)}.feat-hl__viewport{display:block;position:relative;container-type:inline-size;margin-left:calc(-1 * var(--fh-gutter));margin-right:calc(-1 * var(--fh-gutter));padding:0 calc(var(--fh-gutter) + max(0px,(100% - 1400px) / 2));overflow:hidden;touch-action:pan-y;cursor:grab}.feat-hl__viewport.is-dragging{cursor:grabbing}.feat-hl__track{--fh-total: calc((var(--fh-n, 1) - 1) * (var(--fh-w) + var(--fh-gap)) + var(--fh-w-active));--fh-offset: clamp(0px, var(--fh-i, 0) * (var(--fh-w) + var(--fh-gap)), max(0px, var(--fh-total) - 100cqw));display:flex;gap:var(--fh-gap);width:max-content;margin:0;padding:0;list-style:none;transform:translate3d(calc(var(--fh-drag, 0px) - var(--fh-offset)),0,0);transition:transform var(--fh-speed) var(--fh-ease);will-change:transform}.is-dragging .feat-hl__track{transition:none}.feat-hl__card{position:relative;flex:0 0 var(--fh-w);width:var(--fh-w);height:var(--fh-h);margin:0;overflow:hidden;background:#000;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:flex-basis var(--fh-speed) var(--fh-ease),width var(--fh-speed) var(--fh-ease)}.feat-hl__card.is-active{flex-basis:var(--fh-w-active);width:var(--fh-w-active);cursor:default}.is-dragging .feat-hl__card{cursor:grabbing}.feat-hl__card:focus{outline:none}.feat-hl__card:focus-visible{outline:2px solid var(--fh-accent);outline-offset:3px}.feat-hl__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;transform:scale(1.001);transition:transform var(--fh-speed) var(--fh-ease),filter var(--fh-speed) var(--fh-ease)}.feat-hl__card:not(.is-active) .feat-hl__image{filter:brightness(.8)}@media(hover:hover){.feat-hl__card:not(.is-active):hover .feat-hl__image{transform:scale(1.04);filter:brightness(.95)}}.feat-hl__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(#0000 50%,#000000e6)}.feat-hl__content{position:absolute;left:0;bottom:0;z-index:2;width:100%;padding:0 24px 24px;pointer-events:none}.feat-hl__card:before{content:"";position:absolute;left:-5%;right:-5%;bottom:0;height:25%;z-index:1;pointer-events:none;background:#19191914;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-mask-image:linear-gradient(transparent 0%,rgba(0,0,0,.15) 15%,#000 45%,#000 100%);mask-image:linear-gradient(transparent 0%,#00000026 15%,#000 45% 100%);transform:translateZ(0)}.feat-hl__title{margin:0;width:calc(100% - 64px);max-width:300px;font-family:Dune,Fragment Mono,Roboto,monospace;font-size:1.625rem;font-weight:800;line-height:1.2;text-transform:uppercase;color:#fff;transition:max-width var(--fh-speed) var(--fh-ease)}.is-active .feat-hl__title{max-width:calc(var(--fh-w-active) - 112px)}.feat-hl__desc{width:calc(var(--fh-w-active) - 112px);max-width:500px;margin:0;max-height:0;overflow:hidden;font-family:Roboto,sans-serif;font-size:1rem;line-height:1.2;color:#ffffffd1;opacity:0;transform:translateY(30px);transition:opacity var(--fh-speed) var(--fh-ease),transform var(--fh-speed) var(--fh-ease),max-height var(--fh-speed) var(--fh-ease),margin var(--fh-speed) var(--fh-ease)}.is-active .feat-hl__desc{max-height:20em;opacity:1;transform:translateY(0);transition-delay:.15s}.feat-hl__toggle{position:absolute;right:24px;bottom:24px;z-index:3;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.45);border-radius:50%;pointer-events:none;transition:background-color .3s,border-color .3s,transform var(--fh-speed) var(--fh-ease)}.feat-hl__toggle svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round}.feat-hl__toggle-v{transform-origin:center;transition:transform var(--fh-speed) var(--fh-ease)}.is-active .feat-hl__toggle{transform:rotate(180deg);border-color:var(--fh-accent);background:var(--fh-accent)}.is-active .feat-hl__toggle-v{transform:scaleY(0)}@media(hover:hover){.feat-hl__card:not(.is-active):hover .feat-hl__toggle{background:#ffffff26;border-color:#fff}}.feat-hl__controls{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-top:24px}.feat-hl__count{min-width:4.5em;text-align:center;font-family:Fragment Mono,monospace;font-size:.9rem;letter-spacing:.08em;color:var(--fh-muted)}.feat-hl__arrow{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid currentColor;border-radius:50%;background:transparent;color:var(--fh-fg);cursor:pointer;transition:background-color .25s,border-color .25s,color .25s,opacity .25s}.feat-hl__arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.feat-hl__arrow:hover:not(:disabled){background:var(--fh-accent);border-color:var(--fh-accent);color:#fff}.feat-hl__arrow:focus-visible{outline:2px solid var(--fh-accent);outline-offset:2px}.feat-hl__arrow:disabled{opacity:.3;cursor:default}@media(max-width:1023px){.feat-hl{--fh-gutter: 24px;--fh-gap: 16px;--fh-w: 300px;--fh-w-active: 540px;--fh-h: 500px;padding-top:48px;padding-bottom:40px}}@media(max-width:767px){.feat-hl{--fh-gutter: 16px;--fh-gap: 12px;--fh-w: 62vw;--fh-w-active: 84vw;--fh-h: 460px}.feat-hl__heading{margin-bottom:20px}.feat-hl__content{padding:0 18px 18px}.feat-hl__title{font-size:1.25rem;width:100%}.is-active .feat-hl__title{max-width:calc(var(--fh-w-active) - 36px)}.feat-hl__desc{width:calc(var(--fh-w-active) - 36px);font-size:.9375rem}.is-active .feat-hl__desc{margin-top:12px}.feat-hl__toggle{display:none}.feat-hl__controls{justify-content:center}.feat-hl__card:before{left:0;right:0;height:100%;background:#0003;-webkit-backdrop-filter:none;backdrop-filter:none;-webkit-mask-image:none;mask-image:none;transform:none;opacity:0;transition:opacity var(--fh-speed) var(--fh-ease)}.feat-hl__card:not(.is-active):before{opacity:1}.feat-hl__card:not(.is-active) .feat-hl__image{filter:none}.feat-hl__card:after{background:linear-gradient(#0000 35%,#0000008c 65%,#000000eb)}}@media(prefers-reduced-motion:reduce){.feat-hl{--fh-speed: 0s}.is-active .feat-hl__desc{transition-delay:0s}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/feature-highlights.css.map */