.alarm-clock-panel{display:flex;flex-direction:column;gap:18px;min-width:0}.alarm-card__head,.alarm-card__ringing-actions,.alarm-card__settings-row,.alarm-card__signal,.alarm-card__time-row,.alarm-clock-panel__header,.alarm-clock-panel__heading,.alarm-clock-panel__list-head{align-items:center;display:flex}.alarm-card__head,.alarm-card__settings-row,.alarm-card__time-row,.alarm-clock-panel__header,.alarm-clock-panel__list-head{gap:12px;justify-content:space-between}.alarm-clock-panel__heading{gap:12px;min-width:0}.alarm-clock-panel__heading-icon{background:#ea55551f;border-radius:15px;color:var(--danger-color);display:grid;flex:0 0 46px;height:46px;place-items:center;width:46px}.alarm-clock-panel__heading-icon svg{height:26px;width:26px}.alarm-clock-panel__section-title,.alarm-clock-panel__title{color:#111827;font-weight:800;margin:0}.alarm-clock-panel__title{font-size:20px}.alarm-card__schedule,.alarm-clock-panel__current-time,.alarm-clock-panel__error,.alarm-clock-panel__list-head p,.alarm-clock-panel__live-status{color:#6b7280;margin:0}.alarm-clock-panel__current-time,.alarm-clock-panel__list-head p{font-size:13px}.alarm-clock-panel__workspace{align-items:start;background:#fff;border:1px solid rgba(17,24,39,.08);border-radius:18px;display:grid;grid-template-columns:minmax(280px,350px) minmax(0,1fr);min-width:0}.alarm-clock-panel__alarms,.alarm-clock-panel__create{min-width:0;padding:18px}.alarm-clock-panel__create{align-content:start;background:#fbfcfe;border-radius:18px 0 0 18px;border-right:1px solid rgba(17,24,39,.08);display:grid;gap:14px;position:sticky;top:88px}.alarm-clock-panel__section-title{font-size:18px}.alarm-clock-panel__field{color:#374151;display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:6px;min-width:0}.alarm-card__name,.alarm-card__name .UiInput,.alarm-card__name .UiInputRoot,.alarm-card__time .UiInput,.alarm-card__time .UiInputRoot,.alarm-clock-panel__field .UiInput,.alarm-clock-panel__field .UiInputRoot{width:100%}.alarm-clock-panel__time-field .UiInput{font-size:20px;font-variant-numeric:tabular-nums;font-weight:800}.alarm-clock-panel__signal-setting{align-items:end;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto}.alarm-clock-panel__notice{background:#fff7ed;border-radius:10px;color:#9a3412;display:grid;font-size:12px;gap:8px;grid-template-columns:auto minmax(0,1fr);line-height:1.45;margin:0;padding:10px}.alarm-clock-panel__notice svg{height:18px;width:18px}.alarm-clock-panel__alarms{align-content:start;display:grid;gap:14px;min-height:420px}.alarm-clock-panel__grid{display:grid;gap:11px;grid-template-columns:repeat(auto-fill,minmax(min(265px,100%),1fr));min-width:0}.alarm-card{background:#fff;border:1px solid rgba(17,24,39,.09);border-radius:15px;display:flex;flex-direction:column;gap:11px;min-width:0;padding:12px;transition:border-color .18s ease,box-shadow .18s ease}.alarm-card--armed{border-color:#15803d3d}.alarm-card--snoozed{background:#fffbeb;border-color:#d977064d}.alarm-card--ringing{background:#fff7f7;border-color:#ea555580;box-shadow:0 10px 28px #ea55551f}.alarm-card__drag-handle{cursor:grab}.alarm-card__drag-handle:active:not(.UiButton--disabled){cursor:grabbing}.alarm-card__name{flex:1;min-width:0}.alarm-card__name .UiInput{background:transparent;border-color:transparent;font-size:15px;font-weight:800;min-height:38px;padding-inline:8px}.alarm-card__name .UiInput:focus,.alarm-card__name .UiInput:hover{background:#fff;border-color:#dfe3ea}.alarm-card__time{flex:1;min-width:0}.alarm-card__time .UiInput{background:transparent;border-color:transparent;font-size:clamp(30px,3vw,42px);font-variant-numeric:tabular-nums;font-weight:800;min-height:50px;padding-inline:8px}.alarm-card__time .UiInput:focus,.alarm-card__time .UiInput:hover{background:#fff;border-color:#dfe3ea}.alarm-card__status{background:#f3f4f6;border-radius:999px;color:#4b5563;font-size:10px;font-weight:800;padding:4px 7px;white-space:nowrap}.alarm-card__status--armed{background:#ecfdf3;color:#15803d}.alarm-card__status--snoozed{background:#fff7ed;color:#c2410c}.alarm-card__status--ringing{background:#fef2f2;color:#b91c1c}.alarm-card__schedule{font-size:12px;line-height:1.45;min-height:18px}.alarm-card__signal{gap:6px;min-width:0}.alarm-card__signal .UiSelect{min-width:0;width:150px}.alarm-card__signal .UiSelect__trigger{min-height:40px}.alarm-card__ringing-actions{flex-wrap:wrap;gap:8px}.alarm-card__ringing-actions .UiButton{flex:1}.alarm-clock-panel__empty{border:1px dashed #d8dde5;border-radius:18px;display:grid;gap:8px;justify-items:center;padding:42px 18px;text-align:center}.alarm-clock-panel__empty svg{color:#c7ccd5;height:38px;width:38px}.alarm-clock-panel__error{color:#b91c1c;font-size:13px}.alarm-clock-panel__live-status,.alarm-clock-panel__visually-hidden{height:1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:900px){.alarm-clock-panel__workspace{grid-template-columns:minmax(0,1fr)}.alarm-clock-panel__create{border-bottom:1px solid rgba(17,24,39,.08);border-radius:18px 18px 0 0;border-right:0;position:static}}@media(max-width:620px){.alarm-clock-panel{gap:14px}.alarm-clock-panel__alarms,.alarm-clock-panel__create{padding:14px}.alarm-card__settings-row,.alarm-clock-panel__list-head{align-items:stretch;flex-direction:column}.alarm-card__signal,.alarm-card__signal .UiSelect,.alarm-clock-panel__create>.UiButton,.alarm-clock-panel__list-head>.UiButton{width:100%}.alarm-card__signal .UiSelect{flex:1}}