@charset "UTF-8";

*,
:after,
:before {
	box-sizing: border-box
}

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

main {
	display: block
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

pre {
	font-family: monospace;
	font-size: 1em
}

a {
	background-color: transparent
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted
}

b,
strong {
	font-weight: bolder
}

code,
kbd,
samp {
	font-family: monospace;
	font-size: 1em
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

img {
	border-style: none
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
	-webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
	border-style: none;
	padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	padding: .35em .75em .625em
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}

progress {
	vertical-align: baseline
}

textarea {
	overflow: auto
}

[type=checkbox],
[type=radio] {
	box-sizing: border-box;
	padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto
}

[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

details {
	display: block
}

summary {
	display: list-item
}

[hidden],
template {
	display: none
}

body {
	--base-font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", arial, "Noto Sans", sans-serif;
	--headings-font-family: var(--base-font-family);
	--headings-font-weight: 700;
	--base-font-size: 16px;
	--base-line-height: 1.5;
	--subhead-font-size: 15px;
	--caption-1-font-size: 14px;
	--caption-2-font-size: 13px;
	--caption-3-font-size: 12px;
	--h1-font-size-md: 56px;
	--h1-font-size-sm: 36px;
	--h2-font-size-md: 48px;
	--h2-font-size-sm: 32px;
	--h3-font-size-md: 40px;
	--h3-font-size-sm: 32px;
	--h4-font-size-md: 32px;
	--h4-font-size-sm: 32px;
	--h5-font-size-md: 24px;
	--h5-font-size-sm: 24px;
	--h6-font-size-md: 20px;
	--h6-font-size-sm: 20px;
	--color-white: #fff;
	--shade-50: #f9fafb;
	--shade-100: #f3f4f6;
	--shade-200: #e5e7eb;
	--shade-300: #d1d5db;
	--shade-400: #9ca3af;
	--shade-500: #6b7280;
	--shade-600: #4b5563;
	--shade-700: #374151;
	--shade-800: #1f2937;
	--shade-900: #111827;
	--color-black: #000;
	--color-info-50: #f5f9ff;
	--color-info-100: #eaf3ff;
	--color-info-150: #daeaff;
	--color-info-200: #cbe1ff;
	--color-info-250: #bbd7ff;
	--color-info-300: #abceff;
	--color-info-350: #8cbcff;
	--color-info-400: #6caaff;
	--color-info-450: #4d97ff;
	--color-info-500: #2d85ff;
	--color-info-550: #2b7ef2;
	--color-info-600: #2978e6;
	--color-info-650: #2264bf;
	--color-info-700: #1b5099;
	--color-info-750: #184686;
	--color-info-800: #143c73;
	--color-info-850: #113260;
	--color-info-900: #0e284d;
	--color-danger-50: #fff5f5;
	--color-danger-100: #ffebeb;
	--color-danger-150: #ffdbdb;
	--color-danger-200: #fcc;
	--color-danger-250: #ffbdbd;
	--color-danger-300: #ffadad;
	--color-danger-350: #ff8f8f;
	--color-danger-400: #ff7070;
	--color-danger-450: #ff5252;
	--color-danger-500: #f33;
	--color-danger-550: #f23030;
	--color-danger-600: #e62e2e;
	--color-danger-650: #bf2626;
	--color-danger-700: #991f1f;
	--color-danger-750: #861b1b;
	--color-danger-800: #731717;
	--color-danger-850: #601313;
	--color-danger-900: #4d0f0f;
	--color-warning-50: #fffbf5;
	--color-warning-100: #fff7ec;
	--color-warning-150: #fff1de;
	--color-warning-200: #ffebcf;
	--color-warning-250: #ffe5c1;
	--color-warning-300: #ffdfb3;
	--color-warning-350: #fed496;
	--color-warning-400: #fec879;
	--color-warning-450: #febc5d;
	--color-warning-500: #feb040;
	--color-warning-550: #f1a73d;
	--color-warning-600: #e59e3a;
	--color-warning-650: #bf8430;
	--color-warning-700: #986a26;
	--color-warning-750: #855c22;
	--color-warning-800: #724f1d;
	--color-warning-850: #5f4218;
	--color-warning-900: #4c3513;
	--color-gray-50: #f4f4f6;
	--color-gray-100: #e9e9ec;
	--color-gray-150: #d9d8dd;
	--color-gray-200: #c8c8cf;
	--color-gray-250: #b8b7c0;
	--color-gray-300: #a7a7b2;
	--color-gray-350: #878596;
	--color-gray-400: #666478;
	--color-gray-450: #45435c;
	--color-gray-500: #24223f;
	--color-gray-550: #22203c;
	--color-gray-600: #201f39;
	--color-gray-650: #1b1a2f;
	--color-gray-700: #161426;
	--color-gray-750: #131221;
	--color-gray-800: #100f1c;
	--color-gray-850: #0e0d17;
	--color-gray-900: #0b0a13;
	--color-error-message: var(--color-danger-500);
	--color-link: var(--color-accent-500);
	--color-link: var(--color-accent-500);
	--color-blue-message: #2d85ff
}

.light-theme {
	--color-text: #0a0a0d;
	--color-text-secondary: #444458;
	--color-bg: #fff;
	--color-bg-secondary: #f7f7f9;
	--color-bg-inverse: #0a0a0d;
	--color-border: rgba(0, 0, 0, .05)
}

.dark-theme {
	--color-text: #fafafa;
	--color-text-secondary: #c7c7d4;
	--color-bg: #0a0a0d;
	--color-bg-secondary: #444458;
	--color-bg-inverse: #f7f7f9;
	--color-border: hsla(0, 0%, 100%, .2);
	--color-danger-500: #ff6565
}

:root {
	--safe-area-inset-top: 0;
	--safe-area-inset-right: 0;
	--safe-area-inset-bottom: 0;
	--safe-area-inset-left: 0;
	--container-padding-left: max(var(--safe-area-inset-left), 16px);
	--container-padding-right: max(var(--safe-area-inset-right), 16px)
}

@supports (top:constant(safe-area-inset-top)) {
	:root {
		--safe-area-inset-top: constant(safe-area-inset-top);
		--safe-area-inset-right: constant(safe-area-inset-right);
		--safe-area-inset-bottom: constant(safe-area-inset-bottom);
		--safe-area-inset-left: constant(safe-area-inset-left)
	}
}

@supports (top:env(safe-area-inset-top)) {
	:root {
		--safe-area-inset-top: env(safe-area-inset-top);
		--safe-area-inset-right: env(safe-area-inset-right);
		--safe-area-inset-bottom: env(safe-area-inset-bottom);
		--safe-area-inset-left: env(safe-area-inset-left)
	}
}

@media screen and (min-width:992px) {
	:root {
		--container-padding-left: max(var(--safe-area-inset-left), 24px);
		--container-padding-right: max(var(--safe-area-inset-right), 24px)
	}
}

body,
html {
	background: var(--color-bg);
	color: var(--color-text);
	font-family: var(--base-font-family);
	font-size: var(--base-font-size);
	line-height: var(--base-line-height);
	-webkit-font-smoothing: antialiased;
	font-feature-settings: "salt" on
}

.h1,
h1 {
	line-height: 1.28
}

.h2,
h2 {
	line-height: 1.33
}

.h3,
h3 {
	line-height: 1.3
}

.h4,
h4 {
	line-height: 1.125
}

.h5,
h5 {
	line-height: 1.33
}

.h5,
.h6,
h5,
h6 {
	font-weight: 600
}

.h6,
h6 {
	line-height: 1.2
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--headings-font-family);
	font-weight: var(--headings-font-weight)
}

.h1:first-child,
.h2:first-child,
.h3:first-child,
.h4:first-child,
.h5:first-child,
.h6:first-child,
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
	margin-top: 0
}

a {
	color: var(--color-link);
	text-decoration: none
}

@media ((hover:hover) and (pointer:fine)) {
	a:hover {
		color: var(--color-link-hover)
	}
}

p {
	margin: 0 0 16px
}

@media screen and (max-width:575px) {

	.h1,
	h1 {
		font-size: var(--h1-font-size-sm);
		margin: 24px 0
	}

	.h2,
	h2 {
		font-size: var(--h2-font-size-sm);
		margin: 16px 0
	}

	.h3,
	h3 {
		font-size: var(--h3-font-size-sm);
		margin: 16px 0
	}

	.h4,
	h4 {
		font-size: var(--h4-font-size-sm);
		margin: 16px 0
	}

	.h5,
	h5 {
		font-size: var(--h5-font-size-sm);
		margin: 12px 0
	}

	.h6,
	h6 {
		font-size: var(--h6-font-size-sm);
		margin: 12px 0
	}
}

@media screen and (min-width:576px) {

	.h1,
	h1 {
		font-size: var(--h1-font-size-md);
		margin: 24px 0
	}

	.h2,
	h2 {
		font-size: var(--h2-font-size-md);
		margin: 24px 0
	}

	.h3,
	h3 {
		font-size: var(--h3-font-size-md);
		margin: 24px 0
	}

	.h4,
	h4 {
		font-size: var(--h4-font-size-md);
		margin: 24px 0
	}

	.h5,
	h5 {
		font-size: var(--h5-font-size-md);
		margin: 16px 0
	}

	.h6,
	h6 {
		font-size: var(--h6-font-size-md);
		margin: 16px 0
	}
}

@media screen and (min-width:992px) {

	.h1,
	h1 {
		margin: 32px 0
	}

	.h2,
	.h3,
	.h4,
	h2,
	h3,
	h4 {
		margin: 24px 0
	}

	.h5,
	.h6,
	h5,
	h6 {
		margin: 16px 0
	}
}

.text-base {
	font-size: var(--base-font-size)
}

.text-bold {
	font-weight: 600
}

.text-subhead {
	font-size: var(--subhead-font-size)
}

.caption-1 {
	font-size: var(--caption-1-font-size)
}

.caption-2 {
	font-size: var(--caption-2-font-size)
}

.caption-3 {
	font-size: var(--caption-3-font-size)
}

.text-truncate {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.text-accent {
	color: var(--color-accent-500)
}

.text-blue,
a.text-blue {
	color: var(--color-blue-message)
}

.text-muted {
	color: #9596a5 !important
}

.text-center {
	text-align: center
}

.text-left {
	text-align: left
}

.text-right {
	text-align: right
}

.comma-splitted-list {
	list-style: none;
	margin: 0;
	padding: 0
}

.comma-splitted-list li {
	display: inline
}

.comma-splitted-list li:after {
	content: ", "
}

.comma-splitted-list li:last-child:after {
	content: ""
}

@keyframes fade {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes shakeX {

	0%,
	to {
		transform: translateZ(0)
	}

	20%,
	60% {
		transform: translate3d(-6px, 0, 0)
	}

	40%,
	80% {
		transform: translate3d(6px, 0, 0)
	}
}

@keyframes slideY {
	0% {
		opacity: 0;
		transform: translateY(10px)
	}

	to {
		opacity: 1;
		transform: translate(0)
	}
}

@keyframes bounce {

	0%,
	to {
		transform: translateY(0)
	}

	50% {
		transform: translateY(-4px)
	}
}

@keyframes rotating {
	0% {
		transform: rotate(0)
	}

	to {
		transform: rotate(1turn)
	}
}

@keyframes SkeletonAnimation {
	0% {
		left: -50%;
		opacity: 0
	}

	to {
		left: 100%;
		opacity: 1
	}
}

@keyframes scaleIn {

	0%,
	25% {
		opacity: 0;
		transform: scale(.75)
	}

	to {
		opacity: 1;
		transform: scale(1)
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@keyframes fadeInZoom {
	0% {
		opacity: 0;
		transform: scale(.95)
	}

	to {
		opacity: 1;
		transform: scale(1)
	}
}

@keyframes fadeOutZoom {
	0% {
		opacity: 1;
		transform: scale(1)
	}

	to {
		opacity: 0;
		transform: scale(.95)
	}
}

@keyframes fadeInZoomSlideFromTop {
	0% {
		opacity: 0;
		transform: scale(.95) translateY(-8px)
	}

	to {
		opacity: 1;
		transform: scale(1) translateY(0)
	}
}

@keyframes fadeInZoomSlideFromRight {
	0% {
		opacity: 0;
		transform: scale(.95) translate(8px)
	}

	to {
		opacity: 1;
		transform: scale(1) translate(0)
	}
}

@keyframes fadeInZoomSlideFromBottom {
	0% {
		opacity: 0;
		transform: scale(.95) translateY(8px)
	}

	to {
		opacity: 1;
		transform: scale(1) translateY(0)
	}
}

@keyframes fadeInZoomSlideFromLeft {
	0% {
		opacity: 0;
		transform: scale(.95) translate(-8px)
	}

	to {
		opacity: 1;
		transform: scale(1) translate(0)
	}
}
.as-mt{
	margin-bottom: 1rem !important;
}
.as-input-label{
	margin-bottom: 0.25rem;
	width: 100%;
}
.slide-y-up-enter-active,
.slide-y-up-leave-active {
	transition: all .2s
}

.slide-y-up-enter-from,
.slide-y-up-leave-to {
	opacity: 0;
	transform: translateY(-20px)
}

.slide-y-down-enter-active,
.slide-y-down-leave-active {
	transition: all .2s
}

.slide-y-down-enter-from,
.slide-y-down-leave-to {
	opacity: 0;
	transform: translateY(10px)
}

.slide-x-left-enter-active,
.slide-x-left-leave-active {
	transition: all .2s
}

.slide-x-left-enter-from,
.slide-x-left-leave-to {
	opacity: 0;
	transform: translate(100%)
}

.slide-x-right-enter-active,
.slide-x-right-leave-active {
	transition: all .2s
}

.slide-x-right-enter-from,
.slide-x-right-leave-to {
	opacity: 0;
	transform: translate(-100%)
}

.fade-enter-active,
.fade-leave-active {
	transition: opacity .2s
}

.fade-enter-from,
.fade-leave-to {
	opacity: 0
}

.dropdown-fade-enter-active,
.dropdown-fade-leave-active {
	transition: opacity .15s, margin-top .2s
}

.dropdown-fade-enter-from,
.dropdown-fade-leave-to {
	margin-top: -6px;
	opacity: 0
}

.as-modal-dialog-transition-enter-active,
.as-modal-dialog-transition-leave-active {
	transition-duration: .4s
}

@media screen and (min-width:576px) {

	.as-modal-dialog-transition-enter-active,
	.as-modal-dialog-transition-leave-active {
		transition-duration: .2s
	}
}

.as-modal-dialog-transition-enter-from,
.as-modal-dialog-transition-leave-to {
	transform: translateY(100%) !important
}

@media screen and (min-width:576px) {

	.as-modal-dialog-transition-enter-from,
	.as-modal-dialog-transition-leave-to {
		transform: translateY(-20px) !important
	}
}

.loader-transition-enter-active,
.loader-transition-leave-active {
	transition-delay: .3s;
	transition: opacity .2s, transform .2s;
	transition-timing-function: cubic-bezier(.68, 0, .45, 1)
}

.loader-transition-enter-from {
	transition-delay: .3s
}

.loader-transition-enter-from,
.loader-transition-leave-to {
	opacity: 0;
	transform: scale(.8)
}

.soft-fade-enter-active,
.soft-fade-leave-active {
	transition: opacity .2s, transform .2s;
	transition-timing-function: cubic-bezier(.68, 0, .45, 1)
}

.soft-fade-enter-from,
.soft-fade-leave-to {
	opacity: 0;
	transform: scale(.97)
}

.unstyled-button {
	background-color: transparent;
	border: 0;
	color: var(--color-link);
	cursor: pointer;
	display: inline;
	font-family: var(--base-font-family);
	font-size: var(--base-font-size);
	line-height: 1.5;
	margin: 0;
	padding: 0;
	transition: color .2s
}

@media ((hover:hover) and (pointer:fine)) {
	.unstyled-button:hover {
		color: var(--color-link-hover)
	}
}

:root {
	--form-actions-margin: 24px;
	--form-actions-button-margin: 16px
}

.as-form-actions {
	margin-top: var(--form-actions-margin)
}

.as-form-actions .as-button.is-block:not(:last-child) {
	margin-bottom: var(--form-actions-button-margin)
}

:root {
	--toast-container-padding: 0;
	--toast-container-gap: 0;
	--toast-vertical-padding: 20px;
	--toast-horizontal-padding: 20px;
	--toast-max-width: 400px;
	--toast-min-width: 300px;
	--toast-background-color: #fff;
	--toast-border-radius: 0;
	--toast-box-shadow: 0px 0px 32px -4px rgba(42, 20, 90, .08);
	--toast-transition-duration: .4s;
	--toast-title-font-size: 16px;
	--toast-title-font-weight: 600;
	--toast-text-font-size: 14px;
	--toast-icon-size: 24px;
	--toast-icon-margin-right: 12px;
	--toast-text-margin-top: 8px
}

@media screen and (min-width:576px) {
	:root {
		--toast-container-padding: 16px;
		--toast-container-gap: 12px;
		--toast-vertical-padding: 20px;
		--toast-horizontal-padding: 20px;
		--toast-border-radius: 18px
	}
}

.as-toast-container {
	bottom: 0;
	display: flex;
	flex-direction: column-reverse;
	padding: var(--toast-container-padding);
	pointer-events: none;
	position: fixed;
	right: 0;
	width: 100%;
	z-index: 1051
}

.as-toast-container>* {
	pointer-events: all
}

.as-toast {
	align-items: flex-start;
	animation-duration: .4s;
	animation-name: toast-enter-active;
	background-color: var(--toast-background-color);
	border-radius: var(--toast-border-radius);
	box-shadow: var(--toast-box-shadow);
	display: flex;
	margin-left: auto;
	margin-top: var(--toast-container-gap);
	padding: var(--toast-vertical-padding) var(--toast-horizontal-padding);
	transform-origin: bottom center;
	transition-duration: var(--toast-transition-duration);
	transition-property: opacity, margin, transform;
	width: 100%;
	z-index: 1
}

@media screen and (min-width:576px) {
	.as-toast {
		max-width: var(--toast-max-width);
		min-width: var(--toast-min-width);
		transform-origin: bottom right;
		width: -moz-max-content;
		width: max-content
	}
}

.as-toast.toast-leave-active {
	margin-bottom: calc(var(--toast-height)*-1);
	margin-top: 0;
	opacity: 0;
	transform: scale(.7)
}

.as-toast:last-child {
	padding-bottom: max(var(--safe-area-inset-bottom), var(--toast-vertical-padding));
	z-index: 20
}

.as-toast:has(.as-toast-text):not(:has(.as-toast-title, .as-toast-buttons)) {
	align-items: center
}

.as-toast:has(.as-toast-text):not(:has(.as-toast-title, .as-toast-buttons)) .as-toast-text {
	color: var(--color-text);
	font-size: var(--toast-text-font-size);
	font-weight: 500
}

.as-toast-icon {
	background-position: 50%;
	background-size: contain;
	height: var(--toast-icon-size);
	margin-right: var(--toast-icon-margin-right);
	min-width: var(--toast-icon-size);
	width: var(--toast-icon-size)
}
.as-margin-bottom{
	margin-bottom: 1rem;
}
.as-toast-icon--success {
	background-image: var(--toast-success-icon)
}

.as-toast-icon--error {
	background-image: var(--toast-error-icon)
}

.as-toast-icon--warning {
	background-image: var(--toast-warning-icon)
}

.as-toast-icon--info {
	background-image: var(--toast-info-icon)
}

.as-toast-title {
	color: var(--color-text);
	font-size: var(--toast-title-font-size);
	font-weight: var(--toast-title-font-weight)
}

.as-toast-text {
	color: var(--color-text-secondary);
	font-size: var(--toast-text-font-size)
}

.as-toast-text:not(:first-of-type) {
	margin-top: var(--toast-text-margin-top)
}

.as-toast-buttons {
	display: flex;
	gap: 8px;
	margin-top: 16px
}

.as-toast-buttons .as-button {
	align-items: center;
	display: flex
}

.as-toast-buttons .as-button.is-small {
	--button-font-size-sm: 14px;
	--button-font-weight: 500;
	line-height: 140%
}

@keyframes toast-enter-active {
	0% {
		opacity: 0;
		transform: scale(.7)
	}

	to {
		opacity: 1;
		transform: scale(1)
	}
}

.as-spinner {
	animation: rotating 1s linear infinite;
	border-radius: 50%;
	vertical-align: middle
}

:root {
	--avatar-flat-1-background-color: #ffe5d9;
	--avatar-flat-1-text-color: #863913;
	--avatar-flat-2-background-color: #ddeafd;
	--avatar-flat-2-text-color: #204680;
	--avatar-flat-3-background-color: #e3f2e2;
	--avatar-flat-3-text-color: #325d2f;
	--avatar-flat-4-background-color: #fff4de;
	--avatar-flat-4-text-color: #856522;
	--avatar-flat-5-background-color: #ffdadd;
	--avatar-flat-5-text-color: #86161f
}

.as-avatar {
	align-items: center;
	border-radius: 12px;
	color: #fff;
	display: inline-flex;
	font-weight: 700;
	height: 48px;
	justify-content: center;
	line-height: 1;
	vertical-align: middle;
	width: 48px
}

.as-avatar.is-rounded {
	border-radius: 50%
}

.as-avatar.is-1 {
	background: var(--avatar-flat-1-background-color);
	color: var(--avatar-flat-1-text-color)
}

.as-avatar.is-2 {
	background: var(--avatar-flat-2-background-color);
	color: var(--avatar-flat-2-text-color)
}

.as-avatar.is-3 {
	background: var(--avatar-flat-3-background-color);
	color: var(--avatar-flat-3-text-color)
}

.as-avatar.is-4 {
	background: var(--avatar-flat-4-background-color);
	color: var(--avatar-flat-4-text-color)
}

.as-avatar.is-5 {
	background: var(--avatar-flat-5-background-color);
	color: var(--avatar-flat-5-text-color)
}

.as-avatar__image {
	border-radius: inherit;
	height: inherit;
	width: inherit
}

.as-badge {
	--badge-border-color: var(--color-bg);
	display: inline-block;
	position: relative
}

.as-badge__body {
	animation: AsBadgeAnimation .2s;
	border-radius: 20px;
	box-shadow: 0 0 0 2px var(--badge-border-color);
	display: inline-block;
	font-size: 11.5px;
	font-weight: 600;
	height: 16px;
	line-height: 16px;
	min-width: 16px;
	position: absolute;
	right: -2px;
	text-align: center;
	top: -2px
}

.as-badge__body.is-danger {
	background-color: var(--color-danger-500);
	color: var(--color-white)
}

.as-badge__body.is-left {
	left: -2px;
	right: auto
}

.as-badge__body.is-bottom {
	bottom: -2px;
	top: auto
}

@keyframes AsBadgeAnimation {
	0% {
		transform: scale(0)
	}

	to {
		transform: scale(1)
	}
}

body {
	--button-horizontal-padding-xl: 28px;
	--button-size-xl: 56px;
	--button-font-size-xl: var(--base-font-size);
	--button-horizontal-padding-lg: 24px;
	--button-size-lg: 50px;
	--button-font-size-lg: var(--base-font-size);
	--button-horizontal-padding-md: 20px;
	--button-size-md: 48px;
	--button-font-size-md: var(--base-font-size);
	--button-loader-size-md: 28px;
	--button-horizontal-padding-sm: 16px;
	--button-size-sm: 40px;
	--button-font-size-sm: var(--base-font-size);
	--button-loader-size-sm: 20px;
	--button-horizontal-padding-xs: 12px;
	--button-size-xs: 36px;
	--button-font-size-xs: 14px;
	--button-loader-size-xs: 16px;
	--button-prepend-margin-right: 8px;
	--button-append-margin-left: 8px;
	--button-font-weight: 600;
	--button-border-radius: var(--controls-border-radius);
	--button-loader-size: 28px
}

.as-button {
	border: 0;
	border-radius: var(--button-border-radius);
	cursor: pointer;
	display: inline-block;
	font-family: var(--base-font-family);
	font-size: var(--button-font-size-md);
	font-weight: var(--button-font-weight);
	height: var(--button-size-md);
	overflow: hidden;
	padding: 0 var(--button-horizontal-padding-md);
	position: relative;
	text-decoration: none;
	transition: background-color .2s, color .2s, box-shadow .2s;
	vertical-align: middle
}

.as-button__body {
	align-items: center;
	display: flex;
	height: inherit;
	justify-content: center;
	transition: opacity .2s, transform .3s cubic-bezier(.34, 1.7, .4, 1);
	transition-delay: .3s
}

.as-button__loader {
	left: 50%;
	max-width: 70%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%)
}

.as-button__loader svg {
	height: var(--button-loader-size);
	vertical-align: middle;
	width: var(--button-loader-size)
}

.as-button__prepend {
	line-height: 1;
	margin-right: var(--button-prepend-margin-right)
}

.as-button__append {
	line-height: 1;
	margin-left: var(--button-append-margin-left)
}

.as-button svg.icon {
	fill: currentColor
}

.as-button.is-loading {
	pointer-events: none
}

.as-button.is-loading .as-button__body {
	opacity: 0;
	transform: scale(.9);
	transition-delay: 0s
}

.as-button.is-negative:not(.is-outlined):not(.is-disabled) {
	background-color: var(--color-text);
	color: var(--color-white)
}

@media ((hover:hover) and (pointer:fine)) {
	.as-button.is-negative:not(.is-outlined):not(.is-disabled):hover {
		background-color: var(--color-text);
		color: var(--color-white)
	}
}

.as-button.is-negative:not(.is-outlined):not(.is-disabled):active {
	background-color: var(--color-text);
	color: var(--color-white)
}

.as-button.is-negative.is-outlined:not(.is-disabled) {
	background-color: transparent;
	box-shadow: inset 0 0 0 1px var(--color-text);
	color: var(--color-text);
	overflow: hidden
}

.as-button.is-negative.is-outlined:not(.is-disabled):before {
	background-color: currentColor;
	border-radius: inherit;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: opacity .2s;
	width: 100%
}

@media ((hover:hover) and (pointer:fine)) {
	.as-button.is-negative.is-outlined:not(.is-disabled):hover {
		box-shadow: inset 0 0 0 1px var(--color-text);
		color: var(--color-text)
	}

	.as-button.is-negative.is-outlined:not(.is-disabled):hover:before {
		opacity: .05
	}
}

.as-button.is-negative.is-outlined:not(.is-disabled):active {
	box-shadow: inset 0 0 0 1px var(--color-text);
	color: var(--color-text)
}

.as-button.is-negative.is-outlined:not(.is-disabled):active:before {
	opacity: .1
}

.as-button.is-default:not(.is-outlined):not(.is-disabled) {
	background-color: var(--color-default-500);
	color: var(--color-white)
}

@media ((hover:hover) and (pointer:fine)) {
	.as-button.is-default:not(.is-outlined):not(.is-disabled):hover {
		background-color: var(--color-default-450);
		color: var(--color-white)
	}
}

.as-button.is-default:not(.is-outlined):not(.is-disabled):active {
	background-color: var(--color-default-400);
	color: var(--color-white)
}

.as-button.is-default.is-outlined:not(.is-disabled) {
	background-color: transparent;
	box-shadow: inset 0 0 0 1px var(--color-default-500);
	color: var(--color-default-500);
	overflow: hidden
}

.as-button.is-default.is-outlined:not(.is-disabled):before {
	background-color: currentColor;
	border-radius: inherit;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: opacity .2s;
	width: 100%
}

@media ((hover:hover) and (pointer:fine)) {
	.as-button.is-default.is-outlined:not(.is-disabled):hover {
		box-shadow: inset 0 0 0 1px var(--color-default-500);
		color: var(--color-default-500)
	}

	.as-button.is-default.is-outlined:not(.is-disabled):hover:before {
		opacity: .05
	}
}

.as-button.is-default.is-outlined:not(.is-disabled):active {
	box-shadow: inset 0 0 0 1px var(--color-default-500);
	color: var(--color-default-500)
}

.as-button.is-default.is-outlined:not(.is-disabled):active:before {
	opacity: .1
}

.as-button.is-accent:not(.is-outlined):not(.is-disabled) {
	background-color: var(--color-accent-500);
	color: var(--color-white)
}

@media ((hover:hover) and (pointer:fine)) {
	.as-button.is-accent:not(.is-outlined):not(.is-disabled):hover {
		background-color: var(--color-accent-450);
		color: var(--color-white)
	}
}

.as-button.is-accent:not(.is-outlined):not(.is-disabled):active {
	background-color: var(--color-accent-400);
	color: var(--color-white)
}

.as-button.is-accent.is-outlined:not(.is-disabled) {
	background-color: transparent;
	box-shadow: inset 0 0 0 1px var(--color-accent-500);
	color: var(--color-accent-500);
	overflow: hidden
}

.as-button.is-accent.is-outlined:not(.is-disabled):before {
	background-color: currentColor;
	border-radius: inherit;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: opacity .2s;
	width: 100%
}

@media ((hover:hover) and (pointer:fine)) {
	.as-button.is-accent.is-outlined:not(.is-disabled):hover {
		box-shadow: inset 0 0 0 1px var(--color-accent-500);
		color: var(--color-accent-500)
	}

	.as-button.is-accent.is-outlined:not(.is-disabled):hover:before {
		opacity: .05
	}
}

.as-button.is-accent.is-outlined:not(.is-disabled):active {
	box-shadow: inset 0 0 0 1px var(--color-accent-500);
	color: var(--color-accent-500)
}

.as-button.is-accent.is-outlined:not(.is-disabled):active:before {
	opacity: .1
}

.as-button.is-accent-light:not(.is-outlined):not(.is-disabled) {
	background-color: var(--color-accent-50);
	color: var(--color-accent-500)
}

@media ((hover:hover) and (pointer:fine)) {
	.as-button.is-accent-light:not(.is-outlined):not(.is-disabled):hover {
		background-color: var(--color-accent-100);
		color: var(--color-accent-500)
	}
}

.as-button.is-accent-light:not(.is-outlined):not(.is-disabled):active {
	background-color: var(--color-accent-50);
	color: var(--color-accent-500)
}

.as-button.is-accent-light.is-outlined:not(.is-disabled) {
	background-color: transparent;
	box-shadow: inset 0 0 0 1px var(--color-accent-500);
	color: var(--color-accent-500);
	overflow: hidden
}

.as-button.is-accent-light.is-outlined:not(.is-disabled):before {
	background-color: currentColor;
	border-radius: inherit;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: opacity .2s;
	width: 100%
}

@media ((hover:hover) and (pointer:fine)) {
	.as-button.is-accent-light.is-outlined:not(.is-disabled):hover {
		box-shadow: inset 0 0 0 1px var(--color-accent-500);
		color: var(--color-accent-500)
	}

	.as-button.is-accent-light.is-outlined:not(.is-disabled):hover:before {
		opacity: .05
	}
}

.as-button.is-accent-light.is-outlined:not(.is-disabled):active {
	box-shadow: inset 0 0 0 1px var(--color-accent-500);
	color: var(--color-accent-500)
}

.as-button.is-accent-light.is-outlined:not(.is-disabled):active:before {
	opacity: .1
}

.as-button.is-secondary:not(.is-outlined):not(.is-disabled) {
	background-color: var(--shade-100);
	color: var(--color-text)
}

@media ((hover:hover) and (pointer:fine)) {
	.as-button.is-secondary:not(.is-outlined):not(.is-disabled):hover {
		background-color: var(--shade-200);
		color: var(--color-text)
	}
}

.as-button.is-secondary:not(.is-outlined):not(.is-disabled):active {
	background-color: var(--shade-300);
	color: var(--color-text)
}

.as-button.is-secondary.is-outlined:not(.is-disabled) {
	background-color: transparent;
	box-shadow: inset 0 0 0 1px var(--shade-200);
	color: var(--color-text);
	overflow: hidden
}

.as-button.is-secondary.is-outlined:not(.is-disabled):before {
	background-color: currentColor;
	border-radius: inherit;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: opacity .2s;
	width: 100%
}
.as-button.is-secondary .on{
	display: none;
}
.as-button.is-secondary.is-favorite-active .off{
	display: none;
}
.as-button.is-secondary.is-favorite-active .on{
	display: block;
}
@media ((hover:hover) and (pointer:fine)) {
	.as-button.is-secondary.is-outlined:not(.is-disabled):hover {
		box-shadow: inset 0 0 0 1px var(--shade-200);
		color: var(--color-text)
	}

	.as-button.is-secondary.is-outlined:not(.is-disabled):hover:before {
		opacity: .05
	}
}

.as-button.is-secondary.is-outlined:not(.is-disabled):active {
	box-shadow: inset 0 0 0 1px var(--shade-200);
	color: var(--color-text)
}

.as-button.is-secondary.is-outlined:not(.is-disabled):active:before {
	opacity: .1
}

.as-button.is-white:not(.is-disabled) {
	background-color: var(--color-white);
	color: var(--color-text)
}

@media ((hover:hover) and (pointer:fine)) {
	.as-button.is-white:not(.is-disabled):hover {
		background-color: var(--color-white);
		color: var(--color-accent-500)
	}
}

.as-button.is-white:not(.is-disabled):active {
	background-color: var(--color-white);
	color: var(--color-accent-600)
}

.as-button.is-ghost:not(.is-disabled) {
	background-color: transparent;
	color: var(--color-text)
}

@media ((hover:hover) and (pointer:fine)) {
	.as-button.is-ghost:not(.is-disabled):hover {
		background-color: var(--shade-100);
		color: var(--color-text)
	}
}

.as-button.is-ghost:not(.is-disabled):active {
	background-color: var(--shade-200);
	color: var(--color-text)
}

.as-button.is-ghost.is-disabled {
	background-color: transparent
}

.as-button.is-ghost-white:not(.is-disabled) {
	background-color: transparent;
	color: var(--color-white)
}

@media ((hover:hover) and (pointer:fine)) {
	.as-button.is-ghost-white:not(.is-disabled):hover {
		background-color: #ffffff1a;
		color: var(--color-white)
	}
}

.as-button.is-ghost-white:not(.is-disabled):active {
	background-color: #fff3;
	color: var(--color-white)
}

.as-button.is-ghost-white.is-disabled {
	background-color: transparent
}

.as-button.is-success:not(.is-outlined):not(.is-disabled) {
	background-color: var(--color-success-500);
	color: var(--color-white)
}

@media ((hover:hover) and (pointer:fine)) {
	.as-button.is-success:not(.is-outlined):not(.is-disabled):hover {
		background-color: var(--color-success-600);
		color: var(--color-white)
	}
}

.as-button.is-success:not(.is-outlined):not(.is-disabled):active {
	background-color: var(--color-success-700);
	color: var(--color-white)
}

.as-button.is-success.is-outlined:not(.is-disabled) {
	background-color: transparent;
	box-shadow: inset 0 0 0 1px var(--color-success-500);
	color: var(--color-success-500);
	overflow: hidden
}

.as-button.is-success.is-outlined:not(.is-disabled):before {
	background-color: currentColor;
	border-radius: inherit;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: opacity .2s;
	width: 100%
}

@media ((hover:hover) and (pointer:fine)) {
	.as-button.is-success.is-outlined:not(.is-disabled):hover {
		box-shadow: inset 0 0 0 1px var(--color-success-500);
		color: var(--color-success-500)
	}

	.as-button.is-success.is-outlined:not(.is-disabled):hover:before {
		opacity: .05
	}
}

.as-button.is-success.is-outlined:not(.is-disabled):active {
	box-shadow: inset 0 0 0 1px var(--color-success-500);
	color: var(--color-success-500)
}

.as-button.is-success.is-outlined:not(.is-disabled):active:before {
	opacity: .1
}

.as-button.is-success-light:not(.is-outlined):not(.is-disabled) {
	background-color: var(--color-success-100);
	color: var(--color-success-500)
}

@media ((hover:hover) and (pointer:fine)) {
	.as-button.is-success-light:not(.is-outlined):not(.is-disabled):hover {
		background-color: var(--color-success-150);
		color: var(--color-success-500)
	}
}

.as-button.is-success-light:not(.is-outlined):not(.is-disabled):active {
	background-color: var(--color-success-200);
	color: var(--color-success-500)
}

.as-button.is-success-light.is-outlined:not(.is-disabled) {
	background-color: transparent;
	box-shadow: inset 0 0 0 1px var(--color-success-500);
	color: var(--color-success-500);
	overflow: hidden
}

.as-button.is-success-light.is-outlined:not(.is-disabled):before {
	background-color: currentColor;
	border-radius: inherit;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: opacity .2s;
	width: 100%
}

@media ((hover:hover) and (pointer:fine)) {
	.as-button.is-success-light.is-outlined:not(.is-disabled):hover {
		box-shadow: inset 0 0 0 1px var(--color-success-500);
		color: var(--color-success-500)
	}

	.as-button.is-success-light.is-outlined:not(.is-disabled):hover:before {
		opacity: .05
	}
}

.as-button.is-success-light.is-outlined:not(.is-disabled):active {
	box-shadow: inset 0 0 0 1px var(--color-success-500);
	color: var(--color-success-500)
}

.as-button.is-success-light.is-outlined:not(.is-disabled):active:before {
	opacity: .1
}

.as-button.is-danger:not(.is-outlined):not(.is-disabled) {
	background-color: var(--color-danger-500);
	color: var(--color-white)
}

@media ((hover:hover) and (pointer:fine)) {
	.as-button.is-danger:not(.is-outlined):not(.is-disabled):hover {
		background-color: var(--color-danger-600);
		color: var(--color-white)
	}
}

.as-button.is-danger:not(.is-outlined):not(.is-disabled):active {
	background-color: var(--color-danger-700);
	color: var(--color-white)
}

.as-button.is-danger.is-outlined:not(.is-disabled) {
	background-color: transparent;
	box-shadow: inset 0 0 0 1px var(--color-danger-500);
	color: var(--color-danger-500);
	overflow: hidden
}

.as-button.is-danger.is-outlined:not(.is-disabled):before {
	background-color: currentColor;
	border-radius: inherit;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: opacity .2s;
	width: 100%
}

@media ((hover:hover) and (pointer:fine)) {
	.as-button.is-danger.is-outlined:not(.is-disabled):hover {
		box-shadow: inset 0 0 0 1px var(--color-danger-500);
		color: var(--color-danger-500)
	}

	.as-button.is-danger.is-outlined:not(.is-disabled):hover:before {
		opacity: .05
	}
}

.as-button.is-danger.is-outlined:not(.is-disabled):active {
	box-shadow: inset 0 0 0 1px var(--color-danger-500);
	color: var(--color-danger-500)
}

.as-button.is-danger.is-outlined:not(.is-disabled):active:before {
	opacity: .1
}

.as-button.is-danger-light:not(.is-outlined):not(.is-disabled) {
	background-color: var(--color-danger-100);
	color: var(--color-danger-500)
}

@media ((hover:hover) and (pointer:fine)) {
	.as-button.is-danger-light:not(.is-outlined):not(.is-disabled):hover {
		background-color: var(--color-danger-150);
		color: var(--color-danger-500)
	}
}

.as-button.is-danger-light:not(.is-outlined):not(.is-disabled):active {
	background-color: var(--color-danger-200);
	color: var(--color-danger-500)
}

.as-button.is-danger-light.is-outlined:not(.is-disabled) {
	background-color: transparent;
	box-shadow: inset 0 0 0 1px var(--color-danger-500);
	color: var(--color-danger-500);
	overflow: hidden
}

.as-button.is-danger-light.is-outlined:not(.is-disabled):before {
	background-color: currentColor;
	border-radius: inherit;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: opacity .2s;
	width: 100%
}

@media ((hover:hover) and (pointer:fine)) {
	.as-button.is-danger-light.is-outlined:not(.is-disabled):hover {
		box-shadow: inset 0 0 0 1px var(--color-danger-500);
		color: var(--color-danger-500)
	}

	.as-button.is-danger-light.is-outlined:not(.is-disabled):hover:before {
		opacity: .05
	}
}

.as-button.is-danger-light.is-outlined:not(.is-disabled):active {
	box-shadow: inset 0 0 0 1px var(--color-danger-500);
	color: var(--color-danger-500)
}

.as-button.is-danger-light.is-outlined:not(.is-disabled):active:before {
	opacity: .1
}

.as-button.is-warning:not(.is-outlined):not(.is-disabled) {
	background-color: var(--color-warning-500);
	color: var(--color-white)
}

@media ((hover:hover) and (pointer:fine)) {
	.as-button.is-warning:not(.is-outlined):not(.is-disabled):hover {
		background-color: var(--color-warning-600);
		color: var(--color-white)
	}
}

.as-button.is-warning:not(.is-outlined):not(.is-disabled):active {
	background-color: var(--color-warning-700);
	color: var(--color-white)
}

.as-button.is-warning.is-outlined:not(.is-disabled) {
	background-color: transparent;
	box-shadow: inset 0 0 0 1px var(--color-warning-500);
	color: var(--color-warning-500);
	overflow: hidden
}

.as-button.is-warning.is-outlined:not(.is-disabled):before {
	background-color: currentColor;
	border-radius: inherit;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: opacity .2s;
	width: 100%
}

@media ((hover:hover) and (pointer:fine)) {
	.as-button.is-warning.is-outlined:not(.is-disabled):hover {
		box-shadow: inset 0 0 0 1px var(--color-warning-500);
		color: var(--color-warning-500)
	}

	.as-button.is-warning.is-outlined:not(.is-disabled):hover:before {
		opacity: .05
	}
}

.as-button.is-warning.is-outlined:not(.is-disabled):active {
	box-shadow: inset 0 0 0 1px var(--color-warning-500);
	color: var(--color-warning-500)
}

.as-button.is-warning.is-outlined:not(.is-disabled):active:before {
	opacity: .1
}

.as-button.is-warning-light:not(.is-outlined):not(.is-disabled) {
	background-color: var(--color-warning-100);
	color: var(--color-warning-500)
}

@media ((hover:hover) and (pointer:fine)) {
	.as-button.is-warning-light:not(.is-outlined):not(.is-disabled):hover {
		background-color: var(--color-warning-150);
		color: var(--color-warning-500)
	}
}

.as-button.is-warning-light:not(.is-outlined):not(.is-disabled):active {
	background-color: var(--color-warning-200);
	color: var(--color-warning-500)
}

.as-button.is-warning-light.is-outlined:not(.is-disabled) {
	background-color: transparent;
	box-shadow: inset 0 0 0 1px var(--color-warning-500);
	color: var(--color-warning-500);
	overflow: hidden
}

.as-button.is-warning-light.is-outlined:not(.is-disabled):before {
	background-color: currentColor;
	border-radius: inherit;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: opacity .2s;
	width: 100%
}

@media ((hover:hover) and (pointer:fine)) {
	.as-button.is-warning-light.is-outlined:not(.is-disabled):hover {
		box-shadow: inset 0 0 0 1px var(--color-warning-500);
		color: var(--color-warning-500)
	}

	.as-button.is-warning-light.is-outlined:not(.is-disabled):hover:before {
		opacity: .05
	}
}

.as-button.is-warning-light.is-outlined:not(.is-disabled):active {
	box-shadow: inset 0 0 0 1px var(--color-warning-500);
	color: var(--color-warning-500)
}

.as-button.is-warning-light.is-outlined:not(.is-disabled):active:before {
	opacity: .1
}

.as-button.is-info:not(.is-outlined):not(.is-disabled) {
	background-color: var(--color-info-500);
	color: var(--color-white)
}

@media ((hover:hover) and (pointer:fine)) {
	.as-button.is-info:not(.is-outlined):not(.is-disabled):hover {
		background-color: var(--color-info-600);
		color: var(--color-white)
	}
}

.as-button.is-info:not(.is-outlined):not(.is-disabled):active {
	background-color: var(--color-info-700);
	color: var(--color-white)
}

.as-button.is-info.is-outlined:not(.is-disabled) {
	background-color: transparent;
	box-shadow: inset 0 0 0 1px var(--color-info-500);
	color: var(--color-info-500);
	overflow: hidden
}

.as-button.is-info.is-outlined:not(.is-disabled):before {
	background-color: currentColor;
	border-radius: inherit;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: opacity .2s;
	width: 100%
}

@media ((hover:hover) and (pointer:fine)) {
	.as-button.is-info.is-outlined:not(.is-disabled):hover {
		box-shadow: inset 0 0 0 1px var(--color-info-500);
		color: var(--color-info-500)
	}

	.as-button.is-info.is-outlined:not(.is-disabled):hover:before {
		opacity: .05
	}
}

.as-button.is-info.is-outlined:not(.is-disabled):active {
	box-shadow: inset 0 0 0 1px var(--color-info-500);
	color: var(--color-info-500)
}

.as-button.is-info.is-outlined:not(.is-disabled):active:before {
	opacity: .1
}

.as-button.is-info-light:not(.is-outlined):not(.is-disabled) {
	background-color: var(--color-info-100);
	color: var(--color-info-500)
}

@media ((hover:hover) and (pointer:fine)) {
	.as-button.is-info-light:not(.is-outlined):not(.is-disabled):hover {
		background-color: var(--color-info-150);
		color: var(--color-info-500)
	}
}

.as-button.is-info-light:not(.is-outlined):not(.is-disabled):active {
	background-color: var(--color-info-200);
	color: var(--color-info-500)
}

.as-button.is-info-light.is-outlined:not(.is-disabled) {
	background-color: transparent;
	box-shadow: inset 0 0 0 1px var(--color-info-500);
	color: var(--color-info-500);
	overflow: hidden
}

.as-button.is-info-light.is-outlined:not(.is-disabled):before {
	background-color: currentColor;
	border-radius: inherit;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: opacity .2s;
	width: 100%
}

@media ((hover:hover) and (pointer:fine)) {
	.as-button.is-info-light.is-outlined:not(.is-disabled):hover {
		box-shadow: inset 0 0 0 1px var(--color-info-500);
		color: var(--color-info-500)
	}

	.as-button.is-info-light.is-outlined:not(.is-disabled):hover:before {
		opacity: .05
	}
}

.as-button.is-info-light.is-outlined:not(.is-disabled):active {
	box-shadow: inset 0 0 0 1px var(--color-info-500);
	color: var(--color-info-500)
}

.as-button.is-info-light.is-outlined:not(.is-disabled):active:before {
	opacity: .1
}

.as-button.is-block {
	display: block;
	width: 100%
}

.as-button.is-rounded {
	border-radius: 100px
}

.as-button.is-x-large {
	font-size: var(--button-font-size-xl);
	height: var(--button-size-xl);
	padding: 0 var(--button-horizontal-padding-xl)
}

.as-button.is-x-large.is-icon {
	max-width: var(--button-size-xl);
	width: var(--button-size-xl)
}

.as-button.is-large {
	font-size: var(--button-font-size-lg);
	height: var(--button-size-lg);
	padding: 0 var(--button-horizontal-padding-lg)
}

.as-button.is-large.is-icon {
	max-width: var(--button-size-lg);
	width: var(--button-size-lg)
}

.as-button.is-small {
	--button-loader-size: var(--button-loader-size-sm);
	font-size: var(--button-font-size-sm);
	height: var(--button-size-sm);
	padding: 0 var(--button-horizontal-padding-sm)
}

.as-button.is-small.is-icon {
	max-width: var(--button-size-sm);
	width: var(--button-size-sm)
}

.as-button.is-x-small {
	--button-loader-size: var(--button-loader-size-xs);
	font-size: var(--button-font-size-xs);
	height: var(--button-size-xs);
	padding: 0 var(--button-horizontal-padding-xs)
}

.as-button.is-x-small.is-icon {
	max-width: var(--button-size-xs);
	width: var(--button-size-xs)
}

.as-button.is-x-small .as-button__prepend {
	margin-right: 8px
}

.as-button.is-disabled {
	background-color: var(--shade-100);
	color: var(--shade-400);
	pointer-events: none
}

.as-button.is-icon {
	border-radius: 50%;
	max-width: var(--button-size-md);
	padding: 0;
	width: var(--button-size-md)
}

body {
	--link-button-font-size: var(--base-font-size);
	--link-button-font-family: var(--base-font-family);
	--link-button-font-weight: 400;
	--link-button-font-weight-bold: 500;
	--link-button-gap: 8px
}

.as-link-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: none;
	border: none;
	color: var(--color-gray-500);
	cursor: pointer;
	display: inline-block;
	font-family: var(--link-button-font-family);
	font-size: inherit;
	font-weight: var(--link-button-font-weight);
	line-height: inherit;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: inherit;
	-webkit-text-decoration: var(--link-button-decoration);
	text-decoration: var(--link-button-decoration);
	transition: color .2s, border-color .2s
}

.as-link-button:hover {
	color: var(--color-gray-700)
}

.as-link-button__body {
	align-items: center;
	display: flex;
	gap: var(--link-button-gap);
	height: inherit;
	justify-content: center;
	transition: opacity .2s, transform .3s cubic-bezier(.34, 1.7, .4, 1);
	transition-delay: .3s
}

.as-link-button__loader {
	left: 50%;
	margin-left: -.5em;
	margin-top: -.5em;
	max-width: 70%;
	position: absolute;
	top: 50%
}

.as-link-button__loader svg {
	height: 1em;
	vertical-align: middle;
	width: 1em
}

.as-link-button__append,
.as-link-button__prepend {
	line-height: 1
}

.as-link-button.is-underline {
	border-bottom: 1px solid color-mix(in srgb, currentColor 30%, transparent)
}

.as-link-button.is-underline:hover {
	border-bottom: 1px solid color-mix(in srgb, currentColor 70%, transparent)
}

.as-link-button.is-underline.is-loading {
	border-bottom-color: transparent
}

.as-link-button.is-loading .as-link-button__body {
	opacity: 0;
	transform: scale(.9);
	transition-delay: 0s
}

.as-link-button.is-disabled {
	opacity: .7;
	pointer-events: none
}

.as-link-button.is-bold {
	font-weight: var(--link-button-font-weight-bold)
}

.as-link-button.is-accent {
	color: var(--color-accent-500)
}

.as-link-button.is-accent:hover {
	color: var(--color-accent-600)
}

.as-link-button.is-success {
	color: var(--color-success-500)
}

.as-link-button.is-success:hover {
	color: var(--color-success-600)
}

.as-link-button.is-danger {
	color: var(--color-danger-500)
}

.as-link-button.is-danger:hover {
	color: var(--color-danger-600)
}

.as-link-button.is-default {
	color: var(--color-default-500)
}

.as-link-button.is-default:hover {
	color: var(--color-default-600)
}

.as-link-button.is-info {
	color: var(--color-info-500)
}

.as-link-button.is-info:hover {
	color: var(--color-info-600)
}

body {
	--checkbox-margin-bottom: 8px;
	--checkbox-border-color: #d5d5dd;
	--checkbox-border-width: 1px;
	--checkbox-border-radius: 7px;
	--checkbox-size: 20px;
	--checkbox-bg-color: var(--color-bg);
	--checkbox-hover-bg-color: #f3f5f6;
	--checkbox-accent-color: var(--color-accent-500);
	--checkbox-disabled-active-color: var(--color-gray-200);
	--checkbox-disabled-bg-color: #f3f5f6;
	--checkbox-indeterminate-bg-color: var(--color-accent-100);
	--checkbox-disabled-border-color: #d5d5dd;
	--checkbox-disabled-icon-color: #96969e;
	--checkbox-error-border-color: var(--color-danger-500);
	--checkbox-icon-color: #fff;
	--checkbox-label-color: var(--color-text);
	--checkbox-disabled-label-color: var(--color-gray-200);
	--checkbox-label-font-size: var(--base-font-size);
	--checkbox-hint-font-size: 13px;
	--checkbox-hint-line-height: 1.53;
	--checkbox-hint-inset: 4px;
	--checkbox-hint-color: var(--color-text-secondary);
	--checkbox-error-hint-color: var(--color-danger-500);
	--checkbox-error-animation-duration: .4s;
	--checkbox-focus-outline-color: var(--color-accent-500);
	--checkbox-focus-outline-width: 2px;
	--checkbox-focus-outline-offset: 2px
}

.as-checkbox {
	margin-bottom: var(--checkbox-margin-bottom)
}

.as-checkbox.is-disabled {
	--checkbox-bg-color: var(--checkbox-disabled-bg-color);
	--checkbox-border-color: var(--checkbox-disabled-border-color);
	--checkbox-icon-color: var(--checkbox-disabled-icon-color);
	--checkbox-label-color: var(--checkbox-disabled-label-color)
}

.as-checkbox.is-disabled.is-active {
	--checkbox-accent-color: var(--checkbox-disabled-active-color)
}

.as-checkbox__label {
	align-items: flex-start;
	cursor: pointer;
	display: flex;
	max-width: -moz-max-content;
	max-width: max-content
}

.as-checkbox__icon-svg {
	color: var(--checkbox-icon-color);
	height: 6px;
	opacity: 0;
	transition: .2s;
	vertical-align: middle;
	width: 8px
}

.as-checkbox__icon {
	align-items: center;
	background-color: var(--checkbox-bg-color);
	border-radius: var(--checkbox-border-radius);
	box-shadow: inset 0 0 0 var(--checkbox-border-width) var(--checkbox-border-color);
	display: inline-flex;
	height: var(--checkbox-size);
	justify-content: center;
	margin-right: 8px;
	margin-top: 2px;
	min-width: var(--checkbox-size);
	position: relative;
	transition: background-color .2s;
	vertical-align: text-top;
	width: var(--checkbox-size)
}

.as-checkbox.is-focused:not(.is-active) .as-checkbox__icon,
.as-checkbox__icon:hover {
	background-color: var(--checkbox-hover-bg-color)
}

.as-checkbox__icon.is-active,
.as-checkbox__icon.is-indeterminate {
	background-color: var(--checkbox-accent-color);
	box-shadow: inset 0 0 0 var(--checkbox-border-width) var(--checkbox-accent-color)
}

.as-checkbox__icon.is-active .as-checkbox__icon-svg,
.as-checkbox__icon.is-indeterminate .as-checkbox__icon-svg {
	opacity: 1
}

.as-checkbox.is-focused .as-checkbox__icon.is-active,
.as-checkbox.is-focused .as-checkbox__icon.is-indeterminate,
.as-checkbox__icon.is-active:hover,
.as-checkbox__icon.is-indeterminate:hover {
	opacity: .9
}

.as-checkbox__icon.is-disabled {
	background-color: var(--checkbox-disabled-bg-color);
	box-shadow: inset 0 0 0 var(--checkbox-border-width) var(--checkbox-disabled-border-color)
}

.as-checkbox__icon.is-disabled .as-checkbox__icon-svg {
	color: var(--checkbox-disabled-icon-color)
}

.as-checkbox__icon.is-indeterminate {
	background-color: var(--checkbox-indeterminate-bg-color)
}

.as-checkbox__icon.is-indeterminate .as-checkbox__icon-svg {
	color: var(--checkbox-accent-color)
}

.as-checkbox__input:focus-visible~.as-checkbox__icon {
	outline: var(--checkbox-focus-outline-width) solid var(--checkbox-focus-outline-color);
	outline-offset: var(--checkbox-focus-outline-offset)
}

.as-checkbox__input {
	height: 1px;
	margin: -1px;
	opacity: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	clip: rect(0, 0, 0, 0);
	border: 0;
	white-space: nowrap
}
.as-checkbox__input:checked + .as-checkbox__icon{
	background-color: var(--checkbox-accent-color);
	box-shadow: inset 0 0 0 var(--checkbox-border-width) var(--checkbox-accent-color);
}
.as-checkbox__input:checked + .as-checkbox__icon .as-checkbox__icon-svg{
	opacity: 1;
}
.as-checkbox__text {
	color: var(--checkbox-label-color);
	display: inline-block;
	font-size: var(--checkbox-label-font-size);
	vertical-align: top
}

.as-checkbox.is-disabled,
.as-checkbox.is-readonly {
	cursor: default;
	pointer-events: none
}

.as-checkbox__message {
	color: var(--checkbox-hint-color);
	font-size: var(--checkbox-hint-font-size);
	line-height: var(--checkbox-hint-line-height);
	margin-top: var(--checkbox-hint-inset)
}

.as-checkbox.has-error {
	animation-duration: var(--checkbox-error-animation-duration);
	animation-name: shakeX
}

.as-checkbox.has-error .as-checkbox__icon {
	box-shadow: inset 0 0 0 var(--checkbox-border-width) var(--checkbox-error-border-color)
}

.as-checkbox.has-error .as-checkbox__message {
	color: var(--checkbox-error-hint-color)
}

body {
	--divider-margin: 24px 0;
	--divider-size: 1px;
	--divider-color: var(--color-border)
}

.dark-theme {
	--divider-color: hsla(0, 0%, 100%, .12)
}

.as-divider {
	border-bottom: var(--divider-size) solid var(--divider-color);
	margin: var(--divider-margin)
}

body {
	--message-padding: 16px 20px;
	--message-dense-padding: 12px 14px;
	--message-border-radius: 16px;
	--message-font-size: var(--base-font-size);
	--message-dense-font-size: var(--base-font-size);
	--message-text-color: var(--color-text);
	--message-info-background-color: var(--color-info-100);
	--message-info-text-color: var(--color-info-500);
	--message-info-icon-color: var(--message-info-text-color);
	--message-info-outlined-border: 1px solid var(--color-info-200);
	--message-success-background-color: var(--color-success-100);
	--message-success-text-color: var(--color-success-500);
	--message-success-icon-color: var(--message-success-text-color);
	--message-success-outlined-border: 1px solid var(--color-success-200);
	--message-warning-background-color: var(--color-warning-100);
	--message-warning-text-color: var(--color-warning-800);
	--message-warning-icon-color: var(--message-warning-text-color);
	--message-warning-outlined-border: 1px solid var(--color-warning-200);
	--message-danger-background-color: var(--color-danger-100);
	--message-danger-text-color: var(--color-danger-500);
	--message-danger-icon-color: var(--message-danger-text-color);
	--message-danger-outlined-border: 1px solid var(--color-danger-200);
	--message-accent-light-background-color: var(--color-accent-100);
	--message-accent-light-text-color: var(--color-accent-500);
	--message-accent-light-icon-color: var(--message-accent-light-text-color);
	--message-accent-light-outlined-border: 1px solid var(--color-accent-200)
}

.as-message {
	background-color: var(--message-background-color);
	border-radius: var(--message-border-radius);
	color: var(--message-text-color);
	display: flex;
	font-size: var(--message-font-size);
	justify-content: flex-start;
	margin-bottom: 16px;
	padding: var(--message-padding)
}

.as-message--center {
	justify-content: center
}

.as-message--center .as-message__text {
	flex-grow: 0
}

.as-message--outlined {
	border: var(--message-outlined-border)
}

.as-message__append .svg-icon,
.as-message__prepend .svg-icon {
	fill: var(--message-icon-color)
}

.as-message__prepend {
	margin-right: 8px
}

.as-message__append {
	margin-left: 8px
}

.as-message__title {
	font-size: var(--message-title-font-size);
	font-weight: 700;
	line-height: 130%;
	margin-bottom: 4px
}

.as-message__text {
	flex-grow: 1;
	line-height: 1.5
}

.as-message--dense {
	font-size: var(--message-dense-font-size);
	padding: var(--message-dense-padding)
}

.as-message--white {
	--message-background-color: var(--message-white-background-color);
	--message-icon-color: var(--message-white-icon-color);
	--message-outlined-border: var(--message-white-outlined-border)
}

.as-message--accent-light {
	--message-background-color: var(--message-accent-light-background-color);
	--message-text-color: var(--message-accent-light-text-color);
	--message-icon-color: var(--message-accent-light-icon-color);
	--message-outlined-border: var(--message-accent-light-outlined-border)
}

.as-message--success {
	--message-background-color: var(--message-success-background-color);
	--message-text-color: var(--message-success-text-color);
	--message-icon-color: var(--message-success-icon-color);
	--message-outlined-border: var(--message-success-outlined-border)
}

.as-message--danger {
	--message-background-color: var(--message-danger-background-color);
	--message-text-color: var(--message-danger-text-color);
	--message-icon-color: var(--message-danger-icon-color);
	--message-outlined-border: var(--message-danger-outlined-border)
}

.as-message--warning {
	--message-background-color: var(--message-warning-background-color);
	--message-text-color: var(--message-warning-text-color);
	--message-icon-color: var(--message-warning-icon-color);
	--message-outlined-border: var(--message-warning-outlined-border)
}

.as-message--info {
	--message-background-color: var(--message-info-background-color);
	--message-text-color: var(--message-info-text-color);
	--message-icon-color: var(--message-info-icon-color);
	--message-outlined-border: var(--message-info-outlined-border)
}

.as-message a:not([class]) {
	border-bottom: 1px solid;
	color: inherit;
	display: inline-block
}

body {
	--icon-x-small-size: .75rem;
	--icon-small-size: .875rem;
	--icon-medium-size: 1.125rem;
	--icon-large-size: 1.25rem;
	--icon-x-large-size: 1.5rem
}

.svg-icon {
	align-items: center;
	display: inline-flex;
	fill: currentColor;
	height: var(--icon-medium-size);
	justify-content: center;
	line-height: inherit;
	vertical-align: text-top;
	width: var(--icon-medium-size)
}

.svg-icon.is-x-small {
	height: var(--icon-x-small-size);
	width: var(--icon-x-small-size)
}

.svg-icon.is-small {
	height: var(--icon-small-size);
	width: var(--icon-small-size)
}

.svg-icon.is-large {
	height: var(--icon-large-size);
	width: var(--icon-large-size)
}

.svg-icon.is-x-large {
	height: var(--icon-x-large-size);
	width: var(--icon-x-large-size)
}

body {
	--close-button-color: var(--color-text);
	--close-button-background-color: var(--color-gray-50);
	--close-button-hover-background-color: var(--color-gray-100);
	--close-button-size: 32px;
	--close-button-box-shadow: 0;
	--close-button-border-radius: 50%
}

.as-close-button {
	align-items: center;
	background-color: var(--close-button-background-color);
	border: 0;
	border-radius: var(--close-button-border-radius);
	box-shadow: var(--close-button-box-shadow);
	color: var(--close-button-color);
	cursor: pointer;
	display: flex;
	height: var(--close-button-size);
	justify-content: center;
	min-width: var(--close-button-size);
	padding: 0;
	text-decoration: none;
	transition: background-color .2s;
	width: var(--close-button-size)
}

@media ((hover:hover) and (pointer:fine)) {
	.as-close-button:hover {
		background-color: var(--close-button-hover-background-color)
	}
}

body {
	--modal-overlay-color: rgba(36, 36, 64, .4);
	--modal-bg-color: #fff;
	--modal-header-font-family: var(--base-font-family);
	--modal-header-font-size: 28px;
	--modal-header-font-weight: 900;
	--modal-header-text-color: var(--color-text);
	--modal-content-font-family: var(--base-font-family);
	--modal-content-text-color: var(--color-text-secondary);
	--modal-padding-left-sm: 24px;
	--modal-padding-right-sm: 24px;
	--modal-padding-top: 40px;
	--modal-padding-left: 40px;
	--modal-padding-right: 40px;
	--modal-padding-bottom: 40px;
	--modal-border-radius: 24px;
	--modal-header-padding-bottom: 24px;
	--modal-actions-gap: 8px;
	--modal-loader-color: #fff
}

.dark-theme {
	--modal-overlay-color: rgba(36, 36, 64, .4);
	--modal-bg-color: var(--shade-900)
}

.as-modal__dialog {
	height: 100%;
	left: 0;
	outline: 0;
	overflow: hidden;
	overflow-y: auto;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1050
}

.as-modal__wrapper {
	align-items: flex-end;
	display: flex;
	min-height: 100%;
	outline: none
}

@media screen and (max-width:575px) {
	.as-modal__wrapper {
		max-width: none !important
	}
}

@media screen and (min-width:576px) {
	.as-modal__wrapper {
		align-items: center;
		margin: 1.75rem auto;
		min-height: calc(100% - 3.5rem)
	}
}

.as-modal.is-fullscreen .as-modal__wrapper {
	align-items: stretch
}

.as-modal__container {
	background: var(--modal-bg-color);
	border-radius: var(--modal-border-radius) var(--modal-border-radius) 0 0;
	margin-top: 36px;
	position: relative;
	transition-property: top, transform, opacity;
	transition-timing-function: cubic-bezier(.33, 1, .68, 1);
	width: 100%;
	z-index: 50
}

.as-modal__container.is-persistent {
	animation: AsModalPersistentAnimation .2s
}

@media screen and (min-width:576px) {
	.as-modal__container {
		border-radius: var(--modal-border-radius);
		margin-top: 0
	}
}

.as-modal__anchor {
	animation-delay: .4s;
	animation-duration: .3s;
	animation-fill-mode: forwards;
	animation-name: AsModalAnchorAnimation;
	animation-timing-function: cubic-bezier(.5, 1.8, .5, 1);
	height: 32px;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transform: translateY(-100%);
	width: 100%
}

.as-modal__anchor:before {
	background-color: #3d3d3d;
	border-radius: 8px;
	bottom: 8px;
	content: "";
	height: 6px;
	left: 50%;
	position: absolute;
	transform: translate(-50%);
	width: 140px
}

.as-modal__anchor:hover {
	opacity: 1 !important
}

@media screen and (min-width:576px) {
	.as-modal__anchor {
		display: none
	}
}

.as-modal__header {
	padding-bottom: var(--modal-header-padding-bottom)
}

.as-modal__title {
	color: var(--modal-header-text-color);
	font-family: var(--modal-header-font-family);
	font-size: calc(var(--modal-header-font-size) - 4px);
	font-weight: var(--modal-header-font-weight);
	letter-spacing: -.33px;
	line-height: 1.1
}

@media screen and (min-width:576px) {
	.as-modal__title {
		font-size: var(--modal-header-font-size)
	}
}

.as-modal__subtitle,
.as-modal__text {
	color: var(--modal-content-text-color);
	font-family: var(--modal-content-font-family)
}

.as-modal__subtitle {
	line-height: 1.5
}

.as-modal__text {
	line-height: 1.5;
	padding-bottom: calc(var(--safe-area-inset-bottom) + var(--modal-padding-bottom))
}

.as-modal__actions,
.as-modal__header,
.as-modal__subtitle,
.as-modal__text {
	padding-left: var(--modal-padding-left-sm);
	padding-right: var(--modal-padding-right-sm);
	padding-top: 32px;
	padding-top: max(var(--safe-area-inset-top), 32px)
}

@media screen and (min-width:576px) {

	.as-modal__actions,
	.as-modal__header,
	.as-modal__subtitle,
	.as-modal__text {
		padding-left: var(--modal-padding-left);
		padding-right: var(--modal-padding-right);
		padding-top: var(--modal-padding-top)
	}
}

.as-modal__header {
	padding-right: 44px
}

.as-modal__header--text-center {
	padding-left: 44px;
	text-align: center
}

.as-modal__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--modal-actions-gap);
	padding-bottom: calc(var(--safe-area-inset-bottom) + var(--modal-padding-bottom))
}

@media screen and (max-width:575px) {
	.as-modal__actions>* {
		flex: 0 1 100%;
		max-width: 100%
	}
}

.as-modal__header+.as-modal__text {
	padding-top: 0
}

.as-modal__header+.as-modal__subtitle {
	margin-top: -8px;
	padding-top: 0
}

@media screen and (min-width:576px) {
	.as-modal__subtitle+.as-modal__text {
		padding-top: 24px
	}
}

.as-modal__text+.as-modal__actions {
	padding-top: 0
}

.as-modal:has(.as-modal__actions) .as-modal__text {
	padding-bottom: var(--modal-header-padding-bottom)
}

.as-modal__close {
	position: absolute;
	right: 20px;
	top: 20px
}

.as-modal__overlay {
	background-color: var(--modal-overlay-color);
	height: 100vh;
	left: 0;
	position: fixed;
	top: 0;
	width: 100vw;
	z-index: 20
}

.as-modal__loader {
	color: var(--modal-loader-color);
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 21
}

@keyframes AsModalAnchorAnimation {
	0% {
		opacity: 0;
		transform: translateY(-80%)
	}

	to {
		opacity: .7;
		transform: translateY(-100%)
	}
}

@keyframes AsModalPersistentAnimation {
	0% {
		transform: scale(1)
	}

	50% {
		transform: scale(1.03)
	}

	to {
		transform: scale(1)
	}
}

.as-rating {
	--rating-gap: 5px;
	--rating-inactive-bg: var(--color-bg-secondary);
	--star-size-sm: var(--icon-small-size);
	--star-size-md: 18px;
	--star-size-lg: var(--icon-large-size);
	--star-active-color: var(--color-warning-600);
	--star-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M17.87 6.453a2.38 2.38 0 0 0-2.3-1.67h-3.276l-.996-3.101a2.421 2.421 0 0 0-4.61 0l-.994 3.102H2.417A2.42 2.42 0 0 0 .992 9.158l2.667 1.95-1.014 3.14a2.38 2.38 0 0 0 .888 2.71 2.38 2.38 0 0 0 2.85-.015l2.61-1.921 2.612 1.919a2.42 2.42 0 0 0 3.737-2.693l-1.014-3.14 2.67-1.95a2.38 2.38 0 0 0 .873-2.705'/%3E%3C/svg%3E");
	--star-size: var(--star-size-md)
}

.as-rating.is-small {
	--star-size: var(--star-size-sm)
}

.as-rating.is-large {
	--rating-gap: 8px;
	--star-size: var(--star-size-lg)
}

.as-rating.is-readonly {
	pointer-events: none
}

.as-rating__form {
	display: flex
}

.as-rating__form-stars {
	align-items: center;
	display: flex;
	width: -moz-max-content;
	width: max-content
}

.as-rating__form-counter {
	background: var(--rating-inactive-bg);
	border-radius: 4px;
	font-size: 16px;
	font-weight: 700;
	margin-left: 14px;
	padding: 8px 12px
}

.as-rating__input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: var(--rating-inactive-bg);
	background-repeat: repeat-x;
	cursor: pointer;
	height: var(--star-size);
	margin-right: var(--rating-gap);
	-webkit-mask-image: var(--star-icon);
	mask-image: var(--star-icon);
	-webkit-mask-repeat: repeat-x;
	mask-repeat: repeat-x;
	-webkit-mask-size: contain;
	mask-size: contain;
	transition: background-color .2s;
	width: var(--star-size)
}

