dialog{border-color:#fff;border-radius:6px;width:85%;max-width:26em;margin-top:15vh;padding:2em;font-size:90%;box-shadow:0 0 4em #999}::focus-visible{outline-offset:2px;border-color:#00afff;outline:2px solid #dbf4ff}form>:last-child{margin-top:1em}input,textarea{font-family:inherit;font-size:inherit;border:1px solid #ccc;border-radius:4px;width:100%;padding:.7em 1em}textarea{box-sizing:border-box;min-height:80px}button{cursor:pointer;color:#fff;background-color:#333;border:0;border-radius:4px;padding:.75em 1.5em;font-family:inherit;font-weight:600}button:hover{background-color:#000}button:active{transform:translateY(1px)}dialog{border-color:#fff;border-radius:6px;width:85%;max-width:26em;padding:2em;font-size:90%;top:-5vh;box-shadow:0 0 4em #999}dialog::backdrop{background-color:rgba(0,0,0,.333)}dialog h2{margin:0}dialog h3{margin-bottom:.4em;font-size:1em}.close{cursor:pointer;color:#000;font-size:2em;font-weight:100;position:absolute;top:.2rem;right:.9rem}.close:hover{color:#666}.open-feedback{cursor:pointer;width:2em;margin-left:1em}.open-feedback:hover{transform:scale(1.08)rotate(2deg)}.thanks{background:url(../img/sparkles.svg) 0 0/7em no-repeat;padding-top:8em}@media (width>=1000px){.open-feedback{position:fixed;bottom:2em;right:2em}}