@layer components{.hero-main_wrap{justify-content:center;align-items:center;min-height:90svh;display:flex;position:relative;overflow:hidden}.hero-main_wrap .hero-main_media{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero-main_wrap .hero-main_overlay{position:absolute;inset:0}.hero-main_wrap.image{height:50.625rem}@media not (min-width:30rem){.hero-main_wrap.image{height:45rem}}.hero-main_wrap.image.tall{height:56.25rem}@media not (min-width:30rem){.hero-main_wrap.image.tall{height:45rem}}.hero-main_wrap.tall .text{max-width:38.5rem;font-size:1.5rem;line-height:1.4}.hero-main_container{z-index:1;padding-top:var(--section-space-large);padding-bottom:var(--section-space-small);position:relative}.overlay{background-color:color-mix(in srgb, black calc(var(--_strength,50) / 100 * 80%), transparent);width:100%;height:100%;position:absolute;inset:0}.overlay.gradient{background-color:color-mix(in srgb, black calc(var(--_strength,50) / 100 * 60%), transparent);background-image:linear-gradient(to bottom, transparent, color-mix(in srgb, black calc(var(--_strength,50) / 100 * 62%), transparent) 84%)}.noise{opacity:.05;background-image:url(/grain-overlay.gif);background-position:0 0;background-size:auto}.tabs_wrap{--_dir:1;--_interval:6s;--_slide:.5s;gap:var(--space-6);width:100%;display:grid}@media (min-width:48rem){.tabs_wrap.side{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start}}.tabs_bar{flex-direction:column;min-width:0;display:flex}.tabs_wrap.pills{gap:3.75rem}.tabs_wrap.pills.is-ready .tabs_panels>:not(.is-active){display:none}.tabs_wrap.pills .tabs_links{justify-content:center;gap:1.25rem;overflow-x:visible}.tabs_links{gap:var(--space-7);scrollbar-width:none;min-width:0;display:flex;overflow-x:auto}.tabs_wrap.side .tabs_links{gap:var(--space-2);flex-direction:column;overflow-x:visible}.tabs_link{min-width:8rem;padding-block:var(--space-3);border-bottom:.25rem solid var(--text);color:var(--text);text-align:start;transition:color var(--hover-duration) var(--hover-ease), border-color var(--hover-duration) var(--hover-ease);background:0 0;flex:1}.tabs_link.is-active{border-bottom-color:var(--brand-500)}.tabs_wrap.side .tabs_link{min-width:0;padding:var(--space-3) var(--space-5);border:var(--border-width) solid var(--border);border-radius:var(--radius-round);text-align:start;flex:none}.tabs_wrap.side .tabs_link.is-active{background-color:var(--text);color:var(--background)}.tabs_wrap.pills .tabs_link{border:var(--border-width) solid var(--brand-500);min-width:0;color:var(--brand-500);text-align:center;border-radius:.625rem;flex:none;padding:1rem 1.875rem;font-size:1.375rem}.tabs_wrap.pills .tabs_link.is-active{background-color:var(--brand-500);color:var(--background)}.tabs_wrap.auto:not(.side) .tabs_link.is-active{position:relative}.tabs_wrap.auto:not(.side) .tabs_link.is-active:after{content:"";inset-inline:0;bottom:calc(var(--border-width) * -1);height:var(--border-width);background-color:var(--text);transform-origin:0;position:absolute;scale:0 1}.tabs_wrap.auto:not(.side).running:not(.is-paused) .tabs_link.is-active{border-bottom-color:var(--border)}.tabs_wrap.auto:not(.side).running:not(.is-paused) .tabs_link.is-active:after{animation:tabs-progress var(--_interval) linear forwards}@keyframes tabs-progress{0%{scale:0 1}to{scale:1}}.tabs_panels{min-width:0;display:grid;overflow:clip}.tabs_panels>*{opacity:0;visibility:hidden;min-width:0;transition:opacity var(--open-duration) var(--open-ease), visibility var(--open-duration) var(--open-ease);grid-area:1/1}.tabs_wrap:not(.is-ready) :is(.tabs_panels>*):first-child,.tabs_panels>*.is-active{opacity:1;visibility:visible}.stacki-designer .tabs_wrap.preview .tabs_panels{gap:var(--space-6);overflow:visible}.stacki-designer .tabs_wrap.preview .tabs_panels>*{opacity:1;visibility:visible;grid-area:auto;animation:none;translate:none}.tabs_wrap.auto[data-moved] .tabs_panels>*.is-active{animation:tabs-in var(--_slide) var(--open-ease) both}.tabs_wrap.auto[data-moved] .tabs_panels>*.is-leaving{visibility:visible;animation:tabs-out var(--_slide) var(--open-ease) both}@keyframes tabs-in{0%{translate:calc(var(--_dir) * 100%) 0;opacity:0}to{opacity:1;translate:0}}@keyframes tabs-out{0%{opacity:1;translate:0}to{translate:calc(var(--_dir) * -100%) 0;opacity:0}}.tabs_controls{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.tabs_steps{gap:var(--space-2);display:flex}}
