.time-columns{align-items:flex-start;gap:var(--space-1);padding:var(--space-3);width:var(--timepicker-width);display:flex}.time-columns__separator{color:var(--timepicker-separator-color);font-size:var(--timepicker-item-font-size);-webkit-user-select:none;user-select:none}.time-columns__period,.time-columns__separator{margin-top:calc(var(--space-1) + 1.4rem);align-self:center}.time-columns__period{gap:var(--space-1);flex-direction:column;display:flex}.time-columns__period-btn{padding:var(--space-1) var(--space-2);border:var(--border-w-thin) solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-size-xs);cursor:pointer;transition:var(--transition-fast);background:0 0}.time-columns__period-btn:hover{background:var(--bg-hover)}.time-columns__period-btn--active{background:var(--color-text-primary);color:var(--text-inverse);border-color:var(--color-text-primary)}