.langsModal-overlay{width:100dvw;height:100dvh;position:absolute;background-color:rgba(0,0,0,.75);z-index:2;animation:fade-in .5s cubic-bezier(.39,.575,.565,1) .2s both}.langsModal-card{position:absolute;z-index:2;border-radius:30px;left:10%;top:7.5%;width:80dvw;height:85dvh;background-color:#fff;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;animation:langsModalCard-Opening 1s ease-in-out .5s both}@keyframes langsModalCard-Opening{0%{width:0dvw;height:0dvh;left:50%;top:50%;border-radius:100px}25%{width:80px;height:80px;left:calc(50% - 40px);top:calc(50% - 40px)}50%{width:80px;height:85dvh;left:calc(50% - 40px);top:7.5%}75%{width:80dvw;height:85dvh;left:10%;top:7.5%}to{width:80dvw;height:85dvh;left:10%;top:7.5%;border-radius:30px}}.langsModal-searchbox{position:relative;width:-moz-fit-content;width:fit-content;margin:20px 0;display:flex;align-items:center;justify-content:center;transition:.7s cubic-bezier(.645,.045,.355,1);animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1) 1.5s both}.langsModal-searchbox-icon{position:absolute;top:12px;left:15px}.langsModal-searchbox input{line-height:28px;border:2px solid transparent;border-bottom-color:#777;outline:none;color:#0d0c22;width:50dvw;height:20px;padding:20px 0 20px 40px;font-family:Roboto Condensed,sans-serif;font-size:17px;font-weight:300;transition:.3s cubic-bezier(.645,.045,.355,1)}.langsModal-searchbox input:focus,input:hover{outline:none;border-radius:30px;border-color:#0a8cde}.langsModal-searchbox input::-moz-placeholder{color:#777;-moz-transition:opacity .3s;transition:opacity .3s}.langsModal-searchbox input::placeholder{color:#777;transition:opacity .3s}.langsModal-searchbox input:focus::-moz-placeholder{opacity:0;-moz-transition:opacity .3s;transition:opacity .3s}.langsModal-searchbox input:focus::placeholder{opacity:0;transition:opacity .3s}.langsModal-characters-bar{width:95%;margin:15px 5%;display:flex;align-content:space-between;justify-content:center;animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1) 1.5s both}.langsModal-characters-bar div{color:#c8d1e1;margin:0 10px;font-family:Roboto Condensed,sans-serif;font-size:17px;font-weight:300;cursor:pointer}.langsModal-languages-box{width:80%;height:-moz-fit-content;height:fit-content;overflow:auto;margin:25px;display:flex;justify-content:space-evenly;flex-wrap:wrap;gap:10px;scroll-behavior:smooth;scrollbar-color:#0a8cde #fff;scrollbar-width:thin;animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1) 1.5s both}.langsModal-languages-box div{margin:5px;padding:10px;border-radius:15px;display:flex;cursor:pointer;height:auto;width:170px;font-family:Roboto Condensed,sans-serif;font-size:15px;font-weight:300}.langsModal-languages-box div:hover{background-color:#c8d1e1}@media screen and (max-width:800px){.langsModal-characters-bar{display:none}}