vgapp 0.1.2 → 0.1.3

package/app/utils/js/functions.js

@@ -269,9 +269,28 @@ function makeRandomString(length = 7) {
 	return result;
 }
 
+/**
+ * Транслитерация символов с латиницы на кириллицу и обратно
+ * @param text
+ * @param enToRu
+ * @returns {*}
+ */
+function transliterate(text, enToRu) {
+	let ru = "й ц у к е н г ш щ з х ъ ф ы в а п р о л д ж э я ч с м и т ь б ю".split(/ +/g);
+	let en = "q w e r t y u i o p [ ] a s d f g h j k l ; ' z x c v b n m , .".split(/ +/g);
+	let x;
+
+	for (x = 0; x < ru.length; x++) {
+		text = text.split(enToRu ? en[x] : ru[x]).join(enToRu ? ru[x] : en[x]);
+		text = text.split(enToRu ? en[x].toUpperCase() : ru[x].toUpperCase()).join(enToRu ? ru[x].toUpperCase() : en[x].toUpperCase());
+	}
+
+	return text;
+}
+
 /**
  *
  */
 const isRTL = () => document.documentElement.dir === 'rtl'
 
-export {isElement, isVisible, isDisabled, isObject, isEmptyObj, mergeDeepObject, removeElementArray, normalizeData, execute, executeAfterTransition, reflow, noop, makeRandomString, isRTL}
+export {isElement, isVisible, isDisabled, isObject, isEmptyObj, mergeDeepObject, removeElementArray, normalizeData, execute, executeAfterTransition, reflow, noop, makeRandomString, isRTL, transliterate}

package/app/utils/scss/default.css

