@fastkit/vui 1.3.2 → 1.4.0-next.1

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;
   }
@@ -14,8 +19,8 @@
     display:block;
   }
   h1{
-    font-size:2em;
     margin:.67em 0;
+    font-size:2em;
   }
   hr{
     height:0;
@@ -29,9 +34,9 @@
     background-color:transparent;
   }
   abbr[title]{
-    border-bottom:none;
     text-decoration:underline;
     text-decoration:underline dotted;
+    border-bottom:none;
   }
   b,strong{
     font-weight:bolder;
@@ -44,9 +49,9 @@
     font-size:80%;
   }
   sub,sup{
+    position:relative;
     font-size:75%;
     line-height:0;
-    position:relative;
     vertical-align:baseline;
   }
   sub{
@@ -59,11 +64,11 @@
     border-style:none;
   }
   button,input,optgroup,select,textarea{
-    color:inherit;
+    margin:0;
     font-family:inherit;
     font-size:100%;
     line-height:1.15;
-    margin:0;
+    color:inherit;
   }
   button,input{
     overflow:visible;
@@ -75,8 +80,8 @@
     -webkit-appearance:button;
   }
   [type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
-    border-style:none;
     padding:0;
+    border-style:none;
   }
   [type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{
     outline:1px dotted ButtonText;
@@ -85,10 +90,10 @@
     padding:.35em .75em .625em;
   }
   legend{
-    color:inherit;
     display:table;
     max-width:100%;
     padding:0;
+    color:inherit;
     white-space:normal;
   }
   progress{
@@ -221,7 +226,7 @@
     --control-field-radius:2px;
     --control-field-fill-color:rgba(0,0,0,.06);
     --control-field-fill-hover-color:rgba(0,0,0,.09);
-    --control-field-outline-color:hsla(0,4%,43%,.23);
+    --control-field-outline-color:rgba(114,106,106,.23);
     --control-field-outline-hover-color:rgba(0,0,0,.87);
     --control-field-bottom-color:rgba(0,0,0,.42);
     --control-field-bottom-hover-color:rgba(0,0,0,.87);
@@ -385,68 +390,68 @@
     -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
   }
   body{
-    color:var(--typo-base-color);
     font-family:var(--typo-base-family);
-    font-family:var(--typo-font);
     font-size:var(--typo-base-size);
     font-weight:var(--typo-base-weight);
-    letter-spacing:var(--typo-base-height);
     line-height:var(--typo-base-height);
+    letter-spacing:var(--typo-base-height);
     margin:var(--typo-base-margin);
+    color:var(--typo-base-color);
+    font-family:var(--typo-font);
   }
   h1{
-    color:var(--typo-h1-color);
     font-family:var(--typo-h1-family);
     font-size:var(--typo-h1-size);
     font-weight:var(--typo-h1-weight);
-    letter-spacing:var(--typo-h1-height);
     line-height:var(--typo-h1-height);
+    letter-spacing:var(--typo-h1-height);
     margin:var(--typo-h1-margin);
+    color:var(--typo-h1-color);
   }
   h2{
-    color:var(--typo-h2-color);
     font-family:var(--typo-h2-family);
     font-size:var(--typo-h2-size);
     font-weight:var(--typo-h2-weight);
-    letter-spacing:var(--typo-h2-height);
     line-height:var(--typo-h2-height);
+    letter-spacing:var(--typo-h2-height);
     margin:var(--typo-h2-margin);
+    color:var(--typo-h2-color);
   }
   h3{
-    color:var(--typo-h3-color);
     font-family:var(--typo-h3-family);
     font-size:var(--typo-h3-size);
     font-weight:var(--typo-h3-weight);
-    letter-spacing:var(--typo-h3-height);
     line-height:var(--typo-h3-height);
+    letter-spacing:var(--typo-h3-height);
     margin:var(--typo-h3-margin);
+    color:var(--typo-h3-color);
   }
   h4{
-    color:var(--typo-h4-color);
     font-family:var(--typo-h4-family);
     font-size:var(--typo-h4-size);
     font-weight:var(--typo-h4-weight);
-    letter-spacing:var(--typo-h4-height);
     line-height:var(--typo-h4-height);
+    letter-spacing:var(--typo-h4-height);
     margin:var(--typo-h4-margin);
+    color:var(--typo-h4-color);
   }
   h5{
-    color:var(--typo-h5-color);
     font-family:var(--typo-h5-family);
     font-size:var(--typo-h5-size);
     font-weight:var(--typo-h5-weight);
-    letter-spacing:var(--typo-h5-height);
     line-height:var(--typo-h5-height);
+    letter-spacing:var(--typo-h5-height);
     margin:var(--typo-h5-margin);
+    color:var(--typo-h5-color);
   }
   h6{
-    color:var(--typo-h6-color);
     font-family:var(--typo-h6-family);
     font-size:var(--typo-h6-size);
     font-weight:var(--typo-h6-weight);
-    letter-spacing:var(--typo-h6-height);
     line-height:var(--typo-h6-height);
+    letter-spacing:var(--typo-h6-height);
     margin:var(--typo-h6-margin);
+    color:var(--typo-h6-color);
   }
   .elevation-24{
     box-shadow:var(--shadow-key-umbra-24), var(--shadow-key-penumbra-24), var(--shadow-key-ambient-24) !important;
@@ -527,41 +532,41 @@
     font-family:monospace;
   }
   code{
-    background-color:rgba(0,0,0,.05);
-    border-radius:3px;
-    color:rgba(0,0,0,.87);
+    padding:.2em .4em;
     font-size:85%;
     font-weight:400;
-    padding:.2em .4em;
+    color:rgba(0,0,0,.87);
+    background-color:rgba(0,0,0,.05);
+    border-radius:3px;
   }
   table{
-    border:0;
-    border-collapse:collapse;
-    border-radius:0;
     display:table;
-    font-size:var(--table-font-size);
-    margin:var(--table-vertical-margin) 0;
     max-width:100%;
+    margin:var(--table-vertical-margin) 0;
+    font-size:var(--table-font-size);
+    border-collapse:collapse;
+    border:0;
+    border-radius:0;
   }
   caption{
     display:table-caption;
+    width:100%;
+    padding:0;
+    margin:0 0 var(--table-caption-vertical-margin);
     font-size:var(--table-caption-font-size);
     font-weight:var(--table-caption-font-weight);
-    margin:0 0 var(--table-caption-vertical-margin);
-    padding:0;
     text-align:center;
-    width:100%;
   }
   td,th{
-    border:0;
     height:var(--table-cell-height);
     padding:var(--table-cell-vertial-padding) var(--table-cell-horizontal-padding);
-    text-align:left;
     vertical-align:middle;
+    text-align:left;
+    border:0;
   }
   th{
-    color:var(--table-header-color);
     font-weight:var(--table-header-font-weight);
+    color:var(--table-header-color);
     white-space:nowrap;
   }
   thead th{
@@ -593,10 +598,10 @@
     display:block;
   }
   .v-form-selector__placeholder{
-    align-items:center;
     display:flex;
-    font-style:italic;
+    align-items:center;
     margin-top:8px;
+    font-style:italic;
     opacity:.5;
   }
   .v-form-selector__placeholder--error{
@@ -604,237 +609,143 @@
     opacity:1;
   }
   .v-form-selector--stacked .v-form-selector__body{
-    align-items:flex-start;
-    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);
+    align-items:flex-start;
   }
