@vuetify/nightly 3.7.2-master.2024-10-09 → 3.7.2-master.2024-10-10

package/dist/vuetify.css

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.7.2-master.2024-10-09
+* Vuetify v3.7.2-master.2024-10-10
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -19307,71 +19307,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;
-}
-.v-carousel__controls {
-  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;
@@ -19680,6 +19615,71 @@ 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;
+}
+.v-carousel__controls {
+  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;
 }
@@ -20233,12 +20233,6 @@ html.overflow-y-hidden {
   flex: 0 1 auto;
   font-size: 12px;
   transition-duration: 150ms;
-}.v-date-picker {
-  overflow: hidden;
-  width: 328px;
-}
-.v-date-picker--show-week {
-  width: 368px;
 }.v-date-picker-controls {
   display: flex;
   align-items: center;
@@ -20295,6 +20289,67 @@ 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-month {
+  display: flex;
+  justify-content: center;
+  padding: 0 12px 8px;
+  --v-date-picker-month-day-diff: 4px;
+}
+
+.v-date-picker-month__weeks {
+  display: grid;
+  grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
+  column-gap: 4px;
+  font-size: 0.85rem;
+}
+.v-date-picker-month__weeks + .v-date-picker-month__days {
+  grid-row-gap: 0;
+}
+
+.v-date-picker-month__weekday {
+  font-size: 0.85rem;
+}
+
+.v-date-picker-month__days {
+  display: grid;
+  grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
+  column-gap: 4px;
+  flex: 1 1;
+  justify-content: space-around;
+}
+
+.v-date-picker-month__day {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  position: relative;
+  height: 40px;
+  width: 40px;
+}
+.v-date-picker-month__day--selected .v-btn {
+  background-color: rgb(var(--v-theme-surface-variant));
+  color: rgb(var(--v-theme-on-surface-variant));
+}
+.v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
+  --v-btn-height: 24px;
+  --v-btn-size: 0.85rem;
+}
+.v-date-picker-month__day--week {
+  font-size: var(--v-btn-size);
+}
+
+.v-date-picker-month__day--adjacent {
+  opacity: 0.5;
+}
+
+.v-date-picker-month__day--hide-adjacent {
+  opacity: 0;
 }.v-date-picker-header {
   align-items: flex-end;
   height: 70px;
@@ -20355,61 +20410,6 @@ html.overflow-y-hidden {
 .date-picker-header-reverse-transition-leave-to {
   opacity: 0;
   transform: translate(0, 100%);
-}.v-date-picker-month {
-  display: flex;
-  justify-content: center;
-  padding: 0 12px 8px;
-  --v-date-picker-month-day-diff: 4px;
-}
-
-.v-date-picker-month__weeks {
-  display: grid;
-  grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
-  column-gap: 4px;
-  font-size: 0.85rem;
-}
-.v-date-picker-month__weeks + .v-date-picker-month__days {
-  grid-row-gap: 0;
-}
-
-.v-date-picker-month__weekday {
-  font-size: 0.85rem;
-}
-
-.v-date-picker-month__days {
-  display: grid;
-  grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
-  column-gap: 4px;
-  flex: 1 1;
-  justify-content: space-around;
-}
-
-.v-date-picker-month__day {
-  align-items: center;
-  display: flex;
-  justify-content: center;
-  position: relative;
-  height: 40px;
-  width: 40px;
-}
-.v-date-picker-month__day--selected .v-btn {
-  background-color: rgb(var(--v-theme-surface-variant));
-  color: rgb(var(--v-theme-on-surface-variant));
-}
-.v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
-  --v-btn-height: 24px;
-  --v-btn-size: 0.85rem;
-}
-.v-date-picker-month__day--week {
-  font-size: var(--v-btn-size);
-}
-
-.v-date-picker-month__day--adjacent {
-  opacity: 0.5;
-}
-
-.v-date-picker-month__day--hide-adjacent {
-  opacity: 0;
 }.v-date-picker-months {
   height: 288px;
 }
@@ -22627,11 +22627,6 @@ textarea.v-field__input::placeholder {
   display: flex;
   justify-content: center;
   padding: 8px;
-}.v-item-group {
-  flex: 0 1 auto;
-  max-width: 100%;
-  position: relative;
-  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
 }.v-input {
   display: grid;
   flex: 1 1 auto;
@@ -22774,21 +22769,11 @@ textarea.v-field__input::placeholder {
 
 .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
   padding-top: calc(var(--v-input-padding-top) + 0px);
-}.v-label {
-  align-items: center;
-  color: inherit;
-  display: inline-flex;
-  font-size: 1rem;
-  letter-spacing: 0.009375em;
-  min-width: 0;
-  opacity: var(--v-medium-emphasis-opacity);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.v-label--clickable {
-  cursor: pointer;
+}.v-item-group {
+  flex: 0 1 auto;
+  max-width: 100%;
+  position: relative;
+  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
 }.v-layout {
   --v-scrollbar-offset: 0px;
   display: flex;
@@ -22804,6 +22789,21 @@ textarea.v-field__input::placeholder {
 
 .v-layout-item--absolute {
   position: absolute;
+}.v-label {
+  align-items: center;
+  color: inherit;
+  display: inline-flex;
+  font-size: 1rem;
+  letter-spacing: 0.009375em;
+  min-width: 0;
+  opacity: var(--v-medium-emphasis-opacity);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.v-label--clickable {
+  cursor: pointer;
 }.v-list {
   overflow: auto;
   padding: 8px 0;
@@ -23612,14 +23612,6 @@ textarea.v-field__input::placeholder {
 }
 .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-overlay-container {
   contain: layout;
   left: 0;
@@ -23683,6 +23675,14 @@ 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;
+  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;
@@ -24031,59 +24031,6 @@ html.v-overlay-scroll-blocked {
 }
 .v-radio-group .v-input__details {
   padding-inline: 16px;
-}.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;
-  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-slider .v-slider__container input {
   cursor: default;
   padding: 0;
@@ -24141,6 +24088,59 @@ 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;
+  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;
@@ -24786,234 +24786,52 @@ html.v-overlay-scroll-blocked {
 }
 .v-snackbar-transition-leave-to {
   opacity: 0;
-}.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 {
-  opacity: 0;
+.v-speed-dial__content > *:nth-child(3) {
+  transition-delay: 0.1s;
 }
-
-.v-switch__track-false {
-  margin-inline-start: auto;
+.v-speed-dial__content > *:nth-child(4) {
+  transition-delay: 0.15s;
 }
-.v-selection-control--dirty .v-switch__track-false {
-  opacity: 0;
+.v-speed-dial__content > *:nth-child(5) {
+  transition-delay: 0.2s;
 }
-
-.v-switch__track {
-  display: inline-flex;
-  align-items: center;
-  font-size: 0.5rem;
-  padding: 0 5px;
-  background-color: rgb(var(--v-theme-surface-variant));
-  border-radius: 9999px;
-  height: 14px;
-  opacity: 0.6;
-  min-width: 36px;
-  cursor: pointer;
-  transition: 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
+.v-speed-dial__content > *:nth-child(6) {
+  transition-delay: 0.25s;
 }
-.v-switch--inset .v-switch__track {
-  border-radius: 9999px;
-  font-size: 0.75rem;
-  height: 32px;
-  min-width: 52px;
+.v-speed-dial__content > *:nth-child(7) {
+  transition-delay: 0.3s;
 }
-
-.v-switch__thumb {
-  align-items: center;
-  background-color: rgb(var(--v-theme-surface-bright));
-  color: rgb(var(--v-theme-on-surface-bright));
-  border-radius: 50%;
-  display: flex;
-  font-size: 0.75rem;
-  height: 20px;
-  justify-content: center;
-  width: 20px;
-  pointer-events: none;
-  transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1), 0.2s color cubic-bezier(0.4, 0, 0.2, 1), 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
-  position: relative;
-  overflow: hidden;
+.v-speed-dial__content > *:nth-child(8) {
+  transition-delay: 0.35s;
 }
-.v-switch:not(.v-switch--inset) .v-switch__thumb {
-  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-speed-dial__content > *:nth-child(9) {
+  transition-delay: 0.4s;
 }
-.v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
-  background: rgb(var(--v-theme-surface-variant));
-  color: rgb(var(--v-theme-on-surface-variant));
+.v-speed-dial__content > *:nth-child(10) {
+  transition-delay: 0.45s;
+}.v-stepper.v-sheet {
+  overflow: hidden;
 }
-.v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
-  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-switch--inset .v-switch__thumb {
-  height: 24px;
-  width: 24px;
-  transform: scale(0.6666666667);
-}
-.v-switch--inset .v-switch__thumb--filled {
-  transform: none;
-}
-.v-switch--inset .v-selection-control--dirty .v-switch__thumb {
-  transform: none;
-  transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
-}
-
-.v-switch.v-input {
-  flex: 0 1 auto;
-}
-.v-switch .v-selection-control {
-  min-height: var(--v-input-control-height);
-}
-.v-switch .v-selection-control__input {
-  border-radius: 50%;
-  transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
-  position: absolute;
-}
-.v-locale--is-ltr.v-switch .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control__input {
-  transform: translateX(-10px);
-}
-
-.v-locale--is-rtl.v-switch .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control__input {
-  transform: translateX(10px);
-}
-
-.v-switch .v-selection-control__input .v-icon {
-  position: absolute;
-}
-.v-locale--is-ltr.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control--dirty .v-selection-control__input {
-  transform: translateX(10px);
-}
-
-.v-locale--is-rtl.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control--dirty .v-selection-control__input {
-  transform: translateX(-10px);
-}
-
-.v-switch.v-switch--indeterminate .v-selection-control__input {
-  transform: scale(0.8);
-}
-.v-switch.v-switch--indeterminate .v-switch__thumb {
-  transform: scale(0.75);
-  box-shadow: none;
-}
-.v-switch.v-switch--inset .v-selection-control__wrapper {
-  width: auto;
-}
-.v-switch.v-input--vertical .v-label {
-  min-width: max-content;
-}
-.v-switch.v-input--vertical .v-selection-control__wrapper {
-  transform: rotate(-90deg);
-}
-
-@media (forced-colors: active) {
-  .v-switch .v-switch__loader .v-progress-circular {
-    color: currentColor;
-  }
-  .v-switch .v-switch__thumb {
-    background-color: buttontext;
-  }
-  .v-switch .v-switch__track,
-  .v-switch .v-switch__thumb {
-    border: 1px solid;
-    color: buttontext;
-  }
-  .v-switch:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
-    background-color: highlight;
-  }
-  .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track {
-    background-color: highlight;
-  }
-  .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track,
-  .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
-    color: highlight;
-  }
-  .v-switch.v-switch--inset .v-switch__track {
-    border-width: 2px;
-  }
-  .v-switch.v-switch--inset:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
-    background-color: highlighttext;
-    color: highlighttext;
-  }
-  .v-switch.v-input--disabled .v-switch__thumb {
-    background-color: graytext;
-  }
-  .v-switch.v-input--disabled .v-switch__track,
-  .v-switch.v-input--disabled .v-switch__thumb {
-    color: graytext;
-  }
-  .v-switch.v-switch--loading .v-switch__thumb {
-    background-color: canvas;
-  }
-  .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
-    border-width: 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 {
-  overflow: hidden;
-}
-.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));
+.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));
 }
 .v-stepper.v-sheet {
   border-radius: 4px;
@@ -25162,28 +24980,210 @@ html.v-overlay-scroll-blocked {
 .v-stepper--alt-labels .v-stepper-item__subtitle {
   text-align: center;
 }
-.v-stepper--mobile .v-stepper-item__subtitle {
-  display: none;
+.v-stepper--mobile .v-stepper-item__subtitle {
+  display: none;
+}
+
+.v-stepper-item__overlay {
+  background-color: currentColor;
+  border-radius: inherit;
+  opacity: 0;
+  transition: opacity 0.2s ease-in-out;
+}
+
+.v-stepper-item__overlay,
+.v-stepper-item__underlay {
+  pointer-events: none;
+}
+.v-stepper-item__overlay,
+.v-stepper-item__underlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}.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;
+}
+
+.v-switch__track-false {
+  margin-inline-start: auto;
+}
+.v-selection-control--dirty .v-switch__track-false {
+  opacity: 0;
+}
+
+.v-switch__track {
+  display: inline-flex;
+  align-items: center;
+  font-size: 0.5rem;
+  padding: 0 5px;
+  background-color: rgb(var(--v-theme-surface-variant));
+  border-radius: 9999px;
+  height: 14px;
+  opacity: 0.6;
+  min-width: 36px;
+  cursor: pointer;
+  transition: 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
+}
+.v-switch--inset .v-switch__track {
+  border-radius: 9999px;
+  font-size: 0.75rem;
+  height: 32px;
+  min-width: 52px;
+}
+
+.v-switch__thumb {
+  align-items: center;
+  background-color: rgb(var(--v-theme-surface-bright));
+  color: rgb(var(--v-theme-on-surface-bright));
+  border-radius: 50%;
+  display: flex;
+  font-size: 0.75rem;
+  height: 20px;
+  justify-content: center;
+  width: 20px;
+  pointer-events: none;
+  transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1), 0.2s color cubic-bezier(0.4, 0, 0.2, 1), 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
+  position: relative;
+  overflow: hidden;
+}
+.v-switch:not(.v-switch--inset) .v-switch__thumb {
+  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-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
+  background: rgb(var(--v-theme-surface-variant));
+  color: rgb(var(--v-theme-on-surface-variant));
+}
+.v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
+  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-switch--inset .v-switch__thumb {
+  height: 24px;
+  width: 24px;
+  transform: scale(0.6666666667);
+}
+.v-switch--inset .v-switch__thumb--filled {
+  transform: none;
+}
+.v-switch--inset .v-selection-control--dirty .v-switch__thumb {
+  transform: none;
+  transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
+}
+
+.v-switch.v-input {
+  flex: 0 1 auto;
+}
+.v-switch .v-selection-control {
+  min-height: var(--v-input-control-height);
+}
+.v-switch .v-selection-control__input {
+  border-radius: 50%;
+  transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
+  position: absolute;
+}
+.v-locale--is-ltr.v-switch .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control__input {
+  transform: translateX(-10px);
+}
+
+.v-locale--is-rtl.v-switch .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control__input {
+  transform: translateX(10px);
+}
+
+.v-switch .v-selection-control__input .v-icon {
+  position: absolute;
+}
+.v-locale--is-ltr.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control--dirty .v-selection-control__input {
+  transform: translateX(10px);
+}
+
+.v-locale--is-rtl.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control--dirty .v-selection-control__input {
+  transform: translateX(-10px);
+}
+
+.v-switch.v-switch--indeterminate .v-selection-control__input {
+  transform: scale(0.8);
+}
+.v-switch.v-switch--indeterminate .v-switch__thumb {
+  transform: scale(0.75);
+  box-shadow: none;
+}
+.v-switch.v-switch--inset .v-selection-control__wrapper {
+  width: auto;
 }
-
-.v-stepper-item__overlay {
-  background-color: currentColor;
-  border-radius: inherit;
-  opacity: 0;
-  transition: opacity 0.2s ease-in-out;
+.v-switch.v-input--vertical .v-label {
+  min-width: max-content;
 }
-
-.v-stepper-item__overlay,
-.v-stepper-item__underlay {
-  pointer-events: none;
+.v-switch.v-input--vertical .v-selection-control__wrapper {
+  transform: rotate(-90deg);
 }
-.v-stepper-item__overlay,
-.v-stepper-item__underlay {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
+
+@media (forced-colors: active) {
+  .v-switch .v-switch__loader .v-progress-circular {
+    color: currentColor;
+  }
+  .v-switch .v-switch__thumb {
+    background-color: buttontext;
+  }
+  .v-switch .v-switch__track,
+  .v-switch .v-switch__thumb {
+    border: 1px solid;
+    color: buttontext;
+  }
+  .v-switch:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
+    background-color: highlight;
+  }
+  .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track {
+    background-color: highlight;
+  }
+  .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track,
+  .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
+    color: highlight;
+  }
+  .v-switch.v-switch--inset .v-switch__track {
+    border-width: 2px;
+  }
+  .v-switch.v-switch--inset:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
+    background-color: highlighttext;
+    color: highlighttext;
+  }
+  .v-switch.v-input--disabled .v-switch__thumb {
+    background-color: graytext;
+  }
+  .v-switch.v-input--disabled .v-switch__track,
+  .v-switch.v-input--disabled .v-switch__thumb {
+    color: graytext;
+  }
+  .v-switch.v-switch--loading .v-switch__thumb {
+    background-color: canvas;
+  }
+  .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
+    border-width: 0;
+  }
 }.v-system-bar {
   align-items: center;
   display: flex;
@@ -25227,101 +25227,6 @@ 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);
-}
-.v-tabs--density-default {
-  --v-tabs-height: 48px;
-}
-.v-tabs--density-default.v-tabs--stacked {
-  --v-tabs-height: 72px;
-}
-
-.v-tabs--density-comfortable {
-  --v-tabs-height: 44px;
-}
-.v-tabs--density-comfortable.v-tabs--stacked {
-  --v-tabs-height: 68px;
-}
-
-.v-tabs--density-compact {
-  --v-tabs-height: 36px;
-}
-.v-tabs--density-compact.v-tabs--stacked {
-  --v-tabs-height: 60px;
-}
-
-.v-tabs.v-slide-group--vertical {
-  height: auto;
-  flex: none;
-  --v-tabs-height: 48px;
-}
-
-.v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
-  margin-inline-start: 42px;
-}
-
-.v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
-.v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
-  margin-inline-end: auto;
-}
-.v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
-.v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
-  margin-inline-start: auto;
-}
-
-.v-tabs--grow {
-  flex-grow: 1;
-}
-.v-tabs--grow .v-tab {
-  flex: 1 0 auto;
-  max-width: none;
-}
-
-.v-tabs--align-tabs-end .v-tab:first-child {
-  margin-inline-start: auto;
-}
-.v-tabs--align-tabs-end .v-tab:last-child {
-  margin-inline-end: 0;
-}
-
-@media (max-width: 1279.98px) {
-  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
-    margin-inline-start: 52px;
-  }
-  .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-table {
   font-size: 0.875rem;
   transition-duration: 0.28s;
@@ -26121,19 +26026,114 @@ html.v-overlay-scroll-blocked {
   text-transform: none;
 }
 
-.v-toolbar-title__placeholder {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+.v-toolbar-title__placeholder {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.v-toolbar-items {
+  display: flex;
+  height: inherit;
+  align-self: stretch;
+}
+.v-toolbar-items > .v-btn {
+  border-radius: 0;
+}.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);
+}
+.v-tabs--density-default {
+  --v-tabs-height: 48px;
+}
+.v-tabs--density-default.v-tabs--stacked {
+  --v-tabs-height: 72px;
+}
+
+.v-tabs--density-comfortable {
+  --v-tabs-height: 44px;
+}
+.v-tabs--density-comfortable.v-tabs--stacked {
+  --v-tabs-height: 68px;
+}
+
+.v-tabs--density-compact {
+  --v-tabs-height: 36px;
+}
+.v-tabs--density-compact.v-tabs--stacked {
+  --v-tabs-height: 60px;
+}
+
+.v-tabs.v-slide-group--vertical {
+  height: auto;
+  flex: none;
+  --v-tabs-height: 48px;
+}
+
+.v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
+  margin-inline-start: 42px;
+}
+
+.v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
+.v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
+  margin-inline-end: auto;
+}
+.v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
+.v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
+  margin-inline-start: auto;
+}
+
+.v-tabs--grow {
+  flex-grow: 1;
+}
+.v-tabs--grow .v-tab {
+  flex: 1 0 auto;
+  max-width: none;
+}
+
+.v-tabs--align-tabs-end .v-tab:first-child {
+  margin-inline-start: auto;
 }
-
-.v-toolbar-items {
-  display: flex;
-  height: inherit;
-  align-self: stretch;
+.v-tabs--align-tabs-end .v-tab:last-child {
+  margin-inline-end: 0;
 }
-.v-toolbar-items > .v-btn {
-  border-radius: 0;
+
+@media (max-width: 1279.98px) {
+  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
+    margin-inline-start: 52px;
+  }
+  .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-tooltip > .v-overlay__content {
   background: rgb(var(--v-theme-surface-variant));
   color: rgb(var(--v-theme-on-surface-variant));
@@ -26285,6 +26285,41 @@ html.v-overlay-scroll-blocked {
 }
 .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
   will-change: transform;
+}.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;
 }
@@ -26343,269 +26378,75 @@ html.v-overlay-scroll-blocked {
   margin: 0 !important;
 }
 .v-color-picker-preview__track .v-slider-track__fill {
-  display: none;
-}
-
-.v-color-picker-preview {
-  align-items: center;
-  display: flex;
-  margin-bottom: 0;
-}
-
-.v-color-picker-preview__eye-dropper {
-  position: relative;
-  margin-right: 12px;
-}.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 {
-  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));
-}
-.v-picker.v-sheet {
-  border-radius: 4px;
-}
-.v-picker.v-sheet.v-picker--with-actions {
-  grid-template-areas: "title" "header" "body" "actions";
-}
-
-.v-picker__body {
-  grid-area: body;
-  overflow: hidden;
-  position: relative;
-}
-
-.v-picker__header {
-  grid-area: header;
-}
-
-.v-picker__actions {
-  grid-area: actions;
-  padding: 0 12px 12px;
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-}
-.v-picker__actions .v-btn {
-  min-width: 48px;
-}
-.v-picker__actions .v-btn:not(:last-child) {
-  margin-inline-end: 8px;
-}
-
-.v-picker--landscape {
-  grid-template-areas: "title" "header body" "header body";
-}
-
-.v-picker--landscape.v-picker--with-actions {
-  grid-template-areas: "title" "header body" "header actions";
-}
-
-.v-picker-title {
-  text-transform: uppercase;
-  font-size: 0.75rem;
-  grid-area: title;
-  padding-inline: 24px 12px;
-  padding-top: 16px;
-  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;
-}
-@media (forced-colors: active) {
-  .v-slider-thumb__surface {
-    background-color: highlight;
-  }
-}
-.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;
+  display: none;
 }
 