@@ -1,275 +1,275 @@
-.vg-backdrop {
-  --vg-backdrop-bg: rgb(0, 0, 0) ;
-  --vg-backdrop-opacity: 0.4 ;
-  --vg-backdrop-z-index: 999 ;
-  --vg-backdrop-transition: all 0.5s ease-in-out ;
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  height: 100vh;
-  background: var(--vg-backdrop-bg);
-  transition: var(--vg-backdrop-transition);
-  opacity: 0;
-  z-index: var(--vg-backdrop-z-index);
-}
-.vg-backdrop.fade {
-  opacity: var(--vg-backdrop-opacity);
-}
-
-.vg-btn-close {
-  position: absolute;
-  right: 1rem;
-  top: 1rem;
-  border: none;
-  background: transparent;
-}
-.vg-btn-close svg {
-  width: 24px;
-  height: 24px;
-}
-
-.vg-collapse:not(.show) {
-  display: none;
-}
-
-.vg-collapsing {
-  height: 0;
-  overflow: hidden;
-  transition: all 0.5s ease-in-out;
-}
-
-/**
-* Loader
- */
-.vg-loader, .vg.loader:after {
-  border-radius: 50%;
-  width: 7em;
-  height: 7em;
-}
-
-.vg-loader {
-  --vg-loader-border-width: 0.75em ;
-  --vg-loader-border-style: solid ;
-  --vg-loader-border-color: rgba(0, 0, 0, 0.2) ;
-  --vg-loader-color: rgb(33, 37, 41) ;
-  --vg-loader-font-size: 10px ;
-  --vg-loader-margin: 30px auto ;
-  --vg-loader-animation: vgLoader 1.1s infinite linear ;
-  --vg-loader-transform: translateZ(0) ;
-  margin: var(--vg-loader-margin);
-  font-size: var(--vg-loader-font-size);
-  position: relative;
-  text-indent: -9999em;
-  border-top: var(--vg-loader-border-width) var(--vg-loader-border-style) var(--vg-loader-border-color);
-  border-right: var(--vg-loader-border-width) var(--vg-loader-border-style) var(--vg-loader-border-color);
-  border-bottom: var(--vg-loader-border-width) var(--vg-loader-border-style) var(--vg-loader-border-color);
-  border-left: var(--vg-loader-border-width) var(--vg-loader-border-style) var(--vg-loader-color);
-  transform: var(--vg-loader-transform);
-  animation: var(--vg-loader-animation);
-}
-
-/**
-* Alert
- */
-.vg-alert {
-  --vg-alert-padding: 2rem ;
-  --vg-alert-margin: 0 0 2rem ;
-  --vg-alert-border-width: 1px ;
-  --vg-alert-border-style: solid ;
-  --vg-alert-border-color: transparent ;
-  --vg-alert-border-radius: 0.375rem ;
-  --vg-alert-gap: 1.5rem ;
-  --vg-alert-icon-width: 80px ;
-  --vg-alert-icon-height: 80px ;
-  --vg-alert-content-width: 100% ;
-  --vg-alert-content-align: center ;
-  --vg-alert-content-justify: flex-start ;
-  --vg-alert-success-color: #88d15e ;
-  --vg-alert-success-border-color: #A5DC86 ;
-  --vg-alert-success-background-color: rgba(194, 231, 174, 0.15) ;
-  --vg-alert-success-stroke: rgba(117, 183, 152, 0.4) ;
-  --vg-alert-error-color: #f51313 ;
-  --vg-alert-error-border-color: #F74444 ;
-  --vg-alert-error-background-color: rgba(252, 190, 190, 0.075) ;
-  --vg-alert-waiting-color: #ffcd37 ;
-  --vg-alert-waiting-border-color: #ffda6a ;
-  --vg-alert-waiting-background-color: rgba(255, 237, 183, 0.1) ;
-  padding: var(--vg-alert-padding);
-  margin: var(--vg-alert-margin);
-  border: var(--vg-alert-border-width) var(--vg-alert-border-style) var(--vg-alert-border-color);
-  border-radius: var(--vg-alert-border-radius);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.vg-alert-success {
-  color: var(--vg-alert-success-color);
-  border-color: var(--vg-alert-success-border-color);
-  background-color: var(--vg-alert-success-background-color);
-}
-.vg-alert-error {
-  color: var(--vg-alert-error-color);
-  border-color: var(--vg-alert-error-border-color);
-  background-color: var(--vg-alert-error-background-color);
-}
-.vg-alert-content {
-  display: flex;
-  align-items: var(--vg-alert-content-align);
-  justify-content: var(--vg-alert-content-justify);
-  gap: var(--vg-alert-gap);
-  width: var(--vg-alert-content-width);
-}
-.vg-alert-content--icon {
-  width: var(--vg-alert-icon-width);
-  height: var(--vg-alert-icon-height);
-}
-.vg-alert-content--icon svg {
-  width: 100%;
-  height: 100%;
-}
-.vg-alert-content--icon .ui-success-circle {
-  stroke: var(--vg-alert-success-stroke);
-}
-.vg-alert-content--icon .ui-success-path {
-  stroke: var(--vg-alert-success-color);
-}
-.vg-alert-modal {
-  --vg-alert-icon-width: 150px;
-  --vg-alert-icon-height: 150px;
-  --vg-alert-padding: 5rem 2rem;
-  --vg-alert-border-width: 0;
-  margin: 0;
-}
-.vg-alert-modal .vg-alert-content {
-  flex-direction: column;
-  text-align: center;
-}
-
-/**
-* UI before Animation
- */
-.ui-success-circle {
-  stroke-dasharray: 260.752190248px, 260.752190248px;
-  stroke-dashoffset: 270.752190248px;
-  transform: rotate(0);
-  transform-origin: center center;
-  stroke-linecap: round;
-  animation: ani-success-circle 1s ease-in both;
-}
-.ui-success-path {
-  stroke-dasharray: 60px 64px;
-  stroke-dashoffset: 62px;
-  stroke-linecap: round;
-  animation: ani-success-path 0.4s 1s ease-in both;
-}
-
-.ui-error-circle {
-  stroke-dasharray: 260.752190248px, 260.752190248px;
-  stroke-dashoffset: 260.752190248px;
-  animation: ani-error-circle 1.2s linear;
-}
-.ui-error-line1 {
-  stroke-dasharray: 54px 55px;
-  stroke-dashoffset: 55px;
-  stroke-linecap: round;
-  animation: ani-error-line 0.15s 1.2s linear both;
-}
-.ui-error-line2 {
-  stroke-dasharray: 54px 55px;
-  stroke-dashoffset: 55px;
-  stroke-linecap: round;
-  animation: ani-error-line 0.2s 0.9s linear both;
-}
-
-.ui-waiting-circle {
-  stroke-dasharray: 260.752190248px, 260.752190248px;
-  stroke-dashoffset: 260.752190248px;
-  animation: ani-waiting-circle 1.2s linear;
-}
-.ui-waiting-line1 {
-  stroke-dasharray: 280.752190248px, 200.752190248px;
-  stroke-dashoffset: 280.752190248px;
-  animation: ani-waiting-line 0.8s 0.3s linear both;
-  transform: rotate(0);
-  transform-origin: center center;
-}
-.ui-waiting-line2 {
-  stroke-dasharray: 54px 55px;
-  stroke-dashoffset: 55px;
-  animation: ani-waiting-line2 0.85s 0.6s ease-in both;
-  transform: rotate(0) scale(0.9);
-  transform-origin: center center;
-}
-
-/**
-* Animation Loader
- */
-@keyframes vgLoader {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
-@keyframes ani-success-circle {
-  to {
-    stroke-dashoffset: 782.2565707439px;
-  }
-}
-@keyframes ani-success-path {
-  0% {
-    stroke-dashoffset: 62px;
-  }
-  65% {
-    stroke-dashoffset: -5px;
-  }
-  84% {
-    stroke-dashoffset: 4px;
-  }
-  100% {
-    stroke-dashoffset: -2px;
-  }
-}
-@keyframes ani-error-line {
-  to {
-    stroke-dashoffset: 0;
-  }
-}
-@keyframes ani-error-circle {
-  0% {
-    stroke-dasharray: 0, 260.752190248px;
-    stroke-dashoffset: 0;
-  }
-  35% {
-    stroke-dasharray: 120px, 120px;
-    stroke-dashoffset: -120px;
-  }
-  70% {
-    stroke-dasharray: 0, 260.752190248px;
-    stroke-dashoffset: -260.752190248px;
-  }
-  100% {
-    stroke-dasharray: 260.752190248px, 0;
-    stroke-dashoffset: -260.752190248px;
-  }
-}
-@keyframes ani-waiting-circle {
-  to {
-    stroke-dashoffset: 782.2565707439px;
-  }
-}
-@keyframes ani-waiting-line {
-  to {
-    stroke-dashoffset: 0;
-  }
-}
-@keyframes ani-waiting-line2 {
-  to {
-    stroke-dashoffset: 0;
-    transform: rotate(360deg) scale(1);
-  }
-}
-
-/*# sourceMappingURL=default.css.map */
+.vg-backdrop {
+  --vg-backdrop-bg: rgb(0, 0, 0) ;
+  --vg-backdrop-opacity: 0.4 ;
+  --vg-backdrop-z-index: 999 ;
+  --vg-backdrop-transition: all 0.5s ease-in-out ;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  background: var(--vg-backdrop-bg);
+  transition: var(--vg-backdrop-transition);
+  opacity: 0;
+  z-index: var(--vg-backdrop-z-index);
+}
+.vg-backdrop.fade {
+  opacity: var(--vg-backdrop-opacity);
+}
+
+.vg-btn-close {
+  position: absolute;
+  right: 1rem;
+  top: 1rem;
+  border: none;
+  background: transparent;
+}
+.vg-btn-close svg {
+  width: 24px;
+  height: 24px;
+}
+
+.vg-collapse:not(.show) {
+  display: none;
+}
+
+.vg-collapsing {
+  height: 0;
+  overflow: hidden;
+  transition: all 0.5s ease-in-out;
+}
+
+/**
+* Loader
+ */
+.vg-loader, .vg.loader:after {
+  border-radius: 50%;
+  width: 7em;
+  height: 7em;
+}
+
+.vg-loader {
+  --vg-loader-border-width: 0.75em ;
+  --vg-loader-border-style: solid ;
+  --vg-loader-border-color: rgba(0, 0, 0, 0.2) ;
+  --vg-loader-color: rgb(33, 37, 41) ;
+  --vg-loader-font-size: 10px ;
+  --vg-loader-margin: 30px auto ;
+  --vg-loader-animation: vgLoader 1.1s infinite linear ;
+  --vg-loader-transform: translateZ(0) ;
+  margin: var(--vg-loader-margin);
+  font-size: var(--vg-loader-font-size);
+  position: relative;
+  text-indent: -9999em;
+  border-top: var(--vg-loader-border-width) var(--vg-loader-border-style) var(--vg-loader-border-color);
+  border-right: var(--vg-loader-border-width) var(--vg-loader-border-style) var(--vg-loader-border-color);
+  border-bottom: var(--vg-loader-border-width) var(--vg-loader-border-style) var(--vg-loader-border-color);
+  border-left: var(--vg-loader-border-width) var(--vg-loader-border-style) var(--vg-loader-color);
+  transform: var(--vg-loader-transform);
+  animation: var(--vg-loader-animation);
+}
+
+/**
+* Alert
+ */
+.vg-alert {
+  --vg-alert-padding: 2rem ;
+  --vg-alert-margin: 0 0 2rem ;
+  --vg-alert-border-width: 1px ;
+  --vg-alert-border-style: solid ;
+  --vg-alert-border-color: transparent ;
+  --vg-alert-border-radius: 0.375rem ;
+  --vg-alert-gap: 1.5rem ;
+  --vg-alert-icon-width: 80px ;
+  --vg-alert-icon-height: 80px ;
+  --vg-alert-content-width: 100% ;
+  --vg-alert-content-align: center ;
+  --vg-alert-content-justify: flex-start ;
+  --vg-alert-success-color: #88d15e ;
+  --vg-alert-success-border-color: #A5DC86 ;
+  --vg-alert-success-background-color: rgba(194, 231, 174, 0.15) ;
+  --vg-alert-success-stroke: rgba(117, 183, 152, 0.4) ;
+  --vg-alert-error-color: #f51313 ;
+  --vg-alert-error-border-color: #F74444 ;
+  --vg-alert-error-background-color: rgba(252, 190, 190, 0.075) ;
+  --vg-alert-waiting-color: #ffcd37 ;
+  --vg-alert-waiting-border-color: #ffda6a ;
+  --vg-alert-waiting-background-color: rgba(255, 237, 183, 0.1) ;
+  padding: var(--vg-alert-padding);
+  margin: var(--vg-alert-margin);
+  border: var(--vg-alert-border-width) var(--vg-alert-border-style) var(--vg-alert-border-color);
+  border-radius: var(--vg-alert-border-radius);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.vg-alert-success {
+  color: var(--vg-alert-success-color);
+  border-color: var(--vg-alert-success-border-color);
+  background-color: var(--vg-alert-success-background-color);
+}
+.vg-alert-error {
+  color: var(--vg-alert-error-color);
+  border-color: var(--vg-alert-error-border-color);
+  background-color: var(--vg-alert-error-background-color);
+}
+.vg-alert-content {
+  display: flex;
+  align-items: var(--vg-alert-content-align);
+  justify-content: var(--vg-alert-content-justify);
+  gap: var(--vg-alert-gap);
+  width: var(--vg-alert-content-width);
+}
+.vg-alert-content--icon {
+  width: var(--vg-alert-icon-width);
+  height: var(--vg-alert-icon-height);
+}
+.vg-alert-content--icon svg {
+  width: 100%;
+  height: 100%;
+}
+.vg-alert-content--icon .ui-success-circle {
+  stroke: var(--vg-alert-success-stroke);
+}
+.vg-alert-content--icon .ui-success-path {
+  stroke: var(--vg-alert-success-color);
+}
+.vg-alert-modal {
+  --vg-alert-icon-width: 150px;
+  --vg-alert-icon-height: 150px;
+  --vg-alert-padding: 5rem 2rem;
+  --vg-alert-border-width: 0;
+  margin: 0;
+}
+.vg-alert-modal .vg-alert-content {
+  flex-direction: column;
+  text-align: center;
+}
+
+/**
+* UI before Animation
+ */
+.ui-success-circle {
+  stroke-dasharray: 260.752190248px, 260.752190248px;
+  stroke-dashoffset: 270.752190248px;
+  transform: rotate(0);
+  transform-origin: center center;
+  stroke-linecap: round;
+  animation: ani-success-circle 1s ease-in both;
+}
+.ui-success-path {
+  stroke-dasharray: 60px 64px;
+  stroke-dashoffset: 62px;
+  stroke-linecap: round;
+  animation: ani-success-path 0.4s 1s ease-in both;
+}
+
+.ui-error-circle {
+  stroke-dasharray: 260.752190248px, 260.752190248px;
+  stroke-dashoffset: 260.752190248px;
+  animation: ani-error-circle 1.2s linear;
+}
+.ui-error-line1 {
+  stroke-dasharray: 54px 55px;
+  stroke-dashoffset: 55px;
+  stroke-linecap: round;
+  animation: ani-error-line 0.15s 1.2s linear both;
+}
+.ui-error-line2 {
+  stroke-dasharray: 54px 55px;
+  stroke-dashoffset: 55px;
+  stroke-linecap: round;
+  animation: ani-error-line 0.2s 0.9s linear both;
+}
+
+.ui-waiting-circle {
+  stroke-dasharray: 260.752190248px, 260.752190248px;
+  stroke-dashoffset: 260.752190248px;
+  animation: ani-waiting-circle 1.2s linear;
+}
+.ui-waiting-line1 {
+  stroke-dasharray: 280.752190248px, 200.752190248px;
+  stroke-dashoffset: 280.752190248px;
+  animation: ani-waiting-line 0.8s 0.3s linear both;
+  transform: rotate(0);
+  transform-origin: center center;
+}
+.ui-waiting-line2 {
+  stroke-dasharray: 54px 55px;
+  stroke-dashoffset: 55px;
+  animation: ani-waiting-line2 0.85s 0.6s ease-in both;
+  transform: rotate(0) scale(0.9);
+  transform-origin: center center;
+}
+
+/**
+* Animation Loader
+ */
+@keyframes vgLoader {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+@keyframes ani-success-circle {
+  to {
+    stroke-dashoffset: 782.2565707439px;
+  }
+}
+@keyframes ani-success-path {
+  0% {
+    stroke-dashoffset: 62px;
+  }
+  65% {
+    stroke-dashoffset: -5px;
+  }
+  84% {
+    stroke-dashoffset: 4px;
+  }
+  100% {
+    stroke-dashoffset: -2px;
+  }
+}
+@keyframes ani-error-line {
+  to {
+    stroke-dashoffset: 0;
+  }
+}
+@keyframes ani-error-circle {
+  0% {
+    stroke-dasharray: 0, 260.752190248px;
+    stroke-dashoffset: 0;
+  }
+  35% {
+    stroke-dasharray: 120px, 120px;
+    stroke-dashoffset: -120px;
+  }
+  70% {
+    stroke-dasharray: 0, 260.752190248px;
+    stroke-dashoffset: -260.752190248px;
+  }
+  100% {
+    stroke-dasharray: 260.752190248px, 0;
+    stroke-dashoffset: -260.752190248px;
+  }
+}
+@keyframes ani-waiting-circle {
+  to {
+    stroke-dashoffset: 782.2565707439px;
+  }
+}
+@keyframes ani-waiting-line {
+  to {
+    stroke-dashoffset: 0;
+  }
+}
+@keyframes ani-waiting-line2 {
+  to {
+    stroke-dashoffset: 0;
+    transform: rotate(360deg) scale(1);
+  }
+}
+
+/*# sourceMappingURL=default.css.map */

package/build/vgapp.css

@@ -12,5 +12,6 @@
 .vg-form-sender-modal .vg-modal-content{padding:0}
 .vg-rollup{--vg-rollup-transition: all 0.5s ease-in-out ;--vg-rollup-fade-height: 100px ;--vg-rollup-fade-background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%) ;transform:var(--vg-rollup-transition)}.vg-rollup-button{--vg-rollup-button-align: center ;text-align:var(--vg-rollup-button-align)}.vg-rollup-content--hidden{overflow:hidden}.vg-rollup-content--fade{position:relative}.vg-rollup-content--fade:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:var(--vg-rollup-fade-height);background:var(--vg-rollup-fade-background)}.vg-rollup-content--ellipsis{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}
 .vg-lawcookie{--vg-lawcookie-background-color: #fff ;--vg-lawcookie-color: #000000 ;--vg-lawcookie-box-shadow: 0 8px 14px 5px rgba(0, 0, 0, 0.2) ;--vg-lawcookie-padding: 1rem ;--vg-lawcookie-border: 1px solid rgba(0, 0, 0, 0.2) ;--vg-lawcookie-border-radius: 0.375rem ;--vg-lawcookie-z-index: 2000 ;--vg-lawcookie-transition: all 0.5s ease-in-out ;--vg-lawcookie-max-width: 50% ;--vg-lawcookie-padding-outer: 1rem ;--vg-lawcookie-font-size: 14px ;--vg-lawcookie-title-font-size: 16px ;position:fixed;display:none;padding:var(--vg-lawcookie-padding-outer);z-index:var(--vg-lawcookie-z-index);max-width:var(--vg-lawcookie-max-width)}@media screen and (max-width: 600px){.vg-lawcookie{width:100%;--vg-lawcookie-max-width: 100%}}.vg-lawcookie.show{display:block}.vg-lawcookie.left{left:0}.vg-lawcookie.right{right:0}.vg-lawcookie.top{top:0}.vg-lawcookie.bottom{bottom:0}.vg-lawcookie.center{top:50%;left:50%}.vg-lawcookie.center.left{left:0}.vg-lawcookie.center.top{top:0;left:50%}.vg-lawcookie.center.bottom{top:auto;bottom:0}.vg-lawcookie.center.right{right:0;left:auto}.vg-lawcookie.fullwidth{max-width:100%;width:100%;--vg-lawcookie-padding-outer: 0;--vg-lawcookie-border-radius: 0;--vg-lawcookie-box-shadow: none}.vg-lawcookie--content{background-color:var(--vg-lawcookie-background-color);border-radius:var(--vg-lawcookie-border-radius);padding:var(--vg-lawcookie-padding);color:var(--vg-lawcookie-color);box-shadow:var(--vg-lawcookie-box-shadow);font-size:var(--vg-lawcookie-font-size)}.vg-lawcookie--content .title{font-size:var(--vg-lawcookie-title-font-size)}
+select.vg-select{position:absolute;left:0;top:0;opacity:0;z-index:-1000;width:100%;height:100%;display:inline-block;visibility:hidden}.vg-select{--vg-select-current-background-color: white ;--vg-select-current-color: black ;--vg-select-current-border-width: 1px ;--vg-select-current-border-style: solid ;--vg-select-current-border-color: #dddddd ;--vg-select-current-border-radius: 5px ;--vg-select-current-padding-left: 16px ;--vg-select-current-padding-right: 40px ;--vg-select-current-padding-top: 16px ;--vg-select-current-padding-bottom: 16px ;--vg-select-current-line-height: 1.1 ;--vg-select-current-font-size: 16px ;--vg-select-current-z-index: 10 ;--vg-select-dropdown-background-color: white ;--vg-select-dropdown-color: black ;--vg-select-dropdown-border-width: 1px ;--vg-select-dropdown-border-style: solid ;--vg-select-dropdown-border-color: #dddddd ;--vg-select-dropdown-border-radius: 0.375rem ;--vg-select-dropdown-box-shadow: 0 7px 12px 1px rgba(68, 68, 68, 0.11) ;--vg-select-dropdown-z-index: 15 ;--vg-select-list-background-color: transparent ;--vg-select-list-color: black ;--vg-select-list-padding-left: 8px ;--vg-select-list-padding-right: 8px ;--vg-select-list-padding-top: 8px ;--vg-select-list-padding-bottom: 8px ;--vg-select-list-border-bottom-width: 1px ;--vg-select-list-border-bottom-style: solid ;--vg-select-list-border-bottom-color: #f5f5f5 ;--vg-select-optgroup-background-color: transparent ;--vg-select-optgroup-color: #fff ;--vg-select-optgroup-padding-left: 8px ;--vg-select-optgroup-padding-right: 8px ;--vg-select-optgroup-padding-top: 8px ;--vg-select-optgroup-padding-bottom: 8px ;--vg-select-optgroup-border-bottom-width: 1px ;--vg-select-optgroup-border-bottom-style: solid ;--vg-select-optgroup-border-bottom-color: #838383 ;--vg-select-optgroup-hover-background-color: #f7f7f7 ;--vg-select-optgroup-hover-color: black ;--vg-select-optgroup-hover-border-bottom-color: #f5f5f5 ;--vg-select-list-hover-background-color: #f7f7f7 ;--vg-select-list-hover-color: black ;--vg-select-list-hover-border-bottom-color: #f5f5f5 ;--vg-select-search-background-color: #f2f2f2 ;--vg-select-search-color: #000000 ;--vg-select-list-max-height: 286px;--vg-select-list-scrollbar-width: 6px;--vg-select-list-scrollbar-bg: #F5F5F5;--vg-select-list-scrollbar-thumb: #999;position:relative}.vg-select-current{background-color:var(--vg-select-current-background-color);color:var(--vg-select-current-color);border-width:var(--vg-select-current-border-width);border-style:var(--vg-select-current-border-style);border-color:var(--vg-select-current-border-color);border-radius:var(--vg-select-current-border-radius);padding-left:var(--vg-select-current-padding-left);padding-right:var(--vg-select-current-padding-right);padding-top:var(--vg-select-current-padding-top);padding-bottom:var(--vg-select-current-padding-bottom);line-height:var(--vg-select-current-line-height);font-size:var(--vg-select-current-font-size);z-index:var(--vg-select-current-z-index);box-sizing:border-box;cursor:pointer;outline:none;position:relative;z-index:var(--vg-select-current-z-index);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vg-select-current:after{content:"";position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:all .4s ease-in-out;background-image:url("data:image/svg+xml, <svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fa-light\" data-icon=\"chevron-down\" class=\"svg-inline--fa fa-chevron-down fa-w-14\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path d=\"M4 181C7 178 12 176 16 176C20 176 24 177 27 180L224 362L421 180C428 174 438 175 444 181C450 188 449 198 443 204L235 396C229 401 219 401 213 396L5 204C-1 198 -2 188 4 181Z\" fill=\"gray\"/></svg>");background-repeat:no-repeat;width:16px;height:16px}.vg-select-dropdown{background-color:var(--vg-select-dropdown-background-color);color:var(--vg-select-dropdown-color);border-width:var(--vg-select-dropdown-border-width);border-style:var(--vg-select-dropdown-border-style);border-color:var(--vg-select-dropdown-border-color);border-radius:var(--vg-select-dropdown-border-radius);box-shadow:var(--vg-select-dropdown-box-shadow);z-index:var(--vg-select-dropdown-z-index);position:absolute;box-sizing:border-box;opacity:0;overflow:hidden;padding:0;top:100%;left:0;width:100%;height:0;pointer-events:auto;transform-origin:50% 0;transform:scale(0.75) translateY(-11px);transition:all .2s cubic-bezier(0.5, 0, 0, 1.25),opacity .15s ease-out;z-index:var(--vg-select-dropdown-z-index);margin-top:.25rem}.vg-select-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;max-height:var(--vg-select-list-max-height);overflow-y:auto}.vg-select-list::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:var(--vg-select-list-scrollbar-bg)}.vg-select-list::-webkit-scrollbar{width:var(--vg-select-list-scrollbar-width);background-color:var(--vg-select-list-scrollbar-bg)}.vg-select-list::-webkit-scrollbar-thumb{background-color:var(--vg-select-list-scrollbar-thumb)}.vg-select-list--option{background-color:var(--vg-select-list-background-color);color:var(--vg-select-list-color);padding-left:var(--vg-select-list-padding-left);padding-right:var(--vg-select-list-padding-right);padding-top:var(--vg-select-list-padding-top);padding-bottom:var(--vg-select-list-padding-bottom);border-bottom-width:var(--vg-select-list-border-bottom-width);border-bottom-style:var(--vg-select-list-border-bottom-style);border-bottom-color:var(--vg-select-list-border-bottom-color);display:block;width:100%;cursor:pointer;transition:all .4s ease-in-out}.vg-select-list--option:last-child{border:none}.vg-select-list--option:hover,.vg-select-list--option.selected{background-color:var(--vg-select-list-hover-background-color);color:var(--vg-select-list-hover-color);border-bottom-color:var(--vg-select-list-hover-border-bottom-color)}.vg-select-list--option.disabled{opacity:.6;cursor:not-allowed}.vg-select-list--option.hidden{display:none !important}.vg-select-list--optgroup{list-style:none;padding:0}.vg-select-list--optgroup+.vg-select-list--optgroup{border-top-width:var(--vg-select-optgroup-border-bottom-width);border-top-style:var(--vg-select-optgroup-border-bottom-style);border-top-color:var(--vg-select-optgroup-border-bottom-color)}.vg-select-list--optgroup>li{--vg-select-list-padding-left: 16px}.vg-select-list--optgroup-title{background-color:var(--vg-select-optgroup-background-color);color:var(--vg-select-optgroup-color);padding-left:var(--vg-select-optgroup-padding-left);padding-right:var(--vg-select-optgroup-padding-right);padding-top:var(--vg-select-optgroup-padding-top);padding-bottom:var(--vg-select-optgroup-padding-bottom);border-bottom-width:var(--vg-select-optgroup-border-bottom-width);border-bottom-style:var(--vg-select-optgroup-border-bottom-style);border-bottom-color:var(--vg-select-optgroup-border-bottom-color)}.vg-select-search input{background-color:var(--vg-select-search-background-color);color:var(--vg-select-search-color);padding:8px;border:none;outline:none;width:100%}.vg-select.show .vg-select-current:after{transform:translateY(-50%) rotate(180deg)}.vg-select.show .vg-select-dropdown{transform:scale(1) translateY(0);opacity:1;box-sizing:border-box;height:auto}.vg-select.is-invalid .vg-select-current{background-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(1.975em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem);--vg-select-current-padding-right: 55px}.vg-select.disabled:before{content:"";position:absolute;width:100%;height:100%;z-index:500}.vg-select.disabled>.vg-select-current{opacity:.75}
 
 /*# sourceMappingURL=vgapp.css.map*/