@fastkit/vui 1.5.1 → 1.5.3

package/dist/vui.css

@@ -1,16 +1,11 @@
 @layer vui-normalize, vui-color-scheme, vue-disabled-reason, vue-loading, vue-app-layout, vui;
-
 @layer vui-normalize{
-  /*!
-   * Forked from
-   * normalize.css v8.0.1 | MIT License | https://github.com/necolas/normalize.css
-   */
   *,:after,:before{
     box-sizing:border-box;
   }
   html{
-    line-height:1.15;
     -webkit-text-size-adjust:100%;
+    line-height:1.15;
   }
   body{
     margin:0;
@@ -27,32 +22,32 @@
     overflow:visible;
   }
   pre{
-    font-family:monospace,monospace;
+    font-family:monospace;
     font-size:1em;
   }
   a{
     background-color:transparent;
   }
   abbr[title]{
-    text-decoration:underline;
-    text-decoration:underline dotted;
     border-bottom:none;
+    -webkit-text-decoration:underline dotted;
+    text-decoration:underline dotted;
   }
   b,strong{
     font-weight:bolder;
   }
   code,kbd,samp{
-    font-family:monospace,monospace;
+    font-family:monospace;
     font-size:1em;
   }
   small{
     font-size:80%;
   }
   sub,sup{
-    position:relative;
+    vertical-align:baseline;
     font-size:75%;
     line-height:0;
-    vertical-align:baseline;
+    position:relative;
   }
   sub{
     bottom:-.25em;
@@ -64,11 +59,11 @@
     border-style:none;
   }
   button,input,optgroup,select,textarea{
+    color:inherit;
     margin:0;
     font-family:inherit;
     font-size:100%;
     line-height:1.15;
-    color:inherit;
   }
   button,input{
     overflow:visible;
@@ -79,22 +74,29 @@
   [type=button],[type=reset],[type=submit],button{
     -webkit-appearance:button;
   }
-  [type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
+  [type=button]::-moz-focus-inner,button::-moz-focus-inner{
+    border-style:none;
     padding:0;
+  }
+  [type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{
     border-style:none;
+    padding:0;
   }
-  [type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{
-    outline:1px dotted ButtonText;
+  [type=button]:-moz-focusring,button:-moz-focusring{
+    outline:1px dotted buttontext;
+  }
+  [type=reset]:-moz-focusring,[type=submit]:-moz-focusring{
+    outline:1px dotted buttontext;
   }
   fieldset{
     padding:.35em .75em .625em;
   }
   legend{
-    display:table;
     max-width:100%;
-    padding:0;
     color:inherit;
     white-space:normal;
+    padding:0;
+    display:table;
   }
   progress{
     vertical-align:baseline;
@@ -136,15 +138,15 @@
   :root{
     --root-em:16px;
     --root-spacing:8px;
-    --transition-fast-out-slow-in:cubic-bezier(0.4, 0, 0.2, 1);
-    --transition-linear-out-slow-in:cubic-bezier(0, 0, 0.2, 1);
-    --transition-fast-out-linear-in:cubic-bezier(0.4, 0, 1, 1);
-    --transition-ease-in-out:cubic-bezier(0.4, 0, 0.6, 1);
-    --transition-fast-in-fast-out:cubic-bezier(0.25, 0.8, 0.25, 1);
-    --transition-swing:cubic-bezier(0.25, 0.8, 0.5, 1);
+    --transition-fast-out-slow-in:cubic-bezier(.4, 0, .2, 1);
+    --transition-linear-out-slow-in:cubic-bezier(0, 0, .2, 1);
+    --transition-fast-out-linear-in:cubic-bezier(.4, 0, 1, 1);
+    --transition-ease-in-out:cubic-bezier(.4, 0, .6, 1);
+    --transition-fast-in-fast-out:cubic-bezier(.25, .8, .25, 1);
+    --transition-swing:cubic-bezier(.25, .8, .5, 1);
     --transition-primary:var(--transition-swing);
-    --transition-tab:0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
-    --transition-fade:0.2s;
+    --transition-tab:.3s cubic-bezier(.25, .8, .5, 1);
+    --transition-fade:.2s;
     --typo-fallback-font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
     --type-emoji-font:"Apple Color Emoji", "Segoe UI Emoji";
     --typo-font:var(--typo-base-font), var(--typo-fallback-font), var(--type-emoji-font);
@@ -156,7 +158,7 @@
     --typo-h1-family:inherit;
     --typo-h1-size:2.5rem;
     --typo-h1-weight:500;
-    --typo-h1-height:1.2222222222222223;
+    --typo-h1-height:1.22222;
     --typo-h1-spacing:0em;
     --typo-h1-margin:16px 0;
     --typo-h1-color:var(--palette-heading);
@@ -182,14 +184,14 @@
     --typo-h4-margin:10px 0 16px;
     --typo-h4-color:var(--palette-heading);
     --typo-h5-family:inherit;
-    --typo-h5-size:0.875rem;
+    --typo-h5-size:.875rem;
     --typo-h5-weight:400;
     --typo-h5-height:1.57;
     --typo-h5-spacing:0em;
     --typo-h5-margin:10px 0 16px;
     --typo-h5-color:var(--palette-heading);
     --typo-h6-family:inherit;
-    --typo-h6-size:0.67rem;
+    --typo-h6-size:.67rem;
     --typo-h6-weight:400;
     --typo-h6-height:1.5;
     --typo-h6-spacing:0em;
@@ -199,14 +201,14 @@
     --typo-subtitle1-size:1rem;
     --typo-subtitle1-weight:400;
     --typo-subtitle1-height:1.75;
-    --typo-subtitle1-spacing:0.00938em;
+    --typo-subtitle1-spacing:.00938em;
     --typo-subtitle2-family:inherit;
-    --typo-subtitle2-size:0.875rem;
+    --typo-subtitle2-size:.875rem;
     --typo-subtitle2-weight:500;
     --typo-subtitle2-height:1.57;
-    --typo-subtitle2-spacing:0.00714em;
+    --typo-subtitle2-spacing:.00714em;
     --typo-sm-size:calc(var(--root-em)*0.875);
-    --chip-padding:0.875em;
+    --chip-padding:.875em;
     --chip-font-weight:var(--typo-base-weight);
     --chip-height-xs:16px;
     --chip-font-size-xs:10px;
@@ -218,45 +220,45 @@
     --chip-font-size-lg:16px;
     --chip-height-xl:66px;
     --chip-font-size-xl:18px;
-    --control-field-rem-sm:0.875rem;
+    --control-field-rem-sm:.875rem;
     --control-field-rem-md:1rem;
     --control-field-rem-lg:1.125rem;
-    --control-disabled-color:rgba(0,0,0,.38);
-    --control-horizontal-margin:0.5em;
+    --control-disabled-color:#00000061;
+    --control-horizontal-margin:.5em;
     --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: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);
+    --control-field-fill-color:#0000000f;
+    --control-field-fill-hover-color:#00000017;
+    --control-field-outline-color:#726a6a3b;
+    --control-field-outline-hover-color:#000000de;
+    --control-field-bottom-color:#0000006b;
+    --control-field-bottom-hover-color:#000000de;
     --control-field-height:2.25em;
     --control-field-line-height:1.4375em;
-    --control-field-letter-spacing:0.00938em;
-    --control-label-color:rgba(0,0,0,.6);
+    --control-field-letter-spacing:.00938em;
+    --control-label-color:#0009;
     --control-label-font-weight:500;
-    --control-label-font-size:0.75em;
+    --control-label-font-size:.75em;
     --control-label-height:1.4375em;
-    --control-message-color:rgba(0,0,0,.6);
-    --control-message-font-size:0.75em;
+    --control-message-color:#0009;
+    --control-message-font-size:.75em;
     --control-message-horizontal-margin:calc(var(--root-spacing)*0.5);
     --control-checkable-outer-size:2em;
     --control-checkable-icon-size:1em;
     --control-checkable-faux-scale:1.2;
-    --control-checkable-faux-margin:0.2em;
-    --control-checkable-base-color:rgba(0,0,0,.6);
+    --control-checkable-faux-margin:.2em;
+    --control-checkable-base-color:#0009;
     --control-switch-width:3.625em;
     --control-switch-track-width:2.125em;
-    --control-switch-track-height:0.875em;
+    --control-switch-track-height:.875em;
     --wysiwyg-min-height-sm:3em;
     --wysiwyg-min-height-md:6em;
     --wysiwyg-min-height-lg:9em;
     --wysiwyg-max-height-sm:9em;
     --wysiwyg-max-height-md:13em;
     --wysiwyg-max-height-lg:16em;
-    --shadow-key-umbra-opacity:rgba(0,0,0,.2);
-    --shadow-key-penumbra-opacity:rgba(0,0,0,.14);
-    --shadow-key-ambient-opacity:rgba(0,0,0,.12);
+    --shadow-key-umbra-opacity:#0003;
+    --shadow-key-penumbra-opacity:#00000024;
+    --shadow-key-ambient-opacity:#0000001f;
     --shadow-key-umbra-0:0px 0px 0px 0px var(--shadow-key-umbra-opacity);
     --shadow-key-umbra-1:0px 2px 1px -1px var(--shadow-key-umbra-opacity);
     --shadow-key-umbra-2:0px 3px 1px -2px var(--shadow-key-umbra-opacity);
@@ -335,7 +337,7 @@
     --toolbar-height:var(--v-app-layout-vertial-fixed-height);
     --toolbar-dense-height:calc(var(--toolbar-height)*0.8);
     --card-content-padding:1rem;
-    --card-actions-padding:0.5rem;
+    --card-actions-padding:.5rem;
     --pagination-item-radius:2px;
     --pagination-item-font-size:var(--root-em);
     --pagination-item-size:calc(var(--root-em)*2);
@@ -358,15 +360,15 @@
     --tabs-font-size:calc(var(--root-em)*0.875);
     --breadcrumbs-font-size:var(--typo-sm-size);
     --list-tile-padding:calc(var(--root-em)*0.625);
-    --snackbar-shadow:0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12);
-    --dialog-shadow:0 11px 15px -7px rgba(0,0,0,.2), 0 24px 38px 3px rgba(0,0,0,.14), 0 9px 46px 8px rgba(0,0,0,.12);
-    --menu-shadow:0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12);
-    --tooltip-background:rgba(35,47,52,.9);
+    --snackbar-shadow:0 3px 5px -1px #0003, 0 6px 10px 0 #00000024, 0 1px 18px 0 #0000001f;
+    --dialog-shadow:0 11px 15px -7px #0003, 0 24px 38px 3px #00000024, 0 9px 46px 8px #0000001f;
+    --menu-shadow:0 5px 5px -3px #0003, 0 8px 10px 1px #00000024, 0 3px 14px 2px #0000001f;
+    --tooltip-background:#232f34e6;
     --tooltip-color:#fff;
     --tooltip-radius:4px;
     --tooltip-padding:5px 16px;
     --tooltip-font-size:calc(var(--root-em)*0.875);
-    --tooltip-shadow:0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
+    --tooltip-shadow:0 3px 1px -2px #0003, 0 2px 2px 0 #00000024, 0 1px 5px 0 #0000001f;
   }
   :root,[lang=en]{
     --typo-base-font:Roboto, "Noto Sans";
@@ -384,9 +386,11 @@
     --typo-base-font:Roboto, "Noto Sans SC";
   }
   html{
+    -webkit-text-size-adjust:100%;
+    -moz-text-size-adjust:100%;
     text-size-adjust:100%;
     font-size:var(--root-em);
-    text-rendering:optimizeLegibility;
+    text-rendering:optimizelegibility;
     -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
   }
   body{
@@ -532,30 +536,30 @@
     font-family:monospace;
   }
   code{
+    color:rgba(0,0,0,.871);
+    background-color:rgba(0,0,0,.051);
+    border-radius:3px;
     padding:.2em .4em;
     font-size:85%;
     font-weight:400;
-    color:rgba(0,0,0,.87);
-    background-color:rgba(0,0,0,.05);
-    border-radius:3px;
   }
   table{
-    display:table;
     max-width:100%;
     margin:var(--table-vertical-margin) 0;
     font-size:var(--table-font-size);
     border-collapse:collapse;
     border:0;
     border-radius:0;
+    display:table;
   }
   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);
     text-align:center;
+    padding:0;
+    display:table-caption;
   }
   td,th{
     height:var(--table-cell-height);
@@ -598,28 +602,28 @@
     display:block;
   }
   .v-form-selector__placeholder{
-    display:flex;
+    opacity:.5;
     align-items:center;
     margin-top:8px;
     font-style:italic;
-    opacity:.5;
+    display:flex;
   }
   .v-form-selector__placeholder--error{
     color:var(--main-color);
     opacity:1;
   }
   .v-form-selector--stacked .v-form-selector__body{
-    display:flex;
     flex-direction:column;
     align-items:flex-start;
+    display:flex;
   }
   .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);
+    flex-direction:column;
+    display:flex;
   }
   .v-form-control--invalid:not(.v-form-control--readonly){
     --my-label-color:var(--main-color);
@@ -630,33 +634,33 @@
     --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;
+    align-self:flex-start;
+    align-items:center;
+    display:flex;
   }
   .v-form-control__label__hinttip{
-    display:inline-flex;
+    color:inherit;
+    letter-spacing:normal;
+    cursor:pointer;
     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;
+    display:inline-flex;
   }
   .v-form-control__label__hinttip__icon{
-    position:relative;
-    display:flex;
-    align-items:center;
     justify-content:center;
+    align-items:center;
     font-size:120%;
+    display:flex;
+    position:relative;
     text-decoration:none !important;
   }
   .v-form-control__label__hinttip:focus .v-form-control__label__hinttip__icon:before,.v-form-control__label__hinttip:hover .v-form-control__label__hinttip__icon:before{
@@ -666,57 +670,58 @@
     font-size:calc(var(--root-em)*.75);
   }
   .v-form-control__info{
-    display:flex;
     padding-top:3px;
+    display:flex;
   }
   .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);