-  .v-form-control--invalid:not(.v-form-control--readonly){
-    --my-label-color:var(--main-color);
-    --my-message-color:var(--main-color);
+  .v-skelton-loader-bone{
+    position:relative;
+    overflow:hidden;
+    cursor:progress;
+    background:rgba(0,0,0,.12);
+    border-radius:inherit;
   }
-  .v-form-control--disabled{
-    --my-label-color:var(--control-disabled-color);
-    --my-message-color:var(--control-disabled-color);
+  .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-form-control__label{
-    align-items:center;
-    align-self:flex-start;
-    color:var(--my-label-color);
+  .v-grid-container{
     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);
+    flex-wrap:wrap;
   }
-  .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-drawer-layout{
+    display:block;
+    width:100%;
+    height:100%;
   }
-  .v-form-control__label__hinttip__icon{
-    align-items:center;
+  .v-drawer-layout__inner{
     display:flex;
-    font-size:120%;
+    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;
-    text-decoration:none !important;
+    border-radius:inherit;
   }
-  .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-paper--square{
+    --paper-radius:0px;
   }
-  .v-form-control__label__hinttip__hint{
-    font-size:calc(var(--root-em)*.75);
+  .v-paper__header{
+    border-top-left-radius:inherit;
+    border-top-right-radius:inherit;
   }
-  .v-form-control__info{
-    display:flex;
-    padding-top:3px;
+  .v-paper__footer{
+    border-bottom-right-radius:inherit;
+    border-bottom-left-radius:inherit;
   }
-  .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-button-group{
+    display:inline-flex;
+    align-items:stretch;
   }
-  .v-form-control__message{
-    flex:1 0;
+  .v-button-group__item{
+    position:relative;
+    margin:0;
   }
-  .v-form-control__appends{
-    flex:0 1;
-    margin-left:auto;
+  .v-button-group__item--has-left{
+    border-top-left-radius:0;
+    border-bottom-left-radius:0;
+  }
+  .v-button-group__item--has-right{
+    border-top-right-radius:0;
+    border-bottom-right-radius:0;
+  }
+  .v-button-group__item:focus{
+    z-index:1;
   }
   .v-icon{
-    align-items:center;
-    aspect-ratio:1/1;
     display:inline-flex;
+    align-items:center;
     justify-content:center;
-    user-select:none;
     width:1.25em;
+    aspect-ratio:1/1;
+    user-select:none;
   }
   .v-icon--clickable{
     cursor:pointer;
   }
   .v-icon__body{
-    align-items:center;
     display:inline-flex;
+    align-items:center;
     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{
+  .v-avatar{
     -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
   }
-  .v-disabled-reason::-moz-focus-inner{
-    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;
-    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-paper__header{
-    border-top-left-radius:inherit;
-    border-top-right-radius:inherit;
-  }
-  .v-paper__footer{
-    border-bottom-left-radius:inherit;
-    border-bottom-right-radius:inherit;
-  }
-  .v-avatar{
-    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-  }
-  .v-avatar::-moz-focus-inner{
+  .v-avatar::-moz-focus-inner{
     border:0;
   }
   .v-avatar{
-    appearance:none;
-    border-width:0;
-    cursor:pointer;
-    outline:0;
     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;
@@ -844,23 +755,23 @@
     --avatar-font-weight:var(--typo-medium-weight);
     --avatar-base-font-size:var(--typo-base-size);
     --avatar-font-size:var(--avatar-base-font-size);
-    align-items:center;
-    border-radius:var(--avatar-radius);
-    border-style:solid;
-    border-width:1px;
-    cursor:default;
     display:inline-flex;
     flex-basis:var(--avatar-size);
-    font-size:var(--avatar-font-size);
-    font-weight:var(--avatar-font-weight);
-    height:var(--avatar-size);
+    align-items:center;
     justify-content:center;
-    line-height:1;
+    width:var(--avatar-size);
     min-width:var(--avatar-size);
+    height:var(--avatar-size);
     overflow:hidden;
-    text-align:center;
+    font-size:var(--avatar-font-size);
+    font-weight:var(--avatar-font-weight);
+    line-height:1;
     vertical-align:bottom;
-    width:var(--avatar-size);
+    text-align:center;
+    cursor:default;
+    border-style:solid;
+    border-width:1px;
+    border-radius:var(--avatar-radius);
     --shadow-color:transparent !important;
     --focusShadow-color:transparent !important;
   }
@@ -885,11 +796,61 @@
     --avatar-radius:0;
   }
   .v-avatar img,.v-avatar__image{
-    border-radius:inherit;
     display:inline-flex;
+    width:inherit !important;
     height:inherit !important;
     object-fit:cover;
-    width:inherit !important;
+    border-radius:inherit;
+  }
+  .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-text-field__input{
+    cursor:text;
+  }
+  .v-text-field__input__element{
+    width:100%;
+    min-width:0;
+    padding:0;
+    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-text-field__input__element::-ms-clear{
+    display:none;
+  }
+  .v-text-field__input__element::placeholder{
+    font-style:italic;
+    color:var(--control-disabled-color);
   }
   .v-chip{
     -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
@@ -898,35 +859,35 @@
     border:0;
   }
   .v-chip{
-    appearance:none;
-    border-width:0;
-    cursor:pointer;
-    outline:0;
     padding:0;
+    appearance:none;
     touch-action:manipulation;
+    cursor:pointer;
     user-select:none;
+    outline:0;
+    border-width:0;
   }
   .v-chip,.v-chip:focus,.v-chip:hover{
     text-decoration:none;
   }
   .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;
+    align-items:center;
+    justify-content:center;
+    height:var(--chip-height);
+    padding:0 var(--chip-padding);
+    overflow:hidden;
     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;
+    text-align:center;
     white-space:nowrap;
+    cursor:default;
+    border-style:solid;
+    border-width:1px;
+    border-radius:var(--chip-radius);
     --shadow-color:transparent !important;
     --focusShadow-color:transparent !important;
   }
@@ -957,98 +918,45 @@
     --chip-radius:4px;
   }
   .v-chip__icon--start{
-    margin-left:calc(var(--chip-padding)*-.5);
     margin-right:calc(var(--chip-padding)*.5);
+    margin-left:calc(var(--chip-padding)*-.5);
   }
   .v-chip__icon--end{
-    margin-left:calc(var(--chip-padding)*.5);
     margin-right:calc(var(--chip-padding)*-.5);
+    margin-left: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-card{
-    appearance:none;
-    border:0;
-    outline:0;
-    padding:0;
+  .v-button{
+    --padding:1em;
+    --height:2.5714285714em;
+    --icon-margin:0.6em;
     position:relative;
-    text-align:left;
-    touch-action:manipulation;
-    user-select:none;
-    width:100%;
-  }
-  .v-card,.v-card:focus,.v-card:hover{
+    display:inline-flex;
+    flex:0 0 auto;
+    align-items:center;
+    justify-content:center;
+    min-width:calc(var(--root-em)*4);
+    height:var(--height);
+    padding:0 var(--padding);
+    margin:calc(var(--root-em)*.375) calc(var(--root-em)*.5);
+    overflow:hidden;
+    font:inherit;
+    font-weight:500;
+    line-height:1;
+    vertical-align:bottom;
+    text-transform:uppercase;
+    letter-spacing:.0892857143em;
     text-decoration:none;
-  }
-  .v-card.clickable{
+    appearance:none;
     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);
+    user-select:none;
+    outline:0;
     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;
+    border-radius:var(--control-field-radius);
     transition:.3s cubic-bezier(.25, .8, .5, 1),color 1ms;
-    user-select:none;
-    vertical-align:bottom;
   }
   .v-button--align-left{
     justify-content:flex-start;
@@ -1073,15 +981,15 @@
   }
   .v-button--rounded{
     --padding:0;
+    min-width:0;
     aspect-ratio:1/1;
-    border-radius:50%;
     margin:calc(var(--root-em)*.125);
-    min-width:0;
+    border-radius:50%;
     --height:auto;
   }
   .v-button--icon{
-    margin:calc(var(--root-em)*.125);
     min-width:1.9285714286em;
+    margin:calc(var(--root-em)*.125);
     --height:1.9285714286em;
     --padding:0em;
   }
@@ -1098,8 +1006,8 @@
     margin-right:auto;
   }
   .v-button__content{
-    align-items:center;
     display:flex;
+    align-items:center;
     justify-content:center;
     justify-self:stretch;
     pointer-events:none;
@@ -1114,46 +1022,77 @@
     margin-left:var(--icon-margin);
   }
   .v-button__loading{
-    left:50%;
     position:absolute;
     top:50%;
-    transform:translate(-50%, -50%);
+    left:50%;
     z-index:1;
+    transform:translate(-50%, -50%);
   }
-  .v-button-group{
-    align-items:stretch;
-    display:inline-flex;
+  .v-grid-item{
+    display:block;
   }
-  .v-button-group__item{
-    margin:0;
+  .v-busy-image{
     position:relative;
+    display:inline-block;
+    max-width:100%;
+    vertical-align:bottom;
   }
-  .v-button-group__item--has-left{
-    border-bottom-left-radius:0;
-    border-top-left-radius:0;
+  .v-busy-image--clickable{
+    cursor:pointer;
   }
-  .v-button-group__item--has-right{
-    border-bottom-right-radius:0;
-    border-top-right-radius:0;
+  .v-busy-image--cover{
+    background-repeat:no-repeat;
+    background-position:50%;
+    background-size:cover;
   }
-  .v-button-group__item:focus{
-    z-index:1;
+  .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{
+    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-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);
-    align-items:center;
     display:flex;
+    align-items:center;
+    overflow:hidden;
     font-weight:700;
     line-height:1;
-    overflow:hidden;
   }
   .v-pagination:before{
-    content:none;
-    margin:var(--pagination-margin);
     width:var(--pagination-size);
+    margin:var(--pagination-margin);
+    content:none;
   }
   .v-pagination--left{
     justify-content:flex-start;
@@ -1171,41 +1110,41 @@
     border:0;
   }
   .v-pagination a.v-pagination__item,.v-pagination__item{
-    appearance:none;
-    border-width:0;
-    cursor:pointer;
-    outline:0;
     padding:0;
+    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{
-    align-items:center;
-    border-radius:var(--pagination-radius);
-    color:inherit;
     display:flex;
-    font-size:var(--pagination-font-size);
-    height:var(--pagination-size);
+    align-items:center;
     justify-content:center;
-    margin:calc(var(--pagination-margin)*.5);
     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{
-    background-color:var(--main-color);
     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{
-    background:transparent !important;
     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%;
@@ -1225,469 +1164,366 @@
   .v-pagination--disabled .v-pagination__item--active{
     background:var(--palette-muted);
   }
-  .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);
-    align-items:center;
-    appearance:none;
-    background:var(--tile-background);
-    border:0;
-    border-left:3px solid var(--tile-pin-color);
-    border-radius:0;
-    color:var(--tile-text-color) !important;
-    display:flex;
-    outline:0;
-    padding:var(--list-tile-padding);
-    padding-left:var(--depth-padding);
-    text-align:left;
-    text-decoration:none;
-    transition:color .15s cubic-bezier(.4, 0, .2, 1) 0s,background-color .15s cubic-bezier(.4, 0, .2, 1) 0s;
-    user-select:none;
-    width:100%;
-  }
-  .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-option-group{
+    display:block;
   }
-  .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-option-group__label{
+    padding:1em;
+    font-size:.875em;
+    color:var(--palette-caption);
+    opacity:.6;
   }
-  .v-list-tile__body{
-    font-size:.8125rem;
-    font-weight:500;
-    line-height:1.5;
+  .v-option-group--disabled .v-option-group__label{
+    color:var(--palette-muted);
+    opacity:.4;
   }
-  .v-list-tile__icon{
-    min-width:2em;
+  .v-checkbox{
+    --my-border-color:var(--color);
+    --my-faux-bg-color:transparent;
   }
-  .v-list-tile__icon--end{
-    margin-left:auto;
-    text-align:right;
+  .v-checkbox--indeterminate,.v-checkbox--selected{
+    --my-border-color:transparent;
+    --my-faux-bg-color:var(--color);
   }
-  .v-drawer-layout{
+  .v-checkbox__faux{
     display:block;
-    height:100%;
     width:100%;
-  }
-  .v-drawer-layout__inner{
-    align-items:stretch;
-    display:flex;
-    flex-direction:column;
     height:100%;
-    width: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-drawer-layout__header{
-    align-items:center;
-    display:flex;
-    flex:0 0 var(--val-topToolbar-height);
-    height:var(--val-topToolbar-height);
-    justify-content:center;
+  .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-drawer-layout__body{
-    flex:1 1 100%;
-    overflow:auto;
-    -webkit-overflow-scrolling:touch;
+  .v-card{
+    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
   }
-  .v-drawer-layout__footer{
-    flex:0 0 auto;
-    margin-top:auto;
+  .v-card::-moz-focus-inner{
+    border:0;
   }
-  .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-card{
+    position:relative;
+    width:100%;
+    padding:0;
+    text-align:left;
+    appearance:none;
+    touch-action:manipulation;
+    user-select:none;
+    outline:0;
+    border:0;
   }
-  .v-navigation-item--opened{
-    --tile-background:var(--tile-active-background);
-    --tile-text-color:var(--tile-text-active-color);
+  .v-card,.v-card:focus,.v-card:hover{
+    text-decoration:none;
   }
-  .v-navigation-item__expand{
-    transition:height .2s;
+  .v-card.clickable{
+    cursor:pointer;
   }
-  .v-navigation-item__expand .v-navigation-item{
-    --tile-background:var(--tile-active-background);
+  .v-card.clickable:before{
+    position:absolute;
+    inset:0;
+    content:"";
+    background:currentColor;
+    border-radius:inherit;
+    opacity:0;
+    transition:.3s cubic-bezier(.25, .8, .5, 1);
   }
-  .v-navigation-item--depth-1{
-    --depth-padding:calc(var(--list-tile-padding)*2);
+  .v-card.clickable:focus:before,.v-card.clickable:hover:before{
+    opacity:.125;
   }
-  .v-navigation-item--depth-2{
-    --depth-padding:calc(var(--list-tile-padding)*3);
+  .v-card[aria-disabled=true],.v-card[disabled]{
+    pointer-events:none;
   }
-  .v-navigation-item--depth-3{
-    --depth-padding:calc(var(--list-tile-padding)*4);
+  .v-card[aria-disabled=true]:before,.v-card[disabled]:before{
+    content:none;
   }
-  .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-radio{
+    --my-color:var(--color);
   }
-  .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;
+  .v-radio__faux{
     position:relative;
+    display:block;
     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);
+    height:100%;
+    transition:border-color .2s,background-color .2s;
   }
-  .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:after,.v-radio__faux:before{
+    position:absolute;
+    display:block;
+    content:"";
+    border-radius:100%;
   }
-  .v-control-field--readonly{
-    cursor:default;
+  .v-radio__faux:before{
+    inset:0;
+    border:2px solid;
   }
-  .v-control-field--disabled{
-    color:var(--control-disabled-color);
-    pointer-events:none;
-    user-select:none;
+  .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:after,.v-control-field:before{
-    bottom:0;
-    content:"";
-    left:0;
-    pointer-events:none;
-    position:absolute;
-    right:0;
+  .v-radio--selected .v-radio__faux:after{
+    transform:translate(-50%, -50%) scale(1);
   }
-  .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-data-table{
+    --controls-vertial-margin:0.625em;
   }
-  .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-card-content .v-data-table{
+    margin-right:calc(var(--card-content-padding)*-1);
+    margin-left:calc(var(--card-content-padding)*-1);
   }
-  .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{
+    flex-wrap:wrap;
+    justify-content:flex-end;
   }
-  .v-control-field--focused:after,.v-control-field:focus-within:after{
-    transform:scaleX(1);
+  .v-data-table__controls,.v-data-table__controls__info{
+    display:flex;
+    align-items:center;
   }
-  .v-control-field--auto-height{
-    height:auto;
+  .v-data-table__controls__info__length{
+    margin-right:20px;
   }
-  .v-control-field__body{
-    align-items:stretch;
-    align-self:stretch;
+  .v-data-table__controls__select-limit{
     display:flex;
-    flex:1 1 auto;
-    margin:0;
+    align-items:center;
   }
-  .v-control-field--flat{
-    padding-left:0;
-    padding-right:0;
+  .v-data-table__controls__select-limit__prefix{
+    margin-right:.5em;
+    font-size:.75em;
+    color:var(--palette-muted);
+    white-space:nowrap;
   }
-  .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__select-limit .v-select{
+    width:5em;
+    margin-left:.5em;
   }
-  .v-control-field--filled:hover:not(:focus-within){
-    background-color:var(--my-fill-hover-color);
+  .v-data-table__controls__pagination{
+    flex:1 1 100%;
+    margin-left:auto;
   }
-  .v-control-field--filled:hover:before,.v-control-field--flat:hover:before{
-    border-color:var(--my-bottom-hover-color);
+  .v-data-table__header{
+    margin-bottom:var(--controls-vertial-margin);
   }
-  .v-control-field--flat:hover:before{
-    border-bottom-width:2px;
-    height:2px;
+  .v-data-table__footer{
+    margin-top:var(--controls-vertial-margin);
   }
-  .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{
+    position:relative;
   }
-  .v-control-field--outlined{
-    border-radius:var(--control-field-radius);
-    transition:box-shadow .2s cubic-bezier(0, 0, .2, 1) 0s;
+  .v-data-table__body__inner{
+    overflow-x:auto;
   }
-  .v-control-field--outlined:before{
-    background:transparent;
-    border:1px solid var(--my-outline-color);
-    border-radius:inherit;
-    height:auto;
-    top:0;
+  .v-data-table__table-wrapper{
+    display:flex;
   }
-  .v-control-field--outlined:hover:before{
-    border-color:var(--my-outline-hover-color);
+  .v-data-table__table-wrapper:after,.v-data-table__table-wrapper:before{
+    display:block;
+    height:1px;
+    content:"";
   }
-  .v-control-field--outlined:after{
-    content:none;
+  .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:focus-within{
-    box-shadow:0 0 1px var(--shadow-color), 0 0 2px 2px var(--focusShadow-color);
+  .v-data-table__table{
+    width:100%;
+    margin:0;
+    background:var(--palette-background);
+    border-radius:var(--control-field-radius);
   }
-  .v-control-field__adornment--start{
-    padding-right:.25em;
+  .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--end{
-    padding-left:.25em;
+  .v-data-table__table__cell:first-child{
+    padding-left:calc(var(--table-cell-horizontal-padding)*2);
   }
-  .v-control-field__adornment .v-icon{
-    font-size:1.2em;
+  .v-data-table__table__cell:last-child{
+    padding-right:calc(var(--table-cell-horizontal-padding)*2);
   }
-  .v-text-counter{
-    white-space:nowrap;
+  .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{
-    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-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"]{
+    cursor:pointer;
   }
-  .v-checkable{
-    --outer-size:var(--control-checkable-outer-size);
-    --icon-size:var(--control-checkable-icon-size);
-    --color:var(--control-checkable-base-color);
+  .v-data-table__table__cell__tile{
+    display:flex;
     align-items:center;
-    cursor:pointer;
-    display:inline-flex;
-    padding-right:1em;
-    user-select:none;
   }
-  .v-checkable--checked,.v-checkable--invalid:not(.v-checkable--readonly){
-    --color:var(--main-color);
+  .v-data-table__table__sort-icon{
+    width:25px;
+    font-size:1.25em;
+    opacity:0;
+    transition:transform .2s,opacity .2s;
   }
-  .v-checkable--disabled{
-    --color:var(--control-disabled-color);
+  .v-data-table__table__sort-icon--empty{
+    display:none;
   }
-  .v-checkable--disabled,.v-checkable--readonly{
-    cursor:default;
-    pointer-events: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-checkable input{
-    height:1px;
-    overflow:hidden;
-    position:absolute;
-    white-space:nowrap;
-    width:1px;
-    clip:rect(0 0 0 0);
-    clip-path:inset(100%);
+  .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__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-data-table__table__body tr:last-child .v-data-table__table__cell{
+    border-bottom:none;
   }
-  .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-data-table--fixed-header .v-data-table__table__header .v-data-table__table__cell{
+    position:sticky;
+    top:0;
+    z-index:1;
   }
-  .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-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-checkable__faux:hover:before{
-    opacity:.1;
+  .v-hero__title{
+    flex:1 1 100%;
+    margin:0;
+    font-size:1.75rem;
+    font-weight:300;
+    line-height:1;
+    color:inherit;
   }
-  .v-checkable--custom-icon .v-checkable__faux{
-    flex-basis:auto;
-    width:auto;
+  .v-hero__adornment{
+    flex:0 0 auto;
+    padding-left:10px;
+    margin-left:auto;
   }
-  .v-checkable--custom-icon .v-checkable__faux:before{
-    content:none;
+  .v-toolbar-title{
+    display:flex;
+    flex-grow:1;
+    margin:0;
+    font-size:1.25rem;
+    font-weight:400;
+    line-height:1;
+    white-space:nowrap;
   }
-  .v-checkable:focus-within .v-checkable__faux:before{
-    opacity:.2;
+  .v-content-switcher{
+    position:relative;
+    display:block;
+    width:100%;
+    overflow:hidden;
+    transition:var(--transition-tab);
   }
-  .v-checkable__label{
-    line-height:1.5;
+  .v-content-switcher__content{
+    width:100%;
   }
-  .v-checkable--disabled .v-checkable__label{
-    color:var(--color);
+  .v-content-switcher-prev-enter-active,.v-content-switcher-prev-leave-active{
+    transition:var(--transition-tab);
   }
-  .v-radio{
-    --my-color:var(--color);
+  .v-content-switcher-prev-enter-from{
+    transform:translateX(-100%);
   }
-  .v-radio__faux{
-    display:block;
-    height:100%;
-    position:relative;
-    transition:border-color .2s,background-color .2s;
-    width:100%;
+  .v-content-switcher-prev-enter-to,.v-content-switcher-prev-leave{
+    transform:translateX(0);
   }
-  .v-radio__faux:after,.v-radio__faux:before{
-    border-radius:100%;
-    content:"";
-    display:block;
+  .v-content-switcher-prev-leave-active{
     position:absolute;
+    top:0;
+    left:0;
   }
-  .v-radio__faux:before{
-    border:2px solid;
-    inset:0;
+  .v-content-switcher-prev-leave-to{
+    transform:translateX(100%);
   }
-  .v-radio__faux:after{
-    background:currentColor;
-    height:50%;
-    left:50%;
-    top:50%;
-    transform:translate(-50%, -50%) scale(0);
-    transition:transform .2s;
-    width:50%;
+  .v-content-switcher-next-enter-active,.v-content-switcher-next-leave-active{
+    transition:var(--transition-tab);
   }
-  .v-radio--selected .v-radio__faux:after{
-    transform:translate(-50%, -50%) scale(1);
+  .v-content-switcher-next-enter-from{
+    transform:translateX(100%);
   }
-  .v-switch{
-    --my-pin-color:var(--palette-background);
+  .v-content-switcher-next-enter-to,.v-content-switcher-next-leave{
+    transform:translateX(0);
   }
-  .v-switch--selected{
-    --my-pin-color:var(--color);
+  .v-content-switcher-next-leave-active{
+    position:absolute;
+    top:0;
+    left:0;
   }
-  .v-switch__faux{
-    align-items:center;
-    cursor:pointer;
-    display:flex;
-    height:100%;
-    justify-content:center;
+  .v-content-switcher-next-leave-to{
+    transform:translateX(-100%);
+  }
+  .v-tabs{
     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);
+    height:var(--tabs-height);
+    overflow:hidden;
   }
-  .v-switch__faux__pin{
-    align-items:center;
-    border-radius:50%;
+  .v-tabs:before{
+    position:absolute;
+    right:0;
     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{
+    height:2px;
+    content:"";
     background:currentColor;
-    border-radius:50%;
-    height:100%;
-    opacity:0;
-    position:absolute;
-    transition:opacity .2s;
+    opacity:.25;
+  }
+  .v-tabs__scroller{
     width:100%;
+    height:calc(var(--tabs-height) + 30px);
   }
-  .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-tabs__scroller__container{
+    padding-bottom:30px;
+  }
+  .v-tabs__content{
     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));
+    display:inline-flex;
+    align-items:stretch;
+    min-width:100%;
+    vertical-align:bottom;
   }
-  .v-switch--disabled .v-switch__faux:before{
-    background-color:#000;
-    opacity:.12;
+  .v-toolbar-menu{
+    height:100%;
+    margin:0;
+    box-shadow:none;
   }
-  .v-switch--disabled .v-switch__faux__pin:after{
-    background-color:#f5f5f5;
+  .v-card-actions{
+    display:flex;
+    align-items:center;
+    padding:var(--card-actions-padding);
   }
-  .v-switch__faux:hover .v-switch__faux__pin:before{
-    opacity:.1;
+  .v-card-actions .v-btn{
+    margin-top:0;
+    margin-bottom:0;
   }
-  .v-switch:focus-within .v-switch__faux__pin:before{
-    opacity:.1;
+  .v-text-counter{
+    white-space:nowrap;
   }
   .v-option{
     -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
@@ -1696,39 +1532,39 @@
     border:0;
   }
   .v-option{
-    appearance:none;
-    border-width:0;
-    cursor:pointer;
-    outline:0;
     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{
-    display:flex;
-    padding:.75em 1em;
     position:relative;
+    display:flex;
     width:100%;
+    padding:.75em 1em;
   }
   .v-option input{
+    position:absolute;
+    width:1px;
     height:1px;
     overflow:hidden;
-    position:absolute;
     white-space:nowrap;
-    width:1px;
     clip:rect(0 0 0 0);
     clip-path:inset(100%);
   }
   .v-option:after,.v-option:before{
-    content:"";
-    display:block;
+    position:absolute;
     inset:0;
-    opacity:0;
+    display:block;
     pointer-events:none;
-    position:absolute;
+    content:"";
+    opacity:0;
     transition:opacity .2s;
   }
   .v-option:before{
@@ -1741,693 +1577,865 @@
     opacity:.12;
   }
   .v-option__label{
-    display:block;
     position:relative;
+    display:block;
   }
   .v-option--selected:after{
     opacity:.12;
   }
   .v-option--selected .v-option__label{
-    color:var(--palette-primary);
     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);
-    opacity:.4;
     pointer-events:none;
+    opacity:.4;
   }
   .v-option[aria-disabled=true]:before,.v-option[disabled]:before,.v-option[tabindex="-1"]:before{
     opacity:0 !important;
   }
-  .v-option-group{
-    display:block;
-  }
-  .v-option-group__label{
-    color:var(--palette-caption);
-    font-size:.875em;
-    opacity:.6;
-    padding:1em;
+  .v-switch{
+    --my-pin-color:var(--palette-background);
   }
-  .v-option-group--disabled .v-option-group__label{
-    color:var(--palette-muted);
-    opacity:.4;
+  .v-switch--selected{
+    --my-pin-color:var(--color);
   }
-  .v-select__input{
+  .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-select__input__element{
-    height:1px;
-    overflow:hidden;
+  .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;
-    white-space:nowrap;
-    width:1px;
-    clip:rect(0 0 0 0);
-    clip-path:inset(100%);
+    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-select__body{
-    padding:.5em 0;
+  .v-switch__faux__pin:after,.v-switch__faux__pin:before{
+    display:block;
+    content:"";
   }
-  .v-select__selections{
-    display:table;
-    table-layout:fixed;
+  .v-switch__faux__pin:before{
+    position:absolute;
     width:100%;
+    height:100%;
+    background:currentColor;
+    border-radius:50%;
+    opacity:0;
+    transition:opacity .2s;
   }
-  .v-select__selections__inner{
-    display:table-cell;
-    overflow:hidden;
-    text-overflow:ellipsis;
-    vertical-align:middle;
-    white-space:nowrap;
+  .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-select--multiple .v-select__selections{
-    display:block;
+  .v-switch--selected .v-switch__faux__pin{
+    left:calc(100% - var(--outer-size));
   }
-  .v-select--multiple .v-select__selections__inner{
+  .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;
-    overflow:auto;
-    white-space:unset;
+    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-select--multiple .v-control-field__body{
-    padding:.2em 0;
+  .v-card-content{
+    padding:var(--card-content-padding);
   }
-  .v-select__placeholder{
-    color:var(--control-disabled-color);
-    font-style:italic;
+  .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-text-field__input{
-    cursor:text;
+  .v-toolbar--plain{
+    --main-color:var(--palette-background);
   }
-  .v-text-field__input__element{
-    background:transparent;
+  .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;
-    font-size:inherit;
-    letter-spacing:inherit;
-    line-height:inherit;
-    margin:0;
-    min-width:0;
-    outline:0;
-    overflow:hidden;
-    padding:0;
-    text-overflow:ellipsis;
-    white-space:nowrap;
-    width:100%;
+    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-form-control__info{
+    display:flex;
+    padding-top:3px;
+  }
+  .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-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-form-control__message{
+    flex:1 0;
   }
-  .v-text-field__input__element::-ms-clear{
-    display:none;
+  .v-form-control__appends{
+    flex:0 1;
+    margin-left:auto;
   }
-  .v-text-field__input__element::placeholder{
-    color:var(--control-disabled-color);
-    font-style:italic;
+  .v-breadcrumbs{
+    display:block;
+    margin:1.5em auto;
+    font-size:var(--breadcrumbs-font-size);
   }
-  .v-textarea__input{
-    cursor:text;
+  .v-breadcrumbs__list{
+    display:inline-flex;
+    flex-wrap:wrap;
+    align-items:center;
+    vertical-align:bottom;
   }
-  .v-textarea__input__element{
-    background:transparent;
-    border:0;
-    border-radius:0;
-    font-size:inherit;
-    letter-spacing:inherit;
-    line-height:inherit;
+  .v-breadcrumbs__divider,.v-breadcrumbs__item,.v-breadcrumbs__list{
+    padding:0;
     margin:0;
-    min-width:0;
-    outline:0;
-    padding:8px 0;
-    resize:none;
-    width:100%;
+    list-style:none;
   }
-  .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-breadcrumbs__link{
+    display:inline-flex;
+    align-items:center;
+    vertical-align:middle;
+    white-space:nowrap;
+    text-decoration:none;
   }
-  .v-textarea__input__element::-ms-clear{
-    display:none;
+  .v-breadcrumbs__item--disabled .v-breadcrumbs__link{
+    color:inherit;
+    pointer-events:none;
   }
-  .v-textarea__input__element::placeholder{
-    color:var(--control-disabled-color);
-    font-style:italic;
+  .v-breadcrumbs__icon{
+    margin-right:.2em;
+    font-size:140%;
+  }
+  .v-breadcrumbs__divider{
+    position:relative;
+    top:1px;
+    display:flex;
+    align-items:center;
+    justify-content:center;
+    margin:0 1.25em;
+  }
+  .v-breadcrumbs__divider__icon{
+    display:block;
+    width:.5em;
+    height:.5em;
+    margin-left:-.25em;
+    border-top:1px solid;
+    border-right:1px solid;
+    transform:rotate(45deg);
   }
   .v-file-input__inner{
-    align-items:stretch;
     display:flex;
+    align-items:stretch;
   }
   .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;
+    border-top-right-radius:0;
+    border-bottom-right-radius:0;
   }
   .v-file-input__selections{
-    align-items:center;
-    align-self:stretch;
     display:flex;
     flex-wrap:wrap;
+    align-items:center;
+    align-self:stretch;
     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%;
+    cursor:text;
+    border-top-left-radius:0;
+    border-bottom-left-radius:0;
   }
   .v-file-input__input__element{
+    position:absolute;
+    width:1px;
     height:1px;
     overflow:hidden;
-    position:absolute;
     white-space:nowrap;
-    width:1px;
     clip:rect(0 0 0 0);
     clip-path:inset(100%);
   }
-  .v-tabs{
-    height:var(--tabs-height);
-    overflow:hidden;
+  .v-control-field{
     position:relative;
-    width:100%;
-  }
-  .v-tabs:before{
-    background:currentColor;
-    bottom:0;
-    content:"";
-    display:block;
-    height:2px;
-    left:0;
-    opacity:.25;
-    position:absolute;
-    right:0;
-  }
-  .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-tab{
-    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-  }
-  .v-tab::-moz-focus-inner{
-    border:0;
+    align-items:center;
+    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-tab{
-    appearance:none;
-    border-width:0;
-    cursor:pointer;
-    outline:0;
-    padding:0;
-    touch-action:manipulation;
+  .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-tab,.v-tab:focus,.v-tab:hover{
-    text-decoration:none;
+  .v-control-field--readonly{
+    cursor:default;
   }
-  .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;
+  .v-control-field--disabled{
+    color:var(--control-disabled-color);
+    pointer-events:none;
     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;
+  .v-control-field:after,.v-control-field:before{
     position:absolute;
     right:0;
-    transform:scaleX(0);
-    transition:all .25s;
-    z-index:1;
-  }
-  .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-tab__icon{
-    font-size:120%;
-    margin-right:8px;
-  }
-  .v-tab:hover{
-    --tab-content-color:var(--tab-content-focus-color);
-  }
-  .v-tab--active{
-    --tab-content-color:rgba(0,0,0,.87);
-    background:var(--tabs-color);
+    bottom:0;
+    left:0;
     pointer-events:none;
-    --tab-content-opacity:1;
-  }
-  .v-tab--active:before{
-    transform:scaleX(1);
-  }
-  .v-breadcrumbs{
-    display:block;
-    font-size:var(--breadcrumbs-font-size);
-    margin:1.5em auto;
-  }
-  .v-breadcrumbs__list{
-    align-items:center;
-    display:inline-flex;
-    flex-wrap:wrap;
-    vertical-align:bottom;
+    content:"";
   }
-  .v-breadcrumbs__divider,.v-breadcrumbs__item,.v-breadcrumbs__list{
-    list-style:none;
-    margin:0;
-    padding:0;
+  .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-breadcrumbs__link{
-    align-items:center;
-    display:inline-flex;
-    text-decoration:none;
-    vertical-align:middle;
-    white-space:nowrap;
+  .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-breadcrumbs__item--disabled .v-breadcrumbs__link{
-    color:inherit;
-    pointer-events:none;
+  .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-breadcrumbs__icon{
-    font-size:140%;
-    margin-right:.2em;
+  .v-control-field--focused:after,.v-control-field:focus-within:after{
+    transform:scaleX(1);
   }
-  .v-breadcrumbs__divider{
-    align-items:center;
+  .v-control-field--auto-height{
+    height:auto;
+  }
+  .v-control-field__body{
     display:flex;
-    justify-content:center;
-    margin:0 1.25em;
-    position:relative;
-    top:1px;
+    flex:1 1 auto;
+    align-items:stretch;
+    align-self:stretch;
+    margin:0;
   }
-  .v-breadcrumbs__divider__icon{
-    border-right:1px solid;
-    border-top:1px solid;
-    display:block;
-    height:.5em;
-    margin-left:-.25em;
-    transform:rotate(45deg);
-    width:.5em;
+  .v-control-field--flat{
+    padding-right:0;
+    padding-left:0;
   }
-  .v-content-switcher{
-    display:block;
-    overflow:hidden;
-    position:relative;
-    transition:var(--transition-tab);
-    width:100%;
+  .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-content-switcher__content{
-    width:100%;
+  .v-control-field--filled:hover:not(:focus-within){
+    background-color:var(--my-fill-hover-color);
   }
-  .v-content-switcher-prev-enter-active,.v-content-switcher-prev-leave-active{
-    transition:var(--transition-tab);
+  .v-control-field--filled:hover:before,.v-control-field--flat:hover:before{
+    border-color:var(--my-bottom-hover-color);
   }
-  .v-content-switcher-prev-enter-from{
-    transform:translateX(-100%);
+  .v-control-field--flat:hover:before{
+    height:2px;
+    border-bottom-width:2px;
   }
-  .v-content-switcher-prev-enter-to,.v-content-switcher-prev-leave{
-    transform:translateX(0);
+  .v-control-field--filled.v-control-field--disabled:before,.v-control-field--flat.v-control-field--disabled:before{
+    border-bottom-style:dotted;
   }
-  .v-content-switcher-prev-leave-active{
-    left:0;
-    position:absolute;
+  .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{
     top:0;
+    height:auto;
+    background:transparent;
+    border:1px solid var(--my-outline-color);
+    border-radius:inherit;
   }
-  .v-content-switcher-prev-leave-to{
-    transform:translateX(100%);
+  .v-control-field--outlined:hover:before{
+    border-color:var(--my-outline-hover-color);
   }
-  .v-content-switcher-next-enter-active,.v-content-switcher-next-leave-active{
-    transition:var(--transition-tab);
+  .v-control-field--outlined:after{
+    content:none;
   }
-  .v-content-switcher-next-enter-from{
-    transform:translateX(100%);
+  .v-control-field--outlined:focus-within{
+    box-shadow:0 0 1px var(--shadow-color), 0 0 2px 2px var(--focusShadow-color);
   }
-  .v-content-switcher-next-enter-to,.v-content-switcher-next-leave{
-    transform:translateX(0);
+  .v-control-field__adornment--start{
+    padding-right:.25em;
   }
-  .v-content-switcher-next-leave-active{
-    left:0;
-    position:absolute;
-    top:0;
+  .v-control-field__adornment--end{
+    padding-left:.25em;
   }
-  .v-content-switcher-next-leave-to{
-    transform:translateX(-100%);
+  .v-control-field__adornment .v-icon{
+    font-size:1.2em;
   }
-  .v-data-table{
-    --controls-vertial-margin:0.625em;
+  .v-textarea__input{
+    cursor:text;
   }
-  .v-card-content .v-data-table{
-    margin-left:calc(var(--card-content-padding)*-1);
-    margin-right:calc(var(--card-content-padding)*-1);
+  .v-textarea__input__element{
+    width:100%;
+    min-width:0;
+    padding:8px 0;
+    margin:0;
+    font-size:inherit;
+    line-height:inherit;
+    letter-spacing:inherit;
+    resize:none;
+    outline:0;
+    background:transparent;
+    border:0;
+    border-radius:0;
   }
-  .v-data-table__controls{
-    flex-wrap:wrap;
-    justify-content:flex-end;
+  .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-data-table__controls,.v-data-table__controls__info{
-    align-items:center;
-    display:flex;
+  .v-textarea__input__element::-ms-clear{
+    display:none;
   }
-  .v-data-table__controls__info__length{
-    margin-right:20px;
+  .v-textarea__input__element::placeholder{
+    font-style:italic;
+    color:var(--control-disabled-color);
   }
-  .v-data-table__controls__select-limit{
-    align-items:center;
-    display:flex;
+  .v-select__input{
+    cursor:pointer;
   }
-  .v-data-table__controls__select-limit__prefix{
-    color:var(--palette-muted);
-    font-size:.75em;
-    margin-right:.5em;
+  .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__controls__select-limit .v-select{
-    margin-left:.5em;
-    width:5em;
+  .v-select__body{
+    padding:.5em 0;
   }
-  .v-data-table__controls__pagination{
-    flex:1 1 100%;
-    margin-left:auto;
+  .v-select__selections{
+    display:table;
+    width:100%;
+    table-layout:fixed;
   }
-  .v-data-table__header{
-    margin-bottom:var(--controls-vertial-margin);
+  .v-select__selections__inner{
+    display:table-cell;
+    overflow:hidden;
+    text-overflow:ellipsis;
+    vertical-align:middle;
+    white-space:nowrap;
   }
-  .v-data-table__footer{
-    margin-top:var(--controls-vertial-margin);
+  .v-select--multiple .v-select__selections{
+    display:block;
   }
-  .v-data-table__body{
-    position:relative;
+  .v-select--multiple .v-select__selections__inner{
+    display:block;
+    overflow:auto;
+    white-space:unset;
   }
-  .v-data-table__body__inner{
-    overflow-x:auto;
+  .v-select--multiple .v-control-field__body{
+    padding:.2em 0;
   }
-  .v-data-table__table-wrapper{
-    display:flex;
+  .v-select__placeholder{
+    font-style:italic;
+    color:var(--control-disabled-color);
   }
-  .v-data-table__table-wrapper:after,.v-data-table__table-wrapper:before{
-    content:"";
-    display:block;
-    height:1px;
+  .v-tab{
+    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
   }
-  .v-data-table__loading{
-    align-items:center;
-    background:var(--palette-background);
-    display:flex;
-    inset:0;
-    justify-content:center;
-    opacity:.5;
-    position:absolute;
-    z-index:1;
+  .v-tab::-moz-focus-inner{
+    border:0;
   }
-  .v-data-table__table{
-    background:var(--palette-background);
-    border-radius:var(--control-field-radius);
-    margin:0;
-    width:100%;
+  .v-tab{
+    padding:0;
+    appearance:none;
+    touch-action:manipulation;
+    cursor:pointer;
+    outline:0;
+    border-width:0;
   }
-  .v-data-table__table__cell{
-    border-bottom:thin solid rgba(0,0,0,.12);
+  .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;
     position:relative;
-    text-align:left;
-    transition:background .2s;
-    vertical-align:middle;
+    z-index:3;
+    display:flex;
+    align-items:center;
+    justify-content:center;
+    height:var(--tabs-height);
+    padding:0 1.25em;
+    font:inherit;
+    font-size:var(--tabs-font-size);
     white-space:nowrap;
+    user-select:none;
+    transition:color .6s;
   }
-  .v-data-table__table__cell:first-child{
-    padding-left:calc(var(--table-cell-horizontal-padding)*2);
-  }
-  .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-tab:before{
+    position:absolute;
+    right:0;
+    bottom:0;
+    left:0;
+    z-index:1;
+    height:2px;
+    content:"";
+    background-color:var(--tab-content-focus-color);
+    border-radius:inherit;
+    transform:scaleX(0);
+    transition:all .25s;
   }
-  .v-data-table__table__cell--center .v-data-table__table__sort-icon--empty{
+  .v-tab__content{
+    position:relative;
+    z-index:2;
     display:flex;
+    align-items:center;
+    line-height:1.2;
+    color:var(--tab-content-color);
+    text-align:center;
+    opacity:var(--tab-content-opacity);
+    transition:all .25s ease;
   }
-  .v-data-table__table__cell--right{
-    text-align:right;
-  }
-  .v-data-table__table__cell[tabindex="0"]{
-    cursor:pointer;
+  .v-tab__icon{
+    margin-right:8px;
+    font-size:120%;
   }
-  .v-data-table__table__cell__tile{
-    align-items:center;
-    display:flex;
+  .v-tab:hover{
+    --tab-content-color:var(--tab-content-focus-color);
   }
-  .v-data-table__table__sort-icon{
-    font-size:1.25em;
-    opacity:0;
-    transition:transform .2s,opacity .2s;
-    width:25px;
+  .v-tab--active{
+    --tab-content-color:rgba(0,0,0,.87);
+    pointer-events:none;
+    background:var(--tabs-color);
+    --tab-content-opacity:1;
   }
-  .v-data-table__table__sort-icon--empty{
-    display:none;
+  .v-tab--active:before{
+    transform:scaleX(1);
   }
-  .v-data-table__table__header .v-data-table__table__cell{
-    backdrop-filter:blur(3px);
-    background:hsla(0,0%,100%,.85);
+  .v-checkable{
+    --outer-size:var(--control-checkable-outer-size);
+    --icon-size:var(--control-checkable-icon-size);
+    --color:var(--control-checkable-base-color);
+    display:inline-flex;
+    align-items:center;
+    padding-right:1em;
+    cursor:pointer;
     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{
+    pointer-events:none;
+    cursor:default;
   }
-  .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{
+    position:absolute;
+    width:1px;
+    height:1px;
+    overflow:hidden;
+    white-space:nowrap;
+    clip:rect(0 0 0 0);
+    clip-path:inset(100%);
   }
-  .v-toolbar--plain{
-    --main-color:var(--palette-background);
+  .v-checkable__faux{
+    position:relative;
+    display:inline-flex;
+    flex:0 0 var(--outer-size);
+    align-items:center;
+    justify-content:center;
+    width:var(--outer-size);
+    height:var(--outer-size);
+    margin:var(--control-checkable-faux-margin);
+    margin-left:0;
+    color:var(--color);
+    cursor:pointer;
   }
-  .v-app-layout__header>.v-toolbar{
-    height:100%;
+  .v-checkable__faux__icon{
+    position:relative;
+    display:block;
+    width:var(--icon-size);
+    height:var(--icon-size);
+    pointer-events:none;
+    transform:scale(var(--control-checkable-faux-scale));
   }
-  .v-toolbar--dense{
-    --height:var(--toolbar-dense-height);
+  .v-checkable__faux:before{
+    position:absolute;
+    inset:0;
+    display:block;
+    pointer-events:none;
+    content:"";
+    background:currentColor;
+    border-radius:50%;
+    opacity:0;
+    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{
-  border-radius:2px;
-}
-.v-dialog{
-  box-shadow:var(--dialog-shadow);
+}.v-dialog{
+  position:relative;
   display:inline-block;
-  margin:24px;
   min-width:280px;
-  outline:0;
-  pointer-events:auto;
-  position:relative;
+  margin:24px;
   text-align:left;
+  pointer-events:auto;
+  outline:0;
+  border-radius:2px;
+  box-shadow:var(--dialog-shadow);
 }
+
 .v-dialog__header{
   font-size:24px;
   line-height:1.4;
 }
+
 .v-dialog__body,.v-dialog__header{
   box-sizing:border-box;
   padding:16px;
 }
+
 .v-dialog__body{
   font-size:16px;
   line-height:1.5;
 }
+
 .v-dialog--dense .v-dialog__body{
   padding-bottom:0;
 }
+
 .v-dialog__actions{
-  align-items:center;
   box-sizing:border-box;
   display:flex;
+  align-items:center;
   justify-content:flex-end;
   padding:8px;
 }
+
 .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-snackbar{
-  box-shadow:var(--snackbar-shadow);
+
+.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{
-  align-items:center;
-  background-color:var(--main-color);
-  border-color:var(--border-color);
-  border-radius:inherit;
-  color:var(--text-color);
   display:flex;
+  align-items:center;
   justify-content:space-between;
-  max-width:calc(100vw - 96px);
+  width:auto;
   min-width:288px;
+  max-width:calc(100vw - 96px);
   padding:8px 4px 8px 16px;
-  width:auto;
+  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-sheet-modal{
+@keyframes v-skelton-loader-bone-loading{
+  to{
+    transform:translateX(100%);
+  }
+}.v-sheet-modal{
   --v-sheet-modal-width:90vw;
   --v-sheet-modal-max-width:none;
   --v-sheet-background:var(--palette-foundation);
+  position:fixed;
+  top:0;
+  right:0;
   bottom:0;
-  box-shadow:var(--dialog-shadow);
   box-sizing:border-box;
   display:flex;
   flex-direction:column;
+  width:var(--v-sheet-modal-width);
   max-width:var(--v-sheet-modal-max-width);
-  outline:0;
   padding:0;
-  position:fixed;
-  right:0;
-  top:0;
+  outline:0;
+  box-shadow:var(--dialog-shadow);
   transition:transform var(--v-stack-transition-slowly);
-  width:var(--v-sheet-modal-width);
 }
+
 .v-sheet-modal__header{
-  background-color:var(--v-sheet-background);
-  flex:0 0;
   position:relative;
   z-index:1;
+  flex:0 0;
+  background-color:var(--v-sheet-background);
 }
+
 .v-sheet-modal__scroller{
   flex:1 1;
   -webkit-overflow-scrolling:touch;
-  background-color:var(--v-sheet-background);
   height:100%;
   overflow-y:auto;
+  background-color:var(--v-sheet-background);
 }
+
 .v-sheet-modal--has-active-child{
   transform:translateX(calc(-100vw + var(--v-sheet-modal-width)));
 }
+
 .v-sheet-modal-enter-active,.v-sheet-modal-leave-active{
   transition:transform var(--v-stack-transition-slowly);
 }
+
 .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%);
-  }
-}
-/*!
- * Forked from
- * normalize.css v8.0.1 | MIT License | https://github.com/necolas/normalize.css
- */