.as-rating__input.is-active {
	animation-duration: .4s;
	animation-name: starPulse;
	background-color: var(--star-active-color)
}

.as-rating__input:last-child {
	margin-right: 0
}

.as-rating__message {
	color: var(--color-danger-500);
	margin-top: 6px
}

@keyframes starPulse {

	0%,
	to {
		transform: scale(1)
	}

	50% {
		transform: scale(1.2)
	}
}

body {
	--input-v1-height: 60px;
	--input-v1-padding-horizontal: 16px;
	--input-v1-padding-vertical: 0;
	--input-v1-margin-bottom: 24px;
	--input-v1-slots-indent: 8px;
	--input-v1-content-padding-top: calc(var(--input-v1-height) - 32px);
	--input-v1-text-field-padding: 0 0 .45em 0;
	--input-v1-border-radius: var(--controls-border-radius);
	--input-v1-label-font-size: 16px;
	--input-v1-label-line-height: 16px;
	--input-v1-label-color: var(--color-text-secondary);
	--input-v1-error-label-color: var(--color-danger-500);
	--input-v1-hover-label-color: var(--color-text-secondary);
	--input-v1-error-hover-label-color: var(--color-danger-500);
	--input-v1-shifted-label-transform: scale(.7) translateY(-.75em);
	--input-v1-text-field-font-size: 16px;
	--input-v1-text-field-color: var(--color-text);
	--input-v1-error-text-field-color: var(--color-text);
	--input-v1-outlined-error-border-color: var(--color-danger-500);
	--input-v1-message-font-size: 13px;
	--input-v1-message-padding: 4px var(--input-v1-padding-horizontal) 0;
	--input-v1-clear-button-size: 18px;
	--input-v1-outlined-bg: #fff;
	--input-v1-outlined-border-size: 1px;
	--input-v1-outlined-border-color: #d8d8da;
	--input-v1-outlined-hover-border-size: 1px;
	--input-v1-outlined-hover-border-color: #c8ccd0;
	--input-v1-outlined-focused-border-size: 2px;
	--input-v1-outlined-focused-border-color: var(--color-accent-500);
	--input-v1-outlined-error-hover-bg: #fff;
	--input-v1-filled-bg: #f3f5f6;
	--input-v1-filled-border-size: 1px;
	--input-v1-filled-border-color: #f3f5f6;
	--input-v1-filled-hover-bg: #f0f1f2;
	--input-v1-filled-hover-border-color: #f0f1f2;
	--input-v1-filled-focused-bg: #fff;
	--input-v1-filled-focused-border-color: #d8d8da;
	--input-v1-filled-error-bg: var(--color-danger-50);
	--input-v1-filled-error-border-color: var(--color-danger-50);
	--input-v1-filled-error-hover-bg: var(--color-danger-100);
	--input-v1-filled-error-hover-border-color: var(--color-danger-100);
	--input-v1-filled-error-focused-bg: #fff;
	--input-v1-filled-error-focused-border-color: var(--color-danger-500);
	--input-v1-disabled-bg: var(--color-bg-secondary)
}

.as-input-v1 {
	--input-v1-border-size: 0;
	--input-v1-border-color: transparent;
	--input-v1-bg: transparent;
	--input-v1-text-color: currentColor;
	color: var(--color-text);
	cursor: text;
	font-size: 16px;
	margin-bottom: var(--input-v1-margin-bottom);
	outline: none;
	position: relative;
	text-align: left
}

.as-input-v1__body,
.as-input-v1__box {
	display: flex;
	flex-wrap: nowrap
}


.as-input-v1__box {
	align-items: center;
	background-color: var(--input-v1-bg);
	border-radius: var(--input-v1-border-radius);
	box-shadow: 0 0 0 var(--input-v1-border-size) var(--input-v1-border-color);
	color: var(--input-v1-text-color);
	cursor: inherit;
	flex-grow: 1;
	min-height: var(--input-v1-height);
	overflow: hidden;
	padding: var(--input-v1-padding-vertical) var(--input-v1-padding-horizontal);
	transition: background-color .15s, box-shadow .1s
}
.as-input-v1__box input{
	border: none;
}

input.as-input-v1__box{
	border: 2px solid var(--color-accent-500);
}
.as-input-v1__main {
	align-self: stretch;
	flex-grow: 1;
	/*padding-top: var(--input-v1-content-padding-top);*/
	position: relative;
	border: none;
}

.as-input-v1__append,
.as-input-v1__prepend {
	display: block;
	font-size: var(--input-v1-text-field-font-size);
	line-height: 1.365em;
	pointer-events: none
}

.as-input-v1__prepend,
.as-input-v1__prepend-text {
	padding-right: var(--input-v1-slots-indent)
}

.as-input-v1__append,
.as-input-v1__append-text {
	padding-left: var(--input-v1-slots-indent)
}

.as-input-v1__clear-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: transparent;
	border: 0;
	color: inherit;
	cursor: pointer;
	font: inherit;
	height: var(--input-v1-clear-button-size);
	margin: 0;
	padding: 0;
	pointer-events: all;
	width: var(--input-v1-clear-button-size)
}

.as-input-v1__clear-button svg {
	vertical-align: middle
}

.as-input-v1__content {
	align-items: baseline;
	display: flex
}

.as-input-v1__content .as-select__chips,
.as-input-v1__content .as-select__text-body {
	color: var(--input-v1-text-field-color);
	font-size: var(--input-v1-text-field-font-size);
	padding: var(--input-v1-text-field-padding)
}

.as-input-v1__label {
	color: var(--input-v1-label-color);
	cursor: inherit;
	font-size: var(--input-v1-label-font-size);
	height: 18px;
	left: 0;
	line-height: var(--input-v1-label-line-height);
	overflow: hidden;
	pointer-events: none;
	position: absolute;
	right: 0;
	text-overflow: ellipsis;
	top: calc((var(--input-v1-height) - 18px)/2);
	transform-origin: top left;
	transition: .15s;
	white-space: nowrap
}

.as-input-v1 [data-text-field] {
	background: transparent;
	border: none;
	color: var(--input-v1-text-field-color);
	cursor: inherit;
	display: block;
	font: inherit;
	font-size: var(--input-v1-text-field-font-size);
	line-height: 1.3;
	outline: none;
	padding: var(--input-v1-text-field-padding);
	resize: none;
	transition: color .15s;
	width: 100%
}

.as-input-v1 [data-text-field]::-moz-placeholder {
	color: var(--color-text-secondary)
}

.as-input-v1 [data-text-field]::placeholder {
	color: var(--color-text-secondary)
}

.as-input-v1 [data-text-field]::-webkit-date-and-time-value {
	text-align: left
}

