.spinner-container{align-items:center;display:flex;justify-content:center}.spinner_l,.spinner_m,.spinner_s{animation:spin 1s ease-in-out infinite;-webkit-animation:spin .25s ease-out infinite;border:2px solid #fff;border-radius:50%;border-top-color:#00000000;display:inline-block;height:15px;width:15px}.spinner_m{height:30px;width:30px}.spinner_l,.spinner_m{border:3px solid #fff;border-top-color:#00000000}.spinner_l{height:50px;width:50px}.screen-spinner-container{align-items:center;background:#020d16e4;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.screen-spinner{-webkit-animation:screen-spinner-anim .2s linear infinite;animation:screen-spinner-anim .2s linear infinite;border:5px solid;border-color:#fff #fff #5eff00;border-radius:50%;box-sizing:border-box;display:inline-block;height:48px;width:48px}@-webkit-keyframes screen-spinner-anim{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes screen-spinner-anim{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn)}}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn)}}.columns{display:flex;flex-direction:row;position:relative;width:100%}.column{width:50%}.column-item{align-items:center;background:#fbfdff;border:4px solid #fff;border-radius:10px;border-radius:15px;box-shadow:inset 0 4px 40px #a4cef6;color:#151a45;cursor:pointer;display:flex;font-size:18px;font-weight:500;height:calc(16.66667vh - 40px);justify-content:center;margin:14px 8px;max-height:90px;min-height:30px;text-align:center}.select{-webkit-animation:select .25s;animation:select .25s;background:#1f7ee1;color:#fff}.correct{-webkit-animation:correct .4s forwards;animation:correct .4s forwards;background:#adff2f;color:#000}.incorrect{-webkit-animation:incorrect .4s forwards;animation:incorrect .4s forwards}.open{-webkit-animation:open .2s;animation:open .2s}@-webkit-keyframes open{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes open{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes select{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes select{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes correct{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.3);transform:scale(1.3)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes correct{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.3);transform:scale(1.3)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes incorrect{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}20%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}30%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}40%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}50%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}60%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}80%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}90%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes incorrect{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}20%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}30%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}40%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}50%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}60%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}80%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}90%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@media(max-height:1000px){.column-item{font-size:17px}}@media(max-height:720px){.column-item{border:3px solid #fff;border-radius:8px;border-radius:12px;box-shadow:inset 0 4px 20px #a4cef6;font-size:16px;margin:10px 6px}}@media(max-height:540px){.column-item{border:3px solid #fff;border-radius:6px;border-radius:10px;box-shadow:inset 0 4px 15px #a4cef6;font-size:15px;height:calc(16.66667vh - 20px);margin:6px}}@media(max-width:700px){.column-item{max-height:60px}}.menu{justify-content:center;margin-bottom:15px}.menu,.menu-item{align-items:center;display:flex;flex-direction:row}.menu-item{background:#bedeff;border:4px solid #fff;border-radius:20px;box-shadow:inset 0 4px 30px #81bef6;color:#25445f;font-size:17px;font-weight:600;height:45px;margin-right:7px;margin-top:5px;padding:0 25px}.menu-energy-icon,.menu-rating-icon,.menu-volume-icon{height:15px}.menu-energy-icon,.menu-rating-icon{margin-left:10px}@media(max-height:720px){.menu{margin-bottom:10px}.menu-item{border:4px solid #fff;box-shadow:inset 0 4px 20px #81bef6;color:#25445f;font-size:16px;height:35px}}@media(max-height:540px){.menu{margin-bottom:5px}.menu-item{border:3px solid #fff;box-shadow:inset 0 4px 20px #81bef6;color:#25445f;font-size:15px;height:30px}}.banner{align-items:center;background:#1f7ee1;border:5px solid #fff;border-radius:15px;box-shadow:inset 0 4px 50px #dce8f4a1;display:flex;flex-direction:column;height:300px;justify-content:center;margin:20px 0;max-height:50vh;overflow-y:auto;padding:0 30px;text-align:center;text-shadow:0 0 15px #32323210;width:calc(100% - 70px)}.banner-header{font-size:25px;font-weight:500;padding:10px 20px}.banner-text{font-size:20px;font-weight:400;padding:10px 20px}.banner-text p{margin:10px 0}@media(max-height:720px){.banner{border:4px solid #fff;margin:15px 0;padding:0 25px;width:calc(100% - 58px)}.banner-header{font-size:22px}.banner-text{font-size:18px}}@media(max-height:540px){.banner{border:3px solid #fff;margin:10px 0;padding:0 25px;width:calc(100% - 56px)}.banner-header{font-size:20px}.banner-text{font-size:16px}}button{border:none;font-family:inherit;font-size:inherit;margin:0;outline:none;padding:0}.btn,button{cursor:pointer}.btn{background:#adff2f;border:5px solid #fff;border-radius:10px;box-shadow:inset 0 4px 30px #81bef6;color:#000;font-size:17px;font-weight:500;margin:10px 0;padding:17px 20px;width:100%}@media(max-height:720px){.btn{border:4px solid #fff;box-shadow:inset 0 4px 20px #81bef6;font-size:16px;margin:8px 0;padding:15px 20px}}@media(max-height:540px){.btn{border:3px solid #fff;box-shadow:inset 0 4px 20px #81bef6;font-size:15px;margin:7px 0;padding:12px 16px}}.rating{background:#1f7ee1;border:5px solid #fff;border-radius:10px;box-shadow:inset 0 0 50px #32323210;margin:15px 0}.rating-in{height:700px;margin:20px 2px;max-height:calc(100vh - 180px);overflow-y:auto;padding:0 25px;text-shadow:0 0 15px #32323210}.rating-item{font-size:17px;justify-content:space-between;padding:10px 0}.rating-item,.rating-item-left{align-items:center;display:flex;flex-direction:row}.rating-avatar{position:relative}.rating-badge{background:#fff;border-radius:20px;bottom:0;color:#000;font-size:11px;font-weight:600;padding:4px 7px;position:absolute;right:-10%}.rating-name{margin-left:25px}.rating-img{border-radius:100%;height:42px;width:42px}.rating-user{background:#1f7ee1;border-radius:0;bottom:0;font-weight:500;position:-webkit-sticky;position:sticky}.top{margin-bottom:10px}.rating-menu{align-items:center;background:#141414;display:flex;flex-direction:row;font-size:17px;font-weight:500;margin-left:-5px;padding-top:15px;position:-webkit-sticky;position:sticky;top:0;z-index:2}.rating-menu-item{cursor:pointer;padding:20px 10px}@media(max-height:720px){.rating-in{margin:15px 2px;padding:0 20px}.rating-item{padding:8px 0}.rating-img{height:42px;width:42px}.rating-item{font-size:14px}.rating{border:4px solid #fff;box-shadow:inset 0 0 30px #32323210;margin:10px 0}}@media(max-height:540px){.rating{border:3px solid #fff;box-shadow:inset 0 0 25px #32323210;margin:8px 0}.rating-item{font-size:15px}}@media(max-height:480px){.rating-user{position:relative}}.recs,.recs-block{align-items:center;display:flex;flex-direction:row;justify-content:center}.recs-block{background:#a4f158;border:2px solid #fff;border-radius:7px;color:#030300;cursor:pointer;font-size:14px;font-weight:500;height:36px;margin:5px 0 0;position:relative}.recs-text{padding:0 14px 0 16px}.recs-close,.recs-text{align-items:center;display:flex;height:100%;justify-content:center}.recs-close{background:hsla(0,0%,50%,.06);border-radius:0 7px 7px 0;box-sizing:border-box;font-size:12px;padding:0 10px}*{-webkit-tap-highlight-color:rgba(0,0,0,0);margin:0;padding:0;scrollbar-color:#b7b7b733 #00000026;-webkit-user-select:none;user-select:none}::-webkit-scrollbar{margin-left:10px;width:4px}::-webkit-scrollbar-track{background:transparent;border-radius:5px}::-webkit-scrollbar-thumb{background:#ffffffdd;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}body{ont-size:16px;align-items:center;color:#fff;display:flex;font-family:Roboto,sans-serif;justify-content:center;min-height:100vh}#root{max-width:calc(100vw - 40px);width:700px}@media(max-width:800px){body{font-size:16px}}@media(max-width:500px){body{font-size:15px}}@media(max-width:400px){body{font-size:14px}}@media(max-width:350px){body{font-size:13px}}