@fastkit/vui 1.4.1 → 1.5.0

package/dist/vui.css

@@ -18,60 +18,6 @@
     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;
@@ -533,6 +479,142 @@
   .wysiwyg p{
     margin:0;
   }
+  .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-card-content{
+    padding:var(--card-content-padding);
+  }
+  .v-busy-image{
+    position:relative;
+    display:inline-block;
+    max-width:100%;
+    vertical-align:bottom;
+  }
+  .v-busy-image--clickable{
+    cursor:pointer;
+  }
+  .v-busy-image--cover{
+    background-repeat:no-repeat;
+    background-position:50%;
+    background-size:cover;
+  }
+  .v-busy-image--loading:before{
+    position:absolute;
+    inset:0;
+    display:block;
+    content:"";
+    background:rgba(0,0,0,.1);
+    animation:v-tiny-image-blink 1.5s ease-in-out infinite normal;
+  }
+  .v-busy-image__node{
+    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-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%;
+    margin:0;
+    font-size:1.75rem;
+    font-weight:300;
+    line-height:1;
+    color:inherit;
+  }
+  .v-hero__adornment{
+    flex:0 0 auto;
+    padding-left:10px;
+    margin-left:auto;
+  }
+  .v-content-switcher{
+    position:relative;
+    display:block;
+    width:100%;
+    overflow:hidden;
+    transition:var(--transition-tab);
+  }
+  .v-content-switcher__content{
+    width:100%;
+  }
+  .v-content-switcher-prev-enter-active,.v-content-switcher-prev-leave-active{
+    transition:var(--transition-tab);
+  }
+  .v-content-switcher-prev-enter-from{
+    transform:translateX(-100%);
+  }
+  .v-content-switcher-prev-enter-to,.v-content-switcher-prev-leave{
+    transform:translateX(0);
+  }
+  .v-content-switcher-prev-leave-active{
+    position:absolute;
+    top:0;
+    left:0;
+  }
+  .v-content-switcher-prev-leave-to{
+    transform:translateX(100%);
+  }
+  .v-content-switcher-next-enter-active,.v-content-switcher-next-leave-active{
+    transition:var(--transition-tab);
+  }
+  .v-content-switcher-next-enter-from{
+    transform:translateX(100%);
+  }
+  .v-content-switcher-next-enter-to,.v-content-switcher-next-leave{
+    transform:translateX(0);
+  }
+  .v-content-switcher-next-leave-active{
+    position:absolute;
+    top:0;
+    left:0;
+  }
+  .v-content-switcher-next-leave-to{
+    transform:translateX(-100%);
+  }
   .v-button{
     --padding:1em;
     --height:2.5714285714em;
@@ -633,160 +715,81 @@
     z-index:1;
     transform:translate(-50%, -50%);
   }
-  .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-text-counter{
+    white-space:nowrap;
   }
