._nxn_input_component {
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	gap: 0.59em;
	color: rgba(var(--nxn-bg-text), 1);
}

._nxn_input_description {
	color: rgba(var(--nxn-bg-text), 0.8);
	margin-bottom: 0;
	line-height: 1.9;
	align-items: start;
}

._nxn_input_label {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	gap: 0.3em;
}

._nxn_input_label a {
	text-decoration: none;
}

._nxn_input_message {
	display: none;
	flex-direction: column;
	gap: 0.3em;
}

._nxn_input_component:has(._nxn_invalid)>._nxn_input_message:has(p),
._nxn_input_component:has(._nxn_valid)>._nxn_input_message:has(p) {
	display: -webkit-flex;
	display: flex;
}

._nxn_input_message p {
	display: none;
	margin-bottom: 0;
	transition: all linear .3s;
	flex-direction: row;
	justify-content: space-between;
	gap: 2em;
	align-items: baseline;
	font-size: 0.9em;
}

._nxn_input_message p i {
	display: none;
}

._nxn_input_start,
._nxn_input_end {
	color: rgba(var(--nxn-bg-text), 0.6);
	background: rgba(var(--nxn-bg), 0);
	transition: all linear .3s;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	cursor: pointer;
}

._input_tranform_arrow * {
	pointer-events: none;
}

._nxn_input_component:has(._nxn_validator_input:focus) ._nxn_input_start,
._nxn_input_component:has(._nxn_validator_input:focus) ._nxn_input_end {
	color: rgba(var(--nxn-bg-text), 1);
}

._nxn_input_component:has(._nxn_validator_input:focus) ._input_border_line {
	border-color: var(--nxn-blue-text);
}

._nxn_input_component:hover:has(._nxn_validator_input:not(:focus)) ._input_border_line {
	border-color: rgba(var(--nxn-bg-text), 1);
}

._nxn_input_group:has(._nxn_invalid),
._nxn_file_group:has(._nxn_invalid),
._nxn_input_component>._nxn_datetime_group:has(._nxn_invalid),
._nxn_input_component:has(._nxn_invalid)>._nxn_datetime_display_modal ._nxn_display_datetime,
._nxn_otp_group:has(._nxn_invalid) ._nxn_otp_box,
._nxn_input_component:has(._nxn_invalid) ._input_border_line {
	border-color: var(--nxn-red-text) !important;
}

._nxn_input_component:has(._nxn_invalid) ._nxn_invalid_disagree {
	display: -webkit-flex;
	display: flex;
	color: var(--nxn-red-text);
}

._nxn_input_component:has(._nxn_invalid) ._nxn_disagree {
	display: block;
}

._nxn_input_group:has(._nxn_valid),
._nxn_file_group:has(._nxn_valid),
._nxn_input_component>._nxn_datetime_group:has(._nxn_valid),
._nxn_input_component:has(._nxn_valid)>._nxn_datetime_display_modal ._nxn_display_datetime,
._nxn_otp_group:has(._nxn_otp_box ._nxn_valid) ._nxn_otp_box,
._nxn_input_component:has(._nxn_valid) ._input_border_line {
	border-color: var(--nxn-green-text) !important;
}

._nxn_input_component:has(._nxn_valid) p._nxn_message_valid {
	display: -webkit-flex;
	display: flex;
	color: var(--nxn-green-text);
}

._nxn_input_component:has(._nxn_valid) ._nxn_agree {
	display: block;
}

._nxn_input_copied * {
	pointer-events: none;
}

._nxn_input_copied ._nxn_icon_copy {
	display: block;
}

._nxn_input_copied ._nxn_icon_check,
._nxn_input_copied._nxn_active ._nxn_icon_copy {
	display: none;
}

._nxn_input_copied._nxn_active ._nxn_icon_check {
	display: block;
	color: var(--nxn-green-text);
}

._nxn_input_group {
	position: relative;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	align-items: stretch;
	width: 100%;
	background:
		linear-gradient(rgba(var(--nxn-bg-text), 0.05), rgba(var(--nxn-bg-text), 0.05)),
		linear-gradient(rgba(var(--nxn-bg), 1), rgba(var(--nxn-bg), 1));
	border: solid 0.07em rgba(var(--nxn-bg-text), 0.15);
	border-radius: var(--nxn-radius-secondary);
	transition: all linear .3s;
}

._nxn_validator_input[type=number] {
	-moz-appearance: textfield;
	appearance: textfield;
	min-width: 3em;
}

