.maria-time-picker{display:flex;flex-wrap:wrap;gap:10px;width:170px;max-width:100%;color:#e8e8e8}.maria-time-column{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.maria-time-caption{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#aaa;text-align:center}.maria-time-wheel{display:block;height:180px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;scroll-snap-type:y mandatory;padding:72px 0;box-sizing:border-box;border:1px solid #383838;background:#111;border-radius:8px;position:relative;cursor:ns-resize;touch-action:none}.maria-time-wheel::-webkit-scrollbar{display:none}.maria-time-wheel:focus-visible{outline:2px solid #e10600;outline-offset:3px}.maria-time-row{display:block;height:36px;line-height:36px;text-align:center;scroll-snap-align:center;font-size:14px;color:#888;user-select:none}.maria-time-row.is-selected{color:#fff;background:#60100d;font-weight:700;box-shadow:inset 0 1px #e10600,inset 0 -1px #e10600}.maria-time-hint{width:100%;font-size:11px;color:#999;line-height:1.4}.maria-time-picker[data-invalid] .maria-time-hint{color:#ff6963}
.maria-date-picker{width:210px}.maria-datetime-layout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;column-gap:12px!important}.maria-datetime-layout>*{grid-column:1/-1}.maria-datetime-layout>.maria-date-field{grid-column:1;align-content:start}.maria-datetime-layout>.maria-time-field{grid-column:2;align-content:start}.maria-date-field .maria-time-picker,.maria-time-field .maria-time-picker{width:100%}.maria-date-picker .maria-time-caption{visibility:hidden}

.maria-today-button{min-height:44px;padding:8px 16px;border:1px solid #e10600;border-radius:6px;background:#24100f;color:#fff;font-size:13px;cursor:pointer}.maria-today-button:hover{background:#60100d}.maria-today-button:focus-visible{outline:2px solid #e10600;outline-offset:3px}@media(max-width:600px){.maria-time-picker{gap:6px}.maria-datetime-layout{column-gap:10px!important}.maria-time-caption{letter-spacing:.5px;font-size:10px}.maria-time-row{font-size:13px}.maria-time-hint{font-size:10px}}@media(prefers-reduced-motion:reduce){.maria-time-wheel{scroll-behavior:auto}}