+    line-height:1.66;
   }
   .v-form-control__message{
     flex:1 0;
   }
   .v-form-control__appends{
-    flex:0 1;
+    flex:0;
     margin-left:auto;
   }
   .v-icon{
-    display:inline-flex;
-    align-items:center;
+    aspect-ratio:1;
+    -webkit-user-select:none;
+    user-select:none;
     justify-content:center;
+    align-items:center;
     width:1.25em;
-    aspect-ratio:1/1;
-    user-select:none;
+    display:inline-flex;
   }
   .v-icon--clickable{
     cursor:pointer;
   }
   .v-icon__body{
-    display:inline-flex;
-    align-items:center;
     justify-content:center;
+    align-items:center;
     transition:transform .15s linear;
+    display:inline-flex;
   }
   .v-skelton-loader-bone{
-    position:relative;
-    overflow:hidden;
     cursor:progress;
-    background:rgba(0,0,0,.12);
     border-radius:inherit;
+    background:rgba(0,0,0,.122);
+    position:relative;
+    overflow:hidden;
   }
   .v-skelton-loader-bone:after{
+    z-index:1;
+    content:"";
+    background:linear-gradient(90deg, hsla(0,0%,100%,0), hsla(0,0%,100%,.302), hsla(0,0%,100%,0));
+    height:100%;
+    animation:v-skelton-loader-bone-loading 1.5s infinite;
     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));
