/*!
  * Vuesax v4.0.1-alpha.15 🖖 (https://lusaxweb.github.io/vuesax/)
  * Forged by Luis Daniel Rovira
  * Released under the MIT License.
  * Donate: https://www.patreon.com/bePatron?c=1567892
  * © 2019, Lusaxweb. (https://lusaxweb.net)
  */
.vs-button {
	--vs-color: var(--vs-primary);
	--vs-color-rotate: var(--vs-primary);
	--vs-color-darken: var(--vs-primary);
	--vs-button-padding: 8px 12px;
	--vs-button-margin: 5px;
	--vs-button-border-radius: 12px;
	--vs-button-text-color: #fff;
	border: 0;
	margin: var(--vs-button-margin);
	border-radius: var(--vs-button-border-radius);
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: 1;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0;
	outline: none;
	font-size: .8rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.vs-button.vs-component-dark.vs-button--transparent {
	color: rgba(var(--vs-text), 1) !important
}

.vs-button--fff:focus {
	color: #1e1e1e !important
}

.vs-button__content {
	padding: var(--vs-button-padding);
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.vs-button--active-disabled {
	pointer-events: none;
	opacity: .6
}

.vs-button:disabled {
	pointer-events: none;
	opacity: .35
}

.vs-button.vs-button--animate:not(.vs-button--animate-inactive) .vs-button__content i {
	font-size: 1.15rem
}

.vs-button.vs-button--animate:not(.vs-button--animate-inactive):hover .vs-button__content {
	-webkit-transform: translate(-100%);
	transform: translate(-100%)
}

.vs-button.vs-button--animate:not(.vs-button--animate-inactive):hover .vs-button__animate {
	-webkit-transform: translate(0);
	transform: translate(0)
}

.vs-button.vs-button--animate:not(.vs-button--animate-inactive).vs-button--animate-vertical:hover .vs-button__content {
	-webkit-transform: translateY(-100%) !important;
	transform: translateY(-100%) !important;
	opacity: 0
}

.vs-button.vs-button--animate:not(.vs-button--animate-inactive).vs-button--animate-vertical:hover .vs-button__animate {
	-webkit-transform: translate(0) !important;
	transform: translate(0) !important
}

.vs-button.vs-button--animate:not(.vs-button--animate-inactive).vs-button--animate-scale:hover .vs-button__content {
	-webkit-transform: scale(1.4) !important;
	transform: scale(1.4) !important;
	opacity: 0
}

.vs-button.vs-button--animate:not(.vs-button--animate-inactive).vs-button--animate-scale:hover .vs-button__animate {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.vs-button.vs-button--animate:not(.vs-button--animate-inactive).vs-button--animate-rotate:hover .vs-button__content {
	-webkit-transform: rotate(180deg) !important;
	transform: rotate(180deg) !important;
	opacity: 0
}

.vs-button.vs-button--animate:not(.vs-button--animate-inactive).vs-button--animate-rotate:hover .vs-button__animate {
	opacity: 1;
	-webkit-transform: rotate(0);
	transform: rotate(0)
}

.vs-button.vs-button--animate:not(.vs-button--animate-inactive) .vs-button__content,
.vs-button__animate {
	-webkit-transition: -webkit-transform .25s ease;
	transition: -webkit-transform .25s ease;
	transition: transform .25s ease;
	transition: transform .25s ease, -webkit-transform .25s ease
}

.vs-button__animate {
	position: absolute;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	top: 0;
	left: 0;
	-webkit-transform: translate(100%);
	transform: translate(100%);
	pointer-events: none
}

.vs-button__animate--vertical {
	-webkit-transform: translateY(100%);
	transform: translateY(100%)
}

.vs-button__animate--scale {
	-webkit-transform: scale(.5);
	transform: scale(.5);
	opacity: 0
}

.vs-button__animate--rotate {
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
	opacity: 0
}

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

.vs-button--upload:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(var(--vs-color), .4);
	top: 0;
	left: 0;
	z-index: 1200;
	-webkit-animation: btnupload .7s ease infinite;
	animation: btnupload .7s ease infinite;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.vs-button--loading {
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.vs-button .vs-button__loading {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: rgba(var(--vs-color), .8);
	border-radius: inherit
}

.vs-button .vs-button__loading:after {
	border: 2px solid hsla(0, 0%, 100%, 0);
	border-left: 2px dotted hsla(0, 0%, 100%, .6);
	border-radius: 50%;
	-webkit-animation: btnload .6s linear infinite;
	animation: btnload .6s linear infinite
}

.vs-button .vs-button__loading:after,
.vs-button .vs-button__loading:before {
	content: "";
	width: 17px;
	height: 17px;
	position: absolute;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.vs-button .vs-button__loading:before {
	border: 2px solid hsla(0, 0%, 100%, 0);
	border-left-color: #fff;
	border-radius: 50%;
	-webkit-animation: btnload .6s ease infinite;
	animation: btnload .6s ease infinite
}

.vs-button--size-xl {
	border-radius: 20px
}

.vs-button--size-xl .vs-button__content {
	padding: 15px 20px;
	font-size: 1.1rem
}

.vs-button--size-large {
	font-size: 1rem;
	border-radius: 15px
}

.vs-button--size-large .vs-button__content {
	padding: 10px 15px
}

.vs-button--size-small {
	font-size: .75rem;
	border-radius: 9px
}

.vs-button--size-small .vs-button__content {
	padding: 5px 10px
}

.vs-button--size-mini {
	font-size: .6rem;
	border-radius: 7px
}

.vs-button--size-mini .vs-button__content {
	padding: 3px 8px
}

.vs-button--circle {
	border-radius: 25px
}

.vs-button--square {
	border-radius: 0
}

.vs-button--icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.vs-button--icon .vs-button__content {
	padding: 8px
}

.vs-button--icon i {
	font-size: 1.15rem
}

.vs-button--default {
	background: rgba(var(--vs-color), 1);
	color: #fff
}

.vs-button--default.vs-button--active,
.vs-button--default:hover {
	-webkit-box-shadow: 0 10px 20px -10px rgba(var(--vs-color), 1);
	box-shadow: 0 10px 20px -10px rgba(var(--vs-color), 1);
	-webkit-transform: translateY(-3px);
	transform: translateY(-3px)
}

.vs-button--flat {
	background: rgba(var(--vs-color), .15);
	color: rgba(var(--vs-color), 1)
}

.vs-button--flat.vs-button--dark {
	color: rgba(var(--vs-text), 1)
}

.vs-button--flat:hover {
	background: rgba(var(--vs-color), .25)
}

.vs-button--flat:focus {
	-webkit-transition: all .25s ease, background .25s ease .25s;
	transition: all .25s ease, background .25s ease .25s
}

.vs-button--flat.vs-button--active,
.vs-button--flat:focus,
.vs-button--floating {
	color: #fff;
	background: rgba(var(--vs-color), 1)
}

.vs-button--floating {
	-webkit-transform: translateY(-3px);
	transform: translateY(-3px)
}

.vs-button--floating,
.vs-button--floating:hover {
	-webkit-box-shadow: 0 8px 20px -6px rgba(var(--vs-color), 1);
	box-shadow: 0 8px 20px -6px rgba(var(--vs-color), 1)
}

.vs-button--floating:hover {
	-webkit-transform: translateY(-6px);
	transform: translateY(-6px)
}

.vs-button--floating.vs-button--active,
.vs-button--floating:focus {
	-webkit-transform: translate(0);
	transform: translate(0);
	-webkit-box-shadow: 0 0 0 0 rgba(var(--vs-color), 1);
	box-shadow: 0 0 0 0 rgba(var(--vs-color), 1)
}

.vs-button--border {
	background: rgba(var(--vs-color), 0);
	color: rgba(var(--vs-color), 1)
}

.vs-button--border:before {
	content: "";
	border: 2px solid rgba(var(--vs-color), 1);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	background: transparent;
	pointer-events: none;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.vs-button--border:hover:before {
	border: 2px solid rgba(var(--vs-color), .5)
}

.vs-button--border.vs-button--active,
.vs-button--border:focus,
.vs-button--gradient {
	color: #fff;
	background: rgba(var(--vs-color), 1)
}

.vs-button--gradient {
	overflow: hidden
}

.vs-button--gradient.vs-button--primary:before,
.vs-button--gradient.vs-button--success:before {
	-webkit-filter: hue-rotate(40deg);
	filter: hue-rotate(40deg)
}

.vs-button--gradient:before {
	content: "";
	background: linear-gradient(30deg, rgba(var(--vs-color), 0) 33%, rgba(var(--vs-color), 1));
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	pointer-events: none;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	z-index: -1;
	-webkit-filter: hue-rotate(-40deg);
	filter: hue-rotate(-40deg);
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.vs-button--gradient:hover {
	-webkit-transform: translateY(-3px);
	transform: translateY(-3px);
	-webkit-box-shadow: 0 10px 20px -10px rgba(var(--vs-color), .7);
	box-shadow: 0 10px 20px -10px rgba(var(--vs-color), .7)
}

.vs-button--gradient:hover:before {
	opacity: 0
}

.vs-button--gradient.vs-button--active {
	-webkit-transform: translateY(-3px);
	transform: translateY(-3px);
	-webkit-box-shadow: 0 10px 20px -10px rgba(0, 0, 0, .35);
	box-shadow: 0 10px 20px -10px rgba(0, 0, 0, .35)
}

.vs-button--relief {
	background: rgba(var(--vs-color), 1);
	color: #fff;
	overflow: hidden;
	-webkit-transform: translate(0) scale(1);
	transform: translate(0) scale(1)
}

.vs-button--relief .vs-button__content {
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

.vs-button--relief.vs-button--icon.vs-button--active {
	height: auto
}

.vs-button--relief:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 3px);
	border-radius: inherit;
	pointer-events: none;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	z-index: -1;
	-webkit-filter: contrast(2) grayscale(.4);
	filter: contrast(2) grayscale(.4);
	border-bottom: 3px solid rgba(var(--vs-color), 1);
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.vs-button--relief:active {
	-webkit-transform: translateY(1px);
	transform: translateY(1px)
}

.vs-button--relief:active .vs-button__content {
	padding-bottom: 6px
}

.vs-button--relief:active:before {
	border-bottom: 0 solid rgba(var(--vs-color), 1)
}

.vs-button--relief.vs-button--active {
	-webkit-transform: translateY(1px);
	transform: translateY(1px)
}

.vs-button--relief.vs-button--active .vs-button__content {
	padding-bottom: 6px
}

.vs-button--relief.vs-button--active:before {
	border-bottom: 0 solid rgba(var(--vs-color), 1)
}

.vs-button--transparent {
	background: transparent;
	color: rgba(var(--vs-color), 1);
	overflow: hidden
}

.vs-button--transparent:before {
	content: "";
	background: rgba(var(--vs-color), .1);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	pointer-events: none;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	z-index: -1;
	-webkit-transform: scale(.5);
	transform: scale(.5);
	opacity: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.vs-button--transparent:active:not(.vs-button--active):before {
	-webkit-transform: scale(.9) !important;
	transform: scale(.9) !important
}

.vs-button--transparent.vs-button--active:before,
.vs-button--transparent:hover:before {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.vs-button--transparent.vs-button--active:before {
	background: rgba(var(--vs-color), .2)
}

.vs-button--shadow {
	background: rgba(var(--vs-background), 1);
	color: rgba(var(--vs-text), 1);
	overflow: hidden;
	-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, var(--vs-shadow-opacity));
	box-shadow: 0 0 0 0 rgba(0, 0, 0, var(--vs-shadow-opacity))
}

.vs-button--shadow:active:not(.vs-button--active) {
	-webkit-transform: translateY(-1px);
	transform: translateY(-1px);
	-webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, var(--vs-shadow-opacity)) !important;
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, var(--vs-shadow-opacity)) !important
}

.vs-button--shadow.vs-button--active,
.vs-button--shadow:hover {
	-webkit-transform: translateY(-3px);
	transform: translateY(-3px);
	-webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, var(--vs-shadow-opacity));
	box-shadow: 0 8px 25px 0 rgba(0, 0, 0, var(--vs-shadow-opacity))
}

@-webkit-keyframes btnload {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes btnload {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@-webkit-keyframes btnupload {
	0% {
		-webkit-transform: translateY(110%);
		transform: translateY(110%)
	}

	to {
		-webkit-transform: translateY(-110%);
		transform: translateY(-110%)
	}
}

@keyframes btnupload {
	0% {
		-webkit-transform: translateY(110%);
		transform: translateY(110%)
	}

	to {
		-webkit-transform: translateY(-110%);
		transform: translateY(-110%)
	}
}

.vs-button-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.vs-button-group .vs-button {
	margin: 0
}

.vs-button-group .vs-button:not(:last-of-type):not(:first-of-type) {
	border-radius: 0;
	border: 0
}

.vs-button-group .vs-button:not(:last-of-type):not(:first-of-type).vs-button--border:before {
	border-left: 0;
	width: 100%
}

.vs-button-group .vs-button:not(:last-of-type):not(:first-of-type).vs-button--border+.vs-button--border:not(:last-of-type):before {
	border-right: 0;
	width: 100%
}

.vs-button-group .vs-button:last-of-type {
	border-radius: 0 12px 12px 0
}

.vs-button-group .vs-button:first-of-type {
	border-radius: 12px 0 0 12px
}

.vs-alert {
	--vs-color: var(--vs-primary);
	background: rgba(var(--vs-color), .1);
	color: rgba(var(--vs-color), 1);
	width: 100%;
	padding: 0 20px;
	border-radius: 0 12px 12px 0;
	position: relative;
	font-size: .9rem;
	z-index: 10;
	-webkit-transition: height .25s ease;
	transition: height .25s ease;
	overflow: hidden
}

.vs-alert::-moz-selection {
	background: rgba(var(--vs-color), .15)
}

.vs-alert::selection {
	background: rgba(var(--vs-color), .15)
}

.vs-alert ::-moz-selection {
	background: rgba(var(--vs-color), .15)
}

.vs-alert ::selection {
	background: rgba(var(--vs-color), .15)
}

.vs-alert b {
	font-weight: 600
}

.vs-alert a {
	color: inherit !important;
	text-decoration: underline
}

.vs-alert a:hover {
	opacity: .6
}

.vs-alert:after {
	content: "";
	left: 0;
	top: 0;
	width: 2px;
	height: 100%;
	position: absolute
}

.vs-alert--solid,
.vs-alert:after {
	background: rgba(var(--vs-color), 1)
}

.vs-alert--solid,
.vs-alert--solid .vs-alert__icon i {
	color: #fff
}

.vs-alert--solid .vs-alert__icon svg {
	fill: #fff
}

.vs-alert--solid .vs-alert__close {
	color: #fff;
	-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .15);
	box-shadow: 0 0 0 0 rgba(0, 0, 0, .15)
}

.vs-alert--solid .vs-alert__close:hover {
	-webkit-transform: translateY(-2px);
	transform: translateY(-2px);
	-webkit-box-shadow: 0 5px 18px 0 rgba(0, 0, 0, .15);
	box-shadow: 0 5px 18px 0 rgba(0, 0, 0, .15)
}

.vs-alert--solid .vs-alert__close svg {
	fill: #fff
}

.vs-alert--solid:after {
	background: hsla(0, 0%, 100%, .4)
}

.vs-alert--border {
	background: transparent
}

.vs-alert--border:before {
	border: 1px solid rgba(var(--vs-color), 1);
	border-left: 0;
	width: calc(100% - 2px);
	content: "";
	position: absolute;
	height: calc(100% - 2px);
	top: 0;
	left: 0;
	z-index: -1;
	border-radius: inherit
}

.vs-alert--shadow {
	background: transparent;
	-webkit-box-shadow: 0 4px 15px 0 rgba(var(--vs-color), .12);
	box-shadow: 0 4px 15px 0 rgba(var(--vs-color), .12)
}

.vs-alert--gradient {
	background: rgba(var(--vs-color), 1);
	color: #fff;
	border-radius: 12px
}

.vs-alert--gradient .vs-alert__icon i {
	color: #fff
}

.vs-alert--gradient .vs-alert__icon svg {
	fill: #fff
}

.vs-alert--gradient .vs-alert__close {
	color: #fff;
	-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .15);
	box-shadow: 0 0 0 0 rgba(0, 0, 0, .15)
}

.vs-alert--gradient .vs-alert__close:hover {
	-webkit-transform: translateY(-2px);
	transform: translateY(-2px);
	-webkit-box-shadow: 0 5px 18px 0 rgba(0, 0, 0, .15);
	box-shadow: 0 5px 18px 0 rgba(0, 0, 0, .15)
}

.vs-alert--gradient .vs-alert__close svg {
	fill: #fff
}

.vs-alert--gradient:after {
	display: none
}

.vs-alert--gradient:before {
	background: linear-gradient(30deg, rgba(var(--vs-color), 0) 33%, rgba(var(--vs-color), 1));
	-webkit-filter: hue-rotate(-50deg);
	filter: hue-rotate(-50deg);
	width: 100%;
	content: "";
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
	border-radius: inherit
}

.vs-alert--flat {
	background: rgba(0, 0, 0, .03)
}

.vs-alert--relief {
	background: rgba(var(--vs-color), 1);
	color: #fff;
	border-radius: 12px;
	-webkit-box-shadow: 6px 6px 0 0 rgba(var(--vs-color), .3);
	box-shadow: 6px 6px 0 0 rgba(var(--vs-color), .3)
}

.vs-alert--relief .vs-alert__icon i {
	color: #fff
}

.vs-alert--relief .vs-alert__icon svg {
	fill: #fff
}

.vs-alert--relief .vs-alert__close {
	color: #fff;
	-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .15);
	box-shadow: 0 0 0 0 rgba(0, 0, 0, .15)
}

.vs-alert--relief .vs-alert__close:hover {
	-webkit-transform: translateY(-2px);
	transform: translateY(-2px);
	background: rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 5px 18px 0 rgba(0, 0, 0, .15);
	box-shadow: 0 5px 18px 0 rgba(0, 0, 0, .15)
}

.vs-alert--relief .vs-alert__close svg {
	fill: #fff
}

.vs-alert--relief:after {
	display: none
}

.vs-alert__title {
	font-weight: 600;
	font-size: 1rem;
	padding: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.vs-alert__title--clickHidden {
	cursor: pointer;
	padding-right: 0
}

.vs-alert__title~.vs-alert__content .vs-alert__content__text {
	padding-top: 0
}

.vs-alert__content {
	-webkit-transition: height .25s ease;
	transition: height .25s ease;
	overflow: hidden
}

.vs-alert__content__text {
	padding: 20px 15px
}

.vs-alert__close {
	position: absolute;
	top: 9px;
	right: 6px;
	background: transparent;
	border: 0;
	color: rgba(var(--vs-color), 1);
	width: 30px;
	height: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	-webkit-box-shadow: 0 0 0 0 rgba(var(--vs-color), .3);
	box-shadow: 0 0 0 0 rgba(var(--vs-color), .3);
	border-radius: 10px;
	padding: 0
}

.vs-alert__close:hover {
	-webkit-transform: translateY(-2px);
	transform: translateY(-2px);
	-webkit-box-shadow: 0 5px 18px 0 rgba(var(--vs-color), .3);
	box-shadow: 0 5px 18px 0 rgba(var(--vs-color), .3)
}

.vs-alert__close svg {
	fill: rgba(var(--vs-color), 1)
}

.vs-alert__footer {
	position: relative;
	width: 100%;
	padding: 0 15px 10px;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.vs-alert__footer,
.vs-alert__icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.vs-alert__icon {
	position: absolute;
	width: 50px;
	height: 100%;
	left: 0;
	top: 0;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding-left: 2px
}

.vs-alert__icon i {
	font-size: 1.3rem;
	color: rgba(var(--vs-color), 1)
}

.vs-alert__icon svg {
	width: 24px;
	height: 24px;
	fill: rgba(var(--vs-color), 1)
}

.vs-alert__icon~.vs-alert__footer {
	padding-left: 35px
}

.vs-alert__icon~.vs-alert__content {
	padding-left: 20px
}

.vs-alert__icon~.vs-alert__title {
	padding-left: 35px
}

.vs-alert__progress {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 2px;
	background: rgba(var(--vs-color), .2)
}

.vs-alert__progress__bar {
	width: 30%;
	left: 0;
	position: relative;
	height: 100%;
	background: rgba(var(--vs-color), 1);
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

.vs-alert__pagination {
	position: relative;
	padding: 0 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-bottom: 10px
}

.vs-alert__pagination span {
	font-size: .8rem;
	margin: 0 8px;
	min-width: 28px;
	text-align: center
}

.vs-alert__pagination button {
	border: 0;
	background: transparent;
	color: rgba(var(--vs-color), 1);
	padding: 0 7px;
	font-size: 1rem;
	background: rgba(var(--vs-color), .1);
	border-radius: 8px;
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

.vs-alert__pagination button:hover {
	background: rgba(var(--vs-color), 1);
	color: #fff
}

.vs-icon-close {
	width: 30px;
	height: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

.vs-icon-close:before {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.vs-icon-close:after,
.vs-icon-close:before {
	background: rgba(var(--vs-color), 1);
	content: "";
	position: absolute;
	width: 16px;
	height: 2px;
	border-radius: 2px;
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

.vs-icon-close:after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.vs-icon-close.vs-icon-hover-less:hover:after,
.vs-icon-close.vs-icon-hover-less:hover:before {
	width: 12px;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.vs-icon-plus {
	width: 30px;
	height: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	cursor: pointer
}

.vs-icon-plus:before {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

.vs-icon-plus:after,
.vs-icon-plus:before {
	background: rgba(var(--vs-color), 1);
	content: "";
	position: absolute;
	width: 14px;
	height: 2px;
	border-radius: 2px
}

.vs-icon-plus:after {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transition: all .4s ease;
	transition: all .4s ease
}

.vs-icon-plus:hover:not(.less) {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg)
}

.vs-icon-plus.less:hover {
	-webkit-transform: scale(.75);
	transform: scale(.75)
}

.vs-icon-plus.less:after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.vs-icon-check {
	width: 23px;
	height: 23px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	border-radius: inherit
}

.vs-icon-check span {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	display: block;
	position: relative;
	width: 8px;
	height: 13px;
	margin-top: -4px
}

.vs-icon-check span .line1 {
	background: transparent;
	content: "";
	position: absolute;
	height: 2px;
	border-radius: 2px;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
	border-radius: 5px;
	z-index: 100;
	width: 8px;
	bottom: 0
}

.vs-icon-check span .line1:after {
	content: "";
	position: absolute;
	width: 0;
	height: 2px;
	background: #fff;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	border-radius: 5px 0 0 5px
}

.vs-icon-check span .line2 {
	bottom: 0;
	right: 0;
	z-index: 100;
	background: transparent;
	content: "";
	position: absolute;
	height: 13px;
	border-radius: 5px;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
	width: 2px
}

.vs-icon-check span .line2:after {
	content: "";
	position: absolute;
	width: 2px;
	height: 0%;
	background: #fff;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	bottom: 0;
	border-radius: 5px 5px 0 0
}

.vs-icon-check.active:before {
	width: 8px
}

.vs-icon-check.active:after {
	width: 4px
}

.vs-icon-check.indeterminate span {
	-webkit-transform: rotate(0);
	transform: rotate(0);
	height: auto;
	margin: 0;
	width: auto
}

.vs-icon-check.indeterminate span:after {
	position: relative;
	content: "";
	width: 10px;
	height: 2px;
	background: #fff;
	display: block
}

.vs-icon-check.indeterminate span .line1 {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	bottom: 0;
	right: -1px;
	opacity: 0;
	display: none
}

.vs-icon-check.indeterminate span .line2 {
	right: 0 !important;
	bottom: -.14rem !important;
	-webkit-transform: rotate(45deg) !important;
	transform: rotate(45deg) !important;
	-webkit-transition: all .25s ease !important;
	transition: all .25s ease !important;
	height: 11px !important;
	display: none
}

.vs-icon-arrow {
	pointer-events: none;
	width: 7px;
	height: 7px;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	-webkit-transform-origin: center;
	transform-origin: center
}

.vs-icon-arrow:after {
	width: 100%;
	height: 1px
}

.vs-icon-arrow:after,
.vs-icon-arrow:before {
	content: "";
	background: rgba(var(--vs-text), 1);
	position: absolute;
	display: block;
	top: 0
}

.vs-icon-arrow:before {
	width: 1px;
	height: 100%
}

.vs-input-parent {
	--vs-color: var(--vs-primary);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-item-align: center;
	align-self: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative
}

.vs-input-parent--has-label {
	margin-top: 20px !important
}

.vs-input-parent--state-success .vs-input {
	background: rgba(var(--vs-success), .1) !important;
	color: rgba(var(--vs-success), 1)
}

.vs-input-parent--state-success .vs-input__label {
	color: rgba(var(--vs-success), 1)
}

.vs-input-parent--state-success .vs-input__icon {
	color: rgba(var(--vs-success), 1);
	background: rgba(var(--vs-success), .1);
	-webkit-box-shadow: -15px 10px 10px -10px rgba(var(--vs-success), .1);
	box-shadow: -15px 10px 10px -10px rgba(var(--vs-success), .1)
}

.vs-input-parent--state-danger .vs-input {
	background: rgba(var(--vs-danger), .1) !important;
	color: rgba(var(--vs-danger), 1)
}

.vs-input-parent--state-danger .vs-input__label {
	color: rgba(var(--vs-danger), 1)
}

.vs-input-parent--state-danger .vs-input__icon {
	color: rgba(var(--vs-danger), 1);
	background: rgba(var(--vs-danger), .1);
	-webkit-box-shadow: -15px 10px 10px -10px rgba(var(--vs-danger), .1);
	box-shadow: -15px 10px 10px -10px rgba(var(--vs-danger), .1)
}

.vs-input-parent--state-warn .vs-input {
	background: rgba(var(--vs-warn), .1) !important;
	color: rgba(var(--vs-warn), 1)
}

.vs-input-parent--state-warn .vs-input__label {
	color: rgba(var(--vs-warn), 1)
}

.vs-input-parent--state-warn .vs-input__icon {
	color: rgba(var(--vs-warn), 1);
	background: rgba(var(--vs-warn), .1);
	-webkit-box-shadow: -15px 10px 10px -10px rgba(var(--vs-warn), .1);
	box-shadow: -15px 10px 10px -10px rgba(var(--vs-warn), .1)
}

.vs-input-parent--state-dark .vs-input {
	background: rgba(var(--vs-dark), .1) !important;
	color: rgba(var(--vs-dark), 1)
}

.vs-input-parent--state-dark .vs-input__label {
	color: rgba(var(--vs-dark), 1)
}

.vs-input-parent--state-dark .vs-input__icon {
	color: rgba(var(--vs-dark), 1);
	background: rgba(var(--vs-dark), .1);
	-webkit-box-shadow: -15px 10px 10px -10px rgba(var(--vs-dark), .1);
	box-shadow: -15px 10px 10px -10px rgba(var(--vs-dark), .1)
}

.vs-input-parent--state-primary .vs-input {
	background: rgba(var(--vs-primary), .1) !important;
	color: rgba(var(--vs-primary), 1)
}

.vs-input-parent--state-primary .vs-input__label {
	color: rgba(var(--vs-primary), 1)
}

.vs-input-parent--state-primary .vs-input__icon {
	color: rgba(var(--vs-primary), 1);
	background: rgba(var(--vs-primary), .1);
	-webkit-box-shadow: -15px 10px 10px -10px rgba(var(--vs-primary), .1);
	box-shadow: -15px 10px 10px -10px rgba(var(--vs-primary), .1)
}

.vs-input-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	position: relative;
	border-radius: 12px
}

.vs-input-content+.vs-input__message {
	padding-top: 2px
}

.vs-input-content--has-color .vs-input:focus {
	border-bottom: 2px solid rgba(var(--vs-color), 1)
}

.vs-input-content--has-color .vs-input:focus~.vs-input__icon,
.vs-input-content--has-color .vs-input:focus~.vs-input__label,
.vs-input-content--has-color .vs-input:focus~.vs-input__label--placeholder {
	color: rgba(var(--vs-color), 1)
}

.vs-input {
	border: 2px solid transparent;
	background: rgba(var(--vs-gray-2), 1);
	color: rgba(var(--vs-text), 1);
	border-radius: inherit;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	width: 200px;
	padding: 7px 13px 7px 10px
}

.vs-input:focus {
	background: rgba(var(--vs-gray-3), 1);
	padding-left: 15px
}

.vs-input:focus.vs-input--has-icon:not(.vs-input--has-icon--after) {
	padding-left: 40px
}

.vs-input:focus.vs-input--has-icon:not(.vs-input--has-icon--after)~.vs-input__icon {
	-webkit-box-shadow: 15px 10px 10px -10px rgba(0, 0, 0, var(--vs-shadow-opacity));
	box-shadow: 15px 10px 10px -10px rgba(0, 0, 0, var(--vs-shadow-opacity))
}

.vs-input:focus.vs-input--has-icon:not(.vs-input--has-icon--after)~.vs-input__label:not(.vs-input__label--placeholder):not(.vs-input__label--label) {
	left: 44px
}

.vs-input:focus~.vs-input__icon {
	-webkit-box-shadow: -15px 10px 10px -10px rgba(0, 0, 0, var(--vs-shadow-opacity));
	box-shadow: -15px 10px 10px -10px rgba(0, 0, 0, var(--vs-shadow-opacity));
	-webkit-transform: translate(-6px, -6px);
	transform: translate(-6px, -6px);
	background: rgba(var(--vs-gray-1), 1)
}

.vs-input:focus~.vs-input__icon--after {
	-webkit-transform: translate(6px, -6px);
	transform: translate(6px, -6px)
}

.vs-input:focus~.vs-input__label:not(.vs-input__label--placeholder):not(.vs-input__label--label) {
	opacity: 0;
	left: 20px
}

.vs-input:focus~.vs-input__label--placeholder {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	-webkit-transform: translate(-3%, -77%);
	transform: translate(-3%, -77%);
	font-size: .75rem
}

.vs-input__label {
	position: absolute;
	left: 13px;
	font-size: .8rem;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	cursor: text;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	opacity: .4
}

.vs-input__label--hidden {
	opacity: 0;
	visibility: hidden
}

.vs-input__label--hidden.vs-input__label--placeholder {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	-webkit-transform: translate(-3%, -80%);
	transform: translate(-3%, -80%);
	font-size: .75rem
}

.vs-input__label--label {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	-webkit-transform: translate(-2%, -77%);
	transform: translate(-2%, -77%);
	font-size: .75rem
}

.vs-input--has-icon {
	padding-left: 38px
}

.vs-input--has-icon~.vs-input__label {
	left: 44px
}

.vs-input--has-icon--after {
	padding-left: 7px;
	padding-right: 38px
}

.vs-input--has-icon--after~.vs-input__label {
	left: 13px
}

.vs-input--has-icon--after.vs-input__label--label,
.vs-input--has-icon:focus--has-icon--after~.vs-input__label--placeholder {
	-webkit-transform: translate(calc(-3% - 22px), -80%) !important;
	transform: translate(calc(-3% - 22px), -80%) !important
}

.vs-input--has-icon:focus--has-icon--after~.vs-input__label {
	left: 44px
}

.vs-input__icon {
	position: absolute;
	right: auto;
	width: 36px;
	height: 36px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-shadow: 12px 0 10px -10px rgba(0, 0, 0, var(--vs-shadow-opacity));
	box-shadow: 12px 0 10px -10px rgba(0, 0, 0, var(--vs-shadow-opacity));
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	border-radius: inherit;
	background: rgba(var(--vs-gray-2), 1);
	pointer-events: none;
	left: 0
}

.vs-input__icon--after {
	left: auto;
	right: 0;
	-webkit-box-shadow: -12px 0 10px -10px rgba(0, 0, 0, var(--vs-shadow-opacity));
	box-shadow: -12px 0 10px -10px rgba(0, 0, 0, var(--vs-shadow-opacity))
}

.vs-input__icon--click {
	pointer-events: auto !important;
	cursor: pointer
}

.vs-input__icon--click:hover {
	-webkit-box-shadow: -15px 10px 10px -10px rgba(0, 0, 0, var(--vs-shadow-opacity));
	box-shadow: -15px 10px 10px -10px rgba(0, 0, 0, var(--vs-shadow-opacity));
	-webkit-transform: translate(-6px, -6px);
	transform: translate(-6px, -6px);
	background: rgba(var(--vs-gray-1), 1)
}

.vs-input__icon--click:hover.vs-input__icon--after {
	-webkit-transform: translate(6px, -6px);
	transform: translate(6px, -6px)
}

.vs-input__message {
	font-size: .7rem;
	position: relative;
	padding: 0 7px;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	overflow: hidden
}

.vs-input__message--success {
	color: rgba(var(--vs-success), 1)
}

.vs-input__message--danger {
	color: rgba(var(--vs-danger), 1)
}

.vs-input__message--warn {
	color: rgba(var(--vs-warn), 1)
}

.vs-input__message--dark {
	color: rgba(var(--vs-dark), 1)
}

.vs-input__message--primary {
	color: rgba(var(--vs-primary), 1)
}

.vs-input__progress {
	width: 95%;
	left: 2.5%;
	position: relative;
	height: 2px;
	background: rgba(var(--vs-gray-2), 1);
	margin-top: 5px;
	overflow: hidden;
	border-radius: 5px
}

.vs-input__progress--danger .vs-input__progress__bar {
	background: rgba(var(--vs-danger), 1)
}

.vs-input__progress--warn .vs-input__progress__bar {
	background: rgba(var(--vs-warn), 1)
}

.vs-input__progress--success .vs-input__progress__bar {
	background: rgba(var(--vs-success), 1)
}

.vs-input__progress__bar {
	width: 32%;
	height: 2px;
	max-width: 100%;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	border-radius: 5px
}

.vs-input__loading {
	position: absolute;
	width: 22px;
	height: 22px;
	right: 7px;
	pointer-events: none;
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: inherit;
	cursor: default
}

.vs-input__loading:after {
	border: 2px solid rgba(var(--vs-primary), 1);
	border-radius: inherit;
	border-top: 2px solid transparent;
	border-left: 2px solid transparent;
	border-right: 2px solid transparent;
	-webkit-animation: rotateInputLoading .8s ease infinite;
	animation: rotateInputLoading .8s ease infinite
}

.vs-input__loading:after,
.vs-input__loading:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	content: ""
}

.vs-input__loading:before {
	border: 2px dashed rgba(var(--vs-primary), 1);
	border-radius: inherit;
	border-top: 2px solid transparent;
	border-left: 2px solid transparent;
	border-right: 2px solid transparent;
	-webkit-animation: rotateInputLoading .8s linear infinite;
	animation: rotateInputLoading .8s linear infinite;
	opacity: .2
}

.vs-input-parent--border .vs-input__icon {
	background: transparent !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important
}

.vs-input-parent--border .vs-input-content {
	border-radius: 0
}

.vs-input-parent--border .vs-input-content .vs-input__affects {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none
}

.vs-input-parent--border .vs-input-content .vs-input__affects__1 {
	border-bottom: 2px solid rgba(var(--vs-gray-3), 1);
	width: 100%;
	height: 2px;
	position: absolute;
	bottom: 0;
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

.vs-input-parent--border .vs-input-content .vs-input__affects__2 {
	border-bottom: 2px solid rgba(var(--vs-color), 1);
	width: 0;
	height: 2px;
	position: absolute;
	bottom: 0;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	left: 50%;
	-webkit-transform: translate(-50%);
	transform: translate(-50%)
}

.vs-input-parent--border .vs-input-content .vs-input {
	background: transparent;
	border-radius: 0
}

.vs-input-parent--border .vs-input-content .vs-input:focus~.vs-input__affects .vs-input__affects__2 {
	width: 100%
}

.vs-input-parent--shadow .vs-input__icon {
	background: transparent;
	z-index: 100
}

.vs-input-parent--shadow .vs-input-content .vs-input__affects {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: inherit;
	pointer-events: none;
	z-index: 10
}

.vs-input-parent--shadow .vs-input-content .vs-input__affects__1 {
	-webkit-box-shadow: 0 6px 25px -6px rgba(0, 0, 0, var(--vs-shadow-opacity));
	box-shadow: 0 6px 25px -6px rgba(0, 0, 0, var(--vs-shadow-opacity));
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	z-index: 200;
	border-radius: inherit
}

.vs-input-parent--shadow .vs-input-content .vs-input {
	background: transparent;
	border-radius: 0;
	border: 2px solid transparent
}

.vs-input-parent--shadow .vs-input-content .vs-input:focus {
	-webkit-transform: translateY(3px);
	transform: translateY(3px)
}

.vs-input-parent--shadow .vs-input-content .vs-input:focus~.vs-input__icon {
	background: rgba(var(--vs-background), 1) !important;
	opacity: 1;
	-webkit-box-shadow: 0 10px 20px -5px rgba(0, 0, 0, var(--vs-shadow-opacity)) !important;
	box-shadow: 0 10px 20px -5px rgba(0, 0, 0, var(--vs-shadow-opacity)) !important
}

.vs-input-parent--shadow .vs-input-content .vs-input:focus~.vs-input__affects .vs-input__affects__1 {
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
	-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, var(--vs-shadow-opacity));
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, var(--vs-shadow-opacity))
}

@-webkit-keyframes rotateInputLoading {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes rotateInputLoading {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

.vs-checkbox-content {
	--vs-color: var(--vs-primary);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.vs-checkbox-con {
	width: 23px;
	height: 23px;
	border-radius: 9px;
	position: relative;
	z-index: 1
}

.vs-checkbox-mask {
	border-radius: 32%;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 50;
	cursor: pointer;
	pointer-events: none;
	-webkit-box-sizing: border-box;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: -1;
	box-sizing: border-box
}

.vs-checkbox-mask i:not(.vs-icon-check) {
	color: #fff;
	font-size: 1.1em
}

.vs-checkbox-mask:after,
.vs-checkbox-mask i:not(.vs-icon-check) {
	opacity: 0;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	-webkit-transform: scale(.5);
	transform: scale(.5)
}

.vs-checkbox-mask:after {
	background: rgba(var(--vs-color), 1);
	border-radius: inherit
}

.vs-checkbox-mask:after,
.vs-checkbox-mask:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1
}

.vs-checkbox-mask:before {
	border-radius: inherit;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	border: 2px solid rgba(var(--vs-gray-4), 1);
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.vs-checkbox-mask .vs-icon-check {
	opacity: 0;
	z-index: 200
}

.vs-checkbox {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	opacity: 0;
	z-index: 100;
	cursor: pointer
}

.vs-checkbox:disabled {
	opacity: 0;
	pointer-events: none
}

.vs-checkbox:active~.vs-checkbox-mask {
	background: rgba(var(--vs-gray-4), 1) !important
}

.vs-checkbox:hover~.vs-checkbox-mask {
	background: rgba(var(--vs-gray-3), 1)
}

.vs-checkbox:hover~.vs-checkbox-mask:before {
	border: 2px solid rgba(var(--vs-gray-4), 0)
}

.vs-checkbox:checked:hover~.vs-checkbox-mask {
	-webkit-box-shadow: 0 3px 15px 0 rgba(var(--vs-color), .35);
	box-shadow: 0 3px 15px 0 rgba(var(--vs-color), .35)
}

.vs-checkbox:checked~.vs-checkbox-mask {
	-webkit-box-shadow: 0 0 0 0 rgba(var(--vs-color), .35);
	box-shadow: 0 0 0 0 rgba(var(--vs-color), .35)
}

.vs-checkbox:checked~.vs-checkbox-mask i:not(.vs-icon-check) {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .25s ease .15s;
	transition: all .25s ease .15s
}

.vs-checkbox:checked~.vs-checkbox-mask .vs-icon-check {
	opacity: 1
}

.vs-checkbox:checked~.vs-checkbox-mask .vs-icon-check span .line1:after {
	width: 100%;
	-webkit-transition: all .25s ease .1s;
	transition: all .25s ease .1s
}

.vs-checkbox:checked~.vs-checkbox-mask .vs-icon-check span .line2:after {
	-webkit-transition: all .2s ease .3s;
	transition: all .2s ease .3s;
	height: 100%
}

.vs-checkbox:checked~.vs-checkbox-mask:after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.vs-checkbox:checked~.vs-checkbox-mask:before {
	opacity: 0;
	-webkit-transform: scale(1.2);
	transform: scale(1.2)
}

.vs-checkbox-label {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	padding: 7px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: .9rem
}

.vs-checkbox-label,
.vs-checkbox-label:before {
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

.vs-checkbox-label:before {
	position: absolute;
	width: 0;
	height: 2px;
	background: rgba(var(--vs-text), .6);
	content: ""
}

.vs-checkbox--disabled {
	pointer-events: none
}

.vs-checkbox--disabled .vs-checkbox-label {
	opacity: .5
}

.vs-checkbox--disabled .vs-checkbox-mask {
	opacity: .6;
	background: transparent !important
}

.vs-checkbox--checked .lineThrough {
	opacity: .4
}

.vs-checkbox--checked .lineThrough:before {
	width: calc(100% - 10px)
}

.vs-checkbox--loading {
	pointer-events: none
}

.vs-checkbox--loading.vs-checkbox--checked .vs-checkbox-mask {
	background: transparent !important
}

.vs-checkbox--loading.vs-checkbox--checked .vs-checkbox-mask:before {
	border-radius: 50%;
	border: 2px solid rgba(var(--vs-color), 1) !important;
	border-top: 2px solid transparent !important;
	-webkit-animation: rotateCheckboxLoading .6s linear infinite;
	animation: rotateCheckboxLoading .6s linear infinite;
	opacity: 1 !important
}

.vs-checkbox--loading.vs-checkbox--checked .vs-checkbox-mask:after {
	opacity: 0;
	-webkit-transform: scale(.5);
	transform: scale(.5)
}

.vs-checkbox--loading .vs-checkbox-mask {
	background: transparent !important
}

.vs-checkbox--loading .vs-checkbox-mask:before {
	border-radius: 50%;
	border: 2px solid rgba(var(--vs-gray-4), 1) !important;
	border-top: 2px solid transparent !important;
	-webkit-animation: rotateCheckboxLoading .6s linear infinite;
	animation: rotateCheckboxLoading .6s linear infinite
}

@-webkit-keyframes rotateCheckboxLoading {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes rotateCheckboxLoading {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

.vs-checkbox--label-before .vs-checkbox-label {
	-webkit-box-ordinal-group: 0;
	-ms-flex-order: -1;
	order: -1
}

.vs-switch {
	--vs-color: var(--vs-primary)
}

@-webkit-keyframes rotateSwitch {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes rotateSwitch {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

.vs-switch {
	color: #fff;
	padding: 5px;
	border-radius: 20px;
	min-width: 48px;
	height: 28px;
	border: 0;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: rgba(var(--vs-gray-3), 1);
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	overflow: hidden
}

.vs-switch--icon .vs-switch__input:checked~.vs-switch__circle {
	color: #fff !important
}

.vs-switch--icon .vs-switch__circle {
	background: transparent !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important
}

.vs-switch--icon .vs-switch__circle i {
	opacity: 1;
	font-size: 1.3rem
}

.vs-switch--indeterminate .vs-switch__input {
	pointer-events: none
}

.vs-switch--indeterminate .vs-switch__circle {
	left: 50% !important;
	-webkit-transform: translate(-50%);
	transform: translate(-50%)
}

.vs-switch--square {
	border-radius: 5px
}

.vs-switch--square .vs-switch__background,
.vs-switch--square .vs-switch__circle {
	border-radius: 5px !important
}

.vs-switch:after {
	border: 3px dashed rgba(var(--vs-color), 1);
	border-radius: 50%;
	border-top: 3px solid transparent;
	border-right: 3px solid transparent;
	-webkit-animation: rotateSwitch .6s linear .25s infinite;
	animation: rotateSwitch .6s linear .25s infinite
}

.vs-switch:after,
.vs-switch:before {
	-webkit-transition: all 0s ease 0s;
	transition: all 0s ease 0s;
	opacity: 0;
	visibility: hidden;
	content: "";
	position: absolute;
	width: calc(100% - 8px);
	height: calc(100% - 8px);
	z-index: 200;
	pointer-events: none
}

.vs-switch:before {
	border: 3px solid rgba(var(--vs-color), 1);
	border-radius: 50%;
	border-top: 3px solid transparent;
	border-right: 3px solid transparent;
	-webkit-animation: rotateSwitch .6s ease .25s infinite;
	animation: rotateSwitch .6s ease .25s infinite
}

.vs-switch--loading {
	width: 28px !important;
	min-width: 28px !important;
	pointer-events: none;
	border-radius: 20px !important
}

.vs-switch--loading .vs-switch__circle {
	border-radius: 50% !important
}

.vs-switch--loading .vs-switch__background {
	opacity: 0 !important
}

.vs-switch--loading:after,
.vs-switch--loading:before {
	opacity: 1;
	visibility: visible;
	-webkit-transition: all .25s ease .3s;
	transition: all .25s ease .3s
}

.vs-switch:hover {
	background: rgba(var(--vs-gray-4), 1)
}

.vs-switch:active {
	-webkit-transform: scale(.9);
	transform: scale(.9)
}

.vs-switch__background {
	width: 100%;
	height: auto;
	position: absolute;
	background: rgba(var(--vs-color), 1);
	border-radius: inherit;
	z-index: 2;
	-webkit-transition: all .25s ease-out;
	transition: all .25s ease-out;
	-webkit-transform: scale(1);
	transform: scale(1);
	left: -100%;
	border-radius: 50%;
	padding-bottom: 100%
}

.vs-switch__text {
	font-size: .7rem;
	padding: 5px 5px 5px 25px;
	-webkit-transition: all .25s ease .05s;
	transition: all .25s ease .05s;
	color: rgba(var(--vs-text), 1);
	z-index: 9;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
	white-space: nowrap
}

.vs-switch__text.on {
	-webkit-transform: translate(-100%);
	transform: translate(-100%);
	position: absolute;
	opacity: 0
}

.vs-switch__text i {
	font-size: 1rem;
	opacity: .7
}

.vs-switch__circle {
	width: 20px;
	height: 20px;
	background: rgba(var(--vs-background), 1);
	border-radius: 20px;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	position: absolute;
	z-index: 10;
	left: 4px;
	color: rgba(var(--vs-text), 1);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.vs-switch__circle i {
	font-size: .8rem
}

.vs-switch__input {
	position: absolute;
	width: 100%;
	opacity: 0 !important;
	height: 100%;
	border-radius: inherit;
	z-index: 100;
	top: 0;
	left: 0;
	margin: 0;
	cursor: pointer
}

.vs-switch__input:active:checked~.vs-switch__circle {
	left: calc(100% - 30px)
}

.vs-switch__input:active~.vs-switch__circle {
	width: 25px
}

.vs-switch__input:checked~.vs-switch__background {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	width: 100%;
	padding-bottom: 100%;
	left: 0;
	border-radius: 50%;
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

.vs-switch__input:checked~.vs-switch__text {
	padding-left: 5px;
	padding-right: 25px;
	color: #fff
}

.vs-switch__input:checked~.vs-switch__text i {
	opacity: 1
}

.vs-switch__input:checked~.vs-switch__text.on {
	-webkit-transform: translate(0);
	transform: translate(0);
	position: relative;
	opacity: 1
}

.vs-switch__input:checked~.vs-switch__text.off {
	-webkit-transform: translate(100%);
	transform: translate(100%);
	position: absolute;
	opacity: 0
}

.vs-switch__input:checked~.vs-switch__circle {
	left: calc(100% - 24px);
	-webkit-box-shadow: -5px 0 25px 0 rgba(var(--vs-background), .6);
	box-shadow: -5px 0 25px 0 rgba(var(--vs-background), .6);
	color: rgba(var(--vs-color), 1)
}

.vs-select {
	--vs-color: var(--vs-primary)
}

.vs-select__options .vs-checkbox-content {
	--vs-color: inherit
}

.vs-select-enter,
.vs-select-enter-active {
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

.vs-select-enter {
	opacity: 0;
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px)
}

.vs-select-enter,
.vs-select-enter:after {
	-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, var(--vs-shadow-opacity));
	box-shadow: 0 0 0 0 rgba(0, 0, 0, var(--vs-shadow-opacity))
}

.vs-select-enter:after {
	opacity: 0 !important
}

.vs-select-leave-active,
.vs-select-leave-to {
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

.vs-select-leave-to {
	opacity: 0;
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
	-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, var(--vs-shadow-opacity));
	box-shadow: 0 0 0 0 rgba(0, 0, 0, var(--vs-shadow-opacity))
}

.vs-select-leave-to.top {
	-webkit-transform: translateY(10px) !important;
	transform: translateY(10px) !important
}

.vs-select-leave-to:after {
	opacity: 0 !important;
	-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, var(--vs-shadow-opacity));
	box-shadow: 0 0 0 0 rgba(0, 0, 0, var(--vs-shadow-opacity))
}

.vs-select-content {
	width: 100%;
	max-width: 200px
}

.vs-select {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	min-height: 38px;
	width: 100%
}

.vs-select--state-success .vs-select__input {
	background: rgba(var(--vs-success), .05);
	color: rgba(var(--vs-success), 1)
}

.vs-select--state-success .vs-select__input:hover {
	color: rgba(var(--vs-text), 1)
}

.vs-select--state-success .vs-select__chips {
	background: rgba(var(--vs-success), .05);
	color: rgba(var(--vs-success), 1)
}

.vs-select--state-success .vs-select__chips:hover:after {
	opacity: 0
}

.vs-select--state-success .vs-select__chips:after {
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	border: 2px solid rgba(var(--vs-success), .5);
	border-radius: inherit;
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

.vs-select--state-success .vs-select__label {
	color: rgba(var(--vs-success), 1)
}

.vs-select--state-success .vs-select__icon {
	color: rgba(var(--vs-success), 1);
	background: rgba(var(--vs-success), .1);
	-webkit-box-shadow: -15px 10px 10px -10px rgba(var(--vs-success), .1);
	box-shadow: -15px 10px 10px -10px rgba(var(--vs-success), .1)
}

.vs-select--state-success .vs-icon-arrow:after,
.vs-select--state-success .vs-icon-arrow:before {
	background: rgba(var(--vs-success), 1)
}

.vs-select--state-danger .vs-select__input {
	background: rgba(var(--vs-danger), .05);
	color: rgba(var(--vs-danger), 1)
}

.vs-select--state-danger .vs-select__input:hover {
	color: rgba(var(--vs-text), 1)
}

.vs-select--state-danger .vs-select__chips {
	background: rgba(var(--vs-danger), .05);
	color: rgba(var(--vs-danger), 1)
}

.vs-select--state-danger .vs-select__chips:hover:after {
	opacity: 0
}

.vs-select--state-danger .vs-select__chips:after {
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	border: 2px solid rgba(var(--vs-danger), .5);
	border-radius: inherit;
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

.vs-select--state-danger .vs-select__label {
	color: rgba(var(--vs-danger), 1)
}

.vs-select--state-danger .vs-select__icon {
	color: rgba(var(--vs-danger), 1);
	background: rgba(var(--vs-danger), .1);
	-webkit-box-shadow: -15px 10px 10px -10px rgba(var(--vs-danger), .1);
	box-shadow: -15px 10px 10px -10px rgba(var(--vs-danger), .1)
}

.vs-select--state-danger .vs-icon-arrow:after,
.vs-select--state-danger .vs-icon-arrow:before {
	background: rgba(var(--vs-danger), 1)
}

.vs-select--state-warn .vs-select__input {
	background: rgba(var(--vs-warn), .05);
	color: rgba(var(--vs-warn), 1)
}

.vs-select--state-warn .vs-select__input:hover {
	color: rgba(var(--vs-text), 1)
}

.vs-select--state-warn .vs-select__chips {
	background: rgba(var(--vs-warn), .05);
	color: rgba(var(--vs-warn), 1)
}

.vs-select--state-warn .vs-select__chips:hover:after {
	opacity: 0
}

.vs-select--state-warn .vs-select__chips:after {
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	border: 2px solid rgba(var(--vs-warn), .5);
	border-radius: inherit;
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

.vs-select--state-warn .vs-select__label {
	color: rgba(var(--vs-warn), 1)
}

.vs-select--state-warn .vs-select__icon {
	color: rgba(var(--vs-warn), 1);
	background: rgba(var(--vs-warn), .1);
	-webkit-box-shadow: -15px 10px 10px -10px rgba(var(--vs-warn), .1);
	box-shadow: -15px 10px 10px -10px rgba(var(--vs-warn), .1)
}

.vs-select--state-warn .vs-icon-arrow:after,
.vs-select--state-warn .vs-icon-arrow:before {
	background: rgba(var(--vs-warn), 1)
}

.vs-select--state-dark .vs-select__input {
	background: rgba(var(--vs-dark), .05);
	color: rgba(var(--vs-dark), 1)
}

.vs-select--state-dark .vs-select__input:hover {
	color: rgba(var(--vs-text), 1)
}

.vs-select--state-dark .vs-select__chips {
	background: rgba(var(--vs-dark), .05);
	color: rgba(var(--vs-dark), 1)
}

.vs-select--state-dark .vs-select__chips:hover:after {
	opacity: 0
}

.vs-select--state-dark .vs-select__chips:after {
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	border: 2px solid rgba(var(--vs-dark), .5);
	border-radius: inherit;
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

.vs-select--state-dark .vs-select__label {
	color: rgba(var(--vs-dark), 1)
}

.vs-select--state-dark .vs-select__icon {
	color: rgba(var(--vs-dark), 1);
	background: rgba(var(--vs-dark), .1);
	-webkit-box-shadow: -15px 10px 10px -10px rgba(var(--vs-dark), .1);
	box-shadow: -15px 10px 10px -10px rgba(var(--vs-dark), .1)
}

.vs-select--state-dark .vs-icon-arrow:after,
.vs-select--state-dark .vs-icon-arrow:before {
	background: rgba(var(--vs-dark), 1)
}

.vs-select--state-primary .vs-select__input {
	background: rgba(var(--vs-primary), .05);
	color: rgba(var(--vs-primary), 1)
}

.vs-select--state-primary .vs-select__input:hover {
	color: rgba(var(--vs-text), 1)
}

.vs-select--state-primary .vs-select__chips {
	background: rgba(var(--vs-primary), .05);
	color: rgba(var(--vs-primary), 1)
}

.vs-select--state-primary .vs-select__chips:hover:after {
	opacity: 0
}

.vs-select--state-primary .vs-select__chips:after {
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	border: 2px solid rgba(var(--vs-primary), .5);
	border-radius: inherit;
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

.vs-select--state-primary .vs-select__label {
	color: rgba(var(--vs-primary), 1)
}

.vs-select--state-primary .vs-select__icon {
	color: rgba(var(--vs-primary), 1);
	background: rgba(var(--vs-primary), .1);
	-webkit-box-shadow: -15px 10px 10px -10px rgba(var(--vs-primary), .1);
	box-shadow: -15px 10px 10px -10px rgba(var(--vs-primary), .1)
}

.vs-select--state-primary .vs-icon-arrow:after,
.vs-select--state-primary .vs-icon-arrow:before {
	background: rgba(var(--vs-primary), 1)
}

.vs-select.loading {
	pointer-events: none
}

.vs-select.loading :not(.vs-select__loading):not(.vs-select__label) {
	opacity: .6
}

.vs-select.loading .vs-select__label {
	pointer-events: none !important
}

.vs-select.top.activeOptions .vs-select__chips,
.vs-select.top.activeOptions .vs-select__input {
	border-radius: 0 0 12px 12px !important;
	-webkit-box-shadow: 0 -5px 25px -4px rgba(0, 0, 0, var(--vs-shadow-opacity)) !important;
	box-shadow: 0 -5px 25px -4px rgba(0, 0, 0, var(--vs-shadow-opacity)) !important
}

.vs-select--disabled {
	opacity: .6;
	pointer-events: none
}

.vs-select--disabled label {
	pointer-events: none
}

.vs-select .vs-icon-arrow {
	z-index: 600;
	position: absolute;
	right: 15px;
	margin-top: -2px;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	pointer-events: auto;
	cursor: pointer
}

.vs-select.activeOptions .vs-icon-arrow {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-top: -2px !important
}

.vs-select.activeOptions .vs-select__input {
	color: rgba(var(--vs-text), 1)
}

.vs-select.activeOptions .vs-select__chips,
.vs-select.activeOptions .vs-select__input {
	border-radius: 12px 12px 0 0;
	background: rgba(var(--vs-background), 1);
	-webkit-box-shadow: 0 5px 25px -4px rgba(0, 0, 0, var(--vs-shadow-opacity));
	box-shadow: 0 5px 25px -4px rgba(0, 0, 0, var(--vs-shadow-opacity));
	-webkit-transform: translateY(-4px);
	transform: translateY(-4px);
	-webkit-transition: all .25s ease, height 0s;
	transition: all .25s ease, height 0s
}

.vs-select.activeOptions .vs-select__chips:after {
	opacity: 0
}

.vs-select.activeOptions .vs-select__label--placeholder {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	-webkit-transform: translate(-3%, -28px) !important;
	transform: translate(-3%, -28px) !important;
	font-size: .75rem;
	margin-top: 0 !important
}

.vs-select.activeOptions .vs-select__label {
	margin-top: -4px
}

.vs-select__input {
	opacity: 1;
	background: transparent;
	border-radius: 12px;
	cursor: pointer;
	-webkit-transition: all .25s ease, height 0s;
	transition: all .25s ease, height 0s;
	background: rgba(var(--vs-gray-2), 1);
	color: rgba(var(--vs-text), 1);
	min-height: 38px;
	padding: 7px 30px 7px 13px;
	width: 100%
}

.vs-select__input.multiple {
	color: transparent;
	background: transparent;
	pointer-events: none
}

.vs-select__input.simple {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.vs-select__input:focus {
	border-radius: 12px 12px 0 0;
	background: rgba(var(--vs-background), 1);
	-webkit-box-shadow: 0 5px 25px -4px rgba(0, 0, 0, var(--vs-shadow-opacity));
	box-shadow: 0 5px 25px -4px rgba(0, 0, 0, var(--vs-shadow-opacity));
	-webkit-transform: translateY(-4px);
	transform: translateY(-4px);
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

.vs-select__input:focus~.vs-select__label--placeholder {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	-webkit-transform: translate(-3%, -28px) !important;
	transform: translate(-3%, -28px) !important;
	font-size: .75rem;
	margin-top: 0 !important
}

.vs-select__input:hover {
	background: rgba(var(--vs-background), 1);
	-webkit-box-shadow: 0 5px 25px -4px rgba(0, 0, 0, var(--vs-shadow-opacity));
	box-shadow: 0 5px 25px -4px rgba(0, 0, 0, var(--vs-shadow-opacity));
	-webkit-transform: translateY(-4px);
	transform: translateY(-4px)
}

.vs-select__input:hover~.vs-select__label {
	margin-top: -4px
}

.vs-select__input:hover~.vs-icon-arrow {
	margin-top: -6px
}

.vs-select__chips {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	background: rgba(var(--vs-gray-2), 1);
	z-index: 300;
	border-radius: 12px;
	display: -webkit-box;
	display: -ms-flexbox;
	border: 0;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	min-height: 38px;
	-webkit-transition: all .25s ease, height 0s;
	transition: all .25s ease, height 0s;
	padding: 5px 26px 5px 5px
}

.vs-select__chips:focus {
	border-radius: 12px 12px 0 0
}

.vs-select__chips:focus,
.vs-select__chips:hover {
	background: rgba(var(--vs-background), 1);
	-webkit-box-shadow: 0 5px 25px -4px rgba(0, 0, 0, var(--vs-shadow-opacity));
	box-shadow: 0 5px 25px -4px rgba(0, 0, 0, var(--vs-shadow-opacity));
	-webkit-transform: translateY(-4px);
	transform: translateY(-4px);
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

.vs-select__chips:hover~.vs-icon-arrow {
	margin-top: -6px;
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

.vs-select__chips__input {
	width: auto;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	max-width: 100%;
	position: relative;
	min-width: 0;
	background: transparent;
	margin: 2px 3px;
	min-width: 30px
}

.vs-select__chips__input::-webkit-input-placeholder {
	color: rgba(var(--vs-text), .4)
}

.vs-select__chips__input::-moz-placeholder {
	color: rgba(var(--vs-text), .4)
}

.vs-select__chips__input:-ms-input-placeholder {
	color: rgba(var(--vs-text), .4)
}

.vs-select__chips__input::-ms-input-placeholder {
	color: rgba(var(--vs-text), .4)
}

.vs-select__chips__input::placeholder {
	color: rgba(var(--vs-text), .4)
}

.vs-select__chips__chip {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	position: relative;
	background: rgba(var(--vs-background), 1);
	border-radius: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 2px 3px;
	padding: 0 10px 0 6px;
	font-size: .84rem;
	border: 2px solid rgba(var(--vs-gray-2), 1);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: rgba(var(--vs-text), 1)
}

.vs-select__chips__chip.isCollapse {
	padding-right: 6px !important
}

.vs-select__chips__chip__close {
	position: absolute;
	top: -4px;
	right: -4px;
	width: 15px;
	height: 15px;
	background: rgba(var(--vs-gray-4), 1);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 50%;
	font-size: .75rem;
	cursor: pointer;
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

.vs-select__chips__chip__close:hover {
	background: rgba(var(--vs-danger), 1)
}

.vs-select__chips__chip__close:hover .vs-icon-close {
	--vs-color: var(--vs-background)
}

.vs-select__chips__chip__close:hover .vs-icon-close:after,
.vs-select__chips__chip__close:hover .vs-icon-close:before {
	width: 12px;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.vs-select__chips__chip__close .vs-icon-close {
	--vs-color: var(--vs-text);
	-webkit-transform: scale(.5);
	transform: scale(.5)
}

.vs-select__options {
	--vs-color: var(--vs-primary);
	position: absolute;
	z-index: 9999;
	background: rgba(var(--vs-background), 1);
	padding: 5px;
	border-radius: 0 0 12px 12px;
	overflow: hidden;
	-webkit-box-shadow: 0 10px 20px -5px rgba(0, 0, 0, var(--vs-shadow-opacity));
	box-shadow: 0 10px 20px -5px rgba(0, 0, 0, var(--vs-shadow-opacity))
}

.vs-select__options.top {
	border-radius: 12px 12px 0 0;
	-webkit-box-shadow: 0 -10px 20px -5px rgba(0, 0, 0, var(--vs-shadow-opacity));
	box-shadow: 0 -10px 20px -5px rgba(0, 0, 0, var(--vs-shadow-opacity))
}

.vs-select__options.top:after {
	top: auto;
	bottom: -10px
}

.vs-select__options:after {
	content: "";
	position: absolute;
	top: -10px;
	width: 80%;
	margin-left: 10%;
	left: 0;
	height: 10px;
	background: rgba(var(--vs-background), 1);
	-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, var(--vs-shadow-opacity));
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, var(--vs-shadow-opacity));
	z-index: 200;
	-webkit-transition: all .25s ease .05s;
	transition: all .25s ease .05s;
	opacity: 1
}

.vs-select__options__content {
	max-height: 200px;
	overflow: auto;
	height: auto;
	z-index: 100;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	position: relative;
	scroll-behavior: smooth
}

.vs-select__options__content__not-data {
	font-size: .8rem;
	text-align: center;
	padding: 6px 10px
}

.vs-select__options__content::-webkit-scrollbar {
	width: 5px;
	height: 5px;
	display: block;
	background: transparent
}

.vs-select__options__content::-webkit-scrollbar-thumb {
	background: rgba(var(--vs-gray-3), 1);
	border-radius: 5px
}

.vs-select__label {
	position: absolute;
	left: 14px;
	font-size: .8rem;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	cursor: text;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	opacity: .4;
	z-index: 500;
	top: 10px
}

.vs-select__label--hidden {
	opacity: 0;
	visibility: hidden
}

.vs-select__label--hidden.vs-select__label--placeholder,
.vs-select__label--label {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	-webkit-transform: translate(-3%, -28px) !important;
	transform: translate(-3%, -28px) !important;
	font-size: .75rem;
	margin-top: 0 !important
}

.vs-select__loading {
	position: absolute;
	width: 22px;
	height: 22px;
	right: 7px;
	pointer-events: none;
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: inherit;
	cursor: default;
	z-index: 600
}

.vs-select__loading:after {
	border: 2px solid rgba(var(--vs-primary), 1);
	border-radius: inherit;
	border-top: 2px solid transparent;
	border-left: 2px solid transparent;
	border-right: 2px solid transparent;
	-webkit-animation: rotateInputLoading .8s ease infinite;
	animation: rotateInputLoading .8s ease infinite
}

.vs-select__loading:after,
.vs-select__loading:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	content: ""
}

.vs-select__loading:before {
	border: 2px dashed rgba(var(--vs-primary), 1);
	border-radius: inherit;
	border-top: 2px solid transparent;
	border-left: 2px solid transparent;
	border-right: 2px solid transparent;
	-webkit-animation: rotateInputLoading .8s linear infinite;
	animation: rotateInputLoading .8s linear infinite;
	opacity: .2
}

.vs-select__loading~.vs-icon-arrow {
	opacity: 0 !important
}

.vs-select__message {
	font-size: .7rem;
	position: relative;
	padding: 0 7px;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	overflow: hidden
}

.vs-select__message--success {
	color: rgba(var(--vs-success), 1)
}

.vs-select__message--danger {
	color: rgba(var(--vs-danger), 1)
}

.vs-select__message--warn {
	color: rgba(var(--vs-warn), 1)
}

.vs-select__message--dark {
	color: rgba(var(--vs-dark), 1)
}

.vs-select__message--primary {
	color: rgba(var(--vs-primary), 1)
}

.vs-darken .vs-select__options.isColorDark {
	--vs-color: 0, 0, 0 !important
}

.vs-darken .vs-select__options.isColorDark .vs-select__option:hover {
	background: rgba(var(--vs-color), .2);
	color: rgba(var(--vs-text), 1)
}

.vs-darken .vs-select__options.isColorDark .activeOption {
	color: rgba(var(--vs-text), 1);
	background: rgba(var(--vs-color), .6)
}

.vs-select__option {
	border: 0;
	width: 100%;
	padding: 6px 10px;
	text-align: left;
	background: transparent;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	color: rgba(var(--vs-text), 1);
	border-radius: 5px;
	-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, var(--vs-shadow-opacity));
	box-shadow: 0 0 0 0 rgba(0, 0, 0, var(--vs-shadow-opacity));
	margin: 2px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: cneter;
	-ms-flex-align: cneter;
	align-items: cneter;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	overflow: hidden;
	opacity: 1;
	visibility: visible;
	max-height: 40px
}

.vs-select__option.hiddenOption {
	opacity: 0;
	visibility: hidden;
	max-height: 0;
	padding-top: 0;
	padding-bottom: 0;
	border: 0;
	margin: 0
}

.vs-select__option.isMultiple {
	padding: 0 0 0 5px
}

.vs-select__option.isMultiple .vs-select__option-group {
	padding-left: 0
}

.vs-select__option.isMultiple.isHover {
	background: rgba(var(--vs-gray-2), 1) !important
}

.vs-select__option.isMultiple:disabled .vs-checkbox-content {
	pointer-events: none
}

.vs-select__option.isMultiple:hover {
	padding-left: 5px !important
}

.vs-select__option.isMultiple .vs-checkbox-content {
	width: 100%;
	pointer-events: none
}

.vs-select__option.isMultiple .vs-checkbox-content .vs-checkbox-con {
	-webkit-transform: scale(.85);
	transform: scale(.85)
}

.vs-select__option.isMultiple .vs-checkbox-content .vs-checkbox-label {
	width: calc(100% - 23px);
	text-align: left;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.vs-select__option.isMultiple.activeOption {
	pointer-events: auto !important
}

.vs-select__option.isHover {
	background: rgba(var(--vs-gray-2), 1)
}

.vs-select__option.activeOption {
	background: rgba(var(--vs-color), .05);
	color: rgba(var(--vs-color), 1);
	pointer-events: none
}

.vs-select__option:hover:not(:disabled) {
	color: rgba(var(--vs-color), 1);
	padding-left: 14px
}

.vs-select__option-group {
	padding-left: 10px;
	border-bottom: 2px solid rgba(var(--vs-gray-1), 1);
	position: relative;
	overflow: hidden;
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

.vs-select__option-group:last-child {
	border: 0
}

.vs-select__option-group.hiddenOptionGroup {
	border-bottom: 0 solid rgba(var(--vs-gray-1), 1)
}

.vs-select__option-group.hiddenOptionGroup h5 {
	padding: 0;
	max-height: 0
}

.vs-select__option-group h5 {
	max-height: 28px;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	opacity: .5;
	margin: 0;
	padding: 7px 0;
	font-size: .7rem;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow: hidden
}

.vs-select__option-group h5 * {
	pointer-events: none
}

.vs-avatar-content {
	--vs-color: var(--vs-gray-2);
	--vs-badge: var(--vs-primary);
	border-radius: 35%;
	z-index: 1;
	width: 44px;
	height: 44px;
	position: relative;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.vs-avatar-content.vs-change-color-badge .vs-avatar__badge .vs-avatar__points__point {
	background: rgba(var(--vs-background), 1)
}

.vs-avatar-content.vs-change-color:hover .vs-avatar {
	-webkit-box-shadow: inset 0 0 40px 0 rgba(0, 0, 0, .1);
	box-shadow: inset 0 0 40px 0 rgba(0, 0, 0, .1)
}

.vs-avatar-content:hover .vs-avatar {
	-webkit-box-shadow: inset 0 0 40px 0 rgba(0, 0, 0, .04);
	box-shadow: inset 0 0 40px 0 rgba(0, 0, 0, .04)
}

.vs-avatar-content:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.vs-avatar-content--hasIcons {
	margin-right: 20px
}

.vs-avatar-content--hidden {
	display: none
}

.vs-avatar-content--circle {
	border-radius: 50% !important
}

.vs-avatar-content--circle .vs-avatar__badge {
	right: -2px;
	bottom: -2px
}

.vs-avatar-content--circle .vs-avatar__badge.top-right {
	top: -2px;
	bottom: auto
}

.vs-avatar-content--circle .vs-avatar__badge.top-left {
	top: -2px;
	left: -2px;
	bottom: auto;
	right: auto
}

.vs-avatar-content--circle .vs-avatar__badge.bottom-left {
	left: -2px;
	right: auto
}

.vs-avatar-content--square {
	border-radius: 0 !important
}

.vs-avatar-content.history--gradient:after {
	background-image: linear-gradient(40deg, #f99b4a, #df376b 74%, #c52d91 0) !important
}

.vs-avatar-content.history .vs-avatar {
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	border: 2px solid rgba(var(--vs-background), 1);
	margin: 2px
}

.vs-avatar-content.history:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	background-color: #ffe53b;
	z-index: -1;
	background: rgba(var(--vs-color), 1)
}

.vs-avatar-content.vs-change-color .vs-avatar {
	color: rgba(var(--vs-background), 1)
}

.vs-avatar-content.vs-change-color .vs-avatar__points .vs-avatar__points__point {
	background: rgba(var(--vs-background), 1)
}

.vs-avatar {
	background: rgba(var(--vs-color), 1);
	color: #fff;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: rgba(var(--vs-text), 1);
	border-radius: inherit;
	width: 100%;
	height: 100%;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	-webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, .05);
	box-shadow: inset 0 0 0 0 rgba(0, 0, 0, .05)
}

.vs-avatar i {
	font-size: 1.4rem
}

.vs-avatar img {
	width: 100%;
	height: auto;
	display: block;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	border-radius: inherit
}

.vs-avatar__loading {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .5);
	z-index: 100;
	height: 100%;
	border-radius: inherit
}

.vs-avatar__loading,
.vs-avatar__loading__animate {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.vs-avatar__loading__animate {
	height: 60%;
	width: 60%;
	border-radius: 50%;
	position: relative
}

.vs-avatar__loading__animate:after {
	border-radius: inherit;
	border: 2px solid transparent;
	border-bottom-color: #fff;
	-webkit-animation: rotateInputLoading .8s ease infinite;
	animation: rotateInputLoading .8s ease infinite
}

.vs-avatar__loading__animate:after,
.vs-avatar__loading__animate:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	content: ""
}

.vs-avatar__loading__animate:before {
	border-radius: inherit;
	border: 2px solid transparent;
	border-bottom: 2px dashed #fff;
	-webkit-animation: rotateInputLoading .8s linear infinite;
	animation: rotateInputLoading .8s linear infinite;
	opacity: .2
}

.vs-avatar--letter--3 {
	font-size: .9rem
}

.vs-avatar--letter--4 {
	font-size: .8rem
}

.vs-avatar--letter--5 {
	font-size: .7rem
}

.vs-avatar--letter--6 {
	font-size: .6rem
}

.vs-avatar__badge {
	position: absolute;
	width: 13px;
	height: 13px;
	background: rgba(var(--vs-badge), 1);
	border-radius: 50%;
	border: 2px solid rgba(var(--vs-background), 1);
	right: -4px;
	bottom: -4px;
	font-size: .6rem;
	font-weight: 700;
	z-index: 200;
	color: rgba(var(--vs-text), 1)
}

.vs-avatar__badge.isSlot,
.vs-avatar__badge.writing {
	width: auto;
	height: auto;
	border-radius: 7px;
	min-width: 18px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: rgba(var(--vs-background), 1);
	line-height: .9rem;
	padding: 0 3px;
	min-height: 18px
}

.vs-avatar__badge.top-right {
	top: -4px;
	bottom: auto
}

.vs-avatar__badge.top-left {
	top: -4px;
	left: -4px;
	bottom: auto;
	right: auto
}

.vs-avatar__badge.bottom-left {
	left: -4px;
	right: auto
}

.vs-avatar__points {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.vs-avatar__points__point {
	width: 5px;
	height: 5px;
	background: rgba(var(--vs-text), 1);
	margin: 0 2px;
	border-radius: 50%
}

.vs-avatar__points__point:first-child {
	-webkit-animation: point 1.2s ease infinite;
	animation: point 1.2s ease infinite
}

.vs-avatar__points__point:nth-child(2) {
	-webkit-animation: point 1.2s ease .4s infinite;
	animation: point 1.2s ease .4s infinite
}

.vs-avatar__points__point:nth-child(3) {
	-webkit-animation: point 1.2s ease .8s infinite;
	animation: point 1.2s ease .8s infinite
}

.vs-avatar__latest {
	background: rgba(0, 0, 0, .5);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 300;
	border-radius: inherit;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff;
	font-weight: 600;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.vs-avatar__icons,
.vs-avatar__latest {
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.vs-avatar__icons {
	width: auto;
	height: auto;
	min-height: 90%;
	background: rgba(var(--vs-gray-3), 1);
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: -20px;
	padding: 3px 3px 3px 5px;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	z-index: -1;
	border-radius: 5px 5px 5px 5px;
	font-size: 1rem
}

.vs-avatar__icons i {
	cursor: pointer;
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

.vs-avatar__icons i:hover {
	opacity: .7
}

@-webkit-keyframes point {
	0% {
		opacity: 1
	}

	50% {
		opacity: .4;
		-webkit-transform: scale(.5);
		transform: scale(.5)
	}

	to {
		opacity: 1
	}
}

@keyframes point {
	0% {
		opacity: 1
	}

	50% {
		opacity: .4;
		-webkit-transform: scale(.5);
		transform: scale(.5)
	}

	to {
		opacity: 1
	}
}

.vs-avatar__group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding-left: 18px
}

.vs-avatar__group.float {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding-left: 0
}

.vs-avatar__group.float .vs-avatar-content {
	position: relative;
	z-index: 2;
	border: 3px solid rgba(var(--vs-background), 1);
	margin: 0
}

.vs-avatar__group:not(.float) .vs-avatar-content {
	margin-left: -18px;
	position: relative;
	z-index: 2
}

.vs-avatar__group:not(.float) .vs-avatar-content:hover .vs-avatar {
	-webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, .1);
	box-shadow: inset 0 0 0 0 rgba(0, 0, 0, .1)
}

.vs-avatar__group:not(.float) .vs-avatar-content:hover img {
	-webkit-transform: scale(1);
	transform: scale(1)
}

.vs-avatar__group:not(.float) .vs-avatar-content .vs-avatar__latest {
	width: calc(100% - 6px);
	height: calc(100% - 6px);
	margin: 3px
}

.vs-avatar__group:not(.float) .vs-avatar-content:not(.vs-change-color) .vs-avatar {
	background: rgba(var(--vs-background), 1)
}

.vs-avatar__group:not(.float) .vs-avatar-content img {
	width: calc(100% - 6px)
}

.vs-avatar__group:not(.float) .vs-avatar-content:hover:not(.vs-avatar-content--hasIcons) {
	-webkit-transform: translate(-10px);
	transform: translate(-10px)
}

.vs-avatar__group:not(.float) .vs-avatar-content:hover:not(.vs-avatar-content--hasIcons) .vs-avatar {
	-webkit-transform: scale(1);
	transform: scale(1)
}

.vs-avatar__group:not(.float) .vs-avatar-content--hasIcons {
	margin-right: 0
}

.vs-avatar__group:not(.float) .vs-avatar-content--hasIcons:hover {
	-webkit-transform: translate(-34px) !important;
	transform: translate(-34px) !important
}

.vs-radio-content {
	--vs-color: var(--vs-primary);
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.vs-radio-content.active .vs-radio__effect__icon {
	opacity: 0;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	-webkit-transform: scale(1.3);
	transform: scale(1.3)
}

.vs-radio-content.active .vs-radio__effect:after {
	border: 7px solid rgba(var(--vs-color), 1);
	-webkit-box-shadow: 0 3px 12px 0 rgba(var(--vs-color), .3);
	box-shadow: 0 3px 12px 0 rgba(var(--vs-color), .3)
}

.vs-radio-content:not(.active) .vs-radio input:hover~.vs-radio__effect .vs-radio__effect__icon {
	opacity: .7
}

.vs-radio-content:not(.active) .vs-radio input:hover~.vs-radio__effect:after {
	border: 2px solid rgba(var(--vs-text), .2)
}

.vs-radio-content.loading {
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.vs-radio-content.loading .vs-radio__effect:after {
	opacity: .1
}

.vs-radio-content.loading .vs-radio__effect__loading {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: inherit
}

.vs-radio-content.loading .vs-radio__effect__loading:after {
	border-radius: inherit;
	border-left: 2px solid rgba(var(--vs-text), .4);
	border-bottom: 2px solid rgba(var(--vs-text), .4);
	border-top: 2px solid rgba(var(--vs-text), .4);
	border: 2px solid rgba(var(--vs-text), 0);
	border-right-color: rgba(var(--vs-text), .4);
	-webkit-animation: loadingRadio .6s ease infinite;
	animation: loadingRadio .6s ease infinite
}

.vs-radio-content.loading .vs-radio__effect__loading:after,
.vs-radio-content.loading .vs-radio__effect__loading:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	display: block;
	-webkit-box-shadow: 0 0 0 0 rgba(var(--vs-color), .4);
	box-shadow: 0 0 0 0 rgba(var(--vs-color), .4)
}

.vs-radio-content.loading .vs-radio__effect__loading:before {
	border-radius: inherit;
	border-left: 2px dashed rgba(var(--vs-text), .4);
	border-bottom: 2px dashed rgba(var(--vs-text), .4);
	border-top: 2px dashed rgba(var(--vs-text), .4);
	border: 2px solid rgba(var(--vs-text), 0);
	border-right: 2px dashed rgba(var(--vs-text), .4);
	-webkit-animation: loadingRadio .6s linear infinite;
	animation: loadingRadio .6s linear infinite
}

.vs-radio-content label {
	cursor: pointer
}

.vs-radio-content.disabled {
	opacity: .5;
	pointer-events: none
}

.vs-radio-content.disabled .vs-radio__effect {
	background: rgba(var(--vs-gray-3), 1)
}

.vs-radio-content.disabled label {
	pointer-events: none
}

.vs-radio {
	width: 20px;
	height: 20px;
	margin: 0;
	padding: 0;
	border-radius: 50%;
	position: relative;
	z-index: 10
}

.vs-radio__label {
	margin: 0 6px
}

.vs-radio__effect {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	left: 0;
	top: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 10
}

.vs-radio__effect,
.vs-radio__effect__icon {
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

.vs-radio__effect__icon i {
	font-size: .75rem
}

.vs-radio__effect:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	border: 2px solid rgba(var(--vs-text), .4);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	display: block;
	-webkit-box-shadow: 0 0 0 0 rgba(var(--vs-color), .4);
	box-shadow: 0 0 0 0 rgba(var(--vs-color), .4)
}

.vs-radio input {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 100;
	opacity: 0;
	cursor: pointer
}

.vs-radio input:active~.vs-radio__effect:after {
	-webkit-transform: scale(.9);
	transform: scale(.9)
}

@-webkit-keyframes loadingRadio {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes loadingRadio {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

.vs-tooltip {
	--vs-color: var(--vs-text)
}

.vs-tooltip-enter-active,
.vs-tooltip-leave-active {
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

.vs-tooltip-enter,
.vs-tooltip-leave-to {
	opacity: 0
}

.vs-tooltip-enter.top,
.vs-tooltip-leave-to.top {
	-webkit-transform: translateY(5px);
	transform: translateY(5px)
}

.vs-tooltip-enter.bottom,
.vs-tooltip-leave-to.bottom {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px)
}

.vs-tooltip-enter.left,
.vs-tooltip-leave-to.left {
	-webkit-transform: translate(5px);
	transform: translate(5px)
}

.vs-tooltip-enter.right,
.vs-tooltip-leave-to.right {
	-webkit-transform: translate(-5px);
	transform: translate(-5px)
}

.darken .vs-tooltip {
	--vs-color: var(--vs-gray-3);
	color: #fff
}

.darken .vs-tooltip:not(.vs-change-color) {
	color: #fff !important
}

.vs-tooltip {
	background: rgba(var(--vs-color), 1);
	color: rgba(var(--vs-background), 1);
	position: absolute;
	z-index: 1000000;
	text-align: center;
	padding: 5px 10px;
	border-radius: 12px;
	font-size: .85rem;
	max-width: 350px;
	min-width: 30px;
	min-height: 30px
}

.vs-tooltip.loading {
	color: rgba(var(--vs-background), .2)
}

.vs-tooltip.loading * {
	opacity: .5;
	pointer-events: none
}

.vs-tooltip__loading {
	width: 22px;
	height: 22px;
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border-radius: 50%;
	opacity: 1 !important
}

.vs-tooltip__loading:after {
	border-radius: inherit;
	border-left: 2px solid rgba(var(--vs-background), 1);
	border-bottom: 2px solid rgba(var(--vs-background), 1);
	border-top: 2px solid rgba(var(--vs-background), 1);
	border: 2px solid rgba(var(--vs-background), 0);
	border-right-color: rgba(var(--vs-background), 1);
	-webkit-animation: loadingTooltip .6s ease infinite;
	animation: loadingTooltip .6s ease infinite
}

.vs-tooltip__loading:after,
.vs-tooltip__loading:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	display: block;
	-webkit-box-shadow: 0 0 0 0 rgba(var(--vs-color), 1);
	box-shadow: 0 0 0 0 rgba(var(--vs-color), 1)
}

.vs-tooltip__loading:before {
	border-radius: inherit;
	border-left: 2px dashed rgba(var(--vs-background), 1);
	border-bottom: 2px dashed rgba(var(--vs-background), 1);
	border-top: 2px dashed rgba(var(--vs-background), 1);
	border: 2px solid rgba(var(--vs-background), 0);
	border-right: 2px dashed rgba(var(--vs-background), 1);
	-webkit-animation: loadingTooltip .6s linear infinite;
	animation: loadingTooltip .6s linear infinite
}

.vs-tooltip.borderThick {
	background: rgba(var(--vs-background), 1);
	color: rgba(var(--vs-color), 1);
	-webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, var(--vs-shadow-opacity));
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, var(--vs-shadow-opacity))
}

.vs-tooltip.borderThick.top {
	border-bottom: 4px solid rgba(var(--vs-color), 1)
}

.vs-tooltip.borderThick.top:after {
	bottom: -7px
}

.vs-tooltip.borderThick.left {
	border-right: 4px solid rgba(var(--vs-color), 1)
}

.vs-tooltip.borderThick.left:after {
	right: -7px
}

.vs-tooltip.borderThick.right {
	border-left: 4px solid rgba(var(--vs-color), 1)
}

.vs-tooltip.borderThick.right:after {
	left: -7px
}

.vs-tooltip.borderThick.bottom {
	border-top: 4px solid rgba(var(--vs-color), 1)
}

.vs-tooltip.borderThick.bottom:after {
	top: -7px
}

.vs-tooltip.borderThick:before {
	width: 100%;
	height: 100%;
	z-index: -1;
	background: inherit;
	border-radius: inherit;
	top: 0;
	left: 0;
	content: "";
	position: absolute
}

.vs-tooltip.borderThick:after {
	background: rgba(var(--vs-color), 1) !important
}

.vs-tooltip.border {
	background: rgba(var(--vs-background), 1);
	color: rgba(var(--vs-color), 1);
	border: 2px solid rgba(var(--vs-color), 1)
}

.vs-tooltip.border:before {
	width: 100%;
	height: 100%;
	z-index: -1;
	background: inherit;
	border-radius: inherit;
	top: 0;
	left: 0;
	content: "";
	position: absolute
}

.vs-tooltip.border:after {
	border: 2px solid rgba(var(--vs-color), 1);
	width: 12px !important;
	height: 12px !important
}

.vs-tooltip.circle {
	border-radius: 20px
}

.vs-tooltip.square {
	border-radius: 0
}

.vs-tooltip.notArrow:after {
	display: none
}

.vs-tooltip.shadow {
	background: rgba(var(--vs-background), 1);
	color: rgba(var(--vs-color), 1);
	-webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, var(--vs-shadow-opacity));
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, var(--vs-shadow-opacity))
}

.vs-tooltip.shadow:before {
	width: 100%;
	height: 100%;
	z-index: -1;
	background: inherit;
	border-radius: inherit;
	top: 0;
	left: 0;
	content: "";
	position: absolute
}

.vs-tooltip.shadow:after {
	-webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, var(--vs-shadow-opacity));
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, var(--vs-shadow-opacity))
}

.vs-tooltip.isDark {
	--vs-color: var(--vs-gray-3);
	color: #fff
}

.vs-tooltip.top:after {
	bottom: -3px;
	border-radius: 0 0 2px 0
}

.vs-tooltip.bottom:after,
.vs-tooltip.top:after {
	content: "";
	position: absolute;
	background: inherit;
	width: 10px;
	height: 10px;
	left: 50%;
	-webkit-transform: translate(-50%) rotate(45deg);
	transform: translate(-50%) rotate(45deg);
	z-index: -2
}

.vs-tooltip.bottom:after {
	top: -3px;
	border-radius: 2px 0 0 0
}

.vs-tooltip.left:after {
	right: -3px;
	border-radius: 0 2px 0 0
}

.vs-tooltip.left:after,
.vs-tooltip.right:after {
	content: "";
	position: absolute;
	background: inherit;
	width: 10px;
	height: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
	z-index: -2
}

.vs-tooltip.right:after {
	left: -3px;
	border-radius: 0 0 0 2px
}

@-webkit-keyframes loadingTooltip {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes loadingTooltip {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

.vs-dialog-content {
	--vs-color: var(--vs-primary)
}

.vs-dialog-enter-active {
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

.vs-dialog-enter-active .vs-dialog:not(.vs-dialog--fullScreen) {
	-webkit-animation: rebound .4s;
	animation: rebound .4s
}

.vs-dialog-leave-active,
.vs-dialog-leave-active .vs-dialog {
	-webkit-transition: all .15s ease;
	transition: all .15s ease
}

.vs-dialog-enter,
.vs-dialog-leave-to {
	opacity: 0
}

.vs-dialog-enter .vs-dialog,
.vs-dialog-leave-to .vs-dialog {
	-webkit-transform: scale(.7);
	transform: scale(.7);
	-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, var(--vs-shadow-opacity));
	box-shadow: 0 0 0 0 rgba(0, 0, 0, var(--vs-shadow-opacity))
}

.vs-dialog-enter .vs-dialog--fullScreen,
.vs-dialog-leave-to .vs-dialog--fullScreen {
	-webkit-transform: translateY(8%) !important;
	transform: translateY(8%) !important
}

@-webkit-keyframes rebound {
	0% {
		-webkit-transform: scale(.8);
		transform: scale(.8)
	}

	40% {
		-webkit-transform: scale(1.08);
		transform: scale(1.08)
	}

	80% {
		-webkit-transform: scale(.98);
		transform: scale(.98)
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes rebound {
	0% {
		-webkit-transform: scale(.8);
		transform: scale(.8)
	}

	40% {
		-webkit-transform: scale(1.08);
		transform: scale(1.08)
	}

	80% {
		-webkit-transform: scale(.98);
		transform: scale(.98)
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

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

	40% {
		-webkit-transform: scale(1.05);
		transform: scale(1.05)
	}

	80% {
		-webkit-transform: scale(.96);
		transform: scale(.96)
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

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

	40% {
		-webkit-transform: scale(1.05);
		transform: scale(1.05)
	}

	80% {
		-webkit-transform: scale(.96);
		transform: scale(.96)
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.vs-dialog-content {
	background: rgba(0, 0, 0, var(--vs-background-opacity));
	position: fixed;
	left: 0;
	top: 0;
	z-index: var(--vs-zindex-2);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	max-height: 100vh;
	overflow-y: auto;
	overflow-x: hidden;
	padding-top: 80px;
	padding-bottom: 80px
}

.vs-dialog-content.fullScreen {
	padding: 0;
	overflow: hidden
}

.vs-dialog-content.blur {
	-webkit-backdrop-filter: saturate(180%) blur(15px);
	backdrop-filter: saturate(180%) blur(15px)
}

.vs-dialog {
	background: rgba(var(--vs-background), 1);
	color: rgba(var(--vs-text), 1);
	position: relative;
	min-width: 400px;
	border-radius: var(--vs-radius);
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	-webkit-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, var(--vs-shadow-opacity));
	box-shadow: 0 5px 30px 0 rgba(0, 0, 0, var(--vs-shadow-opacity));
	max-width: 800px;
	margin: auto
}

.vs-dialog--notCenter .vs-dialog__header {
	display: block
}

.vs-dialog__loading {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	border-radius: inherit;
	background: rgba(var(--vs-background), .8);
	z-index: 100;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.vs-dialog__loading:after {
	border-radius: inherit;
	border-left: 2px solid rgba(var(--vs-color), 1);
	border-bottom: 2px solid rgba(var(--vs-color), 1);
	border-top: 2px solid rgba(var(--vs-color), 1);
	border: 2px solid rgba(var(--vs-color), 0);
	border-right-color: rgba(var(--vs-color), 1);
	-webkit-animation: loadingDialog .6s ease infinite;
	animation: loadingDialog .6s ease infinite
}

.vs-dialog__loading:after,
.vs-dialog__loading:before {
	content: "";
	position: absolute;
	width: 30px;
	height: 30px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	display: block;
	-webkit-box-shadow: 0 0 0 0 rgba(var(--vs-color), 1);
	box-shadow: 0 0 0 0 rgba(var(--vs-color), 1)
}

.vs-dialog__loading:before {
	border-radius: inherit;
	border-left: 2px dashed rgba(var(--vs-color), 1);
	border-bottom: 2px dashed rgba(var(--vs-color), 1);
	border-top: 2px dashed rgba(var(--vs-color), 1);
	border: 2px solid rgba(var(--vs-color), 0);
	border-right: 2px dashed rgba(var(--vs-color), 1);
	-webkit-animation: loadingDialog .6s linear infinite;
	animation: loadingDialog .6s linear infinite
}

.vs-dialog--scroll .vs-dialog__content {
	max-height: calc(80vh - 200px);
	overflow: auto
}

.vs-dialog--autoWidth {
	width: auto !important;
	min-width: auto !important;
	max-width: auto !important
}

.vs-dialog--square,
.vs-dialog--square .vs-dialog__close {
	border-radius: 0
}

.vs-dialog--notPadding .vs-dialog__footer {
	padding: 0
}

.vs-dialog--notPadding .vs-dialog__content {
	padding: 0;
	margin-bottom: 0 !important
}

.vs-dialog--notPadding .vs-dialog__header {
	padding: 0
}

.vs-dialog--rebound {
	-webkit-animation: reboundClick .3s !important;
	animation: reboundClick .3s !important
}

.vs-dialog--fullScreen {
	width: calc(100% - 30px) !important;
	height: calc(100% - 30px) !important;
	max-width: none !important;
	max-height: none !important
}

.vs-dialog__footer {
	padding: 0 16px 10px
}

.vs-dialog__header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 10px 16px
}

.vs-dialog__content {
	padding: 10px 16px;
	width: 100%;
	position: relative;
	border-radius: inherit
}

.vs-dialog__content.notFooter {
	margin-bottom: 20px
}

.vs-dialog__close {
	--vs-color: var(--vs-text);
	position: absolute;
	top: -6px;
	right: -6px;
	padding: 0;
	margin: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: inherit;
	border-radius: 12px;
	-webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, var(--vs-shadow-opacity));
	box-shadow: 0 5px 20px 0 rgba(0, 0, 0, var(--vs-shadow-opacity));
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	z-index: 200
}

.vs-dialog__close i {
	width: 34px;
	height: 34px;
	opacity: .7
}

.vs-dialog__close i:after,
.vs-dialog__close i:before {
	width: 14px
}

.vs-dialog__close:hover {
	-webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, var(--vs-shadow-opacity));
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, var(--vs-shadow-opacity));
	-webkit-transform: translate(-2px, 2px);
	transform: translate(-2px, 2px)
}

.vs-dialog__close:hover i {
	opacity: 1
}

@-webkit-keyframes loadingDialog {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes loadingDialog {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@media (max-width:600px) {
	.vs-dialog {
		min-width: calc(100vw - 20px);
		max-width: calc(100vw - 20px);
		margin: auto 10px
	}
}

.vs-pagination-content {
	--vs-color: var(--vs-primary);
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-item-align: center;
	align-self: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.vs-pagination-content.notMargin .vs-pagination__dotted {
	background: rgba(var(--vs-gray-3), 1);
	margin: 0
}

.vs-pagination-content.notMargin .vs-pagination__arrow {
	margin: 0 !important;
	border-radius: 0
}

.vs-pagination-content.notMargin .vs-pagination__arrow:first-of-type {
	border-radius: 12px 0 0 12px
}

.vs-pagination-content.notMargin .vs-pagination__arrow:last-of-type {
	border-radius: 0 12px 12px 0
}

.vs-pagination-content.notMargin .vs-pagination__button {
	border-radius: 0;
	margin: 0 !important
}

.vs-pagination-content.disabled {
	opacity: .5;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.vs-pagination-content.square .vs-pagination__active,
.vs-pagination-content.square .vs-pagination__arrow,
.vs-pagination-content.square .vs-pagination__button {
	border-radius: 0
}

.vs-pagination-content.circle .vs-pagination__active,
.vs-pagination-content.circle .vs-pagination__arrow,
.vs-pagination-content.circle .vs-pagination__button {
	border-radius: 50%
}

.vs-pagination-content.buttonsDotted .vs-pagination__arrow {
	width: 15px;
	height: 12px;
	min-width: 15px;
	padding: 0;
	background: transparent
}

.vs-pagination-content.buttonsDotted .vs-pagination__arrow i {
	width: 6px;
	height: 6px
}

.vs-pagination-content.buttonsDotted .vs-pagination__arrow i:before {
	width: 1px
}

.vs-pagination-content.buttonsDotted .vs-pagination__arrow i:after {
	height: 1px
}

.vs-pagination-content.buttonsDotted .vs-pagination__dotted {
	width: 12px;
	height: 12px;
	font-size: .9rem;
	letter-spacing: 1px
}

.vs-pagination-content.buttonsDotted .vs-pagination__button {
	width: 12px;
	height: 12px
}

.vs-pagination-content.buttonsDotted .vs-pagination__button.active {
	-webkit-transform: scale(1);
	transform: scale(1)
}

.vs-pagination-content.buttonsDotted .vs-pagination__active {
	width: 12px;
	height: 12px;
	-webkit-box-shadow: 0 2px 10px 0 rgba(var(--vs-color), .4);
	box-shadow: 0 2px 10px 0 rgba(var(--vs-color), .4);
	-webkit-transform: scale(1);
	transform: scale(1)
}

.vs-pagination-content.buttonsDotted .vs-pagination__active.move {
	-webkit-transform: scale(1.2);
	transform: scale(1.2)
}

.vs-pagination {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-item-align: center;
	align-self: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative
}

.vs-pagination__progress {
	width: calc(100% - 16px);
	height: 3px;
	background: rgba(var(--vs-gray-3), 1);
	position: absolute;
	bottom: -8px;
	border-radius: 10px
}

.vs-pagination__progress .progress {
	width: 0;
	background: rgba(var(--vs-color), 1);
	height: 100%;
	position: relative;
	border-radius: inherit;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	max-width: 100%
}

.vs-pagination__slot {
	min-height: 36px;
	display: block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.vs-pagination__arrow,
.vs-pagination__slot {
	min-width: 36px;
	position: relative;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.vs-pagination__arrow {
	width: auto;
	height: 36px;
	border-radius: 12px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 2px;
	background: rgba(var(--vs-gray-3), 1);
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

.vs-pagination__arrow:disabled {
	opacity: .4;
	pointer-events: none
}

.vs-pagination__arrow:hover {
	background: rgba(var(--vs-gray-4), 1)
}

.vs-pagination__arrow i {
	width: 10px;
	height: 10px;
	position: relative;
	display: block;
	margin-left: 4px;
	-webkit-transform: rotate(-45deg) scale(.8);
	transform: rotate(-45deg) scale(.8)
}

.vs-pagination__arrow i:before {
	width: 2px
}

.vs-pagination__arrow i:after {
	height: 2px
}

.vs-pagination__arrow.next i {
	margin-left: -4px;
	-webkit-transform: rotate(135deg) scale(.8);
	transform: rotate(135deg) scale(.8)
}

.vs-pagination__active {
	position: absolute;
	left: 50%;
	top: 0;
	width: 36px;
	height: 36px;
	background: rgba(var(--vs-color), 1);
	border-radius: 12px;
	z-index: 100;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: .9rem;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	color: #fff;
	-webkit-box-shadow: 0 5px 20px 0 rgba(var(--vs-color), .3);
	box-shadow: 0 5px 20px 0 rgba(var(--vs-color), .3);
	cursor: default
}

.vs-pagination__active.move {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.vs-pagination__dotted {
	width: 36px;
	height: 36px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 1.4rem;
	letter-spacing: 2px;
	margin: 0 2px;
	cursor: pointer
}

.vs-pagination__dotted:hover span.dotted {
	opacity: 0;
	margin-left: -1px;
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

.vs-pagination__dotted:hover .con-arrows {
	opacity: 1;
	margin-left: -1px;
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

.vs-pagination__dotted.next:hover span.dotted {
	opacity: 0;
	margin-left: 1px;
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

.vs-pagination__dotted.next:hover .con-arrows {
	opacity: 1;
	margin-left: 1px;
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

.vs-pagination__dotted span.dotted {
	margin-right: -2px;
	text-align: center
}

.vs-pagination__dotted.next .con-arrows {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	margin-left: -5px
}

.vs-pagination__dotted .con-arrows {
	width: 10px;
	height: 10px;
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-left: 5px;
	opacity: 0;
	-webkit-transition: all .1s ease;
	transition: all .1s ease
}

.vs-pagination__dotted .con-arrows i {
	width: 10px;
	height: 10px;
	position: relative;
	display: block;
	-webkit-transform: rotate(-45deg) scale(.8);
	transform: rotate(-45deg) scale(.8)
}

.vs-pagination__dotted .con-arrows i:before {
	width: 2px
}

.vs-pagination__dotted .con-arrows i:after {
	height: 2px
}

.vs-pagination__dotted .con-arrows i:last-child {
	position: absolute;
	top: 0;
	margin-left: 6px
}

.vs-pagination__button {
	width: 36px;
	height: 36px;
	border-radius: 12px;
	padding: 0;
	background: rgba(var(--vs-gray-3), 1);
	margin: 0 2px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: .9rem;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	color: rgba(var(--vs-text), 1);
	position: relative
}

.vs-pagination__button.loading {
	border-radius: 50%;
	opacity: .5;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.vs-pagination__button.loading:after {
	border-radius: 50%;
	border-left: 2px solid rgba(var(--vs-color), 1);
	border-bottom: 2px solid rgba(var(--vs-color), 1);
	border-top: 2px solid rgba(var(--vs-color), 1);
	border: 2px solid rgba(var(--vs-background), 0);
	border-right-color: rgba(var(--vs-color), 1);
	-webkit-animation: loadingPagination .6s ease infinite;
	animation: loadingPagination .6s ease infinite
}

.vs-pagination__button.loading:after,
.vs-pagination__button.loading:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	display: block;
	-webkit-box-shadow: 0 0 0 0 rgba(var(--vs-color), 1);
	box-shadow: 0 0 0 0 rgba(var(--vs-color), 1)
}

.vs-pagination__button.loading:before {
	border-radius: 50%;
	border-left: 2px dashed rgba(var(--vs-color), 1);
	border-bottom: 2px dashed rgba(var(--vs-color), 1);
	border-top: 2px dashed rgba(var(--vs-color), 1);
	border: 2px solid rgba(var(--vs-background), 0);
	border-right: 2px dashed rgba(var(--vs-color), 1);
	-webkit-animation: loadingPagination .6s linear infinite;
	animation: loadingPagination .6s linear infinite
}

.vs-pagination__button.disabled {
	opacity: .4;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.vs-pagination__button:hover {
	background: rgba(var(--vs-gray-4), 1)
}

.vs-pagination__button:active {
	-webkit-transform: scale(.9);
	transform: scale(.9)
}

@-webkit-keyframes loadingPagination {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes loadingPagination {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

.loading-enter-active,
.loading-leave-active {
	-webkit-transition: opacity .5s;
	transition: opacity .5s
}

.loading-enter,
.loading-leave-to {
	opacity: 0
}

.vs-loading {
	--vs-color: var(--vs-primary);
	--vs-background: 255, 255, 255;
	--vs-opacity: .6;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100000;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: rgba(var(--vs-background), var(--vs-opacity));
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	padding: 20px;
	border-radius: inherit
}

.vs-loading--target {
	position: absolute
}

.vs-loading__load {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.vs-loading__load__text {
	font-size: .75em;
	margin: 7px;
	font-weight: 700;
	color: rgba(var(--vs-color), 1)
}

.vs-loading__load__percent {
	position: relative;
	font-size: .65rem;
	font-weight: 700;
	color: rgba(var(--vs-color), 1);
	margin-top: 1px;
	z-index: 200
}

.vs-loading__load__animation {
	width: 40px;
	height: 40px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.vs-loading__progress {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: 4px;
	background: rgba(var(--vs-color), .2)
}

.vs-loading__progress__bar {
	background: rgba(var(--vs-color), 1);
	height: 100%;
	position: relative;
	border-radius: 0 10px 10px 0
}

.vs-loading--default .vs-loading__load__animation {
	border-radius: 50%
}

.vs-loading--default .vs-loading__load__animation__1 {
	position: absolute;
	width: 100%;
	height: 100%;
	border: 3px solid rgba(var(--vs-color), 1);
	border-radius: inherit;
	border-top: 3px solid transparent;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	-webkit-animation: rotate .8s ease infinite;
	animation: rotate .8s ease infinite;
	top: 0
}

.vs-loading--default .vs-loading__load__animation__2 {
	top: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	border: 3px dashed rgba(var(--vs-color), 1);
	border-radius: inherit;
	border-top: 3px solid transparent;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	-webkit-animation: rotate .8s linear infinite;
	animation: rotate .8s linear infinite;
	opacity: .2
}

.vs-loading--default .vs-loading__load__animation__3 {
	display: none
}

@-webkit-keyframes rotate {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes rotate {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

.vs-loading--waves .vs-loading__load__animation {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.vs-loading--waves .vs-loading__load__animation__1 {
	-webkit-animation: waves .7s ease infinite;
	animation: waves .7s ease infinite
}

.vs-loading--waves .vs-loading__load__animation__1,
.vs-loading--waves .vs-loading__load__animation__2 {
	width: 0;
	background: transparent;
	height: 0;
	position: absolute;
	-webkit-box-shadow: 0 0 10px 0 rgba(var(--vs-color), .5);
	box-shadow: 0 0 10px 0 rgba(var(--vs-color), .5);
	border-radius: 50%
}

.vs-loading--waves .vs-loading__load__animation__2 {
	-webkit-animation: waves 1.4s linear infinite;
	animation: waves 1.4s linear infinite
}

.vs-loading--waves .vs-loading__load__animation__3 {
	width: 0;
	background: transparent;
	height: 0;
	position: absolute;
	-webkit-animation: waves 1.75s ease infinite;
	animation: waves 1.75s ease infinite;
	-webkit-box-shadow: 0 0 10px 0 rgba(var(--vs-color), .5);
	box-shadow: 0 0 10px 0 rgba(var(--vs-color), .5);
	border-radius: 50%
}

@-webkit-keyframes waves {
	0% {
		width: 0;
		height: 0
	}

	to {
		height: 50px;
		width: 50px;
		opacity: 0
	}
}

@keyframes waves {
	0% {
		width: 0;
		height: 0
	}

	to {
		height: 50px;
		width: 50px;
		opacity: 0
	}
}

.vs-loading--corners .vs-loading__load__animation {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.vs-loading--corners .vs-loading__load__animation__1 {
	width: 100%;
	background: transparent;
	height: 100%;
	position: absolute;
	-webkit-animation: corners 1s ease infinite;
	animation: corners 1s ease infinite;
	border-radius: 50%;
	border: 2px solid rgba(var(--vs-color), 1)
}

.vs-loading--corners .vs-loading__load__animation__2,
.vs-loading--corners .vs-loading__load__animation__3 {
	display: none
}

@-webkit-keyframes corners {
	0% {
		border-radius: 50%;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	25% {
		border-radius: 50% 50% 50% 15%
	}

	50% {
		border-radius: 50% 50% 15% 30%
	}

	75% {
		border-radius: 50% 15% 30% 30%
	}

	to {
		border-radius: 50%;
		-webkit-transform: rotate(-180deg);
		transform: rotate(-180deg)
	}
}

@keyframes corners {
	0% {
		border-radius: 50%;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	25% {
		border-radius: 50% 50% 50% 15%
	}

	50% {
		border-radius: 50% 50% 15% 30%
	}

	75% {
		border-radius: 50% 15% 30% 30%
	}

	to {
		border-radius: 50%;
		-webkit-transform: rotate(-180deg);
		transform: rotate(-180deg)
	}
}

.vs-loading--border .vs-loading__load__animation {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 50%
}

.vs-loading--border .vs-loading__load__animation__1 {
	position: absolute;
	width: 100%;
	height: 100%;
	border: 1px solid rgba(var(--vs-color), 1);
	border-radius: inherit;
	border-top: 1px solid transparent;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	-webkit-animation: rotate 1s linear infinite;
	animation: rotate 1s linear infinite;
	top: 0
}

.vs-loading--border .vs-loading__load__animation__2 {
	top: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	border: 1px dashed rgba(var(--vs-color), 1);
	border-radius: inherit;
	border-top: 1px solid transparent;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	-webkit-animation: rotate 1s linear .2s infinite;
	animation: rotate 1s linear .2s infinite
}

.vs-loading--border .vs-loading__load__animation__3 {
	top: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	border: 1px dashed rgba(var(--vs-color), 1);
	border-radius: inherit;
	-webkit-animation: rotate 1s linear .4s infinite;
	animation: rotate 1s linear .4s infinite;
	opacity: .2
}

.vs-loading--points .vs-loading__load__percent {
	position: absolute;
	top: -10px
}

.vs-loading--points .vs-loading__load__animation {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: auto
}

.vs-loading--points .vs-loading__load__animation__1 {
	width: 8px;
	height: 8px;
	background: rgba(var(--vs-color), 1);
	border-radius: 50%;
	margin: 3px;
	-webkit-animation: points .75s ease infinite;
	animation: points .75s ease infinite
}

.vs-loading--points .vs-loading__load__animation__2 {
	width: 8px;
	height: 8px;
	background: rgba(var(--vs-color), 1);
	border-radius: 50%;
	margin: 3px;
	-webkit-animation: points .75s ease .25s infinite;
	animation: points .75s ease .25s infinite
}

.vs-loading--points .vs-loading__load__animation__3 {
	width: 8px;
	height: 8px;
	background: rgba(var(--vs-color), 1);
	border-radius: 50%;
	margin: 3px;
	-webkit-animation: points .75s ease .5s infinite;
	animation: points .75s ease .5s infinite
}

@-webkit-keyframes points {
	0% {
		-webkit-transform: translate(0);
		transform: translate(0)
	}

	50% {
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px)
	}

	to {
		-webkit-transform: translate(0);
		transform: translate(0)
	}
}

@keyframes points {
	0% {
		-webkit-transform: translate(0);
		transform: translate(0)
	}

	50% {
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px)
	}

	to {
		-webkit-transform: translate(0);
		transform: translate(0)
	}
}

.vs-loading--square .vs-loading__load__animation {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.vs-loading--square .vs-loading__load__animation__1 {
	-webkit-animation: rotateSquare 4s ease infinite;
	animation: rotateSquare 4s ease infinite
}

.vs-loading--square .vs-loading__load__animation__1,
.vs-loading--square .vs-loading__load__animation__2 {
	position: absolute;
	width: 100%;
	height: 100%;
	border: 2px solid rgba(var(--vs-color), 1);
	border-radius: inherit;
	top: 0
}

.vs-loading--square .vs-loading__load__animation__2 {
	animation: rotateSquare 4s ease infinite reverse;
	background: rgba(var(--vs-background), 1)
}

.vs-loading--square .vs-loading__load__animation__3 {
	display: none
}

@-webkit-keyframes rotateSquare {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	50% {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}

	to {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
}

@keyframes rotateSquare {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	50% {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}

	to {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
}

.vs-loading--gradient .vs-loading__load__animation {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 60px;
	height: 60px
}

.vs-loading--gradient .vs-loading__load__animation__1 {
	position: absolute;
	width: 100%;
	height: 100%;
	border: 0;
	border-radius: inherit;
	-webkit-animation: rotate 1s linear infinite;
	animation: rotate 1s linear infinite;
	top: 0;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(33%, rgba(var(--vs-background), 0)), to(rgba(var(--vs-color), 1)));
	background: linear-gradient(0deg, rgba(var(--vs-background), 0) 33%, rgba(var(--vs-color), 1));
	border-radius: 50%
}

.vs-loading--gradient .vs-loading__load__animation__2 {
	top: 2px;
	position: absolute;
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	border: 0;
	border-radius: inherit;
	background: rgba(var(--vs-background), 1);
	border-radius: 50%
}

.vs-loading--gradient .vs-loading__load__animation__3 {
	display: none
}

.vs-loading--rectangle .vs-loading__load__percent {
	position: absolute;
	bottom: -2px
}

.vs-loading--rectangle .vs-loading__load__animation {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.vs-loading--rectangle .vs-loading__load__animation__1 {
	position: absolute;
	width: 15px;
	height: 15px;
	border: 0;
	border-radius: inherit;
	-webkit-animation: rectangle 1s ease infinite;
	animation: rectangle 1s ease infinite;
	background: rgba(var(--vs-color), 1)
}

.vs-loading--rectangle .vs-loading__load__animation__2 {
	position: absolute;
	width: 15px;
	height: 15px;
	border: 0;
	border-radius: inherit;
	-webkit-animation: rectangle 1s ease-out infinite;
	animation: rectangle 1s ease-out infinite;
	background: rgba(var(--vs-color), .2)
}

.vs-loading--rectangle .vs-loading__load__animation__3 {
	display: none
}

@-webkit-keyframes rectangle {
	0% {
		-webkit-transform: translate(-50px);
		transform: translate(-50px)
	}

	50% {
		-webkit-transform: translate(50px);
		transform: translate(50px)
	}

	to {
		-webkit-transform: translate(-50px);
		transform: translate(-50px)
	}
}

@keyframes rectangle {
	0% {
		-webkit-transform: translate(-50px);
		transform: translate(-50px)
	}

	50% {
		-webkit-transform: translate(50px);
		transform: translate(50px)
	}

	to {
		-webkit-transform: translate(-50px);
		transform: translate(-50px)
	}
}

.vs-loading--circles .vs-loading__load__animation {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 60px;
	height: 60px
}

.vs-loading--circles .vs-loading__load__animation__1 {
	position: absolute;
	width: 40px;
	height: 40px;
	-webkit-animation: rotate 1s ease infinite;
	animation: rotate 1s ease infinite;
	border-radius: 50%;
	border: 2px solid rgba(var(--vs-color), 1);
	border-top: 3px solid transparent;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent
}

.vs-loading--circles .vs-loading__load__animation__2 {
	position: absolute;
	width: 50px;
	height: 50px;
	-webkit-animation: rotate 1s ease-in-out infinite;
	animation: rotate 1s ease-in-out infinite;
	border-radius: 50%;
	border: 2px dashed rgba(var(--vs-color), 1);
	border-top: 3px solid transparent;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent
}

.vs-loading--circles .vs-loading__load__animation__3 {
	position: absolute;
	width: 60px;
	height: 60px;
	animation: rotate 1s linear infinite reverse;
	border-radius: 50%;
	border: 2px solid rgba(var(--vs-color), 1);
	border-top: 3px solid transparent;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent
}

.vs-loading--square-rotate .vs-loading__load__percent {
	position: absolute;
	bottom: 30px
}

.vs-loading--square-rotate .vs-loading__load__animation {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 60px;
	height: 60px
}

.vs-loading--square-rotate .vs-loading__load__animation__1 {
	position: absolute;
	width: 25px;
	height: 25px;
	-webkit-animation: squareRotate 3s ease infinite;
	animation: squareRotate 3s ease infinite;
	background: rgba(var(--vs-color), 1)
}

.vs-loading--square-rotate .vs-loading__load__animation__2,
.vs-loading--square-rotate .vs-loading__load__animation__3 {
	display: none
}

@-webkit-keyframes squareRotate {
	0% {
		-webkit-transform: rotateX(0deg) rotateY(0deg);
		transform: rotateX(0deg) rotateY(0deg)
	}

	25% {
		-webkit-transform: rotateX(180deg) rotateY(0deg);
		transform: rotateX(180deg) rotateY(0deg)
	}

	50% {
		-webkit-transform: rotateX(180deg) rotateY(180deg);
		transform: rotateX(180deg) rotateY(180deg)
	}

	75% {
		-webkit-transform: rotateX(0deg) rotateY(180deg);
		transform: rotateX(0deg) rotateY(180deg)
	}

	to {
		-webkit-transform: rotateX(0deg) rotateY(0deg);
		transform: rotateX(0deg) rotateY(0deg)
	}
}

@keyframes squareRotate {
	0% {
		-webkit-transform: rotateX(0deg) rotateY(0deg);
		transform: rotateX(0deg) rotateY(0deg)
	}

	25% {
		-webkit-transform: rotateX(180deg) rotateY(0deg);
		transform: rotateX(180deg) rotateY(0deg)
	}

	50% {
		-webkit-transform: rotateX(180deg) rotateY(180deg);
		transform: rotateX(180deg) rotateY(180deg)
	}

	75% {
		-webkit-transform: rotateX(0deg) rotateY(180deg);
		transform: rotateX(0deg) rotateY(180deg)
	}

	to {
		-webkit-transform: rotateX(0deg) rotateY(0deg);
		transform: rotateX(0deg) rotateY(0deg)
	}
}

.vs-loading--scale .vs-loading__load__percent {
	position: absolute;
	bottom: 40px
}

.vs-loading--scale .vs-loading__load__animation {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: cneter;
	-ms-flex-align: cneter;
	align-items: cneter;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 40px;
	height: 40px
}

.vs-loading--scale .vs-loading__load__animation__1 {
	-webkit-animation: scale .8s ease infinite;
	animation: scale .8s ease infinite
}

.vs-loading--scale .vs-loading__load__animation__1,
.vs-loading--scale .vs-loading__load__animation__2 {
	position: relative;
	width: 5px;
	height: 5px;
	background: rgba(var(--vs-color), 1);
	margin: 3px;
	border-radius: 5px
}

.vs-loading--scale .vs-loading__load__animation__2 {
	-webkit-animation: scale .8s ease .2s infinite;
	animation: scale .8s ease .2s infinite
}

.vs-loading--scale .vs-loading__load__animation__3 {
	position: relative;
	width: 5px;
	height: 5px;
	background: rgba(var(--vs-color), 1);
	margin: 3px;
	-webkit-animation: scale .8s ease .4s infinite;
	animation: scale .8s ease .4s infinite;
	border-radius: 5px
}

@-webkit-keyframes scale {
	50% {
		height: 25px
	}

	0% {
		height: 5px
	}
}

@keyframes scale {
	50% {
		height: 25px
	}

	0% {
		height: 5px
	}
}

.notification-enter-active {
	-webkit-transition: all .3s ease .05s, margin .25s ease, -webkit-transform .3s ease, -webkit-clip-path 8s ease .8s;
	transition: all .3s ease .05s, margin .25s ease, -webkit-transform .3s ease, -webkit-clip-path 8s ease .8s;
	transition: all .3s ease .05s, transform .3s ease, margin .25s ease, clip-path 8s ease .8s;
	transition: all .3s ease .05s, transform .3s ease, margin .25s ease, clip-path 8s ease .8s, -webkit-transform .3s ease, -webkit-clip-path 8s ease .8s
}

.notification-leave-to {
	max-height: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	-webkit-box-shadow: 0 0 0 0 transparent;
	box-shadow: 0 0 0 0 transparent;
	opacity: 0 !important
}

.notification-enter,
.notification-leave-to {
	-webkit-clip-path: circle(0 at 80% 35%) !important;
	clip-path: circle(0 at 80% 35%) !important
}

.notification-enter {
	-webkit-transform: translate(25%);
	transform: translate(25%)
}

.notification-enter .vs-notification__content {
	opacity: 0;
	-webkit-transform: translate(10%);
	transform: translate(10%)
}

.vs-notification-parent {
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 200000;
	-webkit-transition: all 25s ease;
	transition: all 25s ease;
	padding: 10px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.vs-notification-parent--top-center,
.vs-notification-parent--top-right {
	bottom: auto;
	top: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse
}

.vs-notification-parent--top-center {
	left: 50%;
	right: auto;
	-webkit-transform: translate(-50%);
	transform: translate(-50%)
}

.vs-notification-parent--top-center .vs-notification--sticky {
	margin: 3px 20px;
	border-radius: 20px
}

.vs-notification-parent--top-center .vs-notification--sticky:last-child {
	border-radius: 0 0 20px 20px;
	margin-top: -10px
}

.vs-notification-parent--top-center .vs-notification {
	-webkit-clip-path: circle(120% at 50% 0);
	clip-path: circle(120% at 50% 0);
	-webkit-transition: all .25s ease, max-height .25s ease, -webkit-transform .3s ease, -webkit-clip-path .5s ease .1s;
	transition: all .25s ease, max-height .25s ease, -webkit-transform .3s ease, -webkit-clip-path .5s ease .1s;
	transition: all .25s ease, transform .3s ease, max-height .25s ease, clip-path .5s ease .1s;
	transition: all .25s ease, transform .3s ease, max-height .25s ease, clip-path .5s ease .1s, -webkit-transform .3s ease, -webkit-clip-path .5s ease .1s
}

.vs-notification-parent--top-center .vs-notification.vs-notification--border {
	border: 3px solid transparent;
	border-top: 3px solid rgba(var(--vs-border), 1)
}

.vs-notification-parent--top-center .notification-enter {
	-webkit-transform: translateY(-25%);
	transform: translateY(-25%);
	-webkit-clip-path: circle(0 at 50% 0) !important;
	clip-path: circle(0 at 50% 0) !important
}

.vs-notification-parent--top-center .notification-enter .vs-notification__content {
	opacity: 0;
	-webkit-transform: translateY(-10%);
	transform: translateY(-10%)
}

.vs-notification-parent--bottom-center {
	left: 50%;
	right: auto;
	-webkit-transform: translate(-50%);
	transform: translate(-50%)
}

.vs-notification-parent--bottom-center .vs-notification--sticky {
	margin: 3px 20px;
	border-radius: 20px
}

.vs-notification-parent--bottom-center .vs-notification--sticky:last-child {
	border-radius: 20px 20px 0 0;
	margin-bottom: -10px
}

.vs-notification-parent--bottom-center .vs-notification {
	-webkit-clip-path: circle(120% at 50% 100%);
	clip-path: circle(120% at 50% 100%);
	-webkit-transition: all .25s ease, max-height .25s ease, -webkit-transform .3s ease, -webkit-clip-path .5s ease .1s;
	transition: all .25s ease, max-height .25s ease, -webkit-transform .3s ease, -webkit-clip-path .5s ease .1s;
	transition: all .25s ease, transform .3s ease, max-height .25s ease, clip-path .5s ease .1s;
	transition: all .25s ease, transform .3s ease, max-height .25s ease, clip-path .5s ease .1s, -webkit-transform .3s ease, -webkit-clip-path .5s ease .1s
}

.vs-notification-parent--bottom-center .vs-notification.vs-notification--border {
	border: 3px solid transparent;
	border-bottom: 3px solid rgba(var(--vs-border), 1)
}

.vs-notification-parent--bottom-center .notification-enter {
	-webkit-transform: translateY(25%);
	transform: translateY(25%);
	-webkit-clip-path: circle(0 at 50% 100%) !important;
	clip-path: circle(0 at 50% 100%) !important
}

.vs-notification-parent--bottom-center .notification-enter .vs-notification__content {
	opacity: 0;
	-webkit-transform: translateY(10%);
	transform: translateY(10%)
}

.vs-notification-parent--top-left {
	bottom: auto;
	top: 0;
	left: 0;
	right: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.vs-notification-parent--top-left .vs-notification--sticky {
	margin-left: 0;
	border-radius: 0 20px 20px 0
}

.vs-notification-parent--top-left .vs-notification {
	-webkit-clip-path: circle(145% at 0 50%);
	clip-path: circle(145% at 0 50%)
}

.vs-notification-parent--top-left .vs-notification.vs-notification--border {
	border: 3px solid transparent;
	border-left: 3px solid rgba(var(--vs-border), 1)
}

.vs-notification-parent--top-left .notification-enter {
	-webkit-transform: translate(-25%);
	transform: translate(-25%);
	-webkit-clip-path: circle(0 at 20% 35%) !important;
	clip-path: circle(0 at 20% 35%) !important
}

.vs-notification-parent--top-left .notification-enter .vs-notification__content {
	opacity: 0;
	-webkit-transform: translate(-10%);
	transform: translate(-10%)
}

.vs-notification-parent--bottom-left {
	left: 0;
	right: auto
}

.vs-notification-parent--bottom-left .vs-notification--sticky {
	margin-left: 0;
	border-radius: 0 20px 20px 0
}

.vs-notification-parent--bottom-left .vs-notification {
	-webkit-clip-path: circle(145% at 0 50%);
	clip-path: circle(145% at 0 50%)
}

.vs-notification-parent--bottom-left .vs-notification.vs-notification--border {
	border: 3px solid transparent;
	border-left: 3px solid rgba(var(--vs-border), 1)
}

.vs-notification-parent--bottom-left .notification-enter {
	-webkit-transform: translate(-25%);
	transform: translate(-25%);
	-webkit-clip-path: circle(0 at 20% 35%) !important;
	clip-path: circle(0 at 20% 35%) !important
}

.vs-notification-parent--bottom-left .notification-enter .vs-notification__content {
	opacity: 0;
	-webkit-transform: translate(-10%);
	transform: translate(-10%)
}

.vs-notification {
	--vs-color: var(--vs-background);
	--vs-border: var(--vs-background);
	--vs-opacity: .6;
	position: relative;
	max-width: 340px;
	width: 100%;
	height: auto;
	border-radius: 20px;
	-webkit-box-shadow: 0 10px 30px -5px rgba(0, 0, 0, var(--vs-shadow-opacity));
	box-shadow: 0 10px 30px -5px rgba(0, 0, 0, var(--vs-shadow-opacity));
	overflow: hidden;
	-webkit-clip-path: circle(145% at 100% 50%);
	clip-path: circle(145% at 100% 50%);
	background: rgba(var(--vs-color), 1);
	color: rgba(var(--vs-text), 1);
	margin: 3px 10px;
	-webkit-transition: all .25s ease, max-height .25s ease, -webkit-transform .3s ease .1s, -webkit-clip-path .5s ease .1s;
	transition: all .25s ease, max-height .25s ease, -webkit-transform .3s ease .1s, -webkit-clip-path .5s ease .1s;
	transition: all .25s ease, transform .3s ease .1s, max-height .25s ease, clip-path .5s ease .1s;
	transition: all .25s ease, transform .3s ease .1s, max-height .25s ease, clip-path .5s ease .1s, -webkit-transform .3s ease .1s, -webkit-clip-path .5s ease .1s
}

.vs-notification:hover:not(.vs-notification--flat) {
	-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, var(--vs-shadow-opacity));
	box-shadow: 0 0 0 0 rgba(0, 0, 0, var(--vs-shadow-opacity));
	-webkit-transform: translateY(3px);
	transform: translateY(3px)
}

.vs-notification--notPadding {
	padding: 0 !important
}

.vs-notification.vs-notification--icon {
	padding-left: 50px !important
}

.vs-notification.vs-notification--loading {
	width: 100px !important;
	max-height: 100px !important;
	min-height: 100px !important;
	padding: 0 !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.vs-notification--width-auto {
	width: auto;
	max-width: none
}

.vs-notification--width-all {
	max-width: calc(100vw - 50px);
	width: calc(100vw - 50px)
}

.vs-notification--square {
	border-radius: 0 !important
}

.vs-notification--sticky {
	margin-right: 0;
	margin-bottom: 0;
	border-radius: 20px 0 0 20px
}

.vs-notification--flat {
	-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, var(--vs-shadow-opacity));
	box-shadow: 0 0 0 0 rgba(0, 0, 0, var(--vs-shadow-opacity));
	background: rgba(var(--vs-background), 1);
	color: rgba(var(--vs-color), 1) !important
}

.vs-notification--flat:hover:after {
	background: rgba(var(--vs-color), .15)
}

.vs-notification--flat .vs-notification__progress {
	background: rgba(var(--vs-color), 1)
}

.vs-notification--flat .vs-notification__close {
	--vs-color: inherit
}

.vs-notification--flat .vs-notification__content {
	color: rgba(var(--vs-color), 1) !important
}

.vs-notification--flat.vs-notification--border {
	border: 0 solid transparent !important;
	border-right: 3px solid rgba(var(--vs-border), 1) !important
}

.vs-notification--flat:after {
	content: "";
	background: rgba(var(--vs-color), .1);
	width: 100%;
	height: 100%;
	border-radius: inherit;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

.vs-notification.vs-notification--onClick {
	cursor: pointer
}

.vs-notification.vs-notification--color:not(.vs-notification--flat) {
	color: #fff
}

.vs-notification.vs-notification--color:not(.vs-notification--flat) .vs-notification__progress {
	background: #fff
}

.vs-notification.vs-notification--color:not(.vs-notification--flat) .vs-notification__close {
	--vs-color: 255, 255, 255
}

.vs-notification.vs-notification--color:not(.vs-notification--flat) .vs-notification__loading:after {
	border: 2px solid transparent;
	border-bottom-color: #fff
}

.vs-notification.vs-notification--color:not(.vs-notification--flat) .vs-notification__loading:before {
	border: 2px solid transparent;
	border-bottom: 2px dashed #fff
}

.vs-notification.vs-notification--border {
	border: 3px solid transparent;
	border-right: 3px solid rgba(var(--vs-border), 1)
}

.vs-notification__progress {
	width: 0;
	height: 3px;
	background: rgba(var(--vs-text), 1);
	position: absolute;
	bottom: 0;
	left: 0;
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

.vs-notification__loading {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	position: absolute
}

.vs-notification__loading:after {
	border: 2px solid rgba(var(--vs-text), 1);
	border-radius: inherit;
	border-top: 2px solid transparent;
	border-left: 2px solid transparent;
	border-right: 2px solid transparent;
	-webkit-animation: loadingNoti .8s ease infinite;
	animation: loadingNoti .8s ease infinite
}

.vs-notification__loading:after,
.vs-notification__loading:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	content: ""
}

.vs-notification__loading:before {
	border: 2px dashed rgba(var(--vs-text), 1);
	border-radius: inherit;
	border-top: 2px solid transparent;
	border-left: 2px solid transparent;
	border-right: 2px solid transparent;
	-webkit-animation: loadingNoti .8s linear infinite;
	animation: loadingNoti .8s linear infinite;
	opacity: .2
}

.vs-notification__close {
	--vs-color: var(--vs-text);
	position: absolute;
	border: 0;
	background: transparent;
	top: 2px;
	right: 2px;
	-webkit-transform: scale(.75);
	transform: scale(.75);
	padding: 0
}

.vs-notification__icon {
	position: absolute;
	top: calc(50% - 22px);
	background: transparent;
	width: 45px;
	height: 45px;
	left: 2px;
	border-radius: 0 35% 35% 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.vs-notification__icon i {
	font-size: 1.2rem
}

.vs-notification__content {
	position: relative;
	width: auto;
	height: auto;
	-webkit-transition: all .25s ease .2s;
	transition: all .25s ease .2s;
	opacity: 1
}

.vs-notification__content__text {
	width: 100%
}

.vs-notification__content__text p {
	margin: 0;
	padding: 0;
	font-size: .75rem;
	line-height: 1rem
}

.vs-notification__content__header {
	width: 100%;
	margin: 0;
	padding: 0 0 6px
}

.vs-notification__content__header h4 {
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: .9rem
}

.darken .vs-notification--dark {
	color: #fff !important
}

.darken .vs-notification--dark .vs-notification__close {
	--vs-color: 255, 255, 255 !important
}

.darken .vs-notification--dark h4,
.darken .vs-notification--dark p {
	color: #fff !important
}

@-webkit-keyframes loadingNoti {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes loadingNoti {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@-webkit-keyframes progressNoti {
	0% {
		width: 0
	}

	to {
		width: 100%
	}
}

@keyframes progressNoti {
	0% {
		width: 0
	}

	to {
		width: 100%
	}
}

@media (max-width:600px) {
	.vs-notification {
		margin: 3px 0 !important;
		border-radius: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 100% !important
	}

	.vs-notification:hover {
		-webkit-transform: translate(0) !important;
		transform: translate(0) !important
	}

	.vs-notification:last-child {
		margin-bottom: 0 !important
	}

	.vs-notification-parent {
		padding: 0;
		width: 100% !important;
		max-width: 100% !important
	}

	.vs-notification-parent .vs-notification--sticky {
		margin-bottom: 0 !important
	}

	.vs-notification-parent.vs-notification-parent--top-center .vs-notification:last-child {
		margin-bottom: 3px;
		margin-top: 0 !important
	}
}

.vs-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.vs-col,
.vs-row {
	width: 100%;
	position: relative
}

.vs-col--w-1 {
	width: 8.33%
}

.vs-col--w-2 {
	width: 16.66%
}

.vs-col--w-3 {
	width: 25%
}

.vs-col--w-4 {
	width: 33.33%
}

.vs-col--w-5 {
	width: 41.66%
}

.vs-col--w-6 {
	width: 50%
}

.vs-col--w-7 {
	width: 58.33%
}

.vs-col--w-8 {
	width: 66.66%
}

.vs-col--w-9 {
	width: 75%
}

.vs-col--w-10 {
	width: 83.33%
}

.vs-col--w-11 {
	width: 91.66%
}

.vs-col--w-12 {
	width: 100%
}

.vs-col--offset-1 {
	margin-left: 8.33%
}

.vs-col--offset-2 {
	margin-left: 16.66%
}

.vs-col--offset-3 {
	margin-left: 25%
}

.vs-col--offset-4 {
	margin-left: 33.33%
}

.vs-col--offset-5 {
	margin-left: 41.66%
}

.vs-col--offset-6 {
	margin-left: 50%
}

.vs-col--offset-7 {
	margin-left: 58.33%
}

.vs-col--offset-8 {
	margin-left: 66.66%
}

.vs-col--offset-9 {
	margin-left: 75%
}

.vs-col--offset-10 {
	margin-left: 83.33%
}

.vs-col--offset-11 {
	margin-left: 91.66%
}

.vs-col--offset-12 {
	margin-left: 100%
}

.vs-col--lg-1 {
	width: 8.33%
}

.vs-col--lg-2 {
	width: 16.66%
}

.vs-col--lg-3 {
	width: 25%
}

.vs-col--lg-4 {
	width: 33.33%
}

.vs-col--lg-5 {
	width: 41.66%
}

.vs-col--lg-6 {
	width: 50%
}

.vs-col--lg-7 {
	width: 58.33%
}

.vs-col--lg-8 {
	width: 66.66%
}

.vs-col--lg-9 {
	width: 75%
}

.vs-col--lg-10 {
	width: 83.33%
}

.vs-col--lg-11 {
	width: 91.66%
}

.vs-col--lg-12 {
	width: 100%
}

@media (max-width:900px) {
	.vs-col--sm-1 {
		width: 8.33%
	}

	.vs-col--sm-2 {
		width: 16.66%
	}

	.vs-col--sm-3 {
		width: 25%
	}

	.vs-col--sm-4 {
		width: 33.33%
	}

	.vs-col--sm-5 {
		width: 41.66%
	}

	.vs-col--sm-6 {
		width: 50%
	}

	.vs-col--sm-7 {
		width: 58.33%
	}

	.vs-col--sm-8 {
		width: 66.66%
	}

	.vs-col--sm-9 {
		width: 75%
	}

	.vs-col--sm-10 {
		width: 83.33%
	}

	.vs-col--sm-11 {
		width: 91.66%
	}

	.vs-col--sm-12 {
		width: 100%
	}
}

@media (max-width:600px) {
	.vs-col--xs-1 {
		width: 8.33%
	}

	.vs-col--xs-2 {
		width: 16.66%
	}

	.vs-col--xs-3 {
		width: 25%
	}

	.vs-col--xs-4 {
		width: 33.33%
	}

	.vs-col--xs-5 {
		width: 41.66%
	}

	.vs-col--xs-6 {
		width: 50%
	}

	.vs-col--xs-7 {
		width: 58.33%
	}

	.vs-col--xs-8 {
		width: 66.66%
	}

	.vs-col--xs-9 {
		width: 75%
	}

	.vs-col--xs-10 {
		width: 83.33%
	}

	.vs-col--xs-11 {
		width: 91.66%
	}

	.vs-col--xs-12 {
		width: 100%
	}
}

:root {
	--vs-shadow-opacity: .08;
	--vs-radius: 20px;
	--vs-zindex-1: 100000;
	--vs-zindex-2: 99000;
	--vs-zindex-3: 98000;
	--vs-zindex-4: 97000;
	--vs-background-opacity: .2
}

[vs-theme=dark] {
	--vs-background: 30, 32, 35;
	--vs-text: 255, 255, 255;
	--vs-gray-1: 24, 25, 28;
	--vs-gray-2: 20, 20, 23;
	--vs-gray-3: 15, 16, 19;
	--vs-gray-4: 10, 11, 14;
	--vs-shadow-opacity: .75;
	--vs-dark: 0, 0, 0;
	--vs-background-opacity: .6
}

[vs-theme=dark] .vs-pagination-content.vs-component-dark .vs-pagination__active {
	--vs-color: 255, 255, 255;
	color: rgba(var(--vs-gray-3), 1)
}

[vs-theme=dark] .vs-button.vs-component-dark.vs-button--transparent {
	color: rgba(var(--vs-text), 1) !important
}

[vs-theme=dark] .vs-button.vs-component-dark.vs-button--transparent:hover:before {
	background: rgba(var(--vs-color), .2)
}

[vs-theme=dark] .vs-button.vs-component-dark.vs-button--transparent.vs-button--active:before {
	background: rgba(var(--vs-color), var(--vs-background-opacity))
}

[vs-theme=dark] .vs-ripple,
[vs-theme=dark] .vs-ripple-content,
[vs-theme=dark] .vs-ripple-invert {
	--vs-color: 0, 0, 0
}

[vs-theme=dark] .vs-loading {
	--vs-background: 0, 0, 0
}

[vs-theme=dark] .vs-input-parent--state-dark {
	--vs-dark: 255, 255, 255 !important
}

[vs-theme=dark] .vs-input-parent--state-dark .vs-input {
	background: #000 !important
}

[vs-theme=dark] .vs-component-dark {
	--vs-color: 0, 0, 0 !important
}

[vs-theme=dark] .vs-component-dark .vs-avatar {
	color: #fff !important
}

[vs-theme=dark] .vs-component-dark.vs-alert {
	--vs-color: 0, 0, 0 !important;
	background: rgba(var(--vs-color), 1) !important;
	color: rgba(var(--vs-text), 1) !important
}

button {
	cursor: pointer;
	outline: none
}

[disabled] {
	opacity: .6
}

input {
	outline: none
}

a,
button,
input,
select,
textarea {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

[class*=vs-] {
	border: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
	list-style: none
}

:root {
	--vs-primary: 25, 91, 255;
	--vs-warn: 255, 186, 0;
	--vs-danger: 255, 71, 87;
	--vs-success: 70, 201, 58;
	--vs-dark: 30, 30, 30;
	--vs-light: 244, 247, 248;
	--vs-color: 17, 18, 20;
	--vs-facebook: 59, 89, 153;
	--vs-twitter: 29, 161, 242;
	--vs-youtube: 255, 0, 0;
	--vs-pinterest: 189, 8, 28;
	--vs-linkedin: 0, 119, 181;
	--vs-snapchat: 255, 252, 0;
	--vs-whatsapp: 37, 211, 102;
	--vs-tumblr: 54, 70, 93;
	--vs-reddit: 255, 69, 0;
	--vs-spotify: 30, 215, 96;
	--vs-amazon: 255, 153, 0;
	--vs-medium: 2, 184, 117;
	--vs-vimeo: 26, 183, 234;
	--vs-skype: 0, 175, 240;
	--vs-dribbble: 234, 76, 137;
	--vs-slack: 74, 21, 75;
	--vs-yahoo: 67, 2, 151;
	--vs-twitch: 100, 65, 164;
	--vs-discord: 114, 137, 218;
	--vs-telegram: 0, 136, 204;
	--vs-google-plus: 219, 68, 55;
	--vs-messenger: 0, 132, 255;
	--vs-background: 255, 255, 255;
	--vs-text: 44, 62, 80;
	--vs-gray-1: 249, 252, 253;
	--vs-gray-2: 244, 247, 248;
	--vs-gray-3: 240, 243, 244;
	--vs-gray-4: 230, 233, 234
}

.vs-ripple-content {
	--vs-color: var(--vs-background);
	width: 100px;
	height: 100px;
	position: absolute;
	width: 100%;
	pointer-events: none;
	overflow: hidden;
	height: 100%;
	top: 0;
	right: 0;
	border-radius: inherit;
	z-index: -1
}

.vs-ripple-content .vs-ripple {
	width: 0;
	height: 0;
	border-radius: 50%;
	opacity: 0;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	background: radial-gradient(circle, rgba(var(--vs-color), .05), rgba(var(--vs-color), .6))
}

.vs-ripple-content .vs-ripple--solid {
	background: rgba(var(--vs-color), 1);
	opacity: 1
}

.vs-ripple-content .vs-ripple-invert {
	width: 0;
	height: 0;
	border-radius: 50%;
	opacity: 0;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	background-image: radial-gradient(circle, rgba(var(--vs-color), .5), rgba(var(--vs-color), 0))
}

.vs-ripple-content .vs-ripple-cut-1 {
	-webkit-transform: translate(-100%, -50%) skew(20deg);
	transform: translate(-100%, -50%) skew(20deg);
	background-image: -webkit-gradient(linear, right top, left top, from(hsla(0, 0%, 100%, .25)), to(hsla(0, 0%, 100%, 0)));
	background-image: linear-gradient(270deg, hsla(0, 0%, 100%, .25), hsla(0, 0%, 100%, 0))
}

.vs-ripple-content .vs-ripple-cut-1,
.vs-ripple-content .vs-ripple-cut-2 {
	width: 0;
	height: 0;
	opacity: 0;
	position: absolute;
	-webkit-transition: all .6s ease;
	transition: all .6s ease
}

.vs-ripple-content .vs-ripple-cut-2 {
	-webkit-transform: translateY(-50%) skew(20deg);
	transform: translateY(-50%) skew(20deg);
	background-image: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, .25)), to(hsla(0, 0%, 100%, 0)));
	background-image: linear-gradient(90deg, hsla(0, 0%, 100%, .25), hsla(0, 0%, 100%, 0))
}

body,
table,
td,
tr {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.vs-remove-transition *,
.vs-remove-transition :after,
.vs-remove-transition :before {
	-webkit-transition: all 0s !important;
	transition: all 0s !important
}