.game-wrapper{position:relative;height:500px;width:500px;background-color:#000;border:10px solid #000;margin:auto}.statistic-wrapper{width:500px;overflow:hidden;margin:auto;display:flex;justify-content:space-around;text-transform:uppercase;font-size:30px}.snakeItem{background-color:#6495ed}.fruit,.snakeItem{position:absolute;height:50px;width:50px}.fruit{background-color:#7fffd4}ul{margin:0;padding:0}span.settings-window{color:#fff}.modal,.settings-window{color:#fff;height:100%;width:100%;padding:50px;box-sizing:border-box;background-color:#000}ul.modal-ul{justify-content:space-around}ul.modal-ul,ul.settings-window__ul{display:flex;flex-direction:column;align-items:center;height:100%}ul.settings-window__ul{justify-content:space-between}ul.modal-ul>li{color:#fff;text-transform:uppercase;font-size:30px;cursor:pointer;transition:color .3s ease}ul.settings-window__ul .li-item{font-size:30px;display:flex;justify-content:center;text-transform:uppercase}ul.settings-window__ul>li{width:100%}ul.modal-ul>li:hover{color:#6495ed}li{list-style:none}.color-fruit-options,.color-snake-options{color:#fff;line-height:30px;font-size:18px;text-transform:uppercase;display:flex;align-items:center}.color-fruit-container,.color-snake-container{display:flex}.color-fruit-item,.color-snake-item{height:30px;width:30px;margin:4px;background-color:#ffb6c1;cursor:pointer;transition:border-radius .2s ease}.color-fruit-item:hover,.color-fruit-item_active,.color-snake-item:hover,.color-snake-item_active{border-radius:100%}.color-fruit-options>:first-child,.color-snake-options>:first-child{width:100px}.size-options-wrapper{display:flex;justify-content:space-around}.size-options-wrapper>span{cursor:pointer;font-size:20px;text-transform:uppercase}.size-options-wrapper_active{border-bottom:2px solid #fff}.size-options-wrapper>:first-child:hover{color:red}.size-options-wrapper>:last-child:hover{color:#adff2f}.turn{transition:transform .2s ease-in;display:flex;position:relative;align-items:center;height:40px;width:100px;border-radius:30px;background-color:#a9a9a9;cursor:pointer}.turn:hover{transform:scale(1.05)}.turn.active{box-shadow:0 0 8px #fff}.turn.active:before{left:57px;margin-right:5px;background-color:#fff}.turn.active:before,.turn:before{transition:all .2s ease-in;border-radius:100%}.turn:before{position:absolute;left:0;content:"";line-height:0;padding:17px;margin-left:5px;background-color:grey}.back{cursor:pointer;transition:.2s ease-in}.back:hover{transform:scale(1.1)}.best-result-wrapper{padding:20px;display:flex;color:#fff;justify-content:space-around;font-size:20px}.best-result-wrapper ul>:first-child{text-transform:uppercase;font-size:24px;margin-bottom:10px}.best-result-wrapper ul>*{padding:5px 0}.best-result-wrapper ul{display:flex;flex-direction:column;align-items:center}.best-result-container{height:500px;width:500px;color:#fff;position:relative}.best-result-container span{font-size:24px;text-transform:uppercase}.no-res{display:block;margin:50px 100px}.best-result-container>:last-child{cursor:pointer;position:absolute;display:block;bottom:50px;margin:auto}.sound-settings{margin:auto;display:flex;flex-direction:column;width:500px;text-transform:uppercase;font-size:20px;justify-content:space-around}.sound-settings>.effect,.sound-settings>.sound{cursor:pointer;text-decoration:line-through;transition:all .5s ease-in}.sound-settings>.effect.active,.sound-settings>.sound.active{text-decoration:none}
/*# sourceMappingURL=main.6f3b6113.chunk.css.map */