+    right:0;
     transform:translateX(-100%);
-    animation:v-skelton-loader-bone-loading 1.5s infinite;
   }
   .v-disabled-reason{
     -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
@@ -725,52 +730,52 @@
     border:0;
   }
   .v-disabled-reason{
-    position:absolute;
-    inset:0;
     z-index:10;
-    display:block;
     pointer-events:none;
     cursor:default;
     border-radius:inherit;
+    display:block;
+    position:absolute;
+    inset:0;
   }
   .v-disabled-reason[tabindex]:not([tabindex^="-"]){
     pointer-events:auto;
   }
   .v-busy-image{
-    position:relative;
-    display:inline-block;
-    max-width:100%;
     vertical-align:bottom;
+    max-width:100%;
+    display:inline-block;
+    position:relative;
   }
   .v-busy-image--clickable{
     cursor:pointer;
   }
   .v-busy-image--cover{
-    background-repeat:no-repeat;
     background-position:50%;
+    background-repeat:no-repeat;
     background-size:cover;
   }
   .v-busy-image--loading:before{
+    content:"";
+    background:rgba(0,0,0,.102);
+    animation:v-tiny-image-blink 1.5s ease-in-out infinite;
+    display:block;
     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;
+    max-width:100%;
+    display:inline-block;
+    position:relative;
   }
   .v-busy-image__slot{
+    pointer-events:none;
+    width:100%;
+    height:100%;
     position:absolute;
     top:0;
     left:0;
-    width:100%;
-    height:100%;
-    pointer-events:none;
   }
   @keyframes v-tiny-image-blink{
     0%{
@@ -787,15 +792,15 @@
     display:block;
   }
   .v-grid-container{
-    display:flex;
     flex-wrap:wrap;
+    display:flex;
   }
   .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);
+    display:block;
   }
   .v-paper--plain{
     --paper-background--color:var(--palette-background);
@@ -808,8 +813,8 @@
     --paper-link-color:var(--nav-color);
   }
   .v-paper__inner{
-    position:relative;
     border-radius:inherit;
+    position:relative;
   }
   .v-paper--square{
     --paper-radius:0px;
@@ -829,13 +834,14 @@
     border:0;
   }
   .v-avatar{
-    padding:0;
     appearance:none;
     touch-action:manipulation;
     cursor:pointer;
+    -webkit-user-select:none;
     user-select:none;
-    outline:0;
     border-width:0;
+    outline:0;
+    padding:0;
   }
   .v-avatar,.v-avatar:focus,.v-avatar:hover{
     text-decoration:none;
@@ -845,25 +851,25 @@
     --avatar-font-weight:var(--typo-medium-weight);
     --avatar-base-font-size:var(--typo-base-size);
     --avatar-font-size:var(--avatar-base-font-size);
-    display:inline-flex;
     flex-basis:var(--avatar-size);
-    align-items:center;
-    justify-content:center;
     width:var(--avatar-size);
     min-width:var(--avatar-size);
     height:var(--avatar-size);
-    overflow:hidden;
     font-size:var(--avatar-font-size);
     font-weight:var(--avatar-font-weight);
-    line-height:1;
     vertical-align:bottom;
     text-align:center;
     cursor:default;
+    border-radius:var(--avatar-radius);
     border-style:solid;
     border-width:1px;
-    border-radius:var(--avatar-radius);
-    --shadow-color:transparent !important;
-    --focusShadow-color:transparent !important;
+    justify-content:center;
+    align-items:center;
+    line-height:1;
+    display:inline-flex;
+    overflow:hidden;
+    --shadow-color:#0000 !important;
+    --focusShadow-color:#0000 !important;
   }
   .v-avatar--clickable{
     cursor:pointer;
@@ -886,11 +892,11 @@
     --avatar-radius:0;
   }
   .v-avatar img,.v-avatar__image{
+    object-fit:cover;
+    border-radius:inherit;
     display:inline-flex;
     width:inherit !important;
     height:inherit !important;
-    object-fit:cover;
-    border-radius:inherit;
   }
   .v-chip{
     -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
@@ -899,37 +905,38 @@
     border:0;
   }
   .v-chip{
-    padding:0;
     appearance:none;
     touch-action:manipulation;
     cursor:pointer;
+    -webkit-user-select:none;
     user-select:none;
-    outline:0;
     border-width:0;
+    outline:0;
+    padding:0;
   }
   .v-chip,.v-chip:focus,.v-chip:hover{
     text-decoration:none;
   }
   .v-chip{
     --chip-radius:calc(var(--chip-height)/2);
-    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);
-    line-height:1;
     vertical-align:bottom;
     text-align:center;
     white-space:nowrap;
     cursor:default;
