@font-face {
		    font-family: boxicons;
		    font-weight: 400;
		    font-style: normal;
		    src: url(./assets/fonts/boxicons.06ab33ae.eot);
		    src: url(./assets/fonts/boxicons.06ab33ae.eot) format("embedded-opentype"),url(./assets/fonts/boxicons.aeaf4ee6.woff2) format("woff2"),url(./assets/fonts/boxicons.5bbebd73.woff) format("woff"),url(./assets/fonts/boxicons.72589e16.ttf) format("truetype"),url(./assets/img/boxicons.5e99edcb.svg?#boxicons) format("svg")
		}
		
		.bx {
		    font-family: boxicons!important;
		    font-weight: 400;
		    font-style: normal;
		    font-variant: normal;
		    line-height: 1;
		    display: inline-block;
		    text-transform: none;
		    speak: none;
		    -webkit-font-smoothing: antialiased;
		    -moz-osx-font-smoothing: grayscale
		}
		
		.bx-ul {
		    margin-left: 2em;
		    padding-left: 0;
		    list-style: none
		}
		
		.bx-ul>li {
		    position: relative
		}
		
		.bx-ul .bx {
		    font-size: inherit;
		    line-height: inherit;
		    position: absolute;
		    left: -2em;
		    width: 2em;
		    text-align: center
		}
		
		@-webkit-keyframes spin {
		    0% {
		        transform: rotate(0)
		    }
		
		    to {
		        transform: rotate(359deg)
		    }
		}
		
		@keyframes spin {
		    0% {
		        transform: rotate(0)
		    }
		
		    to {
		        transform: rotate(359deg)
		    }
		}
		
		@-webkit-keyframes burst {
		    0% {
		        transform: scale(1);
		        opacity: 1
		    }
		
		    90% {
		        transform: scale(1.5);
		        opacity: 0
		    }
		}
		
		@keyframes burst {
		    0% {
		        transform: scale(1);
		        opacity: 1
		    }
		
		    90% {
		        transform: scale(1.5);
		        opacity: 0
		    }
		}
		
		@-webkit-keyframes flashing {
		    0% {
		        opacity: 1
		    }
		
		    45% {
		        opacity: 0
		    }
		
		    90% {
		        opacity: 1
		    }
		}
		
		@keyframes flashing {
		    0% {
		        opacity: 1
		    }
		
		    45% {
		        opacity: 0
		    }
		
		    90% {
		        opacity: 1
		    }
		}
		
		@-webkit-keyframes fade-left {
		    0% {
		        transform: translateX(0);
		        opacity: 1
		    }
		
		    75% {
		        transform: translateX(-20px);
		        opacity: 0
		    }
		}
		
		@keyframes fade-left {
		    0% {
		        transform: translateX(0);
		        opacity: 1
		    }
		
		    75% {
		        transform: translateX(-20px);
		        opacity: 0
		    }
		}
		
		@-webkit-keyframes fade-right {
		    0% {
		        transform: translateX(0);
		        opacity: 1
		    }
		
		    75% {
		        transform: translateX(20px);
		        opacity: 0
		    }
		}
		
		@keyframes fade-right {
		    0% {
		        transform: translateX(0);
		        opacity: 1
		    }
		
		    75% {
		        transform: translateX(20px);
		        opacity: 0
		    }
		}
		
		@-webkit-keyframes fade-up {
		    0% {
		        transform: translateY(0);
		        opacity: 1
		    }
		
		    75% {
		        transform: translateY(-20px);
		        opacity: 0
		    }
		}
		
		@keyframes fade-up {
		    0% {
		        transform: translateY(0);
		        opacity: 1
		    }
		
		    75% {
		        transform: translateY(-20px);
		        opacity: 0
		    }
		}
		
		@-webkit-keyframes fade-down {
		    0% {
		        transform: translateY(0);
		        opacity: 1
		    }
		
		    75% {
		        transform: translateY(20px);
		        opacity: 0
		    }
		}
		
		@keyframes fade-down {
		    0% {
		        transform: translateY(0);
		        opacity: 1
		    }
		
		    75% {
		        transform: translateY(20px);
		        opacity: 0
		    }
		}
		
		@-webkit-keyframes tada {
		    0% {
		        transform: scaleX(1)
		    }
		
		    10%,20% {
		        transform: scale3d(.95,.95,.95) rotate(-10deg)
		    }
		
		    30%,50%,70%,90% {
		        transform: scaleX(1) rotate(10deg)
		    }
		
		    40%,60%,80% {
		        transform: scaleX(1) rotate(-10deg)
		    }
		
		    to {
		        transform: scaleX(1)
		    }
		}
		
		@keyframes tada {
		    0% {
		        transform: scaleX(1)
		    }
		
		    10%,20% {
		        transform: scale3d(.95,.95,.95) rotate(-10deg)
		    }
		
		    30%,50%,70%,90% {
		        transform: scaleX(1) rotate(10deg)
		    }
		
		    40%,60%,80% {
		        transform: rotate(-10deg)
		    }
		
		    to {
		        transform: scaleX(1)
		    }
		}
		
		.bx-spin,.bx-spin-hover:hover {
		    -webkit-animation: spin 2s linear infinite;
		    animation: spin 2s linear infinite
		}
		
		.bx-tada,.bx-tada-hover:hover {
		    -webkit-animation: tada 1.5s ease infinite;
		    animation: tada 1.5s ease infinite
		}
		
		.bx-flashing,.bx-flashing-hover:hover {
		    -webkit-animation: flashing 1.5s linear infinite;
		    animation: flashing 1.5s linear infinite
		}
		
		.bx-burst,.bx-burst-hover:hover {
		    -webkit-animation: burst 1.5s linear infinite;
		    animation: burst 1.5s linear infinite
		}
		
		.bx-fade-up,.bx-fade-up-hover:hover {
		    -webkit-animation: fade-up 1.5s linear infinite;
		    animation: fade-up 1.5s linear infinite
		}
		
		.bx-fade-down,.bx-fade-down-hover:hover {
		    -webkit-animation: fade-down 1.5s linear infinite;
		    animation: fade-down 1.5s linear infinite
		}
		
		.bx-fade-left,.bx-fade-left-hover:hover {
		    -webkit-animation: fade-left 1.5s linear infinite;
		    animation: fade-left 1.5s linear infinite
		}
		
		.bx-fade-right,.bx-fade-right-hover:hover {
		    -webkit-animation: fade-right 1.5s linear infinite;
		    animation: fade-right 1.5s linear infinite
		}
		
		.bx-xs {
		    font-size: 1rem!important
		}
		
		.bx-sm {
		    font-size: 1.55rem!important
		}
		
		.bx-md {
		    font-size: 2.25rem!important
		}
		
		.bx-fw {
		    font-size: 1.2857142857em;
		    line-height: .8em;
		    width: 1.2857142857em;
		    height: .8em;
		    margin-top: -.2em!important;
		    vertical-align: middle
		}
		
		.bx-lg {
		    font-size: 3!important
		}
		
		.bx-pull-left {
		    float: left;
		    margin-right: .3em!important
		}
		
		.bx-pull-right {
		    float: right;
		    margin-left: .3em!important
		}
		
		.bx-rotate-90 {
		    transform: rotate(90deg);
		    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"
		}
		
		.bx-rotate-180 {
		    transform: rotate(180deg);
		    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"
		}
		
		.bx-rotate-270 {
		    transform: rotate(270deg);
		    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"
		}
		
		.bx-flip-horizontal {
		    transform: scaleX(-1);
		    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1)"
		}
		
		.bx-flip-vertical {
		    transform: scaleY(-1);
		    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1)"
		}
		
		.bx-border {
		    padding: .25em;
		    border: .07em solid rgba(0,0,0,.1);
		    border-radius: .25em
		}
		
		.bx-border-circle {
		    padding: .25em;
		    border: .07em solid rgba(0,0,0,.1);
		    border-radius: 50%
		}
		
		.bxl-500px:before {
		    content: "\e900"
		}
		
		.bxl-adobe:before {
		    content: "\e901"
		}
		
		.bxl-airbnb:before {
		    content: "\e902"
		}
		
		.bxl-algolia:before {
		    content: "\e903"
		}
		
		.bxl-amazon:before {
		    content: "\e904"
		}
		
		.bxl-android:before {
		    content: "\e905"
		}
		
		.bxl-angular:before {
		    content: "\e906"
		}
		
		.bxl-apple:before {
		    content: "\e907"
		}
		
		.bxl-audible:before {
		    content: "\e908"
		}
		
		.bxl-baidu:before {
		    content: "\e909"
		}
		
		.bxl-behance:before {
		    content: "\e90a"
		}
		
		.bxl-bing:before {
		    content: "\e90b"
		}
		
		.bxl-bitcoin:before {
		    content: "\e90c"
		}
		
		.bxl-blogger:before {
		    content: "\e90d"
		}
		
		.bxl-bootstrap:before {
		    content: "\e90e"
		}
		
		.bxl-chrome:before {
		    content: "\e90f"
		}
		
		.bxl-codepen:before {
		    content: "\e910"
		}
		
		.bxl-creative-commons:before {
		    content: "\e911"
		}
		
		.bxl-css3:before {
		    content: "\e912"
		}
		
		.bxl-dailymotion:before {
		    content: "\e913"
		}
		
		.bxl-deviantart:before {
		    content: "\e914"
		}
		
		.bxl-dev-to:before {
		    content: "\e915"
		}
		
		.bxl-digg:before {
		    content: "\e916"
		}
		
		.bxl-digitalocean:before {
		    content: "\e917"
		}
		
		.bxl-discord:before {
		    content: "\e918"
		}
		
		.bxl-discourse:before {
		    content: "\e919"
		}
		
		.bxl-dribbble:before {
		    content: "\e91a"
		}
		
		.bxl-dropbox:before {
		    content: "\e91b"
		}
		
		.bxl-drupal:before {
		    content: "\e91c"
		}
		
		.bxl-ebay:before {
		    content: "\e91d"
		}
		
		.bxl-edge:before {
		    content: "\e91e"
		}
		
		.bxl-etsy:before {
		    content: "\e91f"
		}
		
		.bxl-facebook:before {
		    content: "\e920"
		}
		
		.bxl-facebook-circle:before {
		    content: "\e921"
		}
		
		.bxl-facebook-square:before {
		    content: "\e922"
		}
		
		.bxl-figma:before {
		    content: "\e923"
		}
		
		.bxl-firefox:before {
		    content: "\e924"
		}
		
		.bxl-flickr:before {
		    content: "\e925"
		}
		
		.bxl-flickr-square:before {
		    content: "\e926"
		}
		
		.bxl-foursquare:before {
		    content: "\e927"
		}
		
		.bxl-git:before {
		    content: "\e928"
		}
		
		.bxl-github:before {
		    content: "\e929"
		}
		
		.bxl-gitlab:before {
		    content: "\e92a"
		}
		
		.bxl-google:before {
		    content: "\e92b"
		}
		
		.bxl-google-plus:before {
		    content: "\e92c"
		}
		
		.bxl-google-plus-circle:before {
		    content: "\e92d"
		}
		
		.bxl-html5:before {
		    content: "\e92e"
		}
		
		.bxl-imdb:before {
		    content: "\e92f"
		}
		
		.bxl-instagram:before {
		    content: "\e930"
		}
		
		.bxl-instagram-alt:before {
		    content: "\e931"
		}
		
		.bxl-internet-explorer:before {
		    content: "\e932"
		}
		
		.bxl-invision:before {
		    content: "\e933"
		}
		
		.bxl-javascript:before {
		    content: "\e934"
		}
		
		.bxl-joomla:before {
		    content: "\e935"
		}
		
		.bxl-jquery:before {
		    content: "\e936"
		}
		
		.bxl-jsfiddle:before {
		    content: "\e937"
		}
		
		.bxl-kickstarter:before {
		    content: "\e938"
		}
		
		.bxl-less:before {
		    content: "\e939"
		}
		
		.bxl-linkedin:before {
		    content: "\e93a"
		}
		
		.bxl-linkedin-square:before {
		    content: "\e93b"
		}
		
		.bxl-magento:before {
		    content: "\e93c"
		}
		
		.bxl-mailchimp:before {
		    content: "\e93d"
		}
		
		.bxl-mastercard:before {
		    content: "\e93e"
		}
		
		.bxl-medium:before {
		    content: "\e93f"
		}
		
		.bxl-medium-old:before {
		    content: "\e940"
		}
		
		.bxl-medium-square:before {
		    content: "\e941"
		}
		
		.bxl-messenger:before {
		    content: "\e942"
		}
		
		.bxl-microsoft:before {
		    content: "\e943"
		}
		
		.bxl-nodejs:before {
		    content: "\e944"
		}
		
		.bxl-opera:before {
		    content: "\e945"
		}
		
		.bxl-patreon:before {
		    content: "\e946"
		}
		
		.bxl-paypal:before {
		    content: "\e947"
		}
		
		.bxl-periscope:before {
		    content: "\e948"
		}
		
		.bxl-pinterest:before {
		    content: "\e949"
		}
		
		.bxl-pinterest-alt:before {
		    content: "\e94a"
		}
		
		.bxl-play-store:before {
		    content: "\e94b"
		}
		
		.bxl-pocket:before {
		    content: "\e94c"
		}
		
		.bxl-product-hunt:before {
		    content: "\e94d"
		}
		
		.bxl-quora:before {
		    content: "\e94e"
		}
		
		.bxl-react:before {
		    content: "\e94f"
		}
		
		.bxl-redbubble:before {
		    content: "\e950"
		}
		
		.bxl-reddit:before {
		    content: "\e951"
		}
		
		.bxl-redux:before {
		    content: "\e952"
		}
		
		.bxl-sass:before {
		    content: "\e953"
		}
		
		.bxl-shopify:before {
		    content: "\e954"
		}
		
		.bxl-skype:before {
		    content: "\e955"
		}
		
		.bxl-slack:before {
		    content: "\e956"
		}
		
		.bxl-slack-old:before {
		    content: "\e957"
		}
		
		.bxl-snapchat:before {
		    content: "\e958"
		}
		
		.bxl-soundcloud:before {
		    content: "\e959"
		}
		
		.bxl-spotify:before {
		    content: "\e95a"
		}
		
		.bxl-squarespace:before {
		    content: "\e95b"
		}
		
		.bxl-stack-overflow:before {
		    content: "\e95c"
		}
		
		.bxl-stripe:before {
		    content: "\e95d"
		}
		
		.bxl-telegram:before {
		    content: "\e95e"
		}
		
		.bxl-trello:before {
		    content: "\e95f"
		}
		
		.bxl-tumblr:before {
		    content: "\e960"
		}
		
		.bxl-twitch:before {
		    content: "\e961"
		}
		
		.bxl-twitter:before {
		    content: "\e962"
		}
		
		.bxl-unsplash:before {
		    content: "\e963"
		}
		
		.bxl-vimeo:before {
		    content: "\e964"
		}
		
		.bxl-visa:before {
		    content: "\e965"
		}
		
		.bxl-vk:before {
		    content: "\e966"
		}
		
		.bxl-vuejs:before {
		    content: "\e967"
		}
		
		.bxl-whatsapp:before {
		    content: "\e968"
		}
		
		.bxl-whatsapp-square:before {
		    content: "\e969"
		}
		
		.bxl-wikipedia:before {
		    content: "\e96a"
		}
		
		.bxl-windows:before {
		    content: "\e96b"
		}
		
		.bxl-wix:before {
		    content: "\e96c"
		}
		
		.bxl-wordpress:before {
		    content: "\e96d"
		}
		
		.bxl-yahoo:before {
		    content: "\e96e"
		}
		
		.bxl-yelp:before {
		    content: "\e96f"
		}
		
		.bxl-youtube:before {
		    content: "\e970"
		}
		
		.bx-abacus:before {
		    content: "\e971"
		}
		
		.bx-accessibility:before {
		    content: "\e972"
		}
		
		.bx-add-to-queue:before {
		    content: "\e973"
		}
		
		.bx-adjust:before {
		    content: "\e974"
		}
		
		.bx-alarm:before {
		    content: "\e975"
		}
		
		.bx-alarm-add:before {
		    content: "\e976"
		}
		
		.bx-alarm-exclamation:before {
		    content: "\e977"
		}
		
		.bx-alarm-off:before {
		    content: "\e978"
		}
		
		.bx-alarm-snooze:before {
		    content: "\e979"
		}
		
		.bx-album:before {
		    content: "\e97a"
		}
		
		.bx-align-justify:before {
		    content: "\e97b"
		}
		
		.bx-align-left:before {
		    content: "\e97c"
		}
		
		.bx-align-middle:before {
		    content: "\e97d"
		}
		
		.bx-align-right:before {
		    content: "\e97e"
		}
		
		.bx-analyse:before {
		    content: "\e97f"
		}
		
		.bx-anchor:before {
		    content: "\e980"
		}
		
		.bx-angry:before {
		    content: "\e981"
		}
		
		.bx-aperture:before {
		    content: "\e982"
		}
		
		.bx-arch:before {
		    content: "\e983"
		}
		
		.bx-archive:before {
		    content: "\e984"
		}
		
		.bx-archive-in:before {
		    content: "\e985"
		}
		
		.bx-archive-out:before {
		    content: "\e986"
		}
		
		.bx-area:before {
		    content: "\e987"
		}
		
		.bx-arrow-back:before {
		    content: "\e988"
		}
		
		.bx-arrow-from-bottom:before {
		    content: "\e989"
		}
		
		.bx-arrow-from-left:before {
		    content: "\e98a"
		}
		
		.bx-arrow-from-right:before {
		    content: "\e98b"
		}
		
		.bx-arrow-from-top:before {
		    content: "\e98c"
		}
		
		.bx-arrow-to-bottom:before {
		    content: "\e98d"
		}
		
		.bx-arrow-to-left:before {
		    content: "\e98e"
		}
		
		.bx-arrow-to-right:before {
		    content: "\e98f"
		}
		
		.bx-arrow-to-top:before {
		    content: "\e990"
		}
		
		.bx-at:before {
		    content: "\e991"
		}
		
		.bx-atom:before {
		    content: "\e992"
		}
		
		.bx-award:before {
		    content: "\e993"
		}
		
		.bx-badge:before {
		    content: "\e994"
		}
		
		.bx-badge-check:before {
		    content: "\e995"
		}
		
		.bx-ball:before {
		    content: "\e996"
		}
		
		.bx-band-aid:before {
		    content: "\e997"
		}
		
		.bx-bar-chart:before {
		    content: "\e998"
		}
		
		.bx-bar-chart-alt:before {
		    content: "\e999"
		}
		
		.bx-bar-chart-alt-2:before {
		    content: "\e99a"
		}
		
		.bx-bar-chart-square:before {
		    content: "\e99b"
		}
		
		.bx-barcode:before {
		    content: "\e99c"
		}
		
		.bx-barcode-reader:before {
		    content: "\e99d"
		}
		
		.bx-baseball:before {
		    content: "\e99e"
		}
		
		.bx-basket:before {
		    content: "\e99f"
		}
		
		.bx-basketball:before {
		    content: "\e9a0"
		}
		
		.bx-bath:before {
		    content: "\e9a1"
		}
		
		.bx-battery:before {
		    content: "\e9a2"
		}
		
		.bx-bed:before {
		    content: "\e9a3"
		}
		
		.bx-been-here:before {
		    content: "\e9a4"
		}
		
		.bx-beer:before {
		    content: "\e9a5"
		}
		
		.bx-bell:before {
		    content: "\e9a6"
		}
		
		.bx-bell-minus:before {
		    content: "\e9a7"
		}
		
		.bx-bell-off:before {
		    content: "\e9a8"
		}
		
		.bx-bell-plus:before {
		    content: "\e9a9"
		}
		
		.bx-bible:before {
		    content: "\e9aa"
		}
		
		.bx-bitcoin:before {
		    content: "\e9ab"
		}
		
		.bx-blanket:before {
		    content: "\e9ac"
		}
		
		.bx-block:before {
		    content: "\e9ad"
		}
		
		.bx-bluetooth:before {
		    content: "\e9ae"
		}
		
		.bx-body:before {
		    content: "\e9af"
		}
		
		.bx-bold:before {
		    content: "\e9b0"
		}
		
		.bx-bolt-circle:before {
		    content: "\e9b1"
		}
		
		.bx-bomb:before {
		    content: "\e9b2"
		}
		
		.bx-bone:before {
		    content: "\e9b3"
		}
		
		.bx-bong:before {
		    content: "\e9b4"
		}
		
		.bx-book:before {
		    content: "\e9b5"
		}
		
		.bx-book-add:before {
		    content: "\e9b6"
		}
		
		.bx-book-alt:before {
		    content: "\e9b7"
		}
		
		.bx-book-bookmark:before {
		    content: "\e9b8"
		}
		
		.bx-book-content:before {
		    content: "\e9b9"
		}
		
		.bx-book-heart:before {
		    content: "\e9ba"
		}
		
		.bx-bookmark:before {
		    content: "\e9bb"
		}
		
		.bx-bookmark-minus:before {
		    content: "\e9bc"
		}
		
		.bx-bookmark-plus:before {
		    content: "\e9bd"
		}
		
		.bx-bookmarks:before {
		    content: "\e9be"
		}
		
		.bx-book-open:before {
		    content: "\e9bf"
		}
		
		.bx-book-reader:before {
		    content: "\e9c0"
		}
		
		.bx-border-all:before {
		    content: "\e9c1"
		}
		
		.bx-border-bottom:before {
		    content: "\e9c2"
		}
		
		.bx-border-inner:before {
		    content: "\e9c3"
		}
		
		.bx-border-left:before {
		    content: "\e9c4"
		}
		
		.bx-border-none:before {
		    content: "\e9c5"
		}
		
		.bx-border-outer:before {
		    content: "\e9c6"
		}
		
		.bx-border-radius:before {
		    content: "\e9c7"
		}
		
		.bx-border-right:before {
		    content: "\e9c8"
		}
		
		.bx-border-top:before {
		    content: "\e9c9"
		}
		
		.bx-bot:before {
		    content: "\e9ca"
		}
		
		.bx-bowling-ball:before {
		    content: "\e9cb"
		}
		
		.bx-box:before {
		    content: "\e9cc"
		}
		
		.bx-bracket:before {
		    content: "\e9cd"
		}
		
		.bx-braille:before {
		    content: "\e9ce"
		}
		
		.bx-brain:before {
		    content: "\e9cf"
		}
		
		.bx-briefcase:before {
		    content: "\e9d0"
		}
		
		.bx-briefcase-alt:before {
		    content: "\e9d1"
		}
		
		.bx-briefcase-alt-2:before {
		    content: "\e9d2"
		}
		
		.bx-brightness:before {
		    content: "\e9d3"
		}
		
		.bx-brightness-half:before {
		    content: "\e9d4"
		}
		
		.bx-broadcast:before {
		    content: "\e9d5"
		}
		
		.bx-brush:before {
		    content: "\e9d6"
		}
		
		.bx-brush-alt:before {
		    content: "\e9d7"
		}
		
		.bx-bug:before {
		    content: "\e9d8"
		}
		
		.bx-bug-alt:before {
		    content: "\e9d9"
		}
		
		.bx-building:before {
		    content: "\e9da"
		}
		
		.bx-building-house:before {
		    content: "\e9db"
		}
		
		.bx-buildings:before {
		    content: "\e9dc"
		}
		
		.bx-bulb:before {
		    content: "\e9dd"
		}
		
		.bx-bullseye:before {
		    content: "\e9de"
		}
		
		.bx-buoy:before {
		    content: "\e9df"
		}
		
		.bx-bus:before {
		    content: "\e9e0"
		}
		
		.bx-bus-school:before {
		    content: "\e9e1"
		}
		
		.bx-cabinet:before {
		    content: "\e9e2"
		}
		
		.bx-cake:before {
		    content: "\e9e3"
		}
		
		.bx-calculator:before {
		    content: "\e9e4"
		}
		
		.bx-calendar:before {
		    content: "\e9e5"
		}
		
		.bx-calendar-alt:before {
		    content: "\e9e6"
		}
		
		.bx-calendar-check:before {
		    content: "\e9e7"
		}
		
		.bx-calendar-edit:before {
		    content: "\e9e8"
		}
		
		.bx-calendar-event:before {
		    content: "\e9e9"
		}
		
		.bx-calendar-exclamation:before {
		    content: "\e9ea"
		}
		
		.bx-calendar-heart:before {
		    content: "\e9eb"
		}
		
		.bx-calendar-minus:before {
		    content: "\e9ec"
		}
		
		.bx-calendar-plus:before {
		    content: "\e9ed"
		}
		
		.bx-calendar-star:before {
		    content: "\e9ee"
		}
		
		.bx-calendar-week:before {
		    content: "\e9ef"
		}
		
		.bx-calendar-x:before {
		    content: "\e9f0"
		}
		
		.bx-camera:before {
		    content: "\e9f1"
		}
		
		.bx-camera-home:before {
		    content: "\e9f2"
		}
		
		.bx-camera-movie:before {
		    content: "\e9f3"
		}
		
		.bx-camera-off:before {
		    content: "\e9f4"
		}
		
		.bx-capsule:before {
		    content: "\e9f5"
		}
		
		.bx-captions:before {
		    content: "\e9f6"
		}
		
		.bx-car:before {
		    content: "\e9f7"
		}
		
		.bx-card:before {
		    content: "\e9f8"
		}
		
		.bx-caret-down:before {
		    content: "\e9f9"
		}
		
		.bx-caret-down-circle:before {
		    content: "\e9fa"
		}
		
		.bx-caret-down-square:before {
		    content: "\e9fb"
		}
		
		.bx-caret-left:before {
		    content: "\e9fc"
		}
		
		.bx-caret-left-circle:before {
		    content: "\e9fd"
		}
		
		.bx-caret-left-square:before {
		    content: "\e9fe"
		}
		
		.bx-caret-right:before {
		    content: "\e9ff"
		}
		
		.bx-caret-right-circle:before {
		    content: "\ea00"
		}
		
		.bx-caret-right-square:before {
		    content: "\ea01"
		}
		
		.bx-caret-up:before {
		    content: "\ea02"
		}
		
		.bx-caret-up-circle:before {
		    content: "\ea03"
		}
		
		.bx-caret-up-square:before {
		    content: "\ea04"
		}
		
		.bx-carousel:before {
		    content: "\ea05"
		}
		
		.bx-cart:before {
		    content: "\ea06"
		}
		
		.bx-cart-alt:before {
		    content: "\ea07"
		}
		
		.bx-cast:before {
		    content: "\ea08"
		}
		
		.bx-cctv:before {
		    content: "\ea09"
		}
		
		.bx-certification:before {
		    content: "\ea0a"
		}
		
		.bx-chair:before {
		    content: "\ea0b"
		}
		
		.bx-chalkboard:before {
		    content: "\ea0c"
		}
		
		.bx-chart:before {
		    content: "\ea0d"
		}
		
		.bx-chat:before {
		    content: "\ea0e"
		}
		
		.bx-check:before {
		    content: "\ea0f"
		}
		
		.bx-checkbox:before {
		    content: "\ea10"
		}
		
		.bx-checkbox-checked:before {
		    content: "\ea11"
		}
		
		.bx-checkbox-square:before {
		    content: "\ea12"
		}
		
		.bx-check-circle:before {
		    content: "\ea13"
		}
		
		.bx-check-double:before {
		    content: "\ea14"
		}
		
		.bx-check-shield:before {
		    content: "\ea15"
		}
		
		.bx-check-square:before {
		    content: "\ea16"
		}
		
		.bx-chevron-down:before {
		    content: "\ea17"
		}
		
		.bx-chevron-down-circle:before {
		    content: "\ea18"
		}
		
		.bx-chevron-down-square:before {
		    content: "\ea19"
		}
		
		.bx-chevron-left:before {
		    content: "\ea1a"
		}
		
		.bx-chevron-left-circle:before {
		    content: "\ea1b"
		}
		
		.bx-chevron-left-square:before {
		    content: "\ea1c"
		}
		
		.bx-chevron-right:before {
		    content: "\ea1d"
		}
		
		.bx-chevron-right-circle:before {
		    content: "\ea1e"
		}
		
		.bx-chevron-right-square:before {
		    content: "\ea1f"
		}
		
		.bx-chevrons-down:before {
		    content: "\ea20"
		}
		
		.bx-chevrons-left:before {
		    content: "\ea21"
		}
		
		.bx-chevrons-right:before {
		    content: "\ea22"
		}
		
		.bx-chevrons-up:before {
		    content: "\ea23"
		}
		
		.bx-chevron-up:before {
		    content: "\ea24"
		}
		
		.bx-chevron-up-circle:before {
		    content: "\ea25"
		}
		
		.bx-chevron-up-square:before {
		    content: "\ea26"
		}
		
		.bx-chip:before {
		    content: "\ea27"
		}
		
		.bx-church:before {
		    content: "\ea28"
		}
		
		.bx-circle:before {
		    content: "\ea29"
		}
		
		.bx-clinic:before {
		    content: "\ea2a"
		}
		
		.bx-clipboard:before {
		    content: "\ea2b"
		}
		
		.bx-closet:before {
		    content: "\ea2c"
		}
		
		.bx-cloud:before {
		    content: "\ea2d"
		}
		
		.bx-cloud-download:before {
		    content: "\ea2e"
		}
		
		.bx-cloud-drizzle:before {
		    content: "\ea2f"
		}
		
		.bx-cloud-lightning:before {
		    content: "\ea30"
		}
		
		.bx-cloud-light-rain:before {
		    content: "\ea31"
		}
		
		.bx-cloud-rain:before {
		    content: "\ea32"
		}
		
		.bx-cloud-snow:before {
		    content: "\ea33"
		}
		
		.bx-cloud-upload:before {
		    content: "\ea34"
		}
		
		.bx-code:before {
		    content: "\ea35"
		}
		
		.bx-code-alt:before {
		    content: "\ea36"
		}
		
		.bx-code-block:before {
		    content: "\ea37"
		}
		
		.bx-code-curly:before {
		    content: "\ea38"
		}
		
		.bx-coffee:before {
		    content: "\ea39"
		}
		
		.bx-coffee-togo:before {
		    content: "\ea3a"
		}
		
		.bx-cog:before {
		    content: "\ea3b"
		}
		
		.bx-coin:before {
		    content: "\ea3c"
		}
		
		.bx-coin-stack:before {
		    content: "\ea3d"
		}
		
		.bx-collapse:before {
		    content: "\ea3e"
		}
		
		.bx-collection:before {
		    content: "\ea3f"
		}
		
		.bx-color-fill:before {
		    content: "\ea40"
		}
		
		.bx-columns:before {
		    content: "\ea41"
		}
		
		.bx-command:before {
		    content: "\ea42"
		}
		
		.bx-comment:before {
		    content: "\ea43"
		}
		
		.bx-comment-add:before {
		    content: "\ea44"
		}
		
		.bx-comment-check:before {
		    content: "\ea45"
		}
		
		.bx-comment-detail:before {
		    content: "\ea46"
		}
		
		.bx-comment-dots:before {
		    content: "\ea47"
		}
		
		.bx-comment-edit:before {
		    content: "\ea48"
		}
		
		.bx-comment-error:before {
		    content: "\ea49"
		}
		
		.bx-comment-minus:before {
		    content: "\ea4a"
		}
		
		.bx-comment-x:before {
		    content: "\ea4b"
		}
		
		.bx-compass:before {
		    content: "\ea4c"
		}
		
		.bx-confused:before {
		    content: "\ea4d"
		}
		
		.bx-conversation:before {
		    content: "\ea4e"
		}
		
		.bx-cookie:before {
		    content: "\ea4f"
		}
		
		.bx-cool:before {
		    content: "\ea50"
		}
		
		.bx-copy:before {
		    content: "\ea51"
		}
		
		.bx-copy-alt:before {
		    content: "\ea52"
		}
		
		.bx-copyright:before {
		    content: "\ea53"
		}
		
		.bx-credit-card:before {
		    content: "\ea54"
		}
		
		.bx-credit-card-alt:before {
		    content: "\ea55"
		}
		
		.bx-credit-card-front:before {
		    content: "\ea56"
		}
		
		.bx-crop:before {
		    content: "\ea57"
		}
		
		.bx-crosshair:before {
		    content: "\ea58"
		}
		
		.bx-crown:before {
		    content: "\ea59"
		}
		
		.bx-cube:before {
		    content: "\ea5a"
		}
		
		.bx-cube-alt:before {
		    content: "\ea5b"
		}
		
		.bx-cuboid:before {
		    content: "\ea5c"
		}
		
		.bx-current-location:before {
		    content: "\ea5d"
		}
		
		.bx-customize:before {
		    content: "\ea5e"
		}
		
		.bx-cut:before {
		    content: "\ea5f"
		}
		
		.bx-cycling:before {
		    content: "\ea60"
		}
		
		.bx-cylinder:before {
		    content: "\ea61"
		}
		
		.bx-data:before {
		    content: "\ea62"
		}
		
		.bx-desktop:before {
		    content: "\ea63"
		}
		
		.bx-detail:before {
		    content: "\ea64"
		}
		
		.bx-devices:before {
		    content: "\ea65"
		}
		
		.bx-dialpad:before {
		    content: "\ea66"
		}
		
		.bx-dialpad-alt:before {
		    content: "\ea67"
		}
		
		.bx-diamond:before {
		    content: "\ea68"
		}
		
		.bx-dice-1:before {
		    content: "\ea69"
		}
		
		.bx-dice-2:before {
		    content: "\ea6a"
		}
		
		.bx-dice-3:before {
		    content: "\ea6b"
		}
		
		.bx-dice-4:before {
		    content: "\ea6c"
		}
		
		.bx-dice-5:before {
		    content: "\ea6d"
		}
		
		.bx-dice-6:before {
		    content: "\ea6e"
		}
		
		.bx-directions:before {
		    content: "\ea6f"
		}
		
		.bx-disc:before {
		    content: "\ea70"
		}
		
		.bx-dish:before {
		    content: "\ea71"
		}
		
		.bx-dislike:before {
		    content: "\ea72"
		}
		
		.bx-dizzy:before {
		    content: "\ea73"
		}
		
		.bx-dna:before {
		    content: "\ea74"
		}
		
		.bx-dock-bottom:before {
		    content: "\ea75"
		}
		
		.bx-dock-left:before {
		    content: "\ea76"
		}
		
		.bx-dock-right:before {
		    content: "\ea77"
		}
		
		.bx-dock-top:before {
		    content: "\ea78"
		}
		
		.bx-dollar:before {
		    content: "\ea79"
		}
		
		.bx-dollar-circle:before {
		    content: "\ea7a"
		}
		
		.bx-donate-blood:before {
		    content: "\ea7b"
		}
		
		.bx-donate-heart:before {
		    content: "\ea7c"
		}
		
		.bx-door-open:before {
		    content: "\ea7d"
		}
		
		.bx-dots-horizontal:before {
		    content: "\ea7e"
		}
		
		.bx-dots-horizontal-rounded:before {
		    content: "\ea7f"
		}
		
		.bx-dots-vertical:before {
		    content: "\ea80"
		}
		
		.bx-dots-vertical-rounded:before {
		    content: "\ea81"
		}
		
		.bx-doughnut-chart:before {
		    content: "\ea82"
		}
		
		.bx-down-arrow:before {
		    content: "\ea83"
		}
		
		.bx-down-arrow-alt:before {
		    content: "\ea84"
		}
		
		.bx-down-arrow-circle:before {
		    content: "\ea85"
		}
		
		.bx-download:before {
		    content: "\ea86"
		}
		
		.bx-downvote:before {
		    content: "\ea87"
		}
		
		.bx-drink:before {
		    content: "\ea88"
		}
		
		.bx-droplet:before {
		    content: "\ea89"
		}
		
		.bx-dumbbell:before {
		    content: "\ea8a"
		}
		
		.bx-duplicate:before {
		    content: "\ea8b"
		}
		
		.bx-edit:before {
		    content: "\ea8c"
		}
		
		.bx-edit-alt:before {
		    content: "\ea8d"
		}
		
		.bx-envelope:before {
		    content: "\ea8e"
		}
		
		.bx-envelope-open:before {
		    content: "\ea8f"
		}
		
		.bx-equalizer:before {
		    content: "\ea90"
		}
		
		.bx-eraser:before {
		    content: "\ea91"
		}
		
		.bx-error:before {
		    content: "\ea92"
		}
		
		.bx-error-alt:before {
		    content: "\ea93"
		}
		
		.bx-error-circle:before {
		    content: "\ea94"
		}
		
		.bx-euro:before {
		    content: "\ea95"
		}
		
		.bx-exclude:before {
		    content: "\ea96"
		}
		
		.bx-exit:before {
		    content: "\ea97"
		}
		
		.bx-exit-fullscreen:before {
		    content: "\ea98"
		}
		
		.bx-expand:before {
		    content: "\ea99"
		}
		
		.bx-export:before {
		    content: "\ea9a"
		}
		
		.bx-extension:before {
		    content: "\ea9b"
		}
		
		.bx-face:before {
		    content: "\ea9c"
		}
		
		.bx-fast-forward:before {
		    content: "\ea9d"
		}
		
		.bx-fast-forward-circle:before {
		    content: "\ea9e"
		}
		
		.bx-female:before {
		    content: "\ea9f"
		}
		
		.bx-female-sign:before {
		    content: "\eaa0"
		}
		
		.bx-file:before {
		    content: "\eaa1"
		}
		
		.bx-file-blank:before {
		    content: "\eaa2"
		}
		
		.bx-file-find:before {
		    content: "\eaa3"
		}
		
		.bx-film:before {
		    content: "\eaa4"
		}
		
		.bx-filter:before {
		    content: "\eaa5"
		}
		
		.bx-filter-alt:before {
		    content: "\eaa6"
		}
		
		.bx-fingerprint:before {
		    content: "\eaa7"
		}
		
		.bx-first-aid:before {
		    content: "\eaa8"
		}
		
		.bx-first-page:before {
		    content: "\eaa9"
		}
		
		.bx-flag:before {
		    content: "\eaaa"
		}
		
		.bx-folder:before {
		    content: "\eaab"
		}
		
		.bx-folder-minus:before {
		    content: "\eaac"
		}
		
		.bx-folder-open:before {
		    content: "\eaad"
		}
		
		.bx-folder-plus:before {
		    content: "\eaae"
		}
		
		.bx-font:before {
		    content: "\eaaf"
		}
		
		.bx-font-color:before {
		    content: "\eab0"
		}
		
		.bx-font-family:before {
		    content: "\eab1"
		}
		
		.bx-font-size:before {
		    content: "\eab2"
		}
		
		.bx-food-menu:before {
		    content: "\eab3"
		}
		
		.bx-food-tag:before {
		    content: "\eab4"
		}
		
		.bx-football:before {
		    content: "\eab5"
		}
		
		.bx-fridge:before {
		    content: "\eab6"
		}
		
		.bx-fullscreen:before {
		    content: "\eab7"
		}
		
		.bx-game:before {
		    content: "\eab8"
		}
		
		.bx-gas-pump:before {
		    content: "\eab9"
		}
		
		.bx-ghost:before {
		    content: "\eaba"
		}
		
		.bx-gift:before {
		    content: "\eabb"
		}
		
		.bx-git-branch:before {
		    content: "\eabc"
		}
		
		.bx-git-commit:before {
		    content: "\eabd"
		}
		
		.bx-git-compare:before {
		    content: "\eabe"
		}
		
		.bx-git-merge:before {
		    content: "\eabf"
		}
		
		.bx-git-pull-request:before {
		    content: "\eac0"
		}
		
		.bx-git-repo-forked:before {
		    content: "\eac1"
		}
		
		.bx-glasses:before {
		    content: "\eac2"
		}
		
		.bx-glasses-alt:before {
		    content: "\eac3"
		}
		
		.bx-globe:before {
		    content: "\eac4"
		}
		
		.bx-globe-alt:before {
		    content: "\eac5"
		}
		
		.bx-grid:before {
		    content: "\eac6"
		}
		
		.bx-grid-alt:before {
		    content: "\eac7"
		}
		
		.bx-grid-horizontal:before {
		    content: "\eac8"
		}
		
		.bx-grid-small:before {
		    content: "\eac9"
		}
		
		.bx-grid-vertical:before {
		    content: "\eaca"
		}
		
		.bx-group:before {
		    content: "\eacb"
		}
		
		.bx-handicap:before {
		    content: "\eacc"
		}
		
		.bx-happy:before {
		    content: "\eacd"
		}
		
		.bx-happy-alt:before {
		    content: "\eace"
		}
		
		.bx-happy-beaming:before {
		    content: "\eacf"
		}
		
		.bx-happy-heart-eyes:before {
		    content: "\ead0"
		}
		
		.bx-hash:before {
		    content: "\ead1"
		}
		
		.bx-hdd:before {
		    content: "\ead2"
		}
		
		.bx-heading:before {
		    content: "\ead3"
		}
		
		.bx-headphone:before {
		    content: "\ead4"
		}
		
		.bx-health:before {
		    content: "\ead5"
		}
		
		.bx-heart:before {
		    content: "\ead6"
		}
		
		.bx-heart-circle:before {
		    content: "\ead7"
		}
		
		.bx-heart-square:before {
		    content: "\ead8"
		}
		
		.bx-help-circle:before {
		    content: "\ead9"
		}
		
		.bx-hide:before {
		    content: "\eada"
		}
		
		.bx-highlight:before {
		    content: "\eadb"
		}
		
		.bx-history:before {
		    content: "\eadc"
		}
		
		.bx-hive:before {
		    content: "\eadd"
		}
		
		.bx-home:before {
		    content: "\eade"
		}
		
		.bx-home-alt:before {
		    content: "\eadf"
		}
		
		.bx-home-circle:before {
		    content: "\eae0"
		}
		
		.bx-home-heart:before {
		    content: "\eae1"
		}
		
		.bx-home-smile:before {
		    content: "\eae2"
		}
		
		.bx-horizontal-center:before {
		    content: "\eae3"
		}
		
		.bx-hotel:before {
		    content: "\eae4"
		}
		
		.bx-hourglass:before {
		    content: "\eae5"
		}
		
		.bx-id-card:before {
		    content: "\eae6"
		}
		
		.bx-image:before {
		    content: "\eae7"
		}
		
		.bx-image-add:before {
		    content: "\eae8"
		}
		
		.bx-image-alt:before {
		    content: "\eae9"
		}
		
		.bx-images:before {
		    content: "\eaea"
		}
		
		.bx-import:before {
		    content: "\eaeb"
		}
		
		.bx-infinite:before {
		    content: "\eaec"
		}
		
		.bx-info-circle:before {
		    content: "\eaed"
		}
		
		.bx-info-square:before {
		    content: "\eaee"
		}
		
		.bx-intersect:before {
		    content: "\eaef"
		}
		
		.bx-italic:before {
		    content: "\eaf0"
		}
		
		.bx-joystick:before {
		    content: "\eaf1"
		}
		
		.bx-joystick-alt:before {
		    content: "\eaf2"
		}
		
		.bx-joystick-button:before {
		    content: "\eaf3"
		}
		
		.bx-key:before {
		    content: "\eaf4"
		}
		
		.bx-label:before {
		    content: "\eaf5"
		}
		
		.bx-landscape:before {
		    content: "\eaf6"
		}
		
		.bx-laptop:before {
		    content: "\eaf7"
		}
		
		.bx-last-page:before {
		    content: "\eaf8"
		}
		
		.bx-laugh:before {
		    content: "\eaf9"
		}
		
		.bx-layer:before {
		    content: "\eafa"
		}
		
		.bx-layer-minus:before {
		    content: "\eafb"
		}
		
		.bx-layer-plus:before {
		    content: "\eafc"
		}
		
		.bx-layout:before {
		    content: "\eafd"
		}
		
		.bx-left-arrow:before {
		    content: "\eafe"
		}
		
		.bx-left-arrow-alt:before {
		    content: "\eaff"
		}
		
		.bx-left-arrow-circle:before {
		    content: "\eb00"
		}
		
		.bx-left-down-arrow-circle:before {
		    content: "\eb01"
		}
		
		.bx-left-indent:before {
		    content: "\eb02"
		}
		
		.bx-left-top-arrow-circle:before {
		    content: "\eb03"
		}
		
		.bx-like:before {
		    content: "\eb04"
		}
		
		.bx-line-chart:before {
		    content: "\eb05"
		}
		
		.bx-line-chart-down:before {
		    content: "\eb06"
		}
		
		.bx-link:before {
		    content: "\eb07"
		}
		
		.bx-link-alt:before {
		    content: "\eb08"
		}
		
		.bx-link-external:before {
		    content: "\eb09"
		}
		
		.bx-lira:before {
		    content: "\eb0a"
		}
		
		.bx-list-check:before {
		    content: "\eb0b"
		}
		
		.bx-list-minus:before {
		    content: "\eb0c"
		}
		
		.bx-list-ol:before {
		    content: "\eb0d"
		}
		
		.bx-list-plus:before {
		    content: "\eb0e"
		}
		
		.bx-list-ul:before {
		    content: "\eb0f"
		}
		
		.bx-loader:before {
		    content: "\eb10"
		}
		
		.bx-loader-alt:before {
		    content: "\eb11"
		}
		
		.bx-loader-circle:before {
		    content: "\eb12"
		}
		
		.bx-location-plus:before {
		    content: "\eb13"
		}
		
		.bx-lock:before {
		    content: "\eb14"
		}
		
		.bx-lock-alt:before {
		    content: "\eb15"
		}
		
		.bx-lock-open:before {
		    content: "\eb16"
		}
		
		.bx-lock-open-alt:before {
		    content: "\eb17"
		}
		
		.bx-log-in:before {
		    content: "\eb18"
		}
		
		.bx-log-in-circle:before {
		    content: "\eb19"
		}
		
		.bx-log-out:before {
		    content: "\eb1a"
		}
		
		.bx-log-out-circle:before {
		    content: "\eb1b"
		}
		
		.bx-low-vision:before {
		    content: "\eb1c"
		}
		
		.bx-magnet:before {
		    content: "\eb1d"
		}
		
		.bx-mail-send:before {
		    content: "\eb1e"
		}
		
		.bx-male:before {
		    content: "\eb1f"
		}
		
		.bx-male-sign:before {
		    content: "\eb20"
		}
		
		.bx-map:before {
		    content: "\eb21"
		}
		
		.bx-map-alt:before {
		    content: "\eb22"
		}
		
		.bx-map-pin:before {
		    content: "\eb23"
		}
		
		.bx-mask:before {
		    content: "\eb24"
		}
		
		.bx-medal:before {
		    content: "\eb25"
		}
		
		.bx-meh:before {
		    content: "\eb26"
		}
		
		.bx-meh-alt:before {
		    content: "\eb27"
		}
		
		.bx-meh-blank:before {
		    content: "\eb28"
		}
		
		.bx-memory-card:before {
		    content: "\eb29"
		}
		
		.bx-menu:before {
		    content: "\eb2a"
		}
		
		.bx-menu-alt-left:before {
		    content: "\eb2b"
		}
		
		.bx-menu-alt-right:before {
		    content: "\eb2c"
		}
		
		.bx-merge:before {
		    content: "\eb2d"
		}
		
		.bx-message:before {
		    content: "\eb2e"
		}
		
		.bx-message-add:before {
		    content: "\eb2f"
		}
		
		.bx-message-alt:before {
		    content: "\eb30"
		}
		
		.bx-message-alt-add:before {
		    content: "\eb31"
		}
		
		.bx-message-alt-check:before {
		    content: "\eb32"
		}
		
		.bx-message-alt-detail:before {
		    content: "\eb33"
		}
		
		.bx-message-alt-dots:before {
		    content: "\eb34"
		}
		
		.bx-message-alt-edit:before {
		    content: "\eb35"
		}
		
		.bx-message-alt-error:before {
		    content: "\eb36"
		}
		
		.bx-message-alt-minus:before {
		    content: "\eb37"
		}
		
		.bx-message-alt-x:before {
		    content: "\eb38"
		}
		
		.bx-message-check:before {
		    content: "\eb39"
		}
		
		.bx-message-detail:before {
		    content: "\eb3a"
		}
		
		.bx-message-dots:before {
		    content: "\eb3b"
		}
		
		.bx-message-edit:before {
		    content: "\eb3c"
		}
		
		.bx-message-error:before {
		    content: "\eb3d"
		}
		
		.bx-message-minus:before {
		    content: "\eb3e"
		}
		
		.bx-message-rounded:before {
		    content: "\eb3f"
		}
		
		.bx-message-rounded-add:before {
		    content: "\eb40"
		}
		
		.bx-message-rounded-check:before {
		    content: "\eb41"
		}
		
		.bx-message-rounded-detail:before {
		    content: "\eb42"
		}
		
		.bx-message-rounded-dots:before {
		    content: "\eb43"
		}
		
		.bx-message-rounded-edit:before {
		    content: "\eb44"
		}
		
		.bx-message-rounded-error:before {
		    content: "\eb45"
		}
		
		.bx-message-rounded-minus:before {
		    content: "\eb46"
		}
		
		.bx-message-rounded-x:before {
		    content: "\eb47"
		}
		
		.bx-message-square:before {
		    content: "\eb48"
		}
		
		.bx-message-square-add:before {
		    content: "\eb49"
		}
		
		.bx-message-square-check:before {
		    content: "\eb4a"
		}
		
		.bx-message-square-detail:before {
		    content: "\eb4b"
		}
		
		.bx-message-square-dots:before {
		    content: "\eb4c"
		}
		
		.bx-message-square-edit:before {
		    content: "\eb4d"
		}
		
		.bx-message-square-error:before {
		    content: "\eb4e"
		}
		
		.bx-message-square-minus:before {
		    content: "\eb4f"
		}
		
		.bx-message-square-x:before {
		    content: "\eb50"
		}
		
		.bx-message-x:before {
		    content: "\eb51"
		}
		
		.bx-meteor:before {
		    content: "\eb52"
		}
		
		.bx-microchip:before {
		    content: "\eb53"
		}
		
		.bx-microphone:before {
		    content: "\eb54"
		}
		
		.bx-microphone-off:before {
		    content: "\eb55"
		}
		
		.bx-minus:before {
		    content: "\eb56"
		}
		
		.bx-minus-back:before {
		    content: "\eb57"
		}
		
		.bx-minus-circle:before {
		    content: "\eb58"
		}
		
		.bx-minus-front:before {
		    content: "\eb59"
		}
		
		.bx-mobile:before {
		    content: "\eb5a"
		}
		
		.bx-mobile-alt:before {
		    content: "\eb5b"
		}
		
		.bx-mobile-landscape:before {
		    content: "\eb5c"
		}
		
		.bx-mobile-vibration:before {
		    content: "\eb5d"
		}
		
		.bx-money:before {
		    content: "\eb5e"
		}
		
		.bx-moon:before {
		    content: "\eb5f"
		}
		
		.bx-mouse:before {
		    content: "\eb60"
		}
		
		.bx-mouse-alt:before {
		    content: "\eb61"
		}
		
		.bx-move:before {
		    content: "\eb62"
		}
		
		.bx-move-horizontal:before {
		    content: "\eb63"
		}
		
		.bx-move-vertical:before {
		    content: "\eb64"
		}
		
		.bx-movie:before {
		    content: "\eb65"
		}
		
		.bx-music:before {
		    content: "\eb66"
		}
		
		.bx-navigation:before {
		    content: "\eb67"
		}
		
		.bx-network-chart:before {
		    content: "\eb68"
		}
		
		.bx-news:before {
		    content: "\eb69"
		}
		
		.bx-no-entry:before {
		    content: "\eb6a"
		}
		
		.bx-note:before {
		    content: "\eb6b"
		}
		
		.bx-notepad:before {
		    content: "\eb6c"
		}
		
		.bx-notification:before {
		    content: "\eb6d"
		}
		
		.bx-notification-off:before {
		    content: "\eb6e"
		}
		
		.bx-outline:before {
		    content: "\eb6f"
		}
		
		.bx-package:before {
		    content: "\eb70"
		}
		
		.bx-paint:before {
		    content: "\eb71"
		}
		
		.bx-paint-roll:before {
		    content: "\eb72"
		}
		
		.bx-palette:before {
		    content: "\eb73"
		}
		
		.bx-paperclip:before {
		    content: "\eb74"
		}
		
		.bx-paper-plane:before {
		    content: "\eb75"
		}
		
		.bx-paragraph:before {
		    content: "\eb76"
		}
		
		.bx-paste:before {
		    content: "\eb77"
		}
		
		.bx-pause:before {
		    content: "\eb78"
		}
		
		.bx-pause-circle:before {
		    content: "\eb79"
		}
		
		.bx-pen:before {
		    content: "\eb7a"
		}
		
		.bx-pencil:before {
		    content: "\eb7b"
		}
		
		.bx-phone:before {
		    content: "\eb7c"
		}
		
		.bx-phone-call:before {
		    content: "\eb7d"
		}
		
		.bx-phone-incoming:before {
		    content: "\eb7e"
		}
		
		.bx-phone-outgoing:before {
		    content: "\eb7f"
		}
		
		.bx-photo-album:before {
		    content: "\eb80"
		}
		
		.bx-pie-chart:before {
		    content: "\eb81"
		}
		
		.bx-pie-chart-alt:before {
		    content: "\eb82"
		}
		
		.bx-pie-chart-alt-2:before {
		    content: "\eb83"
		}
		
		.bx-pin:before {
		    content: "\eb84"
		}
		
		.bx-planet:before {
		    content: "\eb85"
		}
		
		.bx-play:before {
		    content: "\eb86"
		}
		
		.bx-play-circle:before {
		    content: "\eb87"
		}
		
		.bx-plug:before {
		    content: "\eb88"
		}
		
		.bx-plus:before {
		    content: "\eb89"
		}
		
		.bx-plus-circle:before {
		    content: "\eb8a"
		}
		
		.bx-plus-medical:before {
		    content: "\eb8b"
		}
		
		.bx-pointer:before {
		    content: "\eb8c"
		}
		
		.bx-poll:before {
		    content: "\eb8d"
		}
		
		.bx-polygon:before {
		    content: "\eb8e"
		}
		
		.bx-pound:before {
		    content: "\eb8f"
		}
		
		.bx-power-off:before {
		    content: "\eb90"
		}
		
		.bx-printer:before {
		    content: "\eb91"
		}
		
		.bx-pulse:before {
		    content: "\eb92"
		}
		
		.bx-purchase-tag:before {
		    content: "\eb93"
		}
		
		.bx-purchase-tag-alt:before {
		    content: "\eb94"
		}
		
		.bx-pyramid:before {
		    content: "\eb95"
		}
		
		.bx-question-mark:before {
		    content: "\eb96"
		}
		
		.bx-radar:before {
		    content: "\eb97"
		}
		
		.bx-radio:before {
		    content: "\eb98"
		}
		
		.bx-radio-circle:before {
		    content: "\eb99"
		}
		
		.bx-radio-circle-marked:before {
		    content: "\eb9a"
		}
		
		.bx-receipt:before {
		    content: "\eb9b"
		}
		
		.bx-rectangle:before {
		    content: "\eb9c"
		}
		
		.bx-recycle:before {
		    content: "\eb9d"
		}
		
		.bx-redo:before {
		    content: "\eb9e"
		}
		
		.bx-refresh:before {
		    content: "\eb9f"
		}
		
		.bx-rename:before {
		    content: "\eba0"
		}
		
		.bx-repeat:before {
		    content: "\eba1"
		}
		
		.bx-reply:before {
		    content: "\eba2"
		}
		
		.bx-reply-all:before {
		    content: "\eba3"
		}
		
		.bx-repost:before {
		    content: "\eba4"
		}
		
		.bx-reset:before {
		    content: "\eba5"
		}
		
		.bx-restaurant:before {
		    content: "\eba6"
		}
		
		.bx-revision:before {
		    content: "\eba7"
		}
		
		.bx-rewind:before {
		    content: "\eba8"
		}
		
		.bx-rewind-circle:before {
		    content: "\eba9"
		}
		
		.bx-right-arrow:before {
		    content: "\ebaa"
		}
		
		.bx-right-arrow-alt:before {
		    content: "\ebab"
		}
		
		.bx-right-arrow-circle:before {
		    content: "\ebac"
		}
		
		.bx-right-down-arrow-circle:before {
		    content: "\ebad"
		}
		
		.bx-right-indent:before {
		    content: "\ebae"
		}
		
		.bx-right-top-arrow-circle:before {
		    content: "\ebaf"
		}
		
		.bx-rocket:before {
		    content: "\ebb0"
		}
		
		.bx-rotate-left:before {
		    content: "\ebb1"
		}
		
		.bx-rotate-right:before {
		    content: "\ebb2"
		}
		
		.bx-rss:before {
		    content: "\ebb3"
		}
		
		.bx-ruble:before {
		    content: "\ebb4"
		}
		
		.bx-ruler:before {
		    content: "\ebb5"
		}
		
		.bx-run:before {
		    content: "\ebb6"
		}
		
		.bx-rupee:before {
		    content: "\ebb7"
		}
		
		.bx-sad:before {
		    content: "\ebb8"
		}
		
		.bx-save:before {
		    content: "\ebb9"
		}
		
		.bx-scan:before {
		    content: "\ebba"
		}
		
		.bx-screenshot:before {
		    content: "\ebbb"
		}
		
		.bx-search:before {
		    content: "\ebbc"
		}
		
		.bx-search-alt:before {
		    content: "\ebbd"
		}
		
		.bx-search-alt-2:before {
		    content: "\ebbe"
		}
		
		.bx-selection:before {
		    content: "\ebbf"
		}
		
		.bx-select-multiple:before {
		    content: "\ebc0"
		}
		
		.bx-send:before {
		    content: "\ebc1"
		}
		
		.bx-server:before {
		    content: "\ebc2"
		}
		
		.bx-shape-circle:before {
		    content: "\ebc3"
		}
		
		.bx-shape-polygon:before {
		    content: "\ebc4"
		}
		
		.bx-shape-square:before {
		    content: "\ebc5"
		}
		
		.bx-shape-triangle:before {
		    content: "\ebc6"
		}
		
		.bx-share:before {
		    content: "\ebc7"
		}
		
		.bx-share-alt:before {
		    content: "\ebc8"
		}
		
		.bx-shekel:before {
		    content: "\ebc9"
		}
		
		.bx-shield:before {
		    content: "\ebca"
		}
		
		.bx-shield-alt:before {
		    content: "\ebcb"
		}
		
		.bx-shield-alt-2:before {
		    content: "\ebcc"
		}
		
		.bx-shield-quarter:before {
		    content: "\ebcd"
		}
		
		.bx-shield-x:before {
		    content: "\ebce"
		}
		
		.bx-shocked:before {
		    content: "\ebcf"
		}
		
		.bx-shopping-bag:before {
		    content: "\ebd0"
		}
		
		.bx-show:before {
		    content: "\ebd1"
		}
		
		.bx-show-alt:before {
		    content: "\ebd2"
		}
		
		.bx-shuffle:before {
		    content: "\ebd3"
		}
		
		.bx-sidebar:before {
		    content: "\ebd4"
		}
		
		.bx-sitemap:before {
		    content: "\ebd5"
		}
		
		.bx-skip-next:before {
		    content: "\ebd6"
		}
		
		.bx-skip-next-circle:before {
		    content: "\ebd7"
		}
		
		.bx-skip-previous:before {
		    content: "\ebd8"
		}
		
		.bx-skip-previous-circle:before {
		    content: "\ebd9"
		}
		
		.bx-sleepy:before {
		    content: "\ebda"
		}
		
		.bx-slider:before {
		    content: "\ebdb"
		}
		
		.bx-slider-alt:before {
		    content: "\ebdc"
		}
		
		.bx-slideshow:before {
		    content: "\ebdd"
		}
		
		.bx-smile:before {
		    content: "\ebde"
		}
		
		.bx-sort:before {
		    content: "\ebdf"
		}
		
		.bx-sort-a-z:before {
		    content: "\ebe0"
		}
		
		.bx-sort-down:before {
		    content: "\ebe1"
		}
		
		.bx-sort-up:before {
		    content: "\ebe2"
		}
		
		.bx-sort-z-a:before {
		    content: "\ebe3"
		}
		
		.bx-spa:before {
		    content: "\ebe4"
		}
		
		.bx-space-bar:before {
		    content: "\ebe5"
		}
		
		.bx-spray-can:before {
		    content: "\ebe6"
		}
		
		.bx-spreadsheet:before {
		    content: "\ebe7"
		}
		
		.bx-square:before {
		    content: "\ebe8"
		}
		
		.bx-square-rounded:before {
		    content: "\ebe9"
		}
		
		.bx-star:before {
		    content: "\ebea"
		}
		
		.bx-station:before {
		    content: "\ebeb"
		}
		
		.bx-stats:before {
		    content: "\ebec"
		}
		
		.bx-sticker:before {
		    content: "\ebed"
		}
		
		.bx-stop:before {
		    content: "\ebee"
		}
		
		.bx-stop-circle:before {
		    content: "\ebef"
		}
		
		.bx-stopwatch:before {
		    content: "\ebf0"
		}
		
		.bx-store:before {
		    content: "\ebf1"
		}
		
		.bx-store-alt:before {
		    content: "\ebf2"
		}
		
		.bx-street-view:before {
		    content: "\ebf3"
		}
		
		.bx-strikethrough:before {
		    content: "\ebf4"
		}
		
		.bx-subdirectory-left:before {
		    content: "\ebf5"
		}
		
		.bx-subdirectory-right:before {
		    content: "\ebf6"
		}
		
		.bx-sun:before {
		    content: "\ebf7"
		}
		
		.bx-support:before {
		    content: "\ebf8"
		}
		
		.bx-swim:before {
		    content: "\ebf9"
		}
		
		.bx-sync:before {
		    content: "\ebfa"
		}
		
		.bx-tab:before {
		    content: "\ebfb"
		}
		
		.bx-table:before {
		    content: "\ebfc"
		}
		
		.bx-tachometer:before {
		    content: "\ebfd"
		}
		
		.bx-tag:before {
		    content: "\ebfe"
		}
		
		.bx-target-lock:before {
		    content: "\ebff"
		}
		
		.bx-task:before {
		    content: "\ec00"
		}
		
		.bx-task-x:before {
		    content: "\ec01"
		}
		
		.bx-taxi:before {
		    content: "\ec02"
		}
		
		.bx-tennis-ball:before {
		    content: "\ec03"
		}
		
		.bx-terminal:before {
		    content: "\ec04"
		}
		
		.bx-test-tube:before {
		    content: "\ec05"
		}
		
		.bx-text:before {
		    content: "\ec06"
		}
		
		.bx-time:before {
		    content: "\ec07"
		}
		
		.bx-time-five:before {
		    content: "\ec08"
		}
		
		.bx-timer:before {
		    content: "\ec09"
		}
		
		.bx-tired:before {
		    content: "\ec0a"
		}
		
		.bx-toggle-left:before {
		    content: "\ec0b"
		}
		
		.bx-toggle-right:before {
		    content: "\ec0c"
		}
		
		.bx-tone:before {
		    content: "\ec0d"
		}
		
		.bx-traffic-cone:before {
		    content: "\ec0e"
		}
		
		.bx-train:before {
		    content: "\ec0f"
		}
		
		.bx-transfer:before {
		    content: "\ec10"
		}
		
		.bx-transfer-alt:before {
		    content: "\ec11"
		}
		
		.bx-trash:before {
		    content: "\ec12"
		}
		
		.bx-trash-alt:before {
		    content: "\ec13"
		}
		
		.bx-trending-down:before {
		    content: "\ec14"
		}
		
		.bx-trending-up:before {
		    content: "\ec15"
		}
		
		.bx-trim:before {
		    content: "\ec16"
		}
		
		.bx-trophy:before {
		    content: "\ec17"
		}
		
		.bx-tv:before {
		    content: "\ec18"
		}
		
		.bx-underline:before {
		    content: "\ec19"
		}
		
		.bx-undo:before {
		    content: "\ec1a"
		}
		
		.bx-unite:before {
		    content: "\ec1b"
		}
		
		.bx-unlink:before {
		    content: "\ec1c"
		}
		
		.bx-up-arrow:before {
		    content: "\ec1d"
		}
		
		.bx-up-arrow-alt:before {
		    content: "\ec1e"
		}
		
		.bx-up-arrow-circle:before {
		    content: "\ec1f"
		}
		
		.bx-upload:before {
		    content: "\ec20"
		}
		
		.bx-upside-down:before {
		    content: "\ec21"
		}
		
		.bx-upvote:before {
		    content: "\ec22"
		}
		
		.bx-usb:before {
		    content: "\ec23"
		}
		
		.bx-user:before {
		    content: "\ec24"
		}
		
		.bx-user-check:before {
		    content: "\ec25"
		}
		
		.bx-user-circle:before {
		    content: "\ec26"
		}
		
		.bx-user-minus:before {
		    content: "\ec27"
		}
		
		.bx-user-pin:before {
		    content: "\ec28"
		}
		
		.bx-user-plus:before {
		    content: "\ec29"
		}
		
		.bx-user-voice:before {
		    content: "\ec2a"
		}
		
		.bx-user-x:before {
		    content: "\ec2b"
		}
		
		.bx-vector:before {
		    content: "\ec2c"
		}
		
		.bx-vertical-center:before {
		    content: "\ec2d"
		}
		
		.bx-vial:before {
		    content: "\ec2e"
		}
		
		.bx-video:before {
		    content: "\ec2f"
		}
		
		.bx-video-off:before {
		    content: "\ec30"
		}
		
		.bx-video-plus:before {
		    content: "\ec31"
		}
		
		.bx-video-recording:before {
		    content: "\ec32"
		}
		
		.bx-voicemail:before {
		    content: "\ec33"
		}
		
		.bx-volume:before {
		    content: "\ec34"
		}
		
		.bx-volume-full:before {
		    content: "\ec35"
		}
		
		.bx-volume-low:before {
		    content: "\ec36"
		}
		
		.bx-volume-mute:before {
		    content: "\ec37"
		}
		
		.bx-walk:before {
		    content: "\ec38"
		}
		
		.bx-wallet:before {
		    content: "\ec39"
		}
		
		.bx-wallet-alt:before {
		    content: "\ec3a"
		}
		
		.bx-water:before {
		    content: "\ec3b"
		}
		
		.bx-webcam:before {
		    content: "\ec3c"
		}
		
		.bx-wifi:before {
		    content: "\ec3d"
		}
		
		.bx-wifi-0:before {
		    content: "\ec3e"
		}
		
		.bx-wifi-1:before {
		    content: "\ec3f"
		}
		
		.bx-wifi-2:before {
		    content: "\ec40"
		}
		
		.bx-wifi-off:before {
		    content: "\ec41"
		}
		
		.bx-wind:before {
		    content: "\ec42"
		}
		
		.bx-window:before {
		    content: "\ec43"
		}
		
		.bx-window-alt:before {
		    content: "\ec44"
		}
		
		.bx-window-close:before {
		    content: "\ec45"
		}
		
		.bx-window-open:before {
		    content: "\ec46"
		}
		
		.bx-windows:before {
		    content: "\ec47"
		}
		
		.bx-wine:before {
		    content: "\ec48"
		}
		
		.bx-wink-smile:before {
		    content: "\ec49"
		}
		
		.bx-wink-tongue:before {
		    content: "\ec4a"
		}
		
		.bx-won:before {
		    content: "\ec4b"
		}
		
		.bx-world:before {
		    content: "\ec4c"
		}
		
		.bx-wrench:before {
		    content: "\ec4d"
		}
		
		.bx-x:before {
		    content: "\ec4e"
		}
		
		.bx-x-circle:before {
		    content: "\ec4f"
		}
		
		.bx-yen:before {
		    content: "\ec50"
		}
		
		.bx-zoom-in:before {
		    content: "\ec51"
		}
		
		.bx-zoom-out:before {
		    content: "\ec52"
		}
		
		.bxs-add-to-queue:before {
		    content: "\ec53"
		}
		
		.bxs-adjust:before {
		    content: "\ec54"
		}
		
		.bxs-adjust-alt:before {
		    content: "\ec55"
		}
		
		.bxs-alarm:before {
		    content: "\ec56"
		}
		
		.bxs-alarm-add:before {
		    content: "\ec57"
		}
		
		.bxs-alarm-exclamation:before {
		    content: "\ec58"
		}
		
		.bxs-alarm-off:before {
		    content: "\ec59"
		}
		
		.bxs-alarm-snooze:before {
		    content: "\ec5a"
		}
		
		.bxs-album:before {
		    content: "\ec5b"
		}
		
		.bxs-ambulance:before {
		    content: "\ec5c"
		}
		
		.bxs-analyse:before {
		    content: "\ec5d"
		}
		
		.bxs-angry:before {
		    content: "\ec5e"
		}
		
		.bxs-arch:before {
		    content: "\ec5f"
		}
		
		.bxs-archive:before {
		    content: "\ec60"
		}
		
		.bxs-archive-in:before {
		    content: "\ec61"
		}
		
		.bxs-archive-out:before {
		    content: "\ec62"
		}
		
		.bxs-area:before {
		    content: "\ec63"
		}
		
		.bxs-arrow-from-bottom:before {
		    content: "\ec64"
		}
		
		.bxs-arrow-from-left:before {
		    content: "\ec65"
		}
		
		.bxs-arrow-from-right:before {
		    content: "\ec66"
		}
		
		.bxs-arrow-from-top:before {
		    content: "\ec67"
		}
		
		.bxs-arrow-to-bottom:before {
		    content: "\ec68"
		}
		
		.bxs-arrow-to-left:before {
		    content: "\ec69"
		}
		
		.bxs-arrow-to-right:before {
		    content: "\ec6a"
		}
		
		.bxs-arrow-to-top:before {
		    content: "\ec6b"
		}
		
		.bxs-award:before {
		    content: "\ec6c"
		}
		
		.bxs-baby-carriage:before {
		    content: "\ec6d"
		}
		
		.bxs-backpack:before {
		    content: "\ec6e"
		}
		
		.bxs-badge:before {
		    content: "\ec6f"
		}
		
		.bxs-badge-check:before {
		    content: "\ec70"
		}
		
		.bxs-badge-dollar:before {
		    content: "\ec71"
		}
		
		.bxs-ball:before {
		    content: "\ec72"
		}
		
		.bxs-band-aid:before {
		    content: "\ec73"
		}
		
		.bxs-bank:before {
		    content: "\ec74"
		}
		
		.bxs-bar-chart-alt-2:before {
		    content: "\ec75"
		}
		
		.bxs-bar-chart-square:before {
		    content: "\ec76"
		}
		
		.bxs-barcode:before {
		    content: "\ec77"
		}
		
		.bxs-baseball:before {
		    content: "\ec78"
		}
		
		.bxs-basket:before {
		    content: "\ec79"
		}
		
		.bxs-basketball:before {
		    content: "\ec7a"
		}
		
		.bxs-bath:before {
		    content: "\ec7b"
		}
		
		.bxs-battery:before {
		    content: "\ec7c"
		}
		
		.bxs-battery-charging:before {
		    content: "\ec7d"
		}
		
		.bxs-battery-full:before {
		    content: "\ec7e"
		}
		
		.bxs-battery-low:before {
		    content: "\ec7f"
		}
		
		.bxs-bed:before {
		    content: "\ec80"
		}
		
		.bxs-been-here:before {
		    content: "\ec81"
		}
		
		.bxs-beer:before {
		    content: "\ec82"
		}
		
		.bxs-bell:before {
		    content: "\ec83"
		}
		
		.bxs-bell-minus:before {
		    content: "\ec84"
		}
		
		.bxs-bell-off:before {
		    content: "\ec85"
		}
		
		.bxs-bell-plus:before {
		    content: "\ec86"
		}
		
		.bxs-bell-ring:before {
		    content: "\ec87"
		}
		
		.bxs-bible:before {
		    content: "\ec88"
		}
		
		.bxs-binoculars:before {
		    content: "\ec89"
		}
		
		.bxs-blanket:before {
		    content: "\ec8a"
		}
		
		.bxs-bolt:before {
		    content: "\ec8b"
		}
		
		.bxs-bolt-circle:before {
		    content: "\ec8c"
		}
		
		.bxs-bomb:before {
		    content: "\ec8d"
		}
		
		.bxs-bone:before {
		    content: "\ec8e"
		}
		
		.bxs-bong:before {
		    content: "\ec8f"
		}
		
		.bxs-book:before {
		    content: "\ec90"
		}
		
		.bxs-book-add:before {
		    content: "\ec91"
		}
		
		.bxs-book-alt:before {
		    content: "\ec92"
		}
		
		.bxs-book-bookmark:before {
		    content: "\ec93"
		}
		
		.bxs-book-content:before {
		    content: "\ec94"
		}
		
		.bxs-book-heart:before {
		    content: "\ec95"
		}
		
		.bxs-bookmark:before {
		    content: "\ec96"
		}
		
		.bxs-bookmark-minus:before {
		    content: "\ec97"
		}
		
		.bxs-bookmark-plus:before {
		    content: "\ec98"
		}
		
		.bxs-bookmarks:before {
		    content: "\ec99"
		}
		
		.bxs-bookmark-star:before {
		    content: "\ec9a"
		}
		
		.bxs-book-open:before {
		    content: "\ec9b"
		}
		
		.bxs-book-reader:before {
		    content: "\ec9c"
		}
		
		.bxs-bot:before {
		    content: "\ec9d"
		}
		
		.bxs-bowling-ball:before {
		    content: "\ec9e"
		}
		
		.bxs-box:before {
		    content: "\ec9f"
		}
		
		.bxs-brain:before {
		    content: "\eca0"
		}
		
		.bxs-briefcase:before {
		    content: "\eca1"
		}
		
		.bxs-briefcase-alt:before {
		    content: "\eca2"
		}
		
		.bxs-briefcase-alt-2:before {
		    content: "\eca3"
		}
		
		.bxs-brightness:before {
		    content: "\eca4"
		}
		
		.bxs-brightness-half:before {
		    content: "\eca5"
		}
		
		.bxs-brush:before {
		    content: "\eca6"
		}
		
		.bxs-brush-alt:before {
		    content: "\eca7"
		}
		
		.bxs-bug:before {
		    content: "\eca8"
		}
		
		.bxs-bug-alt:before {
		    content: "\eca9"
		}
		
		.bxs-building:before {
		    content: "\ecaa"
		}
		
		.bxs-building-house:before {
		    content: "\ecab"
		}
		
		.bxs-buildings:before {
		    content: "\ecac"
		}
		
		.bxs-bulb:before {
		    content: "\ecad"
		}
		
		.bxs-bullseye:before {
		    content: "\ecae"
		}
		
		.bxs-buoy:before {
		    content: "\ecaf"
		}
		
		.bxs-bus:before {
		    content: "\ecb0"
		}
		
		.bxs-business:before {
		    content: "\ecb1"
		}
		
		.bxs-bus-school:before {
		    content: "\ecb2"
		}
		
		.bxs-cabinet:before {
		    content: "\ecb3"
		}
		
		.bxs-cake:before {
		    content: "\ecb4"
		}
		
		.bxs-calculator:before {
		    content: "\ecb5"
		}
		
		.bxs-calendar:before {
		    content: "\ecb6"
		}
		
		.bxs-calendar-alt:before {
		    content: "\ecb7"
		}
		
		.bxs-calendar-check:before {
		    content: "\ecb8"
		}
		
		.bxs-calendar-edit:before {
		    content: "\ecb9"
		}
		
		.bxs-calendar-event:before {
		    content: "\ecba"
		}
		
		.bxs-calendar-exclamation:before {
		    content: "\ecbb"
		}
		
		.bxs-calendar-heart:before {
		    content: "\ecbc"
		}
		
		.bxs-calendar-minus:before {
		    content: "\ecbd"
		}
		
		.bxs-calendar-plus:before {
		    content: "\ecbe"
		}
		
		.bxs-calendar-star:before {
		    content: "\ecbf"
		}
		
		.bxs-calendar-week:before {
		    content: "\ecc0"
		}
		
		.bxs-calendar-x:before {
		    content: "\ecc1"
		}
		
		.bxs-camera:before {
		    content: "\ecc2"
		}
		
		.bxs-camera-home:before {
		    content: "\ecc3"
		}
		
		.bxs-camera-movie:before {
		    content: "\ecc4"
		}
		
		.bxs-camera-off:before {
		    content: "\ecc5"
		}
		
		.bxs-camera-plus:before {
		    content: "\ecc6"
		}
		
		.bxs-capsule:before {
		    content: "\ecc7"
		}
		
		.bxs-captions:before {
		    content: "\ecc8"
		}
		
		.bxs-car:before {
		    content: "\ecc9"
		}
		
		.bxs-car-battery:before {
		    content: "\ecca"
		}
		
		.bxs-car-crash:before {
		    content: "\eccb"
		}
		
		.bxs-card:before {
		    content: "\eccc"
		}
		
		.bxs-caret-down-circle:before {
		    content: "\eccd"
		}
		
		.bxs-caret-down-square:before {
		    content: "\ecce"
		}
		
		.bxs-caret-left-circle:before {
		    content: "\eccf"
		}
		
		.bxs-caret-left-square:before {
		    content: "\ecd0"
		}
		
		.bxs-caret-right-circle:before {
		    content: "\ecd1"
		}
		
		.bxs-caret-right-square:before {
		    content: "\ecd2"
		}
		
		.bxs-caret-up-circle:before {
		    content: "\ecd3"
		}
		
		.bxs-caret-up-square:before {
		    content: "\ecd4"
		}
		
		.bxs-car-garage:before {
		    content: "\ecd5"
		}
		
		.bxs-car-mechanic:before {
		    content: "\ecd6"
		}
		
		.bxs-carousel:before {
		    content: "\ecd7"
		}
		
		.bxs-cart:before {
		    content: "\ecd8"
		}
		
		.bxs-cart-add:before {
		    content: "\ecd9"
		}
		
		.bxs-cart-alt:before {
		    content: "\ecda"
		}
		
		.bxs-cart-download:before {
		    content: "\ecdb"
		}
		
		.bxs-car-wash:before {
		    content: "\ecdc"
		}
		
		.bxs-cctv:before {
		    content: "\ecdd"
		}
		
		.bxs-certification:before {
		    content: "\ecde"
		}
		
		.bxs-chalkboard:before {
		    content: "\ecdf"
		}
		
		.bxs-chart:before {
		    content: "\ece0"
		}
		
		.bxs-chat:before {
		    content: "\ece1"
		}
		
		.bxs-checkbox:before {
		    content: "\ece2"
		}
		
		.bxs-checkbox-checked:before {
		    content: "\ece3"
		}
		
		.bxs-check-circle:before {
		    content: "\ece4"
		}
		
		.bxs-check-shield:before {
		    content: "\ece5"
		}
		
		.bxs-check-square:before {
		    content: "\ece6"
		}
		
		.bxs-chess:before {
		    content: "\ece7"
		}
		
		.bxs-chevron-down:before {
		    content: "\ece8"
		}
		
		.bxs-chevron-down-circle:before {
		    content: "\ece9"
		}
		
		.bxs-chevron-down-square:before {
		    content: "\ecea"
		}
		
		.bxs-chevron-left:before {
		    content: "\eceb"
		}
		
		.bxs-chevron-left-circle:before {
		    content: "\ecec"
		}
		
		.bxs-chevron-left-square:before {
		    content: "\eced"
		}
		
		.bxs-chevron-right:before {
		    content: "\ecee"
		}
		
		.bxs-chevron-right-circle:before {
		    content: "\ecef"
		}
		
		.bxs-chevron-right-square:before {
		    content: "\ecf0"
		}
		
		.bxs-chevrons-down:before {
		    content: "\ecf1"
		}
		
		.bxs-chevrons-left:before {
		    content: "\ecf2"
		}
		
		.bxs-chevrons-right:before {
		    content: "\ecf3"
		}
		
		.bxs-chevrons-up:before {
		    content: "\ecf4"
		}
		
		.bxs-chevron-up:before {
		    content: "\ecf5"
		}
		
		.bxs-chevron-up-circle:before {
		    content: "\ecf6"
		}
		
		.bxs-chevron-up-square:before {
		    content: "\ecf7"
		}
		
		.bxs-chip:before {
		    content: "\ecf8"
		}
		
		.bxs-church:before {
		    content: "\ecf9"
		}
		
		.bxs-circle:before {
		    content: "\ecfa"
		}
		
		.bxs-city:before {
		    content: "\ecfb"
		}
		
		.bxs-clinic:before {
		    content: "\ecfc"
		}
		
		.bxs-cloud:before {
		    content: "\ecfd"
		}
		
		.bxs-cloud-download:before {
		    content: "\ecfe"
		}
		
		.bxs-cloud-lightning:before {
		    content: "\ecff"
		}
		
		.bxs-cloud-rain:before {
		    content: "\ed00"
		}
		
		.bxs-cloud-upload:before {
		    content: "\ed01"
		}
		
		.bxs-coffee:before {
		    content: "\ed02"
		}
		
		.bxs-coffee-alt:before {
		    content: "\ed03"
		}
		
		.bxs-coffee-togo:before {
		    content: "\ed04"
		}
		
		.bxs-cog:before {
		    content: "\ed05"
		}
		
		.bxs-coin:before {
		    content: "\ed06"
		}
		
		.bxs-coin-stack:before {
		    content: "\ed07"
		}
		
		.bxs-collection:before {
		    content: "\ed08"
		}
		
		.bxs-color-fill:before {
		    content: "\ed09"
		}
		
		.bxs-comment:before {
		    content: "\ed0a"
		}
		
		.bxs-comment-add:before {
		    content: "\ed0b"
		}
		
		.bxs-comment-check:before {
		    content: "\ed0c"
		}
		
		.bxs-comment-detail:before {
		    content: "\ed0d"
		}
		
		.bxs-comment-dots:before {
		    content: "\ed0e"
		}
		
		.bxs-comment-edit:before {
		    content: "\ed0f"
		}
		
		.bxs-comment-error:before {
		    content: "\ed10"
		}
		
		.bxs-comment-minus:before {
		    content: "\ed11"
		}
		
		.bxs-comment-x:before {
		    content: "\ed12"
		}
		
		.bxs-compass:before {
		    content: "\ed13"
		}
		
		.bxs-component:before {
		    content: "\ed14"
		}
		
		.bxs-confused:before {
		    content: "\ed15"
		}
		
		.bxs-contact:before {
		    content: "\ed16"
		}
		
		.bxs-conversation:before {
		    content: "\ed17"
		}
		
		.bxs-cookie:before {
		    content: "\ed18"
		}
		
		.bxs-cool:before {
		    content: "\ed19"
		}
		
		.bxs-copy:before {
		    content: "\ed1a"
		}
		
		.bxs-copy-alt:before {
		    content: "\ed1b"
		}
		
		.bxs-copyright:before {
		    content: "\ed1c"
		}
		
		.bxs-coupon:before {
		    content: "\ed1d"
		}
		
		.bxs-credit-card:before {
		    content: "\ed1e"
		}
		
		.bxs-credit-card-alt:before {
		    content: "\ed1f"
		}
		
		.bxs-credit-card-front:before {
		    content: "\ed20"
		}
		
		.bxs-crop:before {
		    content: "\ed21"
		}
		
		.bxs-crown:before {
		    content: "\ed22"
		}
		
		.bxs-cube:before {
		    content: "\ed23"
		}
		
		.bxs-cube-alt:before {
		    content: "\ed24"
		}
		
		.bxs-cuboid:before {
		    content: "\ed25"
		}
		
		.bxs-customize:before {
		    content: "\ed26"
		}
		
		.bxs-cylinder:before {
		    content: "\ed27"
		}
		
		.bxs-dashboard:before {
		    content: "\ed28"
		}
		
		.bxs-data:before {
		    content: "\ed29"
		}
		
		.bxs-detail:before {
		    content: "\ed2a"
		}
		
		.bxs-devices:before {
		    content: "\ed2b"
		}
		
		.bxs-diamond:before {
		    content: "\ed2c"
		}
		
		.bxs-dice-1:before {
		    content: "\ed2d"
		}
		
		.bxs-dice-2:before {
		    content: "\ed2e"
		}
		
		.bxs-dice-3:before {
		    content: "\ed2f"
		}
		
		.bxs-dice-4:before {
		    content: "\ed30"
		}
		
		.bxs-dice-5:before {
		    content: "\ed31"
		}
		
		.bxs-dice-6:before {
		    content: "\ed32"
		}
		
		.bxs-direction-left:before {
		    content: "\ed33"
		}
		
		.bxs-direction-right:before {
		    content: "\ed34"
		}
		
		.bxs-directions:before {
		    content: "\ed35"
		}
		
		.bxs-disc:before {
		    content: "\ed36"
		}
		
		.bxs-discount:before {
		    content: "\ed37"
		}
		
		.bxs-dish:before {
		    content: "\ed38"
		}
		
		.bxs-dislike:before {
		    content: "\ed39"
		}
		
		.bxs-dizzy:before {
		    content: "\ed3a"
		}
		
		.bxs-dock-bottom:before {
		    content: "\ed3b"
		}
		
		.bxs-dock-left:before {
		    content: "\ed3c"
		}
		
		.bxs-dock-right:before {
		    content: "\ed3d"
		}
		
		.bxs-dock-top:before {
		    content: "\ed3e"
		}
		
		.bxs-dollar-circle:before {
		    content: "\ed3f"
		}
		
		.bxs-donate-blood:before {
		    content: "\ed40"
		}
		
		.bxs-donate-heart:before {
		    content: "\ed41"
		}
		
		.bxs-door-open:before {
		    content: "\ed42"
		}
		
		.bxs-doughnut-chart:before {
		    content: "\ed43"
		}
		
		.bxs-down-arrow:before {
		    content: "\ed44"
		}
		
		.bxs-down-arrow-alt:before {
		    content: "\ed45"
		}
		
		.bxs-down-arrow-circle:before {
		    content: "\ed46"
		}
		
		.bxs-down-arrow-square:before {
		    content: "\ed47"
		}
		
		.bxs-download:before {
		    content: "\ed48"
		}
		
		.bxs-downvote:before {
		    content: "\ed49"
		}
		
		.bxs-drink:before {
		    content: "\ed4a"
		}
		
		.bxs-droplet:before {
		    content: "\ed4b"
		}
		
		.bxs-droplet-half:before {
		    content: "\ed4c"
		}
		
		.bxs-dryer:before {
		    content: "\ed4d"
		}
		
		.bxs-duplicate:before {
		    content: "\ed4e"
		}
		
		.bxs-edit:before {
		    content: "\ed4f"
		}
		
		.bxs-edit-alt:before {
		    content: "\ed50"
		}
		
		.bxs-edit-location:before {
		    content: "\ed51"
		}
		
		.bxs-eject:before {
		    content: "\ed52"
		}
		
		.bxs-envelope:before {
		    content: "\ed53"
		}
		
		.bxs-envelope-open:before {
		    content: "\ed54"
		}
		
		.bxs-eraser:before {
		    content: "\ed55"
		}
		
		.bxs-error:before {
		    content: "\ed56"
		}
		
		.bxs-error-alt:before {
		    content: "\ed57"
		}
		
		.bxs-error-circle:before {
		    content: "\ed58"
		}
		
		.bxs-ev-station:before {
		    content: "\ed59"
		}
		
		.bxs-exit:before {
		    content: "\ed5a"
		}
		
		.bxs-extension:before {
		    content: "\ed5b"
		}
		
		.bxs-eyedropper:before {
		    content: "\ed5c"
		}
		
		.bxs-face:before {
		    content: "\ed5d"
		}
		
		.bxs-factory:before {
		    content: "\ed5e"
		}
		
		.bxs-fast-forward-circle:before {
		    content: "\ed5f"
		}
		
		.bxs-file:before {
		    content: "\ed60"
		}
		
		.bxs-file-archive:before {
		    content: "\ed61"
		}
		
		.bxs-file-blank:before {
		    content: "\ed62"
		}
		
		.bxs-file-css:before {
		    content: "\ed63"
		}
		
		.bxs-file-doc:before {
		    content: "\ed64"
		}
		
		.bxs-file-export:before {
		    content: "\ed65"
		}
		
		.bxs-file-find:before {
		    content: "\ed66"
		}
		
		.bxs-file-gif:before {
		    content: "\ed67"
		}
		
		.bxs-file-html:before {
		    content: "\ed68"
		}
		
		.bxs-file-image:before {
		    content: "\ed69"
		}
		
		.bxs-file-import:before {
		    content: "\ed6a"
		}
		
		.bxs-file-jpg:before {
		    content: "\ed6b"
		}
		
		.bxs-file-js:before {
		    content: "\ed6c"
		}
		
		.bxs-file-json:before {
		    content: "\ed6d"
		}
		
		.bxs-file-md:before {
		    content: "\ed6e"
		}
		
		.bxs-file-pdf:before {
		    content: "\ed6f"
		}
		
		.bxs-file-plus:before {
		    content: "\ed70"
		}
		
		.bxs-file-png:before {
		    content: "\ed71"
		}
		
		.bxs-file-txt:before {
		    content: "\ed72"
		}
		
		.bxs-film:before {
		    content: "\ed73"
		}
		
		.bxs-filter-alt:before {
		    content: "\ed74"
		}
		
		.bxs-first-aid:before {
		    content: "\ed75"
		}
		
		.bxs-flag:before {
		    content: "\ed76"
		}
		
		.bxs-flag-alt:before {
		    content: "\ed77"
		}
		
		.bxs-flag-checkered:before {
		    content: "\ed78"
		}
		
		.bxs-flame:before {
		    content: "\ed79"
		}
		
		.bxs-flask:before {
		    content: "\ed7a"
		}
		
		.bxs-florist:before {
		    content: "\ed7b"
		}
		
		.bxs-folder:before {
		    content: "\ed7c"
		}
		
		.bxs-folder-minus:before {
		    content: "\ed7d"
		}
		
		.bxs-folder-open:before {
		    content: "\ed7e"
		}
		
		.bxs-folder-plus:before {
		    content: "\ed7f"
		}
		
		.bxs-food-menu:before {
		    content: "\ed80"
		}
		
		.bxs-fridge:before {
		    content: "\ed81"
		}
		
		.bxs-game:before {
		    content: "\ed82"
		}
		
		.bxs-gas-pump:before {
		    content: "\ed83"
		}
		
		.bxs-ghost:before {
		    content: "\ed84"
		}
		
		.bxs-gift:before {
		    content: "\ed85"
		}
		
		.bxs-graduation:before {
		    content: "\ed86"
		}
		
		.bxs-grid:before {
		    content: "\ed87"
		}
		
		.bxs-grid-alt:before {
		    content: "\ed88"
		}
		
		.bxs-group:before {
		    content: "\ed89"
		}
		
		.bxs-guitar-amp:before {
		    content: "\ed8a"
		}
		
		.bxs-hand-down:before {
		    content: "\ed8b"
		}
		
		.bxs-hand-left:before {
		    content: "\ed8c"
		}
		
		.bxs-hand-right:before {
		    content: "\ed8d"
		}
		
		.bxs-hand-up:before {
		    content: "\ed8e"
		}
		
		.bxs-happy:before {
		    content: "\ed8f"
		}
		
		.bxs-happy-alt:before {
		    content: "\ed90"
		}
		
		.bxs-happy-beaming:before {
		    content: "\ed91"
		}
		
		.bxs-happy-heart-eyes:before {
		    content: "\ed92"
		}
		
		.bxs-hdd:before {
		    content: "\ed93"
		}
		
		.bxs-heart:before {
		    content: "\ed94"
		}
		
		.bxs-heart-circle:before {
		    content: "\ed95"
		}
		
		.bxs-heart-square:before {
		    content: "\ed96"
		}
		
		.bxs-help-circle:before {
		    content: "\ed97"
		}
		
		.bxs-hide:before {
		    content: "\ed98"
		}
		
		.bxs-home:before {
		    content: "\ed99"
		}
		
		.bxs-home-circle:before {
		    content: "\ed9a"
		}
		
		.bxs-home-heart:before {
		    content: "\ed9b"
		}
		
		.bxs-home-smile:before {
		    content: "\ed9c"
		}
		
		.bxs-hot:before {
		    content: "\ed9d"
		}
		
		.bxs-hotel:before {
		    content: "\ed9e"
		}
		
		.bxs-hourglass:before {
		    content: "\ed9f"
		}
		
		.bxs-hourglass-bottom:before {
		    content: "\eda0"
		}
		
		.bxs-hourglass-top:before {
		    content: "\eda1"
		}
		
		.bxs-id-card:before {
		    content: "\eda2"
		}
		
		.bxs-image:before {
		    content: "\eda3"
		}
		
		.bxs-image-add:before {
		    content: "\eda4"
		}
		
		.bxs-image-alt:before {
		    content: "\eda5"
		}
		
		.bxs-inbox:before {
		    content: "\eda6"
		}
		
		.bxs-info-circle:before {
		    content: "\eda7"
		}
		
		.bxs-info-square:before {
		    content: "\eda8"
		}
		
		.bxs-institution:before {
		    content: "\eda9"
		}
		
		.bxs-joystick:before {
		    content: "\edaa"
		}
		
		.bxs-joystick-alt:before {
		    content: "\edab"
		}
		
		.bxs-joystick-button:before {
		    content: "\edac"
		}
		
		.bxs-key:before {
		    content: "\edad"
		}
		
		.bxs-keyboard:before {
		    content: "\edae"
		}
		
		.bxs-label:before {
		    content: "\edaf"
		}
		
		.bxs-landmark:before {
		    content: "\edb0"
		}
		
		.bxs-landscape:before {
		    content: "\edb1"
		}
		
		.bxs-laugh:before {
		    content: "\edb2"
		}
		
		.bxs-layer:before {
		    content: "\edb3"
		}
		
		.bxs-layer-minus:before {
		    content: "\edb4"
		}
		
		.bxs-layer-plus:before {
		    content: "\edb5"
		}
		
		.bxs-layout:before {
		    content: "\edb6"
		}
		
		.bxs-left-arrow:before {
		    content: "\edb7"
		}
		
		.bxs-left-arrow-alt:before {
		    content: "\edb8"
		}
		
		.bxs-left-arrow-circle:before {
		    content: "\edb9"
		}
		
		.bxs-left-arrow-square:before {
		    content: "\edba"
		}
		
		.bxs-left-down-arrow-circle:before {
		    content: "\edbb"
		}
		
		.bxs-left-top-arrow-circle:before {
		    content: "\edbc"
		}
		
		.bxs-like:before {
		    content: "\edbd"
		}
		
		.bxs-location-plus:before {
		    content: "\edbe"
		}
		
		.bxs-lock:before {
		    content: "\edbf"
		}
		
		.bxs-lock-alt:before {
		    content: "\edc0"
		}
		
		.bxs-lock-open:before {
		    content: "\edc1"
		}
		
		.bxs-lock-open-alt:before {
		    content: "\edc2"
		}
		
		.bxs-log-in:before {
		    content: "\edc3"
		}
		
		.bxs-log-in-circle:before {
		    content: "\edc4"
		}
		
		.bxs-log-out:before {
		    content: "\edc5"
		}
		
		.bxs-log-out-circle:before {
		    content: "\edc6"
		}
		
		.bxs-low-vision:before {
		    content: "\edc7"
		}
		
		.bxs-magic-wand:before {
		    content: "\edc8"
		}
		
		.bxs-magnet:before {
		    content: "\edc9"
		}
		
		.bxs-map:before {
		    content: "\edca"
		}
		
		.bxs-map-alt:before {
		    content: "\edcb"
		}
		
		.bxs-map-pin:before {
		    content: "\edcc"
		}
		
		.bxs-mask:before {
		    content: "\edcd"
		}
		
		.bxs-medal:before {
		    content: "\edce"
		}
		
		.bxs-megaphone:before {
		    content: "\edcf"
		}
		
		.bxs-meh:before {
		    content: "\edd0"
		}
		
		.bxs-meh-alt:before {
		    content: "\edd1"
		}
		
		.bxs-meh-blank:before {
		    content: "\edd2"
		}
		
		.bxs-memory-card:before {
		    content: "\edd3"
		}
		
		.bxs-message:before {
		    content: "\edd4"
		}
		
		.bxs-message-add:before {
		    content: "\edd5"
		}
		
		.bxs-message-alt:before {
		    content: "\edd6"
		}
		
		.bxs-message-alt-add:before {
		    content: "\edd7"
		}
		
		.bxs-message-alt-check:before {
		    content: "\edd8"
		}
		
		.bxs-message-alt-detail:before {
		    content: "\edd9"
		}
		
		.bxs-message-alt-dots:before {
		    content: "\edda"
		}
		
		.bxs-message-alt-edit:before {
		    content: "\eddb"
		}
		
		.bxs-message-alt-error:before {
		    content: "\eddc"
		}
		
		.bxs-message-alt-minus:before {
		    content: "\eddd"
		}
		
		.bxs-message-alt-x:before {
		    content: "\edde"
		}
		
		.bxs-message-check:before {
		    content: "\eddf"
		}
		
		.bxs-message-detail:before {
		    content: "\ede0"
		}
		
		.bxs-message-dots:before {
		    content: "\ede1"
		}
		
		.bxs-message-edit:before {
		    content: "\ede2"
		}
		
		.bxs-message-error:before {
		    content: "\ede3"
		}
		
		.bxs-message-minus:before {
		    content: "\ede4"
		}
		
		.bxs-message-rounded:before {
		    content: "\ede5"
		}
		
		.bxs-message-rounded-add:before {
		    content: "\ede6"
		}
		
		.bxs-message-rounded-check:before {
		    content: "\ede7"
		}
		
		.bxs-message-rounded-detail:before {
		    content: "\ede8"
		}
		
		.bxs-message-rounded-dots:before {
		    content: "\ede9"
		}
		
		.bxs-message-rounded-edit:before {
		    content: "\edea"
		}
		
		.bxs-message-rounded-error:before {
		    content: "\edeb"
		}
		
		.bxs-message-rounded-minus:before {
		    content: "\edec"
		}
		
		.bxs-message-rounded-x:before {
		    content: "\eded"
		}
		
		.bxs-message-square:before {
		    content: "\edee"
		}
		
		.bxs-message-square-add:before {
		    content: "\edef"
		}
		
		.bxs-message-square-check:before {
		    content: "\edf0"
		}
		
		.bxs-message-square-detail:before {
		    content: "\edf1"
		}
		
		.bxs-message-square-dots:before {
		    content: "\edf2"
		}
		
		.bxs-message-square-edit:before {
		    content: "\edf3"
		}
		
		.bxs-message-square-error:before {
		    content: "\edf4"
		}
		
		.bxs-message-square-minus:before {
		    content: "\edf5"
		}
		
		.bxs-message-square-x:before {
		    content: "\edf6"
		}
		
		.bxs-message-x:before {
		    content: "\edf7"
		}
		
		.bxs-meteor:before {
		    content: "\edf8"
		}
		
		.bxs-microchip:before {
		    content: "\edf9"
		}
		
		.bxs-microphone:before {
		    content: "\edfa"
		}
		
		.bxs-microphone-alt:before {
		    content: "\edfb"
		}
		
		.bxs-microphone-off:before {
		    content: "\edfc"
		}
		
		.bxs-minus-circle:before {
		    content: "\edfd"
		}
		
		.bxs-minus-square:before {
		    content: "\edfe"
		}
		
		.bxs-mobile:before {
		    content: "\edff"
		}
		
		.bxs-mobile-vibration:before {
		    content: "\ee00"
		}
		
		.bxs-moon:before {
		    content: "\ee01"
		}
		
		.bxs-mouse:before {
		    content: "\ee02"
		}
		
		.bxs-mouse-alt:before {
		    content: "\ee03"
		}
		
		.bxs-movie:before {
		    content: "\ee04"
		}
		
		.bxs-music:before {
		    content: "\ee05"
		}
		
		.bxs-navigation:before {
		    content: "\ee06"
		}
		
		.bxs-network-chart:before {
		    content: "\ee07"
		}
		
		.bxs-news:before {
		    content: "\ee08"
		}
		
		.bxs-no-entry:before {
		    content: "\ee09"
		}
		
		.bxs-note:before {
		    content: "\ee0a"
		}
		
		.bxs-notepad:before {
		    content: "\ee0b"
		}
		
		.bxs-notification:before {
		    content: "\ee0c"
		}
		
		.bxs-notification-off:before {
		    content: "\ee0d"
		}
		
		.bxs-offer:before {
		    content: "\ee0e"
		}
		
		.bxs-package:before {
		    content: "\ee0f"
		}
		
		.bxs-paint:before {
		    content: "\ee10"
		}
		
		.bxs-paint-roll:before {
		    content: "\ee11"
		}
		
		.bxs-palette:before {
		    content: "\ee12"
		}
		
		.bxs-paper-plane:before {
		    content: "\ee13"
		}
		
		.bxs-parking:before {
		    content: "\ee14"
		}
		
		.bxs-paste:before {
		    content: "\ee15"
		}
		
		.bxs-pen:before {
		    content: "\ee16"
		}
		
		.bxs-pencil:before {
		    content: "\ee17"
		}
		
		.bxs-phone:before {
		    content: "\ee18"
		}
		
		.bxs-phone-call:before {
		    content: "\ee19"
		}
		
		.bxs-phone-incoming:before {
		    content: "\ee1a"
		}
		
		.bxs-phone-outgoing:before {
		    content: "\ee1b"
		}
		
		.bxs-photo-album:before {
		    content: "\ee1c"
		}
		
		.bxs-piano:before {
		    content: "\ee1d"
		}
		
		.bxs-pie-chart:before {
		    content: "\ee1e"
		}
		
		.bxs-pie-chart-alt:before {
		    content: "\ee1f"
		}
		
		.bxs-pie-chart-alt-2:before {
		    content: "\ee20"
		}
		
		.bxs-pin:before {
		    content: "\ee21"
		}
		
		.bxs-pizza:before {
		    content: "\ee22"
		}
		
		.bxs-plane:before {
		    content: "\ee23"
		}
		
		.bxs-plane-alt:before {
		    content: "\ee24"
		}
		
		.bxs-plane-land:before {
		    content: "\ee25"
		}
		
		.bxs-planet:before {
		    content: "\ee26"
		}
		
		.bxs-plane-take-off:before {
		    content: "\ee27"
		}
		
		.bxs-playlist:before {
		    content: "\ee28"
		}
		
		.bxs-plug:before {
		    content: "\ee29"
		}
		
		.bxs-plus-circle:before {
		    content: "\ee2a"
		}
		
		.bxs-plus-square:before {
		    content: "\ee2b"
		}
		
		.bxs-pointer:before {
		    content: "\ee2c"
		}
		
		.bxs-polygon:before {
		    content: "\ee2d"
		}
		
		.bxs-printer:before {
		    content: "\ee2e"
		}
		
		.bxs-purchase-tag:before {
		    content: "\ee2f"
		}
		
		.bxs-purchase-tag-alt:before {
		    content: "\ee30"
		}
		
		.bxs-pyramid:before {
		    content: "\ee31"
		}
		
		.bxs-quote-alt-left:before {
		    content: "\ee32"
		}
		
		.bxs-quote-alt-right:before {
		    content: "\ee33"
		}
		
		.bxs-quote-left:before {
		    content: "\ee34"
		}
		
		.bxs-quote-right:before {
		    content: "\ee35"
		}
		
		.bxs-quote-single-left:before {
		    content: "\ee36"
		}
		
		.bxs-quote-single-right:before {
		    content: "\ee37"
		}
		
		.bxs-radiation:before {
		    content: "\ee38"
		}
		
		.bxs-radio:before {
		    content: "\ee39"
		}
		
		.bxs-receipt:before {
		    content: "\ee3a"
		}
		
		.bxs-rectangle:before {
		    content: "\ee3b"
		}
		
		.bxs-rename:before {
		    content: "\ee3c"
		}
		
		.bxs-report:before {
		    content: "\ee3d"
		}
		
		.bxs-rewind-circle:before {
		    content: "\ee3e"
		}
		
		.bxs-right-arrow:before {
		    content: "\ee3f"
		}
		
		.bxs-right-arrow-alt:before {
		    content: "\ee40"
		}
		
		.bxs-right-arrow-circle:before {
		    content: "\ee41"
		}
		
		.bxs-right-arrow-square:before {
		    content: "\ee42"
		}
		
		.bxs-right-down-arrow-circle:before {
		    content: "\ee43"
		}
		
		.bxs-right-top-arrow-circle:before {
		    content: "\ee44"
		}
		
		.bxs-rocket:before {
		    content: "\ee45"
		}
		
		.bxs-ruler:before {
		    content: "\ee46"
		}
		
		.bxs-sad:before {
		    content: "\ee47"
		}
		
		.bxs-save:before {
		    content: "\ee48"
		}
		
		.bxs-school:before {
		    content: "\ee49"
		}
		
		.bxs-search:before {
		    content: "\ee4a"
		}
		
		.bxs-search-alt-2:before {
		    content: "\ee4b"
		}
		
		.bxs-select-multiple:before {
		    content: "\ee4c"
		}
		
		.bxs-send:before {
		    content: "\ee4d"
		}
		
		.bxs-server:before {
		    content: "\ee4e"
		}
		
		.bxs-shapes:before {
		    content: "\ee4f"
		}
		
		.bxs-share:before {
		    content: "\ee50"
		}
		
		.bxs-share-alt:before {
		    content: "\ee51"
		}
		
		.bxs-shield:before {
		    content: "\ee52"
		}
		
		.bxs-shield-alt-2:before {
		    content: "\ee53"
		}
		
		.bxs-shield-x:before {
		    content: "\ee54"
		}
		
		.bxs-ship:before {
		    content: "\ee55"
		}
		
		.bxs-shocked:before {
		    content: "\ee56"
		}
		
		.bxs-shopping-bag:before {
		    content: "\ee57"
		}
		
		.bxs-shopping-bag-alt:before {
		    content: "\ee58"
		}
		
		.bxs-shopping-bags:before {
		    content: "\ee59"
		}
		
		.bxs-show:before {
		    content: "\ee5a"
		}
		
		.bxs-skip-next-circle:before {
		    content: "\ee5b"
		}
		
		.bxs-skip-previous-circle:before {
		    content: "\ee5c"
		}
		
		.bxs-skull:before {
		    content: "\ee5d"
		}
		
		.bxs-sleepy:before {
		    content: "\ee5e"
		}
		
		.bxs-slideshow:before {
		    content: "\ee5f"
		}
		
		.bxs-smile:before {
		    content: "\ee60"
		}
		
		.bxs-sort-alt:before {
		    content: "\ee61"
		}
		
		.bxs-spa:before {
		    content: "\ee62"
		}
		
		.bxs-spray-can:before {
		    content: "\ee63"
		}
		
		.bxs-spreadsheet:before {
		    content: "\ee64"
		}
		
		.bxs-square:before {
		    content: "\ee65"
		}
		
		.bxs-square-rounded:before {
		    content: "\ee66"
		}
		
		.bxs-star:before {
		    content: "\ee67"
		}
		
		.bxs-star-half:before {
		    content: "\ee68"
		}
		
		.bxs-sticker:before {
		    content: "\ee69"
		}
		
		.bxs-stopwatch:before {
		    content: "\ee6a"
		}
		
		.bxs-store:before {
		    content: "\ee6b"
		}
		
		.bxs-store-alt:before {
		    content: "\ee6c"
		}
		
		.bxs-sun:before {
		    content: "\ee6d"
		}
		
		.bxs-tachometer:before {
		    content: "\ee6e"
		}
		
		.bxs-tag:before {
		    content: "\ee6f"
		}
		
		.bxs-tag-x:before {
		    content: "\ee70"
		}
		
		.bxs-taxi:before {
		    content: "\ee71"
		}
		
		.bxs-tennis-ball:before {
		    content: "\ee72"
		}
		
		.bxs-terminal:before {
		    content: "\ee73"
		}
		
		.bxs-thermometer:before {
		    content: "\ee74"
		}
		
		.bxs-time:before {
		    content: "\ee75"
		}
		
		.bxs-time-five:before {
		    content: "\ee76"
		}
		
		.bxs-timer:before {
		    content: "\ee77"
		}
		
		.bxs-tired:before {
		    content: "\ee78"
		}
		
		.bxs-toggle-left:before {
		    content: "\ee79"
		}
		
		.bxs-toggle-right:before {
		    content: "\ee7a"
		}
		
		.bxs-tone:before {
		    content: "\ee7b"
		}
		
		.bxs-torch:before {
		    content: "\ee7c"
		}
		
		.bxs-to-top:before {
		    content: "\ee7d"
		}
		
		.bxs-traffic:before {
		    content: "\ee7e"
		}
		
		.bxs-traffic-barrier:before {
		    content: "\ee7f"
		}
		
		.bxs-traffic-cone:before {
		    content: "\ee80"
		}
		
		.bxs-train:before {
		    content: "\ee81"
		}
		
		.bxs-trash:before {
		    content: "\ee82"
		}
		
		.bxs-trash-alt:before {
		    content: "\ee83"
		}
		
		.bxs-tree:before {
		    content: "\ee84"
		}
		
		.bxs-trophy:before {
		    content: "\ee85"
		}
		
		.bxs-truck:before {
		    content: "\ee86"
		}
		
		.bxs-t-shirt:before {
		    content: "\ee87"
		}
		
		.bxs-up-arrow:before {
		    content: "\ee88"
		}
		
		.bxs-up-arrow-alt:before {
		    content: "\ee89"
		}
		
		.bxs-up-arrow-circle:before {
		    content: "\ee8a"
		}
		
		.bxs-up-arrow-square:before {
		    content: "\ee8b"
		}
		
		.bxs-upside-down:before {
		    content: "\ee8c"
		}
		
		.bxs-upvote:before {
		    content: "\ee8d"
		}
		
		.bxs-user:before {
		    content: "\ee8e"
		}
		
		.bxs-user-badge:before {
		    content: "\ee8f"
		}
		
		.bxs-user-check:before {
		    content: "\ee90"
		}
		
		.bxs-user-circle:before {
		    content: "\ee91"
		}
		
		.bxs-user-detail:before {
		    content: "\ee92"
		}
		
		.bxs-user-minus:before {
		    content: "\ee93"
		}
		
		.bxs-user-pin:before {
		    content: "\ee94"
		}
		
		.bxs-user-plus:before {
		    content: "\ee95"
		}
		
		.bxs-user-rectangle:before {
		    content: "\ee96"
		}
		
		.bxs-user-voice:before {
		    content: "\ee97"
		}
		
		.bxs-user-x:before {
		    content: "\ee98"
		}
		
		.bxs-vector:before {
		    content: "\ee99"
		}
		
		.bxs-vial:before {
		    content: "\ee9a"
		}
		
		.bxs-video:before {
		    content: "\ee9b"
		}
		
		.bxs-video-off:before {
		    content: "\ee9c"
		}
		
		.bxs-video-plus:before {
		    content: "\ee9d"
		}
		
		.bxs-video-recording:before {
		    content: "\ee9e"
		}
		
		.bxs-videos:before {
		    content: "\ee9f"
		}
		
		.bxs-volume:before {
		    content: "\eea0"
		}
		
		.bxs-volume-full:before {
		    content: "\eea1"
		}
		
		.bxs-volume-low:before {
		    content: "\eea2"
		}
		
		.bxs-volume-mute:before {
		    content: "\eea3"
		}
		
		.bxs-wallet:before {
		    content: "\eea4"
		}
		
		.bxs-wallet-alt:before {
		    content: "\eea5"
		}
		
		.bxs-washer:before {
		    content: "\eea6"
		}
		
		.bxs-watch:before {
		    content: "\eea7"
		}
		
		.bxs-watch-alt:before {
		    content: "\eea8"
		}
		
		.bxs-webcam:before {
		    content: "\eea9"
		}
		
		.bxs-widget:before {
		    content: "\eeaa"
		}
		
		.bxs-window-alt:before {
		    content: "\eeab"
		}
		
		.bxs-wine:before {
		    content: "\eeac"
		}
		
		.bxs-wink-smile:before {
		    content: "\eead"
		}
		
		.bxs-wink-tongue:before {
		    content: "\eeae"
		}
		
		.bxs-wrench:before {
		    content: "\eeaf"
		}
		
		.bxs-x-circle:before {
		    content: "\eeb0"
		}
		
		.bxs-x-square:before {
		    content: "\eeb1"
		}
		
		.bxs-yin-yang:before {
		    content: "\eeb2"
		}
		
		.bxs-zap:before {
		    content: "\eeb3"
		}
		
		.bxs-zoom-in:before {
		    content: "\eeb4"
		}
		
		.bxs-zoom-out:before {
		    content: "\eeb5"
		}
		
		.vs-button {
		    --vs-color: "";
		    --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.square .vs-input-content {
		    border-radius: 0!important
		}
		
		.vs-input-parent.textWhite .vs-input {
		    color: #fff
		}
		
		.vs-input-parent.transparent .vs-input {
		    background: transparent!important
		}
		
		.vs-input-parent.block,.vs-input-parent.block .vs-input {
		    width: 100%
		}
		
		.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;
		    padding: 7px 13px 7px 10px;
		    width: 200px
		}
		
		.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(-3px,-80%);
		    transform: translate(-3px,-80%);
		    font-size: .75rem
		}
		
		.vs-input__label--label {
		    opacity: 1;
		    visibility: visible;
		    pointer-events: auto;
		    -webkit-transform: translate(-2px,-77%);
		    transform: translate(-2px,-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(-25px,-80%)!important;
		    transform: translate(-25px,-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-content.block.block {
		    max-width: 100%
		}
		
		.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 {
		    border-radius: 12px 12px 0 0;
		    border: 2px solid transparent;
		    color: rgba(var(--vs-text),1)
		}
		
		.vs-select.activeOptions .vs-select__chips,.vs-select.activeOptions .vs-select__input {
		    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 {
		    border-radius: 12px 12px 0 0
		}
		
		.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: 2px solid 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;
		    border: 0 solid transparent;
		    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: 99999;
		    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
		}
		
		.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--size.history:after {
		    top: -2px!important
		}
		
		.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-component--is-color .vs-avatar {
		    color: rgba(var(--vs-background),1)
		}
		
		.vs-avatar-content.vs-component--is-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)!important;
		    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 vs-color("background");
		    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: vs-color("background")
		}
		
		.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;
		    min-width: 20px;
		    min-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;
		    border: 0
		}
		
		.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;
		    border: 0
		}
		
		.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;
		    border: 0
		}
		
		.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)
		    }
		}
		
		.vs-table-content {
		    --vs-color: var(--vs-primary);
		    width: 100%;
		    border-radius: 16px
		}
		
		.vs-table {
		    width: 100%;
		    font-size: .9rem;
		    margin: 0;
		    overflow: auto
		}
		
		.vs-table table {
		    margin: 0;
		    border-collapse: collapse;
		    width: 100%;
		    min-width: 500px;
		    border: 0
		}
		
		.vs-table.striped .vs-table__tr:nth-child(2n) {
		    background: rgba(var(--vs-gray-1),1)!important
		}
		
		.vs-table_not-found {
		    display: none;
		    padding: 20px;
		    text-align: center;
		    width: 100%
		}
		
		.vs-table_not-found tr {
		    text-align: center
		}
		
		.vs-table_not-found tr td {
		    padding: 20px;
		    border: 0
		}
		
		.vs-table__tbody:empty {
		    display: none;
		    background: #000
		}
		
		.vs-table__tbody:empty~.vs-table_not-found {
		    display: table-row-group
		}
		
		.vs-table.isSelectedValue tr {
		    cursor: pointer
		}
		
		.vs-table__footer {
		    padding: 8px 10px;
		    background: rgba(var(--vs-gray-2),1);
		    border-radius: 0 0 14px 14px
		}
		
		.vs-table__header {
		    width: 100%;
		    padding: 10px;
		    background: rgba(var(--vs-gray-2),1);
		    border-radius: 14px 14px 0 0
		}
		
		.vs-table__header~.vs-table .vs-table__th:first-child,.vs-table__header~.vs-table .vs-table__th:last-child {
		    border-radius: 0
		}
		
		.vs-table__thead {
		    width: 100%
		}
		
		.vs-table__thead .vs-table__th {
		    background: rgba(var(--vs-gray-2),1)
		}
		
		.vs-table__thead .vs-table__th:first-child {
		    border-radius: 14px 0 0 0
		}
		
		.vs-table__thead .vs-table__th:last-child {
		    border-radius: 0 14px 0 0
		}
		
		.isMultipleSelected .vs-table__tr .vs-table__td {
		    border-radius: 0!important
		}
		
		.vs-table__tr {
		    padding: 5px;
		    border: 0
		}
		
		.vs-table__tr.expand {
		    cursor: pointer
		}
		
		.vs-table__tr.vs-change-color .vs-table__td {
		    background: rgba(var(--vs-color),.1)!important;
		    color: rgba(var(--vs-color),1)!important
		}
		
		.vs-table__tr.vs-change-color .vs-table__td:hover {
		    background: rgba(var(--vs-color),.2)!important
		}
		
		.vs-table__tr:first-of-type .vs-table__td:last-child {
		    border-radius: 0 0 15px 0
		}
		
		.vs-table__tr:first-of-type .vs-table__td:first-child {
		    border-radius: 0 0 0 15px
		}
		
		.vs-table__tr.isExpand:first-of-type .vs-table__td {
		    background: rgba(var(--vs-gray-1),1)!important;
		    border-radius: 0
		}
		
		.vs-table__tr.isExpand:not(:first-of-type) .vs-table__td {
		    background: rgba(var(--vs-gray-1),1)!important
		}
		
		.vs-table__tr.isExpand:not(:first-of-type) .vs-table__td:last-child {
		    border-radius: 0 15px 0 0
		}
		
		.vs-table__tr.isExpand:not(:first-of-type) .vs-table__td:first-child {
		    border-radius: 15px 0 0 0
		}
		
		.vs-table__tr.isExpand:not(:first-of-type)+.vs-table__tr__expand td {
		    border-radius: 0 0 15px 15px!important
		}
		
		.vs-table__tr.selected .vs-table__td {
		    background: rgba(var(--vs-color),.1)!important;
		    color: rgba(var(--vs-color),1)!important
		}
		
		.vs-table__tr .vs-table__td {
		    background: rgba(var(--vs-bg),.1);
		    color: rgba(var(--vs-bg),1)
		}
		
		.vs-table__tr.vs-change-color:hover .vs-table__td {
		    background: rgba(var(--vs-color),.2)!important
		}
		
		.vs-table__tr:hover .vs-table__td {
		    background: rgba(var(--vs-gray-1),1)
		}
		
		.vs-table__tr__expand,.vs-table__tr__expand td {
		    -webkit-transition: all .25s ease;
		    transition: all .25s ease;
		    border: 0
		}
		
		.vs-table__tr__expand td {
		    padding: 0;
		    background: rgba(var(--vs-gray-1),1)!important
		}
		
		.vs-table__tr__expand td .vs-table__expand__td__content {
		    overflow: hidden;
		    display: block;
		    -webkit-transition: all .25s ease;
		    transition: all .25s ease
		}
		
		.vs-table__tr__expand td .vs-table__expand__td__content__sub {
		    padding: 10px 15px;
		    z-index: 1;
		    position: relative
		}
		
		.fade-expand-enter-active,.fade-expand-leave-active {
		    -webkit-transition: all .25s ease;
		    transition: all .25s ease
		}
		
		.fade-expand-enter,.fade-expand-leave-to {
		    opacity: 0
		}
		
		.fade-expand-enter td .vs-table__expand__td__content,.fade-expand-leave-to td .vs-table__expand__td__content {
		    height: 0!important
		}
		
		.vs-table__th {
		    padding: 10px 12px;
		    text-align: left;
		    -webkit-transition: all .25s ease;
		    transition: all .25s ease;
		    font-size: .8rem;
		    border: 0
		}
		
		.vs-table__th.sort .vs-table__th__content {
		    pointer-events: none
		}
		
		.vs-table__th.sort:hover {
		    background: rgba(var(--vs-gray-3),1)
		}
		
		.vs-table__th[data-sort-type=asc] .icon-sort-2 {
		    margin-top: -7px;
		    -webkit-transform: rotate(45deg)!important;
		    transform: rotate(45deg)!important
		}
		
		.vs-table__th[data-sort-type=asc] .icon-sort-1 {
		    margin-top: -1px;
		    -webkit-transform: rotate(45deg)!important;
		    transform: rotate(45deg)!important
		}
		
		.vs-table__th[data-sort-type=desc] .icon-sort-2 {
		    margin-top: -7px
		}
		
		.vs-table__th[data-sort-type=desc] .icon-sort-1 {
		    margin-top: -1px;
		    -webkit-transform: rotate(-135deg)!important;
		    transform: rotate(-135deg)!important
		}
		
		.vs-table__th__content {
		    -webkit-box-pack: start;
		    -ms-flex-pack: start;
		    justify-content: flex-start;
		    -webkit-transition: all .25s ease;
		    transition: all .25s ease
		}
		
		.vs-table__th__content,.vs-table__th__content__icons {
		    display: -webkit-box;
		    display: -ms-flexbox;
		    display: flex;
		    -webkit-box-align: center;
		    -ms-flex-align: center;
		    align-items: center
		}
		
		.vs-table__th__content__icons {
		    -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;
		    margin-left: 7px;
		    -webkit-transform: scale(.8);
		    transform: scale(.8)
		}
		
		.vs-table__th__content .vs-icon-arrow {
		    position: relative;
		    display: block
		}
		
		.vs-table__th__content .vs-icon-arrow.icon-sort-1 {
		    -webkit-transform: rotate(45deg);
		    transform: rotate(45deg)
		}
		
		.vs-table__th__content .vs-icon-arrow.icon-sort-2 {
		    -webkit-transform: rotate(-135deg);
		    transform: rotate(-135deg)
		}
		
		.vs-table__td {
		    padding: 10px 12px;
		    -webkit-transition: all .25s ease;
		    transition: all .25s ease;
		    font-size: .8rem;
		    border: 0
		}
		
		.vs-table__td:last-child {
		    border-radius: 0 15px 15px 0
		}
		
		.vs-table__td:first-child {
		    border-radius: 15px 0 0 15px
		}
		
		.vs-table__td.isCheckbox {
		    width: 23px
		}
		
		.vs-table__td.isEdit {
		    text-decoration: underline;
		    cursor: pointer
		}
		
		.vs-navbar-content {
		    --vs-color: var(--vs-background);
		    position: absolute;
		    z-index: 9000;
		    top: 0;
		    left: 0;
		    width: 100%;
		    border-radius: 0 0 15px 15px;
		    background: rgba(var(--vs-color),1);
		    -webkit-transition: all .25s ease;
		    transition: all .25s ease;
		    color: rgba(var(--vs-text),1)
		}
		
		.vs-navbar-content.paddingScroll:not(.paddingScrollActive) {
		    padding-top: 20px;
		    padding-bottom: 20px
		}
		
		.vs-navbar-content.paddingScroll:not(.paddingScrollActive) .vs-navbar__group__items {
		    margin-bottom: -30px
		}
		
		.vs-navbar-content.vsNavbarSquare {
		    border-radius: 0
		}
		
		.vs-navbar-content.textWhite {
		    color: #fff
		}
		
		.vs-navbar-content.textWhite .vs-navbar__item:before,.vs-navbar-content.textWhite .vs-navbar__line {
		    background: #fff
		}
		
		.vs-navbar-content.fixed {
		    position: fixed!important
		}
		
		.vs-navbar-content.shadow,.vs-navbar-content.shadowActive {
		    -webkit-box-shadow: 0 5px 25px 0 rgba(0,0,0,var(--vs-shadow-opacity));
		    box-shadow: 0 5px 25px 0 rgba(0,0,0,var(--vs-shadow-opacity))
		}
		
		.vs-navbar-content.hidden {
		    -webkit-transform: translateY(-100%);
		    transform: translateY(-100%)
		}
		
		.vs-navbar {
		    width: 100%;
		    position: relative;
		    -webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		    justify-content: space-between;
		    padding: 0 15px;
		    -webkit-box-sizing: border-box;
		    box-sizing: border-box;
		    min-height: 44px
		}
		
		.vs-navbar,.vs-navbar__left {
		    display: -webkit-box;
		    display: -ms-flexbox;
		    display: flex;
		    -webkit-box-align: center;
		    -ms-flex-align: center;
		    align-items: center
		}
		
		.vs-navbar__left {
		    -webkit-box-pack: start;
		    -ms-flex-pack: start;
		    justify-content: flex-start
		}
		
		.vs-navbar__right {
		    -webkit-box-pack: end;
		    -ms-flex-pack: end;
		    justify-content: flex-end
		}
		
		.vs-navbar__center,.vs-navbar__right {
		    display: -webkit-box;
		    display: -ms-flexbox;
		    display: flex;
		    -webkit-box-align: center;
		    -ms-flex-align: center;
		    align-items: center
		}
		
		.vs-navbar__center {
		    -webkit-box-pack: center;
		    -ms-flex-pack: center;
		    justify-content: center
		}
		
		.vs-navbar__line {
		    position: absolute;
		    left: 0;
		    bottom: 0;
		    width: 100px;
		    background: rgba(var(--vs-text),1);
		    height: 3px;
		    -webkit-transition: all .25s ease;
		    transition: all .25s ease
		}
		
		.vs-navbar__line.notTransition {
		    -webkit-transition: none!important;
		    transition: none!important
		}
		
		.vs-navbar__item {
		    padding: 10px 15px;
		    margin: 0;
		    border: 0;
		    background: transparent;
		    font-size: .85rem;
		    opacity: .7;
		    -webkit-transition: all .25s ease,color 0s;
		    transition: all .25s ease,color 0s;
		    font-weight: 700;
		    color: inherit
		}
		
		.vs-navbar__item.active,.vs-navbar__item:hover {
		    opacity: 1
		}
		
		.vs-navbar__group {
		    position: relative
		}
		
		.vs-navbar__group:hover .vs-navbar__group__item {
		    opacity: 1
		}
		
		.vs-navbar__group:hover .vs-navbar__group__items {
		    opacity: 1;
		    visibility: visible;
		    -webkit-transform: translateY(100%);
		    transform: translateY(100%)
		}
		
		.vs-navbar__group__item {
		    padding: 10px 15px;
		    background: transparent;
		    color: inherit;
		    font-weight: 700;
		    -webkit-transition: all .25s ease,color 0s;
		    transition: all .25s ease,color 0s;
		    opacity: .7;
		    border: 0
		}
		
		.vs-navbar__group__items {
		    position: absolute;
		    bottom: 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;
		    -webkit-box-orient: vertical;
		    -webkit-box-direction: normal;
		    -ms-flex-direction: column;
		    flex-direction: column;
		    margin-bottom: -12px;
		    -webkit-transform: translateY(90%);
		    transform: translateY(90%);
		    background: rgba(var(--vs-color),1);
		    border-radius: 5px 18px 18px 18px;
		    padding: 10px;
		    min-width: 160px;
		    opacity: 0;
		    -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;
		    color: inherit;
		    visibility: hidden
		}
		
		.vs-navbar__group__items:after {
		    content: "";
		    left: 0;
		    top: -13px;
		    background: transparent;
		    width: 100%;
		    height: 14px;
		    position: absolute;
		    z-index: -1
		}
		
		.vs-navbar__group__items .vs-navbar__item {
		    text-align: left;
		    width: 100%;
		    position: relative;
		    padding: 5px 10px
		}
		
		.vs-navbar__group__items .vs-navbar__item:before {
		    content: "";
		    left: 0;
		    top: 0;
		    width: 4px;
		    height: 4px;
		    background: rgba(var(--vs-text),1);
		    position: absolute;
		    border-radius: 50%;
		    top: calc(50% - 2px);
		    opacity: 0;
		    -webkit-transform: translate(-10px);
		    transform: translate(-10px);
		    -webkit-transition: all .25s ease;
		    transition: all .25s ease
		}
		
		.vs-navbar__group__items .vs-navbar__item.active:before {
		    opacity: 1;
		    -webkit-transform: translate(0);
		    transform: translate(0)
		}
		
		.vs-sidebar-content {
		    --vs-color: var(--vs-primary)
		}
		
		@-webkit-keyframes delayOpacity {
		    0% {
		        opacity: 0
		    }
		
		    to {
		        opacity: 1
		    }
		}
		
		@keyframes delayOpacity {
		    0% {
		        opacity: 0
		    }
		
		    to {
		        opacity: 1
		    }
		}
		
		.vs-sidebar-content {
		    position: fixed;
		    left: 0;
		    top: 0;
		    width: calc(100% - 50px);
		    max-width: 260px;
		    height: 100vh;
		    border-radius: 0 30px 30px 0;
		    color: rgba(var(--vs-text),1);
		    -webkit-box-shadow: 0 0 25px 0 rgba(0,0,0,var(--vs-shadow-opacity));
		    box-shadow: 0 0 25px 0 rgba(0,0,0,var(--vs-shadow-opacity));
		    display: -webkit-box;
		    display: -ms-flexbox;
		    display: flex;
		    -webkit-box-align: start;
		    -ms-flex-align: start;
		    align-items: flex-start;
		    -webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		    justify-content: space-between;
		    -webkit-box-orient: vertical;
		    -webkit-box-direction: normal;
		    -ms-flex-direction: column;
		    flex-direction: column;
		    z-index: 21000;
		    background: rgba(var(--vs-background),1);
		    -webkit-transition: all .25s ease;
		    transition: all .25s ease;
		    -webkit-transform: translate(-110%);
		    transform: translate(-110%)
		}
		
		.vs-sidebar-content.right {
		    left: auto;
		    right: 0;
		    -webkit-transform: translate(110%);
		    transform: translate(110%)
		}
		
		.vs-sidebar-content.right.open {
		    -webkit-transform: translate(0);
		    transform: translate(0)
		}
		
		.vs-sidebar-content.right.reduce .vs-sidebar__item:hover .vs-sidebar__item__text-tooltip {
		    opacity: 1;
		    left: auto!important;
		    right: 60px!important
		}
		
		.vs-sidebar-content.absolute {
		    position: absolute!important;
		    z-index: 9001;
		    height: 100%
		}
		
		.vs-sidebar-content.relative {
		    position: relative!important;
		    z-index: 9001;
		    height: 100%
		}
		
		.vs-sidebar-content.textWhite .vs-sidebar__group__content:after {
		    background: hsla(0,0%,100%,.4)
		}
		
		.vs-sidebar-content.textWhite .vs-sidebar__item:after {
		    background: #fff!important
		}
		
		.vs-sidebar-content.textWhite .vs-sidebar__item.active {
		    color: #fff!important
		}
		
		.vs-sidebar-content.notShadow {
		    -webkit-box-shadow: none!important;
		    box-shadow: none!important
		}
		
		.vs-sidebar-content.square {
		    border-radius: 0
		}
		
		.vs-sidebar-content.notLineActive .vs-sidebar .vs-sidebar__item:after {
		    display: none
		}
		
		.vs-sidebar-content.open {
		    -webkit-transform: translate(0);
		    transform: translate(0)
		}
		
		.vs-sidebar-content.reduce .vs-sidebar__footer {
		    padding: 10px 0
		}
		
		.vs-sidebar-content.reduce .vs-sidebar__header .vs-avatar-content {
		    width: 44px!important;
		    height: 44px!important
		}
		
		.vs-sidebar-content.reduce .vs-sidebar__logo img {
		    width: 80%
		}
		
		.vs-sidebar-content.reduce .vs-sidebar__item {
		    padding-left: 16px!important;
		    min-height: 47px
		}
		
		.vs-sidebar-content.reduce .vs-sidebar__item:not(.hasIcon) .vs-sidebar__item__text {
		    font-size: .5rem
		}
		
		.vs-sidebar-content.reduce .vs-sidebar__item.hasIcon .vs-sidebar__item__text {
		    -webkit-transform: translate(-10px);
		    transform: translate(-10px);
		    margin-left: -50px
		}
		
		.vs-sidebar-content.reduce .vs-sidebar__item__arrow {
		    position: absolute;
		    left: 36px;
		    top: 10px;
		    -webkit-animation: delayOpacity .6s ease;
		    animation: delayOpacity .6s ease;
		    width: 5px;
		    height: 5px
		}
		
		.vs-sidebar-content.reduce .vs-sidebar__item:hover .vs-sidebar__item__text-tooltip {
		    opacity: 1;
		    left: 60px
		}
		
		.vs-sidebar-content.reduce .vs-sidebar__item.hasIcon {
		    padding: 0!important
		}
		
		.vs-sidebar-content.reduce .vs-sidebar__item.hasIcon:after {
		    left: -6px
		}
		
		.vs-sidebar-content .vs-sidebar__logo {
		    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: 100%;
		    padding: 25px 0;
		    min-height: 80px
		}
		
		.vs-sidebar-content .vs-sidebar__logo img {
		    max-width: 120px;
		    max-height: 35px
		}
		
		.vs-sidebar-content .vs-sidebar {
		    overflow-x: hidden;
		    width: 100%;
		    -webkit-box-flex: 1;
		    -ms-flex-positive: 1;
		    flex-grow: 1;
		    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;
		    -webkit-box-orient: vertical;
		    -webkit-box-direction: normal;
		    -ms-flex-direction: column;
		    flex-direction: column
		}
		
		.vs-sidebar-content .vs-sidebar::-webkit-scrollbar {
		    width: 0
		}
		
		.vs-sidebar-content .vs-sidebar__header {
		    -webkit-box-pack: center;
		    -ms-flex-pack: center;
		    justify-content: center
		}
		
		.vs-sidebar-content .vs-sidebar__footer,.vs-sidebar-content .vs-sidebar__header {
		    display: -webkit-box;
		    display: -ms-flexbox;
		    display: flex;
		    -webkit-box-align: center;
		    -ms-flex-align: center;
		    align-items: center;
		    width: 100%;
		    padding: 10px
		}
		
		.vs-sidebar-content .vs-sidebar__footer {
		    justify-self: flex-start
		}
		
		.vs-sidebar__item {
		    width: 100%;
		    padding: 15px 16px 14px;
		    text-align: left;
		    background: transparent;
		    font-size: 1rem;
		    font-weight: 700;
		    opacity: .7;
		    -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: start;
		    -ms-flex-pack: start;
		    justify-content: flex-start;
		    position: relative;
		    color: rgba(var(--vs-text),1);
		    border: 0
		}
		
		.vs-sidebar__item.hasIcon {
		    padding: 0
		}
		
		.vs-sidebar__item.hasIcon.active {
		    padding-left: 8px
		}
		
		.vs-sidebar__item.hasIcon:hover {
		    padding-left: 8px;
		    opacity: 1
		}
		
		.vs-sidebar__item:after {
		    content: "";
		    position: absolute;
		    left: -4px;
		    top: 0;
		    width: 10px;
		    height: 100%;
		    background: rgba(var(--vs-color),1);
		    border-radius: 0 20px 20px 0;
		    -webkit-transform: translate(-6px);
		    transform: translate(-6px);
		    -webkit-transition: all .25s ease;
		    transition: all .25s ease;
		    z-index: 60
		}
		
		.vs-sidebar__item.active:not(.hasIcon) {
		    padding-left: 25px
		}
		
		.vs-sidebar__item.active {
		    opacity: 1;
		    color: rgba(var(--vs-color),1)
		}
		
		.vs-sidebar__item.active:after {
		    -webkit-transform: translate(0);
		    transform: translate(0)
		}
		
		.vs-sidebar__item__icon {
		    min-width: 50px;
		    height: 47px;
		    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.2rem;
		    z-index: 50;
		    background: rgba(var(--vs-background),1)
		}
		
		.vs-sidebar__item:hover:not(.hasIcon) {
		    opacity: 1;
		    padding-left: 25px
		}
		
		.vs-sidebar__item__text {
		    white-space: nowrap;
		    text-overflow: ellipsis;
		    overflow: hidden;
		    z-index: 10;
		    font-size: .9rem
		}
		
		.vs-sidebar__item__arrow,.vs-sidebar__item__text {
		    -webkit-transition: all .25s ease;
		    transition: all .25s ease
		}
		
		.vs-sidebar__item__arrow {
		    width: 7px;
		    height: 7px;
		    position: relative;
		    justify-self: flex-end;
		    margin-left: auto;
		    margin-right: 15px;
		    -webkit-transform: rotate(-135deg)!important;
		    transform: rotate(-135deg)!important;
		    z-index: 80
		}
		
		.vs-sidebar__item__arrow .vs-icon-arrow:before {
		    width: 2px
		}
		
		.vs-sidebar__item__arrow .vs-icon-arrow:after {
		    height: 2px
		}
		
		.vs-sidebar__item__text-tooltip {
		    position: fixed;
		    left: 50px;
		    opacity: 0;
		    pointer-events: none;
		    -webkit-transition: all .25s ease;
		    transition: all .25s ease;
		    font-size: .85rem;
		    white-space: nowrap
		}
		
		.vs-sidebar__group {
		    padding: 0;
		    width: 100%;
		    min-width: 260px;
		    position: relative
		}
		
		.vs-sidebar__group.open .vs-sidebar__group__content:after {
		    -webkit-transform: translate(0);
		    transform: translate(0);
		    opacity: 1
		}
		
		.vs-sidebar__group.open>.vs-sidebar__group__header .vs-sidebar__item {
		    opacity: 1
		}
		
		.vs-sidebar__group.open>.vs-sidebar__group__header .vs-sidebar__item__arrow {
		    -webkit-transform: rotate(45deg)!important;
		    transform: rotate(45deg)!important
		}
		
		.vs-sidebar__group__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
		}
		
		.vs-sidebar__group__content {
		    overflow: hidden;
		    -webkit-transition: all .25s ease;
		    transition: all .25s ease;
		    position: relative
		}
		
		.vs-sidebar__group__content:after {
		    content: "";
		    position: absolute;
		    left: 0;
		    top: 0;
		    background: rgba(var(--vs-color),.3);
		    width: 4px;
		    height: 100%;
		    opacity: 0;
		    -webkit-transition: all .25s ease;
		    transition: all .25s ease;
		    -webkit-transform: translate(-100%);
		    transform: translate(-100%);
		    border-radius: 0 10px 10px 0;
		    z-index: 60
		}
		
		.vs-sidebar__group__content .vs-sidebar__item {
		    background: rgba(var(--vs-background),1)
		}
		
		.vs-sidebar__group>.vs-sidebar__group__header .vs-sidebar__item:hover {
		    padding-left: 0
		}
		
		.vs-card-content {
		    --vs-color: var(--vs-primary)
		}
		
		.vs-card-content.type-5 .vs-card {
		    -webkit-box-shadow: none;
		    box-shadow: none;
		    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-card-content.type-5 .vs-card:hover .vs-card__interactions {
		    bottom: 50px
		}
		
		.vs-card-content.type-5 .vs-card:hover .vs-card__text {
		    -webkit-transform: translate(0);
		    transform: translate(0);
		    opacity: 1;
		    -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,var(--vs-shadow-opacity));
		    box-shadow: 0 0 30px 0 rgba(0,0,0,var(--vs-shadow-opacity))
		}
		
		.vs-card-content.type-5 .vs-card:hover .vs-card__img {
		    border-radius: 6px 40px 6px 40px
		}
		
		.vs-card-content.type-5 .vs-card:hover .vs-card__img img {
		    -webkit-transform: scale(1.1);
		    transform: scale(1.1)
		}
		
		.vs-card-content.type-5 .vs-card__img {
		    border-radius: 6px 20px 6px 20px
		}
		
		.vs-card-content.type-5 .vs-card__interactions {
		    bottom: 6px;
		    -webkit-transition: all .25s ease;
		    transition: all .25s ease;
		    z-index: 20
		}
		
		.vs-card-content.type-5 .vs-card__text {
		    background: rgba(var(--vs-background),1);
		    -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));
		    border-radius: 6px 20px 6px 20px;
		    margin-top: -50px;
		    z-index: 10;
		    position: relative;
		    width: calc(100% - 30px);
		    padding-top: 10px;
		    -webkit-transition: all .25s ease;
		    transition: all .25s ease;
		    -webkit-transform: translateY(25px);
		    transform: translateY(25px);
		    opacity: 0
		}
		
		.vs-card-content.type-4 .vs-card {
		    -webkit-box-shadow: none;
		    box-shadow: none;
		    max-width: 300px
		}
		
		.vs-card-content.type-4 .vs-card:hover {
		    -webkit-transform: translateY(-5px);
		    transform: translateY(-5px)
		}
		
		.vs-card-content.type-4 .vs-card:hover .vs-card__img img {
		    -webkit-transform: scale(1);
		    transform: scale(1)
		}
		
		.vs-card-content.type-4 .vs-card:hover .vs-card__text {
		    padding-top: 15px;
		    padding-bottom: 25px
		}
		
		.vs-card-content.type-4 .vs-card__img {
		    -webkit-box-align: center;
		    -ms-flex-align: center;
		    align-items: center;
		    max-height: 600px
		}
		
		.vs-card-content.type-4 .vs-card__img img {
		    -webkit-transform: scale(1.2);
		    transform: scale(1.2)
		}
		
		.vs-card-content.type-4 .vs-card__interactions {
		    top: 0;
		    bottom: auto
		}
		
		.vs-card-content.type-4 .vs-card__text {
		    background: rgba(var(--vs-background),.8);
		    position: absolute;
		    bottom: 0;
		    -webkit-backdrop-filter: saturate(180%) blur(20px);
		    backdrop-filter: saturate(180%) blur(20px);
		    border-radius: 0 0 20px 20px;
		    -webkit-transition: all .25s ease;
		    transition: all .25s ease
		}
		
		.vs-card-content.type-4 .vs-card__text p {
		    opacity: 1
		}
		
		.vs-card-content.type-3 .vs-card {
		    display: -webkit-box;
		    display: -ms-flexbox;
		    display: flex;
		    max-width: 400px
		}
		
		.vs-card-content.type-3 .vs-card:hover {
		    -webkit-transform: scale(1.04);
		    transform: scale(1.04)
		}
		
		.vs-card-content.type-3 .vs-card__img img {
		    min-width: 200px
		}
		
		.vs-card-content.type-3 .vs-card__text {
		    padding-top: 15px
		}
		
		.vs-card-content.type-3 .vs-card__title h2,.vs-card-content.type-3 .vs-card__title h3,.vs-card-content.type-3 .vs-card__title h4,.vs-card-content.type-3 .vs-card__title h5,.vs-card-content.type-3 .vs-card__title h6 {
		    padding: 0
		}
		
		.vs-card-content.type-2 .vs-card {
		    -webkit-box-shadow: none;
		    box-shadow: none;
		    overflow: hidden
		}
		
		.vs-card-content.type-2 .vs-card:hover {
		    -webkit-transform: scale(.95);
		    transform: scale(.95)
		}
		
		.vs-card-content.type-2 .vs-card:hover .vs-card__img img {
		    -webkit-transform: scale(1.15);
		    transform: scale(1.15)
		}
		
		.vs-card-content.type-2 .vs-card:hover .vs-card__text {
		    -webkit-transform: translate(0);
		    transform: translate(0);
		    opacity: 1;
		    color: #fff
		}
		
		.vs-card-content.type-2 .vs-card__interactions {
		    right: 0;
		    top: 0;
		    left: auto;
		    bottom: auto;
		    -webkit-box-align: end;
		    -ms-flex-align: end;
		    align-items: flex-end
		}
		
		.vs-card-content.type-2 .vs-card__title {
		    position: relative;
		    color: inherit;
		    padding: 0
		}
		
		.vs-card-content.type-2 .vs-card__title h2,.vs-card-content.type-2 .vs-card__title h3,.vs-card-content.type-2 .vs-card__title h4,.vs-card-content.type-2 .vs-card__title h5,.vs-card-content.type-2 .vs-card__title h6 {
		    padding: 0 0 5px
		}
		
		.vs-card-content.type-2 .vs-card__text {
		    position: absolute;
		    bottom: 0;
		    background: rgba(var(--vs-background),.9);
		    padding-top: 30px;
		    border-radiu: 0 0 20px 20px;
		    background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.5)));
		    background: linear-gradient(180deg,transparent,rgba(0,0,0,.5));
		    color: transparent;
		    font-size: .9rem;
		    -webkit-transform: translateY(45%);
		    transform: translateY(45%);
		    -webkit-transition: all .25s ease;
		    transition: all .25s ease
		}
		
		.vs-card-content.type-2 .vs-card__text p {
		    opacity: 1
		}
		
		.vs-card-content.type-1 .vs-card:hover {
		    -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(5px);
		    transform: translateY(5px)
		}
		
		.vs-card-content.type-1 .vs-card:hover .vs-card__img img {
		    -webkit-transform: scale(1.15);
		    transform: scale(1.15)
		}
		
		.vs-card {
		    background: rgba(var(--vs-background),1);
		    color: rgba(var(--vs-text),1);
		    width: 100%;
		    max-width: 350px;
		    -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));
		    border-radius: 20px;
		    -webkit-transition: all .25s ease;
		    transition: all .25s ease;
		    cursor: pointer;
		    position: relative
		}
		
		.vs-card__text {
		    font-size: .85rem;
		    padding: 0 15px 15px
		}
		
		.vs-card__text p {
		    font-size: inherit;
		    margin: 0;
		    opacity: .8
		}
		
		.vs-card__title {
		    padding-top: 10px;
		    padding-bottom: 5px
		}
		
		.vs-card__title h2,.vs-card__title h3,.vs-card__title h4,.vs-card__title h5,.vs-card__title h6 {
		    padding: 0;
		    margin: 0;
		    font-size: 1.1rem
		}
		
		.vs-card__interactions {
		    position: absolute;
		    bottom: 0;
		    padding: 5px 10px;
		    -webkit-box-pack: start;
		    -ms-flex-pack: start;
		    justify-content: flex-start;
		    left: 0
		}
		
		.vs-card__img,.vs-card__interactions {
		    display: -webkit-box;
		    display: -ms-flexbox;
		    display: flex;
		    -webkit-box-align: center;
		    -ms-flex-align: center;
		    align-items: center
		}
		
		.vs-card__img {
		    position: relative;
		    max-height: 250px;
		    overflow: hidden;
		    -webkit-box-pack: center;
		    -ms-flex-pack: center;
		    justify-content: center
		}
		
		.vs-card__img,.vs-card__img img {
		    border-radius: 20px;
		    -webkit-transition: all .25s ease;
		    transition: all .25s ease
		}
		
		.vs-card__img img {
		    width: 100%;
		    display: block
		}
		
		.vs-card__group {
		    width: 100%;
		    display: -webkit-box;
		    display: -ms-flexbox;
		    display: flex;
		    position: relative;
		    -webkit-box-align: center;
		    -ms-flex-align: center;
		    align-items: center
		}
		
		.vs-card__group-space {
		    min-width: 20px;
		    position: relative;
		    height: 20px
		}
		
		.vs-card__group .vs-card__group-cards {
		    position: relative;
		    z-index: 1;
		    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;
		    overflow: hidden;
		    overflow-x: auto;
		    scroll-behavior: smooth;
		    padding-top: 20px;
		    padding-bottom: 20px;
		    border-radius: 20px
		}
		
		.vs-card__group .vs-card__group-cards .vs-card-content {
		    min-width: 350px;
		    margin-left: 20px
		}
		
		.vs-card__group .vs-card__group-prev {
		    z-index: 2;
		    position: relative;
		    left: 0;
		    width: 50px;
		    height: 50px;
		    min-width: 50px;
		    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: transparent;
		    border: 0
		}
		
		.vs-card__group .vs-card__group-prev .vs-icon-arrow {
		    width: 15px;
		    height: 15px;
		    display: block;
		    -webkit-transform: rotate(-45deg);
		    transform: rotate(-45deg)
		}
		
		.vs-card__group .vs-card__group-prev .vs-icon-arrow:before {
		    width: 2px
		}
		
		.vs-card__group .vs-card__group-prev .vs-icon-arrow:after {
		    height: 2px
		}
		
		.vs-card__group .vs-card__group-next {
		    border: 0;
		    z-index: 2;
		    position: relative;
		    left: 0;
		    width: 50px;
		    height: 50px;
		    min-width: 50px;
		    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: transparent
		}
		
		.vs-card__group .vs-card__group-next .vs-icon-arrow {
		    width: 15px;
		    height: 15px;
		    display: block;
		    -webkit-transform: rotate(135deg);
		    transform: rotate(135deg)
		}
		
		.vs-card__group .vs-card__group-next .vs-icon-arrow:before {
		    width: 2px
		}
		
		.vs-card__group .vs-card__group-next .vs-icon-arrow:after {
		    height: 2px
		}
		
		.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-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
		}
		
		[class*="--default"],[class*="--primary"] {
		    --vs-color: var(--vs-primary)
		}
		
		[class*="--danger"] {
		    --vs-color: var(--vs-danger)
		}
		
		[class*="--success"] {
		    --vs-color: var(--vs-success)
		}
		
		[class*="--dark"] {
		    --vs-color: var(--vs-dark)
		}
		
		[class*="--warn"] {
		    --vs-color: var(--vs-warn)
		}
		
		:root {
		    --vs-shadow-opacity: .05;
		    --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: .3;
		    --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-] {
		    -webkit-box-sizing: border-box;
		    box-sizing: border-box;
		    outline: none;
		    list-style: none
		}
		
		.vs-ripple-content {
		    --vs-color: inherit;
		    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))
		}
		
		.vs-remove-transition *,.vs-remove-transition :after,.vs-remove-transition :before {
		    -webkit-transition: all 0s!important;
		    transition: all 0s!important
		}
		
		.icon.outbound {
		    color: #aaa;
		    display: inline-block;
		    vertical-align: middle;
		    position: relative;
		    top: -1px
		}
		
		.nav-item i.bx:not(.bx-dots-horizontal-rounded) {
		    display: none
		}
		
		.nav-item i.bx.not-remove {
		    display: block!important
		}
		
		.nav-item>div>.nav-link {
		    display: flex!important;
		    align-items: center;
		    justify-content: center
		}
		
		.nav-item>div>.nav-link i.bx {
		    display: block;
		    font-size: 1rem;
		    transition: all .2s ease;
		    transform-origin: center;
		    width: 16px;
		    height: 16px;
		    position: relative
		}
		
		.darken .subscribe-content #mc_embed_signup_scroll input[type=email][data-v-4ae25bbc] {
		    background: var(--vs-theme-bg)!important
		}
		
		.subscribe-content[data-v-4ae25bbc] {
		    width: 100%;
		    height: auto;
		    overflow: hidden;
		    padding: 100px 40px;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    flex-direction: column
		}
		
		.subscribe-content .con-form[data-v-4ae25bbc] {
		    width: 400px
		}
		
		.subscribe-content h4[data-v-4ae25bbc] {
		    margin: 0;
		    text-align: left;
		    padding: 0 0 15px 10px
		}
		
		.subscribe-content h4[data-v-4ae25bbc] b {
		    color: rgba(var(--vs-primary),1)!important
		}
		
		.subscribe-content #mc_embed_signup_scroll[data-v-4ae25bbc] {
		    display: flex;
		    align-items: center;
		    justify-content: center
		}
		
		.subscribe-content #mc_embed_signup_scroll input[data-v-4ae25bbc] {
		    padding: 14px 20px;
		    border: 0;
		    border-radius: 17px;
		    transition: all .25s ease;
		    box-shadow: 0 8px 40px -5px rgba(0,0,0,.09)
		}
		
		.subscribe-content #mc_embed_signup_scroll input[type=email][data-v-4ae25bbc] {
		    width: 400px;
		    margin-right: -30px;
		    border: 2px solid transparent;
		    padding: 14px 20px;
		    z-index: 100;
		    position: relative;
		    min-width: 250px;
		    background: var(--vs-theme-layout)
		}
		
		.subscribe-content #mc_embed_signup_scroll input[type=email][data-v-4ae25bbc]:focus {
		    box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);
		    transform: translateY(4px)
		}
		
		.subscribe-content #mc_embed_signup_scroll input[type=email]:focus~.clear input[data-v-4ae25bbc] {
		    box-shadow: 0 0 0 0 rgba(var(--vs-primary),.6);
		    transform: translate(0)
		}
		
		.subscribe-content #mc_embed_signup_scroll input[type=submit][data-v-4ae25bbc] {
		    background: rgba(var(--vs-primary),1);
		    color: #fff;
		    box-shadow: 0 10px 20px -10px rgba(var(--vs-primary),.6);
		    cursor: pointer;
		    position: relative;
		    z-index: 200;
		    margin-left: -85px;
		    transform: translateY(-10px)
		}
		
		.subscribe-content #mc_embed_signup_scroll input[type=submit][data-v-4ae25bbc]:hover {
		    box-shadow: 0 10px 20px -10px rgba(var(--vs-primary),.6)!important;
		    transform: translateY(-5px)!important
		}
		
		.footer[data-v-4ae25bbc] {
		    width: 100%;
		    margin: 0;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    flex-direction: column;
		    border-radius: 0 30px 0 0
		}
		
		.footer .footer__uls[data-v-4ae25bbc] {
		    display: flex;
		    align-items: flex-start;
		    justify-content: center
		}
		
		.footer .copy[data-v-4ae25bbc] {
		    position: relative;
		    bottom: 0;
		    width: 100%;
		    max-width: 1000px;
		    display: flex;
		    align-items: center;
		    justify-content: space-between;
		    font-size: .8rem;
		    padding: 20px
		}
		
		.footer .copy .span-copy[data-v-4ae25bbc],.footer .copy .span-lusaxweb span[data-v-4ae25bbc] {
		    opacity: .5
		}
		
		.footer .copy .span-lusaxweb a[data-v-4ae25bbc] {
		    opacity: .8
		}
		
		.footer .copy .span-lusaxweb a[data-v-4ae25bbc]:hover {
		    opacity: 1
		}
		
		.footer ul[data-v-4ae25bbc] {
		    padding: 30px;
		    list-style: none;
		    margin: 30px 20px
		}
		
		.footer ul .title[data-v-4ae25bbc] {
		    margin-bottom: 15px
		}
		
		.footer ul li[data-v-4ae25bbc] {
		    font-size: 1.1rem;
		    font-weight: 700;
		    opacity: .8;
		    margin: 10px 0
		}
		
		.footer ul li a[data-v-4ae25bbc] {
		    font-size: .85rem;
		    opacity: .5;
		    transition: all .25s ease;
		    font-weight: 400;
		    padding: 5px;
		    display: block
		}
		
		.footer ul li a[data-v-4ae25bbc]:hover {
		    opacity: 1;
		    color: rgba(var(--vs-primary),1)!important
		}
		
		@media (max-width: 1200px) {
		    .footer ul[data-v-4ae25bbc] {
		        margin:30px 10px;
		        padding: 15px
		    }
		}
		
		@media (max-width: 800px) {
		    .footer .footer__uls[data-v-4ae25bbc] {
		        flex-wrap:wrap
		    }
		
		    .footer ul[data-v-4ae25bbc] {
		        margin: 30px 10px;
		        padding: 15px;
		        width: calc(50% - 20px)
		    }
		}
		
		@media (max-width: 600px) {
		    .footer[data-v-4ae25bbc] {
		        padding-bottom:100px!important
		    }
		}
		
		@media (max-width: 500px) {
		    .footer .subscribe-content[data-v-4ae25bbc],.footer p[data-v-4ae25bbc] {
		        padding:40px 10px
		    }
		
		    .footer .subscribe-content .con-form[data-v-4ae25bbc],.footer p .con-form[data-v-4ae25bbc] {
		        width: 100%
		    }
		
		    .footer .subscribe-content .con-form input[type=email][data-v-4ae25bbc],.footer p .con-form input[type=email][data-v-4ae25bbc] {
		        width: calc(100% - 50px)!important
		    }
		}
		
		@media (max-width: 400px) {
		    .footer .subscribe-content[data-v-4ae25bbc] {
		        padding:40px 20px
		    }
		
		    .footer .subscribe-content #mc-embedded-subscribe-form[data-v-4ae25bbc],.footer .subscribe-content #mc_embed_signup_scroll[data-v-4ae25bbc] {
		        display: block;
		        width: 100%
		    }
		
		    .footer .subscribe-content .con-form input[type=email][data-v-4ae25bbc] {
		        width: 100%!important;
		        margin-bottom: 10px!important
		    }
		
		    .footer .subscribe-content input[data-v-4ae25bbc] {
		        width: 100%!important;
		        margin-right: 0;
		        margin-top: 10px;
		        margin-left: 0!important
		    }
		
		    .footer ul[data-v-4ae25bbc] {
		        padding: 0 30px;
		        width: calc(100% - 20px)
		    }
		}
		
		.darken .con-mobile,.darken svg.desktop {
		    box-shadow: 0 10px 30px 0 rgba(0,0,0,.17)!important
		}
		
		.con-user {
		    display: flex;
		    align-items: center;
		    justify-content: center
		}
		
		.con-user img {
		    width: 20px;
		    height: 20px;
		    border-radius: 5px
		}
		
		.con-user i {
		    transform: rotate(90deg)
		}
		
		.only-post {
		    margin-top: 15px!important
		}
		
		.con-create-posts-public {
		    max-width: 100%;
		    background: var(--vs-theme-layout);
		    border-radius: 15px;
		    padding: 10px;
		    margin: 0 15px 10px;
		    overflow: hidden
		}
		
		.con-create-posts-public .con-images p {
		    font-size: .6rem;
		    margin: 3px
		}
		
		.con-create-posts-public .con-images p b {
		    cursor: pointer;
		    transition: all .25s ease
		}
		
		.con-create-posts-public .con-images p b:hover {
		    opacity: .6
		}
		
		.con-create-posts-public .content-images img {
		    width: 100%;
		    border-radius: 0 15px 15px 15px;
		    transition: all .25s ease
		}
		
		.con-create-posts-public .content-images img:hover {
		    transform: scale(.95);
		    opacity: .8
		}
		
		.con-create-posts-public .content-images div {
		    width: 50%;
		    float: left;
		    transition: all .25s ease
		}
		
		.con-create-posts-public .content-images div:hover {
		    transform: scale(.95);
		    opacity: .8
		}
		
		.con-create-posts-public .content-images div:first-child {
		    width: calc(60% - 5px);
		    margin-right: 5px;
		    border-radius: 0 15px 15px 15px;
		    background-image: url(https://cdn.pixabay.com/photo/2017/09/01/21/53/blue-2705642_960_720.jpg);
		    height: 100px;
		    background-size: cover;
		    border: 0;
		    display: block;
		    position: relative
		}
		
		.con-create-posts-public .content-images div:nth-child(2) {
		    background-image: url(https://cdn.pixabay.com/photo/2016/12/19/21/36/winters-1919143_960_720.jpg);
		    width: 40%;
		    margin-bottom: 5px;
		    border-radius: 15px 15px 15px 15px;
		    height: 50px;
		    background-size: cover
		}
		
		.con-create-posts-public .content-images div:nth-child(3) {
		    background-size: cover;
		    width: 40%;
		    height: 45px;
		    border-radius: 15px 15px 0 15px;
		    background-image: url(https://cdn.pixabay.com/photo/2016/12/23/12/40/night-1927265_960_720.jpg)
		}
		
		.con-create-posts-public header {
		    position: relative;
		    display: flex;
		    align-items: center;
		    justify-content: space-between;
		    padding-right: 5px
		}
		
		.con-create-posts-public header i {
		    font-size: .8rem;
		    transition: all .25s ease
		}
		
		.con-create-posts-public header i:hover {
		    opacity: .5
		}
		
		.con-create-posts-public header .name {
		    display: flex;
		    align-items: flex-start;
		    justify-content: center;
		    flex-direction: column;
		    padding-left: 30px
		}
		
		.con-create-posts-public header .name h5 {
		    font-size: .7rem;
		    margin: 0;
		    padding: 0
		}
		
		.con-create-posts-public header .name p {
		    font-size: .5rem;
		    margin: 0
		}
		
		.con-create-posts-public header .name img {
		    position: absolute;
		    top: 2px;
		    left: 0;
		    border-radius: 7px;
		    width: 24px;
		    transition: all .25s ease;
		    box-shadow: 0 0 0 0 rgba(0,0,0,.2)
		}
		
		.con-create-posts {
		    max-width: 100%;
		    background: var(--vs-theme-layout);
		    margin: 15px 15px 10px;
		    border-radius: 15px;
		    padding: 10px
		}
		
		.con-create-posts footer {
		    display: flex;
		    align-items: center;
		    justify-content: flex-start;
		    padding: 0 10px
		}
		
		.con-create-posts footer .vs-button--default {
		    -webkit-animation: btn1 5s infinite;
		    animation: btn1 5s infinite
		}
		
		.con-create-posts footer button {
		    margin: 2px!important;
		    border-radius: 8px;
		    font-weight: 700
		}
		
		.con-create-posts footer .vs-button__content {
		    padding: 5px 10px;
		    font-size: .55rem
		}
		
		.con-create-posts footer .vs-button--icon {
		    opacity: .3;
		    -webkit-filter: grayscale(100%);
		    filter: grayscale(100%)
		}
		
		.con-create-posts footer .vs-button--icon:focus,.con-create-posts footer .vs-button--icon:hover {
		    opacity: 1;
		    -webkit-filter: grayscale(0);
		    filter: grayscale(0)
		}
		
		.con-create-posts footer .vs-button--icon .vs-button__content {
		    padding: 5px
		}
		
		.con-create-posts footer .vs-button--icon .vs-button__content i {
		    font-size: .7rem
		}
		
		.con-create-posts .text-post {
		    display: flex;
		    align-items: flex-start;
		    justify-content: center;
		    position: relative;
		    padding: 10px 10px 5px
		}
		
		.con-create-posts .text-post textarea {
		    padding-left: 20px;
		    border: 0;
		    resize: none;
		    border-bottom: 1px solid var(--vs-theme-bg2);
		    background: transparent;
		    font-size: .6rem;
		    font-family: Arial,Helvetica,sans-serif;
		    height: 40px;
		    outline: none;
		    transition: all .25s ease;
		    width: 100%
		}
		
		.con-create-posts .text-post textarea:focus {
		    height: 60px;
		    border-bottom: 1px solid #1a5bff
		}
		
		.con-create-posts .text-post textarea:focus~img {
		    box-shadow: 0 4px 10px 0 rgba(0,0,0,.2);
		    transform: translateY(-2px)
		}
		
		.con-create-posts .text-post img {
		    position: absolute;
		    top: 10px;
		    left: 0;
		    border-radius: 7px;
		    width: 20px;
		    transition: all .25s ease;
		    box-shadow: 0 0 0 0 rgba(0,0,0,.2)
		}
		
		.con-create-posts header {
		    display: flex;
		    align-items: center;
		    justify-content: space-between;
		    padding: 0 5px;
		    font-size: .6rem;
		    font-weight: 700
		}
		
		.con-create-posts header i {
		    font-size: .8rem
		}
		
		.code1 {
		    width: 200px;
		    z-index: 300;
		    position: absolute;
		    top: -100px;
		    left: 100px;
		    -webkit-animation: code1 5s infinite;
		    animation: code1 5s infinite
		}
		
		.code1 code {
		    font-size: .75rem!important
		}
		
		.code1 pre {
		    box-shadow: 0 5px 20px 0 rgba(0,0,0,.1);
		    border-radius: 20px!important;
		    padding: 8px!important
		}
		
		.code1 .inline-block {
		    display: inline-block
		}
		
		.content-desk-components {
		    width: 100%;
		    position: absolute;
		    height: calc(100% - 40px);
		    background: var(--vs-theme-layout);
		    z-index: 10;
		    top: 40px;
		    border-radius: 0 0 10px 10px
		}
		
		.content-desk-components .con-app {
		    width: calc(100% - 105px);
		    height: calc(100% - 32px);
		    position: absolute;
		    background: var(--vs-theme-bg);
		    top: 32px;
		    left: 105px;
		    border-radius: 20px 0 0 0;
		    overflow: hidden
		}
		
		.content-desk-components .menu-items {
		    width: 80px;
		    height: calc(100% - 35px);
		    background: var(--vs-theme-layout);
		    left: 30px;
		    position: absolute;
		    top: 35px
		}
		
		.content-desk-components .header {
		    width: calc(100% - 30px);
		    box-sizing: border-box;
		    position: absolute;
		    height: 32px;
		    background: var(--vs-theme-layout);
		    left: 30px;
		    padding: 0 10px;
		    display: flex;
		    align-items: center;
		    justify-content: space-between
		}
		
		.content-desk-components .header .con-input {
		    display: flex;
		    align-items: center;
		    justify-content: center
		}
		
		.content-desk-components .header .con-input input {
		    border-radius: 6px;
		    font-size: .6rem;
		    background: transparent;
		    padding: 5px 10px;
		    color: var(--vs-theme-text);
		    transition: all .25s ease;
		    width: 130px;
		    border: 0;
		    background: var(--vs-theme-bg2)
		}
		
		.content-desk-components .header .con-input input:focus {
		    padding-left: 15px
		}
		
		.content-desk-components .header .con-input button {
		    background: #1a5bff;
		    border: 0;
		    border-radius: 7px;
		    padding: 0!important;
		    width: 20px;
		    height: 20px;
		    color: #fff;
		    margin: 0;
		    transform: translate(-10px,-3px)
		}
		
		.content-desk-components .header .con-input button i {
		    font-size: .6rem;
		    margin-top: 2px
		}
		
		.content-desk-components .header .con-input button .vs-button__content {
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    padding: 0
		}
		
		.content-desk-components .header ul {
		    display: flex;
		    align-items: center;
		    justify-content: center
		}
		
		.content-desk-components .header ul li {
		    padding: 7px 6px;
		    font-size: .6rem;
		    font-weight: 600;
		    margin: 5px 7px;
		    list-style: none;
		    transition: all .25s ease;
		    cursor: pointer;
		    opacity: .6
		}
		
		.content-desk-components .header ul li.active {
		    opacity: 1;
		    border-bottom: 2px solid #1a5bff
		}
		
		.content-desk-components .header ul li:hover {
		    opacity: 1
		}
		
		.content-desk-components .menu-desk {
		    width: 30px;
		    height: 100%;
		    position: absolute;
		    top: 0;
		    left: 0;
		    background: #1a5bff;
		    border-radius: 0 10px 10px 0
		}
		
		.content-desk-components .menu-desk ul {
		    padding: 0;
		    margin: 70px 0 0
		}
		
		.content-desk-components .menu-desk ul li {
		    list-style: none;
		    width: 20px;
		    height: 20px;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    background: hsla(0,0%,100%,.1);
		    border-radius: 6px;
		    margin: 7px 5px 5px;
		    color: #fff;
		    transition: all .25s ease;
		    cursor: pointer
		}
		
		.content-desk-components .menu-desk ul li i {
		    font-size: .6rem
		}
		
		.content-desk-components .menu-desk ul li:hover {
		    background: #fff;
		    box-shadow: 0 5px 10px 0 hsla(0,0%,100%,.3);
		    color: #1a5bff
		}
		
		.home-init {
		    display: flex;
		    align-items: center;
		    justify-content: space-between;
		    background: var(--vs-theme-layout);
		    overflow: hidden;
		    margin-left: auto;
		    min-height: 100vh
		}
		
		.home-init .con-text {
		    width: 100%
		}
		
		.home-init .con-animation {
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    position: relative
		}
		
		.home-init .con-desk {
		    height: 556px;
		    width: 800px;
		    position: relative
		}
		
		.home-init .con-desk .desktop {
		    border-radius: 10px;
		    fill: var(--vs-theme-bg2)
		}
		
		.home-init .con-desk .desktop,.home-init .con-mobile {
		    box-shadow: 0 10px 30px 0 rgba(0,0,0,.06);
		    position: absolute
		}
		
		.home-init .con-mobile {
		    width: 200px;
		    height: 400px;
		    border-radius: 20px;
		    left: -70px;
		    bottom: -70px;
		    z-index: 200;
		    display: flex;
		    align-items: center;
		    justify-content: center
		}
		
		.home-init .con-mobile svg {
		    width: 100%;
		    height: 100%
		}
		
		.home-init .con-mobile .con-app-mobile {
		    border-radius: 20px;
		    height: calc(100% - 18px);
		    position: absolute;
		    width: calc(100% - 18px)
		}
		
		.home-init .con-mobile .con-app-mobile .vs-row {
		    overflow: auto;
		    height: 100%;
		    padding-top: 35px
		}
		
		.home-init .con-mobile .con-app-mobile .vs-row::-webkit-scrollbar {
		    width: 0
		}
		
		.home-init .con-mobile .con-app-mobile .con-create-posts {
		    border-radius: 5px;
		    margin: 0 10px 10px;
		    padding: 5px
		}
		
		.home-init .con-mobile .con-app-mobile .con-create-posts .text-post img {
		    width: 15px;
		    border-radius: 4px
		}
		
		.home-init .con-mobile .con-app-mobile .con-create-posts .text-post textarea {
		    font-size: .5rem;
		    padding-left: 12px
		}
		
		.home-init .con-mobile .con-app-mobile .con-create-posts header {
		    font-size: .5rem
		}
		
		.home-init .con-mobile .con-app-mobile .con-create-posts footer {
		    padding: 0;
		    flex-wrap: wrap
		}
		
		.home-init .con-mobile .con-app-mobile .con-create-posts-public {
		    margin: 10px;
		    border-radius: 5px;
		    padding: 5px
		}
		
		.home-init .con-mobile .con-app-mobile .con-create-posts-public .con-images p {
		    font-size: .5rem
		}
		
		.home-init .con-mobile .con-app-mobile .con-create-posts-public header .name {
		    padding-left: 18px
		}
		
		.home-init .con-mobile .con-app-mobile .con-create-posts-public header .name h5 {
		    font-size: .5rem
		}
		
		.home-init .con-mobile .con-app-mobile .con-create-posts-public header .name p {
		    font-size: .4rem
		}
		
		.home-init .con-mobile .con-app-mobile .con-create-posts-public header .name img {
		    width: 15px;
		    border-radius: 4px
		}
		
		.home-init .con-mobile .con-app-mobile>header {
		    width: 100%;
		    display: flex;
		    align-items: center;
		    justify-content: space-between;
		    position: absolute;
		    top: -2px;
		    left: 0;
		    background: var(--vs-theme-layout);
		    z-index: 200
		}
		
		.home-init .con-mobile .con-app-mobile>header button {
		    padding: 0;
		    width: 30px;
		    height: 30px;
		    border-radius: 5px;
		    margin: 0
		}
		
		.home-init .con-mobile .con-app-mobile>header button .vs-button__content {
		    padding: 0
		}
		
		.home-init .con-mobile .con-app-mobile>header button i {
		    font-size: 1rem
		}
		
		.home-init .con-mobile .con-app-mobile>header .con-user {
		    display: flex;
		    align-items: center;
		    padding: 5px 3px
		}
		
		.home-init .con-mobile .con-app-mobile>header .con-user img {
		    width: 15px;
		    height: 15px
		}
		
		.home-init .con-mobile .con-app-mobile>header .con-user i {
		    font-size: .8rem
		}
		
		@media (max-width: 1350px) {
		    .home-init {
		        overflow:hidden
		    }
		
		    .home-init .con-text {
		        width: 50%
		    }
		
		    .home-init .con-animation .con-mobile {
		        width: 150px;
		        height: 300px;
		        left: -40px
		    }
		
		    .home-init .con-animation .con-desk {
		        height: 560px;
		        width: 600px
		    }
		
		    .home-init .con-animation .con-desk svg {
		        height: 100%
		    }
		}
		
		@media (max-width: 1100px) {
		    .home-init {
		        margin-bottom:140px
		    }
		
		    .home-init .con-text {
		        width: 100%;
		        z-index: 200
		    }
		
		    .home-init .con-text .hero {
		        background: transparent;
		        display: block
		    }
		
		    .home-init .con-text .hero .content-hero {
		        padding: 20px
		    }
		
		    .home-init .con-animation {
		        position: absolute;
		        z-index: 100;
		        right: 0;
		        bottom: -60px
		    }
		}
		
		@media (max-width: 800px) {
		    .home-init .con-text .hero .content-hero {
		        padding:20px
		    }
		
		    .home-init .con-text .hero .content-hero h1 {
		        font-size: 2rem!important
		    }
		}
		
		@media (max-width: 670px) {
		    .home-init {
		        margin-bottom:0
		    }
		
		    .home-init .con-text .hero {
		        display: flex;
		        padding: 30px
		    }
		
		    .home-init .con-animation {
		        display: none
		    }
		}
		
		@media (max-width: 450px) {
		    .home-init .con-text .hero {
		        padding:0
		    }
		
		    .home-init .con-btns {
		        flex-wrap: wrap;
		        justify-content: flex-start;
		        width: 100%
		    }
		
		    .home-init .con-btns a {
		        margin: 10px 0 0;
		        max-width: auto;
		        width: 100%;
		        text-align: center
		    }
		
		    .home-init .con-btns a.discord {
		        width: calc(50% - 5px);
		        padding: 9px;
		        margin-right: 10px
		    }
		
		    .home-init .con-btns a.github {
		        width: calc(50% - 5px)
		    }
		
		    .home-init .con-btns a.github .badge-star {
		        position: relative;
		        top: 0;
		        right: 0
		    }
		}
		
		@-webkit-keyframes btn1 {
		    0% {
		        opacity: 1;
		        width: 60px
		    }
		
		    10% {
		        opacity: 0;
		        width: 0
		    }
		
		    55% {
		        opacity: 0;
		        width: 0
		    }
		
		    73% {
		        opacity: 1;
		        width: 60px
		    }
		
		    80% {
		        opacity: 1;
		        width: 60px
		    }
		
		    95% {
		        opacity: 1;
		        width: 60px
		    }
		
		    to {
		        opacity: 1;
		        width: 60px
		    }
		}
		
		@keyframes btn1 {
		    0% {
		        opacity: 1;
		        width: 60px
		    }
		
		    10% {
		        opacity: 0;
		        width: 0
		    }
		
		    55% {
		        opacity: 0;
		        width: 0
		    }
		
		    73% {
		        opacity: 1;
		        width: 60px
		    }
		
		    80% {
		        opacity: 1;
		        width: 60px
		    }
		
		    95% {
		        opacity: 1;
		        width: 60px
		    }
		
		    to {
		        opacity: 1;
		        width: 60px
		    }
		}
		
		@-webkit-keyframes code1 {
		    0% {
		        top: -80px;
		        left: 100px;
		        opacity: 0;
		        transform: scale(.7)
		    }
		
		    5% {
		        top: -80px;
		        left: 100px;
		        opacity: 1;
		        transform: scale(1)
		    }
		
		    40% {
		        top: -80px;
		        left: 100px;
		        opacity: 1;
		        transform: scale(1)
		    }
		
		    50% {
		        top: -80px;
		        left: 100px;
		        opacity: 1;
		        transform: scale(.8)
		    }
		
		    60% {
		        top: 110px;
		        left: 80px;
		        opacity: 1;
		        transform: scale(.5)
		    }
		
		    65% {
		        top: 130px;
		        left: 70px;
		        transform: scale(.15);
		        opacity: 0
		    }
		
		    to {
		        top: -80px;
		        left: 100px;
		        transform: scale(1);
		        opacity: 0
		    }
		}
		
		@keyframes code1 {
		    0% {
		        top: -80px;
		        left: 100px;
		        opacity: 0;
		        transform: scale(.7)
		    }
		
		    5% {
		        top: -80px;
		        left: 100px;
		        opacity: 1;
		        transform: scale(1)
		    }
		
		    40% {
		        top: -80px;
		        left: 100px;
		        opacity: 1;
		        transform: scale(1)
		    }
		
		    50% {
		        top: -80px;
		        left: 100px;
		        opacity: 1;
		        transform: scale(.8)
		    }
		
		    60% {
		        top: 110px;
		        left: 80px;
		        opacity: 1;
		        transform: scale(.5)
		    }
		
		    65% {
		        top: 130px;
		        left: 70px;
		        transform: scale(.15);
		        opacity: 0
		    }
		
		    to {
		        top: -80px;
		        left: 100px;
		        transform: scale(1);
		        opacity: 0
		    }
		}
		
		.btn-action[data-v-6461a210] {
		    display: inline-block;
		    font-size: 1rem;
		    color: #fff;
		    background: transparent;
		    padding: 13px 25px;
		    border-radius: 15px;
		    transition: background-color .1s ease;
		    box-sizing: border-box;
		    transition: all .25s ease;
		    box-shadow: 0 0 0 0 rgba(var(--vs-primary),.6);
		    font-size: .8rem;
		    background: rgba(var(--vs-primary),1);
		    border: 0;
		    margin-top: 10px
		}
		
		.btn-action i[data-v-6461a210] {
		    display: none
		}
		
		.btn-action[data-v-6461a210]:hover {
		    box-shadow: 0 10px 20px -10px rgba(var(--vs-primary),.6);
		    transform: translateY(-5px)
		}
		
		.content-i[data-v-6461a210] {
		    width: 100%;
		    padding: 120px 70px;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    max-width: 1400px;
		    margin: auto
		}
		
		.content-i .con-text[data-v-6461a210] {
		    padding-left: 50px;
		    width: 50%
		}
		
		.content-i .con-text h2[data-v-6461a210] {
		    border: 0;
		    font-size: 2rem;
		    font-weight: 400
		}
		
		.content-i .con-ilus[data-v-6461a210] {
		    width: 50%;
		    height: 450px;
		    padding-right: 50px;
		    max-width: 600px
		}
		
		.content-i .con-ilus img[data-v-6461a210] {
		    width: 100%;
		    height: auto
		}
		
		#Trazado_2428[data-v-6461a210],#Trazado_2429[data-v-6461a210],#Trazado_2430[data-v-6461a210],#Trazado_2431[data-v-6461a210],#Trazado_2432[data-v-6461a210],#Trazado_2433[data-v-6461a210],#Trazado_2434[data-v-6461a210],#Trazado_2435[data-v-6461a210],#Trazado_2436[data-v-6461a210],#Trazado_2437[data-v-6461a210],#Trazado_2438[data-v-6461a210],#Trazado_2441[data-v-6461a210],#Trazado_2442[data-v-6461a210],#Trazado_2445[data-v-6461a210],#Trazado_2446[data-v-6461a210],#Trazado_2593[data-v-6461a210] {
		    -webkit-animation: svg1-data-v-6461a210 5s infinite;
		    animation: svg1-data-v-6461a210 5s infinite
		}
		
		#Trazado_2415[data-v-6461a210],#Trazado_2416[data-v-6461a210],#Trazado_2417[data-v-6461a210],#Trazado_2418[data-v-6461a210],#Trazado_2419[data-v-6461a210],#Trazado_2420[data-v-6461a210],#Trazado_2421[data-v-6461a210],#Trazado_2422[data-v-6461a210],#Trazado_2423[data-v-6461a210],#Trazado_2424[data-v-6461a210],#Trazado_2425[data-v-6461a210],#Trazado_2426[data-v-6461a210],#Trazado_2427[data-v-6461a210],#Trazado_2587[data-v-6461a210] {
		    -webkit-animation: svg1-data-v-6461a210 5s infinite alternate;
		    animation: svg1-data-v-6461a210 5s infinite alternate
		}
		
		@-webkit-keyframes svg1-data-v-6461a210 {
		    0% {
		        opacity: 0
		    }
		
		    50% {
		        opacity: 1
		    }
		
		    to {
		        opacity: 0
		    }
		}
		
		@keyframes svg1-data-v-6461a210 {
		    0% {
		        opacity: 0
		    }
		
		    50% {
		        opacity: 1
		    }
		
		    to {
		        opacity: 0
		    }
		}
		
		.btn-action[data-v-469a1f25] {
		    display: inline-block;
		    font-size: 1rem;
		    color: #fff;
		    background: transparent;
		    padding: 13px 20px;
		    border-radius: 15px;
		    transition: background-color .1s ease;
		    box-sizing: border-box;
		    transition: all .25s ease;
		    box-shadow: 0 0 0 0 rgba(var(--vs-primary),.6);
		    background: rgba(var(--vs-primary),1);
		    font-size: .8rem;
		    border: 0;
		    margin-top: 10px
		}
		
		.btn-action i[data-v-469a1f25] {
		    display: none
		}
		
		.btn-action[data-v-469a1f25]:hover {
		    box-shadow: 0 10px 20px -10px rgba(var(--vs-primary),.6);
		    transform: translateY(-5px)
		}
		
		.content-i[data-v-469a1f25] {
		    width: 100%;
		    padding: 120px 70px;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    max-width: 1400px;
		    margin: auto
		}
		
		.content-i .con-text[data-v-469a1f25] {
		    padding-left: 50px;
		    width: 50%
		}
		
		.content-i .con-text h2[data-v-469a1f25] {
		    border: 0;
		    font-size: 2rem;
		    font-weight: 400
		}
		
		.content-i .con-ilus[data-v-469a1f25] {
		    width: 50%;
		    height: 450px;
		    padding-left: 50px;
		    max-width: 600px
		}
		
		.content-i .con-ilus img[data-v-469a1f25] {
		    width: 100%;
		    height: auto
		}
		
		.btn-action[data-v-ded3e35a] {
		    display: inline-block;
		    font-size: 1rem;
		    color: #fff;
		    background: transparent;
		    padding: 13px 20px;
		    border-radius: 15px;
		    transition: background-color .1s ease;
		    box-sizing: border-box;
		    transition: all .25s ease;
		    box-shadow: 0 0 0 0 rgba(var(--vs-primary),.6);
		    background: rgba(var(--vs-primary),1);
		    border: 0;
		    font-size: .8rem;
		    margin-top: 10px
		}
		
		.btn-action i[data-v-ded3e35a] {
		    display: none
		}
		
		.btn-action[data-v-ded3e35a]:hover {
		    box-shadow: 0 10px 20px -10px rgba(var(--vs-primary),.6);
		    transform: translateY(-5px)
		}
		
		.content-i[data-v-ded3e35a] {
		    width: 100%;
		    padding: 120px 70px;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    max-width: 1400px;
		    margin: auto
		}
		
		.content-i .con-text[data-v-ded3e35a] {
		    padding-left: 50px;
		    width: 50%
		}
		
		.content-i .con-text h2[data-v-ded3e35a] {
		    border: 0;
		    font-size: 2rem;
		    font-weight: 400
		}
		
		.content-i .con-ilus[data-v-ded3e35a] {
		    width: 50%;
		    height: 450px;
		    padding-right: 50px;
		    max-width: 600px
		}
		
		.content-i .con-ilus img[data-v-ded3e35a] {
		    width: 100%;
		    height: auto
		}
		
		.content-i[data-v-9c13e5e6] {
		    width: 100%;
		    padding: 120px 70px;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    max-width: 1400px;
		    margin: auto
		}
		
		.content-i .con-text[data-v-9c13e5e6] {
		    padding-left: 50px;
		    width: 50%
		}
		
		.content-i .con-text h2[data-v-9c13e5e6] {
		    border: 0;
		    font-size: 2rem;
		    font-weight: 400
		}
		
		.content-i .con-ilus[data-v-9c13e5e6] {
		    width: 50%;
		    height: 450px;
		    padding-left: 50px;
		    max-width: 600px
		}
		
		.content-i .con-ilus img[data-v-9c13e5e6] {
		    width: 100%;
		    height: auto
		}
		
		.has-darken[data-v-3c127e16] {
		    display: none
		}
		
		.darken .component13 header input[data-v-3c127e16] {
		    background: var(--vs-theme-bg)!important
		}
		
		.darken .con-logo .github-logo__1[data-v-3c127e16],.darken .con-logo .github-logo__2[data-v-3c127e16],.darken .con-logo .github-logo__3[data-v-3c127e16] {
		    box-shadow: 0 0 10px 0 hsla(0,0%,100%,.25)
		}
		
		.darken .not-darken[data-v-3c127e16] {
		    display: none
		}
		
		.darken .has-darken[data-v-3c127e16] {
		    display: block
		}
		
		.darken .circle[data-v-3c127e16] {
		    background: var(--vs-theme-bg2)!important
		}
		
		.darken .bxs-star[data-v-3c127e16] {
		    fill: #fff!important;
		    opacity: 1!important
		}
		
		.darken .component13 header button[data-v-3c127e16] {
		    border: 2px solid hsla(0,0%,100%,.1)!important;
		    color: #fff!important;
		    opacity: 1!important
		}
		
		.darken .component7 footer button[data-v-3c127e16] {
		    background: rgba(var(--vs-primary),1);
		    color: #fff!important
		}
		
		.darken [data-v-3c127e16]::-moz-placeholder {
		    color: var(--vs-theme-color)
		}
		
		.darken [data-v-3c127e16]:-ms-input-placeholder {
		    color: var(--vs-theme-color)
		}
		
		.darken [data-v-3c127e16]::-ms-input-placeholder {
		    color: var(--vs-theme-color)
		}
		
		.darken [data-v-3c127e16]::placeholder {
		    color: var(--vs-theme-color)
		}
		
		.con-logo[data-v-3c127e16] {
		    position: absolute;
		    transform: scale(.3);
		    opacity: 0;
		    font-size: 9rem;
		    z-index: 20;
		    width: 200px;
		    height: 200px;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    border-radius: 50%;
		    box-shadow: 0 8px 20px 0 rgba(0,0,0,.04);
		    transition: all .25s ease
		}
		
		.con-logo.vuesax-logo[data-v-3c127e16] {
		    border-radius: 50px
		}
		
		.con-logo.vuesax-logo img[data-v-3c127e16] {
		    width: 50%;
		    z-index: 100
		}
		
		.con-logo.discord-logo[data-v-3c127e16] {
		    width: 180px;
		    height: 180px;
		    border-radius: 40px 40px 5px 40px
		}
		
		.con-logo.discord-logo i[data-v-3c127e16] {
		    transform: translate(5px)
		}
		
		.con-logo i[data-v-3c127e16] {
		    z-index: 30
		}
		
		.con-logo[data-v-3c127e16]:after {
		    content: "";
		    position: absolute;
		    width: 100%;
		    height: 100%;
		    border-radius: inherit;
		    background: var(--vs-theme-layout);
		    z-index: 20
		}
		
		.con-logo .github-logo__1[data-v-3c127e16] {
		    -webkit-animation: waveslogo-data-v-3c127e16 .7s ease infinite;
		    animation: waveslogo-data-v-3c127e16 .7s ease infinite;
		    box-shadow: 0 0 10px 0 rgba(0,0,0,.1)
		}
		
		.con-logo .github-logo__1[data-v-3c127e16],.con-logo .github-logo__2[data-v-3c127e16] {
		    width: 0;
		    background: transparent;
		    height: 0;
		    position: absolute;
		    border-radius: inherit;
		    z-index: 10
		}
		
		.con-logo .github-logo__2[data-v-3c127e16] {
		    -webkit-animation: waveslogo-data-v-3c127e16 1.4s linear infinite;
		    animation: waveslogo-data-v-3c127e16 1.4s linear infinite;
		    box-shadow: 0 0 20px 0 rgba(0,0,0,.1)
		}
		
		.con-logo .github-logo__3[data-v-3c127e16] {
		    z-index: 10;
		    width: 0;
		    background: transparent;
		    height: 0;
		    position: absolute;
		    -webkit-animation: waveslogo-data-v-3c127e16 1.75s ease infinite;
		    animation: waveslogo-data-v-3c127e16 1.75s ease infinite;
		    box-shadow: 0 0 30px 0 rgba(0,0,0,.1);
		    border-radius: inherit
		}
		
		.con-components[data-v-3c127e16] {
		    width: 60%;
		    position: absolute;
		    right: 0;
		    height: 80vh;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    transform: scale(.8);
		    z-index: 100
		}
		
		.con-components .content-components[data-v-3c127e16] {
		    position: relative;
		    width: 1100px;
		    height: 100%
		}
		
		.con-components .content-components .component13[data-v-3c127e16] {
		    width: 300px;
		    padding: 15px;
		    background: var(--vs-theme-layout);
		    border-radius: 20px;
		    top: 180px;
		    left: 0;
		    position: absolute;
		    box-shadow: 0 8px 20px 0 rgba(0,0,0,.04);
		    transition: all .25s ease;
		    -webkit-animation: componentAnimate-data-v-3c127e16 18s ease infinite;
		    animation: componentAnimate-data-v-3c127e16 18s ease infinite
		}
		
		.con-components .content-components .component13[data-v-3c127e16]:hover {
		    box-shadow: 0 0 0 0 rgba(0,0,0,.1);
		    transform: translateY(5px)
		}
		
		.con-components .content-components .component13 .vs-input-parent[data-v-3c127e16] {
		    width: calc(100% - 50px)
		}
		
		.con-components .content-components .component13 .vs-input-parent[data-v-3c127e16] input {
		    width: 100%!important
		}
		
		.con-components .content-components .component13 ul[data-v-3c127e16] {
		    margin: 0;
		    padding: 10px 0;
		    list-style: none
		}
		
		.con-components .content-components .component13 ul li[data-v-3c127e16] {
		    position: relative;
		    display: flex;
		    align-items: center;
		    justify-content: flex-start;
		    padding: 3px;
		    cursor: pointer;
		    transition: all .25s ease
		}
		
		.con-components .content-components .component13 ul li:hover label[data-v-3c127e16] {
		    opacity: .6
		}
		
		.con-components .content-components .component13 ul li label[data-v-3c127e16] {
		    transition: all .25s ease
		}
		
		.con-components .content-components .component13 ul li .check[data-v-3c127e16] {
		    width: 22px;
		    height: 22px;
		    display: block;
		    background: var(--vs-theme-bg2);
		    border-radius: 5px;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    transition: all .25s ease;
		    margin-right: 10px
		}
		
		.con-components .content-components .component13 ul li .check i[data-v-3c127e16] {
		    transition: all .3s ease;
		    font-size: 1.1rem;
		    transform: scale(.5);
		    opacity: 0
		}
		
		.con-components .content-components .component13 ul li input[data-v-3c127e16] {
		    position: absolute;
		    width: 100%;
		    height: 100%;
		    opacity: 0;
		    z-index: 100;
		    cursor: pointer
		}
		
		.con-components .content-components .component13 ul li input:checked~.check[data-v-3c127e16] {
		    background: rgba(var(--vs-primary),1)
		}
		
		.con-components .content-components .component13 ul li input:checked~.check i[data-v-3c127e16] {
		    opacity: 1;
		    color: #fff;
		    transform: scale(1)
		}
		
		.con-components .content-components .component13 header[data-v-3c127e16] {
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    width: 100%
		}
		
		.con-components .content-components .component13 header button[data-v-3c127e16] {
		    border: 2px solid rgba(0,0,0,.15);
		    width: 38px;
		    height: 38px;
		    opacity: .5;
		    background: transparent;
		    padding: 0;
		    margin-left: 10px;
		    display: flex;
		    align-items: center;
		    transition: all .25s ease;
		    justify-content: center
		}
		
		.con-components .content-components .component13 header button[data-v-3c127e16]:hover {
		    background: rgba(var(--vs-primary),1);
		    border: 2px solid rgba(var(--vs-primary),1);
		    color: #fff;
		    opacity: 1
		}
		
		.con-components .content-components .component13 header button i[data-v-3c127e16] {
		    font-size: 1.5rem
		}
		
		.con-components .content-components .component13 header input[data-v-3c127e16] {
		    padding: 9px 20px;
		    border: 0;
		    background: var(--vs-theme-bg2);
		    width: calc(100% - 50px);
		    border-radius: 14px;
		    transition: all .25s ease
		}
		
		.con-components .content-components .component13 header input[data-v-3c127e16]:focus {
		    padding-left: 25px
		}
		
		.con-components .content-components .component13 button[data-v-3c127e16] {
		    margin: 0;
		    padding: 2px 0;
		    border-radius: 16px
		}
		
		.con-components .content-components .component12[data-v-3c127e16] {
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    position: absolute;
		    top: 540px;
		    left: 0;
		    transition: all .25s ease;
		    -webkit-animation: componentAnimate-data-v-3c127e16 20s ease infinite alternate;
		    animation: componentAnimate-data-v-3c127e16 20s ease infinite alternate
		}
		
		.con-components .content-components .component12[data-v-3c127e16] input {
		    background: var(--vs-theme-layout);
		    padding: 10px 15px;
		    box-shadow: 0 8px 20px 0 rgba(0,0,0,.04);
		    width: 275px
		}
		
		.con-components .content-components .component12[data-v-3c127e16] input:focus {
		    padding-left: 20px
		}
		
		.con-components .content-components .component12[data-v-3c127e16] input:focus~button {
		    transform: translate(-5px,-9px);
		    box-shadow: 0 10px 20px -10px rgba(var(--vs-primary),.8)
		}
		
		.con-components .content-components .component12 button[data-v-3c127e16] {
		    position: absolute;
		    right: 0;
		    top: -3px;
		    border-radius: 17px;
		    width: 40px;
		    height: 40px;
		    margin: 0;
		    box-shadow: 0 0 0 0 rgba(var(--vs-primary),.8)
		}
		
		.con-components .content-components .component12 button i[data-v-3c127e16] {
		    font-size: 1rem
		}
		
		.con-components .content-components .component11[data-v-3c127e16] {
		    position: absolute;
		    top: 640px;
		    left: 100px;
		    transition: all .25s ease;
		    border-radius: 15px;
		    -webkit-user-select: none;
		    -moz-user-select: none;
		    -ms-user-select: none;
		    user-select: none;
		    animation: componentAnimate-data-v-3c127e16 16s ease infinite reverse
		}
		
		.con-components .content-components .component11 .liquid[data-v-3c127e16] {
		    width: 20px;
		    background: var(--vs-theme-layout);
		    height: 15px;
		    right: 30px;
		    position: absolute;
		    bottom: 0;
		    transform: translateY(80%) scaleX(.4);
		    z-index: 200;
		    opacity: 0;
		    transition: all .25s ease
		}
		
		.con-components .content-components .component11 .liquid[data-v-3c127e16]:after {
		    left: -20px
		}
		
		.con-components .content-components .component11 .liquid[data-v-3c127e16]:after,.con-components .content-components .component11 .liquid[data-v-3c127e16]:before {
		    content: "";
		    position: absolute;
		    top: -5px;
		    width: 20px;
		    height: 15px;
		    background: transparent;
		    border-radius: 0 50% 50% 0;
		    border-right: 5px solid var(--vs-theme-layout);
		    border-bottom: 5px solid var(--vs-theme-layout);
		    border-top: 5px solid var(--vs-theme-layout)
		}
		
		.con-components .content-components .component11 .liquid[data-v-3c127e16]:before {
		    right: -20px;
		    transform: rotate(180deg)
		}
		
		.con-components .content-components .component11.active .liquid[data-v-3c127e16] {
		    opacity: 1;
		    transform: translateY(100%)
		}
		
		.con-components .content-components .component11.active input[data-v-3c127e16] {
		    border-radius: 15px;
		    -webkit-user-select: none;
		    -moz-user-select: none;
		    -ms-user-select: none;
		    user-select: none
		}
		
		.con-components .content-components .component11.active i[data-v-3c127e16] {
		    transform: rotate(-180deg)
		}
		
		.con-components .content-components .component11 ul[data-v-3c127e16] {
		    width: 100%;
		    position: absolute;
		    top: 0;
		    background: var(--vs-theme-layout);
		    list-style: none;
		    border-radius: 15px;
		    padding-bottom: 5px;
		    opacity: 0;
		    visibility: hidden;
		    transition: all .25s ease;
		    z-index: 100;
		    transform: translateY(10px);
		    padding-top: 7px;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    padding-left: 0;
		    box-shadow: 0 8px 20px 0 rgba(0,0,0,.04)
		}
		
		.con-components .content-components .component11 ul.active[data-v-3c127e16] {
		    opacity: 1;
		    visibility: visible;
		    transform: translateY(40px)
		}
		
		.con-components .content-components .component11 ul li[data-v-3c127e16] {
		    padding: 7px 4px;
		    font-size: .8rem;
		    transition: all .25s ease;
		    cursor: pointer
		}
		
		.con-components .content-components .component11 ul li[data-v-3c127e16]:hover {
		    transform: scale(1.3)
		}
		
		.con-components .content-components .component11 header[data-v-3c127e16] {
		    z-index: 200;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    position: relative
		}
		
		.con-components .content-components .component11 header input[data-v-3c127e16] {
		    background: var(--vs-theme-layout);
		    padding: 12px 15px;
		    width: 100%;
		    border: 0;
		    border-radius: 15px;
		    cursor: pointer;
		    transition: all .25s ease;
		    box-shadow: 0 0 0 0 rgba(0,0,0,.05);
		    font-size: .8rem;
		    box-shadow: 0 8px 20px 0 rgba(0,0,0,.04);
		    max-width: 170px
		}
		
		.con-components .content-components .component11 header input[data-v-3c127e16]::-moz-selection {
		    background: transparent
		}
		
		.con-components .content-components .component11 header input[data-v-3c127e16]::selection {
		    background: transparent
		}
		
		.con-components .content-components .component11 header i[data-v-3c127e16] {
		    position: absolute;
		    right: 12px;
		    pointer-events: none;
		    font-size: 1.4rem;
		    transition: all .25s ease
		}
		
		.con-components .content-components .component10[data-v-3c127e16] {
		    top: 600px;
		    position: absolute;
		    left: 360px;
		    background: var(--vs-theme-layout);
		    border-radius: 18px;
		    box-shadow: 0 8px 20px 0 rgba(0,0,0,.04);
		    transition: all .25s ease;
		    -webkit-animation: componentAnimate-data-v-3c127e16 14s ease infinite;
		    animation: componentAnimate-data-v-3c127e16 14s ease infinite
		}
		
		.con-components .content-components .component10[data-v-3c127e16]:hover {
		    box-shadow: 0 0 0 0 rgba(0,0,0,.1);
		    transform: translateY(5px)
		}
		
		.con-components .content-components .component10 button[data-v-3c127e16] {
		    margin: 15px
		}
		
		.con-components .content-components .component10 button:first-child i[data-v-3c127e16] {
		    transform: translate(1px)
		}
		
		.con-components .content-components .component9[data-v-3c127e16] {
		    position: absolute;
		    top: 580px;
		    left: 490px;
		    box-shadow: 0 8px 20px 0 rgba(0,0,0,.04);
		    transition: all .25s ease;
		    border-radius: 15px;
		    -webkit-user-select: none;
		    -moz-user-select: none;
		    -ms-user-select: none;
		    user-select: none;
		    -webkit-animation: componentAnimate-data-v-3c127e16 19s ease-out infinite alternate;
		    animation: componentAnimate-data-v-3c127e16 19s ease-out infinite alternate;
		    min-width: 200px
		}
		
		.con-components .content-components .component9[data-v-3c127e16]:hover {
		    box-shadow: 0 0 0 0 rgba(0,0,0,.1);
		    transform: translateY(5px)
		}
		
		.con-components .content-components .component9.active input[data-v-3c127e16] {
		    border-radius: 15px 15px 0 0;
		    box-shadow: 0 10px 25px -10px rgba(0,0,0,.08);
		    -webkit-user-select: none;
		    -moz-user-select: none;
		    -ms-user-select: none;
		    user-select: none
		}
		
		.con-components .content-components .component9.active i[data-v-3c127e16] {
		    transform: rotate(-180deg)
		}
		
		.con-components .content-components .component9 ul[data-v-3c127e16] {
		    width: 100%;
		    position: absolute;
		    top: 0;
		    background: var(--vs-theme-layout);
		    list-style: none;
		    border-radius: 0 0 15px 15px;
		    padding-bottom: 5px;
		    opacity: 0;
		    visibility: hidden;
		    transition: all .25s ease;
		    z-index: 100;
		    transform: translateY(10px);
		    padding-top: 7px
		}
		
		.con-components .content-components .component9 ul.active[data-v-3c127e16] {
		    opacity: 1;
		    visibility: visible;
		    transform: translateY(28px)
		}
		
		.con-components .content-components .component9 ul li[data-v-3c127e16] {
		    padding: 7px;
		    font-size: .8rem;
		    transition: all .25s ease;
		    cursor: pointer
		}
		
		.con-components .content-components .component9 ul li[data-v-3c127e16]:hover {
		    padding-left: 12px;
		    color: rgba(var(--vs-primary),1)
		}
		
		.con-components .content-components .component9 header[data-v-3c127e16] {
		    z-index: 200;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    position: relative
		}
		
		.con-components .content-components .component9 header input[data-v-3c127e16] {
		    background: var(--vs-theme-layout);
		    padding: 14px 15px;
		    width: 100%;
		    border: 0;
		    border-radius: 15px;
		    cursor: pointer;
		    transition: all .25s ease;
		    box-shadow: 0 0 0 0 rgba(0,0,0,.05);
		    font-size: .8rem;
		    color: var(--vs-theme-color)
		}
		
		.con-components .content-components .component9 header input[data-v-3c127e16]::-moz-selection {
		    background: transparent
		}
		
		.con-components .content-components .component9 header input[data-v-3c127e16]::selection {
		    background: transparent
		}
		
		.con-components .content-components .component9 header i[data-v-3c127e16] {
		    position: absolute;
		    right: 12px;
		    pointer-events: none;
		    font-size: 1.4rem;
		    transition: all .25s ease
		}
		
		.con-components .content-components .component8[data-v-3c127e16] {
		    width: 260px;
		    background: var(--vs-theme-layout);
		    border-radius: 30px;
		    padding: 15px;
		    position: absolute;
		    left: 365px;
		    top: 180px;
		    z-index: 100;
		    box-shadow: 0 15px 30px -8px rgba(0,0,0,.08);
		    transition: all .25s ease;
		    animation: componentAnimate-data-v-3c127e16 22s ease infinite reverse
		}
		
		.con-components .content-components .component8[data-v-3c127e16]:hover {
		    box-shadow: 0 0 0 0 rgba(0,0,0,.1);
		    transform: translateY(7px)
		}
		
		.con-components .content-components .component8 footer[data-v-3c127e16] {
		    display: flex;
		    align-items: center;
		    justify-content: space-between;
		    padding: 10px 0
		}
		
		.con-components .content-components .component8 footer h4[data-v-3c127e16] {
		    margin: 0
		}
		
		.con-components .content-components .component8 footer p[data-v-3c127e16] {
		    font-size: .8rem;
		    margin: 0
		}
		
		.con-components .content-components .component8 footer .con-avatars[data-v-3c127e16] {
		    display: flex;
		    align-items: center;
		    justify-content: center
		}
		
		.con-components .content-components .component8 footer .con-avatars img[data-v-3c127e16] {
		    border: 2px solid var(--vs-theme-layout);
		    width: 45px;
		    border-radius: 50%;
		    margin-left: -23px;
		    transition: all .25s ease;
		    z-index: 5
		}
		
		.con-components .content-components .component8 footer .con-avatars img[data-v-3c127e16]:hover {
		    box-shadow: 0 10px 15px 0 rgba(0,0,0,.1);
		    transform: scale(1.1)
		}
		
		.con-components .content-components .component8 footer .con-avatars img~img[data-v-3c127e16] {
		    z-index: 10
		}
		
		.con-components .content-components .component8 .con-icon[data-v-3c127e16] {
		    position: absolute;
		    top: -20px;
		    left: -20px;
		    width: 60px;
		    height: 60px;
		    border-radius: 22px;
		    background: var(--vs-theme-layout);
		    box-shadow: 10px 12px 50px -6px rgba(0,0,0,.3);
		    z-index: 300;
		    display: flex;
		    align-items: center;
		    justify-content: center
		}
		
		.con-components .content-components .component8 .con-icon i[data-v-3c127e16] {
		    color: rgba(var(--vs-danger),1);
		    font-size: 1.4rem;
		    text-shadow: 0 4px 15px rgba(var(--vs-danger),.4)
		}
		
		.con-components .content-components .component8 .con-img[data-v-3c127e16] {
		    width: 230px;
		    height: 250px;
		    position: relative;
		    overflow: hidden;
		    border-radius: 30px 30px 30px 8px;
		    z-index: 100;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    cursor: pointer
		}
		
		.con-components .content-components .component8 .con-img:hover .play[data-v-3c127e16] {
		    width: 80px;
		    height: 80px;
		    border-radius: 25px
		}
		
		.con-components .content-components .component8 .con-img .play[data-v-3c127e16] {
		    width: 60px;
		    height: 60px;
		    background: hsla(0,0%,100%,.3);
		    position: absolute;
		    border-radius: 50%;
		    -webkit-backdrop-filter: blur(6px);
		    backdrop-filter: blur(6px);
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    transition: all .25s ease
		}
		
		.con-components .content-components .component8 .con-img .play i[data-v-3c127e16] {
		    font-size: 1.5rem;
		    color: #fff;
		    transition: all .25s ease;
		    transform: rotate(0deg) translate(0)
		}
		
		.con-components .content-components .component8 .con-img img[data-v-3c127e16] {
		    height: 100%
		}
		
		.con-components .content-components .component7[data-v-3c127e16] {
		    width: 260px;
		    background: var(--vs-theme-layout);
		    border-radius: 30px;
		    padding: 15px;
		    position: absolute;
		    left: 760px;
		    top: 410px;
		    z-index: 100;
		    box-shadow: 0 15px 30px -8px rgba(0,0,0,.08);
		    transition: all .25s ease;
		    -webkit-animation: componentAnimate-data-v-3c127e16 15s ease infinite;
		    animation: componentAnimate-data-v-3c127e16 15s ease infinite
		}
		
		.con-components .content-components .component7[data-v-3c127e16]:hover {
		    box-shadow: 0 0 0 0 rgba(0,0,0,.1);
		    transform: translateY(7px)
		}
		
		.con-components .content-components .component7 footer[data-v-3c127e16] {
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    margin-top: 15px
		}
		
		.con-components .content-components .component7 footer button[data-v-3c127e16] {
		    width: 41px;
		    height: 41px;
		    margin-left: 10px
		}
		
		.con-components .content-components .component7 footer[data-v-3c127e16] .vs-input-parent {
		    width: calc(100% - 60px)
		}
		
		.con-components .content-components .component7 footer[data-v-3c127e16] input {
		    width: 100%;
		    padding: 12px 14px;
		    border: 0;
		    background: var(--vs-theme-bg);
		    border-radius: 10px;
		    font-size: .7rem;
		    transition: all .25s ease
		}
		
		.con-components .content-components .component7 footer[data-v-3c127e16] input:focus {
		    background: var(--vs-theme-bg2)
		}
		
		.con-components .content-components .component7 .content-text h4[data-v-3c127e16] {
		    margin: 15px 0 0
		}
		
		.con-components .content-components .component7 .content-text p[data-v-3c127e16] {
		    margin: 5px 0;
		    font-size: .7rem;
		    opacity: .6
		}
		
		.con-components .content-components .component7 header[data-v-3c127e16] {
		    display: flex;
		    align-items: center;
		    justify-content: flex-start;
		    padding-left: 10px;
		    margin-top: -20px;
		    z-index: 200;
		    position: relative
		}
		
		.con-components .content-components .component7 header button[data-v-3c127e16] {
		    padding: 5px 12px;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    min-height: 40px;
		    border-radius: 16px;
		    border: 0;
		    margin: 0 5px;
		    background: var(--vs-theme-layout);
		    color: var(--vs-theme-color);
		    box-shadow: 0 5px 15px 0 rgba(0,0,0,.08);
		    font-weight: 700;
		    font-size: .75rem;
		    transition: all .25s ease
		}
		
		.con-components .content-components .component7 header button[data-v-3c127e16]:hover {
		    background: rgba(var(--vs-danger),1)
		}
		
		.con-components .content-components .component7 header button:hover i[data-v-3c127e16] {
		    color: #fff
		}
		
		.con-components .content-components .component7 header button i[data-v-3c127e16] {
		    font-size: 1.1rem;
		    color: rgba(var(--vs-danger),1);
		    text-shadow: 0 4px 15px rgba(var(--vs-danger),.4)
		}
		
		.con-components .content-components .component7 header button[data-v-3c127e16]:last-child:hover {
		    background: rgba(var(--vs-primary),1);
		    color: #fff
		}
		
		.con-components .content-components .component7 header button:last-child:hover i[data-v-3c127e16] {
		    color: #fff
		}
		
		.con-components .content-components .component7 header button:last-child i[data-v-3c127e16] {
		    color: rgba(var(--vs-primary),1);
		    text-shadow: 0 4px 15px rgba(var(--vs-primary),.4);
		    margin-right: 5px
		}
		
		.con-components .content-components .component7 .con-img[data-v-3c127e16] {
		    width: 230px;
		    height: 200px;
		    position: relative;
		    overflow: hidden;
		    border-radius: 30px 30px 30px 8px;
		    z-index: 100
		}
		
		.con-components .content-components .component7 .con-img i[data-v-3c127e16] {
		    position: absolute;
		    top: 20px;
		    left: 20px;
		    color: #fff;
		    font-size: 1.2rem
		}
		
		.con-components .content-components .component7 .con-img img[data-v-3c127e16] {
		    width: 100%
		}
		
		.con-components .content-components .component6[data-v-3c127e16] {
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    flex-direction: column;
		    position: absolute;
		    width: 160px;
		    height: 160px;
		    background: var(--vs-theme-layout);
		    padding: 20px;
		    border-radius: 30px;
		    left: 920px;
		    top: 350px;
		    -webkit-user-select: none;
		    -moz-user-select: none;
		    -ms-user-select: none;
		    user-select: none;
		    box-shadow: 0 15px 30px -8px rgba(0,0,0,.08);
		    transition: all .25s ease;
		    z-index: 200;
		    -webkit-animation: componentAnimate-data-v-3c127e16 18s ease infinite alternate;
		    animation: componentAnimate-data-v-3c127e16 18s ease infinite alternate
		}
		
		.con-components .content-components .component6[data-v-3c127e16]:hover {
		    box-shadow: 0 0 0 0 rgba(0,0,0,.1);
		    transform: translateY(7px)
		}
		
		.con-components .content-components .component6 .con-load[data-v-3c127e16] {
		    width: 85px;
		    height: 85px;
		    border-radius: 50%;
		    border-left: 8px solid rgba(var(--vs-primary),1);
		    box-shadow: 0 0 20px 0 rgba(var(--vs-primary),.1),inset 0 0 20px 0 rgba(var(--vs-primary),.1);
		    border: 8px solid rgba(var(--vs-primary),1);
		    border-left-color: rgba(var(--vs-primary),.1);
		    transform: rotate(45deg);
		    -webkit-animation: rotate-load-data-v-3c127e16 8s ease infinite;
		    animation: rotate-load-data-v-3c127e16 8s ease infinite
		}
		
		.con-components .content-components .component6 button[data-v-3c127e16] {
		    position: absolute;
		    top: 5px;
		    right: 5px;
		    padding: 0
		}
		
		.con-components .content-components .component6 button i[data-v-3c127e16] {
		    font-size: 1.1rem;
		    color: var(--vs-theme-color)!important
		}
		
		.con-components .content-components .component5[data-v-3c127e16] {
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    flex-direction: column;
		    position: absolute;
		    width: 220px;
		    background: var(--vs-theme-layout);
		    padding: 20px;
		    border-radius: 30px;
		    left: 860px;
		    top: 85px;
		    -webkit-user-select: none;
		    -moz-user-select: none;
		    -ms-user-select: none;
		    user-select: none;
		    box-shadow: 0 15px 30px -8px rgba(0,0,0,.08);
		    transition: all .25s ease;
		    animation: componentAnimate-data-v-3c127e16 13s ease infinite reverse
		}
		
		.con-components .content-components .component5[data-v-3c127e16]:hover {
		    box-shadow: 0 0 0 0 rgba(0,0,0,.1);
		    transform: translateY(7px)
		}
		
		.con-components .content-components .component5:hover .con-img[data-v-3c127e16] {
		    transform: scale(1.2) translateY(-10px)
		}
		
		.con-components .content-components .component5 i[data-v-3c127e16] {
		    position: absolute;
		    top: 15px;
		    right: 15px;
		    fill: var(--vs-theme-color);
		    opacity: .2
		}
		
		.con-components .content-components .component5 p[data-v-3c127e16] {
		    font-size: .7rem;
		    opacity: .6;
		    text-align: center;
		    margin: 0
		}
		
		.con-components .content-components .component5 h4[data-v-3c127e16] {
		    font-size: .8rem;
		    margin: 10px 0
		}
		
		.con-components .content-components .component5 .con-img[data-v-3c127e16] {
		    width: 90px;
		    height: 90px;
		    border-radius: 25px;
		    overflow: hidden;
		    background: rgba(65,184,131,.08);
		    transition: all .25s ease
		}
		
		.con-components .content-components .component5 img[data-v-3c127e16] {
		    padding: 20px;
		    width: 100%
		}
		
		.con-components .content-components .component4[data-v-3c127e16] {
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    flex-direction: column;
		    position: absolute;
		    width: 140px;
		    background: var(--vs-theme-layout);
		    padding: 10px;
		    border-radius: 30px;
		    -webkit-user-select: none;
		    -moz-user-select: none;
		    -ms-user-select: none;
		    user-select: none;
		    box-shadow: 0 15px 30px -8px rgba(0,0,0,.08);
		    transition: all .25s ease;
		    -webkit-animation: componentAnimate-data-v-3c127e16 16s ease infinite;
		    animation: componentAnimate-data-v-3c127e16 16s ease infinite;
		    left: 668px;
		    top: 120px
		}
		
		.con-components .content-components .component4[data-v-3c127e16]:hover {
		    box-shadow: 0 0 0 0 rgba(0,0,0,.1);
		    transform: translateY(7px)
		}
		
		.con-components .content-components .component4:hover img[data-v-3c127e16] {
		    transform: scale(1.2) translateY(-10px)
		}
		
		.con-components .content-components .component4 h4[data-v-3c127e16] {
		    margin: 8px 0 6px;
		    font-size: .8rem
		}
		
		.con-components .content-components .component4 img[data-v-3c127e16] {
		    width: 120px;
		    height: 120px;
		    border-radius: 30px;
		    transition: all .25s ease
		}
		
		.con-components .content-components .component4 button[data-v-3c127e16] {
		    border-radius: 20px
		}
		
		.con-components .content-components .component3[data-v-3c127e16] {
		    position: absolute;
		    left: 650px;
		    top: 25px;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    transition: all .25s ease;
		    -webkit-animation: componentAnimate-data-v-3c127e16 21s ease infinite alternate;
		    animation: componentAnimate-data-v-3c127e16 21s ease infinite alternate
		}
		
		.con-components .content-components .component3 .con-switch[data-v-3c127e16] {
		    width: 65px;
		    height: 35px;
		    background: var(--vs-theme-layout);
		    box-shadow: 0 5px 15px 0 rgba(0,0,0,.04);
		    border-radius: 25px;
		    display: flex;
		    align-items: center;
		    justify-content: space-between;
		    padding: 5px;
		    margin: 10px 12px;
		    cursor: pointer;
		    transition: all .25s ease
		}
		
		.con-components .content-components .component3 .con-switch:active.active .circle[data-v-3c127e16] {
		    transform: translate(25px)!important
		}
		
		.con-components .content-components .component3 .con-switch:active .circle[data-v-3c127e16] {
		    width: 35px!important;
		    border-radius: 20px
		}
		
		.con-components .content-components .component3 .con-switch[data-v-3c127e16]:hover {
		    transform: translateY(-5px);
		    box-shadow: 0 10px 15px 0 rgba(0,0,0,.08)
		}
		
		.con-components .content-components .component3 .con-switch.active[data-v-3c127e16] {
		    background: rgba(var(--vs-primary),1)
		}
		
		.con-components .content-components .component3 .con-switch.active .circle[data-v-3c127e16] {
		    transform: translate(30px);
		    background: var(--vs-theme-layout)!important;
		    box-shadow: -3px 3px 20px 0 hsla(0,0%,100%,.35)
		}
		
		.con-components .content-components .component3 .con-switch.active p[data-v-3c127e16] {
		    color: #fff;
		    opacity: 1;
		    transform: translate(-30px)
		}
		
		.con-components .content-components .component3 .con-switch .circle[data-v-3c127e16] {
		    width: 25px;
		    height: 25px;
		    background: var(--vs-theme-layout);
		    box-shadow: 5px 5px 15px 0 rgba(0,0,0,.08);
		    border-radius: 50%;
		    position: relative;
		    display: block;
		    transition: all .25s ease;
		    z-index: 10
		}
		
		.con-components .content-components .component3 .con-switch p[data-v-3c127e16] {
		    z-index: 5;
		    transition: all .25s ease;
		    font-size: .7rem;
		    font-weight: 700;
		    width: calc(100% - 35px);
		    text-align: center;
		    margin: 0 5px;
		    opacity: .5;
		    -webkit-user-select: none;
		    -moz-user-select: none;
		    -ms-user-select: none;
		    user-select: none
		}
		
		.con-components .content-components .component2[data-v-3c127e16] {
		    width: 140px;
		    height: 140px;
		    position: absolute;
		    left: 460px;
		    top: 0;
		    box-shadow: 0 15px 30px -8px rgba(0,0,0,.08);
		    border-radius: 30%;
		    background: var(--vs-theme-layout);
		    padding: 35px;
		    transition: all .25s ease;
		    animation: componentAnimate-data-v-3c127e16 19s ease infinite reverse
		}
		
		.con-components .content-components .component2[data-v-3c127e16]:hover {
		    box-shadow: 0 0 0 0 rgba(0,0,0,.1);
		    transform: translateY(7px)
		}
		
		.con-components .content-components .component2 img[data-v-3c127e16] {
		    width: 100%;
		    height: 100%
		}
		
		.con-components .content-components .component1[data-v-3c127e16] {
		    border-radius: 35px;
		    width: 400px;
		    box-shadow: 0 15px 30px -8px rgba(0,0,0,.08);
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    padding: 8px 10px;
		    background: var(--vs-theme-layout);
		    transition: all .25s ease;
		    -webkit-animation: componentAnimate-data-v-3c127e16 15s ease infinite;
		    animation: componentAnimate-data-v-3c127e16 15s ease infinite;
		    position: absolute;
		    top: 0;
		    left: 0
		}
		
		.con-components .content-components .component1 .con-text[data-v-3c127e16] {
		    position: relative;
		    background: transparent;
		    width: calc(100% - 100px);
		    padding: 0 20px 0 23px
		}
		
		.con-components .content-components .component1 .con-text footer[data-v-3c127e16] {
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    position: absolute;
		    bottom: -30px
		}
		
		.con-components .content-components .component1 .con-text footer button[data-v-3c127e16] {
		    min-width: 100px
		}
		
		.con-components .content-components .component1 .con-text footer .vs-button--shadow[data-v-3c127e16] {
		    background: var(--vs-theme-layout)!important;
		    color: var(--vs-theme-color)!important
		}
		
		.con-components .content-components .component1 .con-text p[data-v-3c127e16] {
		    font-size: .8rem;
		    padding-bottom: 20px;
		    margin: 0;
		    opacity: .6
		}
		
		.con-components .content-components .component1 .con-text h4[data-v-3c127e16] {
		    margin: 0;
		    padding: 0 0 5px
		}
		
		.con-components .content-components .component1 .avatar[data-v-3c127e16] {
		    border-radius: 30%;
		    position: relative;
		    width: 100px;
		    height: 100px;
		    z-index: 200
		}
		
		.con-components .content-components .component1 .avatar img[data-v-3c127e16] {
		    border-radius: inherit;
		    z-index: 100;
		    position: relative;
		    width: 100%
		}
		
		.con-components .content-components .component1 .avatar img.back[data-v-3c127e16] {
		    opacity: .25;
		    position: absolute;
		    bottom: -20px;
		    left: 0;
		    -webkit-filter: blur(15px);
		    filter: blur(15px);
		    z-index: 10
		}
		
		.con-components .content-components .component1 .avatar .badge[data-v-3c127e16] {
		    position: absolute;
		    bottom: 4px;
		    right: -6px;
		    background: rgba(var(--vs-danger),1);
		    box-shadow: 0 4px 10px 0 rgba(var(--vs-danger),.6);
		    width: 20px;
		    height: 20px;
		    color: #fff;
		    font-weight: 700;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    font-size: .6rem;
		    border-radius: 50%;
		    z-index: 120;
		    -webkit-user-select: none;
		    -moz-user-select: none;
		    -ms-user-select: none;
		    user-select: none
		}
		
		@media (min-width: 1150px) {
		    .con-components[data-v-3c127e16] {
		        width:60%;
		        position: absolute;
		        right: 0;
		        height: 80vh;
		        display: flex;
		        align-items: center;
		        justify-content: center;
		        transform: scale(.8);
		        z-index: 100
		    }
		
		    .con-components.btn-hover.discord-hover .discord-logo[data-v-3c127e16],.con-components.btn-hover.github-hover .github-logo[data-v-3c127e16],.con-components.btn-hover.vuesax-hover .vuesax-logo[data-v-3c127e16] {
		        transform: scale(1);
		        opacity: 1
		    }
		
		    .con-components.btn-hover .component13[data-v-3c127e16] {
		        top: 160px!important;
		        left: -150px!important;
		        z-index: 20
		    }
		
		    .con-components.btn-hover .component12[data-v-3c127e16] {
		        top: 560px!important;
		        left: -90px!important
		    }
		
		    .con-components.btn-hover .component11[data-v-3c127e16] {
		        top: 710px!important;
		        left: 10px!important
		    }
		
		    .con-components.btn-hover .component10[data-v-3c127e16] {
		        top: 650px!important;
		        left: 320px!important
		    }
		
		    .con-components.btn-hover .component9[data-v-3c127e16] {
		        top: 660px!important;
		        left: 490px!important
		    }
		
		    .con-components.btn-hover .component8[data-v-3c127e16] {
		        top: 20px!important;
		        left: 120px!important;
		        z-index: 10
		    }
		
		    .con-components.btn-hover .component7[data-v-3c127e16] {
		        top: 450px!important;
		        left: 810px!important
		    }
		
		    .con-components.btn-hover .component6[data-v-3c127e16] {
		        top: 330px!important;
		        left: 960px!important
		    }
		
		    .con-components.btn-hover .component5[data-v-3c127e16] {
		        top: 15px!important;
		        left: 920px!important
		    }
		
		    .con-components.btn-hover .component4[data-v-3c127e16] {
		        top: 60px!important;
		        left: 748px!important
		    }
		
		    .con-components.btn-hover .component3[data-v-3c127e16] {
		        top: -75px!important;
		        left: 680px!important
		    }
		
		    .con-components.btn-hover .component2[data-v-3c127e16] {
		        top: -70px!important;
		        left: 430px!important
		    }
		
		    .con-components.btn-hover .component1[data-v-3c127e16] {
		        top: -100px!important;
		        left: -100px!important;
		        transform: translate(-100px,-100px)!important
		    }
		}
		
		@media (max-width: 1150px) {
		    .content-components[data-v-3c127e16] {
		        transform:scale(.7)
		    }
		}
		
		@media (max-width: 960px) {
		    .con-components[data-v-3c127e16] {
		        width:100%
		    }
		
		    .con-components .content-components[data-v-3c127e16] {
		        transform: scale(.7);
		        left: -7%;
		        right: auto;
		        bottom: 0;
		        width: 100%!important;
		        margin-top: 250px;
		        left: -12%
		    }
		}
		
		@media (max-width: 760px) {
		    .con-components[data-v-3c127e16] {
		        display:none
		    }
		
		    .con-components .content-components[data-v-3c127e16] {
		        left: -18%
		    }
		}
		
		@media (max-width: 470px) {
		    .con-components .content-components[data-v-3c127e16] {
		        margin-top:280px;
		        transform: scale(.6);
		        left: -25%
		    }
		}
		
		@-webkit-keyframes rotate-load-data-v-3c127e16 {
		    0% {
		        transform: rotate(45deg)
		    }
		
		    10% {
		        transform: rotate(405deg)
		    }
		
		    to {
		        transform: rotate(405deg)
		    }
		}
		
		@keyframes rotate-load-data-v-3c127e16 {
		    0% {
		        transform: rotate(45deg)
		    }
		
		    10% {
		        transform: rotate(405deg)
		    }
		
		    to {
		        transform: rotate(405deg)
		    }
		}
		
		@-webkit-keyframes waveslogo-data-v-3c127e16 {
		    0% {
		        width: 100px;
		        height: 100px
		    }
		
		    to {
		        height: 500px;
		        width: 500px;
		        opacity: 0
		    }
		}
		
		@keyframes waveslogo-data-v-3c127e16 {
		    0% {
		        width: 100px;
		        height: 100px
		    }
		
		    to {
		        height: 500px;
		        width: 500px;
		        opacity: 0
		    }
		}
		
		@-webkit-keyframes componentAnimate-data-v-3c127e16 {
		    0% {
		        transform: translate(0)
		    }
		
		    30% {
		        transform: translateY(-10px)
		    }
		
		    50% {
		        transform: translateY(4px)
		    }
		
		    70% {
		        transform: translateY(-15px)
		    }
		
		    to {
		        transform: translate(0)
		    }
		}
		
		@keyframes componentAnimate-data-v-3c127e16 {
		    0% {
		        transform: translate(0)
		    }
		
		    30% {
		        transform: translateY(-10px)
		    }
		
		    50% {
		        transform: translateY(4px)
		    }
		
		    70% {
		        transform: translateY(-15px)
		    }
		
		    to {
		        transform: translate(0)
		    }
		}
		
		.darken .con-themes header footer button {
		    box-shadow: none!important
		}
		
		.darken .con-themes header footer button:last-child {
		    background: var(--vs-theme-bg);
		    color: #fff!important
		}
		
		.svg {
		    position: absolute;
		    width: 100%;
		    z-index: -1;
		    left: -8%
		}
		
		.svg.has-darken {
		    width: 90%;
		    left: -10%
		}
		
		.con-themes {
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    background: var(--vs-theme-layout);
		    padding: 40px;
		    z-index: 400;
		    position: relative;
		    min-height: 60vh
		}
		
		.con-themes header {
		    max-width: 600px;
		    padding: 30px 30px 30px 80px
		}
		
		.con-themes header footer {
		    display: flex;
		    align-items: center;
		    justify-content: flex-start
		}
		
		.con-themes header footer button {
		    transform: translate(0)!important;
		    font-size: .8rem!important;
		    border-radius: 18px
		}
		
		.con-themes header footer button .vs-button__content {
		    padding: 13px 30px
		}
		
		.con-themes header h2 {
		    font-weight: 400;
		    border: 0;
		    font-size: 2rem
		}
		
		.con-themes header p {
		    opacity: .5
		}
		
		.con-themes a {
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    position: relative;
		    padding-left: 100px
		}
		
		.con-themes .logo {
		    position: absolute;
		    opacity: 0;
		    pointer-events: none;
		    transition: all .35s ease;
		    transform: translateY(20px);
		    max-width: 160px;
		    background: var(--vs-theme-layout);
		    padding: 20px;
		    border-radius: 24px;
		    top: -10px;
		    box-shadow: 0 10px 30px -10px rgba(0,0,0,.1)
		}
		
		.con-themes img.bg {
		    width: 350px;
		    border-radius: 20px;
		    box-shadow: 0 10px 20px -10px rgba(0,0,0,.1);
		    margin-top: 20px;
		    transition: all .25s ease;
		    transform: translate(0);
		    border: 6px solid var(--vs-theme-layout)
		}
		
		.con-themes img.bg:hover {
		    transform: translateY(-20px);
		    box-shadow: 0 20px 20px -10px rgba(0,0,0,.15)
		}
		
		.con-themes img.bg:hover~img:not(.svg) {
		    opacity: 1;
		    transform: translateY(-10px)
		}
		
		@media (max-width: 1050px) {
		    .con-themes {
		        padding:40px 20px
		    }
		
		    .con-themes a {
		        padding-left: 0
		    }
		
		    .con-themes header {
		        padding-left: 30px
		    }
		}
		
		@media (max-width: 850px) {
		    .con-themes {
		        padding:40px 20px
		    }
		
		    .con-themes header {
		        padding-right: 20px
		    }
		}
		
		@media (max-width: 800px) {
		    .con-themes {
		        flex-wrap:wrap;
		        margin-bottom: 80px
		    }
		
		    .con-themes header {
		        padding-bottom: 0
		    }
		}
		
		.darken .con-patrons .ul a,.darken .con-patrons button {
		    background: var(--vs-theme-bg)
		}
		
		.darken .con-patrons .ul a img {
		    display: none
		}
		
		.darken .con-patrons .ul a .themeDarken {
		    display: block
		}
		
		.con-patrons {
		    padding: 20px;
		    z-index: 1000;
		    flex-direction: column;
		    position: relative
		}
		
		.con-patrons,.con-patrons button {
		    display: flex;
		    align-items: center;
		    justify-content: center
		}
		
		.con-patrons button {
		    padding: 14px 25px;
		    border: 0;
		    background: transparent;
		    color: var(--vs-theme-color);
		    font-weight: 700;
		    box-shadow: 0 5px 20px 0 rgba(0,0,0,.06);
		    border-radius: 14px;
		    font-size: .75rem;
		    margin-top: 20px;
		    transition: all .25s ease
		}
		
		.con-patrons button:hover {
		    transform: translateY(4px);
		    box-shadow: 0 0 0 0 rgba(0,0,0,.06)
		}
		
		.con-patrons button img {
		    width: 15px;
		    margin-right: 7px
		}
		
		.con-patrons p {
		    font-size: .8rem;
		    opacity: .5;
		    text-align: center
		}
		
		.con-patrons h2 {
		    border: 0;
		    font-size: 1.1rem;
		    font-weight: 600;
		    margin: 0
		}
		
		.con-patrons .ul,.con-patrons .ul a {
		    display: flex;
		    align-items: center;
		    justify-content: center
		}
		
		.con-patrons .ul a {
		    list-style: none;
		    width: 130px;
		    height: 130px;
		    margin: 15px;
		    border-radius: 35px;
		    padding: 15px;
		    box-shadow: 0 10px 35px -5px rgba(0,0,0,.06);
		    cursor: pointer;
		    transition: all .25s ease
		}
		
		.con-patrons .ul a:hover {
		    transform: translateY(8px);
		    box-shadow: 0 0 0 0 rgba(0,0,0,.06)
		}
		
		.con-patrons .ul a i {
		    font-size: 2rem
		}
		
		.con-patrons .ul a img {
		    width: 100%
		}
		
		.con-patrons .ul a .type {
		    width: 80%
		}
		
		.con-patrons .ul a .themeDarken {
		    display: none
		}
		
		@media (max-width: 800px) {
		    .con-patrons .ul a {
		        margin:15px 10px;
		        width: 110px;
		        height: 110px
		    }
		}
		
		@media (max-width: 600px) {
		    .con-patrons {
		        padding:0
		    }
		
		    .con-patrons .ul {
		        flex-wrap: wrap
		    }
		
		    .con-patrons .ul a {
		        margin: 15px 8px;
		        width: 90px;
		        height: 90px;
		        padding: 8px
		    }
		
		    .con-patrons .ul a.plus {
		        display: none
		    }
		}
		
		.darken .con-twits ul li[data-v-18c00fae] {
		    background: var(--vs-theme-bg)
		}
		
		.darken .con-twits ul li .filter[data-v-18c00fae] {
		    opacity: .2
		}
		
		.con-twits[data-v-18c00fae] {
		    display: flex;
		    align-items: flex-start;
		    justify-content: center;
		    flex-direction: column;
		    overflow: hidden;
		    position: relative;
		    margin-top: 150px;
		    margin-bottom: 70px
		}
		
		.con-twits header[data-v-18c00fae] {
		    width: 100%;
		    text-align: center;
		    position: absolute;
		    top: 0
		}
		
		.con-twits header h2[data-v-18c00fae] {
		    font-size: 1.2rem;
		    font-weight: 400;
		    border: 0;
		    margin: 0;
		    padding: 50px
		}
		
		.con-twits header h2 span[data-v-18c00fae] {
		    opacity: .6
		}
		
		.con-twits ul[data-v-18c00fae] {
		    display: flex;
		    align-items: center;
		    justify-content: flex-start;
		    padding-bottom: 100px;
		    padding-top: 130px
		}
		
		.con-twits ul li[data-v-18c00fae] {
		    width: 320px;
		    list-style-type: none;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    flex-direction: column;
		    position: relative;
		    box-shadow: 0 10px 30px -5px rgba(0,0,0,.05);
		    border-radius: 40px;
		    padding: 0 20px 20px;
		    transition: all .25s ease;
		    margin: 20px
		}
		
		.con-twits ul li[data-v-18c00fae]:hover {
		    background: rgba(var(--vs-primary),1);
		    box-shadow: 0 10px 30px -5px rgba(var(--vs-primary),.4);
		    transform: translateY(-10px);
		    color: #fff
		}
		
		.con-twits ul li:hover h5 a[data-v-18c00fae] {
		    color: #fff!important
		}
		
		.con-twits ul li:hover .con-img-t[data-v-18c00fae] {
		    transform: translateY(-5px)
		}
		
		.con-twits ul li:hover p[data-v-18c00fae] {
		    opacity: 1
		}
		
		.con-twits ul li h5[data-v-18c00fae] {
		    margin: 12px 0 0
		}
		
		.con-twits ul li h5 a[data-v-18c00fae] {
		    font-weight: 700
		}
		
		.con-twits ul li p[data-v-18c00fae] {
		    opacity: .7;
		    font-size: .8rem;
		    text-align: center
		}
		
		.con-twits ul li .con-img-t[data-v-18c00fae] {
		    width: 90px;
		    position: relative;
		    transition: all .3s ease
		}
		
		.con-twits ul li img[data-v-18c00fae] {
		    width: 100%;
		    border-radius: 35%;
		    margin-top: -40px;
		    z-index: 100;
		    position: relative
		}
		
		.con-twits ul li img.filter[data-v-18c00fae] {
		    z-index: 50;
		    position: absolute;
		    left: 0;
		    top: 10px;
		    opacity: .35;
		    -webkit-filter: blur(12px);
		    filter: blur(12px)
		}
		
		@media (max-width: 600px) {
		    .con-twits[data-v-18c00fae] {
		        margin-top:50px;
		        margin-bottom: 0
		    }
		
		    .con-twits ul[data-v-18c00fae] {
		        padding: 100px 20px 50px
		    }
		
		    .con-twits header h2[data-v-18c00fae] {
		        padding: 10px
		    }
		
		    .con-twits .con-projects-ul[data-v-18c00fae] {
		        overflow: auto;
		        width: 100%
		    }
		
		    .con-twits .con-projects-ul li[data-v-18c00fae] {
		        position: relative;
		        min-width: 320px
		    }
		
		    .con-twits .con-projects-ul[data-v-18c00fae]::-webkit-scrollbar {
		        height: 0
		    }
		}
		
		.darken .con-twits ul li .con-img-t[data-v-4f0bee55] {
		    background: var(--vs-theme-bg)
		}
		
		.darken .con-twits ul li .filter[data-v-4f0bee55] {
		    opacity: .2
		}
		
		.con-twits[data-v-4f0bee55] {
		    display: flex;
		    align-items: flex-start;
		    justify-content: center;
		    flex-direction: column;
		    overflow: hidden;
		    position: relative;
		    margin-top: 150px;
		    margin-bottom: 70px
		}
		
		.con-twits header[data-v-4f0bee55] {
		    width: 100%;
		    text-align: center;
		    position: absolute;
		    top: 0
		}
		
		.con-twits header h2[data-v-4f0bee55] {
		    font-size: 1.2rem;
		    font-weight: 400;
		    border: 0;
		    margin: 0;
		    padding: 50px
		}
		
		.con-twits header h2 span[data-v-4f0bee55] {
		    opacity: .6
		}
		
		.con-twits ul[data-v-4f0bee55] {
		    display: flex;
		    align-items: center;
		    justify-content: flex-start;
		    padding-bottom: 100px;
		    padding-top: 130px
		}
		
		.con-twits ul li[data-v-4f0bee55] {
		    width: auto;
		    list-style-type: none;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    flex-direction: column;
		    position: relative;
		    border-radius: 40px;
		    padding: 0;
		    transition: all .25s ease;
		    margin: 25px
		}
		
		.con-twits ul li p[data-v-4f0bee55] {
		    font-weight: 700
		}
		
		.con-twits ul li .con-img-t[data-v-4f0bee55] {
		    width: 140px;
		    height: 140px;
		    position: relative;
		    transition: all .3s ease;
		    box-shadow: 0 10px 30px -5px rgba(0,0,0,.05);
		    border-radius: 25px;
		    box-sizing: border-box;
		    background: var(--vs-theme-layout);
		    display: flex;
		    align-items: center;
		    justify-content: center
		}
		
		.con-twits ul li img[data-v-4f0bee55] {
		    width: auto;
		    z-index: 100;
		    position: relative;
		    max-height: 70px;
		    max-width: 90%
		}
		
		.con-twits ul li img.filter[data-v-4f0bee55] {
		    z-index: 50;
		    position: absolute;
		    opacity: .35;
		    -webkit-filter: blur(12px);
		    filter: blur(12px)
		}
		
		@media (max-width: 600px) {
		    .con-twits[data-v-4f0bee55] {
		        margin-top:50px;
		        margin-bottom: 0
		    }
		
		    .con-twits ul[data-v-4f0bee55] {
		        padding: 100px 20px 50px
		    }
		
		    .con-twits header h2[data-v-4f0bee55] {
		        padding: 10px
		    }
		
		    .con-twits .con-projects-ul-uses[data-v-4f0bee55] {
		        overflow: auto;
		        width: 100%
		    }
		
		    .con-twits .con-projects-ul-uses li[data-v-4f0bee55] {
		        position: relative
		    }
		
		    .con-twits .con-projects-ul-uses[data-v-4f0bee55]::-webkit-scrollbar {
		        height: 0
		    }
		}
		
		.darken .init:after {
		    background-image: radial-gradient(var(--vs-theme-bg) 0,var(--vs-theme-bg) 30%,transparent 70%)
		}
		
		.darken .discord {
		    background: var(--vs-theme-bg)
		}
		
		.darken .discord,.darken .discord i {
		    color: #fff!important
		}
		
		.darken .badge-star {
		    background: var(--vs-theme-bg2);
		    color: #fff
		}
		
		.init {
		    display: flex;
		    align-items: center;
		    justify-content: flex-start;
		    width: 100%;
		    height: 100vh;
		    position: relative
		}
		
		.init .points-init {
		    width: 100px;
		    height: 100px;
		    top: 200px;
		    left: 10px;
		    position: absolute;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    flex-wrap: wrap
		}
		
		.init .points-init span {
		    width: 25px;
		    height: 25px;
		    display: block;
		    transition: all .25s ease;
		    display: flex;
		    align-items: center;
		    justify-content: center
		}
		
		.init .points-init span:hover:after {
		    background: rgba(var(--vs-primary),1);
		    width: 12px;
		    height: 12px;
		    box-shadow: 0 4px 10px 0 rgba(var(--vs-primary),.2)
		}
		
		.init .points-init span:after {
		    content: "";
		    position: relative;
		    width: 6px;
		    height: 6px;
		    background: var(--vs-theme-bg2);
		    border-radius: 50%;
		    transition: all .25s ease
		}
		
		.init .circle-init {
		    position: absolute;
		    width: 430px;
		    height: 430px;
		    border: 40px solid var(--vs-theme-bg);
		    border-radius: 50%;
		    bottom: -80px;
		    left: -200px;
		    z-index: -1;
		    transition: all .25s ease
		}
		
		.init .circle-init:hover {
		    border: 40px solid var(--vs-theme-bg2)
		}
		
		.init .hero {
		    width: 50%
		}
		
		.badge-star {
		    position: absolute;
		    top: -8px;
		    right: -25px;
		    font-size: .7rem;
		    background: var(--vs-theme-color);
		    color: var(--vs-theme-layout);
		    border-radius: 8px 8px 8px 4px;
		    padding: 2px 5px;
		    font-weight: 400;
		    z-index: 100
		}
		
		.badge-star i {
		    font-size: .6rem!important
		}
		
		.con-btns,.discord {
		    display: flex;
		    align-items: center;
		    justify-content: center
		}
		
		.discord {
		    border: 0;
		    padding: 11px 25px;
		    margin: 0 10px;
		    font-weight: 600;
		    position: relative;
		    border-radius: 14px;
		    font-size: .8rem
		}
		
		.discord,.discord:after {
		    transition: all .25s ease
		}
		
		.discord:after {
		    border-radius: inherit;
		    content: "";
		    position: absolute;
		    top: 0;
		    left: 0;
		    width: calc(100% - 4px);
		    height: calc(100% - 4px);
		    border: 2px solid var(--vs-theme-color);
		    opacity: .2;
		    background: transparent;
		    box-shadow: 0 0 0 0 var(--vs-theme-color)
		}
		
		.discord:hover:after {
		    opacity: 1
		}
		
		.discord i {
		    font-size: 1.4rem;
		    margin-right: 3px
		}
		
		.github {
		    padding: 10px 20px;
		    margin: 0 10px;
		    font-weight: 600;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    position: relative;
		    border-radius: 14px
		}
		
		.github:hover:after {
		    opacity: 1
		}
		
		.github:after {
		    border-radius: inherit;
		    content: "";
		    position: absolute;
		    top: 0;
		    left: 0;
		    width: calc(100% - 4px);
		    height: calc(100% - 4px);
		    border: 2px solid var(--vs-theme-color);
		    opacity: .2;
		    transition: all .25s ease;
		    background: transparent;
		    box-shadow: 0 0 0 0 var(--vs-theme-color)
		}
		
		.github i {
		    font-size: 1.4rem
		}
		
		.github.github {
		    padding: 10px;
		    margin-left: 0
		}
		
		.logo-vuesax {
		    max-width: 260px;
		    fill: var(--vs-theme-color)
		}
		
		.home {
		    margin: 0 auto;
		    display: block;
		    width: 100%;
		    overflow: hidden;
		    background: var(--vs-theme-layout)
		}
		
		.home~.config {
		    left: 0
		}
		
		.home #main-title {
		    font-size: 2rem;
		    font-weight: 400
		}
		
		.home #main-title a {
		    text-decoration: underline
		}
		
		.home .hero {
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    min-height: 800px;
		    padding: 20px
		}
		
		.home .hero .content-hero {
		    display: flex;
		    align-items: flex-start;
		    justify-content: center;
		    flex-direction: column;
		    padding: 40px 60px
		}
		
		.home .hero img {
		    max-width: 100%;
		    max-height: 280px;
		    display: block;
		    margin: 3rem auto 1.5rem
		}
		
		.home .hero h1 {
		    font-size: 2.3rem!important;
		    margin-bottom: 15px
		}
		
		.home .hero .action,.home .hero .description,.home .hero h1 {
		    text-align: left
		}
		
		.home .hero .description {
		    max-width: 35rem;
		    font-size: 1.1rem;
		    line-height: 1.3;
		    color: var(--vs-theme-color);
		    opacity: .6;
		    margin-top: 0
		}
		
		.home .hero .action-button {
		    display: inline-block;
		    font-size: .8rem;
		    color: #fff!important;
		    background: rgba(var(--vs-primary),1);
		    padding: 13px 25px;
		    border-radius: 17px;
		    transition: background-color .1s ease;
		    box-sizing: border-box;
		    transition: all .25s ease;
		    box-shadow: 0 10px 20px -10px rgba(var(--vs-primary),.5)
		}
		
		.home .hero .action-button i {
		    display: none
		}
		
		.home .hero .action-button:hover {
		    box-shadow: 0 20px 20px -10px rgba(var(--vs-primary),.5);
		    transform: translateY(-5px)
		}
		
		.home .features {
		    padding: 1.2rem 0;
		    margin: auto;
		    max-width: 1000px;
		    display: flex;
		    flex-wrap: wrap;
		    align-items: flex-start;
		    align-content: stretch;
		    justify-content: space-between
		}
		
		.home .feature {
		    flex-grow: 1;
		    flex-basis: 30% nav-link action-button;
		    max-width: 30%
		}
		
		.home .feature h2 {
		    font-size: 1.4rem;
		    font-weight: 500;
		    border-bottom: none;
		    padding-bottom: 0;
		    color: var(--vs-theme-color)
		}
		
		.home .feature p {
		    color: var(--vs-theme-color);
		    opacity: .7
		}
		
		@media (max-width: 719px) {
		    .home .features {
		        flex-direction:column
		    }
		
		    .home .feature {
		        max-width: 100%;
		        padding: 0 2.5rem
		    }
		}
		
		@media (max-width: 419px) {
		    .home .hero img {
		        max-height:210px;
		        margin: 2rem auto 1.2rem
		    }
		
		    .home .hero h1 {
		        font-size: 2rem
		    }
		
		    .home .hero .action,.home .hero .description,.home .hero h1 {
		        margin: 1.2rem auto
		    }
		
		    .home .hero .description {
		        font-size: 1.2rem
		    }
		
		    .home .hero .action-button {
		        font-size: 1rem;
		        padding: .6rem 1.2rem
		    }
		
		    .home .feature h2 {
		        font-size: 1.25rem
		    }
		}
		
		@media (max-width: 1400px) {
		    .home .content-i {
		        padding:100px 30px
		    }
		
		    .home .content-i .con-text {
		        padding-left: 0
		    }
		
		    .home .content-i .con-ilus {
		        height: auto;
		        padding-right: 20px;
		        width: 50%
		    }
		
		    .home .content-i .con-ilus svg {
		        height: auto;
		        width: 100%
		    }
		}
		
		@media (max-width: 1150px) {
		    .home .hero {
		        width:60%;
		        justify-content: flex-start
		    }
		
		    .home .hero .content-hero {
		        padding: 20px 30px 20px 20px
		    }
		
		    .home .hero .content-hero .description {
		        font-size: .95rem
		    }
		
		    .home .hero .content-hero #main-title {
		        font-size: 2rem!important
		    }
		}
		
		@media (max-width: 1000px) {
		    .home .content-i .con-text h2 {
		        font-size:1.5rem
		    }
		
		    .home .content-i .con-text p {
		        font-size: .9rem
		    }
		
		    .home .content-i .con-text .btn-action {
		        padding: 7px 15px;
		        font-size: .9rem
		    }
		}
		
		@media (max-width: 960px) {
		    .home .hero,.home .hero .content-hero {
		        width:100%;
		        align-items: center
		    }
		
		    .home .hero .content-hero {
		        padding-top: 0
		    }
		
		    .home .hero .content-hero #main-title {
		        margin-top: 0;
		        text-align: center
		    }
		}
		
		@media (max-width: 800px) {
		    .home .content-i {
		        position:relative;
		        justify-content: flex-start
		    }
		
		    .home .content-i .con-text {
		        width: 60%;
		        z-index: 300
		    }
		
		    .home .content-i .con-ilus {
		        position: absolute;
		        width: 50%;
		        top: 40px;
		        right: 0
		    }
		}
		
		@media (max-width: 670px) {
		    .home {
		        min-height:auto
		    }
		
		    .home .content-i {
		        position: relative;
		        justify-content: flex-start;
		        padding: 40px 20px;
		        flex-direction: column
		    }
		
		    .home .content-i .con-text {
		        width: 90%;
		        z-index: 300
		    }
		
		    .home .content-i .con-ilus {
		        position: relative;
		        width: 100%;
		        max-width: none;
		        opacity: 1;
		        order: -1;
		        top: 0;
		        padding: 10px!important
		    }
		}
		
		@media (max-width: 550px) {
		    .init {
		        min-height:auto
		    }
		
		    .home .hero {
		        z-index: 120
		    }
		
		    .home .hero .circle-init {
		        display: none
		    }
		
		    .home .hero .points-init {
		        z-index: -1
		    }
		
		    .home .hero .description {
		        text-align: center
		    }
		}
		
		@media (max-width: 500px) {
		    .home .content-i .con-text {
		        width:100%
		    }
		
		    .home .content-i .con-text h2 {
		        font-size: 1.2rem
		    }
		
		    .home .content-i .con-text p {
		        font-size: .8rem
		    }
		}
		
		@media (max-width: 470px) {
		    .home .hero {
		        padding:10px
		    }
		
		    .home .hero .content-hero {
		        z-index: 1000;
		        padding-right: 15px!important
		    }
		
		    .home .hero .content-hero #main-title {
		        font-size: 1.8rem!important
		    }
		
		    .con-btns {
		        flex-wrap: wrap;
		        width: 100%
		    }
		
		    .con-btns a {
		        width: calc(50% - 20px);
		        margin: 10px;
		        text-align: center
		    }
		
		    .con-btns a:first-child {
		        width: calc(100% - 30px)
		    }
		}
		
		.isSidebarOpen .sidebar-button {
		    transform: rotate(90deg)
		}
		
		.sidebar-button {
		    cursor: pointer;
		    display: none;
		    position: absolute;
		    padding: .6rem;
		    top: .6rem;
		    left: .2rem;
		    outline: none;
		    -webkit-user-select: none;
		    -moz-user-select: none;
		    -ms-user-select: none;
		    user-select: none;
		    background: transparent;
		    -webkit-appearance: none;
		    -moz-appearance: none;
		    appearance: none;
		    box-shadow: none;
		    border: 0;
		    transition: all .25s ease;
		    color: rgba(var(--vs-theme-color),1)!important
		}
		
		.sidebar-button:focus {
		    outline: 0
		}
		
		.sidebar-button i {
		    display: block;
		    font-size: 1.8rem
		}
		
		@media (max-width: 1000px) {
		    .sidebar-button {
		        display:block
		    }
		}
		
		.dropdown-enter,.dropdown-leave-to {
		    height: 0!important
		}
		
		.dropdown-wrapper .dropdown-title {
		    justify-content: center
		}
		
		.dropdown-wrapper .dropdown-title,.dropdown-wrapper .dropdown-title .title {
		    display: flex!important;
		    align-items: center
		}
		
		.dropdown-wrapper .dropdown-title .title.Languages span,.dropdown-wrapper .dropdown-title .title justify-content center¨ span {
		    font-size: .7rem
		}
		
		.dropdown-wrapper .dropdown-title i.bx {
		    font-size: 1.3rem;
		    transition: all .25s ease
		}
		
		.dropdown-wrapper .dropdown-title .nav-link i.bx {
		    max-width: 18px!important;
		    max-height: 18px!important;
		    transition: all .25s ease;
		    margin-bottom: -4px
		}
		
		.dropdown-wrapper:hover {
		    border-color: transparent
		}
		
		.dropdown-wrapper:hover .nav-link i.bx {
		    transform: rotate(-180deg)
		}
		
		.dropdown-wrapper .nav-dropdown .dropdown-item {
		    color: inherit;
		    line-height: 1.7rem
		}
		
		.dropdown-wrapper .nav-dropdown .dropdown-item h4 {
		    padding: .45rem 1.5rem 0 1.25rem;
		    margin: .45rem 0 6px;
		    font-weight: 700;
		    cursor: default;
		    color: var(--vs-theme-color)
		}
		
		.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem-wrapper {
		    padding: 0;
		    list-style: none
		}
		
		.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem-wrapper .dropdown-subitem {
		    font-size: .9em
		}
		
		.dropdown-wrapper .nav-dropdown .dropdown-item a {
		    display: block;
		    position: relative;
		    border-bottom: none!important;
		    margin-bottom: 0!important;
		    padding: 3px 25px;
		    opacity: .5;
		    font-weight: 700!important;
		    transform: translate(0)!important
		}
		
		.dropdown-wrapper .nav-dropdown .dropdown-item a:after {
		    content: "";
		    width: 5px;
		    height: 5px;
		    position: absolute;
		    top: calc(50% - 2px);
		    left: 0;
		    opacity: 0
		}
		
		.dropdown-wrapper .nav-dropdown .dropdown-item a:hover {
		    opacity: 1
		}
		
		.dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active {
		    opacity: 1!important
		}
		
		.dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active:after {
		    position: absolute;
		    top: calc(50% - 2px);
		    left: 14px!important;
		    width: 5px!important;
		    opacity: 1
		}
		
		.dropdown-wrapper .nav-dropdown .dropdown-item:first-child h4 {
		    margin-top: 0;
		    padding-top: 0;
		    border-top: 0
		}
		
		@media (max-width: 719px) {
		    .dropdown-wrapper.open .dropdown-title {
		        margin-bottom:.5rem
		    }
		
		    .dropdown-wrapper .nav-dropdown {
		        transition: height .1s ease-out;
		        overflow: hidden
		    }
		
		    .dropdown-wrapper .nav-dropdown .dropdown-item h4 {
		        border-top: 0;
		        margin-top: 0;
		        padding-top: 0
		    }
		
		    .dropdown-wrapper .nav-dropdown .dropdown-item>a,.dropdown-wrapper .nav-dropdown .dropdown-item h4 {
		        font-size: 15px;
		        line-height: 2rem
		    }
		
		    .dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem {
		        font-size: 14px;
		        padding-left: 1rem
		    }
		}
		
		@media (min-width: 719px) {
		    .dropdown-wrapper {
		        position:relative
		    }
		
		    .dropdown-wrapper:after {
		        content: "";
		        position: absolute;
		        bottom: -12px;
		        width: 100%;
		        height: 20px;
		        background: transparent;
		        display: none
		    }
		
		    .dropdown-wrapper:hover {
		        display: block!important
		    }
		
		    .dropdown-wrapper:hover:after {
		        display: block
		    }
		
		    .dropdown-wrapper:hover .nav-dropdown {
		        transform: translateY(calc(100% + 10px))!important;
		        visibility: visible!important;
		        opacity: 1!important
		    }
		
		    .dropdown-wrapper .dropdown-title .arrow {
		        border-left: 4px solid transparent;
		        border-right: 4px solid transparent;
		        border-top: 6px solid #ccc;
		        border-bottom: 0
		    }
		
		    .dropdown-wrapper .nav-dropdown {
		        min-width: 200px;
		        display: block!important;
		        visibility: hidden;
		        opacity: 0;
		        height: auto!important;
		        box-sizing: border-box;
		        max-height: calc(100vh - 2.7rem);
		        overflow-y: auto;
		        position: absolute;
		        bottom: 0;
		        transform: translateY(100%);
		        left: 0;
		        background-color: var(--vs-theme-layout);
		        padding: .5rem 0;
		        text-align: left;
		        border-radius: 7px 20px 20px 20px;
		        white-space: nowrap;
		        margin: -10px 0 0;
		        transition: all .25s ease;
		        box-shadow: 0 10px 20px -10px rgba(0,0,0,.1)
		    }
		}
		
		.fade-enter-active[data-v-415e0d09],.fade-leave-active[data-v-415e0d09] {
		    transition: all .25s ease
		}
		
		.fade-enter[data-v-415e0d09],.fade-leave-to[data-v-415e0d09] {
		    opacity: 0;
		    transform: translateY(calc(100% + 10px))!important
		}
		
		.darken .search-box input[data-v-415e0d09] {
		    background: rgba(0,0,0,.25)
		}
		
		.search-box[data-v-415e0d09] {
		    display: inline-block;
		    margin-right: 0;
		    position: relative
		}
		
		.search-box.showSuggestions .con-input input[data-v-415e0d09] {
		    background: var(--vs-theme-bg2)
		}
		
		.search-box .con-input[data-v-415e0d09] {
		    display: flex;
		    align-items: center;
		    position: relative
		}
		
		.search-box .con-input svg[data-v-415e0d09] {
		    position: absolute;
		    right: 10px;
		    width: 20px;
		    pointer-events: none;
		    transition: all .2s ease;
		    fill: var(--vs-theme-color)
		}
		
		.search-box input[data-v-415e0d09] {
		    cursor: text;
		    width: 15rem;
		    color: var(--vs-theme-color);
		    display: inline-block;
		    border-radius: 2rem;
		    font-size: .85rem;
		    line-height: 2rem;
		    outline: none;
		    transition: all .2s ease;
		    background: rgba(0,0,0,.05);
		    background-size: 1rem;
		    display: block;
		    border-radius: 0;
		    border: 0;
		    padding: 4px 4px 4px 20px;
		    opacity: 1;
		    border-radius: 14px 5px 14px 14px
		}
		
		.search-box input[data-v-415e0d09]::-moz-placeholder {
		    color: var(--vs-theme-color)
		}
		
		.search-box input[data-v-415e0d09]:-ms-input-placeholder {
		    color: var(--vs-theme-color)
		}
		
		.search-box input[data-v-415e0d09]::-ms-input-placeholder {
		    color: var(--vs-theme-color)
		}
		
		.search-box input[data-v-415e0d09]::placeholder {
		    color: var(--vs-theme-color)
		}
		
		.search-box input[data-v-415e0d09]:focus {
		    width: 25rem;
		    cursor: auto
		}
		
		.search-box input:focus~svg[data-v-415e0d09] {
		    transform: scale(1.15)
		}
		
		.search-box .suggestions[data-v-415e0d09] {
		    background: var(--vs-theme-layout);
		    width: 100%;
		    position: absolute;
		    bottom: 0;
		    top: auto!important;
		    padding: 10px;
		    list-style-type: none;
		    box-shadow: 0 5px 20px -5px rgba(0,0,0,.1);
		    transform: translateY(calc(100% + 20px));
		    min-width: 25rem;
		    margin: 0!important;
		    border-radius: 14px;
		    z-index: 1000
		}
		
		.search-box .suggestions.align-right[data-v-415e0d09] {
		    right: 0
		}
		
		.search-box .suggestion[data-v-415e0d09] {
		    display: flex;
		    align-items: center;
		    justify-content: flex-start;
		    padding: .5rem .6rem;
		    border-radius: 12px;
		    cursor: pointer;
		    transition: all .25s ease
		}
		
		.search-box .suggestion[data-v-415e0d09]:hover {
		    background: var(--vs-theme-bg)!important
		}
		
		.search-box .suggestion a[data-v-415e0d09] {
		    display: flex;
		    align-items: center;
		    justify-content: flex-start;
		    white-space: normal;
		    color: var(--vs-theme-color)
		}
		
		.search-box .suggestion a box-icon[data-v-415e0d09] {
		    width: 17px;
		    height: 17px;
		    fill: var(--vs-theme-color);
		    margin-right: 5px
		}
		
		.search-box .suggestion a .page-title[data-v-415e0d09] {
		    font-weight: 600
		}
		
		.search-box .suggestion a .header[data-v-415e0d09] {
		    font-size: .9em;
		    margin-left: .25em;
		    opacity: .85;
		    font-weight: 400;
		    display: flex;
		    align-items: center;
		    justify-content: center
		}
		
		.search-box .suggestion.focused a[data-v-415e0d09] {
		    color: var(--vs-theme-color)
		}
		
		@media (max-width: 959px) {
		    .search-box input[data-v-415e0d09] {
		        cursor:pointer;
		        width: 40px;
		        border-color: transparent;
		        position: relative
		    }
		
		    .search-box input[data-v-415e0d09]::-moz-placeholder {
		        color: transparent
		    }
		
		    .search-box input[data-v-415e0d09]:-ms-input-placeholder {
		        color: transparent
		    }
		
		    .search-box input[data-v-415e0d09]::-ms-input-placeholder {
		        color: transparent
		    }
		
		    .search-box input[data-v-415e0d09]::placeholder {
		        color: transparent
		    }
		
		    .search-box input[data-v-415e0d09]:focus {
		        cursor: text;
		        left: 0;
		        width: 10rem
		    }
		
		    .search-box input[data-v-415e0d09]:focus::-moz-placeholder {
		        color: inherit
		    }
		
		    .search-box input[data-v-415e0d09]:focus:-ms-input-placeholder {
		        color: inherit
		    }
		
		    .search-box input[data-v-415e0d09]:focus::-ms-input-placeholder {
		        color: inherit
		    }
		
		    .search-box input[data-v-415e0d09]:focus::placeholder {
		        color: inherit
		    }
		}
		
		@media (-ms-high-contrast:none) {
		    .search-box input[data-v-415e0d09] {
		        height: 2rem
		    }
		}
		
		@media (max-width: 959px) and (min-width:719px) {
		    .search-box .suggestions[data-v-415e0d09] {
		        left:0
		    }
		}
		
		@media (max-width: 719px) {
		    .search-box[data-v-415e0d09] {
		        margin-right:0
		    }
		
		    .search-box .suggestions[data-v-415e0d09] {
		        right: 0
		    }
		}
		
		@media (max-width: 500px) {
		    .search-box[data-v-415e0d09] {
		        width:100%
		    }
		
		    .suggestions[data-v-415e0d09] {
		        width: calc(100vw - 20px)!important;
		        min-width: auto!important;
		        right: auto;
		        left: 0
		    }
		
		    .focused[data-v-415e0d09] {
		        width: 100%
		    }
		
		    input[data-v-415e0d09] {
		        transition: all 0s ease;
		        color: transparent!important
		    }
		
		    input[data-v-415e0d09]:focus {
		        width: 100%;
		        color: inherit!important
		    }
		
		    input[data-v-415e0d09]::-moz-placeholder {
		        color: transparent!important
		    }
		
		    input[data-v-415e0d09]:-ms-input-placeholder {
		        color: transparent!important
		    }
		
		    input[data-v-415e0d09]::-ms-input-placeholder {
		        color: transparent!important
		    }
		
		    input[data-v-415e0d09]::placeholder {
		        color: transparent!important
		    }
		}
		
		.user-info {
		    position: relative;
		    margin-left: 10px
		}
		
		.user-info .user-dropdown {
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    padding-right: 10px
		}
		
		.user-info .user-dropdown:hover .dropdown {
		    opacity: 1;
		    visibility: visible
		}
		
		.user-info .user-dropdown .dropdown {
		    width: 160px;
		    visibility: hidden;
		    opacity: 0;
		    position: absolute;
		    right: 10px;
		    bottom: 0;
		    transform: translateY(100%);
		    box-shadow: 0 10px 20px -10px rgba(0,0,0,.15);
		    transition: all .25s ease
		}
		
		.user-info .user-dropdown .dropdown .dropdown-content {
		    width: 160px;
		    border-radius: 15px 5px 15px 15px;
		    padding: 10px;
		    background: var(--vs-theme-layout);
		    margin-top: 15px;
		    position: relative
		}
		
		.user-info .user-dropdown .dropdown .name-user {
		    border-bottom: 1px solid var(--vs-theme-bg2);
		    margin-bottom: 10px;
		    width: 100%;
		    padding: 0 10px 5px;
		    font-size: .8rem;
		    text-align: center
		}
		
		.user-info .user-dropdown .dropdown .logout {
		    background: var(--vs-theme-color);
		    color: var(--vs-theme-layout);
		    border: 0;
		    padding: 8px 25px;
		    border-radius: 10px;
		    transition: all .25s ease;
		    box-shadow: 0 0 0 0 var(--vs-theme-color);
		    width: 100%
		}
		
		.user-info .user-dropdown .dropdown .logout:hover {
		    box-shadow: 0 5px 15px -5px var(--vs-theme-color);
		    transform: translateY(-4px)
		}
		
		.user-info .user-dropdown .user img {
		    width: 40px;
		    border-radius: 30%
		}
		
		.user-info .btn-login {
		    background: var(--vs-theme-color);
		    color: var(--vs-theme-layout);
		    border: 0;
		    border-radius: 10px 10px 20px 10px;
		    margin-right: 10px;
		    padding: 10px 17px 10px 15px;
		    transition: all .25s ease;
		    box-shadow: 0 0 0 0 var(--vs-theme-color)
		}
		
		.user-info .btn-login:hover {
		    box-shadow: 0 5px 15px -5px var(--vs-theme-color);
		    transform: translateY(-4px)
		}
		
		.logo-nav {
		    fill: var(--vs-theme-color);
		    height: 28px
		}
		
		.home-link {
		    position: absolute;
		    left: 0;
		    font-weight: 700;
		    padding-left: 30px
		}
		
		.v-old {
		    padding: 10px;
		    color: inherit;
		    opacity: .5;
		    transition: all .25s ease
		}
		
		.v-old:hover {
		    opacity: 1
		}
		
		.external-links-search {
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    position: absolute;
		    right: 0
		}
		
		.external-links-search.remove-links .con-links,.external-links-search.remove-links .v-old {
		    display: none
		}
		
		.external-links-search .con-links {
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    margin-right: 10px
		}
		
		.external-links-search .con-links a {
		    list-style: none;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    padding: 4px;
		    box-sizing: border-box
		}
		
		.external-links-search .con-links a box-icon {
		    width: 20px!important;
		    height: 20px!important
		}
		
		.navbar {
		    padding: 0 20px;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    border-radius: 0 0 30px 0;
		    transition: all .25s ease
		}
		
		.navbar.transparent {
		    background: transparent
		}
		
		.navbar.fixed {
		    border-radius: 0;
		    background: var(--vs-theme-layout)
		}
		
		.navbar.fixed .btn-login {
		    border-radius: 10px
		}
		
		.navbar a,.navbar img,.navbar span {
		    display: inline-block
		}
		
		.navbar .logo {
		    height: 2.2rem;
		    min-width: 2.2rem;
		    margin-right: .8rem;
		    vertical-align: top
		}
		
		.navbar .site-name {
		    font-size: 1.3rem;
		    font-weight: 600;
		    color: var(--vs-theme-color);
		    position: relative
		}
		
		.navbar .links {
		    box-sizing: border-box;
		    white-space: nowrap;
		    font-size: .9rem;
		    position: relative;
		    display: flex;
		    align-items: center;
		    justify-content: center
		}
		
		.navbar .links .search-box {
		    flex: 0 0 auto;
		    vertical-align: top
		}
		
		@media (max-width: 1500px) {
		    .navbar {
		        justify-content:flex-start
		    }
		
		    .home-link {
		        position: relative;
		        padding-left: 0;
		        padding-right: 20px
		    }
		}
		
		@media (max-width: 1000px) {
		    .navbar {
		        padding:8px 9px 9px 2.5rem;
		        display: flex;
		        justify-content: space-between
		    }
		
		    .navbar .home-link {
		        position: relative;
		        padding-left: 0;
		        margin-left: 25px
		    }
		
		    .navbar .external-links-search {
		        position: relative;
		        padding-left: 0;
		        right: 0
		    }
		
		    .navbar .can-hide {
		        display: none
		    }
		
		    .navbar .links {
		        padding-left: 1.5rem;
		        display: none
		    }
		}
		
		@media (max-width: 500px) {
		    .home-link {
		        width:24px!important;
		        overflow: hidden;
		        padding: 0;
		        margin-top: 3px
		    }
		
		    .home-link .logo-nav {
		        height: 24px
		    }
		
		    .user-info .btn-login {
		        margin-right: 0
		    }
		}
		
		@media (max-width: 390px) {
		    .external-links-search .con-links {
		        display:none
		    }
		}
		
		.sidebar-group .sidebar-group {
		    padding-left: .5em
		}
		
		.sidebar-group:not(.collapsable) .sidebar-heading:not(.clickable) {
		    cursor: auto;
		    color: inherit
		}
		
		.sidebar-group.is-sub-group {
		    padding-left: 0
		}
		
		.sidebar-group.is-sub-group>.sidebar-heading {
		    font-size: .95em;
		    line-height: 1.4;
		    font-weight: 400;
		    padding-left: 2rem
		}
		
		.sidebar-group.is-sub-group>.sidebar-heading:not(.clickable) {
		    opacity: .5
		}
		
		.sidebar-group.is-sub-group>.sidebar-group-items {
		    padding-left: 1rem
		}
		
		.sidebar-group.is-sub-group>.sidebar-group-items>li>.sidebar-link {
		    font-size: .95em;
		    border-left: none
		}
		
		.sidebar-group.depth-2>.sidebar-heading {
		    border-left: none
		}
		
		.sidebar-heading {
		    color: var(--vs-theme-color);
		    transition: color .15s ease;
		    cursor: pointer;
		    font-size: 1em;
		    font-weight: 700;
		    padding: .35rem 1.5rem .35rem 1.25rem;
		    width: 100%;
		    box-sizing: border-box;
		    margin: 0;
		    border-left: .25rem solid transparent;
		    display: flex;
		    align-items: center;
		    justify-content: flex-start
		}
		
		.sidebar-heading box-icon {
		    max-width: 20px;
		    margin-bottom: -4px;
		    margin-left: 4px
		}
		
		.sidebar-heading.open box-icon {
		    transform: rotate(90deg)
		}
		
		.sidebar-heading .arrow {
		    position: relative;
		    top: -.12em;
		    left: .5em
		}
		
		.sidebar-heading.clickable.active {
		    font-weight: 600;
		    color: #2564ff;
		    border-left-color: #2564ff
		}
		
		.sidebar-heading.clickable:hover {
		    color: #2564ff
		}
		
		.sidebar-group-items {
		    transition: height .1s ease-out;
		    font-size: .95em;
		    overflow: hidden
		}
		
		.sidebar-new {
		    position: relative;
		    color: #42b983!important;
		    opacity: 1!important
		}
		
		.sidebar-new:after {
		    background: #42b983!important
		}
		
		.sidebar-update {
		    position: relative;
		    color: #ffba00!important;
		    opacity: 1!important
		}
		
		.sidebar-update:after {
		    background: #ffba00!important
		}
		
		.sidebar .sidebar-sub-headers {
		    padding-left: 1rem;
		    font-size: .95em
		}
		
		a.sidebar-link {
		    font-size: .95rem;
		    display: inline-block;
		    color: var(--vs-theme-color);
		    padding: .3rem 1rem .3rem 1.25rem;
		    width: 100%;
		    box-sizing: border-box;
		    transition: all .25s ease;
		    opacity: .5;
		    font-weight: 400;
		    position: relative;
		    margin-left: 0
		}
		
		a.sidebar-link:after {
		    content: "";
		    position: absolute;
		    top: 50%;
		    transform: translateY(-50%);
		    left: 0;
		    width: 5px;
		    background: var(--vs-theme-color);
		    height: 0;
		    transition: all .25s ease;
		    border-radius: 0 5px 5px 0
		}
		
		a.sidebar-link.active,a.sidebar-link:hover {
		    opacity: 1
		}
		
		a.sidebar-link.active:after {
		    height: 30px
		}
		
		.sidebar-group a.sidebar-link {
		    padding-left: 2rem
		}
		
		.sidebar-sub-headers a.sidebar-link {
		    padding-top: .25rem;
		    padding-bottom: .25rem;
		    border-left: none
		}
		
		.sidebar-sub-headers a.sidebar-link.active {
		    font-weight: 500
		}
		
		.content-table:last-child table {
		    margin-bottom: 0
		}
		
		.bugx {
		    font-size: 10px!important;
		    padding: 5px
		}
		
		.bugx span {
		    display: flex;
		    align-items: center;
		    justify-content: center
		}
		
		.bugx a {
		    margin-top: 3px;
		    border: 1px dashed rgba(0,0,0,.04);
		    border-radius: 50%;
		    display: flex!important;
		    align-items: center!important;
		    justify-content: center!important;
		    transition: all 0s ease!important;
		    width: 30px;
		    height: 30px
		}
		
		.bugx a:first-child {
		    margin-top: 0
		}
		
		.bugx a:first-child:hover {
		    background: rgba(255,71,87,.15)!important;
		    border: 2px solid rgba(255,71,87,0)
		}
		
		.bugx a:first-child:hover box-icon {
		    opacity: 1;
		    fill: #ff4757!important
		}
		
		.bugx a:nth-child(2):hover {
		    background: rgba(31,116,255,.15)!important;
		    border: 2px solid rgba(31,116,255,0)
		}
		
		.bugx a:nth-child(2):hover box-icon {
		    fill: #1f74ff!important;
		    opacity: 1
		}
		
		.bugx a box-icon {
		    margin: 0!important;
		    font-size: .8rem!important;
		    opacity: .4
		}
		
		.btn-usage {
		    border: 0;
		    padding: 4px 9px;
		    background: transparent;
		    border: 1px dashed var(--vs-theme-bg2);
		    cursor: pointer;
		    outline: none;
		    border-radius: 15px;
		    transition: all .25s ease;
		    display: flex;
		    align-items: center;
		    justify-content: space-between;
		    font-size: .7rem;
		    color: inherit;
		    margin: 3px 0
		}
		
		.btn-usage box-icon {
		    margin-left: 5px;
		    pointer-events: none;
		    opacity: .4
		}
		
		.btn-usage:hover {
		    background: var(--vs-theme-bg2)
		}
		
		.btn-usage:hover box-icon {
		    opacity: 1
		}
		
		.btn-toggle-code {
		    border: 0;
		    padding: 4px 9px;
		    background: transparent;
		    border: 1px dashed var(--vs-theme-bg2);
		    cursor: pointer;
		    outline: none;
		    border-radius: 15px;
		    transition: all .25s ease;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    font-size: .7rem;
		    color: inherit;
		    margin: 3px 0
		}
		
		.btn-toggle-code span {
		    display: flex;
		    align-items: center;
		    justify-content: space-between
		}
		
		.btn-toggle-code .open {
		    position: relative
		}
		
		.btn-toggle-code .close,.btn-toggle-code .open {
		    pointer-events: none;
		    align-items: center;
		    justify-content: space-between
		}
		
		.btn-toggle-code .close {
		    display: none
		}
		
		.btn-toggle-code box-icon {
		    margin-left: 6px;
		    pointer-events: none;
		    font-size: .8rem;
		    opacity: .4
		}
		
		.btn-toggle-code.open-btn {
		    color: var(--vs-theme-text)!important;
		    background: var(--vs-theme-bg2);
		    border: 1px solid var(--vs-theme-bg2)
		}
		
		.btn-toggle-code.open-btn .close {
		    position: relative;
		    display: flex
		}
		
		.btn-toggle-code.open-btn .open {
		    display: none
		}
		
		.btn-toggle-code:not(.open-btn):hover {
		    background: var(--vs-theme-bg2)
		}
		
		.btn-toggle-code:not(.open-btn):hover box-icon {
		    opacity: 1
		}
		
		.tr-code {
		    cursor: pointer
		}
		
		.tr-code td {
		    padding: 0!important;
		    border-bottom: 0;
		    transition: all .25s ease;
		    overflow: hidden
		}
		
		.tr-code td,.tr-code td:.tr-code td:first-child {
		    border-left: 0!important
		}
		
		.tr-code td pre {
		    max-height: 0;
		    overflow: hidden;
		    padding: 0 20px;
		    transition: all .25s ease
		}
		
		.tr-code td:after {
		    content: "Copied to Clipboard";
		    top: 0;
		    left: 50%;
		    transform: translate(-50%,-100%);
		    position: absolute;
		    padding: 6px;
		    background: #46c93a;
		    color: #fff;
		    font-size: .65rem;
		    font-weight: 400;
		    transition: all .25s ease;
		    border-radius: 0 0 10px 10px
		}
		
		.tr-code td.copied {
		    background: rgba(70,201,58,.1)
		}
		
		.tr-code td.copied:after {
		    transform: translate(-50%)
		}
		
		.tr-code td.copied code,.tr-code td.copied pre {
		    background: transparent!important
		}
		
		.tr-code code,.tr-code pre {
		    pointer-events: none;
		    font-size: .8rem
		}
		
		.tr-code:active {
		    opacity: .7
		}
		
		.tr-code:hover code[class*=language-] {
		    background: rgba(37,100,255,.1)
		}
		
		.tr-code.open {
		    display: table-row
		}
		
		.tr-code td,.tr-code tr {
		    border: 0!important
		}
		
		.tr-code td {
		    margin: 0!important
		}
		
		.tr-code td pre[class*=language-] {
		    margin: 0
		}
		
		.con-api {
		    max-width: 900px;
		    margin: auto;
		    padding: 0 10px 1rem
		}
		
		.con-api h2 {
		    padding: 40px 20px 20px;
		    transition: all .25s ease;
		    border-bottom: 0
		}
		
		.con-api h2:hover {
		    padding-left: 40px
		}
		
		.con-api h2:hover a {
		    opacity: 1
		}
		
		.con-api h2 a {
		    font-size: .85em;
		    float: left;
		    margin-left: -.87em;
		    padding-right: .23em;
		    margin-top: .125em;
		    opacity: 0;
		    transition: all .2s ease;
		    outline: none;
		    text-decoration: none;
		    font-weight: 600;
		    color: var(--vs-theme-color)
		}
		
		.con-api h2 a:hover {
		    opacity: .7
		}
		
		.con-api .content-api {
		    padding: 10px;
		    background: var(--vs-theme-layout);
		    border-radius: 20px;
		    overflow: hidden
		}
		
		.con-api .content-api .content-table {
		    overflow: auto
		}
		
		.con-api .content-api box-icon {
		    max-height: 16px;
		    max-width: 16px
		}
		
		.con-api .content-api h3 {
		    text-transform: capitalize;
		    margin-left: 20px
		}
		
		.con-api .content-api h3:first-child {
		    margin-top: 0
		}
		
		.con-api .content-api table {
		    border-radius: 15px;
		    border-bottom: 0;
		    border-bottom: 1px solid var(--vs-theme-bg2);
		    height: auto;
		    width: 100%!important;
		    border-collapse: separate;
		    border-spacing: 0
		}
		
		.con-api .content-api table.fixed-thead thead {
		    position: fixed;
		    z-index: 8000;
		    top: 0
		}
		
		.con-api .content-api table tbody:nth-child(2) td {
		    border-top: 0!important
		}
		
		.con-api .content-api table tr {
		    border: 0
		}
		
		.con-api .content-api table td:first-child {
		    border-left: 1px solid var(--vs-theme-bg2)
		}
		
		.con-api .content-api table td:nth-child(2) {
		    color: #e2777a
		}
		
		.con-api .content-api table td:nth-child(3) {
		    padding: 4px
		}
		
		.con-api .content-api table td:nth-child(4) {
		    font-size: .75rem
		}
		
		.con-api .content-api table td:nth-child(5) {
		    color: #7ec699;
		    border-right: 1px dashed var(--vs-theme-bg2)!important
		}
		
		.con-api .content-api table td:nth-child(6) {
		    padding: 4px;
		    border-left: 0 dashed var(--vs-theme-bg2)!important;
		    border-right: 0 solid transparent;
		    border-top: 1px dashed var(--vs-theme-bg2)!important
		}
		
		.con-api .content-api table td:nth-child(7) {
		    border-left: 0 solid transparent;
		    border-top: 1px dashed var(--vs-theme-bg2)!important;
		    border-right: 1px solid var(--vs-theme-bg2)!important
		}
		
		.con-api .content-api table td {
		    padding: 10px
		}
		
		.con-api .content-api table th {
		    background: var(--vs-theme-bg);
		    border: 0!important;
		    font-weight: 400
		}
		
		.con-api .content-api table th:nth-child(6),.con-api .content-api table th:nth-child(7) {
		    font-size: .7rem!important;
		    background: var(--vs-theme-bg2)
		}
		
		.con-api .content-api table td,.con-api .content-api table th {
		    font-size: .8rem;
		    border-color: var(--vs-theme-bg2);
		    border-style: solid;
		    border-width: 1px 0 0 1px;
		    position: relative
		}
		
		.con-api .content-api table td:last-child,.con-api .content-api table th:last-child {
		    border-right: 0
		}
		
		.con-api .content-api table td>span.value-span,.con-api .content-api table th>span.value-span {
		    border: 1px solid var(--vs-theme-bg2);
		    margin: 2px;
		    border-radius: 5px;
		    padding: 1px 3px;
		    display: block;
		    float: left;
		    font-size: .65rem
		}
		
		.con-api .content-api table td>span.value-span:hover,.con-api .content-api table th>span.value-span:hover {
		    border: 1px solid var(--vs-theme-bg2)
		}
		
		.con-api .content-api table td>a:not(.btn-toggle-code):not(.btn-usage),.con-api .content-api table th>a:not(.btn-toggle-code):not(.btn-usage) {
		    color: inherit;
		    display: flex;
		    align-items: center;
		    justify-content: flex-start;
		    transition: all .25s ease
		}
		
		.con-api .content-api table td>a:not(.btn-toggle-code):not(.btn-usage):hover,.con-api .content-api table th>a:not(.btn-toggle-code):not(.btn-usage):hover {
		    opacity: .7
		}
		
		.con-api .content-api table td>a:not(.btn-toggle-code):not(.btn-usage) box-icon,.con-api .content-api table th>a:not(.btn-toggle-code):not(.btn-usage) box-icon {
		    transition: all .25s ease;
		    font-size: .7rem
		}
		
		.con-api .content-api .h2 {
		    border: 0;
		    transition: all .25s ease;
		    margin: 0
		}
		
		.con-api .content-api .h2 a {
		    opacity: 0
		}
		
		.con-api .content-api .h2:hover {
		    padding-left: 20px
		}
		
		.con-api .content-api .h2:hover a {
		    opacity: 1
		}
		
		@media (max-width: 1000px) {
		    .con-api {
		        padding:1rem 10px!important
		    }
		
		    .con-api .content-api .content-table {
		        overflow: auto
		    }
		
		    .con-api h2 {
		        padding-bottom: 0
		    }
		}
		
		@media (max-width: 800px) {
		    .con-api table .ex {
		        display:none
		    }
		
		    .con-api table rd,.con-api table td,.con-api table th {
		        font-size: .65rem!important;
		        padding: 5px!important
		    }
		
		    .con-api .tr-code {
		        display: none!important
		    }
		}
		
		svg[data-v-56ca6099] {
		    position: absolute;
		    top: -80px;
		    max-height: 550px;
		    max-width: 550px;
		    left: -60px;
		    transform: rotate(80deg);
		    transition: all .25s ease
		}
		
		.header-page .header__content,.page-edit,.page-nav,.page .content__default {
		    max-width: 900px;
		    margin: 0 auto;
		    padding: 2rem 2.5rem
		}
		
		@media (max-width: 959px) {
		    .header-page .header__content,.page-edit,.page-nav,.page .content__default {
		        padding:2rem
		    }
		}
		
		@media (max-width: 419px) {
		    .header-page .header__content,.page-edit,.page-nav,.page .content__default {
		        padding:1.5rem
		    }
		}
		
		.back-link {
		    position: absolute;
		    top: 0;
		    left: 0;
		    z-index: 600;
		    margin: 15px;
		    display: block;
		    transition: background .25s ease,box-shadow .25s ease,transform .25s ease;
		    border-radius: 25px 10px 10px 10px;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    padding: 8px 5px 5px 8px
		}
		
		.back-link:hover {
		    background: var(--vs-theme-layout);
		    box-shadow: 0 6px 10px -5px rgba(0,0,0,.1);
		    transform: translateY(-3px)
		}
		
		.back-link i {
		    font-size: 1.4rem
		}
		
		@media (max-width: 1240px) {
		    .back-link {
		        display:none
		    }
		}
		
		.con-svg {
		    position: absolute;
		    top: 0;
		    left: 0;
		    overflow: hidden;
		    width: 100%;
		    height: 100%
		}
		
		.up {
		    position: fixed;
		    bottom: 0;
		    right: 150px;
		    width: 40px;
		    height: 40px;
		    background: var(--vs-theme-layout);
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    font-size: 1.5rem;
		    border-radius: 12px;
		    cursor: pointer;
		    margin: 20px;
		    transform: translateY(calc(100% + 20px));
		    transition: all .25s ease,bottom 0s;
		    z-index: 500
		}
		
		.up:active {
		    transform: scale(.9) translate(0)!important;
		    opacity: .7
		}
		
		.up:hover {
		    color: #2564ff;
		    box-shadow: 0 10px 20px 0 rgba(0,0,0,.1)
		}
		
		.up.active {
		    transform: translate(0)
		}
		
		.header-page {
		    height: auto;
		    border-radius: 0 0 0 30px;
		    transition: background .25s ease,border-radius .25s ease;
		    top: 0
		}
		
		.header-page,.header-page:before {
		    width: 100%;
		    position: absolute;
		    background: var(--vs-theme-bg2)
		}
		
		.header-page:before {
		    top: -59px;
		    left: 0;
		    content: "";
		    height: 60px
		}
		
		.header-page.fixed {
		    position: fixed;
		    top: 57px;
		    z-index: 9999;
		    border-radius: 0;
		    background: var(--vs-theme-bg);
		    margin: 0
		}
		
		.header-page.fixed .back-link {
		    margin: 10px 15px
		}
		
		.header-page.fixed .header__content {
		    height: 58px
		}
		
		.header-page.fixed .header__content:after {
		    content: "";
		    position: absolute;
		    bottom: 0;
		    left: 50%;
		    transform: translate(-50%);
		    width: 110%;
		    height: 100%;
		    z-index: -1;
		    box-shadow: 0 25px 20px -25px rgba(0,0,0,.1)
		}
		
		.header-page.fixed .header-effect {
		    opacity: 0
		}
		
		.header-page table {
		    width: calc(100% - 20px);
		    margin: 0 10px;
		    display: table
		}
		
		.header-page table tr {
		    width: 100%;
		    border: 0!important
		}
		
		.header-page table tr th {
		    font-size: .8rem;
		    font-weight: 400;
		    border: 0!important;
		    padding: 8px 0
		}
		
		.header-page .header__content {
		    position: relative;
		    display: flex;
		    flex-direction: column;
		    justify-content: flex-end;
		    height: 200px;
		    padding-top: 0;
		    padding-bottom: 0;
		    background: transparent;
		    padding: 0 40px!important
		}
		
		.header-page .header__content.con-table {
		    height: auto!important
		}
		
		.header-page .header__content .flex-header {
		    width: 100%;
		    display: flex;
		    align-items: flex-end;
		    justify-content: space-between;
		    margin-bottom: 70px
		}
		
		.header-page .header__content:after {
		    content: "";
		    position: absolute;
		    bottom: 0;
		    left: 50%;
		    transform: translate(-50%);
		    width: 0;
		    height: 100%;
		    z-index: -1;
		    box-shadow: 0 0 0 0 rgba(0,0,0,.1);
		    transition: all .25s ease
		}
		
		.header-page .header__content h1 {
		    font-size: 35px;
		    margin: 0;
		    padding: 13px 0 15px;
		    font-weight: 600
		}
		
		.header-page .header__content .interactive-links {
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    list-style: none;
		    padding-bottom: 13px;
		    margin: 0
		}
		
		.header-page .header__content .interactive-links .divider {
		    position: relative;
		    width: 1px;
		    height: 25px;
		    background: var(--vs-theme-color);
		    margin: 0 10px
		}
		
		.header-page .header__content .interactive-links li button {
		    border: 0;
		    position: relative;
		    background: transparent;
		    padding: 0;
		    margin: 0;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    transition: all .25s ease;
		    color: var(--vs-theme-color)
		}
		
		.header-page .header__content .interactive-links li button:hover ul {
		    opacity: 1;
		    visibility: visible;
		    transform: translateY(calc(100% - 20px))
		}
		
		.header-page .header__content .interactive-links li button ul {
		    list-style: none;
		    padding: 0;
		    bottom: 0;
		    position: absolute;
		    transform: translateY(calc(100% - 15px));
		    background: var(--vs-theme-layout);
		    border-radius: 10px;
		    opacity: 0;
		    visibility: hidden;
		    transition: all .25s ease
		}
		
		.header-page .header__content .interactive-links li button ul li a {
		    padding: 5px;
		    opacity: .7
		}
		
		.header-page .header__content .interactive-links li button ul li a:hover {
		    opacity: 1
		}
		
		.header-page .header__content .interactive-links li a {
		    padding: 4px 6px;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    border-radius: 7px;
		    margin: 0 1px;
		    transition: all .25s ease
		}
		
		.header-page .header__content .interactive-links li a:hover {
		    background: var(--vs-theme-layout);
		    transform: translateY(-2px);
		    box-shadow: 0 5px 10px -5px rgba(0,0,0,.1)
		}
		
		.header-page .header__content .interactive-links li box-icon,.header-page .header__content .interactive-links li svg {
		    fill: var(--vs-theme-color);
		    max-width: 18px
		}
		
		.header-page .header-effect {
		    position: absolute;
		    bottom: 0;
		    transform: rotate(0deg);
		    max-width: 40px;
		    max-height: 40px;
		    z-index: 200;
		    right: 0;
		    bottom: -38px;
		    transition: all .25s ease
		}
		
		.header-page .header-effect #Trazado_200 {
		    fill: var(--vs-theme-bg2)!important;
		    stroke: var(--vs-theme-bg2)!important
		}
		
		.page {
		    display: block;
		    margin-top: 57px;
		    position: relative;
		    margin-bottom: 0;
		    padding-top: 200px!important;
		    transition: all .25s ease;
		    width: calc(100% - 260px)
		}
		
		.page .sidebar {
		    position: absolute;
		    right: 0!important;
		    left: auto;
		    top: 200px;
		    width: auto;
		    background: transparent;
		    z-index: 1200;
		    max-height: calc(100vh - 470px);
		    overflow: auto;
		    transition: 0s!important
		}
		
		.page .sidebar>svg {
		    display: none
		}
		
		.page .sidebar>.content-sidebar>.sidebar-links>li {
		    margin-top: 0!important
		}
		
		.page .sidebar .sidebar-links {
		    padding-top: 0!important
		}
		
		.page .sidebar::-webkit-scrollbar {
		    width: 5px;
		    height: 5px;
		    display: none
		}
		
		.page .sidebar::-webkit-scrollbar-thumb {
		    background: #b8cbd2;
		    border-radius: 5px
		}
		
		.page .sidebar::-webkit-scrollbar-thumb:hover {
		    background: #9ab5bf
		}
		
		.page .sidebar.fixed {
		    position: fixed!important;
		    top: 55px!important;
		    z-index: 10000!important;
		    max-height: calc(100vh - 270px)
		}
		
		.page .sidebar .sidebar-heading,.page .sidebar .sidebar-link {
		    display: none
		}
		
		.page .sidebar .sidebar-sub-headers {
		    display: block!important;
		    margin-top: 20px
		}
		
		.page .sidebar .sidebar-sub-headers li a {
		    display: block!important;
		    text-align: right;
		    font-size: .8rem;
		    padding: 3px 25px 3px 3px;
		    opacity: .6;
		    max-width: 200px
		}
		
		.page .sidebar .sidebar-sub-headers li a:after {
		    content: "";
		    position: absolute;
		    top: 50%;
		    transform: translateY(-50%);
		    right: 25px;
		    left: auto;
		    width: 5px!important;
		    background: var(--vs-theme-color);
		    height: 5px!important;
		    transition: all .25s ease;
		    border-radius: 10px;
		    opacity: 0
		}
		
		.page .sidebar .sidebar-sub-headers li a.active {
		    padding-right: 39px;
		    opacity: 1
		}
		
		.page .sidebar .sidebar-sub-headers li a.active:after,.page .sidebar .sidebar-sub-headers li a:hover {
		    opacity: 1
		}
		
		.page .content__default h1 {
		    display: none!important
		}
		
		.page .content__default {
		    margin: 0 auto
		}
		
		.page-edit {
		    margin-top: 50px;
		    font-size: .85rem;
		    padding-top: 1rem;
		    padding-bottom: 1rem;
		    overflow: auto
		}
		
		.page-edit .edit-link {
		    display: inline-block
		}
		
		.page-edit .edit-link a {
		    color: #4e6e8e;
		    margin-right: .25rem
		}
		
		.page-edit .last-updated {
		    float: right;
		    font-size: .85em;
		    padding: 0 10px
		}
		
		.page-edit .last-updated .prefix {
		    padding-left: 10px;
		    font-weight: 600
		}
		
		.page-edit .last-updated .time {
		    padding-left: 10px;
		    font-weight: 400;
		    opacity: .8
		}
		
		.page-nav {
		    padding-top: 1rem;
		    padding-bottom: 0;
		    position: relative
		}
		
		.page-nav box-icon {
		    max-width: 18px;
		    max-height: 18px;
		    margin: 0 5px
		}
		
		.page-nav span {
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    padding: 5px 10px 5px 5px;
		    border-radius: 12px;
		    transition: all .25s ease
		}
		
		.page-nav span:hover {
		    background: var(--vs-theme-layout);
		    transform: translate(0)
		}
		
		.page-nav .inner {
		    min-height: 2rem;
		    margin-top: 0;
		    padding-top: 1rem;
		    overflow: hidden
		}
		
		.page-nav .inner,.page-nav .inner a {
		    display: flex;
		    align-items: center;
		    justify-content: space-between
		}
		
		.page-nav .inner a span {
		    display: block;
		    padding: 0
		}
		
		.page-nav .prev~.next {
		    float: right;
		    padding-right: 5px;
		    padding-left: 10px
		}
		
		@media (max-width: 1300px) {
		    .page .sidebar {
		        display:none!important
		    }
		}
		
		@media (max-width: 719px) {
		    .page-edit .edit-link {
		        margin-bottom:.5rem
		    }
		
		    .page-edit .last-updated {
		        font-size: .8em;
		        float: none;
		        text-align: left
		    }
		}
		
		@media (max-width: 600px) {
		    .page-nav .inner {
		        position:fixed;
		        right: 0;
		        bottom: 34px;
		        z-index: 1000;
		        margin: 0;
		        width: 100%;
		        padding: 10px 0
		    }
		
		    .page-nav .inner span {
		        background: var(--vs-theme-layout);
		        margin: 0;
		        border-radius: 0 10px 10px 0;
		        box-shadow: 0 0 10px 0 rgba(0,0,0,.05);
		        transform: translate(0)!important
		    }
		
		    .page-nav .inner span span {
		        display: none
		    }
		
		    .page-nav .inner span.next,.page-nav .inner span.prev {
		        padding: 0;
		        font-size: 1.5rem;
		        width: 40px;
		        height: 40px;
		        border-radius: 0 10px 0 0
		    }
		
		    .page-nav .inner span.prev~.next {
		        border-radius: 10px 0 0 10px;
		        transform: translate(0)!important;
		        width: 40px;
		        height: 40px;
		        font-size: 1.5rem;
		        padding: 0
		    }
		
		    .page .content__default {
		        padding: 10px
		    }
		
		    .up {
		        bottom: 50px;
		        right: 0;
		        opacity: 0;
		        pointer-events: none;
		        margin: 0;
		        border-radius: 15px 0 0 0
		    }
		
		    .up.active {
		        opacity: 1;
		        pointer-events: auto
		    }
		
		    .header-page table {
		        display: none!important
		    }
		
		    .header-page .header__content {
		        height: 120px;
		        padding-right: 30px!important
		    }
		
		    .header-page .header__content .flex-header {
		        margin-bottom: 0!important
		    }
		
		    .header-page .header__content .flex-header #header-title {
		        font-size: 1.5rem!important
		    }
		
		    .header-page.fixed .header__content {
		        height: 52px!important
		    }
		
		    .header-page.fixed .header__content .flex-header #header-title {
		        font-size: 1.2rem!important
		    }
		}
		
		@media (max-width: 600px) {
		    .page~.carbon-ads {
		        background:transparent
		    }
		
		    .page~.carbon-ads #carbonads {
		        background: transparent;
		        border-radius: 0;
		        margin-top: 0
		    }
		
		    .page~.carbon-ads #carbonads img {
		        border-radius: 0 0 10px 10px!important
		    }
		}
		
		@media (max-width: 500px) {
		    .page {
		        padding-top:140px!important
		    }
		}
		
		@media (max-width: 400px) {
		    .header-page .header__content {
		        padding:0 20px!important
		    }
		}
		
		.nav-links {
		    display: flex;
		    align-items: center;
		    justify-content: center
		}
		
		.nav-links a {
		    line-height: 1.4rem;
		    color: inherit
		}
		
		.nav-links a.router-link-active,.nav-links a:hover {
		    color: var(--vs-theme-color)
		}
		
		.nav-links .nav-item {
		    position: relative;
		    display: inline-block;
		    transition: all .25s ease
		}
		
		.nav-links .nav-item a {
		    opacity: .5;
		    transition: all .25s ease;
		    font-weight: 700;
		    display: block;
		    padding: 18px
		}
		
		.nav-links .nav-item a:after {
		    content: "";
		    position: absolute;
		    left: 50%;
		    transform: translate(-50%);
		    bottom: -3px;
		    width: 0;
		    height: 3px;
		    background: var(--vs-theme-color);
		    border-radius: 2px;
		    transition: all .25s ease
		}
		
		.nav-links .nav-item a.router-link-active,.nav-links .nav-item a:hover {
		    opacity: 1!important
		}
		
		.nav-links .nav-item a.router-link-active:after {
		    width: 18px
		}
		
		.nav-links .nav-item:first-child {
		    margin-left: 0
		}
		
		.nav-links .repo-link {
		    margin-left: 1.5rem
		}
		
		@media (max-width: 719px) {
		    .nav-links .nav-item,.nav-links .repo-link {
		        margin-left:0
		    }
		}
		
		@media (min-width: 719px) {
		    .nav-links a.router-link-active,.nav-links a:hover {
		        color:var(--vs-theme-color)
		    }
		}
		
		.sidebar {
		    z-index: 18000!important
		}
		
		@media (max-width: 1000px) {
		    .sidebar .nav-links {
		        display:block!important
		    }
		
		    .sidebar .nav-links .nav-item:hover .dropdown-wrapper .nav-dropdown {
		        display: block!important;
		        transform: translate(0)!important;
		        box-shadow: none!important
		    }
		
		    .sidebar .nav-links .nav-item:hover .dropdown-wrapper .nav-dropdown h4 {
		        padding-left: 0!important
		    }
		
		    .sidebar .nav-links .dropdown-wrapper .nav-dropdown {
		        position: relative;
		        display: none!important
		    }
		
		    .sidebar .nav-links .dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active:after {
		        top: calc(1rem - 2px)
		    }
		
		    .sidebar .content-sidebar>.sidebar-links {
		        padding: 1rem 0
		    }
		}
		
		.carbon-ads:empty {
		    opacity: 0;
		    pointer-events: none
		}
		
		@media (max-width: 600px) {
		    .carbon-ads {
		        position:absolute!important;
		        width: 100%!important;
		        min-height: auto!important;
		        padding: 0 30px!important;
		        top: 62px!important;
		        bottom: auto!important;
		        z-index: 1000!important;
		        border-radius: 0!important
		    }
		
		    .carbon-ads:hover {
		        transform: translate(0)!important;
		        border-radius: 0!important
		    }
		
		    .carbon-ads:after,.carbon-ads:before {
		        display: none!important
		    }
		
		    .carbon-ads .carbon-wrap {
		        display: flex;
		        align-items: center;
		        justify-content: center
		    }
		
		    .carbon-ads .carbon-wrap .carbon-text {
		        padding-bottom: 0;
		        text-align: left
		    }
		
		    .carbon-ads .carbon-wrap .carbon-img {
		        margin-bottom: 0!important
		    }
		
		    .carbon-ads .carbon-wrap .carbon-img img {
		        width: 60px;
		        border-radius: 10px;
		        margin-right: 10px
		    }
		}
		
		@-webkit-keyframes loading {
		    0% {
		        transform: rotate(0deg)
		    }
		
		    to {
		        transform: rotate(1turn)
		    }
		
		    +div {
		        display: none!important
		    }
		}
		
		@keyframes loading {
		    0% {
		        transform: rotate(0deg)
		    }
		
		    to {
		        transform: rotate(1turn)
		    }
		
		    +div {
		        display: none!important
		    }
		}
		
		.infoads {
		    font-size: .5rem;
		    font-weight: 700
		}
		
		.carbon {
		    display: flex;
		    align-items: center;
		    width: calc(100% - 10px);
		    margin: 5px;
		    transition: all .25s ease
		}
		
		.carbon-ads {
		    transition: all .3s ease;
		    opacity: 1;
		    transform: translate(0);
		    position: fixed;
		    display: block;
		    right: 0;
		    width: 145px;
		    background: var(--vs-theme-layout);
		    padding: 6px 6px 0;
		    border-radius: 25px 0 0 0;
		    box-sizing: border-box;
		    bottom: 0;
		    z-index: 100002;
		    min-height: 170px
		}
		
		.carbon-ads.hidden {
		    visibility: hidden;
		    opacity: 0
		}
		
		.carbon-ads:hover {
		    transform: translate(-10px,-10px);
		    border-radius: 20px
		}
		
		.hidden-ads {
		    transition: all .3s ease!important;
		    opacity: 0
		}
		
		div[id*=carbonads] {
		    --width: 320px;
		    --font-size: 13px;
		    background: var(--vs-theme-layout);
		    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,Helvetica,Arial,sans-serif;
		    display: block;
		    overflow: hidden;
		    width: calc(100% - 2px);
		    border-radius: 10px;
		    margin: 2px 0 2px 2px;
		    text-align: center;
		    font-size: 13px;
		    line-height: 1.5;
		    position: relative;
		    z-index: 1000;
		    border: 0;
		    font-size: .7rem
		}
		
		div[id*=carbonads] a {
		    color: inherit;
		    text-decoration: none
		}
		
		div[id*=carbonads] a:hover {
		    color: inherit
		}
		
		div[id*=carbonads] span {
		    position: relative;
		    display: block;
		    overflow: hidden
		}
		
		.carbon-img {
		    display: block;
		    margin-bottom: 6px;
		    max-width: 160px;
		    line-height: 1
		}
		
		.carbon-img img {
		    display: block;
		    max-width: none!important;
		    width: 100%;
		    border-radius: 15px 15px 15px 15px;
		    border: 0;
		    margin: 0
		}
		
		.carbon-text {
		    display: block;
		    padding-bottom: 4px;
		    opacity: .75
		}
		
		.carbon-poweredby {
		    display: block;
		    padding: 10px 13px;
		    text-transform: uppercase;
		    letter-spacing: .5px;
		    font-weight: 600;
		    font-size: 9px;
		    line-height: 0
		}
		
		@media only screen and (max-width: 1100) {
		    div[id*=carbonads] {
		        float:none;
		        margin: 0 auto;
		        right: 0;
		        max-width: calc(100% - 20px);
		        position: relative
		    }
		
		    div[id*=carbonads] span {
		        position: relative
		    }
		
		    div[id*=carbonads]>span {
		        max-width: none
		    }
		
		    .carbon-img {
		        float: left;
		        margin: 0
		    }
		
		    .carbon-img img {
		        max-width: 130px!important
		    }
		
		    .carbon-text {
		        float: left;
		        margin-bottom: 0;
		        padding: 8px 20px;
		        text-align: left;
		        max-width: calc(100% - 130px - 3em)
		    }
		
		    .carbon-poweredby {
		        left: 130px;
		        bottom: 0;
		        display: block;
		        width: 100%
		    }
		}
		
		.effect1 {
		    transform: rotate(-90deg);
		    position: absolute;
		    max-width: 40px;
		    max-height: 40px;
		    z-index: 200;
		    right: -37px;
		    top: -2px;
		    pointer-events: none;
		    fill: var(--vs-theme-layout)
		}
		
		.header__btns {
		    padding: 0 10px;
		    max-width: 90px;
		    overflow: hidden
		}
		
		.header__btns,.header__btns button {
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    transition: all .25s ease
		}
		
		.header__btns button {
		    background: transparent;
		    border: 0;
		    width: 35px;
		    padding: 0;
		    height: 3.6rem;
		    cursor: pointer;
		    outline: none;
		    opacity: .4;
		    position: relative
		}
		
		.header__btns button:after {
		    content: "";
		    position: absolute;
		    bottom: 0;
		    left: 50%;
		    transform: translate(-50%);
		    background: #2c3e50;
		    width: 0;
		    height: 2px;
		    transition: all .25s ease
		}
		
		.header__btns button.active {
		    opacity: 1
		}
		
		.header__btns button.active:after {
		    width: 60%
		}
		
		.header__btns button svg {
		    max-width: 20px;
		    max-height: 20px
		}
		
		.sidebar {
		    padding-right: 5px;
		    z-index: 12000!important;
		    transition: all .25s ease;
		    overflow: inherit!important
		}
		
		.sidebar .content-sidebar {
		    overflow: auto;
		    max-height: 100%
		}
		
		.sidebar .content-sidebar::-webkit-scrollbar,.sidebar::-webkit-scrollbar {
		    width: 0;
		    height: 0
		}
		
		.sidebar .sidebar-sub-headers {
		    display: none
		}
		
		.sidebar .sidebar-links {
		    transition: all .15s ease
		}
		
		.sidebar ul {
		    padding: 0;
		    margin: 0;
		    list-style-type: none
		}
		
		.sidebar a {
		    display: inline-block
		}
		
		.sidebar .nav-links {
		    display: none;
		    border-bottom: 1px solid #eaecef;
		    padding: .5rem 0 .75rem
		}
		
		.sidebar .nav-links a {
		    font-weight: 600
		}
		
		.sidebar .nav-links .nav-item,.sidebar .nav-links .repo-link {
		    display: block;
		    line-height: 1.25rem;
		    font-size: 1.1em;
		    padding: .5rem 0 .5rem 1.5rem
		}
		
		.sidebar .content-sidebar>.sidebar-links {
		    padding: 1.5rem 0
		}
		
		.sidebar .content-sidebar>.sidebar-links>li>a.sidebar-link {
		    font-size: 1.1em;
		    line-height: 1.7;
		    font-weight: 700
		}
		
		.sidebar .content-sidebar>.sidebar-links>li:not(:first-child) {
		    margin-top: .75rem
		}
		
		@media (max-width: 1000px) {
		    .no-sidebar .sidebar .nav-links {
		        display:block!important
		    }
		
		    .no-sidebar .sidebar .nav-links>.nav-item:first-child,.no-sidebar .sidebar .nav-links>.nav-item:nth-child(2) {
		        display: block
		    }
		
		    .no-sidebar .sidebar .nav-links .nav-item .dropdown-wrapper .nav-dropdown {
		        display: block!important;
		        transform: translate(0)!important;
		        box-shadow: none!important;
		        opacity: 1!important;
		        visibility: visible!important
		    }
		
		    .no-sidebar .sidebar .nav-links .nav-item .dropdown-wrapper .nav-dropdown h4 {
		        padding-left: 0!important
		    }
		
		    .sidebar .nav-links {
		        display: block!important
		    }
		
		    .sidebar .nav-links>.nav-item:first-child,.sidebar .nav-links>.nav-item:nth-child(2) {
		        display: none
		    }
		
		    .sidebar .nav-links>.nav-item>.dropdown-wrapper>a {
		        pointer-events: none
		    }
		
		    .sidebar .nav-links .nav-item .nav-dropdown {
		        padding-left: .4rem
		    }
		
		    .sidebar .nav-links .nav-item .nav-dropdown li {
		        padding: 5px;
		        font-weight: 400;
		        font-size: .95rem
		    }
		
		    .sidebar .nav-links .nav-item:hover .dropdown-wrapper .nav-dropdown {
		        display: block!important;
		        transform: translate(0)!important;
		        box-shadow: none!important
		    }
		
		    .sidebar .nav-links .nav-item:hover .dropdown-wrapper .nav-dropdown h4 {
		        padding-left: 0!important
		    }
		
		    .sidebar .nav-links .dropdown-wrapper .nav-dropdown {
		        position: relative;
		        display: none!important
		    }
		
		    .sidebar .nav-links .dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active:after {
		        top: calc(1rem - 2px)
		    }
		
		    .sidebar .content-sidebar>.sidebar-links {
		        padding: 1rem 0
		    }
		}
		
		@media (max-width: 400px) {
		    .back-link {
		        display:none
		    }
		}
		
		.docs-home~.config {
		    left: 0
		}
		
		.docs-home~.sidebar {
		    display: none
		}
		
		.docs-home .sidebar {
		    position: relative;
		    margin: 0;
		    left: 0;
		    width: 100%;
		    background: transparent;
		    padding: 20px;
		    padding-bottom: 100px!important
		}
		
		.docs-home .sidebar>svg {
		    display: none
		}
		
		.docs-home .sidebar .sidebar-group-items,.docs-home .sidebar>.content-sidebar>.sidebar-links>li {
		    width: 100%
		}
		
		.docs-home .sidebar .sidebar-links {
		    max-width: 880px;
		    margin: auto
		}
		
		.docs-home .sidebar .sidebar-links .sidebar-heading {
		    margin-top: 40px
		}
		
		.docs-home .sidebar .nav-links {
		    display: none!important
		}
		
		.docs-home .sidebar ul {
		    display: flex;
		    align-items: flex-start;
		    justify-content: flex-start;
		    flex-wrap: wrap
		}
		
		.docs-home .sidebar ul li a {
		    width: 200px;
		    height: 200px;
		    background: var(--vs-theme-bg);
		    margin: 10px;
		    display: block;
		    border-radius: 30px;
		    opacity: 1;
		    font-weight: 700;
		    display: flex;
		    align-items: flex-end;
		    justify-content: flex-start;
		    padding: 20px
		}
		
		.docs-home .sidebar ul li a:hover {
		    transform: translateY(-5px);
		    padding-bottom: 30px
		}
		
		@media (max-width: 1000px) {
		    .docs-home~.sidebar {
		        display:block
		    }
		
		    .docs-home .sidebar {
		        z-index: 8!important;
		        transform: translateX(0)!important
		    }
		}
		
		@media (max-width: 600px) {
		    .docs-home .sidebar {
		        box-shadow:none!important;
		        padding-bottom: 0!important
		    }
		
		    .docs-home .sidebar ul li {
		        width: 50%
		    }
		
		    .docs-home .sidebar ul li a {
		        width: calc(100% - 10px);
		        padding: 20px 10px;
		        border-radius: 10px;
		        margin: 5px;
		        height: auto
		    }
		}
		
		[vs-theme=dark] {
		    --vs-theme-bg: #18191c;
		    --vs-theme-color: #fff;
		    --vs-theme-layout: #1e2023;
		    --vs-theme-bg2: #141417;
		    --vs-theme-code: #141417;
		    --vs-theme-code2: #161619
		}
		
		.switch-dark {
		    position: relative;
		    width: auto!important
		}
		
		.switch-dark:hover .switch-con {
		    background: var(--vs-theme-bg2)
		}
		
		.switch-dark:hover .circle i {
		    opacity: 1
		}
		
		.switch-dark:active .circle {
		    width: 28px;
		    border-radius: 15px
		}
		
		.switch-dark:active .circle i {
		    transform: translate(24px);
		    font-size: .85rem!important
		}
		
		.switch-dark.active .switch-con {
		    background: var(--vs-theme-bg2)!important
		}
		
		.switch-dark.active:active .circle {
		    width: 28px;
		    border-radius: 15px;
		    transform: translate(21px);
		    box-shadow: 0 5px 15px 0 #000
		}
		
		.switch-dark.active:active .circle i {
		    transform: translate(-24px)
		}
		
		.switch-dark.active .circle {
		    transform: translate(27px)
		}
		
		.switch-dark.active .circle i {
		    transform: translate(-27px)
		}
		
		.switch-dark .switch-con {
		    width: 60px;
		    height: 32px;
		    background: var(--vs-theme-bg);
		    border-radius: 20px;
		    box-shadow: inset 0 0 4px 0 rgba(0,0,0,.05)
		}
		
		.switch-dark .circle {
		    width: 23px;
		    height: 23px;
		    background: var(--vs-theme-layout);
		    position: relative;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    border-radius: 50%;
		    margin: 5px;
		    box-shadow: 0 5px 15px 0 rgba(0,0,0,.15);
		    transition: transform .25s ease,width .25s ease!important;
		    transform: translate(0)
		}
		
		.switch-dark .circle i {
		    transform: translate(27px);
		    transition: transform .25s ease,font-size .25s ease,opacity .25s ease!important;
		    font-size: 1rem!important;
		    z-index: -1
		}
		
		.darken .theme-translate .lang li a {
		    box-shadow: 0 8px 25px 0 rgba(0,0,0,.6)
		}
		
		.theme-translate {
		    position: relative;
		    z-index: 100
		}
		
		.theme-translate:hover .lang {
		    opacity: 1;
		    visibility: visible;
		    transform: translateY(-54px)
		}
		
		.theme-translate svg {
		    width: 18px;
		    fill: var(--vs-theme-color)
		}
		
		.theme-translate .lang {
		    transition: all .25s ease;
		    position: absolute;
		    top: 0;
		    left: 0;
		    transform: translateY(-90%);
		    padding: 0;
		    opacity: 0;
		    visibility: hidden
		}
		
		.theme-translate .lang li {
		    text-align: center;
		    font-weight: 700;
		    padding: 0!important;
		    display: block
		}
		
		.theme-translate .lang li a {
		    padding: 7px 15px;
		    font-weight: 700;
		    background: var(--vs-theme-layout);
		    border-radius: 20px;
		    transition: all .25s ease;
		    margin-bottom: 10px;
		    font-size: .75rem;
		    display: block;
		    box-shadow: 0 8px 20px 0 rgba(0,0,0,.08)
		}
		
		.theme-translate .lang li a:hover {
		    box-shadow: 0 0 0 0 rgba(0,0,0,.08)!important;
		    transform: translateY(3px)
		}
		
		.theme-color-layout {
		    position: relative
		}
		
		.theme-color-layout input {
		    position: absolute;
		    top: 0;
		    left: 0;
		    width: 100%;
		    height: 100%;
		    opacity: 0
		}
		
		.theme-color-primary {
		    position: relative
		}
		
		.theme-color-primary input {
		    position: absolute;
		    top: 0;
		    left: 0;
		    width: 100%;
		    height: 100%;
		    opacity: 0
		}
		
		.theme-color-primary i.bx {
		    color: rgba(var(--vs-primary),1)
		}
		
		.config {
		    position: fixed;
		    bottom: 0;
		    left: 260px;
		    z-index: 12000;
		    border: 0;
		    border-radius: 0 20px 0 0;
		    outline: none
		}
		
		.config,.config button {
		    transition: all .25s ease;
		    display: flex;
		    align-items: center;
		    justify-content: center
		}
		
		.config button {
		    width: 32px;
		    height: 45px;
		    border-radius: 0;
		    border: 0;
		    background: var(--vs-theme-layout)
		}
		
		.config button.config-btn {
		    width: 40px
		}
		
		.config button:last-child {
		    border-radius: 0 20px 0 0
		}
		
		.config button li {
		    list-style: none
		}
		
		.config .config-btn:focus>i.bx,.config .config-btn:hover>i.bx {
		    transform: rotate(60deg)
		}
		
		.config .config-btn:focus ul.options,.config .config-btn:hover ul.options {
		    opacity: 1;
		    visibility: visible;
		    transform: translateY(calc(-100% - 25px))
		}
		
		.config .effect1config {
		    width: 40px;
		    height: 40px;
		    top: -36px;
		    left: -3px;
		    position: absolute;
		    transform: rotate(179deg);
		    fill: var(--vs-theme-layout);
		    stroke: var(--vs-theme-layout)
		}
		
		.config .effect1config.invert {
		    transform: rotate(-90deg);
		    bottom: -36px;
		    top: auto
		}
		
		.config i.bx {
		    font-size: 1.2rem;
		    transition: all .25s ease;
		    color: var(--vs-theme-color)
		}
		
		.config i.bx.bxs-moon {
		    color: rgba(0,0,0,.5)
		}
		
		.config ul.options {
		    position: absolute;
		    top: 0;
		    left: 0;
		    transform: translate(-15px,calc(-100% - 25px));
		    background: var(--vs-theme-layout);
		    list-style: none;
		    padding-left: 0;
		    margin: 0;
		    border-radius: 0 20px 20px 0;
		    opacity: 0;
		    visibility: hidden;
		    transition: all .25s ease;
		    box-shadow: 20px 0 40px 0 rgba(0,0,0,.03)
		}
		
		.config ul.options li {
		    padding: 8px;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    border-radius: 12px 12px 12px 12px;
		    margin: 4px;
		    border: 2px solid transparent;
		    position: relative
		}
		
		.config ul.options li.active {
		    background: rgba(0,0,0,.05);
		    border: 2px solid var(--vs-theme-bg2)
		}
		
		.config ul.options li .visible-sidebar-hidden {
		    display: none
		}
		
		@media (max-width: 1000px) {
		    .config {
		        left:0
		    }
		}
		
		@media (max-width: 600px) {
		    .config {
		        left:0;
		        bottom: 0;
		        z-index: 2000
		    }
		
		    .config .config-btn .effect1config {
		        display: none
		    }
		
		    .config .config-btn ul.options {
		        transform: translate(-100%,calc(-100% - 45px))
		    }
		
		    .config .config-btn ul.options li {
		        padding: 6px
		    }
		
		    .config .config-btn:hover ul.options {
		        transform: translateY(calc(-100% - 45px))
		    }
		
		    .config .config-btn>.effect1config {
		        left: 37px
		    }
		}
		
		.pass {
		    padding-top: 60px
		}
		
		.pass~.config {
		    left: 0
		}
		
		.pass .title-pass {
		    text-align: center;
		    padding: 40px!important;
		    background: var(--vs-theme-bg2);
		    margin-bottom: 30px;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    flex-direction: column
		}
		
		.pass .title-pass footer {
		    display: flex;
		    align-items: center;
		    justify-content: space-between;
		    max-width: 350px;
		    width: 100%
		}
		
		.pass .title-pass footer button {
		    border: 0;
		    background: var(--vs-theme-color);
		    color: var(--vs-theme-layout);
		    border-radius: 15px;
		    padding: 10px 20px 10px 0;
		    transition: all .25s ease
		}
		
		.pass .title-pass footer button:hover {
		    box-shadow: 0 5px 15px -5px var(--vs-theme-color);
		    transform: translateY(-4px)
		}
		
		.pass .title-pass footer button span {
		    background: rgba(0,0,0,.2);
		    border-radius: 15px 0 0 15px;
		    margin-right: 10px;
		    padding: 10px 10px 10px 12px
		}
		
		.pass .title-pass footer .reloj {
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    font-size: .8rem
		}
		
		.pass .title-pass footer .reloj span {
		    display: flex;
		    align-items: flex-start;
		    justify-content: center;
		    flex-direction: column;
		    text-align: left
		}
		
		.pass .title-pass footer .reloj i {
		    font-size: 1.5rem;
		    margin-right: 10px
		}
		
		.pass .title-pass h2 {
		    border: 0;
		    margin-top: 0
		}
		
		.pass header {
		    background: var(--vs-theme-bg);
		    padding: 40px 100px
		}
		
		.pass header h1 {
		    font-size: 1.7rem
		}
		
		.pass header p {
		    font-size: .85rem
		}
		
		.pass .content-pass {
		    display: flex;
		    align-items: flex-start;
		    justify-content: space-between;
		    padding: 0 20px;
		    max-width: 1200px;
		    margin: auto;
		    min-height: 100vh;
		    position: relative
		}
		
		.pass .content-pass .row {
		    width: calc(50% - 20px)
		}
		
		.pass .content-pass .row h2 {
		    text-align: center;
		    border-bottom: 2px solid var(--vs-theme-bg2);
		    font-size: 1.2rem;
		    font-weight: 600;
		    padding: 20px;
		    display: flex;
		    align-items: center;
		    justify-content: center
		}
		
		.pass .content-pass .row h2 .badge {
		    width: 22px;
		    height: 22px;
		    border-radius: 8px;
		    background: var(--vs-theme-color);
		    color: var(--vs-theme-layout);
		    font-size: .8rem;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    margin-left: 5px;
		    transform: translateY(-8px)
		}
		
		.darken .con-faq ul li:hover {
		    box-shadow: 0 5px 30px 0 rgba(0,0,0,.5)
		}
		
		.con-faq {
		    position: relative;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    min-height: 100vh;
		    flex-direction: column;
		    padding-top: 70px
		}
		
		.con-faq h2 {
		    text-align: center;
		    width: 100%;
		    border: 0
		}
		
		.con-faq ul {
		    width: 100%;
		    display: flex;
		    align-items: flex-start;
		    justify-content: flex-start;
		    max-width: 1000px;
		    flex-wrap: wrap;
		    padding: 0
		}
		
		.con-faq ul li {
		    width: calc(50% - 40px);
		    margin: 10px 20px;
		    list-style: none;
		    overflow: hidden;
		    box-shadow: 0 0 0 0 rgba(0,0,0,.07);
		    transition: all .25s ease;
		    border-radius: 20px;
		    padding: 10px 20px 20px;
		    position: relative
		}
		
		.con-faq ul li:after {
		    content: ""
		}
		
		.con-faq ul li:hover {
		    background: var(--vs-theme-layout);
		    box-shadow: 0 5px 30px 0 rgba(0,0,0,.1);
		    transform: translateY(-5px)
		}
		
		.con-faq ul li h4 {
		    font-size: 1rem;
		    margin-bottom: 0
		}
		
		.con-faq ul li p {
		    font-size: .8rem;
		    opacity: .7
		}
		
		.con-faq ul li p a {
		    text-decoration: underline!important;
		    font-weight: 700
		}
		
		.table-plans {
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    min-height: auto;
		    flex-direction: column;
		    margin: 100px 20px
		}
		
		.table-plans h2 {
		    border: 0;
		    text-align: left;
		    width: 100%;
		    max-width: 1000px;
		    padding: 0 30px
		}
		
		.table-plans .con-tabla {
		    width: 100%;
		    max-width: 1000px;
		    background: var(--vs-theme-bg);
		    padding: 20px;
		    border-radius: 30px
		}
		
		.table-plans table {
		    width: 100%;
		    position: relative;
		    display: table;
		    border: 0
		}
		
		.table-plans table tbody tr:hover {
		    background: var(--vs-theme-bg2)
		}
		
		.table-plans table tr {
		    border: 0;
		    transition: all .25s ease;
		    border-radius: 20px
		}
		
		.table-plans table tr td {
		    border: 0;
		    text-align: center;
		    padding: 12px 10px;
		    font-size: .8rem
		}
		
		.table-plans table tr td:last-child span {
		    color: rgba(var(--vs-primary),1);
		    text-decoration: underline;
		    cursor: pointer
		}
		
		.table-plans table tr td:last-child span:hover {
		    opacity: .6
		}
		
		.table-plans table tr td:first-child {
		    font-size: .9rem;
		    text-align: left
		}
		
		.table-plans table tr td i {
		    font-size: 1.3rem;
		    color: rgba(var(--vs-primary),1)
		}
		
		.table-plans table tr td.none i {
		    color: var(--vs-theme-color);
		    opacity: .2
		}
		
		.table-plans table tr th {
		    border: 0;
		    padding: 10px 10px 30px
		}
		
		.table-plans table tr th:first-child {
		    text-align: left
		}
		
		.con-license {
		    width: 100%
		}
		
		.con-license>>>.config {
		    left: 0
		}
		
		.con-license header {
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    min-height: 50vh;
		    padding-top: 100px
		}
		
		.con-license header .con-img-header {
		    width: 50%;
		    padding: 50px;
		    max-width: 600px
		}
		
		.con-license header .con-img-header img {
		    width: 100%
		}
		
		.con-license header .con-text-header {
		    max-width: 500px;
		    width: 50%;
		    padding: 20px
		}
		
		.con-license header .con-text-header footer {
		    margin-top: 30px;
		    display: block;
		    position: relative
		}
		
		.con-license header .con-text-header footer button {
		    padding: 10px 20px;
		    border: 0;
		    min-width: 110px;
		    border-radius: 15px;
		    margin: 0 3px
		}
		
		.con-license header .con-text-header footer button.see {
		    background: rgba(var(--vs-primary),1);
		    color: #fff;
		    transition: all .25s ease;
		    box-shadow: 0 0 0 0 rgba(var(--vs-primary),.3);
		    transform: translate(0)
		}
		
		.con-license header .con-text-header footer button.see:hover {
		    transform: translateY(-4px);
		    box-shadow: 0 8px 20px 0 rgba(var(--vs-primary),.3)
		}
		
		.con-license header .con-text-header footer button.faq {
		    background: rgba(var(--vs-primary),.1);
		    color: rgba(var(--vs-primary),1);
		    font-weight: 700;
		    box-sizing: border-box;
		    transition: all .25s ease;
		    box-shadow: 0 0 0 0 rgba(var(--vs-primary),.2);
		    transform: translate(0)
		}
		
		.con-license header .con-text-header footer button.faq:hover {
		    transform: translateY(-4px);
		    box-shadow: 0 8px 15px 0 rgba(var(--vs-primary),.2)
		}
		
		.con-license header .con-text-header h1 {
		    font-weight: 400
		}
		
		.con-license header .con-text-header p {
		    opacity: .6
		}
		
		.darken .con-plans .card:hover {
		    box-shadow: 0 15px 40px 0 rgba(0,0,0,.7)!important
		}
		
		.con-plans {
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    flex-direction: column;
		    margin: 0 0 40px;
		    padding-top: 60px
		}
		
		.con-plans h2 {
		    border: 0;
		    padding: 20px;
		    font-weight: 400
		}
		
		.con-plans .con-cards {
		    display: flex;
		    align-items: flex-start;
		    justify-content: center
		}
		
		.con-plans .con-cards .card {
		    width: 30%;
		    background: var(--vs-theme-bg);
		    max-width: 350px;
		    margin: 20px;
		    border-radius: 25px;
		    cursor: default;
		    min-height: 350px;
		    position: relative;
		    transition: all .25s ease;
		    box-shadow: 0 0 0 0 rgba(0,0,0,.1)
		}
		
		.con-plans .con-cards .card:hover {
		    background: var(--vs-theme-layout);
		    box-shadow: 0 15px 40px 0 rgba(0,0,0,.08);
		    transform: translateY(-8px)
		}
		
		.con-plans .con-cards .card:hover button {
		    color: #fff;
		    background: rgba(var(--vs-primary),1);
		    box-shadow: 0 10px 30px 0 rgba(var(--vs-primary),.3)
		}
		
		.con-plans .con-cards .card a {
		    text-decoration: underline;
		    font-weight: 700
		}
		
		.con-plans .con-cards .card h3 {
		    padding: 10px 20px 20px;
		    text-align: center;
		    font-size: 1.2rem;
		    border-bottom: 1px solid var(--vs-theme-bg2)
		}
		
		.con-plans .con-cards .card p {
		    font-size: .8rem;
		    padding: 5px 25px 25px;
		    margin-bottom: 50px;
		    text-align: center
		}
		
		.con-plans .con-cards .card button {
		    width: 100%;
		    border: 0;
		    padding: 12px;
		    transition: all .25s ease;
		    background: var(--vs-theme-bg2);
		    color: var(--vs-theme-color);
		    position: absolute;
		    bottom: 0;
		    font-weight: 700;
		    left: 50%;
		    transform: translate(-50%);
		    border-radius: 0 0 25px 25px
		}
		
		.con-plans .con-cards .card button:hover {
		    color: #fff;
		    background: rgba(var(--vs-primary),1)
		}
		
		@media (max-width: 800px) {
		    .con-license header .con-text-header h1 {
		        font-size:1.6rem
		    }
		
		    .con-license header .con-text-header footer {
		        margin-top: 15px
		    }
		
		    .con-license header .con-img-header {
		        padding: 20px
		    }
		
		    .con-plans {
		        flex-wrap: wrap
		    }
		
		    .con-plans .con-cards {
		        width: 100%;
		        flex-wrap: wrap
		    }
		
		    .con-plans .con-cards .card {
		        width: calc(50% - 40px);
		        margin: 20px
		    }
		
		    .table-plans table tr td {
		        font-size: .75rem!important;
		        padding-left: 0;
		        padding-right: 0
		    }
		
		    .table-plans table tr th {
		        padding-left: 0;
		        padding-right: 0;
		        font-size: .75rem
		    }
		}
		
		@media (max-width: 700px) {
		    .con-plans .con-cards .card {
		        width:100%;
		        max-width: none;
		        min-height: auto
		    }
		}
		
		@media (max-width: 600px) {
		    .con-license header .con-img-header {
		        position:absolute;
		        z-index: 100;
		        width: 100%;
		        opacity: .35
		    }
		
		    .con-license header .con-text-header {
		        z-index: 200
		    }
		
		    .con-faq ul li {
		        width: 100%
		    }
		}
		
		@media (max-width: 560px) {
		    .table-plans {
		        margin:100px 8px
		    }
		
		    .table-plans .con-tabla {
		        padding: 10px
		    }
		
		    .table-plans table tr td {
		        font-size: .75rem!important;
		        padding-left: 0;
		        padding-right: 0
		    }
		
		    .table-plans table tr th {
		        padding-left: 0;
		        padding-right: 0;
		        font-size: .75rem
		    }
		}
		
		.header-notification {
		    width: 100%;
		    position: fixed;
		    height: 40px;
		    background: var(--vs-theme-bg2);
		    z-index: 10000;
		    display: flex;
		    align-items: center;
		    justify-content: space-between;
		    top: 0;
		    cursor: pointer;
		    overflow: hidden;
		    transition: all .3s ease
		}
		
		.header-notification:hover .con-text-n .icon-n {
		    width: 60px
		}
		
		.header-notification .con-text-n {
		    display: flex;
		    align-items: center;
		    justify-content: flex-start;
		    width: calc(100% - 200px)
		}
		
		.header-notification .con-text-n .icon-n {
		    width: 40px;
		    height: 40px;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    color: var(--vs-theme-color);
		    background: rgba(0,0,0,.05);
		    margin-right: 20px;
		    transition: all .25s ease
		}
		
		.header-notification .con-text-n .text-n h3 {
		    margin: 0;
		    padding: 0;
		    font-size: .7rem;
		    color: var(--vs-theme-color);
		    font-weight: 400
		}
		
		.header-notification .con-text-n .text-n h3 b {
		    text-decoration: underline;
		    font-weight: 600
		}
		
		.header-notification .con-text-n .text-n p {
		    margin: 0;
		    padding: 0;
		    font-size: .55rem;
		    color: var(--vs-theme-color)
		}
		
		.header-notification .con-btn-n {
		    display: flex;
		    align-items: center;
		    justify-content: flex-end
		}
		
		.header-notification .con-btn-n button {
		    padding: 5px 10px;
		    height: 30px;
		    border-radius: 20px;
		    border: 0;
		    background: transparent;
		    color: var(--vs-theme-color);
		    font-size: .65rem;
		    background: rgba(0,0,0,.05);
		    transition: all .25s ease;
		    margin-right: 10px
		}
		
		.header-notification .con-btn-n button.btn-x {
		    margin-right: 20px;
		    font-size: 1rem;
		    padding: 0;
		    width: 30px;
		    height: 30px
		}
		
		.header-notification .con-btn-n button:hover {
		    background: rgba(0,0,0,.3)
		}
		
		.header-notification~.navbar:not(.fixed) {
		    top: 40px!important
		}
		
		.header-notification~.navbar:not(.fixed)~.page {
		    margin-top: 97px
		}
		
		.header-notification~.navbar:not(.fixed)~.sidebar {
		    top: 97px
		}
		
		@media (max-width: 500px) {
		    .header-notification~.navbar.fixed~.carbon-ads {
		        margin-top:6px
		    }
		
		    .header-notification~.carbon-ads {
		        margin-top: 42px
		    }
		
		    .header-notification .con-text-n {
		        width: calc(100% - 30px)
		    }
		
		    .header-notification .con-btn-n .btn-info {
		        display: none
		    }
		
		    .header-notification .con-btn-n button.btn-x {
		        margin-right: 10px
		    }
		}
		
		@media (max-width: 400px) {
		    .header-notification .con-text-n .icon-n {
		        margin-right:6px;
		        width: 30px
		    }
		}
		
		@media (max-width: 300px) {
		    .header-notification .con-text-n {
		        padding-left:8px
		    }
		
		    .header-notification .con-text-n .icon-n {
		        display: none
		    }
		}
		
		.codefund {
		    position: fixed;
		    right: 0;
		    bottom: 0;
		    width: 145px;
		    background: var(--vs-theme-layout);
		    z-index: 90000;
		    border-radius: 25px 0 0 0;
		    transition: all .25s ease
		}
		
		.codefund:empty {
		    background: transparent;
		    pointer-events: none
		}
		
		.codefund:hover {
		    transform: translate(-10px,-10px);
		    border-radius: 20px
		}
		
		.codefund.hidden {
		    visibility: hidden;
		    opacity: 0
		}
		
		.codefund img {
		    border-radius: 20px;
		    margin: 8px 8px 5px
		}
		
		.codefund .cf-text {
		    width: calc(100% - 10px);
		    display: inline-block;
		    margin: 0 5px
		}
		
		.codefund .cf-text span,.codefund .cf-text strong {
		    position: relative;
		    display: inline-block
		}
		
		.codefund .cf-wrapper {
		    font-size: .7rem;
		    line-height: 1.3
		}
		
		.codefund .cf-powered-by {
		    font-size: .6rem
		}
		
		.codefund a {
		    display: block;
		    width: 100%;
		    text-align: center!important
		}
		
		.codefund a:last-child {
		    margin-top: 2px;
		    padding-bottom: 8px
		}
		
		.codefund a .cf-impression {
		    position: absolute
		}
		
		@media (max-width: 600px) {
		    .codefund {
		        width:100%;
		        padding: 0 30px;
		        min-height: 48px;
		        border-radius: 0;
		        bottom: auto;
		        position: absolute;
		        top: 62px;
		        z-index: 100;
		        background: transparent
		    }
		
		    .codefund:hover {
		        transform: translate(0)!important
		    }
		
		    .codefund img {
		        border-radius: 0 0 10px 10px!important
		    }
		
		    .codefund .cf-text {
		        text-align: left
		    }
		
		    .codefund .cf-text span {
		        font-size: .6rem
		    }
		
		    .codefund .cf-sponsored-by {
		        display: flex;
		        align-items: center;
		        justify-content: center
		    }
		
		    .codefund .cf-powered-by {
		        display: none
		    }
		
		    .codefund img {
		        height: 46px;
		        width: auto;
		        border-radius: 7px;
		        margin: 0 10px 0 0
		    }
		}
		
		.con-vuesax-ads {
		    position: fixed;
		    bottom: 0;
		    right: 0;
		    width: 145px;
		    height: auto;
		    background: var(--vs-theme-layout);
		    border-radius: 30px 0 0 0;
		    z-index: 100000;
		    padding: 8px;
		    transition: all .25s ease
		}
		
		.con-vuesax-ads:hover {
		    transform: translate(-10px,-10px);
		    border-radius: 20px
		}
		
		.con-vuesax-ads img {
		    width: 100%;
		    border-radius: 15px
		}
		
		.con-vuesax-ads p {
		    font-size: .7rem;
		    padding: 0;
		    margin: 0;
		    line-height: 1.5;
		    text-align: center;
		    font-weight: 500
		}
		
		@media (max-width: 600px) {
		    .con-vuesax-ads {
		        width:100%;
		        border-radius: 0;
		        height: 48px;
		        padding: 0
		    }
		
		    .con-vuesax-ads a {
		        display: flex;
		        align-items: center;
		        justify-content: center
		    }
		
		    .con-vuesax-ads img {
		        max-width: 47px;
		        margin-right: 20px
		    }
		}
		
		.darken .con-branding .con-images.black .img[data-v-010d20ef] {
		    background: #16181a!important;
		    border: 2px solid #16181a!important
		}
		
		.con-branding[data-v-010d20ef]~.config {
		    left: 0
		}
		
		.con-branding .con-images[data-v-010d20ef] {
		    display: flex;
		    align-items: flex-start;
		    justify-content: space-between;
		    margin: 60px 0
		}
		
		.con-branding .con-images.black .img[data-v-010d20ef] {
		    background: #000!important;
		    border: 2px solid #000!important
		}
		
		.con-branding .con-images .con-img[data-v-010d20ef] {
		    width: 30%;
		    margin-right: 20px
		}
		
		.con-branding .con-images .con-img.normal[data-v-010d20ef] {
		    width: 70%;
		    margin-right: 0
		}
		
		.con-branding .con-images .con-img.normal .img[data-v-010d20ef] {
		    border-radius: 25px 0 25px 0;
		    padding: 20px 60px
		}
		
		.con-branding .con-images .con-img footer[data-v-010d20ef] {
		    display: flex;
		    align-items: center;
		    justify-content: flex-end;
		    padding: 10px 0
		}
		
		.con-branding .con-images .con-img footer a[data-v-010d20ef] {
		    background: transparent;
		    border: 2px solid var(--vs-theme-bg2);
		    padding: 6px 15px;
		    margin-left: 8px;
		    border-radius: 10px;
		    font-weight: 700;
		    font-size: .75rem;
		    transition: all .25s ease;
		    display: flex;
		    align-items: center;
		    justify-content: center
		}
		
		.con-branding .con-images .con-img footer a i[data-v-010d20ef] {
		    margin-right: 7px
		}
		
		.con-branding .con-images .con-img footer a[data-v-010d20ef]:hover {
		    background: var(--vs-theme-bg2)
		}
		
		.con-branding .con-images .con-img .img[data-v-010d20ef] {
		    padding: 30px;
		    background: #f7f9f9;
		    border: 2px solid #e9eeee;
		    border-radius: 0 25px 0 25px;
		    background-size: 20px 20px;
		    background-position: 0 0,30px 30px;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    min-height: 224px
		}
		
		.con-branding .con-images .con-img .img img[data-v-010d20ef] {
		    width: 100%;
		    max-height: 160px
		}
		
		.con-branding .con-images .con-img h2[data-v-010d20ef] {
		    padding: 10px 0;
		    font-size: 1rem
		}
		
		.con-branding h2[data-v-010d20ef] {
		    border: 0;
		    margin: 0;
		    padding: 0
		}
		
		.con-branding .b-text[data-v-010d20ef] {
		    text-align: left;
		    margin-top: 0;
		    padding-top: 80px
		}
		
		.con-branding .b-text p[data-v-010d20ef] {
		    margin: 0
		}
		
		.con-branding .content-b[data-v-010d20ef] {
		    width: 100%;
		    max-width: 1000px;
		    margin: auto;
		    padding: 0 20px 20px
		}
		
		.con-branding .content-b header[data-v-010d20ef] {
		    width: 100%;
		    margin: auto;
		    max-width: 800px;
		    position: relative
		}
		
		.con-branding .content-b header[data-v-010d20ef]:after {
		    content: "";
		    position: absolute;
		    top: 0;
		    left: 0;
		    width: 100%;
		    height: 80px;
		    background-image: linear-gradient(180deg,var(--vs-theme-layout),transparent);
		    z-index: 200
		}
		
		.con-branding .content-b header img[data-v-010d20ef] {
		    width: 100%
		}
		
		@media (max-width: 800px) {
		    .con-branding .con-images .con-img .img[data-v-010d20ef] {
		        padding:10px
		    }
		
		    .con-branding .con-images .con-img h2[data-v-010d20ef] {
		        font-size: .8rem
		    }
		}
		
		@media (max-width: 600px) {
		    .con-branding .con-images[data-v-010d20ef] {
		        flex-direction:column;
		        align-items: center;
		        justify-content: center
		    }
		
		    .con-branding .con-images .con-img[data-v-010d20ef] {
		        margin: 0!important;
		        width: 100%!important
		    }
		
		    .con-branding .con-images .con-img .img[data-v-010d20ef] {
		        min-height: auto;
		        padding: 20px!important
		    }
		}
		
		.btn-menu {
		    margin-right: 15px
		}
		
		.con-example {
		    overflow-x: hidden
		}
		
		.con-example .contentx {
		    width: 100%;
		    height: 100vh;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    font-weight: 700;
		    flex-direction: column;
		    background: #f4f7f8
		}
		
		.con-example .contentx h2 {
		    font-size: 2rem
		}
		
		.con-example .contentx .con-colors {
		    padding: 20px
		}
		
		.con-example .contentx .con-colors,.con-example .contentx .con-opts {
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    flex-wrap: wrap
		}
		
		.con-example .contentx .con-opts {
		    background: #fff;
		    border-radius: 20px
		}
		
		.con-example .contentx .con-opts .vs-switch {
		    margin: 10px
		}
		
		.con-example img {
		    max-height: 25px
		}
		
		.fade-code-enter-active[data-v-b8c34384],.fade-code-leave-active[data-v-b8c34384] {
		    transition: opacity .5s
		}
		
		.fade-code-enter[data-v-b8c34384],.fade-code-leave-to[data-v-b8c34384] {
		    opacity: 0
		}
		
		.darken .con-codesandbox[data-v-b8c34384] {
		    background: rgba(0,0,0,.7)
		}
		
		.con-codesandbox[data-v-b8c34384] {
		    width: 100%;
		    height: 100%;
		    position: fixed;
		    z-index: 100001;
		    top: 0;
		    left: 0;
		    background: rgba(0,0,0,.4);
		    display: flex;
		    align-items: center;
		    justify-content: center
		}
		
		.con-codesandbox .con-iframe[data-v-b8c34384] {
		    max-width: 1200px;
		    width: 100%
		}
		
		code[class*=language-],pre[class*=language-] {
		    color: #ccc;
		    background: none;
		    font-family: Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;
		    font-size: 1em;
		    text-align: left;
		    white-space: pre;
		    word-spacing: normal;
		    word-break: normal;
		    word-wrap: normal;
		    line-height: 1.5;
		    -moz-tab-size: 4;
		    -o-tab-size: 4;
		    tab-size: 4;
		    -webkit-hyphens: none;
		    -ms-hyphens: none;
		    hyphens: none
		}
		
		pre[class*=language-] {
		    padding: 1em;
		    margin: .5em 0;
		    overflow: auto
		}
		
		:not(pre)>code[class*=language-],pre[class*=language-] {
		    background: #2d2d2d
		}
		
		:not(pre)>code[class*=language-] {
		    padding: .1em;
		    border-radius: .3em;
		    white-space: normal
		}
		
		.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog {
		    color: #999
		}
		
		.token.punctuation {
		    color: #ccc
		}
		
		.token.attr-name,.token.deleted,.token.namespace,.token.tag {
		    color: #e2777a
		}
		
		.token.function-name {
		    color: #6196cc
		}
		
		.token.boolean,.token.function,.token.number {
		    color: #f08d49
		}
		
		.token.class-name,.token.constant,.token.property,.token.symbol {
		    color: #f8c555
		}
		
		.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector {
		    color: #cc99cd
		}
		
		.token.attr-value,.token.char,.token.regex,.token.string,.token.variable {
		    color: #7ec699
		}
		
		.token.entity,.token.operator,.token.url {
		    color: #67cdcc
		}
		
		.token.bold,.token.important {
		    font-weight: 700
		}
		
		.token.italic {
		    font-style: italic
		}
		
		.token.entity {
		    cursor: help
		}
		
		.token.inserted {
		    color: green
		}
		
		code {
		    color: #476582;
		    padding: .25rem .5rem;
		    margin: 0;
		    font-size: .85em!important;
		    background-color: var(--vs-theme-bg2);
		    border-radius: 3px;
		    color: var(--vs-theme-color);
		    box-shadow: inset 0 0 20px 0 rgba(0,0,0,.04)
		}
		
		code .token.deleted {
		    color: #ec5975
		}
		
		code .token.inserted {
		    color: #2564ff
		}
		
		pre,pre[class*=language-] {
		    line-height: 1.4;
		    padding: 1.25rem 1.5rem;
		    margin: 0;
		    background-color: var(--vs-theme-code);
		    border-radius: 6px;
		    overflow: auto
		}
		
		pre[class*=language-] code,pre code {
		    color: #fff;
		    padding: 0;
		    background-color: transparent;
		    border-radius: 0
		}
		
		div[class*=language-] {
		    position: relative;
		    background-color: var(--vs-theme-code);
		    border-radius: 6px
		}
		
		div[class*=language-] .tag {
		    line-height: 1.6
		}
		
		div[class*=language-] .highlight-lines {
		    -webkit-user-select: none;
		    -moz-user-select: none;
		    -ms-user-select: none;
		    user-select: none;
		    padding-top: 1.2rem;
		    position: absolute;
		    top: 0;
		    left: 0;
		    width: 100%;
		    line-height: 1.4
		}
		
		div[class*=language-] .highlight-lines .highlighted {
		    background-color: hsla(0,0%,100%,.05);
		    border-left: 6px solid hsla(0,0%,100%,.2)
		}
		
		div[class*=language-] pre,div[class*=language-] pre[class*=language-] {
		    background: transparent;
		    position: relative;
		    z-index: 1
		}
		
		div[class*=language-]:before {
		    position: absolute;
		    z-index: 3;
		    top: .8em;
		    right: 1em;
		    font-size: .75rem;
		    color: hsla(0,0%,100%,.4)
		}
		
		div[class*=language-]:not(.line-numbers-mode) .line-numbers-wrapper {
		    display: none
		}
		
		div[class*=language-].line-numbers-mode .highlight-lines .highlighted {
		    position: relative
		}
		
		div[class*=language-].line-numbers-mode .highlight-lines .highlighted:before {
		    content: " ";
		    position: absolute;
		    z-index: 3;
		    left: 0;
		    top: 0;
		    display: block;
		    width: 3.5rem;
		    height: 100%;
		    background-color: rgba(0,0,0,.66)
		}
		
		div[class*=language-].line-numbers-mode pre {
		    padding-left: 4.5rem;
		    vertical-align: middle
		}
		
		div[class*=language-].line-numbers-mode .line-numbers-wrapper {
		    position: absolute;
		    top: 0;
		    width: 3.5rem;
		    text-align: center;
		    color: hsla(0,0%,100%,.3);
		    padding: 1.25rem 0;
		    line-height: 1.4
		}
		
		div[class*=language-].line-numbers-mode .line-numbers-wrapper .line-number,div[class*=language-].line-numbers-mode .line-numbers-wrapper br {
		    -webkit-user-select: none;
		    -moz-user-select: none;
		    -ms-user-select: none;
		    user-select: none
		}
		
		div[class*=language-].line-numbers-mode .line-numbers-wrapper .line-number {
		    position: relative;
		    z-index: 4;
		    font-size: .85em
		}
		
		div[class*=language-].line-numbers-mode:after {
		    content: "";
		    position: absolute;
		    z-index: 2;
		    top: 0;
		    left: 0;
		    width: 3.5rem;
		    height: 100%;
		    border-radius: 6px 0 0 6px;
		    border-right: 1px solid rgba(0,0,0,.66);
		    background-color: #3f3d56
		}
		
		div[class~=language-js]:before {
		    content: "js"
		}
		
		div[class~=language-ts]:before {
		    content: "ts"
		}
		
		div[class~=language-html]:before {
		    content: "html"
		}
		
		div[class~=language-md]:before {
		    content: "md"
		}
		
		div[class~=language-vue]:before {
		    content: "vue"
		}
		
		div[class~=language-css]:before {
		    content: "css"
		}
		
		div[class~=language-sass]:before {
		    content: "sass"
		}
		
		div[class~=language-scss]:before {
		    content: "scss"
		}
		
		div[class~=language-less]:before {
		    content: "less"
		}
		
		div[class~=language-stylus]:before {
		    content: "stylus"
		}
		
		div[class~=language-go]:before {
		    content: "go"
		}
		
		div[class~=language-java]:before {
		    content: "java"
		}
		
		div[class~=language-c]:before {
		    content: "c"
		}
		
		div[class~=language-sh]:before {
		    content: "sh"
		}
		
		div[class~=language-yaml]:before {
		    content: "yaml"
		}
		
		div[class~=language-py]:before {
		    content: "py"
		}
		
		div[class~=language-docker]:before {
		    content: "docker"
		}
		
		div[class~=language-dockerfile]:before {
		    content: "dockerfile"
		}
		
		div[class~=language-makefile]:before {
		    content: "makefile"
		}
		
		div[class~=language-javascript]:before {
		    content: "js"
		}
		
		div[class~=language-typescript]:before {
		    content: "ts"
		}
		
		div[class~=language-markup]:before {
		    content: "html"
		}
		
		div[class~=language-markdown]:before {
		    content: "md"
		}
		
		div[class~=language-json]:before {
		    content: "json"
		}
		
		div[class~=language-ruby]:before {
		    content: "rb"
		}
		
		div[class~=language-python]:before {
		    content: "py"
		}
		
		div[class~=language-bash]:before {
		    content: "sh"
		}
		
		div[class~=language-php]:before {
		    content: "php"
		}
		
		@media (max-width: 500px) {
		    div[class*=language-] pre,div[class*=language-] pre[class*=language-] {
		        padding-left:5px;
		        padding-right: 5px
		    }
		}
		
		.custom-block {
		    border-radius: 0 15px 15px 0!important
		}
		
		.custom-block code {
		    color: inherit
		}
		
		.custom-block a {
		    text-decoration: underline!important;
		    color: inherit!important
		}
		
		.custom-block .custom-block-title {
		    font-weight: 600;
		    margin-bottom: -.4rem
		}
		
		.custom-block.danger,.custom-block.tip,.custom-block.warning {
		    padding: .1rem 1rem;
		    border-left-width: .1rem;
		    border-left-style: solid;
		    margin: 1rem 0;
		    position: relative
		}
		
		.custom-block.danger p,.custom-block.tip p,.custom-block.warning p {
		    padding: 0!important;
		    margin: 1rem 0!important
		}
		
		.custom-block.danger li,.custom-block.danger p,.custom-block.tip li,.custom-block.tip p,.custom-block.warning li,.custom-block.warning p {
		    font-size: .8rem
		}
		
		.custom-block.tip {
		    background-color: rgba(70,201,58,.04);
		    border-color: #42b983;
		    color: #2e825c
		}
		
		.custom-block.warning {
		    background-color: rgba(255,186,0,.09);
		    border-color: #ffba00;
		    color: #cc9500
		}
		
		.custom-block.warning .custom-block-title {
		    color: #b38200
		}
		
		.custom-block.warning a {
		    color: #2c3e50
		}
		
		.custom-block.danger {
		    background-color: rgba(255,71,87,.05);
		    border-color: #ff4757;
		    color: #ff061b
		}
		
		.custom-block.danger .custom-block-title {
		    color: #e40014
		}
		
		.custom-block.danger a {
		    color: #2c3e50
		}
		
		.arrow {
		    display: inline-block;
		    width: 0;
		    height: 0
		}
		
		.arrow.up {
		    border-bottom: 6px solid #ccc
		}
		
		.arrow.down,.arrow.up {
		    border-left: 4px solid transparent;
		    border-right: 4px solid transparent
		}
		
		.arrow.down {
		    border-top: 6px solid #ccc
		}
		
		.arrow.right {
		    border-left: 6px solid #ccc
		}
		
		.arrow.left,.arrow.right {
		    border-top: 4px solid transparent;
		    border-bottom: 4px solid transparent
		}
		
		.arrow.left {
		    border-right: 6px solid #ccc
		}
		
		.content:not(.custom) {
		    max-width: 900px;
		    margin: 0 auto;
		    padding: 2rem 2.5rem
		}
		
		@media (max-width: 959px) {
		    .content:not(.custom) {
		        padding:2rem
		    }
		}
		
		@media (max-width: 419px) {
		    .content:not(.custom) {
		        padding:1.5rem
		    }
		}
		
		.table-of-contents .badge {
		    vertical-align: middle
		}
		
		@font-face {
		    font-family: Poppins;
		    src: url(./Poppins/Poppins-Regular.ttf);
		    font-weight: 400;
		    font-style: normal
		}
		
		.fade-enter-active,.fade-leave-active {
		    transition: opacity .5s ease
		}
		
		.fade-enter,.fade-leave-to {
		    opacity: 0
		}
		
		:root {
		    --vs-primary: 26,92,255;
		    --vs-theme-bg: #f4f7f8;
		    --vs-theme-color: #2c3e50;
		    --vs-theme-layout: #fff;
		    --vs-theme-bg2: #eef2f5;
		    --vs-theme-code: #3f3d56;
		    --vs-theme-code2: #363449
		}
		
		::-webkit-scrollbar {
		    width: 5px;
		    height: 5px;
		    display: block;
		    background: var(--vs-theme-layout)
		}
		
		::-webkit-scrollbar-thumb {
		    background: var(--vs-theme-color);
		    border-radius: 5px
		}
		
		::-moz-selection {
		    background: rgba(37,100,255,.15)
		}
		
		::selection {
		    background: rgba(37,100,255,.15)
		}
		
		.all-transition * {
		    transition: all 0s!important
		}
		
		.has-darken {
		    display: none
		}
		
		.darken .data {
		    background: rgba(0,0,0,.3)!important
		}
		
		.darken .has-darken {
		    display: block
		}
		
		.darken .not-darken {
		    display: none
		}
		
		.center {
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    padding: 20px;
		    flex-wrap: wrap
		}
		
		.vs-clipboard {
		    opacity: 0;
		    position: fixed;
		    bottom: 0;
		    right: 0;
		    pointer-events: none
		}
		
		box-icon,box-icon g {
		    fill: var(--vs-theme-color)
		}
		
		.hidden-sidebar .config {
		    left: 0!important
		}
		
		.hidden-sidebar .config .hidden-sidebar-hidden {
		    display: none
		}
		
		.hidden-sidebar .config .visible-sidebar-hidden {
		    display: block
		}
		
		.hidden-sidebar .sidebar {
		    transform: translate(-100%)!important
		}
		
		.hidden-sidebar .docs-home,.hidden-sidebar .page {
		    margin-left: 0!important;
		    width: 100%
		}
		
		.hidden-sidebar .docs-home .sidebar,.hidden-sidebar .page .sidebar {
		    transform: translate(0)!important
		}
		
		body,html {
		    padding: 0;
		    margin: 0;
		    background-color: var(--vs-theme-layout);
		    color: var(--vs-theme-color)!important
		}
		
		body {
		    -webkit-font-smoothing: antialiased;
		    -moz-osx-font-smoothing: grayscale;
		    font-size: 16px
		}
		
		body,button,input {
		    font-family: Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif
		}
		
		* {
		    box-sizing: border-box;
		    outline: none;
		    -webkit-tap-highlight-color: transparent
		}
		
		.page {
		    margin-left: 260px;
		    padding-left: 0!important;
		    background-color: var(--vs-theme-bg)!important
		}
		
		.navbar {
		    position: fixed;
		    z-index: 20000;
		    top: 0;
		    right: 0;
		    left: auto;
		    height: auto;
		    background-color: var(--vs-theme-layout);
		    box-sizing: border-box;
		    border-bottom: 0!important;
		    width: 100%
		}
		
		.sidebar-mask {
		    position: fixed;
		    z-index: 10000;
		    top: 0;
		    left: 0;
		    width: 100vw;
		    height: 100vh;
		    display: none;
		    background: rgba(0,0,0,.3)
		}
		
		.sidebar {
		    font-size: 16px;
		    background: var(--vs-theme-layout);
		    width: 260px;
		    position: fixed;
		    z-index: 10;
		    margin: 0;
		    top: 57px;
		    left: 0;
		    bottom: 0;
		    box-sizing: border-box;
		    border-right: 0;
		    overflow-y: auto
		}
		
		.content:not(.custom)>:first-child {
		    margin-top: 3.6rem
		}
		
		.content:not(.custom) a:hover {
		    text-decoration: underline
		}
		
		.content:not(.custom) p.demo {
		    padding: 1rem 1.5rem;
		    border: 1px solid #ddd;
		    border-radius: 4px
		}
		
		.content:not(.custom) img {
		    max-width: 100%
		}
		
		.content.custom {
		    padding: 0;
		    margin: 0
		}
		
		.content.custom img {
		    max-width: 100%
		}
		
		a {
		    font-weight: 500;
		    color: var(--vs-theme-color)!important;
		    text-decoration: none
		}
		
		p a code {
		    font-weight: 400;
		    color: var(--vs-theme-color)
		}
		
		kbd {
		    background: #eee;
		    border: .15rem solid #ddd;
		    border-bottom: .25rem solid #ddd;
		    border-radius: .15rem;
		    padding: 0 .15em
		}
		
		blockquote {
		    font-size: .9rem;
		    color: #999;
		    border-left: .5rem solid #dfe2e5;
		    margin: .5rem 0;
		    padding: .25rem 0 .25rem 1rem
		}
		
		blockquote>p {
		    margin: 0
		}
		
		ol,ul {
		    padding-left: 1.2em
		}
		
		strong {
		    font-weight: 600
		}
		
		h1,h2,h3,h4,h5,h6 {
		    font-weight: 600;
		    line-height: 1.25
		}
		
		.content:not(.custom)>h1,.content:not(.custom)>h2,.content:not(.custom)>h3,.content:not(.custom)>h4,.content:not(.custom)>h5,.content:not(.custom)>h6 {
		    margin-top: -3.1rem;
		    padding-top: 4.6rem;
		    margin-bottom: 0
		}
		
		.content:not(.custom)>h1:first-child,.content:not(.custom)>h2:first-child,.content:not(.custom)>h3:first-child,.content:not(.custom)>h4:first-child,.content:not(.custom)>h5:first-child,.content:not(.custom)>h6:first-child {
		    margin-top: -1.5rem;
		    margin-bottom: 1rem
		}
		
		.content:not(.custom)>h1:first-child+.custom-block,.content:not(.custom)>h1:first-child+p,.content:not(.custom)>h1:first-child+pre,.content:not(.custom)>h2:first-child+.custom-block,.content:not(.custom)>h2:first-child+p,.content:not(.custom)>h2:first-child+pre,.content:not(.custom)>h3:first-child+.custom-block,.content:not(.custom)>h3:first-child+p,.content:not(.custom)>h3:first-child+pre,.content:not(.custom)>h4:first-child+.custom-block,.content:not(.custom)>h4:first-child+p,.content:not(.custom)>h4:first-child+pre,.content:not(.custom)>h5:first-child+.custom-block,.content:not(.custom)>h5:first-child+p,.content:not(.custom)>h5:first-child+pre,.content:not(.custom)>h6:first-child+.custom-block,.content:not(.custom)>h6:first-child+p,.content:not(.custom)>h6:first-child+pre {
		    margin-top: 2rem
		}
		
		h1:hover .header-anchor,h2:hover .header-anchor,h3:hover .header-anchor,h4:hover .header-anchor,h5:hover .header-anchor,h6:hover .header-anchor {
		    opacity: 1
		}
		
		h1 {
		    font-size: 2.2rem
		}
		
		h2 {
		    font-size: 1.5rem;
		    padding-bottom: .3rem;
		    border-bottom: 1px solid #eaecef;
		    font-weight: 600
		}
		
		h3 {
		    font-size: 1.35rem
		}
		
		a.header-anchor {
		    font-size: .85em;
		    float: left;
		    margin-left: -.87em;
		    padding-right: .23em;
		    margin-top: .125em;
		    opacity: 0
		}
		
		a.header-anchor:hover {
		    text-decoration: none
		}
		
		.line-number,code,kbd {
		    font-family: source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace
		}
		
		ol,p,ul {
		    line-height: 1.7
		}
		
		hr {
		    border: 0;
		    border-top: 1px solid #eaecef
		}
		
		table {
		    border-collapse: collapse;
		    margin: 1rem 0;
		    overflow-x: auto
		}
		
		tr {
		    border-top: 1px solid #dfe2e5
		}
		
		tr:nth-child(2n) {
		    background-color: transparent
		}
		
		td,th {
		    border: 1px solid #dfe2e5;
		    padding: .6em 1em
		}
		
		.theme-container.sidebar-open .sidebar-mask {
		    display: block
		}
		
		.theme-container.no-navbar .content:not(.custom)>h1,.theme-container.no-navbar h2,.theme-container.no-navbar h3,.theme-container.no-navbar h4,.theme-container.no-navbar h5,.theme-container.no-navbar h6 {
		    margin-top: 1.5rem;
		    padding-top: 0
		}
		
		.theme-container.no-navbar .sidebar {
		    top: 0
		}
		
		.no-sidebar .navbar {
		    box-shadow: 0 0 0 0 rgba(0,0,0,.1)
		}
		
		.no-sidebar .navbar.fixed {
		    box-shadow: 0 0 15px 0 rgba(0,0,0,.04)
		}
		
		@media (min-width: 1000px) {
		    .theme-container.no-sidebar .sidebar {
		        display:none
		    }
		
		    .theme-container.no-sidebar .page {
		        padding-left: 0
		    }
		}
		
		@media (max-width: 959px) {
		    .sidebar {
		        font-size:15px;
		        width: 16.4rem
		    }
		}
		
		@media (max-width: 1000px) {
		    .sidebar {
		        top:0;
		        padding-top: 20px;
		        transform: translateX(-100%);
		        transition: transform .2s ease;
		        z-index: 99999!important;
		        box-shadow: 0 0 20px 0 rgba(0,0,0,.05)
		    }
		
		    .sidebar .effect1 {
		        display: none
		    }
		
		    .sidebar .nav-links {
		        border-bottom: 0
		    }
		
		    .sidebar .nav-links .nav-item a {
		        padding: 0!important;
		        text-align: left!important;
		        justify-content: flex-start
		    }
		
		    .sidebar .nav-links .nav-item a:after {
		        display: none
		    }
		
		    .page {
		        padding-left: 0;
		        margin-left: 0!important;
		        width: 100%
		    }
		
		    .theme-container.sidebar-open .sidebar {
		        transform: translateX(0)
		    }
		
		    .theme-container.no-navbar .sidebar {
		        padding-top: 0
		    }
		}
		
		@media (max-width: 500px) {
		    .center {
		        padding:10px 0
		    }
		}
		
		@media (max-width: 419px) {
		    h1 {
		        font-size:1.9rem
		    }
		
		    .content div[class*=language-] {
		        margin: .85rem -1.5rem;
		        border-radius: 0
		    }
		}
		body,html{
			background: transparent !important;
		}
		body {
		    margin: 0;
		    padding: 0;
		    border: 0;
		    background: #f5f5f5;
		}
		
		body .div {
		    position: relative;
		    width: 100%;
		    display: flex;
		    align-items: center;
		    justify-content: center
		}
		
		.alert-example .vs-button--active[data-v-d6510c04] {
		    transform: translateY(-5px);
		    border-radius: 0 0 12px 12px
		}
		
		.con-avatars .vs-avatar-content[data-v-4c9a8f87],.con-avatars .vs-avatar-content[data-v-05a516d4],.con-avatars .vs-avatar-content[data-v-42f9c895],.con-avatars .vs-avatar-content[data-v-9963b142],.con-avatars .vs-avatar-content[data-v-a29f67d0] {
		    margin: 10px
		}
		
		.con-avatars[data-v-35b4bedc] {
		    align-items: flex-start
		}
		
		.con-avatars .vs-avatar__group[data-v-35b4bedc] {
		    margin: 10px
		}
		
		.con-avatars .vs-avatar__group.float[data-v-35b4bedc] {
		    max-width: 300px
		}
		
		@media (max-width: 500px) {
		    .con-avatars[data-v-35b4bedc] {
		        align-items:flex-start;
		        justify-content: flex-start
		    }
		
		    .con-avatars .vs-avatar__group[data-v-35b4bedc] {
		        margin: 10px
		    }
		
		    .con-avatars .vs-avatar__group.float[data-v-35b4bedc] {
		        max-width: 100%
		    }
		}
		
		.con-avatars .vs-avatar-content[data-v-5d18599d] {
		    margin: 10px
		}
		
		.con-avatars .vs-avatar-content[data-v-266f7b0e] {
		    margin: 20px
		}
		
		.con-avatars .vs-avatar-content[data-v-1fae393d],.con-avatars .vs-avatar-content[data-v-02b6fdde],.con-avatars .vs-avatar-content[data-v-6c414080],.con-avatars .vs-avatar-content[data-v-550cb174] {
		    margin: 10px
		}
		
		.center[data-v-9e993940],.center[data-v-656d8cc4] {
		    max-width: 400px;
		    margin: auto
		}
		
		* {
		    box-sizing: border-box!important
		}
		
		.center[data-v-464d7ecf] {
		    flex-wrap: wrap
		}
		
		.center[data-v-464d7ecf] .vs-button-group {
		    margin: 20px
		}
		
		.center[data-v-78d40008] {
		    flex-wrap: wrap;
		    padding: 20px;
		    max-width: 400px;
		    margin: auto
		}
		
		span[data-v-467c2ccc] {
		    display: flex;
		    align-items: center;
		    justify-content: center
		}
		
		i.bx[data-v-467c2ccc]:not(.bx-check) {
		    padding-right: 5px;
		    font-size: 1.1rem
		}
		
		.btn-chat i[data-v-261862e6] {
		    font-size: 1.2rem
		}
		
		.btn-chat .span[data-v-261862e6] {
		    padding-left: 5px;
		    font-weight: 700
		}
		
		.btn-chat i[data-v-6eed31ed] {
		    font-size: 1.2rem
		}
		
		.btn-chat .span[data-v-6eed31ed] {
		    padding-left: 5px;
		    font-weight: 700
		}
		
		.btn-chat i[data-v-4d6d5663] {
		    font-size: 1.2rem
		}
		
		.btn-chat .span[data-v-4d6d5663] {
		    padding-left: 5px;
		    font-weight: 700
		}
		
		.btn-chat i[data-v-767ce786] {
		    font-size: 1.2rem
		}
		
		.btn-chat .span[data-v-767ce786] {
		    padding-left: 5px;
		    font-weight: 700
		}
		
		.btn-chat i[data-v-570f768e] {
		    font-size: 1.2rem
		}
		
		.btn-chat .span[data-v-570f768e] {
		    padding-left: 5px;
		    font-weight: 700
		}
		
		.btn-chat i[data-v-55f9bb35] {
		    font-size: 1.2rem
		}
		
		.btn-chat .span[data-v-55f9bb35] {
		    padding-left: 5px;
		    font-weight: 700
		}
		
		.con-checkbox[data-v-bb6d87e6] {
		    flex-direction: column;
		    align-items: flex-start
		}
		
		.con-checkbox[data-v-bb6d87e6] .vs-checkbox-content {
		    min-width: 80px
		}
		
		.con-checkbox .data-check[data-v-bb6d87e6] {
		    background: rgba(0,0,0,.03);
		    padding: 10px 20px;
		    border-radius: 18px;
		    margin-top: 20px
		}
		
		.con-checkbox[data-v-2423334c] .vs-checkbox-content {
		    min-width: 80px
		}
		
		.con-checkbox[data-v-32ee8256] {
		    flex-direction: column;
		    align-items: flex-start
		}
		
		.checks .vs-checkbox-content {
		    margin: 5px
		}
		
		.con-checkbox[data-v-31432aab],.con-checkbox[data-v-58746093] {
		    flex-direction: column;
		    align-items: flex-start
		}
		
		.con-checkbox[data-v-31432aab] .vs-checkbox-content {
		    min-width: 80px
		}
		
		.con-checkbox .data-check[data-v-31432aab] {
		    background: rgba(0,0,0,.03);
		    padding: 10px;
		    border-radius: 18px;
		    margin-top: 20px;
		    font-size: .9rem;
		    width: 100%
		}
		
		.con-checkbox .data-check pre[data-v-31432aab] {
		    background: transparent;
		    padding: 0 10px;
		    overflow: hidden
		}
		
		.con-checkbox[data-v-24af86d4] {
		    flex-direction: column
		}
		
		.con-checkbox[data-v-24af86d4] .vs-checkbox-content {
		    min-width: 80px
		}
		
		.con-checkbox .data[data-v-24af86d4] {
		    background: rgba(0,0,0,.03);
		    padding: 10px 20px;
		    border-radius: 18px
		}
		
		.con-content {
		    justify-content: center
		}
		
		.con-content p {
		    margin: 20px 0;
		    position: relative;
		    display: block;
		    font-size: .9rem
		}
		
		.con-image {
		    border-radius: inherit
		}
		
		.con-image img {
		    display: block;
		    position: relative;
		    border-radius: inherit;
		    max-width: 350px
		}
		
		.con-content-scroll p {
		    margin: 20px 0;
		    position: relative;
		    display: block;
		    font-size: .9rem;
		    width: 100%
		}
		
		.not-margin {
		    padding: 10px
		}
		
		.con-form {
		    width: 100%
		}
		
		.con-form .flex {
		    display: flex;
		    align-items: center;
		    justify-content: space-between
		}
		
		.con-form .flex a {
		    font-size: .8rem;
		    opacity: .7
		}
		
		.con-form .flex a:hover {
		    opacity: 1
		}
		
		.con-form .vs-checkbox-label {
		    font-size: .8rem
		}
		
		.con-form .vs-input-content {
		    margin: 10px 0;
		    width: 100%
		}
		
		.con-form .vs-input-content .vs-input {
		    width: 100%
		}
		
		.con-footer {
		    display: flex;
		    align-items: center;
		    justify-content: flex-end
		}
		
		.con-footer .vs-button {
		    margin: 0
		}
		
		.con-footer .vs-button .vs-button__content {
		    padding: 10px 30px
		}
		
		.con-footer .vs-button~.vs-button {
		    margin-left: 10px
		}
		
		.not-margin {
		    margin: 0;
		    font-weight: 400;
		    padding: 10px 10px 0
		}
		
		.con-content p {
		    padding: 0 10px
		}
		
		.con-content .vs-checkbox-label,.con-content p {
		    font-size: .8rem
		}
		
		.con-content .vs-input-parent {
		    width: 100%
		}
		
		.con-content .vs-input-content {
		    margin: 10px 0;
		    width: 100%
		}
		
		.con-content .vs-input-content .vs-input {
		    width: 100%
		}
		
		.footer-dialog {
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    flex-direction: column;
		    width: 100%
		}
		
		.footer-dialog .new {
		    margin: 20px 0 0;
		    padding: 0;
		    font-size: .7rem
		}
		
		.footer-dialog .new a {
		    color: rgba(var(--vs-primary),1)!important;
		    margin-left: 6px
		}
		
		.footer-dialog .new a:hover {
		    text-decoration: underline
		}
		
		.footer-dialog .vs-button {
		    margin: 0
		}
		
		.colors[data-v-3df77bc7] {
		    padding-bottom: 50px
		}
		
		.colors div[data-v-3df77bc7] {
		    color: #fff;
		    width: 100px;
		    height: 100px;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    font-weight: 600;
		    margin: 10px;
		    border-radius: 6px 20px 20px 20px;
		    transition: all .25s ease;
		    cursor: default
		}
		
		.colors div.primary[data-v-3df77bc7] {
		    box-shadow: 0 20px 35px -10px rgba(var(--vs-primary),.5);
		    background: rgba(var(--vs-primary),1)
		}
		
		.colors div.primary[data-v-3df77bc7]:hover {
		    box-shadow: 0 0 0 0 rgba(var(--vs-primary),.5)
		}
		
		.colors div.success[data-v-3df77bc7] {
		    box-shadow: 0 20px 35px -10px rgba(var(--vs-success),.5);
		    background: rgba(var(--vs-success),1)
		}
		
		.colors div.success[data-v-3df77bc7]:hover {
		    box-shadow: 0 0 0 0 rgba(var(--vs-success),.5)
		}
		
		.colors div.danger[data-v-3df77bc7] {
		    box-shadow: 0 20px 35px -10px rgba(var(--vs-danger),.5);
		    background: rgba(var(--vs-danger),1)
		}
		
		.colors div.danger[data-v-3df77bc7]:hover {
		    box-shadow: 0 0 0 0 rgba(var(--vs-danger),.5)
		}
		
		.colors div.warn[data-v-3df77bc7] {
		    box-shadow: 0 20px 35px -10px rgba(var(--vs-warn),.5);
		    background: rgba(var(--vs-warn),1)
		}
		
		.colors div.warn[data-v-3df77bc7]:hover {
		    box-shadow: 0 0 0 0 rgba(var(--vs-warn),.5)
		}
		
		.colors div.dark[data-v-3df77bc7] {
		    box-shadow: 0 20px 35px -10px rgba(var(--vs-dark),.5);
		    background: rgba(var(--vs-dark),1)
		}
		
		.colors div.dark[data-v-3df77bc7]:hover {
		    box-shadow: 0 0 0 0 rgba(var(--vs-dark),.5)
		}
		
		.colors div[data-v-3df77bc7]:hover {
		    transform: translateY(5px)
		}
		
		.grid[data-v-23b57e65] {
		    border-radius: 15px;
		    overflow: hidden;
		    padding: 0
		}
		
		.vs-row[data-v-23b57e65] {
		    background: var(--vs-theme-layout);
		    border-bottom: 1px dashed var(--vs-theme-bg2);
		    min-height: 70px
		}
		
		.mh[data-v-23b57e65] {
		    min-height: 170px
		}
		
		.vs-col[data-v-23b57e65] {
		    padding: 5px 10px;
		    text-align: center;
		    background: var(--vs-theme-bg2);
		    cursor: default;
		    transition: all .25s ease;
		    box-shadow: inset 0 0 0 0 rgba(0,0,0,.1);
		    font-size: .75rem
		}
		
		.vs-col[data-v-23b57e65]:hover {
		    transform: scale(.93);
		    box-shadow: inset 0 10px 20px -10px rgba(0,0,0,.1)
		}
		
		@media (max-width: 500px) {
		    .vs-col[data-v-23b57e65] {
		        font-size:.5rem;
		        font-weight: 700;
		        padding: 10px 2px
		    }
		}
		
		.grid[data-v-1681f394] {
		    border-radius: 20px;
		    overflow: hidden;
		    padding: 0
		}
		
		.vs-row[data-v-1681f394]:first-child {
		    border-top: 2px solid var(--vs-theme-layout)
		}
		
		.vs-col[data-v-1681f394] {
		    padding: 10px;
		    text-align: center;
		    background: var(--vs-theme-bg2);
		    border-left: 2px solid var(--vs-theme-layout);
		    border-bottom: 2px solid var(--vs-theme-layout);
		    cursor: default;
		    transition: all .25s ease;
		    box-shadow: inset 0 0 0 0 rgba(0,0,0,.1)
		}
		
		.vs-col[data-v-1681f394]:hover {
		    transform: scale(.93);
		    box-shadow: inset 0 10px 20px -10px rgba(0,0,0,.1)
		}
		
		.vs-col[data-v-1681f394]:last-child {
		    border-right: 2px solid var(--vs-theme-layout)
		}
		
		@media (max-width: 500px) {
		    .vs-col[data-v-1681f394] {
		        font-size:.58rem;
		        font-weight: 700;
		        padding: 10px 0
		    }
		}
		
		.grid[data-v-b2c1ba9e] {
		    border-radius: 15px;
		    overflow: hidden;
		    padding: 0
		}
		
		.vs-row[data-v-b2c1ba9e] {
		    background: var(--vs-theme-layout);
		    border-bottom: 1px dashed var(--vs-theme-bg2)
		}
		
		.vs-col[data-v-b2c1ba9e] {
		    padding: 15px 10px;
		    text-align: center;
		    background: var(--vs-theme-bg2);
		    cursor: default;
		    transition: all .25s ease;
		    box-shadow: inset 0 0 0 0 rgba(0,0,0,.1);
		    font-size: .75rem
		}
		
		.vs-col[data-v-b2c1ba9e]:hover {
		    transform: scale(.93);
		    box-shadow: inset 0 10px 20px -10px rgba(0,0,0,.1)
		}
		
		@media (max-width: 500px) {
		    .vs-col[data-v-b2c1ba9e] {
		        font-size:.5rem;
		        font-weight: 700;
		        padding: 10px 2px
		    }
		}
		
		.grid[data-v-bdd1d86c] {
		    border-radius: 20px
		}
		
		.vs-row[data-v-bdd1d86c] {
		    background: var(--vs-theme-layout)
		}
		
		.vs-col[data-v-bdd1d86c] {
		    padding: 10px;
		    text-align: center;
		    background: var(--vs-theme-bg2);
		    cursor: default;
		    transition: all .25s ease;
		    box-shadow: inset 0 0 0 0 rgba(0,0,0,.1);
		    border: 2px solid var(--vs-theme-layout)
		}
		
		.vs-col[data-v-bdd1d86c]:hover {
		    transform: scale(.93);
		    box-shadow: inset 0 10px 20px -10px rgba(0,0,0,.1)
		}
		
		.grid[data-v-4f6fa7c2] {
		    border-radius: 20px;
		    overflow: hidden;
		    padding: 0
		}
		
		.vs-row[data-v-4f6fa7c2] {
		    background: var(--vs-theme-layout);
		    border-bottom: 1px dashed var(--vs-theme-bg2)
		}
		
		.vs-col[data-v-4f6fa7c2] {
		    padding: 10px;
		    text-align: center;
		    background: var(--vs-theme-bg2);
		    cursor: default;
		    transition: all .25s ease;
		    box-shadow: inset 0 0 0 0 rgba(0,0,0,.1)
		}
		
		.vs-col[data-v-4f6fa7c2]:hover {
		    transform: scale(.93);
		    box-shadow: inset 0 10px 20px -10px rgba(0,0,0,.1)
		}
		
		@media (max-width: 500px) {
		    .vs-col[data-v-4f6fa7c2] {
		        font-size:.6rem;
		        font-weight: 700;
		        padding: 10px 2px
		    }
		}
		
		.content-inputs[data-v-664e8200] {
		    display: flex;
		    align-items: center;
		    justify-content: center
		}
		
		.content-inputs[data-v-664e8200] .vs-input-parent,.content-inputs[data-v-a3ea306e] .vs-input-content {
		    margin: 10px
		}
		
		.grid[data-v-81dd23d6] {
		    border-radius: 20px
		}
		
		.vs-row[data-v-81dd23d6] {
		    background: var(--vs-theme-layout)
		}
		
		.vs-col[data-v-81dd23d6] {
		    padding: 10px;
		    text-align: center;
		    background: var(--vs-theme-bg2);
		    cursor: default;
		    transition: all .25s ease;
		    box-shadow: inset 0 0 0 0 rgba(0,0,0,.1);
		    border: 2px solid var(--vs-theme-layout)
		}
		
		.vs-col[data-v-81dd23d6]:hover {
		    transform: scale(.93);
		    box-shadow: inset 0 10px 20px -10px rgba(0,0,0,.1)
		}
		
		.content-inputs[data-v-5ee3d490] .vs-input-parent {
		    margin: 10px
		}
		
		.content-inputs[data-v-4a5917d0] {
		    display: flex;
		    align-items: center;
		    justify-content: center
		}
		
		.content-inputs[data-v-0ca3546f] .vs-input-parent,.content-inputs[data-v-4a5917d0] .vs-input-parent,.content-inputs[data-v-679d9434] .vs-input-parent,.content-inputs[data-v-65332158] .vs-input-parent {
		    margin: 10px
		}
		
		.con-input[data-v-ff83b258] {
		    border-radius: 10px;
		    border: 4px solid var(--vs-theme-layout);
		    box-shadow: 0 4px 10px 0 rgba(0,0,0,.1);
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    transition: all .25s ease
		}
		
		.con-input[data-v-ff83b258]:hover {
		    transform: translateY(-4px);
		    box-shadow: 0 8px 10px 0 rgba(0,0,0,.1)
		}
		
		.con-input input[data-v-ff83b258] {
		    opacity: 0;
		    width: 30px;
		    height: 30px;
		    border: 0;
		    cursor: pointer
		}
		
		.con-input i[data-v-ff83b258] {
		    position: absolute;
		    color: var(--vs-theme-layout);
		    pointer-events: none
		}
		
		.con-loadings[data-v-ff83b258] {
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    flex-wrap: wrap
		}
		
		.center[data-v-ff83b258] {
		    flex-wrap: wrap;
		    z-index: 200;
		    position: relative;
		    padding: 20px 10px
		}
		
		.center.hasOpenLoading .box-loading[data-v-ff83b258] {
		    opacity: 0;
		    transform: scale(.7)
		}
		
		.box-loading[data-v-ff83b258] {
		    width: 120px;
		    height: 120px;
		    position: relative;
		    margin: 5px;
		    border-radius: 20px;
		    box-shadow: 0 10px 20px -10px rgba(0,0,0,.07);
		    overflow: hidden;
		    cursor: pointer;
		    transition: all .25s ease
		}
		
		.box-loading[data-v-ff83b258]:hover {
		    transform: translateY(-5px);
		    box-shadow: 0 15px 20px -10px rgba(0,0,0,.09)
		}
		
		.box-loading[data-v-ff83b258] .vs-loading {
		    padding: 0;
		    background: transparent!important
		}
		
		.box-loading[data-v-ff83b258] .vs-loading.vs-loading--gradient .vs-loading__load__animation__2,.box-loading[data-v-ff83b258] .vs-loading.vs-loading--square .vs-loading__load__animation__2 {
		    background: var(--vs-theme-layout)!important
		}
		
		.con-input[data-v-9173b3de] {
		    border-radius: 10px;
		    border: 4px solid var(--vs-theme-layout);
		    box-shadow: 0 4px 10px 0 rgba(0,0,0,.1);
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    transition: all .25s ease
		}
		
		.con-input[data-v-9173b3de]:hover {
		    transform: translateY(-4px);
		    box-shadow: 0 8px 10px 0 rgba(0,0,0,.1)
		}
		
		.con-input input[data-v-9173b3de] {
		    opacity: 0;
		    width: 30px;
		    height: 30px;
		    border: 0;
		    cursor: pointer
		}
		
		.con-input i[data-v-9173b3de] {
		    position: absolute;
		    color: var(--vs-theme-layout);
		    pointer-events: none
		}
		
		b[data-v-3e9db075],b[data-v-15d6a309],b[data-v-77030046] {
		    margin-left: 5px
		}
		
		.center[data-v-5d39de14] {
		    flex-wrap: wrap;
		    z-index: 200;
		    position: relative;
		    padding: 20px 10px
		}
		
		.center.hasOpenLoading .box-loading[data-v-5d39de14] {
		    opacity: 0;
		    transform: scale(.7)
		}
		
		.box-loading[data-v-5d39de14] {
		    width: 120px;
		    height: 120px;
		    position: relative;
		    margin: 5px;
		    border-radius: 20px;
		    box-shadow: 0 10px 20px -10px rgba(0,0,0,.07);
		    overflow: hidden;
		    cursor: pointer;
		    transition: all .25s ease
		}
		
		.box-loading[data-v-5d39de14]:hover {
		    transform: translateY(-5px);
		    box-shadow: 0 15px 20px -10px rgba(0,0,0,.09)
		}
		
		.box-loading[data-v-5d39de14] .vs-loading {
		    padding: 0;
		    background: transparent!important
		}
		
		.box-loading[data-v-5d39de14] .vs-loading.vs-loading--gradient .vs-loading__load__animation__2,.box-loading[data-v-5d39de14] .vs-loading.vs-loading--square .vs-loading__load__animation__2 {
		    background: var(--vs-theme-layout)!important
		}
		
		.con-btns[data-v-67244a03] {
		    display: flex;
		    align-items: center;
		    justify-content: center
		}
		
		.con-btns b[data-v-67244a03] {
		    margin-left: 5px
		}
		
		.center[data-v-67244a03] {
		    flex-direction: column
		}
		
		.center .content-div[data-v-67244a03] {
		    width: 200px;
		    height: 200px;
		    box-shadow: 0 6px 25px -10px rgba(0,0,0,.1);
		    border-radius: 20px;
		    position: relative;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    flex-direction: column;
		    text-align: center;
		    font-size: .6rem
		}
		
		.example-nav img {
		    max-height: 22px
		}
		
		.title {
		    text-align: left;
		    margin: 0;
		    width: 100%;
		    padding: 5px 6px
		}
		
		.example-nav img {
		    max-height: 25px
		}
		
		.square {
		    position: relative;
		    overflow: auto
		}
		
		.square,.square .child {
		    height: 400px;
		    width: 100%
		}
		
		.square .child {
		    display: flex;
		    align-items: center;
		    justify-content: center
		}
		
		.example-nav {
		    background: #f0f0f0!important;
		    padding: 0!important;
		    position: relative;
		    overflow: hidden
		}
		
		.example-nav img {
		    max-height: 20px
		}
		
		.vs-button[data-v-498de0e6] {
		    margin: 10px
		}
		
		i[data-v-498de0e6] {
		    margin: 2px;
		    font-size: 1.2rem
		}
		
		i.b-r[data-v-498de0e6] {
		    transform: rotate(90deg)
		}
		
		.con-user-example header[data-v-97172b76] {
		    display: flex;
		    align-items: center;
		    justify-content: center
		}
		
		.con-user-example header p[data-v-97172b76] {
		    min-width: 100px;
		    margin-left: 10px;
		    font-size: .9rem
		}
		
		.con-user-example .content-user[data-v-97172b76] {
		    display: flex;
		    align-items: center;
		    justify-content: space-between
		}
		
		.con-user-example .content-user p[data-v-97172b76] {
		    font-size: .7rem;
		    max-width: 200px;
		    padding: 0;
		    margin: 0
		}
		
		.component[data-v-54612f5c] {
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    flex-direction: column;
		    text-align: center
		}
		
		.component h3[data-v-54612f5c] {
		    padding: 0;
		    margin: 10px 0 0;
		    font-size: 1.1rem
		}
		
		.component p[data-v-54612f5c] {
		    font-size: .8rem;
		    line-height: 1rem;
		    opacity: .7
		}
		
		svg[data-v-54612f5c] {
		    max-width: 100px
		}
		
		.call img[data-v-7b6e4788] {
		    min-height: 250px;
		    max-height: 250px
		}
		
		.call footer[data-v-7b6e4788] {
		    position: absolute;
		    bottom: 0;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    width: 100%;
		    background-image: linear-gradient(180deg,transparent,#000);
		    padding: 10px
		}
		
		.call footer .vs-button[data-v-7b6e4788],.vs-button[data-v-74b535ea] {
		    margin: 10px
		}
		
		i[data-v-74b535ea] {
		    margin: 2px;
		    font-size: 1.2rem;
		    transform-origin: center
		}
		
		i.b-r[data-v-74b535ea] {
		    transform: rotate(90deg)
		}
		
		i.t-r[data-v-74b535ea] {
		    transform: rotate(0deg)
		}
		
		i.t-l[data-v-74b535ea] {
		    transform: rotate(-90deg)
		}
		
		i.b-l[data-v-74b535ea] {
		    transform: rotate(-180deg)
		}
		
		.vs-button[data-v-ac2393d4] {
		    margin: 10px
		}
		
		i[data-v-ac2393d4] {
		    margin: 2px;
		    font-size: 1.4rem;
		    transform-origin: center
		}
		
		i.b-r[data-v-ac2393d4] {
		    transform: rotate(90deg)
		}
		
		i.t-r[data-v-ac2393d4] {
		    transform: rotate(0deg)
		}
		
		i.t-l[data-v-ac2393d4] {
		    transform: rotate(-90deg)
		}
		
		i.b-l[data-v-ac2393d4] {
		    transform: rotate(-180deg)
		}
		
		.vs-button[data-v-653da9d2] {
		    margin: 10px
		}
		
		i[data-v-653da9d2] {
		    margin: 2px;
		    font-size: 1.2rem;
		    transform-origin: center
		}
		
		i.b-r[data-v-653da9d2] {
		    transform: rotate(90deg)
		}
		
		i.t-r[data-v-653da9d2] {
		    transform: rotate(0deg)
		}
		
		i.t-l[data-v-653da9d2] {
		    transform: rotate(-90deg)
		}
		
		i.b-l[data-v-653da9d2] {
		    transform: rotate(-180deg)
		}
		
		.vs-button[data-v-0f7e2caa] {
		    margin: 10px
		}
		
		i[data-v-0f7e2caa] {
		    margin: 2px;
		    font-size: 1.2rem;
		    transform-origin: center
		}
		
		i.b-r[data-v-0f7e2caa] {
		    transform: rotate(90deg)
		}
		
		i.t-r[data-v-0f7e2caa] {
		    transform: rotate(0deg)
		}
		
		i.t-l[data-v-0f7e2caa] {
		    transform: rotate(-90deg)
		}
		
		i.b-l[data-v-0f7e2caa] {
		    transform: rotate(-180deg)
		}
		
		.vs-button[data-v-d5f93a44] {
		    margin: 10px
		}
		
		i[data-v-d5f93a44] {
		    margin: 2px;
		    font-size: 1.2rem;
		    transform-origin: center
		}
		
		i.b-r[data-v-d5f93a44] {
		    transform: rotate(90deg)
		}
		
		i.t-r[data-v-d5f93a44] {
		    transform: rotate(0deg)
		}
		
		i.t-l[data-v-d5f93a44] {
		    transform: rotate(-90deg)
		}
		
		i.b-l[data-v-d5f93a44] {
		    transform: rotate(-180deg)
		}
		
		.vs-button[data-v-7436aedc] {
		    margin: 10px
		}
		
		i[data-v-7436aedc] {
		    margin: 2px;
		    font-size: 1.2rem;
		    transform-origin: center
		}
		
		i.b-r[data-v-7436aedc] {
		    transform: rotate(90deg)
		}
		
		i.t-r[data-v-7436aedc] {
		    transform: rotate(0deg)
		}
		
		i.t-l[data-v-7436aedc] {
		    transform: rotate(-90deg)
		}
		
		i.b-l[data-v-7436aedc] {
		    transform: rotate(-180deg)
		}
		
		.vs-button[data-v-012ebf79] {
		    margin: 10px
		}
		
		i[data-v-012ebf79] {
		    margin: 2px;
		    font-size: 1.4rem;
		    transform-origin: center
		}
		
		i.b-r[data-v-012ebf79] {
		    transform: rotate(90deg)
		}
		
		i.t-r[data-v-012ebf79] {
		    transform: rotate(0deg)
		}
		
		i.t-l[data-v-012ebf79] {
		    transform: rotate(-90deg)
		}
		
		i.b-l[data-v-012ebf79] {
		    transform: rotate(-180deg)
		}
		
		.vs-button[data-v-c7b6fbe4] {
		    margin: 10px
		}
		
		i[data-v-c7b6fbe4] {
		    margin: 2px;
		    font-size: 1.4rem;
		    transform-origin: center
		}
		
		i.b-r[data-v-c7b6fbe4] {
		    transform: rotate(90deg)
		}
		
		i.t-r[data-v-c7b6fbe4] {
		    transform: rotate(0deg)
		}
		
		i.t-l[data-v-c7b6fbe4] {
		    transform: rotate(-90deg)
		}
		
		i.b-l[data-v-c7b6fbe4] {
		    transform: rotate(-180deg)
		}
		
		.vs-button[data-v-554ee0a7] {
		    margin: 10px
		}
		
		i[data-v-554ee0a7] {
		    margin: 2px;
		    font-size: 1.2rem;
		    transform-origin: center
		}
		
		i.b-r[data-v-554ee0a7] {
		    transform: rotate(90deg)
		}
		
		i.t-r[data-v-554ee0a7] {
		    transform: rotate(0deg)
		}
		
		i.t-l[data-v-554ee0a7] {
		    transform: rotate(-90deg)
		}
		
		i.b-l[data-v-554ee0a7] {
		    transform: rotate(-180deg)
		}
		
		.vs-button[data-v-3bd61e1c] {
		    margin: 10px
		}
		
		i[data-v-3bd61e1c] {
		    margin: 2px;
		    font-size: 1.4rem;
		    transform-origin: center
		}
		
		i.b-r[data-v-3bd61e1c] {
		    transform: rotate(90deg)
		}
		
		i.t-r[data-v-3bd61e1c] {
		    transform: rotate(0deg)
		}
		
		i.t-l[data-v-3bd61e1c] {
		    transform: rotate(-90deg)
		}
		
		i.b-l[data-v-3bd61e1c] {
		    transform: rotate(-180deg)
		}
		
		.center[data-v-6d2855ce] {
		    flex-direction: column;
		    align-items: flex-start
		}
		
		.center .vs-radio-content[data-v-6d2855ce] {
		    margin: 5px 0
		}
		
		.center[data-v-7c1b994a] {
		    flex-direction: column;
		    align-items: flex-start
		}
		
		.center .vs-radio-content[data-v-7c1b994a] {
		    margin: 5px 0
		}
		
		.center[data-v-53ffc11f] {
		    flex-direction: column;
		    align-items: flex-start
		}
		
		.center .vs-radio-content[data-v-53ffc11f] {
		    margin: 5px 0
		}
		
		.center[data-v-0cbb27c0] {
		    flex-direction: column;
		    align-items: flex-start
		}
		
		.center .vs-radio-content[data-v-0cbb27c0] {
		    margin: 5px 0
		}
		
		.center[data-v-62364bdb] {
		    flex-direction: column;
		    align-items: flex-start
		}
		
		.center .vs-radio-content[data-v-62364bdb] {
		    margin: 5px 0
		}
		
		.con-selects .vs-select-content[data-v-0dde5f9a] {
		    margin: 10px
		}
		
		@media (max-width: 500px) {
		    .con-selects .vs-select-content,.con-selects .vs-select-content[data-v-0dde5f9a] {
		        max-width:100%
		    }
		}
		
		.con-selects .vs-select-content[data-v-49267336] {
		    margin: 20px 10px;
		    max-width: calc(40% - 20px)
		}
		
		@media (max-width: 500px) {
		    .con-selects .vs-select-content[data-v-49267336] {
		        max-width:100%
		    }
		}
		
		.con-selects[data-v-0090d7b0] {
		    flex-wrap: wrap
		}
		
		.con-selects .vs-select-content[data-v-0090d7b0] {
		    margin: 15px 10px;
		    max-width: calc(40% - 20px)
		}
		
		@media (max-width: 500px) {
		    .con-selects .vs-select-content[data-v-0090d7b0] {
		        max-width:100%
		    }
		}
		
		.con-selects[data-v-f8674344] {
		    align-items: flex-start
		}
		
		.con-selects .vs-select-content[data-v-f8674344] {
		    margin: 10px;
		    max-width: 40%
		}
		
		@media (max-width: 500px) {
		    .con-selects .vs-select-content[data-v-f8674344] {
		        max-width:100%
		    }
		}
		
		.con-selects .vs-select-content[data-v-ca0733aa] {
		    margin: 10px;
		    max-width: calc(40% - 20px)
		}
		
		@media (max-width: 500px) {
		    .con-selects .vs-select-content[data-v-ca0733aa] {
		        max-width:100%
		    }
		}
		
		.con-selects[data-v-4e419a9a] {
		    align-items: flex-start
		}
		
		.con-selects .vs-select-content[data-v-4e419a9a] {
		    margin: 10px
		}
		
		.con-selects .vs-select-content[data-v-066658f2] {
		    margin: 20px 10px;
		    max-width: calc(40% - 20px)
		}
		
		@media (max-width: 500px) {
		    .con-selects .vs-select-content[data-v-066658f2] {
		        max-width:100%
		    }
		}
		
		.con-selects .vs-select-content[data-v-f07564ea] {
		    margin: 10px
		}
		
		.con-pagination .con-radio {
		    display: flex;
		    align-items: center;
		    justify-content: flex-start;
		    flex-wrap: wrap
		}
		
		.con-pagination .con-radio .vs-radio-content,.con-pagination code {
		    margin: 10px
		}
		
		.con-pagination .vs-select-content {
		    max-width: 60px;
		    margin: 0 4px
		}
		
		.con-pagination .vs-pagination-content {
		    margin: 10px 0
		}
		
		.con-content {
		    justify-content: space-between;
		    width: 100%
		}
		
		.con-content,.con-content>div {
		    display: flex;
		    align-items: center
		}
		
		.con-content>div {
		    justify-content: center
		}
		
		.con-content>div p {
		    margin-left: 10px
		}
		
		.data-table {
		    background: rgba(0,0,0,.03);
		    padding: 10px;
		    border-radius: 18px;
		    margin-top: 20px;
		    font-size: .9rem;
		    width: 100%;
		    max-height: 360px;
		    overflow: auto
		}
		
		.data-table pre {
		    background: transparent;
		    padding: 0 10px;
		    overflow: hidden
		}
		
		.data-table[data-v-6e480b6c] {
		    background: rgba(0,0,0,.03);
		    padding: 10px;
		    border-radius: 18px;
		    margin-top: 20px;
		    font-size: .9rem;
		    width: 100%
		}
		
		.data-table pre[data-v-6e480b6c] {
		    background: transparent;
		    padding: 0 10px;
		    overflow: hidden
		}
		
		.hidden {
		    min-height: 700px
		}
		
		.hidden .vs-avatar-content {
		    margin-top: 10px
		}
		
		.hidden {
		    overflow: hidden;
		    position: relative;
		    min-height: 600px
		}
		
		.vs-button[data-v-08adbb30],.vs-button[data-v-217c0384] {
		    margin: 0
		}
		
		.vs-tooltip-content[data-v-08adbb30] {
		    margin: 5px
		}
		
		.vs-button[data-v-2299ec2f] {
		    margin: 0
		}
		
		.vs-button .vs-tooltip-content[data-v-2299ec2f] {
		    margin: 10px
		}
		
		.content-tooltip .body {
		    display: flex;
		    align-items: flex-start;
		    justify-content: center
		}
		
		.content-tooltip .body .vs-avatar-content {
		    margin-top: -30px;
		    border: 3px solid var(--vs-theme-layout);
		    box-shadow: 0 4px 15px 0 rgba(0,0,0,.1)
		}
		
		.content-tooltip .body .text {
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    flex-direction: column;
		    font-size: .55rem;
		    padding: 10px;
		    font-weight: 400
		}
		
		.content-tooltip .body .text span {
		    font-weight: 700;
		    font-size: .7rem
		}
		
		.content-tooltip footer {
		    display: flex;
		    align-items: center;
		    justify-content: center
		}
		
		.content-tooltip h4 {
		    padding: 8px;
		    margin: 0;
		    text-align: left
		}
		
		.content-tooltip p {
		    text-align: left;
		    margin: 0;
		    line-height: 1rem;
		    padding: 0 0 5px 8px
		}
		
		.vs-button[data-v-538ec97f] {
		    margin: 0
		}
		
		.vs-button[data-v-16da9b62] {
		    margin: 5px
		}
		
		.vs-button[data-v-0e40f66c] {
		    margin: 0
		}
		
		.vs-tooltip-content[data-v-0e40f66c] {
		    margin: 5px
		}
		
		.vs-button[data-v-36393902] {
		    margin: 0
		}
		
		.vs-tooltip-content[data-v-36393902] {
		    margin: 0 5px
		}
		
		.vs-button[data-v-2ba0b331],.vs-button[data-v-06fc94f0] {
		    margin: 0
		}
		
		.con-switch[data-v-41f8b958] {
		    display: flex;
		    align-items: center;
		    justify-content: center
		}
		
		.con-switch[data-v-41f8b958] .vs-switch {
		    margin: 10px
		}
		
		.con-switch[data-v-7c2c9d40] {
		    display: flex;
		    align-items: center;
		    justify-content: center
		}
		
		.con-switch[data-v-7c2c9d40] .vs-switch {
		    margin: 10px
		}
		
		.con-switch[data-v-9be8c698] {
		    display: flex;
		    align-items: flex-start;
		    justify-content: flex-start;
		    flex-direction: column
		}
		
		.con-switch[data-v-9be8c698] .vs-switch {
		    margin: 5px
		}
		
		.con-switch .data[data-v-9be8c698] {
		    background: rgba(0,0,0,.03);
		    padding: 10px 20px;
		    border-radius: 18px;
		    margin-top: 20px
		}
		
		.con-switch[data-v-39af776e] {
		    display: flex;
		    align-items: center;
		    justify-content: center
		}
		
		.con-switch ul[data-v-39af776e] {
		    width: 100%;
		    padding: 0
		}
		
		.con-switch ul li[data-v-39af776e] {
		    width: 100%;
		    display: flex;
		    align-items: center;
		    justify-content: space-between;
		    padding: 0
		}
		
		.con-switch ul li p[data-v-39af776e] {
		    margin: 0;
		    font-size: .85rem
		}
		
		.con-switch[data-v-39af776e] .vs-switch {
		    margin: 5px
		}
		
		.con-switch[data-v-695ffd03] {
		    display: flex;
		    align-items: center;
		    justify-content: center
		}
		
		.con-switch[data-v-695ffd03] .vs-switch {
		    margin: 10px
		}
		
		.con-switch[data-v-f19ca7aa] {
		    display: flex;
		    align-items: center;
		    justify-content: center
		}
		
		.con-switch[data-v-f19ca7aa] .vs-switch {
		    margin: 10px
		}
		
		.con-switch[data-v-35b1f36b] {
		    display: flex;
		    align-items: center;
		    justify-content: center
		}
		
		.con-switch[data-v-35b1f36b] .vs-switch {
		    margin: 10px
		}
		
		.con-switch[data-v-763e0a1e] {
		    display: flex;
		    align-items: center;
		    justify-content: center
		}
		
		.con-switch[data-v-763e0a1e] .vs-switch {
		    margin: 10px
		}
		
		.con-switch[data-v-22c8136b] {
		    display: flex;
		    align-items: center;
		    justify-content: center
		}
		
		.con-switch[data-v-22c8136b] .vs-switch {
		    margin: 10px
		}
		
		.badge[data-v-8c8543e8] {
		    display: inline-block;
		    font-size: .7rem;
		    border-radius: 5px;
		    padding: 1px 5px;
		    color: #fff;
		    margin-right: 0;
		    background-color: #42b983;
		    cursor: default;
		    pointer-events: none;
		    -webkit-user-select: none;
		    -moz-user-select: none;
		    -ms-user-select: none;
		    user-select: none
		}
		
		.badge.middle[data-v-8c8543e8] {
		    vertical-align: middle
		}
		
		.badge.top[data-v-8c8543e8] {
		    vertical-align: top
		}
		
		.badge.accent[data-v-8c8543e8] {
		    background: #2564ff
		}
		
		.badge.green[data-v-8c8543e8],.badge.success[data-v-8c8543e8],.badge.tip[data-v-8c8543e8] {
		    background-color: #42b983;
		    color: #fff
		}
		
		.badge.danger[data-v-8c8543e8],.badge.error[data-v-8c8543e8] {
		    background: #ff4757;
		    color: #fff;
		    border: 0
		}
		
		.badge.warn[data-v-8c8543e8],.badge.warning[data-v-8c8543e8],.badge.yellow[data-v-8c8543e8] {
		    background: #ffba00;
		    color: #fff
		}
		
		.badge.text[data-v-8c8543e8] {
		    background: var(--vs-theme-color);
		    color: #fff
		}
		
		.noti-code {
		    position: fixed;
		    bottom: 0;
		    width: 100%;
		    max-width: 500px;
		    background: var(--vs-theme-color);
		    left: 50%;
		    transform: translate(-50%,100%);
		    padding: 10px 20px;
		    text-align: center;
		    color: var(--vs-theme-layout);
		    border-radius: 20px 20px 0 0;
		    opacity: 0;
		    visibility: hidden;
		    transition: all .25s ease;
		    z-index: 1000
		}
		
		.noti-code i {
		    position: absolute;
		    left: 0;
		    top: 0;
		    font-size: 20px;
		    width: 45px;
		    height: 45px;
		    background: rgba(0,0,0,.1);
		    border-radius: 20px 0 0 0;
		    display: flex;
		    align-items: center;
		    justify-content: center
		}
		
		.noti-code.copied {
		    opacity: 1;
		    visibility: visible;
		    transform: translate(-50%)
		}
		
		.footer-code {
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    padding: 6px;
		    color: #fff;
		    cursor: pointer;
		    transition: all .25s ease
		}
		
		.footer-code:hover {
		    opacity: .4
		}
		
		.slot-all>div:nth-last-child(2) pre {
		    margin-bottom: 0
		}
		
		.slot-all>div:last-child div[class*=language-] {
		    border-radius: 0 0 20px 20px
		}
		
		.slot-all>div:last-child div[class*=language-] pre {
		    margin-bottom: 0!important
		}
		
		.con-codes {
		    position: relative;
		    width: 100%
		}
		
		.slots {
		    transition: all .25s ease;
		    overflow: hidden;
		    top: 0;
		    left: 0
		}
		
		.slots,.slots div,.slots div pre {
		    width: 100%
		}
		
		.slots>div:last-child div[class*=language-] {
		    border-radius: 0 0 20px 20px
		}
		
		.ul-codes {
		    position: relative;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    padding: 0 20px;
		    margin: 0
		}
		
		.ul-codes li {
		    list-style: none;
		    padding: 10px;
		    font-size: .75rem;
		    opacity: .4;
		    transition: all .25s ease;
		    cursor: pointer;
		    position: relative;
		    color: #fff;
		    -webkit-user-select: none;
		    -moz-user-select: none;
		    -ms-user-select: none;
		    user-select: none
		}
		
		.ul-codes li:after {
		    content: "";
		    position: absolute;
		    bottom: 0;
		    left: 50%;
		    transform: translate(-50%);
		    height: 2px;
		    width: 0;
		    background: #fff;
		    transition: all .25s ease
		}
		
		.ul-codes li.active,.ul-codes li:hover {
		    opacity: 1
		}
		
		.ul-codes li.active:after {
		    width: 100%
		}
		
		.code {
		    background: var(--vs-theme-layout);
		    z-index: 300;
		    position: relative;
		    padding-bottom: 10px;
		    transition: all .25s ease
		}
		
		.input-transparent {
		    position: absolute;
		    z-index: 0;
		    opacity: 0;
		    bottom: 0;
		    right: 0
		}
		
		.con-code {
		    display: block;
		    transition: all .25s ease;
		    background: var(--vs-theme-code2);
		    border-radius: 20px;
		    width: calc(100% - 20px);
		    margin: 0 10px
		}
		
		.con-code div[class*=language-] {
		    border-radius: 0
		}
		
		.con-code pre {
		    margin-top: 0!important
		}
		
		.header-codex,.header-codex ul {
		    width: 100%;
		    display: flex;
		    align-items: center;
		    justify-content: center
		}
		
		.header-codex ul {
		    margin: 0;
		    align-items: stretch;
		    padding: 10px 4px 0
		}
		
		.header-codex ul li {
		    list-style: none;
		    color: var(--vs-theme-color);
		    opacity: .6;
		    padding: 3px 10px;
		    transition: all .25s ease;
		    display: flex;
		    align-items: center;
		    cursor: pointer;
		    border-radius: 12px;
		    background: transparent;
		    outline: none!important
		}
		
		.header-codex ul li.copied {
		    transform: scale(1.3);
		    opacity: 1!important
		}
		
		.header-codex ul li.copied i {
		    color: #46c93a!important
		}
		
		.header-codex ul li:nth-last-child(3) {
		    position: relative;
		    padding-right: 15px;
		    margin-right: 5px
		}
		
		.header-codex ul li:nth-last-child(3):after {
		    content: "";
		    position: absolute;
		    right: 0;
		    height: 60%;
		    top: 20%;
		    width: 1px;
		    background: #eaecef;
		    display: block
		}
		
		.header-codex ul li.active {
		    color: #2564ff!important;
		    opacity: 1;
		    border-radius: 12px 12px 0 0;
		    background: var(--vs-theme-code2)
		}
		
		.header-codex ul li.active i {
		    color: #fff!important
		}
		
		.header-codex ul li i,.header-codex ul li svg {
		    max-width: 18px;
		    fill: var(--vs-theme-color)!important
		}
		
		.header-codex ul li:hover {
		    opacity: 1
		}
		
		.header-codex ul li:not(.not-a) svg {
		    transition: all .25s ease;
		    fill: rgba(44,62,80,.6);
		    pointer-events: none
		}
		
		@media (max-width: 500px) {
		    .code .con-code {
		        width:100%;
		        margin: 0
		    }
		}
		
		h1+.card .text h2 {
		    padding-top: 20px!important
		}
		
		.card {
		    border-radius: 20px;
		    overflow: hidden;
		    margin: 20px 0 -50px;
		    width: 100%
		}
		
		.card:last-of-type {
		    margin-bottom: 0
		}
		
		.card>.text ul {
		    margin-left: 40px;
		    padding-left: 0
		}
		
		.card>.text ul li p {
		    padding-left: 5px!important
		}
		
		.card .text>img {
		    max-width: 600px;
		    display: block;
		    border-radius: 20px
		}
		
		.card .example,.card .text>img {
		    width: 100%;
		    margin: 10px auto auto
		}
		
		.card .example {
		    padding: 10px;
		    border-radius: 5px 20px 0 0;
		    border-bottom: 0 solid rgba(0,0,0,.03);
		    background: var(--vs-theme-layout);
		    position: relative;
		    overflow: hidden;
		    transition: all .25s ease;
		    height: auto
		}
		
		.card .example:after {
		    width: 100%;
		    height: 100%;
		    border: 8px solid var(--vs-theme-bg2);
		    left: 0;
		    border-radius: 25px
		}
		
		.card .example:after,.card .example:before {
		    transition: all .25s ease;
		    content: "";
		    position: absolute;
		    box-sizing: border-box;
		    top: 0;
		    pointer-events: none;
		    opacity: 0;
		    visibility: hidden
		}
		
		.card .example:before {
		    width: 60px;
		    height: 25px;
		    background: var(--vs-theme-bg2);
		    left: 50%;
		    transform: translate(-50%);
		    border-radius: 0 0 8px 8px
		}
		
		.card .example.mobile {
		    width: 260px;
		    height: 520px;
		    margin: 20px auto;
		    border-radius: 25px;
		    padding: 30px 20px;
		    overflow: auto
		}
		
		.card .example.mobile:after,.card .example.mobile:before {
		    opacity: 1;
		    visibility: visible
		}
		
		.card .example.mobile~.slotcode .code {
		    border-radius: 20px;
		    background: transparent
		}
		
		.card .text h2,.card .text h3,.card .text h4,.card .text h5,.card .text h6 {
		    margin: 0;
		    border-bottom: 0;
		    padding: 15px 20px 10px;
		    transition: all .25s ease;
		    z-index: 200;
		    position: relative
		}
		
		.card .text h2:hover,.card .text h3:hover,.card .text h4:hover,.card .text h5:hover,.card .text h6:hover {
		    padding-left: 40px
		}
		
		.card .text h2 {
		    padding-top: 120px
		}
		
		.card .text p {
		    padding: 5px 20px;
		    margin: 0;
		    z-index: 200;
		    position: relative
		}
		
		.card .text li,.card .text p {
		    font-size: .85rem
		}
		
		@media (max-width: 500px) {
		    .card .text {
		        padding:10px
		    }
		
		    .card .text h2 {
		        font-size: 1.3rem;
		        padding-top: 80px;
		        padding-left: 10px;
		        padding-bottom: 0
		    }
		
		    .card .text p {
		        padding-left: 10px;
		        padding-top: 10px
		    }
		}
		
		a[data-v-5da393f3],a[data-v-cad4f6a6] {
		    text-decoration: underline
		}



































.dspnoneIPT{
	display: none !important;
}


.dspnone{
	display: none;
}

.textCenter{
	text-align: center;
}
@font-face {
	font-family: 'Roboto';
	src: url('./fonts/roboto-regular.ttf') format('truetype'),
			url('./fonts/roboto-bold.ttf') format('truetype');
	}
.fontWeight600{
	font-weight: 600;
}
.fontRoboto {
	font-family: 'Roboto' !important;
}		
.flexCol{
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.flexCol.flexStart{
	align-items: flex-start;
}
.flexCol.flexEnd{
	align-items: flex-end;
}
.flexRow{
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}	
.flexRow.flexStart{
	align-items: flex-start;
}
.flexRow.flexEnd{
	align-items: flex-end;
}
.flex1{
	flex:1;
}	
.flex2{
	flex:2;
}	
.flex3{
	flex:3;
}	
.flex4{
	flex:4;
}	
.flex5{
	flex:5;
}	
.flex6{
	flex:6;
}	

.w10px{
	width:10px;
}
.w12px{
	width:12px;
}
.w20px{
	width:20px;
}
.w218px{
	width:218px;
}
.w294px{
	width:294px;
}
.w267px{
	width:267px;
}
.w24px{
	width:24px;
}
.w30px{
	width:30px;
}
.w32px{
	width:32px;
}
.w40px{
	width:40px;
}
.w44px{
	width:44px;
}
.w22px{
	width:22px;
}
.w48px{
	width:48px;
}
.w50px{
	width:50px;
}
.w60px{
	width:60px;
}
.w70px{
	width:70px;
}
.w80px{
	width:80px;
}
.w90px{
	width:90px;
}
.w100px{
	width:100px;
}
.w140px{
	width:140px;
}
.w419px{
	width:419px;
}
.h32px{
	height:32px;
}
.w200px{
	width:200px
}
.w178px{
	width: 178px;
}
.w180px{
	width: 180px;
}
.w323px{
	width: 323px;
}
.h251px{
	height: 251px;
}
.h138px{
	height: 138px;
}


.h163px{
	height:163px;
}
.w288px{
	width:288px;
}
.w314px{
	width:314px;
}
.w174px{
	width:174px;
}
.h42px{
	height: 42px;
}
.h48px{
	height: 48px;
}
.h24px{
	height: 24px;;
}
.h104px{
	height: 104px;
}
.w10{
	width:10%;
}
.w20{
	width:20%;
}
.w30{
	width:30%;
}
.w40{
	width:40%;
}
.w50{
	width:50%;
}
.w60{
	width:60%;
}
.w70{
	width:70%;
}
.w80{
	width:80%;
}
.w90{
	width:90%;
}
.w100{
	width:100%;
}

.h10{
	height:10%;
}
.h20{
	height:20%;
}
.h30{
	height:30%;
}
.h40{
	height:40%;
}
.h50{
	height:50%;
}
.h60{
	height:60%;
}
.h70{
	height:70%;
}
.h80{
	height:80%;
}
.h90{
	height:90%;
}
.h100{
	height:100%;
}

.h0px{
	height:0px;
}
.h10px{
	height:10px;
}
.h12px{
	height:12px;
}
.h20px{
	height:20px;
}
.h22px{
	height:22px;
}
.h44px{
	height:44px;
}
.h30px{
	height:30px;
}
.h40px{
	height:40px;
}
.h50px{
	height:50px;
}
.h60px{
	height:60px;
}
.h64px{
	height:64px;
}
.h70px{
	height:70px;
}
.h80px{
	height:80px;
}
.h90px{
	height:90px;
}
.h100px{
	height:100px;
}
.h373px{
	height:373px;
}
.w-full{
	width:100%
}
.w-half{
	width:50%；
}
.h-full{
	height:100%;
}
.h-half{
	height:50%;
}

.gap1{gap:1px;}
.gap2{gap:2px;}
.gap3{gap:3px;}
.gap4{gap:4px;}
.gap5{gap:5px;}
.gap6{gap:6px;}
.gap7{gap:7px;}
.gap8{gap:8px;}
.gap9{gap:9px;}
.gap10{gap:10px;}
.gap11{gap:11px;}
.gap12{gap:12px;}
.gap13{gap:13px;}
.gap14{gap:14px;}
.gap15{gap:15px;}
.gap16{gap:16px;}
.gap17{gap:17px;}
.gap18{gap:18px;}
.gap19{gap:19px;}
.gap20{gap:20px;}
.bg-fff{
	background: #fff;
}
.bg-black{
	background: #000;
}
.stopPE{
	pointer-events: none;
}
.opacity0{
	opacity: 0;
}
.mt24{
	margin-top: 24px;
}
.mr16{
	margin-right: 16px;
}
.mt50{
	margin-top: 50px;
}
.mb50{
	margin-bottom: 50px;
}
.ml50{
	margin-left: 50px;
}

.mr50{
	margin-right: 50px;
}
.mt10{
	margin-top: 10px;
}
.mb10{
	margin-bottom: 10px;
}
.ml10{
	margin-left: 10px;
}

.mr10{
	margin-right: 10px;
}
.maxH10{
	max-height:10%;
}
.maxH20{
	max-height:20%;
}
.maxH30{
	max-height:30%;
}
.maxH40{
	max-height:40%;
}
.maxH50{
	max-height:50%;
}
.maxH60{
	max-height:60%;
}
.maxH70{
	max-height:70%;
}
.maxH80{
	max-height:80%;
}
.maxH90{
	max-height:90%;
}
.maxH100{
	max-height:100%;
}
.maxH10vh{
	max-height:10vh;
}
.maxH20vh{
	max-height:20vh;
}
.maxH30vh{
	max-height:30vh;
}
.maxH40vh{
	max-height:40vh;
}
.maxH50vh{
	max-height:50vh;
}
.maxH60vh{
	max-height:60vh;
}
.maxH70vh{
	max-height:70vh;
}
.maxH80vh{
	max-height:80vh;
}
.maxH90vh{
	max-height:90vh;
}
.maxH10vh0{
	max-height:100vh;
}
.maxW10{
	max-width:10%;
}
.maxW20{
	max-width:20%;
}
.maxW30{
	max-width:30%;
}
.maxW40{
	max-width:40%;
}
.maxW50{
	max-width:50%;
}
.maxW60{
	max-width:60%;
}
.maxW70{
	max-width:70%;
}
.maxW80{
	max-width:80%;
}
.maxW90{
	max-width:90%;
}
.maxW100{
	max-width:100%;
}
.relative{
	position:relative;
}
.absolute{
	position:absolute;
}
.fixed{
	position:fixed;
}
.trans{
	transition: 0.3s all;
}
.left0{
	left: 0;
}
.right0{
	right:0;
}
.top10{
	top:10%;
}
.right10{
	right:10%;
}
.left419px{
	left:419px;
}
.top0{
	top:0;
}
.left100{
	left:100%;
}
.top100{
	top:100%;
}
.bottom0{
	bottom:0;
}
.bottom50{
	bottom:50%;
}
.right0{
	right:0;
}
.z1{
	z-index:1;
}
.z2{
	z-index:2;
}
.z3{
	z-index:3;
}
.z4{
	z-index:4;
}
.z5{
	z-index:5;
}
.z6{
	z-index:6;
}
.z7{
	z-index:7;
}
.z8{
	z-index:8;
}
.z9{
	z-index:9;
}
.z10{
	z-index:10;
}
.z11{
	z-index:11;
}
.z12{
	z-index:12;
}
.z13{
	z-index:13;
}
.z14{
	z-index:14;
}
.z15{
	z-index:15;
}
.radius10{
	border-radius: 10px;
}
.radius8{
	border-radius: 8px;
}
.radius4{
	border-radius: 4px;
}
.radius10top{
	border-radius: 10px 10px 0 0;
}
.radius10right{
	border-radius: 0px 10px 10px 0;
}

.pointer{
	cursor: pointer;
}
.overhidden{
	overflow: hidden;
}

.overscroll{
	overflow: scroll;
}
.overauto{
	overflow: auto;
}
.overhiddenX{
	overflow-x: hidden;
}
.mr1{ margin-right: 1px; }
.mr2{ margin-right: 2px; }
.mr3{ margin-right: 3px; }
.mr4{ margin-right: 4px; }
.mr5{ margin-right: 5px; }
.mr6{ margin-right: 6px; }
.mr7{ margin-right: 7px; }
.mr8{ margin-right: 8px; }
.mr9{ margin-right: 9px; }
.mr10{ margin-right: 10px; }
.mr11{ margin-right: 11px; }
.mr12{ margin-right: 12px; }
.mr13{ margin-right: 13px; }
.mr14{ margin-right: 14px; }
.mr15{ margin-right: 15px; }
.mr16{ margin-right: 16px; }
.mr17{ margin-right: 17px; }
.mr18{ margin-right: 18px; }
.mr19{ margin-right: 19px; }
.mr20{ margin-right: 20px; }
.mr21{ margin-right: 21px; }
.mr22{ margin-right: 22px; }
.mr23{ margin-right: 23px; }
.mr24{ margin-right: 24px; }
.mr25{ margin-right: 25px; }
.mr26{ margin-right: 26px; }
.mr27{ margin-right: 27px; }
.mr28{ margin-right: 28px; }
.mr29{ margin-right: 29px; }
.mr30{ margin-right: 30px; }
.mr31{ margin-right: 31px; }
.mr32{ margin-right: 32px; }
.mr33{ margin-right: 33px; }
.mr34{ margin-right: 34px; }
.mr35{ margin-right: 35px; }
.mr36{ margin-right: 36px; }
.mr37{ margin-right: 37px; }
.mr38{ margin-right: 38px; }
.mr39{ margin-right: 39px; }
.mr40{ margin-right: 40px; }
.border0{
	border:0 !important;
}
.ml1{ margin-left: 1px; }
.ml2{ margin-left: 2px; }
.ml3{ margin-left: 3px; }
.ml4{ margin-left: 4px; }
.ml5{ margin-left: 5px; }
.ml6{ margin-left: 6px; }
.ml7{ margin-left: 7px; }
.ml8{ margin-left: 8px; }
.ml9{ margin-left: 9px; }
.ml10{ margin-left: 10px; }
.ml11{ margin-left: 11px; }
.ml12{ margin-left: 12px; }
.ml13{ margin-left: 13px; }
.ml14{ margin-left: 14px; }
.ml15{ margin-left: 15px; }
.ml16{ margin-left: 16px; }
.ml17{ margin-left: 17px; }
.ml18{ margin-left: 18px; }
.ml19{ margin-left: 19px; }
.ml20{ margin-left: 20px; }
.ml21{ margin-left: 21px; }
.ml22{ margin-left: 22px; }
.ml23{ margin-left: 23px; }
.ml24{ margin-left: 24px; }
.ml25{ margin-left: 25px; }
.ml26{ margin-left: 26px; }
.ml27{ margin-left: 27px; }
.ml28{ margin-left: 28px; }
.ml29{ margin-left: 29px; }
.ml30{ margin-left: 30px; }
.ml31{ margin-left: 31px; }
.ml32{ margin-left: 32px; }
.ml33{ margin-left: 33px; }
.ml34{ margin-left: 34px; }
.ml35{ margin-left: 35px; }
.ml36{ margin-left: 36px; }
.ml37{ margin-left: 37px; }
.ml38{ margin-left: 38px; }
.ml39{ margin-left: 39px; }
.ml40{ margin-left: 40px; }
.mt1{ margin-top: 1px; }
.mt2{ margin-top: 2px; }
.mt3{ margin-top: 3px; }
.mt4{ margin-top: 4px; }
.mt5{ margin-top: 5px; }
.mt6{ margin-top: 6px; }
.mt7{ margin-top: 7px; }
.mt8{ margin-top: 8px; }
.mt9{ margin-top: 9px; }
.mt10{ margin-top: 10px; }
.mt11{ margin-top: 11px; }
.mt12{ margin-top: 12px; }
.mt13{ margin-top: 13px; }
.mt14{ margin-top: 14px; }
.mt15{ margin-top: 15px; }
.mt16{ margin-top: 16px; }
.mt17{ margin-top: 17px; }
.mt18{ margin-top: 18px; }
.mt19{ margin-top: 19px; }
.mt20{ margin-top: 20px; }
.mt21{ margin-top: 21px; }
.mt22{ margin-top: 22px; }
.mt23{ margin-top: 23px; }
.mt24{ margin-top: 24px; }
.mt25{ margin-top: 25px; }
.mt26{ margin-top: 26px; }
.mt27{ margin-top: 27px; }
.mt28{ margin-top: 28px; }
.mt29{ margin-top: 29px; }
.mt30{ margin-top: 30px; }
.mt31{ margin-top: 31px; }
.mt32{ margin-top: 32px; }
.mt33{ margin-top: 33px; }
.mt34{ margin-top: 34px; }
.mt35{ margin-top: 35px; }
.mt36{ margin-top: 36px; }
.mt37{ margin-top: 37px; }
.mt38{ margin-top: 38px; }
.mt39{ margin-top: 39px; }
.mt40{ margin-top: 40px; }
.mt85{ margin-top: 85px; }

.mb1{ margin-bottom: 1px; }
.mb2{ margin-bottom: 2px; }
.mb3{ margin-bottom: 3px; }
.mb4{ margin-bottom: 4px; }
.mb5{ margin-bottom: 5px; }
.mb6{ margin-bottom: 6px; }
.mb7{ margin-bottom: 7px; }
.mb8{ margin-bottom: 8px; }
.mb9{ margin-bottom: 9px; }
.mb10{ margin-bottom: 10px; }
.mb11{ margin-bottom: 11px; }
.mb12{ margin-bottom: 12px; }
.mb13{ margin-bottom: 13px; }
.mb14{ margin-bottom: 14px; }
.mb15{ margin-bottom: 15px; }
.mb16{ margin-bottom: 16px; }
.mb17{ margin-bottom: 17px; }
.mb18{ margin-bottom: 18px; }
.mb19{ margin-bottom: 19px; }
.mb20{ margin-bottom: 20px; }
.mb21{ margin-bottom: 21px; }
.mb22{ margin-bottom: 22px; }
.mb23{ margin-bottom: 23px; }
.mb24{ margin-bottom: 24px; }
.mb25{ margin-bottom: 25px; }
.mb26{ margin-bottom: 26px; }
.mb27{ margin-bottom: 27px; }
.mb28{ margin-bottom: 28px; }
.mb29{ margin-bottom: 29px; }
.mb30{ margin-bottom: 30px; }
.mb31{ margin-bottom: 31px; }
.mb32{ margin-bottom: 32px; }
.mb33{ margin-bottom: 33px; }
.mb34{ margin-bottom: 34px; }
.mb35{ margin-bottom: 35px; }
.mb36{ margin-bottom: 36px; }
.mb37{ margin-bottom: 37px; }
.mb38{ margin-bottom: 38px; }
.mb39{ margin-bottom: 39px; }
.mb40{ margin-bottom: 40px; }

.fontSize10{ font-size: 10px; }
.fontSize11{ font-size: 11px; }
.fontSize12{ font-size: 12px; }
.fontSize13{ font-size: 13px; }
.fontSize14{ font-size: 14px; }
.fontSize15{ font-size: 15px; }
.fontSize16{ font-size: 16px; }
.fontSize17{ font-size: 17px; }
.fontSize18{ font-size: 18px; }
.fontSize19{ font-size: 19px; }
.fontSize20{ font-size: 20px; }
.fontSize21{ font-size: 21px; }
.fontSize22{ font-size: 22px; }
.fontSize23{ font-size: 23px; }
.fontSize24{ font-size: 24px; }
.fontSize25{ font-size: 25px; }
.fontSize26{ font-size: 26px; }
.fontSize27{ font-size: 27px; }
.fontSize28{ font-size: 28px; }
.fontSize29{ font-size: 29px; }
.fontSize30{ font-size: 30px; }
.fontSize31{ font-size: 31px; }
.fontSize32{ font-size: 32px; }
.fontSize33{ font-size: 33px; }
.fontSize34{ font-size: 34px; }
.fontSize35{ font-size: 35px; }
.fontSize36{ font-size: 36px; }
.fontSize37{ font-size: 37px; }
.fontSize38{ font-size: 38px; }
.fontSize39{ font-size: 39px; }
.fontSize40{ font-size: 40px; }
.pt0{ padding-top:0px; }
.pt10{ padding-top:10px; }
.pt4{ padding-top:4px; }
.pb4{ padding-bottom:4px; }
.pt20{ padding-top:20px; }
.pt24{ padding-top:24px; }
.pt30{ padding-top:30px; }
.pl10{ padding-left:10px; }
.pl20{ padding-left:20px; }
.pl24{ padding-left:24px; }
.pl30{ padding-left:30px; }
.pr10{ padding-right:10px; }

.pr20{ padding-right:20px; }
.pr24{ padding-right:24px; }
.pr30{ padding-right:30px; }
.pb10{ padding-bottom:10px; }
.pb20{ padding-bottom:20px; }
.pb24{ padding-bottom:24px; }
.pb30{ padding-bottom:30px; }


.pd10{ padding:10px; }
.pd20{ padding:20px; }
.pd24{ padding:24px; }
.pd30{ padding:30px; }
.pd40{ padding:40px; }

.pt8{ padding-top:8px; }
.pb8{ padding-bottom:8px; }


.pdl24{
	padding-left: 24px;
}
.pdr24{
	padding-right: 24px;
}
.pdl24{
	padding-left: 24px;
}
.mb20{
	margin-bottom: 20px;
}
.mr50{
	margin-right: 50px;
}
.mt8{
	margin-top:8px;
}

.rotate180{
	transform: rotate(180deg); 
}
.rotate0{
	transform: rotate(0deg); 
}
.border1{
	border:1px solid #ccc;
}

.btn-1733198696{
	padding:10px 0;
	cursor: pointer;
	width:420px;
	height:70px;
	background: linear-gradient( #f88f52, #ee3d44);
	border-radius: 8px;
	font-size:28px;
	color:#fff;
	margin-top:10px;
}
.font-1733210371{
	font-size:27px;color:#fff;text-align: center;margin-bottom:60px;
}
/* Media query for screen widths less than 600px */
@media (max-width: 600px) {
	.btn-1733198696 {
		width:320px;
		height:48px;
	  	font-size: 18px;
	}
	.font-1733210371{
		font-size: 22px;
	}
}
.bg-1733196125{
	background-image: url(./images/indexbg1733196125.png);
/*	background:rgba(0,0,0,0.1);*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.logo-1733280339{
	transition: 0.3s all;
	width:180px;
}
.head-1733292775{
	transition: 0.3s all;
	padding:37px 73px;
}
@media (max-width: 800px) { 
	.logo-1733280339{
		width:120px;
	}
	.head-1733292775{
		padding:15px 25px;
	}
}
.input-1733477964{
	margin: 24px 0;
}
.input-1733477964 input{
	transition: 0.3s all;
	border:1px solid #cfd5dd;
	font-size:16px;
	height:50px;
	width:100%;
	border-radius:30px;
	padding:0 60px;
}

.input-1733280734 input{
	transition: 0.3s all;
	border:1px solid #cfd5dd;
	width:500px;
	height:60px;
	font-size:24px;
	border-radius:10px;
	padding:0 60px;
}
@media (max-width: 1200px) {
	.input-1733280734 input{
		width:400px;
		padding-right:60px;
	}
}
@media (max-width: 900px) {
	.input-1733280734 input{
		width:0;
		padding-right:0;
	}
}
@media (max-width: 600px) {
	.input-1733280734 input{
		height:40px;
		padding:0 40px;
		font-size:16px;
		width:0;
		padding-right:0;
	}
}
.title-1733293633{
	font-size: 20px;
	line-height: 24px;
	margin:0;
	font-weight: 600;
	letter-spacing: 1px;
	letter-spacing: 1.5px;
}
.list-1733318063{
	transition: 0.3s all;
	overflow-y: auto;
}
.list-1733293739{
	transition: 0.3s all;
	padding:37px 73px;
	overflow-y: auto;
}
@media (max-width: 800px) {
	.list-1733293739{
		padding:15px 25px;
	}
	

	.input-1733280734 input {
        height: 40px;
        padding: 0 40px;
        font-size: 16px;
        width: 0;
        padding-right: 0;
    }

}

.Usage-1733993708{
	color:#000;
	opacity:1 !important;
	width:280px;
	height:290px;
	overflow-x: hidden;
	overflow-y: auto;
	background:#fff;
	box-shadow:rgb(199, 199, 199) 0px 0px 3px 1px;
}

/* 外层容器，设置固定宽度和横向滚动 */
.container-1733295742 {
	width: 100%; /* 设置为父级宽度 */
	overflow-x: hide; /* 启用横向滚动条 */
	overflow-y: visible;
	white-space: nowrap; /* 禁止换行 */
	padding: 0px;
	box-sizing: border-box;
	padding-bottom: 10px;
}

/* 内部内容 */
.wrapper-1733295742 {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px; /* 项目之间的间距 */
}

/* 每个条目的样式 */
.title-1733295742 {
	transition: 0.3s all;
	display: flex; /* 使用弹性布局 */
	align-items: center; /* 垂直居中 */
	justify-content: center; /* 水平居中 */
	box-sizing: border-box;
	/* padding: 0 16px; */
	height: 40px;
	border: 1px solid #ddd;
	border-radius: 4px;
	user-select: none; /* 禁止文本被选中 */
	cursor: pointer;
	font-size: 16px;
}

.title-1733295742.active{
	color:#f3674b;
}

.title-1733295742:hover {
	/* background-color: #e0e0e0; */
	/* opacity:0.5; */
}
.title-1733295742 .icon{
	height:16px;
	margin-right: 6px;
}
.Showingunits-1733297110{
	font-size:14px;
	margin-top:10px;
	margin-bottom: 17px;
}
.line-1733298708{
	width:100%;
	border-top: 1px solid #ccc;
	margin-bottom: 0px;
}

.container-1733299035 {
	display: grid;
	gap: 0px;
	column-gap: 30px;
	/* 网格项间距 */
	padding: 0px;
	width: 100%;
	/* 改为占满整个宽度 */

	max-width: 3840px;
	/* 限制到 4K 分辨率 */
	box-sizing: border-box;
	/* 包含内边距 */
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	/* 自动填充，保持整齐 */
}


@media (max-width: 900px) {
	.openSearchInput .input-1733280734 input{
		width:400px;
	}
}
@media (max-width: 600px) {
	.openSearchInput .input-1733280734{
		/* width:100%; */
	}
	.openSearchInput .input-1733280734 input{
		width:400px;
	}
	.openSearchInput .logo-1733280339{
		display: none !important;
	}
	.openSearchInput .space-1733304193{
		display: none !important;
	}
}

@media (max-width: 450px) {
	.openSearchInput .input-1733280734 input{
		width:300px;
	}
}

@media (max-width: 350px) {
	.openSearchInput .input-1733280734 input{
		width:250px;
	}
}

.head-1733387066{
	transition: 0.3s all;
	background-color: #fff;
	height:72px;
	padding:20px 50px;
}
.pdb-1733451994{
	padding-bottom:62px;
}

@media (max-width: 800px) {
	.head-1733387066{
		height:60px;
		padding:10px 10px;
	}
	.pdb-1733451994{
		padding-bottom:50px;
	}
}

.img-item-1733398756,
.img-item-1733398757,
.img-item-1733398758 {
	transition: 0.3s all;
  width: 250px; /* 固定宽度 */
  height: 250px; /* 固定高度 */
  object-fit: cover; /* 确保图片按比例缩放以填满容器，避免变形 */
}
.flex-container-1733398756 {
	display: flex; /* 使用弹性布局，横向排列 */
	gap: 10px; /* 项目之间的间距 */
	overflow-x: auto; /* 启用横向滚动条 */
	overflow-y: hidden; /* 禁用纵向滚动 */
	white-space: nowrap; /* 禁止换行 */
	padding: 0px;
	box-sizing: border-box;
  }
  

.flex-container-1733390639{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.fontStyle-1733390985{
	color:#f3654a;
}
.flex-around{
	justify-content: space-around !important;
}
.flex-1733401545{
	flex-direction: row !important;
}


@media (max-width: 1812px) {
	.flex-1733401545{
		align-items: start !important;
		flex-direction: column !important;
	}
}

@media (max-width: 862px) {
	.img-item-1733398756{
		width:200px;
		height:200px;
	}
	.img-item-1733398757{
		width:200px;
		height:200px;
	}
	.img-item-1733398758{
		width:200px;
		height:200px;
	}
	.fontStyle-1733390985{
		font-size:18px;
	}
	.flex-container-1733390639{
		font-size:16px;
	}
}
@media (max-width: 630px) {
	.flex-container-1733390639{
		flex-direction: column;
		align-items:flex-start;
	}
	.flex-container-1733390639 .ml50{
		margin-left:0;
	}
	.mobileHide-1733450579{
		display: none;
	}
}

.pdb-1733451994{

}
.container-1733478200{
	padding:24px 20px;
	transition: 0.3s all;
}
.container-1733478200{
	
}
.touchBtn-1733485818{
	width:50px;
	height:6px;
	border-radius: 30px;
	background:#ccc;
	margin-bottom: 10px;
	cursor: pointer;
	display: none;
}
.bg-1733822309{
	background:rgba(0,0,0,0.5);
}
.mobile-1735048383{
	display: none;
}
.show600Flex{
		display: none !important;
	}
.show600Block{
	display: none !important;
}
.height-1735215166{
	height:70px;
}
@media (max-width: 600px) {
	.height-1735215166{
		height:auto;
	}
	.div-1733827854{
		margin-left:0 !important;
		margin-right:0 !important;
		right:auto !important;
		left:50%;
		transform: translate(-50%, -0%) !important;
	}
	.Usage-1733993708{
		position:fixed !important;
		left:50% !important;
		top:10% !important;
		transform: translate(-50%, -0%) !important;
	}
	.div-1735042211{
		display: none;
	}
	.hide600{
		display: none !important;
	}
	.show600Flex{
		display: flex !important;
	}
	.show600Block{
		display: flex !important;
	}
	.container-1733478200{
		width:100%;
		top:35%;
		height: 65%;
/*		border-radius: 10px 10px 0 0;*/
	}
	.container-1733478200.view360vt{
		top:64%;
		height:36%;
	}
	.pc-1735048383{
		display: none;
	}
	.mobile-1735048383{
		display: flex;
	}
	.touchBtn-1733485818{
		display: block;
	}
	.map-1733812487{
		left:0 !important;
		height:37%;
	}
	.map-1733812487.view360vt{
		height: 65%;
	}
	.map-1733812487.view360vt.full{
		height: 100%;
		z-index: 99;
	}
	.box-1735043612{
		margin:0 !important;
		width:100% !important;
		left:0 !important;
		border-radius: 8px 8px 0 0 !important;
	}
	.WUGBVBVGWOB {
		bottom:65% !important;
		right:0% !important;
		margin-right:20px;
		margin-bottom:20px;
	}
}
.container-1733306350{
	padding:0px 0;
	padding-top: 15px;
	margin-bottom:15px;
	border-top: 1px solid #ccc;
}
.container-1733747314{
	padding-bottom: 15px;
	margin-top:15px;
	border-bottom: 1px solid #ccc;
}
/* .content-1733747049 .container-1733306350{
	border-bottom: 0px solid #ccc;
} */
.initFontColor{
	color:#F35F4A;
}
.initBorderColor{
	border:1px solid #F35F4A;
}
.initBgColor{
	background:#F35F4A;
}
.fontColorFFF{
	color:#fff;
}
.noSelect{
	user-select: none
}
.container-1733714796 .vs-checkbox-mask:after{
	border-radius: 4px !important;
}
.container-1733714796 .vs-checkbox-mask:before{
	border-radius: 4px !important;
}

.container-1733714796 .vs-checkbox-label{
	margin-left:5px;
}

.container-1733714796 .vs-radio__label{
	margin-left:12px;
}

.btn-1733728878{
    top: 50%;
    border-radius: 0px 10px 10px 0;
	transform: translateY(-50%);
}

@media (max-width: 600px) {
	.btn-1733728878{
		display: none;
	}
}

.icon-1733991644 img{
	margin-right:5px;
}
.map-1734081048{
	border-radius: 6px;
	border:2px solid #fff;
}

.active-1734354315{
	color:#F35F4A;
	border-bottom: 1px solid #F35F4A;
}
.bor-1734354998{
	border-bottom: 1px solid #F0F0F0;
}

.grid-1734344598 {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 三列等宽 */
  grid-template-rows: repeat(2, auto);  /* 两行自动高度 */
  gap: 17px; /* 行间距和列间距 */
  padding: 17px; /* 可选，增加内边距 */
  padding-bottom: 17px;
}
.grid-1734344598 .item{
	border:1px solid #F0F0F0;
}
.WUGBVBVGWOB{
	border-radius: 8px;
	background:#fff;
	width:42px;
	height:42px;
	position: absolute;
	right:30px;
	bottom:30px;
	z-index: 2;
}
.WUGBVBVGWOB .line{
	background:#A9ACAF;
	width:20px;
	height:3px;
	border-radius: 3px;
}