@layer components{.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_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}.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)}.form_wrap{gap:var(--space-4);flex-direction:column;width:100%;display:flex}.form_fields{gap:var(--space-5);row-gap:var(--space-8);column-gap:var(--space-8);flex-direction:column;display:flex}.form_note{padding:var(--space-4) var(--space-5);border:var(--border-width) solid var(--border);border-radius:var(--radius-small);display:none}.form_wrap[data-state=sent] .form_fields{display:none}.form_wrap[data-state=sent] .form_note-sent{display:block}.form_wrap[data-state=failed] .form_note-failed{color:var(--text);display:block}.form-textarea_field{field-sizing:content;min-height:calc(var(--_min-lines,3) * 1lh + var(--_field-pad-block) * 2 + var(--border-width) * 2);max-height:calc(var(--_max-lines,12) * 1lh + var(--_field-pad-block) * 2 + var(--border-width) * 2);resize:vertical}.form-choice{cursor:pointer;align-items:center;gap:.75em;display:inline-flex}.form-choice_input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.form-choice_mark{--_mark:var(--background-2);--_mark-hover:var(--background-3);--_mark-chosen:var(--text);--_ink:var(--background);background-color:var(--_mark);border:var(--border-width) solid transparent;border-radius:var(--radius-small);width:1.5em;height:1.5em;transition:background-color var(--hover-duration) var(--hover-ease), border-color var(--hover-duration) var(--hover-ease);flex:none;place-items:center;display:grid}.form-choice_mark:has(.form-choice_dot){border-radius:var(--radius-round)}.form-choice_tick{color:var(--_ink);opacity:0;transition:opacity var(--hover-duration) var(--hover-ease)}.form-choice_dot{background-color:var(--_ink);border-radius:var(--radius-round);width:1.1em;height:1.1em;transition:scale var(--hover-duration) var(--hover-ease);scale:0}.form-choice:has(:checked) .form-choice_mark{background-color:var(--_mark-chosen)}.form-choice:has(:checked) .form-choice_tick{opacity:1}.form-choice:has(:checked) .form-choice_dot{scale:1}@media (hover:hover){.form-choice:hover .form-choice_input:not(:checked)~.form-choice_mark{background-color:var(--_mark-hover)}}.form-choice_input:focus-visible~.form-choice_mark{outline:var(--focus-width) solid var(--text);outline-offset:var(--focus-offset)}.form-choice.toggle .form-choice_mark{border-radius:var(--radius-round);place-items:center start;width:2.75em;height:1.5em;padding:.15em}.form-choice.toggle :is(.form-choice_tick,.form-choice_dot){display:none}.form-choice.toggle .form-choice_mark:after{content:"";border-radius:var(--radius-round);background-color:var(--text);width:1.1em;height:1.1em;transition:translate var(--hover-duration) var(--hover-ease), background-color var(--hover-duration) var(--hover-ease)}.form-choice.toggle:has(:checked) .form-choice_mark:after{background-color:var(--_ink);translate:1.2em}.form-choice.chip{background-color:var(--background-2);border:var(--border-width) solid transparent;border-radius:var(--radius-round);transition:background-color var(--hover-duration) var(--hover-ease), color var(--hover-duration) var(--hover-ease), border-color var(--hover-duration) var(--hover-ease);padding:.75em 1.5em}.form-choice.chip .form-choice_mark{--_mark:var(--background);--_mark-hover:var(--background);--_mark-chosen:var(--background);--_ink:var(--text)}@media (hover:hover){.form-choice.chip:hover:not(:has(:checked)){background-color:var(--background-3)}}.form-choice.chip:has(:checked){background-color:var(--text);color:var(--background)}.form-choice.chip .form-choice_input:focus-visible~.form-choice_mark{outline:0}.form-choice.chip:has(.form-choice_input:focus-visible){outline:var(--focus-width) solid var(--text);outline-offset:var(--focus-offset)}}