+    border-radius:var(--chip-radius);
     border-style:solid;
     border-width:1px;
-    border-radius:var(--chip-radius);
-    --shadow-color:transparent !important;
-    --focusShadow-color:transparent !important;
+    justify-content:center;
+    align-items:center;
+    line-height:1;
+    display:inline-flex;
+    overflow:hidden;
+    --shadow-color:#0000 !important;
+    --focusShadow-color:#0000 !important;
   }
   .v-chip--clickable{
     cursor:pointer;
@@ -975,15 +982,16 @@
     border:0;
   }
   .v-card{
-    position:relative;
-    width:100%;
-    padding:0;
     text-align:left;
     appearance:none;
     touch-action:manipulation;
+    -webkit-user-select:none;
     user-select:none;
-    outline:0;
     border:0;
+    outline:0;
+    width:100%;
+    padding:0;
+    position:relative;
   }
   .v-card,.v-card:focus,.v-card:hover{
     text-decoration:none;
@@ -992,13 +1000,13 @@
     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);
+    background:currentColor;
+    transition:all .3s cubic-bezier(.25, .8, .5, 1);
+    position:absolute;
+    inset:0;
   }
   .v-card.clickable:focus:before,.v-card.clickable:hover:before{
     opacity:.125;
@@ -1013,9 +1021,9 @@
     padding:var(--card-content-padding);
   }
   .v-card-actions{
-    display:flex;
-    align-items:center;
     padding:var(--card-actions-padding);
+    align-items:center;
+    display:flex;
   }
   .v-card-actions .v-btn{
     margin-top:0;
@@ -1023,33 +1031,34 @@
   }
   .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;
+    --height:2.57143em;
+    --icon-margin:.6em;
     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;
+    letter-spacing:.0892857em;
     appearance:none;
     cursor:pointer;
+    -webkit-user-select:none;
     user-select:none;
-    outline:0;
+    border-radius:var(--control-field-radius);
     border-style:solid;
     border-width:1px;
-    border-radius:var(--control-field-radius);
-    transition:.3s cubic-bezier(.25, .8, .5, 1),color 1ms;
+    outline:0;
+    flex:none;
+    justify-content:center;
+    align-items:center;
+    font-weight:500;
+    line-height:1;
+    text-decoration:none;
+    transition:all .3s cubic-bezier(.25, .8, .5, 1),color 1ms;
+    display:inline-flex;
+    position:relative;
+    overflow:hidden;
   }
   .v-button--align-left{
     justify-content:flex-start;
@@ -1074,16 +1083,16 @@
   }
   .v-button--rounded{
     --padding:0;
+    aspect-ratio:1;
     min-width:0;
-    aspect-ratio:1/1;
     margin:calc(var(--root-em)*.125);
-    border-radius:50%;
     --height:auto;
+    border-radius:50%;
   }
   .v-button--icon{
-    min-width:1.9285714286em;
+    min-width:1.92857em;
     margin:calc(var(--root-em)*.125);
-    --height:1.9285714286em;
+    --height:1.92857em;
     --padding:0em;
   }
   .v-button::-moz-focus-inner{
@@ -1099,11 +1108,11 @@
     margin-right:auto;
   }
   .v-button__content{
-    display:flex;
-    align-items:center;
+    pointer-events:none;
     justify-content:center;
     justify-self:stretch;
-    pointer-events:none;
+    align-items:center;
+    display:flex;
   }
   .v-button--loading .v-button__content{
     opacity:0;
@@ -1115,19 +1124,19 @@
     margin-left:var(--icon-margin);
   }
   .v-button__loading{
+    z-index:1;
     position:absolute;
     top:50%;
     left:50%;
-    z-index:1;
     transform:translate(-50%, -50%);
   }
   .v-button-group{
-    display:inline-flex;
     align-items:stretch;
+    display:inline-flex;
   }
   .v-button-group__item{
-    position:relative;
     margin:0;
+    position:relative;
   }
   .v-button-group__item--has-left{
     border-top-left-radius:0;
@@ -1145,11 +1154,11 @@
     --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;
+    display:flex;
+    overflow:hidden;
   }
   .v-pagination:before{
     width:var(--pagination-size);
@@ -1172,31 +1181,32 @@
     border:0;
   }
   .v-pagination a.v-pagination__item,.v-pagination__item{
-    padding:0;
     appearance:none;
     touch-action:manipulation;
     cursor:pointer;
+    -webkit-user-select:none;
     user-select:none;
-    outline:0;
     border-width:0;
+    outline:0;
+    padding:0;
   }
   .v-pagination a.v-pagination__item,.v-pagination a.v-pagination__item:focus,.v-pagination a.v-pagination__item:hover,.v-pagination__item,.v-pagination__item:focus,.v-pagination__item:hover{
     text-decoration:none;
   }
   .v-pagination a.v-pagination__item,.v-pagination__item{
-    display:flex;
-    align-items:center;
-    justify-content:center;
     min-width:var(--pagination-size);
     height:var(--pagination-size);
     margin:calc(var(--pagination-margin)*.5);
     font-size:var(--pagination-font-size);
     color:inherit;
     border-radius:var(--pagination-radius);
-    transition:.1s;
+    justify-content:center;
+    align-items:center;
+    transition:all .1s;
+    display:flex;
   }
   .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);
+    background:rgba(0,0,0,.102);
   }
   .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);
@@ -1206,7 +1216,7 @@
   .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;
