.booking-booking-client-popup-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.booking-booking-client-popup-header-text {
	color: var(--ui-color-base-90);
	font-size: var(--ui-font-size-lg);
}

.booking-booking-client-popup-header .ui-icon-set {
	--ui-icon-set__icon-color: var(--ui-color-base-35);
	--ui-icon-set__icon-size: 18px;
	cursor: pointer;
}

.booking-booking-client-popup-contact {
	margin: 15px 0;
	padding: 10px;
	border-radius: 8px;
	border: 1px solid var(--ui-color-base-10);
}

.booking-booking-client-popup-field:not(:first-child) {
	margin-top: 10px;
}

.booking-booking-client-popup-field-name {
	margin-bottom: 5px;
	font-size: var(--ui-font-size-sm);
	color: var(--ui-color-base-70);
}

.booking-booking-client-popup-field-input-container {
	position: relative;
	display: flex;
}

.booking-booking-client-popup-field-input {
	max-width: 100%;
	flex: 1;
	box-sizing: border-box;
	min-height: 39px;
	padding: 10px;
	border-radius: 2px;
	border: 1px solid var(--ui-color-base-35);
	font-size: var(--ui-font-size-lg);
	transition: border-color .2s;
}

.booking-booking-client-popup-field-input.--left-icon {
	padding-left: 43px;
}

.booking-booking-client-popup-field-input.--right-icon {
	padding-right: 30px;
}

.booking-booking-client-popup-field-input:focus,
.booking-booking-client-popup-field-input:hover {
	border-color: var(--ui-color-primary);
}

.booking-booking-client-popup-field-input.--warning {
	border-color: var(--ui-color-text-alert);
}

.booking-booking-client-popup-field-input::-webkit-input-placeholder {
	color: var(--ui-color-base-50);
}

.booking-booking-client-popup-field-input-icon {
	position: absolute;
	display: flex;
	left: 8px;
	top: 50%;
	transform: translateY(-50%);
	border-right: 1px solid rgba(221, 224, 232, .54);
}

.booking-booking-client-popup-field-input-icon.--no-border {
	border-right: none;
}

.booking-booking-client-popup-field-input-avatar-icon {
	display: flex;
	margin-right: 8px;
	border-radius: 50%;
	background: var(--ui-color-base-70);
}

.booking-booking-client-popup-field-input-avatar-icon .ui-icon-set {
	--ui-icon-set__icon-color: var(--ui-color-palette-white-base);
	--ui-icon-set__icon-size: 18px;
}

.booking-booking-client-popup-field-input-icon-right {
	position: absolute;
	display: flex;
	right: 6px;
	top: 50%;
	transform: translateY(-50%);
}

.booking-booking-client-popup-field-input-icon-right.--clickable {
	cursor: pointer;
}

.booking-booking-client-popup-field-input-icon-right .ui-icon-set {
	--ui-icon-set__icon-color: var(--ui-color-base-70);
	--ui-icon-set__icon-size: 20px;
}

.booking-booking-client-popup-field-input-label {
	position: absolute;
	right: 12px;
	top: -1px;
	transform: translateY(-50%);
	padding: 1px 6px;
	border-radius: 1in;
	background: var(--ui-color-accent-light-blue);
	color: var(--ui-color-palette-white-base);
	font-size: var(--ui-font-size-6xs);
	font-weight: var(--ui-font-weight-bold);
	cursor: default;
}

.booking-booking-client-popup-field-input-label.--warning {
	background: var(--ui-color-text-alert);
}

.booking-booking-client-popup-hint {
	color: var(--ui-color-base-50);
	font-size: var(--ui-font-size-xs);
}

.booking-booking-client-popup-buttons {
	display: flex;
	justify-content: center;
	gap: 10px;
}