@vuetify/nightly 3.6.6-master.2024-05-21 → 3.6.7-master.2024-05-23

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 (85) hide show
  1. package/CHANGELOG.md +3 -11
  2. package/dist/json/attributes.json +42 -2
  3. package/dist/json/importMap-labs.json +16 -16
  4. package/dist/json/importMap.json +134 -134
  5. package/dist/json/tags.json +11 -1
  6. package/dist/json/web-types.json +103 -6
  7. package/dist/vuetify-labs.css +2449 -2444
  8. package/dist/vuetify-labs.d.ts +93 -12
  9. package/dist/vuetify-labs.esm.js +109 -83
  10. package/dist/vuetify-labs.esm.js.map +1 -1
  11. package/dist/vuetify-labs.js +108 -82
  12. package/dist/vuetify-labs.min.css +2 -2
  13. package/dist/vuetify.css +2268 -2263
  14. package/dist/vuetify.d.ts +130 -49
  15. package/dist/vuetify.esm.js +107 -81
  16. package/dist/vuetify.esm.js.map +1 -1
  17. package/dist/vuetify.js +106 -80
  18. package/dist/vuetify.js.map +1 -1
  19. package/dist/vuetify.min.css +2 -2
  20. package/dist/vuetify.min.js +365 -363
  21. package/dist/vuetify.min.js.map +1 -1
  22. package/lib/components/VAutocomplete/VAutocomplete.mjs +3 -2
  23. package/lib/components/VAutocomplete/VAutocomplete.mjs.map +1 -1
  24. package/lib/components/VCombobox/VCombobox.mjs +4 -3
  25. package/lib/components/VCombobox/VCombobox.mjs.map +1 -1
  26. package/lib/components/VDataTable/VDataTable.css +4 -0
  27. package/lib/components/VDataTable/VDataTable.mjs +2 -1
  28. package/lib/components/VDataTable/VDataTable.mjs.map +1 -1
  29. package/lib/components/VDataTable/VDataTable.sass +4 -0
  30. package/lib/components/VDataTable/VDataTableHeaders.mjs +4 -3
  31. package/lib/components/VDataTable/VDataTableHeaders.mjs.map +1 -1
  32. package/lib/components/VDataTable/VDataTableServer.mjs +1 -1
  33. package/lib/components/VDataTable/VDataTableServer.mjs.map +1 -1
  34. package/lib/components/VDataTable/VDataTableVirtual.mjs +1 -1
  35. package/lib/components/VDataTable/VDataTableVirtual.mjs.map +1 -1
  36. package/lib/components/VDataTable/composables/sort.mjs +1 -1
  37. package/lib/components/VDataTable/composables/sort.mjs.map +1 -1
  38. package/lib/components/VDataTable/index.d.mts +63 -0
  39. package/lib/components/VDatePicker/VDatePicker.mjs +2 -1
  40. package/lib/components/VDatePicker/VDatePicker.mjs.map +1 -1
  41. package/lib/components/VDatePicker/VDatePickerMonths.mjs +10 -1
  42. package/lib/components/VDatePicker/VDatePickerMonths.mjs.map +1 -1
  43. package/lib/components/VDatePicker/index.d.mts +24 -6
  44. package/lib/components/VDivider/VDivider.css +1 -1
  45. package/lib/components/VDivider/VDivider.sass +1 -1
  46. package/lib/components/VExpansionPanel/VExpansionPanel.mjs +1 -1
  47. package/lib/components/VExpansionPanel/VExpansionPanel.mjs.map +1 -1
  48. package/lib/components/VExpansionPanel/VExpansionPanelText.mjs +1 -1
  49. package/lib/components/VExpansionPanel/VExpansionPanelText.mjs.map +1 -1
  50. package/lib/components/VExpansionPanel/VExpansionPanelTitle.mjs +1 -1
  51. package/lib/components/VExpansionPanel/VExpansionPanelTitle.mjs.map +1 -1
  52. package/lib/components/VExpansionPanel/VExpansionPanels.mjs +1 -1
  53. package/lib/components/VExpansionPanel/VExpansionPanels.mjs.map +1 -1
  54. package/lib/components/VExpansionPanel/index.d.mts +36 -36
  55. package/lib/components/VExpansionPanel/shared.mjs +4 -0
  56. package/lib/components/VExpansionPanel/shared.mjs.map +1 -0
  57. package/lib/components/VList/VListChildren.mjs +2 -1
  58. package/lib/components/VList/VListChildren.mjs.map +1 -1
  59. package/lib/components/VStepper/VStepper.mjs +1 -1
  60. package/lib/components/VStepper/VStepper.mjs.map +1 -1
  61. package/lib/components/VStepper/VStepperItem.mjs +1 -1
  62. package/lib/components/VStepper/VStepperItem.mjs.map +1 -1
  63. package/lib/components/VStepper/VStepperWindow.mjs +2 -2
  64. package/lib/components/VStepper/VStepperWindow.mjs.map +1 -1
  65. package/lib/components/VStepper/shared.mjs +4 -0
  66. package/lib/components/VStepper/shared.mjs.map +1 -0
  67. package/lib/components/index.d.mts +87 -6
  68. package/lib/composables/defaults.mjs +4 -2
  69. package/lib/composables/defaults.mjs.map +1 -1
  70. package/lib/composables/dimensions.mjs +16 -8
  71. package/lib/composables/dimensions.mjs.map +1 -1
  72. package/lib/entry-bundler.mjs +1 -1
  73. package/lib/framework.mjs +1 -1
  74. package/lib/index.d.mts +43 -43
  75. package/lib/labs/VCalendar/VCalendar.mjs +2 -2
  76. package/lib/labs/VCalendar/VCalendar.mjs.map +1 -1
  77. package/lib/labs/VDateInput/index.d.mts +6 -6
  78. package/lib/labs/VStepperVertical/VStepperVerticalItem.mjs +1 -2
  79. package/lib/labs/VStepperVertical/VStepperVerticalItem.mjs.map +1 -1
  80. package/lib/labs/VTreeview/VTreeviewItem.mjs +2 -2
  81. package/lib/labs/VTreeview/VTreeviewItem.mjs.map +1 -1
  82. package/lib/labs/components.d.mts +6 -6
  83. package/lib/locale/fa.mjs +10 -10
  84. package/lib/locale/fa.mjs.map +1 -1
  85. package/package.json +1 -1
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.6.6-master.2024-05-21
2
+ * Vuetify v3.6.7-master.2024-05-23
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17380,6 +17380,18 @@ html.overflow-y-hidden {
17380
17380
  .v-ripple__animation--out {
17381
17381
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
17382
17382
  opacity: 0;
17383
+ }.v-app-bar {
17384
+ display: flex;
17385
+ }
17386
+ .v-app-bar.v-toolbar {
17387
+ background: rgb(var(--v-theme-surface));
17388
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17389
+ }
17390
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17391
+ box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17392
+ }
17393
+ .v-app-bar:not(.v-toolbar--absolute) {
17394
+ padding-inline-end: var(--v-scrollbar-offset);
17383
17395
  }.v-application {
17384
17396
  display: flex;
17385
17397
  background: rgb(var(--v-theme-background));
@@ -17396,18 +17408,87 @@ html.overflow-y-hidden {
17396
17408
  min-height: 100vh;
17397
17409
  min-height: 100dvh;
17398
17410
  position: relative;
17399
- }.v-app-bar {
17400
- display: flex;
17411
+ }.v-autocomplete .v-field .v-text-field__prefix,
17412
+ .v-autocomplete .v-field .v-text-field__suffix,
17413
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17414
+ cursor: text;
17401
17415
  }
17402
- .v-app-bar.v-toolbar {
17403
- background: rgb(var(--v-theme-surface));
17404
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17416
+ .v-autocomplete .v-field .v-field__input > input {
17417
+ flex: 1 1;
17405
17418
  }
17406
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17419
+ .v-autocomplete .v-field input {
17420
+ min-width: 64px;
17421
+ }
17422
+ .v-autocomplete .v-field:not(.v-field--focused) input {
17423
+ min-width: 0;
17424
+ }
17425
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17426
+ margin-inline-end: 2px;
17427
+ }
17428
+ .v-autocomplete .v-autocomplete__selection-text {
17429
+ overflow: hidden;
17430
+ text-overflow: ellipsis;
17431
+ white-space: nowrap;
17432
+ }
17433
+
17434
+ .v-autocomplete__content {
17435
+ overflow: hidden;
17407
17436
  box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17437
+ border-radius: 4px;
17408
17438
  }
17409
- .v-app-bar:not(.v-toolbar--absolute) {
17410
- padding-inline-end: var(--v-scrollbar-offset);
17439
+ .v-autocomplete__mask {
17440
+ background: rgb(var(--v-theme-surface-light));
17441
+ }
17442
+ .v-autocomplete__selection {
17443
+ display: inline-flex;
17444
+ align-items: center;
17445
+ height: 1.5rem;
17446
+ letter-spacing: inherit;
17447
+ line-height: inherit;
17448
+ max-width: calc(100% - 2px - 2px);
17449
+ }
17450
+ .v-autocomplete__selection:first-child {
17451
+ margin-inline-start: 0;
17452
+ }
17453
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17454
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17455
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17456
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17457
+ top: 0px;
17458
+ }
17459
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
17460
+ opacity: var(--v-medium-emphasis-opacity);
17461
+ }
17462
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17463
+ opacity: 1;
17464
+ }
17465
+ .v-autocomplete--selecting-index .v-field__input > input {
17466
+ caret-color: transparent;
17467
+ }
17468
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
17469
+ flex: 1 1;
17470
+ position: absolute;
17471
+ left: 0;
17472
+ right: 0;
17473
+ width: 100%;
17474
+ padding-inline: inherit;
17475
+ }
17476
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
17477
+ transition: none;
17478
+ }
17479
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
17480
+ opacity: 0;
17481
+ }
17482
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
17483
+ opacity: 0;
17484
+ }
17485
+ .v-autocomplete__menu-icon {
17486
+ margin-inline-start: 4px;
17487
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17488
+ }
17489
+ .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17490
+ opacity: var(--v-high-emphasis-opacity);
17491
+ transform: rotate(180deg);
17411
17492
  }.v-alert {
17412
17493
  display: grid;
17413
17494
  flex: 1 1;
@@ -17620,87 +17701,6 @@ html.overflow-y-hidden {
17620
17701
  text-transform: none;
17621
17702
  word-break: normal;
17622
17703
  word-wrap: break-word;
17623
- }.v-autocomplete .v-field .v-text-field__prefix,
17624
- .v-autocomplete .v-field .v-text-field__suffix,
17625
- .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17626
- cursor: text;
17627
- }
17628
- .v-autocomplete .v-field .v-field__input > input {
17629
- flex: 1 1;
17630
- }
17631
- .v-autocomplete .v-field input {
17632
- min-width: 64px;
17633
- }
17634
- .v-autocomplete .v-field:not(.v-field--focused) input {
17635
- min-width: 0;
17636
- }
17637
- .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17638
- margin-inline-end: 2px;
17639
- }
17640
- .v-autocomplete .v-autocomplete__selection-text {
17641
- overflow: hidden;
17642
- text-overflow: ellipsis;
17643
- white-space: nowrap;
17644
- }
17645
-
17646
- .v-autocomplete__content {
17647
- overflow: hidden;
17648
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17649
- border-radius: 4px;
17650
- }
17651
- .v-autocomplete__mask {
17652
- background: rgb(var(--v-theme-surface-light));
17653
- }
17654
- .v-autocomplete__selection {
17655
- display: inline-flex;
17656
- align-items: center;
17657
- height: 1.5rem;
17658
- letter-spacing: inherit;
17659
- line-height: inherit;
17660
- max-width: calc(100% - 2px - 2px);
17661
- }
17662
- .v-autocomplete__selection:first-child {
17663
- margin-inline-start: 0;
17664
- }
17665
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17666
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17667
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17668
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17669
- top: 0px;
17670
- }
17671
- .v-autocomplete--selecting-index .v-autocomplete__selection {
17672
- opacity: var(--v-medium-emphasis-opacity);
17673
- }
17674
- .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17675
- opacity: 1;
17676
- }
17677
- .v-autocomplete--selecting-index .v-field__input > input {
17678
- caret-color: transparent;
17679
- }
17680
- .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
17681
- flex: 1 1;
17682
- position: absolute;
17683
- left: 0;
17684
- right: 0;
17685
- width: 100%;
17686
- padding-inline: inherit;
17687
- }
17688
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
17689
- transition: none;
17690
- }
17691
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
17692
- opacity: 0;
17693
- }
17694
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
17695
- opacity: 0;
17696
- }
17697
- .v-autocomplete__menu-icon {
17698
- margin-inline-start: 4px;
17699
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17700
- }
17701
- .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17702
- opacity: var(--v-high-emphasis-opacity);
17703
- transform: rotate(180deg);
17704
17704
  }.v-avatar {
17705
17705
  flex: none;
17706
17706
  align-items: center;
@@ -17953,6 +17953,38 @@ html.overflow-y-hidden {
17953
17953
  }
17954
17954
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
17955
17955
  align-self: flex-start;
17956
+ }.bottom-sheet-transition-enter-from {
17957
+ transform: translateY(100%);
17958
+ }
17959
+ .bottom-sheet-transition-leave-to {
17960
+ transform: translateY(100%);
17961
+ }
17962
+
17963
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
17964
+ align-self: flex-end;
17965
+ border-radius: 0;
17966
+ flex: 0 1 auto;
17967
+ left: 0;
17968
+ right: 0;
17969
+ margin-inline: 0;
17970
+ margin-bottom: 0;
17971
+ transition-duration: 0.2s;
17972
+ width: 100%;
17973
+ max-width: 100%;
17974
+ overflow: visible;
17975
+ box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17976
+ }
17977
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
17978
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
17979
+ border-radius: 0;
17980
+ }
17981
+ .v-bottom-sheet.v-bottom-sheet--inset {
17982
+ max-width: none;
17983
+ }
17984
+ @media (min-width: 600px) {
17985
+ .v-bottom-sheet.v-bottom-sheet--inset {
17986
+ max-width: 70%;
17987
+ }
17956
17988
  }.v-badge {
17957
17989
  display: inline-block;
17958
17990
  line-height: 1;
@@ -18079,48 +18111,105 @@ html.overflow-y-hidden {
18079
18111
  }
18080
18112
  .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18081
18113
  transform: translateY(0.5rem);
18082
- }.v-btn {
18114
+ }.v-breadcrumbs {
18115
+ display: flex;
18083
18116
  align-items: center;
18117
+ line-height: 1.6;
18118
+ padding: 16px 12px;
18119
+ }
18120
+ .v-breadcrumbs--rounded {
18084
18121
  border-radius: 4px;
18085
- display: inline-grid;
18086
- grid-template-areas: "prepend content append";
18087
- grid-template-columns: max-content auto max-content;
18088
- font-weight: 500;
18089
- justify-content: center;
18090
- letter-spacing: 0.0892857143em;
18091
- line-height: normal;
18092
- max-width: 100%;
18093
- outline: none;
18094
- position: relative;
18095
- text-decoration: none;
18096
- text-indent: 0.0892857143em;
18097
- text-transform: uppercase;
18098
- transition-property: box-shadow, transform, opacity, background;
18099
- transition-duration: 0.28s;
18100
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
18101
- -webkit-user-select: none;
18102
- user-select: none;
18103
- vertical-align: middle;
18104
- flex-shrink: 0;
18105
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18106
- border-style: solid;
18107
- border-width: 0;
18108
18122
  }
18109
- .v-btn--size-x-small {
18110
- --v-btn-size: 0.625rem;
18111
- --v-btn-height: 20px;
18112
- font-size: var(--v-btn-size);
18113
- min-width: 36px;
18114
- padding: 0 8px;
18123
+ .v-breadcrumbs--density-default {
18124
+ padding-top: 16px;
18125
+ padding-bottom: 16px;
18115
18126
  }
18116
18127
 
18117
- .v-btn--size-small {
18118
- --v-btn-size: 0.75rem;
18119
- --v-btn-height: 28px;
18120
- font-size: var(--v-btn-size);
18121
- min-width: 50px;
18122
- padding: 0 12px;
18123
- }
18128
+ .v-breadcrumbs--density-comfortable {
18129
+ padding-top: 12px;
18130
+ padding-bottom: 12px;
18131
+ }
18132
+
18133
+ .v-breadcrumbs--density-compact {
18134
+ padding-top: 8px;
18135
+ padding-bottom: 8px;
18136
+ }
18137
+
18138
+ .v-breadcrumbs__prepend {
18139
+ align-items: center;
18140
+ display: inline-flex;
18141
+ }
18142
+
18143
+ .v-breadcrumbs-item {
18144
+ align-items: center;
18145
+ color: inherit;
18146
+ display: inline-flex;
18147
+ padding: 0 4px;
18148
+ text-decoration: none;
18149
+ vertical-align: middle;
18150
+ }
18151
+ .v-breadcrumbs-item--disabled {
18152
+ opacity: var(--v-disabled-opacity);
18153
+ pointer-events: none;
18154
+ }
18155
+ .v-breadcrumbs-item--link {
18156
+ color: inherit;
18157
+ text-decoration: none;
18158
+ }
18159
+ .v-breadcrumbs-item--link:hover {
18160
+ text-decoration: underline;
18161
+ }
18162
+ .v-breadcrumbs-item .v-icon {
18163
+ font-size: 1rem;
18164
+ margin-inline: -4px 2px;
18165
+ }
18166
+
18167
+ .v-breadcrumbs-divider {
18168
+ display: inline-block;
18169
+ padding: 0 8px;
18170
+ vertical-align: middle;
18171
+ }.v-btn {
18172
+ align-items: center;
18173
+ border-radius: 4px;
18174
+ display: inline-grid;
18175
+ grid-template-areas: "prepend content append";
18176
+ grid-template-columns: max-content auto max-content;
18177
+ font-weight: 500;
18178
+ justify-content: center;
18179
+ letter-spacing: 0.0892857143em;
18180
+ line-height: normal;
18181
+ max-width: 100%;
18182
+ outline: none;
18183
+ position: relative;
18184
+ text-decoration: none;
18185
+ text-indent: 0.0892857143em;
18186
+ text-transform: uppercase;
18187
+ transition-property: box-shadow, transform, opacity, background;
18188
+ transition-duration: 0.28s;
18189
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
18190
+ -webkit-user-select: none;
18191
+ user-select: none;
18192
+ vertical-align: middle;
18193
+ flex-shrink: 0;
18194
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18195
+ border-style: solid;
18196
+ border-width: 0;
18197
+ }
18198
+ .v-btn--size-x-small {
18199
+ --v-btn-size: 0.625rem;
18200
+ --v-btn-height: 20px;
18201
+ font-size: var(--v-btn-size);
18202
+ min-width: 36px;
18203
+ padding: 0 8px;
18204
+ }
18205
+
18206
+ .v-btn--size-small {
18207
+ --v-btn-size: 0.75rem;
18208
+ --v-btn-height: 28px;
18209
+ font-size: var(--v-btn-size);
18210
+ min-width: 50px;
18211
+ padding: 0 12px;
18212
+ }
18124
18213
 
18125
18214
  .v-btn--size-default {
18126
18215
  --v-btn-size: 0.875rem;
@@ -18497,94 +18586,18 @@ html.overflow-y-hidden {
18497
18586
  }
18498
18587
  .v-pagination__item--is-active .v-btn__overlay {
18499
18588
  opacity: var(--v-border-opacity);
18500
- }.v-breadcrumbs {
18501
- display: flex;
18502
- align-items: center;
18503
- line-height: 1.6;
18504
- padding: 16px 12px;
18505
- }
18506
- .v-breadcrumbs--rounded {
18507
- border-radius: 4px;
18508
- }
18509
- .v-breadcrumbs--density-default {
18510
- padding-top: 16px;
18511
- padding-bottom: 16px;
18512
- }
18513
-
18514
- .v-breadcrumbs--density-comfortable {
18515
- padding-top: 12px;
18516
- padding-bottom: 12px;
18517
- }
18518
-
18519
- .v-breadcrumbs--density-compact {
18520
- padding-top: 8px;
18521
- padding-bottom: 8px;
18522
- }
18523
-
18524
- .v-breadcrumbs__prepend {
18525
- align-items: center;
18526
- display: inline-flex;
18527
- }
18528
-
18529
- .v-breadcrumbs-item {
18530
- align-items: center;
18531
- color: inherit;
18532
- display: inline-flex;
18533
- padding: 0 4px;
18534
- text-decoration: none;
18535
- vertical-align: middle;
18536
- }
18537
- .v-breadcrumbs-item--disabled {
18538
- opacity: var(--v-disabled-opacity);
18539
- pointer-events: none;
18540
- }
18541
- .v-breadcrumbs-item--link {
18542
- color: inherit;
18543
- text-decoration: none;
18544
- }
18545
- .v-breadcrumbs-item--link:hover {
18546
- text-decoration: underline;
18547
- }
18548
- .v-breadcrumbs-item .v-icon {
18549
- font-size: 1rem;
18550
- margin-inline: -4px 2px;
18551
- }
18552
-
18553
- .v-breadcrumbs-divider {
18554
- display: inline-block;
18555
- padding: 0 8px;
18556
- vertical-align: middle;
18557
- }.bottom-sheet-transition-enter-from {
18558
- transform: translateY(100%);
18559
- }
18560
- .bottom-sheet-transition-leave-to {
18561
- transform: translateY(100%);
18562
- }
18563
-
18564
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18565
- align-self: flex-end;
18566
- border-radius: 0;
18567
- flex: 0 1 auto;
18568
- left: 0;
18569
- right: 0;
18570
- margin-inline: 0;
18571
- margin-bottom: 0;
18572
- transition-duration: 0.2s;
18573
- width: 100%;
18574
- max-width: 100%;
18575
- overflow: visible;
18576
- box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18589
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18590
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18577
18591
  }
18578
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18579
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18580
- border-radius: 0;
18592
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18593
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18581
18594
  }
18582
- .v-bottom-sheet.v-bottom-sheet--inset {
18583
- max-width: none;
18595
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18596
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18584
18597
  }
18585
- @media (min-width: 600px) {
18586
- .v-bottom-sheet.v-bottom-sheet--inset {
18587
- max-width: 70%;
18598
+ @supports not selector(:focus-visible) {
18599
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18600
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18588
18601
  }
18589
18602
  }.v-btn-group {
18590
18603
  display: inline-flex;
@@ -18642,660 +18655,343 @@ html.overflow-y-hidden {
18642
18655
  }
18643
18656
  .v-btn-group--tile {
18644
18657
  border-radius: 0;
18645
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18646
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18647
- }
18648
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18649
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18650
- }
18651
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18652
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18653
- }
18654
- @supports not selector(:focus-visible) {
18655
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18656
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18657
- }
18658
- }.v-card {
18659
- display: block;
18658
+ }.v-carousel {
18660
18659
  overflow: hidden;
18661
- overflow-wrap: break-word;
18662
18660
  position: relative;
18663
- padding: 0;
18664
- text-decoration: none;
18665
- transition-duration: 0.28s;
18666
- transition-property: box-shadow, opacity, background;
18667
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
18668
- z-index: 0;
18669
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18670
- border-style: solid;
18671
- border-width: 0;
18672
- border-radius: 4px;
18673
- }
18674
- .v-card--border {
18675
- border-width: thin;
18676
- box-shadow: none;
18661
+ width: 100%;
18677
18662
  }
