*{padding:0;margin:0;box-sizing:border-box;font:inherit}.main{width:100%;height:100vh}.bg{position:fixed;width:100%;height:100%;left:0;top:0;pointer-events:none;background-color:#9bb8e4;z-index:-1}.bg--active{background-color:#000}.bg__btn{display:flex;position:fixed;border-radius:2rem;right:.2rem;top:.2rem;pointer-events:auto;z-index:999;background-color:transparent;border:none;outline:none;cursor:pointer}.bg__btn__circle{width:2rem;height:2rem;border:2px solid #36447e;border-radius:50%;position:absolute;left:0;top:0;transition:.3s left,.3s transform}.bg__btn__circle--active{left:100%;transform:translate(-100%);border:2px solid #fff}.bg__btn svg{padding:.2rem;width:2rem;height:2rem;stroke:#36447e}.bg__btn--active svg{stroke:#fff}.screen{position:fixed;bottom:0;padding:2rem;width:100%;display:flex;justify-content:center;opacity:0;transition-property:opacity;transition-duration:.3s;transition-delay:1.4s;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.screen--active{opacity:1}.content{padding:1rem 2rem 2rem;display:flex;flex-direction:column;gap:.5rem;background-color:#fff;border-radius:8px;max-width:30rem}.screen__header{display:flex;justify-content:space-between;align-items:center}.screen_body{display:flex;flex-direction:column;gap:.5rem}.screen h1{font-size:1.2rem;font-weight:bolder}.screen p{color:#181818}.screen button{width:2rem;height:2rem;padding:.2rem;border:none;background-color:transparent;border-radius:2px;cursor:pointer}.screen svg{width:100%;height:100%}.loading{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:999}.loading__bar{width:3rem;height:3rem}.loading__bar div{border:10px solid transparent;border-color:rgba(168,168,168,.24) rgba(121,110,110,.178) rgba(136,99,99,.322) rgba(143,61,61,.473);border-radius:50%;width:100%;height:100%;position:absolute;animation:1s spin infinite;will-change:transform}.loading__bar div:nth-of-type(2){animation-delay:.15s}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 400px){.screen{padding:1rem}.content{padding:1.5rem;gap:.5rem}}