.modal{z-index:var(--z-modal);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal__scrim{-webkit-backdrop-filter:blur(10px)saturate(120%);backdrop-filter:blur(10px)saturate(120%);background:#120a078c;position:absolute;inset:0}.modal__panel{outline:none;max-height:calc(100svh - 32px);position:relative}.modal--dialog .modal__panel{width:min(460px,100%);color:var(--c-ink);background:var(--c-milk);border-radius:28px;padding:34px 30px 28px;box-shadow:0 50px 100px -40px #0009}.modal--sheet{padding:clamp(0px,2vw,24px)}.modal--sheet .modal__panel{width:min(1320px,100%);height:min(900px,100svh - 48px);color:var(--c-ink);background:var(--c-milk);border-radius:36px;overflow:hidden;box-shadow:0 60px 120px -40px #000000b3}@media (max-width:860px){.modal--sheet{place-items:end stretch;padding:0}.modal--sheet .modal__panel{border-radius:28px 28px 0 0;width:100%;height:calc(100svh - 12px);max-height:none}}.dialog__title{margin-top:14px;font-size:24px}.dialog__body{color:var(--c-ink-soft);margin-top:12px;font-size:15px;line-height:1.8}.dialog__actions{gap:10px;margin-top:26px;display:grid}.dialog__close{width:44px;height:44px;color:var(--c-ink);background:#2a1a120f;border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;right:14px}.dialog__close:hover{background:#2a1a121f}.modal--side{place-items:stretch end;padding:0}.modal--side .modal__panel{width:min(460px,100%);height:100svh;max-height:none;color:var(--c-ink);background:var(--c-milk);border-radius:28px 0 0 28px;grid-template-rows:auto 1fr;display:grid;box-shadow:-30px 0 80px -40px #0009}@media (max-width:760px){.modal--side{place-items:end stretch}.modal--side .modal__panel{border-radius:28px 28px 0 0;width:100%;height:min(88svh,760px)}}