.as-input-v1 [data-text-field]:-moz-read-only:not(textarea) {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.as-input-v1 [data-text-field]:read-only:not(textarea) {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.as-input-v1 [data-placeholder],
.as-input-v1__message {
	color: var(--color-text-secondary)
}

.as-input-v1__message {
	flex: 0 0 100%;
	font-size: var(--input-v1-message-font-size);
	line-height: 20px;
	max-width: 100%;
	padding: var(--input-v1-message-padding)
}

.as-input-v1__message img {
	vertical-align: middle
}

.as-input-v1.is-label-shifted .as-input-v1__label {
	transform: var(--input-v1-shifted-label-transform)
}

.as-input-v1.has-error {
	animation-duration: .4s;
	animation-name: shakeX
}

.as-input-v1.has-error,
.as-input-v1.has-error .as-input-v1__label {
	color: var(--input-v1-error-label-color)
}

.as-input-v1.has-error .as-input-v1__message {
	color: var(--color-error-message)
}

.as-input-v1:hover {
	--input-v1-label-color: var(--input-v1-hover-label-color)
}

.as-input-v1.is-outlined {
	--input-v1-bg: var(--input-v1-outlined-bg);
	--input-v1-border-size: var(--input-v1-outlined-border-size);
	--input-v1-border-color: var(--input-v1-outlined-border-color)
}

.as-input-v1.is-outlined:hover {
	--input-v1-border-size: var(--input-v1-outlined-hover-border-size);
	--input-v1-border-color: var(--input-v1-outlined-hover-border-color)
}

.as-input-v1.is-outlined.is-focused {
	--input-v1-border-size: var(--input-v1-outlined-focused-border-size);
	--input-v1-border-color: var(--input-v1-outlined-focused-border-color)
}

.as-input-v1.is-outlined.has-error {
	--input-v1-border-size: var(--input-v1-outlined-focused-border-size);
	--input-v1-border-color: var(--input-v1-outlined-error-border-color);
	--input-v1-text-field-color: var(--input-v1-error-text-field-color)
}

.as-input-v1.is-outlined.has-error:hover {
	--input-v1-bg: var(--input-v1-outlined-error-hover-bg)
}

.as-input-v1.is-filled {
	--input-v1-bg: var(--input-v1-filled-bg);
	--input-v1-border-size: var(--input-v1-filled-border-size);
	--input-v1-border-color: var(--input-v1-filled-border-color)
}

.as-input-v1.is-filled:hover {
	--input-v1-bg: var(--input-v1-filled-hover-bg);
	--input-v1-border-color: var(--input-v1-filled-hover-border-color)
}

.as-input-v1.is-filled.is-focused {
	--input-v1-bg: var(--input-v1-filled-focused-bg);
	--input-v1-border-color: var(--input-v1-filled-focused-border-color)
}

.as-input-v1.is-filled.has-error {
	--input-v1-bg: var(--input-v1-filled-error-bg);
	--input-v1-border-color: var(--input-v1-filled-error-border-color);
	--input-v1-text-field-color: var(--input-v1-error-text-field-color)
}

.as-input-v1.is-filled.has-error:hover {
	--input-v1-bg: var(--input-v1-filled-error-hover-bg);
	--input-v1-border-color: var(--input-v1-filled-error-hover-border-color);
	--input-v1-error-label-color: var(--input-v1-error-hover-label-color)
}

.as-input-v1.is-filled.has-error.is-focused {
	--input-v1-bg: var(--input-v1-filled-error-focused-bg);
	--input-v1-border-color: var(--input-v1-filled-error-focused-border-color)
}

.as-input-v1.is-disabled {
	--input-v1-bg: var(--input-v1-disabled-bg)
}

.as-input-v1.is-disabled .as-input-v1__box {
	pointer-events: none
}

body {
	--input-v2-padding-horizontal: 16px;
	--input-v2-padding-vertical: 12px;
	--input-v2-margin-bottom: 24px;
	--input-v2-slots-indent: 8px;
	--input-v2-border-radius: var(--controls-border-radius);
	--input-v2-error-color: var(--color-error-message);
	--input-v2-height: 48px;
	--input-v2-font-size: 14px;
	--input-v2-clear-button-size: 18px;
	--input-v2-label-font-size: 14px;
	--input-v2-label-margin-bottom: 2px;
	--input-v2-label-color: var(--color-text);
	--input-v2-message-font-size: 12px;
	--input-v2-message-margin-top: 2px;
	--input-v2-message-color: var(--color-text-secondary);
	--input-v2-outlined-bg: #fff;
	--input-v2-outlined-border-size: 1px;
	--input-v2-outlined-border-color: #d8d8da;
	--input-v2-outlined-hover-border-size: 1px;
	--input-v2-outlined-hover-border-color: #c8ccd0;
	--input-v2-outlined-focused-border-size: 1px;
	--input-v2-outlined-focused-border-color: var(--color-accent-500);
	--input-v2-disabled-bg: var(--color-bg-secondary)
}

.as-input-v2 {
	--input-v2-border-size: 0;
	--input-v2-border-color: transparent;
	--input-v2-bg: transparent;
	--input-v2-text-color: currentColor;
	color: var(--color-text);
	cursor: text;
	font-size: var(--base-font-size);
	margin-bottom: var(--input-v2-margin-bottom);
	outline: none;
	position: relative;
	text-align: left
}
input{
	outline: none;
}
.as-input-v2__body,
.as-input-v2__box {
	display: flex;
	flex-grow: 1;
	flex-wrap: nowrap
}

.as-input-v2__box {
	align-items: center;
	background-color: var(--input-v2-bg);
	border-radius: var(--input-v2-border-radius);
	box-shadow: inset 0 0 0 var(--input-v2-border-size) var(--input-v2-border-color);
	color: var(--input-v2-text-color);
	cursor: inherit;
	overflow: hidden;
	padding: 0 var(--input-v2-padding-horizontal);
	transition: background-color .15s, box-shadow .1s
}

.as-input-v2__append,
.as-input-v2__prepend {
	display: block;
	font-size: var(--input-v2-font-size);
	pointer-events: none
}

.as-input-v2__prepend,
.as-input-v2__prepend-text {
	padding-right: var(--input-v2-slots-indent)
}

.as-input-v2__append,
.as-input-v2__append-text {
	padding-left: var(--input-v2-slots-indent)
}

.as-input-v2__clear-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: transparent;
	border: 0;
	color: inherit;
	cursor: pointer;
	font: inherit;
	height: var(--input-v2-clear-button-size);
	margin: 0;
	padding: 0;
	pointer-events: all;
	width: var(--input-v2-clear-button-size)
}

.as-input-v2__content {
	align-items: center;
	display: flex;
	flex-grow: 1;
	font-size: var(--input-v2-font-size);
	min-height: var(--input-v2-height);
	padding: var(--input-v2-padding-vertical) 0
}

.as-input-v2__label {
	color: var(--input-v2-label-color);
	cursor: inherit;
	font-size: var(--input-v2-label-font-size);
	margin-bottom: var(--input-v2-label-margin-bottom);
	overflow: hidden;
	pointer-events: none;
	text-overflow: ellipsis;
	transition: color .15s;
	white-space: nowrap
}

.as-input-v2 [data-text-field] {
	background: transparent;
	border: none;
	color: var(--color-text);
	cursor: inherit;
	display: block;
	font: inherit;
	font-size: var(--input-v2-font-size);
	line-height: 1.5;
	margin: 0;
	outline: none;
	padding: 0;
	resize: none;
	width: 100%
}

.as-input-v2 [data-text-field]::-moz-placeholder {
	color: var(--color-text-secondary)
}

.as-input-v2 [data-text-field]::placeholder {
	color: var(--color-text-secondary)
}

.as-input-v2 [data-text-field]:-moz-read-only:not(textarea) {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.as-input-v2 [data-text-field]:read-only:not(textarea) {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.as-input-v2 [data-placeholder] {
	color: var(--color-text-secondary)
}

.as-input-v2__message {
	color: var(--input-v2-message-color);
	flex: 0 0 100%;
	font-size: var(--input-v2-message-font-size);
	line-height: 1.5;
	margin-top: var(--input-v2-message-margin-top);
	max-width: 100%
}

.as-input-v2__message img {
	vertical-align: middle
}

.as-input-v2.has-error {
	--input-v2-label-color: var(--input-v2-error-color);
	--input-v2-message-color: var(--input-v2-error-color);
	animation-duration: .4s;
	animation-name: shakeX
}

.as-input-v2.has-error .as-input-v1__label {
	color: var(--input-v2-error-color)
}

.as-input-v2.has-error .as-input-v1__message {
	color: var(--color-error-message)
}

.as-input-v2.is-outlined {
	--input-v2-bg: var(--input-v2-outlined-bg);
	--input-v2-border-size: var(--input-v2-outlined-border-size);
	--input-v2-border-color: var(--input-v2-outlined-border-color)
}

.as-input-v2.is-outlined:hover {
	--input-v2-border-size: var(--input-v2-outlined-hover-border-size);
	--input-v2-border-color: var(--input-v2-outlined-hover-border-color)
}

.as-input-v2.is-outlined.is-focused {
	--input-v2-border-size: var(--input-v2-outlined-focused-border-size);
	--input-v2-border-color: var(--input-v2-outlined-focused-border-color)
}

.as-input-v2.is-outlined.has-error {
	--input-v2-border-size: var(--input-v2-outlined-focused-border-size);
	--input-v2-border-color: var(--input-v2-error-color)
}

.as-input-v2.is-disabled {
	--input-v2-bg: var(--input-v2-disabled-bg)
}

.as-input-v2.is-disabled .as-input-v2__box {
	pointer-events: none
}

body {
	--select-list-padding: 0 4px 16px;
	--select-dropdown-z-index: 2050;
	--select-dropdown-bg: var(--color-bg);
	--select-dropdown-border-radius: 8px;
	--select-dropdown-shadow: 0 12px 31px rgba(5, 35, 77, .1), 0 0 0 1px rgba(5, 35, 77, .05);
	--select-dropdown-min-height: 280px;
	--select-scrollbar-thumb-color: var(--shade-300);
	--select-header-font-size: .875rem;
	--select-header-font-weight: 500;
	--select-hedaer-text-color: var(--color-text-secondary);
	--select-header-padding: 10px 16px 0px 16px;
	--select-header-margin: 4px;
	--select-item-margin: 4px;
	--select-item-padding: 10px 32px 10px 16px;
	--select-no-data-padding: 10px 16px;
	--select-item-border-radius: 8px;
	--select-item-indent: 2px;
	--select-item-highlighted-bg: var(--color-accent-50);
	--select-item-active-bg: var(--color-accent-100);
	--select-item-active-text-color: var(--color-accent-900);
	--select-item-active-icon-color: var(--color-accent-500);
	--select-search-field-height: 52px;
	--select-search-field-padding: 0 24px 0 50px
}

@media screen and (min-width:992px) {
	body {
		--select-dropdown-min-height: 380px
	}
}

.as-select {
	cursor: pointer
}

.as-select.is-disabled {
	cursor: not-allowed
}

.as-select.is-disabled .as-select__append-action {
	pointer-events: none
}

.as-select__content {
	width: 100%
}

.as-select__text-body {
	cursor: inherit;
	line-height: 1.3;
	transition: color .15s;
	width: 100%
}

.as-select__prepend-inner {
	margin-right: 8px
}

.as-select__append-inner {
	margin-left: 8px
}

.as-select__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 4px
}

.as-select__chip {
	white-space: nowrap
}

.as-select__chip-button {
	align-items: center;
	background-color: inherit;
	border: 0;
	color: inherit;
	cursor: pointer;
	display: flex;
	height: 18px;
	justify-content: center;
	padding: 0;
	pointer-events: all;
	width: 18px
}

.as-select__append-actions {
	align-items: center;
	display: flex;
	gap: 4px;
	justify-content: flex-end
}

.as-select__append-action {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: transparent;
	border: 0;
	cursor: pointer;
	padding: 0;
	pointer-events: auto
}

.as-select__chevron-icon {
	transition: transform .1s
}

.as-select.is-opened .as-select__chevron-icon {
	transform: rotate(180deg)
}

.as-select .as-input-v1__append,
.as-select .as-input-v2__append {
	padding-left: 8px
}

.as-select-dropdown {
	max-width: 100%
}

.as-select-dropdown .as-dropdown {
	max-width: inherit
}

@media screen and (min-width:576px) {
	.as-select-dropdown__title {
		display: none
	}
}

.as-select-dropdown__body {
	display: flex;
	flex-direction: column
}

@media screen and (min-width:576px) {
	.as-select-dropdown__body {
		max-height: min(50vh, var(--select-dropdown-min-height))
	}
}

.as-select-dropdown__loader,
.as-select-dropdown__no-data {
	padding: var(--select-no-data-padding);
	text-align: center
}

.as-select-dropdown__search {
	border-bottom: 1px solid var(--color-border);
	border-top: 1px solid var(--color-border);
	margin-bottom: 8px;
	position: relative
}

@media screen and (min-width:576px) {
	.as-select-dropdown__search {
		border-top: 0;
		margin-bottom: 0
	}
}

.as-select-dropdown__search-icon {
	height: 16px;
	left: 24px;
	margin-top: -8px;
	position: absolute;
	top: 50%;
	width: 16px
}

@media screen and (min-width:576px) {
	.as-select-dropdown__search-icon {
		left: 16px
	}
}

.as-select-dropdown__search-field {
	background: transparent;
	border: none;
	color: var(--color-text);
	cursor: inherit;
	display: block;
	font: inherit;
	height: var(--select-search-field-height);
	line-height: 1.5;
	outline: none;
	padding: var(--select-search-field-padding);
	resize: none;
	width: 100%
}

@media screen and (min-width:576px) {
	.as-select-dropdown__search-field {
		padding: 0 16px 0 42px
	}
}

.as-select-dropdown__search-field::-moz-placeholder {
	color: var(--color-text-secondary)
}

.as-select-dropdown__search-field::placeholder {
	color: var(--color-text-secondary)
}

.as-select-dropdown__actions {
	bottom: 0;
	padding-bottom: 16px;
	padding-top: 16px;
	position: sticky
}

@media screen and (min-width:576px) {
	.as-select-dropdown__actions {
		display: none
	}
}

.as-select-list {
	color: var(--color-text);
	flex-grow: 1;
	list-style: none;
	margin: 0;
	overflow: auto;
	padding: var(--select-list-padding)
}

.as-select-list:not(:last-child) {
	padding-bottom: 0
}

@media screen and (min-width:576px) {
	.as-select-list {
		padding: 0
	}
}

.as-select-list::-webkit-scrollbar {
	-webkit-appearance: none;
	background: transparent;
	width: 10px
}

.as-select-list::-webkit-scrollbar-thumb {
	background-color: var(--select-scrollbar-thumb-color);
	border: 2px solid var(--select-dropdown-bg);
	border-radius: 12px
}

.as-select-list::-webkit-scrollbar-button {
	display: none
}

.as-select-list__header {
	color: var(--select-hedaer-text-color);
	font-size: var(--select-header-font-size);
	font-weight: var(--select-header-font-weight);
	margin: var(--select-header-margin);
	padding: var(--select-header-padding)
}

.as-select-list__item {
	border-radius: var(--select-item-border-radius);
	cursor: pointer;
	display: block;
	margin: var(--select-item-margin);
	margin-bottom: var(--select-item-indent);
	max-width: 100%;
	padding: var(--select-item-padding);
	position: relative;
	transition: background-color .1s
}

@media screen and (max-width:575px) {
	.as-select-list__item:first-child {
		margin-top: 0
	}
}

.as-select-list__item.is-highlighted {
	background: var(--select-item-highlighted-bg)
}

.as-select-list__item.is-filled {
	background: #f3f5f68f;
	border-bottom: 1px solid #f0f1f2;
	border-radius: 0;
	border-top: 1px solid #f0f1f2;
	margin: 0;
	padding-left: 20px
}

.as-select-list__item.is-filled:hover {
	background: #e4e9eb8f
}

.as-select-list__item.is-selected {
	background: var(--select-item-active-bg);
	color: var(--select-item-active-text-color)
}

.as-select-list__item.is-disabled {
	opacity: .5;
	pointer-events: none;
	text-decoration: line-through
}

.as-select-list__check-icon {
	color: var(--select-item-active-icon-color);
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1
}

.as-row {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0
}

.as-row.is-justify-space-between {
	justify-content: space-between
}

.as-row.is-justify-space-around {
	justify-content: space-around
}

.as-row.is-justify-center {
	justify-content: center
}

.as-row.is-justify-left {
	justify-content: left
}

.as-row.is-justify-right {
	justify-content: right
}

.as-row.is-justify-stretch {
	justify-content: stretch
}

.as-row.is-justify-end {
	justify-content: end
}

.as-row.is-justify-start {
	justify-content: start
}

.as-row.is-justify-flex-end {
	justify-content: flex-end
}

.as-row.is-justify-flex-start {
	justify-content: flex-start
}

.as-row.is-align-center {
	align-items: center
}

.as-row.is-align-flex-end {
	align-items: flex-end
}

.as-row.is-align-flex-start {
	align-items: flex-start
}

.as-row.is-align-baseline {
	align-items: baseline
}

.as-row.is-align-stretch {
	align-items: stretch
}

.as-row.is-direction-column {
	flex-direction: column
}

.as-row.is-direction-column-reverse {
	flex-direction: column-reverse
}

.as-row.is-direction-row {
	flex-direction: row
}

.as-row.is-direction-row-reverse {
	flex-direction: row-reverse
}

.as-row.is-nowrap {
	flex-wrap: nowrap
}

.as-row.has-gutters {
	margin-left: -8px !important;
	margin-right: -8px !important
}

.as-row.has-gutters>.as-col {
	padding: 0 8px
}

.as-col {
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%
}

.as-col.is-auto {
	flex: 0 0 auto;
	max-width: 100%;
	width: auto
}

.as-col.is-1 {
	flex: 0 0 4.1666666667%;
	max-width: 4.1666666667%
}

.as-col.has-offset-1 {
	margin-left: 4.1666666667%
}

.as-col.is-2 {
	flex: 0 0 8.3333333333%;
	max-width: 8.3333333333%
}

.as-col.has-offset-2 {
	margin-left: 8.3333333333%
}

.as-col.is-3 {
	flex: 0 0 12.5%;
	max-width: 12.5%
}

.as-col.has-offset-3 {
	margin-left: 12.5%
}

.as-col.is-4 {
	flex: 0 0 16.6666666667%;
	max-width: 16.6666666667%
}

.as-col.has-offset-4 {
	margin-left: 16.6666666667%
}

.as-col.is-5 {
	flex: 0 0 20.8333333333%;
	max-width: 20.8333333333%
}

.as-col.has-offset-5 {
	margin-left: 20.8333333333%
}

.as-col.is-6 {
	flex: 0 0 25%;
	max-width: 25%
}

.as-col.has-offset-6 {
	margin-left: 25%
}

.as-col.is-7 {
	flex: 0 0 29.1666666667%;
	max-width: 29.1666666667%
}

.as-col.has-offset-7 {
	margin-left: 29.1666666667%
}

.as-col.is-8 {
	flex: 0 0 33.3333333333%;
	max-width: 33.3333333333%
}

.as-col.has-offset-8 {
	margin-left: 33.3333333333%
}

.as-col.is-9 {
	flex: 0 0 37.5%;
	max-width: 37.5%
}

.as-col.has-offset-9 {
	margin-left: 37.5%
}

.as-col.is-10 {
	flex: 0 0 41.6666666667%;
	max-width: 41.6666666667%
}

.as-col.has-offset-10 {
	margin-left: 41.6666666667%
}

.as-col.is-11 {
	flex: 0 0 45.8333333333%;
	max-width: 45.8333333333%
}

.as-col.has-offset-11 {
	margin-left: 45.8333333333%
}

.as-col.is-12 {
	flex: 0 0 50%;
	max-width: 50%
}

.as-col.has-offset-12 {
	margin-left: 50%
}

.as-col.is-13 {
	flex: 0 0 54.1666666667%;
	max-width: 54.1666666667%
}

.as-col.has-offset-13 {
	margin-left: 54.1666666667%
}

.as-col.is-14 {
	flex: 0 0 58.3333333333%;
	max-width: 58.3333333333%
}

.as-col.has-offset-14 {
	margin-left: 58.3333333333%
}

.as-col.is-15 {
	flex: 0 0 62.5%;
	max-width: 62.5%
}

.as-col.has-offset-15 {
	margin-left: 62.5%
}

.as-col.is-16 {
	flex: 0 0 66.6666666667%;
	max-width: 66.6666666667%
}

.as-col.has-offset-16 {
	margin-left: 66.6666666667%
}

.as-col.is-17 {
	flex: 0 0 70.8333333333%;
	max-width: 70.8333333333%
}

.as-col.has-offset-17 {
	margin-left: 70.8333333333%
}

.as-col.is-18 {
	flex: 0 0 75%;
	max-width: 75%
}

.as-col.has-offset-18 {
	margin-left: 75%
}

.as-col.is-19 {
	flex: 0 0 79.1666666667%;
	max-width: 79.1666666667%
}

.as-col.has-offset-19 {
	margin-left: 79.1666666667%
}

.as-col.is-20 {
	flex: 0 0 83.3333333333%;
	max-width: 83.3333333333%
}

.as-col.has-offset-20 {
	margin-left: 83.3333333333%
}

.as-col.is-21 {
	flex: 0 0 87.5%;
	max-width: 87.5%
}

.as-col.has-offset-21 {
	margin-left: 87.5%
}

.as-col.is-22 {
	flex: 0 0 91.6666666667%;
	max-width: 91.6666666667%
}

.as-col.has-offset-22 {
	margin-left: 91.6666666667%
}

.as-col.is-23 {
	flex: 0 0 95.8333333333%;
	max-width: 95.8333333333%
}

.as-col.has-offset-23 {
	margin-left: 95.8333333333%
}

.as-col.is-24 {
	flex: 0 0 100%;
	max-width: 100%
}

.as-col.has-offset-24 {
	margin-left: 100%
}

@media screen and (max-width:359px) {
	.as-col {
		flex: 0 0 100%;
		max-width: 100%
	}
}

@media screen and (min-width:360px) {
	.as-col.xs\:is-auto {
		flex: 0 0 auto;
		max-width: 100%;
		width: auto
	}

	.as-col.xs\:is-1 {
		flex: 0 0 4.1666666667%;
		max-width: 4.1666666667%
	}

	.as-col.xs\:has-offset-1 {
		margin-left: 4.1666666667%
	}

	.as-col.xs\:is-2 {
		flex: 0 0 8.3333333333%;
		max-width: 8.3333333333%
	}

	.as-col.xs\:has-offset-2 {
		margin-left: 8.3333333333%
	}

	.as-col.xs\:is-3 {
		flex: 0 0 12.5%;
		max-width: 12.5%
	}

	.as-col.xs\:has-offset-3 {
		margin-left: 12.5%
	}

	.as-col.xs\:is-4 {
		flex: 0 0 16.6666666667%;
		max-width: 16.6666666667%
	}

	.as-col.xs\:has-offset-4 {
		margin-left: 16.6666666667%
	}

	.as-col.xs\:is-5 {
		flex: 0 0 20.8333333333%;
		max-width: 20.8333333333%
	}

	.as-col.xs\:has-offset-5 {
		margin-left: 20.8333333333%
	}

	.as-col.xs\:is-6 {
		flex: 0 0 25%;
		max-width: 25%
	}

	.as-col.xs\:has-offset-6 {
		margin-left: 25%
	}

	.as-col.xs\:is-7 {
		flex: 0 0 29.1666666667%;
		max-width: 29.1666666667%
	}

	.as-col.xs\:has-offset-7 {
		margin-left: 29.1666666667%
	}

	.as-col.xs\:is-8 {
		flex: 0 0 33.3333333333%;
		max-width: 33.3333333333%
	}

	.as-col.xs\:has-offset-8 {
		margin-left: 33.3333333333%
	}

	.as-col.xs\:is-9 {
		flex: 0 0 37.5%;
		max-width: 37.5%
	}

	.as-col.xs\:has-offset-9 {
		margin-left: 37.5%
	}

	.as-col.xs\:is-10 {
		flex: 0 0 41.6666666667%;
		max-width: 41.6666666667%
	}

	.as-col.xs\:has-offset-10 {
		margin-left: 41.6666666667%
	}

	.as-col.xs\:is-11 {
		flex: 0 0 45.8333333333%;
		max-width: 45.8333333333%
	}

	.as-col.xs\:has-offset-11 {
		margin-left: 45.8333333333%
	}

	.as-col.xs\:is-12 {
		flex: 0 0 50%;
		max-width: 50%
	}

	.as-col.xs\:has-offset-12 {
		margin-left: 50%
	}

	.as-col.xs\:is-13 {
		flex: 0 0 54.1666666667%;
		max-width: 54.1666666667%
	}

	.as-col.xs\:has-offset-13 {
		margin-left: 54.1666666667%
	}

	.as-col.xs\:is-14 {
		flex: 0 0 58.3333333333%;
		max-width: 58.3333333333%
	}

	.as-col.xs\:has-offset-14 {
		margin-left: 58.3333333333%
	}

	.as-col.xs\:is-15 {
		flex: 0 0 62.5%;
		max-width: 62.5%
	}

	.as-col.xs\:has-offset-15 {
		margin-left: 62.5%
	}

	.as-col.xs\:is-16 {
		flex: 0 0 66.6666666667%;
		max-width: 66.6666666667%
	}

	.as-col.xs\:has-offset-16 {
		margin-left: 66.6666666667%
	}

	.as-col.xs\:is-17 {
		flex: 0 0 70.8333333333%;
		max-width: 70.8333333333%
	}

	.as-col.xs\:has-offset-17 {
		margin-left: 70.8333333333%
	}

	.as-col.xs\:is-18 {
		flex: 0 0 75%;
		max-width: 75%
	}

	.as-col.xs\:has-offset-18 {
		margin-left: 75%
	}

	.as-col.xs\:is-19 {
		flex: 0 0 79.1666666667%;
		max-width: 79.1666666667%
	}

	.as-col.xs\:has-offset-19 {
		margin-left: 79.1666666667%
	}

	.as-col.xs\:is-20 {
		flex: 0 0 83.3333333333%;
		max-width: 83.3333333333%
	}

	.as-col.xs\:has-offset-20 {
		margin-left: 83.3333333333%
	}

	.as-col.xs\:is-21 {
		flex: 0 0 87.5%;
		max-width: 87.5%
	}

	.as-col.xs\:has-offset-21 {
		margin-left: 87.5%
	}

	.as-col.xs\:is-22 {
		flex: 0 0 91.6666666667%;
		max-width: 91.6666666667%
	}

	.as-col.xs\:has-offset-22 {
		margin-left: 91.6666666667%
	}

	.as-col.xs\:is-23 {
		flex: 0 0 95.8333333333%;
		max-width: 95.8333333333%
	}

	.as-col.xs\:has-offset-23 {
		margin-left: 95.8333333333%
	}

	.as-col.xs\:is-24 {
		flex: 0 0 100%;
		max-width: 100%
	}

	.as-col.xs\:has-offset-24 {
		margin-left: 100%
	}
}

@media screen and (min-width:576px) {
	.as-col.sm\:is-auto {
		flex: 0 0 auto;
		max-width: 100%;
		width: auto
	}

	.as-col.sm\:is-1 {
		flex: 0 0 4.1666666667%;
		max-width: 4.1666666667%
	}

	.as-col.sm\:has-offset-1 {
		margin-left: 4.1666666667%
	}

	.as-col.sm\:is-2 {
		flex: 0 0 8.3333333333%;
		max-width: 8.3333333333%
	}

	.as-col.sm\:has-offset-2 {
		margin-left: 8.3333333333%
	}

	.as-col.sm\:is-3 {
		flex: 0 0 12.5%;
		max-width: 12.5%
	}

	.as-col.sm\:has-offset-3 {
		margin-left: 12.5%
	}

	.as-col.sm\:is-4 {
		flex: 0 0 16.6666666667%;
		max-width: 16.6666666667%
	}

	.as-col.sm\:has-offset-4 {
		margin-left: 16.6666666667%
	}

	.as-col.sm\:is-5 {
		flex: 0 0 20.8333333333%;
		max-width: 20.8333333333%
	}

	.as-col.sm\:has-offset-5 {
		margin-left: 20.8333333333%
	}

	.as-col.sm\:is-6 {
		flex: 0 0 25%;
		max-width: 25%
	}

	.as-col.sm\:has-offset-6 {
		margin-left: 25%
	}

	.as-col.sm\:is-7 {
		flex: 0 0 29.1666666667%;
		max-width: 29.1666666667%
	}

	.as-col.sm\:has-offset-7 {
		margin-left: 29.1666666667%
	}

	.as-col.sm\:is-8 {
		flex: 0 0 33.3333333333%;
		max-width: 33.3333333333%
	}

	.as-col.sm\:has-offset-8 {
		margin-left: 33.3333333333%
	}

	.as-col.sm\:is-9 {
		flex: 0 0 37.5%;
		max-width: 37.5%
	}

	.as-col.sm\:has-offset-9 {
		margin-left: 37.5%
	}

	.as-col.sm\:is-10 {
		flex: 0 0 41.6666666667%;
		max-width: 41.6666666667%
	}

	.as-col.sm\:has-offset-10 {
		margin-left: 41.6666666667%
	}

	.as-col.sm\:is-11 {
		flex: 0 0 45.8333333333%;
		max-width: 45.8333333333%
	}

	.as-col.sm\:has-offset-11 {
		margin-left: 45.8333333333%
	}

	.as-col.sm\:is-12 {
		flex: 0 0 50%;
		max-width: 50%
	}

	.as-col.sm\:has-offset-12 {
		margin-left: 50%
	}

	.as-col.sm\:is-13 {
		flex: 0 0 54.1666666667%;
		max-width: 54.1666666667%
	}

	.as-col.sm\:has-offset-13 {
		margin-left: 54.1666666667%
	}

	.as-col.sm\:is-14 {
		flex: 0 0 58.3333333333%;
		max-width: 58.3333333333%
	}

	.as-col.sm\:has-offset-14 {
		margin-left: 58.3333333333%
	}

	.as-col.sm\:is-15 {
		flex: 0 0 62.5%;
		max-width: 62.5%
	}

	.as-col.sm\:has-offset-15 {
		margin-left: 62.5%
	}

	.as-col.sm\:is-16 {
		flex: 0 0 66.6666666667%;
		max-width: 66.6666666667%
	}

	.as-col.sm\:has-offset-16 {
		margin-left: 66.6666666667%
	}

	.as-col.sm\:is-17 {
		flex: 0 0 70.8333333333%;
		max-width: 70.8333333333%
	}

	.as-col.sm\:has-offset-17 {
		margin-left: 70.8333333333%
	}

	.as-col.sm\:is-18 {
		flex: 0 0 75%;
		max-width: 75%
	}

	.as-col.sm\:has-offset-18 {
		margin-left: 75%
	}

	.as-col.sm\:is-19 {
		flex: 0 0 79.1666666667%;
		max-width: 79.1666666667%
	}

	.as-col.sm\:has-offset-19 {
		margin-left: 79.1666666667%
	}

	.as-col.sm\:is-20 {
		flex: 0 0 83.3333333333%;
		max-width: 83.3333333333%
	}

	.as-col.sm\:has-offset-20 {
		margin-left: 83.3333333333%
	}

	.as-col.sm\:is-21 {
		flex: 0 0 87.5%;
		max-width: 87.5%
	}

	.as-col.sm\:has-offset-21 {
		margin-left: 87.5%
	}

	.as-col.sm\:is-22 {
		flex: 0 0 91.6666666667%;
		max-width: 91.6666666667%
	}

	.as-col.sm\:has-offset-22 {
		margin-left: 91.6666666667%
	}

	.as-col.sm\:is-23 {
		flex: 0 0 95.8333333333%;
		max-width: 95.8333333333%
	}

	.as-col.sm\:has-offset-23 {
		margin-left: 95.8333333333%
	}

	.as-col.sm\:is-24 {
		flex: 0 0 100%;
		max-width: 100%
	}

	.as-col.sm\:has-offset-24 {
		margin-left: 100%
	}
}

@media screen and (min-width:992px) {
	.as-col.md\:is-auto {
		flex: 0 0 auto;
		max-width: 100%;
		width: auto
	}

	.as-col.md\:is-1 {
		flex: 0 0 4.1666666667%;
		max-width: 4.1666666667%
	}

	.as-col.md\:has-offset-1 {
		margin-left: 4.1666666667%
	}

	.as-col.md\:is-2 {
		flex: 0 0 8.3333333333%;
		max-width: 8.3333333333%
	}

	.as-col.md\:has-offset-2 {
		margin-left: 8.3333333333%
	}

	.as-col.md\:is-3 {
		flex: 0 0 12.5%;
		max-width: 12.5%
	}

	.as-col.md\:has-offset-3 {
		margin-left: 12.5%
	}

	.as-col.md\:is-4 {
		flex: 0 0 16.6666666667%;
		max-width: 16.6666666667%
	}

	.as-col.md\:has-offset-4 {
		margin-left: 16.6666666667%
	}

	.as-col.md\:is-5 {
		flex: 0 0 20.8333333333%;
		max-width: 20.8333333333%
	}

	.as-col.md\:has-offset-5 {
		margin-left: 20.8333333333%
	}

	.as-col.md\:is-6 {
		flex: 0 0 25%;
		max-width: 25%
	}

	.as-col.md\:has-offset-6 {
		margin-left: 25%
	}

	.as-col.md\:is-7 {
		flex: 0 0 29.1666666667%;
		max-width: 29.1666666667%
	}

	.as-col.md\:has-offset-7 {
		margin-left: 29.1666666667%
	}

	.as-col.md\:is-8 {
		flex: 0 0 33.3333333333%;
		max-width: 33.3333333333%
	}

	.as-col.md\:has-offset-8 {
		margin-left: 33.3333333333%
	}

	.as-col.md\:is-9 {
		flex: 0 0 37.5%;
		max-width: 37.5%
	}

	.as-col.md\:has-offset-9 {
		margin-left: 37.5%
	}

	.as-col.md\:is-10 {
		flex: 0 0 41.6666666667%;
		max-width: 41.6666666667%
	}

	.as-col.md\:has-offset-10 {
		margin-left: 41.6666666667%
	}

	.as-col.md\:is-11 {
		flex: 0 0 45.8333333333%;
		max-width: 45.8333333333%
	}

	.as-col.md\:has-offset-11 {
		margin-left: 45.8333333333%
	}

	.as-col.md\:is-12 {
		flex: 0 0 50%;
		max-width: 50%
	}

	.as-col.md\:has-offset-12 {
		margin-left: 50%
	}

	.as-col.md\:is-13 {
		flex: 0 0 54.1666666667%;
		max-width: 54.1666666667%
	}

	.as-col.md\:has-offset-13 {
		margin-left: 54.1666666667%
	}

	.as-col.md\:is-14 {
		flex: 0 0 58.3333333333%;
		max-width: 58.3333333333%
	}

	.as-col.md\:has-offset-14 {
		margin-left: 58.3333333333%
	}

	.as-col.md\:is-15 {
		flex: 0 0 62.5%;
		max-width: 62.5%
	}

	.as-col.md\:has-offset-15 {
		margin-left: 62.5%
	}

	.as-col.md\:is-16 {
		flex: 0 0 66.6666666667%;
		max-width: 66.6666666667%
	}

	.as-col.md\:has-offset-16 {
		margin-left: 66.6666666667%
	}

	.as-col.md\:is-17 {
		flex: 0 0 70.8333333333%;
		max-width: 70.8333333333%
	}

	.as-col.md\:has-offset-17 {
		margin-left: 70.8333333333%
	}

	.as-col.md\:is-18 {
		flex: 0 0 75%;
		max-width: 75%
	}

	.as-col.md\:has-offset-18 {
		margin-left: 75%
	}

	.as-col.md\:is-19 {
		flex: 0 0 79.1666666667%;
		max-width: 79.1666666667%
	}

	.as-col.md\:has-offset-19 {
		margin-left: 79.1666666667%
	}

	.as-col.md\:is-20 {
		flex: 0 0 83.3333333333%;
		max-width: 83.3333333333%
	}

	.as-col.md\:has-offset-20 {
		margin-left: 83.3333333333%
	}

	.as-col.md\:is-21 {
		flex: 0 0 87.5%;
		max-width: 87.5%
	}

	.as-col.md\:has-offset-21 {
		margin-left: 87.5%
	}

	.as-col.md\:is-22 {
		flex: 0 0 91.6666666667%;
		max-width: 91.6666666667%
	}

	.as-col.md\:has-offset-22 {
		margin-left: 91.6666666667%
	}

	.as-col.md\:is-23 {
		flex: 0 0 95.8333333333%;
		max-width: 95.8333333333%
	}

	.as-col.md\:has-offset-23 {
		margin-left: 95.8333333333%
	}

	.as-col.md\:is-24 {
		flex: 0 0 100%;
		max-width: 100%
	}

	.as-col.md\:has-offset-24 {
		margin-left: 100%
	}
}

@media screen and (min-width:1200px) {
	.as-col.lg\:is-auto {
		flex: 0 0 auto;
		max-width: 100%;
		width: auto
	}

	.as-col.lg\:is-1 {
		flex: 0 0 4.1666666667%;
		max-width: 4.1666666667%
	}

	.as-col.lg\:has-offset-1 {
		margin-left: 4.1666666667%
	}

	.as-col.lg\:is-2 {
		flex: 0 0 8.3333333333%;
		max-width: 8.3333333333%
	}

	.as-col.lg\:has-offset-2 {
		margin-left: 8.3333333333%
	}

	.as-col.lg\:is-3 {
		flex: 0 0 12.5%;
		max-width: 12.5%
	}

	.as-col.lg\:has-offset-3 {
		margin-left: 12.5%
	}

	.as-col.lg\:is-4 {
		flex: 0 0 16.6666666667%;
		max-width: 16.6666666667%
	}

	.as-col.lg\:has-offset-4 {
		margin-left: 16.6666666667%
	}

	.as-col.lg\:is-5 {
		flex: 0 0 20.8333333333%;
		max-width: 20.8333333333%
	}

	.as-col.lg\:has-offset-5 {
		margin-left: 20.8333333333%
	}

	.as-col.lg\:is-6 {
		flex: 0 0 25%;
		max-width: 25%
	}

	.as-col.lg\:has-offset-6 {
		margin-left: 25%
	}

	.as-col.lg\:is-7 {
		flex: 0 0 29.1666666667%;
		max-width: 29.1666666667%
	}

	.as-col.lg\:has-offset-7 {
		margin-left: 29.1666666667%
	}

	.as-col.lg\:is-8 {
		flex: 0 0 33.3333333333%;
		max-width: 33.3333333333%
	}

	.as-col.lg\:has-offset-8 {
		margin-left: 33.3333333333%
	}

	.as-col.lg\:is-9 {
		flex: 0 0 37.5%;
		max-width: 37.5%
	}

	.as-col.lg\:has-offset-9 {
		margin-left: 37.5%
	}

	.as-col.lg\:is-10 {
		flex: 0 0 41.6666666667%;
		max-width: 41.6666666667%
	}

	.as-col.lg\:has-offset-10 {
		margin-left: 41.6666666667%
	}

	.as-col.lg\:is-11 {
		flex: 0 0 45.8333333333%;
		max-width: 45.8333333333%
	}

	.as-col.lg\:has-offset-11 {
		margin-left: 45.8333333333%
	}

	.as-col.lg\:is-12 {
		flex: 0 0 50%;
		max-width: 50%
	}

	.as-col.lg\:has-offset-12 {
		margin-left: 50%
	}

	.as-col.lg\:is-13 {
		flex: 0 0 54.1666666667%;
		max-width: 54.1666666667%
	}

	.as-col.lg\:has-offset-13 {
		margin-left: 54.1666666667%
	}

	.as-col.lg\:is-14 {
		flex: 0 0 58.3333333333%;
		max-width: 58.3333333333%
	}

	.as-col.lg\:has-offset-14 {
		margin-left: 58.3333333333%
	}

	.as-col.lg\:is-15 {
		flex: 0 0 62.5%;
		max-width: 62.5%
	}

	.as-col.lg\:has-offset-15 {
		margin-left: 62.5%
	}

	.as-col.lg\:is-16 {
		flex: 0 0 66.6666666667%;
		max-width: 66.6666666667%
	}

	.as-col.lg\:has-offset-16 {
		margin-left: 66.6666666667%
	}

	.as-col.lg\:is-17 {
		flex: 0 0 70.8333333333%;
		max-width: 70.8333333333%
	}

	.as-col.lg\:has-offset-17 {
		margin-left: 70.8333333333%
	}

	.as-col.lg\:is-18 {
		flex: 0 0 75%;
		max-width: 75%
	}

	.as-col.lg\:has-offset-18 {
		margin-left: 75%
	}

	.as-col.lg\:is-19 {
		flex: 0 0 79.1666666667%;
		max-width: 79.1666666667%
	}

	.as-col.lg\:has-offset-19 {
		margin-left: 79.1666666667%
	}

	.as-col.lg\:is-20 {
		flex: 0 0 83.3333333333%;
		max-width: 83.3333333333%
	}

	.as-col.lg\:has-offset-20 {
		margin-left: 83.3333333333%
	}

	.as-col.lg\:is-21 {
		flex: 0 0 87.5%;
		max-width: 87.5%
	}

	.as-col.lg\:has-offset-21 {
		margin-left: 87.5%
	}

	.as-col.lg\:is-22 {
		flex: 0 0 91.6666666667%;
		max-width: 91.6666666667%
	}

	.as-col.lg\:has-offset-22 {
		margin-left: 91.6666666667%
	}

	.as-col.lg\:is-23 {
		flex: 0 0 95.8333333333%;
		max-width: 95.8333333333%
	}

	.as-col.lg\:has-offset-23 {
		margin-left: 95.8333333333%
	}

	.as-col.lg\:is-24 {
		flex: 0 0 100%;
		max-width: 100%
	}

	.as-col.lg\:has-offset-24 {
		margin-left: 100%
	}
}

@media screen and (min-width:1600px) {
	.as-col.xl\:is-auto {
		flex: 0 0 auto;
		max-width: 100%;
		width: auto
	}

	.as-col.xl\:is-1 {
		flex: 0 0 4.1666666667%;
		max-width: 4.1666666667%
	}

	.as-col.xl\:has-offset-1 {
		margin-left: 4.1666666667%
	}

	.as-col.xl\:is-2 {
		flex: 0 0 8.3333333333%;
		max-width: 8.3333333333%
	}

	.as-col.xl\:has-offset-2 {
		margin-left: 8.3333333333%
	}

	.as-col.xl\:is-3 {
		flex: 0 0 12.5%;
		max-width: 12.5%
	}

	.as-col.xl\:has-offset-3 {
		margin-left: 12.5%
	}

	.as-col.xl\:is-4 {
		flex: 0 0 16.6666666667%;
		max-width: 16.6666666667%
	}

	.as-col.xl\:has-offset-4 {
		margin-left: 16.6666666667%
	}

	.as-col.xl\:is-5 {
		flex: 0 0 20.8333333333%;
		max-width: 20.8333333333%
	}

	.as-col.xl\:has-offset-5 {
		margin-left: 20.8333333333%
	}

	.as-col.xl\:is-6 {
		flex: 0 0 25%;
		max-width: 25%
	}

	.as-col.xl\:has-offset-6 {
		margin-left: 25%
	}

	.as-col.xl\:is-7 {
		flex: 0 0 29.1666666667%;
		max-width: 29.1666666667%
	}

	.as-col.xl\:has-offset-7 {
		margin-left: 29.1666666667%
	}

	.as-col.xl\:is-8 {
		flex: 0 0 33.3333333333%;
		max-width: 33.3333333333%
	}

	.as-col.xl\:has-offset-8 {
		margin-left: 33.3333333333%
	}

	.as-col.xl\:is-9 {
		flex: 0 0 37.5%;
		max-width: 37.5%
	}

	.as-col.xl\:has-offset-9 {
		margin-left: 37.5%
	}

	.as-col.xl\:is-10 {
		flex: 0 0 41.6666666667%;
		max-width: 41.6666666667%
	}

	.as-col.xl\:has-offset-10 {
		margin-left: 41.6666666667%
	}

	.as-col.xl\:is-11 {
		flex: 0 0 45.8333333333%;
		max-width: 45.8333333333%
	}

	.as-col.xl\:has-offset-11 {
		margin-left: 45.8333333333%
	}

	.as-col.xl\:is-12 {
		flex: 0 0 50%;
		max-width: 50%
	}

	.as-col.xl\:has-offset-12 {
		margin-left: 50%
	}

	.as-col.xl\:is-13 {
		flex: 0 0 54.1666666667%;
		max-width: 54.1666666667%
	}

	.as-col.xl\:has-offset-13 {
		margin-left: 54.1666666667%
	}

	.as-col.xl\:is-14 {
		flex: 0 0 58.3333333333%;
		max-width: 58.3333333333%
	}

	.as-col.xl\:has-offset-14 {
		margin-left: 58.3333333333%
	}

	.as-col.xl\:is-15 {
		flex: 0 0 62.5%;
		max-width: 62.5%
	}

	.as-col.xl\:has-offset-15 {
		margin-left: 62.5%
	}

	.as-col.xl\:is-16 {
		flex: 0 0 66.6666666667%;
		max-width: 66.6666666667%
	}

	.as-col.xl\:has-offset-16 {
		margin-left: 66.6666666667%
	}

	.as-col.xl\:is-17 {
		flex: 0 0 70.8333333333%;
		max-width: 70.8333333333%
	}

	.as-col.xl\:has-offset-17 {
		margin-left: 70.8333333333%
	}

	.as-col.xl\:is-18 {
		flex: 0 0 75%;
		max-width: 75%
	}

	.as-col.xl\:has-offset-18 {
		margin-left: 75%
	}

	.as-col.xl\:is-19 {
		flex: 0 0 79.1666666667%;
		max-width: 79.1666666667%
	}

	.as-col.xl\:has-offset-19 {
		margin-left: 79.1666666667%
	}

	.as-col.xl\:is-20 {
		flex: 0 0 83.3333333333%;
		max-width: 83.3333333333%
	}

	.as-col.xl\:has-offset-20 {
		margin-left: 83.3333333333%
	}

	.as-col.xl\:is-21 {
		flex: 0 0 87.5%;
		max-width: 87.5%
	}

	.as-col.xl\:has-offset-21 {
		margin-left: 87.5%
	}

	.as-col.xl\:is-22 {
		flex: 0 0 91.6666666667%;
		max-width: 91.6666666667%
	}

	.as-col.xl\:has-offset-22 {
		margin-left: 91.6666666667%
	}

	.as-col.xl\:is-23 {
		flex: 0 0 95.8333333333%;
		max-width: 95.8333333333%
	}

	.as-col.xl\:has-offset-23 {
		margin-left: 95.8333333333%
	}

	.as-col.xl\:is-24 {
		flex: 0 0 100%;
		max-width: 100%
	}

	.as-col.xl\:has-offset-24 {
		margin-left: 100%
	}
}

body {
	--skeleton-background-base: var(--shade-200);
	--skeleton-background-darken: var(--shade-400);
	--skeleton-background-lighten: var(--shade-100)
}

.dark-theme {
	--skeleton-background-base: hsla(0, 0%, 100%, .15);
	--skeleton-background-darken: hsla(0, 0%, 100%, .3);
	--skeleton-background-lighten: hsla(0, 0%, 100%, .08)
}

.as-skeleton {
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-name: AsSkeletonAnimation;
	animation-timing-function: .6s cubic-bezier(.45, 0, .55, 1);
	background: var(--skeleton-background-base);
	border-radius: 12px;
	height: 16px;
	margin-bottom: .5em;
	overflow: hidden;
	position: relative
}

.as-skeleton.is-darken {
	background: var(--skeleton-background-darken)
}

.as-skeleton.is-lighten {
	background: var(--skeleton-background-lighten)
}

.as-skeleton.is-circle {
	border-radius: 50%;
	padding: 0
}

.as-skeleton:last-child {
	margin-bottom: 0
}

@keyframes AsSkeletonAnimation {

	0%,
	to {
		opacity: 1
	}

	50% {
		opacity: .7
	}
}

body {
	--breadcrumbs-margin: 0 0 24px;
	--breadcrumbs-font-size: var(--caption-2-font-size);
	--breadcrumbs-text-color: var(--color-text-secondary)
}

.as-breadcrumbs {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	font-size: var(--breadcrumbs-font-size);
	list-style: none;
	margin: var(--breadcrumbs-margin);
	padding: 0
}

.as-breadcrumbs__item {
	display: inline-block
}

.as-breadcrumbs__item:after {
	background: var(--breadcrumbs-text-color);
	border-radius: 2px;
	content: "";
	display: inline-block;
	height: 1px;
	margin: 0 6px;
	vertical-align: middle;
	width: 6px
}

.as-breadcrumbs__item:last-child:after {
	display: none
}

.as-breadcrumbs__link {
	color: var(--breadcrumbs-text-color);
	vertical-align: middle;
	white-space: pre-wrap
}

.as-collapse-transition__body.scale-in {
	animation-duration: .25s;
	animation-name: scaleIn;
	transform-origin: left top
}

.as-collapse-transition__body.fade-out {
	animation-duration: .2s;
	animation-name: fadeOut
}

body {
	--collapse-header-padding: 16px 0;
	--collapse-prepend-height: 27px;
	--collapse-prepend-width: 65px;
	--collapse-prepend-padding: 0 8px;
	--collapse-title-font-size: 18px;
	--collapse-title-font-family: var(--headings-font-family);
	--collapse-body-padding: 0 0 16px;
	--collapse-body-text-color: var(--color-text-secondary);
	--collapse-close-button-padding: 0;
	--collapse-close-button-border: 0;
	--collapse-close-button-background: transparent;
	--collapse-close-button-size: 24px;
	--collapse-close-button-color: currentColor;
	--collapse-header-actions-gap: 8px
}

.as-collapse {
	padding: var(--collapse-padding)
}
.as-collapse .as-collapse-transition{
	display: none;
}
.as-collapse.is-active .as-collapse-transition{
	display: block;
}
.as-collapse__header {
	cursor: pointer;
	padding: var(--collapse-header-padding);
	position: relative;
	transition: color .2s
}

.as-collapse__header svg.icon {
	fill: currentColor
}

.as-collapse__header:hover {
	color: var(--color-accent-500)
}

@media screen and (min-width:576px) {
	.as-collapse__header {
		display: flex
	}
}

.as-collapse__prepend {
	align-items: center;
	background-color: var(--color-bg-secondary);
	border-radius: 24px;
	color: var(--color-text);
	display: inline-flex;
	font-size: 14px;
	font-weight: 600;
	height: var(--collapse-prepend-height);
	justify-content: center;
	margin-right: 16px;
	min-width: var(--collapse-prepend-width);
	padding: var(--collapse-prepend-padding);
	white-space: nowrap;
	width: var(--collapse-prepend-width)
}

.as-collapse__heading {
	display: flex;
	flex-grow: 1;
	justify-content: space-between;
	padding-top: 16px
}

.as-collapse__heading:first-child {
	padding-top: 0
}

@media screen and (min-width:576px) {
	.as-collapse__heading {
		padding-top: 0
	}
}

.as-collapse__title {
	align-items: center;
	display: flex;
	flex-grow: 1;
	font-family: var(--collapse-title-font-family);
	font-size: var(--collapse-title-font-size);
	font-weight: 600
}

.as-collapse__close-button {
	align-items: center;
	background-color: var(--collapse-close-button-background);
	border: var(--collapse-close-button-border);
	color: var(--collapse-close-button-color);
	cursor: inherit;
	display: flex;
	height: var(--collapse-close-button-size);
	justify-content: center;
	padding: var(--collapse-close-button-padding);
	width: var(--collapse-close-button-size)
}

.as-collapse__close-button svg {
	transition: transform .2s
}

.as-collapse__actions {
	align-items: flex-start;
	display: flex;
	gap: var(--collapse-header-actions-gap)
}

.as-collapse__body {
	color: var(--collapse-body-text-color);
	padding: var(--collapse-body-padding)
}

.as-collapse.is-active .as-collapse__close-button svg {
	transform: rotate(180deg)
}

@media screen and (min-width:576px) {
	.as-collapse.has-prepend .as-collapse__body {
		padding-left: calc(var(--collapse-prepend-width) + 16px)
	}
}

.as-collapse.is-always-closed {
	pointer-events: none
}

body {
	--tag-background: var(--color-bg-secondary);
	--tag-border-color: var(--color-border);
	--tag-text-color: var(--color-text);
	--tag-height: 44px;
	--tag-horizontal-padding: 16px;
	--tag-border-radius: 24px;
	--tag-close-background: rgba(85, 106, 120, .08);
	--tag-close-hover-background: rgba(85, 106, 120, .15);
	--tag-outlined-background-color: var(--color-bg);
	--tag-outlined-hover-background-color: var(--color-bg);
	--tag-outlined-hover-color: var(--color-accent-500);
	--tag-link-hover-background-color: var(--tag-background);
	--tag-link-hover-color: var(--color-accent-500);
	--tag-small-height: 30px;
	--tag-small-font-weight: 600;
	--tag-small-vertical-padding: 5px;
	--tag-small-horizontal-padding: 10px;
	--tag-small-border-radius: 24px;
	--tag-small-font-size: 14px
}

.dark-theme {
	--tag-background: #444458
}

.as-tag {
	align-items: center;
	background: var(--tag-background);
	border: 0;
	border-radius: var(--tag-border-radius);
	color: var(--tag-text-color);
	display: inline-flex;
	margin: 0;
	min-height: var(--tag-height);
	overflow: hidden;
	padding: 0 var(--tag-horizontal-padding);
	transition-duration: .2s;
	transition-property: background-color, color;
	white-space: nowrap
}

.as-tag.is-outlined {
	background-color: var(--tag-outlined-background-color);
	box-shadow: inset 0 0 0 1px var(--tag-border-color)
}

.as-tag.is-link {
	cursor: pointer
}

@media ((hover:hover) and (pointer:fine)) {
	.as-tag.is-link:not(.is-outlined):hover {
		background-color: var(--tag-link-hover-background-color);
		color: var(--tag-link-hover-color)
	}

	.as-tag.is-link.is-outlined:hover {
		background-color: var(--tag-outlined-hover-background-color);
		color: var(--tag-outlined-hover-color)
	}
}

.as-tag__prepend {
	margin-right: 8px
}

.as-tag__close {
	align-items: center;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: var(--tag-close-background);
	border: 0;
	border-radius: 50%;
	color: inherit;
	cursor: pointer;
	display: inline-flex;
	height: 28px;
	justify-content: center;
	margin: 0 8px 0 0;
	margin-left: calc(var(--tag-horizontal-padding)/2);
	margin-right: calc(var(--tag-horizontal-padding)*-1/2);
	transition: .15s;
	width: 28px
}

.as-tag__close:hover {
	background-color: var(--tag-close-hover-background)
}

.as-tag__close-icon {
	height: 16px;
	min-width: 16px;
	vertical-align: middle;
	width: 16px
}

.as-tag.is-small {
	border-radius: var(--tag-small-border-radius);
	font-size: var(--tag-small-font-size);
	font-weight: var(--tag-small-font-weight);
	min-height: var(--tag-small-height);
	padding: 0 var(--tag-small-horizontal-padding)
}

.as-tag.is-small .as-tag__close {
	height: calc(var(--tag-small-height) - 8px);
	margin-left: calc(var(--tag-small-horizontal-padding)/2);
	margin-right: calc(var(--tag-small-horizontal-padding)*-1/2);
	width: calc(var(--tag-small-height) - 8px)
}

.as-tag.is-small .as-tag__close-icon {
	height: 14px;
	width: 14px
}

.as-tag.is-small .as-tag__prepend {
	margin-right: 4px
}

.as-input-code__label {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 16px;
	text-align: center
}

.as-input-code__box {
	align-items: center;
	display: flex;
	justify-content: center
}

@media screen and (max-width:359px) {
	.as-input-code__box {
		justify-content: space-between
	}
}

.as-input-code__field {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: textfield;
	background-color: var(--input-v1-filled-bg);
	border: none;
	border-radius: 8px;
	box-shadow: 0 0 0 1px var(--input-v1-filled-bg);
	font-size: 28px;
	font-weight: 700;
	height: 54px;
	max-width: 54px;
	padding: 0 4px;
	text-align: center;
	transition: background-color .2s, box-shadow .2s;
	width: 54px
}

.as-input-code__field::-webkit-inner-spin-button,
.as-input-code__field::-webkit-outer-spin-button {
	-webkit-appearance: none;
	-moz-appearance: textfield
}

.as-input-code__field:not(:last-child) {
	margin-right: 12px
}

.as-input-code__field:focus {
	background-color: var(--color-bg);
	box-shadow: 0 0 0 1px #d8d8da
}

@media screen and (max-width:359px) {
	.as-input-code__field {
		height: 48px;
		max-width: 48px;
		width: 48px
	}

	.as-input-code__field:not(:last-child) {
		margin-right: 4px
	}
}

.as-input-code__message {
	font-size: 13px;
	line-height: 20px;
	margin-top: 4px;
	text-align: center
}

.as-input-code.has-error {
	animation-duration: .4s;
	animation-name: shakeX;
	color: var(--color-error-message)
}

.as-input-code.has-error .as-input-code__field {
	background-color: var(--input-v1-filled-error-bg);
	box-shadow: 0 0 0 1px var(--input-v1-filled-error-border-color);
	color: var(--color-error-message)
}

.as-input-code.has-error .as-input-code__field::-moz-placeholder {
	color: #ff8080
}

.as-input-code.has-error .as-input-code__field::placeholder {
	color: #ff8080
}

.as-indicator {
	--indicator-size: 6px;
	--indicators-gap: 4px;
	--indicator-active-color: var(--color-accent-500);
	--indicator-active-min-color: var(--color-success-500);
	--indicator-active-medium-color: var(--color-warning-500);
	--indicator-active-max-color: var(--color-danger-500);
	--indicator-nonactive-color: var(--color-border);
	display: inline-flex;
	gap: var(--indicators-gap);
	vertical-align: middle
}

.as-indicator__item {
	border-radius: 50%;
	height: var(--indicator-size);
	vertical-align: top;
	width: var(--indicator-size)
}

.as-indicator__item:last-child {
	margin-right: 0
}

.as-indicator__item.is-active {
	background-color: var(--indicator-active-color)
}

.as-indicator__item.is-active.is-min {
	background-color: var(--indicator-active-min-color)
}

.as-indicator__item.is-active.is-medium {
	background-color: var(--indicator-active-medium-color)
}

.as-indicator__item.is-active.is-max {
	background-color: var(--indicator-active-max-color)
}

.as-indicator__item:not(.is-active) {
	background-color: var(--indicator-nonactive-color)
}

body {
	--info-button-size: var(--icon-medium-size);
	--info-button-color: var(--color-gray-300);
	--info-button-color-hover: var(--color-text)
}

.as-info-button {
	align-items: center;
	background-color: transparent;
	border: 0;
	border-radius: 50%;
	color: var(--info-button-color);
	cursor: pointer;
	display: inline-flex;
	height: var(--info-button-size);
	justify-content: center;
	margin: 0 0 0 4px;
	outline: none;
	padding: 0;
	transition: color .15s;
	vertical-align: text-top;
	width: var(--info-button-size)
}

.as-info-button .svg-icon {
	height: inherit;
	width: inherit
}

.as-info-button:hover {
	color: var(--info-button-color-hover)
}

body {
	--card-border: 1px solid var(--color-border);
	--card-border-radius: 12px;
	--card-margin: 24px;
	--card-title-font-family: var(--headings-font-family);
	--card-title-weight: 600;
	--card-title-line-height: 1.2;
	--card-title-font-size: 18px;
	--card-caption-font-family: var(--body-font-family);
	--card-caption-weight: 600;
	--card-caption-line-height: 1.2;
	--card-caption-font-size: 16px;
	--card-caption-margin: 16px 0;
	--card-header-min-height: 48px;
	--card-header-padding: 8px 16px;
	--card-body-padding: 16px;
	--card-subtitle-margin: 8px 0 0;
	--card-actions-padding: 16px;
	--card-actions-gap: 8px;
	--card-shadow: 0 8px 24px 0 rgba(89, 102, 132, .06), 0 0 0 1px var(--color-border)
}

.as-card {
	border: var(--card-border);
	border-radius: var(--card-border-radius);
	margin-bottom: var(--card-margin)
}

.as-card.has-shadow {
	border: 0;
	box-shadow: var(--card-shadow)
}

.as-card__header {
	align-items: center;
	border-bottom: var(--card-border);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	min-height: var(--card-header-min-height);
	padding: var(--card-header-padding)
}

.as-card__title {
	font-family: var(--card-title-font-family);
	font-size: var(--card-title-font-size);
	font-weight: var(--card-title-weight);
	line-height: var(--card-title-line-height)
}

.as-card__subtitle {
	color: var(--color-text-secondary);
	flex: 0 0 100%;
	margin: var(--card-subtitle-margin);
	width: 100%
}

.as-card__caption {
	font-family: var(--card-caption-font-family);
	font-size: var(--card-caption-font-size);
	font-weight: var(--card-caption-weight);
	line-height: var(--card-caption-line-height);
	margin: var(--card-caption-margin)
}

.as-card__caption:first-child {
	margin-top: 0
}

.as-card__body {
	padding: var(--card-body-padding)
}

.as-card__actions {
	border-top: var(--card-border);
	display: flex;
	flex-wrap: wrap;
	gap: var(--card-actions-gap);
	padding: var(--card-actions-padding)
}

@media screen and (max-width:575px) {
	.as-card__actions>* {
		flex: 0 1 100%;
		max-width: 100%
	}
}

.as-card-stack {
	margin-bottom: var(--card-margin)
}

.as-card-stack .as-card {
	border-radius: 0;
	margin-bottom: 0
}

.as-card-stack .as-card:first-child {
	border-top-left-radius: var(--card-border-radius);
	border-top-right-radius: var(--card-border-radius)
}

.as-card-stack .as-card:last-child {
	border-bottom-left-radius: var(--card-border-radius);
	border-bottom-right-radius: var(--card-border-radius)
}

.as-card-stack .as-card:not(:first-child) {
	border-top: 0
}

body {
	--switch-margin-bottom: 8px;
	--switch-height: 22px;
	--switch-width: 36px;
	--switch-gap: 8px;
	--switch-bg-color: #d5d5dd;
	--switch-active-bg-color: var(--color-accent-500);
	--switch-thumb-size: 18px;
	--switch-thumb-shadow: .25px .75px 1px rgba(2, 16, 57, .16);
	--switch-thumb-inset: calc((var(--switch-height) - var(--switch-thumb-size))/2);
	--switch-thumb-active-translate-x: calc(var(--switch-width) - var(--switch-thumb-size) - var(--switch-thumb-inset)*2);
	--switch-hint-font-size: 13px;
	--switch-hint-line-height: 140%;
	--switch-hint-inset: 4px;
	--switch-error-color: var(--color-danger-500)
}

.as-switch {
	align-items: flex-start;
	cursor: pointer;
	display: flex;
	gap: var(--switch-gap);
	margin-bottom: var(--switch-margin-bottom);
	max-width: -moz-fit-content;
	max-width: fit-content
}

.as-switch__icon {
	background-color: var(--switch-bg-color);
	border-radius: 20px;
	flex: 0 0 var(--switch-width);
	height: var(--switch-height);
	position: relative;
	transition: all .2s;
	width: var(--switch-width)
}

.as-switch__icon:before {
	background: var(--color-white);
	border-radius: 50%;
	box-shadow: var(--switch-thumb-shadow);
	content: "";
	height: var(--switch-thumb-size);
	left: var(--switch-thumb-inset);
	position: absolute;
	top: var(--switch-thumb-inset);
	transition: transform .3s cubic-bezier(.175, .885, .32, 1.275);
	width: var(--switch-thumb-size)
}

.as-switch__icon:hover {
	opacity: .8
}

.as-switch__icon.is-active {
	background-color: var(--switch-active-bg-color)
}

.as-switch__icon.is-active:before {
	transform: translate(var(--switch-thumb-active-translate-x))
}

.as-switch__input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: inherit;
	cursor: inherit;
	height: inherit;
	position: absolute;
	right: 0;
	top: 0;
	width: inherit
}

.as-switch__text {
	align-self: center;
	line-height: 1.4
}

.as-switch__hint {
	color: var(--color-text-secondary);
	font-size: var(--switch-hint-font-size);
	line-height: var(--switch-hint-line-height)
}

.as-switch__message {
	color: var(--color-text-secondary);
	font-size: var(--checkbox-hint-font-size);
	line-height: var(--checkbox-hint-line-height);
	margin-top: var(--checkbox-hint-inset)
}

.has-error .as-switch__message {
	color: var(--switch-error-color)
}

.as-switch.is-disabled,
.as-switch.is-readonly {
	cursor: default;
	pointer-events: none
}

.as-switch.is-disabled {
	opacity: .4
}

.as-switch.is-reversed {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between
}

body {
	--tooltip-border-radius: 8px;
	--tooltip-bg-color: var(--color-bg);
	--tooltip-text-color: var(--color-text);
	--tooltip-padding: 6px 12px;
	--tooltip-shadow: 0 4px 20px rgba(51, 51, 51, .08), 0 0 2px 2px rgba(0, 0, 0, .02);
	--tooltip-z-index: 50;
	--tooltip-animation-duration: .2s;
	--tooltip-animation-timing: cubic-bezier(.16, 1, .3, 1);
	--tooltip-arrow-fill: var(--color-bg)
}

.as-tooltip {
	animation-duration: var(--tooltip-animation-duration);
	animation-fill-mode: forwards;
	animation-timing-function: var(--tooltip-animation-timing);
	background-color: var(--tooltip-bg-color);
	border-radius: var(--tooltip-border-radius);
	box-shadow: var(--tooltip-shadow);
	color: var(--tooltip-text-color);
	line-height: var(--tooltip-line-height);
	padding: var(--tooltip-padding);
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	will-change: transform, opacity;
	z-index: var(--tooltip-z-index)
}

.as-tooltip[data-state=delayed-open] {
	animation-name: fadeInZoom
}

.as-tooltip[data-state=closed] {
	animation-name: fadeOutZoom
}

.as-tooltip[data-state=delayed-open][data-side=top] {
	animation-name: fadeInZoomSlideFromBottom
}

.as-tooltip[data-state=delayed-open][data-side=right] {
	animation-name: fadeInZoomSlideFromLeft
}

.as-tooltip[data-state=delayed-open][data-side=bottom] {
	animation-name: fadeInZoomSlideFromTop
}

.as-tooltip[data-state=delayed-open][data-side=left] {
	animation-name: fadeInZoomSlideFromRight
}

.as-tooltip__arrow {
	fill: var(--tooltip-arrow-fill)
}

body {
	--dropdown-menu-bg: var(--color-bg);
	--dropdown-menu-border-radius: 12px;
	--dropdown-menu-padding: 4px;
	--dropdown-menu-shadow: 0 4px 20px rgba(51, 51, 51, .08), 0 0 2px 2px rgba(0, 0, 0, .02);
	--dropdown-menu-animation-duration: .15s;
	--dropdown-menu-animation-timing: cubic-bezier(.16, 1, .3, 1);
	--dropdown-menu-label-color: var(--color-text);
	--dropdown-menu-label-padding: 4px 12px;
	--dropdown-menu-label-font-size: 1rem;
	--dropdown-menu-label-font-weight: 600;
	--dropdown-menu-border: var(--color-border);
	--dropdown-menu-text-color: var(--color-text);
	--dropdown-menu-item-disabled-opacity: .5;
	--dropdown-menu-item-padding: 6px 12px;
	--dropdown-menu-item-font-size: 1rem;
	--dropdown-menu-item-border-radius: 8px;
	--dropdown-menu-item-gap: 6px;
	--dropdown-menu-item-hover-bg: var(--color-bg-secondary);
	--dropdown-menu-item-hover-text-color: var(--color-text)
}

.dropdown-menu__content {
	animation-duration: var(--dropdown-menu-animation-duration);
	animation-fill-mode: forwards;
	animation-timing-function: var(--dropdown-menu-animation-timing);
	background-color: var(--dropdown-menu-bg);
	border-radius: var(--dropdown-menu-border-radius);
	box-shadow: var(--dropdown-menu-shadow);
	color: var(--dropdown-menu-text-color);
	max-width: 320px;
	min-width: 140px;
	padding: var(--dropdown-menu-padding);
	width: 224px;
	will-change: transform, opacity;
	z-index: 50
}

.dropdown-menu__content--sub {
	width: auto
}

.dropdown-menu__content--open,
.dropdown-menu__content[data-state=open] {
	animation-name: dropdownMenuContentShow
}

.dropdown-menu__content--closed,
.dropdown-menu__content[data-state=closed] {
	animation-name: dropdownMenuContentHide
}

.dropdown-menu__label {
	color: var(--dropdown-menu-label-color);
	font-size: var(--dropdown-menu-label-font-size);
	font-weight: var(--dropdown-menu-label-font-weight);
	padding: var(--dropdown-menu-label-padding)
}

.dropdown-menu__item {
	align-items: center;
	border-radius: var(--dropdown-menu-item-border-radius);
	color: var(--dropdown-menu-text-color);
	cursor: default;
	display: flex;
	font-size: var(--dropdown-menu-item-font-size);
	gap: var(--dropdown-menu-item-gap);
	outline: none;
	padding: var(--dropdown-menu-item-padding);
	position: relative;
	transition: background-color .15s ease;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.dropdown-menu__item--focused,
.dropdown-menu__item--highlighted,
.dropdown-menu__item:focus,
.dropdown-menu__item[data-highlighted] {
	background-color: var(--dropdown-menu-item-hover-bg);
	color: var(--dropdown-menu-item-hover-text-color)
}

.dropdown-menu__item[data-disabled] {
	opacity: var(--dropdown-menu-item-disabled-opacity);
	pointer-events: none
}

.dropdown-menu__item--destructive {
	--dropdown-menu-text-color: var(--color-danger-500);
	--dropdown-menu-item-hover-bg: var(--color-danger-50);
	--dropdown-menu-item-hover-text-color: var(--color-danger-500)
}

.dropdown-menu__item-content {
	flex: 1
}

.dropdown-menu__item-append img,
.dropdown-menu__item-append svg,
.dropdown-menu__item-prepend img,
.dropdown-menu__item-prepend svg {
	vertical-align: text-bottom
}

.dropdown-menu__separator {
	background-color: var(--dropdown-menu-border);
	height: 1px;
	margin: var(--dropdown-menu-padding) calc(var(--dropdown-menu-padding)*-1)
}

.dropdown-menu__arrow {
	fill: var(--dropdown-menu-bg)
}

@keyframes dropdownMenuContentShow {
	0% {
		opacity: 0;
		transform: scale(.95) translateY(-.125rem)
	}

	to {
		opacity: 1;
		transform: scale(1) translateY(0)
	}
}

@keyframes dropdownMenuContentHide {
	0% {
		opacity: 1;
		transform: scale(1) translateY(0)
	}

	to {
		opacity: 0;
		transform: scale(.95) translateY(-.125rem)
	}
}

body {
	--dropdown-min-width: 200px;
	--dropdown-max-width: max-content;
	--dropdown-title-padding: 16px 20px 0;
	--dropdown-body-padding: 16px 20px;
	--dropdown-bg-color: var(--color-bg);
	--dropdown-text-color: var(--color-text);
	--dropdown-border-radius: 8px;
	--dropdown-shadow: 0 4px 20px rgba(51, 51, 51, .08), 0 0 2px 2px rgba(0, 0, 0, .02)
}

.as-dropdown {
	background-color: var(--dropdown-bg-color);
	border-radius: var(--dropdown-border-radius);
	box-shadow: var(--dropdown-shadow);
	color: var(--dropdown-text-color);
	cursor: unset;
	left: 0;
	max-width: var(--dropdown-max-width);
	min-width: var(--dropdown-min-width);
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1051
}

.as-dropdown__title {
	font-family: var(--headings-font-family);
	font-size: 1.125rem;
	font-weight: 700;
	padding: var(--dropdown-title-padding)
}

.as-dropdown__body {
	font-size: 1rem;
	line-height: 1.5;
	padding: var(--dropdown-body-padding)
}

.as-dropdown__title+.as-dropdown__body {
	padding-top: calc(var(--dropdown-body-padding)*.5)
}

.as-dropdown__header+.as-dropdown__body {
	padding-top: 0
}

.as-dropdown__header+.as-dropdown__subtitle {
	margin-top: -8px
}

.as-dropdown__arrow {
	height: 8px;
	position: absolute;
	width: 28px
}

.as-dropdown__arrow:after {
	background-image: var(--dropdown-arrow-image);
	content: "";
	display: block;
	height: inherit;
	left: 0;
	position: absolute;
	right: 0;
	width: inherit
}

.as-dropdown[data-popper-placement^=top]>.as-dropdown__arrow {
	bottom: -8px
}

.as-dropdown[data-popper-placement^=top]>.as-dropdown__arrow:after {
	transform: rotate(180deg)
}

.as-dropdown[data-popper-placement^=bottom]>.as-dropdown__arrow {
	top: -8px
}

.as-dropdown[data-popper-placement^=left]>.as-dropdown__arrow {
	right: -28px
}

.as-dropdown[data-popper-placement^=left]>.as-dropdown__arrow:after {
	transform: rotate(90deg) translateY(10px)
}

.as-dropdown[data-popper-placement^=right]>.as-dropdown__arrow {
	left: -28px
}

.as-dropdown[data-popper-placement^=right]>.as-dropdown__arrow:after {
	transform: rotate(-90deg) translateY(10px)
}

body {
	--input-slider-track-height: 4px;
	--input-slider-thumb-size: 18px;
	--input-slider-thumb-bg: var(--color-bg);
	--input-slider-thumb-bg-hover: var(--color-bg);
	--input-slider-thumb-bg-disabled: var(--color-bg);
	--input-slider-thumb-shadow: inset 0 0 0 3px var(--color-accent-500);
	--input-slider-thumb-shadow-hover: inset 0 0 0 3px var(--color-accent-650);
	--input-slider-thumb-shadow-disabled: inset 0 0 0 3px var(--color-gray-100);
	--input-slider-track-border-radius: 10px;
	--input-slider-progress-track-border-radius: unset;
	--input-slider-track-background-color: var(--shade-100);
	--input-slider-track-hover-background-color: var(--shade-200);
	--input-slider-progress-track-background-color: var(--color-accent-500);
	--input-slider-progress-track-disabled-background-color: var(--color-gray-100)
}

.as-input-slider {
	min-height: var(--input-slider-track-height);
	padding: calc(var(--input-slider-thumb-size)*.5) 0;
	position: relative;
	width: 100%
}

.as-input-slider.is-disabled {
	pointer-events: none;
	--input-slider-thumb-bg: var(--input-slider-thumb-bg-disabled);
	--input-slider-thumb-shadow: var(--input-slider-thumb-shadow-disabled);
	--input-slider-progress-track-background-color: var(--input-slider-progress-track-disabled-background-color)
}

.as-input-slider.is-animated {
	--input-slider-transition: width .2s, left .2s, transform .2s
}

.as-input-slider__track {
	background-color: var(--input-slider-track-background-color);
	border-radius: var(--input-slider-track-border-radius);
	cursor: pointer;
	height: var(--input-slider-track-height);
	transition: background-color .2s;
	width: 100%
}

.as-input-slider__track:hover {
	background-color: var(--input-slider-track-hover-background-color)
}

.as-input-slider__progress-track {
	background-color: var(--input-slider-progress-track-background-color);
	border-radius: var(--input-slider-progress-track-border-radius);
	height: var(--input-slider-track-height);
	left: 0;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: var(--input-slider-transition);
	z-index: 1
}

.as-input-slider__tooltip {
	background-color: var(--color-bg);
	border-radius: var(--dropdown-border-radius);
	box-shadow: 0 1px 1px #0000001a, 0 3px 5px 3px #0000000f;
	font-weight: 600;
	left: 50%;
	opacity: 0;
	padding: 2px 8px;
	pointer-events: none;
	position: absolute;
	text-align: center;
	top: -8px;
	transform: translate(-50%, -100%) scale(.3);
	transform-origin: bottom center;
	transition: opacity .25s, transform .25s;
	white-space: nowrap
}

.as-input-slider__tooltip:after {
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid var(--color-bg);
	bottom: 1px;
	content: "";
	height: 0;
	left: 50%;
	position: absolute;
	transform: translate(-50%, 100%);
	width: 0
}

@media screen and (min-width:576px) {
	.as-input-slider__tooltip {
		font-size: 13px;
		font-weight: 400;
		min-width: 30px
	}
}

.as-input-slider__dot {
	background-color: var(--input-slider-thumb-bg);
	border-radius: 50%;
	box-shadow: var(--input-slider-thumb-shadow);
	cursor: pointer;
	height: var(--input-slider-thumb-size);
	left: 0;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: var(--input-slider-transition);
	width: var(--input-slider-thumb-size);
	z-index: 1
}

.as-input-slider__dot:focus,
.as-input-slider__dot:hover {
	--input-slider-thumb-bg: var(--input-slider-thumb-bg-hover);
	--input-slider-thumb-shadow: var(--input-slider-thumb-shadow-hover)
}

.as-input-slider__dot:focus .as-input-slider__tooltip,
.as-input-slider__dot:hover .as-input-slider__tooltip {
	opacity: 1;
	transform: translate(-50%, -100%) scale(1)
}

body {
	--inputs-gap: 4px
}

.as-input-range__inputs {
	display: flex;
	gap: var(--inputs-gap)
}

.as-input-range input[type=number] {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: textfield
}

.as-input-range input[type=number]::-webkit-inner-spin-button,
.as-input-range input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none
}

.as-input-range .as-input-v1,
.as-input-range .as-input-v2 {
	flex: 1 1 0
}

.as-input-range .as-input-v1.is-focused {
	position: relative;
	z-index: 1
}

.as-input-range .as-input-v1__field {
	line-height: 135%;
	padding: 0
}

.as-input-range.is-grouped .as-input-range__inputs {
	gap: 0
}

.as-input-range.is-grouped .as-input-v1:first-child .as-input-v1__box {
	border-bottom-right-radius: 0 !important;
	border-top-right-radius: 0 !important
}

.as-input-range.is-grouped .as-input-v1:first-child .is-focused {
	margin-right: 1px
}

.as-input-range.is-grouped .as-input-v1:last-child .as-input-v1__box {
	border-bottom-left-radius: 0 !important;
	border-top-left-radius: 0 !important;
	margin-left: -1px
}

body {
	--sheet-bg-color: var(--color-bg);
	--sheet-shadow: 0 10px 36px rgba(89, 102, 132, .16);
	--sheet-container-shadow: 0px -6px 32px -8px rgba(10, 10, 13, .08);
	--sheet-body-padding: 12px
}

.as-sheet {
	background-color: var(--sheet-bg-color);
	bottom: 0;
	box-shadow: var(--sheet-shadow);
	left: 0;
	position: fixed;
	right: 0;
	z-index: 999
}

.as-sheet.is-top {
	bottom: auto;
	top: 0
}

.as-sheet-body {
	padding: var(--sheet-body-padding)
}

body {
	--input-counter-body-padding: 0;
	--input-counter-body-box-shadow: 0;
	--input-counter-body-border-radius: 6px;
	--input-counter-font-size: 18px;
	--input-counter-button-padding: 7px
}

.as-input-counter__body {
	align-items: center;
	border-radius: var(--input-counter-body-border-radius);
	box-shadow: var(--input-counter-body-box-shadow);
	display: flex;
	padding: var(--input-counter-body-padding);
	width: -moz-max-content;
	width: max-content
}

.as-input-counter__button,
.as-input-counter__field {
	background-color: transparent;
	border: 0;
	transition: background-color .2s
}

.as-input-counter__button {
	border-radius: 50%;
	box-shadow: inset 0 0 0 1px #ecedf0;
	cursor: pointer;
	display: flex;
	padding: var(--input-counter-button-padding)
}

.as-input-counter__button .icon {
	fill: currentColor
}

.as-input-counter__button:disabled {
	background-color: #f3f5f6;
	box-shadow: none;
	color: #9596a5;
	pointer-events: none
}

.as-input-counter__button:hover {
	background-color: #f3f5f6
}

.as-input-counter__field {
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	appearance: textfield;
	border-radius: var(--input-counter-body-border-radius);
	font-size: var(--input-counter-font-size);
	height: 32px;
	margin: 0 4px;
	outline: none;
	text-align: center;
	width: 38px
}

.as-input-counter__field::-webkit-inner-spin-button,
.as-input-counter__field::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}

