.variant-feature-breakdown{--vfb-inline-padding: calc(var(--space-token-md) + env(safe-area-inset-left, 0px));--vfb-inline-padding-end: calc(var(--space-token-md) + env(safe-area-inset-right, 0px));--vfb-block-padding: var(--space-token-4xl);--vfb-inner-max-inline: none;--vfb-stack-gap: var(--space-token-l);--vfb-heading-inline: 0px;--vfb-heading-max-inline: none;--vfb-heading-text-max: none;--vfb-heading-align: center;--vfb-heading-font: var(--font-3xl-semibold);--vfb-heading-copy-gap: var(--space-token-base);--vfb-desc-font: var(--font-base-medium);--vfb-controls-gap: var(--space-token-l);--vfb-copy-gap: var(--space-token-xs);--vfb-copy-max-inline: none;--vfb-controls-max-inline: none;--vfb-copy-align: start;--vfb-media-aspect: 3 / 2;--vfb-media-radius: var(--radius-s);--vfb-title-font: var(--font-xl-semibold);--vfb-tab-size: 40px;--vfb-tab-track-inset: var(--space-token-2xs);--vfb-tab-padding-inline: var(--space-token-base);--vfb-tab-padding-inline-selected: var(--space-token-md);--vfb-switch-duration: .3s;--vfb-switch-ease: cubic-bezier(.25, 1, .5, 1);display:block;max-inline-size:100%;min-inline-size:0;background:var(--vfb-background, var(--color-bg-black));color:var(--color-text-white-primary)}.variant-feature-breakdown__reveal{display:block;max-inline-size:100%;min-inline-size:0}.variant-feature-breakdown__reveal.is-enabled>.variant-feature-breakdown{opacity:0;transform:translate3d(0,24px,0);transition:opacity .8s cubic-bezier(.42,0,.58,1),transform .8s cubic-bezier(.42,0,.58,1);will-change:opacity,transform}.variant-feature-breakdown__reveal.is-enabled.is-visible>.variant-feature-breakdown{opacity:1;transform:translateZ(0)}.variant-feature-breakdown__inner{display:grid;gap:var(--vfb-stack-gap);justify-items:center;box-sizing:border-box;inline-size:100%;min-inline-size:0;max-inline-size:var(--vfb-inner-max-inline);margin-inline:auto;padding-block-start:var(--vfb-block-padding);padding-block-end:var(--vfb-block-padding);padding-inline:var(--vfb-inline-padding) var(--vfb-inline-padding-end)}.variant-feature-breakdown .section-header{display:grid;justify-self:center;justify-items:var(--vfb-heading-align);inline-size:100%;max-inline-size:var(--vfb-heading-max-inline);margin-block-end:0!important;margin-inline:auto;padding-inline:var(--vfb-heading-inline);grid-template-columns:minmax(0,1fr);text-align:var(--vfb-heading-align)}.variant-feature-breakdown .section-header .prose{display:flex;flex-direction:column;align-items:var(--vfb-heading-align);gap:var(--vfb-heading-copy-gap);inline-size:100%}.variant-feature-breakdown .section-header .prose,.variant-feature-breakdown .section-header .prose>:first-child,.variant-feature-breakdown .section-header .prose>:last-child{margin-block:0!important}.variant-feature-breakdown .section-header .h2,.variant-feature-breakdown .section-header .heading-h2{margin:0;max-inline-size:var(--vfb-heading-text-max);color:var(--color-text-white-primary);font:var(--vfb-heading-font)}.variant-feature-breakdown .section-header .prose>:not(.h2,.heading-h2,.subheading){max-inline-size:100%;color:var(--color-text-white-secondary);font:var(--vfb-desc-font)}.variant-feature-breakdown__stage{position:relative;display:grid;justify-self:stretch;inline-size:100%;min-inline-size:0;overflow:clip;border-radius:var(--vfb-media-radius);aspect-ratio:var(--vfb-media-aspect);background:var(--color-bg-dark-hover);touch-action:pan-y}.variant-feature-breakdown__panel{position:relative;grid-area:1 / 1;inline-size:100%;block-size:100%;min-inline-size:0;min-block-size:0;visibility:hidden;opacity:0;transition:opacity var(--vfb-switch-duration) var(--vfb-switch-ease),visibility var(--vfb-switch-duration) var(--vfb-switch-ease)}.variant-feature-breakdown__panel[data-vfb-active]{visibility:visible;opacity:1}.variant-feature-breakdown__panel>picture-breakpoint,.variant-feature-breakdown__panel picture{position:absolute;top:0;right:0;bottom:0;left:0;display:block;inline-size:100%;block-size:100%}.variant-feature-breakdown__panel .variant-feature-breakdown__image{display:block;inline-size:100%;max-inline-size:none;block-size:100%;height:100%;aspect-ratio:unset;object-fit:cover;object-position:center}.variant-feature-breakdown__discs{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.variant-feature-breakdown__disc{position:absolute;inset-block-start:var(--vfb-disc-offset-y);inline-size:var(--vfb-disc-size);block-size:auto;translate:-50% -50%}.variant-feature-breakdown__disc--start{left:calc(50% - var(--vfb-disc-offset-x))}.variant-feature-breakdown__disc--end{left:calc(50% + var(--vfb-disc-offset-x))}.variant-feature-breakdown__controls{display:grid;gap:var(--vfb-controls-gap);justify-items:center;inline-size:100%;min-inline-size:0;max-inline-size:var(--vfb-controls-max-inline)}.variant-feature-breakdown__controls:has(>.variant-feature-breakdown__copy.sr-only){gap:0}.variant-feature-breakdown__tablist{position:relative;display:flex;gap:var(--space-token-base);align-items:center;box-sizing:border-box;min-inline-size:0;max-inline-size:100%;padding:var(--vfb-tab-track-inset);overflow-x:auto;overflow-y:clip;border-radius:var(--radius-full);background:var(--mask-light-white);scrollbar-width:none}.variant-feature-breakdown--flush-tablist-inline .variant-feature-breakdown__tablist{padding-inline:0}.variant-feature-breakdown__tablist::-webkit-scrollbar{display:none}.variant-feature-breakdown__indicator{position:absolute;inset-block:var(--vfb-tab-track-inset);left:0;inline-size:0;opacity:0;border-radius:var(--radius-full);background:var(--color-bg-white);will-change:transform;pointer-events:none}.variant-feature-breakdown.is-enhanced .variant-feature-breakdown__indicator{opacity:1}.variant-feature-breakdown.is-measured .variant-feature-breakdown__indicator{transition:transform var(--vfb-switch-duration) var(--vfb-switch-ease),inline-size var(--vfb-switch-duration) var(--vfb-switch-ease)}.variant-feature-breakdown__tab{position:relative;display:grid;flex:0 0 auto;align-items:center;justify-items:center;block-size:var(--vfb-tab-size);margin:0;padding-inline:var(--vfb-tab-padding-inline);border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-text-white-secondary);font:var(--font-base-medium);white-space:nowrap;cursor:pointer;transition:color var(--vfb-switch-duration) var(--vfb-switch-ease),background-color var(--vfb-switch-duration) var(--vfb-switch-ease)}.variant-feature-breakdown__tab-label{grid-area:1 / 1}.variant-feature-breakdown__tab:after{content:attr(data-vfb-label);grid-area:1 / 1;visibility:hidden;font:var(--font-base-semibold)}.variant-feature-breakdown__tab:hover{background:var(--mask-light-white-sm);color:var(--color-text-white-primary)}.variant-feature-breakdown__tab:focus-visible{outline:2px solid var(--color-text-white-primary);outline-offset:-2px}.variant-feature-breakdown__tab[aria-selected=true]{padding-inline:var(--vfb-tab-padding-inline-selected);background:var(--color-bg-white);color:var(--color-text-primary);font:var(--font-base-semibold)}.variant-feature-breakdown.is-enhanced .variant-feature-breakdown__tab,.variant-feature-breakdown.is-enhanced .variant-feature-breakdown__tab:hover{background:transparent}.variant-feature-breakdown.is-enhanced .variant-feature-breakdown__tab:hover{color:var(--color-text-white-primary)}.variant-feature-breakdown.is-enhanced .variant-feature-breakdown__tab[aria-selected=true]{color:var(--color-text-primary)}.variant-feature-breakdown__copy{display:grid;gap:var(--vfb-copy-gap);inline-size:100%;min-inline-size:0;max-inline-size:var(--vfb-copy-max-inline);text-align:var(--vfb-copy-align)}.variant-feature-breakdown.is-motion .variant-feature-breakdown__panel{transition:none}.variant-feature-breakdown__title{margin:0;color:var(--color-text-white-primary);font:var(--vfb-title-font)}.variant-feature-breakdown__description{margin:0;color:var(--color-text-white-secondary);font:var(--font-base-medium)}@media screen and (max-width:767px){.variant-feature-breakdown__title{text-align:center}.variant-feature-breakdown__tablist[data-vfb-tab-count="2"]{align-items:stretch;inline-size:100%}.variant-feature-breakdown__tablist[data-vfb-tab-count="2"] .variant-feature-breakdown__tab{flex:1 1 calc((100% - var(--space-token-base)) / 2);grid-template-columns:minmax(0,1fr);box-sizing:border-box;min-inline-size:0;max-inline-size:calc((100% - var(--space-token-base)) / 2);min-block-size:var(--vfb-tab-size);block-size:auto;padding-block:var(--space-token-2xs);white-space:normal}.variant-feature-breakdown__tablist[data-vfb-tab-count="2"] .variant-feature-breakdown__tab-label{inline-size:100%;min-inline-size:0;max-inline-size:100%;overflow-wrap:anywhere;text-align:center}}@media screen and (min-width:768px){.variant-feature-breakdown{--vfb-inline-padding: calc(var(--space-token-xl) + env(safe-area-inset-left, 0px));--vfb-inline-padding-end: calc(var(--space-token-xl) + env(safe-area-inset-right, 0px));--vfb-block-padding: var(--space-token-5xl);--vfb-stack-gap: var(--space-token-xl);--vfb-heading-inline: var(--space-token-xl);--vfb-heading-text-max: 688px;--vfb-heading-align: center;--vfb-heading-font: var(--font-7xl-semibold);--vfb-heading-copy-gap: var(--space-token-md);--vfb-desc-font: var(--font-xl-medium);--vfb-controls-gap: var(--space-token-md);--vfb-copy-align: center;--vfb-media-aspect: 2 / 1;--vfb-media-radius: var(--radius--base);--vfb-title-font: var(--font-2xl-semibold)}}@media screen and (min-width:1280px){.variant-feature-breakdown{--vfb-inline-padding: var(--space-token-6xl);--vfb-inline-padding-end: var(--space-token-6xl);--vfb-block-padding: var(--space-token-7xl);--vfb-inner-max-inline: calc(1200px + (var(--space-token-6xl) * 2));--vfb-stack-gap: var(--space-token-3xl);--vfb-heading-inline: 0px;--vfb-heading-max-inline: 1000px;--vfb-heading-font: var(--font-8xl-semibold);--vfb-heading-copy-gap: var(--space-token-l);--vfb-desc-font: var(--font-xl-semibold);--vfb-copy-gap: var(--space-token-s);--vfb-copy-max-inline: 800px;--vfb-controls-max-inline: 1000px}.variant-feature-breakdown__controls{margin-block-start:calc(var(--space-token-4xl) - var(--space-token-3xl))}.variant-feature-breakdown__stage{background:var(--color-bg-black)}}@media(prefers-reduced-motion:reduce){.variant-feature-breakdown__reveal.is-enabled>.variant-feature-breakdown{opacity:1;transform:none;transition:none;will-change:auto}.variant-feature-breakdown__tab,.variant-feature-breakdown__panel,.variant-feature-breakdown.is-measured .variant-feature-breakdown__indicator{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/56/assets/variant-feature-breakdown.css.map */