vuetify 3.4.4 → 3.4.5

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.
Files changed (47) hide show
  1. package/dist/json/attributes.json +1702 -1702
  2. package/dist/json/importMap.json +142 -142
  3. package/dist/json/web-types.json +3321 -3321
  4. package/dist/vuetify-labs.css +2306 -2295
  5. package/dist/vuetify-labs.esm.js +21 -16
  6. package/dist/vuetify-labs.esm.js.map +1 -1
  7. package/dist/vuetify-labs.js +21 -16
  8. package/dist/vuetify-labs.min.css +2 -2
  9. package/dist/vuetify.css +1163 -1152
  10. package/dist/vuetify.d.ts +43 -43
  11. package/dist/vuetify.esm.js +21 -16
  12. package/dist/vuetify.esm.js.map +1 -1
  13. package/dist/vuetify.js +21 -16
  14. package/dist/vuetify.js.map +1 -1
  15. package/dist/vuetify.min.css +2 -2
  16. package/dist/vuetify.min.js +14 -14
  17. package/dist/vuetify.min.js.map +1 -1
  18. package/lib/components/VAutocomplete/VAutocomplete.mjs +1 -1
  19. package/lib/components/VAutocomplete/VAutocomplete.mjs.map +1 -1
  20. package/lib/components/VDataTable/VDataTable.css +4 -0
  21. package/lib/components/VDataTable/VDataTable.sass +3 -0
  22. package/lib/components/VDataTable/VDataTableHeaders.mjs +1 -0
  23. package/lib/components/VDataTable/VDataTableHeaders.mjs.map +1 -1
  24. package/lib/components/VDataTable/VDataTableRows.mjs +1 -1
  25. package/lib/components/VDataTable/VDataTableRows.mjs.map +1 -1
  26. package/lib/components/VDatePicker/VDatePicker.mjs +6 -1
  27. package/lib/components/VDatePicker/VDatePicker.mjs.map +1 -1
  28. package/lib/components/VDatePicker/VDatePickerHeader.css +3 -6
  29. package/lib/components/VDatePicker/VDatePickerHeader.sass +2 -6
  30. package/lib/components/VExpansionPanel/VExpansionPanel.mjs +3 -0
  31. package/lib/components/VExpansionPanel/VExpansionPanel.mjs.map +1 -1
  32. package/lib/components/VExpansionPanel/VExpansionPanels.mjs +1 -3
  33. package/lib/components/VExpansionPanel/VExpansionPanels.mjs.map +1 -1
  34. package/lib/components/VField/VField.css +7 -0
  35. package/lib/components/VField/VField.sass +5 -0
  36. package/lib/components/VFileInput/VFileInput.css +3 -0
  37. package/lib/components/VFileInput/VFileInput.sass +3 -0
  38. package/lib/components/VOverlay/locationStrategies.mjs +4 -7
  39. package/lib/components/VOverlay/locationStrategies.mjs.map +1 -1
  40. package/lib/composables/loader.mjs +1 -0
  41. package/lib/composables/loader.mjs.map +1 -1
  42. package/lib/entry-bundler.mjs +1 -1
  43. package/lib/framework.mjs +1 -1
  44. package/lib/index.d.mts +43 -43
  45. package/lib/locale/ru.mjs +23 -23
  46. package/lib/locale/ru.mjs.map +1 -1
  47. package/package.json +2 -2
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.4.4
2
+ * Vuetify v3.4.5
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -16981,18 +16981,6 @@ html.overflow-y-hidden {
16981
16981
  .v-ripple__animation--out {
16982
16982
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
16983
16983
  opacity: 0;
16984
- }.v-app-bar {
16985
- display: flex;
16986
- }
16987
- .v-app-bar.v-toolbar {
16988
- background: rgb(var(--v-theme-surface));
16989
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
16990
- }
16991
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
16992
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
16993
- }
16994
- .v-app-bar:not(.v-toolbar--absolute) {
16995
- padding-inline-end: var(--v-scrollbar-offset);
16996
16984
  }.v-application {
16997
16985
  display: flex;
16998
16986
  background: rgb(var(--v-theme-background));
@@ -17009,174 +16997,6 @@ html.overflow-y-hidden {
17009
16997
  min-height: 100vh;
17010
16998
  min-height: 100dvh;
17011
16999
  position: relative;
17012
- }.v-autocomplete .v-field .v-text-field__prefix,
17013
- .v-autocomplete .v-field .v-text-field__suffix,
17014
- .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17015
- cursor: text;
17016
- }
17017
- .v-autocomplete .v-field .v-field__input > input {
17018
- flex: 1 1;
17019
- }
17020
- .v-autocomplete .v-field input {
17021
- min-width: 64px;
17022
- }
17023
- .v-autocomplete .v-field:not(.v-field--focused) input {
17024
- min-width: 0;
17025
- }
17026
- .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17027
- margin-inline-end: 2px;
17028
- }
17029
- .v-autocomplete .v-autocomplete__selection-text {
17030
- overflow: hidden;
17031
- text-overflow: ellipsis;
17032
- white-space: nowrap;
17033
- }
17034
-
17035
- .v-autocomplete__content {
17036
- overflow: hidden;
17037
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17038
- border-radius: 4px;
17039
- }
17040
- .v-autocomplete__mask {
17041
- background: rgb(var(--v-theme-on-surface-variant));
17042
- }
17043
- .v-autocomplete__selection {
17044
- display: inline-flex;
17045
- align-items: center;
17046
- height: 1.5rem;
17047
- letter-spacing: inherit;
17048
- line-height: inherit;
17049
- max-width: calc(100% - 2px);
17050
- }
17051
- .v-autocomplete__selection:first-child {
17052
- margin-inline-start: 0;
17053
- }
17054
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17055
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17056
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17057
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17058
- top: 0px;
17059
- }
17060
- .v-autocomplete--selecting-index .v-autocomplete__selection {
17061
- opacity: var(--v-medium-emphasis-opacity);
17062
- }
17063
- .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17064
- opacity: 1;
17065
- }
17066
- .v-autocomplete--selecting-index .v-field__input > input {
17067
- caret-color: transparent;
17068
- }
17069
- .v-autocomplete--single.v-text-field input {
17070
- flex: 1 1;
17071
- position: absolute;
17072
- left: 0;
17073
- right: 0;
17074
- width: 100%;
17075
- padding-inline: inherit;
17076
- }
17077
- .v-autocomplete--single .v-field--active input {
17078
- transition: none;
17079
- }
17080
- .v-autocomplete--single .v-field--dirty:not(.v-field--focused) input {
17081
- opacity: 0;
17082
- }
17083
- .v-autocomplete--single .v-field--focused .v-autocomplete__selection {
17084
- opacity: 0;
17085
- }
17086
- .v-autocomplete__menu-icon {
17087
- margin-inline-start: 4px;
17088
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17089
- }
17090
- .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17091
- opacity: var(--v-high-emphasis-opacity);
17092
- transform: rotate(180deg);
17093
- }.v-avatar {
17094
- flex: none;
17095
- align-items: center;
17096
- display: inline-flex;
17097
- justify-content: center;
17098
- line-height: normal;
17099
- overflow: hidden;
17100
- position: relative;
17101
- text-align: center;
17102
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17103
- transition-property: width, height;
17104
- vertical-align: middle;
17105
- border-radius: 50%;
17106
- }
17107
- .v-avatar.v-avatar--size-x-small {
17108
- --v-avatar-height: 24px;
17109
- }
17110
- .v-avatar.v-avatar--size-small {
17111
- --v-avatar-height: 32px;
17112
- }
17113
- .v-avatar.v-avatar--size-default {
17114
- --v-avatar-height: 40px;
17115
- }
17116
- .v-avatar.v-avatar--size-large {
17117
- --v-avatar-height: 48px;
17118
- }
17119
- .v-avatar.v-avatar--size-x-large {
17120
- --v-avatar-height: 56px;
17121
- }
17122
- .v-avatar.v-avatar--density-default {
17123
- height: calc(var(--v-avatar-height) + 0px);
17124
- width: calc(var(--v-avatar-height) + 0px);
17125
- }
17126
- .v-avatar.v-avatar--density-comfortable {
17127
- height: calc(var(--v-avatar-height) + -4px);
17128
- width: calc(var(--v-avatar-height) + -4px);
17129
- }
17130
- .v-avatar.v-avatar--density-compact {
17131
- height: calc(var(--v-avatar-height) + -8px);
17132
- width: calc(var(--v-avatar-height) + -8px);
17133
- }
17134
- .v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
17135
- background: transparent;
17136
- color: inherit;
17137
- }
17138
- .v-avatar--variant-plain {
17139
- opacity: 0.62;
17140
- }
17141
- .v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
17142
- opacity: 1;
17143
- }
17144
- .v-avatar--variant-plain .v-avatar__overlay {
17145
- display: none;
17146
- }
17147
- .v-avatar--variant-elevated, .v-avatar--variant-flat {
17148
- background: var(--v-theme-surface);
17149
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
17150
- }
17151
- .v-avatar--variant-elevated {
17152
- box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17153
- }
17154
- .v-avatar--variant-flat {
17155
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17156
- }
17157
- .v-avatar--variant-outlined {
17158
- border: thin solid currentColor;
17159
- }
17160
- .v-avatar--variant-text .v-avatar__overlay {
17161
- background: currentColor;
17162
- }
17163
- .v-avatar--variant-tonal .v-avatar__underlay {
17164
- background: currentColor;
17165
- opacity: var(--v-activated-opacity);
17166
- border-radius: inherit;
17167
- position: absolute;
17168
- top: 0;
17169
- right: 0;
17170
- bottom: 0;
17171
- left: 0;
17172
- pointer-events: none;
17173
- }
17174
- .v-avatar--rounded {
17175
- border-radius: 4px;
17176
- }
17177
- .v-avatar .v-img {
17178
- height: 100%;
17179
- width: 100%;
17180
17000
  }.v-alert {
17181
17001
  display: grid;
17182
17002
  flex: 1 1;
@@ -17387,109 +17207,257 @@ html.overflow-y-hidden {
17387
17207
  text-transform: none;
17388
17208
  word-break: normal;
17389
17209
  word-wrap: break-word;
17390
- }.v-badge {
17391
- display: inline-block;
17392
- line-height: 1;
17210
+ }.v-app-bar {
17211
+ display: flex;
17393
17212
  }
17394
-
17395
- .v-badge__badge {
17213
+ .v-app-bar.v-toolbar {
17214
+ background: rgb(var(--v-theme-surface));
17215
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17216
+ }
17217
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17218
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17219
+ }
17220
+ .v-app-bar:not(.v-toolbar--absolute) {
17221
+ padding-inline-end: var(--v-scrollbar-offset);
17222
+ }.v-avatar {
17223
+ flex: none;
17396
17224
  align-items: center;
17397
17225
  display: inline-flex;
17398
- border-radius: 10px;
17399
- font-size: 0.75rem;
17400
- font-weight: 500;
17401
- height: 1.25rem;
17402
17226
  justify-content: center;
17403
- min-width: 20px;
17404
- padding: 4px 6px;
17405
- pointer-events: auto;
17406
- position: absolute;
17227
+ line-height: normal;
17228
+ overflow: hidden;
17229
+ position: relative;
17407
17230
  text-align: center;
17408
- text-indent: 0;
17409
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
17410
- white-space: nowrap;
17411
- background: rgb(var(--v-theme-surface-variant));
17412
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
17231
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17232
+ transition-property: width, height;
17233
+ vertical-align: middle;
17234
+ border-radius: 50%;
17413
17235
  }
17414
- .v-badge--bordered .v-badge__badge::after {
17415
- border-radius: inherit;
17416
- border-style: solid;
17417
- border-width: 2px;
17418
- bottom: 0;
17419
- color: rgb(var(--v-theme-background));
17420
- content: "";
17421
- left: 0;
17422
- position: absolute;
17423
- right: 0;
17424
- top: 0;
17425
- transform: scale(1.05);
17236
+ .v-avatar.v-avatar--size-x-small {
17237
+ --v-avatar-height: 24px;
17426
17238
  }
17427
- .v-badge--dot .v-badge__badge {
17428
- border-radius: 4.5px;
17429
- height: 9px;
17430
- min-width: 0;
17431
- padding: 0;
17432
- width: 9px;
17239
+ .v-avatar.v-avatar--size-small {
17240
+ --v-avatar-height: 32px;
17433
17241
  }
17434
- .v-badge--dot .v-badge__badge::after {
17435
- border-width: 1.5px;
17242
+ .v-avatar.v-avatar--size-default {
17243
+ --v-avatar-height: 40px;
17436
17244
  }
17437
- .v-badge--inline .v-badge__badge {
17438
- position: relative;
17439
- vertical-align: middle;
17245
+ .v-avatar.v-avatar--size-large {
17246
+ --v-avatar-height: 48px;
17440
17247
  }
17441
- .v-badge__badge .v-icon {
17442
- color: inherit;
17443
- font-size: 0.75rem;
17444
- margin: 0 -2px;
17248
+ .v-avatar.v-avatar--size-x-large {
17249
+ --v-avatar-height: 56px;
17445
17250
  }
17446
- .v-badge__badge img,
17447
- .v-badge__badge .v-img {
17251
+ .v-avatar.v-avatar--density-default {
17252
+ height: calc(var(--v-avatar-height) + 0px);
17253
+ width: calc(var(--v-avatar-height) + 0px);
17254
+ }
17255
+ .v-avatar.v-avatar--density-comfortable {
17256
+ height: calc(var(--v-avatar-height) + -4px);
17257
+ width: calc(var(--v-avatar-height) + -4px);
17258
+ }
17259
+ .v-avatar.v-avatar--density-compact {
17260
+ height: calc(var(--v-avatar-height) + -8px);
17261
+ width: calc(var(--v-avatar-height) + -8px);
17262
+ }
17263
+ .v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
17264
+ background: transparent;
17265
+ color: inherit;
17266
+ }
17267
+ .v-avatar--variant-plain {
17268
+ opacity: 0.62;
17269
+ }
17270
+ .v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
17271
+ opacity: 1;
17272
+ }
17273
+ .v-avatar--variant-plain .v-avatar__overlay {
17274
+ display: none;
17275
+ }
17276
+ .v-avatar--variant-elevated, .v-avatar--variant-flat {
17277
+ background: var(--v-theme-surface);
17278
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
17279
+ }
17280
+ .v-avatar--variant-elevated {
17281
+ box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17282
+ }
17283
+ .v-avatar--variant-flat {
17284
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17285
+ }
17286
+ .v-avatar--variant-outlined {
17287
+ border: thin solid currentColor;
17288
+ }
17289
+ .v-avatar--variant-text .v-avatar__overlay {
17290
+ background: currentColor;
17291
+ }
17292
+ .v-avatar--variant-tonal .v-avatar__underlay {
17293
+ background: currentColor;
17294
+ opacity: var(--v-activated-opacity);
17295
+ border-radius: inherit;
17296
+ position: absolute;
17297
+ top: 0;
17298
+ right: 0;
17299
+ bottom: 0;
17300
+ left: 0;
17301
+ pointer-events: none;
17302
+ }
17303
+ .v-avatar--rounded {
17304
+ border-radius: 4px;
17305
+ }
17306
+ .v-avatar .v-img {
17448
17307
  height: 100%;
17449
17308
  width: 100%;
17309
+ }.v-autocomplete .v-field .v-text-field__prefix,
17310
+ .v-autocomplete .v-field .v-text-field__suffix,
17311
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17312
+ cursor: text;
17313
+ }
17314
+ .v-autocomplete .v-field .v-field__input > input {
17315
+ flex: 1 1;
17316
+ }
17317
+ .v-autocomplete .v-field input {
17318
+ min-width: 64px;
17319
+ }
17320
+ .v-autocomplete .v-field:not(.v-field--focused) input {
17321
+ min-width: 0;
17322
+ }
17323
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17324
+ margin-inline-end: 2px;
17325
+ }
17326
+ .v-autocomplete .v-autocomplete__selection-text {
17327
+ overflow: hidden;
17328
+ text-overflow: ellipsis;
17329
+ white-space: nowrap;
17450
17330
  }
17451
17331
 
17452
- .v-badge__wrapper {
17453
- display: flex;
17454
- position: relative;
17332
+ .v-autocomplete__content {
17333
+ overflow: hidden;
17334
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17335
+ border-radius: 4px;
17455
17336
  }
17456
- .v-badge--inline .v-badge__wrapper {
17457
- align-items: center;
17337
+ .v-autocomplete__mask {
17338
+ background: rgb(var(--v-theme-on-surface-variant));
17339
+ }
17340
+ .v-autocomplete__selection {
17458
17341
  display: inline-flex;
17459
- justify-content: center;
17460
- margin: 0 4px;
17461
- }.bottom-sheet-transition-enter-from {
17462
- transform: translateY(100%);
17342
+ align-items: center;
17343
+ height: 1.5rem;
17344
+ letter-spacing: inherit;
17345
+ line-height: inherit;
17346
+ max-width: calc(100% - 2px);
17463
17347
  }
17464
- .bottom-sheet-transition-leave-to {
17465
- transform: translateY(100%);
17348
+ .v-autocomplete__selection:first-child {
17349
+ margin-inline-start: 0;
17466
17350
  }
17467
-
17468
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
17469
- align-self: flex-end;
17470
- border-radius: 0;
17471
- flex: 0 1 auto;
17351
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17352
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17353
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17354
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17355
+ top: 0px;
17356
+ }
17357
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
17358
+ opacity: var(--v-medium-emphasis-opacity);
17359
+ }
17360
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17361
+ opacity: 1;
17362
+ }
17363
+ .v-autocomplete--selecting-index .v-field__input > input {
17364
+ caret-color: transparent;
17365
+ }
17366
+ .v-autocomplete--single.v-text-field input {
17367
+ flex: 1 1;
17368
+ position: absolute;
17472
17369
  left: 0;
17473
17370
  right: 0;
17474
- margin-inline: 0;
17475
- margin-bottom: 0;
17476
- transition-duration: 0.2s;
17477
17371
  width: 100%;
17478
- max-width: 100%;
17479
- overflow: visible;
17480
- box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17372
+ padding-inline: inherit;
17481
17373
  }
17482
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
17483
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
17484
- border-radius: 0;
17374
+ .v-autocomplete--single .v-field--active input {
17375
+ transition: none;
17485
17376
  }
17486
- .v-bottom-sheet.v-bottom-sheet--inset {
17487
- max-width: none;
17377
+ .v-autocomplete--single .v-field--dirty:not(.v-field--focused) input {
17378
+ opacity: 0;
17488
17379
  }
17489
- @media (min-width: 600px) {
17490
- .v-bottom-sheet.v-bottom-sheet--inset {
17491
- max-width: 70%;
17492
- }
17380
+ .v-autocomplete--single .v-field--focused .v-autocomplete__selection {
17381
+ opacity: 0;
17382
+ }
17383
+ .v-autocomplete__menu-icon {
17384
+ margin-inline-start: 4px;
17385
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17386
+ }
17387
+ .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17388
+ opacity: var(--v-high-emphasis-opacity);
17389
+ transform: rotate(180deg);
17390
+ }.v-badge {
17391
+ display: inline-block;
17392
+ line-height: 1;
17393
+ }
17394
+
17395
+ .v-badge__badge {
17396
+ align-items: center;
17397
+ display: inline-flex;
17398
+ border-radius: 10px;
17399
+ font-size: 0.75rem;
17400
+ font-weight: 500;
17401
+ height: 1.25rem;
17402
+ justify-content: center;
17403
+ min-width: 20px;
17404
+ padding: 4px 6px;
17405
+ pointer-events: auto;
17406
+ position: absolute;
17407
+ text-align: center;
17408
+ text-indent: 0;
17409
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
17410
+ white-space: nowrap;
17411
+ background: rgb(var(--v-theme-surface-variant));
17412
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
17413
+ }
17414
+ .v-badge--bordered .v-badge__badge::after {
17415
+ border-radius: inherit;
17416
+ border-style: solid;
17417
+ border-width: 2px;
17418
+ bottom: 0;
17419
+ color: rgb(var(--v-theme-background));
17420
+ content: "";
17421
+ left: 0;
17422
+ position: absolute;
17423
+ right: 0;
17424
+ top: 0;
17425
+ transform: scale(1.05);
17426
+ }
17427
+ .v-badge--dot .v-badge__badge {
17428
+ border-radius: 4.5px;
17429
+ height: 9px;
17430
+ min-width: 0;
17431
+ padding: 0;
17432
+ width: 9px;
17433
+ }
17434
+ .v-badge--dot .v-badge__badge::after {
17435
+ border-width: 1.5px;
17436
+ }
17437
+ .v-badge--inline .v-badge__badge {
17438
+ position: relative;
17439
+ vertical-align: middle;
17440
+ }
17441
+ .v-badge__badge .v-icon {
17442
+ color: inherit;
17443
+ font-size: 0.75rem;
17444
+ margin: 0 -2px;
17445
+ }
17446
+ .v-badge__badge img,
17447
+ .v-badge__badge .v-img {
17448
+ height: 100%;
17449
+ width: 100%;
17450
+ }
17451
+
17452
+ .v-badge__wrapper {
17453
+ display: flex;
17454
+ position: relative;
17455
+ }
17456
+ .v-badge--inline .v-badge__wrapper {
17457
+ align-items: center;
17458
+ display: inline-flex;
17459
+ justify-content: center;
17460
+ margin: 0 4px;
17493
17461
  }.v-banner {
17494
17462
  display: grid;
17495
17463
  flex: 1 1;
@@ -17647,23 +17615,110 @@ html.overflow-y-hidden {
17647
17615
  }
17648
17616
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
17649
17617
  align-self: flex-start;
17650
- }.v-breadcrumbs {
17618
+ }.v-bottom-navigation {
17651
17619
  display: flex;
17652
- align-items: center;
17653
- line-height: 1.375rem;
17654
- padding: 16px 12px;
17620
+ max-width: 100%;
17621
+ overflow: hidden;
17622
+ position: absolute;
17623
+ transition: transform, color 0.2s, 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17624
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17625
+ border-style: solid;
17626
+ border-width: 0;
17627
+ border-radius: 0;
17628
+ background: rgb(var(--v-theme-surface));
17629
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17655
17630
  }
17656
- .v-breadcrumbs--rounded {
17657
- border-radius: 4px;
17631
+ .v-bottom-navigation--border {
17632
+ border-width: thin;
17633
+ box-shadow: none;
17658
17634
  }
17659
- .v-breadcrumbs--density-default {
17660
- padding-top: 16px;
17661
- padding-bottom: 16px;
17635
+ .v-bottom-navigation--active {
17636
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17662
17637
  }
17663
17638
 
17664
- .v-breadcrumbs--density-comfortable {
17665
- padding-top: 12px;
17666
- padding-bottom: 12px;
17639
+ .v-bottom-navigation__content {
17640
+ display: flex;
17641
+ flex: none;
17642
+ font-size: 0.75rem;
17643
+ justify-content: center;
17644
+ transition: inherit;
17645
+ width: 100%;
17646
+ }
17647
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
17648
+ font-size: inherit;
17649
+ height: 100%;
17650
+ max-width: 168px;
17651
+ min-width: 80px;
17652
+ text-transform: none;
17653
+ transition: inherit;
17654
+ width: auto;
17655
+ border-radius: 0;
17656
+ }
17657
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
17658
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
17659
+ transition: inherit;
17660
+ }
17661
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
17662
+ font-size: 1.5rem;
17663
+ }
17664
+ .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
17665
+ flex-grow: 1;
17666
+ }
17667
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
17668
+ transition: inherit;
17669
+ opacity: 0;
17670
+ }
17671
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
17672
+ transform: translateY(0.5rem);
17673
+ }.bottom-sheet-transition-enter-from {
17674
+ transform: translateY(100%);
17675
+ }
17676
+ .bottom-sheet-transition-leave-to {
17677
+ transform: translateY(100%);
17678
+ }
17679
+
17680
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
17681
+ align-self: flex-end;
17682
+ border-radius: 0;
17683
+ flex: 0 1 auto;
17684
+ left: 0;
17685
+ right: 0;
17686
+ margin-inline: 0;
17687
+ margin-bottom: 0;
17688
+ transition-duration: 0.2s;
17689
+ width: 100%;
17690
+ max-width: 100%;
17691
+ overflow: visible;
17692
+ box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17693
+ }
17694
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
17695
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
17696
+ border-radius: 0;
17697
+ }
17698
+ .v-bottom-sheet.v-bottom-sheet--inset {
17699
+ max-width: none;
17700
+ }
17701
+ @media (min-width: 600px) {
17702
+ .v-bottom-sheet.v-bottom-sheet--inset {
17703
+ max-width: 70%;
17704
+ }
17705
+ }.v-breadcrumbs {
17706
+ display: flex;
17707
+ align-items: center;
17708
+ line-height: 1.375rem;
17709
+ padding: 16px 12px;
17710
+ }
17711
+ .v-breadcrumbs--rounded {
17712
+ border-radius: 4px;
17713
+ }
17714
+ .v-breadcrumbs--density-default {
17715
+ padding-top: 16px;
17716
+ padding-bottom: 16px;
17717
+ }
17718
+
17719
+ .v-breadcrumbs--density-comfortable {
17720
+ padding-top: 12px;
17721
+ padding-bottom: 12px;
17667
17722
  }
