dialog.modal{max-height:100dvh;margin:auto;padding:0;overflow:hidden;background:none;border:none;opacity:0;outline:none;transition:opacity .1s linear;touch-action:none}dialog.modal::backdrop{background-color:#000;opacity:var(--backdrop-opacity, .7)}dialog.modal.animate{transition:opacity .2s ease-out,translate .2s ease-out}dialog.modal.animate::backdrop{transition:opacity .2s ease-out}dialog.modal.show{opacity:1}dialog.modal .modal-box{display:-webkit-flex;display:flex;-weblit-flex-flow:column nowrap;flex-flow:column nowrap;position:relative;box-sizing:border-box;width:calc(100vw - 40px);max-width:500px;height:auto;min-height:min(calc(100vw - 40px), calc(100dvh - 40px - 80px), 500px);padding-top:32px;overflow:hidden;line-height:1.5;border-radius:8px}dialog.modal .modal-box .modal-content{flex-grow:1;overflow:hidden;background-color:#fff}dialog.modal .modal-box .modal-content .modal-content-box{box-sizing:border-box;height:100%;padding:15px}dialog.modal .modal-box.close-button-separated{align-items:center;gap:10px}dialog.modal .modal-box.close-button-separated .modal-content{width:100%;border-radius:8px}dialog.modal .modal-box.close-button-separated .modal-close-button{width:200px;border-radius:8px}dialog.modal .modal-close-button{appearance:none;display:-webkit-flex;display:flex;-weblit-flex-flow:row nowrap;flex-flow:row nowrap;justify-content:center;align-items:center;gap:4px;width:100%;min-height:42px;background-color:#eee;border:none;font-size:1rem;color:#000;border-radius:0;box-shadow:none;-webkit-user-select:none;user-select:none}dialog.modal .modal-close-button::before{content:"";display:block;width:1em;height:1em;margin-left:-0.7em;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 20 20"><path fill="currentColor" d="M10 8.586L2.929 1.515L1.515 2.929L8.586 10l-7.071 7.071l1.414 1.414L10 11.414l7.071 7.071l1.414-1.414L11.414 10l7.071-7.071l-1.414-1.414L10 8.586z"/></svg>') no-repeat center center / .7em}dialog.modal[open] .modal-box .modal-content{-webkit-user-select:auto;user-select:auto}