+    background:none !important;
   }
   .v-pagination a.v-pagination__item .v-icon,.v-pagination__item .v-icon{
     font-size:125%;
@@ -1221,7 +1231,7 @@
     pointer-events:none;
   }
   .v-pagination--disabled .v-pagination__item:focus,.v-pagination--disabled .v-pagination__item:hover{
-    background:transparent;
+    background:none;
   }
   .v-pagination--disabled .v-pagination__item--active{
     background:var(--palette-muted);
@@ -1234,22 +1244,23 @@
     --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;
+    -webkit-user-select: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;
+    outline:0;
+    align-items:center;
+    text-decoration:none;
+    transition:color .15s cubic-bezier(.4, 0, .2, 1),background-color .15s cubic-bezier(.4, 0, .2, 1);
+    display:flex;
+    color:var(--tile-text-color) !important;
   }
   .v-list-tile--clickable{
     cursor:pointer;
@@ -1274,59 +1285,59 @@
     min-width:2em;
   }
   .v-list-tile__icon--end{
-    margin-left:auto;
     text-align:right;
+    margin-left:auto;
   }
   .v-drawer-layout{
-    display:block;
     width:100%;
     height:100%;
+    display:block;
   }
   .v-drawer-layout__inner{
-    display:flex;
     flex-direction:column;
     align-items:stretch;
     width:100%;
     height:100%;
+    display:flex;
   }
   .v-drawer-layout__header{
-    display:flex;
     flex:0 0 var(--val-topToolbar-height);
-    align-items:center;
-    justify-content:center;
     height:var(--val-topToolbar-height);
+    justify-content:center;
+    align-items:center;
+    display:flex;
   }
   .v-drawer-layout__body{
-    flex:1 1 100%;
-    overflow:auto;
     -webkit-overflow-scrolling:touch;
+    flex:100%;
+    overflow:auto;
   }
   .v-drawer-layout__footer{
-    flex:0 0 auto;
+    flex:none;
     margin-top:auto;
   }
   .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-hero__title{
-    flex:1 1 100%;
+    align-items:center;
+    margin:0;
+    padding:20px 30px;
+    display:flex;
+  }
+  .v-hero__title{
+    color:inherit;
+    flex:100%;
     margin:0;
     font-size:1.75rem;
     font-weight:300;
     line-height:1;
-    color:inherit;
   }
   .v-hero__adornment{
-    flex:0 0 auto;
-    padding-left:10px;
+    flex:none;
     margin-left:auto;
+    padding-left:10px;
   }
   .v-navigation-item--opened{
     --tile-background:var(--tile-active-background);
@@ -1348,22 +1359,18 @@
     --depth-padding:calc(var(--list-tile-padding)*4);
   }
   .v-navigation__caption{
-    display:block;
     padding:calc(var(--root-em)*.625) calc(var(--root-em)*1.5625);
-    margin:1em 0 0;
-    font-size:.75rem;
     color:var(--caption-color);
     text-transform:uppercase;
+    margin:1em 0 0;
+    font-size:.75rem;
+    display:block;
   }
   .v-control-field{
-    position:relative;
-    display:inline-flex;
-    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);
@@ -1374,6 +1381,10 @@
     --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);
+    align-items:center;
+    padding:0 8px;
+    display:inline-flex;
+    position:relative;
   }
   .v-control-field--invalid:not(.v-control-field--disabled):not(.v-control-field--readonly){
     --my-bottom-color:var(--main-color);
@@ -1387,26 +1398,27 @@
   .v-control-field--disabled{
     color:var(--control-disabled-color);
     pointer-events:none;
+    -webkit-user-select:none;
     user-select:none;
   }
   .v-control-field:after,.v-control-field:before{
+    pointer-events:none;
+    content:"";
     position:absolute;
-    right:0;
     bottom:0;
     left:0;
-    pointer-events:none;
-    content:"";
+    right: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;
+    height:1px;
+    transition:border-color .2s cubic-bezier(.4, 0, .2, 1);
   }
   .v-control-field:after{
-    height:2px;
     background:var(--my-focused-color);
+    height:2px;
+    transition:transform .2s cubic-bezier(0, 0, .2, 1);
     transform:scaleX(0);
-    transition:transform .2s cubic-bezier(0, 0, .2, 1) 0s;
   }
   .v-control-field--focused,.v-control-field:focus-within{
     --my-outline-color:var(--my-focused-color);
@@ -1420,21 +1432,21 @@
     height:auto;
   }
   .v-control-field__body{
-    display:flex;
-    flex:1 1 auto;
-    align-items:stretch;
+    flex:auto;
     align-self:stretch;
+    align-items:stretch;
     margin:0;
+    display:flex;
   }
   .v-control-field--flat{
-    padding-right:0;
     padding-left:0;
+    padding-right:0;
   }
   .v-control-field--filled{
     background-color:var(--my-fill-color);
     border-top-left-radius:var(--control-field-radius);
     border-top-right-radius:var(--control-field-radius);
-    transition:background-color .2s cubic-bezier(0, 0, .2, 1) 0s;
+    transition:background-color .2s cubic-bezier(0, 0, .2, 1);
   }
   .v-control-field--filled:hover:not(:focus-within){
     background-color:var(--my-fill-hover-color);
@@ -1443,22 +1455,22 @@
     border-color:var(--my-bottom-hover-color);
   }
   .v-control-field--flat:hover:before{
-    height:2px;
     border-bottom-width:2px;
+    height:2px;
   }
   .v-control-field--filled.v-control-field--disabled:before,.v-control-field--flat.v-control-field--disabled:before{
     border-bottom-style:dotted;
   }
   .v-control-field--outlined{
     border-radius:var(--control-field-radius);
-    transition:box-shadow .2s cubic-bezier(0, 0, .2, 1) 0s;
+    transition:box-shadow .2s cubic-bezier(0, 0, .2, 1);
   }
   .v-control-field--outlined:before{
-    top:0;
-    height:auto;
-    background:transparent;
     border:1px solid var(--my-outline-color);
     border-radius:inherit;
+    background:none;
+    height:auto;
+    top:0;
   }
   .v-control-field--outlined:hover:before{
     border-color:var(--my-outline-hover-color);
@@ -1490,27 +1502,28 @@
     --my-faux-bg-color:var(--color);
   }
   .v-checkbox__faux{
-    display:block;
-    width:100%;
-    height:100%;
     background:var(--my-faux-bg-color);
     border:2px solid var(--my-border-color);
     border-radius:var(--control-field-radius);
     clip-path:polygon(0 0, 0 100%, 100% 100%, 100% 0, 88.25% 28.25%, 38% 78.125%, 12% 50%, 20% 42.1875%, 38% 63%, 82% 20%, 88.25% 28.25%, 100% 0);
+    width:100%;
+    height:100%;
     transition:border-color .2s,background-color .2s;
+    display:block;
   }
   .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);
+    clip-path:polygon(0 0, 0 100%, 100% 100%, 100% 0, 77.7778% 44.4444%, 77.7778% 55.5556%, 22.2222% 55.5556%, 22.2222% 44.4444%, 77.7778% 44.4444%, 100% 0);
   }
   .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;
+    -webkit-user-select:none;
     user-select:none;
+    align-items:center;
+    padding-right:1em;
+    display:inline-flex;
   }
   .v-checkable--checked,.v-checkable--invalid:not(.v-checkable--readonly){
     --color:var(--main-color);
@@ -1523,45 +1536,45 @@
     cursor:default;
   }
   .v-checkable input{
-    position:absolute;
-    width:1px;
-    height:1px;
-    overflow:hidden;
     white-space:nowrap;
     clip:rect(0 0 0 0);
     clip-path:inset(100%);
+    width:1px;
+    height:1px;
+    position:absolute;
+    overflow:hidden;
   }
   .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;