17668
17723
 
17669
17724
  .v-breadcrumbs--density-compact {
@@ -18107,19 +18162,6 @@ html.overflow-y-hidden {
18107
18162
  }
18108
18163
  .v-pagination__item--is-active .v-btn__overlay {
18109
18164
  opacity: var(--v-border-opacity);
18110
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18111
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18112
- }
18113
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18114
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18115
- }
18116
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18117
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18118
- }
18119
- @supports not selector(:focus-visible) {
18120
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18121
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18122
- }
18123
18165
  }.v-btn-group {
18124
18166
  display: inline-flex;
18125
18167
  flex-wrap: nowrap;
@@ -18176,6 +18218,19 @@ html.overflow-y-hidden {
18176
18218
  }
18177
18219
  .v-btn-group--tile {
18178
18220
  border-radius: 0;
18221
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18222
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18223
+ }
18224
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18225
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18226
+ }
18227
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18228
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18229
+ }
18230
+ @supports not selector(:focus-visible) {
18231
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18232
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18233
+ }
18179
18234
  }.v-carousel {
18180
18235
  overflow: hidden;
18181
18236
  position: relative;
@@ -18531,26 +18586,6 @@ html.overflow-y-hidden {
18531
18586
  pointer-events: none;
18532
18587
  opacity: 0;
18533
18588
  transition: opacity 0.2s ease-in-out;
18534
- }.v-checkbox .v-selection-control {
18535
- min-height: var(--v-input-control-height);
18536
- }.v-chip-group {
18537
- display: flex;
18538
- max-width: 100%;
18539
- min-width: 0;
18540
- overflow-x: auto;
18541
- padding: 4px 0;
18542
- flex-wrap: wrap;
18543
- }
18544
- .v-chip-group .v-chip {
18545
- margin: 4px 8px 4px 0;
18546
- }
18547
- .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
18548
- opacity: var(--v-activated-opacity);
18549
- }
18550
-
18551
- .v-chip-group--column {
18552
- flex-wrap: wrap;
18553
- white-space: normal;
18554
18589
  }.v-chip {
18555
18590
  align-items: center;
18556
18591
  cursor: default;
@@ -18959,6 +18994,26 @@ html.overflow-y-hidden {
18959
18994
 
18960
18995
  .v-chip--label {
18961
18996
  border-radius: 4px;
18997
+ }.v-checkbox .v-selection-control {
18998
+ min-height: var(--v-input-control-height);
18999
+ }.v-chip-group {
19000
+ display: flex;
19001
+ max-width: 100%;
19002
+ min-width: 0;
19003
+ overflow-x: auto;
19004
+ padding: 4px 0;
19005
+ flex-wrap: wrap;
19006
+ }
19007
+ .v-chip-group .v-chip {
19008
+ margin: 4px 8px 4px 0;
19009
+ }
19010
+ .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
19011
+ opacity: var(--v-activated-opacity);
19012
+ }
19013
+
19014
+ .v-chip-group--column {
19015
+ flex-wrap: wrap;
19016
+ white-space: normal;
18962
19017
  }.v-container {
18963
19018
  width: 100%;
18964
19019
  padding: 16px;
@@ -19737,70 +19792,232 @@ html.overflow-y-hidden {
19737
19792
  flex: 0 1 auto;
19738
19793
  font-size: 12px;
19739
19794
  transition-duration: 150ms;
19740
- }.v-date-picker__input {
19741
- padding-top: 16px;
19742
- padding-left: 24px;
19743
- padding-right: 24px;
19795
+ }.v-data-table {
19796
+ width: 100%;
19744
19797
  }
19745
19798
 
19746
- .v-date-picker {
19747
- overflow: hidden;
19748
- width: 360px;
19749
- }
19750
- .v-date-picker--show-week {
19751
- width: 408px;
19799
+ .v-data-table__table {
19800
+ width: 100%;
19801
+ border-collapse: separate;
19802
+ border-spacing: 0;
19752
19803
  }
19753
19804
 
19754
- .v-date-picker-month {
19755
- padding: 0 12px 12px;
19805
+ .v-data-table__tr--focus {
19806
+ border: 1px dotted black;
19807
+ }
19808
+ .v-data-table__tr--clickable {
19809
+ cursor: pointer;
19756
19810
  }
19757
19811
 
19758
- .v-date-picker-month__day {
19759
- height: 48px;
19760
- width: 48px;
19812
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
19813
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
19814
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
19815
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
19816
+ text-align: end;
19761
19817
  }
19762
- .v-date-picker-month__day .v-btn {
19763
- --v-btn-height: 28px;
19764
- --v-btn-size: 0.85rem;
19765
- }.v-date-picker-controls {
19766
- display: flex;
19767
- align-items: center;
19768
- justify-content: space-between;
19769
- font-size: 0.875rem;
19770
- padding-top: 4px;
19771
- padding-bottom: 4px;
19772
- padding-inline-start: 6px;
19773
- padding-inline-end: 12px;
19818
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
19819
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
19820
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
19821
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
19822
+ flex-direction: row-reverse;
19774
19823
  }
19775
- .v-date-picker-controls > .v-btn:first-child {
19776
- text-transform: none;
19777
- font-weight: 400;
19778
- line-height: initial;
19779
- letter-spacing: initial;
19824
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
19825
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
19826
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
19827
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
19828
+ text-align: center;
19780
19829
  }
19781
- .v-date-picker-controls--variant-classic {
19782
- padding-inline-start: 12px;
19830
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
19831
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
19832
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
19833
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
19834
+ justify-content: center;
19783
19835
  }
19784
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
19785
- opacity: 0.7;
19836
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
19837
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
19838
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
19839
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
19840
+ padding: 0 8px;
19786
19841
  }
19787
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
19842
+ .v-data-table .v-table__wrapper > table > thead > tr > th,
19843
+ .v-data-table .v-table__wrapper > table tbody > tr > th {
19844
+ align-items: center;
19845
+ }
19846
+ .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--fixed,
19847
+ .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--fixed {
19848
+ position: sticky;
19849
+ }
19850
+ .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
19851
+ .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
19788
19852
  cursor: pointer;
19853
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19789
19854
  }
19790
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
19791
- opacity: 1;
19855
+ .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
19856
+ .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
19857
+ opacity: 0;
19792
19858
  }
19793
- .v-date-picker-controls .v-btn:last-child {
19794
- margin-inline-start: 4px;
19859
+ .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon,
19860
+ .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon {
19861
+ opacity: 0.5;
19795
19862
  }
19796
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
19797
- transform: rotate(180deg);
19863
+
19864
+ .v-data-table-column--fixed {
19865
+ background: rgb(var(--v-theme-surface));
19866
+ position: sticky !important;
19867
+ left: 0;
19868
+ z-index: 1;
19798
19869
  }
19799
19870
 
19800
- .v-date-picker-controls__date {
19801
- margin-inline-end: 4px;
19871
+ .v-data-table-column--last-fixed {
19872
+ border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
19802
19873
  }
19803
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
19874
+
19875
+ .v-data-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th.v-data-table-column--fixed {
19876
+ z-index: 2;
19877
+ }
19878
+
19879
+ .v-data-table-group-header-row td {
19880
+ background: rgba(var(--v-theme-surface));
19881
+ color: rgba(var(--v-theme-on-surface));
19882
+ }
19883
+ .v-data-table-group-header-row td > span {
19884
+ padding-left: 5px;
19885
+ }
19886
+
19887
+ .v-data-table--loading .v-data-table__td {
19888
+ opacity: 0.3;
19889
+ }
19890
+
19891
+ .v-data-table-group-header-row__column {
19892
+ padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
19893
+ }
19894
+
19895
+ .v-data-table-header__content {
19896
+ display: flex;
19897
+ align-items: center;
19898
+ }
19899
+
19900
+ .v-data-table-header__sort-badge {
19901
+ display: inline-flex;
19902
+ justify-content: center;
19903
+ align-items: center;
19904
+ font-size: 0.875rem;
19905
+ padding: 4px;
19906
+ border-radius: 50%;
19907
+ background: rgba(var(--v-border-color), var(--v-border-opacity));
19908
+ min-width: 20px;
19909
+ min-height: 20px;
19910
+ width: 20px;
19911
+ height: 20px;
19912
+ }
19913
+
19914
+ .v-data-table-progress > th {
19915
+ border: none !important;
19916
+ height: auto !important;
19917
+ padding: 0 !important;
19918
+ }
19919
+
19920
+ .v-data-table-progress__loader {
19921
+ position: relative;
19922
+ }
19923
+
19924
+ .v-data-table-rows-loading,
19925
+ .v-data-table-rows-no-data {
19926
+ text-align: center;
19927
+ }.v-data-table-footer {
19928
+ display: flex;
19929
+ align-items: center;
19930
+ flex-wrap: wrap;
19931
+ padding: 4px;
19932
+ justify-content: flex-end;
19933
+ }
19934
+
19935
+ .v-data-table-footer__items-per-page {
19936
+ padding-inline-end: 24px;
19937
+ display: flex;
19938
+ align-items: center;
19939
+ justify-content: space-between;
19940
+ }
19941
+ .v-data-table-footer__items-per-page > span {
19942
+ padding-inline-end: 24px;
19943
+ }
19944
+
19945
+ .v-data-table-footer__info {
19946
+ display: flex;
19947
+ padding-inline-end: 24px;
19948
+ }
19949
+
19950
+ .v-data-table-footer__pagination {
19951
+ display: flex;
19952
+ align-items: center;
19953
+ }
19954
+
19955
+ .v-data-table-footer__page {
19956
+ padding: 0 8px;
19957
+ }.v-date-picker__input {
19958
+ padding-top: 16px;
19959
+ padding-left: 24px;
19960
+ padding-right: 24px;
19961
+ }
19962
+
19963
+ .v-date-picker {
19964
+ overflow: hidden;
19965
+ width: 360px;
19966
+ }
19967
+ .v-date-picker--show-week {
19968
+ width: 408px;
19969
+ }
19970
+
19971
+ .v-date-picker-month {
19972
+ padding: 0 12px 12px;
19973
+ }
19974
+
19975
+ .v-date-picker-month__day {
19976
+ height: 48px;
19977
+ width: 48px;
19978
+ }
19979
+ .v-date-picker-month__day .v-btn {
19980
+ --v-btn-height: 28px;
19981
+ --v-btn-size: 0.85rem;
19982
+ }.v-date-picker-controls {
19983
+ display: flex;
19984
+ align-items: center;
19985
+ justify-content: space-between;
19986
+ font-size: 0.875rem;
19987
+ padding-top: 4px;
19988
+ padding-bottom: 4px;
19989
+ padding-inline-start: 6px;
19990
+ padding-inline-end: 12px;
19991
+ }
19992
+ .v-date-picker-controls > .v-btn:first-child {
19993
+ text-transform: none;
19994
+ font-weight: 400;
19995
+ line-height: initial;
19996
+ letter-spacing: initial;
19997
+ }
19998
+ .v-date-picker-controls--variant-classic {
19999
+ padding-inline-start: 12px;
20000
+ }
20001
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20002
+ opacity: 0.7;
20003
+ }
20004
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20005
+ cursor: pointer;
20006
+ }
20007
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20008
+ opacity: 1;
20009
+ }
20010
+ .v-date-picker-controls .v-btn:last-child {
20011
+ margin-inline-start: 4px;
20012
+ }
20013
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20014
+ transform: rotate(180deg);
20015
+ }
20016
+
20017
+ .v-date-picker-controls__date {
20018
+ margin-inline-end: 4px;
20019
+ }
20020
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
19804
20021
  margin: auto;
