:root{--text-color:#fff;--btn-alter-color:#758cff;--btn-submit-color:#fff;--btn-submit-text-color:#4559ce;--dot-diameter:200px;--fg:#a3aff6}@media{.sleep-calculator{background:#2d4485;background:linear-gradient(90deg,#2d4485f2 15%,#2d4485f2 90%)}.sleep-calculator__sleep{margin-bottom:14px}.sleep-calculator__time{gap:5px;margin-bottom:50px}.sleep-calculator__btn{background:var(--btn-submit-color);border:none;border-radius:13px;box-shadow:0 5px 10px #0003;color:var(--btn-submit-text-color);cursor:pointer;font-size:20px;font-style:normal;font-weight:600;height:50px;line-height:30px;width:199px}.sleep-calculator__btn:hover{background-color:var(--btn-submit-text-color);border:2px solid var(--text-color)!important;color:var(--text-color)}.sleep-calculator__age-title{color:var(--text-color);font-size:20px;font-weight:500;line-height:30px;text-align:center;width:100%}.sleep-calculator__age-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:3px;grid-row-gap:3px;margin-bottom:40px}.btn-active{background-color:var(--btn-alter-color)!important;border:2px solid var(--text-color)!important}.sleep-calculator__sleep-btn{background-color:#3f52c6;border:unset;color:var(--text-color);font-size:20px;font-style:normal;font-weight:500;line-height:30px;padding:12px 26px}.sleep-calculator__sleep button:first-child{border-radius:13px 0 0 13px}.sleep-calculator__sleep-btn:hover{border:2px solid var(--text-color)!important}.sleep-calculator__sleep button:last-child{border-radius:0 13px 13px 0}.sleep-calculator__time select{background-color:var(--btn-alter-color);border:none;border-radius:20px;box-shadow:0 5px 10px #0003;color:var(--text-color);font-size:16px;font-style:normal;font-weight:500;height:50px;line-height:24px;outline:0;text-align:center;width:100px}.sleep-calculator__age-btn{background-color:#3f52c6;border:unset;border-radius:5px;color:var(--text-color);font-size:14px;font-weight:500;height:34px;line-height:21px;text-align:center;width:150px}.sleep-calculator__age-btn:active{background-color:var(--btn-alter-color);border:2px solid var(--text-color)}.sleep-calculator__age-btn:hover{border:2px solid var(--text-color)!important}.sleep-calculator__sleep-img{margin-right:12px}}@media screen and (max-width:767px){.sleep-calculator{height:unset;padding:0 20px}.sleep-calculator__age-title{font-size:18px}.sleep-calculator__sleep{width:100%}.sleep-calculator__sleep-btn{font-size:1rem;line-height:27px;padding:6px;width:50%}.sleep-calculator__age-btn{font-size:14px;height:unset;padding:10px 30px;width:unset}}