@vuetify/nightly 3.6.5-master.2024-05-13 → 3.6.5-master.2024-05-14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.6.5-master.2024-05-13
2
+ * Vuetify v3.6.5-master.2024-05-14
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -18079,38 +18079,6 @@ html.overflow-y-hidden {
18079
18079
  }
18080
18080
  .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18081
18081
  transform: translateY(0.5rem);
18082
- }.bottom-sheet-transition-enter-from {
18083
- transform: translateY(100%);
18084
- }
18085
- .bottom-sheet-transition-leave-to {
18086
- transform: translateY(100%);
18087
- }
18088
-
18089
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18090
- align-self: flex-end;
18091
- border-radius: 0;
18092
- flex: 0 1 auto;
18093
- left: 0;
18094
- right: 0;
18095
- margin-inline: 0;
18096
- margin-bottom: 0;
18097
- transition-duration: 0.2s;
18098
- width: 100%;
18099
- max-width: 100%;
18100
- overflow: visible;
18101
- box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18102
- }
18103
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18104
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18105
- border-radius: 0;
18106
- }
18107
- .v-bottom-sheet.v-bottom-sheet--inset {
18108
- max-width: none;
18109
- }
18110
- @media (min-width: 600px) {
18111
- .v-bottom-sheet.v-bottom-sheet--inset {
18112
- max-width: 70%;
18113
- }
18114
18082
  }.v-breadcrumbs {
18115
18083
  display: flex;
18116
18084
  align-items: center;
@@ -18168,6 +18136,94 @@ html.overflow-y-hidden {
18168
18136
  display: inline-block;
18169
18137
  padding: 0 8px;
18170
18138
  vertical-align: middle;
18139
+ }.bottom-sheet-transition-enter-from {
18140
+ transform: translateY(100%);
18141
+ }
18142
+ .bottom-sheet-transition-leave-to {
18143
+ transform: translateY(100%);
18144
+ }
18145
+
18146
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18147
+ align-self: flex-end;
18148
+ border-radius: 0;
18149
+ flex: 0 1 auto;
18150
+ left: 0;
18151
+ right: 0;
18152
+ margin-inline: 0;
18153
+ margin-bottom: 0;
18154
+ transition-duration: 0.2s;
18155
+ width: 100%;
18156
+ max-width: 100%;
18157
+ overflow: visible;
18158
+ box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18159
+ }
18160
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18161
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18162
+ border-radius: 0;
18163
+ }
18164
+ .v-bottom-sheet.v-bottom-sheet--inset {
18165
+ max-width: none;
18166
+ }
18167
+ @media (min-width: 600px) {
18168
+ .v-bottom-sheet.v-bottom-sheet--inset {
18169
+ max-width: 70%;
18170
+ }
18171
+ }.v-btn-group {
18172
+ display: inline-flex;
18173
+ flex-wrap: nowrap;
18174
+ max-width: 100%;
18175
+ min-width: 0;
18176
+ overflow: hidden;
18177
+ vertical-align: middle;
18178
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18179
+ border-style: solid;
18180
+ border-width: 0;
18181
+ 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));
18182
+ border-radius: 4px;
18183
+ background: transparent;
18184
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18185
+ }
18186
+ .v-btn-group--border {
18187
+ border-width: thin;
18188
+ box-shadow: none;
18189
+ }
18190
+ .v-btn-group--density-default.v-btn-group {
18191
+ height: 48px;
18192
+ }
18193
+
18194
+ .v-btn-group--density-comfortable.v-btn-group {
18195
+ height: 40px;
18196
+ }
18197
+
18198
+ .v-btn-group--density-compact.v-btn-group {
18199
+ height: 36px;
18200
+ }
18201
+
18202
+ .v-btn-group .v-btn {
18203
+ border-radius: 0;
18204
+ border-color: inherit;
18205
+ }
18206
+ .v-btn-group .v-btn:not(:last-child) {
18207
+ border-inline-end: none;
18208
+ }
18209
+ .v-btn-group .v-btn:not(:first-child) {
18210
+ border-inline-start: none;
18211
+ }
18212
+ .v-btn-group .v-btn:first-child {
18213
+ border-start-start-radius: inherit;
18214
+ border-end-start-radius: inherit;
18215
+ }
18216
+ .v-btn-group .v-btn:last-child {
18217
+ border-start-end-radius: inherit;
18218
+ border-end-end-radius: inherit;
18219
+ }
18220
+ .v-btn-group--divided .v-btn:not(:last-child) {
18221
+ border-inline-end-width: thin;
18222
+ border-inline-end-style: solid;
18223
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
18224
+ }
18225
+ .v-btn-group--tile {
18226
+ border-radius: 0;
18171
18227
  }.v-btn {
18172
18228
  align-items: center;
18173
18229
  border-radius: 4px;
@@ -18580,62 +18636,6 @@ html.overflow-y-hidden {
18580
18636
  }
18581
18637
  .v-pagination__item--is-active .v-btn__overlay {
18582
18638
  opacity: var(--v-border-opacity);
18583
- }.v-btn-group {
18584
- display: inline-flex;
18585
- flex-wrap: nowrap;
18586
- max-width: 100%;
18587
- min-width: 0;
18588
- overflow: hidden;
18589
- vertical-align: middle;
18590
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18591
- border-style: solid;
18592
- border-width: 0;
18593
- 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));
18594
- border-radius: 4px;
18595
- background: transparent;
18596
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18597
- }
18598
- .v-btn-group--border {
18599
- border-width: thin;
18600
- box-shadow: none;
18601
- }
18602
- .v-btn-group--density-default.v-btn-group {
18603
- height: 48px;
18604
- }
18605
-
18606
- .v-btn-group--density-comfortable.v-btn-group {
18607
- height: 40px;
18608
- }
18609
-
18610
- .v-btn-group--density-compact.v-btn-group {
18611
- height: 36px;
18612
- }
18613
-
18614
- .v-btn-group .v-btn {
18615
- border-radius: 0;
18616
- border-color: inherit;
18617
- }
18618
- .v-btn-group .v-btn:not(:last-child) {
18619
- border-inline-end: none;
18620
- }
18621
- .v-btn-group .v-btn:not(:first-child) {
18622
- border-inline-start: none;
18623
- }
18624
- .v-btn-group .v-btn:first-child {
18625
- border-start-start-radius: inherit;
18626
- border-end-start-radius: inherit;
18627
- }
18628
- .v-btn-group .v-btn:last-child {
18629
- border-start-end-radius: inherit;
18630
- border-end-end-radius: inherit;
18631
- }
18632
- .v-btn-group--divided .v-btn:not(:last-child) {
18633
- border-inline-end-width: thin;
18634
- border-inline-end-style: solid;
18635
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
18636
- }
18637
- .v-btn-group--tile {
18638
- border-radius: 0;
18639
18639
  }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18640
18640
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18641
18641
  }
@@ -18948,6 +18948,11 @@ html.overflow-y-hidden {
18948
18948
  pointer-events: none;
18949
18949
  opacity: 0;
18950
18950
  transition: opacity 0.2s ease-in-out;
18951
+ }.v-checkbox.v-input {
18952
+ flex: 0 1 auto;
18953
+ }
18954
+ .v-checkbox .v-selection-control {
18955
+ min-height: var(--v-input-control-height);
18951
18956
  }.v-carousel {
18952
18957
  overflow: hidden;
18953
18958
  position: relative;
@@ -19011,11 +19016,6 @@ html.overflow-y-hidden {
19011
19016
  flex-direction: column;
19012
19017
  height: 100% !important;
19013
19018
  width: 50px;
19014
- }.v-checkbox.v-input {
19015
- flex: 0 1 auto;
19016
- }
19017
- .v-checkbox .v-selection-control {
19018
- min-height: var(--v-input-control-height);
19019
19019
  }.v-chip {
19020
19020
  align-items: center;
19021
19021
  display: inline-flex;
@@ -20118,26 +20118,6 @@ html.overflow-y-hidden {
20118
20118
  .offset-xxl-11 {
20119
20119
  margin-inline-start: 91.6666666667%;
20120
20120
  }
20121
- }.v-color-picker {
20122
- align-self: flex-start;
20123
- contain: content;
20124
- }
20125
- .v-color-picker.v-sheet {
20126
- 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));
20127
- border-radius: 4px;
20128
- }
20129
-
20130
- .v-color-picker__controls {
20131
- display: flex;
20132
- flex-direction: column;
20133
- padding: 16px;
20134
- }
20135
-
20136
- .v-color-picker--flat {
20137
- 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));
20138
- }
20139
- .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20140
- 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));
20141
20121
  }.v-combobox .v-field .v-text-field__prefix,
20142
20122
  .v-combobox .v-field .v-text-field__suffix,
20143
20123
  .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
