@layer components{.modal-container{z-index:150;position:relative}.modal-inner-container{justify-content:center;align-items:center;width:100dvw;padding:1rem;display:flex;position:fixed;inset:0}.modal-backdrop{transition:opacity var(--duration-fast) var(--curve-default);background-color:#02061845;position:fixed;inset:0;&[data-closed]{opacity:0}}.modal-panel{background:var(--background-panel);border:var(--border);border-radius:var(--rounding);max-width:512px;box-shadow:0 4px 6px -1px var(--color-shadow), 0 2px 4px -2px var(--color-shadow);transition:opacity var(--duration-fast) var(--curve-default), transform var(--duration-fast) var(--curve-default);padding:1rem 1.25rem;transform:scale(1);&[data-closed]{opacity:0;transform:scale(.95)}& h2{font-family:var(--font-heading);margin-bottom:1rem;font-size:1.5rem}& .button-row{flex-direction:row;justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}}.stepped-content{opacity:1;transition:opacity var(--duration-fast) var(--curve-default)}.stepped-content.faded{opacity:0}}