.time24{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0;max-width:100%;font-variant-numeric:tabular-nums}
.time24-clock{display:inline-flex;align-items:center;gap:3px;min-width:0;max-width:100%}
body .time24 select,body .time24 input{box-sizing:border-box;min-width:0;max-width:100%;min-height:36px;margin:0;padding:6px;border:1px solid var(--an-line,#cbd5e1);border-radius:6px;background:var(--an-bg,#fff);color:var(--an-text,#0f172a);font:inherit}
body .time24 select{width:3.5em;max-width:none;padding-right:2px}
body .time24 input[type=date]{width:10em;max-width:100%}
body .time24 .time24-seconds{width:5em}
.time24 [hidden],input[hidden][type=time],input[hidden][type=datetime-local]{display:none!important}
.time24 :is(select,input):focus-visible{outline:2px solid #0284c7;outline-offset:2px}
.time24-dark{--an-bg:#020617;--an-text:#f1f5f9;--an-line:#334155}
@media(max-width:760px){body .time24 select,body .time24 input{min-height:44px;font-size:16px}}