vuetify 3.4.4 → 3.4.6

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 (49) hide show
  1. package/dist/json/attributes.json +1402 -1402
  2. package/dist/json/importMap.json +120 -120
  3. package/dist/json/web-types.json +2609 -2609
  4. package/dist/vuetify-labs.css +2824 -2813
  5. package/dist/vuetify-labs.esm.js +106 -98
  6. package/dist/vuetify-labs.esm.js.map +1 -1
  7. package/dist/vuetify-labs.js +106 -98
  8. package/dist/vuetify-labs.min.css +2 -2
  9. package/dist/vuetify.css +1196 -1185
  10. package/dist/vuetify.d.ts +34 -34
  11. package/dist/vuetify.esm.js +106 -98
  12. package/dist/vuetify.esm.js.map +1 -1
  13. package/dist/vuetify.js +106 -98
  14. package/dist/vuetify.js.map +1 -1
  15. package/dist/vuetify.min.css +2 -2
  16. package/dist/vuetify.min.js +707 -706
  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/composables/theme.mjs +85 -82
  43. package/lib/composables/theme.mjs.map +1 -1
  44. package/lib/entry-bundler.mjs +1 -1
  45. package/lib/framework.mjs +1 -1
  46. package/lib/index.d.mts +34 -34
  47. package/lib/locale/ru.mjs +23 -23
  48. package/lib/locale/ru.mjs.map +1 -1
  49. 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.6
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -16981,202 +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
- }.v-application {
16997
- display: flex;
16998
- background: rgb(var(--v-theme-background));
16999
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
17000
- }
17001
-
17002
- .v-application__wrap {
17003
- -webkit-backface-visibility: hidden;
17004
- backface-visibility: hidden;
17005
- display: flex;
17006
- flex-direction: column;
17007
- flex: 1 1 auto;
17008
- max-width: 100%;
17009
- min-height: 100vh;
17010
- min-height: 100dvh;
17011
- 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
16984
  }.v-alert {
17181
16985
  display: grid;
17182
16986
  flex: 1 1;
@@ -17387,56 +17191,236 @@ html.overflow-y-hidden {
17387
17191
  text-transform: none;
17388
17192
  word-break: normal;
17389
17193
  word-wrap: break-word;
17390
- }.v-badge {
17391
- display: inline-block;
17392
- line-height: 1;
17194
+ }.v-app-bar {
17195
+ display: flex;
17393
17196
  }
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));
17197
+ .v-app-bar.v-toolbar {
17198
+ background: rgb(var(--v-theme-surface));
17199
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17413
17200
  }
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);
17201
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17202
+ 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));
17426
17203
  }
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;
17204
+ .v-app-bar:not(.v-toolbar--absolute) {
17205
+ padding-inline-end: var(--v-scrollbar-offset);
17206
+ }.v-autocomplete .v-field .v-text-field__prefix,
17207
+ .v-autocomplete .v-field .v-text-field__suffix,
17208
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17209
+ cursor: text;
17433
17210
  }
17434
- .v-badge--dot .v-badge__badge::after {
17435
- border-width: 1.5px;
17211
+ .v-autocomplete .v-field .v-field__input > input {
17212
+ flex: 1 1;
17436
17213
  }
17437
- .v-badge--inline .v-badge__badge {
17438
- position: relative;
17439
- vertical-align: middle;
17214
+ .v-autocomplete .v-field input {
17215
+ min-width: 64px;
17216
+ }
17217
+ .v-autocomplete .v-field:not(.v-field--focused) input {
17218
+ min-width: 0;
17219
+ }
17220
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17221
+ margin-inline-end: 2px;
17222
+ }
17223
+ .v-autocomplete .v-autocomplete__selection-text {
17224
+ overflow: hidden;
17225
+ text-overflow: ellipsis;
17226
+ white-space: nowrap;
17227
+ }
17228
+
17229
+ .v-autocomplete__content {
17230
+ overflow: hidden;
17231
+ 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));
17232
+ border-radius: 4px;
17233
+ }
17234
+ .v-autocomplete__mask {
17235
+ background: rgb(var(--v-theme-on-surface-variant));
17236
+ }
17237
+ .v-autocomplete__selection {
17238
+ display: inline-flex;
17239
+ align-items: center;
17240
+ height: 1.5rem;
17241
+ letter-spacing: inherit;
17242
+ line-height: inherit;
17243
+ max-width: calc(100% - 2px);
17244
+ }
17245
+ .v-autocomplete__selection:first-child {
17246
+ margin-inline-start: 0;
17247
+ }
17248
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17249
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17250
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17251
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17252
+ top: 0px;
17253
+ }
17254
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
17255
+ opacity: var(--v-medium-emphasis-opacity);
17256
+ }
17257
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17258
+ opacity: 1;
17259
+ }
17260
+ .v-autocomplete--selecting-index .v-field__input > input {
17261
+ caret-color: transparent;
17262
+ }
17263
+ .v-autocomplete--single.v-text-field input {
17264
+ flex: 1 1;
17265
+ position: absolute;
17266
+ left: 0;
17267
+ right: 0;
17268
+ width: 100%;
17269
+ padding-inline: inherit;
17270
+ }
17271
+ .v-autocomplete--single .v-field--active input {
17272
+ transition: none;
17273
+ }
17274
+ .v-autocomplete--single .v-field--dirty:not(.v-field--focused) input {
17275
+ opacity: 0;
17276
+ }
17277
+ .v-autocomplete--single .v-field--focused .v-autocomplete__selection {
17278
+ opacity: 0;
17279
+ }
17280
+ .v-autocomplete__menu-icon {
17281
+ margin-inline-start: 4px;
17282
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17283
+ }
17284
+ .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17285
+ opacity: var(--v-high-emphasis-opacity);
17286
+ transform: rotate(180deg);
17287
+ }.v-avatar {
17288
+ flex: none;
17289
+ align-items: center;
17290
+ display: inline-flex;
17291
+ justify-content: center;
17292
+ line-height: normal;
17293
+ overflow: hidden;
17294
+ position: relative;
17295
+ text-align: center;
17296
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17297
+ transition-property: width, height;
17298
+ vertical-align: middle;
17299
+ border-radius: 50%;
17300
+ }
17301
+ .v-avatar.v-avatar--size-x-small {
17302
+ --v-avatar-height: 24px;
17303
+ }
17304
+ .v-avatar.v-avatar--size-small {
17305
+ --v-avatar-height: 32px;
17306
+ }
17307
+ .v-avatar.v-avatar--size-default {
17308
+ --v-avatar-height: 40px;
17309
+ }
17310
+ .v-avatar.v-avatar--size-large {
17311
+ --v-avatar-height: 48px;
17312
+ }
17313
+ .v-avatar.v-avatar--size-x-large {
17314
+ --v-avatar-height: 56px;
17315
+ }
17316
+ .v-avatar.v-avatar--density-default {
17317
+ height: calc(var(--v-avatar-height) + 0px);
17318
+ width: calc(var(--v-avatar-height) + 0px);
17319
+ }
17320
+ .v-avatar.v-avatar--density-comfortable {
17321
+ height: calc(var(--v-avatar-height) + -4px);
17322
+ width: calc(var(--v-avatar-height) + -4px);
17323
+ }
17324
+ .v-avatar.v-avatar--density-compact {
17325
+ height: calc(var(--v-avatar-height) + -8px);
17326
+ width: calc(var(--v-avatar-height) + -8px);
17327
+ }
17328
+ .v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
17329
+ background: transparent;
17330
+ color: inherit;
17331
+ }
17332
+ .v-avatar--variant-plain {
17333
+ opacity: 0.62;
17334
+ }
17335
+ .v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
17336
+ opacity: 1;
17337
+ }
17338
+ .v-avatar--variant-plain .v-avatar__overlay {
17339
+ display: none;
17340
+ }
17341
+ .v-avatar--variant-elevated, .v-avatar--variant-flat {
17342
+ background: var(--v-theme-surface);
17343
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
17344
+ }
17345
+ .v-avatar--variant-elevated {
17346
+ 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));
17347
+ }
17348
+ .v-avatar--variant-flat {
17349
+ 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));
17350
+ }
17351
+ .v-avatar--variant-outlined {
17352
+ border: thin solid currentColor;
17353
+ }
17354
+ .v-avatar--variant-text .v-avatar__overlay {
17355
+ background: currentColor;
17356
+ }
17357
+ .v-avatar--variant-tonal .v-avatar__underlay {
17358
+ background: currentColor;
17359
+ opacity: var(--v-activated-opacity);
17360
+ border-radius: inherit;
17361
+ position: absolute;
17362
+ top: 0;
17363
+ right: 0;
17364
+ bottom: 0;
17365
+ left: 0;
17366
+ pointer-events: none;
17367
+ }
17368
+ .v-avatar--rounded {
17369
+ border-radius: 4px;
17370
+ }
17371
+ .v-avatar .v-img {
17372
+ height: 100%;
17373
+ width: 100%;
17374
+ }.v-badge {
17375
+ display: inline-block;
17376
+ line-height: 1;
17377
+ }
17378
+
17379
+ .v-badge__badge {
17380
+ align-items: center;
17381
+ display: inline-flex;
17382
+ border-radius: 10px;
17383
+ font-size: 0.75rem;
17384
+ font-weight: 500;
17385
+ height: 1.25rem;
17386
+ justify-content: center;
17387
+ min-width: 20px;
17388
+ padding: 4px 6px;
17389
+ pointer-events: auto;
17390
+ position: absolute;
17391
+ text-align: center;
17392
+ text-indent: 0;
17393
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
17394
+ white-space: nowrap;
17395
+ background: rgb(var(--v-theme-surface-variant));
17396
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
17397
+ }
17398
+ .v-badge--bordered .v-badge__badge::after {
17399
+ border-radius: inherit;
17400
+ border-style: solid;
17401
+ border-width: 2px;
17402
+ bottom: 0;
17403
+ color: rgb(var(--v-theme-background));
17404
+ content: "";
17405
+ left: 0;
17406
+ position: absolute;
17407
+ right: 0;
17408
+ top: 0;
17409
+ transform: scale(1.05);
17410
+ }
17411
+ .v-badge--dot .v-badge__badge {
17412
+ border-radius: 4.5px;
17413
+ height: 9px;
17414
+ min-width: 0;
17415
+ padding: 0;
17416
+ width: 9px;
17417
+ }
17418
+ .v-badge--dot .v-badge__badge::after {
17419
+ border-width: 1.5px;
17420
+ }
17421
+ .v-badge--inline .v-badge__badge {
17422
+ position: relative;
17423
+ vertical-align: middle;
17440
17424
  }
