@keyframes SleepCalculator-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.SleepCalculator{justify-items:center;gap:20px;width:100%;display:grid}.SleepCalculator_Now{background:var(--secondary-background-color,#f4f4f4);border-radius:16px;align-items:center;gap:10px;padding:10px 22px;display:inline-flex}.SleepCalculator_Now_Icon{font-size:22px;line-height:1}.SleepCalculator_Now_Time{font-size:26px;font-weight:300}.SleepCalculator_Modes{background:var(--secondary-background-color,#f4f4f4);border-radius:24px;flex-wrap:wrap;justify-content:center;gap:8px;padding:6px;display:flex}.SleepCalculator_Modes_Button{color:var(--primary-color,#222);cursor:pointer;background:0 0;border:none;border-radius:18px;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:15px;display:inline-flex}.SleepCalculator_Modes_Button.is-active{background:var(--highlight-color,#7862d7);color:#fff}.SleepCalculator_WakeInput{justify-items:center;gap:6px;display:grid}.SleepCalculator_WakeInput span{opacity:.7;font-size:13px}.SleepCalculator_WakeInput input[type=time]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border:var(--form-element-border,1px solid #ccc);background:var(--primary-bg-color,#fff);color:var(--primary-color,#222);border-radius:12px;padding:10px 16px;font-family:inherit;font-size:22px}.SleepCalculator_ResultsLabel{opacity:.8;margin:0;font-size:15px}.SleepCalculator_Results{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;max-width:560px;display:grid}@media only screen and (min-width:1201px){.SleepCalculator_Results{grid-template-columns:repeat(4,minmax(0,1fr))}}.SleepCalculator_Results_Card{background:var(--primary-bg-color,#fff);border:1px solid #8080804d;border-radius:18px;justify-items:center;gap:6px;padding:20px 8px 14px;transition:transform .15s,box-shadow .15s;animation:.35s backwards SleepCalculator-rise;display:grid;position:relative}.SleepCalculator_Results_Card:first-child{animation-delay:0s}.SleepCalculator_Results_Card:nth-child(2){animation-delay:60ms}.SleepCalculator_Results_Card:nth-child(3){animation-delay:.12s}.SleepCalculator_Results_Card:nth-child(4){animation-delay:.18s}.SleepCalculator_Results_Card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0a0c1e1a}.SleepCalculator_Results_Card.is-recommended{border:2px solid var(--highlight-color,#7862d7)}.SleepCalculator_Results_Card_Dots{gap:4px;display:flex}.SleepCalculator_Results_Card_Dots_Dot{background:var(--highlight-color,#7862d7);opacity:.55;border-radius:50%;width:7px;height:7px}.SleepCalculator_Results_Card_Badge{background:var(--highlight-color,#7862d7);color:#fff;white-space:nowrap;border-radius:10px;padding:2px 10px;font-size:11px;position:absolute;top:-10px}.SleepCalculator_Results_Card_Time{font-size:26px;font-weight:300}.SleepCalculator_Results_Card_Meta{opacity:.7;text-align:center;font-size:12px}.SleepCalculator_Note{opacity:.6;text-align:center;max-width:560px;margin:0;font-size:13px}.SleepCalculator_Hint{opacity:.75;text-align:center;max-width:560px;margin:0;font-size:14px}