@vuetify/nightly 3.6.10-master.2024-06-20 → 3.6.10-master.2024-06-27

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.10-master.2024-06-20
2
+ * Vuetify v3.6.10-master.2024-06-27
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17456,18 +17456,6 @@ html.overflow-y-hidden {
17456
17456
  .v-ripple__animation--out {
17457
17457
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
17458
17458
  opacity: 0;
17459
- }.v-app-bar {
17460
- display: flex;
17461
- }
17462
- .v-app-bar.v-toolbar {
17463
- background: rgb(var(--v-theme-surface));
17464
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17465
- }
17466
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17467
- 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));
17468
- }
17469
- .v-app-bar:not(.v-toolbar--absolute) {
17470
- padding-inline-end: var(--v-scrollbar-offset);
17471
17459
  }.v-application {
17472
17460
  display: flex;
17473
17461
  background: rgb(var(--v-theme-background));
@@ -17484,6 +17472,18 @@ html.overflow-y-hidden {
17484
17472
  min-height: 100vh;
17485
17473
  min-height: 100dvh;
17486
17474
  position: relative;
17475
+ }.v-app-bar {
17476
+ display: flex;
17477
+ }
17478
+ .v-app-bar.v-toolbar {
17479
+ background: rgb(var(--v-theme-surface));
17480
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17481
+ }
17482
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17483
+ 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));
17484
+ }
17485
+ .v-app-bar:not(.v-toolbar--absolute) {
17486
+ padding-inline-end: var(--v-scrollbar-offset);
17487
17487
  }.v-alert {
17488
17488
  display: grid;
17489
17489
  flex: 1 1;
@@ -18156,6 +18156,63 @@ html.overflow-y-hidden {
18156
18156
  }
18157
18157
  .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18158
18158
  transform: translateY(0.5rem);
18159
+ }.v-breadcrumbs {
18160
+ display: flex;
18161
+ align-items: center;
18162
+ line-height: 1.6;
18163
+ padding: 16px 12px;
18164
+ }
18165
+ .v-breadcrumbs--rounded {
18166
+ border-radius: 4px;
18167
+ }
18168
+ .v-breadcrumbs--density-default {
18169
+ padding-top: 16px;
18170
+ padding-bottom: 16px;
18171
+ }
18172
+
18173
+ .v-breadcrumbs--density-comfortable {
18174
+ padding-top: 12px;
18175
+ padding-bottom: 12px;
18176
+ }
18177
+
18178
+ .v-breadcrumbs--density-compact {
18179
+ padding-top: 8px;
18180
+ padding-bottom: 8px;
18181
+ }
18182
+
18183
+ .v-breadcrumbs__prepend {
18184
+ align-items: center;
18185
+ display: inline-flex;
18186
+ }
18187
+
18188
+ .v-breadcrumbs-item {
18189
+ align-items: center;
18190
+ color: inherit;
18191
+ display: inline-flex;
18192
+ padding: 0 4px;
18193
+ text-decoration: none;
18194
+ vertical-align: middle;
18195
+ }
18196
+ .v-breadcrumbs-item--disabled {
18197
+ opacity: var(--v-disabled-opacity);
18198
+ pointer-events: none;
18199
+ }
18200
+ .v-breadcrumbs-item--link {
18201
+ color: inherit;
18202
+ text-decoration: none;
18203
+ }
18204
+ .v-breadcrumbs-item--link:hover {
18205
+ text-decoration: underline;
18206
+ }
18207
+ .v-breadcrumbs-item .v-icon {
18208
+ font-size: 1rem;
18209
+ margin-inline: -4px 2px;
18210
+ }
18211
+
18212
+ .v-breadcrumbs-divider {
18213
+ display: inline-block;
18214
+ padding: 0 8px;
18215
+ vertical-align: middle;
18159
18216
  }.bottom-sheet-transition-enter-from {
18160
18217
  transform: translateY(100%);
18161
18218
  }
@@ -18606,63 +18663,6 @@ html.overflow-y-hidden {
18606
18663
  }
18607
18664
  .v-pagination__item--is-active .v-btn__overlay {
18608
18665
  opacity: var(--v-border-opacity);
18609
- }.v-breadcrumbs {
18610
- display: flex;
18611
- align-items: center;
18612
- line-height: 1.6;
18613
- padding: 16px 12px;
18614
- }
18615
- .v-breadcrumbs--rounded {
18616
- border-radius: 4px;
18617
- }
18618
- .v-breadcrumbs--density-default {
18619
- padding-top: 16px;
18620
- padding-bottom: 16px;
18621
- }
18622
-
18623
- .v-breadcrumbs--density-comfortable {
18624
- padding-top: 12px;
18625
- padding-bottom: 12px;
18626
- }
18627
-
18628
- .v-breadcrumbs--density-compact {
18629
- padding-top: 8px;
18630
- padding-bottom: 8px;
18631
- }
18632
-
18633
- .v-breadcrumbs__prepend {
18634
- align-items: center;
18635
- display: inline-flex;
18636
- }
18637
-
18638
- .v-breadcrumbs-item {
18639
- align-items: center;
18640
- color: inherit;
18641
- display: inline-flex;
18642
- padding: 0 4px;
18643
- text-decoration: none;
18644
- vertical-align: middle;
18645
- }
18646
- .v-breadcrumbs-item--disabled {
18647
- opacity: var(--v-disabled-opacity);
18648
- pointer-events: none;
18649
- }
18650
- .v-breadcrumbs-item--link {
18651
- color: inherit;
18652
- text-decoration: none;
18653
- }
18654
- .v-breadcrumbs-item--link:hover {
18655
- text-decoration: underline;
18656
- }
18657
- .v-breadcrumbs-item .v-icon {
18658
- font-size: 1rem;
18659
- margin-inline: -4px 2px;
18660
- }
18661
-
18662
- .v-breadcrumbs-divider {
18663
- display: inline-block;
18664
- padding: 0 8px;
18665
- vertical-align: middle;
18666
18666
  }.v-btn-group {
18667
18667
  display: inline-flex;
18668
18668
  flex-wrap: nowrap;
@@ -19031,11 +19031,6 @@ html.overflow-y-hidden {
19031
19031
  pointer-events: none;
19032
19032
  opacity: 0;
19033
19033
  transition: opacity 0.2s ease-in-out;
19034
- }.v-checkbox.v-input {
19035
- flex: 0 1 auto;
19036
- }
19037
- .v-checkbox .v-selection-control {
19038
- min-height: var(--v-input-control-height);
19039
19034
  }.v-carousel {
19040
19035
  overflow: hidden;
19041
19036
  position: relative;
@@ -19099,6 +19094,11 @@ html.overflow-y-hidden {
19099
19094
  flex-direction: column;
19100
19095
  height: 100% !important;
19101
19096
  width: 50px;
19097
+ }.v-checkbox.v-input {
19098
+ flex: 0 1 auto;
19099
+ }
19100
+ .v-checkbox .v-selection-control {
19101
+ min-height: var(--v-input-control-height);
19102
19102
  }.v-chip {
19103
19103
  align-items: center;
19104
19104
  display: inline-flex;
@@ -19529,6 +19529,26 @@ html.overflow-y-hidden {
19529
19529
  white-space: normal;
19530
19530
  flex-wrap: wrap;
19531
19531
  max-width: 100%;
19532
+ }.v-color-picker {
19533
+ align-self: flex-start;
19534
+ contain: content;
19535
+ }
19536
+ .v-color-picker.v-sheet {
19537
+ 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));
19538
+ border-radius: 4px;
19539
+ }
19540
+
19541
+ .v-color-picker__controls {
19542
+ display: flex;
19543
+ flex-direction: column;
19544
+ padding: 16px;
19545
+ }
19546
+
19547
+ .v-color-picker--flat {
19548
+ 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));
19549
+ }
19550
+ .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
19551
+ 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));
19532
19552
  }.v-combobox .v-field .v-text-field__prefix,
19533
19553
  .v-combobox .v-field .v-text-field__suffix,
19534
19554
  .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
