@vuetify/nightly 3.6.4-master.2024-05-09 → 3.6.4-master.2024-05-10

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.4-master.2024-05-09
2
+ * Vuetify v3.6.4-master.2024-05-10
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17595,15 +17595,6 @@ html.overflow-y-hidden {
17595
17595
  font-size: 0.9em;
17596
17596
  font-weight: normal;
17597
17597
  padding: 0.2em 0.4em;
17598
- }.v-kbd {
17599
- background: rgb(var(--v-theme-kbd));
17600
- color: rgb(var(--v-theme-on-kbd));
17601
- border-radius: 3px;
17602
- display: inline;
17603
- font-size: 85%;
17604
- font-weight: normal;
17605
- padding: 0.2em 0.4rem;
17606
- 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));
17607
17598
  }.v-ripple__container {
17608
17599
  color: inherit;
17609
17600
  border-radius: inherit;
@@ -17640,6 +17631,15 @@ html.overflow-y-hidden {
17640
17631
  .v-ripple__animation--out {
17641
17632
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
17642
17633
  opacity: 0;
17634
+ }.v-kbd {
17635
+ background: rgb(var(--v-theme-kbd));
17636
+ color: rgb(var(--v-theme-on-kbd));
17637
+ border-radius: 3px;
17638
+ display: inline;
17639
+ font-size: 85%;
17640
+ font-weight: normal;
17641
+ padding: 0.2em 0.4rem;
17642
+ 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));
17643
17643
  }.v-application {
17644
17644
  display: flex;
17645
17645
  background: rgb(var(--v-theme-background));
@@ -17656,18 +17656,6 @@ html.overflow-y-hidden {
17656
17656
  min-height: 100vh;
17657
17657
  min-height: 100dvh;
17658
17658
  position: relative;
17659
- }.v-app-bar {
17660
- display: flex;
17661
- }
17662
- .v-app-bar.v-toolbar {
17663
- background: rgb(var(--v-theme-surface));
17664
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17665
- }
17666
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17667
- 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));
17668
- }
17669
- .v-app-bar:not(.v-toolbar--absolute) {
17670
- padding-inline-end: var(--v-scrollbar-offset);
17671
17659
  }.v-alert {
17672
17660
  display: grid;
17673
17661
  flex: 1 1;
@@ -17880,6 +17868,18 @@ html.overflow-y-hidden {
17880
17868
  text-transform: none;
17881
17869
  word-break: normal;
17882
17870
  word-wrap: break-word;
17871
+ }.v-app-bar {
17872
+ display: flex;
17873
+ }
17874
+ .v-app-bar.v-toolbar {
17875
+ background: rgb(var(--v-theme-surface));
17876
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17877
+ }
17878
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17879
+ 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));
17880
+ }
17881
+ .v-app-bar:not(.v-toolbar--absolute) {
17882
+ padding-inline-end: var(--v-scrollbar-offset);
17883
17883
  }.v-autocomplete .v-field .v-text-field__prefix,
17884
17884
  .v-autocomplete .v-field .v-text-field__suffix,
17885
17885
  .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
@@ -18056,132 +18056,6 @@ html.overflow-y-hidden {
18056
18056
  .v-avatar .v-img {
18057
18057
  height: 100%;
18058
18058
  width: 100%;
18059
- }.v-badge {
18060
- display: inline-block;
18061
- line-height: 1;
18062
- }
18063
-
18064
- .v-badge__badge {
18065
- align-items: center;
18066
- display: inline-flex;
18067
- border-radius: 10px;
18068
- font-size: 0.75rem;
18069
- font-weight: 500;
18070
- height: 1.25rem;
18071
- justify-content: center;
18072
- min-width: 20px;
18073
- padding: 4px 6px;
18074
- pointer-events: auto;
18075
- position: absolute;
18076
- text-align: center;
18077
- text-indent: 0;
18078
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
18079
- white-space: nowrap;
18080
- background: rgb(var(--v-theme-surface-variant));
18081
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
18082
- }
18083
- .v-badge--bordered .v-badge__badge::after {
18084
- border-radius: inherit;
18085
- border-style: solid;
18086
- border-width: 2px;
18087
- bottom: 0;
18088
- color: rgb(var(--v-theme-background));
18089
- content: "";
18090
- left: 0;
18091
- position: absolute;
18092
- right: 0;
18093
- top: 0;
18094
- transform: scale(1.05);
18095
- }
18096
- .v-badge--dot .v-badge__badge {
18097
- border-radius: 4.5px;
18098
- height: 9px;
18099
- min-width: 0;
18100
- padding: 0;
18101
- width: 9px;
18102
- }
18103
- .v-badge--dot .v-badge__badge::after {
18104
- border-width: 1.5px;
18105
- }
18106
- .v-badge--inline .v-badge__badge {
18107
- position: relative;
18108
- vertical-align: middle;
18109
- }
18110
- .v-badge__badge .v-icon {
18111
- color: inherit;
18112
- font-size: 0.75rem;
18113
- margin: 0 -2px;
18114
- }
18115
- .v-badge__badge img,
18116
- .v-badge__badge .v-img {
18117
- height: 100%;
18118
- width: 100%;
18119
- }
18120
-
18121
- .v-badge__wrapper {
18122
- display: flex;
18123
- position: relative;
18124
- }
18125
- .v-badge--inline .v-badge__wrapper {
18126
- align-items: center;
18127
- display: inline-flex;
18128
- justify-content: center;
18129
- margin: 0 4px;
18130
- }.v-bottom-navigation {
18131
- display: flex;
18132
- max-width: 100%;
18133
- overflow: hidden;
18134
- position: absolute;
18135
- transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
18136
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18137
- border-style: solid;
18138
- border-width: 0;
18139
- border-radius: 0;
18140
- background: rgb(var(--v-theme-surface));
18141
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18142
- }
18143
- .v-bottom-navigation--border {
18144
- border-width: thin;
18145
- box-shadow: none;
18146
- }
18147
- .v-bottom-navigation--active {
18148
- 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));
18149
- }
18150
-
18151
- .v-bottom-navigation__content {
18152
- display: flex;
18153
- flex: none;
18154
- font-size: 0.75rem;
18155
- justify-content: center;
18156
- transition: inherit;
18157
- width: 100%;
18158
- }
18159
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18160
- font-size: inherit;
18161
- height: 100%;
18162
- max-width: 168px;
18163
- min-width: 80px;
18164
- text-transform: none;
18165
- transition: inherit;
18166
- width: auto;
18167
- border-radius: 0;
18168
- }
18169
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
18170
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18171
- transition: inherit;
18172
- }
18173
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18174
- font-size: 1.5rem;
18175
- }
18176
- .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
18177
- flex-grow: 1;
18178
- }
18179
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
18180
- transition: inherit;
18181
- opacity: 0;
18182
- }
18183
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18184
- transform: translateY(0.5rem);
18185
18059
  }.v-banner {
18186
18060
  display: grid;
18187
18061
  flex: 1 1;
@@ -18339,6 +18213,77 @@ html.overflow-y-hidden {
18339
18213
  }
18340
18214
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
18341
18215
  align-self: flex-start;
18216
+ }.v-badge {
18217
+ display: inline-block;
18218
+ line-height: 1;
18219
+ }
18220
+
18221
+ .v-badge__badge {
18222
+ align-items: center;
18223
+ display: inline-flex;
18224
+ border-radius: 10px;
18225
+ font-size: 0.75rem;
18226
+ font-weight: 500;
18227
+ height: 1.25rem;
18228
+ justify-content: center;
18229
+ min-width: 20px;
18230
+ padding: 4px 6px;
18231
+ pointer-events: auto;
18232
+ position: absolute;
18233
+ text-align: center;
18234
+ text-indent: 0;
18235
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
18236
+ white-space: nowrap;
18237
+ background: rgb(var(--v-theme-surface-variant));
18238
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
18239
+ }
18240
+ .v-badge--bordered .v-badge__badge::after {
18241
+ border-radius: inherit;
18242
+ border-style: solid;
18243
+ border-width: 2px;
18244
+ bottom: 0;
18245
+ color: rgb(var(--v-theme-background));
18246
+ content: "";
18247
+ left: 0;
18248
+ position: absolute;
18249
+ right: 0;
18250
+ top: 0;
18251
+ transform: scale(1.05);
18252
+ }
18253
+ .v-badge--dot .v-badge__badge {
18254
+ border-radius: 4.5px;
18255
+ height: 9px;
18256
+ min-width: 0;
18257
+ padding: 0;
18258
+ width: 9px;
18259
+ }
18260
+ .v-badge--dot .v-badge__badge::after {
18261
+ border-width: 1.5px;
18262
+ }
18263
+ .v-badge--inline .v-badge__badge {
18264
+ position: relative;
18265
+ vertical-align: middle;
18266
+ }
18267
+ .v-badge__badge .v-icon {
18268
+ color: inherit;
18269
+ font-size: 0.75rem;
18270
+ margin: 0 -2px;
18271
+ }
18272
+ .v-badge__badge img,
18273
+ .v-badge__badge .v-img {
18274
+ height: 100%;
18275
+ width: 100%;
18276
+ }
18277
+
18278
+ .v-badge__wrapper {
18279
+ display: flex;
18280
+ position: relative;
18281
+ }
18282
+ .v-badge--inline .v-badge__wrapper {
18283
+ align-items: center;
18284
+ display: inline-flex;
18285
+ justify-content: center;
18286
+ margin: 0 4px;
18342
18287
  }.bottom-sheet-transition-enter-from {
18343
18288
  transform: translateY(100%);
18344
18289
  }
@@ -18371,63 +18316,61 @@ html.overflow-y-hidden {
18371
18316
  .v-bottom-sheet.v-bottom-sheet--inset {
18372
18317
  max-width: 70%;
18373
18318
  }
18374
- }.v-breadcrumbs {
18319
+ }.v-bottom-navigation {
18375
18320
  display: flex;
18376
- align-items: center;
18377
- line-height: 1.6;
18378
- padding: 16px 12px;
18321
+ max-width: 100%;
18322
+ overflow: hidden;
18323
+ position: absolute;
18324
+ transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
18325
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18326
+ border-style: solid;
18327
+ border-width: 0;
18328
+ border-radius: 0;
18329
+ background: rgb(var(--v-theme-surface));
18330
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18379
18331
  }