17441
17425
  .v-badge__badge .v-icon {
17442
17426
  color: inherit;
@@ -17458,38 +17442,6 @@ html.overflow-y-hidden {
17458
17442
  display: inline-flex;
17459
17443
  justify-content: center;
17460
17444
  margin: 0 4px;
17461
- }.bottom-sheet-transition-enter-from {
17462
- transform: translateY(100%);
17463
- }
17464
- .bottom-sheet-transition-leave-to {
17465
- transform: translateY(100%);
17466
- }
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;
17472
- left: 0;
17473
- right: 0;
17474
- margin-inline: 0;
17475
- margin-bottom: 0;
17476
- transition-duration: 0.2s;
17477
- 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));
17481
- }
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;
17485
- }
17486
- .v-bottom-sheet.v-bottom-sheet--inset {
17487
- max-width: none;
17488
- }
17489
- @media (min-width: 600px) {
17490
- .v-bottom-sheet.v-bottom-sheet--inset {
17491
- max-width: 70%;
17492
- }
17493
17445
  }.v-banner {
17494
17446
  display: grid;
17495
17447
  flex: 1 1;
@@ -17647,18 +17599,105 @@ html.overflow-y-hidden {
17647
17599
  }
17648
17600
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
17649
17601
  align-self: flex-start;
17650
- }.v-breadcrumbs {
17651
- display: flex;
17652
- align-items: center;
17653
- line-height: 1.375rem;
17654
- padding: 16px 12px;
17602
+ }.bottom-sheet-transition-enter-from {
17603
+ transform: translateY(100%);
17655
17604
  }
17656
- .v-breadcrumbs--rounded {
17657
- border-radius: 4px;
17605
+ .bottom-sheet-transition-leave-to {
17606
+ transform: translateY(100%);
17658
17607
  }
17659
- .v-breadcrumbs--density-default {
17660
- padding-top: 16px;
17661
- padding-bottom: 16px;
17608
+
17609
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
17610
+ align-self: flex-end;
17611
+ border-radius: 0;
17612
+ flex: 0 1 auto;
17613
+ left: 0;
17614
+ right: 0;
17615
+ margin-inline: 0;
17616
+ margin-bottom: 0;
17617
+ transition-duration: 0.2s;
17618
+ width: 100%;
17619
+ max-width: 100%;
17620
+ overflow: visible;
17621
+ 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));
17622
+ }
17623
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
17624
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
17625
+ border-radius: 0;
17626
+ }
17627
+ .v-bottom-sheet.v-bottom-sheet--inset {
17628
+ max-width: none;
17629
+ }
17630
+ @media (min-width: 600px) {
17631
+ .v-bottom-sheet.v-bottom-sheet--inset {
17632
+ max-width: 70%;
17633
+ }
17634
+ }.v-bottom-navigation {
17635
+ display: flex;
17636
+ max-width: 100%;
17637
+ overflow: hidden;
17638
+ position: absolute;
17639
+ transition: transform, color 0.2s, 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17640
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17641
+ border-style: solid;
17642
+ border-width: 0;
17643
+ border-radius: 0;
17644
+ background: rgb(var(--v-theme-surface));
17645
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17646
+ }
17647
+ .v-bottom-navigation--border {
17648
+ border-width: thin;
17649
+ box-shadow: none;
17650
+ }
17651
+ .v-bottom-navigation--active {
17652
+ 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));
17653
+ }
17654
+
17655
+ .v-bottom-navigation__content {
17656
+ display: flex;
17657
+ flex: none;
17658
+ font-size: 0.75rem;
17659
+ justify-content: center;
17660
+ transition: inherit;
17661
+ width: 100%;
17662
+ }
17663
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
17664
+ font-size: inherit;
17665
+ height: 100%;
17666
+ max-width: 168px;
17667
+ min-width: 80px;
17668
+ text-transform: none;
17669
+ transition: inherit;
17670
+ width: auto;
17671
+ border-radius: 0;
17672
+ }
17673
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
17674
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
17675
+ transition: inherit;
17676
+ }
17677
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
17678
+ font-size: 1.5rem;
17679
+ }
17680
+ .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
17681
+ flex-grow: 1;
17682
+ }
17683
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
17684
+ transition: inherit;
17685
+ opacity: 0;
17686
+ }
17687
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
17688
+ transform: translateY(0.5rem);
17689
+ }.v-breadcrumbs {
17690
+ display: flex;
17691
+ align-items: center;
17692
+ line-height: 1.375rem;
17693
+ padding: 16px 12px;
17694
+ }
17695
+ .v-breadcrumbs--rounded {
17696
+ border-radius: 4px;
17697
+ }
17698
+ .v-breadcrumbs--density-default {
17699
+ padding-top: 16px;
17700
+ padding-bottom: 16px;
17662
17701
  }