@media ((hover:hover) and (pointer:fine)) {
	.as-input-counter__field:hover {
		background-color: #f3f5f6
	}
}

.as-input-counter__field:focus {
	background-color: #f3f5f6
}

.as-input-counter.has-error {
	animation-duration: .4s;
	animation-name: shakeX
}

.as-input-counter.has-error .as-input__message {
	color: var(--color-error-message)
}

body {
	--radio-icon-size: 22px;
	--radio-dot-size: 12px;
	--radio-icon-background-color: var(--color-bg);
	--radio-icon-hover-background-color: var(--color-bg);
	--radio-icon-active-background-color: var(--color-bg);
	--radio-icon-readonly-background-color: var(--color-bg);
	--radio-icon-border-color: var(--color-border);
	--radio-icon-shadow: inset 0 0 0 1px var(--radio-icon-border-color);
	--radio-icon-hover-shadow: inset 0 0 0 1px var(--color-accent-300);
	--radio-icon-active-shadow: inset 0 0 0 1px var(--color-accent-500);
	--radio-icon-readonly-shadow: inset 0 0 0 1px var(--color-gray-200);
	--radio-icon-error-shadow: inset 0 0 0 1px var(--color-danger-500);
	--radio-icon-border-radius: 50%;
	--radio-icon-foreground-color: var(--color-accent-500);
	--radio-icon-error-foreground-color: var(--color-danger-500);
	--radio-icon-readonly-foreground-color: var(--color-gray-200);
	--radio-hint-font-size: 13px;
	--radio-hint-line-height: 1.53;
	--radio-hint-inset: 4px;
	--radio-hint-color: var(--color-text-secondary);
	--radio-hint-error-color: var(--color-danger-500);
	--radio-gap: 8px;
	--radio-margin: 0 0 8px 0
}

