@import 'https://fonts.googleapis.com/css?family=Poppins';:root{--font-primary: "Poppins";--text-color: #fff;--btn-color: #3f52c6;--btn-alter-color: #758cff;--btn-submit-color: #fff;--btn-submit-text-color: #4559ce;--dot-diameter: 200px;--dot-diameter-mobile: 140px;--circle-border-width: 4px;--default-color: #2136aa;--fg: #a3aff6;--bg: #2136aa;--value: 60}.flex{display:flex}.j-c-c{justify-content:center}.a-i-c{align-items:center}.f-d-c{flex-direction:column}.f-w-w{flex-wrap:wrap}.hide{display:none}.hide-desktop{display:none}@keyframes fillBar{0%{stroke-dasharray:0 100}30%{stroke-dasharray:30 100}70%{stroke-dasharray:70 100}100%{stroke-dasharray:100 100}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes load{0%{content:"Calculating"}33%{content:"Calculating."}67%{content:"Calculating.."}100%{content:"Calculating..."}}.sleep-calculator{min-height:700px}.sleep-calculator-link{text-decoration:none}.sleep-calculator{background-image:url(bg.png);background-size:100% 100%}.sleep-calculator__view{width:100%}.sleep-calculator__title-img{margin-right:7px;width:50px}.sleep-calculator__title-top{font-family:var(--font-primary);font-style:normal;font-weight:700;font-size:50px;line-height:75px;color:var(--text-color);margin:unset}.sleep-calculator__age-title{font-family:var(--font-primary);font-weight:500;font-size:20px;line-height:30px;color:var(--text-color);width:100%;text-align:center}.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__age-btn{font-family:var(--font-primary);font-weight:500;font-size:14px;line-height:21px;color:var(--text-color);background-color:#3f52c6;border-radius:5px;width:150px;height:34px;border:unset}.sleep-calculator__age-btn:hover,.sleep-calculator__sleep-btn:hover{border:2px solid var(--text-color)!important}.sleep-calculator__sleep{margin-bottom:14px}.sleep-calculator__sleep button:first-child{border-radius:13px 0 0 13px}.sleep-calculator__sleep button:last-child{border-radius:0 13px 13px 0}.sleep-calculator__sleep-img{margin-right:12px}.sleep-calculator__sleep-btn{padding:12px 26px;font-family:var(--font-primary);font-style:normal;font-weight:500;font-size:20px;line-height:30px;color:var(--text-color);background-color:#3f52c6;border:unset}.sleep-calculator__time{gap:5px;margin-bottom:50px}.sleep-calculator__time select{box-shadow:0 5px 10px rgb(0 0 0/20%);border-radius:20px;width:100px;height:50px;text-align:center;font-family:var(--font-primary);font-style:normal;font-weight:500;font-size:16px;line-height:24px;color:var(--text-color);background-color:var(--btn-alter-color);border:none;outline:0}.sleep-calculator__btn,.sleep-calculator__go-back-btn{font-family:var(--font-primary);font-style:normal;font-weight:600;font-size:20px;line-height:30px;color:var(--btn-submit-text-color);background:var(--btn-submit-color);width:199px;height:50px;box-shadow:0 5px 10px rgba(0,0,0,.2);border-radius:13px;margin-bottom:67px;border:none;cursor:pointer}.sleep-calculator__btn:hover,.sleep-calculator__go-back-btn:hover{border:2px solid var(--text-color)!important;background-color:var(--btn-submit-text-color);color:var(--text-color)}@media screen and (max-width:767px){.hide-mobile{display:none}.hide-desktop{display:block}.sleep-calculator{padding:0 20px;height:unset}.sleep-calculator__view{min-height:700px}.sleep-calculator__title{padding-top:25px;margin-bottom:12px}.sleep-calculator__title-img{width:32px}.sleep-calculator__title-top{font-size:32px;line-height:48px;margin:0}.sleep-calculator__age-btn{width:unset;height:unset;padding:10px 30px;font-size:14px}.sleep-calculator__age-title{font-size:18px}.sleep-calculator__sleep{width:100%}.sleep-calculator__sleep-btn{font-size:18px;padding:6px;width:50%;line-height:27px}.sleep-calculator__sleep-img{margin-right:10px}}.sleep-calculator__results--content{font-family:var(--font-primary);font-style:normal;font-weight:500;font-size:16px;line-height:24px;color:var(--text-color);margin-top:unset;margin-bottom:25px;text-align:center}.sleep-calculator__results-boxes{gap:20px;margin-bottom:44px}.sleep-calculator__results-box{background-color:#394cbc;padding:17px 20px;box-shadow:0 5px 10px rgba(0,0,0,.2);border-radius:13px}.progressbar-value{position:absolute;font-family:var(--font-primary);font-style:normal;font-weight:600;font-size:8px}.progressbar-value-in-bed{max-width:90.5px;font-weight:400;font-size:12px;line-height:16px;text-align:center;top:46%}.sleep-calculator__results-time{font-family:var(--font-primary);font-style:normal;font-weight:600;font-size:34px;line-height:51px;color:var(--text-color);margin:0}.sleep-calculator__results-time-text{font-family:var(--font-primary);font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:var(--text-color);margin:0}.sleep-calculator__results-img{margin-right:13px}.sleep-calculator__results-box-data .sleep-calculator__results-box-bed-time:first-child{margin-bottom:32px}.sleep-calculator__results-box-data{position:relative}.separators{position:absolute;color:#fff;font-size:10px;left:12px;top:50px}.loader{width:60px}.loader-wheel{animation:spin 1s infinite linear;border:2px solid rgba(30,30,30,.5);border-left:4px solid #fff;border-radius:50%;height:50px;margin-bottom:10px;width:50px}.loader-text{color:var(--text-color);font-family:arial,sans-serif}.loader-text:after{content:"Calculating";animation:load 2s linear infinite}.stop1{stop-color:#9faeff}.stop2{stop-color:#657aee}.circle-container{width:var(--dot-diameter);height:var(--dot-diameter);transform:rotate(270deg)}.circle-container__background{fill:none;stroke:var(--default-color);stroke-width:var(--circle-border-width)}.circle-container__progress{fill:none;animation:fillBar 1s ease-in-out 0s normal 1 forwards;stroke-linecap:round;stroke:url(#gradient);stroke-dasharray:100 100;color:var(--fg);stroke-linecap:round;stroke-width:var(--circle-border-width);transition:stroke-dashoffset 1s ease-in-out;will-change:transform}.circle-progress-bar{margin-right:35px;position:relative}.circle-progress-bar::before{content:attr(data-before);font-family:var(--font-primary);font-style:normal;font-weight:600;font-size:26px;line-height:39px;position:absolute;top:40%;right:50%;color:var(--fg);transform:translate(50%,-50%)}.progressbar-value{font-family:var(--font-primary);color:var(--fg)}.progressbar-value-24{top:25px;left:50%;transform:translate(-50%)}.progressbar-value-06{right:25px;top:50%;transform:translate(0,-50%)}.progressbar-value-12{bottom:25px;left:50%;transform:translate(-50%)}.progressbar-value-18{left:25px;top:50%;transform:translate(0,-50%)}.progressbar-value-in-bed{left:50%;transform:translate(-50%)}@media screen and (max-width:767px){.sleep-calculator__results--content{font-size:12px}.sleep-calculator__results--content-age{margin-bottom:16px}.sleep-calculator__results-time{font-size:18px;line-height:39px}.sleep-calculator__results-time-text{font-size:12px}.sleep-calculator__results-box{padding:12px 15px}.sleep-calculator__results-box-data .sleep-calculator__results-box-bed-time:first-child{margin-bottom:10px}.sleep-calculator__results-img{width:16px}.progressbar-value-in-bed{font-size:7px;line-height:10px;max-width:55.5px;top:50%}.circle-container{width:var(--dot-diameter-mobile);height:var(--dot-diameter-mobile)}.separators{font-size:7px;left:7px;top:40px}}