.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000a6}.modal-panel{border:1px solid var(--color-line);background:var(--color-surface);max-height:min(90dvh,960px);color:var(--color-text);border-radius:24px;outline:none;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 32px 80px -20px #0009}.modal-header{z-index:3;border-bottom:1px solid var(--color-line);background:var(--color-surface);flex-shrink:0;align-items:flex-start;gap:12px;padding:20px 24px;display:flex;position:relative}.modal-header__identity{flex:1;align-items:flex-start;gap:12px;min-width:0;display:flex}.modal-header__icon{background:var(--color-accent-soft);width:44px;height:44px;color:var(--color-accent);border-radius:16px;flex-shrink:0;place-items:center;display:grid}.modal-header__text{flex:1;min-width:0}.modal-header__title{margin:0;font-size:19px;font-weight:600;line-height:1.5}.modal-header__description{color:var(--color-muted);margin-top:4px;font-size:13px;line-height:1.6}.modal-header__actions{flex-shrink:0;align-self:center;align-items:center;gap:8px;display:flex}.modal-header__close{align-self:flex-start}.modal-header--brand{align-items:center}.modal-header--brand .modal-header__identity{flex:0 auto}.modal-header--brand .modal-header__close{align-self:center;margin-inline-start:auto}.modal-body{overscroll-behavior:contain;flex:auto;min-height:0;overflow-y:auto}.modal-body,.modal-body textarea{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--color-muted) 32%, transparent) transparent}.modal-body::-webkit-scrollbar{width:5px;height:5px}.modal-body textarea::-webkit-scrollbar{width:5px;height:5px}.modal-body::-webkit-scrollbar-track{background:0 0;margin-block:14px}.modal-body textarea::-webkit-scrollbar-track{background:0 0;margin-block:14px}.modal-body::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--color-muted) 32%, transparent);border-radius:999px;min-height:36px}.modal-body textarea::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--color-muted) 32%, transparent);border-radius:999px;min-height:36px}.modal-body::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--color-muted) 60%, transparent)}.modal-body textarea::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--color-muted) 60%, transparent)}.modal-body::-webkit-scrollbar-button{width:0;height:0;display:none}.modal-body textarea::-webkit-scrollbar-button{width:0;height:0;display:none}.modal-body::-webkit-scrollbar-corner{background:0 0}.modal-body textarea::-webkit-scrollbar-corner{background:0 0}.modal-panel :is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}@supports selector(::-webkit-scrollbar){.modal-body,.modal-body textarea{scrollbar-width:auto;scrollbar-color:auto}}@media (width<=767px){.modal-panel--sheet{border-end-end-radius:0;border-end-start-radius:0}.modal-panel--form{border:0;border-radius:0;height:100dvh;max-height:100dvh}.modal-header{flex-wrap:wrap;padding:16px 20px}.modal-panel--form .modal-header{padding-top:max(env(safe-area-inset-top), 16px)}.modal-panel--form .modal-body,.modal-panel--sheet .modal-body{padding-bottom:max(env(safe-area-inset-bottom), 24px)}.modal-header__close{margin-inline-start:auto}.modal-header__actions{order:1;width:100%;padding-inline-start:56px}.modal-header__actions>*{flex:1}}@media (prefers-reduced-motion:reduce){.modal-panel{animation:none!important}}