.booking-time-selector {
	position: relative;
	--padding-horizontal: 12px;
	--icon-size: var(--ui-size-xl);
}

.booking-time-selector-input {
	all: unset;
	box-sizing: border-box;
	width: 0;
	min-width: 115px;
	padding: 9px calc(var(--icon-size) + var(--padding-horizontal)) 9px 12px;
	border-radius: var(--ui-border-radius-2xs);
	border: 1px solid var(--ui-color-base-35);
	font-size: var(--ui-font-size-md);
}

.booking-time-selector-input.--error {
	border-color: var(--ui-color-text-alert);
}

.booking-time-selector .ui-icon-set {
	position: absolute;
	right: calc(var(--padding-horizontal) / 2);
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;

	--ui-icon-set__icon-base-color: var(--ui-color-base-70);
	--ui-icon-set__icon-size: var(--icon-size);
}

.booking-time-selector.--menu-shown .ui-icon-set {
	transform: translateY(-50%) scaleY(-1);
}

.booking-time-selector-menu .menu-popup-item.--selected {
	font-weight: var(--ui-font-weight-bold);
}

.booking-time-selector-menu .menu-popup-item .menu-popup-item-hint {
	color: var(--ui-color-base-50);
	padding-left: 5px;
}