@layer components{.eyebrow_wrap{align-items:center;justify-content:var(--_alignment,start);gap:var(--space-1);color:var(--eyebrow-text);display:inline-flex}.eyebrow_wrap.accent{--eyebrow-marker:var(--salmon-500)}.eyebrow_wrap.tag{background-color:var(--text);color:var(--background);padding:var(--space-1) var(--space-2);border-radius:var(--radius-small)}.eyebrow_wrap .eyebrow_marker{background-color:var(--eyebrow-marker);border-radius:.125rem;flex:none;width:.5625rem;height:.5625rem}.eyebrow_wrap .eyebrow_text{line-height:var(--line-height-medium);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.eyebrow_wrap.tag .eyebrow_text{letter-spacing:var(--letter-spacing-normal);text-transform:none}.tabs_wrap{--_dir:1;--_interval:6s;--_slide:.5s;gap:var(--space-6);width:100%;display:grid}.tabs_wrap.pill{gap:var(--space-3)}@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_wrap.pill .tabs_links{gap:var(--space-1);padding:var(--space-1);background-color:var(--background-2);border-radius:var(--radius-main)}.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.pill .tabs_link{min-width:max-content;padding:var(--space-4) var(--space-5);border-radius:var(--radius-small);color:var(--text-2);transition:color var(--hover-duration) var(--hover-ease), background-color var(--hover-duration) var(--hover-ease);border:0}.tabs_wrap.pill .tabs_link.is-active{background-color:var(--button-2-background);color:var(--text)}.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}.accordion_wrap{width:100%}.accordion_item{interpolate-size:allow-keywords;border-bottom:var(--border-width) solid var(--border);transition:border-color var(--hover-duration) var(--hover-ease)}@media (hover:hover){.accordion_item:hover{border-bottom-color:currentColor}}.accordion_toggle{justify-content:space-between;align-items:center;gap:var(--space-4);padding-block:var(--space-5);cursor:pointer;list-style:none;display:flex}.accordion_toggle::-webkit-details-marker{display:none}.accordion_title{margin-block:0}.accordion_icon{transition:rotate var(--open-duration) var(--open-ease);rotate:90deg}.accordion_item:is([open],.stacki-opened) .accordion_icon,.stacki-designer .accordion_wrap.preview .accordion_icon{rotate:-90deg}.accordion_item::details-content{content-visibility:hidden;block-size:0;transition:block-size var(--open-duration) var(--open-ease), content-visibility var(--open-duration) var(--open-ease) allow-discrete;overflow:hidden}.accordion_item:is([open],.stacki-opened)::details-content{content-visibility:visible;block-size:auto}.stacki-designer .accordion_wrap.preview .accordion_item::details-content{content-visibility:visible;block-size:auto}.accordion_body{padding-bottom:var(--space-5)}.accordion_item.card{border-radius:var(--radius-main);transition:border-color var(--hover-duration) var(--hover-ease), background-color var(--open-duration) var(--open-ease), padding var(--open-duration) var(--open-ease)}.accordion_item.card .accordion_toggle{padding-block:var(--space-3);transition:padding var(--open-duration) var(--open-ease)}.accordion_item.card .accordion_mark{border-radius:var(--radius-round);width:2rem;height:2rem;color:var(--text-2);transition:background-color var(--open-duration) var(--open-ease), color var(--open-duration) var(--open-ease);flex:none;place-items:center;display:grid}.accordion_item.card .accordion_icon{rotate:0deg}.accordion_item.card .accordion_body{max-width:60ch;color:var(--text-2)}.accordion_item.card:is([open],.stacki-opened){padding-inline:var(--space-5);background-color:var(--background-2);border-bottom-color:#0000}.accordion_item.card:is([open],.stacki-opened) .accordion_toggle{padding-top:var(--space-5)}.accordion_item.card:is([open],.stacki-opened) .accordion_mark{background-color:var(--button-background);color:var(--button-text)}.accordion_item.card:is([open],.stacki-opened) .accordion_icon{rotate:45deg}}
