.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#080c148c;z-index:var(--z-top);display:flex;align-items:center;justify-content:center;padding:20px;animation:fade .2s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal__sheet{background:var(--paper);max-width:1000px;width:100%;max-height:92vh;overflow-y:auto;border-radius:6px;position:relative;border:1px solid var(--line);box-shadow:0 24px 80px #00000040;animation:slideup .25s ease}@keyframes slideup{0%{transform:translateY(20px);opacity:0}to{transform:none;opacity:1}}.modal__close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;background:var(--paper-2);border:1px solid var(--line);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2}.modal__close:hover{background:var(--ink);color:#fff;border-color:var(--ink)}@media(pointer:coarse){.modal__close{width:44px;height:44px;top:12px;right:12px}}