@@ -20219,6 +20199,26 @@ html.overflow-y-hidden {
20219
20199
  .v-combobox--active-menu .v-combobox__menu-icon {
20220
20200
  opacity: var(--v-high-emphasis-opacity);
20221
20201
  transform: rotate(180deg);
20202
+ }.v-color-picker {
20203
+ align-self: flex-start;
20204
+ contain: content;
20205
+ }
20206
+ .v-color-picker.v-sheet {
20207
+ 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));
20208
+ border-radius: 4px;
20209
+ }
20210
+
20211
+ .v-color-picker__controls {
20212
+ display: flex;
20213
+ flex-direction: column;
20214
+ padding: 16px;
20215
+ }
20216
+
20217
+ .v-color-picker--flat {
20218
+ 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));
20219
+ }
20220
+ .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20221
+ 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));
20222
20222
  }.v-counter {
20223
20223
  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20224
20224
  flex: 0 1 auto;
@@ -20559,24 +20559,58 @@ html.overflow-y-hidden {
20559
20559
  .date-picker-header-reverse-transition-leave-to {
20560
20560
  opacity: 0;
20561
20561
  transform: translate(0, 100%);
20562
- }.v-date-picker-month {
20563
- display: flex;
20564
- justify-content: center;
20565
- padding: 0 12px 8px;
20566
- --v-date-picker-month-day-diff: 4px;
20562
+ }.v-date-picker-months {
20563
+ height: 288px;
20567
20564
  }
20568
20565
 
20569
- .v-date-picker-month__weeks {
20566
+ .v-date-picker-months__content {
20567
+ align-items: center;
20570
20568
  display: grid;
20571
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20572
- column-gap: 4px;
20573
- font-size: 0.85rem;
20569
+ flex: 1 1;
20570
+ height: inherit;
20571
+ justify-content: space-around;
20572
+ grid-template-columns: repeat(2, 1fr);
20573
+ grid-gap: 0px 24px;
20574
+ padding-inline-start: 36px;
20575
+ padding-inline-end: 36px;
20574
20576
  }
20575
- .v-date-picker-month__weeks + .v-date-picker-month__days {
20576
- grid-row-gap: 0;
20577
+ .v-date-picker-months__content .v-btn {
20578
+ text-transform: none;
20579
+ padding-inline-start: 8px;
20580
+ padding-inline-end: 8px;
20581
+ }.v-date-picker-years {
20582
+ height: 288px;
20583
+ overflow-y: scroll;
20577
20584
  }
20578
20585
 
20579
- .v-date-picker-month__weekday {
20586
+ .v-date-picker-years__content {
20587
+ display: grid;
20588
+ flex: 1 1;
20589
+ justify-content: space-around;
20590
+ grid-template-columns: repeat(3, 1fr);
20591
+ gap: 8px 24px;
20592
+ padding-inline: 32px;
20593
+ }
20594
+ .v-date-picker-years__content .v-btn {
20595
+ padding-inline: 8px;
20596
+ }.v-date-picker-month {
20597
+ display: flex;
20598
+ justify-content: center;
20599
+ padding: 0 12px 8px;
20600
+ --v-date-picker-month-day-diff: 4px;
20601
+ }
20602
+
20603
+ .v-date-picker-month__weeks {
20604
+ display: grid;
20605
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20606
+ column-gap: 4px;
20607
+ font-size: 0.85rem;
20608
+ }
20609
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
20610
+ grid-row-gap: 0;
20611
+ }
20612
+
20613
+ .v-date-picker-month__weekday {
20580
20614
  font-size: 0.85rem;
20581
20615
  }
20582
20616
 
@@ -20614,89 +20648,6 @@ html.overflow-y-hidden {
20614
20648
 
20615
20649
  .v-date-picker-month__day--hide-adjacent {
20616
20650
  opacity: 0;
20617
- }.v-date-picker-months {
20618
- height: 288px;
20619
- }
20620
-
20621
- .v-date-picker-months__content {
20622
- align-items: center;
20623
- display: grid;
20624
- flex: 1 1;
20625
- height: inherit;
20626
- justify-content: space-around;
20627
- grid-template-columns: repeat(2, 1fr);
20628
- grid-gap: 0px 24px;
20629
- padding-inline-start: 36px;
20630
- padding-inline-end: 36px;
20631
- }
20632
- .v-date-picker-months__content .v-btn {
20633
- text-transform: none;
20634
- padding-inline-start: 8px;
20635
- padding-inline-end: 8px;
20636
- }.v-date-picker-years {
20637
- height: 288px;
20638
- overflow-y: scroll;
20639
- }
20640
-
20641
- .v-date-picker-years__content {
20642
- display: grid;
20643
- flex: 1 1;
20644
- justify-content: space-around;
20645
- grid-template-columns: repeat(3, 1fr);
20646
- gap: 8px 24px;
20647
- padding-inline: 32px;
20648
- }
20649
- .v-date-picker-years__content .v-btn {
20650
- padding-inline: 8px;
20651
- }.v-divider {
20652
- display: block;
20653
- flex: 1 1 100%;
20654
- height: 0px;
20655
- max-height: 0px;
20656
- opacity: var(--v-border-opacity);
20657
- transition: inherit;
20658
- border-style: solid;
20659
- border-width: thin 0 0 0;
20660
- }
20661
- .v-divider--vertical {
20662
- align-self: stretch;
20663
- border-width: 0 thin 0 0;
20664
- display: inline-flex;
20665
- height: 100%;
20666
- margin-left: -1px;
20667
- max-height: 100%;
20668
- max-width: 0px;
20669
- vertical-align: text-bottom;
20670
- width: 0px;
20671
- }
20672
- .v-divider--inset:not(.v-divider--vertical) {
20673
- max-width: calc(100% - 72px);
20674
- margin-inline-start: 72px;
20675
- }
20676
- .v-divider--inset.v-divider--vertical {
20677
- margin-bottom: 8px;
20678
- margin-top: 8px;
20679
- max-height: calc(100% - 16px);
20680
- }
20681
-
20682
- .v-divider__content {
20683
- padding: 0 16px;
20684
- }
20685
- .v-divider__wrapper--vertical .v-divider__content {
20686
- padding: 4px 0;
20687
- }
20688
-
20689
- .v-divider__wrapper {
20690
- display: flex;
20691
- align-items: center;
20692
- justify-content: center;
20693
- }
20694
- .v-divider__wrapper--vertical {
20695
- flex-direction: column;
20696
- height: 100%;
20697
- }
20698
- .v-divider__wrapper--vertical .v-divider {
20699
- margin: 0 auto;
20700
20651
  }.v-dialog {
20701
20652
  align-items: center;
20702
20653
  justify-content: center;
@@ -20789,6 +20740,122 @@ html.overflow-y-hidden {
20789
20740
  -webkit-backface-visibility: hidden;
20790
20741
  backface-visibility: hidden;
20791
20742
  overflow-y: auto;
20743
+ }.v-divider {
20744
+ display: block;
20745
+ flex: 1 1 100%;
20746
+ height: 0px;
20747
+ max-height: 0px;
20748
+ opacity: var(--v-border-opacity);
20749
+ transition: inherit;
20750
+ border-style: solid;
20751
+ border-width: thin 0 0 0;
20752
+ }
20753
+ .v-divider--vertical {
20754
+ align-self: stretch;
20755
+ border-width: 0 thin 0 0;
20756
+ display: inline-flex;
20757
+ height: 100%;
20758
+ margin-left: -1px;
20759
+ max-height: 100%;
20760
+ max-width: 0px;
20761
+ vertical-align: text-bottom;
20762
+ width: 0px;
20763
+ }
20764
+ .v-divider--inset:not(.v-divider--vertical) {
20765
+ max-width: calc(100% - 72px);
20766
+ margin-inline-start: 72px;
20767
+ }
20768
+ .v-divider--inset.v-divider--vertical {
20769
+ margin-bottom: 8px;
20770
+ margin-top: 8px;
20771
+ max-height: calc(100% - 16px);
20772
+ }
20773
+
20774
+ .v-divider__content {
20775
+ padding: 0 16px;
20776
+ }
20777
+ .v-divider__wrapper--vertical .v-divider__content {
20778
+ padding: 4px 0;
20779
+ }
20780
+
20781
+ .v-divider__wrapper {
20782
+ display: flex;
20783
+ align-items: center;
20784
+ justify-content: center;
20785
+ }
20786
+ .v-divider__wrapper--vertical {
20787
+ flex-direction: column;
20788
+ height: 100%;
20789
+ }
20790
+ .v-divider__wrapper--vertical .v-divider {
20791
+ margin: 0 auto;
20792
+ }.v-empty-state {
20793
+ align-items: center;
20794
+ display: flex;
20795
+ flex-direction: column;
20796
+ justify-content: center;
20797
+ min-height: 100%;
20798
+ padding: 16px;
20799
+ }
20800
+ .v-empty-state--start {
20801
+ align-items: flex-start;
20802
+ }
20803
+ .v-empty-state--center {
20804
+ align-items: center;
20805
+ }
20806
+ .v-empty-state--end {
20807
+ align-items: flex-end;
20808
+ }
20809
+
20810
+ .v-empty-state__media {
20811
+ text-align: center;
20812
+ width: 100%;
20813
+ }
20814
+ .v-empty-state__media .v-icon {
20815
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20816
+ }
20817
+
20818
+ .v-empty-state__headline {
20819
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20820
+ font-size: 3.75rem;
20821
+ font-weight: 300;
20822
+ line-height: 1;
20823
+ text-align: center;
20824
+ margin-bottom: 8px;
20825
+ }
20826
+ .v-empty-state--mobile .v-empty-state__headline {
20827
+ font-size: 2.125rem;
20828
+ }
20829
+
20830
+ .v-empty-state__title {
20831
+ font-size: 1.25rem;
20832
+ font-weight: 500;
20833
+ line-height: 1.6;
20834
+ margin-bottom: 4px;
20835
+ text-align: center;
20836
+ }
20837
+
20838
+ .v-empty-state__text {
20839
+ font-size: 0.875rem;
20840
+ font-weight: 400;
20841
+ line-height: 1.425;
20842
+ padding: 0 16px;
20843
+ text-align: center;
20844
+ }
20845
+
20846
+ .v-empty-state__content {
20847
+ padding: 24px 0;
20848
+ }
20849
+
20850
+ .v-empty-state__actions {
20851
+ display: flex;
20852
+ gap: 8px;
20853
+ padding: 16px;
20854
+ }
20855
+
20856
+ .v-empty-state__action-btn.v-btn {
20857
+ background-color: rgb(var(--v-theme-surface-variant));
20858
+ color: rgb(var(--v-theme-on-surface-variant));
20792
20859
  }.v-expansion-panel {
20793
20860
  background-color: rgb(var(--v-theme-surface));
20794
20861
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -20999,161 +21066,25 @@ html.overflow-y-hidden {
20999
21066
  }
21000
21067
  .v-expansion-panels--tile > .v-expansion-panel {
21001
21068
  border-radius: 0;
21002
- }.v-empty-state {
21003
- align-items: center;
21004
- display: flex;
21005
- flex-direction: column;
21006
- justify-content: center;
21007
- min-height: 100%;
21008
- padding: 16px;
21009
- }
21010
- .v-empty-state--start {
21011
- align-items: flex-start;
21012
- }
21013
- .v-empty-state--center {
21014
- align-items: center;
21015
- }
21016
- .v-empty-state--end {
21017
- align-items: flex-end;
21018
- }
21019
-
21020
- .v-empty-state__media {
21021
- text-align: center;
21022
- width: 100%;
21023
- }
21024
- .v-empty-state__media .v-icon {
21025
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
21026
- }
21027
-
21028
- .v-empty-state__headline {
21029
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
21030
- font-size: 3.75rem;
21031
- font-weight: 300;
21032
- line-height: 1;
21033
- text-align: center;
21034
- margin-bottom: 8px;
21035
- }
21036
- .v-empty-state--mobile .v-empty-state__headline {
21037
- font-size: 2.125rem;
21038
- }
21039
-
21040
- .v-empty-state__title {
21041
- font-size: 1.25rem;
21042
- font-weight: 500;
21043
- line-height: 1.6;
21044
- margin-bottom: 4px;
21045
- text-align: center;
21046
- }
21047
-
21048
- .v-empty-state__text {
21049
- font-size: 0.875rem;
21050
- font-weight: 400;
21051
- line-height: 1.425;
21052
- padding: 0 16px;
21053
- text-align: center;
21054
- }
21055
-
21056
- .v-empty-state__content {
21057
- padding: 24px 0;
21058
- }
21059
-
21060
- .v-empty-state__actions {
21061
- display: flex;
21062
- gap: 8px;
21063
- padding: 16px;
21064
- }
21065
-
21066
- .v-empty-state__action-btn.v-btn {
21067
- background-color: rgb(var(--v-theme-surface-variant));
21068
- color: rgb(var(--v-theme-on-surface-variant));
21069
- }.v-fab {
21070
- align-items: center;
21071
- display: inline-flex;
21072
- flex: 1 1 auto;
21073
- pointer-events: none;
21074
- position: relative;
21075
- transition-duration: 0.2s;
21076
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21077
- vertical-align: middle;
21078
- }
21079
- .v-fab .v-btn {
21080
- pointer-events: auto;
21081
- }
21082
- .v-fab .v-btn--variant-elevated {
21083
- box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21084
- }
21085
- .v-fab--app, .v-fab--absolute {
21086
- display: flex;
21087
- }
21088
- .v-fab--start, .v-fab--left {
21089
- justify-content: flex-start;
21090
- }
21091
- .v-fab--center {
21092
- align-items: center;
21093
- justify-content: center;
21094
- }
21095
- .v-fab--end, .v-fab--right {
21096
- justify-content: flex-end;
21097
- }
21098
- .v-fab--bottom {
21099
- align-items: flex-end;
21100
- }
21101
- .v-fab--top {
21102
- align-items: flex-start;
21103
- }
21104
- .v-fab--extended .v-btn {
21105
- border-radius: 9999px !important;
21106
- }
21107
-
21108
- .v-fab__container {
21109
- align-self: center;
21110
- display: inline-flex;
21111
- position: absolute;
21112
- vertical-align: middle;
21113
- }
21114
- .v-fab--app .v-fab__container {
21115
- margin: 12px;
21116
- }
21117
- .v-fab--absolute .v-fab__container {
21118
- position: absolute;
21119
- z-index: 4;
21120
- }
21121
- .v-fab--offset.v-fab--top .v-fab__container {
21122
- transform: translateY(-50%);
21123
- }
21124
- .v-fab--offset.v-fab--bottom .v-fab__container {
21125
- transform: translateY(50%);
21126
- }
21127
- .v-fab--top .v-fab__container {
21128
- top: 0;
21129
- }
21130
- .v-fab--bottom .v-fab__container {
21131
- bottom: 0;
21132
- }
21133
- .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
21134
- left: 0;
21135
- }
21136
- .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
21137
- right: 0;
21138
- }/* region INPUT */
21139
- .v-field {
21140
- display: grid;
21141
- grid-template-areas: "prepend-inner field clear append-inner";
21142
- grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
21143
- font-size: 16px;
21144
- letter-spacing: 0.009375em;
21145
- max-width: 100%;
21146
- border-radius: 4px;
21147
- contain: layout;
21148
- flex: 1 0;
21149
- grid-area: control;
21150
- position: relative;
21151
- --v-field-padding-start: 16px;
21152
- --v-field-padding-end: 16px;
21153
- --v-field-padding-top: 8px;
21154
- --v-field-padding-bottom: 4px;
21155
- --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
21156
- --v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
21069
+ }/* region INPUT */
21070
+ .v-field {
21071
+ display: grid;
21072
+ grid-template-areas: "prepend-inner field clear append-inner";
21073
+ grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
21074
+ font-size: 16px;
21075
+ letter-spacing: 0.009375em;
21076
+ max-width: 100%;
21077
+ border-radius: 4px;
21078
+ contain: layout;
21079
+ flex: 1 0;
21080
+ grid-area: control;
21081
+ position: relative;
21082
+ --v-field-padding-start: 16px;
21083
+ --v-field-padding-end: 16px;
21084
+ --v-field-padding-top: 8px;
21085
+ --v-field-padding-bottom: 4px;
21086
+ --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
21087
+ --v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
21157
21088
  }
21158
21089
  .v-field--disabled {
21159
21090
  opacity: var(--v-disabled-opacity);
@@ -21762,6 +21693,75 @@ textarea.v-field__input::placeholder {
21762
21693
  }
21763
21694
  .v-footer--rounded {
21764
21695
  border-radius: 4px;
21696
+ }.v-fab {
21697
+ align-items: center;
21698
+ display: inline-flex;
21699
+ flex: 1 1 auto;
21700
+ pointer-events: none;
21701
+ position: relative;
21702
+ transition-duration: 0.2s;
21703
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21704
+ vertical-align: middle;
21705
+ }
21706
+ .v-fab .v-btn {
21707
+ pointer-events: auto;
21708
+ }
21709
+ .v-fab .v-btn--variant-elevated {
21710
+ box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21711
+ }
21712
+ .v-fab--app, .v-fab--absolute {
21713
+ display: flex;
21714
+ }
21715
+ .v-fab--start, .v-fab--left {
21716
+ justify-content: flex-start;
21717
+ }
21718
+ .v-fab--center {
21719
+ align-items: center;
21720
+ justify-content: center;
21721
+ }
21722
+ .v-fab--end, .v-fab--right {
21723
+ justify-content: flex-end;
21724
+ }
21725
+ .v-fab--bottom {
21726
+ align-items: flex-end;
21727
+ }
21728
+ .v-fab--top {
21729
+ align-items: flex-start;
21730
+ }
21731
+ .v-fab--extended .v-btn {
21732
+ border-radius: 9999px !important;
21733
+ }
21734
+
21735
+ .v-fab__container {
21736
+ align-self: center;
21737
+ display: inline-flex;
21738
+ position: absolute;
21739
+ vertical-align: middle;
21740
+ }
21741
+ .v-fab--app .v-fab__container {
21742
+ margin: 12px;
21743
+ }
21744
+ .v-fab--absolute .v-fab__container {
21745
+ position: absolute;
21746
+ z-index: 4;
21747
+ }
21748
+ .v-fab--offset.v-fab--top .v-fab__container {
21749
+ transform: translateY(-50%);
21750
+ }
21751
+ .v-fab--offset.v-fab--bottom .v-fab__container {
21752
+ transform: translateY(50%);
21753
+ }
21754
+ .v-fab--top .v-fab__container {
21755
+ top: 0;
21756
+ }
21757
+ .v-fab--bottom .v-fab__container {
21758
+ bottom: 0;
21759
+ }
21760
+ .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
21761
+ left: 0;
21762
+ }
21763
+ .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
21764
+ right: 0;
21765
21765
  }.v-icon {
21766
21766
  --v-icon-size-multiplier: 1;
21767
21767
  align-items: center;
@@ -21851,31 +21851,6 @@ textarea.v-field__input::placeholder {
21851
21851
 
21852
21852
  .v-img__gradient {
21853
21853
  background-repeat: no-repeat;
21854
- }.v-infinite-scroll--horizontal {
21855
- display: flex;
21856
- flex-direction: row;
21857
- overflow-x: auto;
21858
- }
21859
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21860
- height: 100%;
21861
- width: 1px;
21862
- }
21863
-
21864
- .v-infinite-scroll--vertical {
21865
- display: flex;
21866
- flex-direction: column;
21867
- overflow-y: auto;
21868
- }
21869
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21870
- height: 1px;
21871
- width: 100%;
21872
- }
21873
-
21874
- .v-infinite-scroll__side {
21875
- align-items: center;
21876
- display: flex;
21877
- justify-content: center;
21878
- padding: 8px;
21879
21854
  }.v-input {
21880
21855
  display: grid;
21881
21856
  flex: 1 1 auto;
@@ -22023,20 +21998,45 @@ textarea.v-field__input::placeholder {
22023
21998
  max-width: 100%;
22024
21999
  position: relative;
22025
22000
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22026
- }.v-label {
22027
- align-items: center;
22028
- color: inherit;
22029
- display: inline-flex;
22030
- font-size: 1rem;
22031
- letter-spacing: 0.009375em;
22032
- min-width: 0;
22033
- opacity: var(--v-medium-emphasis-opacity);
22034
- overflow: hidden;
22035
- text-overflow: ellipsis;
22036
- white-space: nowrap;
22001
+ }.v-infinite-scroll--horizontal {
22002
+ display: flex;
22003
+ flex-direction: row;
22004
+ overflow-x: auto;
22037
22005
  }
22038
-
22039
- .v-label--clickable {
22006
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
22007
+ height: 100%;
22008
+ width: 1px;
22009
+ }
22010
+
22011
+ .v-infinite-scroll--vertical {
22012
+ display: flex;
22013
+ flex-direction: column;
22014
+ overflow-y: auto;
22015
+ }
22016
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
22017
+ height: 1px;
22018
+ width: 100%;
22019
+ }
22020
+
22021
+ .v-infinite-scroll__side {
22022
+ align-items: center;
22023
+ display: flex;
22024
+ justify-content: center;
22025
+ padding: 8px;
22026
+ }.v-label {
22027
+ align-items: center;
22028
+ color: inherit;
22029
+ display: inline-flex;
22030
+ font-size: 1rem;
22031
+ letter-spacing: 0.009375em;
22032
+ min-width: 0;
22033
+ opacity: var(--v-medium-emphasis-opacity);
22034
+ overflow: hidden;
22035
+ text-overflow: ellipsis;
22036
+ white-space: nowrap;
22037
+ }
22038
+
22039
+ .v-label--clickable {
22040
22040
  cursor: pointer;
22041
22041
  }.v-layout {
22042
22042
  --v-scrollbar-offset: 0px;
@@ -22053,8 +22053,6 @@ textarea.v-field__input::placeholder {
22053
22053
 
22054
22054
  .v-layout-item--absolute {
22055
22055
  position: absolute;
22056
- }.v-locale-provider {
22057
- display: contents;
22058
22056
  }.v-list {
22059
22057
  overflow: auto;
22060
22058
  padding: 8px 0;
@@ -22612,6 +22610,8 @@ textarea.v-field__input::placeholder {
22612
22610
  }
22613
22611
  .v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
22614
22612
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22613
+ }.v-locale-provider {
22614
+ display: contents;
22615
22615
  }.v-main {
22616
22616
  flex: 1 0 auto;
22617
22617
  max-width: 100%;
@@ -23286,32 +23286,6 @@ html.v-overlay-scroll-blocked {
23286
23286
 
23287
23287
  .v-slider__label {
23288
23288
  margin-inline-end: 12px;
23289
- }.v-responsive {
23290
- display: flex;
23291
- flex: 1 0 auto;
23292
- max-height: 100%;
23293
- max-width: 100%;
23294
- overflow: hidden;
23295
- position: relative;
23296
- }
23297
- .v-responsive--inline {
23298
- display: inline-flex;
23299
- flex: 0 0 auto;
23300
- }
23301
-
23302
- .v-responsive__content {
23303
- flex: 1 0 0px;
23304
- max-width: 100%;
23305
- }
23306
-
23307
- .v-responsive__sizer ~ .v-responsive__content {
23308
- margin-inline-start: -100%;
23309
- }
23310
-
23311
- .v-responsive__sizer {
23312
- flex: 1 0 0px;
23313
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23314
- pointer-events: none;
23315
23289
  }.v-rating {
23316
23290
  max-width: 100%;
23317
23291
  display: inline-flex;
@@ -23366,54 +23340,32 @@ html.v-overlay-scroll-blocked {
23366
23340
  opacity: 0;
23367
23341
  position: absolute;
23368
23342
  width: 0;
23369
- }.v-select .v-field .v-text-field__prefix,
23370
- .v-select .v-field .v-text-field__suffix,
23371
- .v-select .v-field .v-field__input, .v-select .v-field.v-field {
23372
- cursor: pointer;
23373
- }
23374
- .v-select .v-field .v-field__input > input {
23375
- align-self: flex-start;
23376
- opacity: 1;
23377
- flex: 0 0;
23378
- position: absolute;
23379
- width: 100%;
23380
- transition: none;
23381
- pointer-events: none;
23382
- caret-color: transparent;
23383
- }
23384
- .v-select .v-field--dirty .v-select__selection {
23385
- margin-inline-end: 2px;
23386
- }
23387
- .v-select .v-select__selection-text {
23388
- overflow: hidden;
23389
- text-overflow: ellipsis;
23390
- white-space: nowrap;
23391
- }
23392
- .v-select__content {
23343
+ }.v-responsive {
23344
+ display: flex;
23345
+ flex: 1 0 auto;
23346
+ max-height: 100%;
23347
+ max-width: 100%;
23393
23348
  overflow: hidden;
23394
- 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));
23395
- border-radius: 4px;
23349
+ position: relative;
23396
23350
  }
23397
- .v-select__selection {
23351
+ .v-responsive--inline {
23398
23352
  display: inline-flex;
23399
- align-items: center;
23400
- letter-spacing: inherit;
23401
- line-height: inherit;
23402
- max-width: 100%;
23403
- }
23404
- .v-select .v-select__selection:first-child {
23405
- margin-inline-start: 0;
23353
+ flex: 0 0 auto;
23406
23354
  }
23407
- .v-select--selected .v-field .v-field__input > input {
23408
- opacity: 0;
23355
+
23356
+ .v-responsive__content {
23357
+ flex: 1 0 0px;
23358
+ max-width: 100%;
23409
23359
  }
23410
- .v-select__menu-icon {
23411
- margin-inline-start: 4px;
23412
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23360
+
23361
+ .v-responsive__sizer ~ .v-responsive__content {
23362
+ margin-inline-start: -100%;
23413
23363
  }
23414
- .v-select--active-menu .v-select__menu-icon {
23415
- opacity: var(--v-high-emphasis-opacity);
23416
- transform: rotate(180deg);
23364
+
23365
+ .v-responsive__sizer {
23366
+ flex: 1 0 0px;
23367
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23368
+ pointer-events: none;
23417
23369
  }.v-selection-control {
23418
23370
  align-items: center;
23419
23371
  contain: layout;
@@ -23515,6 +23467,14 @@ html.v-overlay-scroll-blocked {
23515
23467
  }
23516
23468
  .v-selection-control--focus-visible .v-selection-control__input::before {
23517
23469
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
23470
+ }.v-selection-control-group {
23471
+ grid-area: control;
23472
+ display: flex;
23473
+ flex-direction: column;
23474
+ }
23475
+ .v-selection-control-group--inline {
23476
+ flex-direction: row;
23477
+ flex-wrap: wrap;
23518
23478
  }.v-sheet {
23519
23479
  display: block;
23520
23480
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
@@ -23543,14 +23503,6 @@ html.v-overlay-scroll-blocked {
23543
23503
  }
23544
23504
  .v-sheet--rounded {
23545
23505
  border-radius: 4px;
23546
- }.v-selection-control-group {
23547
- grid-area: control;
23548
- display: flex;
23549
- flex-direction: column;
23550
- }
23551
- .v-selection-control-group--inline {
23552
- flex-direction: row;
23553
- flex-wrap: wrap;
23554
23506
  }.v-skeleton-loader {
23555
23507
  align-items: center;
23556
23508
  background: rgb(var(--v-theme-surface));
@@ -23967,6 +23919,47 @@ html.v-overlay-scroll-blocked {
23967
23919
  }
23968
23920
  .v-snackbar-transition-leave-to {
23969
23921
  opacity: 0;
23922
+ }.v-speed-dial__content {
23923
+ gap: 8px;
23924
+ }
23925
+ .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 {
23926
+ flex-direction: row;
23927
+ }
23928
+ .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 {
23929
+ flex-direction: row-reverse;
23930
+ }
23931
+ .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 {
23932
+ flex-direction: column-reverse;
23933
+ }
23934
+ .v-speed-dial__content > *:nth-child(1) {
23935
+ transition-delay: 0s;
23936
+ }
23937
+ .v-speed-dial__content > *:nth-child(2) {
23938
+ transition-delay: 0.05s;
23939
+ }
23940
+ .v-speed-dial__content > *:nth-child(3) {
23941
+ transition-delay: 0.1s;
23942
+ }
23943
+ .v-speed-dial__content > *:nth-child(4) {
23944
+ transition-delay: 0.15s;
23945
+ }
23946
+ .v-speed-dial__content > *:nth-child(5) {
23947
+ transition-delay: 0.2s;
23948
+ }
23949
+ .v-speed-dial__content > *:nth-child(6) {
23950
+ transition-delay: 0.25s;
23951
+ }
23952
+ .v-speed-dial__content > *:nth-child(7) {
23953
+ transition-delay: 0.3s;
23954
+ }
23955
+ .v-speed-dial__content > *:nth-child(8) {
23956
+ transition-delay: 0.35s;
23957
+ }
23958
+ .v-speed-dial__content > *:nth-child(9) {
23959
+ transition-delay: 0.4s;
23960
+ }
23961
+ .v-speed-dial__content > *:nth-child(10) {
23962
+ transition-delay: 0.45s;
23970
23963
  }.v-stepper.v-sheet {
23971
23964
  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));
23972
23965
  border-radius: 4px;
@@ -24266,6 +24259,50 @@ html.v-overlay-scroll-blocked {
24266
24259
  }
24267
24260
  .v-switch.v-input--vertical .v-selection-control__wrapper {
24268
24261
  transform: rotate(-90deg);
24262
+ }
24263
+
24264
+ @media (forced-colors: active) {
24265
+ .v-switch .v-switch__loader .v-progress-circular {
24266
+ color: currentColor;
24267
+ }
24268
+ .v-switch .v-switch__thumb {
24269
+ background-color: buttontext;
24270
+ }
24271
+ .v-switch .v-switch__track,
24272
+ .v-switch .v-switch__thumb {
24273
+ border: 1px solid;
24274
+ color: buttontext;
24275
+ }
24276
+ .v-switch:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
24277
+ background-color: highlight;
24278
+ }
24279
+ .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track {
24280
+ background-color: highlight;
24281
+ }
24282
+ .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track,
24283
+ .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
24284
+ color: highlight;
24285
+ }
24286
+ .v-switch.v-switch--inset .v-switch__track {
24287
+ border-width: 2px;
24288
+ }
24289
+ .v-switch.v-switch--inset:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
24290
+ background-color: highlighttext;
24291
+ color: highlighttext;
24292
+ }
24293
+ .v-switch.v-input--disabled .v-switch__thumb {
24294
+ background-color: graytext;
24295
+ }
24296
+ .v-switch.v-input--disabled .v-switch__track,
24297
+ .v-switch.v-input--disabled .v-switch__thumb {
24298
+ color: graytext;
24299
+ }
24300
+ .v-switch.v-switch--loading .v-switch__thumb {
24301
+ background-color: canvas;
24302
+ }
24303
+ .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
24304
+ border-width: 0;
24305
+ }
24269
24306
  }.v-system-bar {
24270
24307
  align-items: center;
24271
24308
  display: flex;
@@ -24398,47 +24435,6 @@ html.v-overlay-scroll-blocked {
24398
24435
  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24399
24436
  margin-inline-end: 52px;
24400
24437
  }
24401
- }.v-speed-dial__content {
24402
- gap: 8px;
24403
- }
24404
- .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 {
24405
- flex-direction: row;
24406
- }
24407
- .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 {
24408
- flex-direction: row-reverse;
24409
- }
24410
- .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 {
24411
- flex-direction: column-reverse;
24412
- }
24413
- .v-speed-dial__content > *:nth-child(1) {
24414
- transition-delay: 0s;
24415
- }
24416
- .v-speed-dial__content > *:nth-child(2) {
24417
- transition-delay: 0.05s;
24418
- }
24419
- .v-speed-dial__content > *:nth-child(3) {
24420
- transition-delay: 0.1s;
24421
- }
24422
- .v-speed-dial__content > *:nth-child(4) {
24423
- transition-delay: 0.15s;
24424
- }
24425
- .v-speed-dial__content > *:nth-child(5) {
24426
- transition-delay: 0.2s;
24427
- }
24428
- .v-speed-dial__content > *:nth-child(6) {
24429
- transition-delay: 0.25s;
24430
- }
24431
- .v-speed-dial__content > *:nth-child(7) {
24432
- transition-delay: 0.3s;
24433
- }
24434
- .v-speed-dial__content > *:nth-child(8) {
24435
- transition-delay: 0.35s;
24436
- }
24437
- .v-speed-dial__content > *:nth-child(9) {
24438
- transition-delay: 0.4s;
24439
- }
24440
- .v-speed-dial__content > *:nth-child(10) {
24441
- transition-delay: 0.45s;
24442
24438
  }.v-table {
24443
24439
  background: rgb(var(--v-theme-surface));
24444
24440
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -24686,135 +24682,6 @@ html.v-overlay-scroll-blocked {
24686
24682
  /* endregion */.v-theme-provider {
24687
24683
  background: rgb(var(--v-theme-background));
24688
24684
  color: rgb(var(--v-theme-on-background));
24689
- }.v-toolbar {
24690
- align-items: flex-start;
24691
- display: flex;
24692
- flex: none;
24693
- flex-direction: column;
24694
- justify-content: space-between;
24695
- max-width: 100%;
24696
- position: relative;
24697
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24698
- transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
24699
- width: 100%;
24700
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
24701
- border-style: solid;
24702
- border-width: 0;
24703
- 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));
24704
- border-radius: 0;
24705
- background: rgb(var(--v-theme-surface-light));
24706
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24707
- }
24708
- .v-toolbar--border {
24709
- border-width: thin;
24710
- box-shadow: none;
24711
- }
24712
- .v-toolbar--absolute {
24713
- position: absolute;
24714
- }
24715
- .v-toolbar--collapse {
24716
- max-width: 112px;
24717
- overflow: hidden;
24718
- border-end-end-radius: 24px;
24719
- }
24720
- .v-toolbar--collapse .v-toolbar-title {
24721
- display: none;
24722
- }
24723
- .v-toolbar--flat {
24724
- 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));
24725
- }
24726
- .v-toolbar--floating {
24727
- display: inline-flex;
24728
- }
24729
- .v-toolbar--rounded {
24730
- border-radius: 4px;
24731
- }
24732
-
24733
- .v-toolbar__content,
24734
- .v-toolbar__extension {
24735
- align-items: center;
24736
- display: flex;
24737
- flex: 0 0 auto;
24738
- position: relative;
24739
- transition: inherit;
24740
- width: 100%;
24741
- }
24742
-
24743
- .v-toolbar__content {
24744
- overflow: hidden;
24745
- }
24746
- .v-toolbar__content > .v-btn:first-child {
24747
- margin-inline-start: 4px;
24748
- }
24749
- .v-toolbar__content > .v-btn:last-child {
24750
- margin-inline-end: 4px;
24751
- }
24752
- .v-toolbar__content > .v-toolbar-title {
24753
- margin-inline-start: 20px;
24754
- }
24755
- .v-toolbar--density-prominent .v-toolbar__content {
24756
- align-items: flex-start;
24757
- }
24758
-
24759
- .v-toolbar__image {
24760
- position: absolute;
24761
- top: 0;
24762
- left: 0;
24763
- width: 100%;
24764
- height: 100%;
24765
- display: flex;
24766
- opacity: var(--v-toolbar-image-opacity, 1);
24767
- transition-property: opacity;
24768
- }
24769
-
24770
- .v-toolbar__prepend,
24771
- .v-toolbar__append {
24772
- align-items: center;
24773
- align-self: stretch;
24774
- display: flex;
24775
- }
24776
-
24777
- .v-toolbar__prepend {
24778
- margin-inline: 4px auto;
24779
- }
24780
-
24781
- .v-toolbar__append {
24782
- margin-inline: auto 4px;
24783
- }
24784
-
24785
- .v-toolbar-title {
24786
- flex: 1 1;
24787
- font-size: 1.25rem;
24788
- min-width: 0;
24789
- font-size: 1.25rem;
24790
- font-weight: 400;
24791
- letter-spacing: 0;
24792
- line-height: 1.75rem;
24793
- text-transform: none;
24794
- }
24795
- .v-toolbar--density-prominent .v-toolbar-title {
24796
- align-self: flex-end;
24797
- padding-bottom: 6px;
24798
- font-size: 1.5rem;
24799
- font-weight: 400;
24800
- letter-spacing: 0;
24801
- line-height: 2.25rem;
24802
- text-transform: none;
24803
- }
24804
-
24805
- .v-toolbar-title__placeholder {
24806
- overflow: hidden;
24807
- text-overflow: ellipsis;
24808
- white-space: nowrap;
24809
- }
24810
-
24811
- .v-toolbar-items {
24812
- display: flex;
24813
- height: inherit;
24814
- align-self: stretch;
24815
- }
24816
- .v-toolbar-items > .v-btn {
24817
- border-radius: 0;
24818
24685
  }.v-timeline .v-timeline-divider__dot {
24819
24686
  background: rgb(var(--v-theme-surface-light));
24820
24687
  }
@@ -25231,6 +25098,135 @@ html.v-overlay-scroll-blocked {
25231
25098
 
25232
25099
  .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
25233
25100
  padding-inline-end: 0;
25101
+ }.v-toolbar {
25102
+ align-items: flex-start;
25103
+ display: flex;
25104
+ flex: none;
25105
+ flex-direction: column;
25106
+ justify-content: space-between;
25107
+ max-width: 100%;
25108
+ position: relative;
25109
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
25110
+ transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
25111
+ width: 100%;
25112
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
25113
+ border-style: solid;
25114
+ border-width: 0;
25115
+ 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));
25116
+ border-radius: 0;
25117
+ background: rgb(var(--v-theme-surface-light));
25118
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
25119
+ }
25120
+ .v-toolbar--border {
25121
+ border-width: thin;
25122
+ box-shadow: none;
25123
+ }
25124
+ .v-toolbar--absolute {
25125
+ position: absolute;
25126
+ }
25127
+ .v-toolbar--collapse {
25128
+ max-width: 112px;
25129
+ overflow: hidden;
25130
+ border-end-end-radius: 24px;
25131
+ }
25132
+ .v-toolbar--collapse .v-toolbar-title {
25133
+ display: none;
25134
+ }
25135
+ .v-toolbar--flat {
25136
+ 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));
25137
+ }
25138
+ .v-toolbar--floating {
25139
+ display: inline-flex;
25140
+ }
25141
+ .v-toolbar--rounded {
25142
+ border-radius: 4px;
25143
+ }
25144
+
25145
+ .v-toolbar__content,
25146
+ .v-toolbar__extension {
25147
+ align-items: center;
25148
+ display: flex;
25149
+ flex: 0 0 auto;
25150
+ position: relative;
25151
+ transition: inherit;
25152
+ width: 100%;
25153
+ }
25154
+
25155
+ .v-toolbar__content {
25156
+ overflow: hidden;
25157
+ }
25158
+ .v-toolbar__content > .v-btn:first-child {
25159
+ margin-inline-start: 4px;
25160
+ }
25161
+ .v-toolbar__content > .v-btn:last-child {
25162
+ margin-inline-end: 4px;
25163
+ }
25164
+ .v-toolbar__content > .v-toolbar-title {
25165
+ margin-inline-start: 20px;
25166
+ }
25167
+ .v-toolbar--density-prominent .v-toolbar__content {
25168
+ align-items: flex-start;
25169
+ }
25170
+
25171
+ .v-toolbar__image {
25172
+ position: absolute;
25173
+ top: 0;
25174
+ left: 0;
25175
+ width: 100%;
25176
+ height: 100%;
25177
+ display: flex;
25178
+ opacity: var(--v-toolbar-image-opacity, 1);
25179
+ transition-property: opacity;
25180
+ }
25181
+
25182
+ .v-toolbar__prepend,
25183
+ .v-toolbar__append {
25184
+ align-items: center;
25185
+ align-self: stretch;
25186
+ display: flex;
25187
+ }
25188
+
25189
+ .v-toolbar__prepend {
25190
+ margin-inline: 4px auto;
25191
+ }
25192
+
25193
+ .v-toolbar__append {
25194
+ margin-inline: auto 4px;
25195
+ }
25196
+
25197
+ .v-toolbar-title {
25198
+ flex: 1 1;
25199
+ font-size: 1.25rem;
25200
+ min-width: 0;
25201
+ font-size: 1.25rem;
25202
+ font-weight: 400;
25203
+ letter-spacing: 0;
25204
+ line-height: 1.75rem;
25205
+ text-transform: none;
25206
+ }
25207
+ .v-toolbar--density-prominent .v-toolbar-title {
25208
+ align-self: flex-end;
25209
+ padding-bottom: 6px;
25210
+ font-size: 1.5rem;
25211
+ font-weight: 400;
25212
+ letter-spacing: 0;
25213
+ line-height: 2.25rem;
25214
+ text-transform: none;
25215
+ }
25216
+
25217
+ .v-toolbar-title__placeholder {
25218
+ overflow: hidden;
25219
+ text-overflow: ellipsis;
25220
+ white-space: nowrap;
25221
+ }
25222
+
25223
+ .v-toolbar-items {
25224
+ display: flex;
25225
+ height: inherit;
25226
+ align-self: stretch;
25227
+ }
25228
+ .v-toolbar-items > .v-btn {
25229
+ border-radius: 0;
25234
25230
  }.v-tooltip > .v-overlay__content {
25235
25231
  background: rgb(var(--v-theme-surface-variant));
25236
25232
  color: rgb(var(--v-theme-on-surface-variant));
@@ -25262,15 +25258,63 @@ html.v-overlay-scroll-blocked {
25262
25258
  }
25263
25259
  .v-virtual-scroll__container {
25264
25260
  display: block;
25265
- }.v-window {
25266
- overflow: hidden;
25267
- }
25268
- .v-window__container {
25269
- display: flex;
25270
- flex-direction: column;
25271
- height: inherit;
25272
- position: relative;
25273
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25261
+ }.v-select .v-field .v-text-field__prefix,
25262
+ .v-select .v-field .v-text-field__suffix,
25263
+ .v-select .v-field .v-field__input, .v-select .v-field.v-field {
25264
+ cursor: pointer;
25265
+ }
25266
+ .v-select .v-field .v-field__input > input {
25267
+ align-self: flex-start;
25268
+ opacity: 1;
25269
+ flex: 0 0;
25270
+ position: absolute;
25271
+ width: 100%;
25272
+ transition: none;
25273
+ pointer-events: none;
25274
+ caret-color: transparent;
25275
+ }
25276
+ .v-select .v-field--dirty .v-select__selection {
25277
+ margin-inline-end: 2px;
25278
+ }
25279
+ .v-select .v-select__selection-text {
25280
+ overflow: hidden;
25281
+ text-overflow: ellipsis;
25282
+ white-space: nowrap;
25283
+ }
25284
+ .v-select__content {
25285
+ overflow: hidden;
25286
+ 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));
25287
+ border-radius: 4px;
25288
+ }
25289
+ .v-select__selection {
25290
+ display: inline-flex;
25291
+ align-items: center;
25292
+ letter-spacing: inherit;
25293
+ line-height: inherit;
25294
+ max-width: 100%;
25295
+ }
25296
+ .v-select .v-select__selection:first-child {
25297
+ margin-inline-start: 0;
25298
+ }
25299
+ .v-select--selected .v-field .v-field__input > input {
25300
+ opacity: 0;
25301
+ }
25302
+ .v-select__menu-icon {
25303
+ margin-inline-start: 4px;
25304
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
25305
+ }
25306
+ .v-select--active-menu .v-select__menu-icon {
25307
+ opacity: var(--v-high-emphasis-opacity);
25308
+ transform: rotate(180deg);
25309
+ }.v-window {
25310
+ overflow: hidden;
25311
+ }
25312
+ .v-window__container {
25313
+ display: flex;
25314
+ flex-direction: column;
25315
+ height: inherit;
25316
+ position: relative;
25317
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25274
25318
  }
25275
25319
  .v-window__controls {
25276
25320
  position: absolute;
@@ -25354,6 +25398,69 @@ html.v-overlay-scroll-blocked {
25354
25398
  }
25355
25399
  .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25356
25400
  will-change: transform;
25401
+ }.v-color-picker-edit {
25402
+ display: flex;
25403
+ margin-top: 24px;
25404
+ }
25405
+
25406
+ .v-color-picker-edit__input {
25407
+ width: 100%;
25408
+ display: flex;
25409
+ flex-wrap: wrap;
25410
+ justify-content: center;
25411
+ text-align: center;
25412
+ }
25413
+ .v-color-picker-edit__input:not(:last-child) {
25414
+ margin-inline-end: 8px;
25415
+ }
25416
+ .v-color-picker-edit__input input {
25417
+ border-radius: 4px;
25418
+ margin-bottom: 8px;
25419
+ min-width: 0;
25420
+ outline: none;
25421
+ text-align: center;
25422
+ width: 100%;
25423
+ height: 32px;
25424
+ background: rgba(var(--v-theme-surface-variant), 0.2);
25425
+ color: rgba(var(--v-theme-on-surface));
25426
+ }
25427
+ .v-color-picker-edit__input span {
25428
+ font-size: 0.75rem;
25429
+ }.v-color-picker-swatches {
25430
+ overflow-y: auto;
25431
+ }
25432
+ .v-color-picker-swatches > div {
25433
+ display: flex;
25434
+ flex-wrap: wrap;
25435
+ justify-content: center;
25436
+ padding: 8px;
25437
+ }
25438
+
25439
+ .v-color-picker-swatches__swatch {
25440
+ display: flex;
25441
+ flex-direction: column;
25442
+ margin-bottom: 10px;
25443
+ }
25444
+
25445
+ .v-color-picker-swatches__color {
25446
+ position: relative;
25447
+ height: 18px;
25448
+ max-height: 18px;
25449
+ width: 45px;
25450
+ margin: 2px 4px;
25451
+ border-radius: 2px;
25452
+ -webkit-user-select: none;
25453
+ user-select: none;
25454
+ overflow: hidden;
25455
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25456
+ cursor: pointer;
25457
+ }
25458
+ .v-color-picker-swatches__color > div {
25459
+ display: flex;
25460
+ align-items: center;
25461
+ justify-content: center;
25462
+ width: 100%;
25463
+ height: 100%;
25357
25464
  }.v-color-picker-preview__alpha .v-slider-track__background {
25358
25465
  background-color: transparent !important;
25359
25466
  }
@@ -25424,69 +25531,6 @@ html.v-overlay-scroll-blocked {
25424
25531
  .v-color-picker-preview__eye-dropper {
25425
25532
  position: relative;
25426
25533
  margin-right: 12px;
25427
- }.v-color-picker-edit {
25428
- display: flex;
25429
- margin-top: 24px;
25430
- }
25431
-
25432
- .v-color-picker-edit__input {
25433
- width: 100%;
25434
- display: flex;
25435
- flex-wrap: wrap;
25436
- justify-content: center;
25437
- text-align: center;
25438
- }
25439
- .v-color-picker-edit__input:not(:last-child) {
25440
- margin-inline-end: 8px;
25441
- }
25442
- .v-color-picker-edit__input input {
25443
- border-radius: 4px;
25444
- margin-bottom: 8px;
25445
- min-width: 0;
25446
- outline: none;
25447
- text-align: center;
25448
- width: 100%;
25449
- height: 32px;
25450
- background: rgba(var(--v-theme-surface-variant), 0.2);
25451
- color: rgba(var(--v-theme-on-surface));
25452
- }
25453
- .v-color-picker-edit__input span {
25454
- font-size: 0.75rem;
25455
- }.v-color-picker-swatches {
25456
- overflow-y: auto;
25457
- }
25458
- .v-color-picker-swatches > div {
25459
- display: flex;
25460
- flex-wrap: wrap;
25461
- justify-content: center;
25462
- padding: 8px;
25463
- }
25464
-
25465
- .v-color-picker-swatches__swatch {
25466
- display: flex;
25467
- flex-direction: column;
25468
- margin-bottom: 10px;
25469
- }
25470
-
25471
- .v-color-picker-swatches__color {
25472
- position: relative;
25473
- height: 18px;
25474
- max-height: 18px;
25475
- width: 45px;
25476
- margin: 2px 4px;
25477
- border-radius: 2px;
25478
- -webkit-user-select: none;
25479
- user-select: none;
25480
- overflow: hidden;
25481
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25482
- cursor: pointer;
25483
- }
25484
- .v-color-picker-swatches__color > div {
25485
- display: flex;
25486
- align-items: center;
25487
- justify-content: center;
25488
- width: 100%;
25489
- height: 100%;
25490
25534
  }.v-picker.v-sheet {
25491
25535
  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));
25492
25536
  border-radius: 4px;
@@ -25540,165 +25584,6 @@ html.v-overlay-scroll-blocked {
25540
25584
  padding-bottom: 16px;
25541
25585
  font-weight: 400;
25542
25586
  letter-spacing: 0.1666666667em;
25543
- }.v-slider-thumb {
25544
- touch-action: none;
25545
- color: rgb(var(--v-theme-surface-variant));
25546
- }
25547
- .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25548
- color: inherit;
25549
- }
25550
-
25551
- .v-slider-thumb__label {
25552
- background: rgba(var(--v-theme-surface-variant), 0.7);
25553
- color: rgb(var(--v-theme-on-surface-variant));
25554
- }
25555
- .v-slider-thumb__label::before {
25556
- color: rgba(var(--v-theme-surface-variant), 0.7);
25557
- }
25558
-
25559
- .v-slider-thumb {
25560
- outline: none;
25561
- position: absolute;
25562
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25563
- }
25564
-
25565
- .v-slider-thumb__surface {
25566
- cursor: pointer;
25567
- width: var(--v-slider-thumb-size);
25568
- height: var(--v-slider-thumb-size);
25569
- border-radius: 50%;
25570
- -webkit-user-select: none;
25571
- user-select: none;
25572
- background-color: currentColor;
25573
- }
25574
- @media (forced-colors: active) {
25575
- .v-slider-thumb__surface {
25576
- background-color: highlight;
25577
- }
25578
- }
25579
- .v-slider-thumb__surface::before {
25580
- transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25581
- content: "";
25582
- color: inherit;
25583
- top: 0;
25584
- left: 0;
25585
- width: 100%;
25586
- height: 100%;
25587
- border-radius: 50%;
25588
- background: currentColor;
25589
- position: absolute;
25590
- pointer-events: none;
25591
- opacity: 0;
25592
- }
25593
- .v-slider-thumb__surface::after {
25594
- content: "";
25595
- width: 42px;
25596
- height: 42px;
25597
- position: absolute;
25598
- top: 50%;
25599
- left: 50%;
25600
- transform: translate(-50%, -50%);
25601
- }
25602
-
25603
- .v-slider-thumb__label-container {
25604
- position: absolute;
25605
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25606
- }
25607
-
25608
- .v-slider-thumb__label {
25609
- display: flex;
25610
- align-items: center;
25611
- justify-content: center;
25612
- font-size: 0.75rem;
25613
- min-width: 35px;
25614
- height: 25px;
25615
- border-radius: 4px;
25616
- padding: 6px;
25617
- position: absolute;
25618
- -webkit-user-select: none;
25619
- user-select: none;
25620
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25621
- }
25622
- .v-slider-thumb__label::before {
25623
- content: "";
25624
- width: 0;
25625
- height: 0;
25626
- position: absolute;
25627
- }
25628
-
25629
- .v-slider-thumb__ripple {
25630
- position: absolute;
25631
- left: calc(var(--v-slider-thumb-size) / -2);
25632
- top: calc(var(--v-slider-thumb-size) / -2);
25633
- width: calc(var(--v-slider-thumb-size) * 2);
25634
- height: calc(var(--v-slider-thumb-size) * 2);
25635
- background: inherit;
25636
- }
25637
-
25638
- .v-slider.v-input--horizontal .v-slider-thumb {
25639
- top: 50%;
25640
- transform: translateY(-50%);
25641
- inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25642
- }
25643
- .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25644
- left: calc(var(--v-slider-thumb-size) / 2);
25645
- top: 0;
25646
- }
25647
- .v-slider.v-input--horizontal .v-slider-thumb__label {
25648
- bottom: calc(var(--v-slider-thumb-size) / 2);
25649
- }
25650
- .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 {
25651
- transform: translateX(-50%);
25652
- }
25653
-
25654
- .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 {
25655
- transform: translateX(50%);
25656
- }
25657
-
25658
- .v-slider.v-input--horizontal .v-slider-thumb__label::before {
25659
- border-left: 6px solid transparent;
25660
- border-right: 6px solid transparent;
25661
- border-top: 6px solid currentColor;
25662
- bottom: -6px;
25663
- }
25664
-
25665
- .v-slider.v-input--vertical .v-slider-thumb {
25666
- top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25667
- }
25668
- .v-slider.v-input--vertical .v-slider-thumb__label-container {
25669
- top: calc(var(--v-slider-thumb-size) / 2);
25670
- right: 0;
25671
- }
25672
- .v-slider.v-input--vertical .v-slider-thumb__label {
25673
- top: -12.5px;
25674
- left: calc(var(--v-slider-thumb-size) / 2);
25675
- }
25676
- .v-slider.v-input--vertical .v-slider-thumb__label::before {
25677
- border-right: 6px solid currentColor;
25678
- border-top: 6px solid transparent;
25679
- border-bottom: 6px solid transparent;
25680
- left: -6px;
25681
- }
25682
-
25683
- .v-slider-thumb--focused .v-slider-thumb__surface::before {
25684
- transform: scale(2);
25685
- opacity: var(--v-focus-opacity);
25686
- }
25687
-
25688
- .v-slider-thumb--pressed {
25689
- transition: none;
25690
- }
25691
- .v-slider-thumb--pressed .v-slider-thumb__surface::before {
25692
- opacity: var(--v-pressed-opacity);
25693
- }
25694
-
25695
- @media (hover: hover) {
25696
- .v-slider-thumb:hover .v-slider-thumb__surface::before {
25697
- transform: scale(2);
25698
- }
25699
- .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
25700
- opacity: var(--v-hover-opacity);
25701
- }
25702
25587
  }.v-slider-track__background {
25703
25588
  background-color: rgb(var(--v-theme-surface-variant));
25704
25589
  }