+    justify-content:center;
+    align-items:center;
+    margin-left:0;
+    display:inline-flex;
+    position:relative;
   }
   .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;
+    position:relative;
   }
   .v-checkable__faux:before{
-    position:absolute;
-    inset:0;
-    display:block;
     pointer-events:none;
     content:"";
+    opacity:0;
     background:currentColor;
     border-radius:50%;
-    opacity:0;
     transition:opacity .2s;
+    display:block;
+    position:absolute;
+    inset:0;
   }
   .v-checkable__faux:hover:before{
     opacity:.1;
@@ -1586,30 +1599,30 @@
     --my-color:var(--color);
   }
   .v-radio__faux{
-    position:relative;
-    display:block;
     width:100%;
     height:100%;
     transition:border-color .2s,background-color .2s;
+    display:block;
+    position:relative;
   }
   .v-radio__faux:after,.v-radio__faux:before{
-    position:absolute;
-    display:block;
     content:"";
     border-radius:100%;
+    display:block;
+    position:absolute;
   }
   .v-radio__faux:before{
-    inset:0;
     border:2px solid;
+    inset:0;
   }
   .v-radio__faux:after{
-    top:50%;
-    left:50%;
+    background:currentColor;
     width:50%;
     height:50%;
-    background:currentColor;
-    transform:translate(-50%, -50%) scale(0);
     transition:transform .2s;
+    top:50%;
+    left:50%;
+    transform:translate(-50%, -50%) scale(0);
   }
   .v-radio--selected .v-radio__faux:after{
     transform:translate(-50%, -50%) scale(1);
@@ -1621,73 +1634,70 @@
     --my-pin-color:var(--color);
   }
   .v-switch__faux{
-    position:relative;
-    display:flex;
-    align-items:center;
-    justify-content:center;
     width:100%;
     width:var(--control-switch-width);
-    height:100%;
     cursor:pointer;
+    justify-content:center;
+    align-items:center;
+    height:100%;
+    display:flex;
+    position:relative;
   }
   .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;
+    display:block;
   }
   .v-switch__faux__pin{
+    width:var(--outer-size);
+    height:var(--outer-size);
+    border-radius:50%;
+    justify-content:center;
+    align-items:center;
+    transition:left .15s cubic-bezier(.4, 0, .2, 1),transform .15s cubic-bezier(.4, 0, .2, 1);
+    display:flex;
     position:absolute;
     top:0;
     bottom:0;
     left:0;
-    display:flex;
-    align-items:center;
-    justify-content:center;
-    width:var(--outer-size);
-    height:var(--outer-size);
-    border-radius:50%;
-    transition:left .15s cubic-bezier(.4, 0, .2, 1) 0s,transform .15s cubic-bezier(.4, 0, .2, 1) 0s;
   }
   .v-switch__faux__pin:after,.v-switch__faux__pin:before{
-    display:block;
     content:"";
+    display:block;
   }
   .v-switch__faux__pin:before{
-    position:absolute;
-    width:100%;
-    height:100%;
+    opacity:0;
     background:currentColor;
     border-radius:50%;
-    opacity:0;
+    width:100%;
+    height:100%;
     transition:opacity .2s;
+    position:absolute;
   }
   .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));
+    border-radius:50%;
+    position:relative;
+    box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px rgba(0,0,0,.141),0 1px 3px rgba(0,0,0,.122);
   }
   .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;
+    background-color:#000;
   }
   .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{
+  .v-switch:focus-within .v-switch__faux__pin:before,.v-switch__faux:hover .v-switch__faux__pin:before{
     opacity:.1;
   }
   .v-option{
@@ -1697,40 +1707,41 @@
     border:0;
   }
   .v-option{
-    padding:0;
     appearance:none;
     touch-action:manipulation;
     cursor:pointer;
+    -webkit-user-select:none;
     user-select:none;
-    outline:0;
     border-width:0;
+    outline:0;
+    padding:0;
   }
   .v-option,.v-option:focus,.v-option:hover{
     text-decoration:none;
   }
   .v-option{
-    position:relative;
-    display:flex;
     width:100%;
     padding:.75em 1em;
+    display:flex;
+    position:relative;
   }
   .v-option input{
-    position:absolute;
-    width:1px;
-    height:1px;
-    overflow:hidden;
     white-space:nowrap;
     clip:rect(0 0 0 0);
     clip-path:inset(100%);
+    width:1px;
+    height:1px;
+    position:absolute;
+    overflow:hidden;
   }
   .v-option:after,.v-option:before{
-    position:absolute;
-    inset:0;
-    display:block;
     pointer-events:none;
     content:"";
     opacity:0;
     transition:opacity .2s;
+    display:block;
+    position:absolute;
+    inset:0;
   }
   .v-option:before{
     background:currentColor;
@@ -1742,15 +1753,15 @@
     opacity:.12;
   }
   .v-option__label{
-    position:relative;
     display:block;
+    position:relative;
   }
   .v-option--selected:after{
     opacity:.12;
   }
   .v-option--selected .v-option__label{
-    font-weight:500;
     color:var(--palette-primary);
+    font-weight:500;
   }
   .v-option--has-not-value .v-option__label{
     font-style:italic;
@@ -1767,10 +1778,10 @@
     display:block;
   }
   .v-option-group__label{
-    padding:1em;
-    font-size:.875em;
     color:var(--palette-caption);
     opacity:.6;
+    padding:1em;
+    font-size:.875em;
   }
   .v-option-group--disabled .v-option-group__label{
     color:var(--palette-muted);
@@ -1780,74 +1791,79 @@
     cursor:pointer;
   }
   .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%);
+    width:1px;
+    height:1px;
+    position:absolute;
+    overflow:hidden;
   }
   .v-select__body{
     padding:.5em 0;
   }
   .v-select__selections{
-    display:table;
-    width:100%;
     table-layout:fixed;
+    width:100%;
+    display:table;
   }
   .v-select__selections__inner{
-    display:table-cell;
-    overflow:hidden;
     text-overflow:ellipsis;
     vertical-align:middle;
     white-space:nowrap;
+    display:table-cell;
+    overflow:hidden;
   }
   .v-select--multiple .v-select__selections{
     display:block;
   }
   .v-select--multiple .v-select__selections__inner{
+    white-space:unset;
     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);
+    font-style:italic;
   }
   .v-text-field__input{
     cursor:text;
   }
   .v-text-field__input__element{
+    text-overflow:ellipsis;
     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;
+    background:none;
     border:0;
     border-radius:0;
+    outline:0;
+    margin:0;
+    padding:0;
+    overflow:hidden;
   }
