@layer components{.modal-backdrop{z-index:100;background:color-mix(in srgb, var(--color-text) 42%, transparent);animation:.18s ease-out modal-backdrop-enter;position:fixed;inset:0}.modal-viewport{z-index:100;place-items:center;padding:clamp(1rem,4vw,3rem);display:grid;position:fixed;inset:0;overflow-y:auto}.modal{--modal-accent:var(--color-primary);width:min(var(--modal-width), calc(100vw - 2rem));border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background:var(--color-surface);max-height:min(44rem,100dvh - 2rem);box-shadow:var(--shadow-2);flex-direction:column;animation:.22s cubic-bezier(.22,1,.36,1) modal-enter;display:flex;position:relative;overflow:hidden}.modal[data-tone=success]{--modal-accent:var(--color-success)}.modal[data-tone=danger]{--modal-accent:var(--color-danger)}.modal[data-tone=neutral]{--modal-accent:var(--color-text-muted)}.modal[data-tone=warning]{--modal-accent:var(--color-warning)}.modal__header,.modal__body,.modal__footer{z-index:1;min-width:0;position:relative}.modal__header,.modal__footer{flex:none}.modal__header{--modal-heading-line:1.75rem;border-bottom:1px solid color-mix(in srgb, var(--modal-accent) 26%, var(--color-border));background:color-mix(in srgb, var(--modal-accent) 10%, var(--color-surface));justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;display:flex}.modal__heading-group{align-items:center;gap:.625rem;min-width:0;display:flex}.modal__heading{min-width:0;color:var(--color-text);font-size:1.25rem;font-weight:700;line-height:var(--modal-heading-line)}.modal__close{width:2.25rem;height:2.25rem;margin-top:calc((var(--modal-heading-line) - 2.25rem) / 2);border-radius:var(--radius-button);color:var(--color-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;flex:none;place-items:center;transition:background-color .16s;display:inline-grid}.modal__close>svg{width:1.25rem;height:1.25rem}.modal__close:hover{background:color-mix(in srgb, var(--modal-accent) 7%, transparent)}.modal__close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.modal__body{min-height:0;color:var(--color-text-muted);flex:auto;padding:1.25rem;overflow-y:auto}.modal__footer{border-top:1px solid var(--color-border);padding:.625rem 1.5rem;background:color-mix(in srgb, var(--color-surface-2) 45%, var(--color-surface));justify-content:flex-end;align-items:center;gap:.75rem;padding-block:.75rem;display:flex}@keyframes modal-backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes modal-enter{0%{opacity:0;transform:translateY(.5rem)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes modal-mobile-enter{0%{transform:translateY(100%)}to{transform:translate(0,0)}}@media (width<=640px){.modal-backdrop{inset:0}.modal-viewport{padding:0}.modal{will-change:transform;border-radius:1.25rem 1.25rem 0 0;width:100%;max-height:min(48rem,100dvh - 1.5rem);animation:.46s cubic-bezier(.22,1,.36,1) both modal-mobile-enter;position:fixed;bottom:0;left:0;right:0}.modal__header{padding:1.25rem 1.25rem .5rem}.modal__body{padding:.5rem 1.25rem 1.25rem}.modal__footer{border-radius:0;padding:.625rem 1.25rem}}@media (prefers-reduced-motion:reduce){.modal-backdrop,.modal,.modal__close{transition:none;animation:none}}.modal__emblem{color:var(--modal-accent);flex:none;display:inline-flex}.modal__emblem>svg{width:1.25rem;height:1.25rem;display:block}.confirm-modal__confirm-action{min-width:11rem}}