@keyframes animate-odd{20%{transform:translateY(-15%) rotate(5deg)}50%{transform:translateY(0) rotate(0)}70%{transform:translateY(-15%) rotate(5deg)}}@keyframes animate-even{20%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15%) rotate(5deg)}70%{transform:translateY(10%) rotate(-5deg)}90%{transform:translateY(0) rotate(0deg)}}@keyframes pop-right{20%{width:37%}25%{width:35%}30%{width:37%}35%{width:35%}40%{width:36%}}@keyframes scale-image{20%{width:38%}23%{width:37%}26%{width:38%;transform:rotate(1deg)}30%{width:37%;transform:rotate(-1deg)}33%{width:38%;transform:rotate(0deg)}35%{width:37%}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes height-up{0%{height:0}to{height:100px}}main.setup_main{background-color:var(--bg);height:100vh;min-height:100vh;color:var(--grey)}main.setup_main button{cursor:pointer}main.setup_main>section.setup_wrapper{display:grid;grid-template-columns:2fr 3fr;align-content:center;max-width:1200px;margin-inline:auto;height:100%}main.setup_main>section.setup_wrapper>div.left{position:relative}main.setup_main>section.setup_wrapper>div.left>div.green_banner{position:fixed;width:35%;height:60vh;left:0;top:0;bottom:0;margin-block:auto;border-top-right-radius:5vmax;border-bottom-right-radius:5vmax;background-color:var(--primary);animation:pop-right 3s ease-in-out infinite}main.setup_main>section.setup_wrapper>div.left>div.green_banner>img{position:fixed;width:clamp(400px,37%,550px);left:0;bottom:0;z-index:1}main.setup_main>section.setup_wrapper>div.left>div.green_banner>ul.scrabble_word_container{position:absolute;width:20vmax;height:20vmax;margin-inline:auto;margin-block:auto;left:0;right:0;padding:0;top:0;border-radius:50%;list-style:none;bottom:23%;font-family:Integral}main.setup_main>section.setup_wrapper>div.left>div.green_banner>ul.scrabble_word_container>li{display:block;position:absolute;top:0;bottom:0;left:0;right:0;width:4.3vmax;height:4.3vmax;margin:calc(-4.3vmax / 2);background-color:var(--bg-light);justify-items:center;height:auto;aspect-ratio:1/1;position:relative;color:#fff;transition:all .5s;border:1px solid var(--primary)}main.setup_main>section.setup_wrapper>div.left>div.green_banner>ul.scrabble_word_container>li>h2{font-size:clamp(10px,2.5vmax,30px);margin:0;font-weight:200;font-size:20px;height:100%}main.setup_main>section.setup_wrapper>div.left>div.green_banner>ul.scrabble_word_container>li>p{position:absolute;font-size:clamp(8px,.8vmax,12px);bottom:5px;right:5px;font-weight:600;margin:0}main.setup_main>section.setup_wrapper>div.right{padding:3vmax;min-width:400px;overflow-y:scroll;overflow-x:hidden}main.setup_main>section.setup_wrapper>div.right::-webkit-scrollbar{display:none}main.setup_main>section.setup_wrapper>div.right>ul.scrabble_word_container{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:1fr;padding:2vmax;max-width:600px;height:auto;position:relative;margin-bottom:3vmax;font-family:Integral}main.setup_main>section.setup_wrapper>div.right>ul.scrabble_word_container>img{position:absolute;width:140%;left:-20%;object-fit:cover;opacity:15%}main.setup_main>section.setup_wrapper>div.right>ul.scrabble_word_container>li{background:linear-gradient(190deg,#fff,#fff,#787272);justify-items:center;border-radius:clamp(5px,.5vmax,10px);height:auto;aspect-ratio:1/1;position:relative;color:var(--bg);z-index:2}main.setup_main>section.setup_wrapper>div.right>ul.scrabble_word_container>li:nth-of-type(odd){animation:animate-odd 1s ease-in-out infinite}main.setup_main>section.setup_wrapper>div.right>ul.scrabble_word_container>li:nth-of-type(2n){animation:animate-even 1s ease-in-out infinite}main.setup_main>section.setup_wrapper>div.right>ul.scrabble_word_container>li>h2{font-size:clamp(10px,2.3vmax,30px);margin:0;font-weight:900}main.setup_main>section.setup_wrapper>div.right>ul.scrabble_word_container>li>p{position:absolute;font-size:clamp(10px,1vmax,14px);bottom:4px;right:4px;font-weight:600;margin:0}main.setup_main>section.setup_wrapper>div.right>form{max-width:600px;margin-inline:auto}main.setup_main>section.setup_wrapper>div.right>form>label,main.setup_main>section.setup_wrapper>div.right>form>span{display:flex;flex-direction:column;gap:10px}main.setup_main>section.setup_wrapper>div.right>form>label.time_navigation_container,main.setup_main>section.setup_wrapper>div.right>form>span.time_navigation_container{animation:height-up .5s ease-in-out}main.setup_main>section.setup_wrapper>div.right>form>label>p,main.setup_main>section.setup_wrapper>div.right>form>span>p{color:var(--dusted-purple)}main.setup_main>section.setup_wrapper>div.right>form>label>input[type=number]::-webkit-inner-spin-button,main.setup_main>section.setup_wrapper>div.right>form>label>input[type=number]::-webkit-outer-spin-button,main.setup_main>section.setup_wrapper>div.right>form>span>input[type=number]::-webkit-inner-spin-button,main.setup_main>section.setup_wrapper>div.right>form>span>input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}main.setup_main>section.setup_wrapper>div.right>form>label>input[type=number],main.setup_main>section.setup_wrapper>div.right>form>span>input[type=number]{-moz-appearance:textfield}main.setup_main>section.setup_wrapper>div.right>form>label>input,main.setup_main>section.setup_wrapper>div.right>form>span>input{background-color:var(--bg-light);border:none;color:var(--grey);padding:17px;border-radius:8px!important}main.setup_main>section.setup_wrapper>div.right>form>label>input:focus,main.setup_main>section.setup_wrapper>div.right>form>span>input:focus{outline:1px solid var(--grey);border-radius:8px!important}main.setup_main>section.setup_wrapper>div.right>form>label>input::placeholder,main.setup_main>section.setup_wrapper>div.right>form>span>input::placeholder{color:var(--dusted-purple)}main.setup_main>section.setup_wrapper>div.right>form>label>div.number_of_players,main.setup_main>section.setup_wrapper>div.right>form>span>div.number_of_players{background-color:var(--bg-light);border-radius:8px;padding:3px}main.setup_main>section.setup_wrapper>div.right>form>label>div.number_of_players>input,main.setup_main>section.setup_wrapper>div.right>form>span>div.number_of_players>input{padding:8px}main.setup_main>section.setup_wrapper>div.right>form>label>ul,main.setup_main>section.setup_wrapper>div.right>form>span>ul{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;margin:0;position:relative;background-color:var(--bg-light);border-radius:6px}main.setup_main>section.setup_wrapper>div.right>form>label>ul>div.active,main.setup_main>section.setup_wrapper>div.right>form>span>ul>div.active{position:absolute;height:90%;width:50%;left:0;margin-block:auto;border-radius:5px;background-color:var(--primary);transition:all .4s}main.setup_main>section.setup_wrapper>div.right>form>label>ul>li,main.setup_main>section.setup_wrapper>div.right>form>span>ul>li{height:100%;display:flex;align-items:center;z-index:1}main.setup_main>section.setup_wrapper>div.right>form>label>ul>li:hover,main.setup_main>section.setup_wrapper>div.right>form>span>ul>li:hover{cursor:pointer}main.setup_main>section.setup_wrapper>div.right>form>label>ul>li>button,main.setup_main>section.setup_wrapper>div.right>form>span>ul>li>button{height:100%;width:100%;padding:14px;border-radius:8px;background-color:transparent;color:var(--grey);font-weight:600}main.setup_main>section.setup_wrapper>div.right>form>div.running_sessions_container{max-height:350px;overflow-y:auto}main.setup_main>section.setup_wrapper>div.right>form>span.google_sign_in_label>button{background-color:var(--bg-light);color:var(--grey);min-height:55px}main.setup_main>section.setup_wrapper>div.right>form>span.google_sign_in_label>button>div img{height:45px;width:45px;border-radius:50%}@media screen and (max-width:850px){main.setup_main>section.setup_wrapper{grid-template-columns:1fr}main.setup_main>section.setup_wrapper>div.left{display:none}main.setup_main>section.setup_wrapper>div.right{padding:15px;min-width:250px}main.setup_main>section.setup_wrapper>div.right>ul.scrabble_word_container{margin-bottom:2vmax;padding:25px 5px;gap:5px}main.setup_main>section.setup_wrapper>div.right>*{margin-inline:auto}main.setup_main>section.setup_wrapper>div.right>form>label,main.setup_main>section.setup_wrapper>div.right>form>span{gap:5px}main.setup_main>section.setup_wrapper>div.right>form>label>button,main.setup_main>section.setup_wrapper>div.right>form>span>button{border-radius:5px}main.setup_main>section.setup_wrapper>div.right>form>label>ul,main.setup_main>section.setup_wrapper>div.right>form>label>ul>div.active,main.setup_main>section.setup_wrapper>div.right>form>span>ul,main.setup_main>section.setup_wrapper>div.right>form>span>ul>div.active{border-radius:4px}main.setup_main>section.setup_wrapper>div.right>form>label>ul>li>button,main.setup_main>section.setup_wrapper>div.right>form>span>ul>li>button{padding:13px 3px!important;font-weight:500!important}main.setup_main>section.setup_wrapper>div.right>form>label>ul.time_navigation_items,main.setup_main>section.setup_wrapper>div.right>form>span>ul.time_navigation_items{gap:5px}}