-  .v-paper__inner{
-    position:relative;
-    border-radius:inherit;
+  .v-text-field__input{
+    cursor:text;
   }
-  .v-paper--square{
-    --paper-radius:0px;
+  .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-paper__header{
-    border-top-left-radius:inherit;
-    border-top-right-radius:inherit;
+  .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-paper__footer{
-    border-bottom-right-radius:inherit;
-    border-bottom-left-radius:inherit;
+  .v-text-field__input__element::-ms-clear{
+    display:none;
   }
-  .v-navigation__caption{
-    display:block;
-    padding:calc(var(--root-em)*.625) calc(var(--root-em)*1.5625);
-    margin:1em 0 0;
-    font-size:.75rem;
-    color:var(--caption-color);
-    text-transform:uppercase;
+  .v-text-field__input__element::placeholder{
+    font-style:italic;
+    color:var(--control-disabled-color);
   }
-  .v-grid-item{
-    display:block;
+  .v-select__input{
+    cursor:pointer;
   }
-  .v-busy-image{
-    position:relative;
-    display:inline-block;
-    max-width:100%;
-    vertical-align:bottom;
-  }
-  .v-busy-image--clickable{
-    cursor:pointer;
-  }
-  .v-busy-image--cover{
-    background-repeat:no-repeat;
-    background-position:50%;
-    background-size:cover;
-  }
-  .v-busy-image--loading:before{
+  .v-select__input__element{
     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;
+    width:1px;
+    height:1px;
+    overflow:hidden;
+    white-space:nowrap;
+    clip:rect(0 0 0 0);
+    clip-path:inset(100%);
   }
-  .v-busy-image__node{
-    position:relative;
-    display:inline-block;
-    max-width:100%;
-    vertical-align:bottom;
+  .v-select__body{
+    padding:.5em 0;
   }
-  .v-busy-image__slot{
-    position:absolute;
-    top:0;
-    left:0;
+  .v-select__selections{
+    display:table;
     width:100%;
-    height:100%;
-    pointer-events:none;
+    table-layout:fixed;
   }
-  @keyframes v-tiny-image-blink{
-    0%{
-      opacity:1;
-    }
-    50%{
-      opacity:0;
-    }
-    to{
-      opacity:1;
-    }
+  .v-select__selections__inner{
+    display:table-cell;
+    overflow:hidden;
+    text-overflow:ellipsis;
+    vertical-align:middle;
+    white-space:nowrap;
   }
-  .v-drawer-layout{
+  .v-select--multiple .v-select__selections{
     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-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;
+  .v-select--multiple .v-select__selections__inner{
     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);
+    overflow:auto;
+    white-space:unset;
   }
-  .v-navigation-item--depth-2{
-    --depth-padding:calc(var(--list-tile-padding)*3);
+  .v-select--multiple .v-control-field__body{
+    padding:.2em 0;
   }
-  .v-navigation-item--depth-3{
-    --depth-padding:calc(var(--list-tile-padding)*4);
+  .v-select__placeholder{
+    font-style:italic;
+    color:var(--control-disabled-color);
   }
   .v-form-control{
     display:flex;
@@ -857,224 +860,148 @@
     flex:0 1;
     margin-left: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%;
-    margin:0;
-    font-size:1.75rem;
-    font-weight:300;
-    line-height:1;
-    color:inherit;
+  .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-hero__adornment{
-    flex:0 0 auto;
-    padding-left:10px;
-    margin-left:auto;
+  .v-paper--plain{
+    --paper-background--color:var(--palette-background);
+    --paper-text-color:inherit;
+    --paper-link-color:var(--link-color);
   }
-  .v-chip{
-    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
+  .v-paper--has-color{
+    --paper-background--color:var(--main-color);
+    --paper-text-color:var(--text-color);
+    --paper-link-color:var(--nav-color);
   }
-  .v-chip::-moz-focus-inner{
-    border:0;
+  .v-paper__inner{
+    position:relative;
+    border-radius:inherit;
   }
-  .v-chip{
-    padding:0;
-    appearance:none;
-    touch-action:manipulation;
-    cursor:pointer;
-    user-select:none;
-    outline:0;
-    border-width:0;
+  .v-paper--square{
+    --paper-radius:0px;
   }
-  .v-chip,.v-chip:focus,.v-chip:hover{
-    text-decoration:none;
+  .v-paper__header{
+    border-top-left-radius:inherit;
+    border-top-right-radius:inherit;
   }
-  .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-style:solid;
-    border-width:1px;
-    border-radius:var(--chip-radius);
-    --shadow-color:transparent !important;
-    --focusShadow-color:transparent !important;
+  .v-paper__footer{
+    border-bottom-right-radius:inherit;
+    border-bottom-left-radius:inherit;
   }
-  .v-chip--clickable{
-    cursor:pointer;
+  .v-navigation-item--opened{
+    --tile-background:var(--tile-active-background);
+    --tile-text-color:var(--tile-text-active-color);
   }
-  .v-chip--xs{
-    --chip-height:var(--chip-height-xs);
-    --chip-font-size:var(--chip-font-size-xs);
+  .v-navigation-item__expand{
+    transition:height .2s;
   }
-  .v-chip--sm{
-    --chip-height:var(--chip-height-sm);
-    --chip-font-size:var(--chip-font-size-sm);
+  .v-navigation-item__expand .v-navigation-item{
+    --tile-background:var(--tile-active-background);
   }
-  .v-chip--md{
-    --chip-height:var(--chip-height-md);
-    --chip-font-size:var(--chip-font-size-md);
+  .v-navigation-item--depth-1{
+    --depth-padding:calc(var(--list-tile-padding)*2);
   }
-  .v-chip--lg{
-    --chip-height:var(--chip-height-lg);
-    --chip-font-size:var(--chip-font-size-lg);
+  .v-navigation-item--depth-2{
+    --depth-padding:calc(var(--list-tile-padding)*3);
   }
-  .v-chip--xl{
-    --chip-height:var(--chip-height-xl);
-    --chip-font-size:var(--chip-font-size-xl);
+  .v-navigation-item--depth-3{
+    --depth-padding:calc(var(--list-tile-padding)*4);
   }
-  .v-chip--label{
-    --chip-radius:4px;
+  .v-navigation__caption{
+    display:block;
+    padding:calc(var(--root-em)*.625) calc(var(--root-em)*1.5625);
+    margin:1em 0 0;
+    font-size:.75rem;
+    color:var(--caption-color);
+    text-transform:uppercase;
   }
-  .v-chip__icon--start{
-    margin-right:calc(var(--chip-padding)*.5);
-    margin-left:calc(var(--chip-padding)*-.5);
+  .v-drawer-layout{
+    display:block;
+    width:100%;
+    height:100%;
   }
-  .v-chip__icon--end{
-    margin-right:calc(var(--chip-padding)*-.5);
-    margin-left:calc(var(--chip-padding)*.5);
-  }
-  .v-chip .v-avatar{
-    --avatar-size:14px;
-  }
-  .v-skelton-loader-bone{
-    position:relative;
-    overflow:hidden;
-    cursor:progress;
-    background:rgba(0,0,0,.12);
-    border-radius:inherit;
-  }
-  .v-skelton-loader-bone:after{
-    position:absolute;
-    top:0;
-    right:0;
-    left:0;
-    z-index:1;
+  .v-drawer-layout__inner{
+    display:flex;
+    flex-direction:column;
+    align-items:stretch;
+    width:100%;
     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-breadcrumbs{
-    display:block;
-    margin:1.5em auto;
-    font-size:var(--breadcrumbs-font-size);
-  }
-  .v-breadcrumbs__list{
-    display:inline-flex;
-    flex-wrap:wrap;
-    align-items:center;
-    vertical-align:bottom;
-  }
-  .v-breadcrumbs__divider,.v-breadcrumbs__item,.v-breadcrumbs__list{
-    padding:0;
-    margin:0;
-    list-style:none;
   }
-  .v-breadcrumbs__link{
-    display:inline-flex;
+  .v-drawer-layout__header{
+    display:flex;
+    flex:0 0 var(--val-topToolbar-height);
     align-items:center;
-    vertical-align:middle;
-    white-space:nowrap;
-    text-decoration:none;
+    justify-content:center;
+    height:var(--val-topToolbar-height);
   }
-  .v-breadcrumbs__item--disabled .v-breadcrumbs__link{
-    color:inherit;
-    pointer-events:none;
+  .v-drawer-layout__body{
+    flex:1 1 100%;
+    overflow:auto;
+    -webkit-overflow-scrolling:touch;
   }
-  .v-breadcrumbs__icon{
-    margin-right:.2em;
-    font-size:140%;
+  .v-drawer-layout__footer{
+    flex:0 0 auto;
+    margin-top:auto;
   }
-  .v-breadcrumbs__divider{
-    position:relative;
-    top:1px;
+  .v-toolbar{
+    --height:var(--toolbar-height);
     display:flex;
     align-items:center;
-    justify-content:center;
-    margin:0 1.25em;
-  }
-  .v-breadcrumbs__divider__icon{
-    display:block;
-    width:.5em;
-    height:.5em;
-    margin-left:-.25em;
-    border-top:1px solid;
-    border-right:1px solid;
-    transform:rotate(45deg);
+    width:100%;
+    height:var(--height);
+    padding:0 calc(var(--root-em)*1.5);
+    margin:0;
+    border-radius:inherit;
   }
-  .v-radio{
-    --my-color:var(--color);
+  .v-toolbar--plain{
+    --main-color:var(--palette-background);
   }
-  .v-radio__faux{
-    position:relative;
-    display:block;
-    width:100%;
+  .v-app-layout__header>.v-toolbar{
     height:100%;
-    transition:border-color .2s,background-color .2s;
   }
-  .v-radio__faux:after,.v-radio__faux:before{
-    position:absolute;
-    display:block;
-    content:"";
-    border-radius:100%;
-  }
-  .v-radio__faux:before{
-    inset:0;
-    border:2px solid;
+  .v-toolbar--dense{
+    --height:var(--toolbar-dense-height);
   }
-  .v-radio__faux:after{
-    top:50%;
-    left:50%;
-    width:50%;
-    height:50%;
-    background:currentColor;
-    transform:translate(-50%, -50%) scale(0);
-    transition:transform .2s;
+  .v-file-input__inner{
+    display:flex;
+    align-items:stretch;
   }
-  .v-radio--selected .v-radio__faux:after{
-    transform:translate(-50%, -50%) scale(1);
+  .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-checkbox{
-    --my-border-color:var(--color);
-    --my-faux-bg-color:transparent;
+  .v-file-input__selections{
+    display:flex;
+    flex-wrap:wrap;
+    align-items:center;
+    align-self:stretch;
+    padding:4px 6px;
   }
-  .v-checkbox--indeterminate,.v-checkbox--selected{
-    --my-border-color:transparent;
-    --my-faux-bg-color:var(--color);
+  .v-file-input__placeholder{
+    color:var(--control-disabled-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);
-    transition:border-color .2s,background-color .2s;
+  .v-file-input__input{
+    flex:1 1 100%;
+    cursor:text;
+    border-top-left-radius:0;
+    border-bottom-left-radius:0;
   }
-  .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-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-control-field{
     position:relative;
@@ -1199,80 +1126,146 @@
   .v-control-field__adornment .v-icon{
     font-size:1.2em;
   }
-  .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);
+  .v-card-actions{
     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));
+    padding:var(--card-actions-padding);
   }
-  .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-card-actions .v-btn{
+    margin-top:0;
+    margin-bottom: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-data-table{
+    --controls-vertial-margin:0.625em;
   }
-  .v-list-tile__body{
-    font-size:.8125rem;
-    font-weight:500;
-    line-height:1.5;
+  .v-card-content .v-data-table{
+    margin-right:calc(var(--card-content-padding)*-1);
+    margin-left:calc(var(--card-content-padding)*-1);
   }
-  .v-list-tile__icon{
-    min-width:2em;
+  .v-data-table__controls{
+    flex-wrap:wrap;
+    justify-content:flex-end;
   }
-  .v-list-tile__icon--end{
-    margin-left:auto;
-    text-align:right;
+  .v-data-table__controls,.v-data-table__controls__info{
+    display:flex;
+    align-items:center;
   }
-  .v-option-group{
-    display:block;
+  .v-data-table__controls__info__length{
+    margin-right:20px;
   }
-  .v-option-group__label{
-    padding:1em;
-    font-size:.875em;
-    color:var(--palette-caption);
-    opacity:.6;
+  .v-data-table__controls__select-limit{
+    display:flex;
+    align-items:center;
   }
-  .v-option-group--disabled .v-option-group__label{
+  .v-data-table__controls__select-limit__prefix{
+    margin-right:.5em;
+    font-size:.75em;
     color:var(--palette-muted);
-    opacity:.4;
+    white-space:nowrap;
   }
-  .v-card-actions{
-    display:flex;
-    align-items:center;
-    padding:var(--card-actions-padding);
+  .v-data-table__controls__select-limit .v-select{
+    width:5em;
+    margin-left:.5em;
   }
-  .v-card-actions .v-btn{
-    margin-top:0;
-    margin-bottom:0;
+  .v-data-table__controls__pagination{
+    flex:1 1 100%;
+    margin-left:auto;
   }
-  .v-icon{
+  .v-data-table__header{
+    margin-bottom:var(--controls-vertial-margin);
+  }
+  .v-data-table__footer{
+    margin-top:var(--controls-vertial-margin);
+  }
+  .v-data-table__body{
+    position:relative;
+  }
+  .v-data-table__body__inner{
+    overflow-x:auto;
+  }
+  .v-data-table__table-wrapper{
+    display:flex;
+  }
+  .v-data-table__table-wrapper:after,.v-data-table__table-wrapper:before{
+    display:block;
+    height:1px;
+    content:"";
+  }
+  .v-data-table__loading{
+    position:absolute;
+    inset:0;
+    z-index:1;
+    display:flex;
+    align-items:center;
+    justify-content:center;
+    background:var(--palette-background);
+    opacity:.5;
+  }
+  .v-data-table__table{
+    width:100%;
+    margin:0;
+    background:var(--palette-background);
+    border-radius:var(--control-field-radius);
+  }
+  .v-data-table__table__cell{
+    position:relative;
+    vertical-align:middle;
+    text-align:left;
+    white-space:nowrap;
+    border-bottom:thin solid rgba(0,0,0,.12);
+    transition:background .2s;
+  }
+  .v-data-table__table__cell:first-child{
+    padding-left:calc(var(--table-cell-horizontal-padding)*2);
+  }
+  .v-data-table__table__cell:last-child{
+    padding-right:calc(var(--table-cell-horizontal-padding)*2);
+  }
+  .v-data-table__table__cell--left{
+    text-align:left;
+  }
+  .v-data-table__table__cell--center{
+    text-align:center;
+  }
+  .v-data-table__table__cell--center .v-data-table__table__sort-icon--empty{
+    display:flex;
+  }
+  .v-data-table__table__cell--right{
+    text-align:right;
+  }
+  .v-data-table__table__cell[tabindex="0"]{
+    cursor:pointer;
+  }
+  .v-data-table__table__cell__tile{
+    display:flex;
+    align-items:center;
+  }
+  .v-data-table__table__sort-icon{
+    width:25px;
+    font-size:1.25em;
+    opacity:0;
+    transition:transform .2s,opacity .2s;
+  }
+  .v-data-table__table__sort-icon--empty{
+    display:none;
+  }
+  .v-data-table__table__header .v-data-table__table__cell{
+    user-select:none;
+    background:hsla(0,0%,100%,.85);
+    backdrop-filter:blur(3px);
+  }
+  .v-data-table__table__cell[tabindex="0"]:focus .v-data-table__table__sort-icon,.v-data-table__table__cell[tabindex="0"]:hover .v-data-table__table__sort-icon,.v-data-table__table__header .v-data-table__table__cell--active .v-data-table__table__sort-icon{
+    opacity:1;
+  }
+  .v-data-table__table__body tr:last-child .v-data-table__table__cell{
+    border-bottom:none;
+  }
+  .v-data-table--fixed-header .v-data-table__table__header .v-data-table__table__cell{
+    position:sticky;
+    top:0;
+    z-index:1;
+  }
+  .v-icon{
     display:inline-flex;
     align-items:center;
     justify-content:center;
@@ -1318,357 +1311,467 @@
     font-style:italic;
     color:var(--control-disabled-color);
   }
-  .v-card-content{
-    padding:var(--card-content-padding);
+  .v-skelton-loader-bone{
+    position:relative;
+    overflow:hidden;
+    cursor:progress;
+    background:rgba(0,0,0,.12);
+    border-radius:inherit;
   }
-  .v-option{
-    -webkit-tap-highlight-color:rgba(0, 0, 0, 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-option::-moz-focus-inner{
-    border:0;
+  .v-breadcrumbs{
+    display:block;
+    margin:1.5em auto;
+    font-size:var(--breadcrumbs-font-size);
   }
-  .v-option{
+  .v-breadcrumbs__list{
+    display:inline-flex;
+    flex-wrap:wrap;
+    align-items:center;
+    vertical-align:bottom;
+  }
+  .v-breadcrumbs__divider,.v-breadcrumbs__item,.v-breadcrumbs__list{
     padding:0;
-    appearance:none;
-    touch-action:manipulation;
-    cursor:pointer;
-    user-select:none;
-    outline:0;
-    border-width:0;
+    margin:0;
+    list-style:none;
   }
-  .v-option,.v-option:focus,.v-option:hover{
+  .v-breadcrumbs__link{
+    display:inline-flex;
+    align-items:center;
+    vertical-align:middle;
+    white-space:nowrap;
     text-decoration:none;
   }
-  .v-option{
+  .v-breadcrumbs__item--disabled .v-breadcrumbs__link{
+    color:inherit;
+    pointer-events:none;
+  }
+  .v-breadcrumbs__icon{
+    margin-right:.2em;
+    font-size:140%;
+  }
+  .v-breadcrumbs__divider{
     position:relative;
+    top:1px;
     display:flex;
-    width:100%;
-    padding:.75em 1em;
+    align-items:center;
+    justify-content:center;
+    margin:0 1.25em;
   }
-  .v-option input{
-    position:absolute;
-    width:1px;
-    height:1px;
+  .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-tabs{
+    position:relative;
+    width:100%;
+    height:var(--tabs-height);
     overflow:hidden;
-    white-space:nowrap;
-    clip:rect(0 0 0 0);
-    clip-path:inset(100%);
   }
-  .v-option:after,.v-option:before{
+  .v-tabs:before{
     position:absolute;
-    inset:0;
+    right:0;
+    bottom:0;
+    left:0;
     display:block;
-    pointer-events:none;
+    height:2px;
     content:"";
-    opacity:0;
-    transition:opacity .2s;
-  }
-  .v-option:before{
     background:currentColor;
+    opacity:.25;
   }
-  .v-option:after{
-    background:var(--palette-primary);
+  .v-tabs__scroller{
+    width:100%;
+    height:calc(var(--tabs-height) + 30px);
   }
-  .v-option--key-focused:before,.v-option:focus-within:before,.v-option:hover:before{
-    opacity:.12;
+  .v-tabs__scroller__container{
+    padding-bottom:30px;
   }
-  .v-option__label{
+  .v-tabs__content{
     position:relative;
-    display:block;
+    display:inline-flex;
+    align-items:stretch;
+    min-width:100%;
+    vertical-align:bottom;
   }
-  .v-option--selected:after{
-    opacity:.12;
+  .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-option--selected .v-option__label{
-    font-weight:500;
-    color:var(--palette-primary);
+  .v-list-tile--clickable{
+    cursor:pointer;
+    --tile-text-color:var(--nav-color);
+    --tile-text-active-color:var(--navActive-color, var(--nav-color));
   }
-  .v-option--has-not-value .v-option__label{
-    font-style:italic;
+  .v-list-tile--clickable:focus,.v-list-tile--clickable:hover{
+    --tile-background:var(--tile-active-background);
+    --tile-text-color:var(--tile-text-active-color);
   }
-  .v-option[aria-disabled=true],.v-option[disabled],.v-option[tabindex="-1"]{
-    color:var(--palette-muted);
-    pointer-events:none;
-    opacity:.4;
+  .v-list-tile--active{
+    --tile-pin-color:var(--pin-color);
+    --tile-text-color:var(--tile-text-active-color);
+    --tile-background:var(--tile-active-background);
   }
-  .v-option[aria-disabled=true]:before,.v-option[disabled]:before,.v-option[tabindex="-1"]:before{
-    opacity:0 !important;
+  .v-list-tile__body{
+    font-size:.8125rem;
+    font-weight:500;
+    line-height:1.5;
   }
-  .v-select__input{
+  .v-list-tile__icon{
+    min-width:2em;
+  }
+  .v-list-tile__icon--end{
+    margin-left:auto;
+    text-align:right;
+  }
+  .v-avatar{
+    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
+  }
+  .v-avatar::-moz-focus-inner{
+    border:0;
+  }
+  .v-avatar{
+    padding:0;
+    appearance:none;
+    touch-action:manipulation;
     cursor:pointer;
+    user-select:none;
+    outline:0;
+    border-width:0;
   }
-  .v-select__input__element{
-    position:absolute;
-    width:1px;
-    height:1px;
+  .v-avatar,.v-avatar:focus,.v-avatar:hover{
+    text-decoration:none;
+  }
+  .v-avatar{
+    --avatar-radius:50%;
+    --avatar-font-weight:var(--typo-medium-weight);
+    --avatar-base-font-size:var(--typo-base-size);
+    --avatar-font-size:var(--avatar-base-font-size);
+    display:inline-flex;
+    flex-basis:var(--avatar-size);
+    align-items:center;
+    justify-content:center;
+    width:var(--avatar-size);
+    min-width:var(--avatar-size);
+    height:var(--avatar-size);
     overflow:hidden;
-    white-space:nowrap;
-    clip:rect(0 0 0 0);
-    clip-path:inset(100%);
+    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-select__body{
-    padding:.5em 0;
+  .v-avatar--clickable{
+    cursor:pointer;
   }
-  .v-select__selections{
-    display:table;
-    width:100%;
-    table-layout:fixed;
+  .v-avatar--sm{
+    --avatar-size:36px;
+    --avatar-font-size:calc(var(--avatar-base-font-size)*0.75);
   }
-  .v-select__selections__inner{
-    display:table-cell;
-    overflow:hidden;
-    text-overflow:ellipsis;
-    vertical-align:middle;
-    white-space:nowrap;
+  .v-avatar--md{
+    --avatar-size:48px;
   }
-  .v-select--multiple .v-select__selections{
-    display:block;
+  .v-avatar--lg{
+    --avatar-size:62px;
+    --avatar-font-size:calc(var(--avatar-base-font-size)*1.25);
   }
-  .v-select--multiple .v-select__selections__inner{
-    display:block;
-    overflow:auto;
-    white-space:unset;
+  .v-avatar--rounded{
+    --avatar-radius:4px;
   }
-  .v-select--multiple .v-control-field__body{
-    padding:.2em 0;
+  .v-avatar--tile{
+    --avatar-radius:0;
   }
-  .v-select__placeholder{
-    font-style:italic;
-    color:var(--control-disabled-color);
+  .v-avatar img,.v-avatar__image{
+    display:inline-flex;
+    width:inherit !important;
+    height:inherit !important;
+    object-fit:cover;
+    border-radius:inherit;
   }
-  .v-switch{
-    --my-pin-color:var(--palette-background);
+  .v-chip{
+    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
   }
-  .v-switch--selected{
-    --my-pin-color:var(--color);
+  .v-chip::-moz-focus-inner{
+    border:0;
   }
-  .v-switch__faux{
-    position:relative;
-    display:flex;
-    align-items:center;
-    justify-content:center;
-    width:100%;
-    width:var(--control-switch-width);
-    height:100%;
+  .v-chip{
+    padding:0;
+    appearance:none;
+    touch-action:manipulation;
     cursor:pointer;
+    user-select:none;
+    outline:0;
+    border-width:0;
   }
-  .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-chip,.v-chip:focus,.v-chip:hover{
+    text-decoration:none;
   }
-  .v-switch__faux__pin{
-    position:absolute;
-    top:0;
-    bottom:0;
-    left:0;
-    display:flex;
+  .v-chip{
+    --chip-radius:calc(var(--chip-height)/2);
+    display:inline-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:"";
+    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-style:solid;
+    border-width:1px;
+    border-radius:var(--chip-radius);
+    --shadow-color:transparent !important;
+    --focusShadow-color:transparent !important;
   }
-  .v-switch__faux__pin:before{
-    position:absolute;
-    width:100%;
-    height:100%;
-    background:currentColor;
-    border-radius:50%;
-    opacity:0;
-    transition:opacity .2s;
+  .v-chip--clickable{
+    cursor:pointer;
   }
-  .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-chip--xs{
+    --chip-height:var(--chip-height-xs);
+    --chip-font-size:var(--chip-font-size-xs);
   }
-  .v-switch--selected .v-switch__faux__pin{
-    left:calc(100% - var(--outer-size));
+  .v-chip--sm{
+    --chip-height:var(--chip-height-sm);
+    --chip-font-size:var(--chip-font-size-sm);
   }
-  .v-switch--disabled .v-switch__faux:before{
-    background-color:#000;
-    opacity:.12;
+  .v-chip--md{
+    --chip-height:var(--chip-height-md);
+    --chip-font-size:var(--chip-font-size-md);
   }
-  .v-switch--disabled .v-switch__faux__pin:after{
-    background-color:#f5f5f5;
+  .v-chip--lg{
+    --chip-height:var(--chip-height-lg);
+    --chip-font-size:var(--chip-font-size-lg);
   }
-  .v-switch__faux:hover .v-switch__faux__pin:before{
-    opacity:.1;
+  .v-chip--xl{
+    --chip-height:var(--chip-height-xl);
+    --chip-font-size:var(--chip-font-size-xl);
   }
-  .v-switch:focus-within .v-switch__faux__pin:before{
-    opacity:.1;
+  .v-chip--label{
+    --chip-radius:4px;
   }
-  .v-file-input__inner{
-    display:flex;
-    align-items:stretch;
+  .v-chip__icon--start{
+    margin-right:calc(var(--chip-padding)*.5);
+    margin-left:calc(var(--chip-padding)*-.5);
   }
-  .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-chip__icon--end{
+    margin-right:calc(var(--chip-padding)*-.5);
+    margin-left:calc(var(--chip-padding)*.5);
   }
-  .v-file-input__selections{
-    display:flex;
-    flex-wrap:wrap;
-    align-items:center;
-    align-self:stretch;
-    padding:4px 6px;
+  .v-chip .v-avatar{
+    --avatar-size:14px;
   }
-  .v-file-input__placeholder{
-    color:var(--control-disabled-color);
+  .v-disabled-reason{
+    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
   }
-  .v-file-input__input{
-    flex:1 1 100%;
-    cursor:text;
-    border-top-left-radius:0;
-    border-bottom-left-radius:0;
+  .v-disabled-reason::-moz-focus-inner{
+    border:0;
   }
-  .v-file-input__input__element{
+  .v-disabled-reason{
     position:absolute;
-    width:1px;
-    height:1px;
-    overflow:hidden;
-    white-space:nowrap;
-    clip:rect(0 0 0 0);
-    clip-path:inset(100%);
-  }
-  .v-content-switcher{
-    position:relative;
+    inset:0;
+    z-index:10;
     display:block;
-    width:100%;
-    overflow:hidden;
-    transition:var(--transition-tab);
-  }
-  .v-content-switcher__content{
-    width:100%;
-  }
-  .v-content-switcher-prev-enter-active,.v-content-switcher-prev-leave-active{
-    transition:var(--transition-tab);
-  }
-  .v-content-switcher-prev-enter-from{
-    transform:translateX(-100%);
+    pointer-events:none;
+    cursor:default;
+    border-radius:inherit;
   }
-  .v-content-switcher-prev-enter-to,.v-content-switcher-prev-leave{
-    transform:translateX(0);
+  .v-disabled-reason[tabindex]:not([tabindex^="-"]){
+    pointer-events:auto;
   }
-  .v-content-switcher-prev-leave-active{
-    position:absolute;
-    top:0;
-    left:0;
+  .v-card{
+    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
   }
-  .v-content-switcher-prev-leave-to{
-    transform:translateX(100%);
+  .v-card::-moz-focus-inner{
+    border:0;
   }
-  .v-content-switcher-next-enter-active,.v-content-switcher-next-leave-active{
-    transition:var(--transition-tab);
+  .v-card{
+    position:relative;
+    width:100%;
+    padding:0;
+    text-align:left;
+    appearance:none;
+    touch-action:manipulation;
+    user-select:none;
+    outline:0;
+    border:0;
   }
-  .v-content-switcher-next-enter-from{
-    transform:translateX(100%);
+  .v-card,.v-card:focus,.v-card:hover{
+    text-decoration:none;
   }
-  .v-content-switcher-next-enter-to,.v-content-switcher-next-leave{
-    transform:translateX(0);
+  .v-card.clickable{
+    cursor:pointer;
   }
-  .v-content-switcher-next-leave-active{
+  .v-card.clickable:before{
     position:absolute;
-    top:0;
-    left:0;
+    inset:0;
+    content:"";
+    background:currentColor;
+    border-radius:inherit;
+    opacity:0;
+    transition:.3s cubic-bezier(.25, .8, .5, 1);
   }
-  .v-content-switcher-next-leave-to{
-    transform:translateX(-100%);
+  .v-card.clickable:focus:before,.v-card.clickable:hover:before{
+    opacity:.125;
   }
-  .v-toolbar-title{
-    display:flex;
-    flex-grow:1;
-    margin:0;
-    font-size:1.25rem;
-    font-weight:400;
-    line-height:1;
-    white-space:nowrap;
+  .v-card[aria-disabled=true],.v-card[disabled]{
+    pointer-events:none;
   }
-  .v-toolbar{
-    --height:var(--toolbar-height);
-    display:flex;
-    align-items:center;
-    width:100%;
-    height:var(--height);
-    padding:0 calc(var(--root-em)*1.5);
-    margin:0;
-    border-radius:inherit;
+  .v-card[aria-disabled=true]:before,.v-card[disabled]:before{
+    content:none;
   }
-  .v-toolbar--plain{
-    --main-color:var(--palette-background);
+  .v-radio{
+    --my-color:var(--color);
   }
-  .v-app-layout__header>.v-toolbar{
+  .v-radio__faux{
+    position:relative;
+    display:block;
+    width:100%;
     height:100%;
+    transition:border-color .2s,background-color .2s;
   }
-  .v-toolbar--dense{
-    --height:var(--toolbar-dense-height);
+  .v-radio__faux:after,.v-radio__faux:before{
+    position:absolute;
+    display:block;
+    content:"";
+    border-radius:100%;
   }
-  .v-toolbar-edge{
-    display:flex;
-    flex:0 0;
-    align-items:center;
-    align-self:stretch;
+  .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-toolbar-edge--empty,.v-toolbar-edge:empty{
-    display:none;
+  .v-radio--selected .v-radio__faux:after{
+    transform:translate(-50%, -50%) scale(1);
   }
-  .v-toolbar-edge--start{
-    margin-right:calc(var(--root-em)*.75);
-    margin-left:calc(var(--root-em)*-1*.75);
+  .v-switch{
+    --my-pin-color:var(--palette-background);
   }
-  .v-toolbar-edge--end{
-    padding-left:calc(var(--root-em)*.75);
-    margin-right:calc(var(--root-em)*-1*.75);
-    margin-left:auto;
+  .v-switch--selected{
+    --my-pin-color:var(--color);
   }
-  .v-tabs{
+  .v-switch__faux{
     position:relative;
+    display:flex;
+    align-items:center;
+    justify-content:center;
     width:100%;
-    height:var(--tabs-height);
-    overflow:hidden;
+    width:var(--control-switch-width);
+    height:100%;
+    cursor:pointer;
   }
-  .v-tabs:before{
+  .v-switch__faux:before{
+    display:block;
+    width:var(--control-switch-track-width);
+    height:var(--control-switch-track-height);
+    content:"";
+    background:var(--color);
+    border-radius:calc(var(--control-switch-track-height)/2);
+    opacity:.5;
+  }
+  .v-switch__faux__pin{
     position:absolute;
-    right:0;
+    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;
-    height:2px;
     content:"";
-    background:currentColor;
-    opacity:.25;
   }
-  .v-tabs__scroller{
+  .v-switch__faux__pin:before{
+    position:absolute;
     width:100%;
-    height:calc(var(--tabs-height) + 30px);
-  }
-  .v-tabs__scroller__container{
-    padding-bottom:30px;
+    height:100%;
+    background:currentColor;
+    border-radius:50%;
+    opacity:0;
+    transition:opacity .2s;
   }
-  .v-tabs__content{
+  .v-switch__faux__pin:after{
     position:relative;
-    display:inline-flex;
-    align-items:stretch;
-    min-width:100%;
-    vertical-align:bottom;
+    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-pagination{
     --pagination-size:var(--pagination-item-size);
@@ -1756,254 +1859,225 @@
   .v-pagination--disabled .v-pagination__item--active{
     background:var(--palette-muted);
   }
-  .v-card{
-    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-  }
-  .v-card::-moz-focus-inner{
-    border:0;
-  }
-  .v-card{
-    position:relative;
-    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-grid-item{
+    display:block;
   }
-  .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-grid-container{
+    display:flex;
+    flex-wrap:wrap;
   }
-  .v-card.clickable:focus:before,.v-card.clickable:hover:before{
-    opacity:.125;
+  .v-checkbox{
+    --my-border-color:var(--color);
+    --my-faux-bg-color:transparent;
   }
-  .v-card[aria-disabled=true],.v-card[disabled]{
-    pointer-events:none;
+  .v-checkbox--indeterminate,.v-checkbox--selected{
+    --my-border-color:transparent;
+    --my-faux-bg-color:var(--color);
   }
-  .v-card[aria-disabled=true]:before,.v-card[disabled]:before{
-    content:none;
+  .v-checkbox__faux{
+    display:block;
+    width:100%;
+    height:100%;
+    background:var(--my-faux-bg-color);
+    border:2px solid var(--my-border-color);
+    border-radius:var(--control-field-radius);
+    clip-path:polygon(0 0, 0 100%, 100% 100%, 100% 0, 88.25% 28.25%, 38% 78.125%, 12% 50%, 20% 42.1875%, 38% 63%, 82% 20%, 88.25% 28.25%, 100% 0);
+    transition:border-color .2s,background-color .2s;
   }
-  .v-data-table{
-    --controls-vertial-margin:0.625em;
+  .v-checkbox--indeterminate .v-checkbox__faux{
+    clip-path:polygon(0 0, 0 100%, 100% 100%, 100% 0, 77.7777777778% 44.4444444444%, 77.7777777778% 55.5555555556%, 22.2222222222% 55.5555555556%, 22.2222222222% 44.4444444444%, 77.7777777778% 44.4444444444%, 100% 0);
   }
-  .v-card-content .v-data-table{
-    margin-right:calc(var(--card-content-padding)*-1);
-    margin-left:calc(var(--card-content-padding)*-1);
+  .v-option-group{
+    display:block;
   }
-  .v-data-table__controls{
-    flex-wrap:wrap;
-    justify-content:flex-end;
+  .v-option-group__label{
+    padding:1em;
+    font-size:.875em;
+    color:var(--palette-caption);
+    opacity:.6;
   }
-  .v-data-table__controls,.v-data-table__controls__info{
-    display:flex;
-    align-items:center;
+  .v-option-group--disabled .v-option-group__label{
+    color:var(--palette-muted);
+    opacity:.4;
   }
-  .v-data-table__controls__info__length{
-    margin-right:20px;
+  .v-toolbar-menu{
+    height:100%;
+    margin:0;
+    box-shadow:none;
   }
-  .v-data-table__controls__select-limit{
+  .v-toolbar-edge{
     display:flex;
+    flex:0 0;
     align-items:center;
+    align-self:stretch;
   }
-  .v-data-table__controls__select-limit__prefix{
-    margin-right:.5em;
-    font-size:.75em;
-    color:var(--palette-muted);
-    white-space:nowrap;
+  .v-toolbar-edge--empty,.v-toolbar-edge:empty{
+    display:none;
   }
-  .v-data-table__controls__select-limit .v-select{
-    width:5em;
-    margin-left:.5em;
+  .v-toolbar-edge--start{
+    margin-right:calc(var(--root-em)*.75);
+    margin-left:calc(var(--root-em)*-1*.75);
   }
-  .v-data-table__controls__pagination{
-    flex:1 1 100%;
+  .v-toolbar-edge--end{
+    padding-left:calc(var(--root-em)*.75);
+    margin-right:calc(var(--root-em)*-1*.75);
     margin-left:auto;
   }
-  .v-data-table__header{
-    margin-bottom:var(--controls-vertial-margin);
-  }
-  .v-data-table__footer{
-    margin-top:var(--controls-vertial-margin);
-  }
-  .v-data-table__body{
-    position:relative;
-  }
-  .v-data-table__body__inner{
-    overflow-x:auto;
-  }
-  .v-data-table__table-wrapper{
-    display:flex;
-  }
-  .v-data-table__table-wrapper:after,.v-data-table__table-wrapper:before{
-    display:block;
-    height:1px;
-    content:"";
-  }
-  .v-data-table__loading{
-    position:absolute;
-    inset:0;
-    z-index:1;
+  .v-toolbar-title{
     display:flex;
-    align-items:center;
-    justify-content:center;
-    background:var(--palette-background);
-    opacity:.5;
-  }
-  .v-data-table__table{
-    width:100%;
+    flex-grow:1;
     margin:0;
-    background:var(--palette-background);
-    border-radius:var(--control-field-radius);
-  }
-  .v-data-table__table__cell{
-    position:relative;
-    vertical-align:middle;
-    text-align:left;
+    font-size:1.25rem;
+    font-weight:400;
+    line-height:1;
     white-space:nowrap;
-    border-bottom:thin solid rgba(0,0,0,.12);
-    transition:background .2s;
   }
-  .v-data-table__table__cell:first-child{
-    padding-left:calc(var(--table-cell-horizontal-padding)*2);
+  .v-option{
+    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
   }
-  .v-data-table__table__cell:last-child{
-    padding-right:calc(var(--table-cell-horizontal-padding)*2);
+  .v-option::-moz-focus-inner{
+    border:0;
   }
-  .v-data-table__table__cell--left{
-    text-align:left;
+  .v-option{
+    padding:0;
+    appearance:none;
+    touch-action:manipulation;
+    cursor:pointer;
+    user-select:none;
+    outline:0;
+    border-width:0;
   }
-  .v-data-table__table__cell--center{
-    text-align:center;
+  .v-option,.v-option:focus,.v-option:hover{
+    text-decoration:none;
   }
-  .v-data-table__table__cell--center .v-data-table__table__sort-icon--empty{
+  .v-option{
+    position:relative;
     display:flex;
+    width:100%;
+    padding:.75em 1em;
   }
-  .v-data-table__table__cell--right{
-    text-align:right;
+  .v-option input{
+    position:absolute;
+    width:1px;
+    height:1px;
+    overflow:hidden;
+    white-space:nowrap;
+    clip:rect(0 0 0 0);
+    clip-path:inset(100%);
   }
-  .v-data-table__table__cell[tabindex="0"]{
-    cursor:pointer;
+  .v-option:after,.v-option:before{
+    position:absolute;
+    inset:0;
+    display:block;
+    pointer-events:none;
+    content:"";
+    opacity:0;
+    transition:opacity .2s;
   }
-  .v-data-table__table__cell__tile{
-    display:flex;
-    align-items:center;
+  .v-option:before{
+    background:currentColor;
   }
-  .v-data-table__table__sort-icon{
-    width:25px;
-    font-size:1.25em;
-    opacity:0;
-    transition:transform .2s,opacity .2s;
+  .v-option:after{
+    background:var(--palette-primary);
   }
-  .v-data-table__table__sort-icon--empty{
-    display:none;
+  .v-option--key-focused:before,.v-option:focus-within:before,.v-option:hover:before{
+    opacity:.12;
   }
-  .v-data-table__table__header .v-data-table__table__cell{
-    user-select:none;
-    background:hsla(0,0%,100%,.85);
-    backdrop-filter:blur(3px);
+  .v-option__label{
+    position:relative;
+    display:block;
   }
-  .v-data-table__table__cell[tabindex="0"]:focus .v-data-table__table__sort-icon,.v-data-table__table__cell[tabindex="0"]:hover .v-data-table__table__sort-icon,.v-data-table__table__header .v-data-table__table__cell--active .v-data-table__table__sort-icon{
-    opacity:1;
+  .v-option--selected:after{
+    opacity:.12;
   }
-  .v-data-table__table__body tr:last-child .v-data-table__table__cell{
-    border-bottom:none;
+  .v-option--selected .v-option__label{
+    font-weight:500;
+    color:var(--palette-primary);
   }
-  .v-data-table--fixed-header .v-data-table__table__header .v-data-table__table__cell{
-    position:sticky;
-    top:0;
-    z-index:1;
+  .v-option--has-not-value .v-option__label{
+    font-style:italic;
   }
-  .v-text-counter{
-    white-space:nowrap;
+  .v-option[aria-disabled=true],.v-option[disabled],.v-option[tabindex="-1"]{
+    color:var(--palette-muted);
+    pointer-events:none;
+    opacity:.4;
   }
-  .v-avatar{
+  .v-option[aria-disabled=true]:before,.v-option[disabled]:before,.v-option[tabindex="-1"]:before{
+    opacity:0 !important;
+  }
+  .v-tab{
     -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
   }
-  .v-avatar::-moz-focus-inner{
+  .v-tab::-moz-focus-inner{
     border:0;
   }
-  .v-avatar{
+  .v-tab{
     padding:0;
     appearance:none;
     touch-action:manipulation;
     cursor:pointer;
-    user-select:none;
     outline:0;
     border-width:0;
   }
-  .v-avatar,.v-avatar:focus,.v-avatar:hover{
+  .v-tab,.v-tab:focus,.v-tab:hover{
     text-decoration:none;
   }
-  .v-avatar{
-    --avatar-radius:50%;
-    --avatar-font-weight:var(--typo-medium-weight);
-    --avatar-base-font-size:var(--typo-base-size);
-    --avatar-font-size:var(--avatar-base-font-size);
-    display:inline-flex;
-    flex-basis:var(--avatar-size);
+  .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;
-    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);
+    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-avatar--md{
-    --avatar-size:48px;
+  .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--lg{
-    --avatar-size:62px;
-    --avatar-font-size:calc(var(--avatar-base-font-size)*1.25);
+  .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--rounded{
-    --avatar-radius:4px;
+  .v-tab__icon{
+    margin-right:8px;
+    font-size:120%;
   }
-  .v-avatar--tile{
-    --avatar-radius:0;
+  .v-tab:hover{
+    --tab-content-color:var(--tab-content-focus-color);
   }
-  .v-avatar img,.v-avatar__image{
-    display:inline-flex;
-    width:inherit !important;
-    height:inherit !important;
-    object-fit:cover;
-    border-radius:inherit;
+  .v-tab--active{
+    --tab-content-color:rgba(0,0,0,.87);
+    pointer-events:none;
+    background:var(--tabs-color);
+    --tab-content-opacity:1;
   }
-  .v-toolbar-menu{
-    height:100%;
-    margin:0;
-    box-shadow:none;
+  .v-tab--active:before{
+    transform:scaleX(1);
   }
   .v-checkable{
     --outer-size:var(--control-checkable-outer-size);
@@ -2060,198 +2134,36 @@
     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-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;
+    content:"";
+    background:currentColor;
+    border-radius:50%;
+    opacity:0;
+    transition:opacity .2s;
   }
-  .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__faux:hover:before{
+    opacity:.1;
   }
-  .v-tab__icon{
-    margin-right:8px;
-    font-size:120%;
+  .v-checkable--custom-icon .v-checkable__faux{
+    flex-basis:auto;
+    width:auto;
   }
-  .v-tab:hover{
-    --tab-content-color:var(--tab-content-focus-color);
+  .v-checkable--custom-icon .v-checkable__faux:before{
+    content:none;
   }
-  .v-tab--active{
-    --tab-content-color:rgba(0,0,0,.87);
-    pointer-events:none;
-    background:var(--tabs-color);
-    --tab-content-opacity:1;
+  .v-checkable:focus-within .v-checkable__faux:before{
+    opacity:.2;
   }
-  .v-tab--active:before{
-    transform:scaleX(1);
+  .v-checkable__label{
+    line-height:1.5;
+  }
+  .v-checkable--disabled .v-checkable__label{
+    color:var(--color);
   }
   @media screen and (width >= 320px){
     .v-data-table__controls__pagination{
       flex:0 0 50%;
       width:50%;
     }}
-}.v-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{
   /*!
@@ -2384,6 +2296,114 @@
   button{
     background-color:transparent;
   }
+}.v-tooltip{
+  --menu-shadow:var(--tooltip-shadow);
+  --v-stack-slide-amount:10px;
+  font-size:var(--tooltip-font-size);
+  border-radius:var(--tooltip-radius);
+}
+
+.v-tooltip .v-menu__body{
+  color:var(--tooltip-color) !important;
+  background:var(--tooltip-background) !important;
+}
+
+.v-tooltip__inner{
+  display:inline-block;
+  padding:var(--tooltip-padding);
+}.v-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-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;
+  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;
+}
+@keyframes v-skelton-loader-bone-loading{
+  to{
+    transform:translateX(100%);
+  }
 }.v-snackbar{
   font-size:14px;
   box-shadow:var(--snackbar-shadow);
@@ -2416,24 +2436,4 @@
 
 .v-snackbar__close{
   margin:0;
-}.v-tooltip{
-  --menu-shadow:var(--tooltip-shadow);
-  --v-stack-slide-amount:10px;
-  font-size:var(--tooltip-font-size);
-  border-radius:var(--tooltip-radius);
-}
-
-.v-tooltip .v-menu__body{
-  color:var(--tooltip-color) !important;
-  background:var(--tooltip-background) !important;
-}
-
-.v-tooltip__inner{
-  display:inline-block;
-  padding:var(--tooltip-padding);
-}
-@keyframes v-skelton-loader-bone-loading{
-  to{
-    transform:translateX(100%);
-  }
 }