:root {
	--mask_closable_background: rgb(0 0 0 / 35%);
	--b: rgb(255 255 255 / 8%);
}
.icon {
	position: relative;
	display: block;
	width: 1.4em;
	height: auto;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.5;
	stroke-linecap: round;
    stroke-linejoin: round;
	stroke-miterlimit: 10;
	vertical-align: middle;
}
.mask, .mask * {
	box-sizing: border-box;
}
.mask.popup_container {
	transition: opacity 0.2s ease;
    padding-top: 50px;
    padding-bottom: 50px;
}
.popup {
    max-width: 800px;
	max-height: 100%;
    background-color: #292b2e;
	background-color: #121518;
    box-shadow: 0 0 20px rgb(0 0 0 / 5%);
}
.popup_header, .popup_content {
	--pu_padding: 38px;
}
@container popup (min-width: 670px) {
	.popup_header, .popup_content { --pu_padding: 46px; }
}
@container popup (max-width: 400px) {
	.popup_header, .popup_content { --pu_padding: 32px; }
}
.mask {
	will-change: opacity;
    position: fixed;
    inset: 0;
    z-index: 699;
    opacity: 0;
	display: flex;
    flex-direction: column;
	justify-content: center;
    align-items: center;
    background-color: var(--mask_background);
    transition: opacity var(--move_in);
}
.mask.mask_close {
    background-color: var(--mask_closable_background);
}
button.control {
	--size: var(--cbtn_size, 15px);
	font-size: var(--cbtn_fontsize, 13px);
	position: relative;
	border-radius: 5em;
	box-sizing: content-box;
	padding: calc(var(--size) * 0.6);
	margin: calc(var(--size) * -0.6);
	display: flex;
	align-items: center;
    gap: 0.4em;
	color: #93949f;
	transition: 0s;
}
.control > .icon {
	width: var(--size);
	min-width: var(--size);
	stroke-width: var(--cbtn_strokewidth, 2.4);
}
.popup, .popup_header, .popup_content, .popup_view, .popup_controls {
	position: relative;
    width: 100%;
}
.popup {
	min-height: 10rem;
	cursor: auto;
	color: inherit;
	border: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
	container-type: inline-size;
	container-name: popup;
	animation: fade_in_up_f var(--move_in, 0.4s ease) forwards;
	box-shadow: 0 0 50px black;
}
.popup, .popup_content {
	display: flex;
	flex-direction: column;
}
.popup_header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
	border-bottom: 1px solid var(--b);
	padding: 0 var(--pu_padding);
	z-index: 1;
}
.popup_header.close_header {
	justify-content: flex-end;
	padding: 0;
}
.popup_header.close_header > .control {
	margin: 10px;
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}
.popup_content {
	flex: 1;
	overflow: hidden;
}
.popup_view {
	overflow: auto;
	scrollbar-width: thin;
	padding: var(--pu_padding);
	flex: 1;
}
.popup_controls {
	display: flex;
	gap: 1rem;
	border-top: 1px solid var(--b);
	padding: var(--pu_padding);
}
.popup_controls > button {
	max-width: none;
	font-size: var(--popup_button_fontsize, var(--button_medium_fontsize));
}
.popup_header h2 {
	flex: 1;
	font-size: var(--pu_h2_fontsize, 2.0rem);
	line-height: var(--pu_h2_height, 3.6em);
	margin: 0;
}
.close_header button {
	margin: 0;
	height: auto;
	background-color: transparent;
}
@keyframes fade_in {
	from { opacity: 0; }
	to   { opacity: 1; }
}
.fade_in_up {
	animation-name: fade_in_up;
	animation-duration: 0.8s;
	animation-fill-mode: both;
}
@keyframes fade_in_up {
	from { opacity: 0; transform: translate3d(0, var(--fade_in_up, 30%), 0); }
	to   { opacity: 1; transform: none; }
}
.fade_in_up_f {
	animation-name: fade_in_up_f;
	animation-duration: 0.8s;
	animation-fill-mode: both;
}
@keyframes fade_in_up_f {
	from { opacity: 0; transform: translate3d(0, var(--fade_in_up_f, 4rem), 0); }
	to   { opacity: 1; transform: none; }
}
.shake {
	animation-name: shake;
	animation-duration: 0.6s;
	animation-fill-mode: both;
}
@keyframes shake {
	to { transform: translate3d(0, 0, 0); }
	10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0); }
	20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0); }
}
.fade_out {
	animation-name: fade_out;
	animation-duration: 0.8s;
	animation-fill-mode: both;
}
@keyframes fade_out {
	from { opacity: 1; }
	to   { opacity: 0; }
}
.fade_out_down_f {
	animation-name: fade_out_down_f;
	animation-duration: 0.8s;
	animation-fill-mode: both;
}
@keyframes fade_out_down_f {
	to   { opacity: 0; transform: translate3d(0, var(--fade_in_up_f, 4rem), 0); }
}
.ad14 { animation-duration: 1.4s; }
.ad12 { animation-duration: 1.2s; }
.ad10 { animation-duration: 1.0s; }
.ad8  { animation-duration: 0.8s; }
.ad6  { animation-duration: 0.6s; }
.ad4  { animation-duration: 0.4s; }
.ad2  { animation-duration: 0.2s; }

.nl_wrap {
	--form_gap_y: 14px;
    container-type: inline-size;
    container-name: nl_wrap;
}
.nl_container {
    display: flex;
    align-items: center;
    gap: 10%;
}
@container nl_wrap (max-width: 550px) {
    .nl_container {
        flex-direction: column;
		gap: 50px;
    }
	.nl_container h3,
	.nl_container p {
		text-align: center;
		max-width: 400px;
	}
	.nl_container > .section:first-child {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.popup_view .nl_container > form {
		margin-bottom: 20px;
	}
	@media screen and (max-width: 520px) {
		h3 {
        	font-size: 1.25em;
    	}
		.nl_container {
			gap: 44px;
		}
		.popup_view .nl_container > form {
			margin-bottom: 0;
		}
	}
}
button.color_bg {
	--submit_spinner_prim: black;
	--submit_spinner_scnd: rgba(0,0,0,0.2);
}
.bg3 + .nl_fixed_sec {
	background-color: hsl(200 9% 7%) !important;
}

@media screen and (hover: hover) and (pointer: fine) {
[role="tablist"] > li:hover {
	color: var(--tab_color_hover, var(--prim));
}
button.control:hover {
	transition: 0s;
	background-color: var(--cbtn_color_bg, rgb(255 255 255 / 6%));
	color: white;
}
}
@media screen and (max-width: 413px) {
.popup_view {
	padding: calc(var(--pu_padding) * 1.4) var(--pu_padding);
}
}