-.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-color-picker-preview {
+  align-items: center;
+  display: flex;
+  margin-bottom: 0;
 }
-.v-slider.v-input--horizontal .v-slider-thumb__label-container {
-  left: calc(var(--v-slider-thumb-size) / 2);
-  top: 0;
+
+.v-color-picker-preview__eye-dropper {
+  position: relative;
+  margin-right: 12px;
+}.v-picker.v-sheet {
+  display: grid;
+  grid-auto-rows: min-content;
+  grid-template-areas: "title" "header" "body";
+  overflow: hidden;
 }
-.v-slider.v-input--horizontal .v-slider-thumb__label {
-  bottom: calc(var(--v-slider-thumb-size) / 2);
+.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));
 }
-.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-picker.v-sheet {
+  border-radius: 4px;
 }
-
-.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-picker.v-sheet.v-picker--with-actions {
+  grid-template-areas: "title" "header" "body" "actions";
 }
 
-.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-picker__body {
+  grid-area: body;
+  overflow: hidden;
+  position: relative;
 }
 
-.v-slider.v-input--vertical .v-slider-thumb {
-  top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
+.v-picker__header {
+  grid-area: header;
 }
-.v-slider.v-input--vertical .v-slider-thumb__label-container {
-  top: calc(var(--v-slider-thumb-size) / 2);
-  right: 0;
+
+.v-picker__actions {
+  grid-area: actions;
+  padding: 0 12px 12px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
 }
-.v-slider.v-input--vertical .v-slider-thumb__label {
-  top: -12.5px;
-  left: calc(var(--v-slider-thumb-size) / 2);
+.v-picker__actions .v-btn {
+  min-width: 48px;
 }
-.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-picker__actions .v-btn:not(:last-child) {
+  margin-inline-end: 8px;
 }
 
-.v-slider-thumb--focused .v-slider-thumb__surface::before {
-  transform: scale(2);
-  opacity: var(--v-focus-opacity);
+.v-picker--landscape {
+  grid-template-areas: "title" "header body" "header body";
 }
 
-.v-slider-thumb--pressed {
-  transition: none;
-}
-.v-slider-thumb--pressed .v-slider-thumb__surface::before {
-  opacity: var(--v-pressed-opacity);
+.v-picker--landscape.v-picker--with-actions {
+  grid-template-areas: "title" "header body" "header actions";
 }
 
-@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-picker-title {
+  text-transform: uppercase;
+  font-size: 0.75rem;
+  grid-area: title;
+  padding-inline: 24px 12px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+  font-weight: 400;
+  letter-spacing: 0.1666666667em;
 }.v-slider-track__background {
   background-color: rgb(var(--v-theme-surface-variant));
 }
@@ -26784,4 +26625,163 @@ 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;
+}
+@media (forced-colors: active) {
+  .v-slider-thumb__surface {
+    background-color: highlight;
+  }
+}
+.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);
+  }
 }