18678
- .v-card--absolute {
18663
+ .v-carousel__controls {
18664
+ align-items: center;
18665
+ bottom: 0;
18666
+ display: flex;
18667
+ height: 50px;
18668
+ justify-content: center;
18669
+ list-style-type: none;
18679
18670
  position: absolute;
18671
+ width: 100%;
18672
+ z-index: 1;
18673
+ background: rgba(var(--v-theme-surface-variant), 0.3);
18674
+ color: rgb(var(--v-theme-on-surface-variant));
18680
18675
  }
18681
- .v-card--fixed {
18682
- position: fixed;
18683
- }
18684
- .v-card:hover > .v-card__overlay {
18685
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
18676
+ .v-carousel__controls > .v-item-group {
18677
+ flex: 0 1 auto;
18686
18678
  }
18687
- .v-card:focus-visible > .v-card__overlay {
18688
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
18679
+ .v-carousel__controls__item {
18680
+ margin: 0 8px;
18689
18681
  }
18690
- @supports not selector(:focus-visible) {
18691
- .v-card:focus > .v-card__overlay {
18692
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
18693
- }
18682
+ .v-carousel__controls__item .v-icon {
18683
+ opacity: 0.5;
18694
18684
  }
18695
- .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
18696
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18685
+ .v-carousel__controls__item--active .v-icon {
18686
+ opacity: 1;
18687
+ vertical-align: middle;
18697
18688
  }
18698
- .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
18699
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18689
+ .v-carousel__controls__item:hover {
18690
+ background: none;
18700
18691
  }
18701
- .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
18702
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18692
+ .v-carousel__controls__item:hover .v-icon {
18693
+ opacity: 0.8;
18703
18694
  }
18704
- @supports not selector(:focus-visible) {
18705
- .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
18706
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18707
- }
18695
+
18696
+ .v-carousel__progress {
18697
+ margin: 0;
18698
+ position: absolute;
18699
+ bottom: 0;
18700
+ left: 0;
18701
+ right: 0;
18708
18702
  }
18709
- .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
18710
- background: transparent;
18711
- color: inherit;
18703
+
18704
+ .v-carousel-item {
18705
+ display: block;
18706
+ height: inherit;
18707
+ text-decoration: none;
18712
18708
  }
18713
- .v-card--variant-plain {
18714
- opacity: 0.62;
18709
+ .v-carousel-item > .v-img {
18710
+ height: inherit;
18715
18711
  }
18716
- .v-card--variant-plain:focus, .v-card--variant-plain:hover {
18717
- opacity: 1;
18712
+
18713
+ .v-carousel--hide-delimiter-background .v-carousel__controls {
18714
+ background: transparent;
18718
18715
  }
18719
- .v-card--variant-plain .v-card__overlay {
18720
- display: none;
18716
+
18717
+ .v-carousel--vertical-delimiters .v-carousel__controls {
18718
+ flex-direction: column;
18719
+ height: 100% !important;
18720
+ width: 50px;
18721
+ }.v-chip {
18722
+ align-items: center;
18723
+ display: inline-flex;
18724
+ font-weight: 400;
18725
+ max-width: 100%;
18726
+ min-width: 0;
18727
+ overflow: hidden;
18728
+ position: relative;
18729
+ text-decoration: none;
18730
+ white-space: nowrap;
18731
+ vertical-align: middle;
18732
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18733
+ border-style: solid;
18734
+ border-width: 0;
18735
+ border-radius: 9999px;
18721
18736
  }
18722
- .v-card--variant-elevated, .v-card--variant-flat {
18723
- background: rgb(var(--v-theme-surface));
18724
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18737
+ .v-chip .v-icon {
18738
+ --v-icon-size-multiplier: 0.8571428571;
18725
18739
  }
18726
- .v-card--variant-elevated {
18727
- 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-ambient-opacity, rgba(0, 0, 0, 0.12));
18740
+ .v-chip.v-chip--size-x-small {
18741
+ --v-chip-size: 0.625rem;
18742
+ --v-chip-height: 20px;
18743
+ font-size: 0.625rem;
18744
+ padding: 0 8px;
18728
18745
  }
18729
- .v-card--variant-flat {
18730
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18746
+ .v-chip.v-chip--size-x-small .v-avatar {
18747
+ --v-avatar-height: 14px;
18731
18748
  }
18732
- .v-card--variant-outlined {
18733
- border: thin solid currentColor;
18749
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar {
18750
+ --v-avatar-height: 20px;
18734
18751
  }
18735
- .v-card--variant-text .v-card__overlay {
18736
- background: currentColor;
18752
+
18753
+ .v-chip.v-chip--size-x-small .v-avatar--start {
18754
+ margin-inline-start: -5.6px;
18755
+ margin-inline-end: 4px;
18737
18756
  }
18738
- .v-card--variant-tonal .v-card__underlay {
18739
- background: currentColor;
18740
- opacity: var(--v-activated-opacity);
18741
- border-radius: inherit;
18742
- top: 0;
18743
- right: 0;
18744
- bottom: 0;
18745
- left: 0;
18746
- pointer-events: none;
18757
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--start {
18758
+ margin-inline-start: -8px;
18747
18759
  }
18748
- .v-card .v-card__underlay {
18749
- position: absolute;
18760
+
18761
+ .v-chip.v-chip--size-x-small .v-avatar--end {
18762
+ margin-inline-start: 4px;
18763
+ margin-inline-end: -5.6px;
18750
18764
  }
18751
- .v-card--disabled {
18752
- pointer-events: none;
18753
- -webkit-user-select: none;
18754
- user-select: none;
18765
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end {
18766
+ margin-inline-end: -8px;
18755
18767
  }
18756
- .v-card--disabled > :not(.v-card__loader) {
18757
- opacity: 0.6;
18768
+
18769
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close {
18770
+ margin-inline-start: 12px;
18758
18771
  }
18759
- .v-card--flat {
18760
- box-shadow: none;
18772
+
18773
+ .v-chip.v-chip--size-x-small .v-icon--start,
18774
+ .v-chip.v-chip--size-x-small .v-chip__filter {
18775
+ margin-inline-start: -4px;
18776
+ margin-inline-end: 4px;
18761
18777
  }
18762
- .v-card--hover {
18763
- cursor: pointer;
18778
+ .v-chip.v-chip--size-x-small .v-icon--end,
18779
+ .v-chip.v-chip--size-x-small .v-chip__close {
18780
+ margin-inline-start: 4px;
18781
+ margin-inline-end: -4px;
18764
18782
  }
18765
- .v-card--hover::before, .v-card--hover::after {
18766
- border-radius: inherit;
18767
- bottom: 0;
18768
- content: "";
18769
- display: block;
18770
- left: 0;
18771
- pointer-events: none;
18772
- position: absolute;
18773
- right: 0;
18774
- top: 0;
18775
- transition: inherit;
18783
+ .v-chip.v-chip--size-x-small .v-icon--end + .v-chip__close,
18784
+ .v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close,
18785
+ .v-chip.v-chip--size-x-small .v-chip__append + .v-chip__close {
18786
+ margin-inline-start: 8px;
18776
18787
  }
18777
- .v-card--hover::before {
18778
- opacity: 1;
18779
- z-index: -1;
18780
- 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-ambient-opacity, rgba(0, 0, 0, 0.12));
18788
+
18789
+ .v-chip.v-chip--size-small {
18790
+ --v-chip-size: 0.75rem;
18791
+ --v-chip-height: 26px;
18792
+ font-size: 0.75rem;
18793
+ padding: 0 10px;
18781
18794
  }
18782
- .v-card--hover::after {
18783
- z-index: 1;
18784
- opacity: 0;
18785
- box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18795
+ .v-chip.v-chip--size-small .v-avatar {
18796
+ --v-avatar-height: 20px;
18786
18797
  }
18787
- .v-card--hover:hover::after {
18788
- opacity: 1;
18798
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar {
18799
+ --v-avatar-height: 26px;
18789
18800
  }
18790
- .v-card--hover:hover::before {
18791
- opacity: 0;
18801
+
18802
+ .v-chip.v-chip--size-small .v-avatar--start {
18803
+ margin-inline-start: -7px;
18804
+ margin-inline-end: 5px;
18792
18805
  }
18793
- .v-card--hover:hover {
18794
- box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18806
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--start {
18807
+ margin-inline-start: -10px;
18795
18808
  }
18796
- .v-card--link {
18797
- cursor: pointer;
18809
+
18810
+ .v-chip.v-chip--size-small .v-avatar--end {
18811
+ margin-inline-start: 5px;
18812
+ margin-inline-end: -7px;
18813
+ }
18814
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end {
18815
+ margin-inline-end: -10px;
18798
18816
  }
18799
18817
 
18800
- .v-card-actions {
18801
- align-items: center;
18802
- display: flex;
18803
- flex: none;
18804
- min-height: 52px;
18805
- padding: 0.5rem;
18818
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end + .v-chip__close {
18819
+ margin-inline-start: 15px;
18806
18820
  }
18807
18821
 
18808
- .v-card-item {
18809
- align-items: center;
18810
- display: grid;
18811
- flex: none;
18812
- grid-template-areas: "prepend content append";
18813
- grid-template-columns: max-content auto max-content;
18814
- padding: 0.625rem 1rem;
18822
+ .v-chip.v-chip--size-small .v-icon--start,
18823
+ .v-chip.v-chip--size-small .v-chip__filter {
18824
+ margin-inline-start: -5px;
18825
+ margin-inline-end: 5px;
18815
18826
  }
18816
- .v-card-item + .v-card-text {
18817
- padding-top: 0;
18827
+ .v-chip.v-chip--size-small .v-icon--end,
18828
+ .v-chip.v-chip--size-small .v-chip__close {
18829
+ margin-inline-start: 5px;
18830
+ margin-inline-end: -5px;
18818
18831
  }
18819
- .v-card-item__prepend, .v-card-item__append {
18820
- align-items: center;
18821
- display: flex;
18832
+ .v-chip.v-chip--size-small .v-icon--end + .v-chip__close,
18833
+ .v-chip.v-chip--size-small .v-avatar--end + .v-chip__close,
18834
+ .v-chip.v-chip--size-small .v-chip__append + .v-chip__close {
18835
+ margin-inline-start: 10px;
18822
18836
  }
18823
- .v-card-item__prepend {
18824
- grid-area: prepend;
18825
- padding-inline-end: 0.5rem;
18837
+
18838
+ .v-chip.v-chip--size-default {
18839
+ --v-chip-size: 0.875rem;
18840
+ --v-chip-height: 32px;
18841
+ font-size: 0.875rem;
18842
+ padding: 0 12px;
18826
18843
  }
18827
- .v-card-item__append {
18828
- grid-area: append;
18829
- padding-inline-start: 0.5rem;
18844
+ .v-chip.v-chip--size-default .v-avatar {
18845
+ --v-avatar-height: 26px;
18830
18846
  }
18831
-
18832
- .v-card-item__content {
18833
- align-self: center;
18834
- grid-area: content;
18835
- overflow: hidden;
18847
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar {
18848
+ --v-avatar-height: 32px;
18836
18849
  }
18837
18850
 
18838
- .v-card-title {
18839
- display: block;
18840
- flex: none;
18841
- font-size: 1.25rem;
18842
- font-weight: 500;
18843
- -webkit-hyphens: auto;
18844
- hyphens: auto;
18845
- letter-spacing: 0.0125em;
18846
- min-width: 0;
18847
- overflow-wrap: normal;
18848
- overflow: hidden;
18849
- padding: 0.5rem 1rem;
18850
- text-overflow: ellipsis;
18851
- text-transform: none;
18852
- white-space: nowrap;
18853
- word-break: normal;
18854
- word-wrap: break-word;
18851
+ .v-chip.v-chip--size-default .v-avatar--start {
18852
+ margin-inline-start: -8.4px;
18853
+ margin-inline-end: 6px;
18855
18854
  }
18856
- .v-card .v-card-title {
18857
- line-height: 1.6;
18855
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--start {
18856
+ margin-inline-start: -12px;
18858
18857
  }
18859
- .v-card--density-comfortable .v-card-title {
18860
- line-height: 1.75rem;
18858
+
18859
+ .v-chip.v-chip--size-default .v-avatar--end {
18860
+ margin-inline-start: 6px;
18861
+ margin-inline-end: -8.4px;
18861
18862
  }
18862
- .v-card--density-compact .v-card-title {
18863
- line-height: 1.55rem;
18864
- }
18865
- .v-card-item .v-card-title {
18866
- padding: 0;
18867
- }
18868
- .v-card-title + .v-card-text,
18869
- .v-card-title + .v-card-actions {
18870
- padding-top: 0;
18863
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end {
18864
+ margin-inline-end: -12px;
18871
18865
  }
18872
18866
 
18873
- .v-card-subtitle {
18874
- display: block;
18875
- flex: none;
18876
- font-size: 0.875rem;
18877
- font-weight: 400;
18878
- letter-spacing: 0.0178571429em;
18879
- opacity: var(--v-card-subtitle-opacity, var(--v-medium-emphasis-opacity));
18880
- overflow: hidden;
18881
- padding: 0 1rem;
18882
- text-overflow: ellipsis;
18883
- text-transform: none;
18884
- white-space: nowrap;
18885
- }
18886
- .v-card .v-card-subtitle {
18887
- line-height: 1.425;
18867
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end + .v-chip__close {
18868
+ margin-inline-start: 18px;
18888
18869
  }
18889
- .v-card--density-comfortable .v-card-subtitle {
18890
- line-height: 1.125rem;
18870
+
18871
+ .v-chip.v-chip--size-default .v-icon--start,
18872
+ .v-chip.v-chip--size-default .v-chip__filter {
18873
+ margin-inline-start: -6px;
18874
+ margin-inline-end: 6px;
18891
18875
  }
18892
- .v-card--density-compact .v-card-subtitle {
18893
- line-height: 1rem;
18876
+ .v-chip.v-chip--size-default .v-icon--end,
18877
+ .v-chip.v-chip--size-default .v-chip__close {
18878
+ margin-inline-start: 6px;
18879
+ margin-inline-end: -6px;
18894
18880
  }
18895
- .v-card-item .v-card-subtitle {
18896
- padding: 0 0 0.25rem;
18881
+ .v-chip.v-chip--size-default .v-icon--end + .v-chip__close,
18882
+ .v-chip.v-chip--size-default .v-avatar--end + .v-chip__close,
18883
+ .v-chip.v-chip--size-default .v-chip__append + .v-chip__close {
18884
+ margin-inline-start: 12px;
18897
18885
  }
18898
18886
 
18899
- .v-card-text {
18900
- flex: 1 1 auto;
18901
- font-size: 0.875rem;
18902
- font-weight: 400;
18903
- letter-spacing: 0.0178571429em;
18904
- opacity: var(--v-card-text-opacity, 1);
18905
- padding: 1rem;
18906
- text-transform: none;
18907
- }
18908
- .v-card .v-card-text {
18909
- line-height: 1.425;
18910
- }
18911
- .v-card--density-comfortable .v-card-text {
18912
- line-height: 1.2rem;
18887
+ .v-chip.v-chip--size-large {
18888
+ --v-chip-size: 1rem;
18889
+ --v-chip-height: 38px;
18890
+ font-size: 1rem;
18891
+ padding: 0 14px;
18913
18892
  }
18914
- .v-card--density-compact .v-card-text {
18915
- line-height: 1.15rem;
18893
+ .v-chip.v-chip--size-large .v-avatar {
18894
+ --v-avatar-height: 32px;
18916
18895
  }
18917
-
18918
- .v-card__image {
18919
- display: flex;
18920
- height: 100%;
18921
- flex: 1 1 auto;
18922
- left: 0;
18923
- overflow: hidden;
18924
- position: absolute;
18925
- top: 0;
18926
- width: 100%;
18927
- z-index: -1;
18896
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar {
18897
+ --v-avatar-height: 38px;
18928
18898
  }
18929
18899
 
18930
- .v-card__content {
18931
- border-radius: inherit;
18932
- overflow: hidden;
18933
- position: relative;
18900
+ .v-chip.v-chip--size-large .v-avatar--start {
18901
+ margin-inline-start: -9.8px;
18902
+ margin-inline-end: 7px;
18934
18903
  }
18935
-
18936
- .v-card__loader {
18937
- bottom: auto;
18938
- top: 0;
18939
- left: 0;
18940
- position: absolute;
18941
- right: 0;
18942
- width: 100%;
18943
- z-index: 1;
18904
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--start {
18905
+ margin-inline-start: -14px;
18944
18906
  }
18945
18907
 
18946
- .v-card__overlay {
18947
- background-color: currentColor;
18948
- border-radius: inherit;
18949
- position: absolute;
18950
- top: 0;
18951
- right: 0;
18952
- bottom: 0;
18953
- left: 0;
18954
- pointer-events: none;
18955
- opacity: 0;
18956
- transition: opacity 0.2s ease-in-out;
18957
- }.v-checkbox.v-input {
18958
- flex: 0 1 auto;
18908
+ .v-chip.v-chip--size-large .v-avatar--end {
18909
+ margin-inline-start: 7px;
18910
+ margin-inline-end: -9.8px;
18959
18911
  }
18960
- .v-checkbox .v-selection-control {
18961
- min-height: var(--v-input-control-height);
18962
- }.v-carousel {
18963
- overflow: hidden;
18964
- position: relative;
18965
- width: 100%;
18912
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end {
18913
+ margin-inline-end: -14px;
18966
18914
  }
18967
- .v-carousel__controls {
18968
- align-items: center;
18969
- bottom: 0;
18970
- display: flex;
18971
- height: 50px;
18972
- justify-content: center;
18973
- list-style-type: none;
18974
- position: absolute;
18975
- width: 100%;
18976
- z-index: 1;
18977
- background: rgba(var(--v-theme-surface-variant), 0.3);
18978
- color: rgb(var(--v-theme-on-surface-variant));
18915
+
18916
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end + .v-chip__close {
18917
+ margin-inline-start: 21px;
18979
18918
  }
18980
- .v-carousel__controls > .v-item-group {
18981
- flex: 0 1 auto;
18919
+
18920
+ .v-chip.v-chip--size-large .v-icon--start,
18921
+ .v-chip.v-chip--size-large .v-chip__filter {
18922
+ margin-inline-start: -7px;
18923
+ margin-inline-end: 7px;
18982
18924
  }
18983
- .v-carousel__controls__item {
18984
- margin: 0 8px;
18925
+ .v-chip.v-chip--size-large .v-icon--end,
18926
+ .v-chip.v-chip--size-large .v-chip__close {
18927
+ margin-inline-start: 7px;
18928
+ margin-inline-end: -7px;
18985
18929
  }
18986
- .v-carousel__controls__item .v-icon {
18987
- opacity: 0.5;
18930
+ .v-chip.v-chip--size-large .v-icon--end + .v-chip__close,
18931
+ .v-chip.v-chip--size-large .v-avatar--end + .v-chip__close,
18932
+ .v-chip.v-chip--size-large .v-chip__append + .v-chip__close {
18933
+ margin-inline-start: 14px;
18988
18934
  }
18989
- .v-carousel__controls__item--active .v-icon {
18990
- opacity: 1;
18991
- vertical-align: middle;
18935
+
18936
+ .v-chip.v-chip--size-x-large {
18937
+ --v-chip-size: 1.125rem;
18938
+ --v-chip-height: 44px;
18939
+ font-size: 1.125rem;
18940
+ padding: 0 17px;
18992
18941
  }
18993
- .v-carousel__controls__item:hover {
18994
- background: none;
18942
+ .v-chip.v-chip--size-x-large .v-avatar {
18943
+ --v-avatar-height: 38px;
18995
18944
  }
18996
- .v-carousel__controls__item:hover .v-icon {
18997
- opacity: 0.8;
18945
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar {
18946
+ --v-avatar-height: 44px;
18998
18947
  }
18999
18948
 
19000
- .v-carousel__progress {
19001
- margin: 0;
19002
- position: absolute;
19003
- bottom: 0;
19004
- left: 0;
19005
- right: 0;
18949
+ .v-chip.v-chip--size-x-large .v-avatar--start {
18950
+ margin-inline-start: -11.9px;
18951
+ margin-inline-end: 8.5px;
18952
+ }
18953
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--start {
18954
+ margin-inline-start: -17px;
19006
18955
  }
19007
18956
 
19008
- .v-carousel-item {
19009
- display: block;
19010
- height: inherit;
19011
- text-decoration: none;
18957
+ .v-chip.v-chip--size-x-large .v-avatar--end {
18958
+ margin-inline-start: 8.5px;
18959
+ margin-inline-end: -11.9px;
19012
18960
  }
19013
- .v-carousel-item > .v-img {
19014
- height: inherit;
18961
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end {
18962
+ margin-inline-end: -17px;
19015
18963
  }
19016
18964
 
19017
- .v-carousel--hide-delimiter-background .v-carousel__controls {
19018
- background: transparent;
18965
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close {
18966
+ margin-inline-start: 25.5px;
19019
18967
  }
19020
18968
 
19021
- .v-carousel--vertical-delimiters .v-carousel__controls {
19022
- flex-direction: column;
19023
- height: 100% !important;
19024
- width: 50px;
19025
- }.v-chip {
19026
- align-items: center;
19027
- display: inline-flex;
19028
- font-weight: 400;
19029
- max-width: 100%;
19030
- min-width: 0;
19031
- overflow: hidden;
19032
- position: relative;
19033
- text-decoration: none;
19034
- white-space: nowrap;
19035
- vertical-align: middle;
19036
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19037
- border-style: solid;
19038
- border-width: 0;
19039
- border-radius: 9999px;
19040
- }
19041
- .v-chip .v-icon {
19042
- --v-icon-size-multiplier: 0.8571428571;
18969
+ .v-chip.v-chip--size-x-large .v-icon--start,
18970
+ .v-chip.v-chip--size-x-large .v-chip__filter {
18971
+ margin-inline-start: -8.5px;
18972
+ margin-inline-end: 8.5px;
19043
18973
  }
19044
- .v-chip.v-chip--size-x-small {
19045
- --v-chip-size: 0.625rem;
19046
- --v-chip-height: 20px;
19047
- font-size: 0.625rem;
19048
- padding: 0 8px;
18974
+ .v-chip.v-chip--size-x-large .v-icon--end,
18975
+ .v-chip.v-chip--size-x-large .v-chip__close {
18976
+ margin-inline-start: 8.5px;
18977
+ margin-inline-end: -8.5px;
19049
18978
  }
19050
- .v-chip.v-chip--size-x-small .v-avatar {
19051
- --v-avatar-height: 14px;
18979
+ .v-chip.v-chip--size-x-large .v-icon--end + .v-chip__close,
18980
+ .v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close,
18981
+ .v-chip.v-chip--size-x-large .v-chip__append + .v-chip__close {
18982
+ margin-inline-start: 17px;
19052
18983
  }
19053
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar {
19054
- --v-avatar-height: 20px;
18984
+
18985
+ .v-chip.v-chip--density-default {
18986
+ height: calc(var(--v-chip-height) + 0px);
19055
18987
  }
19056
18988
 
19057
- .v-chip.v-chip--size-x-small .v-avatar--start {
19058
- margin-inline-start: -5.6px;
19059
- margin-inline-end: 4px;
18989
+ .v-chip.v-chip--density-comfortable {
18990
+ height: calc(var(--v-chip-height) + -4px);
19060
18991
  }
19061
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--start {
19062
- margin-inline-start: -8px;
19063
- }
19064
-
19065
- .v-chip.v-chip--size-x-small .v-avatar--end {
19066
- margin-inline-start: 4px;
19067
- margin-inline-end: -5.6px;
19068
- }
19069
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end {
19070
- margin-inline-end: -8px;
19071
- }
19072
-
19073
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close {
19074
- margin-inline-start: 12px;
19075
- }
19076
-
19077
- .v-chip.v-chip--size-x-small .v-icon--start,
19078
- .v-chip.v-chip--size-x-small .v-chip__filter {
19079
- margin-inline-start: -4px;
19080
- margin-inline-end: 4px;
19081
- }
19082
- .v-chip.v-chip--size-x-small .v-icon--end,
19083
- .v-chip.v-chip--size-x-small .v-chip__close {
19084
- margin-inline-start: 4px;
19085
- margin-inline-end: -4px;
19086
- }
19087
- .v-chip.v-chip--size-x-small .v-icon--end + .v-chip__close,
19088
- .v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close,
19089
- .v-chip.v-chip--size-x-small .v-chip__append + .v-chip__close {
19090
- margin-inline-start: 8px;
19091
- }
19092
-
19093
- .v-chip.v-chip--size-small {
19094
- --v-chip-size: 0.75rem;
19095
- --v-chip-height: 26px;
19096
- font-size: 0.75rem;
19097
- padding: 0 10px;
19098
- }
19099
- .v-chip.v-chip--size-small .v-avatar {
19100
- --v-avatar-height: 20px;
19101
- }
19102
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar {
19103
- --v-avatar-height: 26px;
19104
- }
19105
-
19106
- .v-chip.v-chip--size-small .v-avatar--start {
19107
- margin-inline-start: -7px;
19108
- margin-inline-end: 5px;
19109
- }
19110
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar--start {
19111
- margin-inline-start: -10px;
19112
- }
19113
-
19114
- .v-chip.v-chip--size-small .v-avatar--end {
19115
- margin-inline-start: 5px;
19116
- margin-inline-end: -7px;
19117
- }
19118
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end {
19119
- margin-inline-end: -10px;
19120
- }
19121
-
19122
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end + .v-chip__close {
19123
- margin-inline-start: 15px;
19124
- }
19125
-
19126
- .v-chip.v-chip--size-small .v-icon--start,
19127
- .v-chip.v-chip--size-small .v-chip__filter {
19128
- margin-inline-start: -5px;
19129
- margin-inline-end: 5px;
19130
- }
19131
- .v-chip.v-chip--size-small .v-icon--end,
19132
- .v-chip.v-chip--size-small .v-chip__close {
19133
- margin-inline-start: 5px;
19134
- margin-inline-end: -5px;
19135
- }
19136
- .v-chip.v-chip--size-small .v-icon--end + .v-chip__close,
19137
- .v-chip.v-chip--size-small .v-avatar--end + .v-chip__close,
19138
- .v-chip.v-chip--size-small .v-chip__append + .v-chip__close {
19139
- margin-inline-start: 10px;
19140
- }
19141
-
19142
- .v-chip.v-chip--size-default {
19143
- --v-chip-size: 0.875rem;
19144
- --v-chip-height: 32px;
19145
- font-size: 0.875rem;
19146
- padding: 0 12px;
19147
- }
19148
- .v-chip.v-chip--size-default .v-avatar {
19149
- --v-avatar-height: 26px;
19150
- }
19151
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar {
19152
- --v-avatar-height: 32px;
19153
- }
19154
-
19155
- .v-chip.v-chip--size-default .v-avatar--start {
19156
- margin-inline-start: -8.4px;
19157
- margin-inline-end: 6px;
19158
- }
19159
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar--start {
19160
- margin-inline-start: -12px;
19161
- }
19162
-
19163
- .v-chip.v-chip--size-default .v-avatar--end {
19164
- margin-inline-start: 6px;
19165
- margin-inline-end: -8.4px;
19166
- }
19167
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end {
19168
- margin-inline-end: -12px;
19169
- }
19170
-
19171
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end + .v-chip__close {
19172
- margin-inline-start: 18px;
19173
- }
19174
-
19175
- .v-chip.v-chip--size-default .v-icon--start,
19176
- .v-chip.v-chip--size-default .v-chip__filter {
19177
- margin-inline-start: -6px;
19178
- margin-inline-end: 6px;
19179
- }
19180
- .v-chip.v-chip--size-default .v-icon--end,
19181
- .v-chip.v-chip--size-default .v-chip__close {
19182
- margin-inline-start: 6px;
19183
- margin-inline-end: -6px;
19184
- }
19185
- .v-chip.v-chip--size-default .v-icon--end + .v-chip__close,
19186
- .v-chip.v-chip--size-default .v-avatar--end + .v-chip__close,
19187
- .v-chip.v-chip--size-default .v-chip__append + .v-chip__close {
19188
- margin-inline-start: 12px;
19189
- }
19190
-
19191
- .v-chip.v-chip--size-large {
19192
- --v-chip-size: 1rem;
19193
- --v-chip-height: 38px;
19194
- font-size: 1rem;
19195
- padding: 0 14px;
19196
- }
19197
- .v-chip.v-chip--size-large .v-avatar {
19198
- --v-avatar-height: 32px;
19199
- }
19200
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar {
19201
- --v-avatar-height: 38px;
19202
- }
19203
-
19204
- .v-chip.v-chip--size-large .v-avatar--start {
19205
- margin-inline-start: -9.8px;
19206
- margin-inline-end: 7px;
19207
- }
19208
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar--start {
19209
- margin-inline-start: -14px;
19210
- }
19211
-
19212
- .v-chip.v-chip--size-large .v-avatar--end {
19213
- margin-inline-start: 7px;
19214
- margin-inline-end: -9.8px;
19215
- }
19216
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end {
19217
- margin-inline-end: -14px;
19218
- }
19219
-
19220
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end + .v-chip__close {
19221
- margin-inline-start: 21px;
19222
- }
19223
-
19224
- .v-chip.v-chip--size-large .v-icon--start,
19225
- .v-chip.v-chip--size-large .v-chip__filter {
19226
- margin-inline-start: -7px;
19227
- margin-inline-end: 7px;
19228
- }
19229
- .v-chip.v-chip--size-large .v-icon--end,
19230
- .v-chip.v-chip--size-large .v-chip__close {
19231
- margin-inline-start: 7px;
19232
- margin-inline-end: -7px;
19233
- }
19234
- .v-chip.v-chip--size-large .v-icon--end + .v-chip__close,
19235
- .v-chip.v-chip--size-large .v-avatar--end + .v-chip__close,
19236
- .v-chip.v-chip--size-large .v-chip__append + .v-chip__close {
19237
- margin-inline-start: 14px;
19238
- }
19239
-
19240
- .v-chip.v-chip--size-x-large {
19241
- --v-chip-size: 1.125rem;
19242
- --v-chip-height: 44px;
19243
- font-size: 1.125rem;
19244
- padding: 0 17px;
19245
- }
19246
- .v-chip.v-chip--size-x-large .v-avatar {
19247
- --v-avatar-height: 38px;
19248
- }
19249
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar {
19250
- --v-avatar-height: 44px;
19251
- }
19252
-
19253
- .v-chip.v-chip--size-x-large .v-avatar--start {
19254
- margin-inline-start: -11.9px;
19255
- margin-inline-end: 8.5px;
19256
- }
19257
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--start {
19258
- margin-inline-start: -17px;
19259
- }
19260
-
19261
- .v-chip.v-chip--size-x-large .v-avatar--end {
19262
- margin-inline-start: 8.5px;
19263
- margin-inline-end: -11.9px;
19264
- }
19265
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end {
19266
- margin-inline-end: -17px;
19267
- }
19268
-
19269
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close {
19270
- margin-inline-start: 25.5px;
19271
- }
19272
-
19273
- .v-chip.v-chip--size-x-large .v-icon--start,
19274
- .v-chip.v-chip--size-x-large .v-chip__filter {
19275
- margin-inline-start: -8.5px;
19276
- margin-inline-end: 8.5px;
19277
- }
19278
- .v-chip.v-chip--size-x-large .v-icon--end,
19279
- .v-chip.v-chip--size-x-large .v-chip__close {
19280
- margin-inline-start: 8.5px;
19281
- margin-inline-end: -8.5px;
19282
- }
19283
- .v-chip.v-chip--size-x-large .v-icon--end + .v-chip__close,
19284
- .v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close,
19285
- .v-chip.v-chip--size-x-large .v-chip__append + .v-chip__close {
19286
- margin-inline-start: 17px;
19287
- }
19288
-
19289
- .v-chip.v-chip--density-default {
19290
- height: calc(var(--v-chip-height) + 0px);
19291
- }
19292
-
19293
- .v-chip.v-chip--density-comfortable {
19294
- height: calc(var(--v-chip-height) + -4px);
19295
- }
19296
-
19297
- .v-chip.v-chip--density-compact {
19298
- height: calc(var(--v-chip-height) + -8px);
18992
+
18993
+ .v-chip.v-chip--density-compact {
18994
+ height: calc(var(--v-chip-height) + -8px);
19299
18995
  }
19300
18996
 
19301
18997
  .v-chip:hover > .v-chip__overlay {
@@ -19434,678 +19130,310 @@ html.overflow-y-hidden {
19434
19130
 
19435
19131
  .v-chip--label {
19436
19132
  border-radius: 4px;
19437
- }.v-container {
19438
- width: 100%;
19439
- padding: 16px;
19440
- margin-right: auto;
19441
- margin-left: auto;
19133
+ }.v-card {
19134
+ display: block;
19135
+ overflow: hidden;
19136
+ overflow-wrap: break-word;
19137
+ position: relative;
19138
+ padding: 0;
19139
+ text-decoration: none;
19140
+ transition-duration: 0.28s;
19141
+ transition-property: box-shadow, opacity, background;
19142
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19143
+ z-index: 0;
19144
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19145
+ border-style: solid;
19146
+ border-width: 0;
19147
+ border-radius: 4px;
19442
19148
  }
19443
- @media (min-width: 960px) {
19444
- .v-container {
19445
- max-width: 900px;
19446
- }
19149
+ .v-card--border {
19150
+ border-width: thin;
19151
+ box-shadow: none;
19447
19152
  }
19448
- @media (min-width: 1280px) {
19449
- .v-container {
19450
- max-width: 1200px;
19451
- }
19153
+ .v-card--absolute {
19154
+ position: absolute;
19452
19155
  }
19453
- @media (min-width: 1920px) {
19454
- .v-container {
19455
- max-width: 1800px;
19456
- }
19156
+ .v-card--fixed {
19157
+ position: fixed;
19457
19158
  }
19458
- @media (min-width: 2560px) {
19459
- .v-container {
19460
- max-width: 2400px;
19159
+ .v-card:hover > .v-card__overlay {
19160
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
19161
+ }
19162
+ .v-card:focus-visible > .v-card__overlay {
19163
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19164
+ }
19165
+ @supports not selector(:focus-visible) {
19166
+ .v-card:focus > .v-card__overlay {
19167
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19461
19168
  }
19462
19169
  }
19463
- .v-container--fluid {
19464
- max-width: 100%;
19170
+ .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
19171
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19465
19172
  }
19466
- .v-container.fill-height {
19467
- align-items: center;
19468
- display: flex;
19469
- flex-wrap: wrap;
19173
+ .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
19174
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19470
19175
  }
19471
-
19472
- .v-row {
19473
- display: flex;
19474
- flex-wrap: wrap;
19475
- flex: 1 1 auto;
19476
- margin: -12px;
19176
+ .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
19177
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19477
19178
  }
19478
- .v-row + .v-row {
19479
- margin-top: 12px;
19179
+ @supports not selector(:focus-visible) {
19180
+ .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
19181
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19182
+ }
19480
19183
  }
19481
- .v-row + .v-row--dense {
19482
- margin-top: 4px;
19184
+ .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
19185
+ background: transparent;
19186
+ color: inherit;
19483
19187
  }
19484
- .v-row--dense {
19485
- margin: -4px;
19188
+ .v-card--variant-plain {
19189
+ opacity: 0.62;
19486
19190
  }
19487
- .v-row--dense > .v-col,
19488
- .v-row--dense > [class*=v-col-] {
19489
- padding: 4px;
19191
+ .v-card--variant-plain:focus, .v-card--variant-plain:hover {
19192
+ opacity: 1;
19490
19193
  }
19491
- .v-row.v-row--no-gutters {
19492
- margin: 0;
19194
+ .v-card--variant-plain .v-card__overlay {
19195
+ display: none;
19493
19196
  }
19494
- .v-row.v-row--no-gutters > .v-col,
19495
- .v-row.v-row--no-gutters > [class*=v-col-] {
19496
- padding: 0;
19197
+ .v-card--variant-elevated, .v-card--variant-flat {
19198
+ background: rgb(var(--v-theme-surface));
19199
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19497
19200
  }
19498
-
19499
- .v-spacer {
19500
- flex-grow: 1;
19201
+ .v-card--variant-elevated {
19202
+ 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-ambient-opacity, rgba(0, 0, 0, 0.12));
19501
19203
  }
19502
-
19503
- .v-col-xxl,
19504
- .v-col-xxl-auto, .v-col-xxl-12, .v-col-xxl-11, .v-col-xxl-10, .v-col-xxl-9, .v-col-xxl-8, .v-col-xxl-7, .v-col-xxl-6, .v-col-xxl-5, .v-col-xxl-4, .v-col-xxl-3, .v-col-xxl-2, .v-col-xxl-1, .v-col-xl,
19505
- .v-col-xl-auto, .v-col-xl-12, .v-col-xl-11, .v-col-xl-10, .v-col-xl-9, .v-col-xl-8, .v-col-xl-7, .v-col-xl-6, .v-col-xl-5, .v-col-xl-4, .v-col-xl-3, .v-col-xl-2, .v-col-xl-1, .v-col-lg,
19506
- .v-col-lg-auto, .v-col-lg-12, .v-col-lg-11, .v-col-lg-10, .v-col-lg-9, .v-col-lg-8, .v-col-lg-7, .v-col-lg-6, .v-col-lg-5, .v-col-lg-4, .v-col-lg-3, .v-col-lg-2, .v-col-lg-1, .v-col-md,
19507
- .v-col-md-auto, .v-col-md-12, .v-col-md-11, .v-col-md-10, .v-col-md-9, .v-col-md-8, .v-col-md-7, .v-col-md-6, .v-col-md-5, .v-col-md-4, .v-col-md-3, .v-col-md-2, .v-col-md-1, .v-col-sm,
19508
- .v-col-sm-auto, .v-col-sm-12, .v-col-sm-11, .v-col-sm-10, .v-col-sm-9, .v-col-sm-8, .v-col-sm-7, .v-col-sm-6, .v-col-sm-5, .v-col-sm-4, .v-col-sm-3, .v-col-sm-2, .v-col-sm-1, .v-col,
19509
- .v-col-auto, .v-col-12, .v-col-11, .v-col-10, .v-col-9, .v-col-8, .v-col-7, .v-col-6, .v-col-5, .v-col-4, .v-col-3, .v-col-2, .v-col-1 {
19510
- width: 100%;
19511
- padding: 12px;
19204
+ .v-card--variant-flat {
19205
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19512
19206
  }
19513
-
19514
- .v-col {
19515
- flex-basis: 0;
19516
- flex-grow: 1;
19517
- max-width: 100%;
19207
+ .v-card--variant-outlined {
19208
+ border: thin solid currentColor;
19518
19209
  }
19519
-
19520
- .v-col-auto {
19521
- flex: 0 0 auto;
19522
- width: auto;
19523
- max-width: 100%;
19210
+ .v-card--variant-text .v-card__overlay {
19211
+ background: currentColor;
19524
19212
  }
19525
-
19526
- .v-col-1 {
19527
- flex: 0 0 8.3333333333%;
19528
- max-width: 8.3333333333%;
19213
+ .v-card--variant-tonal .v-card__underlay {
19214
+ background: currentColor;
19215
+ opacity: var(--v-activated-opacity);
19216
+ border-radius: inherit;
19217
+ top: 0;
19218
+ right: 0;
19219
+ bottom: 0;
19220
+ left: 0;
19221
+ pointer-events: none;
19529
19222
  }
19530
-
19531
- .v-col-2 {
19532
- flex: 0 0 16.6666666667%;
19533
- max-width: 16.6666666667%;
19223
+ .v-card .v-card__underlay {
19224
+ position: absolute;
19534
19225
  }
19535
-
19536
- .v-col-3 {
19537
- flex: 0 0 25%;
19538
- max-width: 25%;
19226
+ .v-card--disabled {
19227
+ pointer-events: none;
19228
+ -webkit-user-select: none;
19229
+ user-select: none;
19539
19230
  }
19540
-
19541
- .v-col-4 {
19542
- flex: 0 0 33.3333333333%;
19543
- max-width: 33.3333333333%;
19231
+ .v-card--disabled > :not(.v-card__loader) {
19232
+ opacity: 0.6;
19544
19233
  }
19545
-
19546
- .v-col-5 {
19547
- flex: 0 0 41.6666666667%;
19548
- max-width: 41.6666666667%;
19234
+ .v-card--flat {
19235
+ box-shadow: none;
19549
19236
  }
19550
-
19551
- .v-col-6 {
19552
- flex: 0 0 50%;
19553
- max-width: 50%;
19237
+ .v-card--hover {
19238
+ cursor: pointer;
19554
19239
  }
19555
-
19556
- .v-col-7 {
19557
- flex: 0 0 58.3333333333%;
19558
- max-width: 58.3333333333%;
19240
+ .v-card--hover::before, .v-card--hover::after {
19241
+ border-radius: inherit;
19242
+ bottom: 0;
19243
+ content: "";
19244
+ display: block;
19245
+ left: 0;
19246
+ pointer-events: none;
19247
+ position: absolute;
19248
+ right: 0;
19249
+ top: 0;
19250
+ transition: inherit;
19559
19251
  }
19560
-
19561
- .v-col-8 {
19562
- flex: 0 0 66.6666666667%;
19563
- max-width: 66.6666666667%;
19252
+ .v-card--hover::before {
19253
+ opacity: 1;
19254
+ z-index: -1;
19255
+ 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-ambient-opacity, rgba(0, 0, 0, 0.12));
19564
19256
  }
19565
-
19566
- .v-col-9 {
19567
- flex: 0 0 75%;
19568
- max-width: 75%;
19257
+ .v-card--hover::after {
19258
+ z-index: 1;
19259
+ opacity: 0;
19260
+ box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19569
19261
  }
19570
-
19571
- .v-col-10 {
19572
- flex: 0 0 83.3333333333%;
19573
- max-width: 83.3333333333%;
19262
+ .v-card--hover:hover::after {
19263
+ opacity: 1;
19574
19264
  }
19575
-
19576
- .v-col-11 {
19577
- flex: 0 0 91.6666666667%;
19578
- max-width: 91.6666666667%;
19265
+ .v-card--hover:hover::before {
19266
+ opacity: 0;
19579
19267
  }
19580
-
19581
- .v-col-12 {
19582
- flex: 0 0 100%;
19583
- max-width: 100%;
19268
+ .v-card--hover:hover {
19269
+ box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19584
19270
  }
19585
-
19586
- .offset-1 {
19587
- margin-inline-start: 8.3333333333%;
19271
+ .v-card--link {
19272
+ cursor: pointer;
19588
19273
  }
19589
19274
 
19590
- .offset-2 {
19591
- margin-inline-start: 16.6666666667%;
19275
+ .v-card-actions {
19276
+ align-items: center;
19277
+ display: flex;
19278
+ flex: none;
19279
+ min-height: 52px;
19280
+ padding: 0.5rem;
19592
19281
  }
19593
19282
 
19594
- .offset-3 {
19595
- margin-inline-start: 25%;
19283
+ .v-card-item {
19284
+ align-items: center;
19285
+ display: grid;
19286
+ flex: none;
19287
+ grid-template-areas: "prepend content append";
19288
+ grid-template-columns: max-content auto max-content;
19289
+ padding: 0.625rem 1rem;
19596
19290
  }
19597
-
19598
- .offset-4 {
19599
- margin-inline-start: 33.3333333333%;
19291
+ .v-card-item + .v-card-text {
19292
+ padding-top: 0;
19600
19293
  }
19601
-
19602
- .offset-5 {
19603
- margin-inline-start: 41.6666666667%;
19294
+ .v-card-item__prepend, .v-card-item__append {
19295
+ align-items: center;
19296
+ display: flex;
19604
19297
  }
19605
-
19606
- .offset-6 {
19607
- margin-inline-start: 50%;
19298
+ .v-card-item__prepend {
19299
+ grid-area: prepend;
19300
+ padding-inline-end: 0.5rem;
19608
19301
  }
19609
-
19610
- .offset-7 {
19611
- margin-inline-start: 58.3333333333%;
19302
+ .v-card-item__append {
19303
+ grid-area: append;
19304
+ padding-inline-start: 0.5rem;
19612
19305
  }
19613
19306
 
19614
- .offset-8 {
19615
- margin-inline-start: 66.6666666667%;
19307
+ .v-card-item__content {
19308
+ align-self: center;
19309
+ grid-area: content;
19310
+ overflow: hidden;
19616
19311
  }
19617
19312
 
19618
- .offset-9 {
19619
- margin-inline-start: 75%;
19620
- }
19313
+ .v-card-title {
19314
+ display: block;
19315
+ flex: none;
19316
+ font-size: 1.25rem;
19317
+ font-weight: 500;
19318
+ -webkit-hyphens: auto;
19319
+ hyphens: auto;
19320
+ letter-spacing: 0.0125em;
19321
+ min-width: 0;
19322
+ overflow-wrap: normal;
19323
+ overflow: hidden;
19324
+ padding: 0.5rem 1rem;
19325
+ text-overflow: ellipsis;
19326
+ text-transform: none;
19327
+ white-space: nowrap;
19328
+ word-break: normal;
19329
+ word-wrap: break-word;
19330
+ }
19331
+ .v-card .v-card-title {
19332
+ line-height: 1.6;
19333
+ }
19334
+ .v-card--density-comfortable .v-card-title {
19335
+ line-height: 1.75rem;
19336
+ }
19337
+ .v-card--density-compact .v-card-title {
19338
+ line-height: 1.55rem;
19339
+ }
19340
+ .v-card-item .v-card-title {
19341
+ padding: 0;
19342
+ }
19343
+ .v-card-title + .v-card-text,
19344
+ .v-card-title + .v-card-actions {
19345
+ padding-top: 0;
19346
+ }
19621
19347
 
19622
- .offset-10 {
19623
- margin-inline-start: 83.3333333333%;
19348
+ .v-card-subtitle {
19349
+ display: block;
19350
+ flex: none;
19351
+ font-size: 0.875rem;
19352
+ font-weight: 400;
19353
+ letter-spacing: 0.0178571429em;
19354
+ opacity: var(--v-card-subtitle-opacity, var(--v-medium-emphasis-opacity));
19355
+ overflow: hidden;
19356
+ padding: 0 1rem;
19357
+ text-overflow: ellipsis;
19358
+ text-transform: none;
19359
+ white-space: nowrap;
19360
+ }
19361
+ .v-card .v-card-subtitle {
19362
+ line-height: 1.425;
19363
+ }
19364
+ .v-card--density-comfortable .v-card-subtitle {
19365
+ line-height: 1.125rem;
19366
+ }
19367
+ .v-card--density-compact .v-card-subtitle {
19368
+ line-height: 1rem;
19369
+ }
19370
+ .v-card-item .v-card-subtitle {
19371
+ padding: 0 0 0.25rem;
19624
19372
  }
19625
19373
 
19626
- .offset-11 {
19627
- margin-inline-start: 91.6666666667%;
19374
+ .v-card-text {
19375
+ flex: 1 1 auto;
19376
+ font-size: 0.875rem;
19377
+ font-weight: 400;
19378
+ letter-spacing: 0.0178571429em;
19379
+ opacity: var(--v-card-text-opacity, 1);
19380
+ padding: 1rem;
19381
+ text-transform: none;
19382
+ }
19383
+ .v-card .v-card-text {
19384
+ line-height: 1.425;
19385
+ }
19386
+ .v-card--density-comfortable .v-card-text {
19387
+ line-height: 1.2rem;
19388
+ }
19389
+ .v-card--density-compact .v-card-text {
19390
+ line-height: 1.15rem;
19628
19391
  }
19629
19392
 
19630
- @media (min-width: 600px) {
19631
- .v-col-sm {
19632
- flex-basis: 0;
19633
- flex-grow: 1;
19634
- max-width: 100%;
19635
- }
19636
- .v-col-sm-auto {
19637
- flex: 0 0 auto;
19638
- width: auto;
19639
- max-width: 100%;
19640
- }
19641
- .v-col-sm-1 {
19642
- flex: 0 0 8.3333333333%;
19643
- max-width: 8.3333333333%;
19644
- }
19645
- .v-col-sm-2 {
19646
- flex: 0 0 16.6666666667%;
19647
- max-width: 16.6666666667%;
19648
- }
19649
- .v-col-sm-3 {
19650
- flex: 0 0 25%;
19651
- max-width: 25%;
19652
- }
19653
- .v-col-sm-4 {
19654
- flex: 0 0 33.3333333333%;
19655
- max-width: 33.3333333333%;
19656
- }
19657
- .v-col-sm-5 {
19658
- flex: 0 0 41.6666666667%;
19659
- max-width: 41.6666666667%;
19660
- }
19661
- .v-col-sm-6 {
19662
- flex: 0 0 50%;
19663
- max-width: 50%;
19664
- }
19665
- .v-col-sm-7 {
19666
- flex: 0 0 58.3333333333%;
19667
- max-width: 58.3333333333%;
19668
- }
19669
- .v-col-sm-8 {
19670
- flex: 0 0 66.6666666667%;
19671
- max-width: 66.6666666667%;
19672
- }
19673
- .v-col-sm-9 {
19674
- flex: 0 0 75%;
19675
- max-width: 75%;
19676
- }
19677
- .v-col-sm-10 {
19678
- flex: 0 0 83.3333333333%;
19679
- max-width: 83.3333333333%;
19680
- }
19681
- .v-col-sm-11 {
19682
- flex: 0 0 91.6666666667%;
19683
- max-width: 91.6666666667%;
19684
- }
19685
- .v-col-sm-12 {
19686
- flex: 0 0 100%;
19687
- max-width: 100%;
19688
- }
19689
- .offset-sm-0 {
19690
- margin-inline-start: 0;
19691
- }
19692
- .offset-sm-1 {
19693
- margin-inline-start: 8.3333333333%;
19694
- }
19695
- .offset-sm-2 {
19696
- margin-inline-start: 16.6666666667%;
19697
- }
19698
- .offset-sm-3 {
19699
- margin-inline-start: 25%;
19700
- }
19701
- .offset-sm-4 {
19702
- margin-inline-start: 33.3333333333%;
19703
- }
19704
- .offset-sm-5 {
19705
- margin-inline-start: 41.6666666667%;
19706
- }
19707
- .offset-sm-6 {
19708
- margin-inline-start: 50%;
19709
- }
19710
- .offset-sm-7 {
19711
- margin-inline-start: 58.3333333333%;
19712
- }
19713
- .offset-sm-8 {
19714
- margin-inline-start: 66.6666666667%;
19715
- }
19716
- .offset-sm-9 {
19717
- margin-inline-start: 75%;
19718
- }
19719
- .offset-sm-10 {
19720
- margin-inline-start: 83.3333333333%;
19721
- }
19722
- .offset-sm-11 {
19723
- margin-inline-start: 91.6666666667%;
19724
- }
19393
+ .v-card__image {
19394
+ display: flex;
19395
+ height: 100%;
19396
+ flex: 1 1 auto;
19397
+ left: 0;
19398
+ overflow: hidden;
19399
+ position: absolute;
19400
+ top: 0;
19401
+ width: 100%;
19402
+ z-index: -1;
19725
19403
  }
19726
- @media (min-width: 960px) {
19727
- .v-col-md {
19728
- flex-basis: 0;
19729
- flex-grow: 1;
19730
- max-width: 100%;
19731
- }
19732
- .v-col-md-auto {
19733
- flex: 0 0 auto;
19734
- width: auto;
19735
- max-width: 100%;
19736
- }
19737
- .v-col-md-1 {
19738
- flex: 0 0 8.3333333333%;
19739
- max-width: 8.3333333333%;
19740
- }
19741
- .v-col-md-2 {
19742
- flex: 0 0 16.6666666667%;
19743
- max-width: 16.6666666667%;
19744
- }
19745
- .v-col-md-3 {
19746
- flex: 0 0 25%;
19747
- max-width: 25%;
19748
- }
19749
- .v-col-md-4 {
19750
- flex: 0 0 33.3333333333%;
19751
- max-width: 33.3333333333%;
19752
- }
19753
- .v-col-md-5 {
19754
- flex: 0 0 41.6666666667%;
19755
- max-width: 41.6666666667%;
19756
- }
19757
- .v-col-md-6 {
19758
- flex: 0 0 50%;
19759
- max-width: 50%;
19760
- }
19761
- .v-col-md-7 {
19762
- flex: 0 0 58.3333333333%;
19763
- max-width: 58.3333333333%;
19764
- }
19765
- .v-col-md-8 {
19766
- flex: 0 0 66.6666666667%;
19767
- max-width: 66.6666666667%;
19768
- }
19769
- .v-col-md-9 {
19770
- flex: 0 0 75%;
19771
- max-width: 75%;
19772
- }
19773
- .v-col-md-10 {
19774
- flex: 0 0 83.3333333333%;
19775
- max-width: 83.3333333333%;
19776
- }
19777
- .v-col-md-11 {
19778
- flex: 0 0 91.6666666667%;
19779
- max-width: 91.6666666667%;
19780
- }
19781
- .v-col-md-12 {
19782
- flex: 0 0 100%;
19783
- max-width: 100%;
19784
- }
19785
- .offset-md-0 {
19786
- margin-inline-start: 0;
19787
- }
19788
- .offset-md-1 {
19789
- margin-inline-start: 8.3333333333%;
19790
- }
19791
- .offset-md-2 {
19792
- margin-inline-start: 16.6666666667%;
19793
- }
19794
- .offset-md-3 {
19795
- margin-inline-start: 25%;
19796
- }
19797
- .offset-md-4 {
19798
- margin-inline-start: 33.3333333333%;
19799
- }
19800
- .offset-md-5 {
19801
- margin-inline-start: 41.6666666667%;
19802
- }
19803
- .offset-md-6 {
19804
- margin-inline-start: 50%;
19805
- }
19806
- .offset-md-7 {
19807
- margin-inline-start: 58.3333333333%;
19808
- }
19809
- .offset-md-8 {
19810
- margin-inline-start: 66.6666666667%;
19811
- }
19812
- .offset-md-9 {
19813
- margin-inline-start: 75%;
19814
- }
19815
- .offset-md-10 {
19816
- margin-inline-start: 83.3333333333%;
19817
- }
19818
- .offset-md-11 {
19819
- margin-inline-start: 91.6666666667%;
19820
- }
19404
+
19405
+ .v-card__content {
19406
+ border-radius: inherit;
19407
+ overflow: hidden;
19408
+ position: relative;
19821
19409
  }
19822
- @media (min-width: 1280px) {
19823
- .v-col-lg {
19824
- flex-basis: 0;
19825
- flex-grow: 1;
19826
- max-width: 100%;
19827
- }
19828
- .v-col-lg-auto {
19829
- flex: 0 0 auto;
19830
- width: auto;
19831
- max-width: 100%;
19832
- }
19833
- .v-col-lg-1 {
19834
- flex: 0 0 8.3333333333%;
19835
- max-width: 8.3333333333%;
19836
- }
19837
- .v-col-lg-2 {
19838
- flex: 0 0 16.6666666667%;
19839
- max-width: 16.6666666667%;
19840
- }
19841
- .v-col-lg-3 {
19842
- flex: 0 0 25%;
19843
- max-width: 25%;
19844
- }
19845
- .v-col-lg-4 {
19846
- flex: 0 0 33.3333333333%;
19847
- max-width: 33.3333333333%;
19848
- }
19849
- .v-col-lg-5 {
19850
- flex: 0 0 41.6666666667%;
19851
- max-width: 41.6666666667%;
19852
- }
19853
- .v-col-lg-6 {
19854
- flex: 0 0 50%;
19855
- max-width: 50%;
19856
- }
19857
- .v-col-lg-7 {
19858
- flex: 0 0 58.3333333333%;
19859
- max-width: 58.3333333333%;
19860
- }
19861
- .v-col-lg-8 {
19862
- flex: 0 0 66.6666666667%;
19863
- max-width: 66.6666666667%;
19864
- }
19865
- .v-col-lg-9 {
19866
- flex: 0 0 75%;
19867
- max-width: 75%;
19868
- }
19869
- .v-col-lg-10 {
19870
- flex: 0 0 83.3333333333%;
19871
- max-width: 83.3333333333%;
19872
- }
19873
- .v-col-lg-11 {
19874
- flex: 0 0 91.6666666667%;
19875
- max-width: 91.6666666667%;
19876
- }
19877
- .v-col-lg-12 {
19878
- flex: 0 0 100%;
19879
- max-width: 100%;
19880
- }
19881
- .offset-lg-0 {
19882
- margin-inline-start: 0;
19883
- }
19884
- .offset-lg-1 {
19885
- margin-inline-start: 8.3333333333%;
19886
- }
19887
- .offset-lg-2 {
19888
- margin-inline-start: 16.6666666667%;
19889
- }
19890
- .offset-lg-3 {
19891
- margin-inline-start: 25%;
19892
- }
19893
- .offset-lg-4 {
19894
- margin-inline-start: 33.3333333333%;
19895
- }
19896
- .offset-lg-5 {
19897
- margin-inline-start: 41.6666666667%;
19898
- }
19899
- .offset-lg-6 {
19900
- margin-inline-start: 50%;
19901
- }
19902
- .offset-lg-7 {
19903
- margin-inline-start: 58.3333333333%;
19904
- }
19905
- .offset-lg-8 {
19906
- margin-inline-start: 66.6666666667%;
19907
- }
19908
- .offset-lg-9 {
19909
- margin-inline-start: 75%;
19910
- }
19911
- .offset-lg-10 {
19912
- margin-inline-start: 83.3333333333%;
19913
- }
19914
- .offset-lg-11 {
19915
- margin-inline-start: 91.6666666667%;
19916
- }
19410
+
19411
+ .v-card__loader {
19412
+ bottom: auto;
19413
+ top: 0;
19414
+ left: 0;
19415
+ position: absolute;
19416
+ right: 0;
19417
+ width: 100%;
19418
+ z-index: 1;
19917
19419
  }
19918
- @media (min-width: 1920px) {
19919
- .v-col-xl {
19920
- flex-basis: 0;
19921
- flex-grow: 1;
19922
- max-width: 100%;
19923
- }
19924
- .v-col-xl-auto {
19925
- flex: 0 0 auto;
19926
- width: auto;
19927
- max-width: 100%;
19928
- }
19929
- .v-col-xl-1 {
19930
- flex: 0 0 8.3333333333%;
19931
- max-width: 8.3333333333%;
19932
- }
19933
- .v-col-xl-2 {
19934
- flex: 0 0 16.6666666667%;
19935
- max-width: 16.6666666667%;
19936
- }
19937
- .v-col-xl-3 {
19938
- flex: 0 0 25%;
19939
- max-width: 25%;
19940
- }
19941
- .v-col-xl-4 {
19942
- flex: 0 0 33.3333333333%;
19943
- max-width: 33.3333333333%;
19944
- }
19945
- .v-col-xl-5 {
19946
- flex: 0 0 41.6666666667%;
19947
- max-width: 41.6666666667%;
19948
- }
19949
- .v-col-xl-6 {
19950
- flex: 0 0 50%;
19951
- max-width: 50%;
19952
- }
19953
- .v-col-xl-7 {
19954
- flex: 0 0 58.3333333333%;
19955
- max-width: 58.3333333333%;
19956
- }
19957
- .v-col-xl-8 {
19958
- flex: 0 0 66.6666666667%;
19959
- max-width: 66.6666666667%;
19960
- }
19961
- .v-col-xl-9 {
19962
- flex: 0 0 75%;
19963
- max-width: 75%;
19964
- }
19965
- .v-col-xl-10 {
19966
- flex: 0 0 83.3333333333%;
19967
- max-width: 83.3333333333%;
19968
- }
19969
- .v-col-xl-11 {
19970
- flex: 0 0 91.6666666667%;
19971
- max-width: 91.6666666667%;
19972
- }
19973
- .v-col-xl-12 {
19974
- flex: 0 0 100%;
19975
- max-width: 100%;
19976
- }
19977
- .offset-xl-0 {
19978
- margin-inline-start: 0;
19979
- }
19980
- .offset-xl-1 {
19981
- margin-inline-start: 8.3333333333%;
19982
- }
19983
- .offset-xl-2 {
19984
- margin-inline-start: 16.6666666667%;
19985
- }
19986
- .offset-xl-3 {
19987
- margin-inline-start: 25%;
19988
- }
19989
- .offset-xl-4 {
19990
- margin-inline-start: 33.3333333333%;
19991
- }
19992
- .offset-xl-5 {
19993
- margin-inline-start: 41.6666666667%;
19994
- }
19995
- .offset-xl-6 {
19996
- margin-inline-start: 50%;
19997
- }
19998
- .offset-xl-7 {
19999
- margin-inline-start: 58.3333333333%;
20000
- }
20001
- .offset-xl-8 {
20002
- margin-inline-start: 66.6666666667%;
20003
- }
20004
- .offset-xl-9 {
20005
- margin-inline-start: 75%;
20006
- }
20007
- .offset-xl-10 {
20008
- margin-inline-start: 83.3333333333%;
20009
- }
20010
- .offset-xl-11 {
20011
- margin-inline-start: 91.6666666667%;
20012
- }
19420
+
19421
+ .v-card__overlay {
19422
+ background-color: currentColor;
19423
+ border-radius: inherit;
19424
+ position: absolute;
19425
+ top: 0;
19426
+ right: 0;
19427
+ bottom: 0;
19428
+ left: 0;
19429
+ pointer-events: none;
19430
+ opacity: 0;
19431
+ transition: opacity 0.2s ease-in-out;
19432
+ }.v-checkbox.v-input {
19433
+ flex: 0 1 auto;
20013
19434
  }
20014
- @media (min-width: 2560px) {
20015
- .v-col-xxl {
20016
- flex-basis: 0;
20017
- flex-grow: 1;
20018
- max-width: 100%;
20019
- }
20020
- .v-col-xxl-auto {
20021
- flex: 0 0 auto;
20022
- width: auto;
20023
- max-width: 100%;
20024
- }
20025
- .v-col-xxl-1 {
20026
- flex: 0 0 8.3333333333%;
20027
- max-width: 8.3333333333%;
20028
- }
20029
- .v-col-xxl-2 {
20030
- flex: 0 0 16.6666666667%;
20031
- max-width: 16.6666666667%;
20032
- }
20033
- .v-col-xxl-3 {
20034
- flex: 0 0 25%;
20035
- max-width: 25%;
20036
- }
20037
- .v-col-xxl-4 {
20038
- flex: 0 0 33.3333333333%;
20039
- max-width: 33.3333333333%;
20040
- }
20041
- .v-col-xxl-5 {
20042
- flex: 0 0 41.6666666667%;
20043
- max-width: 41.6666666667%;
20044
- }
20045
- .v-col-xxl-6 {
20046
- flex: 0 0 50%;
20047
- max-width: 50%;
20048
- }
20049
- .v-col-xxl-7 {
20050
- flex: 0 0 58.3333333333%;
20051
- max-width: 58.3333333333%;
20052
- }
20053
- .v-col-xxl-8 {
20054
- flex: 0 0 66.6666666667%;
20055
- max-width: 66.6666666667%;
20056
- }
20057
- .v-col-xxl-9 {
20058
- flex: 0 0 75%;
20059
- max-width: 75%;
20060
- }
20061
- .v-col-xxl-10 {
20062
- flex: 0 0 83.3333333333%;
20063
- max-width: 83.3333333333%;
20064
- }
20065
- .v-col-xxl-11 {
20066
- flex: 0 0 91.6666666667%;
20067
- max-width: 91.6666666667%;
20068
- }
20069
- .v-col-xxl-12 {
20070
- flex: 0 0 100%;
20071
- max-width: 100%;
20072
- }
20073
- .offset-xxl-0 {
20074
- margin-inline-start: 0;
20075
- }
20076
- .offset-xxl-1 {
20077
- margin-inline-start: 8.3333333333%;
20078
- }
20079
- .offset-xxl-2 {
20080
- margin-inline-start: 16.6666666667%;
20081
- }
20082
- .offset-xxl-3 {
20083
- margin-inline-start: 25%;
20084
- }
20085
- .offset-xxl-4 {
20086
- margin-inline-start: 33.3333333333%;
20087
- }
20088
- .offset-xxl-5 {
20089
- margin-inline-start: 41.6666666667%;
20090
- }
20091
- .offset-xxl-6 {
20092
- margin-inline-start: 50%;
20093
- }
20094
- .offset-xxl-7 {
20095
- margin-inline-start: 58.3333333333%;
20096
- }
20097
- .offset-xxl-8 {
20098
- margin-inline-start: 66.6666666667%;
20099
- }
20100
- .offset-xxl-9 {
20101
- margin-inline-start: 75%;
20102
- }
20103
- .offset-xxl-10 {
20104
- margin-inline-start: 83.3333333333%;
20105
- }
20106
- .offset-xxl-11 {
20107
- margin-inline-start: 91.6666666667%;
20108
- }
19435
+ .v-checkbox .v-selection-control {
19436
+ min-height: var(--v-input-control-height);
20109
19437
  }.v-chip-group {
20110
19438
  display: flex;
20111
19439
  max-width: 100%;
@@ -20312,6 +19640,11 @@ html.overflow-y-hidden {
20312
19640
  .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon {
20313
19641
  opacity: 0.5;
20314
19642
  }
19643
+ .v-data-table .v-table__wrapper > table > thead > tr.v-data-table__tr--mobile > td,
19644
+ .v-data-table .v-table__wrapper > table tbody > tr.v-data-table__tr--mobile > td {
19645
+ height: -moz-fit-content;
19646
+ height: fit-content;
19647
+ }
20315
19648
 
20316
19649
  .v-data-table-column--fixed,
20317
19650
  .v-data-table__th--sticky {
@@ -20443,6 +19776,67 @@ html.overflow-y-hidden {
20443
19776
  }
20444
19777
  .v-data-table-footer__page {
20445
19778
  padding: 0 8px;
19779
+ }.v-date-picker {
19780
+ overflow: hidden;
19781
+ width: 328px;
19782
+ }
19783
+ .v-date-picker--show-week {
19784
+ width: 368px;
19785
+ }.v-date-picker-month {
19786
+ display: flex;
19787
+ justify-content: center;
19788
+ padding: 0 12px 8px;
19789
+ --v-date-picker-month-day-diff: 4px;
19790
+ }
19791
+
19792
+ .v-date-picker-month__weeks {
19793
+ display: grid;
19794
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
19795
+ column-gap: 4px;
19796
+ font-size: 0.85rem;
19797
+ }
19798
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
19799
+ grid-row-gap: 0;
19800
+ }
19801
+
19802
+ .v-date-picker-month__weekday {
19803
+ font-size: 0.85rem;
19804
+ }
19805
+
19806
+ .v-date-picker-month__days {
19807
+ display: grid;
19808
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
19809
+ column-gap: 4px;
19810
+ flex: 1 1;
19811
+ justify-content: space-around;
19812
+ }
19813
+
19814
+ .v-date-picker-month__day {
19815
+ align-items: center;
19816
+ display: flex;
19817
+ justify-content: center;
19818
+ position: relative;
19819
+ height: 40px;
19820
+ width: 40px;
19821
+ }
19822
+ .v-date-picker-month__day--selected .v-btn {
19823
+ background-color: rgb(var(--v-theme-surface-variant));
19824
+ color: rgb(var(--v-theme-on-surface-variant));
19825
+ }
19826
+ .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
19827
+ --v-btn-height: 24px;
19828
+ --v-btn-size: 0.85rem;
19829
+ }
19830
+ .v-date-picker-month__day--week {
19831
+ font-size: var(--v-btn-size);
19832
+ }
19833
+
19834
+ .v-date-picker-month__day--adjacent {
19835
+ opacity: 0.5;
19836
+ }
19837
+
19838
+ .v-date-picker-month__day--hide-adjacent {
19839
+ opacity: 0;
20446
19840
  }.v-date-picker-controls {
20447
19841
  display: flex;
20448
19842
  align-items: center;
@@ -20499,12 +19893,6 @@ html.overflow-y-hidden {
20499
19893
 
20500
19894
  .v-date-picker__title {
20501
19895
  display: inline-block;
20502
- }.v-date-picker {
20503
- overflow: hidden;
20504
- width: 328px;
20505
- }
20506
- .v-date-picker--show-week {
20507
- width: 368px;
20508
19896
  }.v-date-picker-header {
20509
19897
  align-items: flex-end;
20510
19898
  height: 70px;
@@ -20565,61 +19953,6 @@ html.overflow-y-hidden {
20565
19953
  .date-picker-header-reverse-transition-leave-to {
20566
19954
  opacity: 0;
20567
19955
  transform: translate(0, 100%);
20568
- }.v-date-picker-month {
20569
- display: flex;
20570
- justify-content: center;
20571
- padding: 0 12px 8px;
20572
- --v-date-picker-month-day-diff: 4px;
20573
- }
20574
-
20575
- .v-date-picker-month__weeks {
20576
- display: grid;
20577
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20578
- column-gap: 4px;
20579
- font-size: 0.85rem;
20580
- }
20581
- .v-date-picker-month__weeks + .v-date-picker-month__days {
20582
- grid-row-gap: 0;
20583
- }
20584
-
20585
- .v-date-picker-month__weekday {
20586
- font-size: 0.85rem;
20587
- }
20588
-
20589
- .v-date-picker-month__days {
20590
- display: grid;
20591
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20592
- column-gap: 4px;
20593
- flex: 1 1;
20594
- justify-content: space-around;
20595
- }
20596
-
20597
- .v-date-picker-month__day {
20598
- align-items: center;
20599
- display: flex;
20600
- justify-content: center;
20601
- position: relative;
20602
- height: 40px;
20603
- width: 40px;
20604
- }
20605
- .v-date-picker-month__day--selected .v-btn {
20606
- background-color: rgb(var(--v-theme-surface-variant));
20607
- color: rgb(var(--v-theme-on-surface-variant));
20608
- }
20609
- .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20610
- --v-btn-height: 24px;
20611
- --v-btn-size: 0.85rem;
20612
- }
20613
- .v-date-picker-month__day--week {
20614
- font-size: var(--v-btn-size);
20615
- }
20616
-
20617
- .v-date-picker-month__day--adjacent {
20618
- opacity: 0.5;
20619
- }
20620
-
20621
- .v-date-picker-month__day--hide-adjacent {
20622
- opacity: 0;
20623
19956
  }.v-date-picker-months {
20624
19957
  height: 288px;
20625
19958
  }
@@ -20760,7 +20093,7 @@ html.overflow-y-hidden {
20760
20093
  align-self: stretch;
20761
20094
  border-width: 0 thin 0 0;
20762
20095
  display: inline-flex;
20763
- height: 100%;
20096
+ height: auto;
20764
20097
  margin-left: -1px;
20765
20098
  max-height: 100%;
20766
20099
  max-width: 0px;
@@ -20796,38 +20129,107 @@ html.overflow-y-hidden {
20796
20129
  }
20797
20130
  .v-divider__wrapper--vertical .v-divider {
20798
20131
  margin: 0 auto;
20799
- }.v-empty-state {
20132
+ }.v-fab {
20800
20133
  align-items: center;
20134
+ display: inline-flex;
20135
+ flex: 1 1 auto;
20136
+ pointer-events: none;
20137
+ position: relative;
20138
+ transition-duration: 0.2s;
20139
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20140
+ vertical-align: middle;
20141
+ }
20142
+ .v-fab .v-btn {
20143
+ pointer-events: auto;
20144
+ }
20145
+ .v-fab .v-btn--variant-elevated {
20146
+ box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20147
+ }
20148
+ .v-fab--app, .v-fab--absolute {
20801
20149
  display: flex;
20802
- flex-direction: column;
20803
- justify-content: center;
20804
- min-height: 100%;
20805
- padding: 16px;
20806
20150
  }
20807
- .v-empty-state--start {
20808
- align-items: flex-start;
20151
+ .v-fab--start, .v-fab--left {
20152
+ justify-content: flex-start;
20809
20153
  }
20810
- .v-empty-state--center {
20154
+ .v-fab--center {
20811
20155
  align-items: center;
20156
+ justify-content: center;
20812
20157
  }
20813
- .v-empty-state--end {
20158
+ .v-fab--end, .v-fab--right {
20159
+ justify-content: flex-end;
20160
+ }
20161
+ .v-fab--bottom {
20814
20162
  align-items: flex-end;
20815
20163
  }
20816
-
20817
- .v-empty-state__media {
20818
- text-align: center;
20819
- width: 100%;
20164
+ .v-fab--top {
20165
+ align-items: flex-start;
20820
20166
  }
20821
- .v-empty-state__media .v-icon {
20822
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20167
+ .v-fab--extended .v-btn {
20168
+ border-radius: 9999px !important;
20823
20169
  }
20824
20170
 
20825
- .v-empty-state__headline {
20826
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20827
- font-size: 3.75rem;
20828
- font-weight: 300;
20829
- line-height: 1;
20830
- text-align: center;
20171
+ .v-fab__container {
20172
+ align-self: center;
20173
+ display: inline-flex;
20174
+ position: absolute;
20175
+ vertical-align: middle;
20176
+ }
20177
+ .v-fab--app .v-fab__container {
20178
+ margin: 12px;
20179
+ }
20180
+ .v-fab--absolute .v-fab__container {
20181
+ position: absolute;
20182
+ z-index: 4;
20183
+ }
20184
+ .v-fab--offset.v-fab--top .v-fab__container {
20185
+ transform: translateY(-50%);
20186
+ }
20187
+ .v-fab--offset.v-fab--bottom .v-fab__container {
20188
+ transform: translateY(50%);
20189
+ }
20190
+ .v-fab--top .v-fab__container {
20191
+ top: 0;
20192
+ }
20193
+ .v-fab--bottom .v-fab__container {
20194
+ bottom: 0;
20195
+ }
20196
+ .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
20197
+ left: 0;
20198
+ }
20199
+ .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
20200
+ right: 0;
20201
+ }.v-empty-state {
20202
+ align-items: center;
20203
+ display: flex;
20204
+ flex-direction: column;
20205
+ justify-content: center;
20206
+ min-height: 100%;
20207
+ padding: 16px;
20208
+ }
20209
+ .v-empty-state--start {
20210
+ align-items: flex-start;
20211
+ }
20212
+ .v-empty-state--center {
20213
+ align-items: center;
20214
+ }
20215
+ .v-empty-state--end {
20216
+ align-items: flex-end;
20217
+ }
20218
+
20219
+ .v-empty-state__media {
20220
+ text-align: center;
20221
+ width: 100%;
20222
+ }
20223
+ .v-empty-state__media .v-icon {
20224
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20225
+ }
20226
+
20227
+ .v-empty-state__headline {
20228
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20229
+ font-size: 3.75rem;
20230
+ font-weight: 300;
20231
+ line-height: 1;
20232
+ text-align: center;
20831
20233
  margin-bottom: 8px;
20832
20234
  }
20833
20235
  .v-empty-state--mobile .v-empty-state__headline {
@@ -21073,75 +20475,6 @@ html.overflow-y-hidden {
21073
20475
  }
21074
20476
  .v-expansion-panels--tile > .v-expansion-panel {
21075
20477
  border-radius: 0;
21076
- }.v-fab {
21077
- align-items: center;
21078
- display: inline-flex;
21079
- flex: 1 1 auto;
21080
- pointer-events: none;
21081
- position: relative;
21082
- transition-duration: 0.2s;
21083
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21084
- vertical-align: middle;
21085
- }
21086
- .v-fab .v-btn {
21087
- pointer-events: auto;
21088
- }
21089
- .v-fab .v-btn--variant-elevated {
21090
- box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21091
- }
21092
- .v-fab--app, .v-fab--absolute {
21093
- display: flex;
21094
- }
21095
- .v-fab--start, .v-fab--left {
21096
- justify-content: flex-start;
21097
- }
21098
- .v-fab--center {
21099
- align-items: center;
21100
- justify-content: center;
21101
- }
21102
- .v-fab--end, .v-fab--right {
21103
- justify-content: flex-end;
21104
- }
21105
- .v-fab--bottom {
21106
- align-items: flex-end;
21107
- }
21108
- .v-fab--top {
21109
- align-items: flex-start;
21110
- }
21111
- .v-fab--extended .v-btn {
21112
- border-radius: 9999px !important;
21113
- }
21114
-
21115
- .v-fab__container {
21116
- align-self: center;
21117
- display: inline-flex;
21118
- position: absolute;
21119
- vertical-align: middle;
21120
- }
21121
- .v-fab--app .v-fab__container {
21122
- margin: 12px;
21123
- }
21124
- .v-fab--absolute .v-fab__container {
21125
- position: absolute;
21126
- z-index: 4;
21127
- }
21128
- .v-fab--offset.v-fab--top .v-fab__container {
21129
- transform: translateY(-50%);
21130
- }
21131
- .v-fab--offset.v-fab--bottom .v-fab__container {
21132
- transform: translateY(50%);
21133
- }
21134
- .v-fab--top .v-fab__container {
21135
- top: 0;
21136
- }
21137
- .v-fab--bottom .v-fab__container {
21138
- bottom: 0;
21139
- }
21140
- .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
21141
- left: 0;
21142
- }
21143
- .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
21144
- right: 0;
21145
20478
  }/* region INPUT */
21146
20479
  .v-field {
21147
20480
  --v-theme-overlay-multiplier: 1;
@@ -21657,63 +20990,764 @@ textarea.v-field__input::placeholder {
21657
20990
  .v-field--variant-filled:hover .v-field__overlay {
21658
20991
  opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21659
20992
  }
21660
- }
21661
- .v-field--variant-filled.v-field--focused .v-field__overlay {
21662
- opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21663
- }
21664
-
21665
- .v-field--variant-solo-filled .v-field__overlay {
21666
- background-color: currentColor;
21667
- opacity: 0.04;
21668
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21669
- }
21670
- @media (hover: hover) {
21671
- .v-field--variant-solo-filled:hover .v-field__overlay {
21672
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20993
+ }
20994
+ .v-field--variant-filled.v-field--focused .v-field__overlay {
20995
+ opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20996
+ }
20997
+
20998
+ .v-field--variant-solo-filled .v-field__overlay {
20999
+ background-color: currentColor;
21000
+ opacity: 0.04;
21001
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21002
+ }
21003
+ @media (hover: hover) {
21004
+ .v-field--variant-solo-filled:hover .v-field__overlay {
21005
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21006
+ }
21007
+ }
21008
+ .v-field--variant-solo-filled.v-field--focused .v-field__overlay {
21009
+ opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21010
+ }
21011
+
21012
+ .v-field--variant-solo-inverted .v-field__overlay {
21013
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21014
+ }
21015
+ .v-field--variant-solo-inverted.v-field--has-background .v-field__overlay {
21016
+ opacity: 0;
21017
+ }
21018
+ @media (hover: hover) {
21019
+ .v-field--variant-solo-inverted:hover .v-field__overlay {
21020
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21021
+ }
21022
+ }
21023
+ .v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
21024
+ background-color: rgb(var(--v-theme-surface-variant));
21025
+ opacity: 1;
21026
+ }
21027
+
21028
+ /* endregion */
21029
+ /* region MODIFIERS */
21030
+ .v-field--reverse .v-field__field,
21031
+ .v-field--reverse .v-field__input,
21032
+ .v-field--reverse .v-field__outline {
21033
+ flex-direction: row-reverse;
21034
+ }
21035
+ .v-field--reverse .v-field__input, .v-field--reverse input {
21036
+ text-align: end;
21037
+ }
21038
+
21039
+ .v-input--disabled .v-field--variant-filled .v-field__outline::before,
21040
+ .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
21041
+ 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;
21042
+ }
21043
+
21044
+ .v-field--loading .v-field__outline::after,
21045
+ .v-field--loading .v-field__outline::before {
21046
+ opacity: 0;
21047
+ }
21048
+
21049
+ /* endregion */.v-file-input--hide.v-input .v-field,
21050
+ .v-file-input--hide.v-input .v-input__control,
21051
+ .v-file-input--hide.v-input .v-input__details {
21052
+ display: none;
21053
+ }
21054
+ .v-file-input--hide.v-input .v-input__prepend {
21055
+ grid-area: control;
21056
+ margin: 0 auto;
21057
+ }
21058
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21059
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21060
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21061
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21062
+ top: 0px;
21063
+ }
21064
+ .v-file-input input[type=file] {
21065
+ height: 100%;
21066
+ left: 0;
21067
+ opacity: 0;
21068
+ position: absolute;
21069
+ top: 0;
21070
+ width: 100%;
21071
+ z-index: 1;
21072
+ }
21073
+ .v-file-input .v-input__details {
21074
+ padding-inline: 16px;
21075
+ }
21076
+ .v-input--plain-underlined.v-file-input .v-input__details {
21077
+ padding-inline: 0;
21078
+ }.v-container {
21079
+ width: 100%;
21080
+ padding: 16px;
21081
+ margin-right: auto;
21082
+ margin-left: auto;
21083
+ }
21084
+ @media (min-width: 960px) {
21085
+ .v-container {
21086
+ max-width: 900px;
21087
+ }
21088
+ }
21089
+ @media (min-width: 1280px) {
21090
+ .v-container {
21091
+ max-width: 1200px;
21092
+ }
21093
+ }
21094
+ @media (min-width: 1920px) {
21095
+ .v-container {
21096
+ max-width: 1800px;
21097
+ }
21098
+ }
21099
+ @media (min-width: 2560px) {
21100
+ .v-container {
21101
+ max-width: 2400px;
21102
+ }
21103
+ }
21104
+ .v-container--fluid {
21105
+ max-width: 100%;
21106
+ }
21107
+ .v-container.fill-height {
21108
+ align-items: center;
21109
+ display: flex;
21110
+ flex-wrap: wrap;
21111
+ }
21112
+
21113
+ .v-row {
21114
+ display: flex;
21115
+ flex-wrap: wrap;
21116
+ flex: 1 1 auto;
21117
+ margin: -12px;
21118
+ }
21119
+ .v-row + .v-row {
21120
+ margin-top: 12px;
21121
+ }
21122
+ .v-row + .v-row--dense {
21123
+ margin-top: 4px;
21124
+ }
21125
+ .v-row--dense {
21126
+ margin: -4px;
21127
+ }
21128
+ .v-row--dense > .v-col,
21129
+ .v-row--dense > [class*=v-col-] {
21130
+ padding: 4px;
21131
+ }
21132
+ .v-row.v-row--no-gutters {
21133
+ margin: 0;
21134
+ }
21135
+ .v-row.v-row--no-gutters > .v-col,
21136
+ .v-row.v-row--no-gutters > [class*=v-col-] {
21137
+ padding: 0;
21138
+ }
21139
+
21140
+ .v-spacer {
21141
+ flex-grow: 1;
21142
+ }
21143
+
21144
+ .v-col-xxl,
21145
+ .v-col-xxl-auto, .v-col-xxl-12, .v-col-xxl-11, .v-col-xxl-10, .v-col-xxl-9, .v-col-xxl-8, .v-col-xxl-7, .v-col-xxl-6, .v-col-xxl-5, .v-col-xxl-4, .v-col-xxl-3, .v-col-xxl-2, .v-col-xxl-1, .v-col-xl,
21146
+ .v-col-xl-auto, .v-col-xl-12, .v-col-xl-11, .v-col-xl-10, .v-col-xl-9, .v-col-xl-8, .v-col-xl-7, .v-col-xl-6, .v-col-xl-5, .v-col-xl-4, .v-col-xl-3, .v-col-xl-2, .v-col-xl-1, .v-col-lg,
21147
+ .v-col-lg-auto, .v-col-lg-12, .v-col-lg-11, .v-col-lg-10, .v-col-lg-9, .v-col-lg-8, .v-col-lg-7, .v-col-lg-6, .v-col-lg-5, .v-col-lg-4, .v-col-lg-3, .v-col-lg-2, .v-col-lg-1, .v-col-md,
21148
+ .v-col-md-auto, .v-col-md-12, .v-col-md-11, .v-col-md-10, .v-col-md-9, .v-col-md-8, .v-col-md-7, .v-col-md-6, .v-col-md-5, .v-col-md-4, .v-col-md-3, .v-col-md-2, .v-col-md-1, .v-col-sm,
21149
+ .v-col-sm-auto, .v-col-sm-12, .v-col-sm-11, .v-col-sm-10, .v-col-sm-9, .v-col-sm-8, .v-col-sm-7, .v-col-sm-6, .v-col-sm-5, .v-col-sm-4, .v-col-sm-3, .v-col-sm-2, .v-col-sm-1, .v-col,
21150
+ .v-col-auto, .v-col-12, .v-col-11, .v-col-10, .v-col-9, .v-col-8, .v-col-7, .v-col-6, .v-col-5, .v-col-4, .v-col-3, .v-col-2, .v-col-1 {
21151
+ width: 100%;
21152
+ padding: 12px;
21153
+ }
21154
+
21155
+ .v-col {
21156
+ flex-basis: 0;
21157
+ flex-grow: 1;
21158
+ max-width: 100%;
21159
+ }
21160
+
21161
+ .v-col-auto {
21162
+ flex: 0 0 auto;
21163
+ width: auto;
21164
+ max-width: 100%;
21165
+ }
21166
+
21167
+ .v-col-1 {
21168
+ flex: 0 0 8.3333333333%;
21169
+ max-width: 8.3333333333%;
21170
+ }
21171
+
21172
+ .v-col-2 {
21173
+ flex: 0 0 16.6666666667%;
21174
+ max-width: 16.6666666667%;
21175
+ }
21176
+
21177
+ .v-col-3 {
21178
+ flex: 0 0 25%;
21179
+ max-width: 25%;
21180
+ }
21181
+
21182
+ .v-col-4 {
21183
+ flex: 0 0 33.3333333333%;
21184
+ max-width: 33.3333333333%;
21185
+ }
21186
+
21187
+ .v-col-5 {
21188
+ flex: 0 0 41.6666666667%;
21189
+ max-width: 41.6666666667%;
21190
+ }
21191
+
21192
+ .v-col-6 {
21193
+ flex: 0 0 50%;
21194
+ max-width: 50%;
21195
+ }
21196
+
21197
+ .v-col-7 {
21198
+ flex: 0 0 58.3333333333%;
21199
+ max-width: 58.3333333333%;
21200
+ }
21201
+
21202
+ .v-col-8 {
21203
+ flex: 0 0 66.6666666667%;
21204
+ max-width: 66.6666666667%;
21205
+ }
21206
+
21207
+ .v-col-9 {
21208
+ flex: 0 0 75%;
21209
+ max-width: 75%;
21210
+ }
21211
+
21212
+ .v-col-10 {
21213
+ flex: 0 0 83.3333333333%;
21214
+ max-width: 83.3333333333%;
21215
+ }
21216
+
21217
+ .v-col-11 {
21218
+ flex: 0 0 91.6666666667%;
21219
+ max-width: 91.6666666667%;
21220
+ }
21221
+
21222
+ .v-col-12 {
21223
+ flex: 0 0 100%;
21224
+ max-width: 100%;
21225
+ }
21226
+
21227
+ .offset-1 {
21228
+ margin-inline-start: 8.3333333333%;
21229
+ }
21230
+
21231
+ .offset-2 {
21232
+ margin-inline-start: 16.6666666667%;
21233
+ }
21234
+
21235
+ .offset-3 {
21236
+ margin-inline-start: 25%;
21237
+ }
21238
+
21239
+ .offset-4 {
21240
+ margin-inline-start: 33.3333333333%;
21241
+ }
21242
+
21243
+ .offset-5 {
21244
+ margin-inline-start: 41.6666666667%;
21245
+ }
21246
+
21247
+ .offset-6 {
21248
+ margin-inline-start: 50%;
21249
+ }
21250
+
21251
+ .offset-7 {
21252
+ margin-inline-start: 58.3333333333%;
21253
+ }
21254
+
21255
+ .offset-8 {
21256
+ margin-inline-start: 66.6666666667%;
21257
+ }
21258
+
21259
+ .offset-9 {
21260
+ margin-inline-start: 75%;
21261
+ }
21262
+
21263
+ .offset-10 {
21264
+ margin-inline-start: 83.3333333333%;
21265
+ }
21266
+
21267
+ .offset-11 {
21268
+ margin-inline-start: 91.6666666667%;
21269
+ }
21270
+
21271
+ @media (min-width: 600px) {
21272
+ .v-col-sm {
21273
+ flex-basis: 0;
21274
+ flex-grow: 1;
21275
+ max-width: 100%;
21276
+ }
21277
+ .v-col-sm-auto {
21278
+ flex: 0 0 auto;
21279
+ width: auto;
21280
+ max-width: 100%;
21281
+ }
21282
+ .v-col-sm-1 {
21283
+ flex: 0 0 8.3333333333%;
21284
+ max-width: 8.3333333333%;
21285
+ }
21286
+ .v-col-sm-2 {
21287
+ flex: 0 0 16.6666666667%;
21288
+ max-width: 16.6666666667%;
21289
+ }
21290
+ .v-col-sm-3 {
21291
+ flex: 0 0 25%;
21292
+ max-width: 25%;
21293
+ }
21294
+ .v-col-sm-4 {
21295
+ flex: 0 0 33.3333333333%;
21296
+ max-width: 33.3333333333%;
21297
+ }
21298
+ .v-col-sm-5 {
21299
+ flex: 0 0 41.6666666667%;
21300
+ max-width: 41.6666666667%;
21301
+ }
21302
+ .v-col-sm-6 {
21303
+ flex: 0 0 50%;
21304
+ max-width: 50%;
21305
+ }
21306
+ .v-col-sm-7 {
21307
+ flex: 0 0 58.3333333333%;
21308
+ max-width: 58.3333333333%;
21309
+ }
21310
+ .v-col-sm-8 {
21311
+ flex: 0 0 66.6666666667%;
21312
+ max-width: 66.6666666667%;
21313
+ }
21314
+ .v-col-sm-9 {
21315
+ flex: 0 0 75%;
21316
+ max-width: 75%;
21317
+ }
21318
+ .v-col-sm-10 {
21319
+ flex: 0 0 83.3333333333%;
21320
+ max-width: 83.3333333333%;
21321
+ }
21322
+ .v-col-sm-11 {
21323
+ flex: 0 0 91.6666666667%;
21324
+ max-width: 91.6666666667%;
21325
+ }
21326
+ .v-col-sm-12 {
21327
+ flex: 0 0 100%;
21328
+ max-width: 100%;
21329
+ }
21330
+ .offset-sm-0 {
21331
+ margin-inline-start: 0;
21332
+ }
21333
+ .offset-sm-1 {
21334
+ margin-inline-start: 8.3333333333%;
21335
+ }
21336
+ .offset-sm-2 {
21337
+ margin-inline-start: 16.6666666667%;
21338
+ }
21339
+ .offset-sm-3 {
21340
+ margin-inline-start: 25%;
21341
+ }
21342
+ .offset-sm-4 {
21343
+ margin-inline-start: 33.3333333333%;
21344
+ }
21345
+ .offset-sm-5 {
21346
+ margin-inline-start: 41.6666666667%;
21347
+ }
21348
+ .offset-sm-6 {
21349
+ margin-inline-start: 50%;
21350
+ }
21351
+ .offset-sm-7 {
21352
+ margin-inline-start: 58.3333333333%;
21353
+ }
21354
+ .offset-sm-8 {
21355
+ margin-inline-start: 66.6666666667%;
21356
+ }
21357
+ .offset-sm-9 {
21358
+ margin-inline-start: 75%;
21359
+ }
21360
+ .offset-sm-10 {
21361
+ margin-inline-start: 83.3333333333%;
21362
+ }
21363
+ .offset-sm-11 {
21364
+ margin-inline-start: 91.6666666667%;
21365
+ }
21366
+ }
21367
+ @media (min-width: 960px) {
21368
+ .v-col-md {
21369
+ flex-basis: 0;
21370
+ flex-grow: 1;
21371
+ max-width: 100%;
21372
+ }
21373
+ .v-col-md-auto {
21374
+ flex: 0 0 auto;
21375
+ width: auto;
21376
+ max-width: 100%;
21377
+ }
21378
+ .v-col-md-1 {
21379
+ flex: 0 0 8.3333333333%;
21380
+ max-width: 8.3333333333%;
21381
+ }
21382
+ .v-col-md-2 {
21383
+ flex: 0 0 16.6666666667%;
21384
+ max-width: 16.6666666667%;
21385
+ }
21386
+ .v-col-md-3 {
21387
+ flex: 0 0 25%;
21388
+ max-width: 25%;
21389
+ }
21390
+ .v-col-md-4 {
21391
+ flex: 0 0 33.3333333333%;
21392
+ max-width: 33.3333333333%;
21393
+ }
21394
+ .v-col-md-5 {
21395
+ flex: 0 0 41.6666666667%;
21396
+ max-width: 41.6666666667%;
21397
+ }
21398
+ .v-col-md-6 {
21399
+ flex: 0 0 50%;
21400
+ max-width: 50%;
21401
+ }
21402
+ .v-col-md-7 {
21403
+ flex: 0 0 58.3333333333%;
21404
+ max-width: 58.3333333333%;
21405
+ }
21406
+ .v-col-md-8 {
21407
+ flex: 0 0 66.6666666667%;
21408
+ max-width: 66.6666666667%;
21409
+ }
21410
+ .v-col-md-9 {
21411
+ flex: 0 0 75%;
21412
+ max-width: 75%;
21413
+ }
21414
+ .v-col-md-10 {
21415
+ flex: 0 0 83.3333333333%;
21416
+ max-width: 83.3333333333%;
21417
+ }
21418
+ .v-col-md-11 {
21419
+ flex: 0 0 91.6666666667%;
21420
+ max-width: 91.6666666667%;
21421
+ }
21422
+ .v-col-md-12 {
21423
+ flex: 0 0 100%;
21424
+ max-width: 100%;
21425
+ }
21426
+ .offset-md-0 {
21427
+ margin-inline-start: 0;
21428
+ }
21429
+ .offset-md-1 {
21430
+ margin-inline-start: 8.3333333333%;
21431
+ }
21432
+ .offset-md-2 {
21433
+ margin-inline-start: 16.6666666667%;
21434
+ }
21435
+ .offset-md-3 {
21436
+ margin-inline-start: 25%;
21437
+ }
21438
+ .offset-md-4 {
21439
+ margin-inline-start: 33.3333333333%;
21440
+ }
21441
+ .offset-md-5 {
21442
+ margin-inline-start: 41.6666666667%;
21443
+ }
21444
+ .offset-md-6 {
21445
+ margin-inline-start: 50%;
21446
+ }
21447
+ .offset-md-7 {
21448
+ margin-inline-start: 58.3333333333%;
21449
+ }
21450
+ .offset-md-8 {
21451
+ margin-inline-start: 66.6666666667%;
21452
+ }
21453
+ .offset-md-9 {
21454
+ margin-inline-start: 75%;
21455
+ }
21456
+ .offset-md-10 {
21457
+ margin-inline-start: 83.3333333333%;
21458
+ }
21459
+ .offset-md-11 {
21460
+ margin-inline-start: 91.6666666667%;
21461
+ }
21462
+ }
21463
+ @media (min-width: 1280px) {
21464
+ .v-col-lg {
21465
+ flex-basis: 0;
21466
+ flex-grow: 1;
21467
+ max-width: 100%;
21468
+ }
21469
+ .v-col-lg-auto {
21470
+ flex: 0 0 auto;
21471
+ width: auto;
21472
+ max-width: 100%;
21473
+ }
21474
+ .v-col-lg-1 {
21475
+ flex: 0 0 8.3333333333%;
21476
+ max-width: 8.3333333333%;
21477
+ }
21478
+ .v-col-lg-2 {
21479
+ flex: 0 0 16.6666666667%;
21480
+ max-width: 16.6666666667%;
21481
+ }
21482
+ .v-col-lg-3 {
21483
+ flex: 0 0 25%;
21484
+ max-width: 25%;
21485
+ }
21486
+ .v-col-lg-4 {
21487
+ flex: 0 0 33.3333333333%;
21488
+ max-width: 33.3333333333%;
21489
+ }
21490
+ .v-col-lg-5 {
21491
+ flex: 0 0 41.6666666667%;
21492
+ max-width: 41.6666666667%;
21493
+ }
21494
+ .v-col-lg-6 {
21495
+ flex: 0 0 50%;
21496
+ max-width: 50%;
21497
+ }
21498
+ .v-col-lg-7 {
21499
+ flex: 0 0 58.3333333333%;
21500
+ max-width: 58.3333333333%;
21501
+ }
21502
+ .v-col-lg-8 {
21503
+ flex: 0 0 66.6666666667%;
21504
+ max-width: 66.6666666667%;
21505
+ }
21506
+ .v-col-lg-9 {
21507
+ flex: 0 0 75%;
21508
+ max-width: 75%;
21509
+ }
21510
+ .v-col-lg-10 {
21511
+ flex: 0 0 83.3333333333%;
21512
+ max-width: 83.3333333333%;
21513
+ }
21514
+ .v-col-lg-11 {
21515
+ flex: 0 0 91.6666666667%;
21516
+ max-width: 91.6666666667%;
21517
+ }
21518
+ .v-col-lg-12 {
21519
+ flex: 0 0 100%;
21520
+ max-width: 100%;
21521
+ }
21522
+ .offset-lg-0 {
21523
+ margin-inline-start: 0;
21524
+ }
21525
+ .offset-lg-1 {
21526
+ margin-inline-start: 8.3333333333%;
21527
+ }
21528
+ .offset-lg-2 {
21529
+ margin-inline-start: 16.6666666667%;
21530
+ }
21531
+ .offset-lg-3 {
21532
+ margin-inline-start: 25%;
21533
+ }
21534
+ .offset-lg-4 {
21535
+ margin-inline-start: 33.3333333333%;
21536
+ }
21537
+ .offset-lg-5 {
21538
+ margin-inline-start: 41.6666666667%;
21539
+ }
21540
+ .offset-lg-6 {
21541
+ margin-inline-start: 50%;
21673
21542
  }
21674
- }
21675
- .v-field--variant-solo-filled.v-field--focused .v-field__overlay {
21676
- opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21677
- }
21678
-
21679
- .v-field--variant-solo-inverted .v-field__overlay {
21680
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21681
- }
21682
- .v-field--variant-solo-inverted.v-field--has-background .v-field__overlay {
21683
- opacity: 0;
21684
- }
21685
- @media (hover: hover) {
21686
- .v-field--variant-solo-inverted:hover .v-field__overlay {
21687
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21543
+ .offset-lg-7 {
21544
+ margin-inline-start: 58.3333333333%;
21545
+ }
21546
+ .offset-lg-8 {
21547
+ margin-inline-start: 66.6666666667%;
21548
+ }
21549
+ .offset-lg-9 {
21550
+ margin-inline-start: 75%;
21551
+ }
21552
+ .offset-lg-10 {
21553
+ margin-inline-start: 83.3333333333%;
21554
+ }
21555
+ .offset-lg-11 {
21556
+ margin-inline-start: 91.6666666667%;
21688
21557
  }
21689
21558
  }
21690
- .v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
21691
- background-color: rgb(var(--v-theme-surface-variant));
21692
- opacity: 1;
21693
- }
21694
-
21695
- /* endregion */
21696
- /* region MODIFIERS */
21697
- .v-field--reverse .v-field__field,
21698
- .v-field--reverse .v-field__input,
21699
- .v-field--reverse .v-field__outline {
21700
- flex-direction: row-reverse;
21701
- }
21702
- .v-field--reverse .v-field__input, .v-field--reverse input {
21703
- text-align: end;
21704
- }
21705
-
21706
- .v-input--disabled .v-field--variant-filled .v-field__outline::before,
21707
- .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
21708
- 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;
21709
- }
21710
-
21711
- .v-field--loading .v-field__outline::after,
21712
- .v-field--loading .v-field__outline::before {
21713
- opacity: 0;
21559
+ @media (min-width: 1920px) {
21560
+ .v-col-xl {
21561
+ flex-basis: 0;
21562
+ flex-grow: 1;
21563
+ max-width: 100%;
21564
+ }
21565
+ .v-col-xl-auto {
21566
+ flex: 0 0 auto;
21567
+ width: auto;
21568
+ max-width: 100%;
21569
+ }
21570
+ .v-col-xl-1 {
21571
+ flex: 0 0 8.3333333333%;
21572
+ max-width: 8.3333333333%;
21573
+ }
21574
+ .v-col-xl-2 {
21575
+ flex: 0 0 16.6666666667%;
21576
+ max-width: 16.6666666667%;
21577
+ }
21578
+ .v-col-xl-3 {
21579
+ flex: 0 0 25%;
21580
+ max-width: 25%;
21581
+ }
21582
+ .v-col-xl-4 {
21583
+ flex: 0 0 33.3333333333%;
21584
+ max-width: 33.3333333333%;
21585
+ }
21586
+ .v-col-xl-5 {
21587
+ flex: 0 0 41.6666666667%;
21588
+ max-width: 41.6666666667%;
21589
+ }
21590
+ .v-col-xl-6 {
21591
+ flex: 0 0 50%;
21592
+ max-width: 50%;
21593
+ }
21594
+ .v-col-xl-7 {
21595
+ flex: 0 0 58.3333333333%;
21596
+ max-width: 58.3333333333%;
21597
+ }
21598
+ .v-col-xl-8 {
21599
+ flex: 0 0 66.6666666667%;
21600
+ max-width: 66.6666666667%;
21601
+ }
21602
+ .v-col-xl-9 {
21603
+ flex: 0 0 75%;
21604
+ max-width: 75%;
21605
+ }
21606
+ .v-col-xl-10 {
21607
+ flex: 0 0 83.3333333333%;
21608
+ max-width: 83.3333333333%;
21609
+ }
21610
+ .v-col-xl-11 {
21611
+ flex: 0 0 91.6666666667%;
21612
+ max-width: 91.6666666667%;
21613
+ }
21614
+ .v-col-xl-12 {
21615
+ flex: 0 0 100%;
21616
+ max-width: 100%;
21617
+ }
21618
+ .offset-xl-0 {
21619
+ margin-inline-start: 0;
21620
+ }
21621
+ .offset-xl-1 {
21622
+ margin-inline-start: 8.3333333333%;
21623
+ }
21624
+ .offset-xl-2 {
21625
+ margin-inline-start: 16.6666666667%;
21626
+ }
21627
+ .offset-xl-3 {
21628
+ margin-inline-start: 25%;
21629
+ }
21630
+ .offset-xl-4 {
21631
+ margin-inline-start: 33.3333333333%;
21632
+ }
21633
+ .offset-xl-5 {
21634
+ margin-inline-start: 41.6666666667%;
21635
+ }
21636
+ .offset-xl-6 {
21637
+ margin-inline-start: 50%;
21638
+ }
21639
+ .offset-xl-7 {
21640
+ margin-inline-start: 58.3333333333%;
21641
+ }
21642
+ .offset-xl-8 {
21643
+ margin-inline-start: 66.6666666667%;
21644
+ }
21645
+ .offset-xl-9 {
21646
+ margin-inline-start: 75%;
21647
+ }
21648
+ .offset-xl-10 {
21649
+ margin-inline-start: 83.3333333333%;
21650
+ }
21651
+ .offset-xl-11 {
21652
+ margin-inline-start: 91.6666666667%;
21653
+ }
21714
21654
  }
21715
-
21716
- /* endregion */.v-footer {
21655
+ @media (min-width: 2560px) {
21656
+ .v-col-xxl {
21657
+ flex-basis: 0;
21658
+ flex-grow: 1;
21659
+ max-width: 100%;
21660
+ }
21661
+ .v-col-xxl-auto {
21662
+ flex: 0 0 auto;
21663
+ width: auto;
21664
+ max-width: 100%;
21665
+ }
21666
+ .v-col-xxl-1 {
21667
+ flex: 0 0 8.3333333333%;
21668
+ max-width: 8.3333333333%;
21669
+ }
21670
+ .v-col-xxl-2 {
21671
+ flex: 0 0 16.6666666667%;
21672
+ max-width: 16.6666666667%;
21673
+ }
21674
+ .v-col-xxl-3 {
21675
+ flex: 0 0 25%;
21676
+ max-width: 25%;
21677
+ }
21678
+ .v-col-xxl-4 {
21679
+ flex: 0 0 33.3333333333%;
21680
+ max-width: 33.3333333333%;
21681
+ }
21682
+ .v-col-xxl-5 {
21683
+ flex: 0 0 41.6666666667%;
21684
+ max-width: 41.6666666667%;
21685
+ }
21686
+ .v-col-xxl-6 {
21687
+ flex: 0 0 50%;
21688
+ max-width: 50%;
21689
+ }
21690
+ .v-col-xxl-7 {
21691
+ flex: 0 0 58.3333333333%;
21692
+ max-width: 58.3333333333%;
21693
+ }
21694
+ .v-col-xxl-8 {
21695
+ flex: 0 0 66.6666666667%;
21696
+ max-width: 66.6666666667%;
21697
+ }
21698
+ .v-col-xxl-9 {
21699
+ flex: 0 0 75%;
21700
+ max-width: 75%;
21701
+ }
21702
+ .v-col-xxl-10 {
21703
+ flex: 0 0 83.3333333333%;
21704
+ max-width: 83.3333333333%;
21705
+ }
21706
+ .v-col-xxl-11 {
21707
+ flex: 0 0 91.6666666667%;
21708
+ max-width: 91.6666666667%;
21709
+ }
21710
+ .v-col-xxl-12 {
21711
+ flex: 0 0 100%;
21712
+ max-width: 100%;
21713
+ }
21714
+ .offset-xxl-0 {
21715
+ margin-inline-start: 0;
21716
+ }
21717
+ .offset-xxl-1 {
21718
+ margin-inline-start: 8.3333333333%;
21719
+ }
21720
+ .offset-xxl-2 {
21721
+ margin-inline-start: 16.6666666667%;
21722
+ }
21723
+ .offset-xxl-3 {
21724
+ margin-inline-start: 25%;
21725
+ }
21726
+ .offset-xxl-4 {
21727
+ margin-inline-start: 33.3333333333%;
21728
+ }
21729
+ .offset-xxl-5 {
21730
+ margin-inline-start: 41.6666666667%;
21731
+ }
21732
+ .offset-xxl-6 {
21733
+ margin-inline-start: 50%;
21734
+ }
21735
+ .offset-xxl-7 {
21736
+ margin-inline-start: 58.3333333333%;
21737
+ }
21738
+ .offset-xxl-8 {
21739
+ margin-inline-start: 66.6666666667%;
21740
+ }
21741
+ .offset-xxl-9 {
21742
+ margin-inline-start: 75%;
21743
+ }
21744
+ .offset-xxl-10 {
21745
+ margin-inline-start: 83.3333333333%;
21746
+ }
21747
+ .offset-xxl-11 {
21748
+ margin-inline-start: 91.6666666667%;
21749
+ }
21750
+ }.v-footer {
21717
21751
  align-items: center;
21718
21752
  display: flex;
21719
21753
  flex: 1 1 auto;
@@ -21741,35 +21775,6 @@ textarea.v-field__input::placeholder {
21741
21775
  }
21742
21776
  .v-footer--rounded {
21743
21777
  border-radius: 4px;
21744
- }.v-file-input--hide.v-input .v-field,
21745
- .v-file-input--hide.v-input .v-input__control,
21746
- .v-file-input--hide.v-input .v-input__details {
21747
- display: none;
21748
- }
21749
- .v-file-input--hide.v-input .v-input__prepend {
21750
- grid-area: control;
21751
- margin: 0 auto;
21752
- }
21753
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21754
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21755
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21756
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21757
- top: 0px;
21758
- }
21759
- .v-file-input input[type=file] {
21760
- height: 100%;
21761
- left: 0;
21762
- opacity: 0;
21763
- position: absolute;
21764
- top: 0;
21765
- width: 100%;
21766
- z-index: 1;
21767
- }
21768
- .v-file-input .v-input__details {
21769
- padding-inline: 16px;
21770
- }
21771
- .v-input--plain-underlined.v-file-input .v-input__details {
21772
- padding-inline: 0;
21773
21778
  }.v-icon {
21774
21779
  --v-icon-size-multiplier: 1;
21775
21780
  align-items: center;
@@ -22618,8 +22623,6 @@ textarea.v-field__input::placeholder {
22618
22623
  }
22619
22624
  .v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
22620
22625
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22621
- }.v-locale-provider {
22622
- display: contents;
22623
22626
  }.v-main {
22624
22627
  flex: 1 0 auto;
22625
22628
  max-width: 100%;
@@ -22677,6 +22680,8 @@ textarea.v-field__input::placeholder {
22677
22680
  -webkit-hyphens: auto;
22678
22681
  hyphens: auto;
22679
22682
  transition-duration: 150ms;
22683
+ }.v-locale-provider {
22684
+ display: contents;
22680
22685
  }.v-navigation-drawer {
22681
22686
  -webkit-overflow-scrolling: touch;
22682
22687
  background: rgb(var(--v-theme-surface));
@@ -22912,108 +22917,6 @@ html.v-overlay-scroll-blocked {
22912
22917
  }
22913
22918
  .v-parallax--active > .v-img__img {
22914
22919
  will-change: transform;
22915
- }.v-progress-circular {
22916
- align-items: center;
22917
- display: inline-flex;
22918
- justify-content: center;
22919
- position: relative;
22920
- vertical-align: middle;
22921
- }
22922
- .v-progress-circular > svg {
22923
- width: 100%;
22924
- height: 100%;
22925
- margin: auto;
22926
- position: absolute;
22927
- top: 0;
22928
- bottom: 0;
22929
- left: 0;
22930
- right: 0;
22931
- z-index: 0;
22932
- }
22933
-
22934
- .v-progress-circular__content {
22935
- align-items: center;
22936
- display: flex;
22937
- justify-content: center;
22938
- }
22939
-
22940
- .v-progress-circular__underlay {
22941
- color: rgba(var(--v-border-color), var(--v-border-opacity));
22942
- stroke: currentColor;
22943
- z-index: 1;
22944
- }
22945
-
22946
- .v-progress-circular__overlay {
22947
- stroke: currentColor;
22948
- transition: all 0.2s ease-in-out, stroke-width 0s;
22949
- z-index: 2;
22950
- }
22951
-
22952
- .v-progress-circular--size-x-small {
22953
- height: 16px;
22954
- width: 16px;
22955
- }
22956
- .v-progress-circular--size-small {
22957
- height: 24px;
22958
- width: 24px;
22959
- }
22960
- .v-progress-circular--size-default {
22961
- height: 32px;
22962
- width: 32px;
22963
- }
22964
- .v-progress-circular--size-large {
22965
- height: 48px;
22966
- width: 48px;
22967
- }
22968
- .v-progress-circular--size-x-large {
22969
- height: 64px;
22970
- width: 64px;
22971
- }
22972
-
22973
- .v-progress-circular--indeterminate > svg {
22974
- animation: progress-circular-rotate 1.4s linear infinite;
22975
- transform-origin: center center;
22976
- transition: all 0.2s ease-in-out;
22977
- }
22978
- .v-progress-circular--indeterminate .v-progress-circular__overlay {
22979
- animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
22980
- stroke-dasharray: 25, 200;
22981
- stroke-dashoffset: 0;
22982
- stroke-linecap: round;
22983
- transform-origin: center center;
22984
- transform: rotate(-90deg);
22985
- }
22986
-
22987
- .v-progress-circular--disable-shrink > svg {
22988
- animation-duration: 0.7s;
22989
- }
22990
- .v-progress-circular--disable-shrink .v-progress-circular__overlay {
22991
- animation: none;
22992
- }
22993
-
22994
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
22995
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
22996
- animation-play-state: paused !important;
22997
- }
22998
-
22999
- @keyframes progress-circular-dash {
23000
- 0% {
23001
- stroke-dasharray: 1, 200;
23002
- stroke-dashoffset: 0px;
23003
- }
23004
- 50% {
23005
- stroke-dasharray: 100, 200;
23006
- stroke-dashoffset: -15px;
23007
- }
23008
- 100% {
23009
- stroke-dasharray: 100, 200;
23010
- stroke-dashoffset: -124px;
23011
- }
23012
- }
23013
- @keyframes progress-circular-rotate {
23014
- 100% {
23015
- transform: rotate(270deg);
23016
- }
23017
22920
  }.v-progress-linear {
23018
22921
  background: transparent;
23019
22922
  overflow: hidden;
@@ -23188,42 +23091,144 @@ html.v-overlay-scroll-blocked {
23188
23091
  right: 100%;
23189
23092
  }
23190
23093
  }
23191
- @keyframes indeterminate-short-ltr {
23094
+ @keyframes indeterminate-short-ltr {
23095
+ 0% {
23096
+ left: -200%;
23097
+ right: 100%;
23098
+ }
23099
+ 60% {
23100
+ left: 107%;
23101
+ right: -8%;
23102
+ }
23103
+ 100% {
23104
+ left: 107%;
23105
+ right: -8%;
23106
+ }
23107
+ }
23108
+ @keyframes indeterminate-short-rtl {
23109
+ 0% {
23110
+ left: 100%;
23111
+ right: -200%;
23112
+ }
23113
+ 60% {
23114
+ left: -8%;
23115
+ right: 107%;
23116
+ }
23117
+ 100% {
23118
+ left: -8%;
23119
+ right: 107%;
23120
+ }
23121
+ }
23122
+ @keyframes stream {
23123
+ to {
23124
+ transform: translateX(var(--v-progress-linear-stream-to));
23125
+ }
23126
+ }
23127
+ @keyframes progress-linear-stripes {
23128
+ 0% {
23129
+ background-position-x: var(--v-progress-linear-height);
23130
+ }
23131
+ }.v-progress-circular {
23132
+ align-items: center;
23133
+ display: inline-flex;
23134
+ justify-content: center;
23135
+ position: relative;
23136
+ vertical-align: middle;
23137
+ }
23138
+ .v-progress-circular > svg {
23139
+ width: 100%;
23140
+ height: 100%;
23141
+ margin: auto;
23142
+ position: absolute;
23143
+ top: 0;
23144
+ bottom: 0;
23145
+ left: 0;
23146
+ right: 0;
23147
+ z-index: 0;
23148
+ }
23149
+
23150
+ .v-progress-circular__content {
23151
+ align-items: center;
23152
+ display: flex;
23153
+ justify-content: center;
23154
+ }
23155
+
23156
+ .v-progress-circular__underlay {
23157
+ color: rgba(var(--v-border-color), var(--v-border-opacity));
23158
+ stroke: currentColor;
23159
+ z-index: 1;
23160
+ }
23161
+
23162
+ .v-progress-circular__overlay {
23163
+ stroke: currentColor;
23164
+ transition: all 0.2s ease-in-out, stroke-width 0s;
23165
+ z-index: 2;
23166
+ }
23167
+
23168
+ .v-progress-circular--size-x-small {
23169
+ height: 16px;
23170
+ width: 16px;
23171
+ }
23172
+ .v-progress-circular--size-small {
23173
+ height: 24px;
23174
+ width: 24px;
23175
+ }
23176
+ .v-progress-circular--size-default {
23177
+ height: 32px;
23178
+ width: 32px;
23179
+ }
23180
+ .v-progress-circular--size-large {
23181
+ height: 48px;
23182
+ width: 48px;
23183
+ }
23184
+ .v-progress-circular--size-x-large {
23185
+ height: 64px;
23186
+ width: 64px;
23187
+ }
23188
+
23189
+ .v-progress-circular--indeterminate > svg {
23190
+ animation: progress-circular-rotate 1.4s linear infinite;
23191
+ transform-origin: center center;
23192
+ transition: all 0.2s ease-in-out;
23193
+ }
23194
+ .v-progress-circular--indeterminate .v-progress-circular__overlay {
23195
+ animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
23196
+ stroke-dasharray: 25, 200;
23197
+ stroke-dashoffset: 0;
23198
+ stroke-linecap: round;
23199
+ transform-origin: center center;
23200
+ transform: rotate(-90deg);
23201
+ }
23202
+
23203
+ .v-progress-circular--disable-shrink > svg {
23204
+ animation-duration: 0.7s;
23205
+ }
23206
+ .v-progress-circular--disable-shrink .v-progress-circular__overlay {
23207
+ animation: none;
23208
+ }
23209
+
23210
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
23211
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
23212
+ animation-play-state: paused !important;
23213
+ }
23214
+
23215
+ @keyframes progress-circular-dash {
23192
23216
  0% {
23193
- left: -200%;
23194
- right: 100%;
23217
+ stroke-dasharray: 1, 200;
23218
+ stroke-dashoffset: 0px;
23195
23219
  }
23196
- 60% {
23197
- left: 107%;
23198
- right: -8%;
23220
+ 50% {
23221
+ stroke-dasharray: 100, 200;
23222
+ stroke-dashoffset: -15px;
23199
23223
  }
23200
23224
  100% {
23201
- left: 107%;
23202
- right: -8%;
23225
+ stroke-dasharray: 100, 200;
23226
+ stroke-dashoffset: -124px;
23203
23227
  }
23204
23228
  }
23205
- @keyframes indeterminate-short-rtl {
23206
- 0% {
23207
- left: 100%;
23208
- right: -200%;
23209
- }
23210
- 60% {
23211
- left: -8%;
23212
- right: 107%;
23213
- }
23229
+ @keyframes progress-circular-rotate {
23214
23230
  100% {
23215
- left: -8%;
23216
- right: 107%;
23217
- }
23218
- }
23219
- @keyframes stream {
23220
- to {
23221
- transform: translateX(var(--v-progress-linear-stream-to));
23222
- }
23223
- }
23224
- @keyframes progress-linear-stripes {
23225
- 0% {
23226
- background-position-x: var(--v-progress-linear-height);
23231
+ transform: rotate(270deg);
23227
23232
  }
23228
23233
  }.v-radio-group > .v-input__control {
23229
23234
  flex-direction: column;
@@ -23294,6 +23299,60 @@ html.v-overlay-scroll-blocked {
23294
23299
 
23295
23300
  .v-slider__label {
23296
23301
  margin-inline-end: 12px;
23302
+ }.v-rating {
23303
+ max-width: 100%;
23304
+ display: inline-flex;
23305
+ white-space: nowrap;
23306
+ }
23307
+ .v-rating--readonly {
23308
+ pointer-events: none;
23309
+ }
23310
+
23311
+ .v-rating__wrapper {
23312
+ align-items: center;
23313
+ display: inline-flex;
23314
+ flex-direction: column;
23315
+ }
23316
+ .v-rating__wrapper--bottom {
23317
+ flex-direction: column-reverse;
23318
+ }
23319
+
23320
+ .v-rating__item {
23321
+ display: inline-flex;
23322
+ position: relative;
23323
+ }
23324
+ .v-rating__item label {
23325
+ cursor: pointer;
23326
+ }
23327
+ .v-rating__item .v-btn--variant-plain {
23328
+ opacity: 1;
23329
+ }
23330
+ .v-rating__item .v-btn {
23331
+ transition-property: transform;
23332
+ }
23333
+ .v-rating__item .v-btn .v-icon {
23334
+ transition: inherit;
23335
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
23336
+ }
23337
+ .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
23338
+ transform: scale(1.25);
23339
+ }
23340
+ .v-rating__item--half {
23341
+ overflow: hidden;
23342
+ position: absolute;
23343
+ -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23344
+ clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23345
+ z-index: 1;
23346
+ }
23347
+ .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
23348
+ opacity: 0;
23349
+ }
23350
+
23351
+ .v-rating__hidden {
23352
+ height: 0;
23353
+ opacity: 0;
23354
+ position: absolute;
23355
+ width: 0;
23297
23356
  }.v-responsive {
23298
23357
  display: flex;
23299
23358
  flex: 1 0 auto;
@@ -23320,6 +23379,54 @@ html.v-overlay-scroll-blocked {
23320
23379
  flex: 1 0 0px;
23321
23380
  transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23322
23381
  pointer-events: none;
23382
+ }.v-select .v-field .v-text-field__prefix,
23383
+ .v-select .v-field .v-text-field__suffix,
23384
+ .v-select .v-field .v-field__input, .v-select .v-field.v-field {
23385
+ cursor: pointer;
23386
+ }
23387
+ .v-select .v-field .v-field__input > input {
23388
+ align-self: flex-start;
23389
+ opacity: 1;
23390
+ flex: 0 0;
23391
+ position: absolute;
23392
+ width: 100%;
23393
+ transition: none;
23394
+ pointer-events: none;
23395
+ caret-color: transparent;
23396
+ }
23397
+ .v-select .v-field--dirty .v-select__selection {
23398
+ margin-inline-end: 2px;
23399
+ }
23400
+ .v-select .v-select__selection-text {
23401
+ overflow: hidden;
23402
+ text-overflow: ellipsis;
23403
+ white-space: nowrap;
23404
+ }
23405
+ .v-select__content {
23406
+ overflow: hidden;
23407
+ box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23408
+ border-radius: 4px;
23409
+ }
23410
+ .v-select__selection {
23411
+ display: inline-flex;
23412
+ align-items: center;
23413
+ letter-spacing: inherit;
23414
+ line-height: inherit;
23415
+ max-width: 100%;
23416
+ }
23417
+ .v-select .v-select__selection:first-child {
23418
+ margin-inline-start: 0;
23419
+ }
23420
+ .v-select--selected .v-field .v-field__input > input {
23421
+ opacity: 0;
23422
+ }
23423
+ .v-select__menu-icon {
23424
+ margin-inline-start: 4px;
23425
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23426
+ }
23427
+ .v-select--active-menu .v-select__menu-icon {
23428
+ opacity: var(--v-high-emphasis-opacity);
23429
+ transform: rotate(180deg);
23323
23430
  }.v-selection-control {
23324
23431
  align-items: center;
23325
23432
  contain: layout;
@@ -23382,175 +23489,45 @@ html.v-overlay-scroll-blocked {
23382
23489
  align-items: center;
23383
23490
  display: flex;
23384
23491
  flex: none;
23385
- justify-content: center;
23386
- position: relative;
23387
- border-radius: 50%;
23388
- }
23389
- .v-selection-control__input input {
23390
- cursor: pointer;
23391
- position: absolute;
23392
- left: 0;
23393
- top: 0;
23394
- width: 100%;
23395
- height: 100%;
23396
- opacity: 0;
23397
- }
23398
- .v-selection-control__input::before {
23399
- content: "";
23400
- position: absolute;
23401
- top: 0;
23402
- left: 0;
23403
- width: 100%;
23404
- height: 100%;
23405
- border-radius: 100%;
23406
- background-color: currentColor;
23407
- opacity: 0;
23408
- pointer-events: none;
23409
- }
23410
- .v-selection-control__input:hover::before {
23411
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
23412
- }
23413
- .v-selection-control__input > .v-icon {
23414
- opacity: var(--v-medium-emphasis-opacity);
23415
- }
23416
- .v-selection-control--disabled .v-selection-control__input > .v-icon, .v-selection-control--dirty .v-selection-control__input > .v-icon, .v-selection-control--error .v-selection-control__input > .v-icon {
23417
- opacity: 1;
23418
- }
23419
- .v-selection-control--error:not(.v-selection-control--disabled) .v-selection-control__input > .v-icon {
23420
- color: rgb(var(--v-theme-error));
23421
- }
23422
- .v-selection-control--focus-visible .v-selection-control__input::before {
23423
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
23424
- }.v-rating {
23425
- max-width: 100%;
23426
- display: inline-flex;
23427
- white-space: nowrap;
23428
- }
23429
- .v-rating--readonly {
23430
- pointer-events: none;
23431
- }
23432
-
23433
- .v-rating__wrapper {
23434
- align-items: center;
23435
- display: inline-flex;
23436
- flex-direction: column;
23437
- }
23438
- .v-rating__wrapper--bottom {
23439
- flex-direction: column-reverse;
23440
- }
23441
-
23442
- .v-rating__item {
23443
- display: inline-flex;
23444
- position: relative;
23445
- }
23446
- .v-rating__item label {
23447
- cursor: pointer;
23448
- }
23449
- .v-rating__item .v-btn--variant-plain {
23450
- opacity: 1;
23451
- }
23452
- .v-rating__item .v-btn {
23453
- transition-property: transform;
23454
- }
23455
- .v-rating__item .v-btn .v-icon {
23456
- transition: inherit;
23457
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
23458
- }
23459
- .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
23460
- transform: scale(1.25);
23461
- }
23462
- .v-rating__item--half {
23463
- overflow: hidden;
23464
- position: absolute;
23465
- -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23466
- clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23467
- z-index: 1;
23468
- }
23469
- .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
23470
- opacity: 0;
23471
- }
23472
-
23473
- .v-rating__hidden {
23474
- height: 0;
23475
- opacity: 0;
23476
- position: absolute;
23477
- width: 0;
23478
- }.v-sheet {
23479
- display: block;
23480
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
23481
- border-style: solid;
23482
- border-width: 0;
23483
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23484
- border-radius: 0;
23485
- background: rgb(var(--v-theme-surface));
23486
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
23487
- }
23488
- .v-sheet--border {
23489
- border-width: thin;
23490
- box-shadow: none;
23491
- }
23492
- .v-sheet--absolute {
23493
- position: absolute;
23494
- }
23495
- .v-sheet--fixed {
23496
- position: fixed;
23497
- }
23498
- .v-sheet--relative {
23492
+ justify-content: center;
23499
23493
  position: relative;
23494
+ border-radius: 50%;
23500
23495
  }
23501
- .v-sheet--sticky {
23502
- position: sticky;
23503
- }
23504
- .v-sheet--rounded {
23505
- border-radius: 4px;
23506
- }.v-select .v-field .v-text-field__prefix,
23507
- .v-select .v-field .v-text-field__suffix,
23508
- .v-select .v-field .v-field__input, .v-select .v-field.v-field {
23496
+ .v-selection-control__input input {
23509
23497
  cursor: pointer;
23498
+ position: absolute;
23499
+ left: 0;
23500
+ top: 0;
23501
+ width: 100%;
23502
+ height: 100%;
23503
+ opacity: 0;
23510
23504
  }
23511
- .v-select .v-field .v-field__input > input {
23512
- align-self: flex-start;
23513
- opacity: 1;
23514
- flex: 0 0;
23505
+ .v-selection-control__input::before {
23506
+ content: "";
23515
23507
  position: absolute;
23508
+ top: 0;
23509
+ left: 0;
23516
23510
  width: 100%;
23517
- transition: none;
23511
+ height: 100%;
23512
+ border-radius: 100%;
23513
+ background-color: currentColor;
23514
+ opacity: 0;
23518
23515
  pointer-events: none;
23519
- caret-color: transparent;
23520
- }
23521
- .v-select .v-field--dirty .v-select__selection {
23522
- margin-inline-end: 2px;
23523
- }
23524
- .v-select .v-select__selection-text {
23525
- overflow: hidden;
23526
- text-overflow: ellipsis;
23527
- white-space: nowrap;
23528
- }
23529
- .v-select__content {
23530
- overflow: hidden;
23531
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23532
- border-radius: 4px;
23533
23516
  }
23534
- .v-select__selection {
23535
- display: inline-flex;
23536
- align-items: center;
23537
- letter-spacing: inherit;
23538
- line-height: inherit;
23539
- max-width: 100%;
23517
+ .v-selection-control__input:hover::before {
23518
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
23540
23519
  }
23541
- .v-select .v-select__selection:first-child {
23542
- margin-inline-start: 0;
23520
+ .v-selection-control__input > .v-icon {
23521
+ opacity: var(--v-medium-emphasis-opacity);
23543
23522
  }
23544
- .v-select--selected .v-field .v-field__input > input {
23545
- opacity: 0;
23523
+ .v-selection-control--disabled .v-selection-control__input > .v-icon, .v-selection-control--dirty .v-selection-control__input > .v-icon, .v-selection-control--error .v-selection-control__input > .v-icon {
23524
+ opacity: 1;
23546
23525
  }
23547
- .v-select__menu-icon {
23548
- margin-inline-start: 4px;
23549
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23526
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-selection-control__input > .v-icon {
23527
+ color: rgb(var(--v-theme-error));
23550
23528
  }
23551
- .v-select--active-menu .v-select__menu-icon {
23552
- opacity: var(--v-high-emphasis-opacity);
23553
- transform: rotate(180deg);
23529
+ .v-selection-control--focus-visible .v-selection-control__input::before {
23530
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
23554
23531
  }.v-selection-control-group {
23555
23532
  grid-area: control;
23556
23533
  display: flex;
@@ -23782,6 +23759,34 @@ html.v-overlay-scroll-blocked {
23782
23759
  100% {
23783
23760
  transform: translateX(100%);
23784
23761
  }
23762
+ }.v-sheet {
23763
+ display: block;
23764
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
23765
+ border-style: solid;
23766
+ border-width: 0;
23767
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23768
+ border-radius: 0;
23769
+ background: rgb(var(--v-theme-surface));
23770
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
23771
+ }
23772
+ .v-sheet--border {
23773
+ border-width: thin;
23774
+ box-shadow: none;
23775
+ }
23776
+ .v-sheet--absolute {
23777
+ position: absolute;
23778
+ }
23779
+ .v-sheet--fixed {
23780
+ position: fixed;
23781
+ }
23782
+ .v-sheet--relative {
23783
+ position: relative;
23784
+ }
23785
+ .v-sheet--sticky {
23786
+ position: sticky;
23787
+ }
23788
+ .v-sheet--rounded {
23789
+ border-radius: 4px;
23785
23790
  }.v-slide-group {
23786
23791
  display: flex;
23787
23792
  overflow: hidden;
@@ -24629,6 +24634,45 @@ html.v-overlay-scroll-blocked {
24629
24634
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24630
24635
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24631
24636
  border-top: 0px !important;
24637
+ }.v-textarea .v-field {
24638
+ --v-textarea-control-height: var(--v-input-control-height);
24639
+ }
24640
+ .v-textarea .v-field__field {
24641
+ --v-input-control-height: var(--v-textarea-control-height);
24642
+ }
24643
+ .v-textarea .v-field__input {
24644
+ flex: 1 1 auto;
24645
+ outline: none;
24646
+ -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));
24647
+ 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));
24648
+ }
24649
+ .v-textarea .v-field__input.v-textarea__sizer {
24650
+ visibility: hidden;
24651
+ position: absolute;
24652
+ top: 0;
24653
+ left: 0;
24654
+ height: 0 !important;
24655
+ min-height: 0 !important;
24656
+ pointer-events: none;
24657
+ }
24658
+ .v-textarea--no-resize .v-field__input {
24659
+ resize: none;
24660
+ }
24661
+ .v-textarea .v-field--no-label textarea,
24662
+ .v-textarea .v-field--active textarea {
24663
+ opacity: 1;
24664
+ }
24665
+ .v-textarea textarea {
24666
+ opacity: 0;
24667
+ flex: 1;
24668
+ min-width: 0;
24669
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24670
+ }
24671
+ .v-textarea textarea:focus, .v-textarea textarea:active {
24672
+ outline: none;
24673
+ }
24674
+ .v-textarea textarea:invalid {
24675
+ box-shadow: none;
24632
24676
  }/* region BLOCK */
24633
24677
  .v-text-field input {
24634
24678
  color: inherit;
@@ -24696,46 +24740,7 @@ html.v-overlay-scroll-blocked {
24696
24740
  padding-inline-end: var(--v-field-padding-end);
24697
24741
  }
24698
24742
 
24699
- /* endregion */.v-textarea .v-field {
24700
- --v-textarea-control-height: var(--v-input-control-height);
24701
- }
24702
- .v-textarea .v-field__field {
24703
- --v-input-control-height: var(--v-textarea-control-height);
24704
- }
24705
- .v-textarea .v-field__input {
24706
- flex: 1 1 auto;
24707
- outline: none;
24708
- -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));
24709
- 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));
24710
- }
24711
- .v-textarea .v-field__input.v-textarea__sizer {
24712
- visibility: hidden;
24713
- position: absolute;
24714
- top: 0;
24715
- left: 0;
24716
- height: 0 !important;
24717
- min-height: 0 !important;
24718
- pointer-events: none;
24719
- }
24720
- .v-textarea--no-resize .v-field__input {
24721
- resize: none;
24722
- }
24723
- .v-textarea .v-field--no-label textarea,
24724
- .v-textarea .v-field--active textarea {
24725
- opacity: 1;
24726
- }
24727
- .v-textarea textarea {
24728
- opacity: 0;
24729
- flex: 1;
24730
- min-width: 0;
24731
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24732
- }
24733
- .v-textarea textarea:focus, .v-textarea textarea:active {
24734
- outline: none;
24735
- }
24736
- .v-textarea textarea:invalid {
24737
- box-shadow: none;
24738
- }.v-theme-provider {
24743
+ /* endregion */.v-theme-provider {
24739
24744
  background: rgb(var(--v-theme-background));
24740
24745
  color: rgb(var(--v-theme-on-background));
24741
24746
  }.v-timeline .v-timeline-divider__dot {
@@ -25305,6 +25310,15 @@ html.v-overlay-scroll-blocked {
25305
25310
  .v-tooltip > .v-overlay__content[class*=leave-active] {
25306
25311
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25307
25312
  transition-duration: 75ms;
25313
+ }.v-virtual-scroll {
25314
+ display: block;
25315
+ flex: 1 1 auto;
25316
+ max-width: 100%;
25317
+ overflow: auto;
25318
+ position: relative;
25319
+ }
25320
+ .v-virtual-scroll__container {
25321
+ display: block;
25308
25322
  }.v-window {
25309
25323
  overflow: hidden;
25310
25324
  }
@@ -25344,138 +25358,37 @@ html.v-overlay-scroll-blocked {
25344
25358
  transform: translateX(0);
25345
25359
  }
25346
25360
 
25347
- .v-window-x-transition-enter-active, .v-window-x-transition-leave-active, .v-window-x-reverse-transition-enter-active, .v-window-x-reverse-transition-leave-active, .v-window-y-transition-enter-active, .v-window-y-transition-leave-active, .v-window-y-reverse-transition-enter-active, .v-window-y-reverse-transition-leave-active {
25348
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25349
- }
25350
- .v-window-x-transition-leave-from, .v-window-x-transition-leave-to, .v-window-x-reverse-transition-leave-from, .v-window-x-reverse-transition-leave-to, .v-window-y-transition-leave-from, .v-window-y-transition-leave-to, .v-window-y-reverse-transition-leave-from, .v-window-y-reverse-transition-leave-to {
25351
- position: absolute !important;
25352
- top: 0;
25353
- width: 100%;
25354
- }
25355
- .v-window-x-transition-enter-from {
25356
- transform: translateX(100%);
25357
- }
25358
- .v-window-x-transition-leave-to {
25359
- transform: translateX(-100%);
25360
- }
25361
- .v-window-x-reverse-transition-enter-from {
25362
- transform: translateX(-100%);
25363
- }
25364
- .v-window-x-reverse-transition-leave-to {
25365
- transform: translateX(100%);
25366
- }
25367
- .v-window-y-transition-enter-from {
25368
- transform: translateY(100%);
25369
- }
25370
- .v-window-y-transition-leave-to {
25371
- transform: translateY(-100%);
25372
- }
25373
- .v-window-y-reverse-transition-enter-from {
25374
- transform: translateY(-100%);
25375
- }
25376
- .v-window-y-reverse-transition-leave-to {
25377
- transform: translateY(100%);
25378
- }.v-virtual-scroll {
25379
- display: block;
25380
- flex: 1 1 auto;
25381
- max-width: 100%;
25382
- overflow: auto;
25383
- position: relative;
25384
- }
25385
- .v-virtual-scroll__container {
25386
- display: block;
25387
- }.v-color-picker-canvas {
25388
- display: flex;
25389
- position: relative;
25390
- overflow: hidden;
25391
- contain: content;
25392
- touch-action: none;
25393
- }
25394
- .v-color-picker-canvas__dot {
25395
- position: absolute;
25396
- top: 0;
25397
- left: 0;
25398
- width: 15px;
25399
- height: 15px;
25400
- background: transparent;
25401
- border-radius: 50%;
25402
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25403
- }
25404
- .v-color-picker-canvas__dot--disabled {
25405
- 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);
25406
- }
25407
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25408
- will-change: transform;
25409
- }.v-color-picker-preview__alpha .v-slider-track__background {
25410
- background-color: transparent !important;
25411
- }
25412
- .v-locale--is-ltr.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__alpha .v-slider-track__background {
25413
- background-image: linear-gradient(to right, transparent, var(--v-color-picker-color-hsv));
25414
- }
25415
-
25416
- .v-locale--is-rtl.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__alpha .v-slider-track__background {
25417
- background-image: linear-gradient(to left, transparent, var(--v-color-picker-color-hsv));
25418
- }
25419
-
25420
- .v-color-picker-preview__alpha .v-slider-track__background::after {
25421
- content: "";
25422
- z-index: -1;
25423
- left: 0;
25361
+ .v-window-x-transition-enter-active, .v-window-x-transition-leave-active, .v-window-x-reverse-transition-enter-active, .v-window-x-reverse-transition-leave-active, .v-window-y-transition-enter-active, .v-window-y-transition-leave-active, .v-window-y-reverse-transition-enter-active, .v-window-y-reverse-transition-leave-active {
25362
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25363
+ }
25364
+ .v-window-x-transition-leave-from, .v-window-x-transition-leave-to, .v-window-x-reverse-transition-leave-from, .v-window-x-reverse-transition-leave-to, .v-window-y-transition-leave-from, .v-window-y-transition-leave-to, .v-window-y-reverse-transition-leave-from, .v-window-y-reverse-transition-leave-to {
25365
+ position: absolute !important;
25424
25366
  top: 0;
25425
25367
  width: 100%;
25426
- height: 100%;
25427
- position: absolute;
25428
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25429
- border-radius: inherit;
25430
- }
25431
-
25432
- .v-color-picker-preview__sliders {
25433
- display: flex;
25434
- flex: 1 0 auto;
25435
- flex-direction: column;
25436
- padding-inline-end: 16px;
25437
25368
  }
25438
-
25439
- .v-color-picker-preview__dot {
25440
- position: relative;
25441
- height: 30px;
25442
- width: 30px;
25443
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25444
- border-radius: 50%;
25445
- overflow: hidden;
25446
- margin-inline-end: 24px;
25369
+ .v-window-x-transition-enter-from {
25370
+ transform: translateX(100%);
25447
25371
  }
25448
- .v-color-picker-preview__dot > div {
25449
- width: 100%;
25450
- height: 100%;
25372
+ .v-window-x-transition-leave-to {
25373
+ transform: translateX(-100%);
25451
25374
  }
25452
-
25453
- .v-locale--is-ltr.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
25454
- background: linear-gradient(to right, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
25375
+ .v-window-x-reverse-transition-enter-from {
25376
+ transform: translateX(-100%);
25455
25377
  }
25456
-
25457
- .v-locale--is-rtl.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
25458
- background: linear-gradient(to left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
25378
+ .v-window-x-reverse-transition-leave-to {
25379
+ transform: translateX(100%);
25459
25380
  }
25460
-
25461
- .v-color-picker-preview__track {
25462
- position: relative;
25463
- width: 100%;
25464
- margin: 0 !important;
25381
+ .v-window-y-transition-enter-from {
25382
+ transform: translateY(100%);
25465
25383
  }
25466
- .v-color-picker-preview__track .v-slider-track__fill {
25467
- display: none;
25384
+ .v-window-y-transition-leave-to {
25385
+ transform: translateY(-100%);
25468
25386
  }
25469
-
25470
- .v-color-picker-preview {
25471
- align-items: center;
25472
- display: flex;
25473
- margin-bottom: 0;
25387
+ .v-window-y-reverse-transition-enter-from {
25388
+ transform: translateY(-100%);
25474
25389
  }
25475
-
25476
- .v-color-picker-preview__eye-dropper {
25477
- position: relative;
25478
- margin-right: 12px;
25390
+ .v-window-y-reverse-transition-leave-to {
25391
+ transform: translateY(100%);
25479
25392
  }.v-color-picker-edit {
25480
25393
  display: flex;
25481
25394
  margin-top: 24px;
@@ -25504,6 +25417,28 @@ html.v-overlay-scroll-blocked {
25504
25417
  }
25505
25418
  .v-color-picker-edit__input span {
25506
25419
  font-size: 0.75rem;
25420
+ }.v-color-picker-canvas {
25421
+ display: flex;
25422
+ position: relative;
25423
+ overflow: hidden;
25424
+ contain: content;
25425
+ touch-action: none;
25426
+ }
25427
+ .v-color-picker-canvas__dot {
25428
+ position: absolute;
25429
+ top: 0;
25430
+ left: 0;
25431
+ width: 15px;
25432
+ height: 15px;
25433
+ background: transparent;
25434
+ border-radius: 50%;
25435
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25436
+ }
25437
+ .v-color-picker-canvas__dot--disabled {
25438
+ 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);
25439
+ }
25440
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25441
+ will-change: transform;
25507
25442
  }.v-color-picker-swatches {
25508
25443
  overflow-y: auto;
25509
25444
  }
@@ -25539,218 +25474,129 @@ html.v-overlay-scroll-blocked {
25539
25474
  justify-content: center;
25540
25475
  width: 100%;
25541
25476
  height: 100%;
25542
- }.v-picker.v-sheet {
25543
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
25544
- border-radius: 4px;
25545
- display: grid;
25546
- grid-auto-rows: min-content;
25547
- grid-template-areas: "title" "header" "body";
25548
- overflow: hidden;
25549
- }
25550
- .v-picker.v-sheet.v-picker--with-actions {
25551
- grid-template-areas: "title" "header" "body" "actions";
25552
- }
25553
-
25554
- .v-picker__body {
25555
- grid-area: body;
25556
- overflow: hidden;
25557
- position: relative;
25558
- }
25559
-
25560
- .v-picker__header {
25561
- grid-area: header;
25562
- }
25563
-
25564
- .v-picker__actions {
25565
- grid-area: actions;
25566
- padding: 0 12px 12px;
25567
- display: flex;
25568
- align-items: center;
25569
- justify-content: flex-end;
25570
- }
25571
- .v-picker__actions .v-btn {
25572
- min-width: 48px;
25573
- }
25574
- .v-picker__actions .v-btn:not(:last-child) {
25575
- margin-inline-end: 8px;
25576
- }
25577
-
25578
- .v-picker--landscape {
25579
- grid-template-areas: "title" "header body" "header body";
25580
- }
25581
-
25582
- .v-picker--landscape.v-picker--with-actions {
25583
- grid-template-areas: "title" "header body" "header actions";
25584
- }
25585
-
25586
- .v-picker-title {
25587
- text-transform: uppercase;
25588
- font-size: 0.75rem;
25589
- grid-area: title;
25590
- padding-inline: 24px 12px;
25591
- padding-top: 16px;
25592
- padding-bottom: 16px;
25593
- font-weight: 400;
25594
- letter-spacing: 0.1666666667em;
25595
- }.v-slider-thumb {
25596
- touch-action: none;
25597
- color: rgb(var(--v-theme-surface-variant));
25598
- }
25599
- .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25600
- color: inherit;
25601
- }
25602
-
25603
- .v-slider-thumb__label {
25604
- background: rgba(var(--v-theme-surface-variant), 0.7);
25605
- color: rgb(var(--v-theme-on-surface-variant));
25477
+ }.v-color-picker-preview__alpha .v-slider-track__background {
25478
+ background-color: transparent !important;
25606
25479
  }
25607
- .v-slider-thumb__label::before {
25608
- color: rgba(var(--v-theme-surface-variant), 0.7);
25480
+ .v-locale--is-ltr.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__alpha .v-slider-track__background {
25481
+ background-image: linear-gradient(to right, transparent, var(--v-color-picker-color-hsv));
25609
25482
  }
25610
25483
 
25611
- .v-slider-thumb {
25612
- outline: none;
25613
- position: absolute;
25614
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25484
+ .v-locale--is-rtl.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__alpha .v-slider-track__background {
25485
+ background-image: linear-gradient(to left, transparent, var(--v-color-picker-color-hsv));
25615
25486
  }
25616
25487
 
25617
- .v-slider-thumb__surface {
25618
- cursor: pointer;
25619
- width: var(--v-slider-thumb-size);
25620
- height: var(--v-slider-thumb-size);
25621
- border-radius: 50%;
25622
- -webkit-user-select: none;
25623
- user-select: none;
25624
- background-color: currentColor;
25625
- }
25626
- @media (forced-colors: active) {
25627
- .v-slider-thumb__surface {
25628
- background-color: highlight;
25629
- }
25630
- }
25631
- .v-slider-thumb__surface::before {
25632
- transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25488
+ .v-color-picker-preview__alpha .v-slider-track__background::after {
25633
25489
  content: "";
25634
- color: inherit;
25635
- top: 0;
25490
+ z-index: -1;
25636
25491
  left: 0;
25492
+ top: 0;
25637
25493
  width: 100%;
25638
25494
  height: 100%;
25639
- border-radius: 50%;
25640
- background: currentColor;
25641
- position: absolute;
25642
- pointer-events: none;
25643
- opacity: 0;
25644
- }
25645
- .v-slider-thumb__surface::after {
25646
- content: "";
25647
- width: 42px;
25648
- height: 42px;
25649
25495
  position: absolute;
25650
- top: 50%;
25651
- left: 50%;
25652
- transform: translate(-50%, -50%);
25496
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25497
+ border-radius: inherit;
25653
25498
  }
25654
25499
 
25655
- .v-slider-thumb__label-container {
25656
- position: absolute;
25657
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25500
+ .v-color-picker-preview__sliders {
25501
+ display: flex;
25502
+ flex: 1 0 auto;
25503
+ flex-direction: column;
25504
+ padding-inline-end: 16px;
25658
25505
  }
25659
25506
 
25660
- .v-slider-thumb__label {
25661
- display: flex;
25662
- align-items: center;
25663
- justify-content: center;
25664
- font-size: 0.75rem;
25665
- min-width: 35px;
25666
- height: 25px;
25667
- border-radius: 4px;
25668
- padding: 6px;
25669
- position: absolute;
25670
- -webkit-user-select: none;
25671
- user-select: none;
25672
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25507
+ .v-color-picker-preview__dot {
25508
+ position: relative;
25509
+ height: 30px;
25510
+ width: 30px;
25511
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25512
+ border-radius: 50%;
25513
+ overflow: hidden;
25514
+ margin-inline-end: 24px;
25673
25515
  }
25674
- .v-slider-thumb__label::before {
25675
- content: "";
25676
- width: 0;
25677
- height: 0;
25678
- position: absolute;
25516
+ .v-color-picker-preview__dot > div {
25517
+ width: 100%;
25518
+ height: 100%;
25679
25519
  }
25680
25520
 
25681
- .v-slider-thumb__ripple {
25682
- position: absolute;
25683
- left: calc(var(--v-slider-thumb-size) / -2);
25684
- top: calc(var(--v-slider-thumb-size) / -2);
25685
- width: calc(var(--v-slider-thumb-size) * 2);
25686
- height: calc(var(--v-slider-thumb-size) * 2);
25687
- background: inherit;
25521
+ .v-locale--is-ltr.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
25522
+ background: linear-gradient(to right, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
25688
25523
  }
25689
25524
 
25690
- .v-slider.v-input--horizontal .v-slider-thumb {
25691
- top: 50%;
25692
- transform: translateY(-50%);
25693
- inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25525
+ .v-locale--is-rtl.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
25526
+ background: linear-gradient(to left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
25694
25527
  }
25695
- .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25696
- left: calc(var(--v-slider-thumb-size) / 2);
25697
- top: 0;
25528
+
25529
+ .v-color-picker-preview__track {
25530
+ position: relative;
25531
+ width: 100%;
25532
+ margin: 0 !important;
25698
25533
  }
25699
- .v-slider.v-input--horizontal .v-slider-thumb__label {
25700
- bottom: calc(var(--v-slider-thumb-size) / 2);
25534
+ .v-color-picker-preview__track .v-slider-track__fill {
25535
+ display: none;
25701
25536
  }
25702
- .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 {
25703
- transform: translateX(-50%);
25537
+
25538
+ .v-color-picker-preview {
25539
+ align-items: center;
25540
+ display: flex;
25541
+ margin-bottom: 0;
25704
25542
  }
25705
25543
 
25706
- .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 {
25707
- transform: translateX(50%);
25544
+ .v-color-picker-preview__eye-dropper {
25545
+ position: relative;
25546
+ margin-right: 12px;
25547
+ }.v-picker.v-sheet {
25548
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
25549
+ border-radius: 4px;
25550
+ display: grid;
25551
+ grid-auto-rows: min-content;
25552
+ grid-template-areas: "title" "header" "body";
25553
+ overflow: hidden;
25554
+ }
25555
+ .v-picker.v-sheet.v-picker--with-actions {
25556
+ grid-template-areas: "title" "header" "body" "actions";
25708
25557
  }
25709
25558
 
25710
- .v-slider.v-input--horizontal .v-slider-thumb__label::before {
25711
- border-left: 6px solid transparent;
25712
- border-right: 6px solid transparent;
25713
- border-top: 6px solid currentColor;
25714
- bottom: -6px;
25559
+ .v-picker__body {
25560
+ grid-area: body;
25561
+ overflow: hidden;
25562
+ position: relative;
25715
25563
  }
25716
25564
 
25717
- .v-slider.v-input--vertical .v-slider-thumb {
25718
- top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25565
+ .v-picker__header {
25566
+ grid-area: header;
25719
25567
  }
25720
- .v-slider.v-input--vertical .v-slider-thumb__label-container {
25721
- top: calc(var(--v-slider-thumb-size) / 2);
25722
- right: 0;
25568
+
25569
+ .v-picker__actions {
25570
+ grid-area: actions;
25571
+ padding: 0 12px 12px;
25572
+ display: flex;
25573
+ align-items: center;
25574
+ justify-content: flex-end;
25723
25575
  }
25724
- .v-slider.v-input--vertical .v-slider-thumb__label {
25725
- top: -12.5px;
25726
- left: calc(var(--v-slider-thumb-size) / 2);
25576
+ .v-picker__actions .v-btn {
25577
+ min-width: 48px;
25727
25578
  }
25728
- .v-slider.v-input--vertical .v-slider-thumb__label::before {
25729
- border-right: 6px solid currentColor;
25730
- border-top: 6px solid transparent;
25731
- border-bottom: 6px solid transparent;
25732
- left: -6px;
25579
+ .v-picker__actions .v-btn:not(:last-child) {
25580
+ margin-inline-end: 8px;
25733
25581
  }
25734
25582
 
25735
- .v-slider-thumb--focused .v-slider-thumb__surface::before {
25736
- transform: scale(2);
25737
- opacity: var(--v-focus-opacity);
25583
+ .v-picker--landscape {
25584
+ grid-template-areas: "title" "header body" "header body";
25738
25585
  }
25739
25586
 
25740
- .v-slider-thumb--pressed {
25741
- transition: none;
25742
- }
25743
- .v-slider-thumb--pressed .v-slider-thumb__surface::before {
25744
- opacity: var(--v-pressed-opacity);
25587
+ .v-picker--landscape.v-picker--with-actions {
25588
+ grid-template-areas: "title" "header body" "header actions";
25745
25589
  }
25746
25590
 
25747
- @media (hover: hover) {
25748
- .v-slider-thumb:hover .v-slider-thumb__surface::before {
25749
- transform: scale(2);
25750
- }
25751
- .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
25752
- opacity: var(--v-hover-opacity);
25753
- }
25591
+ .v-picker-title {
25592
+ text-transform: uppercase;
25593
+ font-size: 0.75rem;
25594
+ grid-area: title;
25595
+ padding-inline: 24px 12px;
25596
+ padding-top: 16px;
25597
+ padding-bottom: 16px;
25598
+ font-weight: 400;
25599
+ letter-spacing: 0.1666666667em;
25754
25600
  }.v-slider-track__background {
25755
25601
  background-color: rgb(var(--v-theme-surface-variant));
25756
25602
  }
@@ -25929,4 +25775,163 @@ html.v-overlay-scroll-blocked {
25929
25775
 
25930
25776
  .v-slider-track__background--opacity {
25931
25777
  opacity: 0.38;
25778
+ }.v-slider-thumb {
25779
+ touch-action: none;
25780
+ color: rgb(var(--v-theme-surface-variant));
25781
+ }
25782
+ .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25783
+ color: inherit;
25784
+ }
25785
+
25786
+ .v-slider-thumb__label {
25787
+ background: rgba(var(--v-theme-surface-variant), 0.7);
25788
+ color: rgb(var(--v-theme-on-surface-variant));
25789
+ }
25790
+ .v-slider-thumb__label::before {
25791
+ color: rgba(var(--v-theme-surface-variant), 0.7);
25792
+ }
25793
+
25794
+ .v-slider-thumb {
25795
+ outline: none;
25796
+ position: absolute;
25797
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25798
+ }
25799
+
25800
+ .v-slider-thumb__surface {
25801
+ cursor: pointer;
25802
+ width: var(--v-slider-thumb-size);
25803
+ height: var(--v-slider-thumb-size);
25804
+ border-radius: 50%;
25805
+ -webkit-user-select: none;
25806
+ user-select: none;
25807
+ background-color: currentColor;
25808
+ }
25809
+ @media (forced-colors: active) {
25810
+ .v-slider-thumb__surface {
25811
+ background-color: highlight;
25812
+ }
25813
+ }
25814
+ .v-slider-thumb__surface::before {
25815
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25816
+ content: "";
25817
+ color: inherit;
25818
+ top: 0;
25819
+ left: 0;
25820
+ width: 100%;
25821
+ height: 100%;
25822
+ border-radius: 50%;
25823
+ background: currentColor;
25824
+ position: absolute;
25825
+ pointer-events: none;
25826
+ opacity: 0;
25827
+ }
25828
+ .v-slider-thumb__surface::after {
25829
+ content: "";
25830
+ width: 42px;
25831
+ height: 42px;
25832
+ position: absolute;
25833
+ top: 50%;
25834
+ left: 50%;
25835
+ transform: translate(-50%, -50%);
25836
+ }
25837
+
25838
+ .v-slider-thumb__label-container {
25839
+ position: absolute;
25840
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25841
+ }
25842
+
25843
+ .v-slider-thumb__label {
25844
+ display: flex;
25845
+ align-items: center;
25846
+ justify-content: center;
25847
+ font-size: 0.75rem;
25848
+ min-width: 35px;
25849
+ height: 25px;
25850
+ border-radius: 4px;
25851
+ padding: 6px;
25852
+ position: absolute;
25853
+ -webkit-user-select: none;
25854
+ user-select: none;
25855
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25856
+ }
25857
+ .v-slider-thumb__label::before {
25858
+ content: "";
25859
+ width: 0;
25860
+ height: 0;
25861
+ position: absolute;
25862
+ }
25863
+
25864
+ .v-slider-thumb__ripple {
25865
+ position: absolute;
25866
+ left: calc(var(--v-slider-thumb-size) / -2);
25867
+ top: calc(var(--v-slider-thumb-size) / -2);
25868
+ width: calc(var(--v-slider-thumb-size) * 2);
25869
+ height: calc(var(--v-slider-thumb-size) * 2);
25870
+ background: inherit;
25871
+ }
25872
+
25873
+ .v-slider.v-input--horizontal .v-slider-thumb {
25874
+ top: 50%;
25875
+ transform: translateY(-50%);
25876
+ inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25877
+ }
25878
+ .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25879
+ left: calc(var(--v-slider-thumb-size) / 2);
25880
+ top: 0;
25881
+ }
25882
+ .v-slider.v-input--horizontal .v-slider-thumb__label {
25883
+ bottom: calc(var(--v-slider-thumb-size) / 2);
25884
+ }
25885
+ .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 {
25886
+ transform: translateX(-50%);
25887
+ }
25888
+
25889
+ .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 {
25890
+ transform: translateX(50%);
25891
+ }
25892
+
25893
+ .v-slider.v-input--horizontal .v-slider-thumb__label::before {
25894
+ border-left: 6px solid transparent;
25895
+ border-right: 6px solid transparent;
25896
+ border-top: 6px solid currentColor;
25897
+ bottom: -6px;
25898
+ }
25899
+
25900
+ .v-slider.v-input--vertical .v-slider-thumb {
25901
+ top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25902
+ }
25903
+ .v-slider.v-input--vertical .v-slider-thumb__label-container {
25904
+ top: calc(var(--v-slider-thumb-size) / 2);
25905
+ right: 0;
25906
+ }
25907
+ .v-slider.v-input--vertical .v-slider-thumb__label {
25908
+ top: -12.5px;
25909
+ left: calc(var(--v-slider-thumb-size) / 2);
25910
+ }
25911
+ .v-slider.v-input--vertical .v-slider-thumb__label::before {
25912
+ border-right: 6px solid currentColor;
25913
+ border-top: 6px solid transparent;
25914
+ border-bottom: 6px solid transparent;
25915
+ left: -6px;
25916
+ }
25917
+
25918
+ .v-slider-thumb--focused .v-slider-thumb__surface::before {
25919
+ transform: scale(2);
25920
+ opacity: var(--v-focus-opacity);
25921
+ }
25922
+
25923
+ .v-slider-thumb--pressed {
25924
+ transition: none;
25925
+ }
25926
+ .v-slider-thumb--pressed .v-slider-thumb__surface::before {
25927
+ opacity: var(--v-pressed-opacity);
25928
+ }
25929
+
25930
+ @media (hover: hover) {
25931
+ .v-slider-thumb:hover .v-slider-thumb__surface::before {
25932
+ transform: scale(2);
25933
+ }
25934
+ .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
25935
+ opacity: var(--v-hover-opacity);
25936
+ }
25932
25937
  }