div.sliderContainer{margin:0 auto;text-align:center;width:25em}#slider{-webkit-appearance:none;appearance:none;background-color:#003057;border-radius:10em;height:18px!important;margin-bottom:10px;outline:none;width:100%}#slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:3px solid #003057;border-radius:50%;cursor:pointer;height:30px;width:30px}#slider::-moz-range-thumb{background-color:#fff;border:3px solid #003057;border-radius:50%;cursor:pointer;height:30px;width:30px}.sleep-calculator{background:#edf3f8;display:flex;flex-direction:column;margin-right:100px;max-width:600px;padding-bottom:7%}.sleep-calculator.res{max-width:unset}.sleep-calculator__heading h2{margin:10px auto;max-width:unset;text-align:center}.sleep-calculator .active{background:#003057;color:#fff}.sleep-calculator__input{border-radius:5px;cursor:pointer;padding:10px}.sleep-calculator__input:hover{opacity:.8;transition:.3s}.sleep-calculator__type{border-radius:5px;box-shadow:0 0 5px 0 rgba(0,0,0,.1);box-sizing:content-box;display:flex;justify-content:space-between;margin:30px auto;max-width:80%;padding:10px}.sleep-calculator__type input:checked{background:red}.sleep-calculator__logic--info{display:flex;flex-direction:row;justify-content:space-between}.sleep-calculator__time h3{margin-bottom:20px}.sleep-calculator__time--data{align-items:center;column-gap:20px;display:flex;justify-content:center}.sleep-calculator__time .hours-sheet,.sleep-calculator__time .minutes-sheet{display:none}.sleep-calculator__time .hours-sheet.active,.sleep-calculator__time .minutes-sheet.active{align-items:center;background:#fff;border:1px solid;border-radius:5px;color:#003057;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:10px 0;position:absolute;text-align:center;transform:translate(-40%,20px)}.sleep-calculator__time .hours-sheet span,.sleep-calculator__time .minutes-sheet span{cursor:pointer;width:45%}.sleep-calculator__time .hours-sheet span:hover,.sleep-calculator__time .minutes-sheet span:hover{background:#003057;border-radius:3px;color:#fff;opacity:.8;transition:.7s}.sleep-calculator .hours-value,.sleep-calculator .minutes-value{cursor:pointer}.sleep-calculator__calculate,.sleep-calculator__recalculate{align-items:center;background:#003057;border-radius:10px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;margin:30px auto 0;max-width:250px;text-align:center;width:100%}.sleep-calculator__results,.sleep-calculator__results--note{margin-top:20px}.sleep-calculator__results--note .description{max-width:700px}.sleep-calculator__items{align-items:center;background:#f6f9fc;border-radius:10px;column-gap:20px;display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;max-width:700px;padding:30px;row-gap:50px}@media screen and (max-width:989px){.sleep-calculator__items{padding:10px;row-gap:20px}}.sleep-calculator__item{align-items:center;background:#fff;display:flex;flex-direction:column;justify-content:center;padding:15px;width:45%}.sleep-calculator__item.optional .sleep-calculator__block--label{display:none}.sleep-calculator__block .description{margin-bottom:0}.sleep-calculator__block--timeLabel{display:flex;justify-content:space-between}.sleep-calculator__block--time{font-weight:700}.sleep-calculator__block--label{color:orange;font-weight:700}@media screen and (max-width:989px){#slider{width:90%}.sleep-calculator{align-items:center;justify-content:center;margin-right:0;margin-top:30px;padding-right:0}.sleep-calculator .description{font-size:14px}.sleep-calculator__results--note .description{max-width:unset;text-align:center;width:100%}.sleep-calculator__block .description{display:flex;flex-wrap:wrap}.sleep-calculator__type{max-width:90%}.sleep-calculator__logic--info{padding:0 20px}.sleep-calculator__results--note .description{margin:0 auto}}