@vuetify/nightly 3.6.3-dev.2024-05-03 → 3.6.3-master.2024-05-03

package/dist/vuetify.css

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.6.3-dev.2024-05-03
+* Vuetify v3.6.3-master.2024-05-03
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -17396,18 +17396,6 @@ html.overflow-y-hidden {
   min-height: 100vh;
   min-height: 100dvh;
   position: relative;
-}.v-app-bar {
-  display: flex;
-}
-.v-app-bar.v-toolbar {
-  background: rgb(var(--v-theme-surface));
-  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
-}
-.v-app-bar.v-toolbar:not(.v-toolbar--flat) {
-  box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
-}
-.v-app-bar:not(.v-toolbar--absolute) {
-  padding-inline-end: var(--v-scrollbar-offset);
 }.v-alert {
   display: grid;
   flex: 1 1;
@@ -17620,101 +17608,18 @@ html.overflow-y-hidden {
   text-transform: none;
   word-break: normal;
   word-wrap: break-word;
-}.v-avatar {
-  flex: none;
-  align-items: center;
-  display: inline-flex;
-  justify-content: center;
-  line-height: normal;
-  overflow: hidden;
-  position: relative;
-  text-align: center;
-  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-  transition-property: width, height;
-  vertical-align: middle;
-  border-radius: 50%;
-}
-.v-avatar.v-avatar--size-x-small {
-  --v-avatar-height: 24px;
-}
-.v-avatar.v-avatar--size-small {
-  --v-avatar-height: 32px;
-}
-.v-avatar.v-avatar--size-default {
-  --v-avatar-height: 40px;
-}
-.v-avatar.v-avatar--size-large {
-  --v-avatar-height: 48px;
-}
-.v-avatar.v-avatar--size-x-large {
-  --v-avatar-height: 56px;
-}
-.v-avatar.v-avatar--density-default {
-  height: calc(var(--v-avatar-height) + 0px);
-  width: calc(var(--v-avatar-height) + 0px);
-}
-.v-avatar.v-avatar--density-comfortable {
-  height: calc(var(--v-avatar-height) + -4px);
-  width: calc(var(--v-avatar-height) + -4px);
-}
-.v-avatar.v-avatar--density-compact {
-  height: calc(var(--v-avatar-height) + -8px);
-  width: calc(var(--v-avatar-height) + -8px);
-}
-.v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
-  background: transparent;
-  color: inherit;
-}
-.v-avatar--variant-plain {
-  opacity: 0.62;
-}
-.v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
-  opacity: 1;
-}
-.v-avatar--variant-plain .v-avatar__overlay {
-  display: none;
-}
-.v-avatar--variant-elevated, .v-avatar--variant-flat {
-  background: var(--v-theme-surface);
-  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
-}
-.v-avatar--variant-elevated {
-  box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
-}
-.v-avatar--variant-flat {
-  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
-}
-.v-avatar--variant-outlined {
-  border: thin solid currentColor;
-}
-.v-avatar--variant-text .v-avatar__overlay {
-  background: currentColor;
-}
-.v-avatar--variant-tonal .v-avatar__underlay {
-  background: currentColor;
-  opacity: var(--v-activated-opacity);
-  border-radius: inherit;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  pointer-events: none;
-}
-.v-avatar .v-avatar__underlay {
-  position: absolute;
-}
-.v-avatar--rounded {
-  border-radius: 4px;
+}.v-app-bar {
+  display: flex;
 }
