vuetify 3.5.14 → 3.5.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (47) hide show
  1. package/dist/json/importMap-labs.json +12 -12
  2. package/dist/json/importMap.json +114 -114
  3. package/dist/json/web-types.json +24 -2
  4. package/dist/vuetify-labs.css +1967 -1933
  5. package/dist/vuetify-labs.d.ts +12 -0
  6. package/dist/vuetify-labs.esm.js +20 -15
  7. package/dist/vuetify-labs.esm.js.map +1 -1
  8. package/dist/vuetify-labs.js +20 -15
  9. package/dist/vuetify-labs.min.css +2 -2
  10. package/dist/vuetify.css +1081 -1047
  11. package/dist/vuetify.d.ts +51 -39
  12. package/dist/vuetify.esm.js +10 -8
  13. package/dist/vuetify.esm.js.map +1 -1
  14. package/dist/vuetify.js +10 -8
  15. package/dist/vuetify.js.map +1 -1
  16. package/dist/vuetify.min.css +2 -2
  17. package/dist/vuetify.min.js +9 -8
  18. package/dist/vuetify.min.js.map +1 -1
  19. package/lib/components/VBtn/VBtn.css +4 -0
  20. package/lib/components/VBtn/VBtn.mjs +0 -1
  21. package/lib/components/VBtn/VBtn.mjs.map +1 -1
  22. package/lib/components/VBtn/VBtn.sass +4 -0
  23. package/lib/components/VBtn/_variables.scss +1 -0
  24. package/lib/components/VDataTable/composables/options.mjs +1 -1
  25. package/lib/components/VDataTable/composables/options.mjs.map +1 -1
  26. package/lib/components/VDialog/VDialog.mjs +3 -1
  27. package/lib/components/VDialog/VDialog.mjs.map +1 -1
  28. package/lib/components/VDialog/index.d.mts +12 -0
  29. package/lib/components/VMenu/VMenu.mjs +2 -1
  30. package/lib/components/VMenu/VMenu.mjs.map +1 -1
  31. package/lib/components/VSelectionControl/VSelectionControl.mjs +1 -1
  32. package/lib/components/VSelectionControl/VSelectionControl.mjs.map +1 -1
  33. package/lib/components/index.d.mts +12 -0
  34. package/lib/entry-bundler.mjs +1 -1
  35. package/lib/framework.mjs +1 -1
  36. package/lib/index.d.mts +39 -39
  37. package/lib/labs/VTimePicker/VTimePicker.mjs +2 -2
  38. package/lib/labs/VTimePicker/VTimePicker.mjs.map +1 -1
  39. package/lib/labs/VTimePicker/VTimePickerClock.mjs +8 -5
  40. package/lib/labs/VTimePicker/VTimePickerClock.mjs.map +1 -1
  41. package/lib/locale/lt.mjs +25 -25
  42. package/lib/locale/lt.mjs.map +1 -1
  43. package/lib/locale/sl.mjs +30 -30
  44. package/lib/locale/sl.mjs.map +1 -1
  45. package/lib/styles/main.css +30 -0
  46. package/lib/styles/settings/_variables.scss +1 -0
  47. package/package.json +2 -2
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.5.14
2
+ * Vuetify v3.5.15
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -6381,6 +6381,12 @@ html.overflow-y-hidden {
6381
6381
  border-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
6382
6382
  }
6383
6383
 
6384
+ .border-thin {
6385
+ border-width: thin !important;
6386
+ border-style: solid !important;
6387
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
6388
+ }
6389
+
6384
6390
  .border-sm {
6385
6391
  border-width: 1px !important;
6386
6392
  border-style: solid !important;
@@ -6441,6 +6447,12 @@ html.overflow-y-hidden {
6441
6447
  border-block-start-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
6442
6448
  }
6443
6449
 
6450
+ .border-t-thin {
6451
+ border-block-start-width: thin !important;
6452
+ border-block-start-style: solid !important;
6453
+ border-block-start-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
6454
+ }
6455
+
6444
6456
  .border-t-sm {
6445
6457
  border-block-start-width: 1px !important;
6446
6458
  border-block-start-style: solid !important;
@@ -6477,6 +6489,12 @@ html.overflow-y-hidden {
6477
6489
  border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
6478
6490
  }
6479
6491
 
6492
+ .border-e-thin {
6493
+ border-inline-end-width: thin !important;
6494
+ border-inline-end-style: solid !important;
6495
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
6496
+ }
6497
+
6480
6498
  .border-e-sm {
6481
6499
  border-inline-end-width: 1px !important;
6482
6500
  border-inline-end-style: solid !important;
@@ -6513,6 +6531,12 @@ html.overflow-y-hidden {
6513
6531
  border-block-end-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
6514
6532
  }
6515
6533
 
6534
+ .border-b-thin {
6535
+ border-block-end-width: thin !important;
6536
+ border-block-end-style: solid !important;
6537
+ border-block-end-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
6538
+ }
6539
+
6516
6540
  .border-b-sm {
6517
6541
  border-block-end-width: 1px !important;
6518
6542
  border-block-end-style: solid !important;
@@ -6549,6 +6573,12 @@ html.overflow-y-hidden {
6549
6573
  border-inline-start-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
6550
6574
  }
6551
6575
 
6576
+ .border-s-thin {
6577
+ border-inline-start-width: thin !important;
6578
+ border-inline-start-style: solid !important;
6579
+ border-inline-start-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
6580
+ }
6581
+
6552
6582
  .border-s-sm {
6553
6583
  border-inline-start-width: 1px !important;
6554
6584
  border-inline-start-style: solid !important;
@@ -17057,6 +17087,87 @@ html.overflow-y-hidden {
17057
17087
  }
17058
17088
  .v-app-bar:not(.v-toolbar--absolute) {
17059
17089
  padding-inline-end: var(--v-scrollbar-offset);
17090
+ }.v-autocomplete .v-field .v-text-field__prefix,
17091
+ .v-autocomplete .v-field .v-text-field__suffix,
17092
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17093
+ cursor: text;
17094
+ }
17095
+ .v-autocomplete .v-field .v-field__input > input {
17096
+ flex: 1 1;
17097
+ }
17098
+ .v-autocomplete .v-field input {
17099
+ min-width: 64px;
17100
+ }
17101
+ .v-autocomplete .v-field:not(.v-field--focused) input {
17102
+ min-width: 0;
17103
+ }
17104
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17105
+ margin-inline-end: 2px;
17106
+ }
17107
+ .v-autocomplete .v-autocomplete__selection-text {
17108
+ overflow: hidden;
17109
+ text-overflow: ellipsis;
17110
+ white-space: nowrap;
17111
+ }
17112
+
17113
+ .v-autocomplete__content {
17114
+ overflow: hidden;
17115
+ 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));
17116
+ border-radius: 4px;
17117
+ }
17118
+ .v-autocomplete__mask {
17119
+ background: rgb(var(--v-theme-surface-light));
17120
+ }
17121
+ .v-autocomplete__selection {
17122
+ display: inline-flex;
17123
+ align-items: center;
17124
+ height: 1.5rem;
17125
+ letter-spacing: inherit;
17126
+ line-height: inherit;
17127
+ max-width: calc(100% - 2px - 2px);
17128
+ }
17129
+ .v-autocomplete__selection:first-child {
17130
+ margin-inline-start: 0;
17131
+ }
17132
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17133
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17134
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17135
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17136
+ top: 0px;
17137
+ }
17138
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
17139
+ opacity: var(--v-medium-emphasis-opacity);
17140
+ }
17141
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17142
+ opacity: 1;
17143
+ }
17144
+ .v-autocomplete--selecting-index .v-field__input > input {
17145
+ caret-color: transparent;
17146
+ }
17147
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
17148
+ flex: 1 1;
17149
+ position: absolute;
17150
+ left: 0;
17151
+ right: 0;
17152
+ width: 100%;
17153
+ padding-inline: inherit;
17154
+ }
17155
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
17156
+ transition: none;
17157
+ }
17158
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
17159
+ opacity: 0;
17160
+ }
17161
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
17162
+ opacity: 0;
17163
+ }
17164
+ .v-autocomplete__menu-icon {
17165
+ margin-inline-start: 4px;
17166
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17167
+ }
17168
+ .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17169
+ opacity: var(--v-high-emphasis-opacity);
17170
+ transform: rotate(180deg);
17060
17171
  }.v-alert {
17061
17172
  display: grid;
17062
17173
  flex: 1 1;
@@ -17267,87 +17378,6 @@ html.overflow-y-hidden {
17267
17378
  text-transform: none;
17268
17379
  word-break: normal;
17269
17380
  word-wrap: break-word;
17270
- }.v-autocomplete .v-field .v-text-field__prefix,
17271
- .v-autocomplete .v-field .v-text-field__suffix,
17272
- .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17273
- cursor: text;
17274
- }
17275
- .v-autocomplete .v-field .v-field__input > input {
17276
- flex: 1 1;
17277
- }
17278
- .v-autocomplete .v-field input {
17279
- min-width: 64px;
17280
- }
17281
- .v-autocomplete .v-field:not(.v-field--focused) input {
17282
- min-width: 0;
17283
- }
17284
- .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17285
- margin-inline-end: 2px;
17286
- }
17287
- .v-autocomplete .v-autocomplete__selection-text {
17288
- overflow: hidden;
17289
- text-overflow: ellipsis;
17290
- white-space: nowrap;
17291
- }
17292
-
17293
- .v-autocomplete__content {
17294
- overflow: hidden;
17295
- 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));
17296
- border-radius: 4px;
17297
- }
17298
- .v-autocomplete__mask {
17299
- background: rgb(var(--v-theme-surface-light));
17300
- }
17301
- .v-autocomplete__selection {
17302
- display: inline-flex;
17303
- align-items: center;
17304
- height: 1.5rem;
17305
- letter-spacing: inherit;
17306
- line-height: inherit;
17307
- max-width: calc(100% - 2px - 2px);
17308
- }
17309
- .v-autocomplete__selection:first-child {
17310
- margin-inline-start: 0;
17311
- }
17312
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17313
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17314
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17315
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17316
- top: 0px;
17317
- }
17318
- .v-autocomplete--selecting-index .v-autocomplete__selection {
17319
- opacity: var(--v-medium-emphasis-opacity);
17320
- }
17321
- .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17322
- opacity: 1;
17323
- }
17324
- .v-autocomplete--selecting-index .v-field__input > input {
17325
- caret-color: transparent;
17326
- }
17327
- .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
17328
- flex: 1 1;
17329
- position: absolute;
17330
- left: 0;
17331
- right: 0;
17332
- width: 100%;
17333
- padding-inline: inherit;
17334
- }
17335
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
17336
- transition: none;
17337
- }
17338
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
17339
- opacity: 0;
17340
- }
17341
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
17342
- opacity: 0;
17343
- }
17344
- .v-autocomplete__menu-icon {
17345
- margin-inline-start: 4px;
17346
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17347
- }
17348
- .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17349
- opacity: var(--v-high-emphasis-opacity);
17350
- transform: rotate(180deg);
17351
17381
  }.v-avatar {
17352
17382
  flex: none;
17353
17383
  align-items: center;
@@ -17669,61 +17699,6 @@ html.overflow-y-hidden {
17669
17699
  }
17670
17700
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
17671
17701
  align-self: flex-start;
17672
- }.v-bottom-navigation {
17673
- display: flex;
17674
- max-width: 100%;
17675
- overflow: hidden;
17676
- position: absolute;
17677
- transition: transform, color 0.2s, 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17678
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17679
- border-style: solid;
17680
- border-width: 0;
17681
- border-radius: 0;
17682
- background: rgb(var(--v-theme-surface));
17683
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17684
- }
17685
- .v-bottom-navigation--border {
17686
- border-width: thin;
17687
- box-shadow: none;
17688
- }
17689
- .v-bottom-navigation--active {
17690
- 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));
17691
- }
17692
-
17693
- .v-bottom-navigation__content {
17694
- display: flex;
17695
- flex: none;
17696
- font-size: 0.75rem;
17697
- justify-content: center;
17698
- transition: inherit;
17699
- width: 100%;
17700
- }
17701
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
17702
- font-size: inherit;
17703
- height: 100%;
17704
- max-width: 168px;
17705
- min-width: 80px;
17706
- text-transform: none;
17707
- transition: inherit;
17708
- width: auto;
17709
- border-radius: 0;
17710
- }
17711
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
17712
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
17713
- transition: inherit;
17714
- }
17715
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
17716
- font-size: 1.5rem;
17717
- }
17718
- .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
17719
- flex-grow: 1;
17720
- }
17721
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
17722
- transition: inherit;
17723
- opacity: 0;
17724
- }
17725
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
17726
- transform: translateY(0.5rem);
17727
17702
  }.bottom-sheet-transition-enter-from {
17728
17703
  transform: translateY(100%);
17729
17704
  }
