.modal-container{z-index:150;--curve:cubic-bezier(.3, 0, .8, .15);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);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), transform var(--duration-fast) var(--curve);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)}.stepped-content.faded{opacity:0}