-.v-avatar--start {
-  margin-inline-end: 8px;
+.v-app-bar.v-toolbar {
+  background: rgb(var(--v-theme-surface));
+  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
 }
-.v-avatar--end {
-  margin-inline-start: 8px;
+.v-app-bar.v-toolbar:not(.v-toolbar--flat) {
+  box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
 }
-.v-avatar .v-img {
-  height: 100%;
-  width: 100%;
+.v-app-bar:not(.v-toolbar--absolute) {
+  padding-inline-end: var(--v-scrollbar-offset);
 }.v-autocomplete .v-field .v-text-field__prefix,
 .v-autocomplete .v-field .v-text-field__suffix,
 .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
@@ -17796,77 +17701,101 @@ html.overflow-y-hidden {
 .v-autocomplete--active-menu .v-autocomplete__menu-icon {
   opacity: var(--v-high-emphasis-opacity);
   transform: rotate(180deg);
-}.v-badge {
-  display: inline-block;
-  line-height: 1;
-}
-
-.v-badge__badge {
+}.v-avatar {
+  flex: none;
   align-items: center;
   display: inline-flex;
-  border-radius: 10px;
-  font-size: 0.75rem;
-  font-weight: 500;
-  height: 1.25rem;
   justify-content: center;
-  min-width: 20px;
-  padding: 4px 6px;
-  pointer-events: auto;
-  position: absolute;
+  line-height: normal;
+  overflow: hidden;
+  position: relative;
   text-align: center;
-  text-indent: 0;
-  transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
-  white-space: nowrap;
-  background: rgb(var(--v-theme-surface-variant));
-  color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
+  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+  transition-property: width, height;
+  vertical-align: middle;
+  border-radius: 50%;
 }
-.v-badge--bordered .v-badge__badge::after {
+.v-avatar.v-avatar--size-x-small {
+  --v-avatar-height: 24px;
+}
+.v-avatar.v-avatar--size-small {
+  --v-avatar-height: 32px;
+}
+.v-avatar.v-avatar--size-default {
+  --v-avatar-height: 40px;
+}
+.v-avatar.v-avatar--size-large {
+  --v-avatar-height: 48px;
+}
+.v-avatar.v-avatar--size-x-large {
+  --v-avatar-height: 56px;
+}
+.v-avatar.v-avatar--density-default {
+  height: calc(var(--v-avatar-height) + 0px);
+  width: calc(var(--v-avatar-height) + 0px);
+}
+.v-avatar.v-avatar--density-comfortable {
+  height: calc(var(--v-avatar-height) + -4px);
+  width: calc(var(--v-avatar-height) + -4px);
+}
+.v-avatar.v-avatar--density-compact {
+  height: calc(var(--v-avatar-height) + -8px);
+  width: calc(var(--v-avatar-height) + -8px);
+}
+.v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
+  background: transparent;
+  color: inherit;
+}
+.v-avatar--variant-plain {
+  opacity: 0.62;
+}
+.v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
+  opacity: 1;
+}
+.v-avatar--variant-plain .v-avatar__overlay {
+  display: none;
+}
+.v-avatar--variant-elevated, .v-avatar--variant-flat {
+  background: var(--v-theme-surface);
+  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
+}
+.v-avatar--variant-elevated {
+  box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
+}
+.v-avatar--variant-flat {
+  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
+}
+.v-avatar--variant-outlined {
+  border: thin solid currentColor;
+}
+.v-avatar--variant-text .v-avatar__overlay {
+  background: currentColor;
+}
+.v-avatar--variant-tonal .v-avatar__underlay {
+  background: currentColor;
+  opacity: var(--v-activated-opacity);
   border-radius: inherit;
-  border-style: solid;
-  border-width: 2px;
+  top: 0;
+  right: 0;
   bottom: 0;
-  color: rgb(var(--v-theme-background));
-  content: "";
   left: 0;
-  position: absolute;
-  right: 0;
-  top: 0;
-  transform: scale(1.05);
+  pointer-events: none;
 }
-.v-badge--dot .v-badge__badge {
-  border-radius: 4.5px;
-  height: 9px;
-  min-width: 0;
-  padding: 0;
-  width: 9px;
+.v-avatar .v-avatar__underlay {
+  position: absolute;
 }
-.v-badge--dot .v-badge__badge::after {
-  border-width: 1.5px;
+.v-avatar--rounded {
+  border-radius: 4px;
 }
-.v-badge--inline .v-badge__badge {
-  position: relative;
-  vertical-align: middle;
+.v-avatar--start {
+  margin-inline-end: 8px;
 }
-.v-badge__badge .v-icon {
-  color: inherit;
-  font-size: 0.75rem;
-  margin: 0 -2px;
+.v-avatar--end {
+  margin-inline-start: 8px;
 }
-.v-badge__badge img,
-.v-badge__badge .v-img {
+.v-avatar .v-img {
   height: 100%;
   width: 100%;
-}
-
-.v-badge__wrapper {
-  display: flex;
-  position: relative;
-}
-.v-badge--inline .v-badge__wrapper {
-  align-items: center;
-  display: inline-flex;
-  justify-content: center;
-  margin: 0 4px;
 }.v-banner {
   display: grid;
   flex: 1 1;
@@ -18024,13 +17953,84 @@ html.overflow-y-hidden {
 }
 .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
   align-self: flex-start;
-}.v-bottom-navigation {
-  display: flex;
-  max-width: 100%;
-  overflow: hidden;
-  position: absolute;
-  transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
-  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
+}.v-badge {
+  display: inline-block;
+  line-height: 1;
+}
+
+.v-badge__badge {
+  align-items: center;
+  display: inline-flex;
+  border-radius: 10px;
+  font-size: 0.75rem;
+  font-weight: 500;
+  height: 1.25rem;
+  justify-content: center;
+  min-width: 20px;
+  padding: 4px 6px;
+  pointer-events: auto;
+  position: absolute;
+  text-align: center;
+  text-indent: 0;
+  transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
+  white-space: nowrap;
+  background: rgb(var(--v-theme-surface-variant));
+  color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
+}
+.v-badge--bordered .v-badge__badge::after {
+  border-radius: inherit;
+  border-style: solid;
+  border-width: 2px;
+  bottom: 0;
+  color: rgb(var(--v-theme-background));
+  content: "";
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  transform: scale(1.05);
+}
+.v-badge--dot .v-badge__badge {
+  border-radius: 4.5px;
+  height: 9px;
+  min-width: 0;
+  padding: 0;
+  width: 9px;
+}
+.v-badge--dot .v-badge__badge::after {
+  border-width: 1.5px;
+}
+.v-badge--inline .v-badge__badge {
+  position: relative;
+  vertical-align: middle;
+}
+.v-badge__badge .v-icon {
+  color: inherit;
+  font-size: 0.75rem;
+  margin: 0 -2px;
+}
+.v-badge__badge img,
+.v-badge__badge .v-img {
+  height: 100%;
+  width: 100%;
+}
+
+.v-badge__wrapper {
+  display: flex;
+  position: relative;
+}
+.v-badge--inline .v-badge__wrapper {
+  align-items: center;
+  display: inline-flex;
+  justify-content: center;
+  margin: 0 4px;
+}.v-bottom-navigation {
+  display: flex;
+  max-width: 100%;
+  overflow: hidden;
+  position: absolute;
+  transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
+  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
   border-style: solid;
   border-width: 0;
   border-radius: 0;
@@ -18649,69 +18649,6 @@ html.overflow-y-hidden {
   .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
     opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
   }
-}.v-carousel {
-  overflow: hidden;
-  position: relative;
-  width: 100%;
-}
-.v-carousel__controls {
-  align-items: center;
-  bottom: 0;
-  display: flex;
-  height: 50px;
-  justify-content: center;
-  list-style-type: none;
-  position: absolute;
-  width: 100%;
-  z-index: 1;
-  background: rgba(var(--v-theme-surface-variant), 0.3);
-  color: rgb(var(--v-theme-on-surface-variant));
-}
-.v-carousel__controls > .v-item-group {
-  flex: 0 1 auto;
-}
-.v-carousel__controls__item {
-  margin: 0 8px;
-}
-.v-carousel__controls__item .v-icon {
-  opacity: 0.5;
-}
-.v-carousel__controls__item--active .v-icon {
-  opacity: 1;
-  vertical-align: middle;
-}
-.v-carousel__controls__item:hover {
-  background: none;
-}
-.v-carousel__controls__item:hover .v-icon {
-  opacity: 0.8;
-}
-
-.v-carousel__progress {
-  margin: 0;
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  right: 0;
-}
-
-.v-carousel-item {
-  display: block;
-  height: inherit;
-  text-decoration: none;
-}
-.v-carousel-item > .v-img {
-  height: inherit;
-}
-
-.v-carousel--hide-delimiter-background .v-carousel__controls {
-  background: transparent;
-}
-
-.v-carousel--vertical-delimiters .v-carousel__controls {
-  flex-direction: column;
-  height: 100% !important;
-  width: 50px;
 }.v-card {
   display: block;
   overflow: hidden;
@@ -19011,6 +18948,69 @@ html.overflow-y-hidden {
   pointer-events: none;
   opacity: 0;
   transition: opacity 0.2s ease-in-out;
+}.v-carousel {
+  overflow: hidden;
+  position: relative;
+  width: 100%;
+}
+.v-carousel__controls {
+  align-items: center;
+  bottom: 0;
+  display: flex;
+  height: 50px;
+  justify-content: center;
+  list-style-type: none;
+  position: absolute;
+  width: 100%;
+  z-index: 1;
+  background: rgba(var(--v-theme-surface-variant), 0.3);
+  color: rgb(var(--v-theme-on-surface-variant));
+}
+.v-carousel__controls > .v-item-group {
+  flex: 0 1 auto;
+}
+.v-carousel__controls__item {
+  margin: 0 8px;
+}
+.v-carousel__controls__item .v-icon {
+  opacity: 0.5;
+}
+.v-carousel__controls__item--active .v-icon {
+  opacity: 1;
+  vertical-align: middle;
+}
+.v-carousel__controls__item:hover {
+  background: none;
+}
+.v-carousel__controls__item:hover .v-icon {
+  opacity: 0.8;
+}
+
+.v-carousel__progress {
+  margin: 0;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+
+.v-carousel-item {
+  display: block;
+  height: inherit;
+  text-decoration: none;
+}
+.v-carousel-item > .v-img {
+  height: inherit;
+}
+
+.v-carousel--hide-delimiter-background .v-carousel__controls {
+  background: transparent;
+}
+
+.v-carousel--vertical-delimiters .v-carousel__controls {
+  flex-direction: column;
+  height: 100% !important;
+  width: 50px;
 }.v-checkbox.v-input {
   flex: 0 1 auto;
 }
@@ -20437,87 +20437,33 @@ html.overflow-y-hidden {
 }
 .v-data-table-footer__page {
   padding: 0 8px;
-}.v-date-picker-header {
-  align-items: flex-end;
-  height: 70px;
-  display: grid;
-  grid-template-areas: "prepend content append";
-  grid-template-columns: min-content minmax(0, 1fr) min-content;
+}.v-date-picker {
   overflow: hidden;
-  padding-inline: 24px 12px;
-  padding-bottom: 12px;
-}
-
-.v-date-picker-header__append {
-  grid-area: append;
-}
-
-.v-date-picker-header__prepend {
-  grid-area: prepend;
-  padding-inline-start: 8px;
+  width: 328px;
 }
-
-.v-date-picker-header__content {
+.v-date-picker--show-week {
+  width: 368px;
+}.v-date-picker-controls {
+  display: flex;
   align-items: center;
-  display: inline-flex;
-  font-size: 32px;
-  line-height: 40px;
-  grid-area: content;
   justify-content: space-between;
+  font-size: 0.875rem;
+  padding-top: 4px;
+  padding-bottom: 4px;
+  padding-inline-start: 6px;
+  padding-inline-end: 12px;
 }
-.v-date-picker-header--clickable .v-date-picker-header__content {
-  cursor: pointer;
+.v-date-picker-controls > .v-btn:first-child {
+  text-transform: none;
+  font-weight: 400;
+  line-height: initial;
+  letter-spacing: initial;
 }
-.v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
-  opacity: 0.7;
+.v-date-picker-controls--variant-classic {
+  padding-inline-start: 12px;
 }
-
-.date-picker-header-transition-enter-active,
-.date-picker-header-reverse-transition-enter-active {
-  transition-duration: 0.3s;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-}
-.date-picker-header-transition-leave-active,
-.date-picker-header-reverse-transition-leave-active {
-  transition-duration: 0.3s;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-.date-picker-header-transition-enter-from {
-  transform: translate(0, 100%);
-}
-.date-picker-header-transition-leave-to {
-  opacity: 0;
-  transform: translate(0, -100%);
-}
-
-.date-picker-header-reverse-transition-enter-from {
-  transform: translate(0, -100%);
-}
-.date-picker-header-reverse-transition-leave-to {
-  opacity: 0;
-  transform: translate(0, 100%);
-}.v-date-picker-controls {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  font-size: 0.875rem;
-  padding-top: 4px;
-  padding-bottom: 4px;
-  padding-inline-start: 6px;
-  padding-inline-end: 12px;
-}
-.v-date-picker-controls > .v-btn:first-child {
-  text-transform: none;
-  font-weight: 400;
-  line-height: initial;
-  letter-spacing: initial;
-}
-.v-date-picker-controls--variant-classic {
-  padding-inline-start: 12px;
-}
-.v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
-  opacity: 0.7;
+.v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
+  opacity: 0.7;
 }
 .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
   cursor: pointer;
@@ -20553,31 +20499,6 @@ html.overflow-y-hidden {
 
 .v-date-picker__title {
   display: inline-block;
-}.v-date-picker {
-  overflow: hidden;
-  width: 328px;
-}
-.v-date-picker--show-week {
-  width: 368px;
-}.v-date-picker-months {
-  height: 288px;
-}
-
-.v-date-picker-months__content {
-  align-items: center;
-  display: grid;
-  flex: 1 1;
-  height: inherit;
-  justify-content: space-around;
-  grid-template-columns: repeat(2, 1fr);
-  grid-gap: 0px 24px;
-  padding-inline-start: 36px;
-  padding-inline-end: 36px;
-}
-.v-date-picker-months__content .v-btn {
-  text-transform: none;
-  padding-inline-start: 8px;
-  padding-inline-end: 8px;
 }.v-date-picker-month {
   display: flex;
   justify-content: center;
@@ -20633,6 +20554,85 @@ html.overflow-y-hidden {
 
 .v-date-picker-month__day--hide-adjacent {
   opacity: 0;
+}.v-date-picker-header {
+  align-items: flex-end;
+  height: 70px;
+  display: grid;
+  grid-template-areas: "prepend content append";
+  grid-template-columns: min-content minmax(0, 1fr) min-content;
+  overflow: hidden;
+  padding-inline: 24px 12px;
+  padding-bottom: 12px;
+}
+
+.v-date-picker-header__append {
+  grid-area: append;
+}
+
+.v-date-picker-header__prepend {
+  grid-area: prepend;
+  padding-inline-start: 8px;
+}
+
+.v-date-picker-header__content {
+  align-items: center;
+  display: inline-flex;
+  font-size: 32px;
+  line-height: 40px;
+  grid-area: content;
+  justify-content: space-between;
+}
+.v-date-picker-header--clickable .v-date-picker-header__content {
+  cursor: pointer;
+}
+.v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
+  opacity: 0.7;
+}
+
+.date-picker-header-transition-enter-active,
+.date-picker-header-reverse-transition-enter-active {
+  transition-duration: 0.3s;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+.date-picker-header-transition-leave-active,
+.date-picker-header-reverse-transition-leave-active {
+  transition-duration: 0.3s;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.date-picker-header-transition-enter-from {
+  transform: translate(0, 100%);
+}
+.date-picker-header-transition-leave-to {
+  opacity: 0;
+  transform: translate(0, -100%);
+}
+
+.date-picker-header-reverse-transition-enter-from {
+  transform: translate(0, -100%);
+}
+.date-picker-header-reverse-transition-leave-to {
+  opacity: 0;
+  transform: translate(0, 100%);
+}.v-date-picker-months {
+  height: 288px;
+}
+
+.v-date-picker-months__content {
+  align-items: center;
+  display: grid;
+  flex: 1 1;
+  height: inherit;
+  justify-content: space-around;
+  grid-template-columns: repeat(2, 1fr);
+  grid-gap: 0px 24px;
+  padding-inline-start: 36px;
+  padding-inline-end: 36px;
+}
+.v-date-picker-months__content .v-btn {
+  text-transform: none;
+  padding-inline-start: 8px;
+  padding-inline-end: 8px;
 }.v-date-picker-years {
   height: 288px;
   overflow-y: scroll;
@@ -22038,13 +22038,6 @@ textarea.v-field__input::placeholder {
 
 .v-label--clickable {
   cursor: pointer;
-}.v-layout-item {
-  position: absolute;
-  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-.v-layout-item--absolute {
-  position: absolute;
 }.v-layout {
   --v-scrollbar-offset: 0px;
   display: flex;
@@ -22053,6 +22046,13 @@ textarea.v-field__input::placeholder {
 .v-layout--full-height {
   --v-scrollbar-offset: inherit;
   height: 100%;
+}.v-layout-item {
+  position: absolute;
+  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.v-layout-item--absolute {
+  position: absolute;
 }.v-list {
   overflow: auto;
   padding: 8px 0;
@@ -22640,19 +22640,6 @@ textarea.v-field__input::placeholder {
   --v-layout-right: 0px;
   --v-layout-top: 0px;
   --v-layout-bottom: 0px;
-}.v-menu > .v-overlay__content {
-  display: flex;
-  flex-direction: column;
-  border-radius: 4px;
-}
-.v-menu > .v-overlay__content > .v-card,
-.v-menu > .v-overlay__content > .v-sheet,
-.v-menu > .v-overlay__content > .v-list {
-  background: rgb(var(--v-theme-surface));
-  border-radius: inherit;
-  overflow: auto;
-  height: 100%;
-  box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
 }.v-messages {
   flex: 1 1 auto;
   font-size: 12px;
@@ -22669,6 +22656,19 @@ textarea.v-field__input::placeholder {
   -webkit-hyphens: auto;
           hyphens: auto;
   transition-duration: 150ms;
+}.v-menu > .v-overlay__content {
+  display: flex;
+  flex-direction: column;
+  border-radius: 4px;
+}
+.v-menu > .v-overlay__content > .v-card,
+.v-menu > .v-overlay__content > .v-sheet,
+.v-menu > .v-overlay__content > .v-list {
+  background: rgb(var(--v-theme-surface));
+  border-radius: inherit;
+  overflow: auto;
+  height: 100%;
+  box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
 }.v-navigation-drawer {
   -webkit-overflow-scrolling: touch;
   background: rgb(var(--v-theme-surface));
@@ -22771,62 +22771,6 @@ textarea.v-field__input::placeholder {
 .v-navigation-drawer__append {
   flex: none;
   overflow: hidden;
-}.v-otp-input {
-  border-radius: 4px;
-  align-items: center;
-  display: flex;
-  justify-content: center;
-  padding: 0.5rem 0;
-  position: relative;
-}
-.v-otp-input .v-field {
-  height: 100%;
-}
-
-.v-otp-input__divider {
-  margin: 0 8px;
-}
-
-.v-otp-input__content {
-  align-items: center;
-  display: flex;
-  gap: 0.5rem;
-  height: 64px;
-  padding: 0.5rem;
-  justify-content: center;
-  max-width: 320px;
-  position: relative;
-  border-radius: inherit;
-}
-.v-otp-input--divided .v-otp-input__content {
-  max-width: 360px;
-}
-
-.v-otp-input__field {
-  color: inherit;
-  font-size: 1.25rem;
-  height: 100%;
-  outline: none;
-  text-align: center;
-  width: 100%;
-}
-.v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-  margin: 0;
-}
-.v-otp-input__field[type=number] {
-  -moz-appearance: textfield;
-}
-
-.v-otp-input__loader {
-  align-items: center;
-  display: flex;
-  height: 100%;
-  justify-content: center;
-  width: 100%;
-}
-.v-otp-input__loader .v-progress-linear {
-  position: absolute;
 }.v-overlay-container {
   contain: layout;
   left: 0;
@@ -22890,17 +22834,73 @@ html.v-overlay-scroll-blocked {
 
 .v-overlay--scroll-blocked {
   padding-inline-end: var(--v-scrollbar-offset);
-}.v-pagination__list {
-  display: inline-flex;
-  list-style-type: none;
+}.v-otp-input {
+  border-radius: 4px;
+  align-items: center;
+  display: flex;
   justify-content: center;
-  width: 100%;
-}
-.v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
-  margin: 0.3rem;
-}.v-parallax {
+  padding: 0.5rem 0;
   position: relative;
-  overflow: hidden;
+}
+.v-otp-input .v-field {
+  height: 100%;
+}
+
+.v-otp-input__divider {
+  margin: 0 8px;
+}
+
+.v-otp-input__content {
+  align-items: center;
+  display: flex;
+  gap: 0.5rem;
+  height: 64px;
+  padding: 0.5rem;
+  justify-content: center;
+  max-width: 320px;
+  position: relative;
+  border-radius: inherit;
+}
+.v-otp-input--divided .v-otp-input__content {
+  max-width: 360px;
+}
+
+.v-otp-input__field {
+  color: inherit;
+  font-size: 1.25rem;
+  height: 100%;
+  outline: none;
+  text-align: center;
+  width: 100%;
+}
+.v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+.v-otp-input__field[type=number] {
+  -moz-appearance: textfield;
+}
+
+.v-otp-input__loader {
+  align-items: center;
+  display: flex;
+  height: 100%;
+  justify-content: center;
+  width: 100%;
+}
+.v-otp-input__loader .v-progress-linear {
+  position: absolute;
+}.v-pagination__list {
+  display: inline-flex;
+  list-style-type: none;
+  justify-content: center;
+  width: 100%;
+}
+.v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
+  margin: 0.3rem;
+}.v-parallax {
+  position: relative;
+  overflow: hidden;
 }
 .v-parallax--active > .v-img__img {
   will-change: transform;
@@ -23217,6 +23217,60 @@ html.v-overlay-scroll-blocked {
   0% {
     background-position-x: var(--v-progress-linear-height);
   }
+}.v-rating {
+  max-width: 100%;
+  display: inline-flex;
+  white-space: nowrap;
+}
+.v-rating--readonly {
+  pointer-events: none;
+}
+
+.v-rating__wrapper {
+  align-items: center;
+  display: inline-flex;
+  flex-direction: column;
+}
+.v-rating__wrapper--bottom {
+  flex-direction: column-reverse;
+}
+
+.v-rating__item {
+  display: inline-flex;
+  position: relative;
+}
+.v-rating__item label {
+  cursor: pointer;
+}
+.v-rating__item .v-btn--variant-plain {
+  opacity: 1;
+}
+.v-rating__item .v-btn {
+  transition-property: transform;
+}
+.v-rating__item .v-btn .v-icon {
+  transition: inherit;
+  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+}
+.v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
+  transform: scale(1.25);
+}
+.v-rating__item--half {
+  overflow: hidden;
+  position: absolute;
+  -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
+          clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
+  z-index: 1;
+}
+.v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
+  opacity: 0;
+}
+
+.v-rating__hidden {
+  height: 0;
+  opacity: 0;
+  position: absolute;
+  width: 0;
 }.v-radio-group > .v-input__control {
   flex-direction: column;
 }
@@ -23286,60 +23340,6 @@ html.v-overlay-scroll-blocked {
 
 .v-slider__label {
   margin-inline-end: 12px;
-}.v-rating {
-  max-width: 100%;
-  display: inline-flex;
-  white-space: nowrap;
-}
-.v-rating--readonly {
-  pointer-events: none;
-}
-
-.v-rating__wrapper {
-  align-items: center;
-  display: inline-flex;
-  flex-direction: column;
-}
-.v-rating__wrapper--bottom {
-  flex-direction: column-reverse;
-}
-
-.v-rating__item {
-  display: inline-flex;
-  position: relative;
-}
-.v-rating__item label {
-  cursor: pointer;
-}
-.v-rating__item .v-btn--variant-plain {
-  opacity: 1;
-}
-.v-rating__item .v-btn {
-  transition-property: transform;
-}
-.v-rating__item .v-btn .v-icon {
-  transition: inherit;
-  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-}
-.v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
-  transform: scale(1.25);
-}
-.v-rating__item--half {
-  overflow: hidden;
-  position: absolute;
-  -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
-          clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
-  z-index: 1;
-}
-.v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
-  opacity: 0;
-}
-
-.v-rating__hidden {
-  height: 0;
-  opacity: 0;
-  position: absolute;
-  width: 0;
 }.v-responsive {
   display: flex;
   flex: 1 0 auto;
@@ -23515,14 +23515,6 @@ html.v-overlay-scroll-blocked {
 }
 .v-selection-control--focus-visible .v-selection-control__input::before {
   opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
-}.v-selection-control-group {
-  grid-area: control;
-  display: flex;
-  flex-direction: column;
-}
-.v-selection-control-group--inline {
-  flex-direction: row;
-  flex-wrap: wrap;
 }.v-sheet {
   display: block;
   border-color: rgba(var(--v-border-color), var(--v-border-opacity));
@@ -23551,6 +23543,14 @@ html.v-overlay-scroll-blocked {
 }
 .v-sheet--rounded {
   border-radius: 4px;
+}.v-selection-control-group {
+  grid-area: control;
+  display: flex;
+  flex-direction: column;
+}
+.v-selection-control-group--inline {
+  flex-direction: row;
+  flex-wrap: wrap;
 }.v-skeleton-loader {
   align-items: center;
   background: rgb(var(--v-theme-surface));
@@ -23967,47 +23967,6 @@ html.v-overlay-scroll-blocked {
 }
 .v-snackbar-transition-leave-to {
   opacity: 0;
-}.v-speed-dial__content {
-  gap: 8px;
-}
-.v-speed-dial__content.v-overlay__content.v-speed-dial__content--end, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right-center {
-  flex-direction: row;
-}
-.v-speed-dial__content.v-overlay__content.v-speed-dial__content--left, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start-center {
-  flex-direction: row-reverse;
-}
-.v-speed-dial__content.v-overlay__content.v-speed-dial__content--top, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top-center {
-  flex-direction: column-reverse;
-}
-.v-speed-dial__content > *:nth-child(1) {
-  transition-delay: 0s;
-}
-.v-speed-dial__content > *:nth-child(2) {
-  transition-delay: 0.05s;
-}
-.v-speed-dial__content > *:nth-child(3) {
-  transition-delay: 0.1s;
-}
-.v-speed-dial__content > *:nth-child(4) {
-  transition-delay: 0.15s;
-}
-.v-speed-dial__content > *:nth-child(5) {
-  transition-delay: 0.2s;
-}
-.v-speed-dial__content > *:nth-child(6) {
-  transition-delay: 0.25s;
-}
-.v-speed-dial__content > *:nth-child(7) {
-  transition-delay: 0.3s;
-}
-.v-speed-dial__content > *:nth-child(8) {
-  transition-delay: 0.35s;
-}
-.v-speed-dial__content > *:nth-child(9) {
-  transition-delay: 0.4s;
-}
-.v-speed-dial__content > *:nth-child(10) {
-  transition-delay: 0.45s;
 }.v-stepper.v-sheet {
   box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
   border-radius: 4px;
@@ -24124,31 +24083,72 @@ html.v-overlay-scroll-blocked {
 }
 .v-stepper--mobile .v-stepper-item__subtitle {
   display: none;
-}.v-switch .v-label {
-  padding-inline-start: 10px;
+}.v-speed-dial__content {
+  gap: 8px;
 }
-
-.v-switch__loader {
-  display: flex;
+.v-speed-dial__content.v-overlay__content.v-speed-dial__content--end, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right-center {
+  flex-direction: row;
 }
-.v-switch__loader .v-progress-circular {
-  color: rgb(var(--v-theme-surface));
+.v-speed-dial__content.v-overlay__content.v-speed-dial__content--left, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start-center {
+  flex-direction: row-reverse;
 }
-
-.v-switch__track,
-.v-switch__thumb {
-  transition: none;
+.v-speed-dial__content.v-overlay__content.v-speed-dial__content--top, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top-center {
+  flex-direction: column-reverse;
 }
-.v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
-.v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
-  background-color: rgb(var(--v-theme-error));
-  color: rgb(var(--v-theme-on-error));
+.v-speed-dial__content > *:nth-child(1) {
+  transition-delay: 0s;
 }
-
-.v-switch__track-true {
-  margin-inline-end: auto;
+.v-speed-dial__content > *:nth-child(2) {
+  transition-delay: 0.05s;
 }
-.v-selection-control:not(.v-selection-control--dirty) .v-switch__track-true {
+.v-speed-dial__content > *:nth-child(3) {
+  transition-delay: 0.1s;
+}
+.v-speed-dial__content > *:nth-child(4) {
+  transition-delay: 0.15s;
+}
+.v-speed-dial__content > *:nth-child(5) {
+  transition-delay: 0.2s;
+}
+.v-speed-dial__content > *:nth-child(6) {
+  transition-delay: 0.25s;
+}
+.v-speed-dial__content > *:nth-child(7) {
+  transition-delay: 0.3s;
+}
+.v-speed-dial__content > *:nth-child(8) {
+  transition-delay: 0.35s;
+}
+.v-speed-dial__content > *:nth-child(9) {
+  transition-delay: 0.4s;
+}
+.v-speed-dial__content > *:nth-child(10) {
+  transition-delay: 0.45s;
+}.v-switch .v-label {
+  padding-inline-start: 10px;
+}
+
+.v-switch__loader {
+  display: flex;
+}
+.v-switch__loader .v-progress-circular {
+  color: rgb(var(--v-theme-surface));
+}
+
+.v-switch__track,
+.v-switch__thumb {
+  transition: none;
+}
+.v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
+.v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
+  background-color: rgb(var(--v-theme-error));
+  color: rgb(var(--v-theme-on-error));
+}
+
+.v-switch__track-true {
+  margin-inline-end: auto;
+}
+.v-selection-control:not(.v-selection-control--dirty) .v-switch__track-true {
   opacity: 0;
 }
 
@@ -24297,6 +24297,35 @@ html.v-overlay-scroll-blocked {
 }
 .v-system-bar:not(.v-system-bar--absolute) {
   padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
+}.v-tab.v-tab.v-btn {
+  height: var(--v-tabs-height);
+  border-radius: 0;
+  min-width: 90px;
+}
+.v-slide-group--horizontal .v-tab {
+  max-width: 360px;
+}
+.v-slide-group--vertical .v-tab {
+  justify-content: start;
+}
+
+.v-tab__slider {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  height: 2px;
+  width: 100%;
+  background: currentColor;
+  pointer-events: none;
+  opacity: 0;
+}
+.v-tab--selected .v-tab__slider {
+  opacity: 1;
+}
+.v-slide-group--vertical .v-tab__slider {
+  top: 0;
+  height: 100%;
+  width: 2px;
 }.v-tabs {
   display: flex;
   height: var(--v-tabs-height);
@@ -24363,74 +24392,6 @@ html.v-overlay-scroll-blocked {
   .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
     margin-inline-end: 52px;
   }
-}.v-tab.v-tab.v-btn {
-  height: var(--v-tabs-height);
-  border-radius: 0;
-  min-width: 90px;
-}
-.v-slide-group--horizontal .v-tab {
-  max-width: 360px;
-}
-.v-slide-group--vertical .v-tab {
-  justify-content: start;
-}
-
-.v-tab__slider {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  height: 2px;
-  width: 100%;
-  background: currentColor;
-  pointer-events: none;
-  opacity: 0;
-}
-.v-tab--selected .v-tab__slider {
-  opacity: 1;
-}
-.v-slide-group--vertical .v-tab__slider {
-  top: 0;
-  height: 100%;
-  width: 2px;
-}.v-textarea .v-field {
-  --v-textarea-control-height: var(--v-input-control-height);
-}
-.v-textarea .v-field__field {
-  --v-input-control-height: var(--v-textarea-control-height);
-}
-.v-textarea .v-field__input {
-  flex: 1 1 auto;
-  outline: none;
-  -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
-  mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
-}
-.v-textarea .v-field__input.v-textarea__sizer {
-  visibility: hidden;
-  position: absolute;
-  top: 0;
-  left: 0;
-  height: 0 !important;
-  min-height: 0 !important;
-  pointer-events: none;
-}
-.v-textarea--no-resize .v-field__input {
-  resize: none;
-}
-.v-textarea .v-field--no-label textarea,
-.v-textarea .v-field--active textarea {
-  opacity: 1;
-}
-.v-textarea textarea {
-  opacity: 0;
-  flex: 1;
-  min-width: 0;
-  transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
-}
-.v-textarea textarea:focus, .v-textarea textarea:active {
-  outline: none;
-}
-.v-textarea textarea:invalid {
-  box-shadow: none;
 }/* region BLOCK */
 .v-text-field input {
   color: inherit;
@@ -24498,7 +24459,46 @@ html.v-overlay-scroll-blocked {
   padding-inline-end: var(--v-field-padding-end);
 }
 
-/* endregion */.v-table {
+/* endregion */.v-textarea .v-field {
+  --v-textarea-control-height: var(--v-input-control-height);
+}
+.v-textarea .v-field__field {
+  --v-input-control-height: var(--v-textarea-control-height);
+}
+.v-textarea .v-field__input {
+  flex: 1 1 auto;
+  outline: none;
+  -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
+  mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
+}
+.v-textarea .v-field__input.v-textarea__sizer {
+  visibility: hidden;
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 0 !important;
+  min-height: 0 !important;
+  pointer-events: none;
+}
+.v-textarea--no-resize .v-field__input {
+  resize: none;
+}
+.v-textarea .v-field--no-label textarea,
+.v-textarea .v-field--active textarea {
+  opacity: 1;
+}
+.v-textarea textarea {
+  opacity: 0;
+  flex: 1;
+  min-width: 0;
+  transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
+}
+.v-textarea textarea:focus, .v-textarea textarea:active {
+  outline: none;
+}
+.v-textarea textarea:invalid {
+  box-shadow: none;
+}.v-table {
   background: rgb(var(--v-theme-surface));
   color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
   font-size: 0.875rem;
@@ -25307,6 +25307,69 @@ html.v-overlay-scroll-blocked {
 }
 .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
   will-change: transform;
+}.v-color-picker-edit {
+  display: flex;
+  margin-top: 24px;
+}
+
+.v-color-picker-edit__input {
+  width: 100%;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  text-align: center;
+}
+.v-color-picker-edit__input:not(:last-child) {
+  margin-inline-end: 8px;
+}
+.v-color-picker-edit__input input {
+  border-radius: 4px;
+  margin-bottom: 8px;
+  min-width: 0;
+  outline: none;
+  text-align: center;
+  width: 100%;
+  height: 32px;
+  background: rgba(var(--v-theme-surface-variant), 0.2);
+  color: rgba(var(--v-theme-on-surface));
+}
+.v-color-picker-edit__input span {
+  font-size: 0.75rem;
+}.v-color-picker-swatches {
+  overflow-y: auto;
+}
+.v-color-picker-swatches > div {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  padding: 8px;
+}
+
+.v-color-picker-swatches__swatch {
+  display: flex;
+  flex-direction: column;
+  margin-bottom: 10px;
+}
+
+.v-color-picker-swatches__color {
+  position: relative;
+  height: 18px;
+  max-height: 18px;
+  width: 45px;
+  margin: 2px 4px;
+  border-radius: 2px;
+  -webkit-user-select: none;
+          user-select: none;
+  overflow: hidden;
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
+  cursor: pointer;
+}
+.v-color-picker-swatches__color > div {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
 }.v-color-picker-preview__alpha .v-slider-track__background {
   background-color: transparent !important;
 }
@@ -25377,76 +25440,13 @@ html.v-overlay-scroll-blocked {
 .v-color-picker-preview__eye-dropper {
   position: relative;
   margin-right: 12px;
-}.v-color-picker-edit {
-  display: flex;
-  margin-top: 24px;
-}
-
-.v-color-picker-edit__input {
-  width: 100%;
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-  text-align: center;
-}
-.v-color-picker-edit__input:not(:last-child) {
-  margin-inline-end: 8px;
-}
-.v-color-picker-edit__input input {
-  border-radius: 4px;
-  margin-bottom: 8px;
-  min-width: 0;
-  outline: none;
-  text-align: center;
-  width: 100%;
-  height: 32px;
-  background: rgba(var(--v-theme-surface-variant), 0.2);
-  color: rgba(var(--v-theme-on-surface));
-}
-.v-color-picker-edit__input span {
-  font-size: 0.75rem;
-}.v-color-picker-swatches {
-  overflow-y: auto;
-}
-.v-color-picker-swatches > div {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-  padding: 8px;
-}
-
-.v-color-picker-swatches__swatch {
-  display: flex;
-  flex-direction: column;
-  margin-bottom: 10px;
-}
-
-.v-color-picker-swatches__color {
-  position: relative;
-  height: 18px;
-  max-height: 18px;
-  width: 45px;
-  margin: 2px 4px;
-  border-radius: 2px;
-  -webkit-user-select: none;
-          user-select: none;
-  overflow: hidden;
-  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
-  cursor: pointer;
-}
-.v-color-picker-swatches__color > div {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-}.v-picker.v-sheet {
-  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
-  border-radius: 4px;
-  display: grid;
-  grid-auto-rows: min-content;
-  grid-template-areas: "title" "header" "body";
-  overflow: hidden;
+}.v-picker.v-sheet {
+  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
+  border-radius: 4px;
+  display: grid;
+  grid-auto-rows: min-content;
+  grid-template-areas: "title" "header" "body";
+  overflow: hidden;
 }
 .v-picker.v-sheet.v-picker--with-actions {
   grid-template-areas: "title" "header" "body" "actions";
@@ -25493,160 +25493,6 @@ html.v-overlay-scroll-blocked {
   padding-bottom: 16px;
   font-weight: 400;
   letter-spacing: 0.1666666667em;
-}.v-slider-thumb {
-  touch-action: none;
-  color: rgb(var(--v-theme-surface-variant));
-}
-.v-input--error:not(.v-input--disabled) .v-slider-thumb {
-  color: inherit;
-}
-
-.v-slider-thumb__label {
-  background: rgba(var(--v-theme-surface-variant), 0.7);
-  color: rgb(var(--v-theme-on-surface-variant));
-}
-.v-slider-thumb__label::before {
-  color: rgba(var(--v-theme-surface-variant), 0.7);
-}
-
-.v-slider-thumb {
-  outline: none;
-  position: absolute;
-  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
-}
-
-.v-slider-thumb__surface {
-  cursor: pointer;
-  width: var(--v-slider-thumb-size);
-  height: var(--v-slider-thumb-size);
-  border-radius: 50%;
-  -webkit-user-select: none;
-          user-select: none;
-  background-color: currentColor;
-}
-.v-slider-thumb__surface::before {
-  transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-  content: "";
-  color: inherit;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  border-radius: 50%;
-  background: currentColor;
-  position: absolute;
-  pointer-events: none;
-  opacity: 0;
-}
-.v-slider-thumb__surface::after {
-  content: "";
-  width: 42px;
-  height: 42px;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-}
-
-.v-slider-thumb__label-container {
-  position: absolute;
-  transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
-}
-
-.v-slider-thumb__label {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 0.75rem;
-  min-width: 35px;
-  height: 25px;
-  border-radius: 4px;
-  padding: 6px;
-  position: absolute;
-  -webkit-user-select: none;
-          user-select: none;
-  transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
-}
-.v-slider-thumb__label::before {
-  content: "";
-  width: 0;
-  height: 0;
-  position: absolute;
-}
-
-.v-slider-thumb__ripple {
-  position: absolute;
-  left: calc(var(--v-slider-thumb-size) / -2);
-  top: calc(var(--v-slider-thumb-size) / -2);
-  width: calc(var(--v-slider-thumb-size) * 2);
-  height: calc(var(--v-slider-thumb-size) * 2);
-  background: inherit;
-}
-
-.v-slider.v-input--horizontal .v-slider-thumb {
-  top: 50%;
-  transform: translateY(-50%);
-  inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
-}
-.v-slider.v-input--horizontal .v-slider-thumb__label-container {
-  left: calc(var(--v-slider-thumb-size) / 2);
-  top: 0;
-}
-.v-slider.v-input--horizontal .v-slider-thumb__label {
-  bottom: calc(var(--v-slider-thumb-size) / 2);
-}
-.v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
-  transform: translateX(-50%);
-}
-
-.v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
-  transform: translateX(50%);
-}
-
-.v-slider.v-input--horizontal .v-slider-thumb__label::before {
-  border-left: 6px solid transparent;
-  border-right: 6px solid transparent;
-  border-top: 6px solid currentColor;
-  bottom: -6px;
-}
-
-.v-slider.v-input--vertical .v-slider-thumb {
-  top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
-}
-.v-slider.v-input--vertical .v-slider-thumb__label-container {
-  top: calc(var(--v-slider-thumb-size) / 2);
-  right: 0;
-}
-.v-slider.v-input--vertical .v-slider-thumb__label {
-  top: -12.5px;
-  left: calc(var(--v-slider-thumb-size) / 2);
-}
-.v-slider.v-input--vertical .v-slider-thumb__label::before {
-  border-right: 6px solid currentColor;
-  border-top: 6px solid transparent;
-  border-bottom: 6px solid transparent;
-  left: -6px;
-}
-
-.v-slider-thumb--focused .v-slider-thumb__surface::before {
-  transform: scale(2);
-  opacity: var(--v-focus-opacity);
-}
-
-.v-slider-thumb--pressed {
-  transition: none;
-}
-.v-slider-thumb--pressed .v-slider-thumb__surface::before {
-  opacity: var(--v-pressed-opacity);
-}
-
-@media (hover: hover) {
-  .v-slider-thumb:hover .v-slider-thumb__surface::before {
-    transform: scale(2);
-  }
-  .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
-    opacity: var(--v-hover-opacity);
-  }
 }.v-slider-track__background {
   background-color: rgb(var(--v-theme-surface-variant));
 }
@@ -25810,4 +25656,158 @@ html.v-overlay-scroll-blocked {
 
 .v-slider-track__background--opacity {
   opacity: 0.38;
+}.v-slider-thumb {
+  touch-action: none;
+  color: rgb(var(--v-theme-surface-variant));
+}
+.v-input--error:not(.v-input--disabled) .v-slider-thumb {
+  color: inherit;
+}
+
+.v-slider-thumb__label {
+  background: rgba(var(--v-theme-surface-variant), 0.7);
+  color: rgb(var(--v-theme-on-surface-variant));
+}
+.v-slider-thumb__label::before {
+  color: rgba(var(--v-theme-surface-variant), 0.7);
+}
+
+.v-slider-thumb {
+  outline: none;
+  position: absolute;
+  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
+}
+
+.v-slider-thumb__surface {
+  cursor: pointer;
+  width: var(--v-slider-thumb-size);
+  height: var(--v-slider-thumb-size);
+  border-radius: 50%;
+  -webkit-user-select: none;
+          user-select: none;
+  background-color: currentColor;
+}
+.v-slider-thumb__surface::before {
+  transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  content: "";
+  color: inherit;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  border-radius: 50%;
+  background: currentColor;
+  position: absolute;
+  pointer-events: none;
+  opacity: 0;
+}
+.v-slider-thumb__surface::after {
+  content: "";
+  width: 42px;
+  height: 42px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.v-slider-thumb__label-container {
+  position: absolute;
+  transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
+}
+
+.v-slider-thumb__label {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 0.75rem;
+  min-width: 35px;
+  height: 25px;
+  border-radius: 4px;
+  padding: 6px;
+  position: absolute;
+  -webkit-user-select: none;
+          user-select: none;
+  transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
+}
+.v-slider-thumb__label::before {
+  content: "";
+  width: 0;
+  height: 0;
+  position: absolute;
+}
+
+.v-slider-thumb__ripple {
+  position: absolute;
+  left: calc(var(--v-slider-thumb-size) / -2);
+  top: calc(var(--v-slider-thumb-size) / -2);
+  width: calc(var(--v-slider-thumb-size) * 2);
+  height: calc(var(--v-slider-thumb-size) * 2);
+  background: inherit;
+}
+
+.v-slider.v-input--horizontal .v-slider-thumb {
+  top: 50%;
+  transform: translateY(-50%);
+  inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
+}
+.v-slider.v-input--horizontal .v-slider-thumb__label-container {
+  left: calc(var(--v-slider-thumb-size) / 2);
+  top: 0;
+}
+.v-slider.v-input--horizontal .v-slider-thumb__label {
+  bottom: calc(var(--v-slider-thumb-size) / 2);
+}
+.v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
+  transform: translateX(-50%);
+}
+
+.v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
+  transform: translateX(50%);
+}
+
+.v-slider.v-input--horizontal .v-slider-thumb__label::before {
+  border-left: 6px solid transparent;
+  border-right: 6px solid transparent;
+  border-top: 6px solid currentColor;
+  bottom: -6px;
+}
+
+.v-slider.v-input--vertical .v-slider-thumb {
+  top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
+}
+.v-slider.v-input--vertical .v-slider-thumb__label-container {
+  top: calc(var(--v-slider-thumb-size) / 2);
+  right: 0;
+}
+.v-slider.v-input--vertical .v-slider-thumb__label {
+  top: -12.5px;
+  left: calc(var(--v-slider-thumb-size) / 2);
+}
+.v-slider.v-input--vertical .v-slider-thumb__label::before {
+  border-right: 6px solid currentColor;
+  border-top: 6px solid transparent;
+  border-bottom: 6px solid transparent;
+  left: -6px;
+}
+
+.v-slider-thumb--focused .v-slider-thumb__surface::before {
+  transform: scale(2);
+  opacity: var(--v-focus-opacity);
+}
+
+.v-slider-thumb--pressed {
+  transition: none;
+}
+.v-slider-thumb--pressed .v-slider-thumb__surface::before {
+  opacity: var(--v-pressed-opacity);
+}
+
+@media (hover: hover) {
+  .v-slider-thumb:hover .v-slider-thumb__surface::before {
+    transform: scale(2);
+  }
+  .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
+    opacity: var(--v-hover-opacity);
+  }
 }