.alertblock_contact-info {
	padding: 16px;
	border-radius: 6px;
	box-shadow:
		0px 0px 0px 2px var(--base-cont-top),
		0px 0px 0px 4px var(--base-line-act-minor);
	.title,
	.text,
	.buts {
		margin: 0 auto;
		max-width: 448px;
		box-sizing: content-box;
	}
	.title {
		display: flex;
		padding: 8px 12px;
		gap: 10px;
		align-items: center;
		.msg_ico {
			margin: 0;
			transform: unset;
			background-size: 288px 96px;
			background-position: -128px 0;
			width: 32px;
			height: 32px;
		}
	}
	.text {
		display: grid;
		gap: 12px;
		padding: 4px 12px;
		border-radius: unset;
		text-wrap-style: pretty;
		p {
			margin: 0;
		}
	}
	.buts {
		display: flex;
		padding: 24px 12px 12px;
		gap: 12px;
		align-items: center;
		.button {
			font-size: 14px;
			font-weight: 510;
			line-height: 20px;
			padding: 10px 24px;
			border-radius: 24px;
			&:not(:hover) {
				color: var(--base-txt-primary);
				box-shadow: 0 0 0 1px var(--base-line-secondary);
			}
		}
		.inline {
			margin: 0;
			margin-left: auto;
			text-decoration-line: underline;
			text-decoration-style: dotted;
			text-underline-position: under;
			border: unset;
			font-size: 14px;
			font-weight: 400;
			line-height: 20px;
			text-align: right;
			text-wrap-style: balance;
		}
	}
	.thickbox .users {
		pointer-events: none;
	}
	.users {
		display: flex;
		gap: 4px;
		.av_wrap {
			position: relative;
			.av_wrap__alert {
				position: absolute;
				top: 0;
				right: 0;
				width: 100%;
				height: 100%;
				border-radius: 50%;
				box-shadow: inset 0 0 0 1px #fff;
				background: var(--colors-amber-500);
				display: flex;
				align-items: center;
				justify-content: center;
				&:before {
					content: '!';
					color: #fff;
					font-size: 11px;
				}
			}
		}
	}
}
/* .heading {} */
.heading__title {
	color: var(--base-txt-primary);
	font: var(--font-ui-16-title-3-semi);
}
.heading__body {
	color: var(--base-txt-secondary);
	font: var(--font-ui-11-micro-reg);
	text-wrap-style: balance;
}
.item-setup-wrapper {
	display: grid;
	grid-template-columns: 1fr;
	gap: 24px;
}
.item-setup-message {
	padding: 0 24px 20px;
}
.item-setup {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 10px;
	align-items: center;
}
.item-setup__heading {
	width: 100%;
	padding-top: 0;
	padding-bottom: 5px;
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.info-card {
	width: 100%;
	box-sizing: border-box;
	display: flex;
	padding: 16px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 12px;
	border-radius: 12px;
	background: var(--base-cont-top-elevated);
	box-shadow: 0px 0px 0px 1px var(--base-line-ghost), 0px 2px 8px -2px var(--colors-graphite-trans-300);
	transition: box-shadow .15s ease-in-out;
	.info-card__dropdown-placeholder {
		display: none;
	}
	.info-card__input-group .ico_alert_sm {
		display: none;
	}
	.info-card__dropdown-caret svg {
		use:last-child {
			display: none;
		}
	}
	&.info-card-empty {
		.info-card__dropdown-placeholder {
			display: flex;
		}
		.info-card__dropdown-value {
			display: none;
		}
	}
	&.info-card-empty-phone {
		.info-card__input-group .ico_alert_sm {
			display: block;
		}
	}
	ws-icon[data-role="alert-icon"] {
		cursor: help;
		--icon-color: var(--base-txt-notice-minor);
	}
	.av_wrap ws-icon[data-role="alert-icon"] {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate3d(-50%, -50%, 0);
	}
	.av_wrap ws-icon[data-role="alert-icon"] + .av_sm {
		visibility: hidden;
	}
}
.info-card__dropdown {
	width: 100%;
	&:focus-visible {
		overflow: hidden;
	}
}
.info-card__dropdown-placeholder,
.info-card__dropdown-value {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 100%;
	flex-wrap: nowrap;
	.av_sm {
		flex-shrink: 0;
		/* border-radius: 6px; */
	}
}
.info-card__dropdown .flex_group {
	gap: 4px;
}
.info-card__dropdown .role_ico {
	--icon-color: var(--base-txt-secondary);
	--icon-size: 16px;
}
.info-card__dropdown-value > .in {
	color: var(--base-txt-max);
	font: var(--font-ui-15-large-med);
}
.info-card__dropdown-placeholder > .in {
	font: var(--font-ui-15-large-reg);
	color: var(--base-txt-tertiary);
}
.info-card:has(a.info-card__dropdown:focus-within),
.info-card:has(a.info-card__dropdown:hover) {
	box-shadow: 0px 0px 0px 1px var(--base-line-secondary), 0px 2px 8px -2px var(--colors-graphite-trans-300);
}
.info-card.has-error .info-card__input-group input {
	background: var(--base-hlt-w-easy);
	box-shadow: var(--shadow-brd-error);
}
.info-card__input-group {
	display: flex;
	flex-direction: column;
	gap: 2px;
	width: 100%;
	input {
		padding: 6px 10px;
		border: unset;
		color: var(--base-txt-secondary);
		font-size: 13px;
		height: 32px;
		box-sizing: border-box;
		border-radius: 8px;
		background: var(--base-cont-mod-trans-low);
		&:disabled {
			background: var(--base-cont-trans-mid);
			color: var(--base-txt-muted);
			width: 100%;
		}
		&:hover {
			box-shadow: var(--shadow-brd-enable-hover);
		}
		&:focus {
			box-shadow: var(--shadow-brd-focus);
		}
	}
	.info-card__input-wrapper {
		position: relative;
		ws-icon[data-role="alert-icon"] {
			--icon-size: 16px;
			position: absolute;
			right: 12px;
			top: 50%;
			transform: translateY(-50%);
			margin: 0;
			cursor: help;
		}
		ws-btn[data-role="copy"] {
			position: absolute;
			right: 4px;
			top: 50%;
			transform: translateY(-50%);
		}
	}
	.iti {
		height: 32px;
	}
	.iti__country-list {
		max-width: 216px;
	}
	.iti__selected-flag {
		padding-left: 5px;
	}
	.iti__flag {
		transform: scale(0.8);
	}
	.iti--allow-dropdown input, .iti--allow-dropdown input[type=text] {
		padding-left: 46px;
	}
}
.info-card-empty .info-card__dropdown {
	color: var(--base-txt-secondary) !important;
	font-size: 13px;
}
.info-card-empty .info-card__input-group {
	display: none;
}
.info-card-empty .av_wrap .ico.ico_delete,
.info-card .av_wrap .ico.ico_delete {
	display: none;
}
.info-card:hover .av_wrap .ico.ico_delete,
.info-card:focus-within .av_wrap .ico.ico_delete {
	display: block;
}
@media (hover: none) {
	.info-card .av_wrap .ico.ico_delete {
		display: block;
	}
}
.av_wrap {
	position: relative;
	.ico.ico_delete {
		position: absolute;
		top: -7px;
		right: -10px;
		margin: 0;
		transition: opacity .2s ease-out;
		opacity: .6;
		&:focus-visible {
			opacity: 1;
		}
	}
	&:hover {
		.ico.ico_delete {
			opacity: 1;
		}
	}
}
.info-card-disabled .iti--allow-dropdown .iti__flag-container {
	cursor: auto;
	pointer-events: none;
}
.modal__content .item-setup-buttons {
	display: flex;
	padding: 24px 28px;
	gap: 16px;
	height: unset;
	flex-direction: column;
	align-items: stretch;

	border-top: 0.5px solid var(--base-line-tertiary);
	background: var(--base-cont-mod-mid);
}
.item-setup-buttons__checkbox-wrapper {
	display: none;
	&:has(input[required]) {
		display: block;
	}
	.error-text {
		position: absolute;
		padding-left: 32px;
	}
	ws-icon {
		--icon-color: var(--base-txt-alert-major);
	}
}
.item-setup-buttons__checkbox {
	display: flex;
	padding: 0;
	align-items: flex-start;
	gap: 8px;
	align-self: stretch;
	background: unset !important;
	input {
		opacity: 0;
		width: 24px;
		height: 24px;
		padding: 0;
		float: left;
		margin: 0 -24px 0 0;
		cursor: pointer;
	}
	input + ws-icon {
		--icon-size: 16px;
		width: 24px;
		height: 24px;
		svg use:nth-child(1) {
			display: block;
		}
		svg use:nth-child(2) {
			display: none;
		}
		svg use:nth-child(3) {
			display: none;
		}
	}
	&:hover input + ws-icon {
		svg use:nth-child(1) {
			display: none;
		}
		svg use:nth-child(2) {
			display: block;
		}
		svg use:nth-child(3) {
			display: none;
		}
	}
	input:checked + ws-icon {
		--icon-color: var(--base-hlt-b-invert);
		svg use:nth-child(1) {
			display: none;
		}
		svg use:nth-child(2) {
			display: none;
		}
		svg use:nth-child(3) {
			display: block;
		}
	}
	&:hover input:checked + ws-icon {
		--icon-color: var(--base-hlt-b-invert-major);
	}
	&.has-error input+i {
		box-shadow: var(--shadow-brd-error);
		border-radius: 2px;
		&:focus-visible {
			box-shadow: unset;
			border-radius: unset;
		}
	}
	.in {
		padding: 2px 0;
		font: var(--font-ui-14-regular-reg);
		color: var(--base-txt-secondary);
		text-wrap-style: balance;
	}
}
.item-setup-buttons__required {
	color: var(--base-txt-alert-major);
}
.error-text {
	color: var(--base-txt-alert-major);
	font: var(--font-ui-11-micro-reg);
	padding: 2px 0;
	&.error-text-hidden {
		display: none;
	}
}


#setup .setup_.with-users {
	padding-top: 9px;
	padding-bottom: 9px;
	container-type: inline-size;
	container-name: buttons-container;
	h4 {
		display: flex;
		height: unset;
		gap: 8px;
		padding: 0;
		align-items: flex-start;
	}
	.title {
		display: flex;
		flex-grow: 1;
		flex-shrink: 0;
		align-items: center;
		gap: 8px;
		min-height: 32px;
		.ico, .h4 {
			margin-right: 0;
		}
	}
	.buttons {
		display: flex;
		flex-grow: 0;
		flex-shrink: 1;
		gap: 8px;
		flex-wrap: wrap;
		align-items: center;
		justify-content: end;
		.button {
			margin: 0;
		}
		.thickbox .users {
			pointer-events: none;
		}
		.users {
			display: flex;
			gap: 2px;
			.av_wrap {
				position: relative;
				.av_wrap__alert {
					position: absolute;
					top: 0;
					right: 0;
					width: 100%;
					height: 100%;
					border-radius: 50%;
					box-shadow: inset 0 0 0 1px #fff;
					background: var(--colors-amber-500);
					display: flex;
					align-items: center;
					justify-content: center;
					&:before {
						content: '!';
						color: #fff;
						font-size: 11px;
					}
				}
			}
		}
	}
	@container buttons-container (max-width: 390px) {
		.buttons {
			flex-direction: column-reverse;
		}
	}
}


