dialog,dialog h2{color:#fff;padding:0}dialog{inset:0;z-index:100;display:block;background-color:#000;border:none;border-radius:15px;min-width:280px;max-width:420px;box-sizing:border-box;transition:opacity .5s;animation:.5s cubic-bezier(.25,0,.3,1) forwards slide-out-up}dialog[open]{animation:.5s cubic-bezier(.25,0,.3,1) forwards slide-in-up}dialog:not([open]){pointer-events:none;opacity:0}@keyframes slide-in-up{from{transform:translateY(-100%)}}@keyframes slide-out-up{to{transform:translateY(-100%)}}dialog form{padding:30px}dialog button{border:none;background-color:#fff;color:#000;min-width:130px;padding:10px 20px;font-weight:700;font-size:large}dialog button:hover{filter:brightness( 85% );cursor:pointer}dialog button.dialog-button-primary{background-color:var(--button-color);color:var(--button-text-color)}dialog input[type=text]{width:100%;padding:5px 10px;box-sizing:border-box;box-shadow:none;outline:0}dialog input[type=text]:focus{border-color:var(--button-color);box-shadow:none;outline:0}dialog .buttons-container{display:flex;justify-content:space-evenly;flex-direction:row-reverse;margin-top:30px;gap:15px}dialog h2{font-size:1.45em;margin:0}dialog::backdrop{background-color:#000;opacity:.4}