@fastkit/vui 1.4.0 → 1.4.1

package/dist/vui.css

@@ -18,6 +18,60 @@
     flex-direction:column;
     align-items:flex-start;
   }
+  .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-button-group{
+    display:inline-flex;
+    align-items:stretch;
+  }
+  .v-button-group__item{
+    position:relative;
+    margin:0;
+  }
+  .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-grid-container{
+    display:flex;
+    flex-wrap:wrap;
+  }
   :root{
     --root-em:16px;
     --root-spacing:8px;
@@ -479,173 +533,260 @@
   .wysiwyg p{
     margin:0;
   }
-  .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;
+  .v-button{
+    --padding:1em;
+    --height:2.5714285714em;
+    --icon-margin:0.6em;
+    position:relative;
+    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-weight:700;
+    font:inherit;
+    font-weight:500;
     line-height:1;
+    vertical-align:bottom;
+    text-transform:uppercase;
+    letter-spacing:.0892857143em;
+    text-decoration:none;
+    appearance:none;
+    cursor:pointer;
+    user-select:none;
+    outline:0;
+    border-style:solid;
+    border-width:1px;
+    border-radius:var(--control-field-radius);
+    transition:.3s cubic-bezier(.25, .8, .5, 1),color 1ms;
   }
-  .v-pagination:before{
-    width:var(--pagination-size);
-    margin:var(--pagination-margin);
-    content:none;
-  }
-  .v-pagination--left{
+  .v-button--align-left{
     justify-content:flex-start;
   }
-  .v-pagination--center{
-    justify-content:center;
-  }
-  .v-pagination--right{
+  .v-button--align-right{
     justify-content:flex-end;
   }
-  .v-pagination a.v-pagination__item,.v-pagination__item{
-    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
+  .v-button--plain{
+    color:inherit !important;
   }
-  .v-pagination a.v-pagination__item::-moz-focus-inner,.v-pagination__item::-moz-focus-inner{
-    border:0;
+  .v-button--plain.v-button--guard-in-progress,.v-button--plain[aria-disabled=true],.v-button--plain[disabled]{
+    opacity:.5;
   }
-  .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-button--sm{
+    font-size:calc(var(--root-em)*.75);
   }
-  .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-button--md{
+    font-size:calc(var(--root-em)*.875);
   }
-  .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-button--lg{
+    font-size:calc(var(--root-em)*1.375);
   }
-  .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-button--rounded{
+    --padding:0;
+    min-width:0;
+    aspect-ratio:1/1;
+    margin:calc(var(--root-em)*.125);
+    border-radius:50%;
+    --height: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-button--icon{
+    min-width:1.9285714286em;
+    margin:calc(var(--root-em)*.125);
+    --height:1.9285714286em;
+    --padding:0em;
   }
-  .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-button::-moz-focus-inner{
+    border:0;
   }
-  .v-pagination a.v-pagination__item .v-icon,.v-pagination__item .v-icon{
-    font-size:125%;
+  .v-button.v-button--guard-in-progress,.v-button[aria-disabled=true],.v-button[disabled]{
+    cursor:default;
   }
-  .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-button--spacer-left{
+    margin-left:auto;
   }
-  .v-pagination--disabled .v-pagination__item{
-    color:var(--palette-muted);
-    pointer-events:none;
+  .v-button--spacer-right{
+    margin-right:auto;
   }
-  .v-pagination--disabled .v-pagination__item:focus,.v-pagination--disabled .v-pagination__item:hover{
-    background:transparent;
+  .v-button__content{
+    display:flex;
+    align-items:center;
+    justify-content:center;
+    justify-self:stretch;
+    pointer-events:none;
   }
-  .v-pagination--disabled .v-pagination__item--active{
-    background:var(--palette-muted);
+  .v-button--loading .v-button__content{
+    opacity:0;
   }
-  .v-disabled-reason{
-    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
+  .v-button__icon--start{
+    margin-right:var(--icon-margin);
   }
-  .v-disabled-reason::-moz-focus-inner{
-    border:0;
+  .v-button__icon--end{
+    margin-left:var(--icon-margin);
   }
-  .v-disabled-reason{
+  .v-button__loading{
     position:absolute;
-    inset:0;
-    z-index:10;
+    top:50%;
+    left:50%;
+    z-index:1;
+    transform:translate(-50%, -50%);
+  }
+  .v-paper{
+    --paper-radius:var(--control-field-radius);
     display:block;
-    pointer-events:none;
-    cursor:default;
+    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-disabled-reason[tabindex]:not([tabindex^="-"]){
-    pointer-events:auto;
+  .v-paper--square{
+    --paper-radius:0px;
   }
-  .v-grid-item{
-    display:block;
+  .v-paper__header{
+    border-top-left-radius:inherit;
+    border-top-right-radius:inherit;
   }
-  .v-radio{
-    --my-color:var(--color);
+  .v-paper__footer{
+    border-bottom-right-radius:inherit;
+    border-bottom-left-radius:inherit;
   }
-  .v-radio__faux{
-    position:relative;
+  .v-navigation__caption{
     display:block;
-    width:100%;
-    height:100%;
-    transition:border-color .2s,background-color .2s;
+    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-radio__faux:after,.v-radio__faux:before{
-    position:absolute;
+  .v-grid-item{
     display:block;
-    content:"";
-    border-radius:100%;
-  }
-  .v-radio__faux:before{
-    inset:0;
-    border:2px solid;
   }
-  .v-radio__faux:after{
-    top:50%;
-    left:50%;
-    width:50%;
-    height:50%;
-    background:currentColor;
-    transform:translate(-50%, -50%) scale(0);
-    transition:transform .2s;
+  .v-busy-image{
+    position:relative;
+    display:inline-block;
+    max-width:100%;
+    vertical-align:bottom;
   }
-  .v-radio--selected .v-radio__faux:after{
-    transform:translate(-50%, -50%) scale(1);
+  .v-busy-image--clickable{
+    cursor:pointer;
   }
-  .v-navigation__caption{
+  .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;
-    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;
+    content:"";
+    background:rgba(0,0,0,.1);
+    animation:v-tiny-image-blink 1.5s ease-in-out infinite normal;
   }
-  .v-grid-container{
+  .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-drawer-layout{
+    display:block;
+    width:100%;
+    height:100%;
+  }
+  .v-drawer-layout__inner{
     display:flex;
-    flex-wrap:wrap;
+    flex-direction:column;
+    align-items:stretch;
+    width:100%;
+    height:100%;
   }
-  .v-icon{
-    display:inline-flex;
+  .v-drawer-layout__header{
+    display:flex;
+    flex:0 0 var(--val-topToolbar-height);
     align-items:center;
     justify-content:center;
-    width:1.25em;
-    aspect-ratio:1/1;
-    user-select:none;
+    height:var(--val-topToolbar-height);
   }
-  .v-icon--clickable{
-    cursor:pointer;
+  .v-drawer-layout__body{
+    flex:1 1 100%;
+    overflow:auto;
+    -webkit-overflow-scrolling:touch;
   }
-  .v-icon__body{
-    display:inline-flex;
-    align-items:center;
-    justify-content:center;
-    transition:transform .15s linear;
+  .v-drawer-layout__footer{
+    flex:0 0 auto;
+    margin-top: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-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-form-control{
     display:flex;
@@ -716,15 +857,6 @@
     flex:0 1;
     margin-left:auto;
   }
-  .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-hero{
     --hero-background-color:var(--main-color);
     --hero-text-color:var(--text-color);
@@ -748,38 +880,6 @@
     padding-left:10px;
     margin-left:auto;
   }
-  .v-option-group{
-    display:block;
-  }
-  .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;
-  }
-  .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-chip{
     -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
   }
@@ -856,371 +956,125 @@
   .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-skelton-loader-bone{
+    position:relative;
+    overflow:hidden;
+    cursor:progress;
+    background:rgba(0,0,0,.12);
+    border-radius:inherit;
   }
-  .v-avatar{
-    padding:0;
-    appearance:none;
-    touch-action:manipulation;
-    cursor:pointer;
-    user-select:none;
-    outline:0;
-    border-width:0;
+  .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-avatar,.v-avatar:focus,.v-avatar:hover{
-    text-decoration:none;
+  .v-breadcrumbs{
+    display:block;
+    margin:1.5em auto;
+    font-size:var(--breadcrumbs-font-size);
   }
-  .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-breadcrumbs__list{
     display:inline-flex;
-    flex-basis:var(--avatar-size);
+    flex-wrap:wrap;
     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-breadcrumbs__divider,.v-breadcrumbs__item,.v-breadcrumbs__list{
+    padding:0;
+    margin:0;
+    list-style:none;
   }
-  .v-avatar--md{
-    --avatar-size:48px;
+  .v-breadcrumbs__link{
+    display:inline-flex;
+    align-items:center;
+    vertical-align:middle;
+    white-space:nowrap;
+    text-decoration:none;
   }
-  .v-avatar--lg{
-    --avatar-size:62px;
-    --avatar-font-size:calc(var(--avatar-base-font-size)*1.25);
+  .v-breadcrumbs__item--disabled .v-breadcrumbs__link{
+    color:inherit;
+    pointer-events:none;
   }
-  .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-breadcrumbs__icon{
+    margin-right:.2em;
+    font-size:140%;
   }
-  .v-button{
-    --padding:1em;
-    --height:2.5714285714em;
-    --icon-margin:0.6em;
+  .v-breadcrumbs__divider{
     position:relative;
-    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;
-    appearance:none;
-    cursor:pointer;
-    user-select:none;
-    outline:0;
-    border-style:solid;
-    border-width:1px;
-    border-radius:var(--control-field-radius);
-    transition:.3s cubic-bezier(.25, .8, .5, 1),color 1ms;
-  }
-  .v-button--align-left{
-    justify-content:flex-start;
-  }
-  .v-button--align-right{
-    justify-content:flex-end;
-  }
-  .v-button--plain{
-    color:inherit !important;
-  }
-  .v-button--plain.v-button--guard-in-progress,.v-button--plain[aria-disabled=true],.v-button--plain[disabled]{
-    opacity:.5;
-  }
-  .v-button--sm{
-    font-size:calc(var(--root-em)*.75);
-  }
-  .v-button--md{
-    font-size:calc(var(--root-em)*.875);
-  }
-  .v-button--lg{
-    font-size:calc(var(--root-em)*1.375);
-  }
-  .v-button--rounded{
-    --padding:0;
-    min-width:0;
-    aspect-ratio:1/1;
-    margin:calc(var(--root-em)*.125);
-    border-radius:50%;
-    --height:auto;
-  }
-  .v-button--icon{
-    min-width:1.9285714286em;
-    margin:calc(var(--root-em)*.125);
-    --height:1.9285714286em;
-    --padding:0em;
-  }
-  .v-button::-moz-focus-inner{
-    border:0;
-  }
-  .v-button.v-button--guard-in-progress,.v-button[aria-disabled=true],.v-button[disabled]{
-    cursor:default;
-  }
-  .v-button--spacer-left{
-    margin-left:auto;
-  }
-  .v-button--spacer-right{
-    margin-right:auto;
-  }
-  .v-button__content{
+    top:1px;
     display:flex;
     align-items:center;
     justify-content:center;
-    justify-self:stretch;
-    pointer-events:none;
-  }
-  .v-button--loading .v-button__content{
-    opacity:0;
-  }
-  .v-button__icon--start{
-    margin-right:var(--icon-margin);
+    margin:0 1.25em;
   }
-  .v-button__icon--end{
-    margin-left:var(--icon-margin);
+  .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-button__loading{
-    position:absolute;
-    top:50%;
-    left:50%;
-    z-index:1;
-    transform:translate(-50%, -50%);
+  .v-radio{
+    --my-color:var(--color);
   }
-  .v-skelton-loader-bone{
+  .v-radio__faux{
     position:relative;
-    overflow:hidden;
-    cursor:progress;
-    background:rgba(0,0,0,.12);
-    border-radius:inherit;
+    display:block;
+    width:100%;
+    height:100%;
+    transition:border-color .2s,background-color .2s;
   }
-  .v-skelton-loader-bone:after{
+  .v-radio__faux:after,.v-radio__faux:before{
     position:absolute;
-    top:0;
-    right:0;
-    left:0;
-    z-index:1;
-    height:100%;
+    display:block;
     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-text-counter{
-    white-space:nowrap;
-  }
-  .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-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;
+    border-radius:100%;
   }
-  .v-list-tile__icon{
-    min-width:2em;
+  .v-radio__faux:before{
+    inset:0;
+    border:2px solid;
   }
-  .v-list-tile__icon--end{
-    margin-left:auto;
-    text-align:right;
+  .v-radio__faux:after{
+    top:50%;
+    left:50%;
+    width:50%;
+    height:50%;
+    background:currentColor;
+    transform:translate(-50%, -50%) scale(0);
+    transition:transform .2s;
   }
-  .v-card-content{
-    padding:var(--card-content-padding);
+  .v-radio--selected .v-radio__faux:after{
+    transform:translate(-50%, -50%) scale(1);
   }
-  .v-card{
-    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
+  .v-checkbox{
+    --my-border-color:var(--color);
+    --my-faux-bg-color:transparent;
   }
-  .v-card::-moz-focus-inner{
-    border:0;
+  .v-checkbox--indeterminate,.v-checkbox--selected{
+    --my-border-color:transparent;
+    --my-faux-bg-color:var(--color);
   }
-  .v-card{
-    position:relative;
+  .v-checkbox__faux{
+    display:block;
     width:100%;
-    padding:0;
-    text-align:left;
-    appearance:none;
-    touch-action:manipulation;
-    user-select:none;
-    outline:0;
-    border:0;
-  }
-  .v-card,.v-card:focus,.v-card:hover{
-    text-decoration:none;
-  }
-  .v-card.clickable{
-    cursor:pointer;
-  }
-  .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-card.clickable:focus:before,.v-card.clickable:hover:before{
-    opacity:.125;
-  }
-  .v-card[aria-disabled=true],.v-card[disabled]{
-    pointer-events:none;
+    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-card[aria-disabled=true]:before,.v-card[disabled]:before{
-    content:none;
+  .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-control-field{
     position:relative;
@@ -1345,105 +1199,127 @@
   .v-control-field__adornment .v-icon{
     font-size:1.2em;
   }
-  .v-checkbox{
-    --my-border-color:var(--color);
-    --my-faux-bg-color:transparent;
-  }
-  .v-checkbox--indeterminate,.v-checkbox--selected{
-    --my-border-color:transparent;
-    --my-faux-bg-color:var(--color);
-  }
-  .v-checkbox__faux{
-    display:block;
+  .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%;
-    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-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);
+    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-select__input{
+  .v-list-tile--clickable{
     cursor:pointer;
+    --tile-text-color:var(--nav-color);
+    --tile-text-active-color:var(--navActive-color, var(--nav-color));
   }
-  .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-list-tile--clickable:focus,.v-list-tile--clickable:hover{
+    --tile-background:var(--tile-active-background);
+    --tile-text-color:var(--tile-text-active-color);
   }
-  .v-select__body{
-    padding:.5em 0;
+  .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-select__selections{
-    display:table;
-    width:100%;
-    table-layout:fixed;
+  .v-list-tile__body{
+    font-size:.8125rem;
+    font-weight:500;
+    line-height:1.5;
   }
-  .v-select__selections__inner{
-    display:table-cell;
-    overflow:hidden;
-    text-overflow:ellipsis;
-    vertical-align:middle;
-    white-space:nowrap;
+  .v-list-tile__icon{
+    min-width:2em;
   }
-  .v-select--multiple .v-select__selections{
-    display:block;
+  .v-list-tile__icon--end{
+    margin-left:auto;
+    text-align:right;
   }
-  .v-select--multiple .v-select__selections__inner{
+  .v-option-group{
     display:block;
-    overflow:auto;
-    white-space:unset;
   }
-  .v-select--multiple .v-control-field__body{
-    padding:.2em 0;
+  .v-option-group__label{
+    padding:1em;
+    font-size:.875em;
+    color:var(--palette-caption);
+    opacity:.6;
   }
-  .v-select__placeholder{
-    font-style:italic;
-    color:var(--control-disabled-color);
+  .v-option-group--disabled .v-option-group__label{
+    color:var(--palette-muted);
+    opacity:.4;
   }
-  .v-file-input__inner{
+  .v-card-actions{
     display:flex;
-    align-items:stretch;
+    align-items:center;
+    padding:var(--card-actions-padding);
   }
-  .v-file-input__button{
-    flex:0 0 auto;
-    height:auto;
-    margin:0;
-    margin-bottom:1px !important;
-    border-top-right-radius:0;
-    border-bottom-right-radius:0;
+  .v-card-actions .v-btn{
+    margin-top:0;
+    margin-bottom:0;
   }
-  .v-file-input__selections{
-    display:flex;
-    flex-wrap:wrap;
+  .v-icon{
+    display:inline-flex;
     align-items:center;
-    align-self:stretch;
-    padding:4px 6px;
+    justify-content:center;
+    width:1.25em;
+    aspect-ratio:1/1;
+    user-select:none;
   }
-  .v-file-input__placeholder{
-    color:var(--control-disabled-color);
+  .v-icon--clickable{
+    cursor:pointer;
   }
-  .v-file-input__input{
-    flex:1 1 100%;
+  .v-icon__body{
+    display:inline-flex;
+    align-items:center;
+    justify-content:center;
+    transition:transform .15s linear;
+  }
+  .v-textarea__input{
     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;
-    white-space:nowrap;
-    clip:rect(0 0 0 0);
-    clip-path:inset(100%);
+  .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-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-textarea__input__element::-ms-clear{
+    display:none;
+  }
+  .v-textarea__input__element::placeholder{
+    font-style:italic;
+    color:var(--control-disabled-color);
+  }
+  .v-card-content{
+    padding:var(--card-content-padding);
   }
   .v-option{
     -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
@@ -1518,89 +1394,160 @@
   .v-option[aria-disabled=true]:before,.v-option[disabled]:before,.v-option[tabindex="-1"]:before{
     opacity:0 !important;
   }
-  .v-toolbar-menu{
-    height:100%;
-    margin:0;
-    box-shadow:none;
+  .v-select__input{
+    cursor:pointer;
   }
-  .v-breadcrumbs{
+  .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-select__body{
+    padding:.5em 0;
+  }
+  .v-select__selections{
+    display:table;
+    width:100%;
+    table-layout:fixed;
+  }
+  .v-select__selections__inner{
+    display:table-cell;
+    overflow:hidden;
+    text-overflow:ellipsis;
+    vertical-align:middle;
+    white-space:nowrap;
+  }
+  .v-select--multiple .v-select__selections{
     display:block;
-    margin:1.5em auto;
-    font-size:var(--breadcrumbs-font-size);
   }
-  .v-breadcrumbs__list{
-    display:inline-flex;
-    flex-wrap:wrap;
+  .v-select--multiple .v-select__selections__inner{
+    display:block;
+    overflow:auto;
+    white-space:unset;
+  }
+  .v-select--multiple .v-control-field__body{
+    padding:.2em 0;
+  }
+  .v-select__placeholder{
+    font-style:italic;
+    color:var(--control-disabled-color);
+  }
+  .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;
-    vertical-align:bottom;
+    justify-content:center;
+    width:100%;
+    width:var(--control-switch-width);
+    height:100%;
+    cursor:pointer;
   }
-  .v-breadcrumbs__divider,.v-breadcrumbs__item,.v-breadcrumbs__list{
-    padding:0;
-    margin:0;
-    list-style:none;
+  .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-breadcrumbs__link{
-    display:inline-flex;
+  .v-switch__faux__pin{
+    position:absolute;
+    top:0;
+    bottom:0;
+    left:0;
+    display:flex;
     align-items:center;
-    vertical-align:middle;
-    white-space:nowrap;
-    text-decoration:none;
+    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-breadcrumbs__item--disabled .v-breadcrumbs__link{
-    color:inherit;
-    pointer-events:none;
+  .v-switch__faux__pin:after,.v-switch__faux__pin:before{
+    display:block;
+    content:"";
   }
-  .v-breadcrumbs__icon{
-    margin-right:.2em;
-    font-size:140%;
+  .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-file-input__inner{
+    display:flex;
+    align-items:stretch;
+  }
+  .v-file-input__button{
+    flex:0 0 auto;
+    height:auto;
+    margin:0;
+    margin-bottom:1px !important;
+    border-top-right-radius:0;
+    border-bottom-right-radius:0;
   }
-  .v-breadcrumbs__divider{
-    position:relative;
-    top:1px;
+  .v-file-input__selections{
     display:flex;
+    flex-wrap:wrap;
     align-items:center;
-    justify-content:center;
-    margin:0 1.25em;
+    align-self:stretch;
+    padding:4px 6px;
   }
-  .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__placeholder{
+    color:var(--control-disabled-color);
   }
-  .v-text-field__input{
+  .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{
-    width:100%;
-    min-width:0;
-    padding:0;
-    margin:0;
+  .v-file-input__input__element{
+    position:absolute;
+    width:1px;
+    height:1px;
     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);
+    clip:rect(0 0 0 0);
+    clip-path:inset(100%);
   }
   .v-content-switcher{
     position:relative;
@@ -1655,24 +1602,6 @@
     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;
@@ -1692,188 +1621,181 @@
   .v-toolbar--dense{
     --height:var(--toolbar-dense-height);
   }
-  .v-switch{
-    --my-pin-color:var(--palette-background);
+  .v-toolbar-edge{
+    display:flex;
+    flex:0 0;
+    align-items:center;
+    align-self:stretch;
   }
-  .v-switch--selected{
-    --my-pin-color:var(--color);
+  .v-toolbar-edge--empty,.v-toolbar-edge:empty{
+    display:none;
   }
-  .v-switch__faux{
+  .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-tabs{
     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;
+    height:var(--tabs-height);
+    overflow:hidden;
   }
-  .v-switch__faux__pin{
+  .v-tabs:before{
     position:absolute;
-    top:0;
+    right: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;
+    height:2px;
     content:"";
+    background:currentColor;
+    opacity:.25;
   }
-  .v-switch__faux__pin:before{
-    position:absolute;
+  .v-tabs__scroller{
     width:100%;
-    height:100%;
-    background:currentColor;
-    border-radius:50%;
-    opacity:0;
-    transition:opacity .2s;
+    height:calc(var(--tabs-height) + 30px);
   }
-  .v-switch__faux__pin:after{
+  .v-tabs__scroller__container{
+    padding-bottom:30px;
+  }
+  .v-tabs__content{
     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));
+    display:inline-flex;
+    align-items:stretch;
+    min-width:100%;
+    vertical-align:bottom;
   }
-  .v-switch--selected .v-switch__faux__pin{
-    left:calc(100% - var(--outer-size));
+  .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-switch--disabled .v-switch__faux:before{
-    background-color:#000;
-    opacity:.12;
+  .v-pagination:before{
+    width:var(--pagination-size);
+    margin:var(--pagination-margin);
+    content:none;
   }
-  .v-switch--disabled .v-switch__faux__pin:after{
-    background-color:#f5f5f5;
+  .v-pagination--left{
+    justify-content:flex-start;
   }
-  .v-switch__faux:hover .v-switch__faux__pin:before{
-    opacity:.1;
+  .v-pagination--center{
+    justify-content:center;
   }
-  .v-switch:focus-within .v-switch__faux__pin:before{
-    opacity:.1;
+  .v-pagination--right{
+    justify-content:flex-end;
   }
-  .v-textarea__input{
-    cursor:text;
+  .v-pagination a.v-pagination__item,.v-pagination__item{
+    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
   }
-  .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;
+  .v-pagination a.v-pagination__item::-moz-focus-inner,.v-pagination__item::-moz-focus-inner{
     border:0;
-    border-radius:0;
   }
-  .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-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-textarea__input__element::-ms-clear{
-    display:none;
+  .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-textarea__input__element::placeholder{
-    font-style:italic;
-    color:var(--control-disabled-color);
+  .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-busy-image{
-    position:relative;
-    display:inline-block;
-    max-width:100%;
-    vertical-align:bottom;
+  .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-busy-image--clickable{
-    cursor:pointer;
+  .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-busy-image--cover{
-    background-repeat:no-repeat;
-    background-position:50%;
-    background-size:cover;
+  .v-pagination--disabled .v-pagination__item{
+    color:var(--palette-muted);
+    pointer-events:none;
   }
-  .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-pagination--disabled .v-pagination__item:focus,.v-pagination--disabled .v-pagination__item:hover{
+    background:transparent;
   }
-  .v-busy-image__node{
-    position:relative;
-    display:inline-block;
-    max-width:100%;
-    vertical-align:bottom;
+  .v-pagination--disabled .v-pagination__item--active{
+    background:var(--palette-muted);
   }
-  .v-busy-image__slot{
-    position:absolute;
-    top:0;
-    left:0;
-    width:100%;
-    height:100%;
-    pointer-events:none;
+  .v-card{
+    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
   }
-  @keyframes v-tiny-image-blink{
-    0%{
-      opacity:1;
-    }
-    50%{
-      opacity:0;
-    }
-    to{
-      opacity:1;
-    }
+  .v-card::-moz-focus-inner{
+    border:0;
   }
-  .v-tabs{
+  .v-card{
     position:relative;
     width:100%;
-    height:var(--tabs-height);
-    overflow:hidden;
+    padding:0;
+    text-align:left;
+    appearance:none;
+    touch-action:manipulation;
+    user-select:none;
+    outline:0;
+    border:0;
   }
-  .v-tabs:before{
+  .v-card,.v-card:focus,.v-card:hover{
+    text-decoration:none;
+  }
+  .v-card.clickable{
+    cursor:pointer;
+  }
+  .v-card.clickable:before{
     position:absolute;
-    right:0;
-    bottom:0;
-    left:0;
-    display:block;
-    height:2px;
+    inset:0;
     content:"";
     background:currentColor;
-    opacity:.25;
+    border-radius:inherit;
+    opacity:0;
+    transition:.3s cubic-bezier(.25, .8, .5, 1);
   }
-  .v-tabs__scroller{
-    width:100%;
-    height:calc(var(--tabs-height) + 30px);
+  .v-card.clickable:focus:before,.v-card.clickable:hover:before{
+    opacity:.125;
   }
-  .v-tabs__scroller__container{
-    padding-bottom:30px;
+  .v-card[aria-disabled=true],.v-card[disabled]{
+    pointer-events:none;
   }
-  .v-tabs__content{
-    position:relative;
-    display:inline-flex;
-    align-items:stretch;
-    min-width:100%;
-    vertical-align:bottom;
+  .v-card[aria-disabled=true]:before,.v-card[disabled]:before{
+    content:none;
   }
   .v-data-table{
     --controls-vertial-margin:0.625em;
@@ -2005,79 +1927,83 @@
     top:0;
     z-index:1;
   }
-  .v-tab{
+  .v-text-counter{
+    white-space:nowrap;
+  }
+  .v-avatar{
     -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
   }
-  .v-tab::-moz-focus-inner{
+  .v-avatar::-moz-focus-inner{
     border:0;
   }
-  .v-tab{
+  .v-avatar{
     padding:0;
     appearance:none;
     touch-action:manipulation;
     cursor:pointer;
+    user-select:none;
     outline:0;
     border-width:0;
   }
-  .v-tab,.v-tab:focus,.v-tab:hover{
+  .v-avatar,.v-avatar:focus,.v-avatar: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;
-    z-index:3;
-    display:flex;
+  .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;
-    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;
+    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-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-avatar--clickable{
+    cursor:pointer;
   }
-  .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-avatar--sm{
+    --avatar-size:36px;
+    --avatar-font-size:calc(var(--avatar-base-font-size)*0.75);
   }
-  .v-tab__icon{
-    margin-right:8px;
-    font-size:120%;
+  .v-avatar--md{
+    --avatar-size:48px;
   }
-  .v-tab:hover{
-    --tab-content-color:var(--tab-content-focus-color);
+  .v-avatar--lg{
+    --avatar-size:62px;
+    --avatar-font-size:calc(var(--avatar-base-font-size)*1.25);
   }
-  .v-tab--active{
-    --tab-content-color:rgba(0,0,0,.87);
-    pointer-events:none;
-    background:var(--tabs-color);
-    --tab-content-opacity:1;
+  .v-avatar--rounded{
+    --avatar-radius:4px;
   }
-  .v-tab--active:before{
-    transform:scaleX(1);
+  .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-toolbar-menu{
+    height:100%;
+    margin:0;
+    box-shadow:none;
   }
   .v-checkable{
     --outer-size:var(--control-checkable-outer-size);
@@ -2123,47 +2049,209 @@
   }
   .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));
+    display:block;
+    width:var(--icon-size);
+    height:var(--icon-size);
+    pointer-events:none;
+    transform:scale(var(--control-checkable-faux-scale));
+  }
+  .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-checkable__faux:hover:before{
+    opacity:.1;
+  }
+  .v-checkable--custom-icon .v-checkable__faux{
+    flex-basis:auto;
+    width:auto;
+  }
+  .v-checkable--custom-icon .v-checkable__faux:before{
+    content:none;
+  }
+  .v-checkable:focus-within .v-checkable__faux:before{
+    opacity:.2;
+  }
+  .v-checkable__label{
+    line-height:1.5;
+  }
+  .v-checkable--disabled .v-checkable__label{
+    color:var(--color);
+  }
+  .v-tab{
+    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
+  }
+  .v-tab::-moz-focus-inner{
+    border:0;
+  }
+  .v-tab{
+    padding:0;
+    appearance:none;
+    touch-action:manipulation;
+    cursor:pointer;
+    outline:0;
+    border-width:0;
+  }
+  .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;
+    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-checkable__faux:before{
+  .v-tab:before{
     position:absolute;
-    inset:0;
-    display:block;
-    pointer-events:none;
+    right:0;
+    bottom:0;
+    left:0;
+    z-index:1;
+    height:2px;
     content:"";
-    background:currentColor;
-    border-radius:50%;
-    opacity:0;
-    transition:opacity .2s;
-  }
-  .v-checkable__faux:hover:before{
-    opacity:.1;
+    background-color:var(--tab-content-focus-color);
+    border-radius:inherit;
+    transform:scaleX(0);
+    transition:all .25s;
   }
-  .v-checkable--custom-icon .v-checkable__faux{
-    flex-basis:auto;
-    width:auto;
+  .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-checkable--custom-icon .v-checkable__faux:before{
-    content:none;
+  .v-tab__icon{
+    margin-right:8px;
+    font-size:120%;
   }
-  .v-checkable:focus-within .v-checkable__faux:before{
-    opacity:.2;
+  .v-tab:hover{
+    --tab-content-color:var(--tab-content-focus-color);
   }
-  .v-checkable__label{
-    line-height:1.5;
+  .v-tab--active{
+    --tab-content-color:rgba(0,0,0,.87);
+    pointer-events:none;
+    background:var(--tabs-color);
+    --tab-content-opacity:1;
   }
-  .v-checkable--disabled .v-checkable__label{
-    color:var(--color);
+  .v-tab--active:before{
+    transform:scaleX(1);
   }
   @media screen and (width >= 320px){
     .v-data-table__controls__pagination{
       flex:0 0 50%;
       width:50%;
     }}
+}.v-menu{
+  border-radius:2px;
+  box-shadow:var(--menu-shadow);
+}.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-sizing:border-box;
+  display:flex;
+  flex-direction:column;
+  width:var(--v-sheet-modal-width);
+  max-width:var(--v-sheet-modal-max-width);
+  padding:0;
+  outline:0;
+  box-shadow:var(--dialog-shadow);
+  transition:transform var(--v-stack-transition-slowly);
+}
+
+.v-sheet-modal__header{
+  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;
+  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));
+}.v-dialog{
+  position:relative;
+  display:inline-block;
+  min-width:280px;
+  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{
+  box-sizing:border-box;
+  display:flex;
+  align-items:center;
+  justify-content:flex-end;
+  padding:8px;
+}
+
+.v-dialog--dense .v-dialog__actions{
+  padding-top:0;
 }@layer vui-normalize, vui-color-scheme, vue-disabled-reason, vue-loading, vue-app-layout, vui;
 @layer vui-normalize{
   /*!
@@ -2296,99 +2384,6 @@
   button{
     background-color:transparent;
   }
-}.v-dialog{
-  position:relative;
-  display:inline-block;
-  min-width:280px;
-  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{
-  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-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-sizing:border-box;
-  display:flex;
-  flex-direction:column;
-  width:var(--v-sheet-modal-width);
-  max-width:var(--v-sheet-modal-max-width);
-  padding:0;
-  outline:0;
-  box-shadow:var(--dialog-shadow);
-  transition:transform var(--v-stack-transition-slowly);
-}
-
-.v-sheet-modal__header{
-  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;
-  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%);
-  }
-}.v-menu{
-  border-radius:2px;
-  box-shadow:var(--menu-shadow);
 }.v-snackbar{
   font-size:14px;
   box-shadow:var(--snackbar-shadow);
@@ -2437,3 +2432,8 @@
   display:inline-block;
   padding:var(--tooltip-padding);
 }
+@keyframes v-skelton-loader-bone-loading{
+  to{
+    transform:translateX(100%);
+  }
+}