.time-period-widget {
    display: flex;
    align-items: center;
}

.time-period-widget:not(:last-child) {
    margin-bottom: 10px;
}

.time-period-widget__elem:not(:last-child) {
    margin-right: 10px;
}

.time-period-widget__control {
    display: flex; 
    align-items: center;
}

.time-period-widget__input {
    width: 100%;
    background-color: transparent;
    border: none;
    outline: none;
    color: white;
    text-align: center;
}

.time-period-widget__input:focus-visible {
    outline: none;
}