@fastkit/vui 1.4.0-next.1 → 1.4.0

package/dist/vui.css

@@ -1,138 +1,23 @@
-@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;
-  }
-  html{
-    line-height:1.15;
-    -webkit-text-size-adjust:100%;
-  }
-  body{
-    margin:0;
-  }
-  main{
-    display:block;
-  }
-  h1{
-    margin:.67em 0;
-    font-size:2em;
-  }
-  hr{
-    height:0;
-    overflow:visible;
-  }
-  pre{
-    font-family:monospace,monospace;
-    font-size:1em;
-  }
-  a{
-    background-color:transparent;
-  }
-  abbr[title]{
-    text-decoration:underline;
-    text-decoration:underline dotted;
-    border-bottom:none;
-  }
-  b,strong{
-    font-weight:bolder;
-  }
-  code,kbd,samp{
-    font-family:monospace,monospace;
-    font-size:1em;
-  }
-  small{
-    font-size:80%;
-  }
-  sub,sup{
-    position:relative;
-    font-size:75%;
-    line-height:0;
-    vertical-align:baseline;
-  }
-  sub{
-    bottom:-.25em;
-  }
-  sup{
-    top:-.5em;
-  }
-  img{
-    border-style:none;
-  }
-  button,input,optgroup,select,textarea{
-    margin:0;
-    font-family:inherit;
-    font-size:100%;
-    line-height:1.15;
-    color:inherit;
-  }
-  button,input{
-    overflow:visible;
-  }
-  button,select{
-    text-transform:none;
-  }
-  [type=button],[type=reset],[type=submit],button{
-    -webkit-appearance:button;
-  }
-  [type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
-    padding:0;
-    border-style:none;
-  }
-  [type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{
-    outline:1px dotted ButtonText;
-  }
-  fieldset{
-    padding:.35em .75em .625em;
-  }
-  legend{
-    display:table;
-    max-width:100%;
-    padding:0;
-    color:inherit;
-    white-space:normal;
-  }
-  progress{
-    vertical-align:baseline;
-  }
-  textarea{
-    overflow:auto;
-  }
-  [type=checkbox],[type=radio]{
-    padding:0;
-  }
-  [type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
-    height:auto;
-  }
-  [type=search]{
-    -webkit-appearance:textfield;
-    outline-offset:-2px;
-  }
-  [type=search]::-webkit-search-decoration{
-    -webkit-appearance:none;
-  }
-  ::-webkit-file-upload-button{
-    -webkit-appearance:button;
-    font:inherit;
-  }
-  details{
+@layer vui{
+  .v-form-selector__body{
     display:block;
   }
-  summary{
-    display:list-item;
+  .v-form-selector__placeholder{
+    display:flex;
+    align-items:center;
+    margin-top:8px;
+    font-style:italic;
+    opacity:.5;
   }
-  [hidden],template{
-    display:none;
+  .v-form-selector__placeholder--error{
+    color:var(--main-color);
+    opacity:1;
   }
-  button{
-    background-color:transparent;
+  .v-form-selector--stacked .v-form-selector__body{
+    display:flex;
+    flex-direction:column;
+    align-items:flex-start;
   }
-}
-@layer vui{
   :root{
     --root-em:16px;
     --root-spacing:8px;
@@ -594,126 +479,156 @@
   .wysiwyg p{
     margin:0;
   }
-  .v-form-selector__body{
-    display:block;
-  }
-  .v-form-selector__placeholder{
+  .v-pagination{
+    --pagination-size:var(--pagination-item-size);
+    --pagination-margin:var(--pagination-item-margin);
+    --pagination-font-size:var(--pagination-item-font-size);
+    --pagination-radius:var(--pagination-item-radius);
     display:flex;
     align-items:center;
-    margin-top:8px;
-    font-style:italic;
-    opacity:.5;
+    overflow:hidden;
+    font-weight:700;
+    line-height:1;
   }
-  .v-form-selector__placeholder--error{
-    color:var(--main-color);
-    opacity:1;
+  .v-pagination:before{
+    width:var(--pagination-size);
+    margin:var(--pagination-margin);
+    content:none;
   }
-  .v-form-selector--stacked .v-form-selector__body{
-    display:flex;
-    flex-direction:column;
-    align-items:flex-start;
+  .v-pagination--left{
+    justify-content:flex-start;
   }
-  .v-skelton-loader-bone{
-    position:relative;
-    overflow:hidden;
-    cursor:progress;
-    background:rgba(0,0,0,.12);
-    border-radius:inherit;
+  .v-pagination--center{
+    justify-content:center;
   }
-  .v-skelton-loader-bone:after{
-    position:absolute;
-    top:0;
-    right:0;
-    left:0;
-    z-index:1;
-    height:100%;
-    content:"";
-    background:linear-gradient(90deg, hsla(0,0%,100%,0), hsla(0,0%,100%,.3), hsla(0,0%,100%,0));
-    transform:translateX(-100%);
-    animation:v-skelton-loader-bone-loading 1.5s infinite;
+  .v-pagination--right{
+    justify-content:flex-end;
   }
-  .v-grid-container{
-    display:flex;
-    flex-wrap:wrap;
+  .v-pagination a.v-pagination__item,.v-pagination__item{
+    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
   }
-  .v-drawer-layout{
-    display:block;
-    width:100%;
-    height:100%;
+  .v-pagination a.v-pagination__item::-moz-focus-inner,.v-pagination__item::-moz-focus-inner{
+    border:0;
   }
-  .v-drawer-layout__inner{
-    display:flex;
-    flex-direction:column;
-    align-items:stretch;
-    width:100%;
-    height:100%;
+  .v-pagination a.v-pagination__item,.v-pagination__item{
+    padding:0;
+    appearance:none;
+    touch-action:manipulation;
+    cursor:pointer;
+    user-select:none;
+    outline:0;
+    border-width:0;
   }
-  .v-drawer-layout__header{
+  .v-pagination a.v-pagination__item,.v-pagination a.v-pagination__item:focus,.v-pagination a.v-pagination__item:hover,.v-pagination__item,.v-pagination__item:focus,.v-pagination__item:hover{
+    text-decoration:none;
+  }
+  .v-pagination a.v-pagination__item,.v-pagination__item{
     display:flex;
-    flex:0 0 var(--val-topToolbar-height);
     align-items:center;
     justify-content:center;
-    height:var(--val-topToolbar-height);
+    min-width:var(--pagination-size);
+    height:var(--pagination-size);
+    margin:calc(var(--pagination-margin)*.5);
+    font-size:var(--pagination-font-size);
+    color:inherit;
+    border-radius:var(--pagination-radius);
+    transition:.1s;
   }
-  .v-drawer-layout__body{
-    flex:1 1 100%;
-    overflow:auto;
-    -webkit-overflow-scrolling:touch;
+  .v-pagination a.v-pagination__item:focus,.v-pagination a.v-pagination__item:hover,.v-pagination__item:focus,.v-pagination__item:hover{
+    background:rgba(0,0,0,.1);
   }
-  .v-drawer-layout__footer{
-    flex:0 0 auto;
-    margin-top:auto;
+  .v-pagination a.v-pagination__item--active,.v-pagination a.v-pagination__item--active:active,.v-pagination a.v-pagination__item--active:focus,.v-pagination a.v-pagination__item--active:hover,.v-pagination__item--active,.v-pagination__item--active:active,.v-pagination__item--active:focus,.v-pagination__item--active:hover{
+    color:var(--text-color);
+    pointer-events:none;
+    background-color:var(--main-color);
   }
-  .v-paper{
-    --paper-radius:var(--control-field-radius);
-    display:block;
-    color:var(--paper-text-color);
-    background-color:var(--paper-background--color);
-    border-radius:var(--paper-radius);
+  .v-pagination a.v-pagination__item--disabled,.v-pagination a.v-pagination__item--truncate,.v-pagination__item--disabled,.v-pagination__item--truncate{
+    color:var(--palette-muted) !important;
+    pointer-events:none !important;
+    background:transparent !important;
   }
-  .v-paper--plain{
-    --paper-background--color:var(--palette-background);
-    --paper-text-color:inherit;
-    --paper-link-color:var(--link-color);
+  .v-pagination a.v-pagination__item .v-icon,.v-pagination__item .v-icon{
+    font-size:125%;
   }
-  .v-paper--has-color{
-    --paper-background--color:var(--main-color);
-    --paper-text-color:var(--text-color);
-    --paper-link-color:var(--nav-color);
+  .v-pagination--dense .v-pagination__item{
+    --pagination-size:var(--pagination-item-size-dense);
+    --pagination-margin:var(--pagination-item-margin-dense);
+    --pagination-font-size:var(--pagination-item-font-size-dense);
   }
-  .v-paper__inner{
-    position:relative;
-    border-radius:inherit;
+  .v-pagination--disabled .v-pagination__item{
+    color:var(--palette-muted);
+    pointer-events:none;
   }
-  .v-paper--square{
-    --paper-radius:0px;
+  .v-pagination--disabled .v-pagination__item:focus,.v-pagination--disabled .v-pagination__item:hover{
+    background:transparent;
   }
-  .v-paper__header{
-    border-top-left-radius:inherit;
-    border-top-right-radius:inherit;
+  .v-pagination--disabled .v-pagination__item--active{
+    background:var(--palette-muted);
   }
-  .v-paper__footer{
-    border-bottom-right-radius:inherit;
-    border-bottom-left-radius:inherit;
+  .v-disabled-reason{
+    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
   }
-  .v-button-group{
-    display:inline-flex;
-    align-items:stretch;
+  .v-disabled-reason::-moz-focus-inner{
+    border:0;
   }
-  .v-button-group__item{
+  .v-disabled-reason{
+    position:absolute;
+    inset:0;
+    z-index:10;
+    display:block;
+    pointer-events:none;
+    cursor:default;
+    border-radius:inherit;
+  }
+  .v-disabled-reason[tabindex]:not([tabindex^="-"]){
+    pointer-events:auto;
+  }
+  .v-grid-item{
+    display:block;
+  }
+  .v-radio{
+    --my-color:var(--color);
+  }
+  .v-radio__faux{
     position:relative;
-    margin:0;
+    display:block;
+    width:100%;
+    height:100%;
+    transition:border-color .2s,background-color .2s;
   }
-  .v-button-group__item--has-left{
-    border-top-left-radius:0;
-    border-bottom-left-radius:0;
+  .v-radio__faux:after,.v-radio__faux:before{
+    position:absolute;
+    display:block;
+    content:"";
+    border-radius:100%;
   }
-  .v-button-group__item--has-right{
-    border-top-right-radius:0;
-    border-bottom-right-radius:0;
+  .v-radio__faux:before{
+    inset:0;
+    border:2px solid;
   }
-  .v-button-group__item:focus{
-    z-index:1;
+  .v-radio__faux:after{
+    top:50%;
+    left:50%;
+    width:50%;
+    height:50%;
+    background:currentColor;
+    transform:translate(-50%, -50%) scale(0);
+    transition:transform .2s;
+  }
+  .v-radio--selected .v-radio__faux:after{
+    transform:translate(-50%, -50%) scale(1);
+  }
+  .v-navigation__caption{
+    display:block;
+    padding:calc(var(--root-em)*.625) calc(var(--root-em)*1.5625);
+    margin:1em 0 0;
+    font-size:.75rem;
+    color:var(--caption-color);
+    text-transform:uppercase;
+  }
+  .v-grid-container{
+    display:flex;
+    flex-wrap:wrap;
   }
   .v-icon{
     display:inline-flex;
@@ -732,125 +647,138 @@
     justify-content:center;
     transition:transform .15s linear;
   }
-  .v-avatar{
-    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
+  .v-form-control{
+    display:flex;
+    flex-direction:column;
+    max-width:100%;
+    margin:var(--control-horizontal-margin) 0;
+    --my-label-color:var(--control-label-color);
+    --my-message-color:var(--control-message-color);
   }
-  .v-avatar::-moz-focus-inner{
-    border:0;
+  .v-form-control--invalid:not(.v-form-control--readonly){
+    --my-label-color:var(--main-color);
+    --my-message-color:var(--main-color);
   }
-  .v-avatar{
-    padding:0;
-    appearance:none;
-    touch-action:manipulation;
-    cursor:pointer;
-    user-select:none;
-    outline:0;
-    border-width:0;
+  .v-form-control--disabled{
+    --my-label-color:var(--control-disabled-color);
+    --my-message-color:var(--control-disabled-color);
   }
-  .v-avatar,.v-avatar:focus,.v-avatar:hover{
-    text-decoration:none;
+  .v-form-control__label{
+    display:flex;
+    align-items:center;
+    align-self:flex-start;
+    font-size:var(--control-label-font-size);
+    font-weight:var(--control-label-font-weight);
+    line-height:var(--control-label-height);
+    color:var(--my-label-color);
+    letter-spacing:.00938em;
   }
-  .v-avatar{
-    --avatar-radius:50%;
-    --avatar-font-weight:var(--typo-medium-weight);
-    --avatar-base-font-size:var(--typo-base-size);
-    --avatar-font-size:var(--avatar-base-font-size);
+  .v-form-control__label__hinttip{
     display:inline-flex;
-    flex-basis:var(--avatar-size);
     align-items:center;
-    justify-content:center;
-    width:var(--avatar-size);
-    min-width:var(--avatar-size);
-    height:var(--avatar-size);
-    overflow:hidden;
-    font-size:var(--avatar-font-size);
-    font-weight:var(--avatar-font-weight);
+    margin-top:-.2em;
+    margin-left:.6em;
+    font-size:80%;
     line-height:1;
-    vertical-align:bottom;
-    text-align:center;
-    cursor:default;
-    border-style:solid;
-    border-width:1px;
-    border-radius:var(--avatar-radius);
-    --shadow-color:transparent !important;
-    --focusShadow-color:transparent !important;
-  }
-  .v-avatar--clickable{
+    color:inherit;
+    letter-spacing:normal;
+    text-decoration:none;
     cursor:pointer;
   }
-  .v-avatar--sm{
-    --avatar-size:36px;
-    --avatar-font-size:calc(var(--avatar-base-font-size)*0.75);
+  .v-form-control__label__hinttip__icon{
+    position:relative;
+    display:flex;
+    align-items:center;
+    justify-content:center;
+    font-size:120%;
+    text-decoration:none !important;
   }
-  .v-avatar--md{
-    --avatar-size:48px;
+  .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-avatar--lg{
-    --avatar-size:62px;
-    --avatar-font-size:calc(var(--avatar-base-font-size)*1.25);
+  .v-form-control__label__hinttip__hint{
+    font-size:calc(var(--root-em)*.75);
   }
-  .v-avatar--rounded{
-    --avatar-radius:4px;
+  .v-form-control__info{
+    display:flex;
+    padding-top:3px;
   }
-  .v-avatar--tile{
-    --avatar-radius:0;
+  .v-form-control__appends,.v-form-control__message{
+    margin:0 var(--control-message-horizontal-margin);
+    font-size:var(--control-message-font-size);
+    line-height:1.66;
+    color:var(--my-message-color);
   }
-  .v-avatar img,.v-avatar__image{
-    display:inline-flex;
-    width:inherit !important;
-    height:inherit !important;
-    object-fit:cover;
-    border-radius:inherit;
+  .v-form-control__message{
+    flex:1 0;
   }
-  .v-navigation-item--opened{
-    --tile-background:var(--tile-active-background);
-    --tile-text-color:var(--tile-text-active-color);
+  .v-form-control__appends{
+    flex:0 1;
+    margin-left:auto;
   }
-  .v-navigation-item__expand{
-    transition:height .2s;
+  .v-card-actions{
+    display:flex;
+    align-items:center;
+    padding:var(--card-actions-padding);
   }
-  .v-navigation-item__expand .v-navigation-item{
-    --tile-background:var(--tile-active-background);
+  .v-card-actions .v-btn{
+    margin-top:0;
+    margin-bottom:0;
   }
-  .v-navigation-item--depth-1{
-    --depth-padding:calc(var(--list-tile-padding)*2);
+  .v-hero{
+    --hero-background-color:var(--main-color);
+    --hero-text-color:var(--text-color);
+    display:flex;
+    align-items:center;
+    padding:20px 30px;
+    margin:0;
+    color:var(--hero-text-color);
+    background-color:var(--hero-background-color);
   }
-  .v-navigation-item--depth-2{
-    --depth-padding:calc(var(--list-tile-padding)*3);
+  .v-hero__title{
+    flex:1 1 100%;
+    margin:0;
+    font-size:1.75rem;
+    font-weight:300;
+    line-height:1;
+    color:inherit;
   }
-  .v-navigation-item--depth-3{
-    --depth-padding:calc(var(--list-tile-padding)*4);
+  .v-hero__adornment{
+    flex:0 0 auto;
+    padding-left:10px;
+    margin-left:auto;
   }
-  .v-text-field__input{
-    cursor:text;
+  .v-option-group{
+    display:block;
   }
-  .v-text-field__input__element{
-    width:100%;
-    min-width:0;
-    padding:0;
+  .v-option-group__label{
+    padding:1em;
+    font-size:.875em;
+    color:var(--palette-caption);
+    opacity:.6;
+  }
+  .v-option-group--disabled .v-option-group__label{
+    color:var(--palette-muted);
+    opacity:.4;
+  }
+  .v-button-group{
+    display:inline-flex;
+    align-items:stretch;
+  }
+  .v-button-group__item{
+    position:relative;
     margin:0;
-    overflow:hidden;
-    text-overflow:ellipsis;
-    font-size:inherit;
-    line-height:inherit;
-    letter-spacing:inherit;
-    white-space:nowrap;
-    outline:0;
-    background:transparent;
-    border:0;
-    border-radius:0;
   }
-  .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-group__item--has-left{
+    border-top-left-radius:0;
+    border-bottom-left-radius:0;
   }
-  .v-text-field__input__element::-ms-clear{
-    display:none;
+  .v-button-group__item--has-right{
+    border-top-right-radius:0;
+    border-bottom-right-radius:0;
   }
-  .v-text-field__input__element::placeholder{
-    font-style:italic;
-    color:var(--control-disabled-color);
+  .v-button-group__item:focus{
+    z-index:1;
   }
   .v-chip{
     -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
@@ -928,6 +856,136 @@
   .v-chip .v-avatar{
     --avatar-size:14px;
   }
+  .v-avatar{
+    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
+  }
+  .v-avatar::-moz-focus-inner{
+    border:0;
+  }
+  .v-avatar{
+    padding:0;
+    appearance:none;
+    touch-action:manipulation;
+    cursor:pointer;
+    user-select:none;
+    outline:0;
+    border-width:0;
+  }
+  .v-avatar,.v-avatar:focus,.v-avatar:hover{
+    text-decoration:none;
+  }
+  .v-avatar{
+    --avatar-radius:50%;
+    --avatar-font-weight:var(--typo-medium-weight);
+    --avatar-base-font-size:var(--typo-base-size);
+    --avatar-font-size:var(--avatar-base-font-size);
+    display:inline-flex;
+    flex-basis:var(--avatar-size);
+    align-items:center;
+    justify-content:center;
+    width:var(--avatar-size);
+    min-width:var(--avatar-size);
+    height:var(--avatar-size);
+    overflow:hidden;
+    font-size:var(--avatar-font-size);
+    font-weight:var(--avatar-font-weight);
+    line-height:1;
+    vertical-align:bottom;
+    text-align:center;
+    cursor:default;
+    border-style:solid;
+    border-width:1px;
+    border-radius:var(--avatar-radius);
+    --shadow-color:transparent !important;
+    --focusShadow-color:transparent !important;
+  }
+  .v-avatar--clickable{
+    cursor:pointer;
+  }
+  .v-avatar--sm{
+    --avatar-size:36px;
+    --avatar-font-size:calc(var(--avatar-base-font-size)*0.75);
+  }
+  .v-avatar--md{
+    --avatar-size:48px;
+  }
+  .v-avatar--lg{
+    --avatar-size:62px;
+    --avatar-font-size:calc(var(--avatar-base-font-size)*1.25);
+  }
+  .v-avatar--rounded{
+    --avatar-radius:4px;
+  }
+  .v-avatar--tile{
+    --avatar-radius:0;
+  }
+  .v-avatar img,.v-avatar__image{
+    display:inline-flex;
+    width:inherit !important;
+    height:inherit !important;
+    object-fit:cover;
+    border-radius:inherit;
+  }
+  .v-drawer-layout{
+    display:block;
+    width:100%;
+    height:100%;
+  }
+  .v-drawer-layout__inner{
+    display:flex;
+    flex-direction:column;
+    align-items:stretch;
+    width:100%;
+    height:100%;
+  }
+  .v-drawer-layout__header{
+    display:flex;
+    flex:0 0 var(--val-topToolbar-height);
+    align-items:center;
+    justify-content:center;
+    height:var(--val-topToolbar-height);
+  }
+  .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-paper{
+    --paper-radius:var(--control-field-radius);
+    display:block;
+    color:var(--paper-text-color);
+    background-color:var(--paper-background--color);
+    border-radius:var(--paper-radius);
+  }
+  .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{
+    position:relative;
+    border-radius:inherit;
+  }
+  .v-paper--square{
+    --paper-radius:0px;
+  }
+  .v-paper__header{
+    border-top-left-radius:inherit;
+    border-top-right-radius:inherit;
+  }
+  .v-paper__footer{
+    border-bottom-right-radius:inherit;
+    border-bottom-left-radius:inherit;
+  }
   .v-button{
     --padding:1em;
     --height:2.5714285714em;
@@ -1028,175 +1086,100 @@
     z-index:1;
     transform:translate(-50%, -50%);
   }
-  .v-grid-item{
-    display:block;
-  }
-  .v-busy-image{
-    position:relative;
-    display:inline-block;
-    max-width:100%;
-    vertical-align:bottom;
-  }
-  .v-busy-image--clickable{
-    cursor:pointer;
-  }
-  .v-busy-image--cover{
-    background-repeat:no-repeat;
-    background-position:50%;
-    background-size:cover;
-  }
-  .v-busy-image--loading:before{
-    position:absolute;
-    inset:0;
-    display:block;
-    content:"";
-    background:rgba(0,0,0,.1);
-    animation:v-tiny-image-blink 1.5s ease-in-out infinite normal;
-  }
-  .v-busy-image__node{
+  .v-skelton-loader-bone{
     position:relative;
-    display:inline-block;
-    max-width:100%;
-    vertical-align:bottom;
+    overflow:hidden;
+    cursor:progress;
+    background:rgba(0,0,0,.12);
+    border-radius:inherit;
   }
-  .v-busy-image__slot{
+  .v-skelton-loader-bone:after{
     position:absolute;
     top:0;
+    right:0;
     left:0;
-    width:100%;
+    z-index:1;
     height:100%;
-    pointer-events:none;
+    content:"";
+    background:linear-gradient(90deg, hsla(0,0%,100%,0), hsla(0,0%,100%,.3), hsla(0,0%,100%,0));
+    transform:translateX(-100%);
+    animation:v-skelton-loader-bone-loading 1.5s infinite;
   }
-  @keyframes v-tiny-image-blink{
-    0%{
-      opacity:1;
-    }
-    50%{
-      opacity:0;
-    }
-    to{
-      opacity:1;
-    }
+  .v-text-counter{
+    white-space:nowrap;
   }
-  .v-pagination{
-    --pagination-size:var(--pagination-item-size);
-    --pagination-margin:var(--pagination-item-margin);
-    --pagination-font-size:var(--pagination-item-font-size);
-    --pagination-radius:var(--pagination-item-radius);
-    display:flex;
-    align-items:center;
-    overflow:hidden;
-    font-weight:700;
-    line-height:1;
+  .v-navigation-item--opened{
+    --tile-background:var(--tile-active-background);
+    --tile-text-color:var(--tile-text-active-color);
   }
-  .v-pagination:before{
-    width:var(--pagination-size);
-    margin:var(--pagination-margin);
-    content:none;
+  .v-navigation-item__expand{
+    transition:height .2s;
   }
-  .v-pagination--left{
-    justify-content:flex-start;
+  .v-navigation-item__expand .v-navigation-item{
+    --tile-background:var(--tile-active-background);
   }
-  .v-pagination--center{
-    justify-content:center;
-  }
-  .v-pagination--right{
-    justify-content:flex-end;
+  .v-navigation-item--depth-1{
+    --depth-padding:calc(var(--list-tile-padding)*2);
   }
-  .v-pagination a.v-pagination__item,.v-pagination__item{
-    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
+  .v-navigation-item--depth-2{
+    --depth-padding:calc(var(--list-tile-padding)*3);
   }
-  .v-pagination a.v-pagination__item::-moz-focus-inner,.v-pagination__item::-moz-focus-inner{
-    border:0;
+  .v-navigation-item--depth-3{
+    --depth-padding:calc(var(--list-tile-padding)*4);
   }
-  .v-pagination a.v-pagination__item,.v-pagination__item{
-    padding:0;
+  .v-list-tile{
+    --tile-background:var(--main-color, transparent);
+    --tile-active-background:var(--deep-color, transparent);
+    --tile-text-color:var(--text-color);
+    --tile-text-active-color:var(--text-color);
+    --tile-pin-color:transparent;
+    --paper-link-color:var(--tile-text-color);
+    --depth-padding:var(--list-tile-padding);
+    display:flex;
+    align-items:center;
+    width:100%;
+    padding:var(--list-tile-padding);
+    padding-left:var(--depth-padding);
+    color:var(--tile-text-color) !important;
+    text-align:left;
+    text-decoration:none;
     appearance:none;
-    touch-action:manipulation;
-    cursor:pointer;
     user-select:none;
     outline:0;
-    border-width:0;
-  }
-  .v-pagination a.v-pagination__item,.v-pagination a.v-pagination__item:focus,.v-pagination a.v-pagination__item:hover,.v-pagination__item,.v-pagination__item:focus,.v-pagination__item:hover{
-    text-decoration:none;
-  }
-  .v-pagination a.v-pagination__item,.v-pagination__item{
-    display:flex;
-    align-items:center;
-    justify-content:center;
-    min-width:var(--pagination-size);
-    height:var(--pagination-size);
-    margin:calc(var(--pagination-margin)*.5);
-    font-size:var(--pagination-font-size);
-    color:inherit;
-    border-radius:var(--pagination-radius);
-    transition:.1s;
-  }
-  .v-pagination a.v-pagination__item:focus,.v-pagination a.v-pagination__item:hover,.v-pagination__item:focus,.v-pagination__item:hover{
-    background:rgba(0,0,0,.1);
-  }
-  .v-pagination a.v-pagination__item--active,.v-pagination a.v-pagination__item--active:active,.v-pagination a.v-pagination__item--active:focus,.v-pagination a.v-pagination__item--active:hover,.v-pagination__item--active,.v-pagination__item--active:active,.v-pagination__item--active:focus,.v-pagination__item--active:hover{
-    color:var(--text-color);
-    pointer-events:none;
-    background-color:var(--main-color);
-  }
-  .v-pagination a.v-pagination__item--disabled,.v-pagination a.v-pagination__item--truncate,.v-pagination__item--disabled,.v-pagination__item--truncate{
-    color:var(--palette-muted) !important;
-    pointer-events:none !important;
-    background:transparent !important;
-  }
-  .v-pagination a.v-pagination__item .v-icon,.v-pagination__item .v-icon{
-    font-size:125%;
-  }
-  .v-pagination--dense .v-pagination__item{
-    --pagination-size:var(--pagination-item-size-dense);
-    --pagination-margin:var(--pagination-item-margin-dense);
-    --pagination-font-size:var(--pagination-item-font-size-dense);
-  }
-  .v-pagination--disabled .v-pagination__item{
-    color:var(--palette-muted);
-    pointer-events:none;
-  }
-  .v-pagination--disabled .v-pagination__item:focus,.v-pagination--disabled .v-pagination__item:hover{
-    background:transparent;
-  }
-  .v-pagination--disabled .v-pagination__item--active{
-    background:var(--palette-muted);
+    background:var(--tile-background);
+    border:0;
+    border-left:3px solid var(--tile-pin-color);
+    border-radius:0;
+    transition:color .15s cubic-bezier(.4, 0, .2, 1) 0s,background-color .15s cubic-bezier(.4, 0, .2, 1) 0s;
   }
-  .v-option-group{
-    display:block;
+  .v-list-tile--clickable{
+    cursor:pointer;
+    --tile-text-color:var(--nav-color);
+    --tile-text-active-color:var(--navActive-color, var(--nav-color));
   }
-  .v-option-group__label{
-    padding:1em;
-    font-size:.875em;
-    color:var(--palette-caption);
-    opacity:.6;
+  .v-list-tile--clickable:focus,.v-list-tile--clickable:hover{
+    --tile-background:var(--tile-active-background);
+    --tile-text-color:var(--tile-text-active-color);
   }
-  .v-option-group--disabled .v-option-group__label{
-    color:var(--palette-muted);
-    opacity:.4;
+  .v-list-tile--active{
+    --tile-pin-color:var(--pin-color);
+    --tile-text-color:var(--tile-text-active-color);
+    --tile-background:var(--tile-active-background);
   }
-  .v-checkbox{
-    --my-border-color:var(--color);
-    --my-faux-bg-color:transparent;
+  .v-list-tile__body{
+    font-size:.8125rem;
+    font-weight:500;
+    line-height:1.5;
   }
-  .v-checkbox--indeterminate,.v-checkbox--selected{
-    --my-border-color:transparent;
-    --my-faux-bg-color:var(--color);
+  .v-list-tile__icon{
+    min-width:2em;
   }
-  .v-checkbox__faux{
-    display:block;
-    width:100%;
-    height:100%;
-    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);
-    transition:border-color .2s,background-color .2s;
+  .v-list-tile__icon--end{
+    margin-left:auto;
+    text-align:right;
   }
-  .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-card-content{
+    padding:var(--card-content-padding);
   }
   .v-card{
     -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
@@ -1239,317 +1222,254 @@
   .v-card[aria-disabled=true]:before,.v-card[disabled]:before{
     content:none;
   }
-  .v-radio{
-    --my-color:var(--color);
-  }
-  .v-radio__faux{
+  .v-control-field{
     position:relative;
-    display:block;
+    display:inline-flex;
+    align-items:center;
     width:100%;
-    height:100%;
-    transition:border-color .2s,background-color .2s;
+    min-width:0;
+    height:var(--control-field-height);
+    min-height:var(--control-field-height);
+    padding:0 8px;
+    font-size:var(--control-field-font-size);
+    line-height:var(--control-field-line-height);
+    letter-spacing:var(--control-field-letter-spacing);
+    --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-radio__faux:after,.v-radio__faux:before{
-    position:absolute;
-    display:block;
-    content:"";
-    border-radius:100%;
+  .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-radio__faux:before{
-    inset:0;
-    border:2px solid;
+  .v-control-field--readonly{
+    cursor:default;
   }
-  .v-radio__faux:after{
-    top:50%;
-    left:50%;
-    width:50%;
-    height:50%;
-    background:currentColor;
-    transform:translate(-50%, -50%) scale(0);
-    transition:transform .2s;
+  .v-control-field--disabled{
+    color:var(--control-disabled-color);
+    pointer-events:none;
+    user-select:none;
   }
-  .v-radio--selected .v-radio__faux:after{
-    transform:translate(-50%, -50%) scale(1);
+  .v-control-field:after,.v-control-field:before{
+    position:absolute;
+    right:0;
+    bottom:0;
+    left:0;
+    pointer-events:none;
+    content:"";
   }
-  .v-data-table{
-    --controls-vertial-margin:0.625em;
+  .v-control-field:before{
+    height:1px;
+    border-bottom:1px solid var(--my-bottom-color);
+    transition:border-color .2s cubic-bezier(.4, 0, .2, 1) 0s;
   }
-  .v-card-content .v-data-table{
-    margin-right:calc(var(--card-content-padding)*-1);
-    margin-left:calc(var(--card-content-padding)*-1);
+  .v-control-field:after{
+    height:2px;
+    background:var(--my-focused-color);
+    transform:scaleX(0);
+    transition:transform .2s cubic-bezier(0, 0, .2, 1) 0s;
   }
-  .v-data-table__controls{
-    flex-wrap:wrap;
-    justify-content:flex-end;
+  .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-data-table__controls,.v-data-table__controls__info{
-    display:flex;
-    align-items:center;
+  .v-control-field--focused:after,.v-control-field:focus-within:after{
+    transform:scaleX(1);
   }
-  .v-data-table__controls__info__length{
-    margin-right:20px;
+  .v-control-field--auto-height{
+    height:auto;
   }
-  .v-data-table__controls__select-limit{
+  .v-control-field__body{
     display:flex;
-    align-items:center;
+    flex:1 1 auto;
+    align-items:stretch;
+    align-self:stretch;
+    margin:0;
   }
-  .v-data-table__controls__select-limit__prefix{
-    margin-right:.5em;
-    font-size:.75em;
-    color:var(--palette-muted);
-    white-space:nowrap;
+  .v-control-field--flat{
+    padding-right:0;
+    padding-left:0;
   }
-  .v-data-table__controls__select-limit .v-select{
-    width:5em;
-    margin-left:.5em;
+  .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-data-table__controls__pagination{
-    flex:1 1 100%;
-    margin-left:auto;
+  .v-control-field--filled:hover:not(:focus-within){
+    background-color:var(--my-fill-hover-color);
   }
-  .v-data-table__header{
-    margin-bottom:var(--controls-vertial-margin);
+  .v-control-field--filled:hover:before,.v-control-field--flat:hover:before{
+    border-color:var(--my-bottom-hover-color);
   }
-  .v-data-table__footer{
-    margin-top:var(--controls-vertial-margin);
+  .v-control-field--flat:hover:before{
+    height:2px;
+    border-bottom-width:2px;
   }
-  .v-data-table__body{
-    position:relative;
+  .v-control-field--filled.v-control-field--disabled:before,.v-control-field--flat.v-control-field--disabled:before{
+    border-bottom-style:dotted;
   }
-  .v-data-table__body__inner{
-    overflow-x:auto;
+  .v-control-field--outlined{
+    border-radius:var(--control-field-radius);
+    transition:box-shadow .2s cubic-bezier(0, 0, .2, 1) 0s;
   }
-  .v-data-table__table-wrapper{
-    display:flex;
+  .v-control-field--outlined:before{
+    top:0;
+    height:auto;
+    background:transparent;
+    border:1px solid var(--my-outline-color);
+    border-radius:inherit;
   }
-  .v-data-table__table-wrapper:after,.v-data-table__table-wrapper:before{
-    display:block;
-    height:1px;
-    content:"";
+  .v-control-field--outlined:hover:before{
+    border-color:var(--my-outline-hover-color);
   }
-  .v-data-table__loading{
-    position:absolute;
-    inset:0;
-    z-index:1;
-    display:flex;
-    align-items:center;
-    justify-content:center;
-    background:var(--palette-background);
-    opacity:.5;
+  .v-control-field--outlined:after{
+    content:none;
   }
-  .v-data-table__table{
-    width:100%;
-    margin:0;
-    background:var(--palette-background);
-    border-radius:var(--control-field-radius);
+  .v-control-field--outlined:focus-within{
+    box-shadow:0 0 1px var(--shadow-color), 0 0 2px 2px var(--focusShadow-color);
   }
-  .v-data-table__table__cell{
-    position:relative;
-    vertical-align:middle;
-    text-align:left;
-    white-space:nowrap;
-    border-bottom:thin solid rgba(0,0,0,.12);
-    transition:background .2s;
+  .v-control-field__adornment--start{
+    padding-right:.25em;
   }
-  .v-data-table__table__cell:first-child{
-    padding-left:calc(var(--table-cell-horizontal-padding)*2);
+  .v-control-field__adornment--end{
+    padding-left:.25em;
   }
-  .v-data-table__table__cell:last-child{
-    padding-right:calc(var(--table-cell-horizontal-padding)*2);
+  .v-control-field__adornment .v-icon{
+    font-size:1.2em;
   }
-  .v-data-table__table__cell--left{
-    text-align:left;
+  .v-checkbox{
+    --my-border-color:var(--color);
+    --my-faux-bg-color:transparent;
   }
-  .v-data-table__table__cell--center{
-    text-align:center;
+  .v-checkbox--indeterminate,.v-checkbox--selected{
+    --my-border-color:transparent;
+    --my-faux-bg-color:var(--color);
   }
-  .v-data-table__table__cell--center .v-data-table__table__sort-icon--empty{
-    display:flex;
+  .v-checkbox__faux{
+    display:block;
+    width:100%;
+    height:100%;
+    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);
+    transition:border-color .2s,background-color .2s;
   }
-  .v-data-table__table__cell--right{
-    text-align:right;
+  .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-data-table__table__cell[tabindex="0"]{
+  .v-select__input{
     cursor:pointer;
   }
-  .v-data-table__table__cell__tile{
-    display:flex;
-    align-items:center;
+  .v-select__input__element{
+    position:absolute;
+    width:1px;
+    height:1px;
+    overflow:hidden;
+    white-space:nowrap;
+    clip:rect(0 0 0 0);
+    clip-path:inset(100%);
   }
-  .v-data-table__table__sort-icon{
-    width:25px;
-    font-size:1.25em;
-    opacity:0;
-    transition:transform .2s,opacity .2s;
+  .v-select__body{
+    padding:.5em 0;
   }
-  .v-data-table__table__sort-icon--empty{
-    display:none;
+  .v-select__selections{
+    display:table;
+    width:100%;
+    table-layout:fixed;
   }
-  .v-data-table__table__header .v-data-table__table__cell{
-    user-select:none;
-    background:hsla(0,0%,100%,.85);
-    backdrop-filter:blur(3px);
+  .v-select__selections__inner{
+    display:table-cell;
+    overflow:hidden;
+    text-overflow:ellipsis;
+    vertical-align:middle;
+    white-space:nowrap;
   }
-  .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-select--multiple .v-select__selections{
+    display:block;
   }
-  .v-data-table__table__body tr:last-child .v-data-table__table__cell{
-    border-bottom:none;
+  .v-select--multiple .v-select__selections__inner{
+    display:block;
+    overflow:auto;
+    white-space:unset;
   }
-  .v-data-table--fixed-header .v-data-table__table__header .v-data-table__table__cell{
-    position:sticky;
-    top:0;
-    z-index:1;
+  .v-select--multiple .v-control-field__body{
+    padding:.2em 0;
   }
-  .v-hero{
-    --hero-background-color:var(--main-color);
-    --hero-text-color:var(--text-color);
-    display:flex;
-    align-items:center;
-    padding:20px 30px;
-    margin:0;
-    color:var(--hero-text-color);
-    background-color:var(--hero-background-color);
+  .v-select__placeholder{
+    font-style:italic;
+    color:var(--control-disabled-color);
   }
-  .v-hero__title{
-    flex:1 1 100%;
-    margin:0;
-    font-size:1.75rem;
-    font-weight:300;
-    line-height:1;
-    color:inherit;
+  .v-file-input__inner{
+    display:flex;
+    align-items:stretch;
   }
-  .v-hero__adornment{
+  .v-file-input__button{
     flex:0 0 auto;
-    padding-left:10px;
-    margin-left:auto;
-  }
-  .v-toolbar-title{
-    display:flex;
-    flex-grow:1;
+    height:auto;
     margin:0;
-    font-size:1.25rem;
-    font-weight:400;
-    line-height:1;
-    white-space:nowrap;
-  }
-  .v-content-switcher{
-    position:relative;
-    display:block;
-    width:100%;
-    overflow:hidden;
-    transition:var(--transition-tab);
-  }
-  .v-content-switcher__content{
-    width:100%;
+    margin-bottom:1px !important;
+    border-top-right-radius:0;
+    border-bottom-right-radius:0;
   }
-  .v-content-switcher-prev-enter-active,.v-content-switcher-prev-leave-active{
-    transition:var(--transition-tab);
+  .v-file-input__selections{
+    display:flex;
+    flex-wrap:wrap;
+    align-items:center;
+    align-self:stretch;
+    padding:4px 6px;
   }
-  .v-content-switcher-prev-enter-from{
-    transform:translateX(-100%);
+  .v-file-input__placeholder{
+    color:var(--control-disabled-color);
   }
-  .v-content-switcher-prev-enter-to,.v-content-switcher-prev-leave{
-    transform:translateX(0);
+  .v-file-input__input{
+    flex:1 1 100%;
+    cursor:text;
+    border-top-left-radius:0;
+    border-bottom-left-radius:0;
   }
-  .v-content-switcher-prev-leave-active{
+  .v-file-input__input__element{
     position:absolute;
-    top:0;
-    left: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);
+    width:1px;
+    height:1px;
+    overflow:hidden;
+    white-space:nowrap;
+    clip:rect(0 0 0 0);
+    clip-path:inset(100%);
   }
-  .v-content-switcher-next-enter-from{
-    transform:translateX(100%);
+  .v-option{
+    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
   }
-  .v-content-switcher-next-enter-to,.v-content-switcher-next-leave{
-    transform:translateX(0);
+  .v-option::-moz-focus-inner{
+    border:0;
   }
-  .v-content-switcher-next-leave-active{
-    position:absolute;
-    top:0;
-    left:0;
+  .v-option{
+    padding:0;
+    appearance:none;
+    touch-action:manipulation;
+    cursor:pointer;
+    user-select:none;
+    outline:0;
+    border-width:0;
   }
-  .v-content-switcher-next-leave-to{
-    transform:translateX(-100%);
+  .v-option,.v-option:focus,.v-option:hover{
+    text-decoration:none;
   }
-  .v-tabs{
+  .v-option{
     position:relative;
+    display:flex;
     width:100%;
-    height:var(--tabs-height);
-    overflow:hidden;
+    padding:.75em 1em;
   }
-  .v-tabs:before{
-    position:absolute;
-    right:0;
-    bottom:0;
-    left:0;
-    display:block;
-    height:2px;
-    content:"";
-    background:currentColor;
-    opacity:.25;
-  }
-  .v-tabs__scroller{
-    width:100%;
-    height:calc(var(--tabs-height) + 30px);
-  }
-  .v-tabs__scroller__container{
-    padding-bottom:30px;
-  }
-  .v-tabs__content{
-    position:relative;
-    display:inline-flex;
-    align-items:stretch;
-    min-width:100%;
-    vertical-align:bottom;
-  }
-  .v-toolbar-menu{
-    height:100%;
-    margin:0;
-    box-shadow:none;
-  }
-  .v-card-actions{
-    display:flex;
-    align-items:center;
-    padding:var(--card-actions-padding);
-  }
-  .v-card-actions .v-btn{
-    margin-top:0;
-    margin-bottom:0;
-  }
-  .v-text-counter{
-    white-space:nowrap;
-  }
-  .v-option{
-    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-  }
-  .v-option::-moz-focus-inner{
-    border:0;
-  }
-  .v-option{
-    padding:0;
-    appearance:none;
-    touch-action:manipulation;
-    cursor:pointer;
-    user-select:none;
-    outline:0;
-    border-width:0;
-  }
-  .v-option,.v-option:focus,.v-option:hover{
-    text-decoration:none;
-  }
-  .v-option{
-    position:relative;
-    display:flex;
-    width:100%;
-    padding:.75em 1em;
-  }
-  .v-option input{
+  .v-option input{
     position:absolute;
     width:1px;
     height:1px;
@@ -1583,282 +1503,25 @@
   .v-option--selected:after{
     opacity:.12;
   }
-  .v-option--selected .v-option__label{
-    font-weight:500;
-    color:var(--palette-primary);
-  }
-  .v-option--has-not-value .v-option__label{
-    font-style:italic;
-  }
-  .v-option[aria-disabled=true],.v-option[disabled],.v-option[tabindex="-1"]{
-    color:var(--palette-muted);
-    pointer-events:none;
-    opacity:.4;
-  }
-  .v-option[aria-disabled=true]:before,.v-option[disabled]:before,.v-option[tabindex="-1"]:before{
-    opacity:0 !important;
-  }
-  .v-switch{
-    --my-pin-color:var(--palette-background);
-  }
-  .v-switch--selected{
-    --my-pin-color:var(--color);
-  }
-  .v-switch__faux{
-    position:relative;
-    display:flex;
-    align-items:center;
-    justify-content:center;
-    width:100%;
-    width:var(--control-switch-width);
-    height:100%;
-    cursor:pointer;
-  }
-  .v-switch__faux:before{
-    display:block;
-    width:var(--control-switch-track-width);
-    height:var(--control-switch-track-height);
-    content:"";
-    background:var(--color);
-    border-radius:calc(var(--control-switch-track-height)/2);
-    opacity:.5;
-  }
-  .v-switch__faux__pin{
-    position:absolute;
-    top:0;
-    bottom:0;
-    left:0;
-    display:flex;
-    align-items:center;
-    justify-content:center;
-    width:var(--outer-size);
-    height:var(--outer-size);
-    border-radius:50%;
-    transition:left .15s cubic-bezier(.4, 0, .2, 1) 0s,transform .15s cubic-bezier(.4, 0, .2, 1) 0s;
-  }
-  .v-switch__faux__pin:after,.v-switch__faux__pin:before{
-    display:block;
-    content:"";
-  }
-  .v-switch__faux__pin:before{
-    position:absolute;
-    width:100%;
-    height:100%;
-    background:currentColor;
-    border-radius:50%;
-    opacity:0;
-    transition:opacity .2s;
-  }
-  .v-switch__faux__pin:after{
-    position:relative;
-    width:var(--icon-size);
-    height:var(--icon-size);
-    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);
-    transform:scale(var(--control-checkable-faux-scale));
-  }
-  .v-switch--selected .v-switch__faux__pin{
-    left:calc(100% - var(--outer-size));
-  }
-  .v-switch--disabled .v-switch__faux:before{
-    background-color:#000;
-    opacity:.12;
-  }
-  .v-switch--disabled .v-switch__faux__pin:after{
-    background-color:#f5f5f5;
-  }
-  .v-switch__faux:hover .v-switch__faux__pin:before{
-    opacity:.1;
-  }
-  .v-switch:focus-within .v-switch__faux__pin:before{
-    opacity:.1;
-  }
-  .v-navigation__caption{
-    display:block;
-    padding:calc(var(--root-em)*.625) calc(var(--root-em)*1.5625);
-    margin:1em 0 0;
-    font-size:.75rem;
-    color:var(--caption-color);
-    text-transform:uppercase;
-  }
-  .v-card-content{
-    padding:var(--card-content-padding);
-  }
-  .v-toolbar{
-    --height:var(--toolbar-height);
-    display:flex;
-    align-items:center;
-    width:100%;
-    height:var(--height);
-    padding:0 calc(var(--root-em)*1.5);
-    margin:0;
-    border-radius:inherit;
-  }
-  .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-list-tile{
-    --tile-background:var(--main-color, transparent);
-    --tile-active-background:var(--deep-color, transparent);
-    --tile-text-color:var(--text-color);
-    --tile-text-active-color:var(--text-color);
-    --tile-pin-color:transparent;
-    --paper-link-color:var(--tile-text-color);
-    --depth-padding:var(--list-tile-padding);
-    display:flex;
-    align-items:center;
-    width:100%;
-    padding:var(--list-tile-padding);
-    padding-left:var(--depth-padding);
-    color:var(--tile-text-color) !important;
-    text-align:left;
-    text-decoration:none;
-    appearance:none;
-    user-select:none;
-    outline:0;
-    background:var(--tile-background);
-    border:0;
-    border-left:3px solid var(--tile-pin-color);
-    border-radius:0;
-    transition:color .15s cubic-bezier(.4, 0, .2, 1) 0s,background-color .15s cubic-bezier(.4, 0, .2, 1) 0s;
-  }
-  .v-list-tile--clickable{
-    cursor:pointer;
-    --tile-text-color:var(--nav-color);
-    --tile-text-active-color:var(--navActive-color, var(--nav-color));
-  }
-  .v-list-tile--clickable:focus,.v-list-tile--clickable:hover{
-    --tile-background:var(--tile-active-background);
-    --tile-text-color:var(--tile-text-active-color);
-  }
-  .v-list-tile--active{
-    --tile-pin-color:var(--pin-color);
-    --tile-text-color:var(--tile-text-active-color);
-    --tile-background:var(--tile-active-background);
-  }
-  .v-list-tile__body{
-    font-size:.8125rem;
-    font-weight:500;
-    line-height:1.5;
-  }
-  .v-list-tile__icon{
-    min-width:2em;
-  }
-  .v-list-tile__icon--end{
-    margin-left:auto;
-    text-align:right;
-  }
-  .v-toolbar-edge{
-    display:flex;
-    flex:0 0;
-    align-items:center;
-    align-self:stretch;
-  }
-  .v-toolbar-edge--empty,.v-toolbar-edge:empty{
-    display:none;
-  }
-  .v-toolbar-edge--start{
-    margin-right:calc(var(--root-em)*.75);
-    margin-left:calc(var(--root-em)*-1*.75);
-  }
-  .v-toolbar-edge--end{
-    padding-left:calc(var(--root-em)*.75);
-    margin-right:calc(var(--root-em)*-1*.75);
-    margin-left:auto;
-  }
-  .v-disabled-reason{
-    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-  }
-  .v-disabled-reason::-moz-focus-inner{
-    border:0;
-  }
-  .v-disabled-reason{
-    position:absolute;
-    inset:0;
-    z-index:10;
-    display:block;
-    pointer-events:none;
-    cursor:default;
-    border-radius:inherit;
-  }
-  .v-disabled-reason[tabindex]:not([tabindex^="-"]){
-    pointer-events:auto;
-  }
-  .v-form-control{
-    display:flex;
-    flex-direction:column;
-    max-width:100%;
-    margin:var(--control-horizontal-margin) 0;
-    --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{
-    display:flex;
-    align-items:center;
-    align-self:flex-start;
-    font-size:var(--control-label-font-size);
-    font-weight:var(--control-label-font-weight);
-    line-height:var(--control-label-height);
-    color:var(--my-label-color);
-    letter-spacing:.00938em;
-  }
-  .v-form-control__label__hinttip{
-    display:inline-flex;
-    align-items:center;
-    margin-top:-.2em;
-    margin-left:.6em;
-    font-size:80%;
-    line-height:1;
-    color:inherit;
-    letter-spacing:normal;
-    text-decoration:none;
-    cursor:pointer;
-  }
-  .v-form-control__label__hinttip__icon{
-    position:relative;
-    display:flex;
-    align-items:center;
-    justify-content:center;
-    font-size:120%;
-    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-option--selected .v-option__label{
+    font-weight:500;
+    color:var(--palette-primary);
   }
-  .v-form-control__info{
-    display:flex;
-    padding-top:3px;
+  .v-option--has-not-value .v-option__label{
+    font-style:italic;
   }
-  .v-form-control__appends,.v-form-control__message{
-    margin:0 var(--control-message-horizontal-margin);
-    font-size:var(--control-message-font-size);
-    line-height:1.66;
-    color:var(--my-message-color);
+  .v-option[aria-disabled=true],.v-option[disabled],.v-option[tabindex="-1"]{
+    color:var(--palette-muted);
+    pointer-events:none;
+    opacity:.4;
   }
-  .v-form-control__message{
-    flex:1 0;
+  .v-option[aria-disabled=true]:before,.v-option[disabled]:before,.v-option[tabindex="-1"]:before{
+    opacity:0 !important;
   }
-  .v-form-control__appends{
-    flex:0 1;
-    margin-left:auto;
+  .v-toolbar-menu{
+    height:100%;
+    margin:0;
+    box-shadow:none;
   }
   .v-breadcrumbs{
     display:block;
@@ -1908,165 +1571,202 @@
     border-right:1px solid;
     transform:rotate(45deg);
   }
-  .v-file-input__inner{
-    display:flex;
-    align-items:stretch;
+  .v-text-field__input{
+    cursor:text;
   }
-  .v-file-input__button{
-    flex:0 0 auto;
-    height:auto;
+  .v-text-field__input__element{
+    width:100%;
+    min-width:0;
+    padding:0;
     margin:0;
-    margin-bottom:1px !important;
-    border-top-right-radius:0;
-    border-bottom-right-radius:0;
+    overflow:hidden;
+    text-overflow:ellipsis;
+    font-size:inherit;
+    line-height:inherit;
+    letter-spacing:inherit;
+    white-space:nowrap;
+    outline:0;
+    background:transparent;
+    border:0;
+    border-radius:0;
   }
-  .v-file-input__selections{
-    display:flex;
-    flex-wrap:wrap;
-    align-items:center;
-    align-self:stretch;
-    padding:4px 6px;
+  .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-file-input__placeholder{
-    color:var(--control-disabled-color);
+  .v-text-field__input__element::-ms-clear{
+    display:none;
   }
-  .v-file-input__input{
-    flex:1 1 100%;
-    cursor:text;
-    border-top-left-radius:0;
-    border-bottom-left-radius:0;
+  .v-text-field__input__element::placeholder{
+    font-style:italic;
+    color:var(--control-disabled-color);
   }
-  .v-file-input__input__element{
-    position:absolute;
-    width:1px;
-    height:1px;
+  .v-content-switcher{
+    position:relative;
+    display:block;
+    width:100%;
     overflow:hidden;
-    white-space:nowrap;
-    clip:rect(0 0 0 0);
-    clip-path:inset(100%);
+    transition:var(--transition-tab);
   }
-  .v-control-field{
-    position:relative;
-    display:inline-flex;
-    align-items:center;
+  .v-content-switcher__content{
     width:100%;
-    min-width:0;
-    height:var(--control-field-height);
-    min-height:var(--control-field-height);
-    padding:0 8px;
-    font-size:var(--control-field-font-size);
-    line-height:var(--control-field-line-height);
-    letter-spacing:var(--control-field-letter-spacing);
-    --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-content-switcher-prev-enter-active,.v-content-switcher-prev-leave-active{
+    transition:var(--transition-tab);
   }
-  .v-control-field--readonly{
-    cursor:default;
+  .v-content-switcher-prev-enter-from{
+    transform:translateX(-100%);
   }
-  .v-control-field--disabled{
-    color:var(--control-disabled-color);
-    pointer-events:none;
-    user-select:none;
+  .v-content-switcher-prev-enter-to,.v-content-switcher-prev-leave{
+    transform:translateX(0);
   }
-  .v-control-field:after,.v-control-field:before{
+  .v-content-switcher-prev-leave-active{
     position:absolute;
-    right:0;
-    bottom:0;
+    top:0;
     left:0;
-    pointer-events:none;
-    content:"";
   }
-  .v-control-field:before{
-    height:1px;
-    border-bottom:1px solid var(--my-bottom-color);
-    transition:border-color .2s cubic-bezier(.4, 0, .2, 1) 0s;
+  .v-content-switcher-prev-leave-to{
+    transform:translateX(100%);
   }
-  .v-control-field:after{
-    height:2px;
-    background:var(--my-focused-color);
-    transform:scaleX(0);
-    transition:transform .2s cubic-bezier(0, 0, .2, 1) 0s;
+  .v-content-switcher-next-enter-active,.v-content-switcher-next-leave-active{
+    transition:var(--transition-tab);
   }
-  .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-content-switcher-next-enter-from{
+    transform:translateX(100%);
   }
-  .v-control-field--focused:after,.v-control-field:focus-within:after{
-    transform:scaleX(1);
+  .v-content-switcher-next-enter-to,.v-content-switcher-next-leave{
+    transform:translateX(0);
   }
-  .v-control-field--auto-height{
-    height:auto;
+  .v-content-switcher-next-leave-active{
+    position:absolute;
+    top:0;
+    left:0;
   }
-  .v-control-field__body{
+  .v-content-switcher-next-leave-to{
+    transform:translateX(-100%);
+  }
+  .v-toolbar-title{
     display:flex;
-    flex:1 1 auto;
-    align-items:stretch;
+    flex-grow:1;
+    margin:0;
+    font-size:1.25rem;
+    font-weight:400;
+    line-height:1;
+    white-space:nowrap;
+  }
+  .v-toolbar-edge{
+    display:flex;
+    flex:0 0;
+    align-items:center;
     align-self:stretch;
+  }
+  .v-toolbar-edge--empty,.v-toolbar-edge:empty{
+    display:none;
+  }
+  .v-toolbar-edge--start{
+    margin-right:calc(var(--root-em)*.75);
+    margin-left:calc(var(--root-em)*-1*.75);
+  }
+  .v-toolbar-edge--end{
+    padding-left:calc(var(--root-em)*.75);
+    margin-right:calc(var(--root-em)*-1*.75);
+    margin-left:auto;
+  }
+  .v-toolbar{
+    --height:var(--toolbar-height);
+    display:flex;
+    align-items:center;
+    width:100%;
+    height:var(--height);
+    padding:0 calc(var(--root-em)*1.5);
     margin:0;
+    border-radius:inherit;
   }
-  .v-control-field--flat{
-    padding-right:0;
-    padding-left:0;
+  .v-toolbar--plain{
+    --main-color:var(--palette-background);
   }
-  .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-app-layout__header>.v-toolbar{
+    height:100%;
   }
-  .v-control-field--filled:hover:not(:focus-within){
-    background-color:var(--my-fill-hover-color);
+  .v-toolbar--dense{
+    --height:var(--toolbar-dense-height);
   }
-  .v-control-field--filled:hover:before,.v-control-field--flat:hover:before{
-    border-color:var(--my-bottom-hover-color);
+  .v-switch{
+    --my-pin-color:var(--palette-background);
   }
-  .v-control-field--flat:hover:before{
-    height:2px;
-    border-bottom-width:2px;
+  .v-switch--selected{
+    --my-pin-color:var(--color);
   }
-  .v-control-field--filled.v-control-field--disabled:before,.v-control-field--flat.v-control-field--disabled:before{
-    border-bottom-style:dotted;
+  .v-switch__faux{
+    position:relative;
+    display:flex;
+    align-items:center;
+    justify-content:center;
+    width:100%;
+    width:var(--control-switch-width);
+    height:100%;
+    cursor:pointer;
+  }
+  .v-switch__faux:before{
+    display:block;
+    width:var(--control-switch-track-width);
+    height:var(--control-switch-track-height);
+    content:"";
+    background:var(--color);
+    border-radius:calc(var(--control-switch-track-height)/2);
+    opacity:.5;
+  }
+  .v-switch__faux__pin{
+    position:absolute;
+    top:0;
+    bottom:0;
+    left:0;
+    display:flex;
+    align-items:center;
+    justify-content:center;
+    width:var(--outer-size);
+    height:var(--outer-size);
+    border-radius:50%;
+    transition:left .15s cubic-bezier(.4, 0, .2, 1) 0s,transform .15s cubic-bezier(.4, 0, .2, 1) 0s;
   }
-  .v-control-field--outlined{
-    border-radius:var(--control-field-radius);
-    transition:box-shadow .2s cubic-bezier(0, 0, .2, 1) 0s;
+  .v-switch__faux__pin:after,.v-switch__faux__pin:before{
+    display:block;
+    content:"";
   }
-  .v-control-field--outlined:before{
-    top:0;
-    height:auto;
-    background:transparent;
-    border:1px solid var(--my-outline-color);
-    border-radius:inherit;
+  .v-switch__faux__pin:before{
+    position:absolute;
+    width:100%;
+    height:100%;
+    background:currentColor;
+    border-radius:50%;
+    opacity:0;
+    transition:opacity .2s;
   }
-  .v-control-field--outlined:hover:before{
-    border-color:var(--my-outline-hover-color);
+  .v-switch__faux__pin:after{
+    position:relative;
+    width:var(--icon-size);
+    height:var(--icon-size);
+    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);
+    transform:scale(var(--control-checkable-faux-scale));
   }
-  .v-control-field--outlined:after{
-    content:none;
+  .v-switch--selected .v-switch__faux__pin{
+    left:calc(100% - var(--outer-size));
   }
-  .v-control-field--outlined:focus-within{
-    box-shadow:0 0 1px var(--shadow-color), 0 0 2px 2px var(--focusShadow-color);
+  .v-switch--disabled .v-switch__faux:before{
+    background-color:#000;
+    opacity:.12;
   }
-  .v-control-field__adornment--start{
-    padding-right:.25em;
+  .v-switch--disabled .v-switch__faux__pin:after{
+    background-color:#f5f5f5;
   }
-  .v-control-field__adornment--end{
-    padding-left:.25em;
+  .v-switch__faux:hover .v-switch__faux__pin:before{
+    opacity:.1;
   }
-  .v-control-field__adornment .v-icon{
-    font-size:1.2em;
+  .v-switch:focus-within .v-switch__faux__pin:before{
+    opacity:.1;
   }
   .v-textarea__input{
     cursor:text;
@@ -2097,47 +1797,213 @@
     font-style:italic;
     color:var(--control-disabled-color);
   }
-  .v-select__input{
+  .v-busy-image{
+    position:relative;
+    display:inline-block;
+    max-width:100%;
+    vertical-align:bottom;
+  }
+  .v-busy-image--clickable{
     cursor:pointer;
   }
-  .v-select__input__element{
+  .v-busy-image--cover{
+    background-repeat:no-repeat;
+    background-position:50%;
+    background-size:cover;
+  }
+  .v-busy-image--loading:before{
     position:absolute;
-    width:1px;
-    height:1px;
+    inset:0;
+    display:block;
+    content:"";
+    background:rgba(0,0,0,.1);
+    animation:v-tiny-image-blink 1.5s ease-in-out infinite normal;
+  }
+  .v-busy-image__node{
+    position:relative;
+    display:inline-block;
+    max-width:100%;
+    vertical-align:bottom;
+  }
+  .v-busy-image__slot{
+    position:absolute;
+    top:0;
+    left:0;
+    width:100%;
+    height:100%;
+    pointer-events:none;
+  }
+  @keyframes v-tiny-image-blink{
+    0%{
+      opacity:1;
+    }
+    50%{
+      opacity:0;
+    }
+    to{
+      opacity:1;
+    }
+  }
+  .v-tabs{
+    position:relative;
+    width:100%;
+    height:var(--tabs-height);
     overflow:hidden;
+  }
+  .v-tabs:before{
+    position:absolute;
+    right:0;
+    bottom:0;
+    left:0;
+    display:block;
+    height:2px;
+    content:"";
+    background:currentColor;
+    opacity:.25;
+  }
+  .v-tabs__scroller{
+    width:100%;
+    height:calc(var(--tabs-height) + 30px);
+  }
+  .v-tabs__scroller__container{
+    padding-bottom:30px;
+  }
+  .v-tabs__content{
+    position:relative;
+    display:inline-flex;
+    align-items:stretch;
+    min-width:100%;
+    vertical-align:bottom;
+  }
+  .v-data-table{
+    --controls-vertial-margin:0.625em;
+  }
+  .v-card-content .v-data-table{
+    margin-right:calc(var(--card-content-padding)*-1);
+    margin-left:calc(var(--card-content-padding)*-1);
+  }
+  .v-data-table__controls{
+    flex-wrap:wrap;
+    justify-content:flex-end;
+  }
+  .v-data-table__controls,.v-data-table__controls__info{
+    display:flex;
+    align-items:center;
+  }
+  .v-data-table__controls__info__length{
+    margin-right:20px;
+  }
+  .v-data-table__controls__select-limit{
+    display:flex;
+    align-items:center;
+  }
+  .v-data-table__controls__select-limit__prefix{
+    margin-right:.5em;
+    font-size:.75em;
+    color:var(--palette-muted);
     white-space:nowrap;
-    clip:rect(0 0 0 0);
-    clip-path:inset(100%);
   }
-  .v-select__body{
-    padding:.5em 0;
+  .v-data-table__controls__select-limit .v-select{
+    width:5em;
+    margin-left:.5em;
   }
-  .v-select__selections{
-    display:table;
+  .v-data-table__controls__pagination{
+    flex:1 1 100%;
+    margin-left:auto;
+  }
+  .v-data-table__header{
+    margin-bottom:var(--controls-vertial-margin);
+  }
+  .v-data-table__footer{
+    margin-top:var(--controls-vertial-margin);
+  }
+  .v-data-table__body{
+    position:relative;
+  }
+  .v-data-table__body__inner{
+    overflow-x:auto;
+  }
+  .v-data-table__table-wrapper{
+    display:flex;
+  }
+  .v-data-table__table-wrapper:after,.v-data-table__table-wrapper:before{
+    display:block;
+    height:1px;
+    content:"";
+  }
+  .v-data-table__loading{
+    position:absolute;
+    inset:0;
+    z-index:1;
+    display:flex;
+    align-items:center;
+    justify-content:center;
+    background:var(--palette-background);
+    opacity:.5;
+  }
+  .v-data-table__table{
     width:100%;
-    table-layout:fixed;
+    margin:0;
+    background:var(--palette-background);
+    border-radius:var(--control-field-radius);
   }
-  .v-select__selections__inner{
-    display:table-cell;
-    overflow:hidden;
-    text-overflow:ellipsis;
+  .v-data-table__table__cell{
+    position:relative;
     vertical-align:middle;
+    text-align:left;
     white-space:nowrap;
+    border-bottom:thin solid rgba(0,0,0,.12);
+    transition:background .2s;
   }
-  .v-select--multiple .v-select__selections{
-    display:block;
+  .v-data-table__table__cell:first-child{
+    padding-left:calc(var(--table-cell-horizontal-padding)*2);
   }
-  .v-select--multiple .v-select__selections__inner{
-    display:block;
-    overflow:auto;
-    white-space:unset;
+  .v-data-table__table__cell:last-child{
+    padding-right:calc(var(--table-cell-horizontal-padding)*2);
+  }
+  .v-data-table__table__cell--left{
+    text-align:left;
+  }
+  .v-data-table__table__cell--center{
+    text-align:center;
+  }
+  .v-data-table__table__cell--center .v-data-table__table__sort-icon--empty{
+    display:flex;
+  }
+  .v-data-table__table__cell--right{
+    text-align:right;
+  }
+  .v-data-table__table__cell[tabindex="0"]{
+    cursor:pointer;
+  }
+  .v-data-table__table__cell__tile{
+    display:flex;
+    align-items:center;
+  }
+  .v-data-table__table__sort-icon{
+    width:25px;
+    font-size:1.25em;
+    opacity:0;
+    transition:transform .2s,opacity .2s;
+  }
+  .v-data-table__table__sort-icon--empty{
+    display:none;
+  }
+  .v-data-table__table__header .v-data-table__table__cell{
+    user-select:none;
+    background:hsla(0,0%,100%,.85);
+    backdrop-filter:blur(3px);
   }
-  .v-select--multiple .v-control-field__body{
-    padding:.2em 0;
+  .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-select__placeholder{
-    font-style:italic;
-    color:var(--control-disabled-color);
+  .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-tab{
     -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
@@ -2298,6 +2164,138 @@
       flex:0 0 50%;
       width:50%;
     }}
+}@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;
+  }
+  html{
+    line-height:1.15;
+    -webkit-text-size-adjust:100%;
+  }
+  body{
+    margin:0;
+  }
+  main{
+    display:block;
+  }
+  h1{
+    margin:.67em 0;
+    font-size:2em;
+  }
+  hr{
+    height:0;
+    overflow:visible;
+  }
+  pre{
+    font-family:monospace,monospace;
+    font-size:1em;
+  }
+  a{
+    background-color:transparent;
+  }
+  abbr[title]{
+    text-decoration:underline;
+    text-decoration:underline dotted;
+    border-bottom:none;
+  }
+  b,strong{
+    font-weight:bolder;
+  }
+  code,kbd,samp{
+    font-family:monospace,monospace;
+    font-size:1em;
+  }
+  small{
+    font-size:80%;
+  }
+  sub,sup{
+    position:relative;
+    font-size:75%;
+    line-height:0;
+    vertical-align:baseline;
+  }
+  sub{
+    bottom:-.25em;
+  }
+  sup{
+    top:-.5em;
+  }
+  img{
+    border-style:none;
+  }
+  button,input,optgroup,select,textarea{
+    margin:0;
+    font-family:inherit;
+    font-size:100%;
+    line-height:1.15;
+    color:inherit;
+  }
+  button,input{
+    overflow:visible;
+  }
+  button,select{
+    text-transform:none;
+  }
+  [type=button],[type=reset],[type=submit],button{
+    -webkit-appearance:button;
+  }
+  [type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
+    padding:0;
+    border-style:none;
+  }
+  [type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{
+    outline:1px dotted ButtonText;
+  }
+  fieldset{
+    padding:.35em .75em .625em;
+  }
+  legend{
+    display:table;
+    max-width:100%;
+    padding:0;
+    color:inherit;
+    white-space:normal;
+  }
+  progress{
+    vertical-align:baseline;
+  }
+  textarea{
+    overflow:auto;
+  }
+  [type=checkbox],[type=radio]{
+    padding:0;
+  }
+  [type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
+    height:auto;
+  }
+  [type=search]{
+    -webkit-appearance:textfield;
+    outline-offset:-2px;
+  }
+  [type=search]::-webkit-search-decoration{
+    -webkit-appearance:none;
+  }
+  ::-webkit-file-upload-button{
+    -webkit-appearance:button;
+    font:inherit;
+  }
+  details{
+    display:block;
+  }
+  summary{
+    display:list-item;
+  }
+  [hidden],template{
+    display:none;
+  }
+  button{
+    background-color:transparent;
+  }
 }.v-dialog{
   position:relative;
   display:inline-block;
@@ -2339,61 +2337,6 @@
 
 .v-dialog--dense .v-dialog__actions{
   padding-top:0;
-}.v-tooltip{
-  --menu-shadow:var(--tooltip-shadow);
-  --v-stack-slide-amount:10px;
-  font-size:var(--tooltip-font-size);
-  border-radius:var(--tooltip-radius);
-}
-
-.v-tooltip .v-menu__body{
-  color:var(--tooltip-color) !important;
-  background:var(--tooltip-background) !important;
-}
-
-.v-tooltip__inner{
-  display:inline-block;
-  padding:var(--tooltip-padding);
-}.v-menu{
-  border-radius:2px;
-  box-shadow:var(--menu-shadow);
-}.v-snackbar{
-  font-size:14px;
-  box-shadow:var(--snackbar-shadow);
-}
-
-.v-snackbar__inner{
-  display:flex;
-  align-items:center;
-  justify-content:space-between;
-  width:auto;
-  min-width:288px;
-  max-width:calc(100vw - 96px);
-  padding:8px 4px 8px 16px;
-  color:var(--text-color);
-  background-color:var(--main-color);
-  border-color:var(--border-color);
-  border-radius:inherit;
-}
-
-.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;
-}
-@keyframes v-skelton-loader-bone-loading{
-  to{
-    transform:translateX(100%);
-  }
 }.v-sheet-modal{
   --v-sheet-modal-width:90vw;
   --v-sheet-modal-max-width:none;
@@ -2439,3 +2382,58 @@
 .v-sheet-modal-enter-from,.v-sheet-modal-leave-to{
   transform:translateX(var(--v-sheet-modal-width));
 }
+@keyframes v-skelton-loader-bone-loading{
+  to{
+    transform:translateX(100%);
+  }
+}.v-menu{
+  border-radius:2px;
+  box-shadow:var(--menu-shadow);
+}.v-snackbar{
+  font-size:14px;
+  box-shadow:var(--snackbar-shadow);
+}
+
+.v-snackbar__inner{
+  display:flex;
+  align-items:center;
+  justify-content:space-between;
+  width:auto;
+  min-width:288px;
+  max-width:calc(100vw - 96px);
+  padding:8px 4px 8px 16px;
+  color:var(--text-color);
+  background-color:var(--main-color);
+  border-color:var(--border-color);
+  border-radius:inherit;
+}
+
+.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;
+}.v-tooltip{
+  --menu-shadow:var(--tooltip-shadow);
+  --v-stack-slide-amount:10px;
+  font-size:var(--tooltip-font-size);
+  border-radius:var(--tooltip-radius);
+}
+
+.v-tooltip .v-menu__body{
+  color:var(--tooltip-color) !important;
+  background:var(--tooltip-background) !important;
+}
+
+.v-tooltip__inner{
+  display:inline-block;
+  padding:var(--tooltip-padding);
+}