.timepicker {
    display: flex;
    flex-flow: row nowrap;
    align-content: center;
    align-items: center;
    gap: 10px;
}

.timepicker-part {
    display: flex;
    flex-flow: row nowrap;
    align-content: center;
    align-items: center;
    gap: 3px;
    font-weight: bold;
}

.timepicker select {
    height: var(--input-height);
    border: 1px solid var(--input-border-color);
    border-radius: var(--input-border-radius);
}

.timepicker > div:not(.timepicker-part) {
    font-weight: bold;
}