-  .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{
+  .v-text-field__input__element:-webkit-autofill:-webkit-autofill,.v-text-field__input__element:-webkit-autofill:-webkit-autofill:hover{
+    transition:background-color 5000s;
     color:inherit !important;
+    -webkit-text-fill-color:#fff !important;
+  }
+  .v-text-field__input__element:-webkit-autofill:-webkit-autofill:active,.v-text-field__input__element:-webkit-autofill:-webkit-autofill:focus{
     transition:background-color 5000s;
+    color:inherit !important;
     -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);
+    font-style:italic;
   }
   .v-textarea__input{
     cursor:text;
@@ -1855,82 +1871,87 @@
   .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;
+    background:none;
     border:0;
     border-radius:0;
+    outline:0;
+    margin:0;
+    padding:8px 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{
+  .v-textarea__input__element:-webkit-autofill:-webkit-autofill,.v-textarea__input__element:-webkit-autofill:-webkit-autofill:hover{
+    transition:background-color 5000s;
     color:inherit !important;
+    -webkit-text-fill-color:#fff !important;
+  }
+  .v-textarea__input__element:-webkit-autofill:-webkit-autofill:active,.v-textarea__input__element:-webkit-autofill:-webkit-autofill:focus{
     transition:background-color 5000s;
+    color:inherit !important;
     -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);
+    font-style:italic;
   }
   .v-file-input__inner{
-    display:flex;
     align-items:stretch;
+    display:flex;
   }
   .v-file-input__button{
-    flex:0 0 auto;
+    border-top-right-radius:0;
+    border-bottom-right-radius:0;
+    flex:none;
     height:auto;
     margin:0;
     margin-bottom:1px !important;
-    border-top-right-radius:0;
-    border-bottom-right-radius:0;
   }
   .v-file-input__selections{
-    display:flex;
     flex-wrap:wrap;
-    align-items:center;
     align-self:stretch;
+    align-items:center;
     padding:4px 6px;
+    display:flex;
   }
   .v-file-input__placeholder{
     color:var(--control-disabled-color);
   }
   .v-file-input__input{
-    flex:1 1 100%;
     cursor:text;
     border-top-left-radius:0;
     border-bottom-left-radius:0;
+    flex:100%;
   }
   .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%);
+    width:1px;
+    height:1px;
+    position:absolute;
+    overflow:hidden;
   }
   .v-tabs{
-    position:relative;
     width:100%;
     height:var(--tabs-height);
+    position:relative;
     overflow:hidden;
   }
   .v-tabs:before{
+    content:"";
+    opacity:.25;
+    background:currentColor;
+    height:2px;
+    display:block;
     position:absolute;
-    right:0;
     bottom:0;
     left:0;
-    display:block;
-    height:2px;
-    content:"";
-    background:currentColor;
-    opacity:.25;
+    right:0;
   }
   .v-tabs__scroller{
     width:100%;
@@ -1940,11 +1961,11 @@
     padding-bottom:30px;
   }
   .v-tabs__content{
-    position:relative;
-    display:inline-flex;
+    vertical-align:bottom;
     align-items:stretch;
     min-width:100%;
-    vertical-align:bottom;
+    display:inline-flex;
+    position:relative;
   }
   .v-tab{
     -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
@@ -1953,12 +1974,12 @@
     border:0;
   }
   .v-tab{
-    padding:0;
     appearance:none;
     touch-action:manipulation;
     cursor:pointer;
-    outline:0;
     border-width:0;
+    outline:0;
+    padding:0;
   }
   .v-tab,.v-tab:focus,.v-tab:hover{
     text-decoration:none;
@@ -1966,43 +1987,44 @@
   .v-tab{
     --tab-content-color:var(--palette-caption);
     --tab-content-focus-color:var(--main-color);
-    --tab-content-opacity:0.7;
-    position:relative;
+    --tab-content-opacity:.7;
     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;
+    -webkit-user-select:none;
     user-select:none;
+    justify-content:center;
+    align-items:center;
+    padding:0 1.25em;
     transition:color .6s;
+    display:flex;
+    position:relative;
   }
   .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);
+    height:2px;
     transition:all .25s;
+    position:absolute;
+    bottom:0;
+    left:0;
+    right:0;
+    transform:scaleX(0);
   }
   .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;
+    align-items:center;
+    line-height:1.2;
+    transition:all .25s;
+    display:flex;
+    position:relative;
   }
   .v-tab__icon{
     margin-right:8px;
@@ -2012,7 +2034,7 @@
     --tab-content-color:var(--tab-content-focus-color);
   }
   .v-tab--active{
-    --tab-content-color:rgba(0,0,0,.87);
+    --tab-content-color:#000000de;
     pointer-events:none;
     background:var(--tabs-color);
     --tab-content-opacity:1;
@@ -2021,27 +2043,27 @@
     transform:scaleX(1);
   }
   .v-breadcrumbs{
-    display:block;
-    margin:1.5em auto;
     font-size:var(--breadcrumbs-font-size);
+    margin:1.5em auto;
+    display:block;
   }
   .v-breadcrumbs__list{
-    display:inline-flex;
+    vertical-align:bottom;
     flex-wrap:wrap;
     align-items:center;
-    vertical-align:bottom;
+    display:inline-flex;
   }
   .v-breadcrumbs__divider,.v-breadcrumbs__item,.v-breadcrumbs__list{
-    padding:0;
     margin:0;
+    padding:0;
     list-style:none;
   }
   .v-breadcrumbs__link{
-    display:inline-flex;
-    align-items:center;
     vertical-align:middle;
     white-space:nowrap;
+    align-items:center;
     text-decoration:none;
+    display:inline-flex;
   }
   .v-breadcrumbs__item--disabled .v-breadcrumbs__link{
     color:inherit;
@@ -2052,28 +2074,28 @@
     font-size:140%;
   }
   .v-breadcrumbs__divider{
-    position:relative;
-    top:1px;
-    display:flex;
-    align-items:center;
     justify-content:center;
+    align-items:center;
     margin:0 1.25em;
+    display:flex;
+    position:relative;
+    top:1px;
   }
   .v-breadcrumbs__divider__icon{
-    display:block;
+    border-top:1px solid;
+    border-right:1px solid;
     width:.5em;
     height:.5em;
     margin-left:-.25em;
-    border-top:1px solid;
-    border-right:1px solid;
+    display:block;
     transform:rotate(45deg);
   }
   .v-content-switcher{
-    position:relative;
-    display:block;
     width:100%;
-    overflow:hidden;
     transition:var(--transition-tab);
+    display:block;
+    position:relative;
+    overflow:hidden;
   }
   .v-content-switcher__content{
     width:100%;
@@ -2113,7 +2135,7 @@
     transform:translateX(-100%);
   }
   .v-data-table{
-    --controls-vertial-margin:0.625em;
+    --controls-vertial-margin:.625em;
   }
   .v-card-content .v-data-table{
     margin-right:calc(var(--card-content-padding)*-1);
@@ -2124,28 +2146,28 @@
     justify-content:flex-end;
   }
   .v-data-table__controls,.v-data-table__controls__info{
-    display:flex;
     align-items:center;
+    display:flex;
   }
   .v-data-table__controls__info__length{
     margin-right:20px;
   }
   .v-data-table__controls__select-limit{
-    display:flex;
     align-items:center;
+    display:flex;
   }
   .v-data-table__controls__select-limit__prefix{
-    margin-right:.5em;
-    font-size:.75em;
     color:var(--palette-muted);
     white-space:nowrap;
+    margin-right:.5em;
+    font-size:.75em;
   }
   .v-data-table__controls__select-limit .v-select{
     width:5em;
     margin-left:.5em;
   }
   .v-data-table__controls__pagination{
-    flex:1 1 100%;
+    flex:100%;
     margin-left:auto;
   }
   .v-data-table__header{
@@ -2164,33 +2186,33 @@
     display:flex;
   }
   .v-data-table__table-wrapper:after,.v-data-table__table-wrapper:before{
-    display:block;
-    height:1px;
     content:"";
+    height:1px;
+    display:block;
   }
   .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;