18380
- .v-breadcrumbs--rounded {
18381
- border-radius: 4px;
18382
- }
18383
- .v-breadcrumbs--density-default {
18384
- padding-top: 16px;
18385
- padding-bottom: 16px;
18386
- }
18387
-
18388
- .v-breadcrumbs--density-comfortable {
18389
- padding-top: 12px;
18390
- padding-bottom: 12px;
18332
+ .v-bottom-navigation--border {
18333
+ border-width: thin;
18334
+ box-shadow: none;
18391
18335
  }
18392
-
18393
- .v-breadcrumbs--density-compact {
18394
- padding-top: 8px;
18395
- padding-bottom: 8px;
18336
+ .v-bottom-navigation--active {
18337
+ 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));
18396
18338
  }
18397
18339
 
18398
- .v-breadcrumbs__prepend {
18399
- align-items: center;
18400
- display: inline-flex;
18340
+ .v-bottom-navigation__content {
18341
+ display: flex;
18342
+ flex: none;
18343
+ font-size: 0.75rem;
18344
+ justify-content: center;
18345
+ transition: inherit;
18346
+ width: 100%;
18401
18347
  }
18402
-
18403
- .v-breadcrumbs-item {
18404
- align-items: center;
18405
- color: inherit;
18406
- display: inline-flex;
18407
- padding: 0 4px;
18408
- text-decoration: none;
18409
- vertical-align: middle;
18348
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18349
+ font-size: inherit;
18350
+ height: 100%;
18351
+ max-width: 168px;
18352
+ min-width: 80px;
18353
+ text-transform: none;
18354
+ transition: inherit;
18355
+ width: auto;
18356
+ border-radius: 0;
18410
18357
  }
18411
- .v-breadcrumbs-item--disabled {
18412
- opacity: var(--v-disabled-opacity);
18413
- pointer-events: none;
18358
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
18359
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18360
+ transition: inherit;
18414
18361
  }
18415
- .v-breadcrumbs-item--link {
18416
- color: inherit;
18417
- text-decoration: none;
18362
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18363
+ font-size: 1.5rem;
18418
18364
  }
18419
- .v-breadcrumbs-item--link:hover {
18420
- text-decoration: underline;
18365
+ .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
18366
+ flex-grow: 1;
18421
18367
  }
18422
- .v-breadcrumbs-item .v-icon {
18423
- font-size: 1rem;
18424
- margin-inline: -4px 2px;
18368
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
18369
+ transition: inherit;
18370
+ opacity: 0;
18425
18371
  }
18426
-
18427
- .v-breadcrumbs-divider {
18428
- display: inline-block;
18429
- padding: 0 8px;
18430
- vertical-align: middle;
18372
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18373
+ transform: translateY(0.5rem);
18431
18374
  }.v-btn {
18432
18375
  align-items: center;
18433
18376
  border-radius: 4px;
@@ -18840,6 +18783,63 @@ html.overflow-y-hidden {
18840
18783
  }
18841
18784
  .v-pagination__item--is-active .v-btn__overlay {
18842
18785
  opacity: var(--v-border-opacity);
18786
+ }.v-breadcrumbs {
18787
+ display: flex;
18788
+ align-items: center;
18789
+ line-height: 1.6;
18790
+ padding: 16px 12px;
18791
+ }
18792
+ .v-breadcrumbs--rounded {
18793
+ border-radius: 4px;
18794
+ }
18795
+ .v-breadcrumbs--density-default {
18796
+ padding-top: 16px;
18797
+ padding-bottom: 16px;
18798
+ }
18799
+
18800
+ .v-breadcrumbs--density-comfortable {
18801
+ padding-top: 12px;
18802
+ padding-bottom: 12px;
18803
+ }
18804
+
18805
+ .v-breadcrumbs--density-compact {
18806
+ padding-top: 8px;
18807
+ padding-bottom: 8px;
18808
+ }
18809
+
18810
+ .v-breadcrumbs__prepend {
18811
+ align-items: center;
18812
+ display: inline-flex;
18813
+ }
18814
+
18815
+ .v-breadcrumbs-item {
18816
+ align-items: center;
18817
+ color: inherit;
18818
+ display: inline-flex;
18819
+ padding: 0 4px;
18820
+ text-decoration: none;
18821
+ vertical-align: middle;
18822
+ }
18823
+ .v-breadcrumbs-item--disabled {
18824
+ opacity: var(--v-disabled-opacity);
18825
+ pointer-events: none;
18826
+ }
18827
+ .v-breadcrumbs-item--link {
18828
+ color: inherit;
18829
+ text-decoration: none;
18830
+ }
18831
+ .v-breadcrumbs-item--link:hover {
18832
+ text-decoration: underline;
18833
+ }
18834
+ .v-breadcrumbs-item .v-icon {
18835
+ font-size: 1rem;
18836
+ margin-inline: -4px 2px;
18837
+ }
18838
+
18839
+ .v-breadcrumbs-divider {
18840
+ display: inline-block;
18841
+ padding: 0 8px;
18842
+ vertical-align: middle;
18843
18843
  }.v-btn-group {
18844
18844
  display: inline-flex;
18845
18845
  flex-wrap: nowrap;
@@ -18909,6 +18909,69 @@ html.overflow-y-hidden {
18909
18909
  .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18910
18910
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18911
18911
  }
18912
+ }.v-carousel {
18913
+ overflow: hidden;
18914
+ position: relative;
18915
+ width: 100%;
18916
+ }
18917
+ .v-carousel__controls {
18918
+ align-items: center;
18919
+ bottom: 0;
18920
+ display: flex;
18921
+ height: 50px;
18922
+ justify-content: center;
18923
+ list-style-type: none;
18924
+ position: absolute;
18925
+ width: 100%;
18926
+ z-index: 1;
18927
+ background: rgba(var(--v-theme-surface-variant), 0.3);
18928
+ color: rgb(var(--v-theme-on-surface-variant));
18929
+ }
18930
+ .v-carousel__controls > .v-item-group {
18931
+ flex: 0 1 auto;
18932
+ }
18933
+ .v-carousel__controls__item {
18934
+ margin: 0 8px;
18935
+ }
18936
+ .v-carousel__controls__item .v-icon {
18937
+ opacity: 0.5;
18938
+ }
18939
+ .v-carousel__controls__item--active .v-icon {
18940
+ opacity: 1;
18941
+ vertical-align: middle;
18942
+ }
18943
+ .v-carousel__controls__item:hover {
18944
+ background: none;
18945
+ }
18946
+ .v-carousel__controls__item:hover .v-icon {
18947
+ opacity: 0.8;
18948
+ }
18949
+
18950
+ .v-carousel__progress {
18951
+ margin: 0;
18952
+ position: absolute;
18953
+ bottom: 0;
18954
+ left: 0;
18955
+ right: 0;
18956
+ }
18957
+
18958
+ .v-carousel-item {
18959
+ display: block;
18960
+ height: inherit;
18961
+ text-decoration: none;
18962
+ }
18963
+ .v-carousel-item > .v-img {
18964
+ height: inherit;
18965
+ }
18966
+
18967
+ .v-carousel--hide-delimiter-background .v-carousel__controls {
18968
+ background: transparent;
18969
+ }
18970
+
18971
+ .v-carousel--vertical-delimiters .v-carousel__controls {
18972
+ flex-direction: column;
18973
+ height: 100% !important;
18974
+ width: 50px;
18912
18975
  }.v-card {
18913
18976
  display: block;
18914
18977
  overflow: hidden;
@@ -19208,112 +19271,44 @@ html.overflow-y-hidden {
19208
19271
  pointer-events: none;
19209
19272
  opacity: 0;
19210
19273
  transition: opacity 0.2s ease-in-out;
19211
- }.v-carousel {
19274
+ }.v-chip {
19275
+ align-items: center;
19276
+ display: inline-flex;
19277
+ font-weight: 400;
19278
+ max-width: 100%;
19279
+ min-width: 0;
19212
19280
  overflow: hidden;
19213
19281
  position: relative;
19214
- width: 100%;
19215
- }
19216
- .v-carousel__controls {
19217
- align-items: center;
19218
- bottom: 0;
19219
- display: flex;
19220
- height: 50px;
19221
- justify-content: center;
19222
- list-style-type: none;
19223
- position: absolute;
19224
- width: 100%;
19225
- z-index: 1;
19226
- background: rgba(var(--v-theme-surface-variant), 0.3);
19227
- color: rgb(var(--v-theme-on-surface-variant));
19282
+ text-decoration: none;
19283
+ white-space: nowrap;
19284
+ vertical-align: middle;
19285
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19286
+ border-style: solid;
19287
+ border-width: 0;
19288
+ border-radius: 9999px;
19228
19289
  }
19229
- .v-carousel__controls > .v-item-group {
19230
- flex: 0 1 auto;
19290
+ .v-chip .v-icon {
19291
+ --v-icon-size-multiplier: 0.8571428571;
19231
19292
  }
19232
- .v-carousel__controls__item {
19233
- margin: 0 8px;
19293
+ .v-chip.v-chip--size-x-small {
19294
+ --v-chip-size: 0.625rem;
19295
+ --v-chip-height: 20px;
19296
+ font-size: 0.625rem;
19297
+ padding: 0 8px;
19234
19298
  }
19235
- .v-carousel__controls__item .v-icon {
19236
- opacity: 0.5;
19299
+ .v-chip.v-chip--size-x-small .v-avatar {
19300
+ --v-avatar-height: 14px;
19237
19301
  }
19238
- .v-carousel__controls__item--active .v-icon {
19239
- opacity: 1;
19240
- vertical-align: middle;
19302
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar {
19303
+ --v-avatar-height: 20px;
19241
19304
  }
19242
- .v-carousel__controls__item:hover {
19243
- background: none;
19305
+
19306
+ .v-chip.v-chip--size-x-small .v-avatar--start {
19307
+ margin-inline-start: -5.6px;
19308
+ margin-inline-end: 4px;
19244
19309
  }
19245
- .v-carousel__controls__item:hover .v-icon {
19246
- opacity: 0.8;
19247
- }
19248
-
19249
- .v-carousel__progress {
19250
- margin: 0;
19251
- position: absolute;
19252
- bottom: 0;
19253
- left: 0;
19254
- right: 0;
19255
- }
19256
-
19257
- .v-carousel-item {
19258
- display: block;
19259
- height: inherit;
19260
- text-decoration: none;
19261
- }
19262
- .v-carousel-item > .v-img {
19263
- height: inherit;
19264
- }
19265
-
19266
- .v-carousel--hide-delimiter-background .v-carousel__controls {
19267
- background: transparent;
19268
- }
19269
-
19270
- .v-carousel--vertical-delimiters .v-carousel__controls {
19271
- flex-direction: column;
19272
- height: 100% !important;
19273
- width: 50px;
19274
- }.v-checkbox.v-input {
19275
- flex: 0 1 auto;
19276
- }
19277
- .v-checkbox .v-selection-control {
19278
- min-height: var(--v-input-control-height);
19279
- }.v-chip {
19280
- align-items: center;
19281
- display: inline-flex;
19282
- font-weight: 400;
19283
- max-width: 100%;
19284
- min-width: 0;
19285
- overflow: hidden;
19286
- position: relative;
19287
- text-decoration: none;
19288
- white-space: nowrap;
19289
- vertical-align: middle;
19290
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19291
- border-style: solid;
19292
- border-width: 0;
19293
- border-radius: 9999px;
19294
- }
19295
- .v-chip .v-icon {
19296
- --v-icon-size-multiplier: 0.8571428571;
19297
- }
19298
- .v-chip.v-chip--size-x-small {
19299
- --v-chip-size: 0.625rem;
19300
- --v-chip-height: 20px;
19301
- font-size: 0.625rem;
19302
- padding: 0 8px;
19303
- }
19304
- .v-chip.v-chip--size-x-small .v-avatar {
19305
- --v-avatar-height: 14px;
19306
- }
19307
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar {
19308
- --v-avatar-height: 20px;
19309
- }
19310
-
19311
- .v-chip.v-chip--size-x-small .v-avatar--start {
19312
- margin-inline-start: -5.6px;
19313
- margin-inline-end: 4px;
19314
- }
19315
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--start {
19316
- margin-inline-start: -8px;
19310
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--start {
19311
+ margin-inline-start: -8px;
19317
19312
  }
19318
19313
 
19319
19314
  .v-chip.v-chip--size-x-small .v-avatar--end {
@@ -19688,6 +19683,11 @@ html.overflow-y-hidden {
19688
19683
 
19689
19684
  .v-chip--label {
19690
19685
  border-radius: 4px;
19686
+ }.v-checkbox.v-input {
19687
+ flex: 0 1 auto;
19688
+ }
19689
+ .v-checkbox .v-selection-control {
19690
+ min-height: var(--v-input-control-height);
19691
19691
  }.v-chip-group {
19692
19692
  display: flex;
19693
19693
  max-width: 100%;
@@ -20703,62 +20703,6 @@ html.overflow-y-hidden {
20703
20703
  }
20704
20704
  .v-date-picker--show-week {
20705
20705
  width: 368px;
20706
- }.v-date-picker-controls {
20707
- display: flex;
20708
- align-items: center;
20709
- justify-content: space-between;
20710
- font-size: 0.875rem;
20711
- padding-top: 4px;
20712
- padding-bottom: 4px;
20713
- padding-inline-start: 6px;
20714
- padding-inline-end: 12px;
20715
- }
20716
- .v-date-picker-controls > .v-btn:first-child {
20717
- text-transform: none;
20718
- font-weight: 400;
20719
- line-height: initial;
20720
- letter-spacing: initial;
20721
- }
20722
- .v-date-picker-controls--variant-classic {
20723
- padding-inline-start: 12px;
20724
- }
20725
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20726
- opacity: 0.7;
20727
- }
20728
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20729
- cursor: pointer;
20730
- }
20731
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20732
- opacity: 1;
20733
- }
20734
- .v-date-picker-controls .v-btn:last-child {
20735
- margin-inline-start: 4px;
20736
- }
20737
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20738
- transform: rotate(180deg);
20739
- }
20740
-
20741
- .v-date-picker-controls__date {
20742
- margin-inline-end: 4px;
20743
- }
20744
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20745
- margin: auto;
20746
- text-align: center;
20747
- }
20748
-
20749
- .v-date-picker-controls__month {
20750
- display: flex;
20751
- }
20752
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20753
- flex-direction: row-reverse;
20754
- }
20755
-
20756
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20757
- flex: 1 0 auto;
20758
- }
20759
-
20760
- .v-date-picker__title {
20761
- display: inline-block;
20762
20706
  }.v-date-picker-header {
20763
20707
  align-items: flex-end;
20764
20708
  height: 70px;
@@ -20819,6 +20763,62 @@ html.overflow-y-hidden {
20819
20763
  .date-picker-header-reverse-transition-leave-to {
20820
20764
  opacity: 0;
20821
20765
  transform: translate(0, 100%);
20766
+ }.v-date-picker-controls {
20767
+ display: flex;
20768
+ align-items: center;
20769
+ justify-content: space-between;
20770
+ font-size: 0.875rem;
20771
+ padding-top: 4px;
20772
+ padding-bottom: 4px;
20773
+ padding-inline-start: 6px;
20774
+ padding-inline-end: 12px;
20775
+ }
20776
+ .v-date-picker-controls > .v-btn:first-child {
20777
+ text-transform: none;
20778
+ font-weight: 400;
20779
+ line-height: initial;
20780
+ letter-spacing: initial;
20781
+ }
20782
+ .v-date-picker-controls--variant-classic {
20783
+ padding-inline-start: 12px;
20784
+ }
20785
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20786
+ opacity: 0.7;
20787
+ }
20788
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20789
+ cursor: pointer;
20790
+ }
20791
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20792
+ opacity: 1;
20793
+ }
20794
+ .v-date-picker-controls .v-btn:last-child {
20795
+ margin-inline-start: 4px;
20796
+ }
20797
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20798
+ transform: rotate(180deg);
20799
+ }
20800
+
20801
+ .v-date-picker-controls__date {
20802
+ margin-inline-end: 4px;
20803
+ }
20804
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20805
+ margin: auto;
20806
+ text-align: center;
20807
+ }
20808
+
20809
+ .v-date-picker-controls__month {
20810
+ display: flex;
20811
+ }
20812
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20813
+ flex-direction: row-reverse;
20814
+ }
20815
+
20816
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20817
+ flex: 1 0 auto;
20818
+ }
20819
+
20820
+ .v-date-picker__title {
20821
+ display: inline-block;
20822
20822
  }.v-date-picker-month {
20823
20823
  display: flex;
20824
20824
  justify-content: center;
@@ -22298,6 +22298,13 @@ textarea.v-field__input::placeholder {
22298
22298
 
22299
22299
  .v-label--clickable {
22300
22300
  cursor: pointer;
22301
+ }.v-layout-item {
22302
+ position: absolute;
22303
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22304
+ }
22305
+
22306
+ .v-layout-item--absolute {
22307
+ position: absolute;
22301
22308
  }.v-layout {
22302
22309
  --v-scrollbar-offset: 0px;
22303
22310
  display: flex;
@@ -22306,13 +22313,6 @@ textarea.v-field__input::placeholder {
22306
22313
  .v-layout--full-height {
22307
22314
  --v-scrollbar-offset: inherit;
22308
22315
  height: 100%;
22309
- }.v-layout-item {
22310
- position: absolute;
22311
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22312
- }
22313
-
22314
- .v-layout-item--absolute {
22315
- position: absolute;
22316
22316
  }.v-list {
22317
22317
  overflow: auto;
22318
22318
  padding: 8px 0;
@@ -22900,19 +22900,6 @@ textarea.v-field__input::placeholder {
22900
22900
  --v-layout-right: 0px;
22901
22901
  --v-layout-top: 0px;
22902
22902
  --v-layout-bottom: 0px;
22903
- }.v-menu > .v-overlay__content {
22904
- display: flex;
22905
- flex-direction: column;
22906
- border-radius: 4px;
22907
- }
22908
- .v-menu > .v-overlay__content > .v-card,
22909
- .v-menu > .v-overlay__content > .v-sheet,
22910
- .v-menu > .v-overlay__content > .v-list {
22911
- background: rgb(var(--v-theme-surface));
22912
- border-radius: inherit;
22913
- overflow: auto;
22914
- height: 100%;
22915
- box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
22916
22903
  }.v-messages {
22917
22904
  flex: 1 1 auto;
22918
22905
  font-size: 12px;
@@ -22929,6 +22916,19 @@ textarea.v-field__input::placeholder {
22929
22916
  -webkit-hyphens: auto;
22930
22917
  hyphens: auto;
22931
22918
  transition-duration: 150ms;
22919
+ }.v-menu > .v-overlay__content {
22920
+ display: flex;
22921
+ flex-direction: column;
22922
+ border-radius: 4px;
22923
+ }
22924
+ .v-menu > .v-overlay__content > .v-card,
22925
+ .v-menu > .v-overlay__content > .v-sheet,
22926
+ .v-menu > .v-overlay__content > .v-list {
22927
+ background: rgb(var(--v-theme-surface));
22928
+ border-radius: inherit;
22929
+ overflow: auto;
22930
+ height: 100%;
22931
+ box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
22932
22932
  }.v-navigation-drawer {
22933
22933
  -webkit-overflow-scrolling: touch;
22934
22934
  background: rgb(var(--v-theme-surface));
@@ -23087,6 +23087,14 @@ textarea.v-field__input::placeholder {
23087
23087
  }
23088
23088
  .v-otp-input__loader .v-progress-linear {
23089
23089
  position: absolute;
23090
+ }.v-pagination__list {
23091
+ display: inline-flex;
23092
+ list-style-type: none;
23093
+ justify-content: center;
23094
+ width: 100%;
23095
+ }
23096
+ .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
23097
+ margin: 0.3rem;
23090
23098
  }.v-overlay-container {
23091
23099
  contain: layout;
23092
23100
  left: 0;
@@ -23150,20 +23158,6 @@ html.v-overlay-scroll-blocked {
23150
23158
 
23151
23159
  .v-overlay--scroll-blocked {
23152
23160
  padding-inline-end: var(--v-scrollbar-offset);
23153
- }.v-pagination__list {
23154
- display: inline-flex;
23155
- list-style-type: none;
23156
- justify-content: center;
23157
- width: 100%;
23158
- }
23159
- .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
23160
- margin: 0.3rem;
23161
- }.v-parallax {
23162
- position: relative;
23163
- overflow: hidden;
23164
- }
23165
- .v-parallax--active > .v-img__img {
23166
- will-change: transform;
23167
23161
  }.v-progress-circular {
23168
23162
  align-items: center;
23169
23163
  display: inline-flex;
@@ -23266,6 +23260,12 @@ html.v-overlay-scroll-blocked {
23266
23260
  100% {
23267
23261
  transform: rotate(270deg);
23268
23262
  }
23263
+ }.v-parallax {
23264
+ position: relative;
23265
+ overflow: hidden;
23266
+ }
23267
+ .v-parallax--active > .v-img__img {
23268
+ will-change: transform;
23269
23269
  }.v-progress-linear {
23270
23270
  background: transparent;
23271
23271
  overflow: hidden;
@@ -23600,32 +23600,6 @@ html.v-overlay-scroll-blocked {
23600
23600
  opacity: 0;
23601
23601
  position: absolute;
23602
23602
  width: 0;
23603
- }.v-responsive {
23604
- display: flex;
23605
- flex: 1 0 auto;
23606
- max-height: 100%;
23607
- max-width: 100%;
23608
- overflow: hidden;
23609
- position: relative;
23610
- }
23611
- .v-responsive--inline {
23612
- display: inline-flex;
23613
- flex: 0 0 auto;
23614
- }
23615
-
23616
- .v-responsive__content {
23617
- flex: 1 0 0px;
23618
- max-width: 100%;
23619
- }
23620
-
23621
- .v-responsive__sizer ~ .v-responsive__content {
23622
- margin-inline-start: -100%;
23623
- }
23624
-
23625
- .v-responsive__sizer {
23626
- flex: 1 0 0px;
23627
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23628
- pointer-events: none;
23629
23603
  }.v-select .v-field .v-text-field__prefix,
23630
23604
  .v-select .v-field .v-text-field__suffix,
23631
23605
  .v-select .v-field .v-field__input, .v-select .v-field.v-field {
@@ -23674,6 +23648,32 @@ html.v-overlay-scroll-blocked {
23674
23648
  .v-select--active-menu .v-select__menu-icon {
23675
23649
  opacity: var(--v-high-emphasis-opacity);
23676
23650
  transform: rotate(180deg);
23651
+ }.v-responsive {
23652
+ display: flex;
23653
+ flex: 1 0 auto;
23654
+ max-height: 100%;
23655
+ max-width: 100%;
23656
+ overflow: hidden;
23657
+ position: relative;
23658
+ }
23659
+ .v-responsive--inline {
23660
+ display: inline-flex;
23661
+ flex: 0 0 auto;
23662
+ }
23663
+
23664
+ .v-responsive__content {
23665
+ flex: 1 0 0px;
23666
+ max-width: 100%;
23667
+ }
23668
+
23669
+ .v-responsive__sizer ~ .v-responsive__content {
23670
+ margin-inline-start: -100%;
23671
+ }
23672
+
23673
+ .v-responsive__sizer {
23674
+ flex: 1 0 0px;
23675
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23676
+ pointer-events: none;
23677
23677
  }.v-selection-control {
23678
23678
  align-items: center;
23679
23679
  contain: layout;
@@ -24268,6 +24268,142 @@ html.v-overlay-scroll-blocked {
24268
24268
  }
24269
24269
  .v-speed-dial__content > *:nth-child(10) {
24270
24270
  transition-delay: 0.45s;
24271
+ }.v-switch .v-label {
24272
+ padding-inline-start: 10px;
24273
+ }
24274
+
24275
+ .v-switch__loader {
24276
+ display: flex;
24277
+ }
24278
+ .v-switch__loader .v-progress-circular {
24279
+ color: rgb(var(--v-theme-surface));
24280
+ }
24281
+
24282
+ .v-switch__track,
24283
+ .v-switch__thumb {
24284
+ transition: none;
24285
+ }
24286
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
24287
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
24288
+ background-color: rgb(var(--v-theme-error));
24289
+ color: rgb(var(--v-theme-on-error));
24290
+ }
24291
+
24292
+ .v-switch__track-true {
24293
+ margin-inline-end: auto;
24294
+ }
24295
+ .v-selection-control:not(.v-selection-control--dirty) .v-switch__track-true {
24296
+ opacity: 0;
24297
+ }
24298
+
24299
+ .v-switch__track-false {
24300
+ margin-inline-start: auto;
24301
+ }
24302
+ .v-selection-control--dirty .v-switch__track-false {
24303
+ opacity: 0;
24304
+ }
24305
+
24306
+ .v-switch__track {
24307
+ display: inline-flex;
24308
+ align-items: center;
24309
+ font-size: 0.5rem;
24310
+ padding: 0 5px;
24311
+ background-color: rgb(var(--v-theme-surface-variant));
24312
+ border-radius: 9999px;
24313
+ height: 14px;
24314
+ opacity: 0.6;
24315
+ min-width: 36px;
24316
+ cursor: pointer;
24317
+ transition: 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
24318
+ }
24319
+ .v-switch--inset .v-switch__track {
24320
+ border-radius: 9999px;
24321
+ font-size: 0.75rem;
24322
+ height: 32px;
24323
+ min-width: 52px;
24324
+ }
24325
+
24326
+ .v-switch__thumb {
24327
+ align-items: center;
24328
+ background-color: rgb(var(--v-theme-surface-bright));
24329
+ color: rgb(var(--v-theme-on-surface-bright));
24330
+ border-radius: 50%;
24331
+ display: flex;
24332
+ font-size: 0.75rem;
24333
+ height: 20px;
24334
+ justify-content: center;
24335
+ width: 20px;
24336
+ pointer-events: none;
24337
+ transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1), 0.2s color cubic-bezier(0.4, 0, 0.2, 1), 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
24338
+ position: relative;
24339
+ overflow: hidden;
24340
+ }
24341
+ .v-switch:not(.v-switch--inset) .v-switch__thumb {
24342
+ 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));
24343
+ }
24344
+ .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
24345
+ background: rgb(var(--v-theme-surface-variant));
24346
+ color: rgb(var(--v-theme-on-surface-variant));
24347
+ 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));
24348
+ }
24349
+ .v-switch--inset .v-switch__thumb {
24350
+ height: 24px;
24351
+ width: 24px;
24352
+ transform: scale(0.6666666667);
24353
+ }
24354
+ .v-switch--inset .v-switch__thumb--filled {
24355
+ transform: none;
24356
+ }
24357
+ .v-switch--inset .v-selection-control--dirty .v-switch__thumb {
24358
+ transform: none;
24359
+ transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
24360
+ }
24361
+
24362
+ .v-switch.v-input {
24363
+ flex: 0 1 auto;
24364
+ }
24365
+ .v-switch .v-selection-control {
24366
+ min-height: var(--v-input-control-height);
24367
+ }
24368
+ .v-switch .v-selection-control__input {
24369
+ border-radius: 50%;
24370
+ transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
24371
+ position: absolute;
24372
+ }
24373
+ .v-locale--is-ltr.v-switch .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control__input {
24374
+ transform: translateX(-10px);
24375
+ }
24376
+
24377
+ .v-locale--is-rtl.v-switch .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control__input {
24378
+ transform: translateX(10px);
24379
+ }
24380
+
24381
+ .v-switch .v-selection-control__input .v-icon {
24382
+ position: absolute;
24383
+ }
24384
+ .v-locale--is-ltr.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control--dirty .v-selection-control__input {
24385
+ transform: translateX(10px);
24386
+ }
24387
+
24388
+ .v-locale--is-rtl.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control--dirty .v-selection-control__input {
24389
+ transform: translateX(-10px);
24390
+ }
24391
+
24392
+ .v-switch.v-switch--indeterminate .v-selection-control__input {
24393
+ transform: scale(0.8);
24394
+ }
24395
+ .v-switch.v-switch--indeterminate .v-switch__thumb {
24396
+ transform: scale(0.75);
24397
+ box-shadow: none;
24398
+ }
24399
+ .v-switch.v-switch--inset .v-selection-control__wrapper {
24400
+ width: auto;
24401
+ }
24402
+ .v-switch.v-input--vertical .v-label {
24403
+ min-width: max-content;
24404
+ }
24405
+ .v-switch.v-input--vertical .v-selection-control__wrapper {
24406
+ transform: rotate(-90deg);
24271
24407
  }.v-stepper.v-sheet {
24272
24408
  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));
24273
24409
  border-radius: 4px;
@@ -24431,318 +24567,50 @@ html.v-overlay-scroll-blocked {
24431
24567
  width: 100%;
24432
24568
  height: 100%;
24433
24569
  pointer-events: none;
24434
- }.v-switch .v-label {
24435
- padding-inline-start: 10px;
24570
+ }.v-table {
24571
+ background: rgb(var(--v-theme-surface));
24572
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24573
+ font-size: 0.875rem;
24574
+ transition-duration: 0.28s;
24575
+ transition-property: box-shadow, opacity, background, height;
24576
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
24436
24577
  }
24437
-
24438
- .v-switch__loader {
24439
- display: flex;
24578
+ .v-table .v-table-divider {
24579
+ border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24440
24580
  }
24441
- .v-switch__loader .v-progress-circular {
24442
- color: rgb(var(--v-theme-surface));
24581
+ .v-table .v-table__wrapper > table > thead > tr > th {
24582
+ border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24443
24583
  }
24444
-
24445
- .v-switch__track,
24446
- .v-switch__thumb {
24447
- transition: none;
24584
+ .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > td,
24585
+ .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > th {
24586
+ border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24448
24587
  }
24449
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
24450
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
24451
- background-color: rgb(var(--v-theme-error));
24452
- color: rgb(var(--v-theme-on-error));
24588
+ .v-table .v-table__wrapper > table > tfoot > tr > td,
24589
+ .v-table .v-table__wrapper > table > tfoot > tr > th {
24590
+ border-top: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24453
24591
  }
24454
-
24455
- .v-switch__track-true {
24456
- margin-inline-end: auto;
24592
+ .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr > td {
24593
+ position: relative;
24457
24594
  }
24458
- .v-selection-control:not(.v-selection-control--dirty) .v-switch__track-true {
24459
- opacity: 0;
24595
+ .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover > td::after {
24596
+ content: "";
24597
+ position: absolute;
24598
+ top: 0;
24599
+ left: 0;
24600
+ width: 100%;
24601
+ height: 100%;
24602
+ background: rgba(var(--v-border-color), var(--v-hover-opacity));
24603
+ pointer-events: none;
24460
24604
  }
24461
-
24462
- .v-switch__track-false {
24463
- margin-inline-start: auto;
24605
+ .v-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
24606
+ background: rgb(var(--v-theme-surface));
24607
+ box-shadow: inset 0 -1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
24608
+ z-index: 1;
24464
24609
  }
24465
- .v-selection-control--dirty .v-switch__track-false {
24466
- opacity: 0;
24467
- }
24468
-
24469
- .v-switch__track {
24470
- display: inline-flex;
24471
- align-items: center;
24472
- font-size: 0.5rem;
24473
- padding: 0 5px;
24474
- background-color: rgb(var(--v-theme-surface-variant));
24475
- border-radius: 9999px;
24476
- height: 14px;
24477
- opacity: 0.6;
24478
- min-width: 36px;
24479
- cursor: pointer;
24480
- transition: 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
24481
- }
24482
- .v-switch--inset .v-switch__track {
24483
- border-radius: 9999px;
24484
- font-size: 0.75rem;
24485
- height: 32px;
24486
- min-width: 52px;
24487
- }
24488
-
24489
- .v-switch__thumb {
24490
- align-items: center;
24491
- background-color: rgb(var(--v-theme-surface-bright));
24492
- color: rgb(var(--v-theme-on-surface-bright));
24493
- border-radius: 50%;
24494
- display: flex;
24495
- font-size: 0.75rem;
24496
- height: 20px;
24497
- justify-content: center;
24498
- width: 20px;
24499
- pointer-events: none;
24500
- transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1), 0.2s color cubic-bezier(0.4, 0, 0.2, 1), 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
24501
- position: relative;
24502
- overflow: hidden;
24503
- }
24504
- .v-switch:not(.v-switch--inset) .v-switch__thumb {
24505
- 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));
24506
- }
24507
- .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
24508
- background: rgb(var(--v-theme-surface-variant));
24509
- color: rgb(var(--v-theme-on-surface-variant));
24510
- 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));
24511
- }
24512
- .v-switch--inset .v-switch__thumb {
24513
- height: 24px;
24514
- width: 24px;
24515
- transform: scale(0.6666666667);
24516
- }
24517
- .v-switch--inset .v-switch__thumb--filled {
24518
- transform: none;
24519
- }
24520
- .v-switch--inset .v-selection-control--dirty .v-switch__thumb {
24521
- transform: none;
24522
- transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
24523
- }
24524
-
24525
- .v-switch.v-input {
24526
- flex: 0 1 auto;
24527
- }
24528
- .v-switch .v-selection-control {
24529
- min-height: var(--v-input-control-height);
24530
- }
24531
- .v-switch .v-selection-control__input {
24532
- border-radius: 50%;
24533
- transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
24534
- position: absolute;
24535
- }
24536
- .v-locale--is-ltr.v-switch .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control__input {
24537
- transform: translateX(-10px);
24538
- }
24539
-
24540
- .v-locale--is-rtl.v-switch .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control__input {
24541
- transform: translateX(10px);
24542
- }
24543
-
24544
- .v-switch .v-selection-control__input .v-icon {
24545
- position: absolute;
24546
- }
24547
- .v-locale--is-ltr.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control--dirty .v-selection-control__input {
24548
- transform: translateX(10px);
24549
- }
24550
-
24551
- .v-locale--is-rtl.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control--dirty .v-selection-control__input {
24552
- transform: translateX(-10px);
24553
- }
24554
-
24555
- .v-switch.v-switch--indeterminate .v-selection-control__input {
24556
- transform: scale(0.8);
24557
- }
24558
- .v-switch.v-switch--indeterminate .v-switch__thumb {
24559
- transform: scale(0.75);
24560
- box-shadow: none;
24561
- }
24562
- .v-switch.v-switch--inset .v-selection-control__wrapper {
24563
- width: auto;
24564
- }
24565
- .v-switch.v-input--vertical .v-label {
24566
- min-width: max-content;
24567
- }
24568
- .v-switch.v-input--vertical .v-selection-control__wrapper {
24569
- transform: rotate(-90deg);
24570
- }.v-system-bar {
24571
- align-items: center;
24572
- display: flex;
24573
- flex: 1 1 auto;
24574
- height: 24px;
24575
- justify-content: flex-end;
24576
- max-width: 100%;
24577
- padding-inline: 8px;
24578
- position: relative;
24579
- text-align: end;
24580
- width: 100%;
24581
- 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));
24582
- background: rgba(var(--v-theme-surface-light));
24583
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24584
- font-size: 0.75rem;
24585
- font-weight: 400;
24586
- letter-spacing: 0.0333333333em;
24587
- line-height: 1.667;
24588
- text-transform: none;
24589
- }
24590
- .v-system-bar .v-icon {
24591
- opacity: var(--v-medium-emphasis-opacity);
24592
- }
24593
- .v-system-bar--absolute {
24594
- position: absolute;
24595
- }
24596
- .v-system-bar--fixed {
24597
- position: fixed;
24598
- }
24599
- .v-system-bar--rounded {
24600
- border-radius: 0;
24601
- }
24602
- .v-system-bar--window {
24603
- height: 32px;
24604
- }
24605
- .v-system-bar:not(.v-system-bar--absolute) {
24606
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24607
- }.v-tab.v-tab.v-btn {
24608
- height: var(--v-tabs-height);
24609
- border-radius: 0;
24610
- min-width: 90px;
24611
- }
24612
- .v-slide-group--horizontal .v-tab {
24613
- max-width: 360px;
24614
- }
24615
- .v-slide-group--vertical .v-tab {
24616
- justify-content: start;
24617
- }
24618
-
24619
- .v-tab__slider {
24620
- position: absolute;
24621
- bottom: 0;
24622
- left: 0;
24623
- height: 2px;
24624
- width: 100%;
24625
- background: currentColor;
24626
- pointer-events: none;
24627
- opacity: 0;
24628
- }
24629
- .v-tab--selected .v-tab__slider {
24630
- opacity: 1;
24631
- }
24632
- .v-slide-group--vertical .v-tab__slider {
24633
- top: 0;
24634
- height: 100%;
24635
- width: 2px;
24636
- }.v-tabs {
24637
- display: flex;
24638
- height: var(--v-tabs-height);
24639
- }
24640
- .v-tabs--density-default {
24641
- --v-tabs-height: 48px;
24642
- }
24643
- .v-tabs--density-default.v-tabs--stacked {
24644
- --v-tabs-height: 72px;
24645
- }
24646
-
24647
- .v-tabs--density-comfortable {
24648
- --v-tabs-height: 44px;
24649
- }
24650
- .v-tabs--density-comfortable.v-tabs--stacked {
24651
- --v-tabs-height: 68px;
24652
- }
24653
-
24654
- .v-tabs--density-compact {
24655
- --v-tabs-height: 36px;
24656
- }
24657
- .v-tabs--density-compact.v-tabs--stacked {
24658
- --v-tabs-height: 60px;
24659
- }
24660
-
24661
- .v-tabs.v-slide-group--vertical {
24662
- height: auto;
24663
- flex: none;
24664
- --v-tabs-height: 48px;
24665
- }
24666
-
24667
- .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
24668
- margin-inline-start: 42px;
24669
- }
24670
-
24671
- .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
24672
- .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
24673
- margin-inline-end: auto;
24674
- }
24675
- .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
24676
- .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
24677
- margin-inline-start: auto;
24678
- }
24679
-
24680
- .v-tabs--grow {
24681
- flex-grow: 1;
24682
- }
24683
- .v-tabs--grow .v-tab {
24684
- flex: 1 0 auto;
24685
- max-width: none;
24686
- }
24687
-
24688
- .v-tabs--align-tabs-end .v-tab:first-child {
24689
- margin-inline-start: auto;
24690
- }
24691
- .v-tabs--align-tabs-end .v-tab:last-child {
24692
- margin-inline-end: 0;
24693
- }
24694
-
24695
- @media (max-width: 1279.98px) {
24696
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
24697
- margin-inline-start: 52px;
24698
- }
24699
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24700
- margin-inline-end: 52px;
24701
- }
24702
- }.v-table {
24703
- background: rgb(var(--v-theme-surface));
24704
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24705
- font-size: 0.875rem;
24706
- transition-duration: 0.28s;
24707
- transition-property: box-shadow, opacity, background, height;
24708
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
24709
- }
24710
- .v-table .v-table-divider {
24711
- border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24712
- }
24713
- .v-table .v-table__wrapper > table > thead > tr > th {
24714
- border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24715
- }
24716
- .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > td,
24717
- .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > th {
24718
- border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24719
- }
24720
- .v-table .v-table__wrapper > table > tfoot > tr > td,
24721
- .v-table .v-table__wrapper > table > tfoot > tr > th {
24722
- border-top: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24723
- }
24724
- .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr > td {
24725
- position: relative;
24726
- }
24727
- .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover > td::after {
24728
- content: "";
24729
- position: absolute;
24730
- top: 0;
24731
- left: 0;
24732
- width: 100%;
24733
- height: 100%;
24734
- background: rgba(var(--v-border-color), var(--v-hover-opacity));
24735
- pointer-events: none;
24736
- }
24737
- .v-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
24738
- background: rgb(var(--v-theme-surface));
24739
- box-shadow: inset 0 -1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
24740
- z-index: 1;
24741
- }
24742
- .v-table.v-table--fixed-footer > tfoot > tr > th,
24743
- .v-table.v-table--fixed-footer > tfoot > tr > td {
24744
- background: rgb(var(--v-theme-surface));
24745
- box-shadow: inset 0 1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
24610
+ .v-table.v-table--fixed-footer > tfoot > tr > th,
24611
+ .v-table.v-table--fixed-footer > tfoot > tr > td {
24612
+ background: rgb(var(--v-theme-surface));
24613
+ box-shadow: inset 0 1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
24746
24614
  }
24747
24615
 
24748
24616
  .v-table {
@@ -24837,45 +24705,43 @@ html.v-overlay-scroll-blocked {
24837
24705
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24838
24706
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24839
24707
  border-top: 0px !important;
24840
- }.v-textarea .v-field {
24841
- --v-textarea-control-height: var(--v-input-control-height);
24842
- }
24843
- .v-textarea .v-field__field {
24844
- --v-input-control-height: var(--v-textarea-control-height);
24845
- }
24846
- .v-textarea .v-field__input {
24708
+ }.v-system-bar {
24709
+ align-items: center;
24710
+ display: flex;
24847
24711
  flex: 1 1 auto;
24848
- outline: none;
24849
- -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));
24850
- 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));
24712
+ height: 24px;
24713
+ justify-content: flex-end;
24714
+ max-width: 100%;
24715
+ padding-inline: 8px;
24716
+ position: relative;
24717
+ text-align: end;
24718
+ width: 100%;
24719
+ 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));
24720
+ background: rgba(var(--v-theme-surface-light));
24721
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24722
+ font-size: 0.75rem;
24723
+ font-weight: 400;
24724
+ letter-spacing: 0.0333333333em;
24725
+ line-height: 1.667;
24726
+ text-transform: none;
24851
24727
  }
