@use '../../variables' as *;

.time-select {
    align-items: center;
    display: flex;

    &::before {
        background-color: $time-select-dash-color;
        content: '';
        height: 1px;
        margin: 0 4px * 3;
        order: 2;
        width: 4px * 4;
    }

    &__item {
        width: 4px * 28;

        &:first-child {
            order: 1;
        }

        &:last-child {
            order: 3;
        }
    }
}