@fastkit/vui 1.3.1 → 1.4.0-next.0

package/dist/vui.css

@@ -1,5 +1,10 @@
 @layer vui-normalize, vui-color-scheme, vue-disabled-reason, vue-loading, vue-app-layout, vui;
+
 @layer vui-normalize{
+  /*!
+   * Forked from
+   * normalize.css v8.0.1 | MIT License | https://github.com/necolas/normalize.css
+   */
   *,:after,:before{
     box-sizing:border-box;
   }
@@ -608,218 +613,34 @@
     display:flex;
     flex-direction:column;
   }
-  .v-form-control{
-    display:flex;
-    flex-direction:column;
-    margin:var(--control-horizontal-margin) 0;
-    max-width:100%;
-    --my-label-color:var(--control-label-color);
-    --my-message-color:var(--control-message-color);
-  }
-  .v-form-control--invalid:not(.v-form-control--readonly){
-    --my-label-color:var(--main-color);
-    --my-message-color:var(--main-color);
-  }
-  .v-form-control--disabled{
-    --my-label-color:var(--control-disabled-color);
-    --my-message-color:var(--control-disabled-color);
-  }
-  .v-form-control__label{
-    align-items:center;
-    align-self:flex-start;
-    color:var(--my-label-color);
-    display:flex;
-    font-size:var(--control-label-font-size);
-    font-weight:var(--control-label-font-weight);
-    letter-spacing:.00938em;
-    line-height:var(--control-label-height);
-  }
-  .v-form-control__label__hinttip{
-    align-items:center;
-    color:inherit;
-    cursor:pointer;
-    display:inline-flex;
-    font-size:80%;
-    letter-spacing:normal;
-    line-height:1;
-    margin-left:.6em;
-    margin-top:-.2em;
-    text-decoration:none;
-  }
-  .v-form-control__label__hinttip__icon{
-    align-items:center;
-    display:flex;
-    font-size:120%;
-    justify-content:center;
-    position:relative;
-    text-decoration:none !important;
-  }
-  .v-form-control__label__hinttip:focus .v-form-control__label__hinttip__icon:before,.v-form-control__label__hinttip:hover .v-form-control__label__hinttip__icon:before{
-    opacity:.1;
-  }
-  .v-form-control__label__hinttip__hint{
-    font-size:calc(var(--root-em)*.75);
-  }
-  .v-form-control__info{
-    display:flex;
-    padding-top:3px;
-  }
-  .v-form-control__appends,.v-form-control__message{
-    color:var(--my-message-color);
-    font-size:var(--control-message-font-size);
-    line-height:1.66;
-    margin:0 var(--control-message-horizontal-margin);
-  }
-  .v-form-control__message{
-    flex:1 0;
-  }
-  .v-form-control__appends{
-    flex:0 1;
-    margin-left:auto;
-  }
-  .v-icon{
-    align-items:center;
-    aspect-ratio:1/1;
-    display:inline-flex;
-    justify-content:center;
-    user-select:none;
-    width:1.25em;
-  }
-  .v-icon--clickable{
-    cursor:pointer;
-  }
-  .v-icon__body{
-    align-items:center;
-    display:inline-flex;
-    justify-content:center;
-    transition:transform .15s linear;
-  }
-  .v-skelton-loader-bone{
-    background:rgba(0,0,0,.12);
-    border-radius:inherit;
-    cursor:progress;
-    overflow:hidden;
-    position:relative;
-  }
-  .v-skelton-loader-bone:after{
-    animation:v-skelton-loader-bone-loading 1.5s infinite;
-    background:linear-gradient(
-        90deg,
-        hsla(0,0%,100%,0),
-        hsla(0,0%,100%,.3),
-        hsla(0,0%,100%,0));
-    content:"";
-    height:100%;
-    left:0;
-    position:absolute;
-    right:0;
-    top:0;
-    transform:translateX(-100%);
-    z-index:1;
-  }
-  .v-disabled-reason{
-    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
+  .v-textarea__input{
+    cursor:text;
   }
-  .v-disabled-reason::-moz-focus-inner{
+  .v-textarea__input__element{
+    background:transparent;
     border:0;
-  }
-  .v-disabled-reason{
-    border-radius:inherit;
-    cursor:default;
-    display:block;
-    inset:0;
-    pointer-events:none;
-    position:absolute;
-    z-index:10;
-  }
-  .v-disabled-reason[tabindex]:not([tabindex^="-"]){
-    pointer-events:auto;
-  }
-  .v-busy-image{
-    display:inline-block;
-    max-width:100%;
-    position:relative;
-    vertical-align:bottom;
-  }
-  .v-busy-image--clickable{
-    cursor:pointer;
-  }
-  .v-busy-image--cover{
-    background-position:50%;
-    background-repeat:no-repeat;
-    background-size:cover;
-  }
-  .v-busy-image--loading:before{
-    animation:v-tiny-image-blink 1.5s ease-in-out infinite normal;
-    background:rgba(0,0,0,.1);
-    content:"";
-    display:block;
-    inset:0;
-    position:absolute;
-  }
-  .v-busy-image__node{
-    display:inline-block;
-    max-width:100%;
-    position:relative;
-    vertical-align:bottom;
-  }
-  .v-busy-image__slot{
-    height:100%;
-    left:0;
-    pointer-events:none;
-    position:absolute;
-    top:0;
+    border-radius:0;
+    font-size:inherit;
+    letter-spacing:inherit;
+    line-height:inherit;
+    margin:0;
+    min-width:0;
+    outline:0;
+    padding:8px 0;
+    resize:none;
     width:100%;
   }
-  @keyframes v-tiny-image-blink{
-    0%{
-      opacity:1;
-    }
-    50%{
-      opacity:0;
-    }
-    to{
-      opacity:1;
-    }
-  }
-  .v-grid-item{
-    display:block;
-  }
-  .v-grid-container{
-    display:flex;
-    flex-wrap:wrap;
-  }
-  .v-paper{
-    --paper-radius:var(--control-field-radius);
-    background-color:var(--paper-background--color);
-    border-radius:var(--paper-radius);
-    color:var(--paper-text-color);
-    display:block;
-  }
-  .v-paper--plain{
-    --paper-background--color:var(--palette-background);
-    --paper-text-color:inherit;
-    --paper-link-color:var(--link-color);
-  }
-  .v-paper--has-color{
-    --paper-background--color:var(--main-color);
-    --paper-text-color:var(--text-color);
-    --paper-link-color:var(--nav-color);
-  }
-  .v-paper__inner{
-    border-radius:inherit;
-    position:relative;
-  }
-  .v-paper--square{
-    --paper-radius:0px;
+  .v-textarea__input__element:-webkit-autofill:-webkit-autofill,.v-textarea__input__element:-webkit-autofill:-webkit-autofill:active,.v-textarea__input__element:-webkit-autofill:-webkit-autofill:focus,.v-textarea__input__element:-webkit-autofill:-webkit-autofill:hover{
+    color:inherit !important;
+    transition:background-color 5000s;
+    -webkit-text-fill-color:#fff !important;
   }
-  .v-paper__header{
-    border-top-left-radius:inherit;
-    border-top-right-radius:inherit;
+  .v-textarea__input__element::-ms-clear{
+    display:none;
   }
-  .v-paper__footer{
-    border-bottom-left-radius:inherit;
-    border-bottom-right-radius:inherit;
+  .v-textarea__input__element::placeholder{
+    color:var(--control-disabled-color);
+    font-style:italic;
   }
   .v-avatar{
     -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
@@ -891,253 +712,54 @@
     object-fit:cover;
     width:inherit !important;
   }
-  .v-chip{
+  .v-disabled-reason{
     -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
   }
-  .v-chip::-moz-focus-inner{
+  .v-disabled-reason::-moz-focus-inner{
     border:0;
   }
-  .v-chip{
-    appearance:none;
-    border-width:0;
-    cursor:pointer;
-    outline:0;
-    padding:0;
-    touch-action:manipulation;
-    user-select:none;
+  .v-disabled-reason{
+    border-radius:inherit;
+    cursor:default;
+    display:block;
+    inset:0;
+    pointer-events:none;
+    position:absolute;
+    z-index:10;
   }
-  .v-chip,.v-chip:focus,.v-chip:hover{
-    text-decoration:none;
+  .v-disabled-reason[tabindex]:not([tabindex^="-"]){
+    pointer-events:auto;
   }
-  .v-chip{
-    --chip-radius:calc(var(--chip-height)/2);
-    align-items:center;
-    border-radius:var(--chip-radius);
-    border-style:solid;
-    border-width:1px;
-    cursor:default;
-    display:inline-flex;
-    font-size:var(--chip-font-size);
-    font-weight:var(--chip-font-weight);
-    height:var(--chip-height);
-    justify-content:center;
-    line-height:1;
-    overflow:hidden;
-    padding:0 var(--chip-padding);
-    text-align:center;
-    vertical-align:bottom;
-    white-space:nowrap;
-    --shadow-color:transparent !important;
-    --focusShadow-color:transparent !important;
-  }
-  .v-chip--clickable{
-    cursor:pointer;
-  }
-  .v-chip--xs{
-    --chip-height:var(--chip-height-xs);
-    --chip-font-size:var(--chip-font-size-xs);
-  }
-  .v-chip--sm{
-    --chip-height:var(--chip-height-sm);
-    --chip-font-size:var(--chip-font-size-sm);
-  }
-  .v-chip--md{
-    --chip-height:var(--chip-height-md);
-    --chip-font-size:var(--chip-font-size-md);
-  }
-  .v-chip--lg{
-    --chip-height:var(--chip-height-lg);
-    --chip-font-size:var(--chip-font-size-lg);
-  }
-  .v-chip--xl{
-    --chip-height:var(--chip-height-xl);
-    --chip-font-size:var(--chip-font-size-xl);
-  }
-  .v-chip--label{
-    --chip-radius:4px;
-  }
-  .v-chip__icon--start{
-    margin-left:calc(var(--chip-padding)*-.5);
-    margin-right:calc(var(--chip-padding)*.5);
-  }
-  .v-chip__icon--end{
-    margin-left:calc(var(--chip-padding)*.5);
-    margin-right:calc(var(--chip-padding)*-.5);
-  }
-  .v-chip .v-avatar{
-    --avatar-size:14px;
-  }
-  .v-card{
-    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-  }
-  .v-card::-moz-focus-inner{
-    border:0;
+  .v-text-field__input{
+    cursor:text;
   }
-  .v-card{
-    appearance:none;
+  .v-text-field__input__element{
+    background:transparent;
     border:0;
+    border-radius:0;
+    font-size:inherit;
+    letter-spacing:inherit;
+    line-height:inherit;
+    margin:0;
+    min-width:0;
     outline:0;
+    overflow:hidden;
     padding:0;
-    position:relative;
-    text-align:left;
-    touch-action:manipulation;
-    user-select:none;
+    text-overflow:ellipsis;
+    white-space:nowrap;
     width:100%;
   }
-  .v-card,.v-card:focus,.v-card:hover{
-    text-decoration:none;
-  }
-  .v-card.clickable{
-    cursor:pointer;
-  }
-  .v-card.clickable:before{
-    background:currentColor;
-    border-radius:inherit;
-    content:"";
-    inset:0;
-    opacity:0;
-    position:absolute;
-    transition:.3s cubic-bezier(.25, .8, .5, 1);
-  }
-  .v-card.clickable:focus:before,.v-card.clickable:hover:before{
-    opacity:.125;
-  }
-  .v-card[aria-disabled=true],.v-card[disabled]{
-    pointer-events:none;
-  }
-  .v-card[aria-disabled=true]:before,.v-card[disabled]:before{
-    content:none;
-  }
-  .v-card-content{
-    padding:var(--card-content-padding);
-  }
-  .v-card-actions{
-    align-items:center;
-    display:flex;
-    padding:var(--card-actions-padding);
-  }
-  .v-card-actions .v-btn{
-    margin-bottom:0;
-    margin-top:0;
-  }
-  .v-button{
-    --padding:1em;
-    --height:2.5714285714em;
-    --icon-margin:0.6em;
-    align-items:center;
-    appearance:none;
-    border-radius:var(--control-field-radius);
-    border-style:solid;
-    border-width:1px;
-    cursor:pointer;
-    display:inline-flex;
-    flex:0 0 auto;
-    font:inherit;
-    font-weight:500;
-    height:var(--height);
-    justify-content:center;
-    letter-spacing:.0892857143em;
-    line-height:1;
-    margin:calc(var(--root-em)*.375) calc(var(--root-em)*.5);
-    min-width:calc(var(--root-em)*4);
-    outline:0;
-    overflow:hidden;
-    padding:0 var(--padding);
-    position:relative;
-    text-decoration:none;
-    text-transform:uppercase;
-    transition:.3s cubic-bezier(.25, .8, .5, 1),color 1ms;
-    user-select:none;
-    vertical-align:bottom;
-  }
-  .v-button--align-left{
-    justify-content:flex-start;
-  }
-  .v-button--align-right{
-    justify-content:flex-end;
-  }
-  .v-button--plain{
+  .v-text-field__input__element:-webkit-autofill:-webkit-autofill,.v-text-field__input__element:-webkit-autofill:-webkit-autofill:active,.v-text-field__input__element:-webkit-autofill:-webkit-autofill:focus,.v-text-field__input__element:-webkit-autofill:-webkit-autofill:hover{
     color:inherit !important;
+    transition:background-color 5000s;
+    -webkit-text-fill-color:#fff !important;
   }
-  .v-button--plain.v-button--guard-in-progress,.v-button--plain[aria-disabled=true],.v-button--plain[disabled]{
-    opacity:.5;
-  }
-  .v-button--sm{
-    font-size:calc(var(--root-em)*.75);
-  }
-  .v-button--md{
-    font-size:calc(var(--root-em)*.875);
-  }
-  .v-button--lg{
-    font-size:calc(var(--root-em)*1.375);
-  }
-  .v-button--rounded{
-    --padding:0;
-    aspect-ratio:1/1;
-    border-radius:50%;
-    margin:calc(var(--root-em)*.125);
-    min-width:0;
-    --height:auto;
-  }
-  .v-button--icon{
-    margin:calc(var(--root-em)*.125);
-    min-width:1.9285714286em;
-    --height:1.9285714286em;
-    --padding:0em;
-  }
-  .v-button::-moz-focus-inner{
-    border:0;
-  }
-  .v-button.v-button--guard-in-progress,.v-button[aria-disabled=true],.v-button[disabled]{
-    cursor:default;
-  }
-  .v-button--spacer-left{
-    margin-left:auto;
-  }
-  .v-button--spacer-right{
-    margin-right:auto;
-  }
-  .v-button__content{
-    align-items:center;
-    display:flex;
-    justify-content:center;
-    justify-self:stretch;
-    pointer-events:none;
-  }
-  .v-button--loading .v-button__content{
-    opacity:0;
-  }
-  .v-button__icon--start{
-    margin-right:var(--icon-margin);
-  }
-  .v-button__icon--end{
-    margin-left:var(--icon-margin);
-  }
-  .v-button__loading{
-    left:50%;
-    position:absolute;
-    top:50%;
-    transform:translate(-50%, -50%);
-    z-index:1;
-  }
-  .v-button-group{
-    align-items:stretch;
-    display:inline-flex;
-  }
-  .v-button-group__item{
-    margin:0;
-    position:relative;
-  }
-  .v-button-group__item--has-left{
-    border-bottom-left-radius:0;
-    border-top-left-radius:0;
-  }
-  .v-button-group__item--has-right{
-    border-bottom-right-radius:0;
-    border-top-right-radius:0;
+  .v-text-field__input__element::-ms-clear{
+    display:none;
   }
-  .v-button-group__item:focus{
-    z-index:1;
+  .v-text-field__input__element::placeholder{
+    color:var(--control-disabled-color);
+    font-style:italic;
   }
   .v-pagination{
     --pagination-size:var(--pagination-item-size);
@@ -1276,310 +898,81 @@
     margin-left:auto;
     text-align:right;
   }
-  .v-drawer-layout{
-    display:block;
-    height:100%;
-    width:100%;
-  }
-  .v-drawer-layout__inner{
-    align-items:stretch;
-    display:flex;
-    flex-direction:column;
-    height:100%;
-    width:100%;
+  .v-chip{
+    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
   }
-  .v-drawer-layout__header{
-    align-items:center;
-    display:flex;
-    flex:0 0 var(--val-topToolbar-height);
-    height:var(--val-topToolbar-height);
-    justify-content:center;
+  .v-chip::-moz-focus-inner{
+    border:0;
   }
-  .v-drawer-layout__body{
-    flex:1 1 100%;
-    overflow:auto;
-    -webkit-overflow-scrolling:touch;
-  }
-  .v-drawer-layout__footer{
-    flex:0 0 auto;
-    margin-top:auto;
-  }
-  .v-hero{
-    --hero-background-color:var(--main-color);
-    --hero-text-color:var(--text-color);
-    align-items:center;
-    background-color:var(--hero-background-color);
-    color:var(--hero-text-color);
-    display:flex;
-    margin:0;
-    padding:20px 30px;
-  }
-  .v-hero__title{
-    color:inherit;
-    flex:1 1 100%;
-    font-size:1.75rem;
-    font-weight:300;
-    line-height:1;
-    margin:0;
-  }
-  .v-hero__adornment{
-    flex:0 0 auto;
-    margin-left:auto;
-    padding-left:10px;
-  }
-  .v-navigation-item--opened{
-    --tile-background:var(--tile-active-background);
-    --tile-text-color:var(--tile-text-active-color);
-  }
-  .v-navigation-item__expand{
-    transition:height .2s;
-  }
-  .v-navigation-item__expand .v-navigation-item{
-    --tile-background:var(--tile-active-background);
-  }
-  .v-navigation-item--depth-1{
-    --depth-padding:calc(var(--list-tile-padding)*2);
-  }
-  .v-navigation-item--depth-2{
-    --depth-padding:calc(var(--list-tile-padding)*3);
-  }
-  .v-navigation-item--depth-3{
-    --depth-padding:calc(var(--list-tile-padding)*4);
-  }
-  .v-navigation__caption{
-    color:var(--caption-color);
-    display:block;
-    font-size:.75rem;
-    margin:1em 0 0;
-    padding:calc(var(--root-em)*.625) calc(var(--root-em)*1.5625);
-    text-transform:uppercase;
-  }
-  .v-control-field{
-    align-items:center;
-    display:inline-flex;
-    font-size:var(--control-field-font-size);
-    height:var(--control-field-height);
-    letter-spacing:var(--control-field-letter-spacing);
-    line-height:var(--control-field-line-height);
-    min-height:var(--control-field-height);
-    min-width:0;
-    padding:0 8px;
-    position:relative;
-    width:100%;
-    --my-bottom-color:var(--control-field-bottom-color);
-    --my-bottom-hover-color:var(--control-field-bottom-hover-color);
-    --my-focused-color:var(--main-color);
-    --my-fill-color:var(--control-field-fill-color);
-    --my-fill-hover-color:var(--control-field-fill-hover-color);
-    --my-outline-color:var(--control-field-outline-color);
-    --my-outline-hover-color:var(--control-field-outline-hover-color);
-  }
-  .v-control-field--invalid:not(.v-control-field--disabled):not(.v-control-field--readonly){
-    --my-bottom-color:var(--main-color);
-    --my-bottom-hover-color:var(--main-color);
-    --my-outline-color:var(--main-color);
-    --my-outline-hover-color:var(--main-color);
-  }
-  .v-control-field--readonly{
-    cursor:default;
-  }
-  .v-control-field--disabled{
-    color:var(--control-disabled-color);
-    pointer-events:none;
-    user-select:none;
-  }
-  .v-control-field:after,.v-control-field:before{
-    bottom:0;
-    content:"";
-    left:0;
-    pointer-events:none;
-    position:absolute;
-    right:0;
-  }
-  .v-control-field:before{
-    border-bottom:1px solid var(--my-bottom-color);
-    height:1px;
-    transition:border-color .2s cubic-bezier(.4, 0, .2, 1) 0s;
-  }
-  .v-control-field:after{
-    background:var(--my-focused-color);
-    height:2px;
-    transform:scaleX(0);
-    transition:transform .2s cubic-bezier(0, 0, .2, 1) 0s;
-  }
-  .v-control-field--focused,.v-control-field:focus-within{
-    --my-outline-color:var(--my-focused-color);
-    --my-outline-hover-color:var(--my-focused-color);
-    outline:none;
-  }
-  .v-control-field--focused:after,.v-control-field:focus-within:after{
-    transform:scaleX(1);
-  }
-  .v-control-field--auto-height{
-    height:auto;
-  }
-  .v-control-field__body{
-    align-items:stretch;
-    align-self:stretch;
-    display:flex;
-    flex:1 1 auto;
-    margin:0;
-  }
-  .v-control-field--flat{
-    padding-left:0;
-    padding-right:0;
-  }
-  .v-control-field--filled{
-    background-color:var(--my-fill-color);
-    border-top-left-radius:var(--control-field-radius);
-    border-top-right-radius:var(--control-field-radius);
-    transition:background-color .2s cubic-bezier(0, 0, .2, 1) 0s;
-  }
-  .v-control-field--filled:hover:not(:focus-within){
-    background-color:var(--my-fill-hover-color);
-  }
-  .v-control-field--filled:hover:before,.v-control-field--flat:hover:before{
-    border-color:var(--my-bottom-hover-color);
-  }
-  .v-control-field--flat:hover:before{
-    border-bottom-width:2px;
-    height:2px;
-  }
-  .v-control-field--filled.v-control-field--disabled:before,.v-control-field--flat.v-control-field--disabled:before{
-    border-bottom-style:dotted;
-  }
-  .v-control-field--outlined{
-    border-radius:var(--control-field-radius);
-    transition:box-shadow .2s cubic-bezier(0, 0, .2, 1) 0s;
-  }
-  .v-control-field--outlined:before{
-    background:transparent;
-    border:1px solid var(--my-outline-color);
-    border-radius:inherit;
-    height:auto;
-    top:0;
-  }
-  .v-control-field--outlined:hover:before{
-    border-color:var(--my-outline-hover-color);
-  }
-  .v-control-field--outlined:after{
-    content:none;
-  }
-  .v-control-field--outlined:focus-within{
-    box-shadow:0 0 1px var(--shadow-color), 0 0 2px 2px var(--focusShadow-color);
-  }
-  .v-control-field__adornment--start{
-    padding-right:.25em;
-  }
-  .v-control-field__adornment--end{
-    padding-left:.25em;
-  }
-  .v-control-field__adornment .v-icon{
-    font-size:1.2em;
-  }
-  .v-text-counter{
-    white-space:nowrap;
-  }
-  .v-checkbox{
-    --my-border-color:var(--color);
-    --my-faux-bg-color:transparent;
-  }
-  .v-checkbox--indeterminate,.v-checkbox--selected{
-    --my-border-color:transparent;
-    --my-faux-bg-color:var(--color);
-  }
-  .v-checkbox__faux{
-    background:var(--my-faux-bg-color);
-    border:2px solid var(--my-border-color);
-    border-radius:var(--control-field-radius);
-    clip-path:polygon(0 0, 0 100%, 100% 100%, 100% 0, 88.25% 28.25%, 38% 78.125%, 12% 50%, 20% 42.1875%, 38% 63%, 82% 20%, 88.25% 28.25%, 100% 0);
-    display:block;
-    height:100%;
-    transition:border-color .2s,background-color .2s;
-    width:100%;
-  }
-  .v-checkbox--indeterminate .v-checkbox__faux{
-    clip-path:polygon(0 0, 0 100%, 100% 100%, 100% 0, 77.7777777778% 44.4444444444%, 77.7777777778% 55.5555555556%, 22.2222222222% 55.5555555556%, 22.2222222222% 44.4444444444%, 77.7777777778% 44.4444444444%, 100% 0);
-  }
-  .v-checkable{
-    --outer-size:var(--control-checkable-outer-size);
-    --icon-size:var(--control-checkable-icon-size);
-    --color:var(--control-checkable-base-color);
-    align-items:center;
+  .v-chip{
+    appearance:none;
+    border-width:0;
     cursor:pointer;
-    display:inline-flex;
-    padding-right:1em;
+    outline:0;
+    padding:0;
+    touch-action:manipulation;
     user-select:none;
   }
-  .v-checkable--checked,.v-checkable--invalid:not(.v-checkable--readonly){
-    --color:var(--main-color);
-  }
-  .v-checkable--disabled{
-    --color:var(--control-disabled-color);
+  .v-chip,.v-chip:focus,.v-chip:hover{
+    text-decoration:none;
   }
-  .v-checkable--disabled,.v-checkable--readonly{
+  .v-chip{
+    --chip-radius:calc(var(--chip-height)/2);
+    align-items:center;
+    border-radius:var(--chip-radius);
+    border-style:solid;
+    border-width:1px;
     cursor:default;
-    pointer-events:none;
-  }
-  .v-checkable input{
-    height:1px;
+    display:inline-flex;
+    font-size:var(--chip-font-size);
+    font-weight:var(--chip-font-weight);
+    height:var(--chip-height);
+    justify-content:center;
+    line-height:1;
     overflow:hidden;
-    position:absolute;
+    padding:0 var(--chip-padding);
+    text-align:center;
+    vertical-align:bottom;
     white-space:nowrap;
-    width:1px;
-    clip:rect(0 0 0 0);
-    clip-path:inset(100%);
+    --shadow-color:transparent !important;
+    --focusShadow-color:transparent !important;
   }
-  .v-checkable__faux{
-    align-items:center;
-    color:var(--color);
+  .v-chip--clickable{
     cursor:pointer;
-    display:inline-flex;
-    flex:0 0 var(--outer-size);
-    height:var(--outer-size);
-    justify-content:center;
-    margin:var(--control-checkable-faux-margin);
-    margin-left:0;
-    position:relative;
-    width:var(--outer-size);
   }
-  .v-checkable__faux__icon{
-    display:block;
-    height:var(--icon-size);
-    pointer-events:none;
-    position:relative;
-    transform:scale(var(--control-checkable-faux-scale));
-    width:var(--icon-size);
+  .v-chip--xs{
+    --chip-height:var(--chip-height-xs);
+    --chip-font-size:var(--chip-font-size-xs);
   }
-  .v-checkable__faux:before{
-    background:currentColor;
-    border-radius:50%;
-    content:"";
-    display:block;
-    inset:0;
-    opacity:0;
-    pointer-events:none;
-    position:absolute;
-    transition:opacity .2s;
+  .v-chip--sm{
+    --chip-height:var(--chip-height-sm);
+    --chip-font-size:var(--chip-font-size-sm);
   }
-  .v-checkable__faux:hover:before{
-    opacity:.1;
+  .v-chip--md{
+    --chip-height:var(--chip-height-md);
+    --chip-font-size:var(--chip-font-size-md);
   }
-  .v-checkable--custom-icon .v-checkable__faux{
-    flex-basis:auto;
-    width:auto;
+  .v-chip--lg{
+    --chip-height:var(--chip-height-lg);
+    --chip-font-size:var(--chip-font-size-lg);
   }
-  .v-checkable--custom-icon .v-checkable__faux:before{
-    content:none;
+  .v-chip--xl{
+    --chip-height:var(--chip-height-xl);
+    --chip-font-size:var(--chip-font-size-xl);
   }
-  .v-checkable:focus-within .v-checkable__faux:before{
-    opacity:.2;
+  .v-chip--label{
+    --chip-radius:4px;
   }
-  .v-checkable__label{
-    line-height:1.5;
+  .v-chip__icon--start{
+    margin-left:calc(var(--chip-padding)*-.5);
+    margin-right:calc(var(--chip-padding)*.5);
   }
-  .v-checkable--disabled .v-checkable__label{
-    color:var(--color);
+  .v-chip__icon--end{
+    margin-left:calc(var(--chip-padding)*.5);
+    margin-right:calc(var(--chip-padding)*-.5);
+  }
+  .v-chip .v-avatar{
+    --avatar-size:14px;
   }
   .v-radio{
     --my-color:var(--color);
@@ -1613,81 +1006,46 @@
   .v-radio--selected .v-radio__faux:after{
     transform:translate(-50%, -50%) scale(1);
   }
-  .v-switch{
-    --my-pin-color:var(--palette-background);
-  }
-  .v-switch--selected{
-    --my-pin-color:var(--color);
-  }
-  .v-switch__faux{
-    align-items:center;
-    cursor:pointer;
-    display:flex;
-    height:100%;
-    justify-content:center;
-    position:relative;
-    width:100%;
-    width:var(--control-switch-width);
-  }
-  .v-switch__faux:before{
-    background:var(--color);
-    border-radius:calc(var(--control-switch-track-height)/2);
-    content:"";
-    display:block;
-    height:var(--control-switch-track-height);
-    opacity:.5;
-    width:var(--control-switch-track-width);
-  }
-  .v-switch__faux__pin{
-    align-items:center;
-    border-radius:50%;
-    bottom:0;
-    display:flex;
-    height:var(--outer-size);
-    justify-content:center;
-    left:0;
-    position:absolute;
-    top:0;
-    transition:left .15s cubic-bezier(.4, 0, .2, 1) 0s,transform .15s cubic-bezier(.4, 0, .2, 1) 0s;
-    width:var(--outer-size);
-  }
-  .v-switch__faux__pin:after,.v-switch__faux__pin:before{
-    content:"";
-    display:block;
-  }
-  .v-switch__faux__pin:before{
-    background:currentColor;
-    border-radius:50%;
-    height:100%;
-    opacity:0;
-    position:absolute;
-    transition:opacity .2s;
-    width:100%;
-  }
-  .v-switch__faux__pin:after{
-    background:var(--my-pin-color);
-    border-radius:50%;
-    box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);
-    height:var(--icon-size);
+  .v-button-group{
+    align-items:stretch;
+    display:inline-flex;
+  }
+  .v-button-group__item{
+    margin:0;
     position:relative;
-    transform:scale(var(--control-checkable-faux-scale));
-    width:var(--icon-size);
   }
-  .v-switch--selected .v-switch__faux__pin{
-    left:calc(100% - var(--outer-size));
+  .v-button-group__item--has-left{
+    border-bottom-left-radius:0;
+    border-top-left-radius:0;
   }
-  .v-switch--disabled .v-switch__faux:before{
-    background-color:#000;
-    opacity:.12;
+  .v-button-group__item--has-right{
+    border-bottom-right-radius:0;
+    border-top-right-radius:0;
   }
-  .v-switch--disabled .v-switch__faux__pin:after{
-    background-color:#f5f5f5;
+  .v-button-group__item:focus{
+    z-index:1;
   }
-  .v-switch__faux:hover .v-switch__faux__pin:before{
-    opacity:.1;
+  .v-option-group{
+    display:block;
   }
-  .v-switch:focus-within .v-switch__faux__pin:before{
-    opacity:.1;
+  .v-option-group__label{
+    color:var(--palette-caption);
+    font-size:.875em;
+    opacity:.6;
+    padding:1em;
+  }
+  .v-option-group--disabled .v-option-group__label{
+    color:var(--palette-muted);
+    opacity:.4;
+  }
+  .v-toolbar-title{
+    display:flex;
+    flex-grow:1;
+    font-size:1.25rem;
+    font-weight:400;
+    line-height:1;
+    margin:0;
+    white-space:nowrap;
   }
   .v-option{
     -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
@@ -1762,18 +1120,71 @@
   .v-option[aria-disabled=true]:before,.v-option[disabled]:before,.v-option[tabindex="-1"]:before{
     opacity:0 !important;
   }
-  .v-option-group{
+  .v-file-input__inner{
+    align-items:stretch;
+    display:flex;
+  }
+  .v-file-input__button{
+    border-bottom-right-radius:0;
+    border-top-right-radius:0;
+    flex:0 0 auto;
+    height:auto;
+    margin:0;
+    margin-bottom:1px !important;
+  }
+  .v-file-input__selections{
+    align-items:center;
+    align-self:stretch;
+    display:flex;
+    flex-wrap:wrap;
+    padding:4px 6px;
+  }
+  .v-file-input__placeholder{
+    color:var(--control-disabled-color);
+  }
+  .v-file-input__input{
+    border-bottom-left-radius:0;
+    border-top-left-radius:0;
+    cursor:text;
+    flex:1 1 100%;
+  }
+  .v-file-input__input__element{
+    height:1px;
+    overflow:hidden;
+    position:absolute;
+    white-space:nowrap;
+    width:1px;
+    clip:rect(0 0 0 0);
+    clip-path:inset(100%);
+  }
+  .v-navigation__caption{
+    color:var(--caption-color);
     display:block;
+    font-size:.75rem;
+    margin:1em 0 0;
+    padding:calc(var(--root-em)*.625) calc(var(--root-em)*1.5625);
+    text-transform:uppercase;
   }
-  .v-option-group__label{
-    color:var(--palette-caption);
-    font-size:.875em;
-    opacity:.6;
-    padding:1em;
+  .v-checkbox{
+    --my-border-color:var(--color);
+    --my-faux-bg-color:transparent;
   }
-  .v-option-group--disabled .v-option-group__label{
-    color:var(--palette-muted);
-    opacity:.4;
+  .v-checkbox--indeterminate,.v-checkbox--selected{
+    --my-border-color:transparent;
+    --my-faux-bg-color:var(--color);
+  }
+  .v-checkbox__faux{
+    background:var(--my-faux-bg-color);
+    border:2px solid var(--my-border-color);
+    border-radius:var(--control-field-radius);
+    clip-path:polygon(0 0, 0 100%, 100% 100%, 100% 0, 88.25% 28.25%, 38% 78.125%, 12% 50%, 20% 42.1875%, 38% 63%, 82% 20%, 88.25% 28.25%, 100% 0);
+    display:block;
+    height:100%;
+    transition:border-color .2s,background-color .2s;
+    width:100%;
+  }
+  .v-checkbox--indeterminate .v-checkbox__faux{
+    clip-path:polygon(0 0, 0 100%, 100% 100%, 100% 0, 77.7777777778% 44.4444444444%, 77.7777777778% 55.5555555556%, 22.2222222222% 55.5555555556%, 22.2222222222% 44.4444444444%, 77.7777777778% 44.4444444444%, 100% 0);
   }
   .v-select__input{
     cursor:pointer;
@@ -1817,207 +1228,297 @@
     color:var(--control-disabled-color);
     font-style:italic;
   }
-  .v-text-field__input{
-    cursor:text;
-  }
-  .v-text-field__input__element{
-    background:transparent;
-    border:0;
-    border-radius:0;
-    font-size:inherit;
-    letter-spacing:inherit;
-    line-height:inherit;
-    margin:0;
+  .v-control-field{
+    align-items:center;
+    display:inline-flex;
+    font-size:var(--control-field-font-size);
+    height:var(--control-field-height);
+    letter-spacing:var(--control-field-letter-spacing);
+    line-height:var(--control-field-line-height);
+    min-height:var(--control-field-height);
     min-width:0;
-    outline:0;
-    overflow:hidden;
-    padding:0;
-    text-overflow:ellipsis;
-    white-space:nowrap;
+    padding:0 8px;
+    position:relative;
     width:100%;
+    --my-bottom-color:var(--control-field-bottom-color);
+    --my-bottom-hover-color:var(--control-field-bottom-hover-color);
+    --my-focused-color:var(--main-color);
+    --my-fill-color:var(--control-field-fill-color);
+    --my-fill-hover-color:var(--control-field-fill-hover-color);
+    --my-outline-color:var(--control-field-outline-color);
+    --my-outline-hover-color:var(--control-field-outline-hover-color);
   }
-  .v-text-field__input__element:-webkit-autofill:-webkit-autofill,.v-text-field__input__element:-webkit-autofill:-webkit-autofill:active,.v-text-field__input__element:-webkit-autofill:-webkit-autofill:focus,.v-text-field__input__element:-webkit-autofill:-webkit-autofill:hover{
-    color:inherit !important;
-    transition:background-color 5000s;
-    -webkit-text-fill-color:#fff !important;
+  .v-control-field--invalid:not(.v-control-field--disabled):not(.v-control-field--readonly){
+    --my-bottom-color:var(--main-color);
+    --my-bottom-hover-color:var(--main-color);
+    --my-outline-color:var(--main-color);
+    --my-outline-hover-color:var(--main-color);
   }
-  .v-text-field__input__element::-ms-clear{
-    display:none;
+  .v-control-field--readonly{
+    cursor:default;
   }
-  .v-text-field__input__element::placeholder{
+  .v-control-field--disabled{
     color:var(--control-disabled-color);
-    font-style:italic;
+    pointer-events:none;
+    user-select:none;
   }
-  .v-textarea__input{
-    cursor:text;
+  .v-control-field:after,.v-control-field:before{
+    bottom:0;
+    content:"";
+    left:0;
+    pointer-events:none;
+    position:absolute;
+    right:0;
   }
-  .v-textarea__input__element{
-    background:transparent;
-    border:0;
-    border-radius:0;
-    font-size:inherit;
-    letter-spacing:inherit;
-    line-height:inherit;
+  .v-control-field:before{
+    border-bottom:1px solid var(--my-bottom-color);
+    height:1px;
+    transition:border-color .2s cubic-bezier(.4, 0, .2, 1) 0s;
+  }
+  .v-control-field:after{
+    background:var(--my-focused-color);
+    height:2px;
+    transform:scaleX(0);
+    transition:transform .2s cubic-bezier(0, 0, .2, 1) 0s;
+  }
+  .v-control-field--focused,.v-control-field:focus-within{
+    --my-outline-color:var(--my-focused-color);
+    --my-outline-hover-color:var(--my-focused-color);
+    outline:none;
+  }
+  .v-control-field--focused:after,.v-control-field:focus-within:after{
+    transform:scaleX(1);
+  }
+  .v-control-field--auto-height{
+    height:auto;
+  }
+  .v-control-field__body{
+    align-items:stretch;
+    align-self:stretch;
+    display:flex;
+    flex:1 1 auto;
     margin:0;
-    min-width:0;
-    outline:0;
-    padding:8px 0;
-    resize:none;
-    width:100%;
   }
-  .v-textarea__input__element:-webkit-autofill:-webkit-autofill,.v-textarea__input__element:-webkit-autofill:-webkit-autofill:active,.v-textarea__input__element:-webkit-autofill:-webkit-autofill:focus,.v-textarea__input__element:-webkit-autofill:-webkit-autofill:hover{
-    color:inherit !important;
-    transition:background-color 5000s;
-    -webkit-text-fill-color:#fff !important;
+  .v-control-field--flat{
+    padding-left:0;
+    padding-right:0;
+  }
+  .v-control-field--filled{
+    background-color:var(--my-fill-color);
+    border-top-left-radius:var(--control-field-radius);
+    border-top-right-radius:var(--control-field-radius);
+    transition:background-color .2s cubic-bezier(0, 0, .2, 1) 0s;
+  }
+  .v-control-field--filled:hover:not(:focus-within){
+    background-color:var(--my-fill-hover-color);
+  }
+  .v-control-field--filled:hover:before,.v-control-field--flat:hover:before{
+    border-color:var(--my-bottom-hover-color);
+  }
+  .v-control-field--flat:hover:before{
+    border-bottom-width:2px;
+    height:2px;
+  }
+  .v-control-field--filled.v-control-field--disabled:before,.v-control-field--flat.v-control-field--disabled:before{
+    border-bottom-style:dotted;
+  }
+  .v-control-field--outlined{
+    border-radius:var(--control-field-radius);
+    transition:box-shadow .2s cubic-bezier(0, 0, .2, 1) 0s;
+  }
+  .v-control-field--outlined:before{
+    background:transparent;
+    border:1px solid var(--my-outline-color);
+    border-radius:inherit;
+    height:auto;
+    top:0;
   }
-  .v-textarea__input__element::-ms-clear{
-    display:none;
+  .v-control-field--outlined:hover:before{
+    border-color:var(--my-outline-hover-color);
   }
-  .v-textarea__input__element::placeholder{
-    color:var(--control-disabled-color);
-    font-style:italic;
+  .v-control-field--outlined:after{
+    content:none;
   }
-  .v-file-input__inner{
-    align-items:stretch;
-    display:flex;
+  .v-control-field--outlined:focus-within{
+    box-shadow:0 0 1px var(--shadow-color), 0 0 2px 2px var(--focusShadow-color);
   }
-  .v-file-input__button{
-    border-bottom-right-radius:0;
-    border-top-right-radius:0;
-    flex:0 0 auto;
-    height:auto;
-    margin:0 !important;
-    margin-bottom:1px;
+  .v-control-field__adornment--start{
+    padding-right:.25em;
   }
-  .v-file-input__selections{
-    align-items:center;
-    align-self:stretch;
-    display:flex;
-    flex-wrap:wrap;
-    padding:4px 6px;
+  .v-control-field__adornment--end{
+    padding-left:.25em;
   }
-  .v-file-input__placeholder{
-    color:var(--control-disabled-color);
+  .v-control-field__adornment .v-icon{
+    font-size:1.2em;
   }
-  .v-file-input__input{
-    border-bottom-left-radius:0;
-    border-top-left-radius:0;
-    cursor:text;
-    flex:1 1 100%;
+  .v-switch{
+    --my-pin-color:var(--palette-background);
   }
-  .v-file-input__input__element{
-    height:1px;
-    overflow:hidden;
-    position:absolute;
-    white-space:nowrap;
-    width:1px;
-    clip:rect(0 0 0 0);
-    clip-path:inset(100%);
+  .v-switch--selected{
+    --my-pin-color:var(--color);
   }
-  .v-tabs{
-    height:var(--tabs-height);
-    overflow:hidden;
+  .v-switch__faux{
+    align-items:center;
+    cursor:pointer;
+    display:flex;
+    height:100%;
+    justify-content:center;
     position:relative;
     width:100%;
+    width:var(--control-switch-width);
   }
-  .v-tabs:before{
-    background:currentColor;
-    bottom:0;
+  .v-switch__faux:before{
+    background:var(--color);
+    border-radius:calc(var(--control-switch-track-height)/2);
     content:"";
     display:block;
-    height:2px;
+    height:var(--control-switch-track-height);
+    opacity:.5;
+    width:var(--control-switch-track-width);
+  }
+  .v-switch__faux__pin{
+    align-items:center;
+    border-radius:50%;
+    bottom:0;
+    display:flex;
+    height:var(--outer-size);
+    justify-content:center;
     left:0;
-    opacity:.25;
     position:absolute;
-    right:0;
+    top:0;
+    transition:left .15s cubic-bezier(.4, 0, .2, 1) 0s,transform .15s cubic-bezier(.4, 0, .2, 1) 0s;
+    width:var(--outer-size);
   }
-  .v-tabs__scroller{
-    height:calc(var(--tabs-height) + 30px);
-    width:100%;
+  .v-switch__faux__pin:after,.v-switch__faux__pin:before{
+    content:"";
+    display:block;
   }
-  .v-tabs__scroller__container{
-    padding-bottom:30px;
+  .v-switch__faux__pin:before{
+    background:currentColor;
+    border-radius:50%;
+    height:100%;
+    opacity:0;
+    position:absolute;
+    transition:opacity .2s;
+    width:100%;
   }
-  .v-tabs__content{
-    align-items:stretch;
-    display:inline-flex;
-    min-width:100%;
+  .v-switch__faux__pin:after{
+    background:var(--my-pin-color);
+    border-radius:50%;
+    box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);
+    height:var(--icon-size);
     position:relative;
-    vertical-align:bottom;
+    transform:scale(var(--control-checkable-faux-scale));
+    width:var(--icon-size);
   }
-  .v-tab{
-    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
+  .v-switch--selected .v-switch__faux__pin{
+    left:calc(100% - var(--outer-size));
   }
-  .v-tab::-moz-focus-inner{
-    border:0;
+  .v-switch--disabled .v-switch__faux:before{
+    background-color:#000;
+    opacity:.12;
   }
-  .v-tab{
-    appearance:none;
-    border-width:0;
-    cursor:pointer;
-    outline:0;
-    padding:0;
-    touch-action:manipulation;
+  .v-switch--disabled .v-switch__faux__pin:after{
+    background-color:#f5f5f5;
   }
-  .v-tab,.v-tab:focus,.v-tab:hover{
+  .v-switch__faux:hover .v-switch__faux__pin:before{
+    opacity:.1;
+  }
+  .v-switch:focus-within .v-switch__faux__pin:before{
+    opacity:.1;
+  }
+  .v-form-control{
+    display:flex;
+    flex-direction:column;
+    margin:var(--control-horizontal-margin) 0;
+    max-width:100%;
+    --my-label-color:var(--control-label-color);
+    --my-message-color:var(--control-message-color);
+  }
+  .v-form-control--invalid:not(.v-form-control--readonly){
+    --my-label-color:var(--main-color);
+    --my-message-color:var(--main-color);
+  }
+  .v-form-control--disabled{
+    --my-label-color:var(--control-disabled-color);
+    --my-message-color:var(--control-disabled-color);
+  }
+  .v-form-control__label{
+    align-items:center;
+    align-self:flex-start;
+    color:var(--my-label-color);
+    display:flex;
+    font-size:var(--control-label-font-size);
+    font-weight:var(--control-label-font-weight);
+    letter-spacing:.00938em;
+    line-height:var(--control-label-height);
+  }
+  .v-form-control__label__hinttip{
+    align-items:center;
+    color:inherit;
+    cursor:pointer;
+    display:inline-flex;
+    font-size:80%;
+    letter-spacing:normal;
+    line-height:1;
+    margin-left:.6em;
+    margin-top:-.2em;
     text-decoration:none;
   }
-  .v-tab{
-    --tab-content-color:var(--palette-caption);
-    --tab-content-focus-color:var(--main-color);
-    --tab-content-opacity:0.7;
+  .v-form-control__label__hinttip__icon{
     align-items:center;
     display:flex;
-    font:inherit;
-    font-size:var(--tabs-font-size);
-    height:var(--tabs-height);
+    font-size:120%;
     justify-content:center;
-    padding:0 1.25em;
     position:relative;
-    transition:color .6s;
-    user-select:none;
-    white-space:nowrap;
-    z-index:3;
+    text-decoration:none !important;
   }
-  .v-tab:before{
-    background-color:var(--tab-content-focus-color);
-    border-radius:inherit;
-    bottom:0;
-    content:"";
-    height:2px;
-    left:0;
-    position:absolute;
-    right:0;
-    transform:scaleX(0);
-    transition:all .25s;
-    z-index:1;
+  .v-form-control__label__hinttip:focus .v-form-control__label__hinttip__icon:before,.v-form-control__label__hinttip:hover .v-form-control__label__hinttip__icon:before{
+    opacity:.1;
   }
-  .v-tab__content{
-    align-items:center;
-    color:var(--tab-content-color);
+  .v-form-control__label__hinttip__hint{
+    font-size:calc(var(--root-em)*.75);
+  }
+  .v-form-control__info{
     display:flex;
-    line-height:1.2;
-    opacity:var(--tab-content-opacity);
-    position:relative;
-    text-align:center;
-    transition:all .25s ease;
-    z-index:2;
+    padding-top:3px;
   }
-  .v-tab__icon{
-    font-size:120%;
-    margin-right:8px;
+  .v-form-control__appends,.v-form-control__message{
+    color:var(--my-message-color);
+    font-size:var(--control-message-font-size);
+    line-height:1.66;
+    margin:0 var(--control-message-horizontal-margin);
   }
-  .v-tab:hover{
-    --tab-content-color:var(--tab-content-focus-color);
+  .v-form-control__message{
+    flex:1 0;
   }
-  .v-tab--active{
-    --tab-content-color:rgba(0,0,0,.87);
-    background:var(--tabs-color);
-    pointer-events:none;
-    --tab-content-opacity:1;
+  .v-form-control__appends{
+    flex:0 1;
+    margin-left:auto;
   }
-  .v-tab--active:before{
-    transform:scaleX(1);
+  .v-skelton-loader-bone{
+    background:rgba(0,0,0,.12);
+    border-radius:inherit;
+    cursor:progress;
+    overflow:hidden;
+    position:relative;
+  }
+  .v-skelton-loader-bone:after{
+    animation:v-skelton-loader-bone-loading 1.5s infinite;
+    background:linear-gradient(90deg, hsla(0,0%,100%,0), hsla(0,0%,100%,.3), hsla(0,0%,100%,0));
+    content:"";
+    height:100%;
+    left:0;
+    position:absolute;
+    right:0;
+    top:0;
+    transform:translateX(-100%);
+    z-index:1;
+  }
+  .v-toolbar-menu{
+    box-shadow:none;
+    height:100%;
+    margin:0;
   }
   .v-breadcrumbs{
     display:block;
@@ -2067,49 +1568,278 @@
     transform:rotate(45deg);
     width:.5em;
   }
-  .v-content-switcher{
+  .v-busy-image{
+    display:inline-block;
+    max-width:100%;
+    position:relative;
+    vertical-align:bottom;
+  }
+  .v-busy-image--clickable{
+    cursor:pointer;
+  }
+  .v-busy-image--cover{
+    background-position:50%;
+    background-repeat:no-repeat;
+    background-size:cover;
+  }
+  .v-busy-image--loading:before{
+    animation:v-tiny-image-blink 1.5s ease-in-out infinite normal;
+    background:rgba(0,0,0,.1);
+    content:"";
     display:block;
-    overflow:hidden;
+    inset:0;
+    position:absolute;
+  }
+  .v-busy-image__node{
+    display:inline-block;
+    max-width:100%;
     position:relative;
-    transition:var(--transition-tab);
+    vertical-align:bottom;
+  }
+  .v-busy-image__slot{
+    height:100%;
+    left:0;
+    pointer-events:none;
+    position:absolute;
+    top:0;
     width:100%;
   }
-  .v-content-switcher__content{
+  @keyframes v-tiny-image-blink{
+    0%{
+      opacity:1;
+    }
+    50%{
+      opacity:0;
+    }
+    to{
+      opacity:1;
+    }
+  }
+  .v-card{
+    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
+  }
+  .v-card::-moz-focus-inner{
+    border:0;
+  }
+  .v-card{
+    appearance:none;
+    border:0;
+    outline:0;
+    padding:0;
+    position:relative;
+    text-align:left;
+    touch-action:manipulation;
+    user-select:none;
     width:100%;
   }
-  .v-content-switcher-prev-enter-active,.v-content-switcher-prev-leave-active{
-    transition:var(--transition-tab);
+  .v-card,.v-card:focus,.v-card:hover{
+    text-decoration:none;
   }
-  .v-content-switcher-prev-enter-from{
-    transform:translateX(-100%);
+  .v-card.clickable{
+    cursor:pointer;
   }
-  .v-content-switcher-prev-enter-to,.v-content-switcher-prev-leave{
-    transform:translateX(0);
+  .v-card.clickable:before{
+    background:currentColor;
+    border-radius:inherit;
+    content:"";
+    inset:0;
+    opacity:0;
+    position:absolute;
+    transition:.3s cubic-bezier(.25, .8, .5, 1);
   }
-  .v-content-switcher-prev-leave-active{
+  .v-card.clickable:focus:before,.v-card.clickable:hover:before{
+    opacity:.125;
+  }
+  .v-card[aria-disabled=true],.v-card[disabled]{
+    pointer-events:none;
+  }
+  .v-card[aria-disabled=true]:before,.v-card[disabled]:before{
+    content:none;
+  }
+  .v-button{
+    --padding:1em;
+    --height:2.5714285714em;
+    --icon-margin:0.6em;
+    align-items:center;
+    appearance:none;
+    border-radius:var(--control-field-radius);
+    border-style:solid;
+    border-width:1px;
+    cursor:pointer;
+    display:inline-flex;
+    flex:0 0 auto;
+    font:inherit;
+    font-weight:500;
+    height:var(--height);
+    justify-content:center;
+    letter-spacing:.0892857143em;
+    line-height:1;
+    margin:calc(var(--root-em)*.375) calc(var(--root-em)*.5);
+    min-width:calc(var(--root-em)*4);
+    outline:0;
+    overflow:hidden;
+    padding:0 var(--padding);
+    position:relative;
+    text-decoration:none;
+    text-transform:uppercase;
+    transition:.3s cubic-bezier(.25, .8, .5, 1),color 1ms;
+    user-select:none;
+    vertical-align:bottom;
+  }
+  .v-button--align-left{
+    justify-content:flex-start;
+  }
+  .v-button--align-right{
+    justify-content:flex-end;
+  }
+  .v-button--plain{
+    color:inherit !important;
+  }
+  .v-button--plain.v-button--guard-in-progress,.v-button--plain[aria-disabled=true],.v-button--plain[disabled]{
+    opacity:.5;
+  }
+  .v-button--sm{
+    font-size:calc(var(--root-em)*.75);
+  }
+  .v-button--md{
+    font-size:calc(var(--root-em)*.875);
+  }
+  .v-button--lg{
+    font-size:calc(var(--root-em)*1.375);
+  }
+  .v-button--rounded{
+    --padding:0;
+    aspect-ratio:1/1;
+    border-radius:50%;
+    margin:calc(var(--root-em)*.125);
+    min-width:0;
+    --height:auto;
+  }
+  .v-button--icon{
+    margin:calc(var(--root-em)*.125);
+    min-width:1.9285714286em;
+    --height:1.9285714286em;
+    --padding:0em;
+  }
+  .v-button::-moz-focus-inner{
+    border:0;
+  }
+  .v-button.v-button--guard-in-progress,.v-button[aria-disabled=true],.v-button[disabled]{
+    cursor:default;
+  }
+  .v-button--spacer-left{
+    margin-left:auto;
+  }
+  .v-button--spacer-right{
+    margin-right:auto;
+  }
+  .v-button__content{
+    align-items:center;
+    display:flex;
+    justify-content:center;
+    justify-self:stretch;
+    pointer-events:none;
+  }
+  .v-button--loading .v-button__content{
+    opacity:0;
+  }
+  .v-button__icon--start{
+    margin-right:var(--icon-margin);
+  }
+  .v-button__icon--end{
+    margin-left:var(--icon-margin);
+  }
+  .v-button__loading{
+    left:50%;
+    position:absolute;
+    top:50%;
+    transform:translate(-50%, -50%);
+    z-index:1;
+  }
+  .v-icon{
+    align-items:center;
+    aspect-ratio:1/1;
+    display:inline-flex;
+    justify-content:center;
+    user-select:none;
+    width:1.25em;
+  }
+  .v-icon--clickable{
+    cursor:pointer;
+  }
+  .v-icon__body{
+    align-items:center;
+    display:inline-flex;
+    justify-content:center;
+    transition:transform .15s linear;
+  }
+  .v-tabs{
+    height:var(--tabs-height);
+    overflow:hidden;
+    position:relative;
+    width:100%;
+  }
+  .v-tabs:before{
+    background:currentColor;
+    bottom:0;
+    content:"";
+    display:block;
+    height:2px;
     left:0;
+    opacity:.25;
     position:absolute;
-    top:0;
+    right:0;
   }
-  .v-content-switcher-prev-leave-to{
-    transform:translateX(100%);
+  .v-tabs__scroller{
+    height:calc(var(--tabs-height) + 30px);
+    width:100%;
+  }
+  .v-tabs__scroller__container{
+    padding-bottom:30px;
+  }
+  .v-tabs__content{
+    align-items:stretch;
+    display:inline-flex;
+    min-width:100%;
+    position:relative;
+    vertical-align:bottom;
+  }
+  .v-text-counter{
+    white-space:nowrap;
+  }
+  .v-grid-item,.v-paper{
+    display:block;
+  }
+  .v-paper{
+    --paper-radius:var(--control-field-radius);
+    background-color:var(--paper-background--color);
+    border-radius:var(--paper-radius);
+    color:var(--paper-text-color);
+  }
+  .v-paper--plain{
+    --paper-background--color:var(--palette-background);
+    --paper-text-color:inherit;
+    --paper-link-color:var(--link-color);
   }
-  .v-content-switcher-next-enter-active,.v-content-switcher-next-leave-active{
-    transition:var(--transition-tab);
+  .v-paper--has-color{
+    --paper-background--color:var(--main-color);
+    --paper-text-color:var(--text-color);
+    --paper-link-color:var(--nav-color);
   }
-  .v-content-switcher-next-enter-from{
-    transform:translateX(100%);
+  .v-paper__inner{
+    border-radius:inherit;
+    position:relative;
   }
-  .v-content-switcher-next-enter-to,.v-content-switcher-next-leave{
-    transform:translateX(0);
+  .v-paper--square{
+    --paper-radius:0px;
   }
-  .v-content-switcher-next-leave-active{
-    left:0;
-    position:absolute;
-    top:0;
+  .v-paper__header{
+    border-top-left-radius:inherit;
+    border-top-right-radius:inherit;
   }
-  .v-content-switcher-next-leave-to{
-    transform:translateX(-100%);
+  .v-paper__footer{
+    border-bottom-left-radius:inherit;
+    border-bottom-right-radius:inherit;
   }
   .v-data-table{
     --controls-vertial-margin:0.625em;
@@ -2209,116 +1939,366 @@
   .v-data-table__table__cell--right{
     text-align:right;
   }
-  .v-data-table__table__cell[tabindex="0"]{
-    cursor:pointer;
+  .v-data-table__table__cell[tabindex="0"]{
+    cursor:pointer;
+  }
+  .v-data-table__table__cell__tile{
+    align-items:center;
+    display:flex;
+  }
+  .v-data-table__table__sort-icon{
+    font-size:1.25em;
+    opacity:0;
+    transition:transform .2s,opacity .2s;
+    width:25px;
+  }
+  .v-data-table__table__sort-icon--empty{
+    display:none;
+  }
+  .v-data-table__table__header .v-data-table__table__cell{
+    backdrop-filter:blur(3px);
+    background:hsla(0,0%,100%,.85);
+    user-select:none;
+  }
+  .v-data-table__table__cell[tabindex="0"]:focus .v-data-table__table__sort-icon,.v-data-table__table__cell[tabindex="0"]:hover .v-data-table__table__sort-icon,.v-data-table__table__header .v-data-table__table__cell--active .v-data-table__table__sort-icon{
+    opacity:1;
+  }
+  .v-data-table__table__body tr:last-child .v-data-table__table__cell{
+    border-bottom:none;
+  }
+  .v-data-table--fixed-header .v-data-table__table__header .v-data-table__table__cell{
+    position:sticky;
+    top:0;
+    z-index:1;
+  }
+  .v-toolbar{
+    --height:var(--toolbar-height);
+    align-items:center;
+    border-radius:inherit;
+    display:flex;
+    height:var(--height);
+    margin:0;
+    padding:0 calc(var(--root-em)*1.5);
+    width:100%;
+  }
+  .v-toolbar--plain{
+    --main-color:var(--palette-background);
+  }
+  .v-app-layout__header>.v-toolbar{
+    height:100%;
+  }
+  .v-toolbar--dense{
+    --height:var(--toolbar-dense-height);
+  }
+  .v-drawer-layout{
+    display:block;
+    height:100%;
+    width:100%;
+  }
+  .v-drawer-layout__inner{
+    align-items:stretch;
+    display:flex;
+    flex-direction:column;
+    height:100%;
+    width:100%;
+  }
+  .v-drawer-layout__header{
+    align-items:center;
+    display:flex;
+    flex:0 0 var(--val-topToolbar-height);
+    height:var(--val-topToolbar-height);
+    justify-content:center;
+  }
+  .v-drawer-layout__body{
+    flex:1 1 100%;
+    overflow:auto;
+    -webkit-overflow-scrolling:touch;
+  }
+  .v-drawer-layout__footer{
+    flex:0 0 auto;
+    margin-top:auto;
+  }
+  .v-navigation-item--opened{
+    --tile-background:var(--tile-active-background);
+    --tile-text-color:var(--tile-text-active-color);
+  }
+  .v-navigation-item__expand{
+    transition:height .2s;
+  }
+  .v-navigation-item__expand .v-navigation-item{
+    --tile-background:var(--tile-active-background);
+  }
+  .v-navigation-item--depth-1{
+    --depth-padding:calc(var(--list-tile-padding)*2);
+  }
+  .v-navigation-item--depth-2{
+    --depth-padding:calc(var(--list-tile-padding)*3);
+  }
+  .v-navigation-item--depth-3{
+    --depth-padding:calc(var(--list-tile-padding)*4);
+  }
+  .v-grid-container{
+    display:flex;
+    flex-wrap:wrap;
+  }
+  .v-hero{
+    --hero-background-color:var(--main-color);
+    --hero-text-color:var(--text-color);
+    align-items:center;
+    background-color:var(--hero-background-color);
+    color:var(--hero-text-color);
+    display:flex;
+    margin:0;
+    padding:20px 30px;
+  }
+  .v-hero__title{
+    color:inherit;
+    flex:1 1 100%;
+    font-size:1.75rem;
+    font-weight:300;
+    line-height:1;
+    margin:0;
+  }
+  .v-hero__adornment{
+    flex:0 0 auto;
+    margin-left:auto;
+    padding-left:10px;
+  }
+  .v-toolbar-edge{
+    align-items:center;
+    align-self:stretch;
+    display:flex;
+    flex:0 0;
+  }
+  .v-toolbar-edge--empty,.v-toolbar-edge:empty{
+    display:none;
+  }
+  .v-toolbar-edge--start{
+    margin-left:calc(var(--root-em)*-1*.75);
+    margin-right:calc(var(--root-em)*.75);
+  }
+  .v-toolbar-edge--end{
+    margin-left:auto;
+    margin-right:calc(var(--root-em)*-1*.75);
+    padding-left:calc(var(--root-em)*.75);
+  }
+  .v-card-content{
+    padding:var(--card-content-padding);
+  }
+  .v-content-switcher{
+    display:block;
+    overflow:hidden;
+    position:relative;
+    transition:var(--transition-tab);
+    width:100%;
+  }
+  .v-content-switcher__content{
+    width:100%;
+  }
+  .v-content-switcher-prev-enter-active,.v-content-switcher-prev-leave-active{
+    transition:var(--transition-tab);
+  }
+  .v-content-switcher-prev-enter-from{
+    transform:translateX(-100%);
+  }
+  .v-content-switcher-prev-enter-to,.v-content-switcher-prev-leave{
+    transform:translateX(0);
+  }
+  .v-content-switcher-prev-leave-active{
+    left:0;
+    position:absolute;
+    top:0;
+  }
+  .v-content-switcher-prev-leave-to{
+    transform:translateX(100%);
+  }
+  .v-content-switcher-next-enter-active,.v-content-switcher-next-leave-active{
+    transition:var(--transition-tab);
+  }
+  .v-content-switcher-next-enter-from{
+    transform:translateX(100%);
+  }
+  .v-content-switcher-next-enter-to,.v-content-switcher-next-leave{
+    transform:translateX(0);
+  }
+  .v-content-switcher-next-leave-active{
+    left:0;
+    position:absolute;
+    top:0;
+  }
+  .v-content-switcher-next-leave-to{
+    transform:translateX(-100%);
+  }
+  .v-card-actions{
+    align-items:center;
+    display:flex;
+    padding:var(--card-actions-padding);
+  }
+  .v-card-actions .v-btn{
+    margin-bottom:0;
+    margin-top:0;
+  }
+  .v-tab{
+    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
+  }
+  .v-tab::-moz-focus-inner{
+    border:0;
+  }
+  .v-tab{
+    appearance:none;
+    border-width:0;
+    cursor:pointer;
+    outline:0;
+    padding:0;
+    touch-action:manipulation;
+  }
+  .v-tab,.v-tab:focus,.v-tab:hover{
+    text-decoration:none;
+  }
+  .v-tab{
+    --tab-content-color:var(--palette-caption);
+    --tab-content-focus-color:var(--main-color);
+    --tab-content-opacity:0.7;
+    align-items:center;
+    display:flex;
+    font:inherit;
+    font-size:var(--tabs-font-size);
+    height:var(--tabs-height);
+    justify-content:center;
+    padding:0 1.25em;
+    position:relative;
+    transition:color .6s;
+    user-select:none;
+    white-space:nowrap;
+    z-index:3;
+  }
+  .v-tab:before{
+    background-color:var(--tab-content-focus-color);
+    border-radius:inherit;
+    bottom:0;
+    content:"";
+    height:2px;
+    left:0;
+    position:absolute;
+    right:0;
+    transform:scaleX(0);
+    transition:all .25s;
+    z-index:1;
   }
-  .v-data-table__table__cell__tile{
+  .v-tab__content{
     align-items:center;
+    color:var(--tab-content-color);
     display:flex;
+    line-height:1.2;
+    opacity:var(--tab-content-opacity);
+    position:relative;
+    text-align:center;
+    transition:all .25s ease;
+    z-index:2;
   }
-  .v-data-table__table__sort-icon{
-    font-size:1.25em;
-    opacity:0;
-    transition:transform .2s,opacity .2s;
-    width:25px;
+  .v-tab__icon{
+    font-size:120%;
+    margin-right:8px;
   }
-  .v-data-table__table__sort-icon--empty{
-    display:none;
+  .v-tab:hover{
+    --tab-content-color:var(--tab-content-focus-color);
   }
-  .v-data-table__table__header .v-data-table__table__cell{
-    backdrop-filter:blur(3px);
-    background:hsla(0,0%,100%,.85);
+  .v-tab--active{
+    --tab-content-color:rgba(0,0,0,.87);
+    background:var(--tabs-color);
+    pointer-events:none;
+    --tab-content-opacity:1;
+  }
+  .v-tab--active:before{
+    transform:scaleX(1);
+  }
+  .v-checkable{
+    --outer-size:var(--control-checkable-outer-size);
+    --icon-size:var(--control-checkable-icon-size);
+    --color:var(--control-checkable-base-color);
+    align-items:center;
+    cursor:pointer;
+    display:inline-flex;
+    padding-right:1em;
     user-select:none;
   }
-  .v-data-table__table__cell[tabindex="0"]:focus .v-data-table__table__sort-icon,.v-data-table__table__cell[tabindex="0"]:hover .v-data-table__table__sort-icon,.v-data-table__table__header .v-data-table__table__cell--active .v-data-table__table__sort-icon{
-    opacity:1;
+  .v-checkable--checked,.v-checkable--invalid:not(.v-checkable--readonly){
+    --color:var(--main-color);
   }
-  .v-data-table__table__body tr:last-child .v-data-table__table__cell{
-    border-bottom:none;
+  .v-checkable--disabled{
+    --color:var(--control-disabled-color);
   }
-  .v-data-table--fixed-header .v-data-table__table__header .v-data-table__table__cell{
-    position:sticky;
-    top:0;
-    z-index:1;
+  .v-checkable--disabled,.v-checkable--readonly{
+    cursor:default;
+    pointer-events:none;
   }
-  .v-toolbar{
-    --height:var(--toolbar-height);
-    align-items:center;
-    border-radius:inherit;
-    display:flex;
-    height:var(--height);
-    margin:0;
-    padding:0 calc(var(--root-em)*1.5);
-    width:100%;
+  .v-checkable input{
+    height:1px;
+    overflow:hidden;
+    position:absolute;
+    white-space:nowrap;
+    width:1px;
+    clip:rect(0 0 0 0);
+    clip-path:inset(100%);
   }
-  .v-toolbar--plain{
-    --main-color:var(--palette-background);
+  .v-checkable__faux{
+    align-items:center;
+    color:var(--color);
+    cursor:pointer;
+    display:inline-flex;
+    flex:0 0 var(--outer-size);
+    height:var(--outer-size);
+    justify-content:center;
+    margin:var(--control-checkable-faux-margin);
+    margin-left:0;
+    position:relative;
+    width:var(--outer-size);
   }
-  .v-app-layout__header>.v-toolbar{
-    height:100%;
+  .v-checkable__faux__icon{
+    display:block;
+    height:var(--icon-size);
+    pointer-events:none;
+    position:relative;
+    transform:scale(var(--control-checkable-faux-scale));
+    width:var(--icon-size);
   }
-  .v-toolbar--dense{
-    --height:var(--toolbar-dense-height);
+  .v-checkable__faux:before{
+    background:currentColor;
+    border-radius:50%;
+    content:"";
+    display:block;
+    inset:0;
+    opacity:0;
+    pointer-events:none;
+    position:absolute;
+    transition:opacity .2s;
   }
-  .v-toolbar-menu{
-    box-shadow:none;
-    height:100%;
-    margin:0;
+  .v-checkable__faux:hover:before{
+    opacity:.1;
   }
-  .v-toolbar-edge{
-    align-items:center;
-    align-self:stretch;
-    display:flex;
-    flex:0 0;
+  .v-checkable--custom-icon .v-checkable__faux{
+    flex-basis:auto;
+    width:auto;
   }
-  .v-toolbar-edge--empty,.v-toolbar-edge:empty{
-    display:none;
+  .v-checkable--custom-icon .v-checkable__faux:before{
+    content:none;
   }
-  .v-toolbar-edge--start{
-    margin-left:calc(var(--root-em)*-1*.75);
-    margin-right:calc(var(--root-em)*.75);
+  .v-checkable:focus-within .v-checkable__faux:before{
+    opacity:.2;
   }
-  .v-toolbar-edge--end{
-    margin-left:auto;
-    margin-right:calc(var(--root-em)*-1*.75);
-    padding-left:calc(var(--root-em)*.75);
+  .v-checkable__label{
+    line-height:1.5;
   }
-  .v-toolbar-title{
-    display:flex;
-    flex-grow:1;
-    font-size:1.25rem;
-    font-weight:400;
-    line-height:1;
-    margin:0;
-    white-space:nowrap;
+  .v-checkable--disabled .v-checkable__label{
+    color:var(--color);
   }
   @media screen and (width >= 320px){
     .v-data-table__controls__pagination{
       flex:0 0 50%;
       width:50%;
     }}
-}
-.v-tooltip{
-  --menu-shadow:var(--tooltip-shadow);
-  --v-stack-slide-amount:10px;
-  border-radius:var(--tooltip-radius);
-  font-size:var(--tooltip-font-size);
-}
-.v-tooltip .v-menu__body{
-  background:var(--tooltip-background) !important;
-  color:var(--tooltip-color) !important;
-}
-.v-tooltip__inner{
-  display:inline-block;
-  padding:var(--tooltip-padding);
-}
-.v-menu{
-  box-shadow:var(--menu-shadow);
-}
-.v-dialog,.v-menu{
+}.v-dialog{
   border-radius:2px;
-}
-.v-dialog{
   box-shadow:var(--dialog-shadow);
   display:inline-block;
   margin:24px;
@@ -2353,36 +2333,27 @@
 .v-dialog--dense .v-dialog__actions{
   padding-top:0;
 }
-.v-snackbar{
-  box-shadow:var(--snackbar-shadow);
-  font-size:14px;
-}
-.v-snackbar__inner{
-  align-items:center;
-  background-color:var(--main-color);
-  border-color:var(--border-color);
-  border-radius:inherit;
-  color:var(--text-color);
-  display:flex;
-  justify-content:space-between;
-  max-width:calc(100vw - 96px);
-  min-width:288px;
-  padding:8px 4px 8px 16px;
-  width:auto;
-}
-.v-snackbar__body{
-  flex:1 1 100%;
-  word-break:break-all;
-}
-.v-snackbar__actions{
-  flex:0 0 auto;
-  padding-left:20px;
-  white-space:nowrap;
+@keyframes v-skelton-loader-bone-loading{
+  to{
+    transform:translateX(100%);
+  }
+}.v-menu{
+  border-radius:2px;
+  box-shadow:var(--menu-shadow);
+}.v-tooltip{
+  --menu-shadow:var(--tooltip-shadow);
+  --v-stack-slide-amount:10px;
+  border-radius:var(--tooltip-radius);
+  font-size:var(--tooltip-font-size);
 }
-.v-snackbar__close{
-  margin:0;
+.v-tooltip .v-menu__body{
+  background:var(--tooltip-background) !important;
+  color:var(--tooltip-color) !important;
 }
-.v-sheet-modal{
+.v-tooltip__inner{
+  display:inline-block;
+  padding:var(--tooltip-padding);
+}.v-sheet-modal{
   --v-sheet-modal-width:90vw;
   --v-sheet-modal-max-width:none;
   --v-sheet-background:var(--palette-foundation);
@@ -2421,13 +2392,32 @@
 }
 .v-sheet-modal-enter-from,.v-sheet-modal-leave-to{
   transform:translateX(var(--v-sheet-modal-width));
+}.v-snackbar{
+  box-shadow:var(--snackbar-shadow);
+  font-size:14px;
 }
-@keyframes v-skelton-loader-bone-loading{
-  to{
-    transform:translateX(100%);
-  }
+.v-snackbar__inner{
+  align-items:center;
+  background-color:var(--main-color);
+  border-color:var(--border-color);
+  border-radius:inherit;
+  color:var(--text-color);
+  display:flex;
+  justify-content:space-between;
+  max-width:calc(100vw - 96px);
+  min-width:288px;
+  padding:8px 4px 8px 16px;
+  width:auto;
+}
+.v-snackbar__body{
+  flex:1 1 100%;
+  word-break:break-all;
+}
+.v-snackbar__actions{
+  flex:0 0 auto;
+  padding-left:20px;
+  white-space:nowrap;
+}
+.v-snackbar__close{
+  margin:0;
 }
-/*!
- * Forked from
- * normalize.css v8.0.1 | MIT License | https://github.com/necolas/normalize.css
- */