._nxn_validator_input[type=number]::-webkit-outer-spin-button,
._nxn_validator_input[type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

._nxn_validator_input::placeholder,
._nxn_validator_input::-webkit-input-placeholder,
._nxn_validator_input::-moz-placeholder,
._nxn_validator_input:-ms-input-placeholderr {
	color: rgba(var(--nxn-bg-text), 0.05);
	opacity: 1;
}

._nxn_textfield_input,
._nxn_select_input,
._nxn_numberfield_input,
._nxn_textareafield_input,
._nxn_editor_input {
	flex: 1 1 auto;
	width: inherit;
	padding: 0.33em 0.89em;
	border: none;
	outline: none;
	line-height: 1.7;
	background: transparent;
	resize: none;
}

._nxn_input_group:has(._nxn_textfield_input:focus),
._nxn_input_group:has(._nxn_select_input:focus),
._nxn_input_group:has(._nxn_textareafield_input:focus),
._nxn_input_group:has(._nxn_codefield_input:focus),
._nxn_input_group:has(._nxn_editor_input.focused),
._nxn_input_group:has(._nxn_numberfield_input:focus),
._nxn_file_group:has(._nxn_videofield_input:focus),
._nxn_file_group:has(._nxn_imagefield_input:focus),
._nxn_file_group:has(._nxn_filefield_input:focus),
._nxn_otp_box:has(._nxn_otpfield_input:focus) {
	border-color: var(--nxn-blue-text);
}

._nxn_input_group:not(:has(._nxn_valid)):not(:has(._nxn_invalid)):has(._nxn_textfield_input:not(:focus)),
._nxn_input_group:not(:has(._nxn_valid)):not(:has(._nxn_invalid)):hover:has(._nxn_select_input:not(:focus)),
._nxn_input_group:not(:has(._nxn_valid)):not(:has(._nxn_invalid)):has(._nxn_textareafield_input:not(:focus):hover),
._nxn_input_group:not(:has(._nxn_valid)):not(:has(._nxn_invalid)):hover:has(._nxn_codefield_input:not(:focus)),
._nxn_input_group:not(:has(._nxn_valid)):not(:has(._nxn_invalid)):has(._nxn_editor_input:not(.focused):hover),
._nxn_input_group:not(:has(._nxn_valid)):not(:has(._nxn_invalid)):hover:has(._nxn_numberfield_input:not(:focus)),
._nxn_otp_box:not(:has(._nxn_valid)):not(:has(._nxn_invalid)):hover:has(._nxn_otpfield_input:not(:focus)),
._nxn_input_group:not(:has(._nxn_valid)):not(:has(._nxn_invalid)):hover:has(._nxn_textfield_input:not(:focus)) ._input_border_line,
._nxn_input_group:not(:has(._nxn_valid)):not(:has(._nxn_invalid)):hover:has(._nxn_numberfield_input:not(:focus)) ._input_border_line {
	border-color: rgba(var(--nxn-bg-text), 0.35) !important;
}

._nxn_input_start {
	padding: 0.33em 0 0.33em 0.89em;
}

._nxn_input_end {
	padding: 0.33em 0.89em 0.33em 0;
}

._nxn_input_start._input_border_line,
._nxn_autocomplete_start._input_border_line,
._nxn_autocomplete_start._input_border_line {
	padding: 0.33em 0.89em;
	border-right: solid 0.07em rgba(var(--nxn-bg-text), 0.15);
}

._nxn_input_end._input_border_line {
	padding: 0.33em 0.89em;
	border-left: solid 0.07em rgba(var(--nxn-bg-text), 0.15);
}

._input_tranform_arrow svg {
	transition: all linear .3s;
}

._nxn_input_group:has(._nxn_textfield_input:focus) ._input_tranform_arrow svg,
._nxn_input_group:has(._nxn_select_input:focus) ._input_tranform_arrow svg {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

._nxn_input_autocomplete,
._nxn_select_autocomplete {
	width: calc(100% + 0.28em);
	position: absolute;
	left: -0.14em;
	z-index: var(--z-dropdown);
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: auto;
	background:
		linear-gradient(rgba(var(--nxn-bg-text), 0.05), rgba(var(--nxn-bg-text), 0.05)),
		linear-gradient(rgba(var(--nxn-bg), 1), rgba(var(--nxn-bg), 1));
	border: solid 0.07em rgba(var(--nxn-bg-text), 0.15);
	border-radius: var(--nxn-radius-secondary);
	max-height: calc(500% + (0.025em * 13.5));
	box-sizing: border-box;
	opacity: 0;
	visibility: hidden;
	transition: border linear .3s, opacity ease .2s, visibility ease .2s, box-shadow linear .3s;
	box-shadow: rgba(var(--nxn-bg-shadow), 0) 0em 0.5em 2em 0em,
		rgba(var(--nxn-bg), 0) 0em 1.48em 1.48em 1.11em;
}

._nxn_input_autocomplete.drop-up,
._nxn_select_autocomplete.drop-up {
	bottom: calc(100% + 0.5em);
}

._nxn_input_autocomplete.drop-down,
._nxn_select_autocomplete.drop-down {
	top: calc(100% + 0.5em);
}

._nxn_input_group:has(._nxn_textfield_input:focus) ._nxn_input_autocomplete:has(._nxn_item_autocomplete li),
._nxn_input_group:has(._nxn_textfield_input:focus) ._nxn_select_autocomplete:has(._nxn_item_autocomplete li),
._nxn_input_group:has(._nxn_select_input:focus) ._nxn_input_autocomplete:has(._nxn_item_autocomplete li:not(.d-none)),
._nxn_input_group:has(._nxn_select_input:focus) ._nxn_select_autocomplete:has(._nxn_item_autocomplete li:not(.d-none)) {
	opacity: 1;
	visibility: inherit;
}

._nxn_input_autocomplete li,
._nxn_select_autocomplete li {
	padding: 0;
	margin: 0;
	min-width: 0;
	display: grid;
	grid-template-columns: min-content 1fr;
	align-items: center;
	cursor: pointer;
	color: rgba(var(--nxn-bg-text), 0.8);
	background:
		linear-gradient(rgba(var(--nxn-bg-text), 0.05), rgba(var(--nxn-bg-text), 0.05)),
		linear-gradient(rgba(var(--nxn-bg), 1), rgba(var(--nxn-bg), 1));
	border: solid 0.07em rgba(var(--nxn-bg-text-sub), 0);
}

._nxn_input_autocomplete li:hover,
._nxn_select_autocomplete li:hover,
._nxn_input_autocomplete li.active,
._nxn_select_autocomplete li.active {
	background:
		linear-gradient(var(--nxn-blue-background), var(--nxn-blue-background)),
		linear-gradient(rgba(var(--nxn-bg), 1), rgba(var(--nxn-bg), 1));
}

._nxn_autocomplete_start {
	padding: 0.33em 0 0.33em 0.89em;
	display: -webkit-flex;
	display: flex;
	align-items: center;
}

li:has(._nxn_autocomplete_images) ._nxn_autocomplete_start,
._nxn_autocomplete_start svg:first-child,
li.active ._nxn_autocomplete_start svg:last-child {
	display: none;
}

._nxn_autocomplete_start svg:last-child,
li.active ._nxn_autocomplete_start svg:first-child {
	display: block;
}

._nxn_autocomplete_images {
	display: -webkit-flex;
	display: flex;
	padding: 0.5em 0 0.5em 0.89em;
}

._nxn_autocomplete_images img {
	width: 1.955em;
	aspect-ratio: 1;
	object-fit: cover;
	border-radius: 50%;
}

._nxn_input_autocomplete li p,
._nxn_select_autocomplete li p {
	display: block;
	padding: 0.33em 0.89em;
	border: none;
	outline: none;
	line-height: 1.7;
	background: transparent;
	width: 100%;
}

._nxn_otp_group {
	position: relative;
	width: 100%;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: left;
	flex-wrap: wrap;
	gap: 0.9em;
}

._nxn_otp_box {
	width: inherit;
	padding: 0.3em;
	background:
		linear-gradient(rgba(var(--nxn-bg-text), 0.05), rgba(var(--nxn-bg-text), 0.05)),
		linear-gradient(rgba(var(--nxn-bg), 1), rgba(var(--nxn-bg), 1));
	border: solid 0.07em rgba(var(--nxn-bg-text), 0.15);
	border-radius: var(--nxn-radius-secondary);
	transition: all linear .3s;
	aspect-ratio: 1/1;
	width: 3.2em;
	min-width: 0;
	display: grid;
	position: relative;
}

._nxn_otpfield_input {
	width: 100%;
	height: 100%;
	line-height: 1;
	font-weight: 600;
	font-size: 1em;
	text-align: center;
	outline: none;
	border: none;
	background: transparent;
}

._nxn_input_password {
	padding: 0.33em 0.89em 0.33em 0;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	cursor: pointer;
	transition: all linear .3s;
	background: rgba(var(--nxn-bg), 0);
}

._nxn_input_component:has(._nxn_validator_input[type="password"]) ._nxn_input_password svg:last-child,
._nxn_input_component:has(._nxn_validator_input[type="text"]) ._nxn_input_password svg:first-child {
	display: none;
}

._nxn_input_component:has(._nxn_validator_input[type="password"]) ._nxn_input_password svg:first-child,
._nxn_input_component:has(._nxn_validator_input[type="text"]) ._nxn_input_password svg:last-child {
	display: block;
}

._nxn_numberfield_input {
	text-align: center;
}

._nxn_select_multiple_optioned {
	display: block;
}

._nxn_select_multiple_items {
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 0.37em;
}

._nxn_select_multiple_checked {
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	border-radius: 0.37em;
	line-height: 1.7;
	background:
		linear-gradient(145deg, rgba(var(--nxn-bg), 1), rgba(var(--nxn-bg), 0)),
		linear-gradient(var(--nxn-primary-background), var(--nxn-primary-background)),
		linear-gradient(rgba(var(--nxn-bg), 1), rgba(var(--nxn-bg), 1));
	color: rgba(var(--nxn-bg-text), 1);
	border: solid 0.07em rgba(var(--nxn-bg-text), 0.15);
	align-items: center;
}

._nxn_select_multiple_items ._nxn_autocomplete_images {
	padding: 0.27em 0 0.27em 0.89em;
}

._nxn_select_multiple_items ._nxn_autocomplete_images img {
	width: 1.8em;
}

._nxn_select_multiple_checked p {
	padding: 0.18em 0 0.18em 0.89em;
}

._nxn_select_multiple_checked span {
	cursor: pointer;
	font-weight: bold;
	padding: 0.18em 0.89em;
}

._nxn_select_multiple_optioned:not(:has(._nxn_select_multiple_items ._nxn_select_multiple_checked)) {
	display: none;
}

._nxn_textarea_group {
	min-height: 6.30em;
}

._nxn_editor_menu {
	position: absolute;
	color: rgba(var(--nxn-bg-text), 1);
	background: rgba(var(--nxn-bg), 1);
	border: solid 0.07em rgba(var(--nxn-bg-text), 0.15);
	display: none;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	padding: 0.25em;
	border-radius: calc(var(--nxn-radius-secondary) / 2);
	z-index: var(--z-popup);
	box-shadow: rgba(var(--nxn-bg-shadow), 0.1) 0em 0.5em 2em 0em,
		rgba(var(--nxn-bg), 0) 0em 1.48em 1.48em 1.11em !important;
	-webkit-user-select: none;
	user-select: none;
}

._nxn_editor_menu button {
	border: none;
	background: none;
	cursor: pointer;
	padding: 0.25em;
	font-weight: 600;
	aspect-ratio: 1/1;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
}

._nxn_editor_menu button:nth-child(1),
._nxn_editor_menu button:nth-child(2),
._nxn_editor_menu button:nth-child(3) {
	font-size: 1.25em;
}

._nxn_editor_menu button:hover {
	background: rgba(var(--nxn-bg-text-sub), 0.15);
}

._nxn_editor_menu button.active {
	background:
		linear-gradient(var(--nxn-primary-background), var(--nxn-primary-background)),
		linear-gradient(rgba(var(--nxn-bg), 1), rgba(var(--nxn-bg), 1));
	color: rgba(var(--nxn-bg-text), 1);
}

._nxn_input_group._nxn_textarea_group:has(._nxn_editor_input) textarea {
	display: none;
}

._nxn_input_group:has(._nxn_container_code) {
	overflow: hidden;
}

._nxn_language_code ._nxn_input_group ._nxn_input_autocomplete,
._nxn_language_code ._nxn_input_group ._nxn_select_autocomplete {
	box-shadow: rgba(var(--nxn-bg-shadow), 0.1) 0em 0.5em 2em 0em,
		rgba(var(--nxn-bg), 0) 0em 1.48em 1.48em 1.11em !important;
}

._nxn_input_component ._nxn_input_group ._nxn_container_code {
	position: absolute !important;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}

._nxn_codefield_input {
	width: 100%;
	position: relative;
	font-size: 1em;
	line-height: 2;
	max-height: 35.56em;
	font-family: monospace;
	font-weight: 500;
	overflow: auto;
	background: transparent;
	color: hsl(var(--nxn-white), 100%, 1);
	word-break: normal;
	display: block;
	padding: 0.59em 0.89em;
	border-radius: var(--nxn-radius-secondary);
	text-shadow: 0em 0em 0em hsl(var(--nxn-white), 100%, 0);
	-webkit-text-fill-color: transparent;
	white-space: pre;
	white-space: -moz-pre;
	white-space: -pre;
	white-space: -o-pre;
	word-wrap: normal;
	resize: none;
	outline: none;
	border: solid 0.07em rgba(var(--nxn-bg-text), 0);
}

._nxn_codefield_input::-webkit-scrollbar {
	height: 1em;
	width: 1em;
	border-radius: inherit;
	background: transparent;
}

._nxn_codefield_input::-webkit-scrollbar-thumb:horizontal {
	background: rgba(var(--nxn-bg), 0);
	border-top: solid 0.74em rgba(var(--nxn-bg-text), 0);
	cursor: pointer;
}

._nxn_codefield_input::-webkit-scrollbar-thumb:vertical {
	background: rgba(var(--nxn-bg), 0);
	border-left: solid 0.74em rgba(var(--nxn-bg-text), 0);
	cursor: pointer;
}

._nxn_codefield_input::-webkit-scrollbar-thumb:hover {
	background: rgba(var(--nxn-bg-text), 0);
}

._nxn_codefield_input::-webkit-scrollbar-corner {
	background: transparent;
}

._nxn_file_group {
	width: 100%;
	border: solid 0.07em rgba(var(--nxn-bg-text), 0);
	background: rgba(var(--nxn-bg), 0);
	transition: all linear .3s;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	align-items: stretch;
	position: relative;
	aspect-ratio: 1/1;
	height: 100%;
}

._nxn_imagefield_input,
._nxn_videofield_input,
._nxn_videofield_thumb_input,
._nxn_filefield_input,
._nxn_input_component:has(.container_files_editor ._nxn_file_img) ._nxn_file_empty {
	display: none;
}

._nxn_file_group ._nxn_image_placeholder,
._nxn_file_group ._nxn_video_placeholder,
._nxn_file_group ._nxn_file_placeholder,
._nxn_file_empty {
	width: 100%;
	height: 100%;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0.74em;
	cursor: pointer;
	transition: all linear .3s;
	color: rgba(var(--nxn-bg-text), 1);
	background:
		linear-gradient(rgba(var(--nxn-bg-text), 0.05), rgba(var(--nxn-bg-text), 0.05)),
		linear-gradient(rgba(var(--nxn-bg), 1), rgba(var(--nxn-bg), 1));
	border: solid 0.07em rgba(var(--nxn-bg-text), 0.15);
	padding: 0.37em 0.74em;
	position: relative;
}

._nxn_file_empty {
	height: unset;
	max-width: 40vh;
	gap: 1.19em;
	border-radius: var(--nxn-radius-secondary);
	aspect-ratio: 1/1;
	overflow: hidden;
	margin: auto;
}

._nxn_image_placeholder.dragging,
._nxn_video_placeholder.dragging,
._nxn_file_placeholder.dragging,
._nxn_image_placeholder:hover,
._nxn_video_placeholder:hover,
._nxn_file_placeholder:hover,
._nxn_file_empty.dragging,
._nxn_file_empty:hover {
	background:
		linear-gradient(rgba(var(--nxn-bg-text), 0.075), rgba(var(--nxn-bg-text), 0.075)),
		linear-gradient(rgba(var(--nxn-bg), 1), rgba(var(--nxn-bg), 1));
}

._nxn_image_placeholder .circle_icon,
._nxn_video_placeholder .circle_icon,
._nxn_file_placeholder .circle_icon,
._nxn_file_empty .circle_icon {
	padding: 0.74em;
	border-radius: 50%;
	background: rgba(var(--nxn-bg-text), 0.05);
	line-height: 1;
	aspect-ratio: 1/1;
	object-fit: cover;
	margin-bottom: 0.59em;
}

._nxn_image_placeholder .p_main,
._nxn_video_placeholder .p_main,
._nxn_file_placeholder .p_main,
._nxn_file_empty .p_main {
	font-size: 1.125em;
	font-weight: 500;
	line-height: 1;
	text-align: center;
}

._nxn_image_placeholder .p_sub,
._nxn_video_placeholder .p_sub,
._nxn_file_placeholder .p_sub,
._nxn_file_empty .p_sub {
	font-size: 1em;
	line-height: 1.8;
	text-align: center;
}

._nxn_file_group:has(._nxn_file_group_preview ._nxn_file_img) ._nxn_image_placeholder,
._nxn_file_group:has(._nxn_file_group_preview ._nxn_file_img) ._nxn_video_placeholder,
._nxn_file_group:has(._nxn_file_group_preview ._nxn_file_img) ._nxn_file_placeholder,
._nxn_file_group:has(._nxn_file_group_preview ._nxn_file_video) ._nxn_image_placeholder,
._nxn_file_group:has(._nxn_file_group_preview ._nxn_file_video) ._nxn_video_placeholder,
._nxn_file_group:has(._nxn_file_group_preview ._nxn_file_video) ._nxn_file_placeholder,
._nxn_file_group:has(._nxn_file_group_preview ._nxn_file_other) ._nxn_image_placeholder,
._nxn_file_group:has(._nxn_file_group_preview ._nxn_file_other) ._nxn_video_placeholder,
._nxn_file_group:has(._nxn_file_group_preview ._nxn_file_other) ._nxn_file_placeholder {
	display: none;
}

._nxn_file_template {
	display: none;
}

._nxn_file_group_preview {
	width: 100%;
	height: 100%;
	display: none;
	padding: 0.37em;
	transition: all linear .3s;
	background:
		linear-gradient(rgba(var(--nxn-bg-text), 0.05), rgba(var(--nxn-bg-text), 0.05)),
		linear-gradient(rgba(var(--nxn-bg), 1), rgba(var(--nxn-bg), 1));
	border: solid 0.07em rgba(var(--nxn-bg-text), 0.15);
}

._nxn_file_group_preview:hover {
	background:
		linear-gradient(rgba(var(--nxn-bg-text), 0.075), rgba(var(--nxn-bg-text), 0.075)),
		linear-gradient(rgba(var(--nxn-bg), 1), rgba(var(--nxn-bg), 1));
}

._nxn_file_group_preview:has(._nxn_file_img),
._nxn_file_group_preview:has(._nxn_file_video),
._nxn_file_group_preview:has(._nxn_file_other) {
	display: block;
}

._nxn_file_group_preview:has(._nxn_file_img:nth-of-type(1)),
._nxn_file_group_preview:has(._nxn_file_video:nth-of-type(1)),
._nxn_file_group_preview:has(._nxn_file_other:nth-of-type(1)) {
	min-width: 0;
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: repeat(1, minmax(0, 1fr));
	gap: 0.25em;
}

._nxn_file_group_preview:has(._nxn_file_img:nth-of-type(2)),
._nxn_file_group_preview:has(._nxn_file_video:nth-of-type(2)),
._nxn_file_group_preview:has(._nxn_file_other:nth-of-type(2)) {
	min-width: 0;
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: repeat(2, minmax(0, 1fr));
	gap: 0.25em;
}

._nxn_file_group_preview:has(._nxn_file_img:nth-of-type(3)),
._nxn_file_group_preview:has(._nxn_file_video:nth-of-type(3)),
._nxn_file_group_preview:has(._nxn_file_other:nth-of-type(3)) {
	min-width: 0;
	display: grid;
	grid-template-columns: calc(50% - 0.125em) calc(50% - 0.125em);
	grid-template-rows: repeat(2, minmax(0, 1fr));
	gap: 0.25em;
}

._nxn_file_group_preview:has(._nxn_file_img:nth-of-type(4)),
._nxn_file_group_preview:has(._nxn_file_video:nth-of-type(4)),
._nxn_file_group_preview:has(._nxn_file_other:nth-of-type(4)) {
	min-width: 0;
	display: grid;
	grid-template-columns: calc(50% - 0.125em) calc(50% - 0.125em);
	grid-template-rows: repeat(2, minmax(0, 1fr));
	gap: 0.25em;
}

._nxn_file_group_preview:has(._nxn_file_img:nth-of-type(5)),
._nxn_file_group_preview:has(._nxn_file_video:nth-of-type(5)),
._nxn_file_group_preview:has(._nxn_file_other:nth-of-type(5)) {
	min-width: 0;
	display: grid;
	grid-template-columns: calc(50% - 0.125em) calc(50% - 0.125em);
	grid-template-rows: repeat(6, minmax(0, 1fr));
	gap: 0.25em;
}

._nxn_file_img,
._nxn_file_video {
	width: 100%;
	height: 100%;
	display: -webkit-flex;
	display: flex;
	cursor: pointer;
	position: relative;
	z-index: var(--z-content);
	border: solid 0.07em rgba(var(--nxn-bg-text), 0.15);
	overflow: hidden;
}

._nxn_file_img img,
._nxn_file_video img {
	width: 100%;
	height: auto;
	object-fit: contain;
	position: relative;
	z-index: calc(var(--z-content) + 10);
}

._nxn_file_img::after,
._nxn_file_video::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:
		linear-gradient(rgba(var(--nxn-bg-text), 0.05), rgba(var(--nxn-bg-text), 0.05)),
		linear-gradient(rgba(var(--nxn-bg), 1), rgba(var(--nxn-bg), 1));
	transition: all linear .3s;
}

._nxn_file_img:hover::after,
._nxn_file_video:hover::after {
	background:
		linear-gradient(rgba(var(--nxn-bg-text), 0.075), rgba(var(--nxn-bg-text), 0.075)),
		linear-gradient(rgba(var(--nxn-bg), 1), rgba(var(--nxn-bg), 1));
}

._nxn_file_img ._nxn_file_bg,
._nxn_file_video ._nxn_file_bg {
	position: absolute;
	width: 200%;
	height: 200%;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	object-fit: cover;
	filter: blur(1.19em);
	z-index: var(--z-content);
}

._nxn_file_group_preview:has(._nxn_file_img:nth-of-type(1)) ._nxn_file_img:nth-of-type(1),
._nxn_file_group_preview:has(._nxn_file_video:nth-of-type(1)) ._nxn_file_video:nth-of-type(1),
._nxn_file_group_preview:has(._nxn_file_other:nth-of-type(1)) ._nxn_file_other:nth-of-type(1) {
	grid-column: 1/2;
	grid-row: 1/2;
}

._nxn_file_group_preview:has(._nxn_file_img:nth-of-type(2)) ._nxn_file_img:nth-of-type(1),
._nxn_file_group_preview:has(._nxn_file_video:nth-of-type(2)) ._nxn_file_video:nth-of-type(1),
._nxn_file_group_preview:has(._nxn_file_other:nth-of-type(2)) ._nxn_file_other:nth-of-type(1) {
	grid-column: 1/2;
	grid-row: 1/2;
}

._nxn_file_group_preview:has(._nxn_file_img:nth-of-type(2)) ._nxn_file_img:nth-of-type(2),
._nxn_file_group_preview:has(._nxn_file_video:nth-of-type(2)) ._nxn_file_video:nth-of-type(2),
._nxn_file_group_preview:has(._nxn_file_other:nth-of-type(2)) ._nxn_file_other:nth-of-type(2) {
	grid-column: 1/2;
	grid-row: 2/3;
}

._nxn_file_group_preview:has(._nxn_file_img:nth-of-type(3)) ._nxn_file_img:nth-of-type(1),
._nxn_file_group_preview:has(._nxn_file_video:nth-of-type(3)) ._nxn_file_video:nth-of-type(1),
._nxn_file_group_preview:has(._nxn_file_other:nth-of-type(3)) ._nxn_file_other:nth-of-type(1) {
	grid-column: 1/3;
	grid-row: 1/2;
}

._nxn_file_group_preview:has(._nxn_file_img:nth-of-type(3)) ._nxn_file_img:nth-of-type(2),
._nxn_file_group_preview:has(._nxn_file_video:nth-of-type(3)) ._nxn_file_video:nth-of-type(2),
._nxn_file_group_preview:has(._nxn_file_other:nth-of-type(3)) ._nxn_file_other:nth-of-type(2) {
	grid-column: 1/2;
	grid-row: 2/3;
}

._nxn_file_group_preview:has(._nxn_file_img:nth-of-type(3)) ._nxn_file_img:nth-of-type(3),
._nxn_file_group_preview:has(._nxn_file_video:nth-of-type(3)) ._nxn_file_video:nth-of-type(3),
._nxn_file_group_preview:has(._nxn_file_other:nth-of-type(3)) ._nxn_file_other:nth-of-type(3) {
	grid-column: 2/3;
	grid-row: 2/3;
}

._nxn_file_group_preview:has(._nxn_file_img:nth-of-type(4)) ._nxn_file_img:nth-of-type(1),
._nxn_file_group_preview:has(._nxn_file_video:nth-of-type(4)) ._nxn_file_video:nth-of-type(1),
._nxn_file_group_preview:has(._nxn_file_other:nth-of-type(4)) ._nxn_file_other:nth-of-type(1) {
	grid-column: 1/2;
	grid-row: 1/2;
}

._nxn_file_group_preview:has(._nxn_file_img:nth-of-type(4)) ._nxn_file_img:nth-of-type(2),
._nxn_file_group_preview:has(._nxn_file_video:nth-of-type(4)) ._nxn_file_video:nth-of-type(2),
._nxn_file_group_preview:has(._nxn_file_other:nth-of-type(4)) ._nxn_file_other:nth-of-type(2) {
	grid-column: 2/3;
	grid-row: 1/2;
}

._nxn_file_group_preview:has(._nxn_file_img:nth-of-type(4)) ._nxn_file_img:nth-of-type(4),
._nxn_file_group_preview:has(._nxn_file_video:nth-of-type(4)) ._nxn_file_video:nth-of-type(4),
._nxn_file_group_preview:has(._nxn_file_other:nth-of-type(4)) ._nxn_file_other:nth-of-type(4) {
	grid-column: 2/3;
	grid-row: 2/3;
}

._nxn_file_group_preview:has(._nxn_file_img:nth-of-type(4)) ._nxn_file_img:nth-of-type(3),
._nxn_file_group_preview:has(._nxn_file_video:nth-of-type(4)) ._nxn_file_video:nth-of-type(3),
._nxn_file_group_preview:has(._nxn_file_other:nth-of-type(4)) ._nxn_file_other:nth-of-type(3) {
	grid-column: 1/2;
	grid-row: 2/3;
}

._nxn_file_group_preview:has(._nxn_file_img:nth-of-type(5)) ._nxn_file_img:nth-of-type(1),
._nxn_file_group_preview:has(._nxn_file_video:nth-of-type(5)) ._nxn_file_video:nth-of-type(1),
._nxn_file_group_preview:has(._nxn_file_other:nth-of-type(5)) ._nxn_file_other:nth-of-type(1) {
	grid-column: 1/2;
	grid-row: 1/4;
}

._nxn_file_group_preview:has(._nxn_file_img:nth-of-type(5)) ._nxn_file_img:nth-of-type(2),
._nxn_file_group_preview:has(._nxn_file_video:nth-of-type(5)) ._nxn_file_video:nth-of-type(2),
._nxn_file_group_preview:has(._nxn_file_other:nth-of-type(5)) ._nxn_file_other:nth-of-type(2) {
	grid-column: 1/2;
	grid-row: 4/7;
}

._nxn_file_group_preview:has(._nxn_file_img:nth-of-type(5)) ._nxn_file_img:nth-of-type(3),
._nxn_file_group_preview:has(._nxn_file_video:nth-of-type(5)) ._nxn_file_video:nth-of-type(3),
._nxn_file_group_preview:has(._nxn_file_other:nth-of-type(5)) ._nxn_file_other:nth-of-type(3) {
	grid-column: 2/3;
	grid-row: 1/3;
}

._nxn_file_group_preview:has(._nxn_file_img:nth-of-type(5)) ._nxn_file_img:nth-of-type(4),
._nxn_file_group_preview:has(._nxn_file_video:nth-of-type(5)) ._nxn_file_video:nth-of-type(4),
._nxn_file_group_preview:has(._nxn_file_other:nth-of-type(5)) ._nxn_file_other:nth-of-type(4) {
	grid-column: 2/3;
	grid-row: 3/5;
}

._nxn_file_group_preview:has(._nxn_file_img:nth-of-type(5)) ._nxn_file_img:nth-of-type(5),
._nxn_file_group_preview:has(._nxn_file_video:nth-of-type(5)) ._nxn_file_video:nth-of-type(5),
._nxn_file_group_preview:has(._nxn_file_other:nth-of-type(5)) ._nxn_file_other:nth-of-type(5) {
	grid-column: 2/3;
	grid-row: 5/7;
}

._nxn_file_group_preview ._nxn_file_img:nth-of-type(n+6),
._nxn_file_group_preview ._nxn_file_video:nth-of-type(n+6),
._nxn_file_group_preview ._nxn_file_other:nth-of-type(n+6) {
	display: none;
}

._nxn_backdrop_lenght {
	font-size: 2em;
	font-weight: 600;
	color: rgba(var(--nxn-bg-text), 1);
	border: solid 0.07em rgba(var(--nxn-bg-text), 0.15);
	position: relative;
	pointer-events: none;
	z-index: calc(var(--z-content) + 5);
	box-sizing: border-box;
	display: none;
	justify-content: center;
	align-items: center;
	-webkit-backdrop-filter: blur(0.1em);
	backdrop-filter: blur(0.1em);
}

._nxn_backdrop_lenght:has(span) {
	background: linear-gradient(rgba(var(--nxn-bg), 0.75), rgba(var(--nxn-bg), 0.75));
}

._nxn_file_group_preview:has(._nxn_file_img:nth-of-type(6)) ._nxn_backdrop_lenght,
._nxn_file_group_preview:has(._nxn_file_video:nth-of-type(6)) ._nxn_backdrop_lenght,
._nxn_file_group_preview:has(._nxn_file_other:nth-of-type(6)) ._nxn_backdrop_lenght {
	display: -webkit-flex;
	display: flex;
	grid-column: 2/3;
	grid-row: 5/7;
}

._nxn_modal_body:has(> .container_video_preview) {
	padding: 0 !important;
	gap: 0 !important;
}

.container_video_preview {
	width: 100%;
	height: 100%;
	max-height: inherit;
}

.container_video_preview .plyr--video,
.container_video_preview .plyr__video-wrapper {
	max-height: inherit;
}

.container_video_preview video {
	width: 100%;
	height: 100%;
	max-height: inherit;
	object-fit: contain;
}

.container_files_editor {
	width: 100%;
	max-height: fit-content;
	overflow: auto;
}

.video_thumbnail {
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.file_thumbnail,
._nxn_file_other {
	color: rgba(var(--nxn-bg-text), 1);
	background:
		linear-gradient(145deg, rgba(var(--nxn-bg), 0), rgba(var(--nxn-bg), 0)),
		linear-gradient(var(--nxn-primary-background), var(--nxn-primary-background)),
		linear-gradient(rgba(var(--nxn-bg), 1), rgba(var(--nxn-bg), 1));
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 0.37em;
	width: 100%;
	height: 100%;
	padding: 20% 0.37em 0.37em 0.37em;
	transition: all linear .3s;
	position: relative;
	z-index: var(--z-content);
}

._nxn_file_other {
	justify-content: center;
	cursor: pointer;
	padding: 2.37em;
}

.file_thumbnail:hover,
._nxn_file_other:hover {
	background:
		linear-gradient(145deg, rgba(var(--nxn-bg), 0.05), rgba(var(--nxn-bg), 0.05)),
		linear-gradient(var(--nxn-primary-background), var(--nxn-primary-background)),
		linear-gradient(rgba(var(--nxn-bg), 1), rgba(var(--nxn-bg), 1));
}

._nxn_file_other_name {
	margin-top: 0.5em !important;
	font-weight: 600;
	padding: 0 2em;
}

._nxn_file_other_size {
	font-weight: 400;
	padding: 0 2em;
}

.file_thumbnail ._nxn_file_other_name,
.file_thumbnail ._nxn_file_other_size {
	padding: 0 0.5em;
}

.container_files_editor.layout_devide_1 {
	min-width: 0;
	display: grid;
	grid-template-columns: 1fr;
	grid-auto-rows: max-content;
	gap: 0.37em;
}

.container_files_editor.layout_devide_2 {
	min-width: 0;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-auto-rows: max-content;
	gap: 0.37em;
}

.container_files_editor ._nxn_file_img {
	background:
		linear-gradient(rgba(var(--nxn-bg-text), 0.05), rgba(var(--nxn-bg-text), 0.05)),
		linear-gradient(rgba(var(--nxn-bg), 1), rgba(var(--nxn-bg), 1));
	border-radius: var(--nxn-radius-secondary);
	aspect-ratio: 1/1;
	max-width: 40vh;
	margin: auto;
	cursor: grab;
	position: relative;
}

.container_files_editor ._nxn_file_img.placeholder {
	background:
		linear-gradient(rgba(var(--nxn-bg-text), 0.1), rgba(var(--nxn-bg-text), 0.1)),
		linear-gradient(rgba(var(--nxn-bg), 1), rgba(var(--nxn-bg), 1));
}

.container_files_editor ._nxn_file_img ._nxn_file_img_main {
	width: 100%;
	height: 100%;
	object-fit: contain;
	position: relative;
	z-index: calc(var(--z-content) + 5);
}

.container_files_editor ._nxn_file_img ._nxn_file_img_blur {
	position: absolute;
	width: 200%;
	height: 200%;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	object-fit: cover;
	filter: blur(1.19em);
	z-index: var(--z-content);
}

._nxn_file_delete {
	position: absolute;
	top: 0.74em;
	right: 0.74em;
	z-index: calc(var(--z-content) + 10);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 1 / 1;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 0.25em;
	transition: all linear .3s;
	border-radius: 50%;
	opacity: 0;
	background: linear-gradient(rgba(var(--nxn-bg-text), 0.15), rgba(var(--nxn-bg-text), 0.15)), linear-gradient(rgba(var(--nxn-bg), 1), rgba(var(--nxn-bg), 1));
	color: rgba(var(--nxn-bg-text), 0.9);
}

._nxn_file_img:hover ._nxn_file_delete {
	opacity: 1;
}

._nxn_file_delete:hover {
	-webkit-transform: scale(0.95);
	transform: scale(0.95);
	color: rgba(var(--nxn-bg-text), 1);
	background:
		linear-gradient(rgba(var(--nxn-bg-text), 0.3), rgba(var(--nxn-bg-text), 0.3)),
		linear-gradient(rgba(var(--nxn-bg), 1), rgba(var(--nxn-bg), 1));
}

._nxn_file_img ._nxn_input_component {
	position: absolute;
	bottom: 0.37em;
	left: 0.37em;
	width: calc(100% - 0.74em);
	z-index: calc(var(--z-content) + 10);
}

.container_croppie {
	width: 35vh;
	height: 35vh;
	margin: auto;
}

.container_croppie .cr-boundary {
	background:
		linear-gradient(rgba(var(--nxn-bg-text), 0.25), rgba(var(--nxn-bg-text), 0.25)),
		linear-gradient(rgba(var(--nxn-bg), 1), rgba(var(--nxn-bg), 1));
}

.container_croppie:has(.cr-slider-wrap) {
	height: auto;
}

._nxn_croppie_option {
	margin: auto;
}

.cr-slider::-webkit-slider-runnable-track {
	background:
		linear-gradient(rgba(var(--nxn-bg-text), 0.5), rgba(var(--nxn-bg-text), 0.5)),
		linear-gradient(rgba(var(--nxn-bg), 1), rgba(var(--nxn-bg), 1));
}

.cr-slider::-webkit-slider-thumb {
	background: var(--nxn-blue-text);
	cursor: pointer;
}

._nxn_datetime_group {
	width: 100%;
	background:
		linear-gradient(145deg, rgba(var(--nxn-bg-text), 0.05), rgba(var(--nxn-bg-text), 0.05)),
		linear-gradient(rgba(var(--nxn-bg), 1), rgba(var(--nxn-bg), 1));
	border: solid 0.07em rgba(var(--nxn-bg-text), 0.15);
	border-radius: var(--nxn-radius-secondary);
	transition: all linear .3s;
	position: relative;
}

._nxn_input_component:has(._nxn_datetime_display_modal ._nxn_display_datetime) {
	display: -webkit-flex;
	display: flex;
}

._nxn_datetime_display_modal {
	min-width: 0;
	display: grid;
	grid-template-columns: 100%;
	gap: 0.5em;
}

._nxn_datetime_display_modal:has(._nxn_display_datetime:nth-child(2)) {
	min-width: 0;
	display: grid;
	grid-template-columns: calc(50% - 0.25em) calc(50% - 0.25em);
	gap: 0.5em;
}

._nxn_datetime_display_modal ._nxn_display_datetime {
	width: 100%;
	border: solid 0.07em rgba(var(--nxn-bg-text), 0.15);
	color: rgba(var(--nxn-bg-text), 1);
	background:
		linear-gradient(rgba(var(--nxn-bg-text), 0.05), rgba(var(--nxn-bg-text), 0.05)),
		linear-gradient(rgba(var(--nxn-bg), 1), rgba(var(--nxn-bg), 1));
	border-radius: var(--nxn-radius-secondary);
	transition: all linear .3s;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	cursor: pointer;
}

._nxn_datetime_display_modal ._nxn_display_datetime.is_active {
	border: solid 0.07em rgba(var(--nxn-bg-text), 0.25);
}

._nxn_datetime_display_modal ._nxn_display_datetime p {
	pointer-events: none;
	width: inherit;
	font-size: 1em;
	color: rgba(var(--nxn-bg-text), 0.8);
	padding: 0.33em 0.89em;
	border: none;
	outline: none;
	line-height: 1.7;
	background: transparent;
	flex: 1 1 auto;
	resize: none;
	-webkit-text-stroke: 0em currentColor;
}

._nxn_datetime_display_modal ._nxn_display_datetime p:nth-child(1) {
	font-weight: 400;
}

._nxn_datetime_display_modal ._nxn_display_datetime p:nth-child(2) {
	font-weight: 400;
	padding-top: 0 !important;
}

._nxn_datetime_display_modal ._nxn_display_datetime:has(p:nth-child(2)) p:nth-child(1) {
	font-weight: 500;
}

._nxn_datetime_display_modal ._nxn_display_datetime:nth-child(2) p {
	text-align: right;
}

._nxn_datetime_display_modal ._nxn_display_datetime p span {
	pointer-events: all;
	transition: all linear .3s;
}

._nxn_datetime_display_modal ._nxn_display_datetime p span:hover {
	color: var(--nxn-blue-text);
}

._nxn_datetimefield_input {
	display: none;
}

._nxn_datetime_group:has(._nxn_header_datetime ._nxn_select_input:focus) ._nxn_body_datetime {
	filter: blur(0.22em);
}

._nxn_header_datetime {
	min-width: 0;
	display: grid;
	grid-template-columns: calc(50% - 0.25em) calc(50% - 0.25em);
	gap: 0.5em;
	padding: 1.01em 0.89em 0.59em 0.89em;
	background: rgba(var(--nxn-bg), 1);
	border-radius: var(--nxn-radius-secondary) var(--nxn-radius-secondary) 0 0;
}

._nxn_header_datetime ._nxn_select_autocomplete {
	box-shadow: rgba(var(--nxn-bg-shadow), 0.1) 0em 0.5em 2em 0em, rgba(var(--nxn-bg), 0) 0em 1.48em 1.48em 1.11em !important;
}

._nxn_header_datetime>div {
	min-width: unset;
}

._nxn_body_datetime {
	position: relative;
}

._nxn_calendar_days {
	padding: 0.59em 0.89em 0 0.89em;
	min-width: 0;
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	background: rgba(var(--nxn-bg), 1);
}

._nxn_calendar_days div {
	color: rgba(var(--nxn-bg-text), 0.8);
	font-weight: 400;
	aspect-ratio: 1/0.8;
	font-size: 1em;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
}

._nxn_calendar_container {
	position: relative;
}

.calendar_loadding {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	visibility: hidden;
	background:
		linear-gradient(145deg, rgba(var(--nxn-bg-text), 0.05), rgba(var(--nxn-bg-text), 0.05)),
		linear-gradient(rgba(var(--nxn-bg), 1), rgba(var(--nxn-bg), 1));
	z-index: calc(var(--z-content) + 10);
}

._nxn_calendar_container.is_loadding .calendar_loadding {
	visibility: visible;
}

.calendar__dates {
	padding: 0.59em 0.89em 0.89em 0.89em;
	min-width: 0;
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	row-gap: 0.5em;
	background:
		linear-gradient(145deg, rgba(var(--nxn-bg-text), 0.025), rgba(var(--nxn-bg-text), 0.025)),
		linear-gradient(rgba(var(--nxn-bg), 1), rgba(var(--nxn-bg), 1));
	position: relative;
	z-index: var(--z-content);
}

.calendar__date {
	aspect-ratio: 1/0.9;
	font-weight: 600;
	position: relative;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.22em;
	border-radius: var(--nxn-radius-secondary);
}

.calendar__date * {
	pointer-events: none;
}

.calendar__date:has(p) {
	cursor: not-allowed;
	opacity: .2;
}

.calendar__date.is_can {
	opacity: 1;
	cursor: pointer;
}

.calendar__date::after {
	content: "";
	width: 30%;
	height: 0.1em;
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background:
		linear-gradient(45deg, rgba(var(--nxn-bg), 0), rgba(var(--nxn-bg), 0)),
		linear-gradient(rgba(var(--nxn-bg), 0), rgba(var(--nxn-bg), 0));
	transition: all linear .3s;
	border-radius: 0.37em;
}

.calendar__date.is_selected {
	color: hsl(var(--nxn-primary), 100%);
	background: hsl(var(--nxn-primary), 50%);
}

._nxn_body_datetime:has(.calendar__date.is_selected.is_max) .calendar__date.is_selected.is_min {
	box-shadow: none;
	color: hsla(var(--nxn-primary), 30%, 1);
	background: hsl(var(--nxn-primary), 96%);
}

.calendar__date.is_selected.is_min.is_max {
	color: hsl(var(--nxn-primary), 100%) !important;
	background: hsl(var(--nxn-primary), 50%) !important;
}

.calendar__date.is_range:not(.is_selected) {
	box-shadow: none;
	color: hsla(var(--nxn-primary), 30%, 1);
	background: hsl(var(--nxn-primary), 96%);
	border: none;
}

.calendar__date.is_range:not(.is_selected)::before {
	border: none;
}

.calendar__date.is_range:not(.is_selected):not(:nth-child(7n)):not(:nth-child(7n+1))::before {
	content: "";
	position: absolute;
	top: 0;
	left: -10%;
	width: 120%;
	height: 100%;
	background: hsl(var(--nxn-primary), 96%);
	z-index: calc(var(--z-base) - 1);
}

._nxn_body_datetime:has(.calendar__date.is_selected.is_max) .calendar__date.is_selected.is_min:not(:nth-child(7n)):has(~ .is_max)::before,
.calendar__date.is_selected.is_max:not(:nth-child(7n)):has(~ .is_min)::before,
.calendar__date.is_range:nth-child(7n+1)::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 60%;
	height: 100%;
	background: hsl(var(--nxn-primary), 96%);
	z-index: calc(var(--z-base) - 1);
}

.calendar__date.is_range:nth-child(7n)::before {
	content: "";
	position: absolute;
	top: 0;
	left: -10%;
	width: 60%;
	height: 100%;
	background: hsl(var(--nxn-primary), 96%);
	z-index: calc(var(--z-base) - 1);
}

._nxn_body_datetime:has(.calendar__date.is_selected.is_max) .calendar__date.is_selected.is_min::after {
	background: hsl(var(--nxn-primary), 30%);
}

.calendar__date.is_can:not(.is_range):not(.is_selected):hover {
	background: rgba(var(--nxn-bg-text), 0.025);
}

.calendar__date.is_range:hover {
	background: hsl(var(--nxn-primary), 93%);
}

.calendar__date p {
	width: fit-content;
	text-align: center;
	font-size: 1em;
	font-weight: 500;
}

.calendar__date p.has_event {
	background: linear-gradient(to right,
			#7953cd 20%,
			#00affa 30%,
			#0190cd 70%,
			#764ada 80%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	-text-fill-color: transparent;
	background-size: 500% auto;
	animation: dateEvent 5s ease-in-out infinite alternate;
}

@keyframes dateEvent {
	0% {
		background-position: 0% 50%;
	}

	100% {
		background-position: 100% 50%;
	}
}

._nxn_datetime_clock_container {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	visibility: hidden;
	opacity: .5;
	transition: all linear 2s;
	z-index: var(--z-content);
}

._nxn_datetime_clock_container.is_active {
	transition: opacity 0.1s linear, visibility 0.2s linear;
	visibility: visible;
	opacity: 1;
}

._datetime_clocktime {
	position: relative;
	z-index: var(--z-content);
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
	padding: 1.78em 0.89em;
	width: 100%;
	height: 100%;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	transition: linear .4s all;
	border-radius: 50% 50% 0 0;
	background:
		linear-gradient(145deg, rgba(var(--nxn-bg-text), 0.05), rgba(var(--nxn-bg-text), 0.05)),
		linear-gradient(rgba(var(--nxn-bg), 1), rgba(var(--nxn-bg), 1));
}

._nxn_datetime_clock_container.is_active ._datetime_clocktime {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	border-radius: 0;
}

._nxn_datetime_clock_container.is_active ._datetime_clocktime ._nxn_mw_1000 {
	min-width: unset;
}

._nxn_clock_container {
	width: 55% !important;
	min-width: 10.67em !important;
	max-width: 17.78em !important;
}

._datetime_clocktime ._progress_one,
._datetime_clocktime ._progress_two {
	display: none;
}

._nxn_datetime_group ._progress_line {
	background: rgba(var(--nxn-bg), 0) !important;
}

._nxn_datetime_group ._progress_bar::before {
	--shawdow-1: hsla(var(--nxn-yellow), 50%, 0.16) !important;
	--shawdow-2: hsla(var(--nxn-yellow), 50%, 0.09) !important;
	background: var(--nxn-yellow-text) !important;
}

._nxn_datetime_group ._nxn_range_point span:not(:first-child):not(:last-child)::before {
	background: hsla(var(--nxn-yellow), 50%, 0) !important;
}

._datetime_clocktime ._nxn_container_range {
	margin: 0 !important;
}

._datetime_clocktime ._nxn_save_clocktime {
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	gap: 0.59em;
}

.modal_datetime ._nxn_modal_content {
	max-width: 30em !important;
}

.modal_datetime ._nxn_modal_body {
	max-height: 80vh !important;
	padding: 0 !important;
}

.modal_datetime ._nxn_modal_body ._group_action_modal {
	width: 100%;
	padding: 0 0.89em 1.01em 0.89em;
}

.modal_datetime ._nxn_modal_body ._group_action_modal button {
	width: 100%;
}

._nxn_footer_datetime {
	background: rgba(var(--nxn-bg), 1);
	padding: 0.89em 0.89em 0 0.89em;
	flex-direction: column;
	gap: 0.89em;
	display: none;
}

._nxn_footer_datetime:has(._nxn_footer_datetime__header ._nxn_display_datetime) {
	display: -webkit-flex;
	display: flex;
}

._nxn_footer_datetime__header {
	min-width: 0;
	display: grid;
	grid-template-columns: 100%;
	gap: 0.5em;
}

._nxn_footer_datetime__header:has(._nxn_display_datetime:nth-child(2)) {
	min-width: 0;
	display: grid;
	grid-template-columns: calc(50% - 0.25em) calc(50% - 0.25em);
	gap: 0.5em;
}

._nxn_footer_datetime__header ._nxn_display_datetime {
	position: relative;
	width: 100%;
	padding: 0.59em 0.89em;
	color: rgba(var(--nxn-bg-text), 1);
	background:
		linear-gradient(rgba(var(--nxn-bg-text), 0.05), rgba(var(--nxn-bg-text), 0.05)),
		linear-gradient(rgba(var(--nxn-bg), 1), rgba(var(--nxn-bg), 1));
	border: solid 0.07em rgba(var(--nxn-bg-text), 0.15);
	border-radius: var(--nxn-radius-secondary);
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	gap: 0.41em;
	cursor: pointer;
	z-index: var(--z-content);
}

._nxn_footer_datetime__header ._nxn_display_datetime.is_active {
	border: solid 0.07em rgba(var(--nxn-bg-text), 0.5);
}

._nxn_footer_datetime__header ._nxn_display_datetime p {
	font-size: 1em;
	font-weight: 400;
	pointer-events: none;
}

._nxn_footer_datetime__header ._nxn_display_datetime:nth-child(2) p {
	text-align: right;
}

._nxn_footer_datetime__header ._nxn_display_datetime p span {
	pointer-events: all;
	transition: all linear .3s;
}

._nxn_footer_datetime__header ._nxn_display_datetime p span:hover {
	color: var(--nxn-blue-text);
}

._nxn_footer_datetime_event {
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	gap: 0.59em;
}

._datetime_event_container {
	padding: 0.59em 0.89em;
	border: solid 0.07em rgba(var(--nxn-bg-text), 0.15);
	border-radius: var(--nxn-radius-secondary);
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	gap: 0.41em;
}

._datetime_event_container ._datetime_event_text {
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	gap: 0.41em;
}

._datetime_event_container p:first-child {
	font-size: 1em;
	font-weight: 600;
	color: rgba(var(--nxn-bg-text), 0.8);
}

._datetime_event_container p:last-child {
	font-size: 1em;
	font-weight: 600;
	color: rgba(var(--nxn-bg-text), 0.6);
}

._nxn_footer_datetime_event:has(._datetime_event_container) {
	padding-bottom: 0.89em;
}

._nxn_checkbox_title {
	margin-bottom: 0.30em;
}

._nxn_checkbox_title h3 {
	font-weight: 500;
	line-height: 1.7;
}

._nxn_checkbox_title p {
	font-weight: 400;
	line-height: 1.7;
	color: rgba(var(--nxn-bg-text), 0.8);
}

._nxn_checkbox_group {
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	gap: 0.59em;
}

._nxn_checkbox_label {
	pointer-events: all !important;
}

._nxn_input_component._nxn_checkbox_two ._nxn_checkbox_group {
	flex-direction: row;
	flex-wrap: wrap;
}

._nxn_input_component._nxn_checkbox_one ._nxn_checkbox_label {
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	gap: 0.59em;
	align-items: baseline;
}

._nxn_input_component._nxn_checkbox_two ._nxn_checkbox_label {
	max-width: calc(50% - 2.96em);
	cursor: pointer;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: 0.89em;
	position: relative;
	padding: 0.89em 0.89em;
	border-radius: var(--nxn-radius-secondary);
	border: solid 0.07em rgba(var(--nxn-bg-text), 0.15);
	background: rgba(var(--nxn-bg), 1);
	color: rgba(var(--nxn-bg-text), 1);
	box-shadow: rgba(var(--nxn-bg-shadow), 0.1) 0em 0.15em 0.30em 0em,
		rgba(var(--nxn-bg), 0) 0em 1.48em 1.48em 1.11em;
	transition: all linear .3s;
	margin-bottom: 0.37em;
}

._nxn_input_component._nxn_checkbox_two ._nxn_checkbox_label:hover {
	box-shadow: hsla(var(--nxn-blue), 60%, 0.25) 0em 0.15em 0.30em 0em,
		rgba(var(--nxn-bg), 0) 0em 1.48em 1.48em 1.11em !important;
}

._nxn_checkbox_page._nxn_input_component._nxn_checkbox_two ._nxn_checkbox_label {
	max-width: 150px;
}

._nxn_radiofield_input,
._nxn_checkboxfield_input,
._nxn_input_component._nxn_checkbox_one ._nxn_checkbox_img {
	display: none;
}

._nxn_input_component._nxn_checkbox_two ._nxn_checkbox_img {
	width: 100%;
}

._nxn_input_component._nxn_checkbox_two ._nxn_checkbox_img img {
	width: 100%;
	aspect-ratio: 1.5/1;
}

._nxn_checkbox_checker,
._nxn_radio_checker {
	flex: 0 0 auto;
	width: 1.19em;
	height: 1.19em;
	border: solid 0.07em rgba(var(--nxn-bg-text), 0.15);
	color: rgba(var(--nxn-bg), 1);
	background: linear-gradient(rgba(var(--nxn-bg-text), 0.05), rgba(var(--nxn-bg-text), 0.05)),
		linear-gradient(rgba(var(--nxn-bg), 1), rgba(var(--nxn-bg), 1));
	transition: background linear .2s, box-shadow linear .4s;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: calc(var(--nxn-radius-secondary) / 2);
	cursor: pointer;
}

._nxn_input_component._nxn_checkbox_one ._nxn_radio_checker,
._nxn_input_component._nxn_checkbox_two ._nxn_radio_checker {
	border-radius: 50%;
}

._nxn_checkbox_label:has(._nxn_checkboxfield_input:checked) ._nxn_checkbox_checker,
._nxn_checkbox_label:has(._nxn_radiofield_input:checked) ._nxn_radio_checker {
	color: hsl(var(--nxn-blue), 100%);
	background: var(--nxn-blue-text);
	border-color: var(--nxn-blue-text);
	box-shadow: 0em 0em 0em 0.22em hsla(var(--nxn-blue), 50%, 0.25);
}

._nxn_input_component._nxn_checkbox_two ._nxn_checkbox_label:has(._nxn_checkboxfield_input:checked),
._nxn_input_component._nxn_checkbox_two ._nxn_checkbox_label:has(._nxn_radiofield_input:checked) {
	border-color: var(--nxn-blue-text);
}

._nxn_checkbox_checker svg,
._nxn_radio_checker svg {
	width: 100%;
	height: 100%;
}

._nxn_input_component._nxn_checkbox_two ._nxn_checkbox_content {
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	gap: 0.89em;
}

._nxn_checkbox_context {
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	gap: 0.30em;
}

._nxn_input_component._nxn_checkbox_one ._nxn_checkbox_context h4 {
	font-size: 1em;
	line-height: 1.78em;
	cursor: pointer;
	margin: 0;
}

._nxn_input_component._nxn_checkbox_one ._nxn_checkbox_context h5 {
	font-size: 0.9em;
	color: rgba(var(--nxn-bg-text), 0.8);
	margin-bottom: 0;
	line-height: 1.9;
	font-weight: 400;
	cursor: pointer;
}

._nxn_input_component._nxn_checkbox_two ._nxn_checkbox_context h4 {
	font-size: 1em;
	line-height: 1.7;
	cursor: pointer;
	margin: 0;
	--line-split: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	-webkit-line-clamp: var(--line-split);
	line-clamp: var(--line-split);
	width: fit-content;
	margin: 0 !important;
}

._nxn_input_component._nxn_checkbox_two ._nxn_checkbox_context h5 {
	font-size: 0.9em;
	color: rgba(var(--nxn-bg-text), 0.8);
	margin-bottom: 0;
	line-height: 1.9;
	font-weight: 400;
	cursor: pointer;
	--line-split: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	-webkit-line-clamp: var(--line-split);
	line-clamp: var(--line-split);
	width: fit-content;
	margin: 0 !important;
}

._nxn_range_group {
	width: 100%;
	border-radius: var(--nxn-radius-secondary);
	transition: all linear .3s;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	position: relative;
}

._nxn_container_range {
	position: relative;
	height: 2.37em;
	width: 100%;
	margin: 2.37em 0;
}

._nxn_container_range::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 0.44em;
	z-index: calc(var(--z-content) - 5);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background:
		linear-gradient(rgba(var(--nxn-bg-text), 0.25), rgba(var(--nxn-bg-text), 0.25)),
		linear-gradient(rgba(var(--nxn-bg), 1), rgba(var(--nxn-bg), 1));
}

._nxn_container_range input {
	appearance: none;
	-webkit-appearance: none;
	position: absolute;
	width: 100%;
	height: 0.44em;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: var(--z-content);
	background: transparent;
	cursor: pointer;
	box-sizing: border-box;
	pointer-events: none;
	outline: none;
}

._nxn_container_range input::-webkit-slider-thumb {
	appearance: none;
	-webkit-appearance: none;
	position: relative;
	height: 1.19em;
	width: 1.19em;
	border-radius: 50%;
	background: rgba(var(--nxn-bg), 0);
	cursor: pointer;
	pointer-events: all;
	box-shadow: rgba(var(--nxn-bg-shadow), 0.1) 0em 0.5em 2em 0em,
		rgba(var(--nxn-bg), 0) 0em 1.48em 1.48em 1.11em;
	transition: all linear .3s;
}

._nxn_container_range input::-webkit-slider-thumb:hover,
._nxn_container_range input:focus::-webkit-slider-thumb,
._nxn_container_range input:active::-webkit-slider-thumb {
	box-shadow: rgba(var(--nxn-bg-shadow), 0.1) 0em 0.5em 2em 0em,
		rgba(var(--nxn-bg), 0) 0em 1.48em 1.48em 1.11em;
}

._nxn_range_point {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: calc(var(--z-content) - 3);
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	pointer-events: none;
	--progress-one: 0%;
	--progress-two: 0%;
	--percent-one: 0;
	--percent-two: 0;
}

._nxn_range_point ._progress_bar {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

._nxn_range_point ._progress_bar ._progress_one,
._nxn_range_point ._progress_bar ._progress_two {
	position: absolute;
	bottom: 100%;
	left: calc(var(--percent-one) * ((100% - var(--width-vrange)) / 100));
	width: fit-content;
	height: 2.37em;
	line-height: 2.37em;
	font-size: 1em;
	font-weight: 500;
	color: var(--nxn-blue-text);
}

._nxn_range_point ._progress_bar ._progress_two {
	left: calc(var(--percent-two) * ((100% - var(--width-vrange)) / 100));
}

._nxn_range_point ._progress_bar ._progress_line {
	content: "";
	position: absolute;
	top: 50%;
	left: calc(min(var(--progress-one), var(--progress-two)) + 0.15em);
	width: calc((max(var(--progress-one), var(--progress-two)) - min(var(--progress-one), var(--progress-two))) - 0.30em);
	height: 0.44em;
	background: var(--nxn-blue-text);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: calc(var(--z-content) - 2);
}

._nxn_range_point ._progress_bar::before,
._nxn_range_point ._progress_bar::after {
	content: "";
	position: absolute;
	top: 50%;
	width: 1.19em;
	height: 1.19em;
	border-radius: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	--shawdow-1: hsla(var(--nxn-blue), 50%, 0.16);
	--shawdow-2: hsla(var(--nxn-blue), 50%, 0.09);
	background: var(--nxn-blue-text);
	box-shadow: rgba(var(--nxn-bg-shadow), 0) 0em 0.5em 2em 0em,
		rgba(var(--nxn-bg), 0) 0em 1.48em 1.48em 1.11em;
	transition: box-shadow linear .3s;
	z-index: var(--z-content);
}

._nxn_range_point ._progress_bar::before {
	left: calc(var(--percent-one) * ((100% - 1.19em) / 100));
}

._nxn_range_point ._progress_bar::after {
	left: calc(var(--percent-two) * ((100% - 1.19em) / 100));
}

._nxn_container_range:has(input:nth-child(1):focus) ._progress_bar::before,
._nxn_container_range:has(input:nth-child(1):active) ._progress_bar::before,
._nxn_container_range:has(input:nth-child(2):focus) ._progress_bar::after,
._nxn_container_range:has(input:nth-child(2):active) ._progress_bar::after {
	animation: thumbRange 0.5s ease-in-out infinite alternate-reverse;
}

._nxn_container_range:not(:has(input:nth-child(2))) ._progress_bar::after {
	opacity: 0;
}

@keyframes thumbRange {
	from {
		box-shadow: 0em 0em 0em 0.57em var(--shawdow-1);
	}

	to {
		box-shadow: 0em 0em 0em 0.37em var(--shawdow-2);
	}
}

._nxn_range_point span:not(:first-child):not(:last-child) {
	position: relative;
	z-index: calc(var(--z-content) - 1);
	width: 0.15em;
	height: 100%;
	pointer-events: none;
}

._nxn_range_point span:not(:first-child):not(:last-child)::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 0.15em;
	background:
		linear-gradient(rgba(var(--nxn-bg-text), 0.25), rgba(var(--nxn-bg-text), 0.25)),
		linear-gradient(rgba(var(--nxn-bg), 1), rgba(var(--nxn-bg), 1));
	border-radius: 100%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	pointer-events: none;
}

._nxn_range_point span.active::before {
	background: hsla(var(--nxn-blue), 100%, 1) !important;
}

._nxn_range_point span::after {
	content: attr(data-span);
	position: absolute;
	top: 100%;
	left: 0;
	height: 2.37em;
	line-height: 2.37em;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	font-size: 1em;
	font-weight: 500;
	pointer-events: none;
}

._nxn_container_tabsContent {
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	gap: 1.19em;
	color: rgba(var(--nxn-bg-text), 1);
	background: rgba(var(--nxn-bg), 1);
}

.tab_wrapper {
	position: relative;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	width: 100%;
}

.tab_wrapper .tab_action_tablist {
	position: absolute;
	z-index: var(--z-content, 10);
	top: 0;
	bottom: 0;
	width: 3em;
	align-items: center;
	justify-content: center;
	color: rgba(var(--nxn-bg-text), 1);
	background: rgba(var(--nxn-bg), 1);
	cursor: pointer;
	display: -webkit-flex;
	display: flex;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.2s ease;
}

.tab_wrapper .tab_action_tablist.is_active {
	opacity: 1;
	pointer-events: auto;
}

.tab_wrapper .tab_action_tablist svg {
	opacity: 0.5;
	transition: opacity 0.2s ease;
}

.tab_wrapper .tab_action_tablist:hover svg {
	opacity: 1;
}

.tab_wrapper .tab_prev_tablist {
	left: 0;
	box-shadow: rgba(var(--nxn-bg-shadow), 0) 0em 0.5em 2em 0em,
		rgba(var(--nxn-bg), 1) 0.5em 0 1.48em 1.11em;
}

.tab_wrapper .tab_prev_tablist svg {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.tab_wrapper .tab_next_tablist {
	right: 0;
	box-shadow: rgba(var(--nxn-bg-shadow), 0) 0em 0.5em 2em 0em,
		rgba(var(--nxn-bg), 1) -0.5em 0 1.48em 1.11em;
}

[role="tabcontainer"] {
	flex: 1 1 auto;
	overflow-x: auto;
	scroll-behavior: smooth;
	scrollbar-width: none;
}

[role="tabcontainer"]::-webkit-scrollbar {
	display: none;
}

[role="tablist"] {
	position: relative;
	display: -webkit-flex;
	display: flex;
	width: fit-content;
}

[role="tablist"]::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 0.3em;
	scale: var(--_width, 0) 1;
	translate: var(--_left, 0) 0;
	transform-origin: left;
	transition: scale 200ms, translate 200ms;
	background: var(--nxn-blue-text);
}

[role="tab"] {
	background: transparent;
	padding: 0.89em 1.78em 0.96em 1.78em;
	border: 0;
	font: inherit;
	font-weight: 500;
	opacity: 0.7;
	cursor: pointer;
	border-bottom: 0.07em solid rgba(var(--nxn-bg-text), 0.35);
	white-space: nowrap;
}

[role="tab"]:focus,
[role="tab"]:hover,
[role="tab"][aria-selected="true"] {
	opacity: 1;
	outline: none;
}

._nxn_container_menu {
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	gap: 0.59em;
}

._nxn_container_menu ._nxn_menu_ul ul,
._nxn_menublock_items {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}

._nxn_container_menu ._nxn_menu_ul ul ._nxn_menu_align_right {
	flex: 1 1 auto;
	min-width: 0;
}

._nxn_container_menu ._nxn_menu_ul ul li.is_active,
._nxn_menublock_items li {
	display: none;
}

._nxn_menublock_items li.is_active {
	display: block;
}

._nxn_container_menu ._nxn_menu_ul ul li a,
._nxn_menublock_items li a {
	position: relative;
	cursor: pointer;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	gap: 0.59em;
	text-decoration: none;
	padding: 0;
	z-index: calc(var(--z-content) + 1);
	font-weight: 500;
	color: rgba(var(--nxn-bg-text), 1);
	transition: all ease .2s;
	height: 100%;
}

._nxn_menublock_items li a,
._nxn_container_menu:not(:has(._nxn_horizontal)) ._nxn_menu_ul ul li a {
	min-height: 2.4em;
}

._nxn_container_menu ._nxn_menu_ul ul li a span,
._nxn_menublock_items li a span {
	text-wrap: nowrap;
	pointer-events: none;
}

._nxn_container_menu ._nxn_menu_ul ul li a:hover,
._nxn_menublock_items li a:hover,
._nxn_container_menu ._nxn_menu_ul ul li a.is_active,
._nxn_menublock_items li a.is_active {
	-webkit-text-stroke: 0.025em currentColor;
	color: var(--nxn-primary-text);
}

._nxn_container_menu._nxn_horizontal ._nxn_menu_ul {
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

._nxn_container_menu._nxn_horizontal ._nxn_menu_ul:has(._nxn_menu_hidden ul li.is_active) {
	gap: 10em;
}

._nxn_screen_laptop ._nxn_container_menu._nxn_horizontal ._nxn_menu_ul:has(._nxn_menu_hidden ul li.is_active) {
	gap: 8em;
}

._nxn_screen_tablet ._nxn_container_menu._nxn_horizontal ._nxn_menu_ul:has(._nxn_menu_hidden ul li.is_active) {
	gap: 5em;
}

._nxn_screen_mobile ._nxn_container_menu._nxn_horizontal ._nxn_menu_ul:has(._nxn_menu_hidden ul li.is_active) {
	gap: 3em;
}

._nxn_container_menu._nxn_horizontal ._nxn_menu_ul ul {
	flex: 1 1 auto;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	align-items: center;
	overflow-x: auto;
	scroll-behavior: smooth;
	scrollbar-width: none;
	min-width: 0;
}

._nxn_container_menu._nxn_horizontal ._nxn_menu_ul ul::-webkit-scrollbar {
	display: none;
}

._nxn_container_menu._nxn_horizontal ._nxn_menu_ul ul li {
	padding: 0 1.25em;
}

._nxn_container_menu._nxn_horizontal ._nxn_menu_ul ul li:first-child {
	padding-left: 0;
}

._nxn_container_menu._nxn_horizontal ._nxn_menu_ul ul li:last-child {
	padding-right: 0;
}

._nxn_container_menu._nxn_horizontal ._nxn_menu_ul ._nxn_menu_hidden {
	visibility: hidden;
}

._nxn_container_menu._nxn_horizontal:has(._nxn_menu_ul ul ._nxn_menu_align_right) ._nxn_menu_ul ._nxn_menu_hidden {
	display: none;
}

._nxn_container_menu._nxn_horizontal ._nxn_menu_ul ._nxn_menu_hidden:has(ul li.is_active) {
	visibility: inherit;
	display: block !important;
}

._nxn_menublock_items {
	width: 11.85em;
	padding: 0 0.59em;
}

._nxn_loadding {
	position: fixed;
	top: 0;
	left: 0;
	z-index: calc(var(--z-loading) + 20);
	width: 100%;
	height: 100%;
	background: rgba(var(--nxn-bg-shadow), 0.5);
	-webkit-backdrop-filter: blur(0.1em);
	backdrop-filter: blur(0.1em);
	opacity: 0;
	transition: all ease .3s;
}

._nxn_loadding._nxn_loadding_show {
	opacity: 1;
}

._nxn_loadding._nxn_loadding_hide {
	opacity: 0;
}

._nxn_modal_container {
	position: fixed;
	top: 0;
	left: 0;
	z-index: calc(var(--z-modal) + 20);
	width: 100%;
	height: 100%;
	padding: 0.5em;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(var(--nxn-bg-shadow), 0.5);
	-webkit-backdrop-filter: blur(0.1em);
	backdrop-filter: blur(0.1em);
	opacity: 0;
	visibility: hidden;
	transition: all ease .3s;
}

._nxn_modal_container:has(._nxn_modal_container.is_active) {
	position: absolute;
	opacity: 1;
	visibility: inherit;
	background: rgba(var(--nxn-bg-shadow), 0);
	backdrop-filter: unset;
	transition: unset;
}

._nxn_modal_container.is_active {
	opacity: 1;
	visibility: inherit;
}

._nxn_modal_content {
	width: 100%;
	max-width: 61.5em;
	background: rgba(var(--nxn-bg), 1);
	color: rgba(var(--nxn-bg-text), 1);
	border-radius: var(--nxn-radius-primary);
	overflow: hidden;
	pointer-events: auto;
	box-shadow: rgba(var(--nxn-bg-shadow), 0.5) 0em 0.5em 2em 0em,
		rgba(var(--nxn-bg), 0) -0.5em 0 1.48em 1.11em;
	-webkit-transform: translateY(-2em);
	transform: translateY(-2em);
	transition: all ease .3s;
}

._nxn_modal_80>._nxn_modal_content {
	max-width: 90em;
}

._nxn_modal_container:has(._nxn_modal_container.is_active)>._nxn_modal_content {
	-webkit-transform: unset;
	transform: unset;
	transition: unset;
	height: 0;
	overflow: hidden;
}

._nxn_modal_container.is_active ._nxn_modal_content {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

._nxn_modal_header {
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 1.19em 0.89em;
	border-bottom: solid 0.14em rgba(var(--nxn-bg-text), 0.25);
	border-radius: var(--nxn-radius-primary) var(--nxn-radius-primary) 0 0;
}

._nxn_modal_header h3 {
	font-size: 1.06em;
}

._nxn_modal_close {
	all: unset;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 1/1;
	border: none;
	outline: none;
	cursor: pointer;
	transition: all linear .3s;
	color: rgba(var(--nxn-bg-text), 0.9);
}

._nxn_modal_close:hover {
	color: rgba(var(--nxn-bg-text), 1);
}

._nxn_modal_hidden * {
	pointer-events: none;
}

._nxn_modal_body {
	max-height: 65vh !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	min-height: 0;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	padding: 0.59em 0.89em;
	gap: 0.59em;
}

._nxn_modal_body:has(._nxn_form),
._nxn_modal_body:has(._nxn_content_form_addrecord) {
	padding: 0;
	overflow: unset !important;
	max-height: unset !important;
}

._nxn_modal_body::-webkit-scrollbar {
	height: 1em;
	width: 1em;
	border-radius: inherit;
	background: transparent;
}

._nxn_modal_body::-webkit-scrollbar-thumb:horizontal {
	background: rgba(var(--nxn-bg-text), 0.15);
	border-top: solid 0.74em rgba(var(--nxn-bg), 1);
	cursor: pointer;
}

._nxn_modal_body::-webkit-scrollbar-thumb:vertical {
	background: rgba(var(--nxn-bg-text), 0.15);
	border-left: solid 0.74em rgba(var(--nxn-bg), 1);
	cursor: pointer;
}

._nxn_modal_body::-webkit-scrollbar-thumb:hover {
	background: rgba(var(--nxn-bg-text), 0.3);
}

._nxn_modal_body::-webkit-scrollbar-corner {
	background: transparent;
}

._nxn_modal_body p {
	width: 100%;
}

._nxn_modal_footer {
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 1.19em 0.89em;
	border-top: solid 0.14em rgba(var(--nxn-bg-text), 0.25);
	border-radius: 0 0 var(--nxn-radius-primary) var(--nxn-radius-primary);
}




._nxn_toast_container {
	position: fixed;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	gap: 1em;
	z-index: calc(var(--z-toast) + 10);
}

._nxn_toast_container.top {
	top: 1em;
}

._nxn_toast_container.bottom {
	bottom: 1em;
}

._nxn_toast_container.right {
	right: 1em;
}

._nxn_toast_container.left {
	left: 1em;
}

._nxn_toast_container_modal {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(var(--nxn-bg-shadow), 0.5);
	z-index: var(--z-toast);
}

._nxn_toast_modal {
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	background: rgba(var(--nxn-bg), 1);
	color: rgba(var(--nxn-bg-text), 1);
	font-size: 1em;
	padding: 1.2em 1em;
	border-radius: var(--nxn-radius-primary);
	box-shadow: rgba(var(--nxn-bg-shadow), 0.15) 0em 0.5em 2em 0em,
		rgba(var(--nxn-bg), 0) -0.5em 0 1.48em 1.11em;
	border: solid 0.07em rgba(var(--nxn-bg-text), 0.15);
	gap: 0.75em;
	max-width: 32em;
	min-width: 27em;
	opacity: 0;
	transition: opacity 0.3s ease, transform 0.3s ease;
}

._nxn_toast_container.right ._nxn_toast_modal,
._nxn_toast_container.right ._nxn_toast_modal._nxn_hide {
	-webkit-transform: translateX(2em);
	transform: translateX(2em);
}

._nxn_toast_container.left ._nxn_toast_modal,
._nxn_toast_container.left ._nxn_toast_modal._nxn_hide {
	-webkit-transform: translateX(-2em);
	transform: translateX(-2em);
}

._nxn_toast_modal._nxn_show {
	opacity: 1;
	-webkit-transform: translateX(0) !important;
	transform: translateX(0) !important;
}

._nxn_toast_modal._nxn_hide {
	opacity: 0;
}

._nxn_toast_container_modal ._nxn_toast_modal,
._nxn_toast_container_modal ._nxn_toast_modal._nxn_hide {
	-webkit-transform: translateY(-2em);
	transform: translateY(-2em);
}

._nxn_toast_container_modal ._nxn_toast_modal._nxn_show {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

._nxn_toast_header {
	min-width: 0;
	display: grid;
	grid-template-columns: max-content 1fr;
}

._nxn_toast_modal._nxn_toast_error ._nxn_toast_icon,
._nxn_toast_modal._nxn_toast_error ._nxn_toast_img {
	color: var(--nxn-red-text);
}

._nxn_toast_modal._nxn_toast_success ._nxn_toast_icon,
._nxn_toast_modal._nxn_toast_success ._nxn_toast_img {
	color: var(--nxn-green-text);
}

._nxn_toast_modal._nxn_toast_warning ._nxn_toast_icon,
._nxn_toast_modal._nxn_toast_warning ._nxn_toast_img {
	color: var(--nxn-yellow-text);
}

._nxn_toast_modal._nxn_toast_info ._nxn_toast_icon,
._nxn_toast_modal._nxn_toast_info ._nxn_toast_img {
	color: var(--nxn-blue-text);
}

._nxn_toast_icon {
	position: relative;
	aspect-ratio: 1/1;
	padding-right: 0.95em;
	padding-left: 0.95em;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
}

._nxn_toast_icon svg {
	position: relative;
	z-index: var(--z-content);
}

._nxn_toast_icon::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: var(--nxn-radius-secondary);
	background: currentColor;
	opacity: 0.1;
	z-index: calc(var(--z-content) - 1);
}

._nxn_toast_img {
	position: relative;
	aspect-ratio: 1/1;
	padding-right: 0.85em;
	padding-left: 0.85em;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
}

._nxn_toast_img img {
	width: 1.5em;
	height: 1.5em;
	border-radius: var(--nxn-radius-secondary);
}

._nxn_toast_img::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: var(--nxn-radius-secondary);
	background: currentColor;
	opacity: 0.1;
	z-index: calc(var(--z-content) - 1);
}

._nxn_toast_close {
	display: -webkit-flex;
	display: flex;
	justify-content: end;
}

._nxn_toast_close button {
	padding: 0;
	margin: 0;
	outline: none;
	background: transparent;
	border: none;
	height: fit-content;
	display: -webkit-flex;
	display: flex;
	cursor: pointer;
}

._nxn_toast_body {
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	gap: 0.3em;
	max-height: 60vh;
}

._nxn_toast_title h3 {
	font-size: 1.05em;
	font-weight: 500;
	line-height: 1.7;
	padding-right: 2em;
}

._nxn_toast_description p {
	font-size: 0.95em;
	color: rgba(var(--nxn-bg-text), .8);
	line-height: 1.7;
}

._nxn_resend_otp {
	cursor: pointer;
}

._nxn_resend_otp:hover {
	text-decoration: underline;
}

._nxn_toast_footer {
	min-width: 0;
	display: grid;
	grid-template-columns: calc(50% - 0.5em) calc(50% - 0.5em);
	gap: 1em;
}

._nxn_toast_footer:has(._nxn_btn) {
	padding-top: 1em;
}

._nxn_toast_footer ._nxn_btn {
	width: 100%;
}

._nxn_toast_footer ._nxn_btn_current:hover {
	opacity: 0.75;
}

._nxn_toast_modal._nxn_toast_success ._nxn_btn_current {
	color: hsl(var(--nxn-white), 100%) !important;
	background: var(--nxn-green-background) !important;
	border-color: var(--nxn-green-background) !important;
}

._nxn_toast_modal._nxn_toast_error ._nxn_btn_current {
	color: hsl(var(--nxn-white), 100%) !important;
	background: var(--nxn-red-background) !important;
	border-color: var(--nxn-red-background) !important;
}

._nxn_toast_modal._nxn_toast_warning ._nxn_btn_current {
	color: hsl(var(--nxn-white), 100%) !important;
	background: var(--nxn-yellow-background) !important;
	border-color: var(--nxn-yellow-background) !important;
}

._nxn_toast_modal._nxn_toast_info ._nxn_btn_current {
	color: hsl(var(--nxn-blue), 100%) !important;
	background: hsl(var(--nxn-blue), 45%) !important;
	border: solid 0.07em hsl(var(--nxn-blue), 45%) !important;
}

._nxn_container_table {
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
}

._nxn_container_table ._nxn_table_pagination {
	min-width: 0;
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 1.19em;
	padding: 1.19em 0;
}

._nxn_container_table ._nxn_table_pagination ._nxn_itemsperpage {
	max-width: 5.56em;
	height: fit-content;
}

._nxn_container_table ._nxn_table_pagination ._nxn_itemsperpage ._nxn_mw_1000 {
	min-width: unset;
}

._nxn_container_table ._nxn_table_pagination ._nxn_itemsperpage ._nxn_autocomplete_start {
	display: none !important;
}

._nxn_container_table ._nxn_table_pagination ._nxn_pagination>ul {
	height: 100%;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: baseline;
	list-style: none;
	padding: 0;
	margin: 0;
}

._nxn_container_table ._nxn_table_pagination ._nxn_pagination>ul li {
	height: 100%;
	background: rgba(var(--nxn-bg), 1);
}

._nxn_container_table ._nxn_table_pagination ._nxn_pagination>ul li a,
._nxn_container_table ._nxn_table_pagination ._nxn_pagination>ul li span {
	padding: 0 1em;
	position: relative;
	text-decoration: none;
	font-weight: 500;
	line-height: 1.7;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: rgba(var(--nxn-bg), 1);
	color: rgba(var(--nxn-bg-text), 1);
	overflow: hidden;
	transition: all linear .3s;
	cursor: pointer;
}

._nxn_container_table ._nxn_table_pagination ._nxn_pagination>ul li a::after,
._nxn_container_table ._nxn_table_pagination ._nxn_pagination>ul li span::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	border: solid 0.14em rgba(var(--nxn-bg-text), 0.15);
	border-right: none;
	z-index: var(--z-content);
}

._nxn_container_table ._nxn_table_pagination ._nxn_pagination>ul li:last-child a::after,
._nxn_container_table ._nxn_table_pagination ._nxn_pagination>ul li:last-child span::after {
	border-right: solid 0.14em rgba(var(--nxn-bg-text), 0.15);
}

._nxn_container_table.is_loadding ._nxn_table_pagination ._nxn_pagination>ul li a::after,
._nxn_container_table.is_loadding ._nxn_table_pagination ._nxn_pagination>ul li span::after {
	background:
		linear-gradient(rgba(var(--nxn-bg-text), 0.05), rgba(var(--nxn-bg-text), 0.05)),
		linear-gradient(rgba(var(--nxn-bg), 1), rgba(var(--nxn-bg), 1));
}

._nxn_container_table ._nxn_table_pagination ._nxn_pagination>ul li a.is_active {
	color: hsl(var(--nxn-blue), 100%) !important;
	background: hsl(var(--nxn-blue), 45%) !important;
}

._nxn_container_table:not(.is_loadding) ._nxn_table_pagination ._nxn_pagination>ul li a:not(.is_active):hover {
	background: hsl(var(--nxn-blue), 93%);
	color: hsl(var(--nxn-blue), 10%);
}

._nxn_container_table ._nxn_table_pagination ._nxn_pagination>ul li:first-child a {
	border-top-left-radius: var(--nxn-radius-secondary);
	border-bottom-left-radius: var(--nxn-radius-secondary);
}

._nxn_container_table ._nxn_table_pagination ._nxn_pagination>ul li:last-child a {
	border-top-right-radius: var(--nxn-radius-secondary);
	border-bottom-right-radius: var(--nxn-radius-secondary);
}

._nxn_container_table ._nxn_table_filter {
	min-width: 0;
	display: grid;
	gap: 0.59em;
	padding: 1.19em 0;
	grid-template-columns: min-content 1fr min-content min-content;
}

._nxn_container_table ._nxn_table_filter ._nxn_container_popup {
	height: 100%;
}

._nxn_container_table ._nxn_table_filter ._btn_filter,
._nxn_container_table ._nxn_table_filter .btn-reload-page button,
._nxn_container_table ._nxn_table_filter ._nxn_table_action {
	padding: 0.25em 0.55em !important;
	height: 100%;
	aspect-ratio: 1/1;
}

._nxn_container_table ._nxn_table_main {
	position: relative;
}

._nxn_container_table.is_loadding ._nxn_table_main::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	z-index: var(--z-content);
	background:
		linear-gradient(rgba(var(--nxn-bg-text), 0.05), rgba(var(--nxn-bg-text), 0.05)),
		linear-gradient(rgba(var(--nxn-bg), 1), rgba(var(--nxn-bg), 1));
	border-radius: var(--nxn-radius-secondary);
}

