@media (max-width: 767px) {
    select.mobile-time-source-select,
    select.mobile-time-source-select[hidden],
    .searchable-select.mobile-time-source-wrapper {
        display: none !important;
    }

    .mobile-time-input {
        width: 100%;
        min-width: 0;
        min-height: 52px;
        box-sizing: border-box;
        padding: 0 16px;
        border: 1px solid var(--border-color, #ddd5e6);
        border-radius: 16px;
        background: #fff;
        color: var(--text-color, #24152f);
        font: inherit;
        font-size: 16px;
        line-height: 1.2;
        letter-spacing: .02em;
        appearance: none;
        -webkit-appearance: none;
    }

    .mobile-time-input::placeholder {
        color: #a6a0aa;
        opacity: 1;
    }

    .mobile-time-input:focus {
        outline: none;
        border-color: #8b5cf6;
        box-shadow: 0 0 0 4px rgba(109, 40, 217, .12);
    }

    .mobile-time-input.is-invalid-time,
    .mobile-time-input[aria-invalid="true"] {
        border-color: #dc2626;
        box-shadow: 0 0 0 3px rgba(220, 38, 38, .1);
    }

    .mobile-time-input:disabled {
        cursor: not-allowed;
        opacity: .58;
        background: #f6f3f8;
    }
}