@@ -17756,16 +17731,128 @@ html.overflow-y-hidden {
17756
17731
  .v-bottom-sheet.v-bottom-sheet--inset {
17757
17732
  max-width: 70%;
17758
17733
  }
17759
- }.v-btn {
17734
+ }.v-breadcrumbs {
17735
+ display: flex;
17760
17736
  align-items: center;
17737
+ line-height: 1.375rem;
17738
+ padding: 16px 12px;
17739
+ }
17740
+ .v-breadcrumbs--rounded {
17761
17741
  border-radius: 4px;
17762
- display: inline-grid;
17763
- grid-template-areas: "prepend content append";
17764
- grid-template-columns: max-content auto max-content;
17765
- font-weight: 500;
17766
- justify-content: center;
17767
- letter-spacing: 0.0892857143em;
17768
- line-height: normal;
17742
+ }
17743
+ .v-breadcrumbs--density-default {
17744
+ padding-top: 16px;
17745
+ padding-bottom: 16px;
17746
+ }
17747
+
17748
+ .v-breadcrumbs--density-comfortable {
17749
+ padding-top: 12px;
17750
+ padding-bottom: 12px;
17751
+ }
17752
+
17753
+ .v-breadcrumbs--density-compact {
17754
+ padding-top: 8px;
17755
+ padding-bottom: 8px;
17756
+ }
17757
+
17758
+ .v-breadcrumbs__prepend {
17759
+ align-items: center;
17760
+ display: inline-flex;
17761
+ }
17762
+
17763
+ .v-breadcrumbs-item {
17764
+ align-items: center;
17765
+ color: inherit;
17766
+ display: inline-flex;
17767
+ padding: 0 4px;
17768
+ text-decoration: none;
17769
+ vertical-align: middle;
17770
+ }
17771
+ .v-breadcrumbs-item--disabled {
17772
+ opacity: var(--v-disabled-opacity);
17773
+ pointer-events: none;
17774
+ }
17775
+ .v-breadcrumbs-item--link {
17776
+ color: inherit;
17777
+ text-decoration: none;
17778
+ }
17779
+ .v-breadcrumbs-item--link:hover {
17780
+ text-decoration: underline;
17781
+ }
17782
+ .v-breadcrumbs-item .v-icon {
17783
+ font-size: 1rem;
17784
+ margin-inline: -4px 2px;
17785
+ }
17786
+
17787
+ .v-breadcrumbs-divider {
17788
+ display: inline-block;
17789
+ padding: 0 8px;
17790
+ vertical-align: middle;
17791
+ }.v-bottom-navigation {
17792
+ display: flex;
17793
+ max-width: 100%;
17794
+ overflow: hidden;
17795
+ position: absolute;
17796
+ transition: transform, color 0.2s, 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17797
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17798
+ border-style: solid;
17799
+ border-width: 0;
17800
+ border-radius: 0;
17801
+ background: rgb(var(--v-theme-surface));
17802
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17803
+ }
17804
+ .v-bottom-navigation--border {
17805
+ border-width: thin;
17806
+ box-shadow: none;
17807
+ }
17808
+ .v-bottom-navigation--active {
17809
+ 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));
17810
+ }
17811
+
17812
+ .v-bottom-navigation__content {
17813
+ display: flex;
17814
+ flex: none;
17815
+ font-size: 0.75rem;
17816
+ justify-content: center;
17817
+ transition: inherit;
17818
+ width: 100%;
17819
+ }
17820
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
17821
+ font-size: inherit;
17822
+ height: 100%;
17823
+ max-width: 168px;
17824
+ min-width: 80px;
17825
+ text-transform: none;
17826
+ transition: inherit;
17827
+ width: auto;
17828
+ border-radius: 0;
17829
+ }
17830
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
17831
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
17832
+ transition: inherit;
17833
+ }
17834
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
17835
+ font-size: 1.5rem;
17836
+ }
17837
+ .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
17838
+ flex-grow: 1;
17839
+ }
17840
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
17841
+ transition: inherit;
17842
+ opacity: 0;
17843
+ }
17844
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
17845
+ transform: translateY(0.5rem);
17846
+ }.v-btn {
17847
+ align-items: center;
17848
+ border-radius: 4px;
17849
+ display: inline-grid;
17850
+ grid-template-areas: "prepend content append";
17851
+ grid-template-columns: max-content auto max-content;
17852
+ font-weight: 500;
17853
+ justify-content: center;
17854
+ letter-spacing: 0.0892857143em;
17855
+ line-height: normal;
17769
17856
  max-width: 100%;
17770
17857
  outline: none;
17771
17858
  position: relative;
@@ -18093,6 +18180,10 @@ html.overflow-y-hidden {
18093
18180
  top: 0;
18094
18181
  width: 100%;
18095
18182
  }
18183
+ .v-btn__loader > .v-progress-circular {
18184
+ width: 1.5em;
18185
+ height: 1.5em;
18186
+ }
18096
18187
 
18097
18188
  .v-btn__content,
18098
18189
  .v-btn__prepend,
@@ -18159,63 +18250,6 @@ html.overflow-y-hidden {
18159
18250
  }
18160
18251
  .v-pagination__item--is-active .v-btn__overlay {
18161
18252
  opacity: var(--v-border-opacity);
18162
- }.v-breadcrumbs {
18163
- display: flex;
18164
- align-items: center;
18165
- line-height: 1.375rem;
18166
- padding: 16px 12px;
18167
- }
18168
- .v-breadcrumbs--rounded {
18169
- border-radius: 4px;
18170
- }
18171
- .v-breadcrumbs--density-default {
18172
- padding-top: 16px;
18173
- padding-bottom: 16px;
18174
- }
18175
-
18176
- .v-breadcrumbs--density-comfortable {
18177
- padding-top: 12px;
18178
- padding-bottom: 12px;
18179
- }
18180
-
18181
- .v-breadcrumbs--density-compact {
18182
- padding-top: 8px;
18183
- padding-bottom: 8px;
18184
- }
18185
-
18186
- .v-breadcrumbs__prepend {
18187
- align-items: center;
18188
- display: inline-flex;
18189
- }
18190
-
18191
- .v-breadcrumbs-item {
18192
- align-items: center;
18193
- color: inherit;
18194
- display: inline-flex;
18195
- padding: 0 4px;
18196
- text-decoration: none;
18197
- vertical-align: middle;
18198
- }
18199
- .v-breadcrumbs-item--disabled {
18200
- opacity: var(--v-disabled-opacity);
18201
- pointer-events: none;
18202
- }
18203
- .v-breadcrumbs-item--link {
18204
- color: inherit;
18205
- text-decoration: none;
18206
- }
18207
- .v-breadcrumbs-item--link:hover {
18208
- text-decoration: underline;
18209
- }
18210
- .v-breadcrumbs-item .v-icon {
18211
- font-size: 1rem;
18212
- margin-inline: -4px 2px;
18213
- }
18214
-
18215
- .v-breadcrumbs-divider {
18216
- display: inline-block;
18217
- padding: 0 8px;
18218
- vertical-align: middle;
18219
18253
  }.v-btn-group {
18220
18254
  display: inline-flex;
18221
18255
  flex-wrap: nowrap;
@@ -19855,67 +19889,180 @@ html.overflow-y-hidden {
19855
19889
  flex: 0 1 auto;
19856
19890
  font-size: 12px;
19857
19891
  transition-duration: 150ms;
19858
- }.v-date-picker {
19859
- overflow: hidden;
19860
- width: 328px;
19892
+ }.v-data-table {
19893
+ width: 100%;
19861
19894
  }
19862
- .v-date-picker--show-week {
19863
- width: 368px;
19864
- }.v-date-picker-month {
19865
- display: flex;
19866
- justify-content: center;
19867
- padding: 0 12px 8px;
19868
- --v-date-picker-month-day-diff: 4px;
19895
+
19896
+ .v-data-table__table {
19897
+ width: 100%;
19898
+ border-collapse: separate;
19899
+ border-spacing: 0;
19869
19900
  }
19870
19901
 
19871
- .v-date-picker-month__weeks {
19872
- display: grid;
19873
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
19874
- column-gap: 4px;
19875
- font-size: 0.85rem;
19902
+ .v-data-table__tr--focus {
19903
+ border: 1px dotted black;
19876
19904
  }
19877
- .v-date-picker-month__weeks + .v-date-picker-month__days {
19878
- grid-row-gap: 0;
19905
+ .v-data-table__tr--clickable {
19906
+ cursor: pointer;
19879
19907
  }
19880
19908
 
19881
- .v-date-picker-month__weekday {
19882
- font-size: 0.85rem;
19909
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
19910
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
19911
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
19912
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
19913
+ text-align: end;
19883
19914
  }
19884
-
19885
- .v-date-picker-month__days {
19886
- display: grid;
19887
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
19888
- column-gap: 4px;
19889
- flex: 1 1;
19890
- justify-content: space-around;
19915
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
19916
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
19917
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
19918
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
19919
+ flex-direction: row-reverse;
19891
19920
  }
19892
-
19893
- .v-date-picker-month__day {
19894
- align-items: center;
19895
- display: flex;
19921
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
19922
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
19923
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
19924
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
19925
+ text-align: center;
19926
+ }
19927
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
19928
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
19929
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
19930
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
19896
19931
  justify-content: center;
19897
- position: relative;
19898
- height: 40px;
19899
- width: 40px;
19900
19932
  }
19901
- .v-date-picker-month__day--selected .v-btn {
19902
- background-color: rgb(var(--v-theme-surface-variant));
19903
- color: rgb(var(--v-theme-on-surface-variant));
19933
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
19934
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
19935
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
19936
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
19937
+ padding: 0 8px;
19904
19938
  }
19905
- .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
19906
- --v-btn-height: 24px;
19907
- --v-btn-size: 0.85rem;
19939
+ .v-data-table .v-table__wrapper > table > thead > tr > th,
19940
+ .v-data-table .v-table__wrapper > table tbody > tr > th {
19941
+ align-items: center;
19908
19942
  }
19909
- .v-date-picker-month__day--week {
19910
- font-size: var(--v-btn-size);
19943
+ .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--fixed,
19944
+ .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--fixed {
19945
+ position: sticky;
19911
19946
  }
19912
-
19913
- .v-date-picker-month__day--adjacent {
19947
+ .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
19948
+ .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
19949
+ cursor: pointer;
19950
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19951
+ }
19952
+ .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
19953
+ .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
19954
+ opacity: 0;
19955
+ }
19956
+ .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon,
19957
+ .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon {
19914
19958
  opacity: 0.5;
19915
19959
  }
19916
19960
 
19917
- .v-date-picker-month__day--hide-adjacent {
19918
- opacity: 0;
19961
+ .v-data-table-column--fixed,
19962
+ .v-data-table__th--sticky {
19963
+ background: rgb(var(--v-theme-surface));
19964
+ position: sticky !important;
19965
+ left: 0;
19966
+ z-index: 1;
19967
+ }
19968
+
19969
+ .v-data-table-column--last-fixed {
19970
+ border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
19971
+ }
19972
+
19973
+ .v-data-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th.v-data-table-column--fixed {
19974
+ z-index: 2;
19975
+ }
19976
+
19977
+ .v-data-table-group-header-row td {
19978
+ background: rgba(var(--v-theme-surface));
19979
+ color: rgba(var(--v-theme-on-surface));
19980
+ }
19981
+ .v-data-table-group-header-row td > span {
19982
+ padding-left: 5px;
19983
+ }
19984
+
19985
+ .v-data-table--loading .v-data-table__td {
19986
+ opacity: 0.3;
19987
+ }
19988
+
19989
+ .v-data-table-group-header-row__column {
19990
+ padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
19991
+ }
19992
+
19993
+ .v-data-table-header__content {
19994
+ display: flex;
19995
+ align-items: center;
19996
+ }
19997
+
19998
+ .v-data-table-header__sort-badge {
19999
+ display: inline-flex;
20000
+ justify-content: center;
20001
+ align-items: center;
20002
+ font-size: 0.875rem;
20003
+ padding: 4px;
20004
+ border-radius: 50%;
20005
+ background: rgba(var(--v-border-color), var(--v-border-opacity));
20006
+ min-width: 20px;
20007
+ min-height: 20px;
20008
+ width: 20px;
20009
+ height: 20px;
20010
+ }
20011
+
20012
+ .v-data-table-progress > th {
20013
+ border: none !important;
20014
+ height: auto !important;
20015
+ padding: 0 !important;
20016
+ }
20017
+
20018
+ .v-data-table-progress__loader {
20019
+ position: relative;
20020
+ }
20021
+
20022
+ .v-data-table-rows-loading,
20023
+ .v-data-table-rows-no-data {
20024
+ text-align: center;
20025
+ }.v-data-table-footer {
20026
+ display: flex;
20027
+ align-items: center;
20028
+ flex-wrap: wrap;
20029
+ padding: 4px;
20030
+ justify-content: flex-end;
20031
+ }
20032
+
20033
+ .v-data-table-footer__items-per-page {
20034
+ display: flex;
20035
+ align-items: center;
20036
+ justify-content: center;
20037
+ }
20038
+ .v-data-table-footer__items-per-page > span {
20039
+ padding-inline-end: 8px;
20040
+ }
20041
+ .v-data-table-footer__items-per-page > .v-select {
20042
+ width: 90px;
20043
+ }
20044
+
20045
+ .v-data-table-footer__info {
20046
+ display: flex;
20047
+ justify-content: flex-end;
20048
+ min-width: 116px;
20049
+ padding: 0 16px;
20050
+ }
20051
+
20052
+ .v-data-table-footer__pagination {
20053
+ display: flex;
20054
+ align-items: center;
20055
+ margin-inline-start: 16px;
20056
+ }
20057
+
20058
+ .v-data-table-footer__page {
20059
+ padding: 0 8px;
20060
+ }.v-date-picker {
20061
+ overflow: hidden;
20062
+ width: 328px;
20063
+ }
20064
+ .v-date-picker--show-week {
20065
+ width: 368px;
19919
20066
  }.v-date-picker-controls {
19920
20067
  display: flex;
19921
20068
  align-items: center;
@@ -19972,25 +20119,6 @@ html.overflow-y-hidden {
19972
20119
 
19973
20120
  .v-date-picker__title {
19974
20121
  display: inline-block;
19975
- }.v-date-picker-months {
19976
- height: 288px;
19977
- }
19978
-
19979
- .v-date-picker-months__content {
19980
- align-items: center;
19981
- display: grid;
19982
- flex: 1 1;
19983
- height: inherit;
19984
- justify-content: space-around;
19985
- grid-template-columns: repeat(2, 1fr);
19986
- grid-gap: 0px 24px;
19987
- padding-inline-start: 36px;
19988
- padding-inline-end: 36px;
19989
- }
19990
- .v-date-picker-months__content .v-btn {
19991
- text-transform: none;
19992
- padding-inline-start: 8px;
19993
- padding-inline-end: 8px;
19994
20122
  }.v-date-picker-header {
19995
20123
  align-items: flex-end;
19996
20124
  height: 70px;
@@ -20051,189 +20179,95 @@ html.overflow-y-hidden {
20051
20179
  .date-picker-header-reverse-transition-leave-to {
20052
20180
  opacity: 0;
20053
20181
  transform: translate(0, 100%);
20054
- }.v-date-picker-years {
20182
+ }.v-date-picker-months {
20055
20183
  height: 288px;
20056
- overflow-y: scroll;
20057
20184
  }
20058
20185
 
20059
- .v-date-picker-years__content {
20186
+ .v-date-picker-months__content {
20187
+ align-items: center;
20060
20188
  display: grid;
20061
20189
  flex: 1 1;
20190
+ height: inherit;
20062
20191
  justify-content: space-around;
20063
- grid-template-columns: repeat(3, 1fr);
20064
- gap: 8px 24px;
20065
- padding-inline: 32px;
20066
- }
20067
- .v-date-picker-years__content .v-btn {
20068
- padding-inline: 8px;
20069
- }.v-data-table {
20070
- width: 100%;
20192
+ grid-template-columns: repeat(2, 1fr);
20193
+ grid-gap: 0px 24px;
20194
+ padding-inline-start: 36px;
20195
+ padding-inline-end: 36px;
20071
20196
  }
20072
-
20073
- .v-data-table__table {
20074
- width: 100%;
20075
- border-collapse: separate;
20076
- border-spacing: 0;
20197
+ .v-date-picker-months__content .v-btn {
20198
+ text-transform: none;
20199
+ padding-inline-start: 8px;
20200
+ padding-inline-end: 8px;
20201
+ }.v-date-picker-month {
20202
+ display: flex;
20203
+ justify-content: center;
20204
+ padding: 0 12px 8px;
20205
+ --v-date-picker-month-day-diff: 4px;
20077
20206
  }
20078
20207
 
20079
- .v-data-table__tr--focus {
20080
- border: 1px dotted black;
20208
+ .v-date-picker-month__weeks {
20209
+ display: grid;
20210
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20211
+ column-gap: 4px;
20212
+ font-size: 0.85rem;
20081
20213
  }
20082
- .v-data-table__tr--clickable {
20083
- cursor: pointer;
20214
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
20215
+ grid-row-gap: 0;
20084
20216
  }
20085
20217
 
20086
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
20087
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
20088
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
20089
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
20090
- text-align: end;
20091
- }
20092
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20093
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
20094
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20095
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
20096
- flex-direction: row-reverse;
20218
+ .v-date-picker-month__weekday {
20219
+ font-size: 0.85rem;
20097
20220
  }
20098
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
20099
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
20100
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
20101
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
20102
- text-align: center;
20221
+
20222
+ .v-date-picker-month__days {
20223
+ display: grid;
20224
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20225
+ column-gap: 4px;
20226
+ flex: 1 1;
20227
+ justify-content: space-around;
20103
20228
  }
20104
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
20105
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
20106
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
20107
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
20229
+
20230
+ .v-date-picker-month__day {
20231
+ align-items: center;
20232
+ display: flex;
20108
20233
  justify-content: center;
20234
+ position: relative;
20235
+ height: 40px;
20236
+ width: 40px;
20109
20237
  }
20110
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
20111
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
20112
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
20113
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
20114
- padding: 0 8px;
20238
+ .v-date-picker-month__day--selected .v-btn {
20239
+ background-color: rgb(var(--v-theme-surface-variant));
20240
+ color: rgb(var(--v-theme-on-surface-variant));
20115
20241
  }
20116
- .v-data-table .v-table__wrapper > table > thead > tr > th,
20117
- .v-data-table .v-table__wrapper > table tbody > tr > th {
20118
- align-items: center;
20242
+ .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20243
+ --v-btn-height: 24px;
20244
+ --v-btn-size: 0.85rem;
20119
20245
  }
20120
- .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--fixed,
20121
- .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--fixed {
20122
- position: sticky;
20246
+ .v-date-picker-month__day--week {
20247
+ font-size: var(--v-btn-size);
20123
20248
  }
20124
- .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
20125
- .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
20126
- cursor: pointer;
20127
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20249
+
20250
+ .v-date-picker-month__day--adjacent {
20251
+ opacity: 0.5;
20128
20252
  }
20129
- .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
20130
- .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
20253
+
20254
+ .v-date-picker-month__day--hide-adjacent {
20131
20255
  opacity: 0;
20132
- }
20133
- .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon,
20134
- .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon {
20135
- opacity: 0.5;
20256
+ }.v-date-picker-years {
20257
+ height: 288px;
20258
+ overflow-y: scroll;
20136
20259
  }
20137
20260
 
20138
- .v-data-table-column--fixed,
20139
- .v-data-table__th--sticky {
20140
- background: rgb(var(--v-theme-surface));
20141
- position: sticky !important;
20142
- left: 0;
20143
- z-index: 1;
20144
- }
20145
-
20146
- .v-data-table-column--last-fixed {
20147
- border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
20148
- }
20149
-
20150
- .v-data-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th.v-data-table-column--fixed {
20151
- z-index: 2;
20152
- }
20153
-
20154
- .v-data-table-group-header-row td {
20155
- background: rgba(var(--v-theme-surface));
20156
- color: rgba(var(--v-theme-on-surface));
20157
- }
20158
- .v-data-table-group-header-row td > span {
20159
- padding-left: 5px;
20160
- }
20161
-
20162
- .v-data-table--loading .v-data-table__td {
20163
- opacity: 0.3;
20164
- }
20165
-
20166
- .v-data-table-group-header-row__column {
20167
- padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
20168
- }
20169
-
20170
- .v-data-table-header__content {
20171
- display: flex;
20172
- align-items: center;
20173
- }
20174
-
20175
- .v-data-table-header__sort-badge {
20176
- display: inline-flex;
20177
- justify-content: center;
20178
- align-items: center;
20179
- font-size: 0.875rem;
20180
- padding: 4px;
20181
- border-radius: 50%;
20182
- background: rgba(var(--v-border-color), var(--v-border-opacity));
20183
- min-width: 20px;
20184
- min-height: 20px;
20185
- width: 20px;
20186
- height: 20px;
20187
- }
20188
-
20189
- .v-data-table-progress > th {
20190
- border: none !important;
20191
- height: auto !important;
20192
- padding: 0 !important;
20193
- }
20194
-
20195
- .v-data-table-progress__loader {
20196
- position: relative;
20197
- }
20198
-
20199
- .v-data-table-rows-loading,
20200
- .v-data-table-rows-no-data {
20201
- text-align: center;
20202
- }.v-data-table-footer {
20203
- display: flex;
20204
- align-items: center;
20205
- flex-wrap: wrap;
20206
- padding: 4px;
20207
- justify-content: flex-end;
20208
- }
20209
-
20210
- .v-data-table-footer__items-per-page {
20211
- display: flex;
20212
- align-items: center;
20213
- justify-content: center;
20214
- }
20215
- .v-data-table-footer__items-per-page > span {
20216
- padding-inline-end: 8px;
20217
- }
20218
- .v-data-table-footer__items-per-page > .v-select {
20219
- width: 90px;
20220
- }
20221
-
20222
- .v-data-table-footer__info {
20223
- display: flex;
20224
- justify-content: flex-end;
20225
- min-width: 116px;
20226
- padding: 0 16px;
20227
- }
20228
-
20229
- .v-data-table-footer__pagination {
20230
- display: flex;
20231
- align-items: center;
20232
- margin-inline-start: 16px;
20261
+ .v-date-picker-years__content {
20262
+ display: grid;
20263
+ flex: 1 1;
20264
+ justify-content: space-around;
20265
+ grid-template-columns: repeat(3, 1fr);
20266
+ gap: 8px 24px;
20267
+ padding-inline: 32px;
20233
20268
  }
20234
-
20235
- .v-data-table-footer__page {
20236
- padding: 0 8px;
20269
+ .v-date-picker-years__content .v-btn {
20270
+ padding-inline: 8px;
20237
20271
  }.v-dialog {
20238
20272
  align-items: center;
20239
20273
  justify-content: center;
@@ -20337,230 +20371,20 @@ html.overflow-y-hidden {
20337
20371
  border-width: 0 thin 0 0;
20338
20372
  display: inline-flex;
20339
20373
  height: 100%;
20340
- margin-left: -1px;
20341
- max-height: 100%;
20342
- max-width: 0px;
20343
- vertical-align: text-bottom;
20344
- width: 0px;
20345
- }
20346
- .v-divider--inset:not(.v-divider--vertical) {
20347
- max-width: calc(100% - 72px);
20348
- margin-inline-start: 72px;
20349
- }
20350
- .v-divider--inset.v-divider--vertical {
20351
- margin-bottom: 8px;
20352
- margin-top: 8px;
20353
- max-height: calc(100% - 16px);
20354
- }.v-expansion-panel {
20355
- background-color: rgb(var(--v-theme-surface));
20356
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20357
- }
20358
- .v-expansion-panel:not(:first-child)::after {
20359
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20360
- }
20361
- .v-expansion-panel--disabled .v-expansion-panel-title {
20362
- color: rgba(var(--v-theme-on-surface), 0.26);
20363
- }
20364
- .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
20365
- opacity: 0.4615384615;
20366
- }
20367
-
20368
- .v-expansion-panels {
20369
- display: flex;
20370
- flex-wrap: wrap;
20371
- justify-content: center;
20372
- list-style-type: none;
20373
- padding: 0;
20374
- width: 100%;
20375
- position: relative;
20376
- z-index: 1;
20377
- }
20378
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20379
- border-bottom-left-radius: 0 !important;
20380
- border-bottom-right-radius: 0 !important;
20381
- }
20382
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
20383
- border-top-left-radius: 0 !important;
20384
- border-top-right-radius: 0 !important;
20385
- }
20386
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20387
- border-bottom-left-radius: 0 !important;
20388
- border-bottom-right-radius: 0 !important;
20389
- }
20390
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :last-child:not(:first-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
20391
- border-top-left-radius: 0 !important;
20392
- border-top-right-radius: 0 !important;
20393
- }
20394
- .v-expansion-panels--variant-accordion > :first-child:not(:last-child) {
20395
- border-bottom-left-radius: 0 !important;
20396
- border-bottom-right-radius: 0 !important;
20397
- }
20398
- .v-expansion-panels--variant-accordion > :last-child:not(:first-child) {
20399
- border-top-left-radius: 0 !important;
20400
- border-top-right-radius: 0 !important;
20401
- }
20402
- .v-expansion-panels--variant-accordion > :last-child:not(:first-child) .v-expansion-panel-title--active {
20403
- border-bottom-left-radius: initial;
20404
- border-bottom-right-radius: initial;
20405
- }
20406
- .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
20407
- border-radius: 0 !important;
20408
- }
20409
- .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
20410
- transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
20411
- }
20412
-
20413
- .v-expansion-panel {
20414
- flex: 1 0 100%;
20415
- max-width: 100%;
20416
- position: relative;
20417
- transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
20418
- transition-property: margin-top, border-radius, border, max-width;
20419
- border-radius: 4px;
20420
- }
20421
- .v-expansion-panel:not(:first-child)::after {
20422
- border-top-style: solid;
20423
- border-top-width: thin;
20424
- content: "";
20425
- left: 0;
20426
- position: absolute;
20427
- right: 0;
20428
- top: 0;
20429
- transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
20430
- }
20431
- .v-expansion-panel--disabled .v-expansion-panel-title {
20432
- pointer-events: none;
20433
- }
20434
- .v-expansion-panel--active:not(:first-child),
20435
- .v-expansion-panel--active + .v-expansion-panel {
20436
- margin-top: 16px;
20437
- }
20438
- .v-expansion-panel--active:not(:first-child)::after,
20439
- .v-expansion-panel--active + .v-expansion-panel::after {
20440
- opacity: 0;
20441
- }
20442
- .v-expansion-panel--active > .v-expansion-panel-title {
20443
- border-bottom-left-radius: 0;
20444
- border-bottom-right-radius: 0;
20445
- }
20446
- .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
20447
- min-height: 64px;
20448
- }
20449
-
20450
- .v-expansion-panel__shadow {
20451
- position: absolute;
20452
- top: 0;
20453
- left: 0;
20454
- width: 100%;
20455
- height: 100%;
20456
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20457
- border-radius: inherit;
20458
- z-index: -1;
20459
- }
20460
-
20461
- .v-expansion-panel-title {
20462
- align-items: center;
20463
- text-align: start;
20464
- border-radius: inherit;
20465
- display: flex;
20466
- font-size: 0.9375rem;
20467
- line-height: 1;
20468
- min-height: 48px;
20469
- outline: none;
20470
- padding: 16px 24px;
20471
- position: relative;
20472
- transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
20473
- width: 100%;
20474
- justify-content: space-between;
20475
- }
20476
- .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
20477
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
20478
- }
20479
- .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
20480
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20481
- }
20482
- @supports not selector(:focus-visible) {
20483
- .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
20484
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20485
- }
20486
- }
20487
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active .v-expansion-panel-title__overlay {
20488
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
20489
- }
20490
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:hover .v-expansion-panel-title__overlay {
20491
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20492
- }
20493
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus-visible .v-expansion-panel-title__overlay {
20494
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20495
- }
20496
- @supports not selector(:focus-visible) {
20497
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus .v-expansion-panel-title__overlay {
20498
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20499
- }
20500
- }
20501
-
20502
- .v-expansion-panel-title__overlay {
20503
- position: absolute;
20504
- top: 0;
20505
- left: 0;
20506
- width: 100%;
20507
- height: 100%;
20508
- background-color: currentColor;
20509
- border-radius: inherit;
20510
- opacity: 0;
20511
- }
20512
-
20513
- .v-expansion-panel-title__icon {
20514
- display: inline-flex;
20515
- margin-bottom: -4px;
20516
- margin-top: -4px;
20517
- -webkit-user-select: none;
20518
- user-select: none;
20519
- margin-inline-start: auto;
20520
- }
20521
-
20522
- .v-expansion-panel-text {
20523
- display: flex;
20524
- }
20525
- .v-expansion-panel-text__wrapper {
20526
- padding: 8px 24px 16px;
20527
- flex: 1 1 auto;
20528
- max-width: 100%;
20529
- }
20530
-
20531
- .v-expansion-panels--variant-accordion > .v-expansion-panel {
20532
- margin-top: 0;
20533
- }
20534
- .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
20535
- opacity: 1;
20536
- }
20537
-
20538
- .v-expansion-panels--variant-popout > .v-expansion-panel {
20539
- max-width: calc(100% - 32px);
20540
- }
20541
- .v-expansion-panels--variant-popout > .v-expansion-panel--active {
20542
- max-width: calc(100% + 16px);
20543
- }
20544
-
20545
- .v-expansion-panels--variant-inset > .v-expansion-panel {
20546
- max-width: 100%;
20547
- }
20548
- .v-expansion-panels--variant-inset > .v-expansion-panel--active {
20549
- max-width: calc(100% - 32px);
20550
- }
20551
-
20552
- .v-expansion-panels--flat > .v-expansion-panel::after {
20553
- border-top: none;
20554
- }
20555
- .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
20556
- display: none;
20374
+ margin-left: -1px;
20375
+ max-height: 100%;
20376
+ max-width: 0px;
20377
+ vertical-align: text-bottom;
20378
+ width: 0px;
20557
20379
  }
20558
-
20559
- .v-expansion-panels--tile {
20560
- border-radius: 0;
20380
+ .v-divider--inset:not(.v-divider--vertical) {
20381
+ max-width: calc(100% - 72px);
20382
+ margin-inline-start: 72px;
20561
20383
  }
20562
- .v-expansion-panels--tile > .v-expansion-panel {
20563
- border-radius: 0;
20384
+ .v-divider--inset.v-divider--vertical {
20385
+ margin-bottom: 8px;
20386
+ margin-top: 8px;
20387
+ max-height: calc(100% - 16px);
20564
20388
  }/* region INPUT */
20565
20389
  .v-field {
20566
20390
  display: grid;
@@ -21030,127 +20854,317 @@ textarea.v-field__input::placeholder {
21030
20854
  border-inline-end-width: 0;
21031
20855
  border-inline-start-width: var(--v-field-border-width);
21032
20856
  }
21033
-
21034
- /* endregion */
21035
- /* region LOADER */
21036
- .v-field__loader {
21037
- top: calc(100% - 2px);
21038
- left: 0;
21039
- position: absolute;
21040
- right: 0;
21041
- width: 100%;
21042
- border-top-left-radius: 0;
21043
- border-top-right-radius: 0;
21044
- border-bottom-left-radius: inherit;
21045
- border-bottom-right-radius: inherit;
21046
- overflow: hidden;
20857
+
20858
+ /* endregion */
20859
+ /* region LOADER */
20860
+ .v-field__loader {
20861
+ top: calc(100% - 2px);
20862
+ left: 0;
20863
+ position: absolute;
20864
+ right: 0;
20865
+ width: 100%;
20866
+ border-top-left-radius: 0;
20867
+ border-top-right-radius: 0;
20868
+ border-bottom-left-radius: inherit;
20869
+ border-bottom-right-radius: inherit;
20870
+ overflow: hidden;
20871
+ }
20872
+ .v-field--variant-outlined .v-field__loader {
20873
+ top: calc(100% - 3px);
20874
+ width: calc(100% - 1px * 2);
20875
+ left: 1px;
20876
+ }
20877
+
20878
+ /* endregion */
20879
+ /* region OVERLAY */
20880
+ .v-field__overlay {
20881
+ border-radius: inherit;
20882
+ pointer-events: none;
20883
+ position: absolute;
20884
+ top: 0;
20885
+ left: 0;
20886
+ width: 100%;
20887
+ height: 100%;
20888
+ }
20889
+
20890
+ .v-field--variant-filled .v-field__overlay {
20891
+ background-color: currentColor;
20892
+ opacity: 0.04;
20893
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
20894
+ }
20895
+ .v-field--variant-filled.v-field--has-background .v-field__overlay {
20896
+ opacity: 0;
20897
+ }
20898
+ @media (hover: hover) {
20899
+ .v-field--variant-filled:hover .v-field__overlay {
20900
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20901
+ }
20902
+ }
20903
+ .v-field--variant-filled.v-field--focused .v-field__overlay {
20904
+ opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20905
+ }
20906
+
20907
+ .v-field--variant-solo-filled .v-field__overlay {
20908
+ background-color: currentColor;
20909
+ opacity: 0.04;
20910
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
20911
+ }
20912
+ @media (hover: hover) {
20913
+ .v-field--variant-solo-filled:hover .v-field__overlay {
20914
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20915
+ }
20916
+ }
20917
+ .v-field--variant-solo-filled.v-field--focused .v-field__overlay {
20918
+ opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20919
+ }
20920
+
20921
+ .v-field--variant-solo-inverted .v-field__overlay {
20922
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
20923
+ }
20924
+ .v-field--variant-solo-inverted.v-field--has-background .v-field__overlay {
20925
+ opacity: 0;
20926
+ }
20927
+ @media (hover: hover) {
20928
+ .v-field--variant-solo-inverted:hover .v-field__overlay {
20929
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20930
+ }
20931
+ }
20932
+ .v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
20933
+ background-color: rgb(var(--v-theme-surface-variant));
20934
+ opacity: 1;
20935
+ }
20936
+
20937
+ /* endregion */
20938
+ /* region MODIFIERS */
20939
+ .v-field--reverse .v-field__field,
20940
+ .v-field--reverse .v-field__input,
20941
+ .v-field--reverse .v-field__outline {
20942
+ flex-direction: row-reverse;
20943
+ }
20944
+ .v-field--reverse .v-field__input, .v-field--reverse input {
20945
+ text-align: end;
20946
+ }
20947
+
20948
+ .v-input--disabled .v-field--variant-filled .v-field__outline::before,
20949
+ .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
20950
+ 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;
20951
+ }
20952
+
20953
+ .v-field--loading .v-field__outline::after,
20954
+ .v-field--loading .v-field__outline::before {
20955
+ opacity: 0;
20956
+ }
20957
+
20958
+ /* endregion */.v-expansion-panel {
20959
+ background-color: rgb(var(--v-theme-surface));
20960
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20961
+ }
20962
+ .v-expansion-panel:not(:first-child)::after {
20963
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20964
+ }
20965
+ .v-expansion-panel--disabled .v-expansion-panel-title {
20966
+ color: rgba(var(--v-theme-on-surface), 0.26);
20967
+ }
20968
+ .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
20969
+ opacity: 0.4615384615;
20970
+ }
20971
+
20972
+ .v-expansion-panels {
20973
+ display: flex;
20974
+ flex-wrap: wrap;
20975
+ justify-content: center;
20976
+ list-style-type: none;
20977
+ padding: 0;
20978
+ width: 100%;
20979
+ position: relative;
20980
+ z-index: 1;
20981
+ }
20982
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20983
+ border-bottom-left-radius: 0 !important;
20984
+ border-bottom-right-radius: 0 !important;
20985
+ }
20986
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
20987
+ border-top-left-radius: 0 !important;
20988
+ border-top-right-radius: 0 !important;
20989
+ }
20990
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20991
+ border-bottom-left-radius: 0 !important;
20992
+ border-bottom-right-radius: 0 !important;
20993
+ }
20994
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :last-child:not(:first-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
20995
+ border-top-left-radius: 0 !important;
20996
+ border-top-right-radius: 0 !important;
20997
+ }
20998
+ .v-expansion-panels--variant-accordion > :first-child:not(:last-child) {
20999
+ border-bottom-left-radius: 0 !important;
21000
+ border-bottom-right-radius: 0 !important;
21001
+ }
21002
+ .v-expansion-panels--variant-accordion > :last-child:not(:first-child) {
21003
+ border-top-left-radius: 0 !important;
21004
+ border-top-right-radius: 0 !important;
21005
+ }
21006
+ .v-expansion-panels--variant-accordion > :last-child:not(:first-child) .v-expansion-panel-title--active {
21007
+ border-bottom-left-radius: initial;
21008
+ border-bottom-right-radius: initial;
21009
+ }
21010
+ .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
21011
+ border-radius: 0 !important;
21012
+ }
21013
+ .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
21014
+ transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
21015
+ }
21016
+
21017
+ .v-expansion-panel {
21018
+ flex: 1 0 100%;
21019
+ max-width: 100%;
21020
+ position: relative;
21021
+ transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
21022
+ transition-property: margin-top, border-radius, border, max-width;
21023
+ border-radius: 4px;
21024
+ }
21025
+ .v-expansion-panel:not(:first-child)::after {
21026
+ border-top-style: solid;
21027
+ border-top-width: thin;
21028
+ content: "";
21029
+ left: 0;
21030
+ position: absolute;
21031
+ right: 0;
21032
+ top: 0;
21033
+ transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
21034
+ }
21035
+ .v-expansion-panel--disabled .v-expansion-panel-title {
21036
+ pointer-events: none;
21037
+ }
21038
+ .v-expansion-panel--active:not(:first-child),
21039
+ .v-expansion-panel--active + .v-expansion-panel {
21040
+ margin-top: 16px;
21041
+ }
21042
+ .v-expansion-panel--active:not(:first-child)::after,
21043
+ .v-expansion-panel--active + .v-expansion-panel::after {
21044
+ opacity: 0;
21045
+ }
21046
+ .v-expansion-panel--active > .v-expansion-panel-title {
21047
+ border-bottom-left-radius: 0;
21048
+ border-bottom-right-radius: 0;
21049
+ }
21050
+ .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
21051
+ min-height: 64px;
21052
+ }
21053
+
21054
+ .v-expansion-panel__shadow {
21055
+ position: absolute;
21056
+ top: 0;
21057
+ left: 0;
21058
+ width: 100%;
21059
+ height: 100%;
21060
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21061
+ border-radius: inherit;
21062
+ z-index: -1;
21063
+ }
21064
+
21065
+ .v-expansion-panel-title {
21066
+ align-items: center;
21067
+ text-align: start;
21068
+ border-radius: inherit;
21069
+ display: flex;
21070
+ font-size: 0.9375rem;
21071
+ line-height: 1;
21072
+ min-height: 48px;
21073
+ outline: none;
21074
+ padding: 16px 24px;
21075
+ position: relative;
21076
+ transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
21077
+ width: 100%;
21078
+ justify-content: space-between;
21079
+ }
21080
+ .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
21081
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
21082
+ }
21083
+ .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
21084
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21085
+ }
21086
+ @supports not selector(:focus-visible) {
21087
+ .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
21088
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21089
+ }
21090
+ }
21091
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active .v-expansion-panel-title__overlay {
21092
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
21093
+ }
21094
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:hover .v-expansion-panel-title__overlay {
21095
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21096
+ }
21097
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus-visible .v-expansion-panel-title__overlay {
21098
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21047
21099
  }