._nxn_container_table table {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
	table-layout: fixed;
}

._nxn_container_table table thead tr,
._nxn_container_table table tbody tr {
	display: -webkit-flex;
	display: flex;
	text-align: left;
	vertical-align: middle;
}

._nxn_container_table table thead tr th,
._nxn_container_table table tbody tr td {
	flex: 0 0 var(--width);
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	gap: 0.30em;
	min-width: 0;
	border-bottom: solid 0.07em rgba(var(--nxn-bg-text), 0.15);
	padding: 0.59em 1.19em 0.59em 0.59em;
}

._nxn_container_table table thead tr th {
	font-weight: 500;
	padding: 1.19em 1.19em 1.19em 0.59em;
}

._nxn_container_table table thead tr th:last-child,
._nxn_container_table table tbody tr:not(._nxn_tr_mobile) td:last-child {
	justify-content: flex-start;
	align-items: flex-end;
	padding-right: 0 !important;
}

._nxn_container_table table thead tr th:first-child,
._nxn_container_table table tbody tr:not(._nxn_tr_mobile) td:first-child {
	margin-top: 0.15em;
	padding-left: 0 !important;
}

._nxn_container_table table tbody tr td:last-child ._nxn_column_more {
	display: block !important;
	height: 100%;
}

._nxn_container_table table tbody tr td:last-child ._nxn_column_more ._nxn_popup_action {
	align-items: flex-start !important;
}

