@charset "UTF-8";
.sleep-calculator-title{margin-bottom:20px;font-size:1rem;line-height:1.25rem;font-weight:700;color:var(--gray-1)}.sleep-calculator-wrapper{display:flex;align-items:flex-start;justify-content:space-between;min-height:527px;border-radius:5px 5px 0 0;background-color:var(--white)}.sleep-calculator-wrapper .primary-btn,.sleep-calculator-wrapper #sleepCalculatorSubmit,.sleep-calculator-wrapper .secondary-btn{font-weight:700;padding:1rem;min-height:50px;font-size:1rem;line-height:1rem;width:100%;text-align:center;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:8px;border-radius:5px;border:unset;outline:unset}.sleep-calculator-wrapper .primary-btn,.sleep-calculator-wrapper #sleepCalculatorSubmit{background-color:var(--primary);color:var(--white)}.sleep-calculator-wrapper .primary-btn:hover,.sleep-calculator-wrapper #sleepCalculatorSubmit:hover{background-color:var(--primary-dark);color:var(--white)}.sleep-calculator-wrapper .secondary-btn{background-color:transparent;color:var(--primary)}.sleep-calculator-wrapper .secondary-btn img{width:20px;height:20px;transition:transform .3s ease}.sleep-calculator-wrapper .secondary-btn:hover{color:var(--primary)}.sleep-calculator-wrapper .secondary-btn:hover img{transform:rotate(360deg)}.sleep-image-wrapper{flex:1 0 43.66%}.sleep-image-wrapper img{object-fit:cover;width:100%;min-height:527px;aspect-ratio:458/527}.sleep-content-wrapper,.sleep-calculator-result-wrapper{flex:1 0 56.34%;padding:40px 36px 57px 34px}.sleep-calculator-result-wrapper{padding-bottom:12px}.sleep-content-title{color:var(--gray-1);font-size:24px;line-height:32px}.result-body{color:var(--gray-1);font-size:14px;line-height:20px}ul.result-times-list{display:flex;justify-content:flex-start;align-items:center;gap:8px;flex-wrap:wrap;padding-inline-start:0;margin-block-start:0;margin-bottom:18px}ul.result-times-list li{width:calc(50% - 4px);list-style-type:none;padding:12px;border-radius:8px;border:1px solid var(--gray-6)}ul.result-times-list .item-time{font-weight:700;color:var(--gray-1);font-size:18px;line-height:28px}ul.result-times-list .total-time{font-weight:500;color:var(--gray-2);font-size:14px;line-height:20px}ul.result-times-list .recommended,ul.result-times-list .best{font-weight:500;padding:2px 8px;text-align:center;font-size:12px;line-height:18px;height:22px;display:flex;justify-content:center;align-items:center;border-radius:9999px;border:1px solid transparent}ul.result-times-list .recommended{background-color:rgba(247,144,9,.05);border-color:#f79009;color:#f79009}ul.result-times-list .best{background-color:#ecfdf3;border-color:#abefc6;color:#067647}#sleepCalculatorSubmit{margin-top:95px}@media (max-width:767.98px){.sleep-calculator-wrapper{flex-direction:column;border-radius:10px 10px 0 0;overflow:hidden}.sleep-image-wrapper{order:1;flex:1 0 100%;width:100%;height:220px}.sleep-image-wrapper img{object-fit:cover;object-position:center;width:100%;height:220px;min-height:unset}.sleep-content-wrapper,.sleep-calculator-result-wrapper{order:2;min-height:unset;padding:20px 16px;width:100%}#sleepCalculatorSubmit{margin-top:38px}ul.result-times-list li{width:100%}.sleep-content-title{display:none}}.time-picker-container{display:flex;justify-content:center;align-items:center;background-color:var(--white);border-radius:8px;overflow:hidden;position:relative;width:100%;height:132px;border:1px solid var(--gray-6)}.time-picker-container:before,.time-picker-container:after{content:'';position:absolute;left:0;right:0;pointer-events:none;z-index:3;height:24px}.time-picker-container:before{top:0;background:linear-gradient(180deg,var(--white) 56.56%,rgba(255,255,255,.59) 83.65%,rgba(255,255,255,.7) 86.25%,rgba(255,255,255,0) 99.98%,rgba(226,226,226,.24) 99.99%)}.time-picker-container:after{bottom:0;background:linear-gradient(0deg,var(--white) 56.56%,rgba(255,255,255,.59) 83.65%,rgba(255,255,255,.7) 86.25%,rgba(255,255,255,0) 99.98%,rgba(226,226,226,.24) 99.99%)}.time-picker-divider{position:absolute;top:50%;left:0;right:0;height:36px;background-color:var(--background);transform:translateY(-50%);z-index:1;pointer-events:none}.time-picker-column{height:132px;overflow-y:scroll;scroll-snap-type:y mandatory;flex:1;text-align:center;position:relative;z-index:2;padding:48px 0;-ms-overflow-style:none;scrollbar-width:none}.time-picker-column::-webkit-scrollbar{display:none}.time-picker-item{font-weight:700;font-size:20px;line-height:30px;font-weight:700;height:46px;display:flex;justify-content:center;align-items:center;color:var(--gray-1);cursor:pointer;transition:all .2s ease;scroll-snap-align:center;user-select:none}.time-picker-separator{font-weight:700;font-size:20px;line-height:30px;font-weight:700;color:var(--gray-1);margin:0 8px;z-index:2}.toggle-container{position:relative;display:flex;background-color:var(--gray-7);border-radius:23px}.toggle-option{font-weight:700;padding:14px 24px;font-size:14px;color:var(--gray-2);cursor:pointer;transition:color .3s ease;position:relative;z-index:2;user-select:none;text-align:center;flex:1 0 50%;display:inline-flex;justify-content:center;align-items:center;gap:4px}.toggle-option[data-value=sleep]:before,.toggle-option[data-value=awake]:before{content:'';display:inline-block;background-repeat:no-repeat;background-size:20px;width:20px;height:20px}.toggle-option[data-value=awake]:before{background-image:url(/theme/altibbi/images/sleep-calculator/clock-gray.svg)}.toggle-option[data-value=awake].active:before{background-image:url(/theme/altibbi/images/sleep-calculator/clock.svg)}.toggle-option[data-value=sleep]:before{background-image:url(/theme/altibbi/images/sleep-calculator/bed-gray.svg);height:14px}.toggle-option[data-value=sleep].active:before{background-image:url(/theme/altibbi/images/sleep-calculator/bed.svg)}.toggle-option.active{color:var(--white)}.toggle-slider{position:absolute;top:0;height:100%;background:var(--orange);border-radius:23px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}