:root:has(.app-modal[open]){overflow:hidden}.app-modal[data-v-33e2ede5]{border:1px solid var(--border);border-radius:var(--radius-lg);width:calc(100vw - 2rem);max-width:32rem;max-height:calc(100dvh - 2rem);color:inherit;background:var(--bg);flex-direction:column;margin:auto;padding:0;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}.app-modal[data-v-33e2ede5]::backdrop{background:color-mix(in oklab,var(--bg-elevated) 75%,transparent)}.app-modal[open][data-v-33e2ede5]{display:flex}.app-modal--wide[data-v-33e2ede5]{max-width:56rem}.app-modal--fullscreen[data-v-33e2ede5]{background:0 0;border:0;border-radius:0;width:100%;max-width:none;height:100%;max-height:none}.app-modal--fullscreen[data-v-33e2ede5]::backdrop{background:0 0}.app-modal__head[data-v-33e2ede5]{min-height:var(--header-height);padding:calc((var(--header-height) - var(--control-height))/2);border-bottom:1px solid var(--border);align-items:center;gap:.375rem;padding-left:1.5rem;display:flex}.app-modal__title[data-v-33e2ede5]{color:var(--text-highlighted);flex:1;font-weight:600}.app-modal__body[data-v-33e2ede5]{flex:1;padding:1.5rem;overflow-y:auto}@media (width<640px){.app-modal[data-v-33e2ede5]{border:0;border-radius:0;width:100%;max-width:none;height:100%;max-height:none}}