.inner-wrapper{max-width:750px;margin:56px auto;width:100%;display:inline-block}.sleep-calculator__heading{margin-top:0;text-transform:uppercase;margin-bottom:24px}button:focus,button:active,button:hover{outline:none}.main-wrapper{text-align:center;max-width:80vw;background:#fff;box-shadow:0 4px 70px #00000014;border-radius:20px;margin:0 auto}.rangeslider{position:relative;height:14px;border-radius:7px;width:100%;background-color:#f4f4f4;box-shadow:none;margin:0 auto 15px}.rangeslider__handle{transition:background-color .2s;box-sizing:border-box;width:32px;height:32px;border-radius:100%;background:rgba(var(--color-button),var(--alpha-button-background));touch-action:pan-y;cursor:pointer;display:inline-block;position:absolute;z-index:3;top:-8px;box-shadow:none;border:none}.rangeslider__handle__value{transition:background-color .2s,box-shadow .1s,transform .1s;box-sizing:border-box;width:90px;text-align:center;padding:5px;background-color:#e62723;border-radius:5px;color:#fff;left:-29px;top:-50px;position:absolute;white-space:nowrap;border-top:1px solid #e62723;box-shadow:none}.rangeslider__handle__value:before{transition:border-top-color .2s;position:absolute;bottom:-10px;left:calc(50% - 10px);content:"";width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid;border-top-color:#e62723}.rangeslider--horizontal .rangeslider__handle{top:50%;transform:translateY(-50%)}.rangeslider__fill{position:absolute;top:0;z-index:1;height:100%;background:transparent;border-radius:8px;box-shadow:none}.rangeslider__labels{position:absolute;width:100%;z-index:2;display:flex;justify-content:space-between}.rangeslider__labels__label{font-size:18px;position:relative;padding-top:25px;color:#333;margin-left:-5px;margin-right:-5px;display:none}.rangeslider__labels__label:last-child:before{background-color:#666}.rangeslider.rangeslider--active .rangeslider__handle,.rangeslider.rangeslider--active .rangeslider__handle *{background-image:unset}.rangeslider.rangeslider--active .rangeslider__handle *:after{border-top-color:#e62723}.rangeslider.rangeslider--active .rangeslider__handle__value{transform:translateY(0);box-shadow:none}.rangeslider__handle:after{display:none}.rangeslider-wrap{display:inline-block;width:100%;margin:3.5em 0 5em;font-family:Helvetica Neue}input[type=range]:focus+.rangeslider .rangeslider__handle{box-shadow:none}.rangeslider__handle:hover{background-color:rgba(var(--color-button),var(--alpha-button-background))}.age-lbl{text-align:center;width:100%;font-size:30px;font-weight:600;color:#333}.selected-age{font-size:22px;display:inline-block;width:100%;text-align:center;margin-bottom:25px;color:#333}.toggle-btn{background-color:#fff;width:100%;display:block;height:58px;position:relative;zoom:1;box-sizing:content-box;display:flex;grid-gap:30px;border-radius:100px}input[type=radio]{opacity:0;-webkit-appearance:none;display:none;margin:0}.toggle-btn input[type=radio]:checked+label{color:rgba(var(--color-button),var(--alpha-button-background));border:rgba(var(--color-button),var(--alpha-button-background)) 1px solid;font-weight:500}.toggle-btn input[type=radio]+label{display:flex;justify-content:center;color:#133ebf;align-items:center;border:#133ebf 1px solid;float:left;vertical-align:middle;width:50%;text-align:center;font-size:20px;line-height:20px;background:transparent;transition:all .3s ease-in-out;cursor:pointer;font-weight:500;position:relative;z-index:2;border-radius:100px;max-width:100%}.sleep-calculator .button{border-radius:30px;min-width:250px}.toggle-btn span{display:none!important;position:absolute;z-index:1;top:2px;left:4px;width:calc(50% - 9px);height:calc(100% - 8px);display:block;background-color:#133ebf;-webkit-transition:all .5s ease;transition:all .5s ease;border-radius:100px;border:rgb(19,62,191) 1px solid}.toggle-btn span.right{left:50%;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out}.timeWrapper{z-index:10;margin:32px auto 72px;width:100%;height:175px;position:relative;background-color:#fff;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;border:1px solid #ccc;box-sizing:content-box}.timeWrapper .highlightTime{position:absolute;border:solid #326DF8 2px;margin:auto;top:0;left:0;bottom:0;width:99%;height:26px}.timeWrapper .setTime{margin:auto;width:100%;height:100%;position:relative}.timeWrapper .setTime:before{content:"";position:absolute;top:calc(33.3% - 1px);left:0;width:100%;height:1px;z-index:1;border-top:1px solid #ccc;pointer-events:none}.timeWrapper .setTime:after{content:"";position:absolute;top:66.6%;left:0;width:100%;height:1px;z-index:1;border-top:1px solid #ccc;pointer-events:none}.timeWrapper .setTime .settingsWrapper{width:33.333%;height:175px;vertical-align:top;display:inline-block;padding:0;margin:0;position:absolute;overflow:hidden;font-size:0;letter-spacing:-1px}.timeWrapper .setTime .settingsWrapper:first-child{left:0}.timeWrapper .setTime ul{padding:0;list-style-type:none;margin:-651px 0 0;height:81px;width:100%;position:absolute;left:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.timeWrapper .setTime ul li{-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all 1s;width:100%;text-align:center;cursor:pointer;height:59px;line-height:1.2;font-size:21px;display:flex;justify-content:center;align-items:center}.timeWrapper .setTime ul li.notChosen{color:#aaa}.timeWrapper .setTime .settingsWrapper:nth-child(2){left:33.33%}.timeWrapper .setTime .settingsWrapper:last-child{left:66.66%}.timeWrapper .setTime ul li.chosen{color:rgb(var(--color-foreground))}.result-wrapper{margin:0 auto;width:100%;float:left;display:none}.result-heading{font-size:30px;font-weight:600;color:#333;margin:15px 0;text-align:center}#text-area{line-height:22px;font-size:18px}.result-text{margin:0 0 15px;font-size:15px;color:#666;text-align:center}.box-wrapper{padding:20px;background:#f4f4f4;border-radius:4px;margin:15px 0 30px}.time-span{font-size:15px;margin-left:3px}.box-inner-wrapper{display:flex;flex-wrap:nowrap}.box-inner-wrapper:first-of-type{margin-bottom:20px}.box{width:calc(50% - 40px);float:left;background:#fff;border-radius:4px;padding:15px;box-sizing:content-box}.box:last-of-type{margin-left:20px}.time-heading{width:100%;float:left;font-size:20px;color:#133ebf;margin-bottom:5px;font-weight:600;text-align:left}.sub-text{display:inline-block;color:#333;font-size:15px;text-align:left;float:left}.suggested{font-size:12px;color:var(--colors-promoColor);float:right;text-transform:uppercase;font-weight:600;line-height:24px}li.result-text{text-align:left}@media (max-width:989px){.main-wrapper{max-width:none}}@media screen and (max-width: 989px){.toggle-btn input[type=radio]+label,.rangeslider__labels__label,.timeWrapper .setTime ul li,.btn-blue{font-size:16px}.age-lbl{font-size:21px}.selected-age{font-size:20px}}@media screen and (max-width: 989px){.inner-wrapper{max-width:75%}.suggested{float:right}.box{width:100%;margin-bottom:15px}.box-inner-wrapper{flex-wrap:wrap}.box:last-of-type{margin-left:0;margin-bottom:0}}@media screen and (max-width: 989px){.toggle-btn input[type=radio]+label{font-size:14px}.inner-wrapper{max-width:calc(100% - 20px)}.timeWrapper{width:calc(100% - 30px)}}@media screen and (max-width: 380px){.toggle-btn input[type=radio]+label{line-height:15px}}.rangeslider__handle,.rangeslider__fill{display:block!important}@media (max-width:989px){.toggle-btn{height:auto;flex-flow:column;align-items:center;grid-gap:12px}.toggle-btn input[type=radio]+label{height:58px;width:calc(100% - 30px);margin:0 auto;font-size:20px}}.toggle-btn input[type=radio]:not(:checked)+label:hover{background:#ecf1ff}
/*# sourceMappingURL=/cdn/shop/t/293/assets/section-sleep-calculator.css.map */