.section-feature-carousel{--carousel-line: var(--colour-pdp-border);--carousel-line-control: var(--colour-boulder);--carousel-ink: var(--colour-highlighter);--carousel-ink-dim: var(--colour-foreground);--carousel-accent: var(--colour-link-text-hover);--carousel-accent-quiet: color-mix(in srgb, var(--carousel-accent) 14%, transparent);--carousel-focus: var(--carousel-accent);--carousel-media-bed: var(--colour-black-20);--carousel-overlay-fill: color-mix(in srgb, var(--colour-mine-shaft) 82%, transparent);--carousel-overlay-line: var(--colour-white-18);--carousel-overlay-ink: var(--colour-white);--carousel-tab-tracking: var( --carousel-tab-letter-spacing, var(--spitfire-typography-cinematic-label-m-letter-spacing) );display:block}.section-feature-carousel .module{padding-block:1.25rem 1rem}.section-feature-carousel .head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.75rem 1.25rem;padding-bottom:1.375rem}.section-feature-carousel .heading{font-family:var(--carousel-heading-family, var(--spitfire-typography-expressive-title-xl-family));font-size:var(--carousel-heading-size, var(--spitfire-typography-expressive-title-xl-size));font-weight:var(--carousel-heading-weight, var(--spitfire-typography-expressive-title-xl-weight));line-height:var(--carousel-heading-line-height, var(--spitfire-typography-expressive-title-xl-line-height));letter-spacing:var(--carousel-heading-letter-spacing, var(--spitfire-typography-expressive-title-xl-letter-spacing));text-transform:var(--carousel-heading-transform, none);margin:0;color:var(--colour-highlighter)}.section-feature-carousel .viewport{position:relative;touch-action:pan-y}.section-feature-carousel .viewport:focus-visible{outline:2px solid var(--carousel-focus);outline-offset:2px}.section-feature-carousel .deck{display:grid;overflow:hidden}.section-feature-carousel .slide{grid-area:1/1;display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem;align-content:start;align-items:center;visibility:hidden}.section-feature-carousel .slide.is-active{z-index:2;visibility:visible}.section-feature-carousel .slide.is-leaving{z-index:1;visibility:visible}.section-feature-carousel .frame{margin:0;max-width:100%;aspect-ratio:4/3;overflow:hidden;background:var(--carousel-media-bed);border:1px solid var(--carousel-line)}.section-feature-carousel .frame img,.section-feature-carousel .frame svg{display:block;width:100%;height:100%;max-width:100%;object-fit:cover}.section-feature-carousel .copy{display:flex;flex-direction:column;align-items:flex-start;gap:.875rem}.section-feature-carousel .headline{font-family:var(--carousel-headline-family, var(--spitfire-typography-neutral-title-m-family));font-size:var(--carousel-headline-size, var(--spitfire-typography-neutral-title-m-size));font-weight:var(--carousel-headline-weight, var(--spitfire-typography-neutral-title-m-weight));line-height:var(--carousel-headline-line-height, var(--spitfire-typography-neutral-title-m-line-height));letter-spacing:var(--carousel-headline-letter-spacing, var(--spitfire-typography-neutral-title-m-letter-spacing));text-transform:var(--carousel-headline-transform, none);margin:0;max-width:52ch;color:var(--carousel-ink);text-wrap:balance}.section-feature-carousel .blurb{max-width:52ch;color:var(--carousel-ink-dim)}.section-feature-carousel .blurb p{font-family:var(--carousel-body-family, var(--spitfire-typography-neutral-body-l-family));font-size:var(--carousel-body-size, var(--spitfire-typography-neutral-body-l-size));font-weight:var(--carousel-body-weight, var(--spitfire-typography-neutral-body-l-weight));line-height:var(--carousel-body-line-height, var(--spitfire-typography-neutral-body-l-line-height));letter-spacing:var(--carousel-body-letter-spacing, var(--spitfire-typography-neutral-body-l-letter-spacing));text-transform:var(--carousel-body-transform, none);margin-block-end:var(--carousel-body-paragraph-spacing, var(--spitfire-typography-neutral-body-l-paragraph-spacing));max-width:none}.section-feature-carousel .blurb p:last-child{margin-block-end:0}.section-feature-carousel .rail{display:flex;align-items:stretch;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--carousel-line)}.section-feature-carousel .rail .counter{font-family:var(--carousel-tab-family, var(--spitfire-typography-cinematic-label-m-family));font-size:var(--carousel-tab-size, var(--spitfire-typography-cinematic-label-m-size));font-weight:var(--carousel-tab-weight, var(--spitfire-typography-cinematic-label-m-weight));line-height:var(--carousel-tab-line-height, var(--spitfire-typography-cinematic-label-m-line-height));letter-spacing:var(--carousel-tab-letter-spacing, var(--spitfire-typography-cinematic-label-m-letter-spacing));text-transform:var(--carousel-tab-transform, var(--spitfire-typography-cinematic-label-m-text-transform));display:none;flex:0 0 auto;align-self:center;margin:0;font-variant-numeric:tabular-nums;color:var(--carousel-ink-dim)}.section-feature-carousel .rail .current{color:var(--carousel-ink)}.section-feature-carousel .tabs{--tabs-fade: 4.5rem;position:relative;flex:1 1 auto;display:flex;gap:.125rem;overflow-x:auto;scrollbar-width:none}.section-feature-carousel .tabs::-webkit-scrollbar{display:none}.section-feature-carousel .tabs.is-clipped-end{-webkit-mask-image:linear-gradient(to right,black calc(100% - var(--tabs-fade)),transparent);mask-image:linear-gradient(to right,black calc(100% - var(--tabs-fade)),transparent)}.section-feature-carousel .tabs.is-clipped-start{-webkit-mask-image:linear-gradient(to left,black calc(100% - var(--tabs-fade)),transparent);mask-image:linear-gradient(to left,black calc(100% - var(--tabs-fade)),transparent)}.section-feature-carousel .tabs.is-clipped-start.is-clipped-end{-webkit-mask-image:linear-gradient(to right,transparent,black var(--tabs-fade),black calc(100% - var(--tabs-fade)),transparent);mask-image:linear-gradient(to right,transparent,black var(--tabs-fade),black calc(100% - var(--tabs-fade)),transparent)}.section-feature-carousel .tab{text-decoration:none;color:inherit;background:transparent;border:0;-webkit-appearance:none;appearance:none;font-family:var(--carousel-tab-family, var(--spitfire-typography-cinematic-label-m-family));font-size:var(--carousel-tab-size, var(--spitfire-typography-cinematic-label-m-size));font-weight:var(--carousel-tab-weight, var(--spitfire-typography-cinematic-label-m-weight));line-height:var(--carousel-tab-line-height, var(--spitfire-typography-cinematic-label-m-line-height));letter-spacing:var(--carousel-tab-letter-spacing, var(--spitfire-typography-cinematic-label-m-letter-spacing));text-transform:var(--carousel-tab-transform, var(--spitfire-typography-cinematic-label-m-text-transform));transition:color var(--transition-duration) var(--transition-timing) 0s,background-color var(--transition-duration) var(--transition-timing) 0s;display:flex;align-items:center;min-height:2.75rem;padding:0 calc(.75rem - var(--carousel-tab-tracking)) 0 .75rem;color:var(--carousel-ink-dim);border-radius:var(--border-radius-xs) var(--border-radius-xs) 0 0;white-space:nowrap;cursor:pointer}.section-feature-carousel .tab:focus{outline:none}.section-feature-carousel .tab:hover{text-decoration:none;outline:none}.section-feature-carousel .tab:disabled{opacity:.5;pointer-events:none}@supports (text-box: trim-both cap alphabetic){.section-feature-carousel .tab{display:block;text-box:trim-both cap alphabetic;padding-block:calc((2.75rem - 1cap)/2)}}.section-feature-carousel .tab:hover{color:var(--carousel-ink)}.section-feature-carousel .tab[aria-selected=true]{color:var(--carousel-ink);background:var(--carousel-accent-quiet)}.section-feature-carousel .tab:focus-visible{outline:2px solid var(--carousel-focus);outline-offset:-2px}.section-feature-carousel .marker{transition:transform .21s var(--transition-timing) 0s,width .21s var(--transition-timing) 0s;position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--carousel-accent);pointer-events:none}.section-feature-carousel .overlay{--arrow-size: 2.75rem;--arrow-inset: .5rem;--arrow-ink: var(--carousel-overlay-ink);--arrow-ink-hover: var(--carousel-overlay-ink);--arrow-fill: var(--carousel-overlay-fill);--arrow-line: var(--carousel-overlay-line);--arrow-line-hover: var(--carousel-overlay-ink);position:absolute;inset:0 0 auto;z-index:3;aspect-ratio:4/3;pointer-events:none}.section-feature-carousel .overlay .counter{font-family:var(--carousel-tab-family, var(--spitfire-typography-cinematic-label-m-family));font-size:var(--carousel-tab-size, var(--spitfire-typography-cinematic-label-m-size));font-weight:var(--carousel-tab-weight, var(--spitfire-typography-cinematic-label-m-weight));line-height:var(--carousel-tab-line-height, var(--spitfire-typography-cinematic-label-m-line-height));letter-spacing:var(--carousel-tab-letter-spacing, var(--spitfire-typography-cinematic-label-m-letter-spacing));text-transform:var(--carousel-tab-transform, var(--spitfire-typography-cinematic-label-m-text-transform));position:absolute;right:.5rem;bottom:.5rem;padding:.3125rem calc(.625rem - var(--carousel-tab-tracking)) .3125rem .625rem;font-variant-numeric:tabular-nums;color:var(--carousel-overlay-ink);background:var(--carousel-overlay-fill);border-radius:62.5rem}.section-feature-carousel .arrow{text-decoration:none;color:inherit;background:transparent;border:0;-webkit-appearance:none;appearance:none;transition:color var(--transition-duration) var(--transition-timing) 0s,border-color var(--transition-duration) var(--transition-timing) 0s;position:absolute;top:50%;display:grid;place-items:center;width:var(--arrow-size);height:var(--arrow-size);padding:0;transform:translateY(-50%);color:var(--arrow-ink);background:var(--arrow-fill);border:1px solid var(--arrow-line);border-radius:50%;cursor:pointer;pointer-events:auto}.section-feature-carousel .arrow:focus{outline:none}.section-feature-carousel .arrow:hover{text-decoration:none;outline:none}.section-feature-carousel .arrow:disabled{opacity:.5;pointer-events:none}.section-feature-carousel .arrow:focus-visible{outline:2px solid var(--carousel-focus);outline-offset:2px}.section-feature-carousel .arrow.prev{left:var(--arrow-inset)}.section-feature-carousel .arrow.next{right:var(--arrow-inset)}.section-feature-carousel .arrow svg{display:block;width:auto;height:.75rem;fill:currentColor}.section-feature-carousel .editor-note{color:var(--carousel-ink-dim)}.section-feature-carousel .editor-note p{font-family:var(--spitfire-typography-neutral-body-s-family);font-size:var(--spitfire-typography-neutral-body-s-size);font-weight:var(--spitfire-typography-neutral-body-s-weight);line-height:var(--spitfire-typography-neutral-body-s-line-height);letter-spacing:var(--spitfire-typography-neutral-body-s-letter-spacing);margin-block-end:var(--spitfire-typography-neutral-body-s-paragraph-spacing);margin:0}@media(min-width:576px){.section-feature-carousel .module{padding-block:1.75rem 1.25rem}.section-feature-carousel .rail{margin-bottom:1.75rem}}@media(min-width:768px){.section-feature-carousel .module{padding-inline:max(0px,4.5rem - max(0px,(100vw - var(--narrow-max-width)) / 2))}.section-feature-carousel .slide{grid-template-columns:minmax(0,1.45fr) minmax(16rem,1fr);gap:1.75rem}.section-feature-carousel .headline{max-width:22ch}.section-feature-carousel .blurb{max-width:46ch}.section-feature-carousel .rail .counter{display:block}.section-feature-carousel .overlay{--arrow-size: 3rem;--arrow-inset: -4.5rem;--arrow-ink: var(--carousel-ink-dim);--arrow-ink-hover: var(--carousel-ink);--arrow-fill: transparent;--arrow-line: var(--carousel-line-control);--arrow-line-hover: var(--carousel-ink-dim);top:0;right:0;bottom:0;left:0;aspect-ratio:auto}.section-feature-carousel .overlay .counter{display:none}}@media(hover:hover){.section-feature-carousel .arrow:hover{color:var(--arrow-ink-hover);border-color:var(--arrow-line-hover)}}@media(prefers-reduced-motion:reduce){.section-feature-carousel .tab,.section-feature-carousel .marker,.section-feature-carousel .arrow{transition-duration:1ms}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-feature-carousel.css.map */