/* Start:/local/templates/new_arena/css/simple-phone-mask.css?17713126841538*/
.spm-wrapper {
	position: relative;
	display: inline-block;
	width: 100%;
}

.spm-wrapper .home-callback__input,
.error .spm-wrapper  {
	margin-bottom: 0;
}

.spm-wrapper {
	margin-bottom: 30px;
}

.spm-input {
	padding-left: 50px!important;
}

.spm-flag-button {
	position: absolute;
	/* left: 10px; */
	padding-left: 10px;
	padding-right: 10px;
	top: 48%;
	transform: translateY(-50%);
}

.new-input__item.spm-input[name="phone"] {
	background: linear-gradient(to right, #f9f9f9 45px, transparent 45px);
	padding-left: 50px;
}

.spm-flag-button--selectable {
	cursor: pointer;
}

.spm-flag-button--non-selectable {
	cursor: default;
}

.spm-flag-image {
	width: 20px;
	height: 15px;
	object-fit: cover;
	border-radius: 2px;
}

.spm-dropdown {
	display: none;
	position: absolute;
	top: 90%;
	left: 0;
	z-index: 1000;
	background-color: #fff;
	border: 1px solid #ccc;
	max-height: 200px;
	overflow-y: auto;
	width: 100%;
}

.spm-dropdown-option {
	padding: 8px;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 8px;
}

.spm-dropdown-option:hover {
	background-color: #f0f0f0;
}

.spm-country-name {
	flex-grow: 1;
}

.spm-country-code {
	color: #666;
	margin-left: auto;
}

.spm-arrow-icon {
    color: #333; /* Цвет стрелки */
    width: 16px;
    height: 12px;
}

/* Ограничение размеров SVG-иконок внутри маски телефона */
.spm-wrapper svg:not(.custom-select__arrow) {
    width: 12px !important;
    height: 14px !important;
    display: inline-block !important;
}

/* End */
/* /local/templates/new_arena/css/simple-phone-mask.css?17713126841538 */