@layer components{.tabs_wrap{--_dir:1;--_interval:6s;--_slide:.5s;gap:var(--space-6);width:100%;display:grid}.tabs_wrap.comparison.is-ready .tabs_panels>:not(.is-active){display:none}.tabs_wrap.comparison .tabs_link{min-width:0}@media not (min-width:48rem){.tabs_wrap.comparison .tabs_link{padding:1rem .5rem;font-size:.8125rem}.tabs_wrap.comparison .tabs_link_text{white-space:normal;text-box-trim:none}}.tabs_wrap.agenda{gap:var(--space-7)}.tabs_wrap.agenda .tabs_bar{top:calc(var(--nav-height) + env(safe-area-inset-top) + .5rem);z-index:10;place-self:start center;align-items:center;width:min(100%,28rem);position:sticky}.tabs_wrap.agenda .tabs_links{isolation:isolate;background:var(--dark-900);border:var(--border-width) solid var(--stroke-subtle);border-radius:var(--radius-surface);gap:.25rem;width:100%;padding:.25rem;position:relative}.tabs_wrap.agenda .tabs_link{z-index:1;border-radius:var(--radius-surface);min-width:0;min-height:2.75rem;color:var(--light-300);transition:background-color var(--hover-duration) var(--hover-ease), color var(--hover-duration) var(--hover-ease);border:0;flex:1;padding:.625rem 1rem;position:relative}.tabs_wrap.agenda .tabs_link.is-active{background:var(--brand-500);color:var(--dark-900)}.tabs_wrap.agenda .tabs_link:not(.is-active):hover{background:var(--dark-800);color:var(--light-100)}.tabs_wrap.agenda .tabs_selection{pointer-events:none;background:var(--brand-500);border-radius:var(--radius-surface);z-index:0;position:absolute;top:0;left:0}.tabs_wrap.agenda.has-morph .tabs_selection{transition:transform .3s cubic-bezier(.22,1,.36,1),width .3s cubic-bezier(.22,1,.36,1),height .3s cubic-bezier(.22,1,.36,1)}.tabs_wrap.agenda.is-ready .tabs_link.is-active,.tabs_wrap.agenda.is-ready .tabs_link:not(.is-active):hover{background:0 0}.tabs_wrap.agenda .tabs_link_text{text-box-trim:none;justify-content:center;align-items:center;gap:.75rem;display:flex}.tabs_wrap.agenda .tabs_link_text span{font:700 1.5rem/1 var(--display-family);letter-spacing:0;text-box-trim:trim-both;text-box-edge:cap alphabetic}.tabs_wrap.agenda .tabs_link_text time{letter-spacing:0;text-box-trim:trim-both;text-box-edge:cap alphabetic;color:inherit;font-size:.75rem}@media not (min-width:48rem){.tabs_wrap.agenda{gap:1rem}.tabs_wrap.agenda .tabs_link{padding:.5rem}.tabs_wrap.agenda .tabs_link_text{gap:.25rem}.tabs_wrap.agenda .tabs_link_text span{font-size:1.25rem}.tabs_wrap.agenda .tabs_link_text time{font-size:.75rem}}@media (prefers-reduced-motion:reduce){.tabs_wrap.agenda.has-morph .tabs_selection{transition:none}}@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_links{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:var(--border-width) solid var(--border);color:color-mix(in lab, currentcolor 60%, transparent);text-align:center;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(--text);color:var(--text)}@media (hover:hover){.tabs_link:hover{color:var(--text)}}.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.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}}