21048
- .v-field--variant-outlined .v-field__loader {
21049
- top: calc(100% - 3px);
21050
- width: calc(100% - 1px * 2);
21051
- left: 1px;
21100
+ @supports not selector(:focus-visible) {
21101
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus .v-expansion-panel-title__overlay {
21102
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21103
+ }
21052
21104
  }
21053
21105
 
21054
- /* endregion */
21055
- /* region OVERLAY */
21056
- .v-field__overlay {
21057
- border-radius: inherit;
21058
- pointer-events: none;
21106
+ .v-expansion-panel-title__overlay {
21059
21107
  position: absolute;
21060
21108
  top: 0;
21061
21109
  left: 0;
21062
21110
  width: 100%;
21063
21111
  height: 100%;
21064
- }
21065
-
21066
- .v-field--variant-filled .v-field__overlay {
21067
21112
  background-color: currentColor;
21068
- opacity: 0.04;
21069
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21070
- }
21071
- .v-field--variant-filled.v-field--has-background .v-field__overlay {
21113
+ border-radius: inherit;
21072
21114
  opacity: 0;
21073
21115
  }
21074
- @media (hover: hover) {
21075
- .v-field--variant-filled:hover .v-field__overlay {
21076
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21077
- }
21078
- }
21079
- .v-field--variant-filled.v-field--focused .v-field__overlay {
21080
- opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21081
- }
21082
21116
 
21083
- .v-field--variant-solo-filled .v-field__overlay {
21084
- background-color: currentColor;
21085
- opacity: 0.04;
21086
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21087
- }
21088
- @media (hover: hover) {
21089
- .v-field--variant-solo-filled:hover .v-field__overlay {
21090
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21091
- }
21092
- }
21093
- .v-field--variant-solo-filled.v-field--focused .v-field__overlay {
21094
- opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21117
+ .v-expansion-panel-title__icon {
21118
+ display: inline-flex;
21119
+ margin-bottom: -4px;
21120
+ margin-top: -4px;
21121
+ -webkit-user-select: none;
21122
+ user-select: none;
21123
+ margin-inline-start: auto;
21095
21124
  }
21096
21125
 
21097
- .v-field--variant-solo-inverted .v-field__overlay {
21098
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21126
+ .v-expansion-panel-text {
21127
+ display: flex;
21099
21128
  }
21100
- .v-field--variant-solo-inverted.v-field--has-background .v-field__overlay {
21101
- opacity: 0;
21129
+ .v-expansion-panel-text__wrapper {
21130
+ padding: 8px 24px 16px;
21131
+ flex: 1 1 auto;
21132
+ max-width: 100%;
21102
21133
  }
21103
- @media (hover: hover) {
21104
- .v-field--variant-solo-inverted:hover .v-field__overlay {
21105
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21106
- }
21134
+
21135
+ .v-expansion-panels--variant-accordion > .v-expansion-panel {
21136
+ margin-top: 0;
21107
21137
  }
21108
- .v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
21109
- background-color: rgb(var(--v-theme-surface-variant));
21138
+ .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
21110
21139
  opacity: 1;
21111
21140
  }
21112
21141
 
21113
- /* endregion */
21114
- /* region MODIFIERS */
21115
- .v-field--reverse .v-field__field,
21116
- .v-field--reverse .v-field__input,
21117
- .v-field--reverse .v-field__outline {
21118
- flex-direction: row-reverse;
21142
+ .v-expansion-panels--variant-popout > .v-expansion-panel {
21143
+ max-width: calc(100% - 32px);
21119
21144
  }
21120
- .v-field--reverse .v-field__input, .v-field--reverse input {
21121
- text-align: end;
21145
+ .v-expansion-panels--variant-popout > .v-expansion-panel--active {
21146
+ max-width: calc(100% + 16px);
21122
21147
  }
21123
21148
 
21124
- .v-input--disabled .v-field--variant-filled .v-field__outline::before,
21125
- .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
21126
- 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;
21149
+ .v-expansion-panels--variant-inset > .v-expansion-panel {
21150
+ max-width: 100%;
21127
21151
  }
21128
-
21129
- .v-field--loading .v-field__outline::after,
21130
- .v-field--loading .v-field__outline::before {
21131
- opacity: 0;
21152
+ .v-expansion-panels--variant-inset > .v-expansion-panel--active {
21153
+ max-width: calc(100% - 32px);
21132
21154
  }
21133
21155
 
21134
- /* endregion */.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21135
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21136
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21137
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21138
- top: 0px;
21156
+ .v-expansion-panels--flat > .v-expansion-panel::after {
21157
+ border-top: none;
21139
21158
  }
21140
- .v-file-input input[type=file] {
21141
- height: 100%;
21142
- left: 0;
21143
- opacity: 0;
21144
- position: absolute;
21145
- top: 0;
21146
- width: 100%;
21147
- z-index: 1;
21159
+ .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
21160
+ display: none;
21148
21161
  }
21149
- .v-file-input .v-input__details {
21150
- padding-inline: 16px;
21162
+
21163
+ .v-expansion-panels--tile {
21164
+ border-radius: 0;
21151
21165
  }
21152
- .v-input--plain-underlined.v-file-input .v-input__details {
21153
- padding-inline: 0;
21166
+ .v-expansion-panels--tile > .v-expansion-panel {
21167
+ border-radius: 0;
21154
21168
  }.v-footer {
21155
21169
  align-items: center;
21156
21170
  display: flex;
@@ -21179,6 +21193,26 @@ textarea.v-field__input::placeholder {
21179
21193
  }
21180
21194
  .v-footer--rounded {
21181
21195
  border-radius: 4px;
21196
+ }.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21197
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21198
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21199
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21200
+ top: 0px;
21201
+ }
21202
+ .v-file-input input[type=file] {
21203
+ height: 100%;
21204
+ left: 0;
21205
+ opacity: 0;
21206
+ position: absolute;
21207
+ top: 0;
21208
+ width: 100%;
21209
+ z-index: 1;
21210
+ }
21211
+ .v-file-input .v-input__details {
21212
+ padding-inline: 16px;
21213
+ }
21214
+ .v-input--plain-underlined.v-file-input .v-input__details {
21215
+ padding-inline: 0;
21182
21216
  }.v-icon {
21183
21217
  --v-icon-size-multiplier: 1;
21184
21218
  align-items: center;
@@ -21425,51 +21459,154 @@ textarea.v-field__input::placeholder {
21425
21459
  .v-input--plain-underlined .v-input__append {
21426
21460
  align-items: flex-start;
21427
21461
  }
21428
- .v-input--density-default.v-input--plain-underlined .v-input__prepend, .v-input--density-default.v-input--plain-underlined .v-input__append {
21429
- padding-top: calc(var(--v-input-padding-top) + 4px);
21462
+ .v-input--density-default.v-input--plain-underlined .v-input__prepend, .v-input--density-default.v-input--plain-underlined .v-input__append {
21463
+ padding-top: calc(var(--v-input-padding-top) + 4px);
21464
+ }
21465
+
21466
+ .v-input--density-comfortable.v-input--plain-underlined .v-input__prepend, .v-input--density-comfortable.v-input--plain-underlined .v-input__append {
21467
+ padding-top: calc(var(--v-input-padding-top) + 2px);
21468
+ }
21469
+
21470
+ .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
21471
+ padding-top: calc(var(--v-input-padding-top) + 0px);
21472
+ }.v-item-group {
21473
+ flex: 0 1 auto;
21474
+ max-width: 100%;
21475
+ position: relative;
21476
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21477
+ }.v-label {
21478
+ align-items: center;
21479
+ color: inherit;
21480
+ display: inline-flex;
21481
+ font-size: 1rem;
21482
+ letter-spacing: 0.009375em;
21483
+ min-width: 0;
21484
+ opacity: var(--v-medium-emphasis-opacity);
21485
+ overflow: hidden;
21486
+ text-overflow: ellipsis;
21487
+ white-space: nowrap;
21488
+ }
21489
+
21490
+ .v-label--clickable {
21491
+ cursor: pointer;
21492
+ }.v-layout-item {
21493
+ position: absolute;
21494
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21495
+ }
21496
+
21497
+ .v-layout-item--absolute {
21498
+ position: absolute;
21499
+ }.v-layout {
21500
+ --v-scrollbar-offset: 0px;
21501
+ display: flex;
21502
+ flex: 1 1 auto;
21503
+ }
21504
+ .v-layout--full-height {
21505
+ --v-scrollbar-offset: inherit;
21506
+ height: 100%;
21507
+ }.v-locale-provider {
21508
+ display: contents;
21509
+ }.v-list {
21510
+ overflow: auto;
21511
+ padding: 8px 0;
21512
+ position: relative;
21513
+ outline: none;
21514
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21515
+ border-style: solid;
21516
+ border-width: 0;
21517
+ 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));
21518
+ border-radius: 0;
21519
+ background: rgba(var(--v-theme-surface));
21520
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21521
+ }
21522
+ .v-list--border {
21523
+ border-width: thin;
21524
+ box-shadow: none;
21525
+ }
21526
+ .v-list--disabled {
21527
+ pointer-events: none;
21528
+ -webkit-user-select: none;
21529
+ user-select: none;
21530
+ }
21531
+ .v-list--nav {
21532
+ padding-inline: 8px;
21533
+ }
21534
+ .v-list--rounded {
21535
+ border-radius: 4px;
21536
+ }
21537
+ .v-list--subheader {
21538
+ padding-top: 0;
21539
+ }
21540
+
21541
+ .v-list-img {
21542
+ border-radius: inherit;
21543
+ display: flex;
21544
+ height: 100%;
21545
+ left: 0;
21546
+ overflow: hidden;
21547
+ position: absolute;
21548
+ top: 0;
21549
+ width: 100%;
21550
+ z-index: -1;
21551
+ }
21552
+
21553
+ .v-list-subheader {
21554
+ align-items: center;
21555
+ background: inherit;
21556
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
21557
+ display: flex;
21558
+ font-size: 0.875rem;
21559
+ font-weight: 400;
21560
+ line-height: 1.375rem;
21561
+ padding-inline-end: 16px;
21562
+ min-height: 40px;
21563
+ transition: 0.2s min-height cubic-bezier(0.4, 0, 0.2, 1);
21564
+ }
21565
+ .v-list-subheader__text {
21566
+ overflow: hidden;
21567
+ text-overflow: ellipsis;
21568
+ white-space: nowrap;
21569
+ }
21570
+ .v-list--density-default .v-list-subheader {
21571
+ min-height: 40px;
21572
+ padding-inline-start: calc(16px + var(--indent-padding)) !important;
21430
21573
  }
21431
21574
 
21432
- .v-input--density-comfortable.v-input--plain-underlined .v-input__prepend, .v-input--density-comfortable.v-input--plain-underlined .v-input__append {
21433
- padding-top: calc(var(--v-input-padding-top) + 2px);
21575
+ .v-list--density-comfortable .v-list-subheader {
21576
+ min-height: 36px;
21577
+ padding-inline-start: calc(16px + var(--indent-padding)) !important;
21434
21578
  }
21435
21579
 
21436
- .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
21437
- padding-top: calc(var(--v-input-padding-top) + 0px);
21438
- }.v-item-group {
21439
- flex: 0 1 auto;
21440
- max-width: 100%;
21441
- position: relative;
21442
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21443
- }.v-label {
21444
- align-items: center;
21445
- color: inherit;
21446
- display: inline-flex;
21447
- font-size: 1rem;
21448
- letter-spacing: 0.009375em;
21449
- min-width: 0;
21450
- opacity: var(--v-medium-emphasis-opacity);
21451
- overflow: hidden;
21452
- text-overflow: ellipsis;
21453
- white-space: nowrap;
21580
+ .v-list--density-compact .v-list-subheader {
21581
+ min-height: 32px;
21582
+ padding-inline-start: calc(16px + var(--indent-padding)) !important;
21454
21583
  }
21455
21584
 
21456
- .v-label--clickable {
21457
- cursor: pointer;
21458
- }.v-layout {
21459
- --v-scrollbar-offset: 0px;
21460
- display: flex;
21461
- flex: 1 1 auto;
21585
+ .v-list-subheader--inset {
21586
+ --indent-padding: 56px;
21462
21587
  }
21463
- .v-layout--full-height {
21464
- --v-scrollbar-offset: inherit;
21465
- height: 100%;
21466
- }.v-layout-item {
21467
- position: absolute;
21468
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21588
+ .v-list--nav .v-list-subheader {
21589
+ font-size: 0.75rem;
21590
+ }
21591
+ .v-list-subheader--sticky {
21592
+ background: inherit;
21593
+ left: 0;
21594
+ position: sticky;
21595
+ top: 0;
21596
+ z-index: 1;
21469
21597
  }
21470
21598
 
21471
- .v-layout-item--absolute {
21599
+ .v-list__overlay {
21600
+ background-color: currentColor;
21601
+ border-radius: inherit;
21602
+ bottom: 0;
21603
+ left: 0;
21604
+ opacity: 0;
21605
+ pointer-events: none;
21472
21606
  position: absolute;
21607
+ right: 0;
21608
+ top: 0;
21609
+ transition: opacity 0.2s ease-in-out;
21473
21610
  }.v-list-item {
21474
21611
  align-items: center;
21475
21612
  display: grid;
@@ -21924,109 +22061,6 @@ textarea.v-field__input::placeholder {
21924
22061
  }
21925
22062
  .v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
21926
22063
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
21927
- }.v-list {
21928
- overflow: auto;
21929
- padding: 8px 0;
21930
- position: relative;
21931
- outline: none;
21932
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21933
- border-style: solid;
21934
- border-width: 0;
21935
- 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));
21936
- border-radius: 0;
21937
- background: rgba(var(--v-theme-surface));
21938
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21939
- }
21940
- .v-list--border {
21941
- border-width: thin;
21942
- box-shadow: none;
21943
- }
21944
- .v-list--disabled {
21945
- pointer-events: none;
21946
- -webkit-user-select: none;
21947
- user-select: none;
21948
- }
21949
- .v-list--nav {
21950
- padding-inline: 8px;
21951
- }
21952
- .v-list--rounded {
21953
- border-radius: 4px;
21954
- }
21955
- .v-list--subheader {
21956
- padding-top: 0;
21957
- }
21958
-
21959
- .v-list-img {
21960
- border-radius: inherit;
21961
- display: flex;
21962
- height: 100%;
21963
- left: 0;
21964
- overflow: hidden;
21965
- position: absolute;
21966
- top: 0;
21967
- width: 100%;
21968
- z-index: -1;
21969
- }
21970
-
21971
- .v-list-subheader {
21972
- align-items: center;
21973
- background: inherit;
21974
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
21975
- display: flex;
21976
- font-size: 0.875rem;
21977
- font-weight: 400;
21978
- line-height: 1.375rem;
21979
- padding-inline-end: 16px;
21980
- min-height: 40px;
21981
- transition: 0.2s min-height cubic-bezier(0.4, 0, 0.2, 1);
21982
- }
21983
- .v-list-subheader__text {
21984
- overflow: hidden;
21985
- text-overflow: ellipsis;
21986
- white-space: nowrap;
21987
- }
21988
- .v-list--density-default .v-list-subheader {
21989
- min-height: 40px;
21990
- padding-inline-start: calc(16px + var(--indent-padding)) !important;
21991
- }
21992
-
21993
- .v-list--density-comfortable .v-list-subheader {
21994
- min-height: 36px;
21995
- padding-inline-start: calc(16px + var(--indent-padding)) !important;
21996
- }
21997
-
21998
- .v-list--density-compact .v-list-subheader {
21999
- min-height: 32px;
22000
- padding-inline-start: calc(16px + var(--indent-padding)) !important;
22001
- }
22002
-
22003
- .v-list-subheader--inset {
22004
- --indent-padding: 56px;
22005
- }
22006
- .v-list--nav .v-list-subheader {
22007
- font-size: 0.75rem;
22008
- }
22009
- .v-list-subheader--sticky {
22010
- background: inherit;
22011
- left: 0;
22012
- position: sticky;
22013
- top: 0;
22014
- z-index: 1;
22015
- }
22016
-
22017
- .v-list__overlay {
22018
- background-color: currentColor;
22019
- border-radius: inherit;
22020
- bottom: 0;
22021
- left: 0;
22022
- opacity: 0;
22023
- pointer-events: none;
22024
- position: absolute;
22025
- right: 0;
22026
- top: 0;
22027
- transition: opacity 0.2s ease-in-out;
22028
- }.v-locale-provider {
22029
- display: contents;
22030
22064
  }.v-main {
22031
22065
  flex: 1 0 auto;
22032
22066
  max-width: 100%;
@@ -22068,22 +22102,6 @@ textarea.v-field__input::placeholder {
22068
22102
  overflow: auto;
22069
22103
  height: 100%;
22070
22104
  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));
22071
- }.v-messages {
22072
- flex: 1 1 auto;
22073
- font-size: 12px;
22074
- min-height: 14px;
22075
- min-width: 1px;
22076
- opacity: var(--v-medium-emphasis-opacity);
22077
- position: relative;
22078
- }
22079
- .v-messages__message {
22080
- line-height: 12px;
22081
- word-break: break-word;
22082
- overflow-wrap: break-word;
22083
- word-wrap: break-word;
22084
- -webkit-hyphens: auto;
22085
- hyphens: auto;
22086
- transition-duration: 150ms;
22087
22105
  }.v-navigation-drawer {
22088
22106
  -webkit-overflow-scrolling: touch;
22089
22107
  background: rgb(var(--v-theme-surface));
@@ -22156,88 +22174,48 @@ textarea.v-field__input::placeholder {
22156
22174
  height: 100%;
22157
22175
  left: 0;
22158
22176
  position: absolute;
22159
- top: 0;
22160
- width: 100%;
22161
- z-index: -1;
22162
- }
22163
- .v-navigation-drawer__img img:not(.v-img__img) {
22164
- height: inherit;
22165
- object-fit: cover;
22166
- width: inherit;
22167
- }
22168
-
22169
- .v-navigation-drawer__scrim {
22170
- position: absolute;
22171
- top: 0;
22172
- left: 0;
22173
- width: 100%;
22174
- height: 100%;
22175
- background: black;
22176
- opacity: 0.2;
22177
- transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22178
- z-index: 1;
22179
- }
22180
-
22181
- .v-navigation-drawer__prepend,
22182
- .v-navigation-drawer__append {
22183
- flex: none;
22184
- overflow: hidden;
22185
- }.v-otp-input {
22186
- border-radius: 4px;
22187
- align-items: center;
22188
- display: flex;
22189
- justify-content: center;
22190
- padding: 0.5rem 0;
22191
- position: relative;
22192
- }
22193
- .v-otp-input .v-field {
22194
- height: 100%;
22195
- }
22196
-
22197
- .v-otp-input__divider {
22198
- margin: 0 8px;
22199
- }
22200
-
22201
- .v-otp-input__content {
22202
- align-items: center;
22203
- display: flex;
22204
- gap: 0.5rem;
22205
- height: 64px;
22206
- padding: 0.5rem;
22207
- justify-content: center;
22208
- max-width: 320px;
22209
- position: relative;
22210
- border-radius: inherit;
22211
- }
22212
- .v-otp-input--divided .v-otp-input__content {
22213
- max-width: 360px;
22214
- }
22215
-
22216
- .v-otp-input__field {
22217
- color: inherit;
22218
- font-size: 1.25rem;
22219
- height: 100%;
22220
- outline: none;
22221
- text-align: center;
22222
- width: 100%;
22223
- }
22224
- .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
22225
- -webkit-appearance: none;
22226
- margin: 0;
22177
+ top: 0;
22178
+ width: 100%;
22179
+ z-index: -1;
22227
22180
  }
22228
- .v-otp-input__field[type=number] {
22229
- -moz-appearance: textfield;
22181
+ .v-navigation-drawer__img img:not(.v-img__img) {
22182
+ height: inherit;
22183
+ object-fit: cover;
22184
+ width: inherit;
22230
22185
  }
22231
22186
 
22232
- .v-otp-input__loader {
22233
- align-items: center;
22234
- display: flex;
22235
- height: 100%;
22236
- justify-content: center;
22187
+ .v-navigation-drawer__scrim {
22188
+ position: absolute;
22189
+ top: 0;
22190
+ left: 0;
22237
22191
  width: 100%;
22192
+ height: 100%;
22193
+ background: black;
22194
+ opacity: 0.2;
22195
+ transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22196
+ z-index: 1;
22238
22197
  }
22239
- .v-otp-input__loader .v-progress-linear {
22240
- position: absolute;
22198
+
22199
+ .v-navigation-drawer__prepend,
22200
+ .v-navigation-drawer__append {
22201
+ flex: none;
22202
+ overflow: hidden;
22203
+ }.v-messages {
22204
+ flex: 1 1 auto;
22205
+ font-size: 12px;
22206
+ min-height: 14px;
22207
+ min-width: 1px;
22208
+ opacity: var(--v-medium-emphasis-opacity);
22209
+ position: relative;
22210
+ }
22211
+ .v-messages__message {
22212
+ line-height: 12px;
22213
+ word-break: break-word;
22214
+ overflow-wrap: break-word;
22215
+ word-wrap: break-word;
22216
+ -webkit-hyphens: auto;
22217
+ hyphens: auto;
22218
+ transition-duration: 150ms;
22241
22219
  }.v-overlay-container {
22242
22220
  contain: layout;
22243
22221
  left: 0;
@@ -22301,20 +22279,62 @@ html.v-overlay-scroll-blocked {
22301
22279
 
22302
22280
  .v-overlay--scroll-blocked {
22303
22281
  padding-inline-end: var(--v-scrollbar-offset);
22304
- }.v-pagination__list {
22305
- display: inline-flex;
22306
- list-style-type: none;
22282
+ }.v-otp-input {
22283
+ border-radius: 4px;
22284
+ align-items: center;
22285
+ display: flex;
22307
22286
  justify-content: center;
22308
- width: 100%;
22287
+ padding: 0.5rem 0;
22288
+ position: relative;
22309
22289
  }
22310
- .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
22311
- margin: 0.3rem;
22312
- }.v-parallax {
22290
+ .v-otp-input .v-field {
22291
+ height: 100%;
22292
+ }
22293
+
22294
+ .v-otp-input__divider {
22295
+ margin: 0 8px;
22296
+ }
22297
+
22298
+ .v-otp-input__content {
22299
+ align-items: center;
22300
+ display: flex;
22301
+ gap: 0.5rem;
22302
+ height: 64px;
22303
+ padding: 0.5rem;
22304
+ justify-content: center;
22305
+ max-width: 320px;
22313
22306
  position: relative;
22314
- overflow: hidden;
22307
+ border-radius: inherit;
22315
22308
  }
22316
- .v-parallax--active > .v-img__img {
22317
- will-change: transform;
22309
+ .v-otp-input--divided .v-otp-input__content {
22310
+ max-width: 360px;
22311
+ }
22312
+
22313
+ .v-otp-input__field {
22314
+ color: inherit;
22315
+ font-size: 1.25rem;
22316
+ height: 100%;
22317
+ outline: none;
22318
+ text-align: center;
22319
+ width: 100%;
22320
+ }
22321
+ .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
22322
+ -webkit-appearance: none;
22323
+ margin: 0;
22324
+ }
22325
+ .v-otp-input__field[type=number] {
22326
+ -moz-appearance: textfield;
22327
+ }
22328
+
22329
+ .v-otp-input__loader {
22330
+ align-items: center;
22331
+ display: flex;
22332
+ height: 100%;
22333
+ justify-content: center;
22334
+ width: 100%;
22335
+ }
22336
+ .v-otp-input__loader .v-progress-linear {
22337
+ position: absolute;
22318
22338
  }.v-progress-circular {
22319
22339
  align-items: center;
22320
22340
  display: inline-flex;
@@ -22417,6 +22437,20 @@ html.v-overlay-scroll-blocked {
22417
22437
  100% {
22418
22438
  transform: rotate(270deg);
22419
22439
  }
22440
+ }.v-parallax {
22441
+ position: relative;
22442
+ overflow: hidden;
22443
+ }
22444
+ .v-parallax--active > .v-img__img {
22445
+ will-change: transform;
22446
+ }.v-pagination__list {
22447
+ display: inline-flex;
22448
+ list-style-type: none;
22449
+ justify-content: center;
22450
+ width: 100%;
22451
+ }
22452
+ .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
22453
+ margin: 0.3rem;
22420
22454
  }.v-progress-linear {
22421
22455
  background: transparent;
22422
22456
  overflow: hidden;
@@ -22924,14 +22958,6 @@ html.v-overlay-scroll-blocked {
22924
22958
  }
22925
22959
  .v-selection-control--focus-visible .v-selection-control__input::before {
22926
22960
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
22927
- }.v-selection-control-group {
22928
- grid-area: control;
22929
- display: flex;
22930
- flex-direction: column;
22931
- }
22932
- .v-selection-control-group--inline {
22933
- flex-direction: row;
22934
- flex-wrap: wrap;
22935
22961
  }.v-sheet {
22936
22962
  display: block;
22937
22963
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
@@ -22960,6 +22986,14 @@ html.v-overlay-scroll-blocked {
22960
22986
  }
22961
22987
  .v-sheet--rounded {
22962
22988
  border-radius: 4px;
22989
+ }.v-selection-control-group {
22990
+ grid-area: control;
22991
+ display: flex;
22992
+ flex-direction: column;
22993
+ }
22994
+ .v-selection-control-group--inline {
22995
+ flex-direction: row;
22996
+ flex-wrap: wrap;
22963
22997
  }.v-skeleton-loader {
22964
22998
  align-items: center;
22965
22999
  background: rgb(var(--v-theme-surface));
@@ -23460,6 +23494,43 @@ html.v-overlay-scroll-blocked {
23460
23494
  }
23461
23495
  .v-stepper--mobile .v-stepper-item__subtitle {
23462
23496
  display: none;
23497
+ }.v-system-bar {
23498
+ align-items: center;
23499
+ display: flex;
23500
+ flex: 1 1 auto;
23501
+ height: 24px;
23502
+ justify-content: flex-end;
23503
+ max-width: 100%;
23504
+ padding-inline: 8px;
23505
+ position: relative;
23506
+ text-align: end;
23507
+ width: 100%;
23508
+ 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));
23509
+ background: rgba(var(--v-theme-surface-light));
23510
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
23511
+ font-size: 0.75rem;
23512
+ font-weight: 400;
23513
+ letter-spacing: 0.0333333333em;
23514
+ line-height: 1.25rem;
23515
+ text-transform: none;
23516
+ }
23517
+ .v-system-bar .v-icon {
23518
+ opacity: var(--v-medium-emphasis-opacity);
23519
+ }
23520
+ .v-system-bar--absolute {
23521
+ position: absolute;
23522
+ }
23523
+ .v-system-bar--fixed {
23524
+ position: fixed;
23525
+ }
23526
+ .v-system-bar--rounded {
23527
+ border-radius: 0;
23528
+ }
23529
+ .v-system-bar--window {
23530
+ height: 32px;
23531
+ }
23532
+ .v-system-bar:not(.v-system-bar--absolute) {
23533
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
23463
23534
  }.v-switch .v-label {
23464
23535
  padding-inline-start: 10px;
23465
23536
  }
@@ -23584,43 +23655,6 @@ html.v-overlay-scroll-blocked {
23584
23655
  }
23585
23656
  .v-switch.v-input--vertical .v-selection-control__wrapper {
23586
23657
  transform: rotate(-90deg);
23587
- }.v-system-bar {
23588
- align-items: center;
23589
- display: flex;
23590
- flex: 1 1 auto;
23591
- height: 24px;
23592
- justify-content: flex-end;
23593
- max-width: 100%;
23594
- padding-inline: 8px;
23595
- position: relative;
23596
- text-align: end;
23597
- width: 100%;
23598
- 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));
23599
- background: rgba(var(--v-theme-surface-light));
23600
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
23601
- font-size: 0.75rem;
23602
- font-weight: 400;
23603
- letter-spacing: 0.0333333333em;
23604
- line-height: 1.25rem;
23605
- text-transform: none;
23606
- }
23607
- .v-system-bar .v-icon {
23608
- opacity: var(--v-medium-emphasis-opacity);
23609
- }
23610
- .v-system-bar--absolute {
23611
- position: absolute;
23612
- }
23613
- .v-system-bar--fixed {
23614
- position: fixed;
23615
- }
23616
- .v-system-bar--rounded {
23617
- border-radius: 0;
23618
- }
23619
- .v-system-bar--window {
23620
- height: 32px;
23621
- }
23622
- .v-system-bar:not(.v-system-bar--absolute) {
23623
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
23624
23658
  }.v-tabs {
23625
23659
  display: flex;
23626
23660
  height: var(--v-tabs-height);
@@ -24636,28 +24670,6 @@ html.v-overlay-scroll-blocked {
24636
24670
  }
24637
24671
  .v-color-picker-edit__input span {
24638
24672
  font-size: 0.75rem;
24639
- }.v-color-picker-canvas {
24640
- display: flex;
24641
- position: relative;
24642
- overflow: hidden;
24643
- contain: content;
24644
- touch-action: none;
24645
- }
24646
- .v-color-picker-canvas__dot {
24647
- position: absolute;
24648
- top: 0;
24649
- left: 0;
24650
- width: 15px;
24651
- height: 15px;
24652
- background: transparent;
24653
- border-radius: 50%;
24654
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
24655
- }
24656
- .v-color-picker-canvas__dot--disabled {
24657
- 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);
24658
- }
24659
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
24660
- will-change: transform;
24661
24673
  }.v-color-picker-preview__alpha .v-slider-track__background {
24662
24674
  background-color: transparent !important;
24663
24675
  }
@@ -24728,6 +24740,28 @@ html.v-overlay-scroll-blocked {
24728
24740
  .v-color-picker-preview__eye-dropper {
24729
24741
  position: relative;
24730
24742
  margin-right: 12px;
24743
+ }.v-color-picker-canvas {
24744
+ display: flex;
24745
+ position: relative;
24746
+ overflow: hidden;
24747
+ contain: content;
24748
+ touch-action: none;
24749
+ }
24750
+ .v-color-picker-canvas__dot {
24751
+ position: absolute;
24752
+ top: 0;
24753
+ left: 0;
24754
+ width: 15px;
24755
+ height: 15px;
24756
+ background: transparent;
24757
+ border-radius: 50%;
24758
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
24759
+ }
24760
+ .v-color-picker-canvas__dot--disabled {
24761
+ 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);
24762
+ }
24763
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
24764
+ will-change: transform;
24731
24765
  }.v-color-picker-swatches {
24732
24766
  overflow-y: auto;
24733
24767
  }