._nxn_container_table table tbody tr td:last-child ._nxn_column_arrow {
	display: none !important;
	cursor: pointer;
}

._nxn_container_table table tbody tr td:last-child ._nxn_column_arrow svg {
	transition: all ease .3s;
}

._nxn_container_table table tbody tr.is_active td:last-child ._nxn_column_arrow svg {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

._nxn_container_table table tbody tr._nxn_tr_mobile {
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	border-bottom: solid 0.07em rgba(var(--nxn-bg-text), 0.15);
	height: 0;
	visibility: hidden;
	overflow: hidden;
	transition: none;
}

._nxn_container_table table tbody tr._nxn_tr_mobile td {
	padding: 0.59em 0;
}

._nxn_container_table table tbody tr.is_active+tr._nxn_tr_mobile {
	height: auto;
	visibility: inherit;
}

._nxn_container_table table tbody tr._nxn_tr_norecord td {
	padding: 5.93em;
	display: -webkit-flex;
	display: flex;
	justify-content: center !important;
	align-items: center !important;
	width: 100%;
	gap: 0.33em;
}

._nxn_container_table table tbody tr._nxn_tr_norecord td ._nxn_norecord_svg {
	margin-bottom: 1.19em;
}

._nxn_container_table table tbody tr._nxn_tr_norecord td p {
	opacity: 0.9;
}

._nxn_container_table table tbody tr._nxn_tr_mobile td {
	border-bottom: solid 0.07em rgba(var(--nxn-bg-text), 0) !important;
	flex-direction: row;
	justify-content: space-between;
	gap: 1.19em;
}

._nxn_container_table table tbody tr._nxn_tr_mobile td ._nxn_title_column {
	font-weight: 500;
	flex: 1 1 auto;
}

._nxn_container_table table tbody tr._nxn_tr_mobile td ._nxn_content_column {
	text-align: right;
	flex: 2 1 auto;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	gap: 0.47em;
}

._nxn_container_table table tbody tr._nxn_tr_mobile td ._nxn_content_column>* {
	width: 100%;
}

._nxn_column_desktop,
._nxn_column_laptop,
._nxn_column_tablet,
._nxn_screen_laptop tr._nxn_tr_mobile ._nxn_column_desktop,
._nxn_screen_tablet tr._nxn_tr_mobile ._nxn_column_desktop,
._nxn_screen_mobile tr._nxn_tr_mobile ._nxn_column_desktop,
._nxn_screen_tablet tr._nxn_tr_mobile ._nxn_column_laptop,
._nxn_screen_mobile tr._nxn_tr_mobile ._nxn_column_laptop,
._nxn_screen_mobile tr._nxn_tr_mobile ._nxn_column_tablet {
	display: flex !important;
}

tr._nxn_tr_mobile ._nxn_column_desktop,
tr._nxn_tr_mobile ._nxn_column_laptop,
tr._nxn_tr_mobile ._nxn_column_tablet,
._nxn_screen_laptop ._nxn_column_desktop,
._nxn_screen_tablet ._nxn_column_desktop,
._nxn_screen_mobile ._nxn_column_desktop,
._nxn_screen_tablet ._nxn_column_laptop,
._nxn_screen_mobile ._nxn_column_laptop,
._nxn_screen_mobile ._nxn_column_tablet,
._nxn_screen_laptop ._nxn_container_table table tbody tr:has(+ tr._nxn_tr_mobile ._nxn_column_desktop) td div._nxn_column_more,
._nxn_screen_tablet ._nxn_container_table table tbody tr:has(+ tr._nxn_tr_mobile ._nxn_column_desktop) td div._nxn_column_more,
._nxn_screen_mobile ._nxn_container_table table tbody tr:has(+ tr._nxn_tr_mobile ._nxn_column_desktop) td div._nxn_column_more,
._nxn_screen_tablet ._nxn_container_table table tbody tr:has(+ tr._nxn_tr_mobile ._nxn_column_laptop) td div._nxn_column_more,
._nxn_screen_mobile ._nxn_container_table table tbody tr:has(+ tr._nxn_tr_mobile ._nxn_column_laptop) td div._nxn_column_more,
._nxn_screen_mobile ._nxn_container_table table tbody tr:has(+ tr._nxn_tr_mobile ._nxn_column_tablet) td div._nxn_column_more {
	display: none !important;
}

tr._nxn_tr_mobile ._nxn_column_button {
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	gap: 0.59em;
}

._nxn_screen_laptop ._nxn_container_table table tbody tr:has(+ tr._nxn_tr_mobile ._nxn_column_desktop) td div._nxn_column_arrow,
._nxn_screen_tablet ._nxn_container_table table tbody tr:has(+ tr._nxn_tr_mobile ._nxn_column_desktop) td div._nxn_column_arrow,
._nxn_screen_mobile ._nxn_container_table table tbody tr:has(+ tr._nxn_tr_mobile ._nxn_column_desktop) td div._nxn_column_arrow,
._nxn_screen_tablet ._nxn_container_table table tbody tr:has(+ tr._nxn_tr_mobile ._nxn_column_laptop) td div._nxn_column_arrow,
._nxn_screen_mobile ._nxn_container_table table tbody tr:has(+ tr._nxn_tr_mobile ._nxn_column_laptop) td div._nxn_column_arrow,
._nxn_screen_mobile ._nxn_container_table table tbody tr:has(+ tr._nxn_tr_mobile ._nxn_column_tablet) td div._nxn_column_arrow {
	display: block !important;
}

._nxn_status {
	width: fit-content;
	position: relative;
	display: block;
	font-weight: 500;
	padding: 0 0.8em;
	border-radius: var(--nxn-radius-secondary);
}

._nxn_status::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	background: currentColor;
	opacity: 0.15;
	z-index: 0;
}

