@layer base{.ds-product-split-hero{--ds-product-split-hero-height:860px;--ds-product-split-hero-frame-width:700px;--ds-product-split-hero-stacked-max-height:600px;--ds-product-split-hero-radius:calc(var(--radius-ds-antigrid) + var(--spacing-ds-antigrid));background-color:var(--color-ds-surface-bg,#080808);width:100%;position:relative;overflow-x:clip;container-type:inline-size}.ds-product-split-hero--inner{width:100%;max-width:calc(var(--ds-layout-content-v2) + 2*var(--spacing-ds-antigrid));grid-template-columns:repeat(1,minmax(0,1fr));margin-inline:auto;display:grid}.ds-product-split-hero--copy{max-width:680px;padding-inline:var(--spacing-ds-antigrid);padding-top:max(3rem,calc(var(--ds-lip-clearance) - var(--ds-nav-height)));flex-direction:column;align-items:flex-start;padding-bottom:40px;display:flex}.ds-product-split-hero--title{font-size:var(--text-headline-2xl);font-weight:520;font-stretch:108%;line-height:110%;font-size:var(--text-headline-2xl,clamp(30px,calc(30px + 24*(100vw - 390px)/890),54px));text-wrap:balance;color:var(--color-ds-main-white,#f0f0f0)}.ds-product-split-hero--description{margin-top:calc(var(--spacing,.25rem)*6);font-size:var(--text-body-lg);font-weight:400;font-stretch:100%;line-height:136%;font-size:var(--text-body-lg,22px);text-wrap:balance;color:var(--color-ds-main-gray,#939393)}.ds-product-split-hero--buttons{margin-top:calc(var(--spacing,.25rem)*10);gap:calc(var(--spacing,.25rem)*4);flex-direction:column;width:100%;max-width:320px;display:flex}.ds-product-split-hero--cutout{--ds-section-stage-shell-fill:var(--color-ds-surface-elevation-lg);--ds-section-stage-shell-stroke:transparent;--ds-section-stage-shell-stroke-width:0px;--ds-section-stage-shell-width:100%;--ds-section-stage-shell-padding:0px;padding-inline:var(--spacing-ds-antigrid)}.ds-product-split-hero--shell{border-radius:var(--ds-product-split-hero-radius);overflow:hidden}.ds-product-split-hero--graphic{aspect-ratio:700/860;width:100%;max-height:var(--ds-product-split-hero-stacked-max-height);border-radius:var(--ds-product-split-hero-radius);background:var(--ds-section-stage-shell-fill);position:relative;overflow:hidden}@container (min-width:40rem){.ds-product-split-hero--buttons{flex-direction:row;align-items:center;width:auto;max-width:none}}@container (min-width:75rem){.ds-product-split-hero--inner{grid-template-columns:minmax(0,1fr)var(--ds-product-split-hero-frame-width);min-height:var(--ds-product-split-hero-height);align-items:center;column-gap:calc(var(--spacing,.25rem)*10)}.ds-product-split-hero--copy{padding:0 0 0 calc(var(--spacing-ds-antigrid) + var(--spacing-ds-antigrid-padding))}.ds-product-split-hero--buttons{margin-top:calc(var(--spacing,.25rem)*15)}.ds-product-split-hero--cutout{padding-inline:calc(var(--spacing,.25rem)*0)}.ds-product-split-hero--shell{border-radius:0;overflow:visible}.ds-product-split-hero--graphic{aspect-ratio:auto;height:var(--ds-product-split-hero-height);border-radius:0 0 var(--ds-product-split-hero-radius)var(--ds-product-split-hero-radius);max-height:none}}}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-duration:initial}}}@keyframes showcase-tabs-progress{0%{scale:var(--showcase-tabs-progress-from)}to{scale:1}}@layer base{.showcase-tabs{--showcase-tabs-aside-width:349px;--showcase-tabs-interval:5s;--showcase-tabs-progress-from:0 1;flex:1;grid-template-columns:repeat(1,minmax(0,1fr));width:100%;display:grid;position:relative}.showcase-tabs--aside{z-index:10;gap:calc(var(--spacing,.25rem)*6);padding:var(--spacing-ds-antigrid-padding,var(--ds-antigrid-padding));flex-direction:column;display:flex;position:relative}.showcase-tabs--copy{flex-direction:column;display:flex}.showcase-tabs--list{gap:calc(var(--spacing,.25rem)*2);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.showcase-tabs--tab{min-width:calc(var(--spacing,.25rem)*0);cursor:pointer;gap:calc(var(--spacing,.25rem)*3);border-radius:var(--radius-sm,.25rem);padding-top:calc(var(--spacing,.25rem)*2);text-align:center;outline:none;flex-direction:column;display:flex}.showcase-tabs--tab:focus-visible{outline:2px solid var(--color-ds-green);outline-offset:2px}.showcase-tabs--tab-copy{min-width:calc(var(--spacing,.25rem)*0);letter-spacing:.363px;flex-direction:column;font-size:14.5px;font-weight:450;line-height:normal;display:flex}.showcase-tabs--tab-label{text-overflow:ellipsis;white-space:nowrap;color:var(--color-ds-main-gray,#939393);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.15s;transition-duration:.15s;overflow:hidden}.showcase-tabs--tab-description{color:var(--color-ds-dark-gray,#424242);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.15s;transition-duration:.15s;display:none}.showcase-tabs--tab-indicator{height:calc(var(--spacing,.25rem)*.5);background-color:var(--color-ds-border-antigrid,#1c1c1c);width:100%;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.15s;border-radius:3.40282e38px;flex-shrink:0;transition-duration:.15s;position:relative;overflow:hidden}.showcase-tabs--tab-progress{inset:calc(var(--spacing,.25rem)*0);background-color:var(--color-ds-main-white,#f0f0f0);transform-origin:0;border-radius:3.40282e38px;display:none;position:absolute}.showcase-tabs--tab:hover .showcase-tabs--tab-indicator{background-color:var(--color-ds-dark-gray,#424242)}.showcase-tabs--tab[data-state=active] .showcase-tabs--tab-label{color:var(--color-ds-main-white,#f0f0f0)}.showcase-tabs--tab[data-state=active] .showcase-tabs--tab-description{color:var(--color-ds-main-gray,#939393)}.showcase-tabs--tab[data-state=active] .showcase-tabs--tab-indicator{background-color:var(--color-ds-main-white,#f0f0f0)}.showcase-tabs[data-rotating] .showcase-tabs--tab[data-state=active] .showcase-tabs--tab-indicator{background-color:var(--color-ds-dark-gray,#424242)}.showcase-tabs[data-rotating] .showcase-tabs--tab[data-state=active] .showcase-tabs--tab-progress{animation:showcase-tabs-progress var(--showcase-tabs-interval)linear;display:block}.showcase-tabs[data-paused] .showcase-tabs--tab-progress{animation-play-state:paused}.showcase-tabs--stage{z-index:10;min-width:calc(var(--spacing,.25rem)*0);display:grid;position:relative}.showcase-tabs--panel{min-width:calc(var(--spacing,.25rem)*0);outline:none;grid-area:1/1;position:relative}.showcase-tabs--panel:focus-visible{outline:2px solid var(--color-ds-green);outline-offset:-2px}.showcase-tabs--panel[data-state=inactive]{visibility:hidden;opacity:0}@media (prefers-reduced-motion:no-preference){.showcase-tabs--panel{transition:opacity .2s ease-out,visibility linear}.showcase-tabs--panel[data-state=inactive]{transition:opacity .2s ease-out,visibility 0s linear .2s}}@media (min-width:64rem){.showcase-tabs{--showcase-tabs-progress-from:1 0;grid-template-columns:calc(var(--showcase-tabs-aside-width) + var(--spacing-ds-antigrid-padding))minmax(0,1fr);column-gap:var(--spacing-ds-antigrid)}.showcase-tabs--aside{justify-content:space-between;gap:calc(var(--spacing,.25rem)*10);padding-right:calc(var(--spacing,.25rem)*0)}.showcase-tabs--list{gap:calc(var(--spacing,.25rem)*0);flex-direction:column;display:flex}.showcase-tabs--tab{justify-content:flex-end;align-items:center;gap:calc(var(--spacing,.25rem)*6);width:100%;padding-block:calc(var(--spacing,.25rem)*4.5);text-align:right;flex-direction:row}.showcase-tabs--tab-copy{flex:1;font-size:17px;font-weight:450;line-height:140%}.showcase-tabs--tab-label{white-space:normal}.showcase-tabs--tab-description{display:block}.showcase-tabs--tab-indicator{height:calc(var(--spacing,.25rem)*9);width:calc(var(--spacing,.25rem)*.5);background-color:#0000}.showcase-tabs--tab-progress{transform-origin:top}}}@property --tw-duration{syntax:"*";inherits:false}
/*# sourceMappingURL=2b7mbz-gla32s.css.map*/