@charset "utf-8";

:root {
	--theme-color: #027dff;
	--theme-color-hover: #2055ee;
	--theme-color-tint: #3d9bff;
	--text-primary: #fff;
	--text-secondary: #f5f5f5;
	--text-tertiary: #adadad;
	--text-quaternary: #858585;
	--line-primary: rgb(255 255 255 / 5%);
	--line-secondary: rgb(255 255 255 / 10%);
	--line-tertiary: rgb(255 255 255 / 20%);
	--bg: #1e1e1e;
	--bg-secondary: #23283c
}

@-webkit-keyframes delayedFadeIn {

	0%,
	50% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@-moz-keyframes delayedFadeIn {

	0%,
	50% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes delayedFadeIn {

	0%,
	50% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@-webkit-keyframes slidefade {
	0% {
		-webkit-transform: translate3d(0, 30px, 0);
		transform: translate3d(0, 30px, 0);
		opacity: 0
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

@-moz-keyframes slidefade {
	0% {
		-moz-transform: translate3d(0, 30px, 0);
		transform: translate3d(0, 30px, 0);
		opacity: 0
	}

	100% {
		-moz-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

@keyframes slidefade {
	0% {
		transform: translate3d(0, 30px, 0);
		opacity: 0
	}

	100% {
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

@-webkit-keyframes slideHorizon {
	0% {
		-webkit-transform: scale(0, 1);
		transform: scale(0, 1)
	}

	100% {
		-webkit-transform: scale(1, 1);
		transform: scale(0, 1)
	}
}

@-moz-keyframes slideHorizon {
	0% {
		-moz-transform: scale(0, 1);
		transform: scale(0, 1)
	}

	100% {
		-moz-transform: scale(1, 1);
		transform: scale(0, 1)
	}
}

@keyframes slideHorizon {
	0% {
		-ms-transform: scale(0, 1);
		transform: scale(0, 1)
	}

	100% {
		-ms-transform: scale(0, 1);
		transform: scale(1, 1)
	}
}

::-webkit-scrollbar-thumb {
	background-color: var(--white-translucent-30)
}

::-webkit-scrollbar-thumb:hover {
	background-color: var(--white-translucent-50)
}

::-webkit-scrollbar-thumb:active {
	background-color: var(--theme-color)
}

.origin {

	overflow: hidden;
	background: linear-gradient(to bottom, #000000 0%, #121745 100%);
}

.filter {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #e1b8b8;
	animation: colorChange 30s ease-in-out infinite;
	animation-fill-mode: both;
	mix-blend-mode: overlay;
}

.theater {
	position: fixed;
	height: 100%;
	min-height: 600px;
	width: 100%;
	top: 0;
	left: 0;
	-webkit-filter: contrast(115%);
	filter: contrast(115%)
}

.theater .universe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-transform: rotateX(180deg) rotateY(180deg);
	-moz-transform: rotateX(180deg) rotateY(180deg);
	-o-transform: rotateX(180deg) rotateY(180deg);
	-ms-transform: rotateX(180deg) rotateY(180deg);
	transform: rotateX(180deg) rotateY(180deg)
}

.theater .scene {
	position: absolute;
	height: 300px;
	width: 1600px;
	left: 50%;
	bottom: 0;
	margin-left: -800px
}

@-webkit-keyframes theaterCurtainOpening {
	0% {
		scale: 1;
		opacity: 0
	}

	10% {
		opacity: 1
	}

	100% {
		scale: 20;
		opacity: 1
	}
}

@-moz-keyframes theaterCurtainOpening {
	0% {
		scale: 1;
		opacity: 0
	}

	10% {
		opacity: 1
	}

	100% {
		scale: 20;
		opacity: 1
	}
}

@keyframes theaterCurtainOpening {
	0% {
		scale: 1;
		opacity: 0
	}

	10% {
		opacity: 1
	}

	100% {
		scale: 20;
		opacity: 1
	}
}

@-webkit-keyframes theaterCurtainClosing {

	0%,
	60% {
		scale: 20;
		opacity: 1
	}

	100% {
		scale: 20;
		opacity: 0
	}
}

@-moz-keyframes theaterCurtainClosing {

	0%,
	60% {
		scale: 20;
		opacity: 1
	}

	100% {
		scale: 20;
		opacity: 0
	}
}

@keyframes theaterCurtainClosing {

	0%,
	60% {
		scale: 20;
		opacity: 1
	}

	100% {
		scale: 20;
		opacity: 0
	}
}

.theater_curtain {
	display: none
}

.theater_curtain.opening,
.theater_curtain.closing {
	z-index: 999;
	display: flex;
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	justify-content: center;
	align-items: center
}

.theater_curtain_cover {
	position: absolute;
	font-size: 20vmin;
	height: 1em;
	width: 1em;
	border-radius: 50%;
	background-color: var(--theme-color);
	opacity: 0
}

.theater_curtain.opening .theater_curtain_cover {
	-webkit-animation: theaterCurtainOpening 500ms linear forwards;
	-moz-animation: theaterCurtainOpening 500ms linear forwards;
	-o-animation: theaterCurtainOpening 500ms linear forwards;
	animation: theaterCurtainOpening 500ms linear forwards
}

.theater_curtain.closing .theater_curtain_cover {
	-webkit-animation: theaterCurtainClosing 1s linear forwards;
	-moz-animation: theaterCurtainClosing 1s linear forwards;
	-o-animation: theaterCurtainClosing 1s linear forwards;
	animation: theaterCurtainClosing 1s linear forwards
}

.nav>.container {
	-webkit-animation: delayedFadeIn 750ms;
	-moz-animation: delayedFadeIn 750ms;
	-o-animation: delayedFadeIn 750ms;
	animation: delayedFadeIn 750ms
}

.nav_unit:active {
	background-color: var(--white-translucent-10)
}

@media(hover:hover) {
	.nav_unit:hover {
		background-color: var(--white-translucent-10)
	}
}

.nav_unit_widget {
	z-index: 998
}

.widget_icon>i {
	position: absolute;
	height: 6px;
	width: 6px;
	top: 0;
	bottom: 0;
	left: 0;
	right: auto;
	margin: auto;
	border-radius: 4px;
	background: var(--text-secondary);
	-webkit-transform: translateY(6px);
	-moz-transform: translateY(6px);
	-o-transform: translateY(6px);
	-ms-transform: translateY(6px);
	transform: translateY(6px);
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	-o-transition: all 300ms;
	transition: all 300ms
}

.widget_icon .left {
	width: 100%;
	-webkit-transform: translateY(-6px);
	-moz-transform: translateY(-6px);
	-o-transform: translateY(-6px);
	-ms-transform: translateY(-6px);
	transform: translateY(-6px)
}

.widget_icon .center {
	width: 8px
}

.widget_icon .right {
	width: 10px;
	left: auto;
	right: 0
}

.nav_unit_widget:active .widget_icon>i {
	background-color: var(--theme-color)
}

@media(hover:hover) {
	.nav_unit_widget:hover .widget_icon>i {
		background-color: var(--theme-color)
	}
}

@media(hover:hover) and (min-width:768px) {
	.nav_unit_widget:hover .widget_icon .left {
		width: 10px;
		background-color: var(--theme-color-tint)
	}

	.nav_unit_widget:hover .widget_icon .center {
		width: 10px;
		background-color: var(--theme-color)
	}

	.nav_unit_widget:hover .widget_icon .right {
		height: 20px;
		width: 10px;
		background-color: var(--theme-color-hover);
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-ms-transform: none;
		transform: none
	}

	.nav_unit_widget.active:hover>.widget_icon i {
		background-color: var(--theme-color) !important
	}

	.nav_unit_widget.active:hover>p {
		-webkit-transform: translateY(40px);
		-moz-transform: translateY(40px);
		-o-transform: translateY(40px);
		-ms-transform: translateY(40px);
		transform: translateY(40px);
		opacity: 0
	}
}

@media screen and (min-width:768px) {
	.nav_menu .nav_unit:nth-child(n+4) {
		display: none
	}

	.nav_unit_widget:active .widget_icon .left {
		width: 10px;
		background-color: var(--theme-color-tint)
	}

	.nav_unit_widget:active .widget_icon .center {
		width: 10px;
		background-color: var(--theme-color)
	}

	.nav_unit_widget:active .widget_icon .right {
		height: 20px;
		width: 10px;
		background-color: var(--theme-color-hover);
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-ms-transform: none;
		transform: none
	}

	.nav_unit_widget.active {
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto !important
	}

	.nav_unit_widget.active .widget_icon i {
		height: 4px !important;
		background-color: var(--text-secondary) !important
	}

	.nav_unit_widget.active:active>.widget_icon i {
		background-color: var(--theme-color) !important
	}

	.nav_unit_widget.active .left {
		width: 100% !important;
		-webkit-transform: rotate(-45deg) !important;
		-moz-transform: rotate(-45deg) !important;
		-o-transform: rotate(-45deg) !important;
		-ms-transform: rotate(-45deg) !important;
		transform: rotate(-45deg) !important
	}

	.nav_unit_widget.active .center {
		width: 0 !important
	}

	.nav_unit_widget.active .right {
		width: 100% !important;
		-webkit-transform: rotate(45deg) !important;
		-moz-transform: rotate(45deg) !important;
		-o-transform: rotate(45deg) !important;
		-ms-transform: rotate(45deg) !important;
		transform: rotate(45deg) !important
	}
}

@media screen and (max-width:767px) {
	.nav_menu>.container {
		background: var(--bg-secondary)
	}

	.nav_unit_widget {
		order: -1;
		border-top: none !important;
		border-bottom: 1px solid var(--line-secondary)
	}
}

.main {
	display: grid;
	position: relative;
	height: 100%;
	padding: 100px 50px 50px;
	text-align: center;
	align-items: center;
	justify-content: center;
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 300ms, visibility 300ms;
	-moz-transition: opacity 300ms, visibility 300ms;
	-o-transition: opacity 300ms, visibility 300ms;
	transition: opacity 300ms, visibility 300ms
}

.inner .main {
	opacity: 0;
	visibility: hidden;
	pointer-events: none
}

.main .entry {
	-webkit-transform: translateY(-12vh);
	-moz-transform: translateY(-12vh);
	-o-transform: translateY(-12vh);
	-ms-transform: translateY(-12vh);
	transform: translateY(-12vh)
}

.main .title {
	position: relative;
	line-height: 50px;
	color: var(--white-translucent-80)
}

.title_greets {
	font-size: 16px;
	letter-spacing: .5px;
	white-space: nowrap;
	-webkit-animation: slidefade 1500ms cubic-bezier(.215, .61, .355, 1) 300ms;
	-moz-animation: slidefade 1500ms cubic-bezier(.215, .61, .355, 1) 300ms;
	-o-animation: slidefade 1500ms cubic-bezier(.215, .61, .355, 1) 300ms;
	animation: slidefade 1500ms cubic-bezier(.215, .61, .355, 1) 300ms
}

.title_greets span {
	display: inline-block;
	position: relative;
	font-size: 11px !important;
	font-weight: 600;
	top: -2px;
	margin: 0;
	margin-left: 10px;
	padding: 2px 8px;
	border-radius: 4px;
	line-height: 16px;
	text-align: center;
	background-color: var(--theme-color);
	color: var(--text-primary)
}

.title_thanks {
	font-size: 32px;
	font-weight: 700;
	letter-spacing: 3px;
	white-space: nowrap;
	-webkit-mask: linear-gradient(#1e1e1e 30%, var(--black-translucent-70) 70%);
	-webkit-animation: slidefade 2000ms cubic-bezier(.215, .61, .355, 1) 800ms;
	-moz-animation: slidefade 2000ms cubic-bezier(.215, .61, .355, 1) 800ms;
	-o-animation: slidefade 2000ms cubic-bezier(.215, .61, .355, 1) 800ms;
	animation: slidefade 2000ms cubic-bezier(.215, .61, .355, 1) 800ms
}

.title_horizon {
	position: relative;
	height: 2px;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 35px
}

.title_horizon .line {
	position: absolute;
	height: 100%;
	width: 100%;
	bottom: 0;
	left: 0;
	background: linear-gradient(243deg, var(--transparent) 0, var(--white-translucent-50) 50%, var(--transparent) 100%);
	-webkit-animation: slideHorizon 500ms ease 1500ms;
	-moz-animation: slideHorizon 500ms ease 1500ms;
	-o-animation: slideHorizon 500ms ease 1500ms;
	animation: slideHorizon 500ms ease 1500ms
}

.blog_btn {
	position: relative;
	-webkit-animation: delayedFadeIn 2000ms ease 1000ms;
	-moz-animation: delayedFadeIn 2000ms ease 1000ms;
	-o-animation: delayedFadeIn 2000ms ease 1000ms;
	animation: delayedFadeIn 2000ms ease 1000ms
}

.title_greets,
.title_thanks,
.title_horizon .line,
.blog_btn {
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both
}

.blog_btn a {
	display: inline-block;
	font-size: 12px;
	padding: 12px 18px;
	border-radius: 8px;
	letter-spacing: .5px;
	text-align: center;
	white-space: nowrap;
	background-color: var(--theme-color);
	color: #fff;
	outline-offset: 5px;
	-webkit-transition: background-color 400ms;
	-moz-transition: background-color 400ms;
	-o-transition: background-color 400ms;
	transition: background-color 400ms
}

.blog_btn a:hover {
	background-color: var(--theme-color-hover)
}

@media screen and (max-width:767px) {
	.main {
		padding: 80px 30px 50px
	}

	.main .entry {
		-webkit-transform: translateY(-10vh);
		-moz-transform: translateY(-10vh);
		-o-transform: translateY(-10vh);
		-ms-transform: translateY(-10vh);
		transform: translateY(-10vh)
	}

	.main .title {
		line-height: 40px
	}

	.title_greets {
		font-size: 14px
	}

	.title_greets span {
		top: -1px
	}

	.title_thanks {
		font-size: 28px;
		letter-spacing: 2px
	}
}

@media screen and (max-width:539px) {
	.main .title {
		line-height: 36px
	}

	.title_greets {
		font-size: 13px;
		letter-spacing: .5px
	}

	.title_greets span {
		font-size: 10px !important;
		padding: 1px 6px
	}

	.title_thanks {
		font-size: 24px;
		letter-spacing: 1px
	}

	.title_horizon {
		margin-top: 15px;
		margin-bottom: 25px
	}

	.blog_btn a {
		font-size: 11px
	}
}

.footer {
	z-index: 10;
	position: fixed;
	font-size: 12px;
	left: 50%;
	bottom: 0;
	margin: 0 0 15px;
	line-height: 18px;
	text-align: center;
	white-space: nowrap;
	color: var(--text-quaternary);
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-animation: delayedFadeIn 750ms;
	-moz-animation: delayedFadeIn 750ms;
	-o-animation: delayedFadeIn 750ms;
	animation: delayedFadeIn 750ms;
	-webkit-transition: opacity 300ms, visibility 300ms;
	-moz-transition: opacity 300ms, visibility 300ms;
	-o-transition: opacity 300ms, visibility 300ms;
	transition: opacity 300ms, visibility 300ms
}

.inner .footer {
	opacity: 0;
	visibility: hidden;
	pointer-events: none
}

.footer li {
	display: inline-block;
	margin-right: 10px
}

.footer li:last-child {
	margin-right: 0
}

.footer li:nth-child(n+2)::before {
	content: "|";
	margin-right: 10px
}

.footer a {
	border-bottom: 1px solid transparent;
	color: var(--text-quaternary);
	-webkit-transition: color 100ms linear, border-color 100ms linear;
	-moz-transition: color 100ms linear, border-color 100ms linear;
	-o-transition: color 100ms linear, border-color 100ms linear;
	transition: color 100ms linear, border-color 100ms linear
}

@media(hover:hover) {
	.footer a:hover {
		border-color: var(--text-primary);
		color: var(--text-primary)
	}
}

.footer br {
	display: none
}

@media screen and (max-width:767px) {
	.footer li:nth-child(2) {
		margin-right: 0
	}

	.footer li:nth-child(n+3) {
		display: none
	}
}

.popup.classic>.container {
	background: var(--black-translucent-20)
}

.popup_widget {
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-o-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%)
}

.popup_widget>.container {
	height: 100%;
	width: 100%;
	min-height: 600px;
	min-width: 320px;
	padding: 0;
	border-radius: 0;
	box-shadow: none;
	background-color: transparent;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.popup_widget.show>.container {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%)
}

.popup_widget .popup_close {
	display: none;
	top: 14px;
	right: 20px
}

.popup_widget_overlay {
	z-index: 990;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	background-color: var(--black-translucent-70);
	-webkit-transition: opacity 300ms, visibility 300ms;
	-moz-transition: opacity 300ms, visibility 300ms;
	-o-transition: opacity 300ms, visibility 300ms;
	transition: opacity 300ms, visibility 300ms
}

.classic .popup_widget_overlay {
	background-color: var(--black-translucent-50)
}

.popup.show~.popup_widget_overlay {
	opacity: 1;
	visibility: visible
}

@media screen and (max-width:767px) {
	.popup_widget .popup_close {
		display: block
	}
}

.popup_feedback:not(.classic) {
	width: 100%;
	top: unset;
	left: 0;
	bottom: 0;
	color: var(--text-secondary);
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-o-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%)
}

.popup_feedback:not(.classic)>.container {
	width: 100%;
	padding: 40px 20px;
	border-radius: 0;
	box-shadow: none;
	background-color: transparent;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px)
}

.popup_feedback:not(.classic)>.container::before {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	border-radius: 50% 50% 0 0;
	box-shadow: 0 -30px 50px 0 rgb(0 0 0 / 10%);
	background: radial-gradient(at 50% 0, rgb(255 255 255 / 5%), rgb(120 120 120 / 5%) 50%, rgb(30 30 30 / 5%) 60%) no-repeat
}

.popup_feedback:not(.classic).show>.container {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%)
}

.popup_feedback:not(.classic) .popup_box {
	max-width: 1000px
}

.popup_feedback:not(.classic) .popup_close {
	top: 30px;
	right: 50px;
	border-radius: 50%;
	background-color: var(--white-translucent-5)
}

@media(hover:hover) {
	.popup_feedback:not(.classic) .popup_close:hover {
		background-color: var(--white-translucent-10)
	}

	.popup_feedback:not(.classic) .popup_close:hover>.popup_close_icon::after {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}

	.popup_feedback:not(.classic) .popup_close:hover>.popup_close_icon::before {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg)
	}

	.popup_feedback:not(.classic) .popup_close:hover>.popup_close_icon::before,
	.popup_feedback:not(.classic) .popup_close:hover>.popup_close_icon::after {
		-webkit-transition: transform 400ms;
		-moz-transition: transform 400ms;
		-o-transition: transform 400ms;
		transition: transform 400ms
	}
}

.popup_feedback:not(.classic) .popup_title {
	text-align: center
}

.popup_feedback:not(.classic) .feedback_filter_down {
	background-color: var(--bg-secondary)
}

.popup_feedback:not(.classic) .feedback_filter_reveal,
.popup_feedback:not(.classic) .feedback_textbox textarea,
.popup_feedback:not(.classic) .feedback_submit_checkbox {
	background-color: var(--white-translucent-5)
}

.popup_feedback:not(.classic) .feedback_filter_reveal:hover,
.popup_feedback:not(.classic) .feedback_filter_option:hover,
.popup_feedback:not(.classic) .feedback_textbox.active textarea {
	background: var(--white-translucent-10)
}

.feedback_filter_reveal::after {
	border-top-color: var(--white-translucent-30)
}

.popup_feedback:not(.classic) .feedback_filter_selector.inactive .feedback_filter_reveal,
.popup_feedback:not(.classic) .feedback_filter_selector.inactive .feedback_filter_reveal:hover,
.popup_feedback:not(.classic) .feedback_textbox.inactive textarea,
.popup_feedback:not(.classic) .feedback_submit_policy.inactive .feedback_submit_checkbox {
	background-color: var(--black-translucent-15) !important
}

.popup_feedback:not(.classic).show~.popup_overlay {
	opacity: .25
}

@media screen and (min-width:768px) {
	.popup_feedback:not(.classic) .popup_close {
		height: 40px;
		width: 40px
	}

	.popup_feedback:not(.classic) .popup_close_icon {
		height: 20px;
		width: 20px;
		top: 10px;
		left: 10px
	}
}

@media screen and (max-width:1679px) {
	.popup_feedback:not(.classic)>.container::before {
		width: 120%;
		left: -10%
	}
}

@media screen and (max-width:1279px) {
	.popup_feedback:not(.classic)>.container::before {
		width: 140%;
		left: -20%
	}

	.popup_feedback:not(.classic) .popup_box {
		max-width: 850px
	}

	.popup_feedback:not(.classic) .popup_close {
		top: 0
	}
}

@media screen and (max-width:959px) {
	.popup_feedback:not(.classic)>.container::before {
		width: 200%;
		left: -50%
	}

	.popup_feedback:not(.classic) .popup_box {
		max-width: 700px
	}

	.popup_feedback:not(.classic) .popup_close {
		top: -15px
	}
}

@media screen and (max-width:767px) {
	.popup_feedback:not(.classic) {
		height: 100%;
		top: 0;
		bottom: unset
	}

	.popup_feedback:not(.classic)>.container {
		height: 100%;
		padding: 25px 20px;
		padding-right: 10px
	}

	.popup_feedback:not(.classic)>.container::before {
		border-radius: 0;
		box-shadow: unset;
		background: var(--white-translucent-5)
	}

	.popup_feedback:not(.classic) .popup_title {
		font-size: 22px;
		margin-bottom: 20px;
		letter-spacing: 1px;
		text-align: left
	}

	.popup_feedback:not(.classic) .popup_close {
		top: 14px;
		right: 20px;
		border-radius: 8px;
		background: transparent
	}
}