._nxn_status.is_success {
	color: var(--nxn-green-text);
}

._nxn_status.is_error {
	color: var(--nxn-red-text);
}

._nxn_status.is_warning {
	color: var(--nxn-yellow-text);
}

._nxn_status.is_info {
	color: var(--nxn-blue-text);
}

._nxn_container_popup {
	position: relative;
	width: fit-content;
	height: auto;
}

._nxn_container_popup ._nxn_popup_action {
	height: 100%;
	display: -webkit-flex;
	display: flex;
	align-items: center;
}

._nxn_container_popup ._nxn_popup_action * {
	pointer-events: none;
}

._nxn_container_popup ._nxn_popup_action button {
	height: 100%;
}

._nxn_container_popup ._nxn_popup_body {
	position: absolute;
	top: calc(100% + 0.5em);
	left: 0;
	opacity: 0;
	visibility: hidden;
	transition: opacity ease .2s, visibility ease .2s;
	z-index: var(--z-dropdown);
}

._nxn_container_popup.is_active ._nxn_popup_action {
	color: var(--nxn-blue-text);
}

._nxn_container_popup.is_active ._nxn_popup_body {
	opacity: 1;
	visibility: inherit;
}

._nxn_container_popup_body {
	position: relative;
	z-index: var(--z-content);
	padding: 0.59em 0.59em .59em 0.59em;
	background: rgba(var(--nxn-bg), 1);
	border: solid 0.07em rgba(var(--nxn-bg-text), 0.15);
	box-shadow: rgba(var(--nxn-bg-shadow), 0.1) 0em 0.5em 2em 0em,
		rgba(var(--nxn-bg), 0) 0em 1.48em 1.48em 1.11em;
	border-radius: var(--nxn-radius-secondary);
	overflow: hidden;
}

