:root{color-scheme:light dark}*{box-sizing:border-box;margin:0;padding:0;color:#eee}.button{display:flex;align-items:center;gap:10px;border:none;background-color:transparent;font-weight:500;font-size:18px;padding:8px 16px;border-radius:4px;text-decoration:none;cursor:pointer;justify-content:center;width:fit-content;animation:fadeIn .5s ease}.button.submit{transition:background .3s ease;background-color:#4545d1}.button.submit:hover{background-color:#6060f7}.button.lined{border:1px solid rgba(104,104,104,.6431372549);transition:background .3s ease}.button.lined:hover{background-color:#686868a4}.button.outlined{transition:background .3s ease;border:1px solid rgba(104,104,104,.6431372549);background-color:gray}.button.delete{background-color:#9b0303;transition:background .3s ease}.button.delete:hover{background-color:#b10000}.button.alternative{background-color:#4391c5;transition:background .3s ease}.button.alternative:hover{background-color:#59a5d8}.button.blocked{transition:background .3s ease;border:1px solid rgba(104,104,104,.6431372549);background-color:gray;cursor:not-allowed}.dialog{margin:auto;padding:0;border:none;outline:none;display:grid;position:fixed;top:0;bottom:0;border-radius:16px}.dialog form{display:grid;justify-items:center;max-width:700px}@media (min-width: 1400px){.dialog form{max-width:900px}}.dialog form svg{position:absolute;right:10px;top:10px;cursor:pointer}.dialog form h2{margin:10px 0;font-size:1.5rem;text-align:center;font-weight:500}@media (max-width: 650px){.dialog form h2{font-size:16px}}.dialog form input{height:48px;padding:10px;font-size:16px;width:100%;margin:10px 0}@media (max-width: 650px){.dialog form input{font-size:16px;height:38px}}.dialog form div{margin:10px auto;display:flex;gap:10px;align-items:center}.dialog form div button{height:40px}@media (max-width: 650px){.dialog form div button{font-size:16px}}.dialog::backdrop{background-color:#0000004d;animation-name:fadeIn;animation-duration:1s;animation-timing-function:cubic-bezier(.2,0,0,1);animation-fill-mode:forwards;padding:0}@media (min-width: 600px){.dialog::backdrop{-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%)}}.dialog[open]{display:grid;gap:10px;justify-content:center;align-items:center;max-width:calc(100% - 3em);max-height:calc(100% - 3rem);animation-name:dialogIn;animation-duration:.5s;animation-timing-function:cubic-bezier(.2,0,0,1);animation-fill-mode:forwards;background:none;background-color:#232829;padding:20px}.dialog:not([open]){pointer-events:none;opacity:0}.close[open]{animation-name:dialogOut;animation-duration:.5s;animation-timing-function:cubic-bezier(.2,0,0,1);animation-fill-mode:forwards}.close::backdrop{animation-name:fadeOut;animation-duration:.5s;animation-timing-function:cubic-bezier(.2,0,0,1);animation-fill-mode:forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes dialogIn{0%{opacity:0;transform:scale(115%)}to{opacity:1;transform:scale(1)}}@keyframes dialogOut{0%{opacity:1}to{opacity:0}}