.as-radio {
	cursor: pointer;
	display: flex;
	gap: var(--radio-gap);
	margin: var(--radio-margin);
	max-width: -moz-max-content;
	max-width: max-content
}

.as-radio:last-child {
	margin-bottom: 0
}

.as-radio__icon {
	background: var(--radio-icon-background-color);
	box-shadow: var(--radio-icon-shadow);
	display: inline-block;
	height: var(--radio-icon-size);
	min-width: var(--radio-icon-size);
	position: relative;
	transition: all .2s;
	vertical-align: text-top;
	width: var(--radio-icon-size)
}

.as-radio__icon,
.as-radio__icon:before {
	border-radius: var(--radio-icon-border-radius)
}

.as-radio__icon:before {
	background-color: var(--radio-icon-foreground-color);
	content: "";
	height: var(--radio-dot-size);
	left: 50%;
	margin-left: calc(var(--radio-dot-size)/-2);
	margin-top: calc(var(--radio-dot-size)/-2);
	position: absolute;
	top: 50%;
	transform: scale(0);
	transition: transform .2s cubic-bezier(.175, .885, .32, 1.275);
	width: var(--radio-dot-size)
}

.as-radio:not(.is-readonly):hover .as-radio__icon {
	background-color: var(--radio-icon-hover-background-color);
	box-shadow: var(--radio-icon-hover-shadow)
}

.as-radio.is-active .as-radio__icon {
	box-shadow: var(--radio-icon-active-shadow)
}

.as-radio.is-active .as-radio__icon:before {
	transform: scale(1)
}

.as-radio.is-active:hover .as-radio__icon {
	background-color: var(--radio-icon-active-background-color)
}

.as-radio__input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: inherit;
	cursor: inherit;
	height: inherit;
	position: absolute;
	right: -1px;
	top: -1px;
	width: inherit
}

.as-radio__text {
	display: inline-block;
	vertical-align: top
}

.as-radio__message {
	color: var(--radio-hint-color);
	font-size: var(--radio-hint-font-size);
	line-height: var(--radio-hint-line-height);
	margin-top: var(--radio-hint-inset)
}

.as-radio.is-disabled {
	cursor: default;
	opacity: .3;
	pointer-events: none
}

.as-radio.is-readonly {
	cursor: default
}

.as-radio.is-readonly .as-radio__icon {
	background: var(--radio-icon-readonly-background-color);
	opacity: 1
}

.as-radio.is-readonly.is-active .as-radio__icon {
	box-shadow: var(--radio-icon-readonly-shadow)
}

.as-radio.is-readonly.is-active .as-radio__icon:before {
	background-color: var(--radio-icon-readonly-foreground-color)
}

.as-radio.has-error {
	animation-duration: var(--checkbox-error-animation-duration);
	animation-name: shakeX
}

.as-radio.has-error .as-radio__icon,
.as-radio.has-error:hover .as-radio__icon {
	box-shadow: var(--radio-icon-error-shadow)
}

.as-radio.has-error .as-radio__icon:before,
.as-radio.has-error:hover .as-radio__icon:before {
	background-color: var(--radio-icon-error-foreground-color)
}

.as-radio.has-error .as-radio__message {
	color: var(--radio-hint-error-color)
}

body {
	--pagination-max-width: 424px;
	--pagination-margin: 32px 0 48px 0;
	--pagination-button-margin-bottom: 12px;
	--pagination-controls-button-gap: 8px;
	--pagination-button-background: var(--color-bg);
	--pagination-button-color: var(--color-text);
	--pagination-active-button-background: #f0f1f2;
	--pagination-active-button-color: var(--color-text);
	--pagination-hover-button-background: #f0f1f2;
	--pagination-hover-button-color: var(--color-text);
	--pagination-load-button-height: 56px
}

.as-pagination {
	font-size: var(--caption-1-font-size);
	margin: var(--pagination-margin);
	position: relative;
	text-align: center
}

.as-pagination--loading {
	pointer-events: none
}

.as-pagination__loader {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%)
}

.as-pagination__body {
	transition: width .1s, opacity .2s
}

.as-pagination__load-button {
	height: var(--pagination-load-button-height);
	margin: 0 auto var(--pagination-button-margin-bottom);
	width: 100%
}

@media screen and (min-width:576px) {
	.as-pagination__load-button {
		max-width: var(--pagination-max-width)
	}
}

.as-pagination__controls {
	align-items: center;
	display: flex;
	gap: 4px;
	justify-content: center;
	margin-bottom: var(--pagination-button-margin-bottom)
}

@media screen and (min-width:576px) {
	.as-pagination__controls {
		gap: var(--pagination-controls-button-gap)
	}
}

@media screen and (max-width:575px) {
	.as-pagination__control-button {
		display: none !important
	}
}

.as-pagination__nav-buttons {
	display: flex;
	gap: var(--pagination-nav-button-gap);
	margin: 0 auto var(--pagination-button-margin-bottom)
}

@media screen and (min-width:576px) {
	.as-pagination__nav-buttons {
		max-width: var(--pagination-max-width)
	}

	.as-pagination__nav-buttons--mobile {
		display: none !important
	}
}

.as-pagination__button {
	background: transparent;
	border: 0;
	cursor: pointer;
	font: inherit;
	margin: 0;
	padding: 0;
	transition: background-color .2s, color .2s
}

.as-pagination__button .icon {
	fill: currentColor
}

.as-pagination__button.is-active {
	background-color: var(--pagination-active-button-background);
	color: var(--pagination-active-button-color);
	pointer-events: none
}

.as-pagination__button:not(.is-active) {
	background-color: var(--pagination-button-background);
	color: var(--pagination-button-color)
}

@media ((hover:hover) and (pointer:fine)) {
	.as-pagination__button:not(.is-active):hover {
		background-color: var(--pagination-hover-button-background);
		color: var(--pagination-hover-button-color)
	}
}

.as-pagination__button.is-disabled {
	opacity: .3;
	pointer-events: none
}

.as-pagination__button,
.as-pagination__delimiter {
	align-items: center;
	border-radius: 50%;
	display: inline-flex;
	font-weight: 600;
	height: var(--pagination-button-height);
	justify-content: center;
	min-width: var(--pagination-button-height);
	vertical-align: text-top;
	width: var(--pagination-button-width)
}

@media screen and (max-width:359px) {

	.as-pagination__button:not(:last-child),
	.as-pagination__delimiter:not(:last-child) {
		height: 32px;
		min-width: 32px;
		width: 32px
	}
}

@media screen and (min-width:992px) {
	.as-pagination--min-height {
		min-height: 142px
	}
}

body {
	--fullscreen-gallery-overlay: rgba(12, 12, 21, .74);
	--fullscreen-gallery-z-index: 1080;
	--fullscreen-gallery-close-size: 56px;
	--fullscreen-gallery-close-bg-color: hsla(0, 0%, 43%, .6);
	--fullscreen-gallery-close-text-color: var(--color-white);
	--fullscreen-gallery-counter-bg-color: hsla(0, 0%, 43%, .6);
	--fullscreen-gallery-counter-text-color: var(--color-white);
	--fullscreen-gallery-play-color: var(--color-white);
	--fullscreen-gallery-control-button-size: 32px;
	--fullscreen-gallery-control-button-background-color: hsla(0, 0%, 47%, .5);
	--fullscreen-gallery-control-button-icon-color: var(--color-white)
}

.as-media-viewer {
	background-color: var(--fullscreen-gallery-overlay);
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	inset: 0;
	position: fixed;
	z-index: var(--fullscreen-gallery-z-index)
}

.as-media-viewer-counter {
	background-color: var(--fullscreen-gallery-counter-bg-color);
	border-radius: 32px;
	color: var(--fullscreen-gallery-counter-text-color);
	font-feature-settings: "tnum";
	left: 16px;
	padding: 12px 16px;
	position: fixed;
	top: 16px;
	width: -moz-max-content;
	width: max-content;
	z-index: 2
}

@media screen and (min-width:992px) {
	.as-media-viewer-counter {
		left: 32px;
		top: 32px
	}
}

.as-media-viewer-close {
	align-items: center;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: var(--fullscreen-gallery-close-bg-color);
	border: 0;
	border-radius: 32px;
	color: var(--fullscreen-gallery-close-text-color);
	cursor: pointer;
	display: inline-flex;
	font: inherit;
	height: var(--fullscreen-gallery-close-size);
	justify-content: center;
	margin: 0;
	position: fixed;
	width: var(--fullscreen-gallery-close-size);
	z-index: 10
}

@media screen and (max-width:991px) {
	.as-media-viewer-close {
		right: 16px;
		top: 16px
	}
}

@media screen and (min-width:992px) {
	.as-media-viewer-close {
		right: 32px;
		top: 32px
	}
}

.as-media-viewer-next,
.as-media-viewer-prev {
	display: none
}

@media screen and (min-width:576px) {

	.as-media-viewer-next,
	.as-media-viewer-prev {
		display: block;
		position: fixed;
		top: 50%;
		transform: translateY(-50%);
		z-index: 3
	}
}

.as-media-viewer-prev {
	left: 32px
}

.as-media-viewer-next {
	right: 32px
}

.as-media-viewer-container {
	align-items: stretch;
	display: flex;
	height: 100%;
	transition-property: transform;
	width: 100%
}

@media screen and (min-width:992px) {
	.as-media-viewer-container {
		transition-timing-function: cubic-bezier(.25, 1, .5, 1)
	}
}

.as-media-viewer-content {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
	position: relative;
	touch-action: pan-x;
	width: 100%
}

.as-media-viewer-frame {
	height: -moz-max-content;
	height: max-content;
	margin: auto;
	max-height: 100%;
	max-width: -moz-max-content;
	max-width: max-content;
	position: relative
}

.as-media-viewer-player,
.as-media-viewer-player-preview,
.as-media-viewer-video-item__video {
	height: 100%;
	position: relative;
	width: 100%
}

@media screen and (min-width:992px) {

	.as-media-viewer-player,
	.as-media-viewer-player-preview,
	.as-media-viewer-video-item__video {
		border-radius: 8px
	}
}

.as-media-viewer-player-preview {
	cursor: pointer
}

@media ((hover:hover) and (pointer:fine)) {
	.as-media-viewer-player-preview:hover+.as-media-viewer-play-icon {
		transform: translate(-50%, -50%) scale(1.1)
	}
}

.as-media-viewer-video-item {
	height: -moz-max-content;
	height: max-content;
	margin: auto;
	max-height: 100%;
	max-width: -moz-max-content;
	max-width: max-content;
	position: relative
}

.as-media-viewer-video-item__video {
	max-height: 100vh;
	max-width: 100%;
	vertical-align: middle
}

.as-media-viewer-video-item__overlay-icon {
	align-items: center;
	background-color: #00000080;
	border-radius: 50%;
	color: #fff;
	display: flex;
	justify-content: center;
	left: 50%;
	opacity: 0;
	padding: 16px;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 2
}

.as-media-viewer-video-item__overlay-icon.is-animated {
	animation-duration: .5s;
	animation-name: play-icon-pulse;
	animation-timing-function: linear
}

.as-media-viewer-video-item__loader {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2
}

.as-media-viewer-video-item__controls {
	background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .56));
	border-radius: 8px;
	bottom: 0;
	display: flex;
	gap: 8px;
	left: 0;
	padding: 16px;
	position: absolute;
	width: 100%;
	z-index: 3
}

.as-media-viewer-video-item__control-btn {
	align-items: center;
	background-color: unset;
	border: 0;
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	height: var(--fullscreen-gallery-control-button-size);
	justify-content: center;
	min-width: var(--fullscreen-gallery-control-button-size);
	padding: 0;
	transition: background-color .2s;
	width: var(--fullscreen-gallery-control-button-size)
}

.as-media-viewer-video-item__control-btn:hover {
	background-color: var(--fullscreen-gallery-control-button-background-color)
}

.as-media-viewer-video-item__control-btn svg {
	fill: var(--fullscreen-gallery-control-button-icon-color)
}

.as-media-viewer-video-item__slider-container {
	align-items: center;
	display: flex;
	margin: 0 8px;
	width: 100%
}

.as-media-viewer-video-item__slider-container:hover .as-input-slider__track {
	transform: scaleY(1.5)
}

.as-media-viewer-video-item__slider-container:hover .as-input-slider__progress-track {
	transform: translateY(-50%) scaleY(1.5)
}

.as-media-viewer-video-item__slider-container .as-input-slider {
	--input-slider-thumb-size: 12px;
	--input-slider-thumb-shadow: none;
	--input-slider-thumb-shadow-hover: none;
	--input-slider-progress-track-border-radius: var(--input-slider-track-border-radius);
	--input-slider-track-hover-background-color: var(--shade-100)
}

.as-media-viewer-play-icon {
	align-items: center;
	background-color: var(--fullscreen-gallery-play-color);
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	height: 56px;
	justify-content: center;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: transform .2s;
	width: 56px;
	z-index: 4
}

@media ((hover:hover) and (pointer:fine)) {
	.as-media-viewer-play-icon:hover {
		transform: translate(-50%, -50%) scale(1.1)
	}
}

.as-media-viewer-slide {
	align-items: center;
	display: flex;
	flex: 0 0 100%;
	justify-content: center;
	max-width: 100%
}

.as-media-viewer-image {
	height: -moz-max-content;
	height: max-content;
	margin: auto;
	max-height: 100%;
	max-width: -moz-max-content;
	max-width: max-content;
	position: relative
}

@media screen and (min-width:992px) {
	.as-media-viewer-image {
		border-radius: 8px
	}
}

.as-media-viewer-photo {
	border-radius: inherit;
	max-height: 100vh;
	max-width: 100%;
	vertical-align: middle
}

.as-media-viewer-loader {
	display: block;
	margin: auto
}

.as-media-viewer-item {
	transform-origin: 0 0;
	width: 100%
}

.as-media-viewer-embed {
	margin: 0 auto;
	max-width: 900px;
	width: 100%
}

.as-media-viewer-embed-container {
	height: 0;
	padding-top: 56%;
	position: relative;
	width: 100%
}

.as-media-viewer-embed-video {
	border-radius: 8px;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

@keyframes play-icon-pulse {
	0% {
		opacity: 0;
		transform: translate(-50%, -50%)
	}

	50% {
		opacity: 1;
		transform: translate(-50%, -50%) scale(1.4)
	}

	to {
		opacity: 0;
		transform: translate(-50%, -50%) scale(1.8)
	}
}

body {
	--list-item-padding: 10px 24px;
	--list-item-compact-padding: 10px 16px;
	--list-item-font-size: 16px;
	--list-item-line-height: 1.5;
	--list-item-font-family: var(--base-font-family);
	--list-item-transition: background-color .2s, color .2s;
	--list-item-hover-bg-color: var(--shade-50);
	--list-item-hover-text-color: var(--color-text);
	--list-item-active-bg-color: var(--shade-50);
	--list-item-active-text-color: var(--color-text);
	--list-subheader-padding: 0 24px;
	--list-subheader-margin: 8px 0 2px 0;
	--list-subheader-font-size: 14px;
	--list-subheader-line-height: 20px;
	--list-subheader-compact-padding: 0 16px;
	--list-item-selected-icon-image: unset;
	--list-item-selected-icon-size: unset;
	--list-item-border-radius: 10px;
	--list-item-gap: 12px;
	--list-item-icon-width: 22px
}

.as-list {
	list-style: none;
	margin: 0;
	padding: 0
}

.as-list__item {
	align-items: center;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: transparent;
	border: 0;
	color: var(--color-text);
	cursor: pointer;
	display: flex;
	font-family: var(--list-item-font-family);
	font-size: var(--list-item-font-size);
	gap: var(--list-item-gap);
	line-height: var(--list-item-line-height);
	padding: var(--list-item-padding);
	position: relative;
	text-align: left;
	transition: var(--list-item-transition);
	width: 100%
}

.as-list__item a,
.as-list__item a:hover {
	color: inherit
}

@media screen and ((hover:hover) and (pointer:fine)) and (min-width:1200px) {
	.as-list__item:hover {
		background: var(--list-item-hover-bg-color);
		color: var(--list-item-hover-text-color)
	}
}

.as-list__item.router-link-exact-active {
	background: var(--list-item-active-bg-color);
	color: var(--list-item-active-text-color)
}

.as-list__item.is-bold {
	color: #000;
	font-weight: 600
}

.as-list__item.is-compact {
	padding: var(--list-item-compact-padding)
}

.as-list__item.is-rounded {
	border-radius: var(--list-item-border-radius)
}

.as-list__item.is-disabled {
	opacity: .6;
	pointer-events: none
}

.as-list__item.is-nowrap {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.as-list__item.is-indented {
	margin-bottom: 4px
}

.as-list__item.is-selectable {
	padding-right: 46px
}

.as-list__item.is-selectable:after {
	background-image: var(--list-item-selected-icon-image);
	background-size: var(--list-item-selected-icon-size);
	border-radius: 100%;
	content: "";
	height: 24px;
	opacity: 0;
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
	transition: opacity .1s, background-color .1s;
	width: 24px
}

.as-list__item.is-selected {
	background: var(--list-item-active-bg-color);
	color: var(--list-item-active-text-color)
}

.as-list__item.is-selected:after {
	opacity: 1
}

.as-list__item-body {
	flex-grow: 1
}

.as-list__item-icon {
	min-width: var(--list-item-icon-width)
}

.as-list__item-icon img,
.as-list__item-icon svg {
	height: var(--list-item-icon-width);
	vertical-align: middle;
	width: var(--list-item-icon-width)
}

.as-list__item-icon.is-end {
	margin-left: auto;
	order: 1
}

.as-list-subheader {
	color: #9596a5;
	font-size: var(--list-subheader-font-size);
	line-height: var(--list-subheader-line-height);
	margin: var(--list-subheader-margin);
	padding: var(--list-subheader-padding)
}

.as-list-subheader:first-child {
	margin-top: 0
}

.as-list-subheader.is-compact {
	padding: var(--list-subheader-compact-padding)
}

body {
	--segment-controls-margin: 0 0 24px 0;
	--segment-controls-padding: 2px;
	--segment-controls-border-radius: 12px;
	--segment-controls-bg-color: #f5f6f7;
	--segment-controls-sliding-box-bg: var(--color-white);
	--segment-controls-sliding-box-shadow: 0 20px 48px rgba(2, 16, 57, .18);
	--segment-controls-sliding-box-border-radius: 10px;
	--segment-controls-sliding-box-transition: cubic-bezier(.25, .97, .7, 1) .3s;
	--segment-controls-rounded-border-radius: 50px;
	--segment-control-padding: 16px;
	--segment-control-color: #4b4b5a;
	--segment-control-border-radius: 10px;
	--segment-control-active-color: var(--color-text);
	--segment-control-small-padding: 12px;
	--segment-control-font-size: var(--base-font-size);
	--segment-control-font-weight: 600
}

.as-segment-controls {
	background: var(--segment-controls-bg-color);
	border-radius: var(--segment-controls-border-radius);
	display: flex;
	flex-wrap: nowrap;
	margin: var(--segment-controls-margin);
	overflow: auto;
	padding: var(--segment-controls-padding);
	position: relative;
	-ms-overflow-style: none;
	scrollbar-width: none
}

.as-segment-controls::-webkit-scrollbar {
	display: none
}

.as-segment-controls__sliding-box {
	background: var(--segment-controls-sliding-box-bg);
	border-radius: var(--segment-controls-sliding-box-border-radius);
	bottom: var(--segment-controls-padding);
	box-shadow: var(--segment-controls-sliding-box-shadow);
	left: 0;
	position: absolute;
	top: var(--segment-controls-padding);
	transition: var(--segment-controls-sliding-box-transition);
	z-index: 0
}

.as-segment-controls.is-rounded {
	border-radius: var(--segment-controls-rounded-border-radius)
}

.as-segment-controls.is-rounded .as-segment-controls__sliding-box {
	border-radius: inherit
}

.as-segment-controls.is-inline {
	width: -moz-max-content;
	width: max-content
}

.as-segment-control {
	background-color: transparent;
	border: 0;
	border-radius: var(--segment-control-border-radius);
	color: var(--segment-control-color);
	cursor: pointer;
	flex-basis: 0;
	font-size: var(--segment-control-font-size);
	font-weight: var(--segment-control-font-weight);
	padding: var(--segment-control-padding);
	position: relative;
	text-align: center;
	transition: .15s;
	white-space: nowrap;
	z-index: 1
}

.as-segment-control.is-active {
	color: var(--segment-control-active-color)
}

.as-segment-control.is-icon {
	flex-grow: 0
}

.as-segment-control.is-wide {
	flex-grow: 1;
	max-width: 100%
}

.as-segment-control.is-small {
	padding: var(--segment-control-small-padding)
}

.as-segment-control svg.icon {
	fill: currentColor
}

.as-liquid-dropdown__sliding-box {
	transition: transform .3s cubic-bezier(.31, .82, .47, 1)
}

.as-tile-gallery {
	--images-radius: 16px;
	--grid-template-columns: 1fr .5fr .5fr 1fr;
	--grid-template-rows: 1fr .5fr .5fr;
	--grid-template-areas: "image-1 image-2 image-2 image-3""image-1 image-4 image-5 image-3""image-1 image-4 image-6 image-3";
	--gallery-min-height: 500px;
	--navigation-button-background: var(--color-bg);
	--navigation-button-background-hover: var(--color-bg);
	--navigation-button-text-color: var(--color-text);
	--navigation-button-text-color-hover: var(--color-accent-500);
	--navigation-button-box-shadow: 0 8px 32px rgba(2, 16, 57, .12);
	--navigation-button-box-shadow-active: 0 3px 15px rgba(2, 16, 57, .12);
	--navigation-button-size-md: 48px;
	--navigation-button-size-sm: 24px;
	--navigation-button-prev-transform: translate(-50%, -50%);
	--navigation-button-next-transform: translate(50%, -50%);
	position: relative
}

.as-tile-gallery-container {
	overflow: hidden;
	touch-action: pan-y
}

@media screen and (min-width:992px) {
	.as-tile-gallery-container {
		border-radius: var(--images-radius);
		height: 0;
		padding-top: min(45%, var(--gallery-min-height));
		position: relative;
		touch-action: auto
	}
}

@media screen and (max-width:991px) {
	.as-tile-gallery-body {
		display: flex;
		overflow-y: scroll;
	}
}

@media screen and (min-width:992px) {
	.as-tile-gallery-body {
		display: grid;
		grid-template-areas: var(--grid-template-areas);
		grid-template-columns: var(--grid-template-columns);
		grid-template-rows: var(--grid-template-rows);
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%
	}
}

.as-tile-gallery-item {
	position: relative
}

@media screen and (min-width:992px) {
	.as-tile-gallery-item {
		display: none
	}

	.as-tile-gallery-item:first-child {
		display: block;
		grid-area: image-1
	}

	.as-tile-gallery-item:nth-child(2) {
		display: block;
		grid-area: image-2
	}

	.as-tile-gallery-item:nth-child(3) {
		display: block;
		grid-area: image-3
	}

	.as-tile-gallery-item:nth-child(4) {
		display: block;
		grid-area: image-4
	}

	.as-tile-gallery-item:nth-child(5) {
		display: block;
		grid-area: image-5
	}

	.as-tile-gallery-item:nth-child(6) {
		display: block;
		grid-area: image-6
	}

	.as-tile-gallery-item:not(.is-static) {
		position: static
	}

	.as-tile-gallery-item.is-video {
		position: relative
	}
}

@media screen and (max-width:991px) {
	.as-tile-gallery-item {
		flex-shrink: 0;
		width: 250px
	}
}

@media screen and (max-width:575px) {
	.as-tile-gallery-item {
		width: 100%
	}
}

.as-tile-gallery-icon-play {
	align-items: center;
	background-color: #fff;
	border-radius: 50%;
	display: flex;
	height: 48px;
	justify-content: center;
	left: 50%;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 48px;
	z-index: 5
}

.as-tile-gallery-pagination {
	align-items: center;
	display: flex;
	justify-content: center;
	margin-bottom: -10px;
	margin-top: 10px
}

.as-tile-gallery-pagination-bullet {
	border-radius: 4px;
	color: var(--pagination-bullet-color);
	cursor: pointer;
	flex-grow: 1;
	height: 32px;
	max-width: var(--pagination-bullet-width);
	position: relative;
	transition: color .2s, max-width .2s
}

.as-tile-gallery-pagination-bullet:before {
	background-color: currentColor;
	border-radius: var(--pagination-bullet-radius);
	content: "";
	height: var(--pagination-bullet-height);
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%
}

@media ((hover:hover) and (pointer:fine)) {
	.as-tile-gallery-pagination-bullet:hover {
		color: var(--shade-300)
	}
}

.as-tile-gallery-pagination-bullet.is-active {
	color: var(--pagination-bullet-active-color);
	max-width: var(--pagination-active-bullet-width)
}

.as-tile-gallery-pagination-bullet:not(:last-child) {
	margin-right: 6px
}

.as-tile-gallery__button.as-button {
	bottom: 16px;
	position: absolute;
	right: 16px;
	z-index: 5
}

.as-tile-picture {
	cursor: pointer;
	display: block;
	overflow: hidden;
	position: relative
}

.as-tile-picture:after {
	background-color: #000;
	border-radius: inherit;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	transition: opacity .2s;
	width: 100%;
	z-index: 1
}

@media ((hover:hover) and (pointer:fine)) {
	.as-tile-picture:hover:after {
		opacity: .2
	}
}

.as-tile-picture.is-rounded {
	border-radius: var(--images-radius)
}

@media screen and (min-width:992px) {
	.as-tile-picture {
		height: 100%
	}
}

@media screen and (max-width:991px) {
	.as-tile-picture {
		border-radius: var(--images-radius);
		height: 0;
		padding-top: 120%
	}
}

.as-tile-picture video,
.as-tile-picture__image {
	border-radius: inherit;
	height: 100%;
	left: 0;
	-o-object-fit: cover;
	object-fit: cover;
	position: absolute;
	top: 0;
	width: 100%
}

.as-tile-gallery-video__controls {
	background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .56));
	bottom: 0;
	display: flex;
	gap: 8px;
	left: 0;
	padding: 16px;
	position: absolute;
	width: 100%;
	z-index: 2
}

.as-tile-gallery-video__control-btn {
	align-items: center;
	background-color: unset;
	border: 0;
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	height: 32px;
	justify-content: center;
	min-width: 32px;
	padding: 0;
	transition: background-color .2s;
	width: 32px
}

.as-tile-gallery-video__control-btn:hover {
	background-color: #78787880
}

.as-tile-gallery-video__control-btn svg {
	fill: #fff
}

.as-tile-gallery-video__slider-container {
	align-items: center;
	display: flex;
	margin: 0 8px;
	width: 100%
}

.as-tile-gallery-video__slider-container:hover .as-input-slider__track {
	transform: scaleY(1.5)
}

.as-tile-gallery-video__slider-container:hover .as-input-slider__progress-track {
	transform: translateY(-50%) scaleY(1.5)
}

.as-tile-gallery-video__slider-container .as-input-slider {
	--input-slider-thumb-size: 12px;
	--input-slider-thumb-shadow: none;
	--input-slider-thumb-shadow-hover: none;
	--input-slider-progress-track-border-radius: var(--input-slider-track-border-radius);
	--input-slider-track-hover-background-color: var(--shade-100)
}

.as-tile-gallery-navigation {
	--navigation-button-size-md: 32px;
	--navigation-button-prev-transform: translate(30%, -50%);
	--navigation-button-next-transform: translate(-30%, -50%);
	height: 100%;
	left: 0;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%
}

@media screen and (min-width:992px) {
	.as-tile-gallery-navigation {
		display: none
	}
}

.as-tile-gallery-navigation-button-prev {
	left: 0;
	transform: var(--navigation-button-prev-transform);
	transform-origin: left top
}

.as-tile-gallery-navigation-button-next {
	right: 0;
	transform: var(--navigation-button-next-transform);
	transform-origin: right top
}

.as-tile-gallery-navigation-button-next,
.as-tile-gallery-navigation-button-prev {
	align-items: center;
	background: var(--navigation-button-background);
	border: 0;
	border-radius: 50%;
	box-shadow: var(--navigation-button-box-shadow);
	color: var(--navigation-button-text-color);
	cursor: pointer;
	display: flex;
	height: var(--navigation-button-size-md);
	justify-content: center;
	padding: 0;
	pointer-events: all;
	position: absolute;
	top: 50%;
	transition-duration: .2s;
	transition-property: box-shadow, color, opacity, scale;
	width: var(--navigation-button-size-md);
	z-index: 2
}

.as-tile-gallery-navigation-button-next svg.icon,
.as-tile-gallery-navigation-button-prev svg.icon {
	fill: currentColor;
	transition: color .2s;
	vertical-align: middle
}

@media ((hover:hover) and (pointer:fine)) {

	.as-tile-gallery-navigation-button-next:hover,
	.as-tile-gallery-navigation-button-prev:hover {
		background: var(--navigation-button-background);
		color: var(--navigation-button-text-color-hover)
	}
}

.as-tile-gallery-navigation-button-next:active,
.as-tile-gallery-navigation-button-prev:active {
	box-shadow: var(--navigation-button-box-shadow-active)
}

.as-tile-gallery-navigation-button-next.is-small,
.as-tile-gallery-navigation-button-prev.is-small {
	height: var(--navigation-button-size-sm);
	width: var(--navigation-button-size-sm)
}

.as-tile-gallery-navigation-button-next.is-hidden,
.as-tile-gallery-navigation-button-prev.is-hidden {
	opacity: 0
}

.as-tile-gallery-navigation-button-disabled {
	opacity: 0 !important;
	pointer-events: none;
	scale: 0
}

body {
	--pagination-bullet-color: var(--color-gray-150);
	--pagination-bullet-active-color: var(--color-gray-700);
	--pagination-bullet-hover-color: var(--color-gray-300);
	--pagination-bullet-height: 4px;
	--pagination-bullet-width: 32px;
	--pagination-active-bullet-width: var(--pagination-bullet-width);
	--pagination-bullet-radius: 32px;
	--pagination-gap: 6px;
	--navigation-button-background: var(--color-bg);
	--navigation-button-background-hover: var(--color-bg);
	--navigation-button-text-color: var(--color-text);
	--navigation-button-text-color-hover: var(--color-accent-500);
	--navigation-button-box-shadow: 0 8px 32px rgba(2, 16, 57, .12);
	--navigation-button-box-shadow-active: 0 3px 15px rgba(2, 16, 57, .12);
	--navigation-button-size-md: 48px;
	--navigation-button-size-sm: 24px;
	--navigation-button-prev-transform: translate(-50%, -50%);
	--navigation-button-next-transform: translate(50%, -50%)
}

.as-slider {
	position: relative
}

.as-slider-container {
	overflow: hidden;
	touch-action: pan-y
}

.as-slider-container--autoheight {
	height: auto
}

.as-slider-container--autoheight .as-slider-body {
	align-items: flex-start;
	transition-property: transform, height
}

.as-slider-body {
	display: flex
}

.as-slider-slide {
	flex-shrink: 0
}

.as-slider-addons {
	height: 100%;
	left: 0;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%
}

.as-slider-button-prev {
	left: 0;
	transform: var(--navigation-button-prev-transform);
	transform-origin: left top
}

.as-slider-button-next {
	right: 0;
	transform: var(--navigation-button-next-transform);
	transform-origin: right top
}

.as-slider-button-next,
.as-slider-button-prev {
	align-items: center;
	background: var(--navigation-button-background);
	border: 0;
	border-radius: 50%;
	box-shadow: var(--navigation-button-box-shadow);
	color: var(--navigation-button-text-color);
	cursor: pointer;
	display: flex;
	height: var(--navigation-button-size-md);
	justify-content: center;
	padding: 0;
	pointer-events: all;
	position: absolute;
	top: 50%;
	transition-duration: .2s;
	transition-property: box-shadow, color, opacity, scale;
	width: var(--navigation-button-size-md);
	z-index: 2
}

.as-slider-button-next svg.icon,
.as-slider-button-prev svg.icon {
	fill: currentColor;
	transition: color .2s;
	vertical-align: middle
}

@media ((hover:hover) and (pointer:fine)) {

	.as-slider-button-next:hover,
	.as-slider-button-prev:hover {
		background: var(--navigation-button-background);
		color: var(--navigation-button-text-color-hover)
	}
}

.as-slider-button-next:active,
.as-slider-button-prev:active {
	box-shadow: var(--navigation-button-box-shadow-active)
}

.as-slider-button-next.is-small,
.as-slider-button-prev.is-small {
	height: var(--navigation-button-size-sm);
	width: var(--navigation-button-size-sm)
}

.as-slider-button-next.is-hidden,
.as-slider-button-prev.is-hidden {
	opacity: 0
}

.as-slider-button-disabled {
	opacity: 0 !important;
	pointer-events: none;
	scale: 0
}

.as-slider-pagination {
	align-items: center;
	display: flex;
	justify-content: center;
	margin-top: 10px
}

.as-slider-pagination-bullet {
	color: var(--pagination-bullet-color);
	cursor: pointer;
	display: block;
	flex-grow: 1;
	height: 24px;
	max-width: var(--pagination-bullet-width);
	position: relative;
	transition: color .2s, max-width .2s
}

.as-slider-pagination-bullet:before {
	background-color: currentColor;
	border-radius: var(--pagination-bullet-radius);
	content: "";
	height: var(--pagination-bullet-height);
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%
}

.as-slider-pagination-bullet:hover {
	color: var(--pagination-bullet-hover-color)
}

.as-slider-pagination-bullet.is-active {
	color: var(--pagination-bullet-active-color);
	cursor: default;
	max-width: var(--pagination-active-bullet-width)
}

.as-slider-pagination-bullet:not(:last-child) {
	margin-right: var(--pagination-gap)
}

body {
	--as-truncate-button-color: var(--color-link);
	--as-truncate-button-hover-color: var(--color-link-hover)
}

.as-truncate-text {
	overflow: hidden;
	position: relative;
	transition: padding-bottom .2s;
	transition: all 1s ease;
	max-height: 120px;
}
.as-truncate-text:not(.is-truncated){
	max-height: 100%;
	transition: all 1s ease;
}
.as-truncate-text:before {
	background: linear-gradient(0deg, var(--color-bg) 0, var(--color-bg) 50%, transparent 100%);
	bottom: 0;
	content: "";
	height: 48px;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transition: opacity .2s;
	width: 100%;
	z-index: 1
}

.as-truncate-text__icon {
	vertical-align: middle
}

.as-truncate-text__button.unstyled-button {
	align-items: center;
	bottom: 0;
	color: var(--as-truncate-button-color);
	display: flex;
	font-weight: 600;
	gap: 6px;
	left: 0;
	padding: 0;
	position: absolute;
	text-align: left;
	transition: color .1s;
	width: 100%;
	z-index: 1
}

.as-truncate-text__button.unstyled-button:hover {
	color: var(--as-truncate-button-hover-color)
}

.as-truncate-text.is-truncated:before {
	opacity: 1;
	transition: none
}

.as-truncate-text:not(.is-truncated).has-padding-bottom {
	padding-bottom: 32px
}

.as-input-phone-country-icon__flag {
	display: inline-block;
	height: 18px;
	position: relative;
	vertical-align: text-top;
	width: 18px
}

.as-input-phone-country-icon__flag:after {
	border-radius: 50%;
	box-shadow: inset 0 0 0 1px #0000001a;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.as-input-phone-country-icon__flag-image {
	border-radius: 50%;
	vertical-align: top
}

.as-input-phone-country-select {
	--input-phone-country-select-width: calc(var(--input-v1-padding-horizontal)*2 + var(--icon-medium-size) + 18px + var(--input-v1-slots-indent));
	flex: 0 0 var(--input-phone-country-select-width);
	margin-bottom: 0;
	max-width: var(--input-phone-country-select-width)
}

.as-input-phone-country-select.is-focused {
	position: relative;
	z-index: 1
}

.as-input-phone-country-select.as-input-v1.is-filled {
	position: relative
}

.as-input-phone-country-select.as-input-v1.is-filled:after {
	background-color: var(--color-border);
	bottom: 0;
	content: "";
	position: absolute;
	right: -1px;
	top: 0;
	width: 1px
}

.as-input-phone-country-select__item {
	align-items: center;
	display: flex;
	gap: 8px
}

.as-input-phone-country-select__button {
	border-radius: 0 0 var(--select-dropdown-border-radius) var(--select-dropdown-border-radius)
}

.as-input-phone-country-select .as-input-v1__label {
	display: none
}

.as-input-phone-country-select .as-input-v1__main {
	padding-top: 0
}

.as-input-phone-country-select .as-input-v1__append {
	line-height: 1
}

.as-input-phone-country-select .as-input-v1__box {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0
}

.as-input-phone-country-select .as-input-v1__content {
	align-items: center;
	height: 100%
}

.as-input-phone-country-select .as-input-v2__box {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	margin-right: -1px
}

.as-input-phone__confirm {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: transparent;
	border: 0;
	color: var(--color-accent-500);
	cursor: pointer;
	font: inherit;
	font-weight: 600;
	margin: 0;
	padding: 0 2px;
	transition: color .2s
}

.as-input-phone__confirm:hover {
	color: var(--color-accent-600)
}