._nxn_popup_action_default {
	width: auto;
	aspect-ratio: 1/1;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0.47em;
	border: solid 0.07em rgba(var(--nxn-bg-text), 0.15);
	border-radius: var(--nxn-radius-secondary);
	background: rgba(var(--nxn-bg-text), 0);
	transition: all ease .3s;
}

._nxn_popup_action_default:hover {
	background: rgba(var(--nxn-bg-text), 0.05);
}

._nxn_popup_action_default svg {
	-webkit-transform: translateY(0.07em);
	transform: translateY(0.07em);
}

._nxn_menu_popup {
	list-style: none;
	margin: 0;
	padding: 0;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
}

._nxn_menu_popup li {
	min-width: 11.85em;
}

._nxn_menu_popup li a {
	text-decoration: none;
	padding: 0.33em 0.59em;
	width: 100% !important;
	display: inline-block;
	color: rgba(var(--nxn-bg-text), 1);
	transition: all ease .3s;
	border-radius: var(--nxn-radius-secondary);
	background: transparent;
}

._nxn_menu_popup li a * {
	pointer-events: none;
}

._nxn_menu_popup li a:hover {
	background: rgba(var(--nxn-bg-text), 0.05);
}

._nxn_popup_fixed {
	position: fixed;
	z-index: var(--z-popup);
	opacity: 0;
	visibility: hidden;
	transition: all ease .2s, opacity ease 0s;
}

