@charset "UTF-8";
@font-face{font-family:Tajawal-Medium;src:url(/theme/altibbi/lib/fonts/Tajawal-Medium.ttf);font-display:swap}
@font-face{font-family:Tajawal-regular;src:url(/theme/altibbi/lib/fonts/Tajawal-Regular.ttf);font-display:swap}
@font-face{font-family:Tajawal-bold;src:url(/theme/altibbi/lib/fonts/Tajawal-Bold.ttf);font-display:swap}
:root{--spacing-sm:6px;--spacing-md:8px;--spacing-lg:12px;--spacing-xs:4px;--spacing-xl:16px;--spacing-2xl:20px;--spacing-3xl:24px;--spacing-4xl:32px;--spacing-5xl:40px;--spacing-6xl:48px;--radius-md:var(--spacing-md);--gray-1:#101828;--gray-2:#344054;--gray-3:#667085;--gray-4:#667085;--gray-5:#d0d5dd;--gray-6:#e4e7ec;--gray-7:#f2f4f7;--gray-8:#f9fafb;--red:#cf274d;--orange:#f79009;--radius-full:9999px;--radius-sm:6px;--radius-4xl:24px;--primary:#155eef;--darkblue:#102a56;--whatsapp-color:#00b946;--warning-25:rgba(255,175,71,.25);--radius-xl:var(--spacing-lg);--radius-lg:10px;--brand-50:#eff4ff}.sleep-calculator-title{margin-bottom:20px}.sleep-calculator-title{font-size:1rem}.sleep-calculator-title{line-height:1.25rem}.primary-blue{color:#102a56}.primary-altibbi{color:#155eef}.font-regular{font-family:Tajawal-Regular,serif}.font-medium,ul.result-times-list .total-time,ul.result-times-list .recommended,ul.result-times-list .best{font-family:Tajawal-Medium,serif}.font-bold,.sleep-calculator-title,.sleep-calculator-wrapper .primary-btn,.sleep-calculator-wrapper #sleepCalculatorSubmit,.sleep-calculator-wrapper .secondary-btn,ul.result-times-list .item-time,.time-picker-item,.time-picker-separator,.toggle-option{font-family:Tajawal-Bold,serif}.normal-font-style{font-weight:400;font-style:normal;font-stretch:normal;letter-spacing:normal}.mt-40{margin-top:40px}.dot-flashing{position:relative;width:10px;height:10px;border-radius:5px;background-color:#fff;color:#fff;animation:dotFlashing 1s infinite linear alternate;animation-delay:.5s}.dot-flashing:before,.dot-flashing:after{content:'';display:inline-block;position:absolute;top:0}.dot-flashing:before{left:-15px;width:10px;height:10px;border-radius:5px;background-color:#fff;color:#fff;animation:dotFlashing 1s infinite alternate;animation-delay:0s}.dot-flashing:after{left:15px;width:10px;height:10px;border-radius:5px;background-color:#fff;color:#fff;animation:dotFlashing 1s infinite alternate;animation-delay:1s}@keyframes dotFlashing{0%{background-color:#155eef}50%,100%{background-color:#fff}}.sleep-calculator-title{color:#101828}.sleep-calculator-wrapper{display:flex;align-items:flex-start;justify-content:space-between;min-height:527px;border-radius:5px 5px 0 0;background-color:#fff}.sleep-calculator-wrapper .primary-btn,.sleep-calculator-wrapper #sleepCalculatorSubmit,.sleep-calculator-wrapper .secondary-btn{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:#155eef;color:#fff}.sleep-calculator-wrapper .primary-btn:hover,.sleep-calculator-wrapper #sleepCalculatorSubmit:hover{background-color:#0d4ac4;color:#fff}.sleep-calculator-wrapper .secondary-btn{background-color:transparent;color:#155eef}.sleep-calculator-wrapper .secondary-btn img{width:20px;height:20px;transition:transform .3s ease}.sleep-calculator-wrapper .secondary-btn:hover{color:#155eef}.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:#101828;font-size:24px;line-height:32px}.result-body{color:#101828;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 #e4e7ec}ul.result-times-list .item-time{color:#101828;font-size:18px;line-height:28px}ul.result-times-list .total-time{color:#344054;font-size:14px;line-height:20px}ul.result-times-list .recommended,ul.result-times-list .best{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:768px){.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:#fff;border-radius:8px;overflow:hidden;position:relative;width:100%;height:132px;border:1px solid #e4e7ec}.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,#fff 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,#fff 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:#f0f7fc;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-size:20px;line-height:30px;font-weight:700;height:46px;display:flex;justify-content:center;align-items:center;color:#101828;cursor:pointer;transition:all .2s ease;scroll-snap-align:center;user-select:none}.time-picker-separator{font-size:20px;line-height:30px;font-weight:700;color:#101828;margin:0 8px;z-index:2}.current-time-display{margin-top:20px;padding:12px 20px;border:1px solid #e0e0e0;background-color:#f9f9f9;border-radius:8px;text-align:center;color:#333;font-weight:500;width:280px}.toggle-container{position:relative;display:flex;background-color:#f2f4f7;border-radius:23px}.toggle-option{padding:14px 24px;font-size:14px;color:#344054;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:#fff}.toggle-slider{position:absolute;top:0;height:100%;background:#f79009;border-radius:23px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}