@@ -25877,4 +25762,163 @@ html.v-overlay-scroll-blocked {
25877
25762
 
25878
25763
  .v-slider-track__background--opacity {
25879
25764
  opacity: 0.38;
25765
+ }.v-slider-thumb {
25766
+ touch-action: none;
25767
+ color: rgb(var(--v-theme-surface-variant));
25768
+ }
25769
+ .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25770
+ color: inherit;
25771
+ }
25772
+
25773
+ .v-slider-thumb__label {
25774
+ background: rgba(var(--v-theme-surface-variant), 0.7);
25775
+ color: rgb(var(--v-theme-on-surface-variant));
25776
+ }
25777
+ .v-slider-thumb__label::before {
25778
+ color: rgba(var(--v-theme-surface-variant), 0.7);
25779
+ }
25780
+
25781
+ .v-slider-thumb {
25782
+ outline: none;
25783
+ position: absolute;
25784
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25785
+ }
25786
+
25787
+ .v-slider-thumb__surface {
25788
+ cursor: pointer;
25789
+ width: var(--v-slider-thumb-size);
25790
+ height: var(--v-slider-thumb-size);
25791
+ border-radius: 50%;
25792
+ -webkit-user-select: none;
25793
+ user-select: none;
25794
+ background-color: currentColor;
25795
+ }
25796
+ @media (forced-colors: active) {
25797
+ .v-slider-thumb__surface {
25798
+ background-color: highlight;
25799
+ }
25800
+ }
25801
+ .v-slider-thumb__surface::before {
25802
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25803
+ content: "";
25804
+ color: inherit;
25805
+ top: 0;
25806
+ left: 0;
25807
+ width: 100%;
25808
+ height: 100%;
25809
+ border-radius: 50%;
25810
+ background: currentColor;
25811
+ position: absolute;
25812
+ pointer-events: none;
25813
+ opacity: 0;
25814
+ }
25815
+ .v-slider-thumb__surface::after {
25816
+ content: "";
25817
+ width: 42px;
25818
+ height: 42px;
25819
+ position: absolute;
25820
+ top: 50%;
25821
+ left: 50%;
25822
+ transform: translate(-50%, -50%);
25823
+ }
25824
+
25825
+ .v-slider-thumb__label-container {
25826
+ position: absolute;
25827
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25828
+ }
25829
+
25830
+ .v-slider-thumb__label {
25831
+ display: flex;
25832
+ align-items: center;
25833
+ justify-content: center;
25834
+ font-size: 0.75rem;
25835
+ min-width: 35px;
25836
+ height: 25px;
25837
+ border-radius: 4px;
25838
+ padding: 6px;
25839
+ position: absolute;
25840
+ -webkit-user-select: none;
25841
+ user-select: none;
25842
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25843
+ }
25844
+ .v-slider-thumb__label::before {
25845
+ content: "";
25846
+ width: 0;
25847
+ height: 0;
25848
+ position: absolute;
25849
+ }
25850
+
25851
+ .v-slider-thumb__ripple {
25852
+ position: absolute;
25853
+ left: calc(var(--v-slider-thumb-size) / -2);
25854
+ top: calc(var(--v-slider-thumb-size) / -2);
25855
+ width: calc(var(--v-slider-thumb-size) * 2);
25856
+ height: calc(var(--v-slider-thumb-size) * 2);
25857
+ background: inherit;
25858
+ }
25859
+
25860
+ .v-slider.v-input--horizontal .v-slider-thumb {
25861
+ top: 50%;
25862
+ transform: translateY(-50%);
25863
+ inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25864
+ }
25865
+ .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25866
+ left: calc(var(--v-slider-thumb-size) / 2);
25867
+ top: 0;
25868
+ }
25869
+ .v-slider.v-input--horizontal .v-slider-thumb__label {
25870
+ bottom: calc(var(--v-slider-thumb-size) / 2);
25871
+ }
25872
+ .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 {
25873
+ transform: translateX(-50%);
25874
+ }
25875
+
25876
+ .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 {
25877
+ transform: translateX(50%);
25878
+ }
25879
+
25880
+ .v-slider.v-input--horizontal .v-slider-thumb__label::before {
25881
+ border-left: 6px solid transparent;
25882
+ border-right: 6px solid transparent;
25883
+ border-top: 6px solid currentColor;
25884
+ bottom: -6px;
25885
+ }
25886
+
25887
+ .v-slider.v-input--vertical .v-slider-thumb {
25888
+ top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25889
+ }
25890
+ .v-slider.v-input--vertical .v-slider-thumb__label-container {
25891
+ top: calc(var(--v-slider-thumb-size) / 2);
25892
+ right: 0;
25893
+ }
25894
+ .v-slider.v-input--vertical .v-slider-thumb__label {
25895
+ top: -12.5px;
25896
+ left: calc(var(--v-slider-thumb-size) / 2);
25897
+ }
25898
+ .v-slider.v-input--vertical .v-slider-thumb__label::before {
25899
+ border-right: 6px solid currentColor;
25900
+ border-top: 6px solid transparent;
25901
+ border-bottom: 6px solid transparent;
25902
+ left: -6px;
25903
+ }
25904
+
25905
+ .v-slider-thumb--focused .v-slider-thumb__surface::before {
25906
+ transform: scale(2);
25907
+ opacity: var(--v-focus-opacity);
25908
+ }
25909
+
25910
+ .v-slider-thumb--pressed {
25911
+ transition: none;
25912
+ }
25913
+ .v-slider-thumb--pressed .v-slider-thumb__surface::before {
25914
+ opacity: var(--v-pressed-opacity);
25915
+ }
25916
+
25917
+ @media (hover: hover) {
25918
+ .v-slider-thumb:hover .v-slider-thumb__surface::before {
25919
+ transform: scale(2);
25920
+ }
25921
+ .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
25922
+ opacity: var(--v-hover-opacity);
25923
+ }
25880
25924
  }