.clock-container{display:flex;flex-direction:column;align-items:center;color:var(--app-text)}.clock-time{color:var(--app-text);letter-spacing:.5px;white-space:nowrap;font-family:Consolas,monospace;font-size:var(--font-size-h3);font-weight:600}.clock-date{letter-spacing:1px;white-space:nowrap;text-transform:uppercase;color:var(--app-text-dim);font-family:Consolas,monospace;font-size:var(--font-size-small)}.date-pick{display:flex;align-items:center;gap:.35rem;min-width:0}.date-pick .date-pick__step{flex:0 0 auto}.date-pick .date-pick__field{flex:1 1 auto;min-width:0}.date-pick .date-pick__input{width:100%;min-width:9rem}html[data-theme=light] .date-pick .date-pick__step[data-slot=button]:not(:disabled){background-color:var(--app-bg);border-color:var(--app-border);color:var(--app-text)}html[data-theme=light] .date-pick .date-pick__step[data-slot=button]:not(:disabled):hover{background-color:var(--app-bg-highlight)}html[data-theme=dark] .date-pick .date-pick__step[data-slot=button]:not(:disabled),html[data-theme=high-contrast] .date-pick .date-pick__step[data-slot=button]:not(:disabled){background-color:var(--app-bg-highlight);border-color:var(--app-border);color:var(--app-text)}html[data-theme=dark] .date-pick .date-pick__step[data-slot=button]:not(:disabled):hover,html[data-theme=high-contrast] .date-pick .date-pick__step[data-slot=button]:not(:disabled):hover{background-color:var(--app-bg);color:var(--app-text)}html[data-theme=light] .date-pick .date-pick__input{color-scheme:light}html[data-theme=dark] .date-pick .date-pick__input,html[data-theme=high-contrast] .date-pick .date-pick__input{color-scheme:dark}.date-pick .date-pick__input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.9}.date-pick .date-pick__input::-webkit-calendar-picker-indicator:hover{opacity:1}html[data-theme=light] .date-pick .date-pick__input::-webkit-calendar-picker-indicator{filter:none}html[data-theme=dark] .date-pick .date-pick__input::-webkit-calendar-picker-indicator,html[data-theme=high-contrast] .date-pick .date-pick__input::-webkit-calendar-picker-indicator{filter:invert(1)}