@@ -19610,26 +19630,6 @@ html.overflow-y-hidden {
19610
19630
  .v-combobox--active-menu .v-combobox__menu-icon {
19611
19631
  opacity: var(--v-high-emphasis-opacity);
19612
19632
  transform: rotate(180deg);
19613
- }.v-color-picker {
19614
- align-self: flex-start;
19615
- contain: content;
19616
- }
19617
- .v-color-picker.v-sheet {
19618
- 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));
19619
- border-radius: 4px;
19620
- }
19621
-
19622
- .v-color-picker__controls {
19623
- display: flex;
19624
- flex-direction: column;
19625
- padding: 16px;
19626
- }
19627
-
19628
- .v-color-picker--flat {
19629
- 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));
19630
- }
19631
- .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
19632
- 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));
19633
19633
  }.v-counter {
19634
19634
  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
19635
19635
  flex: 0 1 auto;
@@ -19859,6 +19859,61 @@ html.overflow-y-hidden {
19859
19859
  }
19860
19860
  .v-date-picker--show-week {
19861
19861
  width: 368px;
19862
+ }.v-date-picker-month {
19863
+ display: flex;
19864
+ justify-content: center;
19865
+ padding: 0 12px 8px;
19866
+ --v-date-picker-month-day-diff: 4px;
19867
+ }
19868
+
19869
+ .v-date-picker-month__weeks {
19870
+ display: grid;
19871
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
19872
+ column-gap: 4px;
19873
+ font-size: 0.85rem;
19874
+ }
19875
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
19876
+ grid-row-gap: 0;
19877
+ }
19878
+
19879
+ .v-date-picker-month__weekday {
19880
+ font-size: 0.85rem;
19881
+ }
19882
+
19883
+ .v-date-picker-month__days {
19884
+ display: grid;
19885
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
19886
+ column-gap: 4px;
19887
+ flex: 1 1;
19888
+ justify-content: space-around;
19889
+ }
19890
+
19891
+ .v-date-picker-month__day {
19892
+ align-items: center;
19893
+ display: flex;
19894
+ justify-content: center;
19895
+ position: relative;
19896
+ height: 40px;
19897
+ width: 40px;
19898
+ }
19899
+ .v-date-picker-month__day--selected .v-btn {
19900
+ background-color: rgb(var(--v-theme-surface-variant));
19901
+ color: rgb(var(--v-theme-on-surface-variant));
19902
+ }
19903
+ .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
19904
+ --v-btn-height: 24px;
19905
+ --v-btn-size: 0.85rem;
19906
+ }
19907
+ .v-date-picker-month__day--week {
19908
+ font-size: var(--v-btn-size);
19909
+ }
19910
+
19911
+ .v-date-picker-month__day--adjacent {
19912
+ opacity: 0.5;
19913
+ }
19914
+
19915
+ .v-date-picker-month__day--hide-adjacent {
19916
+ opacity: 0;
19862
19917
  }.v-date-picker-controls {
19863
19918
  display: flex;
19864
19919
  align-items: center;
@@ -19994,67 +20049,12 @@ html.overflow-y-hidden {
19994
20049
  text-transform: none;
19995
20050
  padding-inline-start: 8px;
19996
20051
  padding-inline-end: 8px;
19997
- }.v-date-picker-month {
19998
- display: flex;
19999
- justify-content: center;
20000
- padding: 0 12px 8px;
20001
- --v-date-picker-month-day-diff: 4px;
20052
+ }.v-date-picker-years {
20053
+ height: 288px;
20054
+ overflow-y: scroll;
20002
20055
  }
20003
20056
 
20004
- .v-date-picker-month__weeks {
20005
- display: grid;
20006
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20007
- column-gap: 4px;
20008
- font-size: 0.85rem;
20009
- }
20010
- .v-date-picker-month__weeks + .v-date-picker-month__days {
20011
- grid-row-gap: 0;
20012
- }
20013
-
20014
- .v-date-picker-month__weekday {
20015
- font-size: 0.85rem;
20016
- }
20017
-
20018
- .v-date-picker-month__days {
20019
- display: grid;
20020
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20021
- column-gap: 4px;
20022
- flex: 1 1;
20023
- justify-content: space-around;
20024
- }
20025
-
20026
- .v-date-picker-month__day {
20027
- align-items: center;
20028
- display: flex;
20029
- justify-content: center;
20030
- position: relative;
20031
- height: 40px;
20032
- width: 40px;
20033
- }
20034
- .v-date-picker-month__day--selected .v-btn {
20035
- background-color: rgb(var(--v-theme-surface-variant));
20036
- color: rgb(var(--v-theme-on-surface-variant));
20037
- }
20038
- .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20039
- --v-btn-height: 24px;
20040
- --v-btn-size: 0.85rem;
20041
- }
20042
- .v-date-picker-month__day--week {
20043
- font-size: var(--v-btn-size);
20044
- }
20045
-
20046
- .v-date-picker-month__day--adjacent {
20047
- opacity: 0.5;
20048
- }
20049
-
20050
- .v-date-picker-month__day--hide-adjacent {
20051
- opacity: 0;
20052
- }.v-date-picker-years {
20053
- height: 288px;
20054
- overflow-y: scroll;
20055
- }
20056
-
20057
- .v-date-picker-years__content {
20057
+ .v-date-picker-years__content {
20058
20058
  display: grid;
20059
20059
  flex: 1 1;
20060
20060
  justify-content: space-around;
@@ -20206,73 +20206,6 @@ html.overflow-y-hidden {
20206
20206
  }
20207
20207
  .v-divider__wrapper--vertical .v-divider {
20208
20208
  margin: 0 auto;
20209
- }.v-empty-state {
20210
- align-items: center;
20211
- display: flex;
20212
- flex-direction: column;
20213
- justify-content: center;
20214
- min-height: 100%;
20215
- padding: 16px;
20216
- }
20217
- .v-empty-state--start {
20218
- align-items: flex-start;
20219
- }
20220
- .v-empty-state--center {
20221
- align-items: center;
20222
- }
20223
- .v-empty-state--end {
20224
- align-items: flex-end;
20225
- }
20226
-
20227
- .v-empty-state__media {
20228
- text-align: center;
20229
- width: 100%;
20230
- }
20231
- .v-empty-state__media .v-icon {
20232
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20233
- }
20234
-
20235
- .v-empty-state__headline {
20236
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20237
- font-size: 3.75rem;
20238
- font-weight: 300;
20239
- line-height: 1;
20240
- text-align: center;
20241
- margin-bottom: 8px;
20242
- }
20243
- .v-empty-state--mobile .v-empty-state__headline {
20244
- font-size: 2.125rem;
20245
- }
20246
-
20247
- .v-empty-state__title {
20248
- font-size: 1.25rem;
20249
- font-weight: 500;
20250
- line-height: 1.6;
20251
- margin-bottom: 4px;
20252
- text-align: center;
20253
- }
20254
-
20255
- .v-empty-state__text {
20256
- font-size: 0.875rem;
20257
- font-weight: 400;
20258
- line-height: 1.425;
20259
- padding: 0 16px;
20260
- text-align: center;
20261
- }
20262
-
20263
- .v-empty-state__content {
20264
- padding: 24px 0;
20265
- }
20266
-
20267
- .v-empty-state__actions {
20268
- display: flex;
20269
- gap: 8px;
20270
- padding: 16px;
20271
- }
20272
-
20273
- .v-empty-state__action-btn.v-btn {
20274
- background-color: initial;
20275
- color: initial;
20276
20209
  }.v-expansion-panel {
20277
20210
  background-color: rgb(var(--v-theme-surface));
20278
20211
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -20483,6 +20416,73 @@ html.overflow-y-hidden {
20483
20416
  }
20484
20417
  .v-expansion-panels--tile > .v-expansion-panel {
20485
20418
  border-radius: 0;
20419
+ }.v-empty-state {
20420
+ align-items: center;
20421
+ display: flex;
20422
+ flex-direction: column;
20423
+ justify-content: center;
20424
+ min-height: 100%;
20425
+ padding: 16px;
20426
+ }
20427
+ .v-empty-state--start {
20428
+ align-items: flex-start;
20429
+ }
20430
+ .v-empty-state--center {
20431
+ align-items: center;
20432
+ }
20433
+ .v-empty-state--end {
20434
+ align-items: flex-end;
20435
+ }
20436
+
20437
+ .v-empty-state__media {
20438
+ text-align: center;
20439
+ width: 100%;
20440
+ }
20441
+ .v-empty-state__media .v-icon {
20442
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20443
+ }
20444
+
20445
+ .v-empty-state__headline {
20446
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20447
+ font-size: 3.75rem;
20448
+ font-weight: 300;
20449
+ line-height: 1;
20450
+ text-align: center;
20451
+ margin-bottom: 8px;
20452
+ }
20453
+ .v-empty-state--mobile .v-empty-state__headline {
20454
+ font-size: 2.125rem;
20455
+ }
20456
+
20457
+ .v-empty-state__title {
20458
+ font-size: 1.25rem;
20459
+ font-weight: 500;
20460
+ line-height: 1.6;
20461
+ margin-bottom: 4px;
20462
+ text-align: center;
20463
+ }
20464
+
20465
+ .v-empty-state__text {
20466
+ font-size: 0.875rem;
20467
+ font-weight: 400;
20468
+ line-height: 1.425;
20469
+ padding: 0 16px;
20470
+ text-align: center;
20471
+ }
20472
+
20473
+ .v-empty-state__content {
20474
+ padding: 24px 0;
20475
+ }
20476
+
20477
+ .v-empty-state__actions {
20478
+ display: flex;
20479
+ gap: 8px;
20480
+ padding: 16px;
20481
+ }
20482
+
20483
+ .v-empty-state__action-btn.v-btn {
20484
+ background-color: initial;
20485
+ color: initial;
20486
20486
  }.v-fab {
20487
20487
  align-items: center;
20488
20488
  display: inline-flex;
@@ -21852,42 +21852,6 @@ textarea.v-field__input::placeholder {
21852
21852
  .offset-xxl-11 {
21853
21853
  margin-inline-start: 91.6666666667%;
21854
21854
  }
21855
- }.v-img {
21856
- --v-theme-overlay-multiplier: 3;
21857
- z-index: 0;
21858
- }
21859
- .v-img--booting .v-responsive__sizer {
21860
- transition: none;
21861
- }
21862
- .v-img--rounded {
21863
- border-radius: 4px;
21864
- }
21865
-
21866
- .v-img__img,
21867
- .v-img__picture,
21868
- .v-img__gradient,
21869
- .v-img__placeholder,
21870
- .v-img__error {
21871
- z-index: -1;
21872
- position: absolute;
21873
- top: 0;
21874
- left: 0;
21875
- width: 100%;
21876
- height: 100%;
21877
- }
21878
-
21879
- .v-img__img--preload {
21880
- filter: blur(4px);
21881
- }
21882
- .v-img__img--contain {
21883
- object-fit: contain;
21884
- }
21885
- .v-img__img--cover {
21886
- object-fit: cover;
21887
- }
21888
-
21889
- .v-img__gradient {
21890
- background-repeat: no-repeat;
21891
21855
  }.v-icon {
21892
21856
  --v-icon-size-multiplier: 1;
21893
21857
  align-items: center;
@@ -21941,30 +21905,91 @@ textarea.v-field__input::placeholder {
21941
21905
 
21942
21906
  .v-icon--end {
21943
21907
  margin-inline-start: 8px;
21944
- }.v-input {
21945
- display: grid;
21946
- flex: 1 1 auto;
21947
- font-size: 1rem;
21948
- font-weight: 400;
21949
- line-height: 1.5;
21908
+ }.v-img {
21909
+ --v-theme-overlay-multiplier: 3;
21910
+ z-index: 0;
21950
21911
  }
21951
- .v-input--disabled {
21952
- pointer-events: none;
21912
+ .v-img--booting .v-responsive__sizer {
21913
+ transition: none;
21953
21914
  }
21954
- .v-input--density-default {
21955
- --v-input-control-height: 56px;
21956
- --v-input-padding-top: 16px;
21915
+ .v-img--rounded {
21916
+ border-radius: 4px;
21957
21917
  }
21958
21918
 
21959
- .v-input--density-comfortable {
21960
- --v-input-control-height: 48px;
21961
- --v-input-padding-top: 12px;
21919
+ .v-img__img,
21920
+ .v-img__picture,
21921
+ .v-img__gradient,
21922
+ .v-img__placeholder,
21923
+ .v-img__error {
21924
+ z-index: -1;
21925
+ position: absolute;
21926
+ top: 0;
21927
+ left: 0;
21928
+ width: 100%;
21929
+ height: 100%;
21962
21930
  }
21963
21931
 
21964
- .v-input--density-compact {
21965
- --v-input-control-height: 40px;
21966
- --v-input-padding-top: 8px;
21967
- }
21932
+ .v-img__img--preload {
21933
+ filter: blur(4px);
21934
+ }
21935
+ .v-img__img--contain {
21936
+ object-fit: contain;
21937
+ }
21938
+ .v-img__img--cover {
21939
+ object-fit: cover;
21940
+ }
21941
+
21942
+ .v-img__gradient {
21943
+ background-repeat: no-repeat;
21944
+ }.v-infinite-scroll--horizontal {
21945
+ display: flex;
21946
+ flex-direction: row;
21947
+ overflow-x: auto;
21948
+ }
21949
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21950
+ height: 100%;
21951
+ width: 1px;
21952
+ }
21953
+
21954
+ .v-infinite-scroll--vertical {
21955
+ display: flex;
21956
+ flex-direction: column;
21957
+ overflow-y: auto;
21958
+ }
21959
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21960
+ height: 1px;
21961
+ width: 100%;
21962
+ }
21963
+
21964
+ .v-infinite-scroll__side {
21965
+ align-items: center;
21966
+ display: flex;
21967
+ justify-content: center;
21968
+ padding: 8px;
21969
+ }.v-input {
21970
+ display: grid;
21971
+ flex: 1 1 auto;
21972
+ font-size: 1rem;
21973
+ font-weight: 400;
21974
+ line-height: 1.5;
21975
+ }
21976
+ .v-input--disabled {
21977
+ pointer-events: none;
21978
+ }
21979
+ .v-input--density-default {
21980
+ --v-input-control-height: 56px;
21981
+ --v-input-padding-top: 16px;
21982
+ }
21983
+
21984
+ .v-input--density-comfortable {
21985
+ --v-input-control-height: 48px;
21986
+ --v-input-padding-top: 12px;
21987
+ }
21988
+
21989
+ .v-input--density-compact {
21990
+ --v-input-control-height: 40px;
21991
+ --v-input-padding-top: 8px;
21992
+ }
21968
21993
 
21969
21994
  .v-input--vertical {
21970
21995
  grid-template-areas: "append" "control" "prepend";
@@ -22083,31 +22108,6 @@ textarea.v-field__input::placeholder {
22083
22108
 
22084
22109
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
22085
22110
  padding-top: calc(var(--v-input-padding-top) + 0px);
22086
- }.v-infinite-scroll--horizontal {
22087
- display: flex;
22088
- flex-direction: row;
22089
- overflow-x: auto;
22090
- }
22091
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
22092
- height: 100%;
22093
- width: 1px;
22094
- }
22095
-
22096
- .v-infinite-scroll--vertical {
22097
- display: flex;
22098
- flex-direction: column;
22099
- overflow-y: auto;
22100
- }
22101
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
22102
- height: 1px;
22103
- width: 100%;
22104
- }
22105
-
22106
- .v-infinite-scroll__side {
22107
- align-items: center;
22108
- display: flex;
22109
- justify-content: center;
22110
- padding: 8px;
22111
22111
  }.v-item-group {
22112
22112
  flex: 0 1 auto;
22113
22113
  max-width: 100%;
@@ -22143,6 +22143,8 @@ textarea.v-field__input::placeholder {
22143
22143
 
22144
22144
  .v-layout-item--absolute {
22145
22145
  position: absolute;
22146
+ }.v-locale-provider {
22147
+ display: contents;
22146
22148
  }.v-list {
22147
22149
  overflow: auto;
22148
22150
  padding: 8px 0;
@@ -22728,8 +22730,6 @@ textarea.v-field__input::placeholder {
22728
22730
  --v-layout-right: 0px;
22729
22731
  --v-layout-top: 0px;
22730
22732
  --v-layout-bottom: 0px;
22731
- }.v-locale-provider {
22732
- display: contents;
22733
22733
  }.v-menu > .v-overlay__content {
22734
22734
  display: flex;
22735
22735
  flex-direction: column;
@@ -22980,6 +22980,12 @@ html.v-overlay-scroll-blocked {
22980
22980
 
22981
22981
  .v-overlay--scroll-blocked {
22982
22982
  padding-inline-end: var(--v-scrollbar-offset);
22983
+ }.v-parallax {
22984
+ position: relative;
22985
+ overflow: hidden;
22986
+ }
22987
+ .v-parallax--active > .v-img__img {
22988
+ will-change: transform;
22983
22989
  }.v-pagination__list {
22984
22990
  display: inline-flex;
22985
22991
  list-style-type: none;
@@ -22988,305 +22994,88 @@ html.v-overlay-scroll-blocked {
22988
22994
  }
22989
22995
  .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
22990
22996
  margin: 0.3rem;
22991
- }.v-parallax {
22997
+ }.v-progress-circular {
22998
+ align-items: center;
22999
+ display: inline-flex;
23000
+ justify-content: center;
22992
23001
  position: relative;
22993
- overflow: hidden;
23002
+ vertical-align: middle;
22994
23003
  }
22995
- .v-parallax--active > .v-img__img {
22996
- will-change: transform;
22997
- }.v-progress-linear {
22998
- background: transparent;
22999
- overflow: hidden;
23000
- position: relative;
23001
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23004
+ .v-progress-circular > svg {
23002
23005
  width: 100%;
23003
- }
23004
- .v-progress-linear--rounded {
23005
- border-radius: 9999px;
23006
- }
23007
-
23008
- .v-progress-linear__background,
23009
- .v-progress-linear__buffer {
23010
- background: currentColor;
23011
- bottom: 0;
23012
- left: 0;
23013
- opacity: var(--v-border-opacity);
23006
+ height: 100%;
23007
+ margin: auto;
23014
23008
  position: absolute;
23015
23009
  top: 0;
23016
- width: 100%;
23017
- transition-property: width, left, right;
23018
- transition: inherit;
23010
+ bottom: 0;
23011
+ left: 0;
23012
+ right: 0;
23013
+ z-index: 0;
23019
23014
  }
23020
23015
 
23021
- .v-progress-linear__content {
23016
+ .v-progress-circular__content {
23022
23017
  align-items: center;
23023
23018
  display: flex;
23024
- height: 100%;
23025
23019
  justify-content: center;
23026
- left: 0;
23027
- pointer-events: none;
23028
- position: absolute;
23029
- top: 0;
23030
- width: 100%;
23031
- }
23032
-
23033
- .v-progress-linear__determinate,
23034
- .v-progress-linear__indeterminate {
23035
- background: currentColor;
23036
23020
  }
23037
23021
 
23038
- .v-progress-linear__determinate {
23039
- height: inherit;
23040
- left: 0;
23041
- position: absolute;
23042
- transition: inherit;
23043
- transition-property: width, left, right;
23044
- }
23045
-
23046
- .v-progress-linear__indeterminate .long, .v-progress-linear__indeterminate .short {
23047
- animation-play-state: paused;
23048
- animation-duration: 2.2s;
23049
- animation-iteration-count: infinite;
23050
- bottom: 0;
23051
- height: inherit;
23052
- left: 0;
23053
- position: absolute;
23054
- right: auto;
23055
- top: 0;
23056
- width: auto;
23057
- }
23058
- .v-progress-linear__indeterminate .long {
23059
- animation-name: indeterminate-ltr;
23060
- }
23061
- .v-progress-linear__indeterminate .short {
23062
- animation-name: indeterminate-short-ltr;
23022
+ .v-progress-circular__underlay {
23023
+ color: rgba(var(--v-border-color), var(--v-border-opacity));
23024
+ stroke: currentColor;
23025
+ z-index: 1;
23063
23026
  }
23064
23027
 
23065
- .v-progress-linear__stream {
23066
- animation: stream 0.25s infinite linear;
23067
- animation-play-state: paused;
23068
- bottom: 0;
23069
- left: auto;
23070
- opacity: 0.3;
23071
- pointer-events: none;
23072
- position: absolute;
23073
- transition: inherit;
23074
- transition-property: width, left, right;
23028
+ .v-progress-circular__overlay {
23029
+ stroke: currentColor;
23030
+ transition: all 0.2s ease-in-out, stroke-width 0s;
23031
+ z-index: 2;
23075
23032
  }
23076
23033
 
23077
- .v-progress-linear--reverse .v-progress-linear__background,
23078
- .v-progress-linear--reverse .v-progress-linear__determinate,
23079
- .v-progress-linear--reverse .v-progress-linear__content {
23080
- left: auto;
23081
- right: 0;
23082
- }
23083
- .v-progress-linear--reverse .v-progress-linear__indeterminate .long, .v-progress-linear--reverse .v-progress-linear__indeterminate .short {
23084
- left: auto;
23085
- right: 0;
23034
+ .v-progress-circular--size-x-small {
23035
+ height: 16px;
23036
+ width: 16px;
23086
23037
  }
23087
- .v-progress-linear--reverse .v-progress-linear__indeterminate .long {
23088
- animation-name: indeterminate-rtl;
23038
+ .v-progress-circular--size-small {
23039
+ height: 24px;
23040
+ width: 24px;
23089
23041
  }
23090
- .v-progress-linear--reverse .v-progress-linear__indeterminate .short {
23091
- animation-name: indeterminate-short-rtl;
23042
+ .v-progress-circular--size-default {
23043
+ height: 32px;
23044
+ width: 32px;
23092
23045
  }
23093
- .v-progress-linear--reverse .v-progress-linear__stream {
23094
- right: auto;
23046
+ .v-progress-circular--size-large {
23047
+ height: 48px;
23048
+ width: 48px;
23095
23049
  }
23096
-
23097
- .v-progress-linear--absolute,
23098
- .v-progress-linear--fixed {
23099
- left: 0;
23100
- z-index: 1;
23050
+ .v-progress-circular--size-x-large {
23051
+ height: 64px;
23052
+ width: 64px;
23101
23053
  }
23102
23054
 
23103
- .v-progress-linear--absolute {
23104
- position: absolute;
23055
+ .v-progress-circular--indeterminate > svg {
23056
+ animation: progress-circular-rotate 1.4s linear infinite;
23057
+ transform-origin: center center;
23058
+ transition: all 0.2s ease-in-out;
23105
23059
  }
23106
-
23107
- .v-progress-linear--fixed {
23108
- position: fixed;
23060
+ .v-progress-circular--indeterminate .v-progress-circular__overlay {
23061
+ animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
23062
+ stroke-dasharray: 25, 200;
23063
+ stroke-dashoffset: 0;
23064
+ stroke-linecap: round;
23065
+ transform-origin: center center;
23066
+ transform: rotate(-90deg);
23109
23067
  }
23110
23068
 
23111
- .v-progress-linear--rounded {
23112
- border-radius: 9999px;
23069
+ .v-progress-circular--disable-shrink > svg {
23070
+ animation-duration: 0.7s;
23113
23071
  }
23114
- .v-progress-linear--rounded.v-progress-linear--rounded-bar .v-progress-linear__determinate,
23115
- .v-progress-linear--rounded.v-progress-linear--rounded-bar .v-progress-linear__indeterminate {
23116
- border-radius: inherit;
23072
+ .v-progress-circular--disable-shrink .v-progress-circular__overlay {
23073
+ animation: none;
23117
23074
  }
23118
23075
 
23119
- .v-progress-linear--striped .v-progress-linear__determinate {
23120
- animation: progress-linear-stripes 1s infinite linear;
23121
- background-image: linear-gradient(135deg, hsla(0, 0%, 100%, 0.25) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, 0.25) 0, hsla(0, 0%, 100%, 0.25) 75%, transparent 0, transparent);
23122
- background-repeat: repeat;
23123
- background-size: var(--v-progress-linear-height);
23124
- }
23125
-
23126
- .v-progress-linear--active .v-progress-linear__indeterminate .long, .v-progress-linear--active .v-progress-linear__indeterminate .short {
23127
- animation-play-state: running;
23128
- }
23129
- .v-progress-linear--active .v-progress-linear__stream {
23130
- animation-play-state: running;
23131
- }
23132
-
23133
- .v-progress-linear--rounded-bar .v-progress-linear__determinate,
23134
- .v-progress-linear--rounded-bar .v-progress-linear__indeterminate,
23135
- .v-progress-linear--rounded-bar .v-progress-linear__stream + .v-progress-linear__background {
23136
- border-radius: 9999px;
23137
- }
23138
- .v-progress-linear--rounded-bar .v-progress-linear__determinate {
23139
- border-start-start-radius: 0;
23140
- border-end-start-radius: 0;
23141
- }
23142
-
23143
- @keyframes indeterminate-ltr {
23144
- 0% {
23145
- left: -90%;
23146
- right: 100%;
23147
- }
23148
- 60% {
23149
- left: -90%;
23150
- right: 100%;
23151
- }
23152
- 100% {
23153
- left: 100%;
23154
- right: -35%;
23155
- }
23156
- }
23157
- @keyframes indeterminate-rtl {
23158
- 0% {
23159
- left: 100%;
23160
- right: -90%;
23161
- }
23162
- 60% {
23163
- left: 100%;
23164
- right: -90%;
23165
- }
23166
- 100% {
23167
- left: -35%;
23168
- right: 100%;
23169
- }
23170
- }
23171
- @keyframes indeterminate-short-ltr {
23172
- 0% {
23173
- left: -200%;
23174
- right: 100%;
23175
- }
23176
- 60% {
23177
- left: 107%;
23178
- right: -8%;
23179
- }
23180
- 100% {
23181
- left: 107%;
23182
- right: -8%;
23183
- }
23184
- }
23185
- @keyframes indeterminate-short-rtl {
23186
- 0% {
23187
- left: 100%;
23188
- right: -200%;
23189
- }
23190
- 60% {
23191
- left: -8%;
23192
- right: 107%;
23193
- }
23194
- 100% {
23195
- left: -8%;
23196
- right: 107%;
23197
- }
23198
- }
23199
- @keyframes stream {
23200
- to {
23201
- transform: translateX(var(--v-progress-linear-stream-to));
23202
- }
23203
- }
23204
- @keyframes progress-linear-stripes {
23205
- 0% {
23206
- background-position-x: var(--v-progress-linear-height);
23207
- }
23208
- }.v-progress-circular {
23209
- align-items: center;
23210
- display: inline-flex;
23211
- justify-content: center;
23212
- position: relative;
23213
- vertical-align: middle;
23214
- }
23215
- .v-progress-circular > svg {
23216
- width: 100%;
23217
- height: 100%;
23218
- margin: auto;
23219
- position: absolute;
23220
- top: 0;
23221
- bottom: 0;
23222
- left: 0;
23223
- right: 0;
23224
- z-index: 0;
23225
- }
23226
-
23227
- .v-progress-circular__content {
23228
- align-items: center;
23229
- display: flex;
23230
- justify-content: center;
23231
- }
23232
-
23233
- .v-progress-circular__underlay {
23234
- color: rgba(var(--v-border-color), var(--v-border-opacity));
23235
- stroke: currentColor;
23236
- z-index: 1;
23237
- }
23238
-
23239
- .v-progress-circular__overlay {
23240
- stroke: currentColor;
23241
- transition: all 0.2s ease-in-out, stroke-width 0s;
23242
- z-index: 2;
23243
- }
23244
-
23245
- .v-progress-circular--size-x-small {
23246
- height: 16px;
23247
- width: 16px;
23248
- }
23249
- .v-progress-circular--size-small {
23250
- height: 24px;
23251
- width: 24px;
23252
- }
23253
- .v-progress-circular--size-default {
23254
- height: 32px;
23255
- width: 32px;
23256
- }
23257
- .v-progress-circular--size-large {
23258
- height: 48px;
23259
- width: 48px;
23260
- }
23261
- .v-progress-circular--size-x-large {
23262
- height: 64px;
23263
- width: 64px;
23264
- }
23265
-
23266
- .v-progress-circular--indeterminate > svg {
23267
- animation: progress-circular-rotate 1.4s linear infinite;
23268
- transform-origin: center center;
23269
- transition: all 0.2s ease-in-out;
23270
- }
23271
- .v-progress-circular--indeterminate .v-progress-circular__overlay {
23272
- animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
23273
- stroke-dasharray: 25, 200;
23274
- stroke-dashoffset: 0;
23275
- stroke-linecap: round;
23276
- transform-origin: center center;
23277
- transform: rotate(-90deg);
23278
- }
23279
-
23280
- .v-progress-circular--disable-shrink > svg {
23281
- animation-duration: 0.7s;
23282
- }
23283
- .v-progress-circular--disable-shrink .v-progress-circular__overlay {
23284
- animation: none;
23285
- }
23286
-
23287
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
23288
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
23289
- animation-play-state: paused !important;
23076
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
23077
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
23078
+ animation-play-state: paused !important;
23290
23079
  }
23291
23080
 
23292
23081
  @keyframes progress-circular-dash {
@@ -23430,32 +23219,6 @@ html.v-overlay-scroll-blocked {
23430
23219
  opacity: 0;
23431
23220
  position: absolute;
23432
23221
  width: 0;
23433
- }.v-responsive {
23434
- display: flex;
23435
- flex: 1 0 auto;
23436
- max-height: 100%;
23437
- max-width: 100%;
23438
- overflow: hidden;
23439
- position: relative;
23440
- }
23441
- .v-responsive--inline {
23442
- display: inline-flex;
23443
- flex: 0 0 auto;
23444
- }
23445
-
23446
- .v-responsive__content {
23447
- flex: 1 0 0px;
23448
- max-width: 100%;
23449
- }
23450
-
23451
- .v-responsive__sizer ~ .v-responsive__content {
23452
- margin-inline-start: -100%;
23453
- }
23454
-
23455
- .v-responsive__sizer {
23456
- flex: 1 0 0px;
23457
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23458
- pointer-events: none;
23459
23222
  }.v-select .v-field .v-text-field__prefix,
23460
23223
  .v-select .v-field .v-text-field__suffix,
23461
23224
  .v-select .v-field .v-field__input, .v-select .v-field.v-field {
@@ -23504,6 +23267,32 @@ html.v-overlay-scroll-blocked {
23504
23267
  .v-select--active-menu .v-select__menu-icon {
23505
23268
  opacity: var(--v-high-emphasis-opacity);
23506
23269
  transform: rotate(180deg);
23270
+ }.v-responsive {
23271
+ display: flex;
23272
+ flex: 1 0 auto;
23273
+ max-height: 100%;
23274
+ max-width: 100%;
23275
+ overflow: hidden;
23276
+ position: relative;
23277
+ }
23278
+ .v-responsive--inline {
23279
+ display: inline-flex;
23280
+ flex: 0 0 auto;
23281
+ }
23282
+
23283
+ .v-responsive__content {
23284
+ flex: 1 0 0px;
23285
+ max-width: 100%;
23286
+ }
23287
+
23288
+ .v-responsive__sizer ~ .v-responsive__content {
23289
+ margin-inline-start: -100%;
23290
+ }
23291
+
23292
+ .v-responsive__sizer {
23293
+ flex: 1 0 0px;
23294
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23295
+ pointer-events: none;
23507
23296
  }.v-selection-control {
23508
23297
  align-items: center;
23509
23298
  contain: layout;
@@ -23613,34 +23402,6 @@ html.v-overlay-scroll-blocked {
23613
23402
  .v-selection-control-group--inline {
23614
23403
  flex-direction: row;
23615
23404
  flex-wrap: wrap;
23616
- }.v-sheet {
23617
- display: block;
23618
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
23619
- border-style: solid;
23620
- border-width: 0;
23621
- 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));
23622
- border-radius: 0;
23623
- background: rgb(var(--v-theme-surface));
23624
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
23625
- }
23626
- .v-sheet--border {
23627
- border-width: thin;
23628
- box-shadow: none;
23629
- }
23630
- .v-sheet--absolute {
23631
- position: absolute;
23632
- }
23633
- .v-sheet--fixed {
23634
- position: fixed;
23635
- }
23636
- .v-sheet--relative {
23637
- position: relative;
23638
- }
23639
- .v-sheet--sticky {
23640
- position: sticky;
23641
- }
23642
- .v-sheet--rounded {
23643
- border-radius: 4px;
23644
23405
  }.v-skeleton-loader {
23645
23406
  align-items: center;
23646
23407
  background: rgb(var(--v-theme-surface));
@@ -23864,17 +23625,45 @@ html.v-overlay-scroll-blocked {
23864
23625
  100% {
23865
23626
  transform: translateX(100%);
23866
23627
  }
23867
- }.v-slide-group {
23868
- display: flex;
23869
- overflow: hidden;
23870
- }
23871
-
23872
- .v-slide-group__next,
23873
- .v-slide-group__prev {
23874
- align-items: center;
23875
- display: flex;
23876
- flex: 0 1 52px;
23877
- justify-content: center;
23628
+ }.v-sheet {
23629
+ display: block;
23630
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
23631
+ border-style: solid;
23632
+ border-width: 0;
23633
+ 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));
23634
+ border-radius: 0;
23635
+ background: rgb(var(--v-theme-surface));
23636
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
23637
+ }
23638
+ .v-sheet--border {
23639
+ border-width: thin;
23640
+ box-shadow: none;
23641
+ }
23642
+ .v-sheet--absolute {
23643
+ position: absolute;
23644
+ }
23645
+ .v-sheet--fixed {
23646
+ position: fixed;
23647
+ }
23648
+ .v-sheet--relative {
23649
+ position: relative;
23650
+ }
23651
+ .v-sheet--sticky {
23652
+ position: sticky;
23653
+ }
23654
+ .v-sheet--rounded {
23655
+ border-radius: 4px;
23656
+ }.v-slide-group {
23657
+ display: flex;
23658
+ overflow: hidden;
23659
+ }
23660
+
23661
+ .v-slide-group__next,
23662
+ .v-slide-group__prev {
23663
+ align-items: center;
23664
+ display: flex;
23665
+ flex: 0 1 52px;
23666
+ justify-content: center;
23878
23667
  min-width: 52px;
23879
23668
  cursor: pointer;
23880
23669
  }
@@ -24057,6 +23846,47 @@ html.v-overlay-scroll-blocked {
24057
23846
  }
24058
23847
  .v-snackbar-transition-leave-to {
24059
23848
  opacity: 0;
23849
+ }.v-speed-dial__content {
23850
+ gap: 8px;
23851
+ }
23852
+ .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 {
23853
+ flex-direction: row;
23854
+ }
23855
+ .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 {
23856
+ flex-direction: row-reverse;
23857
+ }
23858
+ .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 {
23859
+ flex-direction: column-reverse;
23860
+ }
23861
+ .v-speed-dial__content > *:nth-child(1) {
23862
+ transition-delay: 0s;
23863
+ }
23864
+ .v-speed-dial__content > *:nth-child(2) {
23865
+ transition-delay: 0.05s;
23866
+ }
23867
+ .v-speed-dial__content > *:nth-child(3) {
23868
+ transition-delay: 0.1s;
23869
+ }
23870
+ .v-speed-dial__content > *:nth-child(4) {
23871
+ transition-delay: 0.15s;
23872
+ }
23873
+ .v-speed-dial__content > *:nth-child(5) {
23874
+ transition-delay: 0.2s;
23875
+ }
23876
+ .v-speed-dial__content > *:nth-child(6) {
23877
+ transition-delay: 0.25s;
23878
+ }
23879
+ .v-speed-dial__content > *:nth-child(7) {
23880
+ transition-delay: 0.3s;
23881
+ }
23882
+ .v-speed-dial__content > *:nth-child(8) {
23883
+ transition-delay: 0.35s;
23884
+ }
23885
+ .v-speed-dial__content > *:nth-child(9) {
23886
+ transition-delay: 0.4s;
23887
+ }
23888
+ .v-speed-dial__content > *:nth-child(10) {
23889
+ transition-delay: 0.45s;
24060
23890
  }.v-stepper.v-sheet {
24061
23891
  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));
24062
23892
  border-radius: 4px;
@@ -24223,47 +24053,6 @@ html.v-overlay-scroll-blocked {
24223
24053
  width: 100%;
24224
24054
  height: 100%;
24225
24055
  pointer-events: none;
24226
- }.v-speed-dial__content {
24227
- gap: 8px;
24228
- }
24229
- .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 {
24230
- flex-direction: row;
24231
- }
24232
- .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 {
24233
- flex-direction: row-reverse;
24234
- }
24235
- .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 {
24236
- flex-direction: column-reverse;
24237
- }
24238
- .v-speed-dial__content > *:nth-child(1) {
24239
- transition-delay: 0s;
24240
- }
24241
- .v-speed-dial__content > *:nth-child(2) {
24242
- transition-delay: 0.05s;
24243
- }
24244
- .v-speed-dial__content > *:nth-child(3) {
24245
- transition-delay: 0.1s;
24246
- }
24247
- .v-speed-dial__content > *:nth-child(4) {
24248
- transition-delay: 0.15s;
24249
- }
24250
- .v-speed-dial__content > *:nth-child(5) {
24251
- transition-delay: 0.2s;
24252
- }
24253
- .v-speed-dial__content > *:nth-child(6) {
24254
- transition-delay: 0.25s;
24255
- }
24256
- .v-speed-dial__content > *:nth-child(7) {
24257
- transition-delay: 0.3s;
24258
- }
24259
- .v-speed-dial__content > *:nth-child(8) {
24260
- transition-delay: 0.35s;
24261
- }
24262
- .v-speed-dial__content > *:nth-child(9) {
24263
- transition-delay: 0.4s;
24264
- }
24265
- .v-speed-dial__content > *:nth-child(10) {
24266
- transition-delay: 0.45s;
24267
24056
  }.v-switch .v-label {
24268
24057
  padding-inline-start: 10px;
24269
24058
  }
@@ -24444,101 +24233,43 @@ html.v-overlay-scroll-blocked {
24444
24233
  .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
24445
24234
  border-width: 0;
24446
24235
  }
24447
- }.v-tab.v-tab.v-btn {
24448
- height: var(--v-tabs-height);
24449
- border-radius: 0;
24450
- min-width: 90px;
24451
- }
24452
- .v-slide-group--horizontal .v-tab {
24453
- max-width: 360px;
24454
- }
24455
- .v-slide-group--vertical .v-tab {
24456
- justify-content: start;
24457
- }
24458
-
24459
- .v-tab__slider {
24460
- position: absolute;
24461
- bottom: 0;
24462
- left: 0;
24463
- height: 2px;
24464
- width: 100%;
24465
- background: currentColor;
24466
- pointer-events: none;
24467
- opacity: 0;
24468
- }
24469
- .v-tab--selected .v-tab__slider {
24470
- opacity: 1;
24471
- }
24472
- .v-slide-group--vertical .v-tab__slider {
24473
- top: 0;
24474
- height: 100%;
24475
- width: 2px;
24476
- }.v-tabs {
24236
+ }.v-system-bar {
24237
+ align-items: center;
24477
24238
  display: flex;
24478
- height: var(--v-tabs-height);
24479
- }
24480
- .v-tabs--density-default {
24481
- --v-tabs-height: 48px;
24482
- }
24483
- .v-tabs--density-default.v-tabs--stacked {
24484
- --v-tabs-height: 72px;
24485
- }
24486
-
24487
- .v-tabs--density-comfortable {
24488
- --v-tabs-height: 44px;
24489
- }
24490
- .v-tabs--density-comfortable.v-tabs--stacked {
24491
- --v-tabs-height: 68px;
24492
- }
24493
-
24494
- .v-tabs--density-compact {
24495
- --v-tabs-height: 36px;
24496
- }
24497
- .v-tabs--density-compact.v-tabs--stacked {
24498
- --v-tabs-height: 60px;
24499
- }
24500
-
24501
- .v-tabs.v-slide-group--vertical {
24502
- height: auto;
24503
- flex: none;
24504
- --v-tabs-height: 48px;
24505
- }
24506
-
24507
- .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
24508
- margin-inline-start: 42px;
24509
- }
24510
-
24511
- .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
24512
- .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
24513
- margin-inline-end: auto;
24239
+ flex: 1 1 auto;
24240
+ height: 24px;
24241
+ justify-content: flex-end;
24242
+ max-width: 100%;
24243
+ padding-inline: 8px;
24244
+ position: relative;
24245
+ text-align: end;
24246
+ width: 100%;
24247
+ 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));
24248
+ background: rgba(var(--v-theme-surface-light));
24249
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24250
+ font-size: 0.75rem;
24251
+ font-weight: 400;
24252
+ letter-spacing: 0.0333333333em;
24253
+ line-height: 1.667;
24254
+ text-transform: none;
24514
24255
  }
24515
- .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
24516
- .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
24517
- margin-inline-start: auto;
24256
+ .v-system-bar .v-icon {
24257
+ opacity: var(--v-medium-emphasis-opacity);
24518
24258
  }
24519
-
24520
- .v-tabs--grow {
24521
- flex-grow: 1;
24259
+ .v-system-bar--absolute {
24260
+ position: absolute;
24522
24261
  }
24523
- .v-tabs--grow .v-tab {
24524
- flex: 1 0 auto;
24525
- max-width: none;
24262
+ .v-system-bar--fixed {
24263
+ position: fixed;
24526
24264
  }
24527
-
24528
- .v-tabs--align-tabs-end .v-tab:first-child {
24529
- margin-inline-start: auto;
24265
+ .v-system-bar--rounded {
24266
+ border-radius: 0;
24530
24267
  }
24531
- .v-tabs--align-tabs-end .v-tab:last-child {
24532
- margin-inline-end: 0;
24268
+ .v-system-bar--window {
24269
+ height: 32px;
24533
24270
  }
24534
-
24535
- @media (max-width: 1279.98px) {
24536
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
24537
- margin-inline-start: 52px;
24538
- }
24539
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24540
- margin-inline-end: 52px;
24541
- }
24271
+ .v-system-bar:not(.v-system-bar--absolute) {
24272
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24542
24273
  }.v-table {
24543
24274
  background: rgb(var(--v-theme-surface));
24544
24275
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -24677,82 +24408,101 @@ html.v-overlay-scroll-blocked {
24677
24408
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24678
24409
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24679
24410
  border-top: 0px !important;
24680
- }.v-system-bar {
24681
- align-items: center;
24411
+ }.v-tabs {
24682
24412
  display: flex;
24683
- flex: 1 1 auto;
24684
- height: 24px;
24685
- justify-content: flex-end;
24686
- max-width: 100%;
24687
- padding-inline: 8px;
24688
- position: relative;
24689
- text-align: end;
24690
- width: 100%;
24691
- 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));
24692
- background: rgba(var(--v-theme-surface-light));
24693
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24694
- font-size: 0.75rem;
24695
- font-weight: 400;
24696
- letter-spacing: 0.0333333333em;
24697
- line-height: 1.667;
24698
- text-transform: none;
24413
+ height: var(--v-tabs-height);
24699
24414
  }
24700
- .v-system-bar .v-icon {
24701
- opacity: var(--v-medium-emphasis-opacity);
24415
+ .v-tabs--density-default {
24416
+ --v-tabs-height: 48px;
24702
24417
  }
24703
- .v-system-bar--absolute {
24704
- position: absolute;
24418
+ .v-tabs--density-default.v-tabs--stacked {
24419
+ --v-tabs-height: 72px;
24705
24420
  }
24706
- .v-system-bar--fixed {
24707
- position: fixed;
24421
+
24422
+ .v-tabs--density-comfortable {
24423
+ --v-tabs-height: 44px;
24708
24424
  }
24709
- .v-system-bar--rounded {
24710
- border-radius: 0;
24425
+ .v-tabs--density-comfortable.v-tabs--stacked {
24426
+ --v-tabs-height: 68px;
24711
24427
  }
24712
- .v-system-bar--window {
24713
- height: 32px;
24428
+
24429
+ .v-tabs--density-compact {
24430
+ --v-tabs-height: 36px;
24714
24431
  }
24715
- .v-system-bar:not(.v-system-bar--absolute) {
24716
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24717
- }.v-textarea .v-field {
24718
- --v-textarea-control-height: var(--v-input-control-height);
24432
+ .v-tabs--density-compact.v-tabs--stacked {
24433
+ --v-tabs-height: 60px;
24719
24434
  }
24720
- .v-textarea .v-field__field {
24721
- --v-input-control-height: var(--v-textarea-control-height);
24435
+
24436
+ .v-tabs.v-slide-group--vertical {
24437
+ height: auto;
24438
+ flex: none;
24439
+ --v-tabs-height: 48px;
24722
24440
  }
24723
- .v-textarea .v-field__input {
24724
- flex: 1 1 auto;
24725
- outline: none;
24726
- -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
24727
- mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
24441
+
24442
+ .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
24443
+ margin-inline-start: 42px;
24728
24444
  }
24729
- .v-textarea .v-field__input.v-textarea__sizer {
24730
- visibility: hidden;
24731
- position: absolute;
24732
- top: 0;
24733
- left: 0;
24734
- height: 0 !important;
24735
- min-height: 0 !important;
24736
- pointer-events: none;
24445
+
24446
+ .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
24447
+ .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
24448
+ margin-inline-end: auto;
24737
24449
  }
24738
- .v-textarea--no-resize .v-field__input {
24739
- resize: none;
24450
+ .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
24451
+ .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
24452
+ margin-inline-start: auto;
24740
24453
  }
24741
- .v-textarea .v-field--no-label textarea,
24742
- .v-textarea .v-field--active textarea {
24743
- opacity: 1;
24454
+
24455
+ .v-tabs--grow {
24456
+ flex-grow: 1;
24744
24457
  }
24745
- .v-textarea textarea {
24458
+ .v-tabs--grow .v-tab {
24459
+ flex: 1 0 auto;
24460
+ max-width: none;
24461
+ }
24462
+
24463
+ .v-tabs--align-tabs-end .v-tab:first-child {
24464
+ margin-inline-start: auto;
24465
+ }
24466
+ .v-tabs--align-tabs-end .v-tab:last-child {
24467
+ margin-inline-end: 0;
24468
+ }
24469
+
24470
+ @media (max-width: 1279.98px) {
24471
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
24472
+ margin-inline-start: 52px;
24473
+ }
24474
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24475
+ margin-inline-end: 52px;
24476
+ }
24477
+ }.v-tab.v-tab.v-btn {
24478
+ height: var(--v-tabs-height);
24479
+ border-radius: 0;
24480
+ min-width: 90px;
24481
+ }
24482
+ .v-slide-group--horizontal .v-tab {
24483
+ max-width: 360px;
24484
+ }
24485
+ .v-slide-group--vertical .v-tab {
24486
+ justify-content: start;
24487
+ }
24488
+
24489
+ .v-tab__slider {
24490
+ position: absolute;
24491
+ bottom: 0;
24492
+ left: 0;
24493
+ height: 2px;
24494
+ width: 100%;
24495
+ background: currentColor;
24496
+ pointer-events: none;
24746
24497
  opacity: 0;
24747
- flex: 1;
24748
- min-width: 0;
24749
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24750
24498
  }
24751
- .v-textarea textarea:focus, .v-textarea textarea:active {
24752
- outline: none;
24499
+ .v-tab--selected .v-tab__slider {
24500
+ opacity: 1;
24753
24501
  }
24754
- .v-textarea textarea:invalid {
24755
- box-shadow: none;
24502
+ .v-slide-group--vertical .v-tab__slider {
24503
+ top: 0;
24504
+ height: 100%;
24505
+ width: 2px;
24756
24506
  }/* region BLOCK */
24757
24507
  .v-text-field input {
24758
24508
  color: inherit;
@@ -24820,10 +24570,7 @@ html.v-overlay-scroll-blocked {
24820
24570
  padding-inline-end: var(--v-field-padding-end);
24821
24571
  }
24822
24572
 
24823
- /* endregion */.v-theme-provider {
24824
- background: rgb(var(--v-theme-background));
24825
- color: rgb(var(--v-theme-on-background));
24826
- }.v-timeline .v-timeline-divider__dot {
24573
+ /* endregion */.v-timeline .v-timeline-divider__dot {
24827
24574
  background: rgb(var(--v-theme-surface-light));
24828
24575
  }
24829
24576
  .v-timeline .v-timeline-divider__inner-dot {
@@ -25239,6 +24986,48 @@ html.v-overlay-scroll-blocked {
25239
24986
 
25240
24987
  .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 {
25241
24988
  padding-inline-end: 0;
24989
+ }.v-textarea .v-field {
24990
+ --v-textarea-control-height: var(--v-input-control-height);
24991
+ }
24992
+ .v-textarea .v-field__field {
24993
+ --v-input-control-height: var(--v-textarea-control-height);
24994
+ }
24995
+ .v-textarea .v-field__input {
24996
+ flex: 1 1 auto;
24997
+ outline: none;
24998
+ -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
24999
+ mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
25000
+ }
25001
+ .v-textarea .v-field__input.v-textarea__sizer {
25002
+ visibility: hidden;
25003
+ position: absolute;
25004
+ top: 0;
25005
+ left: 0;
25006
+ height: 0 !important;
25007
+ min-height: 0 !important;
25008
+ pointer-events: none;
25009
+ }
25010
+ .v-textarea--no-resize .v-field__input {
25011
+ resize: none;
25012
+ }
25013
+ .v-textarea .v-field--no-label textarea,
25014
+ .v-textarea .v-field--active textarea {
25015
+ opacity: 1;
25016
+ }
25017
+ .v-textarea textarea {
25018
+ opacity: 0;
25019
+ flex: 1;
25020
+ min-width: 0;
25021
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25022
+ }
25023
+ .v-textarea textarea:focus, .v-textarea textarea:active {
25024
+ outline: none;
25025
+ }
25026
+ .v-textarea textarea:invalid {
25027
+ box-shadow: none;
25028
+ }.v-theme-provider {
25029
+ background: rgb(var(--v-theme-background));
25030
+ color: rgb(var(--v-theme-on-background));
25242
25031
  }.v-toolbar {
25243
25032
  align-items: flex-start;
25244
25033
  display: flex;
@@ -25390,15 +25179,6 @@ html.v-overlay-scroll-blocked {
25390
25179
  .v-tooltip > .v-overlay__content[class*=leave-active] {
25391
25180
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25392
25181
  transition-duration: 75ms;
25393
- }.v-virtual-scroll {
25394
- display: block;
25395
- flex: 1 1 auto;
25396
- max-width: 100%;
25397
- overflow: auto;
25398
- position: relative;
25399
- }
25400
- .v-virtual-scroll__container {
25401
- display: block;
25402
25182
  }.v-window {
25403
25183
  overflow: hidden;
25404
25184
  }
@@ -25469,64 +25249,256 @@ html.v-overlay-scroll-blocked {
25469
25249
  }
25470
25250
  .v-window-y-reverse-transition-leave-to {
25471
25251
  transform: translateY(100%);
25472
- }.v-color-picker-canvas {
25473
- display: flex;
25252
+ }.v-virtual-scroll {
25253
+ display: block;
25254
+ flex: 1 1 auto;
25255
+ max-width: 100%;
25256
+ overflow: auto;
25474
25257
  position: relative;
25475
- overflow: hidden;
25476
- contain: content;
25477
- touch-action: none;
25478
25258
  }
25479
- .v-color-picker-canvas__dot {
25480
- position: absolute;
25481
- top: 0;
25482
- left: 0;
25483
- width: 15px;
25484
- height: 15px;
25259
+ .v-virtual-scroll__container {
25260
+ display: block;
25261
+ }.v-progress-linear {
25485
25262
  background: transparent;
25486
- border-radius: 50%;
25487
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25488
- }
25489
- .v-color-picker-canvas__dot--disabled {
25490
- box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25263
+ overflow: hidden;
25264
+ position: relative;
25265
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
25266
+ width: 100%;
25491
25267
  }
25492
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25493
- will-change: transform;
25494
- }.v-color-picker-edit {
25495
- display: flex;
25496
- margin-top: 24px;
25268
+ .v-progress-linear--rounded {
25269
+ border-radius: 9999px;
25497
25270
  }
25498
25271
 
25499
- .v-color-picker-edit__input {
25272
+ .v-progress-linear__background,
25273
+ .v-progress-linear__buffer {
25274
+ background: currentColor;
25275
+ bottom: 0;
25276
+ left: 0;
25277
+ opacity: var(--v-border-opacity);
25278
+ position: absolute;
25279
+ top: 0;
25500
25280
  width: 100%;
25281
+ transition-property: width, left, right;
25282
+ transition: inherit;
25283
+ }
25284
+
25285
+ .v-progress-linear__content {
25286
+ align-items: center;
25501
25287
  display: flex;
25502
- flex-wrap: wrap;
25288
+ height: 100%;
25503
25289
  justify-content: center;
25504
- text-align: center;
25505
- }
25506
- .v-color-picker-edit__input:not(:last-child) {
25507
- margin-inline-end: 8px;
25508
- }
25509
- .v-color-picker-edit__input input {
25510
- border-radius: 4px;
25511
- margin-bottom: 8px;
25512
- min-width: 0;
25513
- outline: none;
25514
- text-align: center;
25290
+ left: 0;
25291
+ pointer-events: none;
25292
+ position: absolute;
25293
+ top: 0;
25515
25294
  width: 100%;
25516
- height: 32px;
25517
- background: rgba(var(--v-theme-surface-variant), 0.2);
25518
- color: rgba(var(--v-theme-on-surface));
25519
- }
25520
- .v-color-picker-edit__input span {
25521
- font-size: 0.75rem;
25522
- }.v-color-picker-preview__alpha .v-slider-track__background {
25523
- background-color: transparent !important;
25524
25295
  }
25525
- .v-locale--is-ltr.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__alpha .v-slider-track__background {
25526
- background-image: linear-gradient(to right, transparent, var(--v-color-picker-color-hsv));
25296
+
25297
+ .v-progress-linear__determinate,
25298
+ .v-progress-linear__indeterminate {
25299
+ background: currentColor;
25527
25300
  }
25528
25301
 
25529
- .v-locale--is-rtl.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__alpha .v-slider-track__background {
25302
+ .v-progress-linear__determinate {
25303
+ height: inherit;
25304
+ left: 0;
25305
+ position: absolute;
25306
+ transition: inherit;
25307
+ transition-property: width, left, right;
25308
+ }
25309
+
25310
+ .v-progress-linear__indeterminate .long, .v-progress-linear__indeterminate .short {
25311
+ animation-play-state: paused;
25312
+ animation-duration: 2.2s;
25313
+ animation-iteration-count: infinite;
25314
+ bottom: 0;
25315
+ height: inherit;
25316
+ left: 0;
25317
+ position: absolute;
25318
+ right: auto;
25319
+ top: 0;
25320
+ width: auto;
25321
+ }
25322
+ .v-progress-linear__indeterminate .long {
25323
+ animation-name: indeterminate-ltr;
25324
+ }
25325
+ .v-progress-linear__indeterminate .short {
25326
+ animation-name: indeterminate-short-ltr;
25327
+ }
25328
+
25329
+ .v-progress-linear__stream {
25330
+ animation: stream 0.25s infinite linear;
25331
+ animation-play-state: paused;
25332
+ bottom: 0;
25333
+ left: auto;
25334
+ opacity: 0.3;
25335
+ pointer-events: none;
25336
+ position: absolute;
25337
+ transition: inherit;
25338
+ transition-property: width, left, right;
25339
+ }
25340
+
25341
+ .v-progress-linear--reverse .v-progress-linear__background,
25342
+ .v-progress-linear--reverse .v-progress-linear__determinate,
25343
+ .v-progress-linear--reverse .v-progress-linear__content {
25344
+ left: auto;
25345
+ right: 0;
25346
+ }
25347
+ .v-progress-linear--reverse .v-progress-linear__indeterminate .long, .v-progress-linear--reverse .v-progress-linear__indeterminate .short {
25348
+ left: auto;
25349
+ right: 0;
25350
+ }
25351
+ .v-progress-linear--reverse .v-progress-linear__indeterminate .long {
25352
+ animation-name: indeterminate-rtl;
25353
+ }
25354
+ .v-progress-linear--reverse .v-progress-linear__indeterminate .short {
25355
+ animation-name: indeterminate-short-rtl;
25356
+ }
25357
+ .v-progress-linear--reverse .v-progress-linear__stream {
25358
+ right: auto;
25359
+ }
25360
+
25361
+ .v-progress-linear--absolute,
25362
+ .v-progress-linear--fixed {
25363
+ left: 0;
25364
+ z-index: 1;
25365
+ }
25366
+
25367
+ .v-progress-linear--absolute {
25368
+ position: absolute;
25369
+ }
25370
+
25371
+ .v-progress-linear--fixed {
25372
+ position: fixed;
25373
+ }
25374
+
25375
+ .v-progress-linear--rounded {
25376
+ border-radius: 9999px;
25377
+ }
25378
+ .v-progress-linear--rounded.v-progress-linear--rounded-bar .v-progress-linear__determinate,
25379
+ .v-progress-linear--rounded.v-progress-linear--rounded-bar .v-progress-linear__indeterminate {
25380
+ border-radius: inherit;
25381
+ }
25382
+
25383
+ .v-progress-linear--striped .v-progress-linear__determinate {
25384
+ animation: progress-linear-stripes 1s infinite linear;
25385
+ background-image: linear-gradient(135deg, hsla(0, 0%, 100%, 0.25) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, 0.25) 0, hsla(0, 0%, 100%, 0.25) 75%, transparent 0, transparent);
25386
+ background-repeat: repeat;
25387
+ background-size: var(--v-progress-linear-height);
25388
+ }
25389
+
25390
+ .v-progress-linear--active .v-progress-linear__indeterminate .long, .v-progress-linear--active .v-progress-linear__indeterminate .short {
25391
+ animation-play-state: running;
25392
+ }
25393
+ .v-progress-linear--active .v-progress-linear__stream {
25394
+ animation-play-state: running;
25395
+ }
25396
+
25397
+ .v-progress-linear--rounded-bar .v-progress-linear__determinate,
25398
+ .v-progress-linear--rounded-bar .v-progress-linear__indeterminate,
25399
+ .v-progress-linear--rounded-bar .v-progress-linear__stream + .v-progress-linear__background {
25400
+ border-radius: 9999px;
25401
+ }
25402
+ .v-progress-linear--rounded-bar .v-progress-linear__determinate {
25403
+ border-start-start-radius: 0;
25404
+ border-end-start-radius: 0;
25405
+ }
25406
+
25407
+ @keyframes indeterminate-ltr {
25408
+ 0% {
25409
+ left: -90%;
25410
+ right: 100%;
25411
+ }
25412
+ 60% {
25413
+ left: -90%;
25414
+ right: 100%;
25415
+ }
25416
+ 100% {
25417
+ left: 100%;
25418
+ right: -35%;
25419
+ }
25420
+ }
25421
+ @keyframes indeterminate-rtl {
25422
+ 0% {
25423
+ left: 100%;
25424
+ right: -90%;
25425
+ }
25426
+ 60% {
25427
+ left: 100%;
25428
+ right: -90%;
25429
+ }
25430
+ 100% {
25431
+ left: -35%;
25432
+ right: 100%;
25433
+ }
25434
+ }
25435
+ @keyframes indeterminate-short-ltr {
25436
+ 0% {
25437
+ left: -200%;
25438
+ right: 100%;
25439
+ }
25440
+ 60% {
25441
+ left: 107%;
25442
+ right: -8%;
25443
+ }
25444
+ 100% {
25445
+ left: 107%;
25446
+ right: -8%;
25447
+ }
25448
+ }
25449
+ @keyframes indeterminate-short-rtl {
25450
+ 0% {
25451
+ left: 100%;
25452
+ right: -200%;
25453
+ }
25454
+ 60% {
25455
+ left: -8%;
25456
+ right: 107%;
25457
+ }
25458
+ 100% {
25459
+ left: -8%;
25460
+ right: 107%;
25461
+ }
25462
+ }
25463
+ @keyframes stream {
25464
+ to {
25465
+ transform: translateX(var(--v-progress-linear-stream-to));
25466
+ }
25467
+ }
25468
+ @keyframes progress-linear-stripes {
25469
+ 0% {
25470
+ background-position-x: var(--v-progress-linear-height);
25471
+ }
25472
+ }.v-color-picker-canvas {
25473
+ display: flex;
25474
+ position: relative;
25475
+ overflow: hidden;
25476
+ contain: content;
25477
+ touch-action: none;
25478
+ }
25479
+ .v-color-picker-canvas__dot {
25480
+ position: absolute;
25481
+ top: 0;
25482
+ left: 0;
25483
+ width: 15px;
25484
+ height: 15px;
25485
+ background: transparent;
25486
+ border-radius: 50%;
25487
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25488
+ }
25489
+ .v-color-picker-canvas__dot--disabled {
25490
+ box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25491
+ }
25492
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25493
+ will-change: transform;
25494
+ }.v-color-picker-preview__alpha .v-slider-track__background {
25495
+ background-color: transparent !important;
25496
+ }
25497
+ .v-locale--is-ltr.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__alpha .v-slider-track__background {
25498
+ background-image: linear-gradient(to right, transparent, var(--v-color-picker-color-hsv));
25499
+ }
25500
+
25501
+ .v-locale--is-rtl.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__alpha .v-slider-track__background {
25530
25502
  background-image: linear-gradient(to left, transparent, var(--v-color-picker-color-hsv));
25531
25503
  }
25532
25504
 
@@ -25589,253 +25561,122 @@ html.v-overlay-scroll-blocked {
25589
25561
  .v-color-picker-preview__eye-dropper {
25590
25562
  position: relative;
25591
25563
  margin-right: 12px;
25592
- }.v-color-picker-swatches {
25593
- overflow-y: auto;
25594
- }
25595
- .v-color-picker-swatches > div {
25596
- display: flex;
25597
- flex-wrap: wrap;
25598
- justify-content: center;
25599
- padding: 8px;
25600
- }
25601
-
25602
- .v-color-picker-swatches__swatch {
25564
+ }.v-color-picker-edit {
25603
25565
  display: flex;
25604
- flex-direction: column;
25605
- margin-bottom: 10px;
25566
+ margin-top: 24px;
25606
25567
  }
25607
25568
 
25608
- .v-color-picker-swatches__color {
25609
- position: relative;
25610
- height: 18px;
25611
- max-height: 18px;
25612
- width: 45px;
25613
- margin: 2px 4px;
25614
- border-radius: 2px;
25615
- -webkit-user-select: none;
25616
- user-select: none;
25617
- overflow: hidden;
25618
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25619
- cursor: pointer;
25620
- }
25621
- .v-color-picker-swatches__color > div {
25622
- display: flex;
25623
- align-items: center;
25624
- justify-content: center;
25569
+ .v-color-picker-edit__input {
25625
25570
  width: 100%;
25626
- height: 100%;
25627
- }.v-picker.v-sheet {
25628
- 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));
25629
- border-radius: 4px;
25630
- display: grid;
25631
- grid-auto-rows: min-content;
25632
- grid-template-areas: "title" "header" "body";
25633
- overflow: hidden;
25634
- }
25635
- .v-picker.v-sheet.v-picker--with-actions {
25636
- grid-template-areas: "title" "header" "body" "actions";
25637
- }
25638
-
25639
- .v-picker__body {
25640
- grid-area: body;
25641
- overflow: hidden;
25642
- position: relative;
25643
- }
25644
-
25645
- .v-picker__header {
25646
- grid-area: header;
25647
- }
25648
-
25649
- .v-picker__actions {
25650
- grid-area: actions;
25651
- padding: 0 12px 12px;
25652
25571
  display: flex;
25653
- align-items: center;
25654
- justify-content: flex-end;
25655
- }
25656
- .v-picker__actions .v-btn {
25657
- min-width: 48px;
25572
+ flex-wrap: wrap;
25573
+ justify-content: center;
25574
+ text-align: center;
25658
25575
  }
25659
- .v-picker__actions .v-btn:not(:last-child) {
25576
+ .v-color-picker-edit__input:not(:last-child) {
25660
25577
  margin-inline-end: 8px;
25661
25578
  }
25662
-
25663
- .v-picker--landscape {
25664
- grid-template-areas: "title" "header body" "header body";
25665
- }
25666
-
25667
- .v-picker--landscape.v-picker--with-actions {
25668
- grid-template-areas: "title" "header body" "header actions";
25669
- }
25670
-
25671
- .v-picker-title {
25672
- text-transform: uppercase;
25673
- font-size: 0.75rem;
25674
- grid-area: title;
25675
- padding-inline: 24px 12px;
25676
- padding-top: 16px;
25677
- padding-bottom: 16px;
25678
- font-weight: 400;
25679
- letter-spacing: 0.1666666667em;
25680
- }.v-slider-thumb {
25681
- touch-action: none;
25682
- color: rgb(var(--v-theme-surface-variant));
25683
- }
25684
- .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25685
- color: inherit;
25686
- }
25687
-
25688
- .v-slider-thumb__label {
25689
- background: rgba(var(--v-theme-surface-variant), 0.7);
25690
- color: rgb(var(--v-theme-on-surface-variant));
25691
- }
25692
- .v-slider-thumb__label::before {
25693
- color: rgba(var(--v-theme-surface-variant), 0.7);
25694
- }
25695
-
25696
- .v-slider-thumb {
25579
+ .v-color-picker-edit__input input {
25580
+ border-radius: 4px;
25581
+ margin-bottom: 8px;
25582
+ min-width: 0;
25697
25583
  outline: none;
25698
- position: absolute;
25699
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25700
- }
25701
-
25702
- .v-slider-thumb__surface {
25703
- cursor: pointer;
25704
- width: var(--v-slider-thumb-size);
25705
- height: var(--v-slider-thumb-size);
25706
- border-radius: 50%;
25707
- -webkit-user-select: none;
25708
- user-select: none;
25709
- background-color: currentColor;
25710
- }
25711
- @media (forced-colors: active) {
25712
- .v-slider-thumb__surface {
25713
- background-color: highlight;
25714
- }
25715
- }
25716
- .v-slider-thumb__surface::before {
25717
- transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25718
- content: "";
25719
- color: inherit;
25720
- top: 0;
25721
- left: 0;
25584
+ text-align: center;
25722
25585
  width: 100%;
25723
- height: 100%;
25724
- border-radius: 50%;
25725
- background: currentColor;
25726
- position: absolute;
25727
- pointer-events: none;
25728
- opacity: 0;
25729
- }
25730
- .v-slider-thumb__surface::after {
25731
- content: "";
25732
- width: 42px;
25733
- height: 42px;
25734
- position: absolute;
25735
- top: 50%;
25736
- left: 50%;
25737
- transform: translate(-50%, -50%);
25586
+ height: 32px;
25587
+ background: rgba(var(--v-theme-surface-variant), 0.2);
25588
+ color: rgba(var(--v-theme-on-surface));
25738
25589
  }
25739
-
25740
- .v-slider-thumb__label-container {
25741
- position: absolute;
25742
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25590
+ .v-color-picker-edit__input span {
25591
+ font-size: 0.75rem;
25592
+ }.v-color-picker-swatches {
25593
+ overflow-y: auto;
25743
25594
  }
25744
-
25745
- .v-slider-thumb__label {
25595
+ .v-color-picker-swatches > div {
25746
25596
  display: flex;
25747
- align-items: center;
25597
+ flex-wrap: wrap;
25748
25598
  justify-content: center;
25749
- font-size: 0.75rem;
25750
- min-width: 35px;
25751
- height: 25px;
25752
- border-radius: 4px;
25753
- padding: 6px;
25754
- position: absolute;
25755
- -webkit-user-select: none;
25756
- user-select: none;
25757
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25758
- }
25759
- .v-slider-thumb__label::before {
25760
- content: "";
25761
- width: 0;
25762
- height: 0;
25763
- position: absolute;
25764
- }
25765
-
25766
- .v-slider-thumb__ripple {
25767
- position: absolute;
25768
- left: calc(var(--v-slider-thumb-size) / -2);
25769
- top: calc(var(--v-slider-thumb-size) / -2);
25770
- width: calc(var(--v-slider-thumb-size) * 2);
25771
- height: calc(var(--v-slider-thumb-size) * 2);
25772
- background: inherit;
25599
+ padding: 8px;
25773
25600
  }
25774
25601
 
25775
- .v-slider.v-input--horizontal .v-slider-thumb {
25776
- top: 50%;
25777
- transform: translateY(-50%);
25778
- inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25602
+ .v-color-picker-swatches__swatch {
25603
+ display: flex;
25604
+ flex-direction: column;
25605
+ margin-bottom: 10px;
25779
25606
  }
25780
- .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25781
- left: calc(var(--v-slider-thumb-size) / 2);
25782
- top: 0;
25607
+
25608
+ .v-color-picker-swatches__color {
25609
+ position: relative;
25610
+ height: 18px;
25611
+ max-height: 18px;
25612
+ width: 45px;
25613
+ margin: 2px 4px;
25614
+ border-radius: 2px;
25615
+ -webkit-user-select: none;
25616
+ user-select: none;
25617
+ overflow: hidden;
25618
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25619
+ cursor: pointer;
25783
25620
  }
25784
- .v-slider.v-input--horizontal .v-slider-thumb__label {
25785
- bottom: calc(var(--v-slider-thumb-size) / 2);
25621
+ .v-color-picker-swatches__color > div {
25622
+ display: flex;
25623
+ align-items: center;
25624
+ justify-content: center;
25625
+ width: 100%;
25626
+ height: 100%;
25627
+ }.v-picker.v-sheet {
25628
+ 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));
25629
+ border-radius: 4px;
25630
+ display: grid;
25631
+ grid-auto-rows: min-content;
25632
+ grid-template-areas: "title" "header" "body";
25633
+ overflow: hidden;
25786
25634
  }
25787
- .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 {
25788
- transform: translateX(-50%);
25635
+ .v-picker.v-sheet.v-picker--with-actions {
25636
+ grid-template-areas: "title" "header" "body" "actions";
25789
25637
  }
25790
25638
 
25791
- .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 {
25792
- transform: translateX(50%);
25639
+ .v-picker__body {
25640
+ grid-area: body;
25641
+ overflow: hidden;
25642
+ position: relative;
25793
25643
  }
25794
25644
 
25795
- .v-slider.v-input--horizontal .v-slider-thumb__label::before {
25796
- border-left: 6px solid transparent;
25797
- border-right: 6px solid transparent;
25798
- border-top: 6px solid currentColor;
25799
- bottom: -6px;
25645
+ .v-picker__header {
25646
+ grid-area: header;
25800
25647
  }
25801
25648
 
25802
- .v-slider.v-input--vertical .v-slider-thumb {
25803
- top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25804
- }
25805
- .v-slider.v-input--vertical .v-slider-thumb__label-container {
25806
- top: calc(var(--v-slider-thumb-size) / 2);
25807
- right: 0;
25649
+ .v-picker__actions {
25650
+ grid-area: actions;
25651
+ padding: 0 12px 12px;
25652
+ display: flex;
25653
+ align-items: center;
25654
+ justify-content: flex-end;
25808
25655
  }
25809
- .v-slider.v-input--vertical .v-slider-thumb__label {
25810
- top: -12.5px;
25811
- left: calc(var(--v-slider-thumb-size) / 2);
25656
+ .v-picker__actions .v-btn {
25657
+ min-width: 48px;
25812
25658
  }
25813
- .v-slider.v-input--vertical .v-slider-thumb__label::before {
25814
- border-right: 6px solid currentColor;
25815
- border-top: 6px solid transparent;
25816
- border-bottom: 6px solid transparent;
25817
- left: -6px;
25659
+ .v-picker__actions .v-btn:not(:last-child) {
25660
+ margin-inline-end: 8px;
25818
25661
  }
25819
25662
 
25820
- .v-slider-thumb--focused .v-slider-thumb__surface::before {
25821
- transform: scale(2);
25822
- opacity: var(--v-focus-opacity);
25663
+ .v-picker--landscape {
25664
+ grid-template-areas: "title" "header body" "header body";
25823
25665
  }
25824
25666
 
25825
- .v-slider-thumb--pressed {
25826
- transition: none;
25827
- }
25828
- .v-slider-thumb--pressed .v-slider-thumb__surface::before {
25829
- opacity: var(--v-pressed-opacity);
25667
+ .v-picker--landscape.v-picker--with-actions {
25668
+ grid-template-areas: "title" "header body" "header actions";
25830
25669
  }
25831
25670
 
25832
- @media (hover: hover) {
25833
- .v-slider-thumb:hover .v-slider-thumb__surface::before {
25834
- transform: scale(2);
25835
- }
25836
- .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
25837
- opacity: var(--v-hover-opacity);
25838
- }
25671
+ .v-picker-title {
25672
+ text-transform: uppercase;
25673
+ font-size: 0.75rem;
25674
+ grid-area: title;
25675
+ padding-inline: 24px 12px;
25676
+ padding-top: 16px;
25677
+ padding-bottom: 16px;
25678
+ font-weight: 400;
25679
+ letter-spacing: 0.1666666667em;
25839
25680
  }.v-slider-track__background {
25840
25681
  background-color: rgb(var(--v-theme-surface-variant));
25841
25682
  }
@@ -26014,4 +25855,163 @@ html.v-overlay-scroll-blocked {
26014
25855
 
26015
25856
  .v-slider-track__background--opacity {
26016
25857
  opacity: 0.38;
25858
+ }.v-slider-thumb {
25859
+ touch-action: none;
25860
+ color: rgb(var(--v-theme-surface-variant));
25861
+ }
25862
+ .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25863
+ color: inherit;
25864
+ }
25865
+
25866
+ .v-slider-thumb__label {
25867
+ background: rgba(var(--v-theme-surface-variant), 0.7);
25868
+ color: rgb(var(--v-theme-on-surface-variant));
25869
+ }
25870
+ .v-slider-thumb__label::before {
25871
+ color: rgba(var(--v-theme-surface-variant), 0.7);
25872
+ }
25873
+
25874
+ .v-slider-thumb {
25875
+ outline: none;
25876
+ position: absolute;
25877
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25878
+ }
25879
+
25880
+ .v-slider-thumb__surface {
25881
+ cursor: pointer;
25882
+ width: var(--v-slider-thumb-size);
25883
+ height: var(--v-slider-thumb-size);
25884
+ border-radius: 50%;
25885
+ -webkit-user-select: none;
25886
+ user-select: none;
25887
+ background-color: currentColor;
25888
+ }
25889
+ @media (forced-colors: active) {
25890
+ .v-slider-thumb__surface {
25891
+ background-color: highlight;
25892
+ }
25893
+ }
25894
+ .v-slider-thumb__surface::before {
25895
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25896
+ content: "";
25897
+ color: inherit;
25898
+ top: 0;
25899
+ left: 0;
25900
+ width: 100%;
25901
+ height: 100%;
25902
+ border-radius: 50%;
25903
+ background: currentColor;
25904
+ position: absolute;
25905
+ pointer-events: none;
25906
+ opacity: 0;
25907
+ }
25908
+ .v-slider-thumb__surface::after {
25909
+ content: "";
25910
+ width: 42px;
25911
+ height: 42px;
25912
+ position: absolute;
25913
+ top: 50%;
25914
+ left: 50%;
25915
+ transform: translate(-50%, -50%);
25916
+ }
25917
+
25918
+ .v-slider-thumb__label-container {
25919
+ position: absolute;
25920
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25921
+ }
25922
+
25923
+ .v-slider-thumb__label {
25924
+ display: flex;
25925
+ align-items: center;
25926
+ justify-content: center;
25927
+ font-size: 0.75rem;
25928
+ min-width: 35px;
25929
+ height: 25px;
25930
+ border-radius: 4px;
25931
+ padding: 6px;
25932
+ position: absolute;
25933
+ -webkit-user-select: none;
25934
+ user-select: none;
25935
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25936
+ }
25937
+ .v-slider-thumb__label::before {
25938
+ content: "";
25939
+ width: 0;
25940
+ height: 0;
25941
+ position: absolute;
25942
+ }
25943
+
25944
+ .v-slider-thumb__ripple {
25945
+ position: absolute;
25946
+ left: calc(var(--v-slider-thumb-size) / -2);
25947
+ top: calc(var(--v-slider-thumb-size) / -2);
25948
+ width: calc(var(--v-slider-thumb-size) * 2);
25949
+ height: calc(var(--v-slider-thumb-size) * 2);
25950
+ background: inherit;
25951
+ }
25952
+
25953
+ .v-slider.v-input--horizontal .v-slider-thumb {
25954
+ top: 50%;
25955
+ transform: translateY(-50%);
25956
+ inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25957
+ }
25958
+ .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25959
+ left: calc(var(--v-slider-thumb-size) / 2);
25960
+ top: 0;
25961
+ }
25962
+ .v-slider.v-input--horizontal .v-slider-thumb__label {
25963
+ bottom: calc(var(--v-slider-thumb-size) / 2);
25964
+ }
25965
+ .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 {
25966
+ transform: translateX(-50%);
25967
+ }
25968
+
25969
+ .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 {
25970
+ transform: translateX(50%);
25971
+ }
25972
+
25973
+ .v-slider.v-input--horizontal .v-slider-thumb__label::before {
25974
+ border-left: 6px solid transparent;
25975
+ border-right: 6px solid transparent;
25976
+ border-top: 6px solid currentColor;
25977
+ bottom: -6px;
25978
+ }
25979
+
25980
+ .v-slider.v-input--vertical .v-slider-thumb {
25981
+ top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25982
+ }
25983
+ .v-slider.v-input--vertical .v-slider-thumb__label-container {
25984
+ top: calc(var(--v-slider-thumb-size) / 2);
25985
+ right: 0;
25986
+ }
25987
+ .v-slider.v-input--vertical .v-slider-thumb__label {
25988
+ top: -12.5px;
25989
+ left: calc(var(--v-slider-thumb-size) / 2);
25990
+ }
25991
+ .v-slider.v-input--vertical .v-slider-thumb__label::before {
25992
+ border-right: 6px solid currentColor;
25993
+ border-top: 6px solid transparent;
25994
+ border-bottom: 6px solid transparent;
25995
+ left: -6px;
25996
+ }
25997
+
25998
+ .v-slider-thumb--focused .v-slider-thumb__surface::before {
25999
+ transform: scale(2);
26000
+ opacity: var(--v-focus-opacity);
26001
+ }
26002
+
26003
+ .v-slider-thumb--pressed {
26004
+ transition: none;
26005
+ }
26006
+ .v-slider-thumb--pressed .v-slider-thumb__surface::before {
26007
+ opacity: var(--v-pressed-opacity);
26008
+ }
26009
+
26010
+ @media (hover: hover) {
26011
+ .v-slider-thumb:hover .v-slider-thumb__surface::before {
26012
+ transform: scale(2);
26013
+ }
26014
+ .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
26015
+ opacity: var(--v-hover-opacity);
26016
+ }
26017
26017
  }