+    justify-content:center;
+    align-items:center;
+    display:flex;
+    position:absolute;
+    inset:0;
   }
   .v-data-table__table{
-    width:100%;
-    margin:0;
     background:var(--palette-background);
     border-radius:var(--control-field-radius);
+    width:100%;
+    margin:0;
   }
   .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);
+    border-bottom:thin solid rgba(0,0,0,.122);
     transition:background .2s;
+    position:relative;
   }
   .v-data-table__table__cell:first-child{
     padding-left:calc(var(--table-cell-horizontal-padding)*2);
@@ -2214,22 +2236,23 @@
     cursor:pointer;
   }
   .v-data-table__table__cell__tile{
-    display:flex;
     align-items:center;
+    display:flex;
   }
   .v-data-table__table__sort-icon{
+    opacity:0;
     width:25px;
     font-size:1.25em;
-    opacity:0;
     transition:transform .2s,opacity .2s;
   }
   .v-data-table__table__sort-icon--empty{
     display:none;
   }
   .v-data-table__table__header .v-data-table__table__cell{
+    -webkit-user-select:none;
     user-select:none;
-    background:hsla(0,0%,100%,.85);
     backdrop-filter:blur(3px);
+    background:hsla(0,0%,100%,.851);
   }
   .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;
@@ -2238,19 +2261,19 @@
     border-bottom:none;
   }
   .v-data-table--fixed-header .v-data-table__table__header .v-data-table__table__cell{
+    z-index:1;
     position:sticky;
     top:0;
-    z-index:1;
   }
   .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;
+    align-items:center;
+    margin:0;
+    display:flex;
   }
   .v-toolbar--plain{
     --main-color:var(--palette-background);
@@ -2263,14 +2286,14 @@
   }
   .v-toolbar-menu{
     height:100%;
-    margin:0;
     box-shadow:none;
+    margin:0;
   }
   .v-toolbar-edge{
-    display:flex;
     flex:0 0;
-    align-items:center;
     align-self:stretch;
+    align-items:center;
+    display:flex;
   }
   .v-toolbar-edge--empty,.v-toolbar-edge:empty{
     display:none;
@@ -2285,13 +2308,13 @@
     margin-left:auto;
   }
   .v-toolbar-title{
-    display:flex;
+    white-space:nowrap;
     flex-grow:1;
     margin:0;
     font-size:1.25rem;
     font-weight:400;
     line-height:1;
-    white-space:nowrap;
+    display:flex;
   }
   @media screen and (width >= 320px){
     .v-data-table__controls__pagination{
@@ -2311,21 +2334,21 @@
 }
 
 .v-tooltip__inner{
-  display:inline-block;
   padding:var(--tooltip-padding);
+  display:inline-block;
 }.v-menu{
   box-shadow:var(--menu-shadow);
 }.v-dialog,.v-menu{
   border-radius:2px;
 }.v-dialog{
-  position:relative;
-  display:inline-block;
-  min-width:280px;
-  margin:24px;
   text-align:left;
   pointer-events:auto;
-  outline:0;
+  min-width:280px;
   box-shadow:var(--dialog-shadow);
+  outline:0;
+  margin:24px;
+  display:inline-block;
+  position:relative;
 }
 
 .v-dialog__header{
@@ -2349,42 +2372,42 @@
 
 .v-dialog__actions{
   box-sizing:border-box;
-  display:flex;
-  align-items:center;
   justify-content:flex-end;
+  align-items:center;
   padding:8px;
+  display:flex;
 }
 
 .v-dialog--dense .v-dialog__actions{
   padding-top:0;
 }.v-snackbar{
-  font-size:14px;
   box-shadow:var(--snackbar-shadow);
+  font-size:14px;
 }
 
 .v-snackbar__inner{
-  display:flex;
-  align-items:center;
-  justify-content:space-between;
   width:auto;
   min-width:288px;
   max-width:calc(100vw - 96px);
-  padding:8px 4px 8px 16px;
   color:var(--text-color);
   background-color:var(--main-color);
   border-color:var(--border-color);
   border-radius:inherit;
+  justify-content:space-between;
+  align-items:center;
+  padding:8px 4px 8px 16px;
+  display:flex;
 }
 
 .v-snackbar__body{
-  flex:1 1 100%;
   word-break:break-all;
+  flex:100%;
 }
 
 .v-snackbar__actions{
-  flex:0 0 auto;
-  padding-left:20px;
   white-space:nowrap;
+  flex:none;
+  padding-left:20px;
 }
 
 .v-snackbar__close{
@@ -2393,34 +2416,34 @@
   --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);
+  outline:0;
+  flex-direction:column;
+  padding:0;
+  display:flex;
+  position:fixed;
+  top:0;
+  bottom:0;
+  right:0;
 }
 
 .v-sheet-modal__header{
-  position:relative;
   z-index:1;
-  flex:0 0;
   background-color:var(--v-sheet-background);
+  flex:0 0;
+  position:relative;
 }
 
 .v-sheet-modal__scroller{
-  flex:1 1;
   -webkit-overflow-scrolling:touch;
+  background-color:var(--v-sheet-background);
+  flex:1;
   height:100%;
   overflow-y:auto;
-  background-color:var(--v-sheet-background);
 }
 
 .v-sheet-modal--has-active-child{