24852
- .v-textarea .v-field__input.v-textarea__sizer {
24853
- visibility: hidden;
24854
- position: absolute;
24855
- top: 0;
24856
- left: 0;
24857
- height: 0 !important;
24858
- min-height: 0 !important;
24859
- pointer-events: none;
24728
+ .v-system-bar .v-icon {
24729
+ opacity: var(--v-medium-emphasis-opacity);
24860
24730
  }
24861
- .v-textarea--no-resize .v-field__input {
24862
- resize: none;
24731
+ .v-system-bar--absolute {
24732
+ position: absolute;
24863
24733
  }
24864
- .v-textarea .v-field--no-label textarea,
24865
- .v-textarea .v-field--active textarea {
24866
- opacity: 1;
24734
+ .v-system-bar--fixed {
24735
+ position: fixed;
24867
24736
  }
24868
- .v-textarea textarea {
24869
- opacity: 0;
24870
- flex: 1;
24871
- min-width: 0;
24872
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24737
+ .v-system-bar--rounded {
24738
+ border-radius: 0;
24873
24739
  }
24874
- .v-textarea textarea:focus, .v-textarea textarea:active {
24875
- outline: none;
24740
+ .v-system-bar--window {
24741
+ height: 32px;
24876
24742
  }
24877
- .v-textarea textarea:invalid {
24878
- box-shadow: none;
24743
+ .v-system-bar:not(.v-system-bar--absolute) {
24744
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24879
24745
  }/* region BLOCK */
24880
24746
  .v-text-field input {
24881
24747
  color: inherit;
@@ -24943,9 +24809,45 @@ html.v-overlay-scroll-blocked {
24943
24809
  padding-inline-end: var(--v-field-padding-end);
24944
24810
  }
24945
24811
 
24946
- /* endregion */.v-theme-provider {
24947
- background: rgb(var(--v-theme-background));
24948
- color: rgb(var(--v-theme-on-background));
24812
+ /* endregion */.v-textarea .v-field {
24813
+ --v-textarea-control-height: var(--v-input-control-height);
24814
+ }
24815
+ .v-textarea .v-field__field {
24816
+ --v-input-control-height: var(--v-textarea-control-height);
24817
+ }
24818
+ .v-textarea .v-field__input {
24819
+ flex: 1 1 auto;
24820
+ outline: none;
24821
+ -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));
24822
+ 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));
24823
+ }
24824
+ .v-textarea .v-field__input.v-textarea__sizer {
24825
+ visibility: hidden;
24826
+ position: absolute;
24827
+ top: 0;
24828
+ left: 0;
24829
+ height: 0 !important;
24830
+ min-height: 0 !important;
24831
+ pointer-events: none;
24832
+ }
24833
+ .v-textarea--no-resize .v-field__input {
24834
+ resize: none;
24835
+ }
24836
+ .v-textarea .v-field--no-label textarea,
24837
+ .v-textarea .v-field--active textarea {
24838
+ opacity: 1;
24839
+ }
24840
+ .v-textarea textarea {
24841
+ opacity: 0;
24842
+ flex: 1;
24843
+ min-width: 0;
24844
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24845
+ }
24846
+ .v-textarea textarea:focus, .v-textarea textarea:active {
24847
+ outline: none;
24848
+ }
24849
+ .v-textarea textarea:invalid {
24850
+ box-shadow: none;
24949
24851
  }.v-timeline .v-timeline-divider__dot {
24950
24852
  background: rgb(var(--v-theme-surface-light));
24951
24853
  }
@@ -25362,6 +25264,31 @@ html.v-overlay-scroll-blocked {
25362
25264
 
25363
25265
  .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 {
25364
25266
  padding-inline-end: 0;
25267
+ }.v-theme-provider {
25268
+ background: rgb(var(--v-theme-background));
25269
+ color: rgb(var(--v-theme-on-background));
25270
+ }.v-tooltip > .v-overlay__content {
25271
+ background: rgb(var(--v-theme-surface-variant));
25272
+ color: rgb(var(--v-theme-on-surface-variant));
25273
+ border-radius: 4px;
25274
+ font-size: 0.875rem;
25275
+ line-height: 1.6;
25276
+ display: inline-block;
25277
+ padding: 5px 16px;
25278
+ text-transform: initial;
25279
+ width: auto;
25280
+ opacity: 1;
25281
+ pointer-events: none;
25282
+ transition-property: opacity, transform;
25283
+ overflow-wrap: break-word;
25284
+ }
25285
+ .v-tooltip > .v-overlay__content[class*=enter-active] {
25286
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25287
+ transition-duration: 150ms;
25288
+ }
25289
+ .v-tooltip > .v-overlay__content[class*=leave-active] {
25290
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25291
+ transition-duration: 75ms;
25365
25292
  }.v-toolbar {
25366
25293
  align-items: flex-start;
25367
25294
  display: flex;
@@ -25491,28 +25418,6 @@ html.v-overlay-scroll-blocked {
25491
25418
  }
25492
25419
  .v-toolbar-items > .v-btn {
25493
25420
  border-radius: 0;
25494
- }.v-tooltip > .v-overlay__content {
25495
- background: rgb(var(--v-theme-surface-variant));
25496
- color: rgb(var(--v-theme-on-surface-variant));
25497
- border-radius: 4px;
25498
- font-size: 0.875rem;
25499
- line-height: 1.6;
25500
- display: inline-block;
25501
- padding: 5px 16px;
25502
- text-transform: initial;
25503
- width: auto;
25504
- opacity: 1;
25505
- pointer-events: none;
25506
- transition-property: opacity, transform;
25507
- overflow-wrap: break-word;
25508
- }
25509
- .v-tooltip > .v-overlay__content[class*=enter-active] {
25510
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25511
- transition-duration: 150ms;
25512
- }
25513
- .v-tooltip > .v-overlay__content[class*=leave-active] {
25514
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25515
- transition-duration: 75ms;
25516
25421
  }.v-virtual-scroll {
25517
25422
  display: block;
25518
25423
  flex: 1 1 auto;
@@ -25581,17 +25486,112 @@ html.v-overlay-scroll-blocked {
25581
25486
  .v-window-x-reverse-transition-leave-to {
25582
25487
  transform: translateX(100%);
25583
25488
  }
25584
- .v-window-y-transition-enter-from {
25585
- transform: translateY(100%);
25489
+ .v-window-y-transition-enter-from {
25490
+ transform: translateY(100%);
25491
+ }
25492
+ .v-window-y-transition-leave-to {
25493
+ transform: translateY(-100%);
25494
+ }
25495
+ .v-window-y-reverse-transition-enter-from {
25496
+ transform: translateY(-100%);
25497
+ }
25498
+ .v-window-y-reverse-transition-leave-to {
25499
+ transform: translateY(100%);
25500
+ }.v-tab.v-tab.v-btn {
25501
+ height: var(--v-tabs-height);
25502
+ border-radius: 0;
25503
+ min-width: 90px;
25504
+ }
25505
+ .v-slide-group--horizontal .v-tab {
25506
+ max-width: 360px;
25507
+ }
25508
+ .v-slide-group--vertical .v-tab {
25509
+ justify-content: start;
25510
+ }
25511
+
25512
+ .v-tab__slider {
25513
+ position: absolute;
25514
+ bottom: 0;
25515
+ left: 0;
25516
+ height: 2px;
25517
+ width: 100%;
25518
+ background: currentColor;
25519
+ pointer-events: none;
25520
+ opacity: 0;
25521
+ }
25522
+ .v-tab--selected .v-tab__slider {
25523
+ opacity: 1;
25524
+ }
25525
+ .v-slide-group--vertical .v-tab__slider {
25526
+ top: 0;
25527
+ height: 100%;
25528
+ width: 2px;
25529
+ }.v-tabs {
25530
+ display: flex;
25531
+ height: var(--v-tabs-height);
25532
+ }
25533
+ .v-tabs--density-default {
25534
+ --v-tabs-height: 48px;
25535
+ }
25536
+ .v-tabs--density-default.v-tabs--stacked {
25537
+ --v-tabs-height: 72px;
25538
+ }
25539
+
25540
+ .v-tabs--density-comfortable {
25541
+ --v-tabs-height: 44px;
25542
+ }
25543
+ .v-tabs--density-comfortable.v-tabs--stacked {
25544
+ --v-tabs-height: 68px;
25545
+ }
25546
+
25547
+ .v-tabs--density-compact {
25548
+ --v-tabs-height: 36px;
25549
+ }
25550
+ .v-tabs--density-compact.v-tabs--stacked {
25551
+ --v-tabs-height: 60px;
25552
+ }
25553
+
25554
+ .v-tabs.v-slide-group--vertical {
25555
+ height: auto;
25556
+ flex: none;
25557
+ --v-tabs-height: 48px;
25558
+ }
25559
+
25560
+ .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
25561
+ margin-inline-start: 42px;
25562
+ }
25563
+
25564
+ .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
25565
+ .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
25566
+ margin-inline-end: auto;
25567
+ }
25568
+ .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
25569
+ .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
25570
+ margin-inline-start: auto;
25571
+ }
25572
+
25573
+ .v-tabs--grow {
25574
+ flex-grow: 1;
25575
+ }
25576
+ .v-tabs--grow .v-tab {
25577
+ flex: 1 0 auto;
25578
+ max-width: none;
25586
25579
  }
25587
- .v-window-y-transition-leave-to {
25588
- transform: translateY(-100%);
25580
+
25581
+ .v-tabs--align-tabs-end .v-tab:first-child {
25582
+ margin-inline-start: auto;
25589
25583
  }
25590
- .v-window-y-reverse-transition-enter-from {
25591
- transform: translateY(-100%);
25584
+ .v-tabs--align-tabs-end .v-tab:last-child {
25585
+ margin-inline-end: 0;
25592
25586
  }
25593
- .v-window-y-reverse-transition-leave-to {
25594
- transform: translateY(100%);
25587
+
25588
+ @media (max-width: 1279.98px) {
25589
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
25590
+ margin-inline-start: 52px;
25591
+ }
25592
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
25593
+ margin-inline-end: 52px;
25594
+ }
25595
25595
  }.v-color-picker-canvas {
25596
25596
  display: flex;
25597
25597
  position: relative;
@@ -25614,6 +25614,76 @@ html.v-overlay-scroll-blocked {
25614
25614
  }
25615
25615
  .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25616
25616
  will-change: transform;
25617
+ }.v-color-picker-preview__alpha .v-slider-track__background {
25618
+ background-color: transparent !important;
25619
+ }
25620
+ .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 {
25621
+ background-image: linear-gradient(to right, transparent, var(--v-color-picker-color-hsv));
25622
+ }
25623
+
25624
+ .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 {
25625
+ background-image: linear-gradient(to left, transparent, var(--v-color-picker-color-hsv));
25626
+ }
25627
+
25628
+ .v-color-picker-preview__alpha .v-slider-track__background::after {
25629
+ content: "";
25630
+ z-index: -1;
25631
+ left: 0;
25632
+ top: 0;
25633
+ width: 100%;
25634
+ height: 100%;
25635
+ position: absolute;
25636
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25637
+ border-radius: inherit;
25638
+ }
25639
+
25640
+ .v-color-picker-preview__sliders {
25641
+ display: flex;
25642
+ flex: 1 0 auto;
25643
+ flex-direction: column;
25644
+ padding-inline-end: 16px;
25645
+ }
25646
+
25647
+ .v-color-picker-preview__dot {
25648
+ position: relative;
25649
+ height: 30px;
25650
+ width: 30px;
25651
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25652
+ border-radius: 50%;
25653
+ overflow: hidden;
25654
+ margin-inline-end: 24px;
25655
+ }
25656
+ .v-color-picker-preview__dot > div {
25657
+ width: 100%;
25658
+ height: 100%;
25659
+ }
25660
+
25661
+ .v-locale--is-ltr.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
25662
+ background: linear-gradient(to right, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
25663
+ }
25664
+
25665
+ .v-locale--is-rtl.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
25666
+ background: linear-gradient(to left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
25667
+ }
25668
+
25669
+ .v-color-picker-preview__track {
25670
+ position: relative;
25671
+ width: 100%;
25672
+ margin: 0 !important;
25673
+ }
25674
+ .v-color-picker-preview__track .v-slider-track__fill {
25675
+ display: none;
25676
+ }
25677
+
25678
+ .v-color-picker-preview {
25679
+ align-items: center;
25680
+ display: flex;
25681
+ margin-bottom: 0;
25682
+ }
25683
+
25684
+ .v-color-picker-preview__eye-dropper {
25685
+ position: relative;
25686
+ margin-right: 12px;
25617
25687
  }.v-color-picker-edit {
25618
25688
  display: flex;
25619
25689
  margin-top: 24px;
@@ -25677,129 +25747,218 @@ html.v-overlay-scroll-blocked {
25677
25747
  justify-content: center;
25678
25748
  width: 100%;
25679
25749
  height: 100%;
25680
- }.v-color-picker-preview__alpha .v-slider-track__background {
25681
- background-color: transparent !important;
25750
+ }.v-picker.v-sheet {
25751
+ 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));
25752
+ border-radius: 4px;
25753
+ display: grid;
25754
+ grid-auto-rows: min-content;
25755
+ grid-template-areas: "title" "header" "body";
25756
+ overflow: hidden;
25682
25757
  }
25683
- .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 {
25684
- background-image: linear-gradient(to right, transparent, var(--v-color-picker-color-hsv));
25758
+ .v-picker.v-sheet.v-picker--with-actions {
25759
+ grid-template-areas: "title" "header" "body" "actions";
25685
25760
  }
25686
25761
 
25687
- .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 {
25688
- background-image: linear-gradient(to left, transparent, var(--v-color-picker-color-hsv));
25762
+ .v-picker__body {
25763
+ grid-area: body;
25764
+ overflow: hidden;
25765
+ position: relative;
25689
25766
  }
25690
25767
 
25691
- .v-color-picker-preview__alpha .v-slider-track__background::after {
25692
- content: "";
25693
- z-index: -1;
25694
- left: 0;
25695
- top: 0;
25696
- width: 100%;
25697
- height: 100%;
25698
- position: absolute;
25699
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25700
- border-radius: inherit;
25768
+ .v-picker__header {
25769
+ grid-area: header;
25701
25770
  }
25702
25771
 
25703
- .v-color-picker-preview__sliders {
25772
+ .v-picker__actions {
25773
+ grid-area: actions;
25774
+ padding: 0 12px 12px;
25704
25775
  display: flex;
25705
- flex: 1 0 auto;
25706
- flex-direction: column;
25707
- padding-inline-end: 16px;
25776
+ align-items: center;
25777
+ justify-content: flex-end;
25778
+ }
25779
+ .v-picker__actions .v-btn {
25780
+ min-width: 48px;
25781
+ }
25782
+ .v-picker__actions .v-btn:not(:last-child) {
25783
+ margin-inline-end: 8px;
25708
25784
  }
25709
25785
 
25710
- .v-color-picker-preview__dot {
25711
- position: relative;
25712
- height: 30px;
25713
- width: 30px;
25714
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25786
+ .v-picker--landscape {
25787
+ grid-template-areas: "title" "header body" "header body";
25788
+ }
25789
+
25790
+ .v-picker--landscape.v-picker--with-actions {
25791
+ grid-template-areas: "title" "header body" "header actions";
25792
+ }
25793
+
25794
+ .v-picker-title {
25795
+ text-transform: uppercase;
25796
+ font-size: 0.75rem;
25797
+ grid-area: title;
25798
+ padding-inline: 24px 12px;
25799
+ padding-top: 16px;
25800
+ padding-bottom: 16px;
25801
+ font-weight: 400;
25802
+ letter-spacing: 0.1666666667em;
25803
+ }.v-slider-thumb {
25804
+ touch-action: none;
25805
+ color: rgb(var(--v-theme-surface-variant));
25806
+ }
25807
+ .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25808
+ color: inherit;
25809
+ }
25810
+
25811
+ .v-slider-thumb__label {
25812
+ background: rgba(var(--v-theme-surface-variant), 0.7);
25813
+ color: rgb(var(--v-theme-on-surface-variant));
25814
+ }
25815
+ .v-slider-thumb__label::before {
25816
+ color: rgba(var(--v-theme-surface-variant), 0.7);
25817
+ }
25818
+
25819
+ .v-slider-thumb {
25820
+ outline: none;
25821
+ position: absolute;
25822
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25823
+ }
25824
+
25825
+ .v-slider-thumb__surface {
25826
+ cursor: pointer;
25827
+ width: var(--v-slider-thumb-size);
25828
+ height: var(--v-slider-thumb-size);
25715
25829
  border-radius: 50%;
25716
- overflow: hidden;
25717
- margin-inline-end: 24px;
25830
+ -webkit-user-select: none;
25831
+ user-select: none;
25832
+ background-color: currentColor;
25718
25833
  }
25719
- .v-color-picker-preview__dot > div {
25834
+ @media (forced-colors: active) {
25835
+ .v-slider-thumb__surface {
25836
+ background-color: highlight;
25837
+ }
25838
+ }
25839
+ .v-slider-thumb__surface::before {
25840
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25841
+ content: "";
25842
+ color: inherit;
25843
+ top: 0;
25844
+ left: 0;
25720
25845
  width: 100%;
25721
25846
  height: 100%;
25847
+ border-radius: 50%;
25848
+ background: currentColor;
25849
+ position: absolute;
25850
+ pointer-events: none;
25851
+ opacity: 0;
25722
25852
  }
25723
-
25724
- .v-locale--is-ltr.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
25725
- background: linear-gradient(to right, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
25853
+ .v-slider-thumb__surface::after {
25854
+ content: "";
25855
+ width: 42px;
25856
+ height: 42px;
25857
+ position: absolute;
25858
+ top: 50%;
25859
+ left: 50%;
25860
+ transform: translate(-50%, -50%);
25726
25861
  }
25727
25862
 
25728
- .v-locale--is-rtl.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
25729
- background: linear-gradient(to left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
25863
+ .v-slider-thumb__label-container {
25864
+ position: absolute;
25865
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25730
25866
  }
25731
25867
 
25732
- .v-color-picker-preview__track {
25733
- position: relative;
25734
- width: 100%;
25735
- margin: 0 !important;
25868
+ .v-slider-thumb__label {
25869
+ display: flex;
25870
+ align-items: center;
25871
+ justify-content: center;
25872
+ font-size: 0.75rem;
25873
+ min-width: 35px;
25874
+ height: 25px;
25875
+ border-radius: 4px;
25876
+ padding: 6px;
25877
+ position: absolute;
25878
+ -webkit-user-select: none;
25879
+ user-select: none;
25880
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25736
25881
  }
25737
- .v-color-picker-preview__track .v-slider-track__fill {
25738
- display: none;
25882
+ .v-slider-thumb__label::before {
25883
+ content: "";
25884
+ width: 0;
25885
+ height: 0;
25886
+ position: absolute;
25887
+ }
25888
+
25889
+ .v-slider-thumb__ripple {
25890
+ position: absolute;
25891
+ left: calc(var(--v-slider-thumb-size) / -2);
25892
+ top: calc(var(--v-slider-thumb-size) / -2);
25893
+ width: calc(var(--v-slider-thumb-size) * 2);
25894
+ height: calc(var(--v-slider-thumb-size) * 2);
25895
+ background: inherit;
25739
25896
  }
25740
25897
 
25741
- .v-color-picker-preview {
25742
- align-items: center;
25743
- display: flex;
25744
- margin-bottom: 0;
25898
+ .v-slider.v-input--horizontal .v-slider-thumb {
25899
+ top: 50%;
25900
+ transform: translateY(-50%);
25901
+ inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25745
25902
  }
25746
-
25747
- .v-color-picker-preview__eye-dropper {
25748
- position: relative;
25749
- margin-right: 12px;
25750
- }.v-picker.v-sheet {
25751
- 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));
25752
- border-radius: 4px;
25753
- display: grid;
25754
- grid-auto-rows: min-content;
25755
- grid-template-areas: "title" "header" "body";
25756
- overflow: hidden;
25903
+ .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25904
+ left: calc(var(--v-slider-thumb-size) / 2);
25905
+ top: 0;
25757
25906
  }
25758
- .v-picker.v-sheet.v-picker--with-actions {
25759
- grid-template-areas: "title" "header" "body" "actions";
25907
+ .v-slider.v-input--horizontal .v-slider-thumb__label {
25908
+ bottom: calc(var(--v-slider-thumb-size) / 2);
25909
+ }
25910
+ .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 {
25911
+ transform: translateX(-50%);
25760
25912
  }
25761
25913
 
25762
- .v-picker__body {
25763
- grid-area: body;
25764
- overflow: hidden;
25765
- position: relative;
25914
+ .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 {
25915
+ transform: translateX(50%);
25766
25916
  }
25767
25917
 
25768
- .v-picker__header {
25769
- grid-area: header;
25918
+ .v-slider.v-input--horizontal .v-slider-thumb__label::before {
25919
+ border-left: 6px solid transparent;
25920
+ border-right: 6px solid transparent;
25921
+ border-top: 6px solid currentColor;
25922
+ bottom: -6px;
25770
25923
  }
25771
25924
 
25772
- .v-picker__actions {
25773
- grid-area: actions;
25774
- padding: 0 12px 12px;
25775
- display: flex;
25776
- align-items: center;
25777
- justify-content: flex-end;
25925
+ .v-slider.v-input--vertical .v-slider-thumb {
25926
+ top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25778
25927
  }
25779
- .v-picker__actions .v-btn {
25780
- min-width: 48px;
25928
+ .v-slider.v-input--vertical .v-slider-thumb__label-container {
25929
+ top: calc(var(--v-slider-thumb-size) / 2);
25930
+ right: 0;
25781
25931
  }
25782
- .v-picker__actions .v-btn:not(:last-child) {
25783
- margin-inline-end: 8px;
25932
+ .v-slider.v-input--vertical .v-slider-thumb__label {
25933
+ top: -12.5px;
25934
+ left: calc(var(--v-slider-thumb-size) / 2);
25935
+ }
25936
+ .v-slider.v-input--vertical .v-slider-thumb__label::before {
25937
+ border-right: 6px solid currentColor;
25938
+ border-top: 6px solid transparent;
25939
+ border-bottom: 6px solid transparent;
25940
+ left: -6px;
25784
25941
  }
25785
25942
 
25786
- .v-picker--landscape {
25787
- grid-template-areas: "title" "header body" "header body";
25943
+ .v-slider-thumb--focused .v-slider-thumb__surface::before {
25944
+ transform: scale(2);
25945
+ opacity: var(--v-focus-opacity);
25788
25946
  }
25789
25947
 
25790
- .v-picker--landscape.v-picker--with-actions {
25791
- grid-template-areas: "title" "header body" "header actions";
25948
+ .v-slider-thumb--pressed {
25949
+ transition: none;
25950
+ }
25951
+ .v-slider-thumb--pressed .v-slider-thumb__surface::before {
25952
+ opacity: var(--v-pressed-opacity);
25792
25953
  }
25793
25954
 
25794
- .v-picker-title {
25795
- text-transform: uppercase;
25796
- font-size: 0.75rem;
25797
- grid-area: title;
25798
- padding-inline: 24px 12px;
25799
- padding-top: 16px;
25800
- padding-bottom: 16px;
25801
- font-weight: 400;
25802
- letter-spacing: 0.1666666667em;
25955
+ @media (hover: hover) {
25956
+ .v-slider-thumb:hover .v-slider-thumb__surface::before {
25957
+ transform: scale(2);
25958
+ }
25959
+ .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
25960
+ opacity: var(--v-hover-opacity);
25961
+ }
25803
25962
  }.v-slider-track__background {
25804
25963
  background-color: rgb(var(--v-theme-surface-variant));
25805
25964
  }
@@ -25978,163 +26137,4 @@ html.v-overlay-scroll-blocked {
25978
26137
 
25979
26138
  .v-slider-track__background--opacity {
25980
26139
  opacity: 0.38;
25981
- }.v-slider-thumb {
25982
- touch-action: none;
25983
- color: rgb(var(--v-theme-surface-variant));
25984
- }
25985
- .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25986
- color: inherit;
25987
- }
25988
-
25989
- .v-slider-thumb__label {
25990
- background: rgba(var(--v-theme-surface-variant), 0.7);
25991
- color: rgb(var(--v-theme-on-surface-variant));
25992
- }
25993
- .v-slider-thumb__label::before {
25994
- color: rgba(var(--v-theme-surface-variant), 0.7);
25995
- }
25996
-
25997
- .v-slider-thumb {
25998
- outline: none;
25999
- position: absolute;
26000
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
26001
- }
26002
-
26003
- .v-slider-thumb__surface {
26004
- cursor: pointer;
26005
- width: var(--v-slider-thumb-size);
26006
- height: var(--v-slider-thumb-size);
26007
- border-radius: 50%;
26008
- -webkit-user-select: none;
26009
- user-select: none;
26010
- background-color: currentColor;
26011
- }
26012
- @media (forced-colors: active) {
26013
- .v-slider-thumb__surface {
26014
- background-color: highlight;
26015
- }
26016
- }
26017
- .v-slider-thumb__surface::before {
26018
- transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
26019
- content: "";
26020
- color: inherit;
26021
- top: 0;
26022
- left: 0;
26023
- width: 100%;
26024
- height: 100%;
26025
- border-radius: 50%;
26026
- background: currentColor;
26027
- position: absolute;
26028
- pointer-events: none;
26029
- opacity: 0;
26030
- }
26031
- .v-slider-thumb__surface::after {
26032
- content: "";
26033
- width: 42px;
26034
- height: 42px;
26035
- position: absolute;
26036
- top: 50%;
26037
- left: 50%;
26038
- transform: translate(-50%, -50%);
26039
- }
26040
-
26041
- .v-slider-thumb__label-container {
26042
- position: absolute;
26043
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
26044
- }
26045
-
26046
- .v-slider-thumb__label {
26047
- display: flex;
26048
- align-items: center;
26049
- justify-content: center;
26050
- font-size: 0.75rem;
26051
- min-width: 35px;
26052
- height: 25px;
26053
- border-radius: 4px;
26054
- padding: 6px;
26055
- position: absolute;
26056
- -webkit-user-select: none;
26057
- user-select: none;
26058
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
26059
- }
26060
- .v-slider-thumb__label::before {
26061
- content: "";
26062
- width: 0;
26063
- height: 0;
26064
- position: absolute;
26065
- }
26066
-
26067
- .v-slider-thumb__ripple {
26068
- position: absolute;
26069
- left: calc(var(--v-slider-thumb-size) / -2);
26070
- top: calc(var(--v-slider-thumb-size) / -2);
26071
- width: calc(var(--v-slider-thumb-size) * 2);
26072
- height: calc(var(--v-slider-thumb-size) * 2);
26073
- background: inherit;
26074
- }
26075
-
26076
- .v-slider.v-input--horizontal .v-slider-thumb {
26077
- top: 50%;
26078
- transform: translateY(-50%);
26079
- inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26080
- }
26081
- .v-slider.v-input--horizontal .v-slider-thumb__label-container {
26082
- left: calc(var(--v-slider-thumb-size) / 2);
26083
- top: 0;
26084
- }
26085
- .v-slider.v-input--horizontal .v-slider-thumb__label {
26086
- bottom: calc(var(--v-slider-thumb-size) / 2);
26087
- }
26088
- .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 {
26089
- transform: translateX(-50%);
26090
- }
26091
-
26092
- .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 {
26093
- transform: translateX(50%);
26094
- }
26095
-
26096
- .v-slider.v-input--horizontal .v-slider-thumb__label::before {
26097
- border-left: 6px solid transparent;
26098
- border-right: 6px solid transparent;
26099
- border-top: 6px solid currentColor;
26100
- bottom: -6px;
26101
- }
26102
-
26103
- .v-slider.v-input--vertical .v-slider-thumb {
26104
- top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26105
- }
26106
- .v-slider.v-input--vertical .v-slider-thumb__label-container {
26107
- top: calc(var(--v-slider-thumb-size) / 2);
26108
- right: 0;
26109
- }
26110
- .v-slider.v-input--vertical .v-slider-thumb__label {
26111
- top: -12.5px;
26112
- left: calc(var(--v-slider-thumb-size) / 2);
26113
- }
26114
- .v-slider.v-input--vertical .v-slider-thumb__label::before {
26115
- border-right: 6px solid currentColor;
26116
- border-top: 6px solid transparent;
26117
- border-bottom: 6px solid transparent;
26118
- left: -6px;
26119
- }
26120
-
26121
- .v-slider-thumb--focused .v-slider-thumb__surface::before {
26122
- transform: scale(2);
26123
- opacity: var(--v-focus-opacity);
26124
- }
26125
-
26126
- .v-slider-thumb--pressed {
26127
- transition: none;
26128
- }
26129
- .v-slider-thumb--pressed .v-slider-thumb__surface::before {
26130
- opacity: var(--v-pressed-opacity);
26131
- }
26132
-
26133
- @media (hover: hover) {
26134
- .v-slider-thumb:hover .v-slider-thumb__surface::before {
26135
- transform: scale(2);
26136
- }
26137
- .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
26138
- opacity: var(--v-hover-opacity);
26139
- }
26140
26140
  }