17663
17702
 
17664
17703
  .v-breadcrumbs--density-comfortable {
@@ -18176,69 +18215,6 @@ html.overflow-y-hidden {
18176
18215
  }
18177
18216
  .v-btn-group--tile {
18178
18217
  border-radius: 0;
18179
- }.v-carousel {
18180
- overflow: hidden;
18181
- position: relative;
18182
- width: 100%;
18183
- }
18184
- .v-carousel__controls {
18185
- align-items: center;
18186
- bottom: 0;
18187
- display: flex;
18188
- height: 50px;
18189
- justify-content: center;
18190
- list-style-type: none;
18191
- position: absolute;
18192
- width: 100%;
18193
- z-index: 1;
18194
- background: rgba(var(--v-theme-surface-variant), 0.3);
18195
- color: rgb(var(--v-theme-on-surface-variant));
18196
- }
18197
- .v-carousel__controls > .v-item-group {
18198
- flex: 0 1 auto;
18199
- }
18200
- .v-carousel__controls__item {
18201
- margin: 0 8px;
18202
- }
18203
- .v-carousel__controls__item .v-icon {
18204
- opacity: 0.5;
18205
- }
18206
- .v-carousel__controls__item--active .v-icon {
18207
- opacity: 1;
18208
- vertical-align: middle;
18209
- }
18210
- .v-carousel__controls__item:hover {
18211
- background: none;
18212
- }
18213
- .v-carousel__controls__item:hover .v-icon {
18214
- opacity: 0.8;
18215
- }
18216
-
18217
- .v-carousel__progress {
18218
- margin: 0;
18219
- position: absolute;
18220
- bottom: 0;
18221
- left: 0;
18222
- right: 0;
18223
- }
18224
-
18225
- .v-carousel-item {
18226
- display: block;
18227
- height: inherit;
18228
- text-decoration: none;
18229
- }
18230
- .v-carousel-item > .v-img {
18231
- height: inherit;
18232
- }
18233
-
18234
- .v-carousel--hide-delimiter-background .v-carousel__controls {
18235
- background: transparent;
18236
- }
18237
-
18238
- .v-carousel--vertical-delimiters .v-carousel__controls {
18239
- flex-direction: column;
18240
- height: 100% !important;
18241
- width: 50px;
18242
18218
  }.v-card {
18243
18219
  display: block;
18244
18220
  overflow: hidden;
@@ -18531,26 +18507,71 @@ html.overflow-y-hidden {
18531
18507
  pointer-events: none;
18532
18508
  opacity: 0;
18533
18509
  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 {
18510
+ }.v-carousel {
18511
+ overflow: hidden;
18512
+ position: relative;
18513
+ width: 100%;
18514
+ }
18515
+ .v-carousel__controls {
18516
+ align-items: center;
18517
+ bottom: 0;
18537
18518
  display: flex;
18538
- max-width: 100%;
18539
- min-width: 0;
18540
- overflow-x: auto;
18541
- padding: 4px 0;
18542
- flex-wrap: wrap;
18519
+ height: 50px;
18520
+ justify-content: center;
18521
+ list-style-type: none;
18522
+ position: absolute;
18523
+ width: 100%;
18524
+ z-index: 1;
18525
+ background: rgba(var(--v-theme-surface-variant), 0.3);
18526
+ color: rgb(var(--v-theme-on-surface-variant));
18543
18527
  }
18544
- .v-chip-group .v-chip {
18545
- margin: 4px 8px 4px 0;
18528
+ .v-carousel__controls > .v-item-group {
18529
+ flex: 0 1 auto;
18546
18530
  }
18547
- .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
18548
- opacity: var(--v-activated-opacity);
18531
+ .v-carousel__controls__item {
18532
+ margin: 0 8px;
18533
+ }
18534
+ .v-carousel__controls__item .v-icon {
18535
+ opacity: 0.5;
18536
+ }
18537
+ .v-carousel__controls__item--active .v-icon {
18538
+ opacity: 1;
18539
+ vertical-align: middle;
18540
+ }
18541
+ .v-carousel__controls__item:hover {
18542
+ background: none;
18543
+ }
18544
+ .v-carousel__controls__item:hover .v-icon {
18545
+ opacity: 0.8;
18549
18546
  }
18550
18547
 
18551
- .v-chip-group--column {
18552
- flex-wrap: wrap;
18553
- white-space: normal;
18548
+ .v-carousel__progress {
18549
+ margin: 0;
18550
+ position: absolute;
18551
+ bottom: 0;
18552
+ left: 0;
18553
+ right: 0;
18554
+ }
18555
+
18556
+ .v-carousel-item {
18557
+ display: block;
18558
+ height: inherit;
18559
+ text-decoration: none;
18560
+ }
18561
+ .v-carousel-item > .v-img {
18562
+ height: inherit;
18563
+ }
18564
+
18565
+ .v-carousel--hide-delimiter-background .v-carousel__controls {
18566
+ background: transparent;
18567
+ }
18568
+
18569
+ .v-carousel--vertical-delimiters .v-carousel__controls {
18570
+ flex-direction: column;
18571
+ height: 100% !important;
18572
+ width: 50px;
18573
+ }.v-checkbox .v-selection-control {
18574
+ min-height: var(--v-input-control-height);
18554
18575
  }.v-chip {
18555
18576
  align-items: center;
18556
18577
  cursor: default;
@@ -18959,6 +18980,24 @@ html.overflow-y-hidden {
18959
18980
 
18960
18981
  .v-chip--label {
18961
18982
  border-radius: 4px;
18983
+ }.v-chip-group {
18984
+ display: flex;
18985
+ max-width: 100%;
18986
+ min-width: 0;
18987
+ overflow-x: auto;
18988
+ padding: 4px 0;
18989
+ flex-wrap: wrap;
18990
+ }
18991
+ .v-chip-group .v-chip {
18992
+ margin: 4px 8px 4px 0;
18993
+ }
18994
+ .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
18995
+ opacity: var(--v-activated-opacity);
18996
+ }
18997
+
18998
+ .v-chip-group--column {
18999
+ flex-wrap: wrap;
19000
+ white-space: normal;
18962
19001
  }.v-container {
18963
19002
  width: 100%;
18964
19003
  padding: 16px;
@@ -19737,264 +19776,8 @@ html.overflow-y-hidden {
19737
19776
  flex: 0 1 auto;
19738
19777
  font-size: 12px;
19739
19778
  transition-duration: 150ms;
19740
- }.v-date-picker__input {
19741
- padding-top: 16px;
19742
- padding-left: 24px;
19743
- padding-right: 24px;
19744
- }
19745
-
19746
- .v-date-picker {
19747
- overflow: hidden;
19748
- width: 360px;
19749
- }
19750
- .v-date-picker--show-week {
19751
- width: 408px;
19752
- }
19753
-
19754
- .v-date-picker-month {
19755
- padding: 0 12px 12px;
19756
- }
19757
-
19758
- .v-date-picker-month__day {
19759
- height: 48px;
19760
- width: 48px;
19761
- }
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;
19774
- }
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;
19780
- }
19781
- .v-date-picker-controls--variant-classic {
19782
- padding-inline-start: 12px;
19783
- }
19784
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
19785
- opacity: 0.7;
19786
- }
19787
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
19788
- cursor: pointer;
19789
- }
19790
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
19791
- opacity: 1;
19792
- }
19793
- .v-date-picker-controls .v-btn:last-child {
19794
- margin-inline-start: 4px;
19795
- }
19796
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
19797
- transform: rotate(180deg);
19798
- }
19799
-
19800
- .v-date-picker-controls__date {
19801
- margin-inline-end: 4px;
19802
- }
19803
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
19804
- margin: auto;
19805
- text-align: center;
19806
- }
19807
-
19808
- .v-date-picker-controls__month {
19809
- display: flex;
19810
- }
19811
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
19812
- flex-direction: row-reverse;
19813
- }
19814
-
19815
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
19816
- flex: 1 0 auto;
19817
- }
19818
-
19819
- .v-date-picker__title {
19820
- display: inline-block;
19821
- }.v-date-picker-header {
19822
- display: grid;
19823
- grid-template-areas: "prepend content append";
19824
- grid-template-columns: min-content minmax(0, 1fr) min-content;
19825
- overflow: hidden;
19826
- padding-inline: 24px 12px;
19827
- padding-bottom: 12px;
19828
- }
19829
-
19830
- .v-date-picker-header__append {
19831
- grid-area: append;
19832
- }
19833
-
19834
- .v-date-picker-header__prepend {
19835
- grid-area: prepend;
19836
- padding-inline-start: 8px;
19837
- }
19838
-
19839
- .v-date-picker-header__content {
19840
- align-items: center;
19841
- display: inline-flex;
19842
- font-size: 32px;
19843
- line-height: 40px;
19844
- grid-area: content;
19845
- justify-content: space-between;
19846
- }
19847
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
19848
- opacity: 0.7;
19849
- }
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
-
19857
- .date-picker-header-transition-enter-active,
19858
- .date-picker-header-reverse-transition-enter-active {
19859
- transition-duration: 0.3s;
19860
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19861
- }
19862
- .date-picker-header-transition-leave-active,
19863
- .date-picker-header-reverse-transition-leave-active {
19864
- transition-duration: 0.3s;
19865
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19866
- }
19867
-
19868
- .date-picker-header-transition-enter-from {
19869
- transform: translate(0, 100%);
19870
- }
19871
- .date-picker-header-transition-leave-to {
19872
- opacity: 0;
19873
- transform: translate(0, -100%);
19874
- }
19875
-
19876
- .date-picker-header-reverse-transition-enter-from {
19877
- transform: translate(0, -100%);
19878
- }
19879
- .date-picker-header-reverse-transition-leave-to {
19880
- opacity: 0;
19881
- transform: translate(0, 100%);
19882
- }.v-date-picker-month {
19883
- display: flex;
19884
- justify-content: center;
19885
- min-width: 328px;
19886
- --v-date-picker-month-day-diff: 4px;
19887
- }
19888
-
19889
- .v-date-picker-month__weeks {
19890
- display: grid;
19891
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
19892
- row-gap: 4px;
19893
- font-size: 0.875rem;
19894
- }
19895
- .v-date-picker-month__weeks + .v-date-picker-month__days {
19896
- grid-row-gap: 0;
19897
- }
19898
-
19899
- .v-date-picker-month__weekday {
19900
- font-size: 0.875rem;
19901
- }
19902
-
19903
- .v-date-picker-month__days {
19904
- display: grid;
19905
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
19906
- row-gap: 4px;
19907
- flex: 1 1;
19908
- justify-content: space-around;
19909
- }
19910
-
19911
- .v-date-picker-month__day {
19912
- align-items: center;
19913
- display: flex;
19914
- justify-content: center;
19915
- position: relative;
19916
- }
19917
- .v-date-picker-month__day--selected .v-btn {
19918
- background-color: rgb(var(--v-theme-surface-variant));
19919
- color: rgb(var(--v-theme-on-surface-variant));
19920
- }
19921
- .v-date-picker-month__day--week {
19922
- font-size: var(--v-btn-size);
19923
- }
19924
-
19925
- .v-date-picker-month__day--adjacent {
19926
- opacity: 0.5;
19927
- }
19928
-
19929
- .v-date-picker-month__day--hide-adjacent {
19930
- opacity: 0;
19931
- }.v-date-picker-months {
19932
- height: 320px;
19933
- overflow-y: scroll;
19934
- }
19935
-
19936
- .v-date-picker-months__content {
19937
- align-items: center;
19938
- display: grid;
19939
- flex: 1 1;
19940
- height: inherit;
19941
- justify-content: space-around;
19942
- grid-template-columns: repeat(2, 1fr);
19943
- grid-gap: 4px 24px;
19944
- padding-inline-start: 36px;
19945
- padding-inline-end: 36px;
19946
- }
19947
- .v-date-picker-months__content .v-btn {
19948
- text-transform: none;
19949
- padding-inline-start: 8px;
19950
- 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;
19968
- align-items: center;
19969
- flex-wrap: wrap;
19970
- padding: 4px;
19971
- justify-content: flex-end;
19972
- }
19973
-
19974
- .v-data-table-footer__items-per-page {
19975
- padding-inline-end: 24px;
19976
- display: flex;
19977
- align-items: center;
19978
- justify-content: space-between;
19979
- }
19980
- .v-data-table-footer__items-per-page > span {
19981
- padding-inline-end: 24px;
19982
- }
19983
-
19984
- .v-data-table-footer__info {
19985
- display: flex;
19986
- padding-inline-end: 24px;
19987
- }
19988
-
19989
- .v-data-table-footer__pagination {
19990
- display: flex;
19991
- align-items: center;
19992
- }
19993
-
19994
- .v-data-table-footer__page {
19995
- padding: 0 8px;
19996
- }.v-data-table {
19997
- width: 100%;
19779
+ }.v-data-table {
19780
+ width: 100%;
19998
19781
  }