.as-input-phone__input>.as-input-v1__body>.as-input-v1__box,
.as-input-phone__input>.as-input-v2__body>.as-input-v2__box {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0
}

.as-input-phone__input.is-focused .as-input-v1__box,
.as-input-phone__input.is-focused .as-input-v2__box {
	position: relative;
	z-index: 1
}

.as-delimiter {
	--delimiter-height: 30px;
	--delimiter-padding: 0 16px;
	--delimiter-margin: 12px 0;
	--delimiter-font-size: 14px;
	--delimiter-font-weight: 600;
	--delimiter-background-color: var(--color-bg-secondary);
	--delimiter-text-color: var(--color-text-secondary);
	--delimiter-border-radius: var(--controls-border-radius);
	margin: var(--delimiter-margin);
	position: relative
}

.as-delimiter:before {
	background-color: var(--color-border);
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%
}

.as-delimiter__body {
	align-items: center;
	background-color: var(--delimiter-background-color);
	border-radius: var(--delimiter-border-radius);
	color: var(--delimiter-text-color);
	display: flex;
	font-size: var(--delimiter-font-size);
	font-weight: var(--delimiter-font-weight);
	height: var(--delimiter-height);
	justify-content: center;
	margin: 0 auto;
	padding: var(--delimiter-padding);
	position: relative;
	width: -moz-max-content;
	width: max-content
}

body {
	--chip-default-border-radius: 8px;
	--chip-rounded-border-radius: 16px;
	--chip-padding-sm: 2px 6px;
	--chip-height-sm: 24px;
	--chip-font-size-sm: 12px;
	--chip-padding-lg: 5px 12px;
	--chip-height-lg: 32px;
	--chip-font-size-lg: 14px;
	--chip-accent-light-background-color: var(--color-accent-100);
	--chip-accent-light-background-color-hover: var(--color-accent-150);
	--chip-accent-light-background-color-active: var(--color-accent-200);
	--chip-accent-light-text-color: var(--color-accent-500);
	--chip-warning-background-color: var(--color-warning-100);
	--chip-warning-background-color-hover: var(--color-warning-150);
	--chip-warning-background-color-active: var(--color-warning-200);
	--chip-warning-text-color: var(--color-warning-500);
	--chip-success-background-color: var(--color-success-100);
	--chip-success-background-color-hover: var(--color-success-150);
	--chip-success-background-color-active: var(--color-success-200);
	--chip-success-text-color: var(--color-success-500);
	--chip-danger-background-color: var(--color-danger-100);
	--chip-danger-background-color-hover: var(--color-danger-150);
	--chip-danger-background-color-active: var(--color-danger-200);
	--chip-danger-text-color: var(--color-danger-500);
	--chip-info-background-color: var(--color-info-100);
	--chip-info-background-color-hover: var(--color-info-150);
	--chip-info-background-color-active: var(--color-info-200);
	--chip-info-text-color: var(--color-info-500);
	--chip-secondary-background-color: var(--color-gray-50);
	--chip-secondary-background-color-hover: var(--color-gray-100);
	--chip-secondary-background-color-active: var(--color-gray-150);
	--chip-secondary-text-color: var(--color-gray-500);
	--chip-accent-light-outlined-background-color: transparent;
	--chip-accent-light-outlined-background-color-hover: var(--color-accent-50);
	--chip-accent-light-outlined-background-color-active: var(--color-accent-50);
	--chip-accent-light-outlined-text-color: var(--color-accent-500);
	--chip-accent-light-outlined-border-color: var(--color-accent-150);
	--chip-accent-light-outlined-border-color-hover: var(--color-accent-200);
	--chip-accent-light-outlined-border-color-active: var(--color-accent-500);
	--chip-warning-outlined-background-color: transparent;
	--chip-warning-outlined-background-color-hover: var(--color-warning-50);
	--chip-warning-outlined-background-color-active: var(--color-warning-50);
	--chip-warning-outlined-text-color: var(--color-warning-500);
	--chip-warning-outlined-border-color: var(--color-warning-150);
	--chip-warning-outlined-border-color-hover: var(--color-warning-200);
	--chip-warning-outlined-border-color-active: var(--color-warning-500);
	--chip-secondary-outlined-background-color: transparent;
	--chip-secondary-outlined-background-color-hover: var(--color-gray-50);
	--chip-secondary-outlined-background-color-active: var(--color-gray-50);
	--chip-secondary-outlined-text-color: var(--color-gray-500);
	--chip-secondary-outlined-border-color: var(--color-gray-150);
	--chip-secondary-outlined-border-color-hover: var(--color-gray-200);
	--chip-secondary-outlined-border-color-active: var(--color-gray-500);
	--chip-success-outlined-background-color: transparent;
	--chip-success-outlined-background-color-hover: var(--color-success-50);
	--chip-success-outlined-background-color-active: var(--color-success-50);
	--chip-success-outlined-text-color: var(--color-success-500);
	--chip-success-outlined-border-color: var(--color-success-150);
	--chip-success-outlined-border-color-hover: var(--color-success-200);
	--chip-success-outlined-border-color-active: var(--color-success-500);
	--chip-danger-outlined-background-color: transparent;
	--chip-danger-outlined-background-color-hover: var(--color-danger-50);
	--chip-danger-outlined-background-color-active: var(--color-danger-50);
	--chip-danger-outlined-text-color: var(--color-danger-500);
	--chip-danger-outlined-border-color: var(--color-danger-150);
	--chip-danger-outlined-border-color-hover: var(--color-danger-200);
	--chip-danger-outlined-border-color-active: var(--color-danger-500);
	--chip-info-outlined-background-color: transparent;
	--chip-info-outlined-background-color-hover: var(--color-info-50);
	--chip-info-outlined-background-color-active: var(--color-info-50);
	--chip-info-outlined-text-color: var(--color-info-500);
	--chip-info-outlined-border-color: var(--color-info-150);
	--chip-info-outlined-border-color-hover: var(--color-info-200);
	--chip-info-outlined-border-color-active: var(--color-info-500)
}

.as-chip {
	align-items: center;
	border-radius: var(--chip-default-border-radius);
	display: inline-flex;
	font-size: var(--chip-font-size-sm);
	font-weight: 600;
	height: var(--chip-height-sm);
	padding: var(--chip-padding-sm);
	position: relative;
	transition-duration: .2s;
	transition-property: box-shadow, background-color
}

.as-chip.is-rounded {
	border-radius: var(--chip-rounded-border-radius)
}

.as-chip.is-large {
	font-size: var(--chip-font-size-lg);
	height: var(--chip-height-lg);
	padding: var(--chip-padding-lg)
}

.as-chip:not(.is-clickable) {
	pointer-events: none
}

.as-chip.is-clickable {
	cursor: pointer
}

.as-chip:not(.is-outlined).is-accent-light {
	background-color: var(--chip-accent-light-background-color);
	color: var(--chip-accent-light-text-color)
}

@media ((hover:hover) and (pointer:fine)) {
	.as-chip:not(.is-outlined).is-accent-light:hover {
		background-color: var(--chip-accent-light-background-color-hover);
		color: var(--chip-accent-light-text-color)
	}
}

.as-chip:not(.is-outlined).is-accent-light.is-focused {
	background-color: var(--chip-accent-light-background-color-hover);
	color: var(--chip-accent-light-text-color)
}

.as-chip:not(.is-outlined).is-accent-light.is-selected,
.as-chip:not(.is-outlined).is-accent-light:active {
	background-color: var(--chip-accent-light-background-color-active);
	color: var(--chip-accent-light-text-color)
}

.as-chip:not(.is-outlined).is-success {
	background-color: var(--chip-success-background-color);
	color: var(--chip-success-text-color)
}

@media ((hover:hover) and (pointer:fine)) {
	.as-chip:not(.is-outlined).is-success:hover {
		background-color: var(--chip-success-background-color-hover);
		color: var(--chip-success-text-color)
	}
}

.as-chip:not(.is-outlined).is-success.is-focused {
	background-color: var(--chip-success-background-color-hover);
	color: var(--chip-success-text-color)
}

.as-chip:not(.is-outlined).is-success.is-selected,
.as-chip:not(.is-outlined).is-success:active {
	background-color: var(--chip-success-background-color-active);
	color: var(--chip-success-text-color)
}

.as-chip:not(.is-outlined).is-danger {
	background-color: var(--chip-danger-background-color);
	color: var(--chip-danger-text-color)
}

@media ((hover:hover) and (pointer:fine)) {
	.as-chip:not(.is-outlined).is-danger:hover {
		background-color: var(--chip-danger-background-color-hover);
		color: var(--chip-danger-text-color)
	}
}

.as-chip:not(.is-outlined).is-danger.is-focused {
	background-color: var(--chip-danger-background-color-hover);
	color: var(--chip-danger-text-color)
}

.as-chip:not(.is-outlined).is-danger.is-selected,
.as-chip:not(.is-outlined).is-danger:active {
	background-color: var(--chip-danger-background-color-active);
	color: var(--chip-danger-text-color)
}

.as-chip:not(.is-outlined).is-warning {
	background-color: var(--chip-warning-background-color);
	color: var(--chip-warning-text-color)
}

@media ((hover:hover) and (pointer:fine)) {
	.as-chip:not(.is-outlined).is-warning:hover {
		background-color: var(--chip-warning-background-color-hover);
		color: var(--chip-warning-text-color)
	}
}

.as-chip:not(.is-outlined).is-warning.is-focused {
	background-color: var(--chip-warning-background-color-hover);
	color: var(--chip-warning-text-color)
}

.as-chip:not(.is-outlined).is-warning.is-selected,
.as-chip:not(.is-outlined).is-warning:active {
	background-color: var(--chip-warning-background-color-active);
	color: var(--chip-warning-text-color)
}

.as-chip:not(.is-outlined).is-info {
	background-color: var(--chip-info-background-color);
	color: var(--chip-info-text-color)
}

@media ((hover:hover) and (pointer:fine)) {
	.as-chip:not(.is-outlined).is-info:hover {
		background-color: var(--chip-info-background-color-hover);
		color: var(--chip-info-text-color)
	}
}

.as-chip:not(.is-outlined).is-info.is-focused {
	background-color: var(--chip-info-background-color-hover);
	color: var(--chip-info-text-color)
}

.as-chip:not(.is-outlined).is-info.is-selected,
.as-chip:not(.is-outlined).is-info:active {
	background-color: var(--chip-info-background-color-active);
	color: var(--chip-info-text-color)
}

.as-chip:not(.is-outlined).is-secondary {
	background-color: var(--chip-secondary-background-color);
	color: var(--chip-secondary-text-color)
}

@media ((hover:hover) and (pointer:fine)) {
	.as-chip:not(.is-outlined).is-secondary:hover {
		background-color: var(--chip-secondary-background-color-hover);
		color: var(--chip-secondary-text-color)
	}
}

.as-chip:not(.is-outlined).is-secondary.is-focused {
	background-color: var(--chip-secondary-background-color-hover);
	color: var(--chip-secondary-text-color)
}

.as-chip:not(.is-outlined).is-secondary.is-selected,
.as-chip:not(.is-outlined).is-secondary:active {
	background-color: var(--chip-secondary-background-color-active);
	color: var(--chip-secondary-text-color)
}

.as-chip.is-outlined.is-accent-light {
	background-color: var(--chip-accent-light-outlined-background-color);
	box-shadow: inset 0 0 0 1px var(--chip-accent-light-outlined-border-color);
	color: var(--chip-accent-light-text-color)
}

@media ((hover:hover) and (pointer:fine)) {
	.as-chip.is-outlined.is-accent-light:hover {
		background-color: var(--chip-accent-light-outlined-background-color-hover);
		box-shadow: inset 0 0 0 1px var(--chip-accent-light-outlined-border-color-hover);
		color: var(--chip-accent-light-text-color)
	}
}

.as-chip.is-outlined.is-accent-light.is-focused {
	background-color: var(--chip-accent-light-outlined-background-color-hover);
	box-shadow: inset 0 0 0 1px var(--chip-accent-light-outlined-border-color-hover);
	color: var(--chip-accent-light-text-color)
}

.as-chip.is-outlined.is-accent-light.is-selected,
.as-chip.is-outlined.is-accent-light:active {
	background-color: var(--chip-accent-light-outlined-background-color-active);
	box-shadow: inset 0 0 0 1px var(--chip-accent-light-outlined-border-color-active);
	color: var(--chip-accent-light-text-color)
}

.as-chip.is-outlined.is-warning {
	background-color: var(--chip-warning-outlined-background-color);
	box-shadow: inset 0 0 0 1px var(--chip-warning-outlined-border-color);
	color: var(--chip-warning-text-color)
}

@media ((hover:hover) and (pointer:fine)) {
	.as-chip.is-outlined.is-warning:hover {
		background-color: var(--chip-warning-outlined-background-color-hover);
		box-shadow: inset 0 0 0 1px var(--chip-warning-outlined-border-color-hover);
		color: var(--chip-warning-text-color)
	}
}

.as-chip.is-outlined.is-warning.is-focused {
	background-color: var(--chip-warning-outlined-background-color-hover);
	box-shadow: inset 0 0 0 1px var(--chip-warning-outlined-border-color-hover);
	color: var(--chip-warning-text-color)
}

.as-chip.is-outlined.is-warning.is-selected,
.as-chip.is-outlined.is-warning:active {
	background-color: var(--chip-warning-outlined-background-color-active);
	box-shadow: inset 0 0 0 1px var(--chip-warning-outlined-border-color-active);
	color: var(--chip-warning-text-color)
}

.as-chip.is-outlined.is-secondary {
	background-color: var(--chip-secondary-outlined-background-color);
	box-shadow: inset 0 0 0 1px var(--chip-secondary-outlined-border-color);
	color: var(--chip-secondary-text-color)
}

@media ((hover:hover) and (pointer:fine)) {
	.as-chip.is-outlined.is-secondary:hover {
		background-color: var(--chip-secondary-outlined-background-color-hover);
		box-shadow: inset 0 0 0 1px var(--chip-secondary-outlined-border-color-hover);
		color: var(--chip-secondary-text-color)
	}
}

.as-chip.is-outlined.is-secondary.is-focused {
	background-color: var(--chip-secondary-outlined-background-color-hover);
	box-shadow: inset 0 0 0 1px var(--chip-secondary-outlined-border-color-hover);
	color: var(--chip-secondary-text-color)
}

.as-chip.is-outlined.is-secondary.is-selected,
.as-chip.is-outlined.is-secondary:active {
	background-color: var(--chip-secondary-outlined-background-color-active);
	box-shadow: inset 0 0 0 1px var(--chip-secondary-outlined-border-color-active);
	color: var(--chip-secondary-text-color)
}

.as-chip.is-outlined.is-success {
	background-color: var(--chip-success-outlined-background-color);
	box-shadow: inset 0 0 0 1px var(--chip-success-outlined-border-color);
	color: var(--chip-success-outlined-text-color)
}

@media ((hover:hover) and (pointer:fine)) {
	.as-chip.is-outlined.is-success:hover {
		background-color: var(--chip-success-outlined-background-color-hover);
		box-shadow: inset 0 0 0 1px var(--chip-success-outlined-border-color-hover);
		color: var(--chip-success-outlined-text-color)
	}
}

.as-chip.is-outlined.is-success.is-focused {
	background-color: var(--chip-success-outlined-background-color-hover);
	box-shadow: inset 0 0 0 1px var(--chip-success-outlined-border-color-hover);
	color: var(--chip-success-outlined-text-color)
}

.as-chip.is-outlined.is-success.is-selected,
.as-chip.is-outlined.is-success:active {
	background-color: var(--chip-success-outlined-background-color-active);
	box-shadow: inset 0 0 0 1px var(--chip-success-outlined-border-color-active);
	color: var(--chip-success-outlined-text-color)
}

.as-chip.is-outlined.is-danger {
	background-color: var(--chip-danger-outlined-background-color);
	box-shadow: inset 0 0 0 1px var(--chip-danger-outlined-border-color);
	color: var(--chip-danger-outlined-text-color)
}

@media ((hover:hover) and (pointer:fine)) {
	.as-chip.is-outlined.is-danger:hover {
		background-color: var(--chip-danger-outlined-background-color-hover);
		box-shadow: inset 0 0 0 1px var(--chip-danger-outlined-border-color-hover);
		color: var(--chip-danger-outlined-text-color)
	}
}

.as-chip.is-outlined.is-danger.is-focused {
	background-color: var(--chip-danger-outlined-background-color-hover);
	box-shadow: inset 0 0 0 1px var(--chip-danger-outlined-border-color-hover);
	color: var(--chip-danger-outlined-text-color)
}

.as-chip.is-outlined.is-danger.is-selected,
.as-chip.is-outlined.is-danger:active {
	background-color: var(--chip-danger-outlined-background-color-active);
	box-shadow: inset 0 0 0 1px var(--chip-danger-outlined-border-color-active);
	color: var(--chip-danger-outlined-text-color)
}

.as-chip.is-outlined.is-info {
	background-color: var(--chip-info-outlined-background-color);
	box-shadow: inset 0 0 0 1px var(--chip-info-outlined-border-color);
	color: var(--chip-info-outlined-text-color)
}

@media ((hover:hover) and (pointer:fine)) {
	.as-chip.is-outlined.is-info:hover {
		background-color: var(--chip-info-outlined-background-color-hover);
		box-shadow: inset 0 0 0 1px var(--chip-info-outlined-border-color-hover);
		color: var(--chip-info-outlined-text-color)
	}
}

.as-chip.is-outlined.is-info.is-focused {
	background-color: var(--chip-info-outlined-background-color-hover);
	box-shadow: inset 0 0 0 1px var(--chip-info-outlined-border-color-hover);
	color: var(--chip-info-outlined-text-color)
}

.as-chip.is-outlined.is-info.is-selected,
.as-chip.is-outlined.is-info:active {
	background-color: var(--chip-info-outlined-background-color-active);
	box-shadow: inset 0 0 0 1px var(--chip-info-outlined-border-color-active);
	color: var(--chip-info-outlined-text-color)
}

.as-chip__prepend {
	margin-right: 4px
}

.as-chip__append {
	margin-left: 4px
}

body {
	--scrollactive-link-padding: 4px 0;
	--scrollactive-subitem-link-padding: 2px 0;
	--scrollactive-font-size: var(--base-font-size);
	--scrollactive-subitem-font-size: .85em;
	--scrollactive-subitems-padding: 0 0 4px 8px;
	--scrollactive-row-items-gutter: 32px;
	--scrollactive-row-link-padding: 16px 0
}

.as-scrollactive {
	overflow: auto
}

.as-scrollactive__list {
	list-style: none;
	margin: 0;
	padding: 0
}

.as-scrollactive__sublist {
	list-style: none;
	padding: var(--scrollactive-subitems-padding)
}

.as-scrollactive__link {
	color: var(--color-text-secondary);
	display: inline-block;
	font-size: var(--scrollactive-font-size);
	padding: var(--scrollactive-link-padding);
	transition: color .15s
}

@media ((hover:hover) and (pointer:fine)) {
	.as-scrollactive__link:hover {
		color: var(--color-accent-500)
	}
}

.as-scrollactive__link.is-active {
	color: var(--color-accent-500)
}

.as-scrollactive__subitem .as-scrollactive__link {
	font-size: var(--scrollactive-subitem-font-size);
	padding: var(--scrollactive-subitem-link-padding)
}

.as-scrollactive--row .as-scrollactive__list {
	-moz-column-gap: var(--scrollactive-row-items-gutter);
	column-gap: var(--scrollactive-row-items-gutter);
	display: flex;
	flex-wrap: nowrap
}

.as-scrollactive--row .as-scrollactive__link {
	padding: var(--scrollactive-row-link-padding);
	white-space: nowrap
}

body {
	--tabs-gap: 12px;
	--tabs-styled-padding: 0 16px;
	--tabs-styled-gap: 24px;
	--tabs-styled-border-width: 1px;
	--tabs-styled-border-color: var(--color-border);
	--tab-button-color: var(--color-text-secondary);
	--tab-button-hover-color: var(--color-text);
	--tab-button-active-color: var(--color-text);
	--tab-button-font-size: var(--base-font-size);
	--tab-button-font-family: var(--base-font-family);
	--tab-button-padding: 24px 6px;
	--tab-button-border-width: 2px;
	--tab-button-border-color: var(--color-gray-100);
	--tab-button-active-border-color: var(--color-accent-500);
	--tab-button-active-font-weight: 500;
	--tab-chip-hover-background-color: var(--color-accent-100);
	--tab-chip-active-background-color: var(--color-accent-500);
	--tab-chip-active-color: var(--color-white);
	--tab-chip-height: 32px;
	--tab-chip-padding: 5px 10px;
	--tab-chip-font-size: 14px;
	--tab-chip-font-weight: 600;
	--tab-chip-font-family: var(--base-font-family);
	--tab-chip-border-radius: 32px
}

.as-tabs {
	display: flex;
	flex-wrap: nowrap;
	gap: var(--tabs-gap);
	-ms-overflow-style: none;
	scrollbar-width: none
}

.as-tabs::-webkit-scrollbar {
	display: none
}

.as-tabs.is-styled {
	border-bottom: var(--tabs-styled-border-width) solid var(--tabs-styled-border-color);
	gap: var(--tabs-styled-gap);
	padding: var(--tabs-styled-padding)
}

.as-tab-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: transparent;
	border: 0;
	color: var(--tab-button-color);
	cursor: pointer;
	display: block;
	font-family: var(--tab-button-font-family);
	font-size: var(--tab-button-font-size);
	margin: 0;
	padding: var(--tab-button-padding);
	position: relative;
	transition: color .1s
}

.as-tab-button:after {
	background-color: var(--tab-button-border-color);
	bottom: 0;
	content: "";
	display: block;
	height: var(--tab-button-border-width);
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	transition: opacity .2s;
	width: 100%
}

.as-tab-button:hover {
	color: var(--tab-button-hover-color)
}

.as-tab-button:hover:after {
	opacity: 1
}

.as-tab-button.is-active {
	color: var(--tab-button-active-color);
	font-weight: var(--tab-button-active-font-weight)
}

.as-tab-button.is-active:after {
	background-color: var(--tab-button-active-border-color);
	opacity: 1
}

.as-tab-chip {
	align-items: center;
	border: none;
	border-radius: var(--tab-chip-border-radius);
	cursor: pointer;
	display: inline-flex;
	font-family: var(--tab-chip-font-family);
	font-size: var(--tab-chip-font-size);
	font-weight: var(--tab-chip-font-weight);
	line-height: 1.5;
	margin-bottom: 24px;
	min-height: var(--tab-chip-height);
	padding: var(--tab-chip-padding);
	transition-duration: .2s;
	transition-property: color, background-color
}

.as-tab-chip:not(.is-active) {
	background-color: transparent;
	color: var(--color-text)
}

.as-tab-chip:not(.is-active):hover {
	background-color: var(--tab-chip-hover-background-color);
	color: var(--tab-chip-active-background-color)
}

.as-tab-chip.is-active {
	background-color: var(--tab-chip-active-background-color);
	color: var(--tab-chip-active-color);
	cursor: default
}

.as-tabs-content {
	align-items: flex-start;
	display: flex;
	flex-wrap: nowrap;
	position: relative;
	transition: height .3s
}

.as-tabs-content>* {
	flex: 0 0 100%;
	max-width: 100%
}

.as-tab-window {
	padding: 1px
}

.as-tab-window-transition {
	left: 0;
	position: absolute;
	top: 0;
	transition: transform .4s ease, opacity .3s ease;
	width: 100%
}

.as-tab-window-left-position {
	opacity: 0;
	transform: translate(-100%)
}

.as-tab-window-right-position {
	opacity: 0;
	transform: translate(100%)
}
.app-aside__drawer{
	display: none;
}
.app-aside__drawer.is-open{
	display: block;
}
.as-tab-window-transition-end {
	opacity: 1;
	transform: translate(0)
}

.as-drawer__dialog {
	height: 100%;
	left: 0;
	overflow-y: auto;
	position: fixed;
	top: 0;
	width: 100vw;
	-webkit-overflow-scrolling: touch;
	outline: 0;
	z-index: 1050;
	max-width: 350px;
}

.as-drawer__container {
	background: var(--color-bg);
	display: flex;
	flex-direction: column;
	margin-left: auto;
	min-height: 100%;
	overflow: hidden;
	position: relative;
	z-index: 50
}

.is-left .as-drawer__container {
	margin-left: 0;
	margin-right: auto
}

@media screen and (min-width:992px) {
	.as-drawer__container {
		border-radius: 24px 0 0 24px;
		overflow: auto
	}

	.is-left .as-drawer__container {
		border-radius: 0 24px 24px 0
	}

	.is-tile .as-drawer__container {
		border-radius: 0
	}
}

.as-drawer__overlay {
	background-color: var(--modal-overlay-color);
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100vw;
	z-index: 520;
	cursor: pointer;
}

body {
	--calendar-max-width: 280px;
	--calendar-control-bg: var(--color-bg);
	--calendar-control-hover-bg: var(--shade-100);
	--calendar-control-text-color: var(--color-text);
	--calendar-title-font-size: var(--base-font-size);
	--calendar-title-font-weight: 600;
	--calendar-title-margin-bottom: 16px;
	--calendar-title-padding: 4px 0;
	--calendar-label-font-size: 14px;
	--calendar-label-line-height: 24px;
	--calendar-label-font-weight: 600;
	--calendar-label-text-transform: uppercase;
	--calendar-label-color: var(--shade-400);
	--calendar-vertical-gap: 4px;
	--calendar-button-size: 40px;
	--calendar-button-font-size: var(--base-font-size);
	--calendar-button-active-bg: var(--color-text);
	--calendar-button-selected-bg: var(--shade-100);
	--calendar-button-marked-bg: var(--color-accent-50);
	--calendar-muted-button-color: var(--shade-400);
	--calendar-disabled-button-color: var(--shade-200);
	--calendar-button-radius: 12px
}

.as-calendar {
	position: relative
}

@media screen and (min-width:576px) {
	.as-calendar {
		width: -moz-max-content;
		width: max-content
	}
}

.as-calendar__months {
	display: flex;
	gap: 24px
}

.as-calendar__next,
.as-calendar__prev {
	align-items: center;
	background-color: var(--calendar-control-bg);
	border: 0;
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	height: 40px;
	justify-content: center;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	transition: background-color .2s;
	width: 40px
}

@media ((hover:hover) and (pointer:fine)) {

	.as-calendar__next:hover,
	.as-calendar__prev:hover {
		background-color: var(--calendar-control-hover-bg)
	}
}

.as-calendar__prev {
	left: 0
}

.as-calendar__next {
	right: 0
}

.as-calendar__title {
	margin-bottom: var(--calendar-title-margin-bottom);
	padding: var(--calendar-title-padding)
}

.as-calendar__selector {
	align-items: center;
	border-radius: 8px;
	display: flex;
	justify-content: center;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	transition: background-color .2s;
	width: -moz-max-content;
	width: max-content
}

.as-calendar__selector:after {
	border-radius: inherit;
	box-shadow: inset 0 0 0 1px var(--color-border);
	content: "";
	height: 100%;
	left: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 100%
}

.as-calendar__month-select,
.as-calendar__year {
	background-color: #fff;
	border: 0;
	font-family: var(--base-font-family);
	font-size: var(--calendar-title-font-size);
	font-weight: var(--calendar-title-font-weight);
	line-height: 1.5;
	margin: 0;
	outline: none;
	padding: 4px 8px;
	transition: background-color .2s
}

.as-calendar__month-select:hover,
.as-calendar__year:hover {
	background-color: var(--color-gray-50)
}

.as-calendar__month-select {
	-webkit-appearance: none;
	border-radius: 0;
	border-right: 1px solid var(--color-border);
	text-align: center
}

.as-calendar__year {
	width: 72px
}

.as-calendar__year::-webkit-inner-spin-button,
.as-calendar__year::-webkit-outer-spin-button {
	-webkit-appearance: none
}

.as-calendar__year:focus {
	background-color: var(--color-gray-50)
}

.as-calendar__year-decrement,
.as-calendar__year-increment {
	align-items: center;
	border: 0;
	border-left: 1px solid var(--color-border);
	display: flex;
	height: 16px;
	justify-content: center;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	transition: background-color .2s;
	width: 16px;
	--icon-medium-size: 12px
}

.as-calendar__year-decrement:not(.is-disabled),
.as-calendar__year-increment:not(.is-disabled) {
	background-color: #fff;
	color: var(--color-text)
}

@media ((hover:hover) and (pointer:fine)) {

	.as-calendar__year-decrement:not(.is-disabled):hover,
	.as-calendar__year-increment:not(.is-disabled):hover {
		background-color: var(--color-gray-50);
		color: var(--color-text)
	}
}

.as-calendar__year-decrement:not(.is-disabled):active,
.as-calendar__year-increment:not(.is-disabled):active {
	background-color: var(--color-gray-100);
	color: var(--color-text)
}

.as-calendar__year-increment {
	border-bottom: 1px solid #ddd;
	top: 0
}

.as-calendar__year-decrement {
	bottom: 0
}

.as-calendar__month {
	width: 100%
}

@media screen and (min-width:576px) {
	.as-calendar__month {
		max-width: var(--calendar-max-width)
	}
}

.as-calendar__label {
	align-items: center;
	color: var(--calendar-label-color);
	display: flex;
	font-size: var(--calendar-label-font-size);
	font-weight: var(--calendar-label-font-weight);
	line-height: var(--calendar-label-line-height);
	text-align: center;
	text-transform: var(--calendar-label-text-transform)
}

.as-calendar__label-col {
	flex-grow: 1
}

.as-calendar__week {
	display: flex;
	margin-top: var(--calendar-vertical-gap);
	width: 100%
}

.as-calendar__day {
	overflow: hidden;
	padding-top: 14.2857142857%;
	position: relative;
	width: 14.2857142857%
}

@media screen and (min-width:576px) {
	.as-calendar__day {
		height: var(--calendar-button-size);
		padding-top: 0;
		width: var(--calendar-button-size)
	}
}

.as-calendar__day.is-muted {
	color: var(--calendar-muted-button-color)
}

.as-calendar__day.is-disabled {
	color: var(--calendar-disabled-button-color);
	cursor: not-allowed;
	pointer-events: none
}

.as-calendar__day.is-hidden {
	height: 0;
	opacity: 0;
	visibility: hidden
}

.as-calendar__day.is-rounded {
	border-radius: var(--calendar-button-radius)
}

.as-calendar__day.is-marked {
	background-color: var(--calendar-button-marked-bg)
}

.as-calendar__day.is-marked:not(.is-highlighted) {
	border-radius: var(--calendar-button-radius)
}

.as-calendar__day.is-highlighted {
	background-color: var(--calendar-button-selected-bg);
	color: var(--color-text)
}

.as-calendar__day.is-first-value,
.as-calendar__day:first-of-type {
	border-bottom-left-radius: var(--calendar-button-radius);
	border-top-left-radius: var(--calendar-button-radius)
}

.as-calendar__day.is-last-value,
.as-calendar__day:last-of-type {
	border-bottom-right-radius: var(--calendar-button-radius);
	border-top-right-radius: var(--calendar-button-radius)
}

.as-calendar__day.is-active {
	background-color: var(--calendar-button-active-bg);
	color: var(--color-white)
}

.as-calendar__day.is-today:not(.is-highlighted) {
	border-radius: var(--calendar-button-radius);
	box-shadow: 0 0 0 1px var(--color-border)
}

@media ((hover:hover) and (pointer:fine)) {
	.as-calendar__day:hover.is-today {
		box-shadow: none
	}

	.as-calendar__day:hover:not(.is-highlighted) {
		border-radius: var(--calendar-button-radius)
	}

	.as-calendar__day:hover.is-highlighted.is-first-value,
	.as-calendar__day:hover.is-highlighted.is-last-value,
	.as-calendar__day:hover:not(.is-highlighted) {
		background-color: var(--calendar-button-active-bg);
		color: var(--color-white)
	}
}

.as-calendar__day-button {
	align-items: center;
	background-color: var(--color-bg);
	background-color: inherit;
	border: 0;
	color: var(--color-text);
	color: currentColor;
	cursor: pointer;
	display: flex;
	font-size: var(--calendar-button-font-size);
	height: 100%;
	justify-content: center;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 100%
}

body {
	--input-datepicker-actions-gap: 8px;
	--input-datepicker-actions-padding: 24px var(--modal-padding-left-sm) var(--modal-padding-bottom) var(--modal-padding-right-sm)
}

.as-input-datepicker__close {
	position: absolute;
	right: 14px;
	top: 14px
}

.as-input-datepicker__close svg {
	height: 24px;
	width: 24px
}

.as-input-datepicker__dropdown-title {
	font-size: 20px;
	font-weight: 600;
	line-height: 1.3;
	padding-bottom: 0;
	padding-left: var(--modal-padding-left-sm);
	padding-right: var(--modal-padding-right-sm);
	padding-top: 32px;
	padding-top: max(var(--safe-area-inset-top), 32px)
}

@media screen and (max-width:575px) {
	.as-input-datepicker__dropdown-body {
		padding-bottom: 0
	}
}

.as-input-datepicker__dropdown-actions {
	display: flex;
	gap: var(--input-datepicker-actions-gap);
	padding: var(--input-datepicker-actions-padding)
}

.as-input-datepicker__body {
	display: flex
}

.as-input-datepicker__segment {
	border: 0;
	border-radius: 4px;
	caret-color: transparent;
	display: inline-block;
	font-family: var(--base-font-family);
	font-size: var(--base-font-size);
	height: 20px;
	line-height: 20px;
	max-width: -moz-fit-content;
	max-width: fit-content;
	outline: none;
	padding: 0 1px;
	width: -moz-max-content;
	width: max-content
}

.as-input-datepicker__segment:focus {
	background-color: var(--color-info-500);
	color: #fff
}

.as-input-datepicker__segment:focus::-moz-placeholder {
	color: #fff
}

.as-input-datepicker__segment:focus::placeholder {
	color: #fff
}

.as-input-datepicker__segment.is-disabled {
	pointer-events: none
}

.as-input-datepicker__segments-divider:last-child {
	display: none
}

.as-input-datepicker__segmented-date:nth-child(2):before {
	content: "—";
	display: inline-block;
	margin: 0 4px
}

.as-input-datepicker__segmented-date.is-invisible {
	visibility: hidden
}

.as-input-datepicker__segmented-date.is-ghost {
	opacity: .6
}

.as-stories-gallery {
	--slide-md-width: 250px;
	--slide-md-height: 400px;
	--as-stories-gallery-pagination-bullet-width: 8px;
	--as-stories-gallery-pagination-bullet-height: 8px;
	--as-stories-gallery-pagination-active-bullet-width: 32px
}

.as-stories-gallery__slide {
	height: 100%;
	width: 100%
}

@media screen and (min-width:576px) {
	.as-stories-gallery__slide {
		height: var(--slide-md-height);
		width: var(--slide-md-width)
	}
}

.as-stories-gallery .as-slider {
	--pagination-bullet-width: var(--as-stories-gallery-pagination-bullet-width);
	--pagination-bullet-height: var(--as-stories-gallery-pagination-bullet-height);
	--pagination-active-bullet-width: var(--as-stories-gallery-pagination-active-bullet-width)
}

.as-stories-gallery-item {
	--story-border-radius: 16px;
	--images-radius: 24px 24px 0px 0px;
	--story-control-button-size: 32px;
	--story-control-button-background-color: var(--color-gray-350);
	--story-control-button-icon-color: var(--color-white);
	border-radius: var(--story-border-radius);
	cursor: pointer;
	display: block;
	height: 100%;
	overflow: hidden;
	position: relative
}