._nxn_popup_fixed.is_active {
	opacity: 1;
	visibility: inherit;
}

._nxn_code_block {
	border-radius: var(--nxn-radius-secondary);
}

._nxn_code_block ._nxn_code_block__header {
	background: linear-gradient(rgba(var(--nxn-bg-text), 0.05), rgba(var(--nxn-bg-text), 0.05)), linear-gradient(rgba(var(--nxn-bg), 1), rgba(var(--nxn-bg), 1));
	border: solid 0.07em rgba(var(--nxn-bg-text), 0.15);
	border-radius: var(--nxn-radius-secondary);
	color: rgba(var(--nxn-bg-text), 1);
	font-weight: 500;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	gap: 1.42em;
	justify-content: space-between;
	align-items: center;
	padding: 0.59em 0.89em;
}

._nxn_code_block ._nxn_code_block__header ._nxn_code_block__header_first {
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 0.59em;
}

._nxn_code_block ._nxn_code_block__header ._nxn_code_block__header_last {
	cursor: pointer;
	padding: 0.37em;
	width: 1.85em;
	height: 1.85em;
	line-height: 1;
	border-radius: var(--nxn-radius-secondary);
	transition: all linear .3s;
}

._nxn_code_block ._nxn_code_block__header ._nxn_code_block__header_last:hover {
	background: linear-gradient(rgba(var(--nxn-bg-text), 0.15), rgba(var(--nxn-bg-text), 0.15)), linear-gradient(rgba(var(--nxn-bg), 1), rgba(var(--nxn-bg), 1));
}

._nxn_copy_value {
	white-space: pre;
	white-space: -moz-pre;
	white-space: -pre;
	white-space: -o-pre;
	word-wrap: normal;
}

._nxn_code_block ._nxn_code_block__main {
	min-height: 7.11em;
	padding: 0.89em 0.89em;
}

._nxn_code_block ._nxn_code_block__main:has(._nxn_container_code) {
	padding: 0;
	padding-top: 0.89em;
}

._nxn_container_code {
	position: relative !important;
	font-size: 1em !important;
	line-height: 2 !important;
	max-height: 35.56em !important;
	font-family: monospace !important;
	font-weight: 500 !important;
	overflow: auto !important;
	background: #1e1e1e !important;
	color: #dcdcdc !important;
	word-break: normal !important;
	white-space: pre !important;
	display: block !important;
	padding: 0.59em 0.89em !important;
	border-radius: var(--nxn-radius-secondary) !important;
	border: solid 0.14em rgba(var(--nxn-bg-text), 0.15) !important;
}

._nxn_container_code._nxn_height_auto {
	max-height: unset !important;
	overflow: hidden !important;
}

._nxn_container_code._nxn_break_word {
	white-space: pre-wrap !important;
	white-space: -moz-pre-wrap !important;
	white-space: -pre-wrap !important;
	white-space: -o-pre-wrap !important;
	word-wrap: break-word !important;
}

._nxn_container_code._nxn_pre {
	white-space: pre !important;
	white-space: -moz-pre !important;
	white-space: -pre !important;
	white-space: -o-pre !important;
	word-wrap: normal !important;
}

._nxn_container_code::-webkit-scrollbar-track {
	background: transparent !important;
}

._nxn_container_code::-webkit-scrollbar-thumb {
	background: rgba(222, 222, 222, 0.5) !important;
	border: solid 0.1em #1e1e1e !important;
}

._nxn_copied ._nxn_icon_copy {
	display: block;
}

._nxn_copied ._nxn_icon_check,
._nxn_copied._nxn_active ._nxn_icon_copy {
	display: none;
}

._nxn_copied._nxn_active ._nxn_icon_check {
	display: block;
	color: var(--nxn-green-text);
}

._nxn_clock_container {
	color: rgba(var(--nxn-bg-text), 1);
	width: 100%;
	height: auto;
	position: relative;
	min-width: 0;
	display: grid;
	grid-template-columns: 22% 16% 22% 16% 22%;
}

._nxn_clock_container .digits {
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
}

._nxn_clock_container .digits .group {
	display: -webkit-flex;
	display: flex;
	gap: 0.30em;
	width: 100%;
}

._nxn_clock_container .digits .group .digit {
	position: relative;
	margin: 0;
	width: 100%;
	aspect-ratio: 1/2;
}

._nxn_clock_container .digits .group .digit span {
	--act: 0;
	--signX: 1;
	--signY: 1;
	position: absolute;
	background-color: rgba(var(--nxn-bg-text), 1);
	transition: all 0.3s cubic-bezier(0.17, 0.67, 0.5, 1.15);
	opacity: calc(0.03 + 0.97 * var(--act));
	-webkit-transform: scale(var(--signX), var(--signY));
	transform: scale(var(--signX), var(--signY));
}

._nxn_clock_container .digits .group .digit span.end {
	-webkit-clip-path: polygon(15% 0%, 7.5% 20%, 25% 100%, 75% 100%, 92.5% 20%, 85% 0%);
	clip-path: polygon(15% 0%, 7.5% 20%, 25% 100%, 75% 100%, 92.5% 20%, 85% 0%);
	width: 100%;
	height: 10%;
}

._nxn_clock_container .digits .group .digit span.end.top {
	top: 0;
}

._nxn_clock_container .digits .group .digit span.end.bottom {
	top: initial;
	bottom: 0;
	--signY: -1;
}

._nxn_clock_container .digits .group .digit span.side {
	-webkit-clip-path: polygon(0% 15%, 20% 7.5%, 100% 22.5%, 100% 85%, 20% 95%, 0% 90%);
	clip-path: polygon(0% 15%, 20% 7.5%, 100% 22.5%, 100% 85%, 20% 95%, 0% 90%);
	height: 50%;
	width: 22%;
}

._nxn_clock_container .digits .group .digit span.side.left {
	top: 0;
	left: 0;
}

._nxn_clock_container .digits .group .digit span.side.left.bottom {
	top: initial;
	bottom: 0;
	--signY: -1;
}

._nxn_clock_container .digits .group .digit span.side.right {
	top: 0;
	left: initial;
	right: 0;
	--signX: -1;
}

._nxn_clock_container .digits .group .digit span.side.right.bottom {
	top: initial;
	--signY: -1;
	bottom: 0;
}

._nxn_clock_container .digits .group .digit span.middle {
	-webkit-clip-path: polygon(22.5% 0%, 6.5% 50%, 22.5% 100%, 77.5% 100%, 93.5% 50%, 77.5% 0%);
	clip-path: polygon(22.5% 0%, 6.5% 50%, 22.5% 100%, 77.5% 100%, 93.5% 50%, 77.5% 0%);
	top: 45%;
	height: 10%;
	width: 100%;
}

._nxn_clock_container .digits .group .digit[data-digit="0"] :not(.middle),
._nxn_clock_container .digits .group .digit[data-digit="1"] .right,
._nxn_clock_container .digits .group .digit[data-digit="2"] :not(.top.left, .bottom.right),
._nxn_clock_container .digits .group .digit[data-digit="3"] :not(.left),
._nxn_clock_container .digits .group .digit[data-digit="4"] :not(.end, .bottom.left),
._nxn_clock_container .digits .group .digit[data-digit="5"] :not(.top.right, .bottom.left),
._nxn_clock_container .digits .group .digit[data-digit="6"] :not(.top.right),
._nxn_clock_container .digits .group .digit[data-digit="7"] .top,
._nxn_clock_container .digits .group .digit[data-digit="7"] .right,
._nxn_clock_container .digits .group .digit[data-digit="8"]>*,
._nxn_clock_container .digits .group .digit[data-digit="9"] :not(.bottom.left) {
	--act: 1;
}

._nxn_clock_container .colon-group {
	height: 100%;
}

._nxn_clock_container .colon-group .colon {
	margin: 0;
	height: 100%;
}

._nxn_clock_container .colon-group .colon span {
	display: -webkit-flex;
	display: flex;
	height: 100%;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
}

._nxn_clock_container .colon-group .colon span::before,
._nxn_clock_container .colon-group .colon span::after {
	content: "";
	display: block;
	width: 20%;
	aspect-ratio: 1/1;
	background-color: rgba(var(--nxn-bg-text), 1);
	border-radius: 100%;
}

.loader {
	height: 0.30em;
	width: 50%;
	background: no-repeat linear-gradient(var(--nxn-blue-text) 0 0),
		no-repeat linear-gradient(var(--nxn-blue-text) 0 0),
		hsl(var(--nxn-blue), 90%);
	background-size: 60% 100%;
	animation: l16 3s infinite;
}

