html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}:root{font-size:62.5%;--gray: #9d9fa5;--dark-blue: #081965;--light-blue: #01a2fd;--red: #b40000;--white: #fff;--radius-md: .75rem}html,body{height:100%;margin:0;padding:0;overflow:hidden}body{display:flex;flex-direction:column;background:url(../images/bg.webp) no-repeat center / cover fixed;font-size:1.6rem}main{flex:1;overflow:auto;padding:1rem;background-color:#01a2fdb3}form{max-width:90rem;display:flex;flex-direction:column;gap:1rem;margin:0 auto}h1{font-size:5rem;text-align:center;font-family:sans-serif;color:var(--dark-blue)}h2{font-size:3rem}input[type=text]{display:block;width:100%;font-size:3rem;text-align:center;border-radius:var(--radius-md);background-color:var(--dark-blue);color:var(--white);border:2px solid var(--gray);outline:2px solid var(--dark-blue)}button{margin:0 auto;padding:1rem;border-radius:var(--radius-md);background-color:var(--light-blue);border:2px solid var(--dark-blue);color:var(--dark-blue);font-size:2rem;min-width:16.3rem;padding:1.5rem 2rem}button:hover{background-color:var(--dark-blue);color:var(--light-blue)}li{line-height:1.5;color:var(--white)}.letters{display:flex;flex:1;gap:.5rem}.solution{text-shadow:1px 1px 5px #000}.solved{background-color:var(--red)!important}.options{margin:1rem 0;display:flex;flex-direction:column;gap:1rem}.other-solutions{border-radius:var(--radius-md);background-color:var(--dark-blue);color:var(--white);border:2px solid var(--gray);outline:2px solid var(--dark-blue);padding:1rem}.other-solutions h2{margin-top:0}.inputs-wrapper{display:flex;flex-direction:column;gap:1rem}.hidden{display:none}.loading{position:absolute;width:100%;min-height:100%;background-color:#01a2fdb3;display:flex;justify-content:center;align-items:center}.white{color:var(--white)}.lds-ellipsis{display:inline-block;position:relative;width:8rem;height:8rem}.lds-ellipsis div{position:absolute;top:3.3rem;width:1.3rem;height:1.3rem;border-radius:50%;background:var(--white);animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div:nth-child(1){left:.8rem;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:.8rem;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:3.2rem;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(4){left:5.6rem;animation:lds-ellipsis3 .6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(2.4rem)}}@media screen and (max-width:37.5em){.letters{display:grid;grid-template-columns:repeat(6,1fr)}}.error-notification{position:fixed;top:2rem;left:50%;transform:translate(-50%);z-index:1000;max-width:50rem;width:90%;animation:slideDown .3s ease-out}.error-notification.hidden{display:none}.error-notification__content{display:flex;align-items:center;gap:1rem;padding:1.5rem 2rem;background-color:var(--red);color:var(--white);border-radius:var(--radius-md);box-shadow:0 4px 12px #0000004d;font-size:1.6rem}.error-notification__content i{font-size:2rem;flex-shrink:0}.error-notification__content span{flex:1}.error-notification__close{background:none;border:none;color:var(--white);font-size:2.5rem;padding:0;min-width:auto;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:background-color .2s}.error-notification__close:hover{background-color:#fff3}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-2rem)}to{opacity:1;transform:translate(-50%) translateY(0)}}