.as-stories-gallery-item:after {
	background: linear-gradient(0deg, #7076ad8f, #7076ad8f) #d3d3d3 50%/cover no-repeat;
	border-radius: inherit;
	content: "";
	height: 100%;
	left: 0;
	opacity: .5;
	pointer-events: none;
	position: absolute;
	top: 0;
	transition: opacity .5s;
	width: 100%;
	z-index: 1
}

.as-stories-gallery-item.is-playing:after {
	opacity: 0
}

@media screen and (max-width:575px) {
	.as-stories-gallery-item {
		border-radius: var(--images-radius);
		height: 0;
		padding-top: 120%
	}

	.as-stories-gallery-item:after {
		opacity: 0
	}
}

.as-stories-gallery-item__video {
	z-index: 2
}

.as-stories-gallery-item__image,
.as-stories-gallery-item__video {
	border-radius: inherit;
	height: 100%;
	left: 0;
	-o-object-fit: cover;
	object-fit: cover;
	position: absolute;
	top: 0;
	width: 100%
}

.as-stories-gallery-item__body {
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: flex-end
}

@media screen and (min-width:992px) {
	.as-stories-gallery-item__body.is-active {
		justify-content: space-between
	}
}

.as-stories-gallery-item__controls,
.as-stories-gallery-item__info {
	position: relative;
	z-index: 3
}

.as-stories-gallery-item__controls {
	opacity: 1;
	padding: 16px
}

.as-stories-gallery-item__controls.is-hidden {
	opacity: 0
}

.as-stories-gallery-item__control-btn {
	align-items: center;
	background-color: unset;
	border: 0;
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	height: var(--story-control-button-size);
	justify-content: center;
	min-width: var(--story-control-button-size);
	padding: 0;
	transition: background-color .2s;
	width: var(--story-control-button-size)
}

.as-stories-gallery-item__control-btn:hover {
	background-color: var(--story-control-button-background-color)
}

.as-stories-gallery-item__control-btn svg {
	fill: var(--story-control-button-icon-color)
}

.as-stories-gallery-item__loader {
	color: #fff;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 4
}

body {
	--data-table-width: 100%;
	--data-table-font-size: .875rem;
	--data-table-header-color: var(--color-text);
	--data-table-header-background-color: #f9fafb;
	--data-table-header-border: 1px solid rgba(29, 30, 32, .15);
	--data-table-header-font-weight: 500;
	--data-table-cell-color: var(--color-text-secondary);
	--data-table-cell-border: 1px solid rgba(29, 30, 32, .08);
	--data-table-cell-padding: 12px;
	--data-table-cell-padding-dense: 8px;
	--data-table-filled-color: var(--data-table-header-background-color);
	--data-table-loading-text-margin: 16px;
	--data-table-loading-text-color: var(--color-text-secondary);
	--data-table-no-data-text-color: var(--color-gray-250)
}

.as-data-table {
	border-collapse: collapse;
	font-size: var(--data-table-font-size);
	margin-left: 0;
	margin-right: 0;
	max-width: 100%;
	overflow-x: auto;
	width: var(--data-table-width)
}

.as-data-table::-webkit-scrollbar {
	-webkit-appearance: none;
	background: #fff;
	height: 7px;
	width: 7px
}

.as-data-table::-webkit-scrollbar-thumb {
	background-color: #00000080;
	border-radius: 12px;
	box-shadow: 0 0 1px #ffffff80;
	height: 3px
}

.as-data-table.is-disabled {
	opacity: .5;
	pointer-events: none
}

.as-data-table.is-loading .as-data-table__header {
	border: 0
}

th.is-sortable .as-data-table__header-content {
	cursor: pointer;
	pointer-events: auto
}

th.is-sortable .as-data-table__header-content:hover .as-data-table__sort-icon:not(.is-active) {
	opacity: .7
}

.as-data-table__header-title {
	color: var(--data-table-header-color);
	font-weight: var(--data-table-header-font-weight)
}

.as-data-table__sort-icon {
	opacity: 0;
	transform: rotate(0);
	transition: opacity .2s, transform .2s
}

.as-data-table__sort-icon.is-active {
	opacity: 1
}

.as-data-table__sort-icon.is-desc {
	transform: rotate(180deg)
}

.as-data-table__row.with-hover {
	transition: background-color .2s
}

.as-data-table__row.with-hover:hover {
	background-color: var(--data-table-filled-color)
}

.as-data-table__no-data {
	--data-table-cell-color: var(--data-table-no-data-text-color);
	text-align: center
}

.as-data-table__no-data td {
	padding: 16px
}

.as-data-table td,
.as-data-table th {
	font-weight: 400;
	padding: var(--data-table-cell-padding);
	text-align: left
}

.as-data-table.is-dense td,
.as-data-table.is-dense th {
	padding: var(--data-table-cell-padding-dense)
}

.as-data-table tr td b,
.as-data-table tr td strong {
	color: var(--data-table-header-color);
	font-weight: var(--data-table-header-font-weight)
}

.as-data-table thead tr {
	border-bottom: var(--data-table-header-border)
}

.as-data-table tbody tr {
	border-bottom: var(--data-table-cell-border);
	color: var(--data-table-cell-color)
}

.as-data-table tbody tr:last-child {
	border-bottom: 0
}

.as-data-table th.is-filled {
	background-color: var(--data-table-filled-color)
}

.as-data-table__footer .as-pagination {
	min-height: unset
}

.as-data-table tr .as-data-table__loading {
	padding: 0;
	text-align: center
}

.as-data-table__loading {
	position: relative;
	--data-table-cell-border: 0
}

.as-data-table__loading td {
	padding: 0
}

.as-data-table__loader {
	left: 0;
	position: absolute !important;
	top: 0;
	transform: translateY(-100%)
}

.as-data-table__loading-text {
	color: var(--data-table-loading-text-color);
	margin-top: var(--data-table-loading-text-margin)
}

.as-data-table__filter-button {
	--button-size-xs: 24px
}

body {
	--progress-linear-border-radius: 4px
}

.as-progress-linear {
	overflow: hidden;
	position: relative;
	width: 100%
}

.as-progress-linear.is-rounded {
	border-radius: var(--progress-linear-border-radius)
}

.as-progress-linear__background {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.as-progress-linear__bar {
	background-color: currentColor;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transition: all .2s linear
}

.as-progress-linear__indeterminate {
	animation: indeterminate 3s linear infinite;
	background-image: linear-gradient(90deg, transparent 50%, currentColor 0, currentColor 60%, transparent 0, transparent 71.5%, currentColor 0, currentColor 84%, transparent 0);
	background-size: 200% 100%;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

@keyframes indeterminate {
	0% {
		background-position: left -31.25% top 0;
		background-size: 200% 100%
	}

	50% {
		background-position: left -49% top 0;
		background-size: 800% 100%
	}

	to {
		background-position: left -102% top 0;
		background-size: 400% 100%
	}
}

body {
	--base-font-family: "Roboto", "Helvetica Neue", arial, "Noto Sans", sans-serif;
	--headings-font-family: "Roboto", "Helvetica Neue", arial, "Noto Sans", sans-serif;
	--h1-font-size-md: 40px;
	--h1-font-size-sm: 32px;
	--h2-font-size-md: 32px;
	--h2-font-size-sm: 24px;
	--h3-font-size-md: 24px;
	--h3-font-size-sm: 20px;
	--h4-font-size-md: 20px;
	--h4-font-size-sm: 18px;
	--h5-font-size-md: 18px;
	--h5-font-size-sm: 17px;
	--h6-font-size-md: 16px;
	--h6-font-size-sm: 16px;
	--controls-border-radius: 12px;
	--button-size-lg: 56px;
	--button-size-xs: 32px;
	--button-font-size-sm: 14px;
	--button-horizontal-padding-xs: 8px;
	--modal-header-font-size: 24px;
	--modal-padding-top: 32px;
	--modal-padding-left: 32px;
	--modal-padding-right: 32px;
	--modal-padding-bottom: 32px;
	--color-link: var(--color-text-secondary);
	--color-link-hover: var(--color-accent-550);
	--color-info-50: #f5f9fe;
	--color-info-100: #ecf3fe;
	--color-info-150: #ddeafd;
	--color-info-200: #cfe1fc;
	--color-info-250: #c0d8fb;
	--color-info-300: #b1cffb;
	--color-info-350: #94bcf9;
	--color-info-400: #77aaf7;
	--color-info-450: #5a98f6;
	--color-info-500: #3d86f4;
	--color-info-550: #3a7fe8;
	--color-info-600: #3779dc;
	--color-info-650: #2e65b7;
	--color-info-700: #255092;
	--color-info-750: #204680;
	--color-info-800: #1b3c6e;
	--color-info-850: #17325c;
	--color-info-900: #122849;
	--color-success-50: #f7fbf7;
	--color-success-100: #eff7ee;
	--color-success-150: #e3f2e2;
	--color-success-200: #d7ecd6;
	--color-success-250: #cbe6c9;
	--color-success-300: #bfe0bd;
	--color-success-350: #a8d5a4;
	--color-success-400: #90c98b;
	--color-success-450: #78be72;
	--color-success-500: #60b259;
	--color-success-550: #5ba955;
	--color-success-600: #56a050;
	--color-success-650: #488643;
	--color-success-700: #3a6b35;
	--color-success-750: #325d2f;
	--color-success-800: #2b5028;
	--color-success-850: #244321;
	--color-success-900: #1d351b;
	--color-warning-50: #fffcf5;
	--color-warning-100: #fff9ec;
	--color-warning-150: #fff4de;
	--color-warning-200: #fff0cf;
	--color-warning-250: #ffebc1;
	--color-warning-300: #ffe6b3;
	--color-warning-350: #fedd96;
	--color-warning-400: #fed479;
	--color-warning-450: #feca5d;
	--color-warning-500: #fec140;
	--color-warning-550: #f1b73d;
	--color-warning-600: #e5ae3a;
	--color-warning-650: #bf9130;
	--color-warning-700: #987426;
	--color-warning-750: #856522;
	--color-warning-800: #72571d;
	--color-warning-850: #5f4818;
	--color-warning-900: #4c3a13;
	--color-danger-50: #fff4f5;
	--color-danger-100: #ffeaeb;
	--color-danger-150: #ffdadd;
	--color-danger-200: #ffcace;
	--color-danger-250: #ffb9bf;
	--color-danger-300: #ffa9b1;
	--color-danger-350: #ff8993;
	--color-danger-400: #ff6976;
	--color-danger-450: #ff4958;
	--color-danger-500: #ff293b;
	--color-danger-550: #f22738;
	--color-danger-600: #e62535;
	--color-danger-650: #bf1f2c;
	--color-danger-700: #991923;
	--color-danger-750: #86161f;
	--color-danger-800: #73121b;
	--color-danger-850: #600f16;
	--color-danger-900: #4d0c12;
	--color-default-50: #f3f3f3;
	--color-default-100: #e7e7e7;
	--color-default-150: #d4d4d6;
	--color-default-200: #c2c2c4;
	--color-default-250: #b0afb2;
	--color-default-300: #9d9da1;
	--color-default-350: #79787d;
	--color-default-400: #54545a;
	--color-default-450: #302f36;
	--color-default-500: #0b0a13;
	--color-default-550: #0a0a12;
	--color-default-600: #0a0911;
	--color-default-650: #08080e;
	--color-default-700: #07060b;
	--color-default-750: #06050a;
	--color-default-800: #050509;
	--color-default-850: #040407;
	--color-default-900: #030306;
	--color-accent-50: #fff7f4;
	--color-accent-100: #fff0e9;
	--color-accent-150: #ffe4d7;
	--color-accent-200: #ffd9c6;
	--color-accent-250: #ffcdb5;
	--color-accent-300: #ffc2a3;
	--color-accent-350: #ffab81;
	--color-accent-400: #ff945f;
	--color-accent-450: #2790c5;
	/*--color-accent-450: #ff7d3c;*/
	--color-accent-500: #27a2e1;
	/*--color-accent-500: #ff661a;*/
	--color-accent-550: #f26119;
	--color-accent-600: #e65c17;
	--color-accent-650: #bf4d14;
	--color-accent-700: #993d10;
	--color-accent-750: #863913;
	--color-accent-800: #732e0c;
	--color-accent-850: #60260a;
	--color-accent-900: #4d1f08;
	--color-redirect-arrow: var(--color-success-500);
	--dropdown-title-padding: 20px 24px 0;
	--dropdown-body-padding: 24px;
	--dropdown-border-radius: 16px;
	--dropdown-shadow: 0 12px 48px rgba(2, 16, 57, .12);
	--dropdown-arrow-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='8' viewBox='0 0 28 8'%3E%3Cpath fill='%23fff' d='M28 8c-.61 0-.914 0-1.203-.023C18 8 17 0 14 0S10 8 1.203 7.977C.913 8 .61 8 0 8z'/%3E%3C/svg%3E");
	--world-part-card-height-sm: 150px;
	--world-part-card-height-md: 259px;
	--world-part-card-padding-md: 24px;
	--world-part-card-title-sm: 17px;
	--world-part-card-title-md: 24px;
	--world-part-group-load-more-indent-sm: 16px;
	--world-part-group-load-more-indent-md: 24px;
	--toast-success-icon: url(/_nuxt/check-box-filled.DQVfS6u4.svg);
	--list-item-active-bg-color: var(--color-gray-50);
	--list-item-hover-bg-color: #f3f5f6;
	--list-item-border-radius: 12px;
	--list-subheader-padding: 0 0 0 16px;
	--list-item-selected-icon-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%230a0a0d' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m18 8-8 8-4-4'/%3E%3C/svg%3E");
	--list-item-selected-icon-size: 24px;
	--card-border-radius: 16px;
	--card-subtitle-margin: 4px 0 0;
	--container-offset: 16px;
	--container-max-width: 1440px;
	--container-max-width-lg: 1760px;
	--container-max-width-md: 1280px;
	--container-max-width-sm: 1100px;
	--container-padding-left: max(var(--safe-area-inset-left), var(--container-offset));
	--container-padding-right: max(var(--safe-area-inset-right), var(--container-offset));
	--fixed-element-indent-bottom: max(var(--safe-area-inset-bottom), 16px);
	--input-v1-margin-bottom: 16px;
	--input-v1-height: 56px;
	--verification-icon-color: #2d85ff;
	--toast-error-icon: url(/_nuxt/error.Dwxa9eSy.svg);
	--filter-button-active-background: #f3f5f6 !important;
	--pagination-button-width: 40px;
	--pagination-button-height: 40px;
	--pagination-controls-button-gap: 4px;
	--pagination-nav-button-gap: 8px;
	--pagination-hover-button-background: var(--color-gray-50);
	--pagination-button-margin-bottom: 16px;
	--pagination-button-gap: 16px;
	--pagination-load-button-height: 48px;
	--caption-1-font-size: 16px;
	--chip-height-sm: 22px;
	--chip-padding-sm: 0px 6px;
	--chip-default-border-radius: 6px;
	--chip-warning-text-color: var(--color-warning-650);
	--chip-secondary-outlined-border-color: var(--color-gray-100);
	--auth-booking-modal-subtitle-font-weight: 700;
	--as-truncate-button-color: #ff6d24;
	--icon-like-fill-color: transparent;
	--collapse-padding: 8px 0;
	--link-button-font-weight-bold: 600
}

@media screen and (min-width:992px) {
	body {
		--container-offset: 24px
	}
}

@media screen and (min-width:1200px) {
	body {
		--container-offset: 40px
	}
}

@media screen and (min-width:1600px) {
	body {
		--container-offset: 80px
	}
}

body {
	--color-text: var(--color-gray-900);
	--color-border: #ecedf0;
	--color-text-secondary: #64567b
}

.as-message {
	--message-border-radius: 12px;
	--message-dense-padding: 12px 16px;
	--message-dense-font-size: 14px;
	--message-warning-text-color: var(--color-text);
	--message-info-text-color: var(--color-text);
	--message-danger-text-color: var(--color-text);
	--message-success-text-color: var(--color-text);
	--message-accent-light-text-color: var(--color-text);
	--message-warning-icon-color: var(--color-warning-650);
	--message-info-icon-color: var(--color-info-650);
	--message-danger-icon-color: var(--color-warning-650);
	--message-success-icon-color: var(--color-success-650);
	--message-danger-icon-color: var(--color-danger-500) !important;
	--message-danger-text-color: var(--color-danger-500) !important;
	--message-accent-light-icon-color: var(--color-accent-500) !important
}

.as-indicator {
	--indicator-active-color: var(--color-success-500)
}

.as-tag {
	--tag-background: #f3f5f6
}

.tour-rating-badge {
	--rating-icon-color: var(--color-accent-500)
}

.as-rating {
	--star-size-sm: 16px;
	--star-size-md: 24px;
	--star-active-color: #25b86e
}

.tour-recommendations {
	--cost-calculation-card-background-color: var(--color-info-50);
	--cost-calculation-button-background-color: #2d85ff
}

@font-face {
	font-display: swap;
	font-family: Averta;
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/Averta-Regular.-wkxkDZc.woff2) format("woff2")
}

@font-face {
	font-display: swap;
	font-family: Averta;
	font-style: normal;
	font-weight: 600;
	src: url(../fonts/Averta-SemiBold.DAQO_fVH.woff2) format("woff2")
}

@font-face {
	font-display: swap;
	font-family: Averta;
	font-style: normal;
	font-weight: 700;
	src: url(../fonts/Averta-Bold.DjQkZTa_.woff2) format("woff2")
}

.article-text {
	word-break: break-word !important
}

.article-text :last-child {
	margin-bottom: 0
}

.article-text li,
.article-text p {
	margin-bottom: 8px
}

@media screen and (min-width:992px) {

	.article-text li,
	.article-text p {
		margin-bottom: 12px
	}
}

.article-text h3 {
	margin-bottom: 12px
}

@media screen and (min-width:992px) {
	.article-text h3 {
		margin-bottom: 16px
	}
}

.article-text figcaption {
	color: #4f4f5e;
	margin-top: 14px
}

.article-text figure {
	margin-inline: 0
}

.article-text figure.table {
	margin-left: 0;
	margin-right: 0;
	max-width: 100%;
	overflow-x: auto
}

.article-text figure.table::-webkit-scrollbar {
	-webkit-appearance: none;
	background: #fff;
	height: 7px;
	width: 7px
}

.article-text figure.table::-webkit-scrollbar-thumb {
	background-color: #00000080;
	border-radius: 12px;
	box-shadow: 0 0 1px #ffffff80;
	height: 3px
}

.article-text .h2,
.article-text h2 {
	letter-spacing: -.69px;
	margin-bottom: 16px
}

.article-text .h2:first-child,
.article-text h2:first-child {
	margin-top: 0
}

@media screen and (min-width:576px) {

	.article-text .h2,
	.article-text h2 {
		margin-bottom: 24px
	}
}

.article-text img {
	border-radius: 16px;
	max-height: 100%;
	max-width: 100%
}

.article-text img:not(:first-child) {
	margin: 16px 0
}

.article-text a {
	display: inline-block;
	position: relative
}

.article-text a:not(.text-blue):not(.text-accent):not(.as-button) {
	color: #ff661a
}

.article-text a:not(.text-blue):not(.text-accent):not(.as-button):hover {
	text-decoration: underline
}

.article-text a+h2,
.article-text a+h3 {
	margin-top: 0
}

.article-text ul {
	list-style-type: disc
}

.article-text ol,
.article-text ul {
	margin: 16px 0;
	padding-left: 24px
}

.article-text ol li,
.article-text ul li {
	margin-bottom: 8px
}

.article-text ol li ul,
.article-text ul li ul {
	list-style: square;
	padding-left: 48px
}

.article-text ol li ul li,
.article-text ul li ul li {
	margin-bottom: 4px
}

.article-text ol ol,
.article-text ol ul,
.article-text ul ol,
.article-text ul ul {
	margin-top: 8px
}

.article-text strong {
	font-weight: 600
}

.article-text .table-scroll {
	overflow: auto
}

@media screen and (min-width:575px) and (max-width:992px) {
	.article-text .table-scroll {
		margin-left: -24px;
		margin-right: -24px;
		padding: 0 24px
	}
}

@media screen and (max-width:575px) {
	.article-text .table-scroll {
		margin-left: -16px;
		margin-right: -16px;
		padding: 0 16px
	}
}

.article-text table {
	border: 1px solid #f0f1f2;
	border-radius: 8px;
	border-spacing: 0;
	font-size: 16px;
	max-width: 100%;
	text-align: left;
	width: 100%
}

@media screen and (max-width:991px) {
	.article-text table {
		min-width: -moz-max-content;
		min-width: max-content
	}
}

.article-text table td,
.article-text table th {
	padding: 6px 10px
}

.article-text table thead {
	line-height: 30px
}

.article-text table th {
	font-weight: 600
}

.article-text table tbody tr:nth-child(2n),
.article-text table thead tr {
	background-color: #f3f5f6
}

.article-text table th,
.article-text table tr:not(:last-child) td {
	border-bottom: 1px solid #f0f1f2
}

.article-text table tbody,
.article-text table thead {
	min-width: -moz-max-content;
	min-width: max-content
}

.system-message {
	margin: 0 auto;
	max-width: 480px;
	padding-top: 40px;
	text-align: center
}

@media screen and (min-width:1600px) {
	.system-message {
		padding-top: 24px
	}
}

.system-message__image {
	max-width: 144px
}

.system-message__image--sad {
	background-color: #fff9eb;
	border-radius: 50%;
	max-width: 104px;
	padding: 26px
}

.system-message__image.is-large {
	max-width: 280px
}

.system-message__title {
	font-size: 24px;
	font-weight: 700;
	letter-spacing: -.47px;
	line-height: 110%;
	margin-bottom: 12px;
	margin-top: 26px
}

@media screen and (min-width:576px) {
	.system-message__title {
		margin-bottom: 8px;
		margin-top: 32px
	}
}

.system-message__subtitle {
	color: #4f4f5e;
	font-size: 18px;
	margin-bottom: 24px
}

@media screen and (min-width:576px) {
	.system-message__subtitle {
		margin-bottom: 32px
	}
}

.system-message__caption {
	color: #707685;
	font-size: 13px;
	letter-spacing: .12px;
	line-height: 18px;
	margin-top: 32px
}

.system-message__caption a {
	color: #0a0a0d
}

.system-message__code {
	background: #f0f1f2;
	border-radius: 6px;
	color: #0a0a0d;
	display: block;
	margin-top: 36px;
	padding: 8px 12px
}

.container {
	margin: 0 auto;
	max-width: var(--container-max-width);
	padding: 0 16px;
	padding-left: var(--container-padding-left);
	padding-right: var(--container-padding-right);
	width: 100%
}

.container--large {
	max-width: var(--container-max-width-lg)
}

.container--md {
	max-width: var(--container-max-width-md)
}

.container--small {
	max-width: var(--container-max-width-sm)
}

.content {
	margin-top: 14px;
	min-height: 240px;
	padding-bottom: 48px
}

@media screen and (min-width:576px) {
	.content {
		margin-top: 22px;
		padding-bottom: 64px
	}
}

.search-title {
	font-size: 24px;
	margin-bottom: 24px
}

@media screen and (min-width:576px) {
	.search-title {
		font-size: 32px;
		font-weight: 700
	}
}

@media screen and (min-width:992px) {
	.search-title {
		font-size: 40px;
		letter-spacing: -.89px;
		margin-bottom: 32px
	}
}

.page-title {
	font-size: 24px;
	font-weight: 700;
	letter-spacing: -.47px;
	line-height: 1.3;
	margin-bottom: 24px;
	margin-top: 0
}

.page-title span {
	white-space: nowrap
}

.page-title img {
	vertical-align: text-top
}

@media screen and (max-width:575px) {
	.page-title img.hidden-sm-down {
		display: none !important
	}
}

@media screen and (min-width:576px) {
	.page-title {
		font-size: 32px
	}
}

@media screen and (min-width:1200px) {
	.page-title {
		font-size: 40px;
		letter-spacing: -.89px;
		margin-bottom: 32px
	}

	.page-title img {
		height: 40px;
		width: 40px
	}
}

.tile-list {
	/*margin-bottom: -12px !important;*/
	margin-left: -6px !important;
	margin-right: -6px !important
}

.tile-list>.as-col {
	padding: 0 6px
}

@media screen and (min-width:992px) {
	.tile-list {
		/*margin-bottom: -20px !important;*/
		margin-left: -10px !important;
		margin-right: -10px !important
	}

	.tile-list>.as-col {
		padding: 0 10px
	}
}

.tile-list__col {
	margin-bottom: 16px
}

@media screen and (min-width:360px) {
	.tile-list__col {
		flex: 0 0 50%;
		max-width: 50%
	}
}

@media screen and (min-width:576px) {
	.tile-list__col {
		flex: 0 0 33.3%;
		margin-bottom: 20px;
		max-width: 33.3%
	}
}

@media screen and (min-width:1366px) {
	.tile-list__col {
		flex: 0 0 25%;
		max-width: 25%
	}
}

@media screen and (min-width:2000px) {
	/*.tile-list__col {
		flex: 0 0 20%;
		max-width: 20%
	}*/
}

@media screen and (min-width:992px) {
	.layout {
		display: grid;
		grid-template-columns: calc(66% - 40px) 34%;
		grid-column-gap: 40px
	}
}

@media screen and (min-width:1200px) {
	.layout {
		grid-template-columns: calc(100% - 465px) 405px;
		grid-column-gap: 60px
	}
}

.layout__sidebar {
	height: -moz-max-content;
	height: max-content;
	min-width: 365px
}

@media screen and (max-width:991px) {
	.layout__sidebar {
		display: none
	}
}

.spacer {
	flex-grow: 1
}

.as-collapse {
	border-bottom: 1px solid var(--color-border)
}

.button-page-back {
	align-items: center;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #fff;
	border: 0;
	border-radius: 24px;
	box-shadow: 0 8px 24px #59668414;
	color: #080b1c;
	cursor: pointer;
	display: flex;
	height: 40px;
	justify-content: center;
	margin: 0 8px 0 0;
	min-width: 40px;
	padding: 0;
	transition: box-shadow .2s, color .2s;
	width: 40px
}

.button-page-back .icon {
	fill: currentColor
}

.button-page-back:hover {
	color: #ff661a
}

.button-page-back:active {
	box-shadow: 0 6px 7px #00126614
}

@media screen and (min-width:992px) {
	.button-page-back {
		height: 48px;
		margin-right: 20px;
		min-width: 48px;
		width: 48px
	}
}

.cost-list {
	--include-icon: url(/_nuxt/check-box-filled.DQVfS6u4.svg) !important;
	--exclude-icon: url(/_nuxt/close-box.DkCpBCc8.svg) !important;
	--icon-size: 18px !important
}

.as-message {
	--message-accent-light-text-color: var(--color-accent-750);
	--message-accent-light-icon-color: var(--color-accent-750);
	--message-warning-text-color: var(--color-warning-750);
	--message-info-text-color: var(--color-info-750);
	--message-danger-text-color: var(--color-danger-750);
	--message-danger-icon-color: var(--color-danger-750);
	--message-success-text-color: var(--color-success-750)
}

.as-rating {
	--star-icon: url(../img/review-star.svg)
}

.as-rating__input {
	margin-right: 0
}

.layout-fixed-elements {
	align-items: stretch;
	bottom: var(--fixed-element-indent-bottom);
	display: flex;
	flex-direction: column;
	gap: 12px;
	left: 50%;
	padding-left: var(--container-padding-left);
	padding-right: var(--container-padding-right);
	pointer-events: none;
	position: fixed;
	transform: translate(-50%);
	width: 100%;
	z-index: 20
}

@media screen and (min-width:576px) {
	.layout-fixed-elements {
		gap: 24px
	}
}

@media screen and (min-width:1200px) {
	.layout-fixed-elements.has-offset {
		max-width: calc(var(--container-max-width-lg) + var(--aside-menu-width));
		padding-left: calc(var(--aside-menu-width) + var(--container-padding-left))
	}
}

.layout-fixed-elements .as-sheet {
	pointer-events: all;
	position: relative
}

.layout-fixed-elements__buttons {
	display: flex;
	justify-content: space-between;
	position: relative;
	width: 100%
}

.layout-fixed-elements .support-bubble {
	margin-left: auto
}

.layout-fixed-elements .support-bubble__button {
	pointer-events: all
}

@media screen and (max-width:575px) {
	.layout-fixed-elements .tour-sheet {
		--tour-sheet-border-radius: 0;
		margin: -16px;
		width: auto
	}
}

.layout-fixed-elements .tour-sheet__price {
	font-size: 20px;
	font-weight: 700;
	line-height: 120%
}

.layout-fixed-elements .tour-sheet__btn {
	font-size: 16px;
	height: 48px
}

.phone-contacts__phone-value {
	color: var(--color-text)
}

.tour-variants-list-modal {
	--variants-individual-price-color: var(--color-text)
}

.request-tourists-info__hint a {
	color: var(--color-info-500)
}

.as-drawer__container {
	overflow: unset
}

@media screen and (min-width:576px) {
	.as-sheet__mobile {
		display: none
	}
}

.request-call-modal__image {
	height: 56px
}

@media screen and (min-width:992px) {
	.request-call-modal__image {
		height: 64px
	}
}

.request-call-modal .phone-contacts__phone-value {
	color: var(--color-accent-500)
}

.organizer-page {
	margin-top: 74px
}

@media screen and (min-width:576px) {
	.organizer-page {
		margin-top: 48px
	}
}

.as-pagination__caption {
	font-size: 12px
}

@media screen and (max-width:575px) {
	.as-pagination__controls {
		gap: 0;
		justify-content: space-around
	}
}

.as-slider-button-next,
.as-slider-button-prev {
	border: 1px solid var(--color-default-100);
	box-shadow: none
}

.chat-container {
	border-top: 1px solid var(--color-border)
}

@media screen and (max-width:991px) {
	.chat-dialogs-list__header {
		padding: 16px 24px 8px !important
	}
}

@media screen and (min-width:992px) {
	.chat-dialogs-list__header {
		padding: 24px 24px 16px !important
	}
}

.activity-icon {
	align-items: center;
	border-radius: var(--icon-bg-border-radius);
	display: flex;
	height: var(--icon-bg-size);
	justify-content: center;
	min-width: var(--icon-bg-size);
	width: var(--icon-bg-size)
}

.activity-icon svg,
.activity-icon svg.svg-icon {
	fill: var(--color-white)
}

.activity-icon.is-accent {
	background: var(--color-accent-500)
}

.activity-icon.is-accent-light {
	background: var(--color-accent-150)
}

.activity-icon.is-success {
	background: var(--color-success-500)
}

.activity-icon.is-danger {
	background: var(--color-danger-500)
}

.activity-icon.is-default {
	background: var(--color-default-500)
}

.activity-icon.is-warning {
	background: var(--color-warning-500)
}

.activity-icon.is-info {
	background: var(--color-info-500)
}

.activity-icon.is-additional-1 {
	background: var(--color-additional-1-500)
}

.activity-icon.is-additional-2 {
	background: var(--color-additional-2-500)
}

.activity-icon.is-x-small {
	--icon-bg-size: var(--icon-bg-x-small-size)
}

.activity-icon.is-small {
	--icon-bg-size: var(--icon-bg-small-size)
}

.activity-icon.is-medium {
	--icon-bg-size: var(--icon-bg-size)
}

.activity-icon.is-large {
	--icon-bg-size: var(--icon-bg-large-size)
}

.activity-icon.is-x-large {
	--icon-bg-size: var(--icon-bg-x-large-size)
}

.captcha-agreement {
	font-size: 12px;
	margin-top: 24px
}

.captcha-agreement a {
	white-space: nowrap
}

.city-autocomplete__item-append {
	color: var(--color-text-secondary)
}

.confirm-modal__description {
	margin-bottom: 24px
}

.cookie-alert {
	z-index: 501
}

@media screen and (min-width:1200px) {
	.cookie-alert {
		margin-left: auto;
		margin-right: auto;
		max-width: 1130px
	}
}

.cookie-alert__content {
	padding: 20px 16px
}

@media screen and (min-width:576px) {
	.cookie-alert__content {
		align-items: center;
		display: flex;
		justify-content: space-between;
		padding: 16px 24px
	}
}

.cookie-alert__text {
	font-family: var(--headings-font-family);
	font-weight: 500;
	line-height: 1.2
}

.cookie-alert__text strong {
	color: var(--color-accent-500);
	font-weight: 500
}

@media screen and (max-width:575px) {
	.cookie-alert__button {
		margin-top: 16px;
		width: 100%
	}
}

@media screen and (min-width:576px) {
	.cookie-alert__button {
		margin-left: 12px;
		margin-top: 0;
		min-width: -moz-max-content;
		min-width: max-content;
		white-space: nowrap
	}
}

.debug-menu__tabs {
	flex-wrap: wrap;
	margin-bottom: 16px;
	margin-top: 16px
}

.debug-menu__code {
	background: var(--color-gray-50);
	border: 1px solid var(--color-gray-100);
	border-radius: 6px;
	display: block;
	margin-top: 16px;
	padding: 8px;
	white-space: pre-wrap
}

.display-price__skeleton {
	display: inline-block;
	margin-bottom: 0;
	max-width: 40%;
	min-width: 90px !important;
	vertical-align: text-top
}

.file-selector__field {
	display: none
}

body {
	--form-footer-text-color: var(--color-text-secondary)
}

.form-footer {
	color: var(--form-footer-text-color)
}

@media screen and (min-width:992px) {
	.form-footer--inline {
		align-items: center;
		display: flex
	}
}

.form-footer__button {
	width: 100%
}

.form-footer__button--inline {
	margin-bottom: 12px
}

@media screen and (min-width:992px) {
	.form-footer__button--inline {
		margin-bottom: 0;
		margin-right: 16px;
		width: auto
	}
}

.form-footer__caption {
	flex: 1 1 0;
	font-size: 14px;
	letter-spacing: -.18px;
	line-height: 1.5;
	margin-top: 16px
}

@media screen and (min-width:992px) {
	.form-footer__caption--inline {
		margin-top: 0
	}
}

.form-footer__caption a {
	font-weight: 600
}

body {
	--icon-bg-border-radius: 50%;
	--icon-bg-x-small-size: 32px;
	--icon-bg-small-size: 40px;
	--icon-bg-size: 48px;
	--icon-bg-large-size: 56px;
	--icon-bg-x-large-size: 64px
}

.icon-background {
	align-items: center;
	border-radius: var(--icon-bg-border-radius);
	display: flex;
	height: var(--icon-bg-size);
	justify-content: center;
	min-width: var(--icon-bg-size);
	width: var(--icon-bg-size)
}

.icon-background svg,
.icon-background svg.svg-icon {
	fill: var(--color-white)
}

.icon-background.is-accent {
	background: var(--color-accent-500)
}

.icon-background.is-default {
	background: var(--color-default-500)
}

.icon-background.is-additional-1 {
	background: var(--color-additional-1-500)
}

.icon-background.is-additional-2 {
	background: var(--color-additional-2-500)
}

.icon-background.is-accent-light {
	background: var(--color-accent-150)
}

.icon-background.is-success {
	background: var(--color-success-500)
}

.icon-background.is-danger {
	background: var(--color-danger-500)
}

.icon-background.is-warning {
	background: var(--color-warning-500)
}

.icon-background.is-info {
	background: var(--color-info-500)
}

.icon-background.is-x-small {
	--icon-bg-size: var(--icon-bg-x-small-size)
}

.icon-background.is-small {
	--icon-bg-size: var(--icon-bg-small-size)
}

.icon-background.is-medium {
	--icon-bg-size: var(--icon-bg-size)
}

.icon-background.is-large {
	--icon-bg-size: var(--icon-bg-large-size)
}

.icon-background.is-x-large {
	--icon-bg-size: var(--icon-bg-x-large-size)
}

.map-preloader {
	position: relative;
	width: 100%
}

.map-preloader.is-active {
	cursor: pointer
}

.map-preloader__image {
	border-radius: 12px;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	vertical-align: top;
	width: 100%
}

.map-preloader__button {
	left: 50%;
	position: absolute;
	text-wrap: nowrap;
	top: 40%;
	transform: translate(-50%)
}

.map-frame {
	position: relative
}

.map-frame__preloader {
	width: 100%
}

.map-frame__preloader.is-active {
	cursor: pointer
}

.map-frame__preloader-image {
	border-radius: 12px;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	vertical-align: top;
	width: 100%
}

.map-frame__preloader-button {
	left: 50%;
	position: absolute;
	text-wrap: nowrap;
	top: 40%;
	transform: translate(-50%)
}

.yandex-map-frame-preloader {
	cursor: pointer;
	position: relative
}

.yandex-map-frame-preloader__image {
	max-width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	vertical-align: middle;
	width: 100%
}

.yandex-map-frame-preloader__button.as-button {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 1
}

.yandex-map-frame,
.yandex-map-frame-preloader {
	border-radius: var(--controls-border-radius);
	display: block;
	height: 350px;
	overflow: hidden;
	width: 100%
}

.google-map-frame {
	border: 0
}

.google-map-frame,
.google-map-frame-preloader {
	border-radius: var(--controls-border-radius);
	overflow: hidden
}

.google-map-frame-preloader {
	cursor: pointer;
	position: relative
}

.google-map-frame-preloader__image {
	max-width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	vertical-align: text-top;
	width: 100%
}

.google-map-frame-preloader__button.as-button {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 1
}

body {
	--modal-title-image-color: var(--color-warning-500);
	--modal-title-images-gap: -12px
}

.modal-title-images {
	display: flex;
	margin-bottom: 24px
}

.modal-title-images img {
	border-radius: 50%;
	position: relative
}

.modal-title-images :first-of-type {
	z-index: 5
}

.modal-title-images :nth-child(2) {
	transform: translate(var(--modal-title-images-gap));
	z-index: 4
}

.modal-title-images :nth-child(3) {
	transform: translate(calc(var(--modal-title-images-gap)*2));
	z-index: 3
}

.modal-title-images :nth-child(4) {
	background-color: var(--modal-title-image-color);
	border-radius: 50%;
	height: 44px;
	transform: translate(calc(var(--modal-title-images-gap)*3));
	width: 44px;
	z-index: 2
}

.modal-title-images :nth-child(5) {
	transform: translate(calc(var(--modal-title-images-gap)*4));
	z-index: 1
}

.payment-systems-logo {
	display: inline-flex;
	gap: 16px
}

.payment-systems-logo__image {
	position: relative
}

.payment-systems-logo__image:first-child>img {
	vertical-align: middle
}

.payment-systems-logo__image:nth-child(2):before {
	content: "и";
	left: -12px;
	position: absolute
}

.payment-systems-logo__image:nth-child(2)>img {
	vertical-align: middle
}
.reviews-list__list{
	list-style: none;
	padding: 0;
}

.photos-previews {
	--photos-border-radius: 16px;
	--photos-sm-gap: 8px;
	--photos-md-gap: 8px;
	--photos-sm-height: 95px;
	--photos-md-height: 122px;
	margin-left: calc(var(--photos-sm-gap)*-.5) !important;
	margin-right: calc(var(--photos-sm-gap)*-.5) !important;
	margin-top: 16px
}

.photos-previews>.as-col {
	padding: 0 calc(var(--photos-sm-gap)*.5)
}

@media screen and (min-width:992px) {
	.photos-previews {
		margin-left: calc(var(--photos-md-gap)*-.5) !important;
		margin-right: calc(var(--photos-md-gap)*-.5) !important
	}

	.photos-previews>.as-col {
		padding: 0 calc(var(--photos-md-gap)*.5)
	}
}

.photos-previews__item {
	background-color: var(--color-bg-secondary);
	border-radius: var(--photos-border-radius);
	cursor: pointer;
	height: var(--photos-sm-height);
	overflow: hidden;
	position: relative
}

@media screen and (min-width:576px) {
	.photos-previews__item {
		height: var(--photos-md-height)
	}
}

.photos-previews__item:before {
	background-color: var(--color-text);
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	transition: opacity .2s;
	width: 100%;
	z-index: 1
}

.photos-previews__item.is-darken:before {
	opacity: .64
}

.photos-previews__item.is-darken:hover:before {
	opacity: .8
}

.photos-previews__item:hover:before {
	opacity: .25
}

.photos-previews__col.as-col {
	max-width: calc(var(--photos-md-gap) + 185px)
}

.photos-previews__image {
	height: 100%;
	left: 0;
	-o-object-fit: cover;
	object-fit: cover;
	position: absolute;
	top: 0;
	width: 100%
}

.photos-previews__item-text {
	color: #fff;
	font-weight: 600;
	left: 0;
	padding: 0 16px;
	pointer-events: none;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	z-index: 2
}

.prefilled-input__button {
	pointer-events: all
}

.scroll-top-button {
	bottom: 32px;
	left: 32px;
	opacity: 0;
	position: fixed;
	transition: all .4s ease-in-out;
	z-index: 5
}

.scroll-top-button.is-show {
	opacity: 1;
	pointer-events: all
}

.scroll-top-button__icon .svg-icon {
	transition: transform .3s ease-in-out
}

.scroll-top-button__icon.is-inverse .svg-icon {
	transform: rotate(180deg)
}

@media screen and (max-width:575px) {
	.scroll-top-button {
		display: none !important
	}
}

body {
	--terms-agree-checkbox-margin: 8px 0 24px 0;
	--terms-agree-checkbox-label-font-size: 12px;
	--terms-agree-checkbox-label-color: var(--color-text-secondary);
	--terms-agree-checkbox-link-color: var(--color-accent-500);
	--terms-agree-checkbox-link-hover-color: var(--color-accent-550);
	--terms-agree-checkbox-link-border: 1px solid color-mix(in srgb, currentColor 20%, transparent);
	--terms-agree-checkbox-link-hover-border-color: var(--color-text-secondary)
}

.terms-agree-checkbox {
	--checkbox-label-font-size: var(--terms-agree-checkbox-label-font-size);
	color: var(--terms-agree-checkbox-label-color);
	letter-spacing: .01px;
	line-height: 1.5;
	margin: var(--terms-agree-checkbox-margin)
}

.terms-agree-checkbox:last-child {
	margin-bottom: 0
}

.terms-agree-checkbox a {
	color: var(--terms-agree-checkbox-link-color);
	white-space: nowrap
}

.terms-agree-checkbox a:hover {
	color: var(--terms-agree-checkbox-link-hover-color)
}

.tour-author-header {
	display: flex;
	text-align: left
}

.tour-author-header__avatar {
	margin-right: 12px
}

.tour-author-header__author {
	font-weight: 600;
	letter-spacing: -.33px;
	line-height: 1.33
}

.tour-author-header__title {
	color: var(--color-gray-500);
	font-family: var(--headings-font-family);
	font-size: 16px;
	font-weight: var(--headings-font-weight);
	line-height: 21px
}

.tour-author-header__caption {
	color: var(--color-gray-400);
	font-size: 16px;
	font-weight: 400;
	line-height: 150%
}

.register-form__auth-button {
	margin-top: 24px
}

.register-form__auth-button-icon {
	margin-right: 8px
}

.register-form__submit-button {
	margin-bottom: 12px
}

.auth-form__back-button {
	margin-bottom: 8px
}

.register-modal .as-modal__title {
	align-items: center;
	display: flex
}

.register-modal .as-modal__header {
	padding: 32px 32px 24px
}

.register-modal__back {
	margin-right: 16px
}

.register-modal__back-icon {
	margin-right: 6px
}

@media screen and (max-width:575px) {
	.register-modal__back-text {
		display: none !important
	}
}

.tour-discount-label {
	align-items: center;
	color: var(--color-accent-500);
	display: flex;
	font-size: 14px;
	font-weight: 600;
	gap: 4px;
	line-height: 1.3
}

.tour-discount-label.is-hot {
	color: var(--color-danger-500)
}

.tour-variants-list-item {
	border-radius: var(--card-border-radius);
	color: var(--color-text);
	cursor: pointer;
	display: flex;
	padding: 8px 0;
	transition: box-shadow .2s
}

@media screen and (min-width:576px) {
	.tour-variants-list-item {
		margin: 4px 0;
		padding: 8px 16px
	}
}

@media screen and (min-width:992px) {
	.tour-variants-list-item:hover {
		box-shadow: 0 0 32px -4px #24223f14
	}
}

.tour-variants-list-item:is(label) {
	cursor: pointer
}

.tour-variants-list-item.is-disabled {
	color: var(--color-gray-200);
	pointer-events: none
}

.tour-variants-list-item.is-version {
	background: var(--color-bg-secondary);
	margin: 4px -12px;
	padding: 8px 12px
}

@media screen and (min-width:576px) {
	.tour-variants-list-item.is-version {
		margin: 4px 0;
		padding: 8px 16px
	}
}

.tour-variants-list-item:last-child {
	margin-bottom: 0
}

.tour-variants-list-item:first-child {
	margin-top: 0
}

.tour-variants-list-item__version {
	max-width: 375px
}

.tour-variants-list-item__version-link {
	color: var(--color-text-secondary);
	display: inline;
	font-size: 13px;
	font-weight: 400;
	line-height: 135%;
	margin-top: 4px
}

.tour-variants-list-item__version-link a {
	color: var(--color-accent-500)
}

.tour-variants-list-item__version-link a:hover {
	border-bottom: 1px solid var(--color-accent-500)
}

.tour-variants-list-item__alert {
	display: flex;
	gap: 8px
}

.tour-variants-list-item__alert svg {
	flex: 0 0 24px;
	height: 24px;
	padding-top: 3px
}

.tour-variants-list-item__info {
	vertical-align: sub
}

.tour-variants-list-item__body {
	display: flex;
	flex-grow: 1;
	gap: 16px
}

.tour-variants-list-item__content {
	flex-grow: 1
}

.tour-variants-list-item__price {
	margin-left: auto
}

.tour-variants-list-item__heading {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	font-weight: 600;
	gap: 4px
}

.tour-variants-list-item__price-value {
	font-weight: 600
}

.tour-variants-list-item__old-price {
	color: var(--color-gray-350);
	font-size: 14px;
	margin-top: 4px;
	text-align: right;
	text-decoration: line-through
}

.tour-variants-list-item__dropdown {
	font-weight: 400
}

.tour-variants-list-item__subtext {
	display: flex;
	justify-content: space-between;
	line-height: 1.4;
	margin-top: 8px
}

.tour-variants-list-item__duration {
	align-items: center;
	display: flex;
	gap: 12px
}

.tour-variants-list-item__duration-item {
	align-items: center;
	color: var(--color-text-secondary);
	display: flex;
	gap: 6px
}

.tour-variants-list-item__busy-text {
	margin-left: auto
}

.tour-variants-list-item__preliminary-hint {
	align-items: center;
	display: flex;
	gap: 4px;
	max-width: -moz-fit-content;
	max-width: fit-content
}

.tour-variants-list-item__preliminary-icon {
	height: 16px;
	width: 16px
}

.tour-variants-list {
	list-style: none;
	margin: 0;
	padding: 0
}

.tour-variants-list__item {
	padding: 16px 0
}

.tour-variants-list__item:not(:first-child) {
	border-top: 1px solid var(--color-border)
}

.tour-variants-list__item:last-child {
	padding-bottom: 0
}

@media screen and (min-width:576px) {
	.tour-variants-list__item {
		align-items: flex-start;
		display: flex;
		flex-wrap: wrap;
		padding: 8px 0
	}
}

.tour-variants-list__item-month {
	align-items: center;
	display: flex;
	margin-bottom: 8px
}

.tour-variants-list__item-dates {
	list-style: none;
	margin: 0;
	padding: 0
}

@media screen and (max-width:575px) {
	.tour-variants-list__item-dates {
		margin-left: -8px;
		margin-right: -8px
	}
}

.tour-variants-list__month-caption {
	color: var(--color-text);
	font-weight: 600;
	margin-bottom: 8px
}

@media screen and (min-width:576px) {
	.tour-variants-list__month-caption {
		padding: 8px 0
	}
}

.tour-product-preview {
	margin-bottom: 24px
}

@media screen and (min-width:992px) {
	.tour-product-preview {
		display: flex;
		gap: 16px;
		margin-bottom: 32px
	}
}

.tour-product-preview__image {
	border-radius: 10px;
	min-width: 100px
}

@media screen and (max-width:991px) {
	.tour-product-preview__image.is-desktop {
		display: none !important
	}
}

@media screen and (min-width:992px) {
	.tour-product-preview__image.is-mobile {
		display: none !important
	}
}

.tour-product-preview__title {
	color: var(--color-text);
	display: block;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.2
}

.tour-product-preview__info {
	display: flex;
	flex-grow: 1;
	gap: 16px
}

.tour-product-preview__info-body {
	margin-right: auto
}

.tour-product-preview__price-from {
	margin-right: 4px
}

.tour-product-preview__price {
	color: var(--color-text);
	display: flex;
	font-size: 14px;
	font-weight: 600;
	margin-top: 4px
}

.tour-product-preview__price-per-tourist {
	color: var(--color-text-secondary);
	font-weight: 400;
	margin-left: 4px
}

.tour-product-preview__button {
	margin-top: 16px;
	min-width: -moz-max-content;
	min-width: max-content;
	white-space: nowrap
}

@media screen and (min-width:992px) {
	.tour-product-preview__button {
		margin-top: 0
	}
}

@media screen and (max-width:991px) {
	.tour-product-preview__button.is-desktop {
		display: none !important
	}
}

@media screen and (min-width:992px) {
	.tour-product-preview__button.is-mobile {
		display: none !important
	}
}

.messengers-tabs {
	--segment-controls-margin: 0 0 16px 0
}

.messengers-tabs .as-segment-control {
	align-items: center;
	display: flex;
	font-size: 15px;
	justify-content: center
}

@media screen and (max-width:575px) {
	.messengers-tabs .as-tabs-content {
		--tabs-content-margin-top: 16px
	}
}

.messengers-tabs .as-tab {
	--hover-tab-background-color: #fff;
	--tab-height: 29px;
	--tab-padding: 4px 10px
}

.messengers-tabs .as-tab:not(.is-active) {
	background-color: #fff
}

@media screen and (min-width:576px) {
	.messengers-tabs__alert {
		margin-bottom: 24px
	}
}

.messengers-tabs__tab.is-single {
	pointer-events: none
}

.messengers-tabs__icon {
	margin-right: 10px
}

.messengers-tabs__fb-caption {
	font-weight: 700
}

.messengers-tabs__fb-caption strong {
	color: var(--color-success-500)
}

.messengers-tabs__caption {
	font-weight: 600;
	margin: 16px 0
}

.messengers-tabs__form {
	--input-v1-margin-bottom: 0;
	margin-top: 16px
}

.messengers-tabs__form .as-input-v1 {
	flex-grow: 1
}

@media screen and (min-width:576px) {
	.messengers-tabs__form {
		display: flex;
		gap: 8px
	}
}

@media screen and (max-width:575px) {
	.messengers-tabs__form-button {
		display: block;
		margin-top: 12px;
		width: 100%
	}
}

.telegram-share-card {
	background-color: #fff;
	border-radius: 16px;
	display: flex;
	padding: 16px;
	transition: box-shadow .3s
}

.telegram-share-card__content {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	margin-left: 16px
}

.telegram-share-card__title {
	color: var(--color-text);
	font-weight: 700;
	line-height: 1.35
}

.telegram-share-card__name {
	border-radius: 10px;
	color: var(--color-accent-500);
	font-size: 14px;
	font-weight: 600;
	margin-top: 8px;
	transition: background-color .2s;
	word-break: break-word
}

.telegram-share-card__name svg {
	display: none
}

@media screen and (min-width:992px) {
	.telegram-share-card__name svg {
		display: inline
	}

	.telegram-share-card__name {
		font-size: 16px;
		margin-left: -6px;
		margin-top: 2px;
		padding: 2px 6px;
		width: -moz-max-content;
		width: max-content
	}
}

.telegram-share-card__text {
	color: var(--color-text-secondary);
	font-size: 12px;
	margin-top: auto;
	padding-top: 8px
}

@media screen and (min-width:992px) {
	.telegram-share-card__text {
		font-size: 14px
	}
}

@media ((hover:hover) and (pointer:fine)) {
	.telegram-share-card:hover {
		box-shadow: 0 0 0 1px var(--color-border)
	}

	.telegram-share-card:hover .telegram-share-card__name {
		background-color: var(--color-accent-100)
	}
}

.success-request-screen {
	position: relative;
	--input-v1-height: 56px;
	--title-font-size-sm: var(--h3-font-size-sm);
	--title-font-size-md: var(--h3-font-size-md);
	--counter-width: 48px
}

.success-request-screen.is-small {
	--title-font-size-sm: var(--h4-font-size-sm);
	--title-font-size-md: var(--h4-font-size-md);
	--counter-width: 48px
}

.success-request-screen .as-input-v1__box {
	height: var(--input-v1-height)
}

@media screen and (min-width:576px) {
	.success-request-screen {
		padding-top: 0;
		--counter-width: 60px
	}
}

.success-request-screen__caption {
	color: #1f9a5d;
	font-weight: 600;
	letter-spacing: .16px;
	text-transform: uppercase
}

.success-request-screen__steps {
	counter-reset: main-counter;
	list-style: none;
	margin: 0;
	padding: 0
}

.success-request-screen__step {
	counter-increment: main-counter;
	margin-top: 32px;
	position: relative
}

.success-request-screen__step.hide-counter {
	padding: 0
}

@media screen and (min-width:576px) {
	.success-request-screen__step {
		padding-left: calc(var(--counter-width) + 16px);
		padding-top: calc(var(--counter-width)/4);
		position: relative
	}
}

.success-request-screen__step-title {
	align-items: center;
	display: flex;
	font-size: var(--title-font-size-sm);
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 0
}

.success-request-screen__step-title:before {
	align-items: center;
	background-color: var(--color-info-500);
	border-radius: 50%;
	color: var(--color-white);
	content: "0" counter(main-counter);
	display: inline-flex;
	font-size: 18px;
	font-weight: 600;
	height: var(--counter-width);
	justify-content: center;
	margin-right: 12px;
	min-width: var(--counter-width);
	width: var(--counter-width)
}

.success-request-screen__step-title.hide-counter {
	padding-bottom: 16px
}

.success-request-screen__step-title.hide-counter:before {
	display: none
}

@media screen and (min-width:576px) {
	.success-request-screen__step-title.hide-counter {
		font-size: 32px
	}

	.success-request-screen__step-title {
		font-size: var(--title-font-size-md)
	}

	.success-request-screen__step-title:before {
		font-size: 20px;
		left: 0;
		position: absolute;
		top: 0
	}
}

.success-request-screen__step-subtitle {
	color: var(--color-text-secondary);
	margin-bottom: 0;
	margin-top: 8px
}

.success-request-screen__form-update {
	--input-v1-margin-bottom: 0;
	margin-top: 16px
}

.success-request-screen__form-update .as-input-v1 {
	flex-grow: 1
}

@media screen and (min-width:576px) {
	.success-request-screen__form-update {
		display: flex;
		gap: 8px
	}
}

@media screen and (max-width:575px) {
	.success-request-screen__form-update-button {
		display: block;
		margin-top: 12px;
		width: 100%
	}
}

.success-request-screen__messengers {
	margin-top: 24px
}

.messenger-video-mockup {
	background-color: var(--color-warning-100);
	border-radius: 50%;
	overflow: hidden;
	padding-top: 100%;
	position: relative
}

.messenger-video-mockup__frame {
	bottom: 15%;
	left: 50%;
	max-width: 70%;
	padding: 0 3.8% 3.8%;
	position: absolute;
	transform: translate(-50%);
	transition: transform .6s cubic-bezier(.16, 1, .3, 1);
	width: -moz-max-content;
	width: max-content
}

.messenger-video-mockup__frame:after {
	background-image: url(/_nuxt/iphone-mockup.D_EyHw0h.svg);
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
	bottom: 2px;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	right: 0
}

.messenger-video-mockup__video {
	border-radius: 0 0 30px 30px;
	max-width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: bottom;
	object-position: bottom;
	vertical-align: top
}

.complete-request-modal .as-modal__close {
	z-index: 2
}

.complete-request-modal__body {
	padding: 32px 16px
}

@media screen and (min-width:992px) {
	.complete-request-modal__body {
		padding: 40px 32px
	}

	.complete-request-modal__grid {
		margin-left: -20px !important;
		margin-right: -20px !important
	}

	.complete-request-modal__grid>.as-col {
		padding: 0 20px
	}
}

.complete-request-modal__video {
	display: none
}

@media screen and (min-width:992px) {
	.complete-request-modal__video {
		display: block
	}
}

.complete-request-modal .telegram-share-card {
	box-shadow: 0 0 0 1px var(--color-border)
}

.picking-tour-banner {
	--img-gap: 16px;
	--img-width-1: 101px;
	--img-width-2: 88px;
	--img-width-3: 122px;
	--img-width-4: 170px;
	--input-v1-height: 56px;
	background-color: #fff0e9;
	margin-left: calc(var(--container-padding-left)*-1);
	margin-right: calc(var(--container-padding-right)*-1);
	overflow: hidden;
	padding: 48px var(--container-padding-left) 48px var(--container-padding-right);
	position: relative;
	--checkbox-label-color: var(--color-text-secondary)
}

@media screen and (min-width:992px) {
	.picking-tour-banner {
		border-radius: 40px;
		margin-left: 0;
		margin-right: 0;
		padding: 48px
	}
}

@media screen and (min-width:1600px) {
	.picking-tour-banner {
		padding: 80px
	}
}

@media screen and (min-width:1200px) {
	.picking-tour-banner__body {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 32px
	}
}

@media screen and (min-width:1366px) {
	.picking-tour-banner__body {
		grid-template-columns: 1fr minmax(460px, 1fr)
	}
}

@media screen and (min-width:1600px) {
	.picking-tour-banner__body {
		grid-template-columns: 1fr 1fr
	}
}

.picking-tour-banner__caption {
	color: var(--color-text-secondary);
	font-weight: 600;
	letter-spacing: .16px;
	text-transform: uppercase
}

.picking-tour-banner__title {
	color: var(--color-text);
	font-size: 32px;
	line-height: 1.1;
	margin-bottom: 16px;
	margin-top: 16px;
	max-width: 230px
}

@media screen and (min-width:576px) {
	.picking-tour-banner__title {
		max-width: 539px
	}
}

@media screen and (min-width:992px) {
	.picking-tour-banner__title {
		max-width: 351px
	}
}

@media screen and (min-width:1200px) {
	.picking-tour-banner__title {
		font-size: 40px;
		margin-bottom: 24px;
		margin-top: 24px;
		max-width: 438px
	}
}

.picking-tour-banner__title img {
	vertical-align: middle
}

.picking-tour-banner__text {
	color: var(--color-text-secondary);
	margin-bottom: 24px;
	max-width: 420px
}

@media screen and (min-width:1200px) {
	.picking-tour-banner__text {
		margin-bottom: 32px
	}

	.picking-tour-banner__form {
		margin-left: auto;
		max-width: 680px;
		padding-top: 24px
	}
}

.picking-tour-banner__checkbox {
	margin-top: 16px
}

.picking-tour-banner__submit {
	margin-top: 24px
}

.picking-tour-banner__success-form {
	margin-left: auto
}

@media screen and (min-width:1200px) and (max-width:1600px) {
	.picking-tour-banner__success-video {
		left: -40px;
		position: absolute;
		top: 60px;
		width: 100%
	}
}

@media screen and (max-width:1199px) {
	.picking-tour-banner__success-video {
		display: none
	}
}

@media screen and (min-width:1600px) {
	.picking-tour-banner__success-video {
		max-width: 540px !important;
		width: 540px !important
	}
}

@media screen and (min-width:576px) {
	.picking-tour-banner__images {
		left: 465px;
		position: relative;
		top: -176px;
		width: 530px
	}
}

@media screen and (min-width:992px) {
	.picking-tour-banner__images {
		left: 400px;
		position: relative;
		top: -196px;
		width: 530px
	}
}

@media screen and (min-width:1200px) {
	.picking-tour-banner__images {
		left: 0;
		margin-top: 30px;
		min-height: 45px;
		position: relative;
		top: 19px;
		width: auto
	}
}

.picking-tour-banner__photo {
	border-radius: 50%;
	position: absolute
}

.picking-tour-banner__photo:before {
	background-color: #ffebe1;
	border-radius: inherit;
	box-shadow: 0 0 0 2px var(--color-accent-500);
	content: "";
	inset: -2px;
	position: absolute
}

.picking-tour-banner__photo:first-child {
	right: 70px;
	top: 50px
}

.picking-tour-banner__photo:nth-child(2) {
	display: none
}

.picking-tour-banner__photo:nth-child(3) {
	right: -20px;
	top: -10px
}

.picking-tour-banner__photo:nth-child(4) {
	right: -34px;
	top: 95px
}

@media screen and (max-width:575px) {
	.picking-tour-banner__photo:first-child .picking-tour-banner__image {
		height: 72px;
		width: 72px
	}

	.picking-tour-banner__photo:nth-child(3) .picking-tour-banner__image {
		height: 88px;
		width: 88px
	}

	.picking-tour-banner__photo:nth-child(4) .picking-tour-banner__image {
		height: 110px;
		width: 110px
	}
}

@media screen and (min-width:576px) {
	.picking-tour-banner__photo {
		display: block
	}

	.picking-tour-banner__photo:first-child {
		left: 0;
		right: auto;
		top: 12px
	}

	.picking-tour-banner__photo:nth-child(2) {
		display: block;
		left: 24%;
		top: 42px
	}

	.picking-tour-banner__photo:nth-child(3) {
		left: 45%;
		right: auto;
		top: 0
	}

	.picking-tour-banner__photo:nth-child(4) {
		left: 74%;
		right: auto;
		top: -20px
	}
}

@media screen and (min-width:1200px) {
	.picking-tour-banner__photo:first-child {
		left: auto;
		right: calc(var(--img-width-4) + var(--img-width-3) + var(--img-width-2) + var(--img-gap)*3)
	}

	.picking-tour-banner__photo:nth-child(2) {
		left: auto;
		right: calc(var(--img-width-4) + var(--img-width-3) + var(--img-gap)*2)
	}

	.picking-tour-banner__photo:nth-child(3) {
		left: auto;
		right: calc(var(--img-width-4) + var(--img-gap))
	}

	.picking-tour-banner__photo:nth-child(4) {
		left: auto;
		right: 0
	}
}

@media screen and (min-width:1600px) {
	.picking-tour-banner__photo {
		--img-gap: 46px
	}
}

@media screen and (min-width:1200px) {
	.picking-tour-banner.is-dense {
		padding: 48px 84px
	}
}

.picking-tour-banner.is-dense .picking-tour-banner__title {
	margin-bottom: 8px
}

.picking-tour-banner.is-dense .picking-tour-banner__text {
	max-width: 458px
}

@media screen and (min-width:1200px) {
	.picking-tour-banner.is-dense .picking-tour-banner__form {
		padding-top: 0
	}

	.picking-tour-banner.is-dense .picking-tour-banner__images {
		margin-top: 0;
		top: 0
	}

	.picking-tour-banner.is-dense .picking-tour-banner__photo {
		--img-width-4: 88px
	}

	.picking-tour-banner.is-dense .picking-tour-banner__photo:first-child {
		left: 0;
		right: auto;
		top: 0
	}

	.picking-tour-banner.is-dense .picking-tour-banner__photo:nth-child(2) {
		--img-gap: 10px;
		left: calc(var(--img-width-1) + var(--img-gap));
		right: auto;
		top: 60px
	}

	.picking-tour-banner.is-dense .picking-tour-banner__photo:nth-child(3) {
		--img-gap: 16px;
		left: calc(var(--img-width-1) + var(--img-width-2) + var(--img-gap)*2);
		right: auto;
		top: 2px
	}

	.picking-tour-banner.is-dense .picking-tour-banner__photo:nth-child(4) {
		--img-gap: 24px;
		left: calc(var(--img-width-1) + var(--img-width-2) + var(--img-width-3) + var(--img-gap)*3);
		right: auto;
		top: 30px
	}
}

.picking-tour-banner__image {
	border-radius: inherit;
	position: relative;
	vertical-align: top
}

.picking-tour-compact-banner {
	background-color: #feb03f;
	background-image: url(/_nuxt/bg-m.CuiFoqP9.svg);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
	margin-left: calc(var(--container-padding-left)*-1);
	margin-right: calc(var(--container-padding-right)*-1);
	overflow: hidden;
	padding: 32px;
	padding-left: var(--container-padding-left);
	padding-right: var(--container-padding-right);
	position: relative
}

@media screen and (min-width:576px) {
	.picking-tour-compact-banner {
		border-radius: 44px;
		margin: 0;
		padding: 60px
	}
}

@media screen and (min-width:992px) {
	.picking-tour-compact-banner {
		background-image: url(/_nuxt/banner-bg._B_DCoCj.svg);
		background-position: 50%;
		background-size: 80% 700px;
		padding: 40px 88px
	}
}

.picking-tour-compact-banner__header {
	margin: 0 auto;
	max-width: 620px
}

@media screen and (min-width:992px) {
	.picking-tour-compact-banner__header {
		text-align: center
	}
}

.picking-tour-compact-banner__title {
	font-weight: 700;
	line-height: 1;
	margin-bottom: 0
}

@media screen and (max-width:575px) {
	.picking-tour-compact-banner__title {
		font-size: 24px !important
	}
}

@media screen and (max-width:991px) {
	.picking-tour-compact-banner__title {
		font-size: 32px
	}
}

.picking-tour-compact-banner__text {
	margin-top: 16px
}

@media screen and (min-width:992px) {
	.picking-tour-compact-banner__text {
		margin-left: auto;
		margin-right: auto;
		max-width: 470px
	}
}

.picking-tour-compact-banner__form {
	margin: 24px auto 0;
	max-width: 620px;
	--input-v1-content-padding-top: 30px
}

@media screen and (min-width:992px) {
	.picking-tour-compact-banner__form {
		margin-top: 32px
	}
}

.picking-tour-compact-banner__form-bg {
	align-items: center;
	background-color: var(--color-white);
	border-radius: 40px;
	display: flex;
	gap: 8px;
	margin-bottom: 16px;
	padding: 0 8px
}

@media screen and (min-width:576px) {
	.picking-tour-compact-banner__form-bg {
		max-width: 655px
	}
}

.picking-tour-compact-banner__form-item {
	align-items: center;
	border-bottom: 1px solid #f0f1f2;
	display: flex;
	flex-grow: 1
}

.picking-tour-compact-banner__form-item:last-of-type {
	margin-bottom: 24px
}

@media screen and (min-width:992px) {
	.picking-tour-compact-banner__form-item {
		border: 0
	}

	.picking-tour-compact-banner__form-item:not(:first-child):before {
		background-color: #f0f1f2;
		content: "";
		display: inline-block;
		height: 36px;
		margin: 0 12px;
		width: 1px
	}

	.picking-tour-compact-banner__form-item:last-of-type {
		margin-bottom: 0;
		margin-right: 12px
	}
}

.picking-tour-compact-banner__form-input {
	position: relative;
	--input-v1-height: 64px;
	--input-v1-border-radius: 40px;
	--input-v1-border-color: #fff;
	flex-grow: 1;
	margin-bottom: 0
}

.picking-tour-compact-banner__form-input .as-input-phone-country-select {
	border-right: 1px solid var(--color-border)
}

.picking-tour-compact-banner__form-input .as-input-phone__message,
.picking-tour-compact-banner__form-input .as-input-v1__message {
	bottom: 0;
	position: absolute;
	transform: translateY(100%);
	white-space: nowrap;
	--color-error-message: #fff
}

@media screen and (min-width:992px) {

	.picking-tour-compact-banner__form-input .as-input-phone__message,
	.picking-tour-compact-banner__form-input .as-input-v1__message {
		transform: translateY(calc(100% + 8px))
	}
}

.picking-tour-compact-banner__form-input:not(.has-error).is-focused,
.picking-tour-compact-banner__form-input:not(.has-error):focus,
.picking-tour-compact-banner__form-input:not(.has-error):hover {
	--input-v1-border-color: #fff
}

.picking-tour-compact-banner__form-button {
	border-radius: 36px
}

@media screen and (min-width:576px) {
	.picking-tour-compact-banner__form-button {
		min-width: 140px
	}
}

@media screen and (max-width:575px) {
	.picking-tour-compact-banner__form-button {
		display: none !important
	}
}

@media screen and (min-width:576px) {
	.picking-tour-compact-banner__form-button-sm {
		display: none !important
	}
}

.picking-tour-compact-banner__manager {
	border-radius: 50%;
	position: absolute
}

.picking-tour-compact-banner__manager:before {
	border-radius: inherit;
	box-shadow: inset 0 0 0 2px #ffda65;
	content: "";
	inset: -5px;
	opacity: .6;
	position: absolute
}

.picking-tour-compact-banner__manager img {
	border-radius: inherit;
	-o-object-fit: cover;
	object-fit: cover;
	vertical-align: top
}

.picking-tour-compact-banner__manager:first-child {
	left: 50%;
	top: 40px;
	transform: translate(-500px)
}

.picking-tour-compact-banner__manager:nth-child(2) {
	left: 50%;
	top: 220px;
	transform: translate(-520px)
}

.picking-tour-compact-banner__manager:nth-child(3) {
	right: 50%;
	top: 40px;
	transform: translate(540px)
}

.picking-tour-compact-banner__manager:nth-child(4) {
	bottom: -20px;
	right: 50%;
	transform: translate(530px)
}

@media screen and (max-width:1199px) {
	.picking-tour-compact-banner__manager {
		display: none !important
	}
}

.picking-tour-compact-banner__checkbox {
	max-width: 510px;
	--checkbox-border-color: #fff;
	--checkbox-label-color: var(--color-white);
	--color-text: var(--color-white);
	--color-text-secondary: hsla(0, 0%, 100%, .4);
	--terms-agree-checkbox-link-color: #fff;
	--terms-agree-checkbox-link-hover-color: #fff
}

.picking-tour-compact-banner__checkbox .as-checkbox__text {
	--color-danger-500: #fff
}

.picking-tour-compact-banner__checkbox .as-checkbox__text a {
	text-decoration: underline;
	text-decoration-color: var(--color-accent-400);
	text-underline-offset: 3px
}

.picking-tour-compact-banner__checkbox.has-errors {
	--terms-agree-checkbox-margin: 32px 24px
}

@media screen and (min-width:992px) {
	.picking-tour-compact-banner__checkbox {
		margin-left: auto;
		margin-right: auto
	}

	.picking-tour-compact-banner__checkbox.has-errors {
		--terms-agree-checkbox-margin: 40px 24px
	}
}

.picking-tour-compact-banner .terms-agree-checkbox {
	--terms-agree-checkbox-link-border: 1px solid var(--color-white)
}

.tour-card-chip {
	border-radius: 16px;
	font-size: 12px;
	font-weight: 600;
	gap: 4px;
	letter-spacing: 0;
	line-height: 16px;
	max-width: 100%;
	overflow: hidden;
	padding: 3px 6px;
	text-overflow: ellipsis;
	white-space: nowrap
}

.tour-card-chip.is-primary {
	background-color: var(--color-white);
	color: var(--color-text)
}

.tour-card-chip.is-green {
	background-color: var(--color-success-100);
	color: var(--color-success-500)
}

.tour-card-chip.is-accent {
	background-color: var(--color-accent-100);
	color: var(--color-accent-500)
}

@media screen and (min-width:992px) {
	.tour-card-chip.hidden-md-up {
		display: none !important
	}
}

.tour-card-chip img {
	vertical-align: text-top
}

body {
	--rating-icon-color: var(--color-warning-600)
}

.tour-rating-badge {
	align-items: center;
	display: flex
}

.tour-rating-badge__icon {
	color: var(--rating-icon-color);
	margin-right: 4px
}

.tour-rating-badge__value {
	color: var(--color-text);
	margin-right: 4px
}

.tour-rating-badge__count {
	color: var(--color-text-secondary);
	margin-left: 2px
}

.tour-rating-badge__count.is-pointer {
	cursor: pointer
}

.tour-rating-badge__new {
	color: var(--rating-icon-color);
	font-weight: 600
}

.tour-rating-badge.is-small {
	--icon-small-size: 16px;
	font-size: 14px
}

.tour-rating-badge.is-small .tour-rating-badge__new {
	font-weight: 400
}

.tour-rating-badge.is-small .tour-rating-badge__icon {
	margin-right: 4px
}

.tour-private-data {
	color: var(--color-text-secondary);
	font-size: 13px;
	margin: 8px 0
}

.tour-private-data:last-child {
	margin-bottom: 0
}

.tour-private-data__item {
	display: block;
	margin-bottom: 2px
}

.tour-private-data__item:last-child {
	margin-bottom: 0
}

.tour-private-data__item a {
	color: var(--color-accent-500)
}

.tour-tile-card {
	color: var(--color-text);
	display: block;
	position: relative;
	transition: color .2s
}

.tour-tile-card__photo {
	background: var(--color-bg-secondary);
	border-radius: 16px;
	height: 200px;
	margin-bottom: 10px;
	-webkit-mask-image: -webkit-radial-gradient(#fff, #000);
	mask-image: -webkit-radial-gradient(#fff, #000);
	overflow: hidden;
	position: relative
}

.tour-tile-card__photo:before {
	background-image: linear-gradient(0deg, rgba(0, 0, 0, .4), transparent 19.11%), linear-gradient(0deg, transparent 83.4%, rgba(0, 0, 0, .4) 106.37%);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1
}

@media screen and (min-width:992px) {
	.tour-tile-card__photo {
		margin-bottom: 12px;
		min-height: 250px
	}
}

.tour-tile-card__photo-image {
	height: 100%;
	left: 0;
	-o-object-fit: cover;
	object-fit: cover;
	position: absolute;
	top: 0;
	transition-duration: .9s;
	transition-property: transform;
	transition-timing-function: cubic-bezier(.16, 1, .3, 1);
	width: 100%;
	z-index: 0
}

.tour-tile-card__photo-heading {
	align-items: flex-start;
	display: flex;
	justify-content: space-between;
	left: 0;
	padding: 8px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 3
}

@media screen and (min-width:576px) {
	.tour-tile-card__photo-heading {
		padding: 12px
	}
}

.tour-tile-card__like {
	color: var(--color-white)
}

.tour-tile-card__like:hover {
	--icon-like-fill-color: rgba(0, 0, 0, .3)
}

.tour-tile-card__like.is-active {
	--icon-like-fill-color: var(--color-danger-500)
}

.tour-tile-card__like-icon {
	vertical-align: top
}

.tour-tile-card__tags {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	max-width: calc(100% - 32px)
}

.tour-tile-card__rating .tour-rating-badge__icon,
.tour-tile-card__rating .tour-rating-badge__value {
	margin-right: 0 !important
}

.tour-tile-card__rating.tour-rating-badge {
	display: inline
}

.tour-tile-card__subtitle {
	font-size: 14px;
	line-height: 1.4;
	padding: 0
}

.tour-tile-card__subtitle-item {
	color: #66666e;
	display: inline
}

.tour-tile-card__subtitle-item:before {
	background-color: currentColor;
	border-radius: 50%;
	content: "";
	display: inline-block;
	height: 2px;
	margin-right: 5px;
	vertical-align: middle;
	width: 2px
}

.tour-tile-card__subtitle-item:first-of-type:before {
	display: none
}

.tour-tile-card__title {
	font-size: 16px;
	line-height: 1.3;
	margin-top: 8px;
	max-height: 42px;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal
}

.tour-tile-card__price {
	align-items: center;
	color: var(--color-text);
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	margin-top: 8px
}

.tour-tile-card__price-value {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.3
}

.tour-tile-card__old-price {
	color: var(--color-gray-350);
	font-size: 14px;
	line-height: 1.3;
	text-decoration: line-through
}

.tour-tile-card__price-discount {
	color: var(--color-danger-500);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.3
}

.tour-tile-card__dates {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	font-size: 14px;
	gap: 6px;
	line-height: 1.4;
	margin-top: 6px
}

.tour-tile-card__date-variant,
.tour-tile-card__dates-by-request {
	color: var(--color-text-secondary)
}

.tour-tile-card__duration {
	color: var(--color-text);
	font-weight: 600
}

.tour-tile-card__individual-dates {
	color: #75ab37;
	font-size: 12px
}

.tour-tile-card__organizer {
	align-items: center;
	bottom: 0;
	color: #fff;
	display: flex;
	font-size: 14px;
	font-weight: 600;
	left: 0;
	letter-spacing: 0;
	padding: 8px;
	position: absolute;
	width: 100%;
	z-index: 3
}

@media screen and (min-width:576px) {
	.tour-tile-card__organizer {
		font-size: 15px;
		padding: 12px
	}
}

.tour-tile-card__organizer-photo {
	font-size: 11px;
	height: 24px;
	margin-right: 8px;
	min-width: 24px;
	width: 24px
}

@media screen and (min-width:576px) {
	.tour-tile-card__organizer-photo {
		font-size: 13px;
		height: 40px;
		margin-right: 12px;
		min-width: 40px;
		width: 40px
	}
}

.tour-tile-card__loader {
	background-color: #ffffff80;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%
}

.tour-tile-card__loader:after {
	animation: SkeletonAnimation 1.4s infinite;
	background: #000;
	background: linear-gradient(90deg, #fff0, #fff 50%, #fff0);
	bottom: -50px;
	content: "";
	left: -50%;
	position: absolute;
	top: -50px;
	transform: rotate(15deg);
	width: 300px
}

.tour-tile-card:hover .tour-tile-card__photo-image {
	transform: scale(1.05)
}

.tour-tile-card__chip {
	left: 10px;
	position: relative;
	top: 10px;
	z-index: 4
}

.tour-tile-card__disabler {
	background-color: #ffffff80;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 3
}

.tour-tile-card.is-loading {
	pointer-events: none
}

.tour-section {
	--section-offset: 24px;
	padding: var(--section-offset) 0
}

@media screen and (min-width:992px) {
	.tour-section {
		--section-offset: 36px
	}
}

.tour-section:first-of-type {
	padding-top: 0
}

.tour-section:last-of-type {
	padding-bottom: 0
}

.tour-section-title {
	--section-title-margin-bottom: 32px;
	font-size: 24px;
	margin-bottom: var(--section-title-margin-bottom)
}

@media screen and (min-width:576px) {
	.tour-section-title {
		font-size: var(--h2-font-size-md)
	}
}

.tour-collection-card {
	border-radius: 16px;
	display: block;
	overflow: hidden;
	position: relative;
	transition-duration: .3s;
	transition-property: transform, filter, box-shadow;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.tour-collection-card:before {
	background-image: linear-gradient(.74deg, rgba(0, 0, 0, .48) .64%, transparent 27.22%), linear-gradient(180deg, rgba(0, 0, 0, .48), transparent 25.72%);
	border-radius: inherit;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1
}

.tour-collection-card:after {
	background: #000;
	background: linear-gradient(90deg, #fff0, #ffffffb3 50%, #fff0);
	bottom: -50px;
	content: "";
	left: -50%;
	opacity: 0;
	position: absolute;
	top: -50px;
	transform: rotate(-10deg);
	width: 200px;
	z-index: 2
}

@media ((hover:hover) and (pointer:fine)) {
	.tour-collection-card:hover {
		box-shadow: 0 2px 14px #0000001a;
		transform: scale(1.05)
	}

	.tour-collection-card:hover:after {
		animation-delay: .2s;
		animation-duration: .7s;
		animation-fill-mode: forwards;
		animation-name: SkeletonAnimation
	}
}

.tour-collection-card__badge {
	background-color: var(--color-bg);
	border-radius: 32px;
	color: var(--color-text);
	font-size: 14px;
	font-weight: 600;
	left: 12px;
	padding: 3px 10px;
	position: absolute;
	top: 12px;
	z-index: 2
}

@media screen and (min-width:576px) {
	.tour-collection-card__badge {
		left: 16px;
		top: 16px
	}
}

.tour-collection-card__picture {
	background: #f7f7f8;
	border-radius: 16px;
	display: block;
	height: 0;
	-webkit-mask-image: radial-gradient(#fff, #000);
	mask-image: radial-gradient(#fff, #000);
	max-width: 100%;
	min-height: 190px;
	-o-object-fit: cover;
	object-fit: cover;
	overflow: hidden;
	position: relative;
	width: 100%
}

@media screen and (min-width:576px) {
	.tour-collection-card__picture {
		min-height: 300px
	}
}

.tour-collection-card__text {
	bottom: 0;
	color: var(--color-white);
	margin: 12px;
	position: absolute;
	z-index: 1
}

@media screen and (min-width:992px) {
	.tour-collection-card__text {
		margin: 16px
	}
}

.tour-collection-card__title {
	font-family: var(--headings-font-family);
	font-size: 18px;
	font-weight: var(--headings-font-weight);
	line-height: 130%
}

@media screen and (min-width:992px) {
	.tour-collection-card__title {
		font-size: 20px
	}
}

.tour-collection-card__subtitle {
	color: var(--color-white);
	font-size: 12px;
	z-index: 1
}

@media screen and (min-width:992px) {
	.tour-collection-card__subtitle {
		font-size: 14px
	}
}

.tour-card-skeleton__photo {
	border-radius: 16px;
	height: auto;
	margin-bottom: 10px;
	min-height: 230px;
	padding-bottom: 75%
}

.tour-card-skeleton .as-skeleton-text {
	margin-top: 8px
}

.related-tours {
	content-visibility: auto;
	padding-top: var(--section-offset) !important
}

.related-tours__body {
	margin: 0 auto;
	max-width: 580px
}

@media screen and (min-width:992px) {
	.related-tours__body {
		max-width: none
	}

	.related-tours__title {
		margin-bottom: 40px
	}
}

.related-tours__list {
	margin-left: -8px !important;
	margin-right: -8px !important;
	margin-top: 24px;
	row-gap: 24px
}

.related-tours__list>.as-col {
	padding: 0 8px
}

@media screen and (min-width:992px) {
	.related-tours__list {
		margin-left: -12px !important;
		margin-right: -12px !important
	}

	.related-tours__list>.as-col {
		padding: 0 12px
	}
}

.related-tours .tour-collection-card__picture {
	min-height: 250px
}

.error-page__banner {
	margin-top: 64px
}

.error-page .system-message__subtitle {
	margin-bottom: 64px
}