@keyframes l16 {
	0% {
		background-position: -150% 0, -150% 0
	}

	66% {
		background-position: 250% 0, -150% 0
	}

	100% {
		background-position: 250% 0, 250% 0
	}
}

._nxn_container_step {
	min-width: 0;
	display: grid;
	grid-template-columns: 30% 1fr;
	gap: 1em;
}

._nxn_step_form_addrecord {
	grid-template-columns: 100%;
}

._nxn_step_form_addrecord ._nxn_bg_primary {
	background: transparent !important;
}

._nxn_step_form_addrecord ._nxn_content_step ._nxn_step_content,
._nxn_mh_65 {
	border-radius: 0 !important;
	max-height: 65vh !important;
	overflow: auto !important;
}

._nxn_content_form_addrecord {
	padding: 0.89em 0.89em 0.45em 0.89em !important;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	gap: 0.59em;
}

._nxn_content_form_control {
	padding: 1.25em 0.89em 1.5em 0.89em !important;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	gap: 0.59em;
	background: rgba(var(--nxn-bg), 1);
	position: sticky;
	bottom: 0;
	z-index: var(--z-dropdown);
	border-top: solid 0.14em rgba(var(--nxn-bg-text), 0.25);
	border-radius: 0 0 var(--nxn-radius-primary) var(--nxn-radius-primary);
}

._nxn_content_form_control * {
	flex: 1 0 auto;
}

._nxn_control_step {
	position: relative;
	z-index: var(--z-content);
	background: rgba(var(--nxn-bg), 1);
	padding: 3em 2em;
	border-radius: var(--nxn-radius-primary);
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
}

._nxn_control_step::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: var(--nxn-radius-primary);
	background: linear-gradient(rgba(var(--nxn-bg-text), 0.05), rgba(var(--nxn-bg-text), 0.05)), linear-gradient(rgba(var(--nxn-bg), 1), rgba(var(--nxn-bg), 1));
	z-index: calc(var(--z-content) - 1);
}

._nxn_step_item {
	position: relative;
	z-index: var(--z-content);
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 1em;
	cursor: pointer;
}

._nxn_step_item:not(:first-child) ._nxn_step_icon {
	position: relative;
	padding: 3em 0 0 0;
}

._nxn_step_item ._nxn_step_icon ._nxn_step_iconBox {
	position: relative;
	z-index: calc(var(--z-content) + 1);
	aspect-ratio: 1/1;
	padding: 1em;
	color: rgba(var(--nxn-bg-text), 1);
	background: rgba(var(--nxn-bg), 1);
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	border: solid 0.07em rgba(var(--nxn-bg-text), 0.15);
	border-radius: var(--nxn-radius-secondary);
	transition: all linear .2s .1s;
}

._nxn_step_item.is_completed ._nxn_step_icon ._nxn_step_iconBox,
._nxn_step_item.is_active ._nxn_step_icon ._nxn_step_iconBox {
	color: var(--nxn-primary-text);
	border: solid 0.07em var(--nxn-primary-text);
}

._nxn_step_item:not(:first-child) ._nxn_step_icon::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 0.3em;
	height: 100%;
	-webkit-transform: translateY(-50%);
	transform: translateX(-50%);
	background: rgba(var(--nxn-bg-text), 0.15);
	z-index: calc(var(--z-content) - 1);
}

._nxn_step_item:not(:first-child) ._nxn_step_icon::after {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 0.3em;
	height: 0;
	-webkit-transform: translateY(-50%);
	transform: translateX(-50%);
	background: var(--nxn-primary-text);
	z-index: var(--z-content);
	transition: all linear .2s;
}

._nxn_step_item.is_completed:not(:first-child) ._nxn_step_icon::after,
._nxn_step_item.is_active:not(:first-child) ._nxn_step_icon::after {
	height: 100%;
}

._nxn_step_item ._nxn_step_context {
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	gap: 0.15em;
	flex: 1 1 auto;
}

._nxn_step_item:not(:first-child) ._nxn_step_context {
	padding: 3em 0 0 0;
}

._nxn_step_item ._nxn_step_context h3 {
	font-size: 1em;
	transition: all linear .5s;
}

._nxn_step_item.is_completed ._nxn_step_context h3,
._nxn_step_item.is_active ._nxn_step_context h3 {
	color: var(--nxn-primary-text);
}

._nxn_step_item ._nxn_step_context p {
	font-size: 0.9em;
	font-weight: 300;
}

._nxn_wizard {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

._nxn_content_viewport {
	width: 100%;
	height: 100%;
}

._nxn_content_step {
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	gap: 1em;
	transition: transform .45s cubic-bezier(.22, .61, .36, 1);
	will-change: transform;
	width: 100%;
	height: 100%;
}

._nxn_content_step:has(._nxn_modal_container.is_active) {
	transform: none !important;
	will-change: unset !important;
}

._nxn_content_step ._nxn_step_content {
	display: block;
	flex: 0 0 100%;
	height: 100%;
	border-radius: var(--nxn-radius-primary);
	overflow: hidden;
}

.step_image_demo {
	display: block;
	width: 100%;
	height: 620px;
	object-fit: cover;
}


#_nxn_section_system {
	min-width: 0;
	display: grid;
	grid-template-columns: 17% calc(100% - 17% - 2.5em);
	gap: 2.5em;
}

._nxn_screen_mobile #_nxn_section_system,
._nxn_screen_tablet #_nxn_section_system {
	grid-template-columns: 100%;
}

#_nxn_nav_system {
	padding-top: 2.5em;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	gap: 2.5em;
	grid-column: 1/3;
}

._nxn_screen_mobile #_nxn_nav_system,
._nxn_screen_tablet #_nxn_nav_system {
	grid-column: unset;
}

#_nxn_account_system {
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	gap: 0.7em;
	align-items: center;
}

._nxn_account_img {
	background: rgba(var(--nxn-bg), 1);
	width: 3em;
	height: 3em;
	border-radius: 50%;
	overflow: hidden;
	border: solid 0.07em rgba(var(--nxn-bg-text), 0.15);
	transition: all linear .3s;
}

._nxn_account_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
	overflow: hidden;
}

._nxn_account_content {
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	gap: 0.21em;
}

._nxn_account_content h2,
._nxn_account_content p {
	margin-bottom: 0;
	-webkit-text-stroke: 0 currentColor;
}

._nxn_account_content h2 {
	font-size: 1.1em;
}

._nxn_account_content p {
	font-size: 0.9em;
	color: rgba(var(--nxn-bg-text), 0.6);
	font-weight: 500;
}

#_nxn_menu_system {
	width: 100%;
}

#_nxn_section_system:not(:has(._nxn_main_system)) ._nxn_menu_system {
	grid-column: 1/3;
}

._nxn_screen_mobile #_nxn_section_system:not(:has(._nxn_main_system)) #_nxn_menu_system,
._nxn_screen_tablet #_nxn_section_system:not(:has(._nxn_main_system)) #_nxn_menu_system {
	grid-column: unset;
}

._nxn_screen_mobile #_nxn_section_system:has(#_nxn_main_system) #_nxn_menu_system,
._nxn_screen_tablet #_nxn_section_system:has(#_nxn_main_system) #_nxn_menu_system {
	display: none;
}

#_nxn_main_system {
	width: 100%;
}

#_nxn_title_system {
	width: 100%;
	padding-bottom: 0.75em;
	margin-bottom: 0.75em;
	border-bottom: solid 0.07em rgba(var(--nxn-bg-text), 0.15);
}

#_nxn_section_menu_admin {
	position: sticky;
	top: 0;
	z-index: var(--z-sticky);
	-webkit-backdrop-filter: blur(3em);
	backdrop-filter: blur(3em);
	background-color: rgba(var(--nxn-bg), 0.5) !important;
	border-bottom: solid 0.07em rgba(var(--nxn-bg-text), 0.15);
}

._nxn_menu_flex {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	gap: 10em;
}

._nxn_menu_logo {
	flex: 0 0 auto;
	min-width: 0;
}

._nxn_menu_logo a {
	display: inline-block;
	white-space: nowrap;
	color: var(--nxn-bg-text) !important;
	text-decoration: none !important;
	font-weight: 900;
	font-size: 1.5em;
	letter-spacing: 0.05em;
}

._nxn_menu_block {
	flex: 1 1 auto;
	min-width: 0;
}

._nxn_menu_block ._nxn_menu_ul {
	gap: 2.5em !important;
}

._nxn_menu_block ._nxn_menu_ul ul li a {
	padding: 2em 0 !important;
}

#container_nxn_groups:has(._nxn_popup_fixed.is_active ._nxn_menu_block_body_)::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 10000rem;
	background: rgba(var(--nxn-bg-text), 0.15);
	z-index: var(--z-content);
}

#_nxn_section_bottom_admin {
	display: none;
	position: sticky;
	bottom: 0;
	z-index: var(--z-sticky);
	padding: 2em 0;
	-webkit-backdrop-filter: blur(3em);
	backdrop-filter: blur(3em);
	background-color: rgba(var(--nxn-bg), 0.5) !important;
	border-top: solid 0.07em rgba(var(--nxn-bg-text), 0.15);
}

._nxn_screen_mobile #_nxn_section_bottom_admin {
	display: block;
}

._nxn_section {
	position: relative;
	z-index: var(--z-content);
}

._nxn_update_page ._nxn_step_form_addrecord ._nxn_content_step ._nxn_step_content {
	max-height: unset !important;
	overflow: unset !important;
}

._nxn_update_page ._nxn_content_form_addrecord {
	padding: 0.45em 0 !important;
}

._nxn_update_page ._nxn_content_form_control {
	padding: 1.5em 0 !important;
}

._nxn_table_modal {
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	gap: 1em;
	flex-wrap: wrap;
}

._nxn_table_row {
	width: fit-content;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 2em;
	border: solid 0.07em rgba(var(--nxn-bg-text), 0.35);
	padding: 0.45em 0.85em;
	border-radius: var(--nxn-radius-secondary);
}

._nxn_table_row span {
	cursor: pointer;
}

._nxn_remove_items_modal * {
	pointer-events: none;
}

._nxn_dynamic_target {
	display: none;
}

._nxn_dynamic_target:has(*) {
	display: inherit;
	flex-direction: inherit;
	gap: inherit;
}

._body_mh_65 {
	border-radius: 0 !important;
	max-height: 65vh !important;
	overflow-y: auto !important;
	overflow-x: hidden;
	position: relative;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

._body_mh_65 ._nxn_table_filter {
	padding: 0 0 1.19em 0;
}

._body_mh_65 ._nxn_table_pagination {
	padding: 1.19em 0 0 0;
}

._body_mh_65::-webkit-scrollbar {
	display: none !important;
}

._nxn_json_transitions {
	display: flex;
	flex-direction: column;
	gap: 0.75em;
}

._nxn_json_transitions ._nxn_json_item {
	display: flex;
	flex-direction: column;
	gap: 0.75em;
}

._nxn_json_transitions ._nxn_json_item p {
	padding-left: 2em;
}

._nxn_json_transitions ._nxn_json_item p:first-child,
._nxn_json_transitions ._nxn_json_item p:last-child {
	padding-left: 0;
}

._nxn_status_login ._no_login {
	display: flex !important;
}

._nxn_status_login ._has_login {
	display: none !important;
}

._nxn_status_login.is_login ._no_login {
	display: none !important;
}

._nxn_status_login.is_login ._has_login {
	display: flex !important;
}

._nxn_img_qr {
	display: inline-block;
	max-width: 200px;
	position: relative;
	padding: 5px;
	z-index: var(--z-content);
}

._nxn_img_qr ._nxn_qr_deposit {
	width: 100%;
	aspect-ratio: 1/1;
	display: block;
}

._nxn_img_qr::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-color: #1248A6;
	position: absolute;
	top: 0;
	left: 0;
	mix-blend-mode: screen;
	z-index: 2;
	overflow: hidden;
	animation: qrcode 4s ease-in-out infinite;
}

@keyframes qrcode {

	0%,
	100% {
		height: 0;
	}

	50% {
		height: 100%;
	}
}

._nxn_img_qr ._nxn_qr_overlay {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	background-color: #575a5e;
	mix-blend-mode: screen;
	overflow: hidden;
	animation: qroverlay 4s ease-in-out infinite;
}

@keyframes qroverlay {

	0%,
	100% {
		height: 100%;
	}

	50% {
		height: 0;
	}
}

._nxn_img_qr::after {
	content: "";
	position: absolute;
	inset: 10px;
	width: calc(100% - 20px);
	height: 2px;
	background-color: #1248A6;
	filter: drop-shadow(0 0 20px #1248A6) drop-shadow(0 0 60px #1248A6);
	animation: qrline 4s ease-in-out infinite;
}

@keyframes qrline {
	0% {
		top: 15px;
	}

	50% {
		top: calc(100% - 15px);
	}
}

._nxn_deposit_content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 1em;
}

._nxn_deposit_action {
	position: sticky;
	bottom: 0;
	width: 100%;
	padding: 1em 0;
	background: rgba(var(--nxn-bg), 1);
	display: flex;
	flex-direction: row;
	gap: 1em;
}


.hc-luckywheel-container {
	position: relative;
}

.hc-luckywheel-container .img-wheel {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 4;
	opacity: 0;
}

.hc-luckywheel-container.is_running .img-wheel {
	opacity: 1;
}

.hc-luckywheel ul,
.hc-luckywheel li {
	margin: 0;
	padding: 0;
	list-style: none;
	box-sizing: content-box !important;
}

.hc-luckywheel {
	position: relative;
	width: 550px;
	height: 550px;
	border-radius: 50%;
	box-sizing: content-box !important;
}

.hc-luckywheel-container {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: inherit;
	height: inherit;
	border-radius: inherit;
	background-clip: padding-box;
	background-color: #0f18a6;
	-webkit-transition: transform 6s ease;
	transition: transform 6s ease;
}

.hc-luckywheel-container.is_running {
	background-color: transparent;
}

.hc-luckywheel-container canvas {
	width: inherit;
	height: inherit;
	border-radius: 50%;
}

.hc-luckywheel-container.is_running canvas {
	opacity: 0;
}

.hc-luckywheel-container.is_running .hc-luckywheel-list {
	opacity: 0;
}

.hc-luckywheel-item {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	color: #e4370e;
	font-weight: bold;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.6);
}

.hc-luckywheel-item span {
	position: absolute;
	display: block;
	padding-top: 35px;
	width: 100%;
	height: 100%;

	margin: 0 auto;
	text-align: center;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.hc-luckywheel-item span p {
	line-height: 40px;
	font-size: 25px;
	font-weight: bold;
}

.hc-luckywheel-item:nth-child(2n+1) {
	color: #fff;
}

.hc-luckywheel-item:nth-child(2n) {
	color: #0f18a6;
}

/*Change this when change size*/
.hc-luckywheel-item img {
	position: relative;
	top: 20px;
	left: 0px;
	width: 50px;
	height: 50px;
	display: none;
}

/*Change this when change size*/
.hc-luckywheel-btn,
.hc-luckywheel-start {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 5;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	color: #f4e9cc;
	line-height: 80px;
	text-align: center;
	font-size: 20px;
	text-decoration: none;
	outline: none;
	background: transparent;
}

.hc-luckywheel-start * {
	pointer-events: none;
}

.hc-luckywheel-btn img,
.hc-luckywheel-start img {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 100%;
	z-index: 5;
}