19805
20022
  text-align: center;
19806
20023
  }
@@ -19844,15 +20061,12 @@ html.overflow-y-hidden {
19844
20061
  grid-area: content;
19845
20062
  justify-content: space-between;
19846
20063
  }
20064
+ .v-date-picker-header--clickable .v-date-picker-header__content {
20065
+ cursor: pointer;
20066
+ }
19847
20067
  .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
19848
20068
  opacity: 0.7;
19849
20069
  }
19850
- .v-date-picker--month .v-date-picker-header__content {
19851
- opacity: 1;
19852
- }
19853
- .v-date-picker--year .v-date-picker-header__content {
19854
- cursor: pointer;
19855
- }
19856
20070
 
19857
20071
  .date-picker-header-transition-enter-active,
19858
20072
  .date-picker-header-reverse-transition-enter-active {
@@ -19928,6 +20142,21 @@ html.overflow-y-hidden {
19928
20142
 
19929
20143
  .v-date-picker-month__day--hide-adjacent {
19930
20144
  opacity: 0;
20145
+ }.v-date-picker-years {
20146
+ height: 320px;
20147
+ overflow-y: scroll;
20148
+ }
20149
+
20150
+ .v-date-picker-years__content {
20151
+ display: grid;
20152
+ flex: 1 1;
20153
+ justify-content: space-around;
20154
+ grid-template-columns: repeat(3, 1fr);
20155
+ gap: 8px 24px;
20156
+ padding-inline: 36px;
20157
+ }
20158
+ .v-date-picker-years__content .v-btn {
20159
+ padding-inline: 8px;
19931
20160
  }.v-date-picker-months {
19932
20161
  height: 320px;
19933
20162
  overflow-y: scroll;
@@ -19948,257 +20177,55 @@ html.overflow-y-hidden {
19948
20177
  text-transform: none;
19949
20178
  padding-inline-start: 8px;
19950
20179
  padding-inline-end: 8px;
19951
- }.v-date-picker-years {
19952
- height: 320px;
19953
- overflow-y: scroll;
19954
- }
19955
-
19956
- .v-date-picker-years__content {
19957
- display: grid;
19958
- flex: 1 1;
19959
- justify-content: space-around;
19960
- grid-template-columns: repeat(3, 1fr);
19961
- gap: 8px 24px;
19962
- padding-inline: 36px;
19963
- }
19964
- .v-date-picker-years__content .v-btn {
19965
- padding-inline: 8px;
19966
- }.v-data-table-footer {
19967
- display: flex;
20180
+ }.v-dialog {
19968
20181
  align-items: center;
19969
- flex-wrap: wrap;
19970
- padding: 4px;
19971
- justify-content: flex-end;
20182
+ justify-content: center;
20183
+ margin: auto;
19972
20184
  }
19973
-
19974
- .v-data-table-footer__items-per-page {
19975
- padding-inline-end: 24px;
20185
+ .v-dialog > .v-overlay__content {
20186
+ max-height: calc(100% - 48px);
20187
+ width: calc(100% - 48px);
20188
+ max-width: calc(100% - 48px);
20189
+ margin: 24px;
20190
+ }
20191
+ .v-dialog > .v-overlay__content,
20192
+ .v-dialog > .v-overlay__content > form {
19976
20193
  display: flex;
19977
- align-items: center;
19978
- justify-content: space-between;
20194
+ flex-direction: column;
20195
+ min-height: 0;
19979
20196
  }
19980
- .v-data-table-footer__items-per-page > span {
19981
- padding-inline-end: 24px;
20197
+ .v-dialog > .v-overlay__content > .v-card,
20198
+ .v-dialog > .v-overlay__content > .v-sheet,
20199
+ .v-dialog > .v-overlay__content > form > .v-card,
20200
+ .v-dialog > .v-overlay__content > form > .v-sheet {
20201
+ --v-scrollbar-offset: 0px;
20202
+ border-radius: 4px;
20203
+ overflow-y: auto;
20204
+ box-shadow: 0px 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 9px 46px 8px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
19982
20205
  }
19983
-
19984
- .v-data-table-footer__info {
20206
+ .v-dialog > .v-overlay__content > .v-card,
20207
+ .v-dialog > .v-overlay__content > form > .v-card {
19985
20208
  display: flex;
19986
- padding-inline-end: 24px;
20209
+ flex-direction: column;
19987
20210
  }
19988
-
19989
- .v-data-table-footer__pagination {
19990
- display: flex;
19991
- align-items: center;
20211
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item,
20212
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
20213
+ padding: 14px 24px 0;
19992
20214
  }
19993
-
19994
- .v-data-table-footer__page {
19995
- padding: 0 8px;
19996
- }.v-data-table {
19997
- width: 100%;
20215
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
20216
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
20217
+ padding-top: 10px;
19998
20218
  }
19999
-
20000
- .v-data-table__table {
20001
- width: 100%;
20002
- border-collapse: separate;
20003
- border-spacing: 0;
20219
+ .v-dialog > .v-overlay__content > .v-card > .v-card-text,
20220
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
20221
+ font-size: inherit;
20222
+ letter-spacing: 0.03125em;
20223
+ line-height: inherit;
20224
+ padding: 16px 24px 10px;
20004
20225
  }
20005
20226
 
20006
- .v-data-table__tr--focus {
20007
- border: 1px dotted black;
20008
- }
20009
- .v-data-table__tr--clickable {
20010
- cursor: pointer;
20011
- }
20012
-
20013
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
20014
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
20015
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
20016
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
20017
- text-align: end;
20018
- }
20019
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20020
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
20021
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20022
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
20023
- flex-direction: row-reverse;
20024
- }
20025
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
20026
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
20027
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
20028
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
20029
- text-align: center;
20030
- }
20031
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
20032
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
20033
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
20034
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
20035
- justify-content: center;
20036
- }
20037
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
20038
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
20039
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
20040
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
20041
- padding: 0 8px;
20042
- }
20043
- .v-data-table .v-table__wrapper > table > thead > tr > th,
20044
- .v-data-table .v-table__wrapper > table tbody > tr > th {
20045
- align-items: center;
20046
- }
20047
- .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--fixed,
20048
- .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--fixed {
20049
- position: sticky;
20050
- }
20051
- .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
20052
- .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
20053
- cursor: pointer;
20054
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20055
- }
20056
- .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
20057
- .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
20058
- opacity: 0;
20059
- }
20060
- .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon,
20061
- .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon {
20062
- opacity: 0.5;
20063
- }
20064
-
20065
- .v-data-table-column--fixed {
20066
- background: rgb(var(--v-theme-surface));
20067
- position: sticky !important;
20068
- left: 0;
20069
- z-index: 1;
20070
- }
20071
-
20072
- .v-data-table-column--last-fixed {
20073
- border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
20074
- }
20075
-
20076
- .v-data-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th.v-data-table-column--fixed {
20077
- z-index: 2;
20078
- }
20079
-
20080
- .v-data-table-group-header-row td {
20081
- background: rgba(var(--v-theme-surface));
20082
- color: rgba(var(--v-theme-on-surface));
20083
- }
20084
- .v-data-table-group-header-row td > span {
20085
- padding-left: 5px;
20086
- }
20087
-
20088
- .v-data-table--loading .v-data-table__td {
20089
- opacity: 0.3;
20090
- }
20091
-
20092
- .v-data-table-group-header-row__column {
20093
- padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
20094
- }
20095
-
20096
- .v-data-table-header__content {
20097
- display: flex;
20098
- align-items: center;
20099
- }
20100
-
20101
- .v-data-table-header__sort-badge {
20102
- display: inline-flex;
20103
- justify-content: center;
20104
- align-items: center;
20105
- font-size: 0.875rem;
20106
- padding: 4px;
20107
- border-radius: 50%;
20108
- background: rgba(var(--v-border-color), var(--v-border-opacity));
20109
- min-width: 20px;
20110
- min-height: 20px;
20111
- width: 20px;
20112
- height: 20px;
20113
- }
20114
-
20115
- .v-data-table-progress > th {
20116
- border: none !important;
20117
- height: auto !important;
20118
- padding: 0 !important;
20119
- }
20120
-
20121
- .v-data-table-rows-loading,
20122
- .v-data-table-rows-no-data {
20123
- text-align: center;
20124
- }.v-divider {
20125
- display: block;
20126
- flex: 1 1 100%;
20127
- height: 0px;
20128
- max-height: 0px;
20129
- opacity: var(--v-border-opacity);
20130
- transition: inherit;
20131
- border-style: solid;
20132
- border-width: thin 0 0 0;
20133
- }
20134
- .v-divider--vertical {
20135
- align-self: stretch;
20136
- border-width: 0 thin 0 0;
20137
- display: inline-flex;
20138
- height: inherit;
20139
- margin-left: -1px;
20140
- max-height: 100%;
20141
- max-width: 0px;
20142
- vertical-align: text-bottom;
20143
- width: 0px;
20144
- }
20145
- .v-divider--inset:not(.v-divider--vertical) {
20146
- max-width: calc(100% - 72px);
20147
- margin-inline-start: 72px;
20148
- }
20149
- .v-divider--inset.v-divider--vertical {
20150
- margin-bottom: 8px;
20151
- margin-top: 8px;
20152
- max-height: calc(100% - 16px);
20153
- }.v-dialog {
20154
- align-items: center;
20155
- justify-content: center;
20156
- margin: auto;
20157
- }
20158
- .v-dialog > .v-overlay__content {
20159
- max-height: calc(100% - 48px);
20160
- width: calc(100% - 48px);
20161
- max-width: calc(100% - 48px);
20162
- margin: 24px;
20163
- }
20164
- .v-dialog > .v-overlay__content,
20165
- .v-dialog > .v-overlay__content > form {
20166
- display: flex;
20167
- flex-direction: column;
20168
- min-height: 0;
20169
- }
20170
- .v-dialog > .v-overlay__content > .v-card,
20171
- .v-dialog > .v-overlay__content > .v-sheet,
20172
- .v-dialog > .v-overlay__content > form > .v-card,
20173
- .v-dialog > .v-overlay__content > form > .v-sheet {
20174
- --v-scrollbar-offset: 0px;
20175
- border-radius: 4px;
20176
- overflow-y: auto;
20177
- box-shadow: 0px 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 9px 46px 8px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
20178
- }
20179
- .v-dialog > .v-overlay__content > .v-card,
20180
- .v-dialog > .v-overlay__content > form > .v-card {
20181
- display: flex;
20182
- flex-direction: column;
20183
- }
20184
- .v-dialog > .v-overlay__content > .v-card > .v-card-item,
20185
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
20186
- padding: 14px 24px 0;
20187
- }
20188
- .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
20189
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
20190
- padding-top: 10px;
20191
- }
20192
- .v-dialog > .v-overlay__content > .v-card > .v-card-text,
20193
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
20194
- font-size: inherit;
20195
- letter-spacing: 0.03125em;
20196
- line-height: inherit;
20197
- padding: 16px 24px 10px;
20198
- }
20199
-
20200
- .v-dialog--fullscreen {
20201
- --v-scrollbar-offset: 0px;
20227
+ .v-dialog--fullscreen {
20228
+ --v-scrollbar-offset: 0px;
20202
20229
  }
20203
20230
  .v-dialog--fullscreen > .v-overlay__content {
20204
20231
  border-radius: 0;
@@ -20238,6 +20265,35 @@ html.overflow-y-hidden {
20238
20265
  -webkit-backface-visibility: hidden;
20239
20266
  backface-visibility: hidden;
20240
20267
  overflow-y: auto;
20268
+ }.v-divider {
20269
+ display: block;
20270
+ flex: 1 1 100%;
20271
+ height: 0px;
20272
+ max-height: 0px;
20273
+ opacity: var(--v-border-opacity);
20274
+ transition: inherit;
20275
+ border-style: solid;
20276
+ border-width: thin 0 0 0;
20277
+ }
20278
+ .v-divider--vertical {
20279
+ align-self: stretch;
20280
+ border-width: 0 thin 0 0;
20281
+ display: inline-flex;
20282
+ height: inherit;
20283
+ margin-left: -1px;
20284
+ max-height: 100%;
20285
+ max-width: 0px;
20286
+ vertical-align: text-bottom;
20287
+ width: 0px;
20288
+ }
20289
+ .v-divider--inset:not(.v-divider--vertical) {
20290
+ max-width: calc(100% - 72px);
20291
+ margin-inline-start: 72px;
20292
+ }
20293
+ .v-divider--inset.v-divider--vertical {
20294
+ margin-bottom: 8px;
20295
+ margin-top: 8px;
20296
+ max-height: calc(100% - 16px);
20241
20297
  }.v-expansion-panel {
20242
20298
  background-color: rgb(var(--v-theme-surface));
20243
20299
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -20437,6 +20493,26 @@ html.overflow-y-hidden {
20437
20493
  }
20438
20494
  .v-expansion-panels--variant-inset > .v-expansion-panel--active {
20439
20495
  max-width: calc(100% - 32px);
20496
+ }.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
20497
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
20498
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
20499
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20500
+ top: 0px;
20501
+ }
20502
+ .v-file-input input[type=file] {
20503
+ height: 100%;
20504
+ left: 0;
20505
+ opacity: 0;
20506
+ position: absolute;
20507
+ top: 0;
20508
+ width: 100%;
20509
+ z-index: 1;
20510
+ }
20511
+ .v-file-input .v-input__details {
20512
+ padding-inline: 16px;
20513
+ }
20514
+ .v-input--plain-underlined.v-file-input .v-input__details {
20515
+ padding-inline: 0;
20440
20516
  }/* region INPUT */
20441
20517
  .v-field {
20442
20518
  display: grid;
@@ -20696,11 +20772,17 @@ textarea.v-field__input::placeholder {
20696
20772
  opacity: 1;
20697
20773
  }
20698
20774
  }
20775
+ @media (hover: none) {
20776
+ .v-field__clearable {
20777
+ opacity: 1;
20778
+ }
20779
+ }
20699
20780
 
20700
20781
  /* endregion */
20701
20782
  /* region LABEL */
20702
20783
  .v-label.v-field-label {
20703
20784
  contain: layout paint;
20785
+ display: block;
20704
20786
  margin-inline-start: var(--v-field-padding-start);
20705
20787
  margin-inline-end: var(--v-field-padding-end);
20706
20788
  max-width: calc(100% - var(--v-field-padding-start) - var(--v-field-padding-end));
@@ -20850,6 +20932,7 @@ textarea.v-field__input::placeholder {
20850
20932
  .v-field--variant-outlined .v-field__outline__notch {
20851
20933
  flex: none;
20852
20934
  position: relative;
20935
+ max-width: calc(100% - 12px);
20853
20936
  }
20854
20937
  .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after {
20855
20938
  opacity: var(--v-field-border-opacity);
@@ -20979,24 +21062,7 @@ textarea.v-field__input::placeholder {
20979
21062
  opacity: 0;
20980
21063
  }
20981
21064
 
20982
- /* endregion */.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
20983
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
20984
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
20985
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20986
- top: 0px;
20987
- }
20988
- .v-file-input input[type=file] {
20989
- height: 100%;
20990
- left: 0;
20991
- opacity: 0;
20992
- position: absolute;
20993
- top: 0;
20994
- width: 100%;
20995
- z-index: 1;
20996
- }
20997
- .v-file-input .v-input__details {
20998
- padding-inline: 16px;
20999
- }.v-footer {
21065
+ /* endregion */.v-footer {
21000
21066
  align-items: center;
21001
21067
  display: flex;
21002
21068
  flex: 1 1 auto;
@@ -21106,6 +21172,31 @@ textarea.v-field__input::placeholder {
21106
21172
 
21107
21173
  .v-img__gradient {
21108
21174
  background-repeat: no-repeat;
21175
+ }.v-infinite-scroll--horizontal {
21176
+ display: flex;
21177
+ flex-direction: row;
21178
+ overflow-x: auto;
21179
+ }
21180
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21181
+ height: 100%;
21182
+ width: 1px;
21183
+ }
21184
+
21185
+ .v-infinite-scroll--vertical {
21186
+ display: flex;
21187
+ flex-direction: column;
21188
+ overflow-y: auto;
21189
+ }
21190
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21191
+ height: 1px;
21192
+ width: 100%;
21193
+ }
21194
+
21195
+ .v-infinite-scroll__side {
21196
+ align-items: center;
21197
+ display: flex;
21198
+ justify-content: center;
21199
+ padding: 8px;
21109
21200
  }.v-input {
21110
21201
  display: grid;
21111
21202
  flex: 1 1 auto;
@@ -21248,31 +21339,6 @@ textarea.v-field__input::placeholder {
21248
21339
 
21249
21340
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
21250
21341
  padding-top: calc(var(--v-input-padding-top) + 0px);
21251
- }.v-infinite-scroll--horizontal {
21252
- display: flex;
21253
- flex-direction: row;
21254
- overflow-x: auto;
21255
- }
21256
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21257
- height: 100%;
21258
- width: 1px;
21259
- }
21260
-
21261
- .v-infinite-scroll--vertical {
21262
- display: flex;
21263
- flex-direction: column;
21264
- overflow-y: auto;
21265
- }
21266
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21267
- height: 1px;
21268
- width: 100%;
21269
- }
21270
-
21271
- .v-infinite-scroll__side {
21272
- align-items: center;
21273
- display: flex;
21274
- justify-content: center;
21275
- padding: 8px;
21276
21342
  }.v-item-group {
21277
21343
  flex: 0 1 auto;
21278
21344
  max-width: 100%;
@@ -21885,6 +21951,22 @@ textarea.v-field__input::placeholder {
21885
21951
  overflow: auto;
21886
21952
  height: 100%;
21887
21953
  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-penumbra-opacity, rgba(0, 0, 0, 0.12));
21954
+ }.v-messages {
21955
+ flex: 1 1 auto;
21956
+ font-size: 12px;
21957
+ min-height: 14px;
21958
+ min-width: 1px;
21959
+ opacity: var(--v-medium-emphasis-opacity);
21960
+ position: relative;
21961
+ }
21962
+ .v-messages__message {
21963
+ line-height: 12px;
21964
+ word-break: break-word;
21965
+ overflow-wrap: break-word;
21966
+ word-wrap: break-word;
21967
+ -webkit-hyphens: auto;
21968
+ hyphens: auto;
21969
+ transition-duration: 150ms;
21888
21970
  }.v-navigation-drawer {
21889
21971
  -webkit-overflow-scrolling: touch;
21890
21972
  background: rgb(var(--v-theme-surface));
@@ -21983,22 +22065,6 @@ textarea.v-field__input::placeholder {
21983
22065
  .v-navigation-drawer__append {
21984
22066
  flex: none;
21985
22067
  overflow: hidden;
21986
- }.v-messages {
21987
- flex: 1 1 auto;
21988
- font-size: 12px;
21989
- min-height: 14px;
21990
- min-width: 1px;
21991
- opacity: var(--v-medium-emphasis-opacity);
21992
- position: relative;
21993
- }
21994
- .v-messages__message {
21995
- line-height: 12px;
21996
- word-break: break-word;
21997
- overflow-wrap: break-word;
21998
- word-wrap: break-word;
21999
- -webkit-hyphens: auto;
22000
- hyphens: auto;
22001
- transition-duration: 150ms;
22002
22068
  }.v-otp-input {
22003
22069
  border-radius: 4px;
22004
22070
  align-items: center;
@@ -22115,6 +22181,12 @@ html.v-overlay-scroll-blocked {
22115
22181
 
22116
22182
  .v-overlay--scroll-blocked {
22117
22183
  padding-inline-end: var(--v-scrollbar-offset);
22184
+ }.v-parallax {
22185
+ position: relative;
22186
+ overflow: hidden;
22187
+ }
22188
+ .v-parallax--active > .v-img__img {
22189
+ will-change: transform;
22118
22190
  }.v-pagination__list {
22119
22191
  display: inline-flex;
22120
22192
  list-style-type: none;
@@ -22225,12 +22297,6 @@ html.v-overlay-scroll-blocked {
22225
22297
  100% {
22226
22298
  transform: rotate(270deg);
22227
22299
  }
22228
- }.v-parallax {
22229
- position: relative;
22230
- overflow: hidden;
22231
- }
22232
- .v-parallax--active > .v-img__img {
22233
- will-change: transform;
22234
22300
  }.v-progress-linear {
22235
22301
  background: transparent;
22236
22302
  overflow: hidden;
@@ -22510,32 +22576,6 @@ html.v-overlay-scroll-blocked {
22510
22576
 
22511
22577
  .v-slider__label {
22512
22578
  margin-inline-end: 12px;
22513
- }.v-responsive {
22514
- display: flex;
22515
- flex: 1 0 auto;
22516
- max-height: 100%;
22517
- max-width: 100%;
22518
- overflow: hidden;
22519
- position: relative;
22520
- }
22521
- .v-responsive--inline {
22522
- display: inline-flex;
22523
- flex: 0 0 auto;
22524
- }
22525
-
22526
- .v-responsive__content {
22527
- flex: 1 0 0px;
22528
- max-width: 100%;
22529
- }
22530
-
22531
- .v-responsive__sizer ~ .v-responsive__content {
22532
- margin-inline-start: -100%;
22533
- }
22534
-
22535
- .v-responsive__sizer {
22536
- flex: 1 0 0px;
22537
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22538
- pointer-events: none;
22539
22579
  }.v-rating {
22540
22580
  max-width: 100%;
22541
22581
  display: inline-flex;
@@ -22590,6 +22630,32 @@ html.v-overlay-scroll-blocked {
22590
22630
  opacity: 0;
22591
22631
  position: absolute;
22592
22632
  width: 0;
22633
+ }.v-responsive {
22634
+ display: flex;
22635
+ flex: 1 0 auto;
22636
+ max-height: 100%;
22637
+ max-width: 100%;
22638
+ overflow: hidden;
22639
+ position: relative;
22640
+ }
22641
+ .v-responsive--inline {
22642
+ display: inline-flex;
22643
+ flex: 0 0 auto;
22644
+ }
22645
+
22646
+ .v-responsive__content {
22647
+ flex: 1 0 0px;
22648
+ max-width: 100%;
22649
+ }
22650
+
22651
+ .v-responsive__sizer ~ .v-responsive__content {
22652
+ margin-inline-start: -100%;
22653
+ }
22654
+
22655
+ .v-responsive__sizer {
22656
+ flex: 1 0 0px;
22657
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22658
+ pointer-events: none;
22593
22659
  }.v-select .v-field .v-text-field__prefix,
22594
22660
  .v-select .v-field .v-text-field__suffix,
22595
22661
  .v-select .v-field .v-field__input, .v-select .v-field.v-field {
@@ -22747,6 +22813,34 @@ html.v-overlay-scroll-blocked {
22747
22813
  .v-selection-control-group--inline {
22748
22814
  flex-direction: row;
22749
22815
  flex-wrap: wrap;
22816
+ }.v-sheet {
22817
+ display: block;
22818
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22819
+ border-style: solid;
22820
+ border-width: 0;
22821
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
22822
+ border-radius: 0;
22823
+ background: rgb(var(--v-theme-surface));
22824
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
22825
+ }
22826
+ .v-sheet--border {
22827
+ border-width: thin;
22828
+ box-shadow: none;
22829
+ }
22830
+ .v-sheet--absolute {
22831
+ position: absolute;
22832
+ }
22833
+ .v-sheet--fixed {
22834
+ position: fixed;
22835
+ }
22836
+ .v-sheet--relative {
22837
+ position: relative;
22838
+ }
22839
+ .v-sheet--sticky {
22840
+ position: sticky;
22841
+ }
22842
+ .v-sheet--rounded {
22843
+ border-radius: 4px;
22750
22844
  }.v-skeleton-loader {
22751
22845
  align-items: center;
22752
22846
  background: rgb(var(--v-theme-surface));
@@ -23012,34 +23106,6 @@ html.v-overlay-scroll-blocked {
23012
23106
  .v-slide-group--vertical .v-slide-group__container,
23013
23107
  .v-slide-group--vertical .v-slide-group__content {
23014
23108
  flex-direction: column;
23015
- }.v-sheet {
23016
- display: block;
23017
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
23018
- border-style: solid;
23019
- border-width: 0;
23020
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
23021
- border-radius: 0;
23022
- background: rgb(var(--v-theme-surface));
23023
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
23024
- }
23025
- .v-sheet--border {
23026
- border-width: thin;
23027
- box-shadow: none;
23028
- }
23029
- .v-sheet--absolute {
23030
- position: absolute;
23031
- }
23032
- .v-sheet--fixed {
23033
- position: fixed;
23034
- }
23035
- .v-sheet--relative {
23036
- position: relative;
23037
- }
23038
- .v-sheet--sticky {
23039
- position: sticky;
23040
- }
23041
- .v-sheet--rounded {
23042
- border-radius: 4px;
23043
23109
  }.v-snackbar {
23044
23110
  justify-content: center;
23045
23111
  z-index: 10000;
@@ -23498,156 +23564,50 @@ html.v-overlay-scroll-blocked {
23498
23564
  top: 0;
23499
23565
  height: 100%;
23500
23566
  width: 2px;
23501
- }.v-textarea .v-field {
23502
- --v-textarea-control-height: var(--v-input-control-height);
23567
+ }.v-table {
23568
+ background: rgb(var(--v-theme-surface));
23569
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
23570
+ font-size: 0.875rem;
23571
+ transition-duration: 0.28s;
23572
+ transition-property: box-shadow, opacity, background, height;
23573
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
23503
23574
  }
23504
- .v-textarea .v-field__field {
23505
- --v-input-control-height: var(--v-textarea-control-height);
23575
+ .v-table .v-table-divider {
23576
+ border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23506
23577
  }
23507
- .v-textarea .v-field__input {
23508
- flex: 1 1 auto;
23509
- outline: none;
23510
- -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));
23511
- 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));
23578
+ .v-table .v-table__wrapper > table > thead > tr > th {
23579
+ border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23512
23580
  }
23513
- .v-textarea .v-field__input.v-textarea__sizer {
23514
- visibility: hidden;
23581
+ .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > td,
23582
+ .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > th {
23583
+ border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23584
+ }
23585
+ .v-table .v-table__wrapper > table > tfoot > tr > td,
23586
+ .v-table .v-table__wrapper > table > tfoot > tr > th {
23587
+ border-top: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23588
+ }
23589
+ .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr > td {
23590
+ position: relative;
23591
+ }
23592
+ .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover > td::after {
23593
+ content: "";
23515
23594
  position: absolute;
23516
23595
  top: 0;
23517
23596
  left: 0;
23518
- height: 0 !important;
23519
- min-height: 0 !important;
23597
+ width: 100%;
23598
+ height: 100%;
23599
+ background: rgba(var(--v-border-color), var(--v-hover-opacity));
23520
23600
  pointer-events: none;
23521
23601
  }
23522
- .v-textarea--no-resize .v-field__input {
23523
- resize: none;
23602
+ .v-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
23603
+ background: rgb(var(--v-theme-surface));
23604
+ box-shadow: inset 0 -1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
23605
+ z-index: 1;
23524
23606
  }
23525
- .v-textarea .v-field--no-label textarea,
23526
- .v-textarea .v-field--active textarea {
23527
- opacity: 1;
23528
- }
23529
- .v-textarea textarea {
23530
- opacity: 0;
23531
- flex: 1;
23532
- min-width: 0;
23533
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
23534
- }
23535
- .v-textarea textarea:focus, .v-textarea textarea:active {
23536
- outline: none;
23537
- }
23538
- .v-textarea textarea:invalid {
23539
- box-shadow: none;
23540
- }/* region BLOCK */
23541
- .v-text-field input {
23542
- color: inherit;
23543
- opacity: 0;
23544
- flex: 1;
23545
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
23546
- min-width: 0;
23547
- }
23548
- .v-text-field input:focus, .v-text-field input:active {
23549
- outline: none;
23550
- }
23551
- .v-text-field input:invalid {
23552
- box-shadow: none;
23553
- }
23554
- .v-text-field .v-field {
23555
- cursor: text;
23556
- }
23557
- .v-text-field--prefixed.v-text-field .v-field__input {
23558
- --v-field-padding-start: 6px;
23559
- }
23560
-
23561
- .v-text-field--suffixed.v-text-field .v-field__input {
23562
- --v-field-padding-end: 0;
23563
- }
23564
-
23565
- .v-text-field .v-input__details {
23566
- padding-inline: 16px;
23567
- }
23568
- .v-input--plain-underlined.v-text-field .v-input__details {
23569
- padding-inline: 0;
23570
- }
23571
-
23572
- .v-text-field .v-field--no-label input,
23573
- .v-text-field .v-field--active input {
23574
- opacity: 1;
23575
- }
23576
- .v-text-field .v-field--single-line input {
23577
- transition: none;
23578
- }
23579
-
23580
- /* endregion */
23581
- /* region ELEMENTS */
23582
- .v-text-field__prefix, .v-text-field__suffix {
23583
- align-items: center;
23584
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
23585
- cursor: default;
23586
- display: flex;
23587
- opacity: 0;
23588
- transition: inherit;
23589
- white-space: nowrap;
23590
- min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
23591
- padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
23592
- padding-bottom: var(--v-field-padding-bottom, 6px);
23593
- }
23594
- .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
23595
- opacity: 1;
23596
- }
23597
- .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
23598
- color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
23599
- }
23600
- .v-text-field__prefix {
23601
- padding-inline-start: var(--v-field-padding-start);
23602
- }
23603
- .v-text-field__suffix {
23604
- padding-inline-end: var(--v-field-padding-end);
23605
- }
23606
-
23607
- /* endregion */.v-table {
23608
- background: rgb(var(--v-theme-surface));
23609
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
23610
- font-size: 0.875rem;
23611
- transition-duration: 0.28s;
23612
- transition-property: box-shadow, opacity, background, height;
23613
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
23614
- }
23615
- .v-table .v-table-divider {
23616
- border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23617
- }
23618
- .v-table .v-table__wrapper > table > thead > tr > th {
23619
- border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23620
- }
23621
- .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > td,
23622
- .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > th {
23623
- border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23624
- }
23625
- .v-table .v-table__wrapper > table > tfoot > tr > td,
23626
- .v-table .v-table__wrapper > table > tfoot > tr > th {
23627
- border-top: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23628
- }
23629
- .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr > td {
23630
- position: relative;
23631
- }
23632
- .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover > td::after {
23633
- content: "";
23634
- position: absolute;
23635
- top: 0;
23636
- left: 0;
23637
- width: 100%;
23638
- height: 100%;
23639
- background: rgba(var(--v-border-color), var(--v-hover-opacity));
23640
- pointer-events: none;
23641
- }
23642
- .v-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
23643
- background: rgb(var(--v-theme-surface));
23644
- box-shadow: inset 0 -1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
23645
- z-index: 1;
23646
- }
23647
- .v-table.v-table--fixed-footer > tfoot > tr > th,
23648
- .v-table.v-table--fixed-footer > tfoot > tr > td {
23649
- background: rgb(var(--v-theme-surface));
23650
- box-shadow: inset 0 1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
23607
+ .v-table.v-table--fixed-footer > tfoot > tr > th,
23608
+ .v-table.v-table--fixed-footer > tfoot > tr > td {
23609
+ background: rgb(var(--v-theme-surface));
23610
+ box-shadow: inset 0 1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
23651
23611
  }
23652
23612
 
23653
23613
  .v-table {
@@ -23755,7 +23715,113 @@ html.v-overlay-scroll-blocked {
23755
23715
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
23756
23716
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
23757
23717
  border-top: 0px !important;
23758
- }.v-theme-provider {
23718
+ }.v-textarea .v-field {
23719
+ --v-textarea-control-height: var(--v-input-control-height);
23720
+ }
23721
+ .v-textarea .v-field__field {
23722
+ --v-input-control-height: var(--v-textarea-control-height);
23723
+ }
23724
+ .v-textarea .v-field__input {
23725
+ flex: 1 1 auto;
23726
+ outline: none;
23727
+ -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));
23728
+ 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));
23729
+ }
23730
+ .v-textarea .v-field__input.v-textarea__sizer {
23731
+ visibility: hidden;
23732
+ position: absolute;
23733
+ top: 0;
23734
+ left: 0;
23735
+ height: 0 !important;
23736
+ min-height: 0 !important;
23737
+ pointer-events: none;
23738
+ }
23739
+ .v-textarea--no-resize .v-field__input {
23740
+ resize: none;
23741
+ }
23742
+ .v-textarea .v-field--no-label textarea,
23743
+ .v-textarea .v-field--active textarea {
23744
+ opacity: 1;
23745
+ }
23746
+ .v-textarea textarea {
23747
+ opacity: 0;
23748
+ flex: 1;
23749
+ min-width: 0;
23750
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
23751
+ }
23752
+ .v-textarea textarea:focus, .v-textarea textarea:active {
23753
+ outline: none;
23754
+ }
23755
+ .v-textarea textarea:invalid {
23756
+ box-shadow: none;
23757
+ }/* region BLOCK */
23758
+ .v-text-field input {
23759
+ color: inherit;
23760
+ opacity: 0;
23761
+ flex: 1;
23762
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
23763
+ min-width: 0;
23764
+ }
23765
+ .v-text-field input:focus, .v-text-field input:active {
23766
+ outline: none;
23767
+ }
23768
+ .v-text-field input:invalid {
23769
+ box-shadow: none;
23770
+ }
23771
+ .v-text-field .v-field {
23772
+ cursor: text;
23773
+ }
23774
+ .v-text-field--prefixed.v-text-field .v-field__input {
23775
+ --v-field-padding-start: 6px;
23776
+ }
23777
+
23778
+ .v-text-field--suffixed.v-text-field .v-field__input {
23779
+ --v-field-padding-end: 0;
23780
+ }
23781
+
23782
+ .v-text-field .v-input__details {
23783
+ padding-inline: 16px;
23784
+ }
23785
+ .v-input--plain-underlined.v-text-field .v-input__details {
23786
+ padding-inline: 0;
23787
+ }
23788
+
23789
+ .v-text-field .v-field--no-label input,
23790
+ .v-text-field .v-field--active input {
23791
+ opacity: 1;
23792
+ }
23793
+ .v-text-field .v-field--single-line input {
23794
+ transition: none;
23795
+ }
23796
+
23797
+ /* endregion */
23798
+ /* region ELEMENTS */
23799
+ .v-text-field__prefix, .v-text-field__suffix {
23800
+ align-items: center;
23801
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
23802
+ cursor: default;
23803
+ display: flex;
23804
+ opacity: 0;
23805
+ transition: inherit;
23806
+ white-space: nowrap;
23807
+ min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
23808
+ padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
23809
+ padding-bottom: var(--v-field-padding-bottom, 6px);
23810
+ }
23811
+ .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
23812
+ opacity: 1;
23813
+ }
23814
+ .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
23815
+ color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
23816
+ }
23817
+ .v-text-field__prefix {
23818
+ padding-inline-start: var(--v-field-padding-start);
23819
+ }
23820
+ .v-text-field__suffix {
23821
+ padding-inline-end: var(--v-field-padding-end);
23822
+ }
23823
+
23824
+ /* endregion */.v-theme-provider {
23759
23825
  background: rgb(var(--v-theme-background));
23760
23826
  color: rgb(var(--v-theme-on-background));
23761
23827
  }.v-timeline .v-timeline-divider__dot {
@@ -24400,61 +24466,56 @@ html.v-overlay-scroll-blocked {
24400
24466
  }
24401
24467
  .v-window-y-reverse-transition-leave-to {
24402
24468
  transform: translateY(100%);
24403
- }.v-bottom-navigation {
24469
+ }.v-color-picker-canvas {
24404
24470
  display: flex;
24405
- max-width: 100%;
24471
+ position: relative;
24406
24472
  overflow: hidden;
24473
+ contain: content;
24474
+ touch-action: none;
24475
+ }
24476
+ .v-color-picker-canvas__dot {
24407
24477
  position: absolute;
24408
- transition: transform, color 0.2s, 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24409
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
24410
- border-style: solid;
24411
- border-width: 0;
24412
- border-radius: 0;
24413
- background: rgb(var(--v-theme-surface));
24414
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24478
+ top: 0;
24479
+ left: 0;
24480
+ width: 15px;
24481
+ height: 15px;
24482
+ background: transparent;
24483
+ border-radius: 50%;
24484
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
24415
24485
  }
24416
- .v-bottom-navigation--border {
24417
- border-width: thin;
24418
- box-shadow: none;
24486
+ .v-color-picker-canvas__dot--disabled {
24487
+ 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);
24419
24488
  }
24420
- .v-bottom-navigation--active {
24421
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
24489
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
24490
+ will-change: transform;
24491
+ }.v-color-picker-edit {
24492
+ display: flex;
24493
+ margin-top: 24px;
24422
24494
  }
24423
24495
 
24424
- .v-bottom-navigation__content {
24496
+ .v-color-picker-edit__input {
24497
+ width: 100%;
24425
24498
  display: flex;
24426
- flex: none;
24427
- font-size: 0.75rem;
24499
+ flex-wrap: wrap;
24428
24500
  justify-content: center;
24429
- transition: inherit;
24430
- width: 100%;
24431
- }
24432
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
24433
- font-size: inherit;
24434
- height: 100%;
24435
- max-width: 168px;
24436
- min-width: 80px;
24437
- text-transform: none;
24438
- transition: inherit;
24439
- width: auto;
24440
- border-radius: 0;
24441
- }
24442
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
24443
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
24444
- transition: inherit;
24445
- }
24446
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
24447
- font-size: 1.5rem;
24501
+ text-align: center;
24448
24502
  }
24449
- .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
24450
- flex-grow: 1;
24503
+ .v-color-picker-edit__input:not(:last-child) {
24504
+ margin-inline-end: 8px;
24451
24505
  }
24452
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
24453
- transition: inherit;
24454
- opacity: 0;
24506
+ .v-color-picker-edit__input input {
24507
+ border-radius: 4px;
24508
+ margin-bottom: 8px;
24509
+ min-width: 0;
24510
+ outline: none;
24511
+ text-align: center;
24512
+ width: 100%;
24513
+ height: 32px;
24514
+ background: rgba(var(--v-theme-surface-variant), 0.2);
24515
+ color: rgba(var(--v-theme-on-surface));
24455
24516
  }
24456
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
24457
- transform: translateY(0.5rem);
24517
+ .v-color-picker-edit__input span {
24518
+ font-size: 0.75rem;
24458
24519
  }.v-color-picker-preview__alpha .v-slider-track__background {
24459
24520
  background-color: transparent !important;
24460
24521
  }
@@ -24524,142 +24585,246 @@ html.v-overlay-scroll-blocked {
24524
24585
  .v-color-picker-preview__eye-dropper {
24525
24586
  position: relative;
24526
24587
  margin-right: 12px;
24527
- }.v-color-picker-canvas {
24588
+ }.v-color-picker-swatches {
24589
+ overflow-y: auto;
24590
+ }
24591
+ .v-color-picker-swatches > div {
24592
+ display: flex;
24593
+ flex-wrap: wrap;
24594
+ justify-content: center;
24595
+ padding: 8px;
24596
+ }
24597
+
24598
+ .v-color-picker-swatches__swatch {
24528
24599
  display: flex;
24600
+ flex-direction: column;
24601
+ margin-bottom: 10px;
24602
+ }
24603
+
24604
+ .v-color-picker-swatches__color {
24529
24605
  position: relative;
24606
+ height: 18px;
24607
+ max-height: 18px;
24608
+ width: 45px;
24609
+ margin: 2px 4px;
24610
+ border-radius: 2px;
24611
+ -webkit-user-select: none;
24612
+ user-select: none;
24530
24613
  overflow: hidden;
24531
- contain: content;
24532
- touch-action: none;
24614
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
24615
+ cursor: pointer;
24533
24616
  }
24534
- .v-color-picker-canvas__dot {
24535
- position: absolute;
24536
- top: 0;
24537
- left: 0;
24538
- width: 15px;
24539
- height: 15px;
24540
- background: transparent;
24541
- border-radius: 50%;
24542
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
24617
+ .v-color-picker-swatches__color > div {
24618
+ display: flex;
24619
+ align-items: center;
24620
+ justify-content: center;
24621
+ width: 100%;
24622
+ height: 100%;
24623
+ }.v-picker.v-sheet {
24624
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
24625
+ border-radius: 4px;
24626
+ display: grid;
24627
+ grid-auto-rows: min-content;
24628
+ grid-template-areas: "title" "header" "body";
24629
+ overflow: hidden;
24543
24630
  }
24544
- .v-color-picker-canvas__dot--disabled {
24545
- 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);
24631
+ .v-picker.v-sheet.v-picker--with-actions {
24632
+ grid-template-areas: "title" "header" "body" "actions";
24546
24633
  }
24547
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
24548
- will-change: transform;
24549
- }.v-color-picker-edit {
24550
- display: flex;
24551
- margin-top: 24px;
24634
+
24635
+ .v-picker__body {
24636
+ grid-area: body;
24552
24637
  }
24553
24638
 
24554
- .v-color-picker-edit__input {
24555
- width: 100%;
24639
+ .v-picker__header {
24640
+ grid-area: header;
24641
+ }
24642
+
24643
+ .v-picker__actions {
24644
+ grid-area: actions;
24645
+ padding: 0 12px 12px 12px;
24556
24646
  display: flex;
24557
- flex-wrap: wrap;
24558
- justify-content: center;
24559
- text-align: center;
24647
+ align-items: center;
24648
+ justify-content: flex-end;
24560
24649
  }
24561
- .v-color-picker-edit__input:not(:last-child) {
24650
+ .v-picker__actions .v-btn {
24651
+ min-width: 48px;
24652
+ }
24653
+ .v-picker__actions .v-btn:not(:last-child) {
24562
24654
  margin-inline-end: 8px;
24563
24655
  }
24564
- .v-color-picker-edit__input input {
24565
- border-radius: 4px;
24566
- margin-bottom: 8px;
24567
- min-width: 0;
24656
+
24657
+ .v-picker--landscape {
24658
+ grid-template-areas: "title" "header body" "header body";
24659
+ }
24660
+
24661
+ .v-picker--landscape.v-picker--with-actions {
24662
+ grid-template-areas: "title" "header body" "header actions";
24663
+ }
24664
+
24665
+ .v-picker-title {
24666
+ text-transform: uppercase;
24667
+ font-size: 0.75rem;
24668
+ grid-area: title;
24669
+ padding-inline: 24px 12px;
24670
+ padding-top: 16px;
24671
+ padding-bottom: 16px;
24672
+ font-weight: 600;
24673
+ letter-spacing: 0.1666666667em;
24674
+ }.v-slider-thumb {
24675
+ touch-action: none;
24676
+ color: rgb(var(--v-theme-surface-variant));
24677
+ }
24678
+ .v-input--error:not(.v-input--disabled) .v-slider-thumb {
24679
+ color: inherit;
24680
+ }
24681
+
24682
+ .v-slider-thumb__label {
24683
+ background: rgba(var(--v-theme-surface-variant), 0.7);
24684
+ color: rgb(var(--v-theme-on-surface-variant));
24685
+ }
24686
+ .v-slider-thumb__label::before {
24687
+ color: rgba(var(--v-theme-surface-variant), 0.7);
24688
+ }
24689
+
24690
+ .v-slider-thumb {
24568
24691
  outline: none;
24569
- text-align: center;
24692
+ position: absolute;
24693
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
24694
+ }
24695
+
24696
+ .v-slider-thumb__surface {
24697
+ cursor: pointer;
24698
+ width: var(--v-slider-thumb-size);
24699
+ height: var(--v-slider-thumb-size);
24700
+ border-radius: 50%;
24701
+ -webkit-user-select: none;
24702
+ user-select: none;
24703
+ background-color: currentColor;
24704
+ }
24705
+ .v-slider-thumb__surface::before {
24706
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
24707
+ content: "";
24708
+ color: inherit;
24709
+ top: 0;
24710
+ left: 0;
24570
24711
  width: 100%;
24571
- height: 32px;
24572
- background: rgba(var(--v-theme-surface-variant), 0.2);
24573
- color: rgba(var(--v-theme-on-surface));
24712
+ height: 100%;
24713
+ border-radius: 50%;
24714
+ background: currentColor;
24715
+ position: absolute;
24716
+ pointer-events: none;
24717
+ opacity: 0;
24574
24718
  }
24575
- .v-color-picker-edit__input span {
24576
- font-size: 0.75rem;
24577
- }.v-color-picker-swatches {
24578
- overflow-y: auto;
24719
+ .v-slider-thumb__surface::after {
24720
+ content: "";
24721
+ width: 42px;
24722
+ height: 42px;
24723
+ position: absolute;
24724
+ top: 50%;
24725
+ left: 50%;
24726
+ transform: translate(-50%, -50%);
24579
24727
  }
24580
- .v-color-picker-swatches > div {
24728
+
24729
+ .v-slider-thumb__label-container {
24730
+ position: absolute;
24731
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
24732
+ }
24733
+
24734
+ .v-slider-thumb__label {
24581
24735
  display: flex;
24582
- flex-wrap: wrap;
24736
+ align-items: center;
24583
24737
  justify-content: center;
24584
- padding: 8px;
24738
+ font-size: 0.75rem;
24739
+ min-width: 35px;
24740
+ height: 25px;
24741
+ border-radius: 4px;
24742
+ padding: 6px;
24743
+ position: absolute;
24744
+ -webkit-user-select: none;
24745
+ user-select: none;
24746
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
24747
+ }
24748
+ .v-slider-thumb__label::before {
24749
+ content: "";
24750
+ width: 0;
24751
+ height: 0;
24752
+ position: absolute;
24585
24753
  }
24586
24754
 
24587
- .v-color-picker-swatches__swatch {
24588
- display: flex;
24589
- flex-direction: column;
24590
- margin-bottom: 10px;
24755
+ .v-slider-thumb__ripple {
24756
+ position: absolute;
24757
+ left: calc(var(--v-slider-thumb-size) / -2);
24758
+ top: calc(var(--v-slider-thumb-size) / -2);
24759
+ width: calc(var(--v-slider-thumb-size) * 2);
24760
+ height: calc(var(--v-slider-thumb-size) * 2);
24761
+ background: inherit;
24591
24762
  }
24592
24763
 
24593
- .v-color-picker-swatches__color {
24594
- position: relative;
24595
- height: 18px;
24596
- max-height: 18px;
24597
- width: 45px;
24598
- margin: 2px 4px;
24599
- border-radius: 2px;
24600
- -webkit-user-select: none;
24601
- user-select: none;
24602
- overflow: hidden;
24603
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
24604
- cursor: pointer;
24764
+ .v-slider.v-input--horizontal .v-slider-thumb {
24765
+ top: 50%;
24766
+ transform: translateY(-50%);
24767
+ inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
24605
24768
  }
24606
- .v-color-picker-swatches__color > div {
24607
- display: flex;
24608
- align-items: center;
24609
- justify-content: center;
24610
- width: 100%;
24611
- height: 100%;
24612
- }.v-picker.v-sheet {
24613
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
24614
- border-radius: 4px;
24615
- display: grid;
24616
- grid-auto-rows: min-content;
24617
- grid-template-areas: "title" "header" "body";
24618
- overflow: hidden;
24769
+ .v-slider.v-input--horizontal .v-slider-thumb__label-container {
24770
+ left: calc(var(--v-slider-thumb-size) / 2);
24771
+ top: 0;
24619
24772
  }
24620
- .v-picker.v-sheet.v-picker--with-actions {
24621
- grid-template-areas: "title" "header" "body" "actions";
24773
+ .v-slider.v-input--horizontal .v-slider-thumb__label {
24774
+ bottom: calc(var(--v-slider-thumb-size) / 2);
24775
+ }
24776
+ .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 {
24777
+ transform: translateX(-50%);
24622
24778
  }
24623
24779
 
24624
- .v-picker__body {
24625
- grid-area: body;
24780
+ .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 {
24781
+ transform: translateX(50%);
24626
24782
  }
24627
24783
 
24628
- .v-picker__header {
24629
- grid-area: header;
24784
+ .v-slider.v-input--horizontal .v-slider-thumb__label::before {
24785
+ border-left: 6px solid transparent;
24786
+ border-right: 6px solid transparent;
24787
+ border-top: 6px solid currentColor;
24788
+ bottom: -6px;
24630
24789
  }
24631
24790
 
24632
- .v-picker__actions {
24633
- grid-area: actions;
24634
- padding: 0 12px 12px 12px;
24635
- display: flex;
24636
- align-items: center;
24637
- justify-content: flex-end;
24791
+ .v-slider.v-input--vertical .v-slider-thumb {
24792
+ top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
24638
24793
  }
24639
- .v-picker__actions .v-btn {
24640
- min-width: 48px;
24794
+ .v-slider.v-input--vertical .v-slider-thumb__label-container {
24795
+ top: calc(var(--v-slider-thumb-size) / 2);
24796
+ right: 0;
24641
24797
  }
24642
- .v-picker__actions .v-btn:not(:last-child) {
24643
- margin-inline-end: 8px;
24798
+ .v-slider.v-input--vertical .v-slider-thumb__label {
24799
+ top: -12.5px;
24800
+ left: calc(var(--v-slider-thumb-size) / 2);
24801
+ }
24802
+ .v-slider.v-input--vertical .v-slider-thumb__label::before {
24803
+ border-right: 6px solid currentColor;
24804
+ border-top: 6px solid transparent;
24805
+ border-bottom: 6px solid transparent;
24806
+ left: -6px;
24644
24807
  }
24645
24808
 
24646
- .v-picker--landscape {
24647
- grid-template-areas: "title" "header body" "header body";
24809
+ .v-slider-thumb--focused .v-slider-thumb__surface::before {
24810
+ transform: scale(2);
24811
+ opacity: var(--v-focus-opacity);
24648
24812
  }
24649
24813
 
24650
- .v-picker--landscape.v-picker--with-actions {
24651
- grid-template-areas: "title" "header body" "header actions";
24814
+ .v-slider-thumb--pressed {
24815
+ transition: none;
24816
+ }
24817
+ .v-slider-thumb--pressed .v-slider-thumb__surface::before {
24818
+ opacity: var(--v-pressed-opacity);
24652
24819
  }
24653
24820
 
24654
- .v-picker-title {
24655
- text-transform: uppercase;
24656
- font-size: 0.75rem;
24657
- grid-area: title;
24658
- padding-inline: 24px 12px;
24659
- padding-top: 16px;
24660
- padding-bottom: 16px;
24661
- font-weight: 600;
24662
- letter-spacing: 0.1666666667em;
24821
+ @media (hover: hover) {
24822
+ .v-slider-thumb:hover .v-slider-thumb__surface::before {
24823
+ transform: scale(2);
24824
+ }
24825
+ .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
24826
+ opacity: var(--v-hover-opacity);
24827
+ }
24663
24828
  }.v-slider-track__background {
24664
24829
  background-color: rgb(var(--v-theme-surface-variant));
24665
24830
  }
@@ -24823,158 +24988,4 @@ html.v-overlay-scroll-blocked {
24823
24988
 
24824
24989
  .v-slider-track__background--opacity {
24825
24990
  opacity: 0.38;
24826
- }.v-slider-thumb {
24827
- touch-action: none;
24828
- color: rgb(var(--v-theme-surface-variant));
24829
- }
24830
- .v-input--error:not(.v-input--disabled) .v-slider-thumb {
24831
- color: inherit;
24832
- }
24833
-
24834
- .v-slider-thumb__label {
24835
- background: rgba(var(--v-theme-surface-variant), 0.7);
24836
- color: rgb(var(--v-theme-on-surface-variant));
24837
- }
24838
- .v-slider-thumb__label::before {
24839
- color: rgba(var(--v-theme-surface-variant), 0.7);
24840
- }
24841
-
24842
- .v-slider-thumb {
24843
- outline: none;
24844
- position: absolute;
24845
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
24846
- }
24847
-
24848
- .v-slider-thumb__surface {
24849
- cursor: pointer;
24850
- width: var(--v-slider-thumb-size);
24851
- height: var(--v-slider-thumb-size);
24852
- border-radius: 50%;
24853
- -webkit-user-select: none;
24854
- user-select: none;
24855
- background-color: currentColor;
24856
- }
24857
- .v-slider-thumb__surface::before {
24858
- transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
24859
- content: "";
24860
- color: inherit;
24861
- top: 0;
24862
- left: 0;
24863
- width: 100%;
24864
- height: 100%;
24865
- border-radius: 50%;
24866
- background: currentColor;
24867
- position: absolute;
24868
- pointer-events: none;
24869
- opacity: 0;
24870
- }
24871
- .v-slider-thumb__surface::after {
24872
- content: "";
24873
- width: 42px;
24874
- height: 42px;
24875
- position: absolute;
24876
- top: 50%;
24877
- left: 50%;
24878
- transform: translate(-50%, -50%);
24879
- }
24880
-
24881
- .v-slider-thumb__label-container {
24882
- position: absolute;
24883
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
24884
- }
24885
-
24886
- .v-slider-thumb__label {
24887
- display: flex;
24888
- align-items: center;
24889
- justify-content: center;
24890
- font-size: 0.75rem;
24891
- min-width: 35px;
24892
- height: 25px;
24893
- border-radius: 4px;
24894
- padding: 6px;
24895
- position: absolute;
24896
- -webkit-user-select: none;
24897
- user-select: none;
24898
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
24899
- }
24900
- .v-slider-thumb__label::before {
24901
- content: "";
24902
- width: 0;
24903
- height: 0;
24904
- position: absolute;
24905
- }
24906
-
24907
- .v-slider-thumb__ripple {
24908
- position: absolute;
24909
- left: calc(var(--v-slider-thumb-size) / -2);
24910
- top: calc(var(--v-slider-thumb-size) / -2);
24911
- width: calc(var(--v-slider-thumb-size) * 2);
24912
- height: calc(var(--v-slider-thumb-size) * 2);
24913
- background: inherit;
24914
- }
24915
-
24916
- .v-slider.v-input--horizontal .v-slider-thumb {
24917
- top: 50%;
24918
- transform: translateY(-50%);
24919
- inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
24920
- }
24921
- .v-slider.v-input--horizontal .v-slider-thumb__label-container {
24922
- left: calc(var(--v-slider-thumb-size) / 2);
24923
- top: 0;
24924
- }
24925
- .v-slider.v-input--horizontal .v-slider-thumb__label {
24926
- bottom: calc(var(--v-slider-thumb-size) / 2);
24927
- }
24928
- .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 {
24929
- transform: translateX(-50%);
24930
- }
24931
-
24932
- .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 {
24933
- transform: translateX(50%);
24934
- }
24935
-
24936
- .v-slider.v-input--horizontal .v-slider-thumb__label::before {
24937
- border-left: 6px solid transparent;
24938
- border-right: 6px solid transparent;
24939
- border-top: 6px solid currentColor;
24940
- bottom: -6px;
24941
- }
24942
-
24943
- .v-slider.v-input--vertical .v-slider-thumb {
24944
- top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
24945
- }
24946
- .v-slider.v-input--vertical .v-slider-thumb__label-container {
24947
- top: calc(var(--v-slider-thumb-size) / 2);
24948
- right: 0;
24949
- }
24950
- .v-slider.v-input--vertical .v-slider-thumb__label {
24951
- top: -12.5px;
24952
- left: calc(var(--v-slider-thumb-size) / 2);
24953
- }
24954
- .v-slider.v-input--vertical .v-slider-thumb__label::before {
24955
- border-right: 6px solid currentColor;
24956
- border-top: 6px solid transparent;
24957
- border-bottom: 6px solid transparent;
24958
- left: -6px;
24959
- }
24960
-
24961
- .v-slider-thumb--focused .v-slider-thumb__surface::before {
24962
- transform: scale(2);
24963
- opacity: var(--v-focus-opacity);
24964
- }
24965
-
24966
- .v-slider-thumb--pressed {
24967
- transition: none;
24968
- }
24969
- .v-slider-thumb--pressed .v-slider-thumb__surface::before {
24970
- opacity: var(--v-pressed-opacity);
24971
- }
24972
-
24973
- @media (hover: hover) {
24974
- .v-slider-thumb:hover .v-slider-thumb__surface::before {
24975
- transform: scale(2);
24976
- }
24977
- .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
24978
- opacity: var(--v-hover-opacity);
24979
- }
24980
24991
  }