.modal{color:#f4e9d5;background:#140d08;border:1px solid #c4985266;border-radius:8px;width:min(560px,100% - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow:auto;box-shadow:0 30px 90px #000c}.modal[open]{animation:.25s modal-in}.modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a0705c7}body:has(.modal[open]){overflow:hidden}.modal-panel{padding:34px 32px 30px;position:relative}.modal-close{color:#ddb57b;background:0 0;border-radius:50%;place-items:center;width:44px;height:44px;font-size:26px;line-height:1;transition:background .2s;display:grid;position:absolute;top:12px;right:12px}.modal-close:hover{background:#2a1c12}@keyframes modal-in{0%{opacity:0;translate:0 12px}}@media (width<=760px){.modal-panel{padding:30px 20px 22px}}.modal.modal-viewer{background:#0a0705;border:0;border-radius:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;overflow:hidden}.modal-viewer .modal-panel{height:100%;padding:0}.modal-viewer .modal-close{z-index:2;background:#140d08cc;top:16px;right:16px}