19999
19782
 
20000
19783
  .v-data-table__table {
@@ -20118,38 +19901,266 @@ html.overflow-y-hidden {
20118
19901
  padding: 0 !important;
20119
19902
  }
20120
19903
 
19904
+ .v-data-table-progress__loader {
19905
+ position: relative;
19906
+ }
19907
+
20121
19908
  .v-data-table-rows-loading,
20122
19909
  .v-data-table-rows-no-data {
20123
19910
  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;
19911
+ }.v-data-table-footer {
19912
+ display: flex;
19913
+ align-items: center;
19914
+ flex-wrap: wrap;
19915
+ padding: 4px;
19916
+ justify-content: flex-end;
20133
19917
  }
20134
- .v-divider--vertical {
20135
- align-self: stretch;
20136
- border-width: 0 thin 0 0;
19918
+
19919
+ .v-data-table-footer__items-per-page {
19920
+ padding-inline-end: 24px;
19921
+ display: flex;
19922
+ align-items: center;
19923
+ justify-content: space-between;
19924
+ }
19925
+ .v-data-table-footer__items-per-page > span {
19926
+ padding-inline-end: 24px;
19927
+ }
19928
+
19929
+ .v-data-table-footer__info {
19930
+ display: flex;
19931
+ padding-inline-end: 24px;
19932
+ }
19933
+
19934
+ .v-data-table-footer__pagination {
19935
+ display: flex;
19936
+ align-items: center;
19937
+ }
19938
+
19939
+ .v-data-table-footer__page {
19940
+ padding: 0 8px;
19941
+ }.v-date-picker__input {
19942
+ padding-top: 16px;
19943
+ padding-left: 24px;
19944
+ padding-right: 24px;
19945
+ }
19946
+
19947
+ .v-date-picker {
19948
+ overflow: hidden;
19949
+ width: 360px;
19950
+ }
19951
+ .v-date-picker--show-week {
19952
+ width: 408px;
19953
+ }
19954
+
19955
+ .v-date-picker-month {
19956
+ padding: 0 12px 12px;
19957
+ }
19958
+
19959
+ .v-date-picker-month__day {
19960
+ height: 48px;
19961
+ width: 48px;
19962
+ }
19963
+ .v-date-picker-month__day .v-btn {
19964
+ --v-btn-height: 28px;
19965
+ --v-btn-size: 0.85rem;
19966
+ }.v-date-picker-header {
19967
+ display: grid;
19968
+ grid-template-areas: "prepend content append";
19969
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
19970
+ overflow: hidden;
19971
+ padding-inline: 24px 12px;
19972
+ padding-bottom: 12px;
19973
+ }
19974
+
19975
+ .v-date-picker-header__append {
19976
+ grid-area: append;
19977
+ }
19978
+
19979
+ .v-date-picker-header__prepend {
19980
+ grid-area: prepend;
19981
+ padding-inline-start: 8px;
19982
+ }
19983
+
19984
+ .v-date-picker-header__content {
19985
+ align-items: center;
20137
19986
  display: inline-flex;
19987
+ font-size: 32px;
19988
+ line-height: 40px;
19989
+ grid-area: content;
19990
+ justify-content: space-between;
19991
+ }
19992
+ .v-date-picker-header--clickable .v-date-picker-header__content {
19993
+ cursor: pointer;
19994
+ }
19995
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
19996
+ opacity: 0.7;
19997
+ }
19998
+
19999
+ .date-picker-header-transition-enter-active,
20000
+ .date-picker-header-reverse-transition-enter-active {
20001
+ transition-duration: 0.3s;
20002
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20003
+ }
20004
+ .date-picker-header-transition-leave-active,
20005
+ .date-picker-header-reverse-transition-leave-active {
20006
+ transition-duration: 0.3s;
20007
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20008
+ }
20009
+
20010
+ .date-picker-header-transition-enter-from {
20011
+ transform: translate(0, 100%);
20012
+ }
20013
+ .date-picker-header-transition-leave-to {
20014
+ opacity: 0;
20015
+ transform: translate(0, -100%);
20016
+ }
20017
+
20018
+ .date-picker-header-reverse-transition-enter-from {
20019
+ transform: translate(0, -100%);
20020
+ }
20021
+ .date-picker-header-reverse-transition-leave-to {
20022
+ opacity: 0;
20023
+ transform: translate(0, 100%);
20024
+ }.v-date-picker-controls {
20025
+ display: flex;
20026
+ align-items: center;
20027
+ justify-content: space-between;
20028
+ font-size: 0.875rem;
20029
+ padding-top: 4px;
20030
+ padding-bottom: 4px;
20031
+ padding-inline-start: 6px;
20032
+ padding-inline-end: 12px;
20033
+ }
20034
+ .v-date-picker-controls > .v-btn:first-child {
20035
+ text-transform: none;
20036
+ font-weight: 400;
20037
+ line-height: initial;
20038
+ letter-spacing: initial;
20039
+ }
20040
+ .v-date-picker-controls--variant-classic {
20041
+ padding-inline-start: 12px;
20042
+ }
20043
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20044
+ opacity: 0.7;
20045
+ }
20046
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20047
+ cursor: pointer;
20048
+ }
20049
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20050
+ opacity: 1;
20051
+ }
20052
+ .v-date-picker-controls .v-btn:last-child {
20053
+ margin-inline-start: 4px;
20054
+ }
20055
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20056
+ transform: rotate(180deg);
20057
+ }
20058
+
20059
+ .v-date-picker-controls__date {
20060
+ margin-inline-end: 4px;
20061
+ }
20062
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20063
+ margin: auto;
20064
+ text-align: center;
20065
+ }
20066
+
20067
+ .v-date-picker-controls__month {
20068
+ display: flex;
20069
+ }
20070
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20071
+ flex-direction: row-reverse;
20072
+ }
20073
+
20074
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20075
+ flex: 1 0 auto;
20076
+ }
20077
+
20078
+ .v-date-picker__title {
20079
+ display: inline-block;
20080
+ }.v-date-picker-month {
20081
+ display: flex;
20082
+ justify-content: center;
20083
+ min-width: 328px;
20084
+ --v-date-picker-month-day-diff: 4px;
20085
+ }
20086
+
20087
+ .v-date-picker-month__weeks {
20088
+ display: grid;
20089
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20090
+ row-gap: 4px;
20091
+ font-size: 0.875rem;
20092
+ }
20093
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
20094
+ grid-row-gap: 0;
20095
+ }
20096
+
20097
+ .v-date-picker-month__weekday {
20098
+ font-size: 0.875rem;
20099
+ }
20100
+
20101
+ .v-date-picker-month__days {
20102
+ display: grid;
20103
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20104
+ row-gap: 4px;
20105
+ flex: 1 1;
20106
+ justify-content: space-around;
20107
+ }
20108
+
20109
+ .v-date-picker-month__day {
20110
+ align-items: center;
20111
+ display: flex;
20112
+ justify-content: center;
20113
+ position: relative;
20114
+ }
20115
+ .v-date-picker-month__day--selected .v-btn {
20116
+ background-color: rgb(var(--v-theme-surface-variant));
20117
+ color: rgb(var(--v-theme-on-surface-variant));
20118
+ }
20119
+ .v-date-picker-month__day--week {
20120
+ font-size: var(--v-btn-size);
20121
+ }
20122
+
20123
+ .v-date-picker-month__day--adjacent {
20124
+ opacity: 0.5;
20125
+ }
20126
+
20127
+ .v-date-picker-month__day--hide-adjacent {
20128
+ opacity: 0;
20129
+ }.v-date-picker-months {
20130
+ height: 320px;
20131
+ overflow-y: scroll;
20132
+ }
20133
+
20134
+ .v-date-picker-months__content {
20135
+ align-items: center;
20136
+ display: grid;
20137
+ flex: 1 1;
20138
20138
  height: inherit;
20139
- margin-left: -1px;
20140
- max-height: 100%;
20141
- max-width: 0px;
20142
- vertical-align: text-bottom;
20143
- width: 0px;
20139
+ justify-content: space-around;
20140
+ grid-template-columns: repeat(2, 1fr);
20141
+ grid-gap: 4px 24px;
20142
+ padding-inline-start: 36px;
20143
+ padding-inline-end: 36px;
20144
20144
  }
