.ms-time-picker[hidden]{display:none!important}.ms-time-picker{position:fixed;inset:0;z-index:10080;display:grid;place-items:center;padding:12px}.ms-time-picker__backdrop{position:absolute;inset:0;background:rgba(2,9,16,.72);backdrop-filter:blur(4px)}.ms-time-picker__dialog{position:relative;z-index:1;width:min(94vw,500px);overflow:hidden;border:1px solid var(--ms-border);border-radius:var(--ms-radius-card);background:var(--ms-surface-card);color:var(--ms-text);box-shadow:0 24px 70px var(--ms-shadow-raised)}.ms-time-picker__header,.ms-time-picker__footer{display:flex;align-items:center;gap:8px;padding:var(--ms-space-3) var(--ms-space-4);background:var(--ms-surface-footer)}.ms-time-picker__header{justify-content:space-between;border-bottom:1px solid var(--ms-divider)}.ms-time-picker__header div{display:grid;gap:2px}.ms-time-picker__header span{color:var(--ms-muted);font-size:var(--ms-font-small)}.ms-time-picker__header strong{font-size:var(--ms-font-card-title)}.ms-time-picker__header button{width:34px;min-height:34px;padding:0}.ms-time-picker__body{display:grid;grid-template-columns:1fr auto 1fr 1.2fr;align-items:end;gap:var(--ms-space-3);padding:var(--ms-space-5) var(--ms-space-4)}.ms-time-picker__body label{display:grid;gap:6px;margin:0}.ms-time-picker__body label>span{font-size:var(--ms-font-label);font-weight:800}.ms-time-picker__body select{min-height:44px;text-align:center;font-size:var(--ms-font-card-title);font-weight:800}.ms-time-picker__colon{align-self:center;padding-top:20px;font-size:var(--ms-font-page-title);font-weight:900}.ms-time-picker__preview{margin:0 var(--ms-space-4) var(--ms-space-4);padding:12px;border:1px dashed var(--ms-border-strong);border-radius:var(--ms-radius-control);background:var(--ms-surface);text-align:center;font-size:var(--ms-font-section-title);font-weight:900}.ms-time-picker__footer{grid-template-columns:auto auto 1fr auto auto;border-top:1px solid var(--ms-divider)}.ms-time-picker__footer span{flex:1}.ms-time-picker__footer .primary{background:var(--ms-accent);border-color:var(--ms-accent);color:var(--ms-on-accent)}html.ms-time-picker-open{overflow:hidden}@media(max-width:560px){.ms-time-picker__dialog{width:calc(100vw - 12px)}.ms-time-picker__body{grid-template-columns:1fr auto 1fr}.ms-time-picker__period{grid-column:1/-1}.ms-time-picker__footer{flex-wrap:wrap}.ms-time-picker__footer span{display:none}}