:is(.feature-explorer){--radius-s: .5rem;--radius-m: clamp(.75rem, .6667rem + .3704vi, 1rem);--radius-l: clamp(1.5rem, 1.3333rem + .7407vi, 2rem);--radius-full: 999rem;--font-paragraph--family: var(--font-body--family)}.feature-explorer{display:flex;flex-direction:column;gap:var(--gap-xl)}.section--full-width .feature-explorer{padding-inline:var(--page-margin)}.feature-explorer-section[class*=color-custom-] .feature-explorer{--color-surface: color-mix(in srgb, var(--color-foreground) 8%, var(--color-background))}.feature-explorer__header{display:flex;flex-direction:column;gap:var(--gap-xs)}@media screen and (min-width:990px){.feature-explorer__header{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:var(--gap-xl)}}.feature-explorer__heading{margin:0;text-wrap:balance}.feature-explorer__intro{max-width:var(--max-width--body-narrow)}.feature-explorer__intro>*{margin:0}.feature-explorer__stage{display:flex;flex-direction:column;gap:var(--gap-sm);height:max(34rem,calc(100svh - var(--page-margin) * 2))}@media screen and (min-width:990px){.feature-explorer__stage{display:grid;grid-template-areas:"list media";grid-template-columns:minmax(0,30rem) minmax(0,1fr);align-items:center;column-gap:var(--gap-xl);height:auto;min-height:clamp(32rem,62svh,46rem);border-radius:var(--radius-l);background-color:var(--color-background)}}.feature-explorer__rail{grid-area:list;flex:none;min-width:0}@media screen and (min-width:990px){.feature-explorer__rail{display:grid;grid-template-columns:var(--minimum-touch-target) minmax(0,1fr);column-gap:var(--gap-xl)}.feature-explorer__rail>*{grid-row:1}}.feature-explorer__nav-button{display:none;place-items:center;width:var(--minimum-touch-target);height:var(--minimum-touch-target);padding:0;border:0;border-radius:var(--radius-full);background-color:var(--color-surface);color:var(--color-foreground);cursor:pointer;touch-action:manipulation;transition:background-color var(--animation-speed) var(--animation-easing),color var(--animation-speed) var(--animation-easing)}@media screen and (min-width:990px){.feature-explorer__nav-button{display:grid;grid-column:1}}.feature-explorer__nav-button:hover:not(:disabled){background-color:var(--color-foreground);color:var(--color-background)}.feature-explorer__nav-button:disabled{scale:0;opacity:0;visibility:hidden;pointer-events:none}.feature-explorer__nav-button .svg-wrapper{width:var(--icon-size-xs);height:var(--icon-size-xs)}.feature-explorer__nav-button--prev{align-self:start;margin-block-start:calc((3.5rem - var(--minimum-touch-target)) / 2)}.feature-explorer__nav-button--prev .svg-wrapper{rotate:180deg}.feature-explorer__nav-button--next{align-self:end;margin-block-end:calc((3.5rem - var(--minimum-touch-target)) / 2)}.feature-explorer__list{display:grid;grid-template-columns:minmax(0,1fr) var(--minimum-touch-target);column-gap:var(--gap-sm);row-gap:var(--gap-xs);margin:0;padding-inline-end:var(--padding-md);touch-action:pan-y}@media screen and (min-width:990px){.feature-explorer__list{display:flex;grid-column:2;flex-direction:column;align-items:flex-start;gap:var(--gap-sm);padding-inline-end:0;touch-action:auto}}.feature-explorer__item{position:relative;grid-column:2;flex:0 0 auto;overflow:clip;border-radius:var(--radius-full);background-color:var(--color-surface)}.feature-explorer__item[data-active]{grid-column:1;grid-row:1 / -1;border-radius:var(--radius-l)}@media screen and (min-width:990px){.feature-explorer__item[data-active]{width:100%}}@media screen and (max-width:989px){.feature-explorer__item[data-active]{display:flex;flex-direction:column}.feature-explorer__item[data-active] .feature-explorer__panel{flex:1}.feature-explorer__item[data-active] .feature-explorer__button{margin-block-start:auto}}[data-measuring]>.feature-explorer__item[data-active]{align-self:start}.feature-explorer__toggle{display:inline-flex;align-items:center;gap:var(--gap-sm);min-height:3.25rem;padding-block:0;padding-inline:var(--padding-2xl);border:0;background:none;color:inherit;font-family:var(--font-subheading--family);font-weight:var(--font-subheading--weight);font-size:var(--font-size--md);text-align:start;white-space:nowrap;cursor:pointer;touch-action:manipulation}@media screen and (min-width:990px){.feature-explorer__toggle{min-height:3.5rem;font-size:var(--font-size--lg);white-space:normal}}@media(hover:hover){.feature-explorer__toggle:hover .feature-explorer__icon:not(.feature-explorer__icon--image){background-color:var(--color-foreground);color:var(--color-background)}}[data-active]>.feature-explorer__toggle{cursor:default}@media screen and (max-width:989px){:not([data-active])>.feature-explorer__toggle{justify-content:center;width:var(--minimum-touch-target);min-height:var(--minimum-touch-target);padding:0}:not([data-active])>.feature-explorer__toggle .feature-explorer__label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}.feature-explorer__icon{display:grid;place-items:center;flex-shrink:0;width:var(--icon-size-lg);height:var(--icon-size-lg);border:var(--style-border-width) solid currentColor;border-radius:var(--radius-full);transition:background-color var(--animation-speed) var(--animation-easing),color var(--animation-speed) var(--animation-easing)}.feature-explorer__icon svg{width:var(--icon-size-xs);height:var(--icon-size-xs)}.feature-explorer__icon--image{border:0;border-radius:0}.feature-explorer__icon--image img{display:block;width:100%;height:100%;object-fit:contain}.feature-explorer__panel{display:flex;flex-direction:column;align-items:flex-start;gap:var(--gap-lg);padding:0 var(--padding-2xl) var(--padding-2xl)}@media screen and (min-width:990px){.feature-explorer__panel{gap:var(--gap-xl)}}.feature-explorer__panel[data-leaving]{position:absolute;inset-inline-start:0;pointer-events:none}.feature-explorer__panel[hidden]{display:none}.feature-explorer__copy{margin:0;font-family:var(--font-paragraph--family);font-size:var(--font-size--md);line-height:var(--line-height--body-normal)}@media screen and (min-width:990px){.feature-explorer__copy{font-size:var(--font-size--lg)}}.feature-explorer__title{font-family:var(--font-subheading--family);font-weight:var(--font-subheading--weight)}.feature-explorer__badges{display:flex;flex-wrap:wrap;gap:var(--gap-xs);margin:0}.feature-explorer__badge img{display:block;width:var(--minimum-touch-target);height:var(--minimum-touch-target);border-radius:var(--radius-full);object-fit:cover}@media screen and (min-width:990px){.feature-explorer__badge img{width:3.5rem;height:3.5rem}}.feature-explorer__media{grid-area:media;position:relative;order:-1;flex:1 1 0;min-height:var(--height-small);overflow:hidden;border-radius:var(--radius-l);background-color:var(--color-surface)}@media screen and (min-width:990px){.feature-explorer__media{min-height:0;align-self:stretch;border-radius:var(--radius-m)}}.feature-explorer__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity var(--animation-speed-slow) var(--animation-easing),visibility 0s linear var(--animation-speed-slow)}.feature-explorer__slide[data-active]{opacity:1;visibility:visible;transition:opacity var(--animation-speed-slow) var(--animation-easing),visibility 0s}.feature-explorer__slide :is(video,img,svg){display:block;width:100%;height:100%;object-fit:cover}.feature-explorer__pause{position:absolute;z-index:var(--layer-flat);inset-block-end:var(--padding-md);inset-inline-end:var(--padding-md);display:grid;place-items:center;width:var(--minimum-touch-target);height:var(--minimum-touch-target);padding:0;border:0;border-radius:var(--radius-full);background-color:var(--color-background);color:var(--color-foreground);cursor:pointer;touch-action:manipulation}@media screen and (min-width:990px){.feature-explorer__pause{inset-block-end:var(--padding-xl);inset-inline-end:var(--padding-xl)}}.feature-explorer__pause .svg-wrapper{width:var(--icon-size-sm);height:var(--icon-size-sm)}.feature-explorer__pause .feature-explorer__play-icon,.feature-explorer__pause[data-paused] .feature-explorer__pause-icon{display:none}.feature-explorer__pause[data-paused] .feature-explorer__play-icon{display:grid}.feature-explorer__dots{position:absolute;inset-block-end:calc(var(--padding-md) + (var(--minimum-touch-target) - .375rem) / 2);inset-inline-start:calc(var(--padding-md) + var(--padding-xs));display:flex;gap:var(--gap-2xs)}@media screen and (min-width:990px){.feature-explorer__dots{inset-block-end:calc(var(--padding-xl) + (var(--minimum-touch-target) - .375rem) / 2);inset-inline-start:calc(var(--padding-xl) + var(--padding-xs))}}.feature-explorer__dot{display:block;width:.375rem;height:.375rem;border-radius:var(--radius-full);background-color:var(--color-foreground);opacity:.35;transition:width var(--animation-speed) var(--animation-easing),opacity var(--animation-speed) var(--animation-easing)}.feature-explorer__dot[data-active]{width:1.5rem;opacity:.9}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-feature-explorer.css.map */