*{margin:0;padding:0;box-sizing:border-box;font-family:Montserrat}html,body{background-color:#000}.no-anim .slider,.no-anim .slider:before{transition:none!important}.button-container{display:flex;justify-content:space-between;height:50px;margin-right:20px;margin-left:20px;margin-top:60px}.daily-challenge-button,.free-play-button{color:#fff;background-color:transparent;border:none;border-radius:25px;font-size:14px;height:30px}.daily-challenge-button{width:140px}.free-play-button{width:100px}.main-container{display:flex;flex-direction:column;align-items:center;gap:10px;height:100%}.welcome-image{width:100px;height:100px}h1{font-size:36px;color:#fff}.distance-container{display:flex;flex-direction:column;gap:10px;width:50%;margin-top:40px;margin-bottom:10px}.hints-container{display:flex;flex-direction:column;gap:10px;width:50%;margin-top:40px}.distance,.hints{color:#fff;font-size:17px;font-weight:600;z-index:3}.switch{--input-focus: #5ED571;--bg-color: #fff;--bg-color-alt: #ccc;--main-color: #323232;--input-out-of-focus: #22C0F7;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;width:70px;height:36px;transform:translate(calc(50% - 10px))}.toggle{opacity:0}.slider{box-sizing:border-box;border-radius:100px;border:2px solid var(--main-color);box-shadow:4px 4px var(--main-color);position:absolute;cursor:pointer;inset:0;background-color:var(--input-out-of-focus);transition:.3s}.slider:before{content:"km";box-sizing:border-box;height:30px;width:30px;position:absolute;left:2px;bottom:1px;border:2px solid var(--main-color);border-radius:100px;background-color:var(--bg-color);color:var(--main-color);font-size:14px;font-weight:600;text-align:center;line-height:25px;transition:.3s}.toggle:checked+.slider{background-color:var(--input-focus);transform:translate(-32px)}.toggle:checked+.slider:before{content:"mi";transform:translate(32px)}.switch>input{opacity:0;position:absolute;inset:0;width:100%;height:100%;margin:0;cursor:pointer}.distance-switch>input+.slider:before{content:"km"}.distance-switch>input:checked+.slider:before{content:"mi"}.hints-switch>input+.slider:before{content:"off"}.hints-switch>input:checked+.slider:before{content:"on"}
