.mc-time-field {
    display: block;
    width: 100%;
}

/* 34px == the h-sm height every neighbouring field uses. */
.mc-time-field .rc-time-picker-input {
    height: 34px;
    width: 100%;
    border-radius: 6px;
    padding: 0 12px;
    font-size: 14px;
    color: var(--textColor);
    background-color: var(--field-bg);
    border: 1px solid var(--borderColor, #e2e2e2);
}

.mc-time-field .rc-time-picker-input:focus-visible {
    outline: 2px solid var(--focus-ring);
    outline-offset: 1px;
}

.mc-time-field .rc-time-picker-input[disabled] {
    background-color: var(--field-bg-disabled);
    cursor: not-allowed;
}

.dark_mode .rc-time-picker-panel-inner {
    background-color: var(--field-bg);
    color: var(--textColor);
}