20145
- .v-divider--inset:not(.v-divider--vertical) {
20146
- max-width: calc(100% - 72px);
20147
- margin-inline-start: 72px;
20145
+ .v-date-picker-months__content .v-btn {
20146
+ text-transform: none;
20147
+ padding-inline-start: 8px;
20148
+ padding-inline-end: 8px;
20149
+ }.v-date-picker-years {
20150
+ height: 320px;
20151
+ overflow-y: scroll;
20148
20152
  }
20149
- .v-divider--inset.v-divider--vertical {
20150
- margin-bottom: 8px;
20151
- margin-top: 8px;
20152
- max-height: calc(100% - 16px);
20153
+
20154
+ .v-date-picker-years__content {
20155
+ display: grid;
20156
+ flex: 1 1;
20157
+ justify-content: space-around;
20158
+ grid-template-columns: repeat(3, 1fr);
20159
+ gap: 8px 24px;
20160
+ padding-inline: 36px;
20161
+ }
20162
+ .v-date-picker-years__content .v-btn {
20163
+ padding-inline: 8px;
20153
20164
  }.v-dialog {
20154
20165
  align-items: center;
20155
20166
  justify-content: center;
@@ -20238,6 +20249,35 @@ html.overflow-y-hidden {
20238
20249
  -webkit-backface-visibility: hidden;
20239
20250
  backface-visibility: hidden;
20240
20251
  overflow-y: auto;
20252
+ }.v-divider {
20253
+ display: block;
20254
+ flex: 1 1 100%;
20255
+ height: 0px;
20256
+ max-height: 0px;
20257
+ opacity: var(--v-border-opacity);
20258
+ transition: inherit;
20259
+ border-style: solid;
20260
+ border-width: thin 0 0 0;
20261
+ }
20262
+ .v-divider--vertical {
20263
+ align-self: stretch;
20264
+ border-width: 0 thin 0 0;
20265
+ display: inline-flex;
20266
+ height: inherit;
20267
+ margin-left: -1px;
20268
+ max-height: 100%;
20269
+ max-width: 0px;
20270
+ vertical-align: text-bottom;
20271
+ width: 0px;
20272
+ }
20273
+ .v-divider--inset:not(.v-divider--vertical) {
20274
+ max-width: calc(100% - 72px);
20275
+ margin-inline-start: 72px;
20276
+ }
20277
+ .v-divider--inset.v-divider--vertical {
20278
+ margin-bottom: 8px;
20279
+ margin-top: 8px;
20280
+ max-height: calc(100% - 16px);
20241
20281
  }.v-expansion-panel {
20242
20282
  background-color: rgb(var(--v-theme-surface));
20243
20283
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -20696,11 +20736,17 @@ textarea.v-field__input::placeholder {
20696
20736
  opacity: 1;
20697
20737
  }
20698
20738
  }
20739
+ @media (hover: none) {
20740
+ .v-field__clearable {
20741
+ opacity: 1;
20742
+ }
20743
+ }
20699
20744
 
20700
20745
  /* endregion */
20701
20746
  /* region LABEL */
20702
20747
  .v-label.v-field-label {
20703
20748
  contain: layout paint;
20749
+ display: block;
20704
20750
  margin-inline-start: var(--v-field-padding-start);
20705
20751
  margin-inline-end: var(--v-field-padding-end);
20706
20752
  max-width: calc(100% - var(--v-field-padding-start) - var(--v-field-padding-end));
@@ -20850,6 +20896,7 @@ textarea.v-field__input::placeholder {
20850
20896
  .v-field--variant-outlined .v-field__outline__notch {
20851
20897
  flex: none;
20852
20898
  position: relative;
20899
+ max-width: calc(100% - 12px);
20853
20900
  }
20854
20901
  .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after {
20855
20902
  opacity: var(--v-field-border-opacity);
@@ -20974,29 +21021,12 @@ textarea.v-field__input::placeholder {
20974
21021
  border-image: repeating-linear-gradient(to right, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 0px, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 2px, transparent 2px, transparent 4px) 1 repeat;
20975
21022
  }
20976
21023
 
20977
- .v-field--loading .v-field__outline::after,
20978
- .v-field--loading .v-field__outline::before {
20979
- opacity: 0;
20980
- }
20981
-
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;
21024
+ .v-field--loading .v-field__outline::after,
21025
+ .v-field--loading .v-field__outline::before {
20991
21026
  opacity: 0;
20992
- position: absolute;
20993
- top: 0;
20994
- width: 100%;
20995
- z-index: 1;
20996
21027
  }
20997
- .v-file-input .v-input__details {
20998
- padding-inline: 16px;
20999
- }.v-footer {
21028
+
21029
+ /* endregion */.v-footer {
21000
21030
  align-items: center;
21001
21031
  display: flex;
21002
21032
  flex: 1 1 auto;
@@ -21024,6 +21054,26 @@ textarea.v-field__input::placeholder {
21024
21054
  }
21025
21055
  .v-footer--rounded {
21026
21056
  border-radius: 4px;
21057
+ }.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21058
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21059
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21060
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21061
+ top: 0px;
21062
+ }
21063
+ .v-file-input input[type=file] {
21064
+ height: 100%;
21065
+ left: 0;
21066
+ opacity: 0;
21067
+ position: absolute;
21068
+ top: 0;
21069
+ width: 100%;
21070
+ z-index: 1;
21071
+ }
21072
+ .v-file-input .v-input__details {
21073
+ padding-inline: 16px;
21074
+ }
21075
+ .v-input--plain-underlined.v-file-input .v-input__details {
21076
+ padding-inline: 0;
21027
21077
  }.v-icon {
21028
21078
  --v-icon-size-multiplier: 1;
21029
21079
  align-items: center;
@@ -21106,6 +21156,31 @@ textarea.v-field__input::placeholder {
21106
21156
 
21107
21157
  .v-img__gradient {
21108
21158
  background-repeat: no-repeat;
21159
+ }.v-infinite-scroll--horizontal {
21160
+ display: flex;
21161
+ flex-direction: row;
21162
+ overflow-x: auto;
21163
+ }
21164
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21165
+ height: 100%;
21166
+ width: 1px;
21167
+ }
21168
+
21169
+ .v-infinite-scroll--vertical {
21170
+ display: flex;
21171
+ flex-direction: column;
21172
+ overflow-y: auto;
21173
+ }
21174
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21175
+ height: 1px;
21176
+ width: 100%;
21177
+ }
21178
+
21179
+ .v-infinite-scroll__side {
21180
+ align-items: center;
21181
+ display: flex;
21182
+ justify-content: center;
21183
+ padding: 8px;
21109
21184
  }.v-input {
21110
21185
  display: grid;
21111
21186
  flex: 1 1 auto;
@@ -21248,31 +21323,6 @@ textarea.v-field__input::placeholder {
21248
21323
 
21249
21324
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
21250
21325
  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
21326
  }.v-item-group {
21277
21327
  flex: 0 1 auto;
21278
21328
  max-width: 100%;
@@ -21842,8 +21892,6 @@ textarea.v-field__input::placeholder {
21842
21892
  }
21843
21893
  .v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
21844
21894
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
21845
- }.v-locale-provider {
21846
- display: contents;
21847
21895
  }.v-main {
21848
21896
  flex: 1 0 auto;
21849
21897
  max-width: 100%;
@@ -21872,6 +21920,24 @@ textarea.v-field__input::placeholder {
21872
21920
  --v-layout-right: 0px;
21873
21921
  --v-layout-top: 0px;
21874
21922
  --v-layout-bottom: 0px;
21923
+ }.v-locale-provider {
21924
+ display: contents;
21925
+ }.v-messages {
21926
+ flex: 1 1 auto;
21927
+ font-size: 12px;
21928
+ min-height: 14px;
21929
+ min-width: 1px;
21930
+ opacity: var(--v-medium-emphasis-opacity);
21931
+ position: relative;
21932
+ }
21933
+ .v-messages__message {
21934
+ line-height: 12px;
21935
+ word-break: break-word;
21936
+ overflow-wrap: break-word;
21937
+ word-wrap: break-word;
21938
+ -webkit-hyphens: auto;
21939
+ hyphens: auto;
21940
+ transition-duration: 150ms;
21875
21941
  }.v-menu > .v-overlay__content {
21876
21942
  display: flex;
21877
21943
  flex-direction: column;
@@ -21983,75 +22049,6 @@ textarea.v-field__input::placeholder {
21983
22049
  .v-navigation-drawer__append {
21984
22050
  flex: none;
21985
22051
  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
- }.v-otp-input {
22003
- border-radius: 4px;
22004
- align-items: center;
22005
- display: flex;
22006
- justify-content: center;
22007
- padding: 0.5rem 0;
22008
- position: relative;
22009
- }
22010
- .v-otp-input .v-field {
22011
- height: 100%;
22012
- }
22013
-
22014
- .v-otp-input__divider {
22015
- margin: 0 8px;
22016
- }
22017
-
22018
- .v-otp-input__content {
22019
- align-items: center;
22020
- display: flex;
22021
- gap: 0.5rem;
22022
- height: 64px;
22023
- padding: 0.5rem;
22024
- justify-content: center;
22025
- max-width: 320px;
22026
- position: relative;
22027
- border-radius: inherit;
22028
- }
22029
- .v-otp-input--divided .v-otp-input__content {
22030
- max-width: 360px;
22031
- }
22032
-
22033
- .v-otp-input__field {
22034
- color: inherit;
22035
- font-size: 1.25rem;
22036
- height: 100%;
22037
- outline: none;
22038
- text-align: center;
22039
- width: 100%;
22040
- }
22041
- .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
22042
- -webkit-appearance: none;
22043
- margin: 0;
22044
- }
22045
- .v-otp-input__field[type=number] {
22046
- -moz-appearance: textfield;
22047
- }
22048
-
22049
- .v-otp-input__loader {
22050
- align-items: center;
22051
- display: flex;
22052
- height: 100%;
22053
- justify-content: center;
22054
- width: 100%;
22055
22052
  }.v-overlay-container {
22056
22053
  contain: layout;
22057
22054
  left: 0;
@@ -22115,6 +22112,59 @@ html.v-overlay-scroll-blocked {
22115
22112
 
22116
22113
  .v-overlay--scroll-blocked {
22117
22114
  padding-inline-end: var(--v-scrollbar-offset);
22115
+ }.v-otp-input {
22116
+ border-radius: 4px;
22117
+ align-items: center;
22118
+ display: flex;
22119
+ justify-content: center;
22120
+ padding: 0.5rem 0;
22121
+ position: relative;
22122
+ }
22123
+ .v-otp-input .v-field {
22124
+ height: 100%;
22125
+ }
22126
+
22127
+ .v-otp-input__divider {
22128
+ margin: 0 8px;
22129
+ }
22130
+
22131
+ .v-otp-input__content {
22132
+ align-items: center;
22133
+ display: flex;
22134
+ gap: 0.5rem;
22135
+ height: 64px;
22136
+ padding: 0.5rem;
22137
+ justify-content: center;
22138
+ max-width: 320px;
22139
+ position: relative;
22140
+ border-radius: inherit;
22141
+ }
22142
+ .v-otp-input--divided .v-otp-input__content {
22143
+ max-width: 360px;
22144
+ }
22145
+
22146
+ .v-otp-input__field {
22147
+ color: inherit;
22148
+ font-size: 1.25rem;
22149
+ height: 100%;
22150
+ outline: none;
22151
+ text-align: center;
22152
+ width: 100%;
22153
+ }
22154
+ .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
22155
+ -webkit-appearance: none;
22156
+ margin: 0;
22157
+ }
22158
+ .v-otp-input__field[type=number] {
22159
+ -moz-appearance: textfield;
22160
+ }
22161
+
22162
+ .v-otp-input__loader {
22163
+ align-items: center;
22164
+ display: flex;
22165
+ height: 100%;
22166
+ justify-content: center;
22167
+ width: 100%;
22118
22168
  }.v-pagination__list {
22119
22169
  display: inline-flex;
22120
22170
  list-style-type: none;
@@ -22123,6 +22173,12 @@ html.v-overlay-scroll-blocked {
22123
22173
  }
22124
22174
  .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
22125
22175
  margin: 0.3rem;
22176
+ }.v-parallax {
22177
+ position: relative;
22178
+ overflow: hidden;
22179
+ }
22180
+ .v-parallax--active > .v-img__img {
22181
+ will-change: transform;
22126
22182
  }.v-progress-circular {
22127
22183
  align-items: center;
22128
22184
  display: inline-flex;
@@ -22225,12 +22281,6 @@ html.v-overlay-scroll-blocked {
22225
22281
  100% {
22226
22282
  transform: rotate(270deg);
22227
22283
  }
22228
- }.v-parallax {
22229
- position: relative;
22230
- overflow: hidden;
22231
- }
22232
- .v-parallax--active > .v-img__img {
22233
- will-change: transform;
22234
22284
  }.v-progress-linear {
22235
22285
  background: transparent;
22236
22286
  overflow: hidden;
@@ -22496,46 +22546,20 @@ html.v-overlay-scroll-blocked {
22496
22546
  margin-top: 12px;
22497
22547
  margin-bottom: 12px;
22498
22548
  }
22499
- .v-slider.v-input--vertical > .v-input__control {
22500
- min-height: 300px;
22501
- }
22502
-
22503
- .v-slider.v-input--disabled {
22504
- pointer-events: none;
22505
- }
22506
-
22507
- .v-slider--has-labels > .v-input__control {
22508
- margin-bottom: 4px;
22509
- }
22510
-
22511
- .v-slider__label {
22512
- 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;
22549
+ .v-slider.v-input--vertical > .v-input__control {
22550
+ min-height: 300px;
22524
22551
  }
22525
22552
 
22526
- .v-responsive__content {
22527
- flex: 1 0 0px;
22528
- max-width: 100%;
22553
+ .v-slider.v-input--disabled {
22554
+ pointer-events: none;
22529
22555
  }
22530
22556
 
22531
- .v-responsive__sizer ~ .v-responsive__content {
22532
- margin-inline-start: -100%;
22557
+ .v-slider--has-labels > .v-input__control {
22558
+ margin-bottom: 4px;
22533
22559
  }
22534
22560
 
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;
22561
+ .v-slider__label {
22562
+ margin-inline-end: 12px;
22539
22563
  }.v-rating {
22540
22564
  max-width: 100%;
22541
22565
  display: inline-flex;
@@ -22590,6 +22614,32 @@ html.v-overlay-scroll-blocked {
22590
22614
  opacity: 0;
22591
22615
  position: absolute;
22592
22616
  width: 0;
22617
+ }.v-responsive {
22618
+ display: flex;
22619
+ flex: 1 0 auto;
22620
+ max-height: 100%;
22621
+ max-width: 100%;
22622
+ overflow: hidden;
22623
+ position: relative;
22624
+ }
22625
+ .v-responsive--inline {
22626
+ display: inline-flex;
22627
+ flex: 0 0 auto;
22628
+ }
22629
+
22630
+ .v-responsive__content {
22631
+ flex: 1 0 0px;
22632
+ max-width: 100%;
22633
+ }
22634
+
22635
+ .v-responsive__sizer ~ .v-responsive__content {
22636
+ margin-inline-start: -100%;
22637
+ }
22638
+
22639
+ .v-responsive__sizer {
22640
+ flex: 1 0 0px;
22641
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22642
+ pointer-events: none;
22593
22643
  }.v-select .v-field .v-text-field__prefix,
22594
22644
  .v-select .v-field .v-text-field__suffix,
22595
22645
  .v-select .v-field .v-field__input, .v-select .v-field.v-field {
@@ -22747,6 +22797,34 @@ html.v-overlay-scroll-blocked {
22747
22797
  .v-selection-control-group--inline {
22748
22798
  flex-direction: row;
22749
22799
  flex-wrap: wrap;
22800
+ }.v-sheet {
22801
+ display: block;
22802
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22803
+ border-style: solid;
22804
+ border-width: 0;
22805
+ 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));
22806
+ border-radius: 0;
22807
+ background: rgb(var(--v-theme-surface));
22808
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
22809
+ }
22810
+ .v-sheet--border {
22811
+ border-width: thin;
22812
+ box-shadow: none;
22813
+ }
22814
+ .v-sheet--absolute {
22815
+ position: absolute;
22816
+ }
22817
+ .v-sheet--fixed {
22818
+ position: fixed;
22819
+ }
22820
+ .v-sheet--relative {
22821
+ position: relative;
22822
+ }
22823
+ .v-sheet--sticky {
22824
+ position: sticky;
22825
+ }
22826
+ .v-sheet--rounded {
22827
+ border-radius: 4px;
22750
22828
  }.v-skeleton-loader {
22751
22829
  align-items: center;
22752
22830
  background: rgb(var(--v-theme-surface));
@@ -23012,34 +23090,6 @@ html.v-overlay-scroll-blocked {
23012
23090
  .v-slide-group--vertical .v-slide-group__container,
23013
23091
  .v-slide-group--vertical .v-slide-group__content {
23014
23092
  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
23093
  }.v-snackbar {
23044
23094
  justify-content: center;
23045
23095
  z-index: 10000;
@@ -23498,45 +23548,6 @@ html.v-overlay-scroll-blocked {
23498
23548
  top: 0;
23499
23549
  height: 100%;
23500
23550
  width: 2px;
23501
- }.v-textarea .v-field {
23502
- --v-textarea-control-height: var(--v-input-control-height);
23503
- }
23504
- .v-textarea .v-field__field {
23505
- --v-input-control-height: var(--v-textarea-control-height);
23506
- }
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));
23512
- }
23513
- .v-textarea .v-field__input.v-textarea__sizer {
23514
- visibility: hidden;
23515
- position: absolute;
23516
- top: 0;
23517
- left: 0;
23518
- height: 0 !important;
23519
- min-height: 0 !important;
23520
- pointer-events: none;
23521
- }
23522
- .v-textarea--no-resize .v-field__input {
23523
- resize: none;
23524
- }
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
23551
  }/* region BLOCK */
23541
23552
  .v-text-field input {
23542
23553
  color: inherit;
@@ -23604,7 +23615,46 @@ html.v-overlay-scroll-blocked {
23604
23615
  padding-inline-end: var(--v-field-padding-end);
23605
23616
  }
23606
23617
 
23607
- /* endregion */.v-table {
23618
+ /* endregion */.v-textarea .v-field {
23619
+ --v-textarea-control-height: var(--v-input-control-height);
23620
+ }
23621
+ .v-textarea .v-field__field {
23622
+ --v-input-control-height: var(--v-textarea-control-height);
23623
+ }
23624
+ .v-textarea .v-field__input {
23625
+ flex: 1 1 auto;
23626
+ outline: none;
23627
+ -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));
23628
+ 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));
23629
+ }
23630
+ .v-textarea .v-field__input.v-textarea__sizer {
23631
+ visibility: hidden;
23632
+ position: absolute;
23633
+ top: 0;
23634
+ left: 0;
23635
+ height: 0 !important;
23636
+ min-height: 0 !important;
23637
+ pointer-events: none;
23638
+ }
23639
+ .v-textarea--no-resize .v-field__input {
23640
+ resize: none;
23641
+ }
23642
+ .v-textarea .v-field--no-label textarea,
23643
+ .v-textarea .v-field--active textarea {
23644
+ opacity: 1;
23645
+ }
23646
+ .v-textarea textarea {
23647
+ opacity: 0;
23648
+ flex: 1;
23649
+ min-width: 0;
23650
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
23651
+ }
23652
+ .v-textarea textarea:focus, .v-textarea textarea:active {
23653
+ outline: none;
23654
+ }
23655
+ .v-textarea textarea:invalid {
23656
+ box-shadow: none;
23657
+ }.v-table {
23608
23658
  background: rgb(var(--v-theme-surface));
23609
23659
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
23610
23660
  font-size: 0.875rem;
@@ -24174,27 +24224,6 @@ html.v-overlay-scroll-blocked {
24174
24224
 
24175
24225
  .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
24176
24226
  padding-inline-end: 0;
24177
- }.v-tooltip > .v-overlay__content {
24178
- background: rgb(var(--v-theme-surface-variant));
24179
- color: rgb(var(--v-theme-on-surface-variant));
24180
- border-radius: 4px;
24181
- font-size: 0.875rem;
24182
- line-height: 1.6;
24183
- display: inline-block;
24184
- padding: 5px 16px;
24185
- text-transform: initial;
24186
- width: auto;
24187
- opacity: 1;
24188
- pointer-events: none;
24189
- transition-property: opacity, transform;
24190
- }
24191
- .v-tooltip > .v-overlay__content[class*=enter-active] {
24192
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24193
- transition-duration: 150ms;
24194
- }
24195
- .v-tooltip > .v-overlay__content[class*=leave-active] {
24196
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
24197
- transition-duration: 75ms;
24198
24227
  }.v-toolbar {
24199
24228
  align-items: flex-start;
24200
24229
  display: flex;
@@ -24322,6 +24351,27 @@ html.v-overlay-scroll-blocked {
24322
24351
  }
24323
24352
  .v-toolbar-items > .v-btn {
24324
24353
  border-radius: 0;
24354
+ }.v-tooltip > .v-overlay__content {
24355
+ background: rgb(var(--v-theme-surface-variant));
24356
+ color: rgb(var(--v-theme-on-surface-variant));
24357
+ border-radius: 4px;
24358
+ font-size: 0.875rem;
24359
+ line-height: 1.6;
24360
+ display: inline-block;
24361
+ padding: 5px 16px;
24362
+ text-transform: initial;
24363
+ width: auto;
24364
+ opacity: 1;
24365
+ pointer-events: none;
24366
+ transition-property: opacity, transform;
24367
+ }
24368
+ .v-tooltip > .v-overlay__content[class*=enter-active] {
24369
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24370
+ transition-duration: 150ms;
24371
+ }
24372
+ .v-tooltip > .v-overlay__content[class*=leave-active] {
24373
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
24374
+ transition-duration: 75ms;
24325
24375
  }.v-virtual-scroll {
24326
24376
  display: block;
24327
24377
  flex: 1 1 auto;
@@ -24400,61 +24450,72 @@ html.v-overlay-scroll-blocked {
24400
24450
  }
24401
24451
  .v-window-y-reverse-transition-leave-to {
24402
24452
  transform: translateY(100%);
24403
- }.v-bottom-navigation {
24453
+ }.v-application {
24454
+ display: flex;
24455
+ background: rgb(var(--v-theme-background));
24456
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
24457
+ }
24458
+
24459
+ .v-application__wrap {
24460
+ -webkit-backface-visibility: hidden;
24461
+ backface-visibility: hidden;
24404
24462
  display: flex;
24463
+ flex-direction: column;
24464
+ flex: 1 1 auto;
24405
24465
  max-width: 100%;
24466
+ min-height: 100vh;
24467
+ min-height: 100dvh;
24468
+ position: relative;
24469
+ }.v-color-picker-canvas {
24470
+ display: flex;
24471
+ position: relative;
24406
24472
  overflow: hidden;
24407
- 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));
24473
+ contain: content;
24474
+ touch-action: none;
24415
24475
  }
24416
- .v-bottom-navigation--border {
24417
- border-width: thin;
24418
- box-shadow: none;
24476
+ .v-color-picker-canvas__dot {
24477
+ position: absolute;
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);
24419
24485
  }
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));
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);
24488
+ }
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
  }