@keyframes placeholder-loading {
	0% {
		background-position: 200% 0;
	}
	100% {
		background-position: -200% 0;
	}
}
.item-setup-wrapper.ws-placeholder {
	.ws-placeholder__text {
		border-radius: 4px;
		background: linear-gradient(100deg,
			currentColor 20%,
			rgba(255, 255, 255, 0.2) 50%,
			currentColor 80%);
		background-size: 200% 100%;
		animation: placeholder-loading 1.5s infinite;
		height: 1lh;
		opacity: .2;
	}
	.ws-placeholder__icon {
		border-radius: 4px;
		background: linear-gradient(100deg,
			var(--icon-color) 20%,
			rgba(255, 255, 255, 0.2) 50%,
			var(--icon-color) 80%);
		background-size: 200% 100%;
		animation: placeholder-loading 1.5s infinite;
		height: 1lh;
		opacity: .2;
	}
	.ws-placeholder__text-w50 {
		width: 50%;
	}
	.ws-placeholder__text-w75 {
		width: 75%;
	}
	.ws-placeholder__fix-w100 {
		width: 100%;
		box-sizing: border-box;
	}
}

#account-contacts {
	padding-bottom: 40px;
	.item-setup-buttons {
		padding-top: 32px;
		gap: 8px;
		display: none;
		&.item-setup-buttons--alwaysVisible,
		&:has(.item-setup-buttons__checkbox-wrapper input[required]) {
			display: flex;
		}
	}
	.item-setup-buttons__checkbox-wrapper .error-text {
		padding-left: 24px;
	}
	.item-setup-buttons__checkbox {
		gap: 0;
		.in {
			font: var(--font-ui-13-small-reg);
		}
	}
}
@media (min-width: 901px) {
	#account-contacts {
		.item-setup-wrapper {
			display: grid;
			grid-template-columns: 1fr 1fr 1fr;
			gap: 32px;
		}
		.item-setup {
			display: flex;
			flex-direction: column;
			padding: 0;
			justify-content: space-between;
			min-width: 0;
		}
	}
}
#billingContacts ~ #account-contacts {
	padding-top: 64px;
}
#billingContacts:has( ~ #account-contacts) {
	margin-bottom: 0;
}
#account-contacts:has(+ #billingContacts) {
	border-bottom: 1px solid var(--base-LINE-tertiary, rgba(0, 31, 61, 0.10));
	margin-bottom: 0;
}

