body,html{width:100%;height:100%;margin:0;background:#fff2f4;background:#ffc1d8}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.door{top:10%;right:10%;bottom:10%;left:10%;width:80%;height:80%}.dialog,.door{position:absolute;margin:auto}.dialog{top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:200px;height:200px;border-radius:20px;background:#fff;box-shadow:0 16px 32px rgba(0,0,0,.15),0 3px 8px rgba(0,0,0,.1)!important;-webkit-transform:translateZ(0);transform:translateZ(0)}.dialog[hidden]{display:none}.password{-webkit-appearance:none;appearance:none;box-sizing:border-box;width:80%;margin-bottom:20px;border:2px solid #45aadb;border-radius:4px;background:#fff;color:#000;outline:none;font-size:20px;font-size:1.25rem}.password:focus{border-color:purple}.password.password--error{border-color:#ea4335}.submit{-webkit-appearance:none;appearance:none;z-index:8;overflow:hidden;box-sizing:border-box;width:56px;height:56px;margin:16px;padding:16px;border:none;border-radius:50%;background-color:#45aadb;color:#ea4335;fill:#fff;box-shadow:0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.2);cursor:pointer;transition:box-shadow .12s cubic-bezier(.25,.25,0,1)}