@layer components{html:has(.modal_wrap[open]){overflow:hidden}.modal_wrap{--_leaving:calc(var(--open-duration) * .7);--_from:0 2rem;--_body:0 0;--_backdrop:lab(0% none none/.6);--_close:calc(2.75em + var(--space-4) * 2);width:100%;max-width:none;height:100%;max-height:none;padding:var(--site-margin);color:var(--text);transition:display var(--_leaving) allow-discrete, overlay var(--_leaving) allow-discrete;background:0 0;border:0;justify-content:center;align-items:center;margin:0;overflow:clip}.modal_wrap[open]{transition:display var(--open-duration) allow-discrete, overlay var(--open-duration) allow-discrete;display:flex}.stacki-designer .modal_wrap.preview,.modal_wrap.stacki-opened{z-index:100;background-color:var(--_backdrop);display:flex;position:fixed;inset:0}.modal_wrap::backdrop{background-color:var(--_backdrop);opacity:0;transition:opacity var(--_leaving) var(--open-ease)}.modal_wrap[open]::backdrop{opacity:1;transition:opacity var(--open-duration) var(--open-ease)}@starting-style{.modal_wrap[open]::backdrop{opacity:0}}.modal_wrap.side-panel{--_panel:28rem;--_from:var(--_panel) 0;justify-content:end;align-items:stretch;padding:0}.modal_wrap.full-screen{--_from:0 0;--_body:0 2rem;align-items:stretch;padding:0}.modal_content{background-color:var(--background);border-radius:var(--radius-main);opacity:0;width:100%;max-width:34rem;max-height:100%;translate:var(--_from);transition:opacity var(--_leaving) var(--open-ease), translate var(--_leaving) var(--open-ease);flex-direction:column;display:flex;position:relative;overflow:hidden}.modal_wrap.side-panel .modal_content{max-width:var(--_panel);border-radius:0;max-height:none}.modal_wrap.full-screen .modal_content{border-radius:0;max-width:none;max-height:none}.modal_wrap:is([open],.stacki-opened) .modal_content,.stacki-designer .modal_wrap.preview .modal_content{opacity:1;transition:opacity var(--open-duration) var(--open-ease), translate var(--open-duration) var(--open-ease);translate:0}@starting-style{.modal_wrap[open] .modal_content{opacity:0;translate:var(--_from)}}.modal_close{top:var(--space-4);z-index:1;position:absolute;inset-inline-end:var(--space-4)}.modal_scroll{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.modal_wrap.full-screen .modal_scroll{height:100%}.modal_body{padding:var(--_close) var(--space-6) var(--space-7);translate:var(--_body);transition:translate var(--_leaving) var(--open-ease)}.modal_wrap.full-screen .modal_body{align-content:center;min-height:100%;display:grid}.modal_wrap:is([open],.stacki-opened) .modal_body,.stacki-designer .modal_wrap.preview .modal_body{transition:translate var(--open-duration) var(--open-ease);translate:0}@starting-style{.modal_wrap[open] .modal_body{translate:var(--_body)}}.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{text-transform:uppercase;margin-block:0;font-size:clamp(1rem,2.2vw,2rem);font-weight:500}.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);color:var(--muted-text);max-width:70ch;font-size:1rem;line-height:1.5}}@media not (min-width:48rem){.accordion_toggle{flex-direction:column-reverse;gap:1.5rem;padding-block:1.5rem}.accordion_title{text-align:center;font-size:1.25rem}.accordion_icon{display:none}.accordion_item[open] .accordion_toggle:before{content:"✦";color:var(--brand-500);order:1}.accordion_body{text-align:center;font-size:1rem;line-height:1.5}}