.space-lock ws-icon + .av_sm {
	display: none;
}

.info-card ws-btn[data-role="copy"] {
	display: none;
}
.info-card:has(input:focus, .info-card__input-wrapper:hover) ws-btn[data-role="copy"] {
	display: block;
}
.info-card.has-error.has-error ws-btn[data-role="copy"],
.info-card.info-card-empty-phone.info-card-empty-phone ws-btn[data-role="copy"] {
	display: none;
}
ws-btn[data-role="copy"]:hover {
	display: block !important;
}

@media (min-width: 481px) {
	.modal__content .info-card {
		background: var(--base-cont-mod-top-elevated);
	}
}
.modal__content .heading__title {
	gap: 4px;
	.flex_content {
		flex-grow: 0;
	}
}

@media (max-width: 480px) {
	.heading__title {
		font: var(--font-ui-18-title-2-semi);
	}
	.info-card ws-btn[data-role="copy"] {
		display: block;
	}

	.item-setup-buttons__checkbox-wrapper .error-text {
		position: static;
		display: flex;
		align-items: center;
		overflow: hidden;
		padding-top: 0;
		padding-bottom: 0;
		transition: height .2s ease-in-out .2s, opacity .2s ease-in-out .2s;
		height: 20px;
		opacity: 1;
		&.error-text-hidden {
			height: 0;
			opacity: 0;
		}
	}
}


.menu .iti {
	ul {
		margin: 0;
	}
	li {
		margin: 0;
		&:before {
			content: unset;
		}
	}
	.iti__country {
		outline: unset;
	}
}
@media screen and (max-width: 480px) {
	.menu {
		.iti__flag-box {
			margin: 0;
			padding: 0 6px;
		}
		.iti__country-name {
			margin: 0;
		}
		.iti__dial-code {
			padding-right: 6px;
		}
	}

}