@keyframes spin {
	from {
		rotate: 0deg;
	}

	to {
		rotate: 360deg;
	}
}

.filter-form .column.small-12.large-6:has(input[name='filters[vacancy__country]']) {
	display: none;
}

.dgi-form {
	container: dgi-form / inline-size;
	margin-block: 2rem 0;
}

.dgi-form__wrapper {
	position: relative;
	background: #fff;
}

.dgi-form__message {
	border: 1px solid #cdcdcd;
	border-radius: 19px;
	min-height: min(300px, 50svh);
	display: grid;
	place-items: center;
}

.dgi-form__loader {
	position: absolute;
	inset: -20px;
	z-index: 1;
	background: #fffa;
	backdrop-filter: blur(5px);
	display: grid;
	place-items: center;
}

.dgi-form__spinner {
	display: block;
	width: 24px;
	height: 24px;
	border-radius: 100%;
	background: transparent;
	border: 2px solid #ed7520;
	border-left-color: transparent;
	border-right-color: transparent;
	animation: 1s spin ease-in-out infinite;
}

.dgi-form__grid {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 20px 10px;

	@container dgi-form (min-width: 30rem) {
		grid-template-columns: repeat(2, 1fr);
		gap: 40px 20px;
	}
}

.dgi-form__row {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: subgrid;
	gap: inherit;
}

.dgi-form__field {
	border: none;
	margin: 0;
	padding: 0;
}

.dgi-form__field ul {
	margin: 1rem 0;
	padding: 0;
	list-style: none;
}

.dgi-form__field ul li {
	display: flex;
	align-items: center;
}

.dgi-form__field ul li label {
	width: 100%;
	display: flex;
	align-items: start;
	gap: 14px;
}

.dgi-form__label {
	font-family: work_sansregular;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5;
	user-select: none;
}

.dgi-form__label.--inline {
	font-size: 17px;
	font-weight: 400;
	line-height: 1.47;
	letter-spacing: -7%;
	cursor: pointer;
}

.dgi-form__input {
}

.dgi-form__radio {
	display: block;
	min-width: 13px;
	max-width: 13px;
	height: 13px;
	margin-block: 4px;
	background: #fff;
	border: 1px solid #767676;
	border-radius: 2px;
	border-radius: 50%;
}

input[type='radio']:checked ~ .dgi-form__radio {
	background: #ed7520;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M447.9 142.5l-23.2 22L181 395.3l-22 20.8-22-20.8L23.2 287.6 0 265.6l44-46.5 23.2 22L159 328 380.7 118l23.2-22 44 46.5z' fill='%23fff'/%3E%3C/svg%3E");
	background-size: contain;
	background-position: left 1px center;
	background-repeat: no-repeat;
	border-color: #ed7520;
}

.dgi-form__consent {
	grid-column: 1 / -1;
	display: flex;
	align-items: start;
	gap: 14px;
}

.dgi-form__checkbox {
	display: block;
	min-width: 13px;
	max-width: 13px;
	height: 13px;
	margin-block: 4px;
	background: #fff;
	border: 1px solid #767676;
	border-radius: 2px;
}

input[type='checkbox']:checked ~ .dgi-form__checkbox {
	background: #ed7520;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M447.9 142.5l-23.2 22L181 395.3l-22 20.8-22-20.8L23.2 287.6 0 265.6l44-46.5 23.2 22L159 328 380.7 118l23.2-22 44 46.5z' fill='%23fff'/%3E%3C/svg%3E");
	background-size: contain;
	background-position: left 1px center;
	background-repeat: no-repeat;
	border-color: #ed7520;
}

.dgi-form__footer {
	grid-column: 1 / -1;
	display: flex;
	justify-content: center;
}

.dgi-form input:not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='file']),
.dgi-form select,
.dgi-form textarea {
	background: #fff;
	border: 1px solid #cdcdcd;
	border-radius: 19px;
	color: #424349;
	font-family: work_sansregular;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 400;
	height: auto;
	padding: 0.5rem 19px;
}

.dgi-form input[type='radio'],
.dgi-form input[type='checkbox'] {
	width: 1px;
	height: 1px;
	margin: -1px;
	clip-path: inset(50%);
	position: absolute;
}

.dgi-form input[type='file'] {
	font-family: work_sansregular;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.47;
	letter-spacing: -7%;
}

.dgi-form input[type='file']::file-selector-button {
	background: #fff;
	border: 1px solid #cdcdcd;
	border-radius: 3.125rem;
	color: #000;
	cursor: pointer;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 400;
	height: auto;
	height: auto;
	width: auto;
	padding: 0.5rem 19px;

	@container dgi-form (min-width: 30rem) {
		font-size: 1rem;
		line-height: 1.5rem;
	}
}

.dgi-form input[type='submit'] {
	background: #ed7520;
	border: none;
	border-radius: 3.125rem;
	color: #fff;
	cursor: pointer;
	font-size: 0.9375rem;
	line-height: 1.5rem;
	height: auto;
	padding: 0.875rem 1.5rem;
	width: auto;

	@container dgi-form (min-width: 30rem) {
		font-size: 1rem;
	}
}