@vuetify/nightly 3.6.3-dev.2024-05-06 → 3.6.3-dev.2024-05-29

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 (42) hide show
  1. package/CHANGELOG.md +4 -2
  2. package/dist/json/attributes.json +40 -0
  3. package/dist/json/importMap-labs.json +20 -20
  4. package/dist/json/importMap.json +144 -144
  5. package/dist/json/tags.json +11 -1
  6. package/dist/json/web-types.json +91 -1
  7. package/dist/vuetify-labs.css +1766 -1766
  8. package/dist/vuetify-labs.d.ts +147 -75
  9. package/dist/vuetify-labs.esm.js +11 -5
  10. package/dist/vuetify-labs.esm.js.map +1 -1
  11. package/dist/vuetify-labs.js +11 -5
  12. package/dist/vuetify-labs.min.css +2 -2
  13. package/dist/vuetify.css +1119 -1119
  14. package/dist/vuetify.d.ts +183 -111
  15. package/dist/vuetify.esm.js +11 -5
  16. package/dist/vuetify.esm.js.map +1 -1
  17. package/dist/vuetify.js +11 -5
  18. package/dist/vuetify.js.map +1 -1
  19. package/dist/vuetify.min.css +2 -2
  20. package/dist/vuetify.min.js +10 -10
  21. package/dist/vuetify.min.js.map +1 -1
  22. package/lib/components/VAppBar/index.d.mts +6 -0
  23. package/lib/components/VAutocomplete/index.d.mts +12 -12
  24. package/lib/components/VBreadcrumbs/index.d.mts +8 -8
  25. package/lib/components/VBtn/VBtn.mjs +3 -1
  26. package/lib/components/VBtn/VBtn.mjs.map +1 -1
  27. package/lib/components/VBtn/index.d.mts +6 -0
  28. package/lib/components/VCombobox/index.d.mts +12 -12
  29. package/lib/components/VFab/index.d.mts +6 -0
  30. package/lib/components/VGrid/VContainer.mjs +6 -1
  31. package/lib/components/VGrid/VContainer.mjs.map +1 -1
  32. package/lib/components/VGrid/index.d.mts +36 -0
  33. package/lib/components/VList/index.d.mts +12 -12
  34. package/lib/components/VSelect/index.d.mts +12 -12
  35. package/lib/components/VTabs/index.d.mts +21 -3
  36. package/lib/components/index.d.mts +131 -59
  37. package/lib/entry-bundler.mjs +1 -1
  38. package/lib/framework.mjs +1 -1
  39. package/lib/index.d.mts +52 -52
  40. package/lib/labs/VTreeview/index.d.mts +16 -16
  41. package/lib/labs/components.d.mts +16 -16
  42. package/package.json +1 -1
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.6.3-dev.2024-05-06
2
+ * Vuetify v3.6.3-dev.2024-05-29
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17380,19 +17380,6 @@ html.overflow-y-hidden {
17380
17380
  font-weight: normal;
17381
17381
  padding: 0.2em 0.4rem;
17382
17382
  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));
17383
- }.v-calendar-header {
17384
- align-items: center;
17385
- display: flex;
17386
- min-height: 64px;
17387
- }
17388
-
17389
- .v-calendar-header__today {
17390
- margin-inline-end: 24px;
17391
- }
17392
-
17393
- .v-calendar-header__title {
17394
- font-size: 1.5rem;
17395
- margin-inline-start: 24px;
17396
17383
  }.v-calendar-weekly {
17397
17384
  width: 100%;
17398
17385
  height: 100%;
@@ -17616,38 +17603,6 @@ html.overflow-y-hidden {
17616
17603
  }
17617
17604
  .v-calendar-month__days.days-with-weeknumbers__7 > .v-calendar-month__day:nth-child(8n) {
17618
17605
  border-right: none;
17619
- }.v-calendar-day {
17620
- position: relative;
17621
- display: flex;
17622
- flex-direction: column;
17623
- }
17624
-
17625
- .v-calendar-weekly .v-calendar__container {
17626
- display: grid;
17627
- }
17628
- .v-calendar-weekly .v-calendar__container.days__7 {
17629
- grid-template-columns: repeat(7, 1fr);
17630
- }
17631
- .v-calendar-weekly .v-calendar__container.days__6 {
17632
- grid-template-columns: repeat(6, 1fr);
17633
- }
17634
- .v-calendar-weekly .v-calendar__container.days__5 {
17635
- grid-template-columns: repeat(5, 1fr);
17636
- }
17637
- .v-calendar-weekly .v-calendar__container.days__4 {
17638
- grid-template-columns: repeat(4, 1fr);
17639
- }
17640
- .v-calendar-weekly .v-calendar__container.days__3 {
17641
- grid-template-columns: repeat(3, 1fr);
17642
- }
17643
- .v-calendar-weekly .v-calendar__container.days__2 {
17644
- grid-template-columns: repeat(2, 1fr);
17645
- }
17646
- .v-calendar-weekly .v-calendar__container.days__1 {
17647
- grid-template-columns: repeat(1, 1fr);
17648
- }
17649
- .v-calendar-weekly .v-calendar__container.days__0 {
17650
- grid-template-columns: repeat(1, 1fr);
17651
17606
  }.v-calendar-day__row-with-label {
17652
17607
  display: grid;
17653
17608
  grid-template-columns: 48px 8px 1fr;
@@ -17690,44 +17645,51 @@ html.overflow-y-hidden {
17690
17645
  }
17691
17646
  .v-calendar-day__row-without-label .v-calendar-day__row-content.v-calendar-day__row-content-through {
17692
17647
  border-bottom: none;
17693
- }.v-number-input input[type=number] {
17694
- -moz-appearance: textfield;
17648
+ }.v-calendar-day {
17649
+ position: relative;
17650
+ display: flex;
17651
+ flex-direction: column;
17695
17652
  }
17696
- .v-number-input input[type=number]::-webkit-outer-spin-button, .v-number-input input[type=number]::-webkit-inner-spin-button {
17697
- -webkit-appearance: none;
17653
+
17654
+ .v-calendar-weekly .v-calendar__container {
17655
+ display: grid;
17698
17656
  }
17699
- .v-number-input .v-field {
17700
- padding-inline-end: 0;
17701
- padding-inline-start: 0;
17657
+ .v-calendar-weekly .v-calendar__container.days__7 {
17658
+ grid-template-columns: repeat(7, 1fr);
17702
17659
  }
17703
- .v-number-input--inset .v-divider {
17704
- height: 55%;
17705
- width: 55%;
17706
- align-self: center;
17660
+ .v-calendar-weekly .v-calendar__container.days__6 {
17661
+ grid-template-columns: repeat(6, 1fr);
17707
17662
  }
17708
- .v-number-input--split .v-field__input {
17709
- text-align: center;
17663
+ .v-calendar-weekly .v-calendar__container.days__5 {
17664
+ grid-template-columns: repeat(5, 1fr);
17710
17665
  }
17711
- .v-number-input--stacked .v-number-input__control {
17712
- flex-direction: column-reverse;
17666
+ .v-calendar-weekly .v-calendar__container.days__4 {
17667
+ grid-template-columns: repeat(4, 1fr);
17713
17668
  }
17714
- .v-number-input--stacked .v-number-input__control .v-btn {
17715
- flex: 1;
17669
+ .v-calendar-weekly .v-calendar__container.days__3 {
17670
+ grid-template-columns: repeat(3, 1fr);
17716
17671
  }
17717
- .v-number-input--hide-input .v-field {
17718
- flex: none;
17672
+ .v-calendar-weekly .v-calendar__container.days__2 {
17673
+ grid-template-columns: repeat(2, 1fr);
17719
17674
  }
17720
- .v-number-input--hide-input .v-field__input {
17721
- width: 0;
17722
- padding-inline: 0;
17675
+ .v-calendar-weekly .v-calendar__container.days__1 {
17676
+ grid-template-columns: repeat(1, 1fr);
17723
17677
  }
17724
- .v-number-input__control {
17678
+ .v-calendar-weekly .v-calendar__container.days__0 {
17679
+ grid-template-columns: repeat(1, 1fr);
17680
+ }.v-calendar-header {
17681
+ align-items: center;
17725
17682
  display: flex;
17726
- height: 100%;
17683
+ min-height: 64px;
17727
17684
  }
17728
- .v-number-input__control .v-btn {
17729
- background-color: transparent;
17730
- border-radius: 0;
17685
+
17686
+ .v-calendar-header__today {
17687
+ margin-inline-end: 24px;
17688
+ }
17689
+
17690
+ .v-calendar-header__title {
17691
+ font-size: 1.5rem;
17692
+ margin-inline-start: 24px;
17731
17693
  }.v-calendar-month__day {
17732
17694
  position: relative;
17733
17695
  display: flex;
@@ -17796,6 +17758,44 @@ html.overflow-y-hidden {
17796
17758
  padding: 4px;
17797
17759
  text-overflow: ellipsis;
17798
17760
  white-space: nowrap;
17761
+ }.v-number-input input[type=number] {
17762
+ -moz-appearance: textfield;
17763
+ }
17764
+ .v-number-input input[type=number]::-webkit-outer-spin-button, .v-number-input input[type=number]::-webkit-inner-spin-button {
17765
+ -webkit-appearance: none;
17766
+ }
17767
+ .v-number-input .v-field {
17768
+ padding-inline-end: 0;
17769
+ padding-inline-start: 0;
17770
+ }
17771
+ .v-number-input--inset .v-divider {
17772
+ height: 55%;
17773
+ width: 55%;
17774
+ align-self: center;
17775
+ }
17776
+ .v-number-input--split .v-field__input {
17777
+ text-align: center;
17778
+ }
17779
+ .v-number-input--stacked .v-number-input__control {
17780
+ flex-direction: column-reverse;
17781
+ }
17782
+ .v-number-input--stacked .v-number-input__control .v-btn {
17783
+ flex: 1;
17784
+ }
17785
+ .v-number-input--hide-input .v-field {
17786
+ flex: none;
17787
+ }
17788
+ .v-number-input--hide-input .v-field__input {
17789
+ width: 0;
17790
+ padding-inline: 0;
17791
+ }
17792
+ .v-number-input__control {
17793
+ display: flex;
17794
+ height: 100%;
17795
+ }
17796
+ .v-number-input__control .v-btn {
17797
+ background-color: transparent;
17798
+ border-radius: 0;
17799
17799
  }.v-picker.v-sheet {
17800
17800
  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));
17801
17801
  border-radius: 4px;
@@ -17875,29 +17875,6 @@ html.overflow-y-hidden {
17875
17875
  }
17876
17876
  .v-pull-to-refresh__scroll-container--touching {
17877
17877
  transition: none;
17878
- }.v-time-picker.v-picker {
17879
- padding: 24px;
17880
- width: 328px;
17881
- }
17882
- .v-time-picker.v-picker .v-picker-title {
17883
- padding: 0;
17884
- margin-bottom: 20px;
17885
- }.v-treeview-item--filtered {
17886
- display: none;
17887
- }
17888
-
17889
- .v-treeview {
17890
- --indent-padding: 0px;
17891
- }
17892
-
17893
- .v-treeview-group.v-list-group {
17894
- --list-indent-size: 16px;
17895
- }
17896
- .v-list--slim .v-treeview-group.v-list-group {
17897
- --prepend-width: 16px;
17898
- }
17899
- .v-treeview-group.v-list-group .v-list-group__items .v-list-item {
17900
- padding-inline-start: calc(12px + var(--indent-padding)) !important;
17901
17878
  }.v-time-picker-clock {
17902
17879
  background: rgb(var(--v-theme-background));
17903
17880
  color: rgb(var(--v-theme-on-background));
@@ -18029,6 +18006,29 @@ html.overflow-y-hidden {
18029
18006
 
18030
18007
  .v-picker--landscape .v-time-picker-clock__container {
18031
18008
  flex-direction: row;
18009
+ }.v-treeview-item--filtered {
18010
+ display: none;
18011
+ }
18012
+
18013
+ .v-treeview {
18014
+ --indent-padding: 0px;
18015
+ }
18016
+
18017
+ .v-treeview-group.v-list-group {
18018
+ --list-indent-size: 16px;
18019
+ }
18020
+ .v-list--slim .v-treeview-group.v-list-group {
18021
+ --prepend-width: 16px;
18022
+ }
18023
+ .v-treeview-group.v-list-group .v-list-group__items .v-list-item {
18024
+ padding-inline-start: calc(12px + var(--indent-padding)) !important;
18025
+ }.v-time-picker.v-picker {
18026
+ padding: 24px;
18027
+ width: 328px;
18028
+ }
18029
+ .v-time-picker.v-picker .v-picker-title {
18030
+ padding: 0;
18031
+ margin-bottom: 20px;
18032
18032
  }.v-time-picker-controls {
18033
18033
  display: flex;
18034
18034
  align-items: center;
@@ -18344,6 +18344,18 @@ html.overflow-y-hidden {
18344
18344
  text-transform: none;
18345
18345
  word-break: normal;
18346
18346
  word-wrap: break-word;
18347
+ }.v-app-bar {
18348
+ display: flex;
18349
+ }
18350
+ .v-app-bar.v-toolbar {
18351
+ background: rgb(var(--v-theme-surface));
18352
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18353
+ }
18354
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
18355
+ 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));
18356
+ }
18357
+ .v-app-bar:not(.v-toolbar--absolute) {
18358
+ padding-inline-end: var(--v-scrollbar-offset);
18347
18359
  }.v-application {
18348
18360
  display: flex;
18349
18361
  background: rgb(var(--v-theme-background));
@@ -18360,122 +18372,41 @@ html.overflow-y-hidden {
18360
18372
  min-height: 100vh;
18361
18373
  min-height: 100dvh;
18362
18374
  position: relative;
18363
- }.v-autocomplete .v-field .v-text-field__prefix,
18364
- .v-autocomplete .v-field .v-text-field__suffix,
18365
- .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
18366
- cursor: text;
18367
- }
18368
- .v-autocomplete .v-field .v-field__input > input {
18369
- flex: 1 1;
18375
+ }.v-avatar {
18376
+ flex: none;
18377
+ align-items: center;
18378
+ display: inline-flex;
18379
+ justify-content: center;
18380
+ line-height: normal;
18381
+ overflow: hidden;
18382
+ position: relative;
18383
+ text-align: center;
18384
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18385
+ transition-property: width, height;
18386
+ vertical-align: middle;
18387
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18388
+ border-style: solid;
18389
+ border-width: thin;
18390
+ border-radius: 50%;
18370
18391
  }
18371
- .v-autocomplete .v-field input {
18372
- min-width: 64px;
18392
+ .v-avatar.v-avatar--size-x-small {
18393
+ --v-avatar-height: 24px;
18373
18394
  }
18374
- .v-autocomplete .v-field:not(.v-field--focused) input {
18375
- min-width: 0;
18395
+ .v-avatar.v-avatar--size-small {
18396
+ --v-avatar-height: 32px;
18376
18397
  }
18377
- .v-autocomplete .v-field--dirty .v-autocomplete__selection {
18378
- margin-inline-end: 2px;
18398
+ .v-avatar.v-avatar--size-default {
18399
+ --v-avatar-height: 40px;
18379
18400
  }
18380
- .v-autocomplete .v-autocomplete__selection-text {
18381
- overflow: hidden;
18382
- text-overflow: ellipsis;
18383
- white-space: nowrap;
18401
+ .v-avatar.v-avatar--size-large {
18402
+ --v-avatar-height: 48px;
18384
18403
  }
18385
-
18386
- .v-autocomplete__content {
18387
- overflow: hidden;
18388
- 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));
18389
- border-radius: 4px;
18404
+ .v-avatar.v-avatar--size-x-large {
18405
+ --v-avatar-height: 56px;
18390
18406
  }
18391
- .v-autocomplete__mask {
18392
- background: rgb(var(--v-theme-surface-light));
18393
- }
18394
- .v-autocomplete__selection {
18395
- display: inline-flex;
18396
- align-items: center;
18397
- height: 1.5rem;
18398
- letter-spacing: inherit;
18399
- line-height: inherit;
18400
- max-width: calc(100% - 2px - 2px);
18401
- }
18402
- .v-autocomplete__selection:first-child {
18403
- margin-inline-start: 0;
18404
- }
18405
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
18406
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
18407
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
18408
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
18409
- top: 0px;
18410
- }
18411
- .v-autocomplete--selecting-index .v-autocomplete__selection {
18412
- opacity: var(--v-medium-emphasis-opacity);
18413
- }
18414
- .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
18415
- opacity: 1;
18416
- }
18417
- .v-autocomplete--selecting-index .v-field__input > input {
18418
- caret-color: transparent;
18419
- }
18420
- .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
18421
- flex: 1 1;
18422
- position: absolute;
18423
- left: 0;
18424
- right: 0;
18425
- width: 100%;
18426
- padding-inline: inherit;
18427
- }
18428
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
18429
- transition: none;
18430
- }
18431
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
18432
- opacity: 0;
18433
- }
18434
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
18435
- opacity: 0;
18436
- }
18437
- .v-autocomplete__menu-icon {
18438
- margin-inline-start: 4px;
18439
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18440
- }
18441
- .v-autocomplete--active-menu .v-autocomplete__menu-icon {
18442
- opacity: var(--v-high-emphasis-opacity);
18443
- transform: rotate(180deg);
18444
- }.v-avatar {
18445
- flex: none;
18446
- align-items: center;
18447
- display: inline-flex;
18448
- justify-content: center;
18449
- line-height: normal;
18450
- overflow: hidden;
18451
- position: relative;
18452
- text-align: center;
18453
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18454
- transition-property: width, height;
18455
- vertical-align: middle;
18456
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18457
- border-style: solid;
18458
- border-width: thin;
18459
- border-radius: 50%;
18460
- }
18461
- .v-avatar.v-avatar--size-x-small {
18462
- --v-avatar-height: 24px;
18463
- }
18464
- .v-avatar.v-avatar--size-small {
18465
- --v-avatar-height: 32px;
18466
- }
18467
- .v-avatar.v-avatar--size-default {
18468
- --v-avatar-height: 40px;
18469
- }
18470
- .v-avatar.v-avatar--size-large {
18471
- --v-avatar-height: 48px;
18472
- }
18473
- .v-avatar.v-avatar--size-x-large {
18474
- --v-avatar-height: 56px;
18475
- }
18476
- .v-avatar.v-avatar--density-default {
18477
- height: calc(var(--v-avatar-height) + 0px);
18478
- width: calc(var(--v-avatar-height) + 0px);
18407
+ .v-avatar.v-avatar--density-default {
18408
+ height: calc(var(--v-avatar-height) + 0px);
18409
+ width: calc(var(--v-avatar-height) + 0px);
18479
18410
  }
18480
18411
  .v-avatar.v-avatar--density-comfortable {
18481
18412
  height: calc(var(--v-avatar-height) + -4px);
@@ -18543,132 +18474,87 @@ html.overflow-y-hidden {
18543
18474
  .v-avatar .v-img {
18544
18475
  height: 100%;
18545
18476
  width: 100%;
18546
- }.v-bottom-navigation {
18547
- display: flex;
18548
- max-width: 100%;
18549
- overflow: hidden;
18550
- position: absolute;
18551
- transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
18552
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18553
- border-style: solid;
18554
- border-width: 0;
18555
- border-radius: 0;
18556
- background: rgb(var(--v-theme-surface));
18557
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18477
+ }.v-autocomplete .v-field .v-text-field__prefix,
18478
+ .v-autocomplete .v-field .v-text-field__suffix,
18479
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
18480
+ cursor: text;
18558
18481
  }
18559
- .v-bottom-navigation--border {
18560
- border-width: thin;
18561
- box-shadow: none;
18482
+ .v-autocomplete .v-field .v-field__input > input {
18483
+ flex: 1 1;
18562
18484
  }
18563
- .v-bottom-navigation--active {
18564
- 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));
18485
+ .v-autocomplete .v-field input {
18486
+ min-width: 64px;
18487
+ }
18488
+ .v-autocomplete .v-field:not(.v-field--focused) input {
18489
+ min-width: 0;
18490
+ }
18491
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
18492
+ margin-inline-end: 2px;
18493
+ }
18494
+ .v-autocomplete .v-autocomplete__selection-text {
18495
+ overflow: hidden;
18496
+ text-overflow: ellipsis;
18497
+ white-space: nowrap;
18565
18498
  }
18566
18499
 
18567
- .v-bottom-navigation__content {
18568
- display: flex;
18569
- flex: none;
18570
- font-size: 0.75rem;
18571
- justify-content: center;
18572
- transition: inherit;
18573
- width: 100%;
18500
+ .v-autocomplete__content {
18501
+ overflow: hidden;
18502
+ 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));
18503
+ border-radius: 4px;
18574
18504
  }
18575
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18576
- font-size: inherit;
18577
- height: 100%;
18578
- max-width: 168px;
18579
- min-width: 80px;
18580
- text-transform: none;
18581
- transition: inherit;
18582
- width: auto;
18583
- border-radius: 0;
18505
+ .v-autocomplete__mask {
18506
+ background: rgb(var(--v-theme-surface-light));
18584
18507
  }
18585
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
18586
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18587
- transition: inherit;
18508
+ .v-autocomplete__selection {
18509
+ display: inline-flex;
18510
+ align-items: center;
18511
+ height: 1.5rem;
18512
+ letter-spacing: inherit;
18513
+ line-height: inherit;
18514
+ max-width: calc(100% - 2px - 2px);
18588
18515
  }
18589
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18590
- font-size: 1.5rem;
18516
+ .v-autocomplete__selection:first-child {
18517
+ margin-inline-start: 0;
18591
18518
  }
18592
- .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
18593
- flex-grow: 1;
18519
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
18520
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
18521
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
18522
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
18523
+ top: 0px;
18594
18524
  }
18595
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
18596
- transition: inherit;
18597
- opacity: 0;
18525
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
18526
+ opacity: var(--v-medium-emphasis-opacity);
18598
18527
  }
18599
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18600
- transform: translateY(0.5rem);
18601
- }.v-badge {
18602
- display: inline-block;
18603
- line-height: 1;
18528
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
18529
+ opacity: 1;
18604
18530
  }
18605
-
18606
- .v-badge__badge {
18607
- align-items: center;
18608
- display: inline-flex;
18609
- border-radius: 10px;
18610
- font-size: 0.75rem;
18611
- font-weight: 500;
18612
- height: 1.25rem;
18613
- justify-content: center;
18614
- min-width: 20px;
18615
- padding: 4px 6px;
18616
- pointer-events: auto;
18617
- position: absolute;
18618
- text-align: center;
18619
- text-indent: 0;
18620
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
18621
- white-space: nowrap;
18622
- background: rgb(var(--v-theme-surface-variant));
18623
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
18531
+ .v-autocomplete--selecting-index .v-field__input > input {
18532
+ caret-color: transparent;
18624
18533
  }
18625
- .v-badge--bordered .v-badge__badge::after {
18626
- border-radius: inherit;
18627
- border-style: solid;
18628
- border-width: 2px;
18629
- bottom: 0;
18630
- color: rgb(var(--v-theme-background));
18631
- content: "";
18632
- left: 0;
18534
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
18535
+ flex: 1 1;
18633
18536
  position: absolute;
18537
+ left: 0;
18634
18538
  right: 0;
18635
- top: 0;
18636
- transform: scale(1.05);
18637
- }
18638
- .v-badge--dot .v-badge__badge {
18639
- border-radius: 4.5px;
18640
- height: 9px;
18641
- min-width: 0;
18642
- padding: 0;
18643
- width: 9px;
18644
- }
18645
- .v-badge--dot .v-badge__badge::after {
18646
- border-width: 1.5px;
18539
+ width: 100%;
18540
+ padding-inline: inherit;
18647
18541
  }
18648
- .v-badge--inline .v-badge__badge {
18649
- position: relative;
18650
- vertical-align: middle;
18542
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
18543
+ transition: none;
18651
18544
  }
18652
- .v-badge__badge .v-icon {
18653
- color: inherit;
18654
- font-size: 0.75rem;
18655
- margin: 0 -2px;
18545
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
18546
+ opacity: 0;
18656
18547
  }
18657
- .v-badge__badge img,
18658
- .v-badge__badge .v-img {
18659
- height: 100%;
18660
- width: 100%;
18548
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
18549
+ opacity: 0;
18661
18550
  }
18662
-
18663
- .v-badge__wrapper {
18664
- display: flex;
18665
- position: relative;
18551
+ .v-autocomplete__menu-icon {
18552
+ margin-inline-start: 4px;
18553
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18666
18554
  }
18667
- .v-badge--inline .v-badge__wrapper {
18668
- align-items: center;
18669
- display: inline-flex;
18670
- justify-content: center;
18671
- margin: 0 4px;
18555
+ .v-autocomplete--active-menu .v-autocomplete__menu-icon {
18556
+ opacity: var(--v-high-emphasis-opacity);
18557
+ transform: rotate(180deg);
18672
18558
  }.v-banner {
18673
18559
  display: grid;
18674
18560
  flex: 1 1;
@@ -18826,8 +18712,79 @@ html.overflow-y-hidden {
18826
18712
  }
18827
18713
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
18828
18714
  align-self: flex-start;
18829
- }.v-breadcrumbs {
18830
- display: flex;
18715
+ }.v-badge {
18716
+ display: inline-block;
18717
+ line-height: 1;
18718
+ }
18719
+
18720
+ .v-badge__badge {
18721
+ align-items: center;
18722
+ display: inline-flex;
18723
+ border-radius: 10px;
18724
+ font-size: 0.75rem;
18725
+ font-weight: 500;
18726
+ height: 1.25rem;
18727
+ justify-content: center;
18728
+ min-width: 20px;
18729
+ padding: 4px 6px;
18730
+ pointer-events: auto;
18731
+ position: absolute;
18732
+ text-align: center;
18733
+ text-indent: 0;
18734
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
18735
+ white-space: nowrap;
18736
+ background: rgb(var(--v-theme-surface-variant));
18737
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
18738
+ }
18739
+ .v-badge--bordered .v-badge__badge::after {
18740
+ border-radius: inherit;
18741
+ border-style: solid;
18742
+ border-width: 2px;
18743
+ bottom: 0;
18744
+ color: rgb(var(--v-theme-background));
18745
+ content: "";
18746
+ left: 0;
18747
+ position: absolute;
18748
+ right: 0;
18749
+ top: 0;
18750
+ transform: scale(1.05);
18751
+ }
18752
+ .v-badge--dot .v-badge__badge {
18753
+ border-radius: 4.5px;
18754
+ height: 9px;
18755
+ min-width: 0;
18756
+ padding: 0;
18757
+ width: 9px;
18758
+ }
18759
+ .v-badge--dot .v-badge__badge::after {
18760
+ border-width: 1.5px;
18761
+ }
18762
+ .v-badge--inline .v-badge__badge {
18763
+ position: relative;
18764
+ vertical-align: middle;
18765
+ }
18766
+ .v-badge__badge .v-icon {
18767
+ color: inherit;
18768
+ font-size: 0.75rem;
18769
+ margin: 0 -2px;
18770
+ }
18771
+ .v-badge__badge img,
18772
+ .v-badge__badge .v-img {
18773
+ height: 100%;
18774
+ width: 100%;
18775
+ }
18776
+
18777
+ .v-badge__wrapper {
18778
+ display: flex;
18779
+ position: relative;
18780
+ }
18781
+ .v-badge--inline .v-badge__wrapper {
18782
+ align-items: center;
18783
+ display: inline-flex;
18784
+ justify-content: center;
18785
+ margin: 0 4px;
18786
+ }.v-breadcrumbs {
18787
+ display: flex;
18831
18788
  align-items: center;
18832
18789
  line-height: 1.6;
18833
18790
  padding: 16px 12px;
@@ -18883,6 +18840,61 @@ html.overflow-y-hidden {
18883
18840
  display: inline-block;
18884
18841
  padding: 0 8px;
18885
18842
  vertical-align: middle;
18843
+ }.v-bottom-navigation {
18844
+ display: flex;
18845
+ max-width: 100%;
18846
+ overflow: hidden;
18847
+ position: absolute;
18848
+ transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
18849
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18850
+ border-style: solid;
18851
+ border-width: 0;
18852
+ border-radius: 0;
18853
+ background: rgb(var(--v-theme-surface));
18854
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18855
+ }
18856
+ .v-bottom-navigation--border {
18857
+ border-width: thin;
18858
+ box-shadow: none;
18859
+ }
18860
+ .v-bottom-navigation--active {
18861
+ 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));
18862
+ }
18863
+
18864
+ .v-bottom-navigation__content {
18865
+ display: flex;
18866
+ flex: none;
18867
+ font-size: 0.75rem;
18868
+ justify-content: center;
18869
+ transition: inherit;
18870
+ width: 100%;
18871
+ }
18872
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18873
+ font-size: inherit;
18874
+ height: 100%;
18875
+ max-width: 168px;
18876
+ min-width: 80px;
18877
+ text-transform: none;
18878
+ transition: inherit;
18879
+ width: auto;
18880
+ border-radius: 0;
18881
+ }
18882
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
18883
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18884
+ transition: inherit;
18885
+ }
18886
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18887
+ font-size: 1.5rem;
18888
+ }
18889
+ .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
18890
+ flex-grow: 1;
18891
+ }
18892
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
18893
+ transition: inherit;
18894
+ opacity: 0;
18895
+ }
18896
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18897
+ transform: translateY(0.5rem);
18886
18898
  }.bottom-sheet-transition-enter-from {
18887
18899
  transform: translateY(100%);
18888
18900
  }
@@ -18971,6 +18983,19 @@ html.overflow-y-hidden {
18971
18983
  }
18972
18984
  .v-btn-group--tile {
18973
18985
  border-radius: 0;
18986
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18987
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18988
+ }
18989
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18990
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18991
+ }
18992
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18993
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18994
+ }
18995
+ @supports not selector(:focus-visible) {
18996
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18997
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18998
+ }
18974
18999
  }.v-btn {
18975
19000
  align-items: center;
18976
19001
  border-radius: 4px;
@@ -19383,6 +19408,11 @@ html.overflow-y-hidden {
19383
19408
  }
19384
19409
  .v-pagination__item--is-active .v-btn__overlay {
19385
19410
  opacity: var(--v-border-opacity);
19411
+ }.v-checkbox.v-input {
19412
+ flex: 0 1 auto;
19413
+ }
19414
+ .v-checkbox .v-selection-control {
19415
+ min-height: var(--v-input-control-height);
19386
19416
  }.v-card {
19387
19417
  display: block;
19388
19418
  overflow: hidden;
@@ -19682,19 +19712,24 @@ html.overflow-y-hidden {
19682
19712
  pointer-events: none;
19683
19713
  opacity: 0;
19684
19714
  transition: opacity 0.2s ease-in-out;
19685
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
19686
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19715
+ }.v-chip-group {
19716
+ display: flex;
19717
+ max-width: 100%;
19718
+ min-width: 0;
19719
+ overflow-x: auto;
19720
+ padding: 4px 0;
19687
19721
  }
19688
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
19689
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19722
+ .v-chip-group .v-chip {
19723
+ margin: 4px 8px 4px 0;
19690
19724
  }
19691
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
19692
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19725
+ .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
19726
+ opacity: var(--v-activated-opacity);
19693
19727
  }
19694
- @supports not selector(:focus-visible) {
19695
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
19696
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19697
- }
19728
+
19729
+ .v-chip-group--column .v-slide-group__content {
19730
+ white-space: normal;
19731
+ flex-wrap: wrap;
19732
+ max-width: 100%;
19698
19733
  }.v-carousel {
19699
19734
  overflow: hidden;
19700
19735
  position: relative;
@@ -19758,11 +19793,26 @@ html.overflow-y-hidden {
19758
19793
  flex-direction: column;
19759
19794
  height: 100% !important;
19760
19795
  width: 50px;
19761
- }.v-checkbox.v-input {
19762
- flex: 0 1 auto;
19796
+ }.v-color-picker {
19797
+ align-self: flex-start;
19798
+ contain: content;
19763
19799
  }
19764
- .v-checkbox .v-selection-control {
19765
- min-height: var(--v-input-control-height);
19800
+ .v-color-picker.v-sheet {
19801
+ 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));
19802
+ border-radius: 4px;
19803
+ }
19804
+
19805
+ .v-color-picker__controls {
19806
+ display: flex;
19807
+ flex-direction: column;
19808
+ padding: 16px;
19809
+ }
19810
+
19811
+ .v-color-picker--flat {
19812
+ 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));
19813
+ }
19814
+ .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
19815
+ 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));
19766
19816
  }.v-chip {
19767
19817
  align-items: center;
19768
19818
  display: inline-flex;
@@ -20175,168 +20225,49 @@ html.overflow-y-hidden {
20175
20225
 
20176
20226
  .v-chip--label {
20177
20227
  border-radius: 4px;
20178
- }.v-chip-group {
20179
- display: flex;
20180
- max-width: 100%;
20181
- min-width: 0;
20182
- overflow-x: auto;
20183
- padding: 4px 0;
20228
+ }.v-container {
20229
+ width: 100%;
20230
+ padding: 16px;
20231
+ margin-right: auto;
20232
+ margin-left: auto;
20184
20233
  }
20185
- .v-chip-group .v-chip {
20186
- margin: 4px 8px 4px 0;
20234
+ @media (min-width: 960px) {
20235
+ .v-container {
20236
+ max-width: 900px;
20237
+ }
20187
20238
  }
20188
- .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
20189
- opacity: var(--v-activated-opacity);
20239
+ @media (min-width: 1280px) {
20240
+ .v-container {
20241
+ max-width: 1200px;
20242
+ }
20190
20243
  }
20191
-
20192
- .v-chip-group--column .v-slide-group__content {
20193
- white-space: normal;
20194
- flex-wrap: wrap;
20244
+ @media (min-width: 1920px) {
20245
+ .v-container {
20246
+ max-width: 1800px;
20247
+ }
20248
+ }
20249
+ @media (min-width: 2560px) {
20250
+ .v-container {
20251
+ max-width: 2400px;
20252
+ }
20253
+ }
20254
+ .v-container--fluid {
20195
20255
  max-width: 100%;
20196
- }.v-color-picker {
20197
- align-self: flex-start;
20198
- contain: content;
20199
20256
  }
20200
- .v-color-picker.v-sheet {
20201
- 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));
20202
- border-radius: 4px;
20257
+ .v-container.fill-height {
20258
+ align-items: center;
20259
+ display: flex;
20260
+ flex-wrap: wrap;
20203
20261
  }
20204
20262
 
20205
- .v-color-picker__controls {
20263
+ .v-row {
20206
20264
  display: flex;
20207
- flex-direction: column;
20208
- padding: 16px;
20265
+ flex-wrap: wrap;
20266
+ flex: 1 1 auto;
20267
+ margin: -12px;
20209
20268
  }
20210
-
20211
- .v-color-picker--flat {
20212
- 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));
20213
- }
20214
- .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20215
- 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));
20216
- }.v-combobox .v-field .v-text-field__prefix,
20217
- .v-combobox .v-field .v-text-field__suffix,
20218
- .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
20219
- cursor: text;
20220
- }
20221
- .v-combobox .v-field .v-field__input > input {
20222
- flex: 1 1;
20223
- }
20224
- .v-combobox .v-field input {
20225
- min-width: 64px;
20226
- }
20227
- .v-combobox .v-field:not(.v-field--focused) input {
20228
- min-width: 0;
20229
- }
20230
- .v-combobox .v-field--dirty .v-combobox__selection {
20231
- margin-inline-end: 2px;
20232
- }
20233
- .v-combobox .v-combobox__selection-text {
20234
- overflow: hidden;
20235
- text-overflow: ellipsis;
20236
- white-space: nowrap;
20237
- }
20238
-
20239
- .v-combobox__content {
20240
- overflow: hidden;
20241
- 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));
20242
- border-radius: 4px;
20243
- }
20244
- .v-combobox__mask {
20245
- background: rgb(var(--v-theme-surface-light));
20246
- }
20247
- .v-combobox__selection {
20248
- display: inline-flex;
20249
- align-items: center;
20250
- height: 1.5rem;
20251
- letter-spacing: inherit;
20252
- line-height: inherit;
20253
- max-width: calc(100% - 2px - 2px);
20254
- }
20255
- .v-combobox__selection:first-child {
20256
- margin-inline-start: 0;
20257
- }
20258
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
20259
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
20260
- .v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
20261
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20262
- top: 0px;
20263
- }
20264
- .v-combobox--selecting-index .v-combobox__selection {
20265
- opacity: var(--v-medium-emphasis-opacity);
20266
- }
20267
- .v-combobox--selecting-index .v-combobox__selection--selected {
20268
- opacity: 1;
20269
- }
20270
- .v-combobox--selecting-index .v-field__input > input {
20271
- caret-color: transparent;
20272
- }
20273
- .v-combobox--single:not(.v-combobox--selection-slot).v-text-field input {
20274
- flex: 1 1;
20275
- position: absolute;
20276
- left: 0;
20277
- right: 0;
20278
- width: 100%;
20279
- padding-inline: inherit;
20280
- }
20281
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--active input {
20282
- transition: none;
20283
- }
20284
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--dirty:not(.v-field--focused) input {
20285
- opacity: 0;
20286
- }
20287
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--focused .v-combobox__selection {
20288
- opacity: 0;
20289
- }
20290
- .v-combobox__menu-icon {
20291
- margin-inline-start: 4px;
20292
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
20293
- }
20294
- .v-combobox--active-menu .v-combobox__menu-icon {
20295
- opacity: var(--v-high-emphasis-opacity);
20296
- transform: rotate(180deg);
20297
- }.v-container {
20298
- width: 100%;
20299
- padding: 16px;
20300
- margin-right: auto;
20301
- margin-left: auto;
20302
- }
20303
- @media (min-width: 960px) {
20304
- .v-container {
20305
- max-width: 900px;
20306
- }
20307
- }
20308
- @media (min-width: 1280px) {
20309
- .v-container {
20310
- max-width: 1200px;
20311
- }
20312
- }
20313
- @media (min-width: 1920px) {
20314
- .v-container {
20315
- max-width: 1800px;
20316
- }
20317
- }
20318
- @media (min-width: 2560px) {
20319
- .v-container {
20320
- max-width: 2400px;
20321
- }
20322
- }
20323
- .v-container--fluid {
20324
- max-width: 100%;
20325
- }
20326
- .v-container.fill-height {
20327
- align-items: center;
20328
- display: flex;
20329
- flex-wrap: wrap;
20330
- }
20331
-
20332
- .v-row {
20333
- display: flex;
20334
- flex-wrap: wrap;
20335
- flex: 1 1 auto;
20336
- margin: -12px;
20337
- }
20338
- .v-row + .v-row {
20339
- margin-top: 12px;
20269
+ .v-row + .v-row {
20270
+ margin-top: 12px;
20340
20271
  }
20341
20272
  .v-row + .v-row--dense {
20342
20273
  margin-top: 4px;
@@ -20966,230 +20897,123 @@ html.overflow-y-hidden {
20966
20897
  .offset-xxl-11 {
20967
20898
  margin-inline-start: 91.6666666667%;
20968
20899
  }
20969
- }.v-counter {
20970
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20971
- flex: 0 1 auto;
20972
- font-size: 12px;
20973
- transition-duration: 150ms;
20974
- }.v-data-table {
20975
- width: 100%;
20976
- }
20977
-
20978
- .v-data-table__table {
20979
- width: 100%;
20980
- border-collapse: separate;
20981
- border-spacing: 0;
20982
- }
20983
-
20984
- .v-data-table__tr--focus {
20985
- border: 1px dotted black;
20986
- }
20987
- .v-data-table__tr--clickable {
20988
- cursor: pointer;
20989
- }
20990
-
20991
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
20992
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
20993
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
20994
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
20995
- text-align: end;
20996
- }
20997
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20998
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
20999
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
21000
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
21001
- flex-direction: row-reverse;
20900
+ }.v-date-picker {
20901
+ overflow: hidden;
20902
+ width: 328px;
21002
20903
  }
21003
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
21004
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
21005
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
21006
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
21007
- text-align: center;
20904
+ .v-date-picker--show-week {
20905
+ width: 368px;
20906
+ }.v-date-picker-controls {
20907
+ display: flex;
20908
+ align-items: center;
20909
+ justify-content: space-between;
20910
+ font-size: 0.875rem;
20911
+ padding-top: 4px;
20912
+ padding-bottom: 4px;
20913
+ padding-inline-start: 6px;
20914
+ padding-inline-end: 12px;
21008
20915
  }
21009
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
21010
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
21011
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
21012
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
21013
- justify-content: center;
20916
+ .v-date-picker-controls > .v-btn:first-child {
20917
+ text-transform: none;
20918
+ font-weight: 400;
20919
+ line-height: initial;
20920
+ letter-spacing: initial;
21014
20921
  }
21015
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
21016
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
21017
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
21018
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
21019
- padding: 0 8px;
20922
+ .v-date-picker-controls--variant-classic {
20923
+ padding-inline-start: 12px;
21020
20924
  }
21021
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap,
21022
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap,
21023
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap,
21024
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap {
21025
- text-overflow: ellipsis;
21026
- text-wrap: nowrap;
21027
- overflow: hidden;
20925
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20926
+ opacity: 0.7;
21028
20927
  }
21029
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
21030
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap .v-data-table-header__content,
21031
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
21032
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap .v-data-table-header__content {
21033
- display: contents;
20928
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20929
+ cursor: pointer;
21034
20930
  }
21035
- .v-data-table .v-table__wrapper > table > thead > tr > th,
21036
- .v-data-table .v-table__wrapper > table tbody > tr > th {
21037
- align-items: center;
20931
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20932
+ opacity: 1;
21038
20933
  }
21039
- .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--fixed,
21040
- .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--fixed {
21041
- position: sticky;
20934
+ .v-date-picker-controls .v-btn:last-child {
20935
+ margin-inline-start: 4px;
21042
20936
  }
21043
- .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
21044
- .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
21045
- cursor: pointer;
21046
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20937
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20938
+ transform: rotate(180deg);
21047
20939
  }
21048
- .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
21049
- .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
21050
- opacity: 0;
20940
+
20941
+ .v-date-picker-controls__date {
20942
+ margin-inline-end: 4px;
21051
20943
  }
21052
- .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon,
21053
- .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon {
21054
- opacity: 0.5;
20944
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20945
+ margin: auto;
20946
+ text-align: center;
21055
20947
  }
21056
20948
 
21057
- .v-data-table-column--fixed,
21058
- .v-data-table__th--sticky {
21059
- background: rgb(var(--v-theme-surface));
21060
- position: sticky !important;
21061
- left: 0;
21062
- z-index: 1;
20949
+ .v-date-picker-controls__month {
20950
+ display: flex;
21063
20951
  }
21064
-
21065
- .v-data-table-column--last-fixed {
21066
- border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
20952
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20953
+ flex-direction: row-reverse;
21067
20954
  }
21068
20955
 
21069
- .v-data-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th.v-data-table-column--fixed {
21070
- z-index: 2;
20956
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20957
+ flex: 1 0 auto;
21071
20958
  }
21072
20959
 
21073
- .v-data-table-group-header-row td {
21074
- background: rgba(var(--v-theme-surface));
21075
- color: rgba(var(--v-theme-on-surface));
21076
- }
21077
- .v-data-table-group-header-row td > span {
21078
- padding-left: 5px;
21079
- }
21080
-
21081
- .v-data-table--loading .v-data-table__td {
21082
- opacity: var(--v-disabled-opacity);
21083
- }
21084
-
21085
- .v-data-table-group-header-row__column {
21086
- padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
21087
- }
21088
-
21089
- .v-data-table-header__content {
20960
+ .v-date-picker__title {
20961
+ display: inline-block;
20962
+ }.v-date-picker-month {
21090
20963
  display: flex;
21091
- align-items: center;
21092
- }
21093
-
21094
- .v-data-table-header__sort-badge {
21095
- display: inline-flex;
21096
20964
  justify-content: center;
21097
- align-items: center;
21098
- font-size: 0.875rem;
21099
- padding: 4px;
21100
- border-radius: 50%;
21101
- background: rgba(var(--v-border-color), var(--v-border-opacity));
21102
- min-width: 20px;
21103
- min-height: 20px;
21104
- width: 20px;
21105
- height: 20px;
21106
- }
21107
-
21108
- .v-data-table-progress > th {
21109
- border: none !important;
21110
- height: auto !important;
21111
- padding: 0 !important;
21112
- }
21113
-
21114
- .v-data-table-progress__loader {
21115
- position: relative;
21116
- }
21117
-
21118
- .v-data-table-rows-loading,
21119
- .v-data-table-rows-no-data {
21120
- text-align: center;
20965
+ padding: 0 12px 8px;
20966
+ --v-date-picker-month-day-diff: 4px;
21121
20967
  }
21122
20968
 
21123
- .v-data-table__tr--mobile > .v-data-table__td--expanded-row {
21124
- grid-template-columns: 0;
21125
- justify-content: center;
21126
- }
21127
- .v-data-table__tr--mobile > .v-data-table__td--select-row {
21128
- grid-template-columns: 0;
21129
- justify-content: end;
21130
- }
21131
- .v-data-table__tr--mobile > td {
21132
- align-items: center;
21133
- column-gap: 4px;
20969
+ .v-date-picker-month__weeks {
21134
20970
  display: grid;
21135
- grid-template-columns: repeat(2, 1fr);
21136
- min-height: var(--v-table-row-height);
20971
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20972
+ column-gap: 4px;
20973
+ font-size: 0.85rem;
21137
20974
  }
21138
- .v-data-table__tr--mobile > td:not(:last-child) {
21139
- border-bottom: 0 !important;
20975
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
20976
+ grid-row-gap: 0;
21140
20977
  }
21141
20978
 
21142
- .v-data-table__td-title {
21143
- font-weight: bold;
21144
- text-align: left;
20979
+ .v-date-picker-month__weekday {
20980
+ font-size: 0.85rem;
21145
20981
  }
21146
20982
 
21147
- .v-data-table__td-value {
21148
- text-align: right;
20983
+ .v-date-picker-month__days {
20984
+ display: grid;
20985
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20986
+ column-gap: 4px;
20987
+ flex: 1 1;
20988
+ justify-content: space-around;
21149
20989
  }
21150
20990
 
21151
- .v-data-table__td-sort-icon {
21152
- color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
21153
- }
21154
- .v-data-table__td-sort-icon-active {
21155
- color: rgba(var(--v-theme-on-surface));
21156
- }.v-data-table-footer {
21157
- align-items: center;
21158
- display: flex;
21159
- flex-wrap: wrap;
21160
- justify-content: flex-end;
21161
- padding: 8px 4px;
21162
- }
21163
- .v-data-table-footer__items-per-page {
20991
+ .v-date-picker-month__day {
21164
20992
  align-items: center;
21165
20993
  display: flex;
21166
20994
  justify-content: center;
20995
+ position: relative;
20996
+ height: 40px;
20997
+ width: 40px;
21167
20998
  }
21168
- .v-data-table-footer__items-per-page > span {
21169
- padding-inline-end: 8px;
21170
- }
21171
- .v-data-table-footer__items-per-page > .v-select {
21172
- width: 90px;
20999
+ .v-date-picker-month__day--selected .v-btn {
21000
+ background-color: rgb(var(--v-theme-surface-variant));
21001
+ color: rgb(var(--v-theme-on-surface-variant));
21173
21002
  }
21174
- .v-data-table-footer__info {
21175
- display: flex;
21176
- justify-content: flex-end;
21177
- min-width: 116px;
21178
- padding: 0 16px;
21003
+ .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
21004
+ --v-btn-height: 24px;
21005
+ --v-btn-size: 0.85rem;
21179
21006
  }
21180
- .v-data-table-footer__paginationz {
21181
- align-items: center;
21182
- display: flex;
21183
- margin-inline-start: 16px;
21007
+ .v-date-picker-month__day--week {
21008
+ font-size: var(--v-btn-size);
21184
21009
  }
21185
- .v-data-table-footer__page {
21186
- padding: 0 8px;
21187
- }.v-date-picker {
21188
- overflow: hidden;
21189
- width: 328px;
21010
+
21011
+ .v-date-picker-month__day--adjacent {
21012
+ opacity: 0.5;
21190
21013
  }
21191
- .v-date-picker--show-week {
21192
- width: 368px;
21014
+
21015
+ .v-date-picker-month__day--hide-adjacent {
21016
+ opacity: 0;
21193
21017
  }.v-date-picker-header {
21194
21018
  align-items: flex-end;
21195
21019
  height: 70px;
@@ -21250,6 +21074,21 @@ html.overflow-y-hidden {
21250
21074
  .date-picker-header-reverse-transition-leave-to {
21251
21075
  opacity: 0;
21252
21076
  transform: translate(0, 100%);
21077
+ }.v-date-picker-years {
21078
+ height: 288px;
21079
+ overflow-y: scroll;
21080
+ }
21081
+
21082
+ .v-date-picker-years__content {
21083
+ display: grid;
21084
+ flex: 1 1;
21085
+ justify-content: space-around;
21086
+ grid-template-columns: repeat(3, 1fr);
21087
+ gap: 8px 24px;
21088
+ padding-inline: 32px;
21089
+ }
21090
+ .v-date-picker-years__content .v-btn {
21091
+ padding-inline: 8px;
21253
21092
  }.v-date-picker-months {
21254
21093
  height: 288px;
21255
21094
  }
@@ -21269,132 +21108,92 @@ html.overflow-y-hidden {
21269
21108
  text-transform: none;
21270
21109
  padding-inline-start: 8px;
21271
21110
  padding-inline-end: 8px;
21272
- }.v-date-picker-controls {
21273
- display: flex;
21274
- align-items: center;
21275
- justify-content: space-between;
21276
- font-size: 0.875rem;
21277
- padding-top: 4px;
21278
- padding-bottom: 4px;
21279
- padding-inline-start: 6px;
21280
- padding-inline-end: 12px;
21281
- }
21282
- .v-date-picker-controls > .v-btn:first-child {
21283
- text-transform: none;
21284
- font-weight: 400;
21285
- line-height: initial;
21286
- letter-spacing: initial;
21287
- }
21288
- .v-date-picker-controls--variant-classic {
21289
- padding-inline-start: 12px;
21111
+ }.v-counter {
21112
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
21113
+ flex: 0 1 auto;
21114
+ font-size: 12px;
21115
+ transition-duration: 150ms;
21116
+ }.v-combobox .v-field .v-text-field__prefix,
21117
+ .v-combobox .v-field .v-text-field__suffix,
21118
+ .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
21119
+ cursor: text;
21290
21120
  }
21291
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
21292
- opacity: 0.7;
21121
+ .v-combobox .v-field .v-field__input > input {
21122
+ flex: 1 1;
21293
21123
  }
21294
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
21295
- cursor: pointer;
21124
+ .v-combobox .v-field input {
21125
+ min-width: 64px;
21296
21126
  }
21297
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
21298
- opacity: 1;
21127
+ .v-combobox .v-field:not(.v-field--focused) input {
21128
+ min-width: 0;
21299
21129
  }
21300
- .v-date-picker-controls .v-btn:last-child {
21301
- margin-inline-start: 4px;
21130
+ .v-combobox .v-field--dirty .v-combobox__selection {
21131
+ margin-inline-end: 2px;
21302
21132
  }
21303
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
21304
- transform: rotate(180deg);
21133
+ .v-combobox .v-combobox__selection-text {
21134
+ overflow: hidden;
21135
+ text-overflow: ellipsis;
21136
+ white-space: nowrap;
21305
21137
  }
21306
21138
 
21307
- .v-date-picker-controls__date {
21308
- margin-inline-end: 4px;
21139
+ .v-combobox__content {
21140
+ overflow: hidden;
21141
+ 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));
21142
+ border-radius: 4px;
21309
21143
  }
21310
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
21311
- margin: auto;
21312
- text-align: center;
21144
+ .v-combobox__mask {
21145
+ background: rgb(var(--v-theme-surface-light));
21313
21146
  }
21314
-
21315
- .v-date-picker-controls__month {
21316
- display: flex;
21147
+ .v-combobox__selection {
21148
+ display: inline-flex;
21149
+ align-items: center;
21150
+ height: 1.5rem;
21151
+ letter-spacing: inherit;
21152
+ line-height: inherit;
21153
+ max-width: calc(100% - 2px - 2px);
21317
21154
  }
21318
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
21319
- flex-direction: row-reverse;
21155
+ .v-combobox__selection:first-child {
21156
+ margin-inline-start: 0;
21320
21157
  }
21321
-
21322
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
21323
- flex: 1 0 auto;
21158
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21159
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21160
+ .v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21161
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21162
+ top: 0px;
21324
21163
  }
21325
-
21326
- .v-date-picker__title {
21327
- display: inline-block;
21328
- }.v-date-picker-month {
21329
- display: flex;
21330
- justify-content: center;
21331
- padding: 0 12px 8px;
21332
- --v-date-picker-month-day-diff: 4px;
21164
+ .v-combobox--selecting-index .v-combobox__selection {
21165
+ opacity: var(--v-medium-emphasis-opacity);
21333
21166
  }
21334
-
21335
- .v-date-picker-month__weeks {
21336
- display: grid;
21337
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
21338
- column-gap: 4px;
21339
- font-size: 0.85rem;
21167
+ .v-combobox--selecting-index .v-combobox__selection--selected {
21168
+ opacity: 1;
21340
21169
  }
21341
- .v-date-picker-month__weeks + .v-date-picker-month__days {
21342
- grid-row-gap: 0;
21170
+ .v-combobox--selecting-index .v-field__input > input {
21171
+ caret-color: transparent;
21343
21172
  }
21344
-
21345
- .v-date-picker-month__weekday {
21346
- font-size: 0.85rem;
21347
- }
21348
-
21349
- .v-date-picker-month__days {
21350
- display: grid;
21351
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
21352
- column-gap: 4px;
21173
+ .v-combobox--single:not(.v-combobox--selection-slot).v-text-field input {
21353
21174
  flex: 1 1;
21354
- justify-content: space-around;
21355
- }
21356
-
21357
- .v-date-picker-month__day {
21358
- align-items: center;
21359
- display: flex;
21360
- justify-content: center;
21361
- position: relative;
21362
- height: 40px;
21363
- width: 40px;
21364
- }
21365
- .v-date-picker-month__day--selected .v-btn {
21366
- background-color: rgb(var(--v-theme-surface-variant));
21367
- color: rgb(var(--v-theme-on-surface-variant));
21368
- }
21369
- .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
21370
- --v-btn-height: 24px;
21371
- --v-btn-size: 0.85rem;
21175
+ position: absolute;
21176
+ left: 0;
21177
+ right: 0;
21178
+ width: 100%;
21179
+ padding-inline: inherit;
21372
21180
  }
21373
- .v-date-picker-month__day--week {
21374
- font-size: var(--v-btn-size);
21181
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--active input {
21182
+ transition: none;
21375
21183
  }
21376
-
21377
- .v-date-picker-month__day--adjacent {
21378
- opacity: 0.5;
21184
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--dirty:not(.v-field--focused) input {
21185
+ opacity: 0;
21379
21186
  }
21380
-
21381
- .v-date-picker-month__day--hide-adjacent {
21187
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--focused .v-combobox__selection {
21382
21188
  opacity: 0;
21383
- }.v-date-picker-years {
21384
- height: 288px;
21385
- overflow-y: scroll;
21386
21189
  }
21387
-
21388
- .v-date-picker-years__content {
21389
- display: grid;
21390
- flex: 1 1;
21391
- justify-content: space-around;
21392
- grid-template-columns: repeat(3, 1fr);
21393
- gap: 8px 24px;
21394
- padding-inline: 32px;
21190
+ .v-combobox__menu-icon {
21191
+ margin-inline-start: 4px;
21192
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21395
21193
  }
21396
- .v-date-picker-years__content .v-btn {
21397
- padding-inline: 8px;
21194
+ .v-combobox--active-menu .v-combobox__menu-icon {
21195
+ opacity: var(--v-high-emphasis-opacity);
21196
+ transform: rotate(180deg);
21398
21197
  }.v-dialog {
21399
21198
  align-items: center;
21400
21199
  justify-content: center;
@@ -21487,265 +21286,268 @@ html.overflow-y-hidden {
21487
21286
  -webkit-backface-visibility: hidden;
21488
21287
  backface-visibility: hidden;
21489
21288
  overflow-y: auto;
21490
- }.v-divider {
21491
- display: block;
21492
- flex: 1 1 100%;
21493
- height: 0px;
21494
- max-height: 0px;
21495
- opacity: var(--v-border-opacity);
21496
- transition: inherit;
21497
- border-style: solid;
21498
- border-width: thin 0 0 0;
21499
- }
21500
- .v-divider--vertical {
21501
- align-self: stretch;
21502
- border-width: 0 thin 0 0;
21503
- display: inline-flex;
21504
- height: 100%;
21505
- margin-left: -1px;
21506
- max-height: 100%;
21507
- max-width: 0px;
21508
- vertical-align: text-bottom;
21509
- width: 0px;
21510
- }
21511
- .v-divider--inset:not(.v-divider--vertical) {
21512
- max-width: calc(100% - 72px);
21513
- margin-inline-start: 72px;
21514
- }
21515
- .v-divider--inset.v-divider--vertical {
21516
- margin-bottom: 8px;
21517
- margin-top: 8px;
21518
- max-height: calc(100% - 16px);
21289
+ }.v-data-table {
21290
+ width: 100%;
21519
21291
  }
21520
21292
 
21521
- .v-divider__content {
21522
- padding: 0 16px;
21523
- }
21524
- .v-divider__wrapper--vertical .v-divider__content {
21525
- padding: 4px 0;
21293
+ .v-data-table__table {
21294
+ width: 100%;
21295
+ border-collapse: separate;
21296
+ border-spacing: 0;
21526
21297
  }
21527
21298
 
21528
- .v-divider__wrapper {
21529
- display: flex;
21530
- align-items: center;
21531
- justify-content: center;
21532
- }
21533
- .v-divider__wrapper--vertical {
21534
- flex-direction: column;
21535
- height: 100%;
21299
+ .v-data-table__tr--focus {
21300
+ border: 1px dotted black;
21536
21301
  }
21537
- .v-divider__wrapper--vertical .v-divider {
21538
- margin: 0 auto;
21539
- }.v-expansion-panel {
21540
- background-color: rgb(var(--v-theme-surface));
21541
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21302
+ .v-data-table__tr--clickable {
21303
+ cursor: pointer;
21542
21304
  }
21543
- .v-expansion-panel:not(:first-child)::after {
21544
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21305
+
21306
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
21307
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
21308
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
21309
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
21310
+ text-align: end;
21545
21311
  }
21546
- .v-expansion-panel--disabled .v-expansion-panel-title {
21547
- color: rgba(var(--v-theme-on-surface), 0.26);
21312
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
21313
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
21314
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
21315
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
21316
+ flex-direction: row-reverse;
21548
21317
  }
21549
- .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
21550
- opacity: 0.4615384615;
21318
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
21319
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
21320
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
21321
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
21322
+ text-align: center;
21551
21323
  }
21552
-
21553
- .v-expansion-panels {
21554
- display: flex;
21555
- flex-wrap: wrap;
21324
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
21325
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
21326
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
21327
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
21556
21328
  justify-content: center;
21557
- list-style-type: none;
21558
- padding: 0;
21559
- width: 100%;
21560
- position: relative;
21561
- z-index: 1;
21562
- }
21563
- .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) {
21564
- border-bottom-left-radius: 0 !important;
21565
- border-bottom-right-radius: 0 !important;
21566
21329
  }
21567
- .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) {
21568
- border-top-left-radius: 0 !important;
21569
- border-top-right-radius: 0 !important;
21330
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
21331
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
21332
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
21333
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
21334
+ padding: 0 8px;
21570
21335
  }
21571
- .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) {
21572
- border-bottom-left-radius: 0 !important;
21573
- border-bottom-right-radius: 0 !important;
21336
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap,
21337
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap,
21338
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap,
21339
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap {
21340
+ text-overflow: ellipsis;
21341
+ text-wrap: nowrap;
21342
+ overflow: hidden;
21574
21343
  }
21575
- .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) {
21576
- border-top-left-radius: 0 !important;
21577
- border-top-right-radius: 0 !important;
21344
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
21345
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap .v-data-table-header__content,
21346
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
21347
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap .v-data-table-header__content {
21348
+ display: contents;
21578
21349
  }
21579
- .v-expansion-panels--variant-accordion > :first-child:not(:last-child) {
21580
- border-bottom-left-radius: 0 !important;
21581
- border-bottom-right-radius: 0 !important;
21350
+ .v-data-table .v-table__wrapper > table > thead > tr > th,
21351
+ .v-data-table .v-table__wrapper > table tbody > tr > th {
21352
+ align-items: center;
21582
21353
  }
21583
- .v-expansion-panels--variant-accordion > :last-child:not(:first-child) {
21584
- border-top-left-radius: 0 !important;
21585
- border-top-right-radius: 0 !important;
21354
+ .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--fixed,
21355
+ .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--fixed {
21356
+ position: sticky;
21586
21357
  }
21587
- .v-expansion-panels--variant-accordion > :last-child:not(:first-child) .v-expansion-panel-title--active {
21588
- border-bottom-left-radius: initial;
21589
- border-bottom-right-radius: initial;
21358
+ .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
21359
+ .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
21360
+ cursor: pointer;
21361
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21590
21362
  }
21591
- .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
21592
- border-radius: 0 !important;
21363
+ .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
21364
+ .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
21365
+ opacity: 0;
21593
21366
  }
21594
- .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
21595
- transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
21367
+ .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon,
21368
+ .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon {
21369
+ opacity: 0.5;
21596
21370
  }
21597
21371
 
21598
- .v-expansion-panel {
21599
- flex: 1 0 100%;
21600
- max-width: 100%;
21601
- position: relative;
21602
- transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
21603
- transition-property: margin-top, border-radius, border, max-width;
21604
- border-radius: 4px;
21605
- }
21606
- .v-expansion-panel:not(:first-child)::after {
21607
- border-top-style: solid;
21608
- border-top-width: thin;
21609
- content: "";
21372
+ .v-data-table-column--fixed,
21373
+ .v-data-table__th--sticky {
21374
+ background: rgb(var(--v-theme-surface));
21375
+ position: sticky !important;
21610
21376
  left: 0;
21611
- position: absolute;
21612
- right: 0;
21613
- top: 0;
21614
- transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
21377
+ z-index: 1;
21615
21378
  }
21616
- .v-expansion-panel--disabled .v-expansion-panel-title {
21617
- pointer-events: none;
21379
+
21380
+ .v-data-table-column--last-fixed {
21381
+ border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
21618
21382
  }
21619
- .v-expansion-panel--active:not(:first-child),
21620
- .v-expansion-panel--active + .v-expansion-panel {
21621
- margin-top: 16px;
21383
+
21384
+ .v-data-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th.v-data-table-column--fixed {
21385
+ z-index: 2;
21622
21386
  }
21623
- .v-expansion-panel--active:not(:first-child)::after,
21624
- .v-expansion-panel--active + .v-expansion-panel::after {
21625
- opacity: 0;
21387
+
21388
+ .v-data-table-group-header-row td {
21389
+ background: rgba(var(--v-theme-surface));
21390
+ color: rgba(var(--v-theme-on-surface));
21626
21391
  }
21627
- .v-expansion-panel--active > .v-expansion-panel-title {
21628
- border-bottom-left-radius: 0;
21629
- border-bottom-right-radius: 0;
21392
+ .v-data-table-group-header-row td > span {
21393
+ padding-left: 5px;
21630
21394
  }
21631
- .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
21632
- min-height: 64px;
21395
+
21396
+ .v-data-table--loading .v-data-table__td {
21397
+ opacity: var(--v-disabled-opacity);
21633
21398
  }
21634
21399
 
21635
- .v-expansion-panel__shadow {
21636
- position: absolute;
21637
- top: 0;
21638
- left: 0;
21639
- width: 100%;
21640
- height: 100%;
21641
- 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));
21642
- border-radius: inherit;
21643
- z-index: -1;
21400
+ .v-data-table-group-header-row__column {
21401
+ padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
21644
21402
  }
21645
21403
 
21646
- .v-expansion-panel-title {
21647
- align-items: center;
21648
- text-align: start;
21649
- border-radius: inherit;
21404
+ .v-data-table-header__content {
21650
21405
  display: flex;
21651
- font-size: 0.9375rem;
21652
- line-height: 1;
21653
- min-height: 48px;
21654
- outline: none;
21655
- padding: 16px 24px;
21656
- position: relative;
21657
- transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
21658
- width: 100%;
21659
- justify-content: space-between;
21406
+ align-items: center;
21660
21407
  }
21661
- .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
21662
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
21408
+
21409
+ .v-data-table-header__sort-badge {
21410
+ display: inline-flex;
21411
+ justify-content: center;
21412
+ align-items: center;
21413
+ font-size: 0.875rem;
21414
+ padding: 4px;
21415
+ border-radius: 50%;
21416
+ background: rgba(var(--v-border-color), var(--v-border-opacity));
21417
+ min-width: 20px;
21418
+ min-height: 20px;
21419
+ width: 20px;
21420
+ height: 20px;
21663
21421
  }
21664
- .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
21665
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21422
+
21423
+ .v-data-table-progress > th {
21424
+ border: none !important;
21425
+ height: auto !important;
21426
+ padding: 0 !important;
21666
21427
  }
21667
- @supports not selector(:focus-visible) {
21668
- .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
21669
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21670
- }
21428
+
21429
+ .v-data-table-progress__loader {
21430
+ position: relative;
21671
21431
  }
21672
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active .v-expansion-panel-title__overlay {
21673
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
21432
+
21433
+ .v-data-table-rows-loading,
21434
+ .v-data-table-rows-no-data {
21435
+ text-align: center;
21674
21436
  }
21675
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:hover .v-expansion-panel-title__overlay {
21676
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21437
+
21438
+ .v-data-table__tr--mobile > .v-data-table__td--expanded-row {
21439
+ grid-template-columns: 0;
21440
+ justify-content: center;
21677
21441
  }
21678
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus-visible .v-expansion-panel-title__overlay {
21679
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21442
+ .v-data-table__tr--mobile > .v-data-table__td--select-row {
21443
+ grid-template-columns: 0;
21444
+ justify-content: end;
21680
21445
  }
21681
- @supports not selector(:focus-visible) {
21682
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus .v-expansion-panel-title__overlay {
21683
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21684
- }
21446
+ .v-data-table__tr--mobile > td {
21447
+ align-items: center;
21448
+ column-gap: 4px;
21449
+ display: grid;
21450
+ grid-template-columns: repeat(2, 1fr);
21451
+ min-height: var(--v-table-row-height);
21452
+ }
21453
+ .v-data-table__tr--mobile > td:not(:last-child) {
21454
+ border-bottom: 0 !important;
21685
21455
  }
21686
21456
 
21687
- .v-expansion-panel-title__overlay {
21688
- position: absolute;
21689
- top: 0;
21690
- left: 0;
21691
- width: 100%;
21692
- height: 100%;
21693
- background-color: currentColor;
21694
- border-radius: inherit;
21695
- opacity: 0;
21457
+ .v-data-table__td-title {
21458
+ font-weight: bold;
21459
+ text-align: left;
21696
21460
  }
21697
21461
 
21698
- .v-expansion-panel-title__icon {
21699
- display: inline-flex;
21700
- margin-bottom: -4px;
21701
- margin-top: -4px;
21702
- -webkit-user-select: none;
21703
- user-select: none;
21704
- margin-inline-start: auto;
21462
+ .v-data-table__td-value {
21463
+ text-align: right;
21705
21464
  }
21706
21465
 
21707
- .v-expansion-panel-text {
21466
+ .v-data-table__td-sort-icon {
21467
+ color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
21468
+ }
21469
+ .v-data-table__td-sort-icon-active {
21470
+ color: rgba(var(--v-theme-on-surface));
21471
+ }.v-data-table-footer {
21472
+ align-items: center;
21708
21473
  display: flex;
21474
+ flex-wrap: wrap;
21475
+ justify-content: flex-end;
21476
+ padding: 8px 4px;
21709
21477
  }
21710
- .v-expansion-panel-text__wrapper {
21711
- padding: 8px 24px 16px;
21712
- flex: 1 1 auto;
21713
- max-width: 100%;
21478
+ .v-data-table-footer__items-per-page {
21479
+ align-items: center;
21480
+ display: flex;
21481
+ justify-content: center;
21714
21482
  }
21715
-
21716
- .v-expansion-panels--variant-accordion > .v-expansion-panel {
21717
- margin-top: 0;
21483
+ .v-data-table-footer__items-per-page > span {
21484
+ padding-inline-end: 8px;
21718
21485
  }
21719
- .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
21720
- opacity: 1;
21486
+ .v-data-table-footer__items-per-page > .v-select {
21487
+ width: 90px;
21721
21488
  }
21722
-
21723
- .v-expansion-panels--variant-popout > .v-expansion-panel {
21724
- max-width: calc(100% - 32px);
21489
+ .v-data-table-footer__info {
21490
+ display: flex;
21491
+ justify-content: flex-end;
21492
+ min-width: 116px;
21493
+ padding: 0 16px;
21725
21494
  }
21726
- .v-expansion-panels--variant-popout > .v-expansion-panel--active {
21727
- max-width: calc(100% + 16px);
21495
+ .v-data-table-footer__paginationz {
21496
+ align-items: center;
21497
+ display: flex;
21498
+ margin-inline-start: 16px;
21728
21499
  }
21729
-
21730
- .v-expansion-panels--variant-inset > .v-expansion-panel {
21731
- max-width: 100%;
21500
+ .v-data-table-footer__page {
21501
+ padding: 0 8px;
21502
+ }.v-divider {
21503
+ display: block;
21504
+ flex: 1 1 100%;
21505
+ height: 0px;
21506
+ max-height: 0px;
21507
+ opacity: var(--v-border-opacity);
21508
+ transition: inherit;
21509
+ border-style: solid;
21510
+ border-width: thin 0 0 0;
21732
21511
  }
21733
- .v-expansion-panels--variant-inset > .v-expansion-panel--active {
21734
- max-width: calc(100% - 32px);
21512
+ .v-divider--vertical {
21513
+ align-self: stretch;
21514
+ border-width: 0 thin 0 0;
21515
+ display: inline-flex;
21516
+ height: 100%;
21517
+ margin-left: -1px;
21518
+ max-height: 100%;
21519
+ max-width: 0px;
21520
+ vertical-align: text-bottom;
21521
+ width: 0px;
21522
+ }
21523
+ .v-divider--inset:not(.v-divider--vertical) {
21524
+ max-width: calc(100% - 72px);
21525
+ margin-inline-start: 72px;
21526
+ }
21527
+ .v-divider--inset.v-divider--vertical {
21528
+ margin-bottom: 8px;
21529
+ margin-top: 8px;
21530
+ max-height: calc(100% - 16px);
21735
21531
  }
21736
21532
 
21737
- .v-expansion-panels--flat > .v-expansion-panel::after {
21738
- border-top: none;
21533
+ .v-divider__content {
21534
+ padding: 0 16px;
21739
21535
  }
21740
- .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
21741
- display: none;
21536
+ .v-divider__wrapper--vertical .v-divider__content {
21537
+ padding: 4px 0;
21742
21538
  }
21743
21539
 
21744
- .v-expansion-panels--tile {
21745
- border-radius: 0;
21540
+ .v-divider__wrapper {
21541
+ display: flex;
21542
+ align-items: center;
21543
+ justify-content: center;
21746
21544
  }
21747
- .v-expansion-panels--tile > .v-expansion-panel {
21748
- border-radius: 0;
21545
+ .v-divider__wrapper--vertical {
21546
+ flex-direction: column;
21547
+ height: 100%;
21548
+ }
21549
+ .v-divider__wrapper--vertical .v-divider {
21550
+ margin: 0 auto;
21749
21551
  }.v-fab {
21750
21552
  align-items: center;
21751
21553
  display: inline-flex;
@@ -22333,125 +22135,363 @@ textarea.v-field__input::placeholder {
22333
22135
  .v-field--variant-filled.v-field--focused .v-field__overlay {
22334
22136
  opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
22335
22137
  }
22336
-
22337
- .v-field--variant-solo-filled .v-field__overlay {
22338
- background-color: currentColor;
22339
- opacity: 0.04;
22340
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22138
+
22139
+ .v-field--variant-solo-filled .v-field__overlay {
22140
+ background-color: currentColor;
22141
+ opacity: 0.04;
22142
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22143
+ }
22144
+ @media (hover: hover) {
22145
+ .v-field--variant-solo-filled:hover .v-field__overlay {
22146
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
22147
+ }
22148
+ }
22149
+ .v-field--variant-solo-filled.v-field--focused .v-field__overlay {
22150
+ opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
22151
+ }
22152
+
22153
+ .v-field--variant-solo-inverted .v-field__overlay {
22154
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22155
+ }
22156
+ .v-field--variant-solo-inverted.v-field--has-background .v-field__overlay {
22157
+ opacity: 0;
22158
+ }
22159
+ @media (hover: hover) {
22160
+ .v-field--variant-solo-inverted:hover .v-field__overlay {
22161
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
22162
+ }
22163
+ }
22164
+ .v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
22165
+ background-color: rgb(var(--v-theme-surface-variant));
22166
+ opacity: 1;
22167
+ }
22168
+
22169
+ /* endregion */
22170
+ /* region MODIFIERS */
22171
+ .v-field--reverse .v-field__field,
22172
+ .v-field--reverse .v-field__input,
22173
+ .v-field--reverse .v-field__outline {
22174
+ flex-direction: row-reverse;
22175
+ }
22176
+ .v-field--reverse .v-field__input, .v-field--reverse input {
22177
+ text-align: end;
22178
+ }
22179
+
22180
+ .v-input--disabled .v-field--variant-filled .v-field__outline::before,
22181
+ .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
22182
+ 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;
22183
+ }
22184
+
22185
+ .v-field--loading .v-field__outline::after,
22186
+ .v-field--loading .v-field__outline::before {
22187
+ opacity: 0;
22188
+ }
22189
+
22190
+ /* endregion */.v-empty-state {
22191
+ align-items: center;
22192
+ display: flex;
22193
+ flex-direction: column;
22194
+ justify-content: center;
22195
+ min-height: 100%;
22196
+ padding: 16px;
22197
+ }
22198
+ .v-empty-state--start {
22199
+ align-items: flex-start;
22200
+ }
22201
+ .v-empty-state--center {
22202
+ align-items: center;
22203
+ }
22204
+ .v-empty-state--end {
22205
+ align-items: flex-end;
22206
+ }
22207
+
22208
+ .v-empty-state__media {
22209
+ text-align: center;
22210
+ width: 100%;
22211
+ }
22212
+ .v-empty-state__media .v-icon {
22213
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
22214
+ }
22215
+
22216
+ .v-empty-state__headline {
22217
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
22218
+ font-size: 3.75rem;
22219
+ font-weight: 300;
22220
+ line-height: 1;
22221
+ text-align: center;
22222
+ margin-bottom: 8px;
22223
+ }
22224
+ .v-empty-state--mobile .v-empty-state__headline {
22225
+ font-size: 2.125rem;
22226
+ }
22227
+
22228
+ .v-empty-state__title {
22229
+ font-size: 1.25rem;
22230
+ font-weight: 500;
22231
+ line-height: 1.6;
22232
+ margin-bottom: 4px;
22233
+ text-align: center;
22234
+ }
22235
+
22236
+ .v-empty-state__text {
22237
+ font-size: 0.875rem;
22238
+ font-weight: 400;
22239
+ line-height: 1.425;
22240
+ padding: 0 16px;
22241
+ text-align: center;
22242
+ }
22243
+
22244
+ .v-empty-state__content {
22245
+ padding: 24px 0;
22246
+ }
22247
+
22248
+ .v-empty-state__actions {
22249
+ display: flex;
22250
+ gap: 8px;
22251
+ padding: 16px;
22252
+ }
22253
+
22254
+ .v-empty-state__action-btn.v-btn {
22255
+ background-color: rgb(var(--v-theme-surface-variant));
22256
+ color: rgb(var(--v-theme-on-surface-variant));
22257
+ }.v-expansion-panel {
22258
+ background-color: rgb(var(--v-theme-surface));
22259
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22260
+ }
22261
+ .v-expansion-panel:not(:first-child)::after {
22262
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22263
+ }
22264
+ .v-expansion-panel--disabled .v-expansion-panel-title {
22265
+ color: rgba(var(--v-theme-on-surface), 0.26);
22266
+ }
22267
+ .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
22268
+ opacity: 0.4615384615;
22269
+ }
22270
+
22271
+ .v-expansion-panels {
22272
+ display: flex;
22273
+ flex-wrap: wrap;
22274
+ justify-content: center;
22275
+ list-style-type: none;
22276
+ padding: 0;
22277
+ width: 100%;
22278
+ position: relative;
22279
+ z-index: 1;
22280
+ }
22281
+ .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) {
22282
+ border-bottom-left-radius: 0 !important;
22283
+ border-bottom-right-radius: 0 !important;
22284
+ }
22285
+ .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) {
22286
+ border-top-left-radius: 0 !important;
22287
+ border-top-right-radius: 0 !important;
22288
+ }
22289
+ .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) {
22290
+ border-bottom-left-radius: 0 !important;
22291
+ border-bottom-right-radius: 0 !important;
22292
+ }
22293
+ .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) {
22294
+ border-top-left-radius: 0 !important;
22295
+ border-top-right-radius: 0 !important;
22296
+ }
22297
+ .v-expansion-panels--variant-accordion > :first-child:not(:last-child) {
22298
+ border-bottom-left-radius: 0 !important;
22299
+ border-bottom-right-radius: 0 !important;
22300
+ }
22301
+ .v-expansion-panels--variant-accordion > :last-child:not(:first-child) {
22302
+ border-top-left-radius: 0 !important;
22303
+ border-top-right-radius: 0 !important;
22304
+ }
22305
+ .v-expansion-panels--variant-accordion > :last-child:not(:first-child) .v-expansion-panel-title--active {
22306
+ border-bottom-left-radius: initial;
22307
+ border-bottom-right-radius: initial;
22308
+ }
22309
+ .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
22310
+ border-radius: 0 !important;
22311
+ }
22312
+ .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
22313
+ transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
22314
+ }
22315
+
22316
+ .v-expansion-panel {
22317
+ flex: 1 0 100%;
22318
+ max-width: 100%;
22319
+ position: relative;
22320
+ transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
22321
+ transition-property: margin-top, border-radius, border, max-width;
22322
+ border-radius: 4px;
22323
+ }
22324
+ .v-expansion-panel:not(:first-child)::after {
22325
+ border-top-style: solid;
22326
+ border-top-width: thin;
22327
+ content: "";
22328
+ left: 0;
22329
+ position: absolute;
22330
+ right: 0;
22331
+ top: 0;
22332
+ transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
22333
+ }
22334
+ .v-expansion-panel--disabled .v-expansion-panel-title {
22335
+ pointer-events: none;
22336
+ }
22337
+ .v-expansion-panel--active:not(:first-child),
22338
+ .v-expansion-panel--active + .v-expansion-panel {
22339
+ margin-top: 16px;
22340
+ }
22341
+ .v-expansion-panel--active:not(:first-child)::after,
22342
+ .v-expansion-panel--active + .v-expansion-panel::after {
22343
+ opacity: 0;
22344
+ }
22345
+ .v-expansion-panel--active > .v-expansion-panel-title {
22346
+ border-bottom-left-radius: 0;
22347
+ border-bottom-right-radius: 0;
22348
+ }
22349
+ .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
22350
+ min-height: 64px;
22351
+ }
22352
+
22353
+ .v-expansion-panel__shadow {
22354
+ position: absolute;
22355
+ top: 0;
22356
+ left: 0;
22357
+ width: 100%;
22358
+ height: 100%;
22359
+ 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));
22360
+ border-radius: inherit;
22361
+ z-index: -1;
22362
+ }
22363
+
22364
+ .v-expansion-panel-title {
22365
+ align-items: center;
22366
+ text-align: start;
22367
+ border-radius: inherit;
22368
+ display: flex;
22369
+ font-size: 0.9375rem;
22370
+ line-height: 1;
22371
+ min-height: 48px;
22372
+ outline: none;
22373
+ padding: 16px 24px;
22374
+ position: relative;
22375
+ transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
22376
+ width: 100%;
22377
+ justify-content: space-between;
22378
+ }
22379
+ .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
22380
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22381
+ }
22382
+ .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
22383
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
22341
22384
  }
22342
- @media (hover: hover) {
22343
- .v-field--variant-solo-filled:hover .v-field__overlay {
22344
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
22385
+ @supports not selector(:focus-visible) {
22386
+ .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
22387
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
22345
22388
  }
22346
22389
  }
22347
- .v-field--variant-solo-filled.v-field--focused .v-field__overlay {
22348
- opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
22390
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active .v-expansion-panel-title__overlay {
22391
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
22349
22392
  }
22350
-
22351
- .v-field--variant-solo-inverted .v-field__overlay {
22352
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22393
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:hover .v-expansion-panel-title__overlay {
22394
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
22353
22395
  }
22354
- .v-field--variant-solo-inverted.v-field--has-background .v-field__overlay {
22355
- opacity: 0;
22396
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus-visible .v-expansion-panel-title__overlay {
22397
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
22356
22398
  }
22357
- @media (hover: hover) {
22358
- .v-field--variant-solo-inverted:hover .v-field__overlay {
22359
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
22399
+ @supports not selector(:focus-visible) {
22400
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus .v-expansion-panel-title__overlay {
22401
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
22360
22402
  }
22361
22403
  }
22362
- .v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
22363
- background-color: rgb(var(--v-theme-surface-variant));
22364
- opacity: 1;
22365
- }
22366
-
22367
- /* endregion */
22368
- /* region MODIFIERS */
22369
- .v-field--reverse .v-field__field,
22370
- .v-field--reverse .v-field__input,
22371
- .v-field--reverse .v-field__outline {
22372
- flex-direction: row-reverse;
22373
- }
22374
- .v-field--reverse .v-field__input, .v-field--reverse input {
22375
- text-align: end;
22376
- }
22377
22404
 
22378
- .v-input--disabled .v-field--variant-filled .v-field__outline::before,
22379
- .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
22380
- 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;
22405
+ .v-expansion-panel-title__overlay {
22406
+ position: absolute;
22407
+ top: 0;
22408
+ left: 0;
22409
+ width: 100%;
22410
+ height: 100%;
22411
+ background-color: currentColor;
22412
+ border-radius: inherit;
22413
+ opacity: 0;
22381
22414
  }
22382
22415
 
22383
- .v-field--loading .v-field__outline::after,
22384
- .v-field--loading .v-field__outline::before {
22385
- opacity: 0;
22416
+ .v-expansion-panel-title__icon {
22417
+ display: inline-flex;
22418
+ margin-bottom: -4px;
22419
+ margin-top: -4px;
22420
+ -webkit-user-select: none;
22421
+ user-select: none;
22422
+ margin-inline-start: auto;
22386
22423
  }
22387
22424
 
22388
- /* endregion */.v-empty-state {
22389
- align-items: center;
22425
+ .v-expansion-panel-text {
22390
22426
  display: flex;
22391
- flex-direction: column;
22392
- justify-content: center;
22393
- min-height: 100%;
22394
- padding: 16px;
22395
22427
  }
22396
- .v-empty-state--start {
22397
- align-items: flex-start;
22428
+ .v-expansion-panel-text__wrapper {
22429
+ padding: 8px 24px 16px;
22430
+ flex: 1 1 auto;
22431
+ max-width: 100%;
22398
22432
  }
22399
- .v-empty-state--center {
22400
- align-items: center;
22433
+
22434
+ .v-expansion-panels--variant-accordion > .v-expansion-panel {
22435
+ margin-top: 0;
22401
22436
  }
22402
- .v-empty-state--end {
22403
- align-items: flex-end;
22437
+ .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
22438
+ opacity: 1;
22404
22439
  }
22405
22440
 
22406
- .v-empty-state__media {
22407
- text-align: center;
22408
- width: 100%;
22441
+ .v-expansion-panels--variant-popout > .v-expansion-panel {
22442
+ max-width: calc(100% - 32px);
22409
22443
  }
22410
- .v-empty-state__media .v-icon {
22411
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
22444
+ .v-expansion-panels--variant-popout > .v-expansion-panel--active {
22445
+ max-width: calc(100% + 16px);
22412
22446
  }
22413
22447
 
22414
- .v-empty-state__headline {
22415
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
22416
- font-size: 3.75rem;
22417
- font-weight: 300;
22418
- line-height: 1;
22419
- text-align: center;
22420
- margin-bottom: 8px;
22448
+ .v-expansion-panels--variant-inset > .v-expansion-panel {
22449
+ max-width: 100%;
22421
22450
  }
22422
- .v-empty-state--mobile .v-empty-state__headline {
22423
- font-size: 2.125rem;
22451
+ .v-expansion-panels--variant-inset > .v-expansion-panel--active {
22452
+ max-width: calc(100% - 32px);
22424
22453
  }
22425
22454
 
22426
- .v-empty-state__title {
22427
- font-size: 1.25rem;
22428
- font-weight: 500;
22429
- line-height: 1.6;
22430
- margin-bottom: 4px;
22431
- text-align: center;
22455
+ .v-expansion-panels--flat > .v-expansion-panel::after {
22456
+ border-top: none;
22432
22457
  }
22433
-
22434
- .v-empty-state__text {
22435
- font-size: 0.875rem;
22436
- font-weight: 400;
22437
- line-height: 1.425;
22438
- padding: 0 16px;
22439
- text-align: center;
22458
+ .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
22459
+ display: none;
22440
22460
  }
22441
22461
 
22442
- .v-empty-state__content {
22443
- padding: 24px 0;
22462
+ .v-expansion-panels--tile {
22463
+ border-radius: 0;
22444
22464
  }
22445
-
22446
- .v-empty-state__actions {
22465
+ .v-expansion-panels--tile > .v-expansion-panel {
22466
+ border-radius: 0;
22467
+ }.v-footer {
22468
+ align-items: center;
22447
22469
  display: flex;
22448
- gap: 8px;
22449
- padding: 16px;
22470
+ flex: 1 1 auto;
22471
+ padding: 8px 16px;
22472
+ position: relative;
22473
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22474
+ transition-property: height, width, transform, max-width, left, right, top, bottom;
22475
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22476
+ border-style: solid;
22477
+ border-width: 0;
22478
+ 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));
22479
+ border-radius: 0;
22480
+ background: rgb(var(--v-theme-surface));
22481
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22450
22482
  }
22451
-
22452
- .v-empty-state__action-btn.v-btn {
22453
- background-color: rgb(var(--v-theme-surface-variant));
22454
- color: rgb(var(--v-theme-on-surface-variant));
22483
+ .v-footer--border {
22484
+ border-width: thin;
22485
+ box-shadow: none;
22486
+ }
22487
+ .v-footer--absolute {
22488
+ position: absolute;
22489
+ }
22490
+ .v-footer--fixed {
22491
+ position: fixed;
22492
+ }
22493
+ .v-footer--rounded {
22494
+ border-radius: 4px;
22455
22495
  }.v-file-input--hide.v-input .v-field,
22456
22496
  .v-file-input--hide.v-input .v-input__control,
22457
22497
  .v-file-input--hide.v-input .v-input__details {
@@ -22481,34 +22521,6 @@ textarea.v-field__input::placeholder {
22481
22521
  }
22482
22522
  .v-input--plain-underlined.v-file-input .v-input__details {
22483
22523
  padding-inline: 0;
22484
- }.v-footer {
22485
- align-items: center;
22486
- display: flex;
22487
- flex: 1 1 auto;
22488
- padding: 8px 16px;
22489
- position: relative;
22490
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22491
- transition-property: height, width, transform, max-width, left, right, top, bottom;
22492
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22493
- border-style: solid;
22494
- border-width: 0;
22495
- 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));
22496
- border-radius: 0;
22497
- background: rgb(var(--v-theme-surface));
22498
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22499
- }
22500
- .v-footer--border {
22501
- border-width: thin;
22502
- box-shadow: none;
22503
- }
22504
- .v-footer--absolute {
22505
- position: absolute;
22506
- }
22507
- .v-footer--fixed {
22508
- position: fixed;
22509
- }
22510
- .v-footer--rounded {
22511
- border-radius: 4px;
22512
22524
  }.v-icon {
22513
22525
  --v-icon-size-multiplier: 1;
22514
22526
  align-items: center;
@@ -22562,31 +22574,6 @@ textarea.v-field__input::placeholder {
22562
22574
 
22563
22575
  .v-icon--end {
22564
22576
  margin-inline-start: 8px;
22565
- }.v-infinite-scroll--horizontal {
22566
- display: flex;
22567
- flex-direction: row;
22568
- overflow-x: auto;
22569
- }
22570
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
22571
- height: 100%;
22572
- width: 1px;
22573
- }
22574
-
22575
- .v-infinite-scroll--vertical {
22576
- display: flex;
22577
- flex-direction: column;
22578
- overflow-y: auto;
22579
- }
22580
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
22581
- height: 1px;
22582
- width: 100%;
22583
- }
22584
-
22585
- .v-infinite-scroll__side {
22586
- align-items: center;
22587
- display: flex;
22588
- justify-content: center;
22589
- padding: 8px;
22590
22577
  }.v-img {
22591
22578
  --v-theme-overlay-multiplier: 3;
22592
22579
  z-index: 0;
@@ -22611,23 +22598,58 @@ textarea.v-field__input::placeholder {
22611
22598
  height: 100%;
22612
22599
  }
22613
22600
 
22614
- .v-img__img--preload {
22615
- filter: blur(4px);
22616
- }
22617
- .v-img__img--contain {
22618
- object-fit: contain;
22601
+ .v-img__img--preload {
22602
+ filter: blur(4px);
22603
+ }
22604
+ .v-img__img--contain {
22605
+ object-fit: contain;
22606
+ }
22607
+ .v-img__img--cover {
22608
+ object-fit: cover;
22609
+ }
22610
+
22611
+ .v-img__gradient {
22612
+ background-repeat: no-repeat;
22613
+ }.v-label {
22614
+ align-items: center;
22615
+ color: inherit;
22616
+ display: inline-flex;
22617
+ font-size: 1rem;
22618
+ letter-spacing: 0.009375em;
22619
+ min-width: 0;
22620
+ opacity: var(--v-medium-emphasis-opacity);
22621
+ overflow: hidden;
22622
+ text-overflow: ellipsis;
22623
+ white-space: nowrap;
22624
+ }
22625
+
22626
+ .v-label--clickable {
22627
+ cursor: pointer;
22628
+ }.v-infinite-scroll--horizontal {
22629
+ display: flex;
22630
+ flex-direction: row;
22631
+ overflow-x: auto;
22632
+ }
22633
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
22634
+ height: 100%;
22635
+ width: 1px;
22636
+ }
22637
+
22638
+ .v-infinite-scroll--vertical {
22639
+ display: flex;
22640
+ flex-direction: column;
22641
+ overflow-y: auto;
22619
22642
  }
22620
- .v-img__img--cover {
22621
- object-fit: cover;
22643
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
22644
+ height: 1px;
22645
+ width: 100%;
22622
22646
  }
22623
22647
 
22624
- .v-img__gradient {
22625
- background-repeat: no-repeat;
22626
- }.v-item-group {
22627
- flex: 0 1 auto;
22628
- max-width: 100%;
22629
- position: relative;
22630
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22648
+ .v-infinite-scroll__side {
22649
+ align-items: center;
22650
+ display: flex;
22651
+ justify-content: center;
22652
+ padding: 8px;
22631
22653
  }.v-input {
22632
22654
  display: grid;
22633
22655
  flex: 1 1 auto;
@@ -22770,36 +22792,6 @@ textarea.v-field__input::placeholder {
22770
22792
 
22771
22793
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
22772
22794
  padding-top: calc(var(--v-input-padding-top) + 0px);
22773
- }.v-layout {
22774
- --v-scrollbar-offset: 0px;
22775
- display: flex;
22776
- flex: 1 1 auto;
22777
- }
22778
- .v-layout--full-height {
22779
- --v-scrollbar-offset: inherit;
22780
- height: 100%;
22781
- }.v-layout-item {
22782
- position: absolute;
22783
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22784
- }
22785
-
22786
- .v-layout-item--absolute {
22787
- position: absolute;
22788
- }.v-label {
22789
- align-items: center;
22790
- color: inherit;
22791
- display: inline-flex;
22792
- font-size: 1rem;
22793
- letter-spacing: 0.009375em;
22794
- min-width: 0;
22795
- opacity: var(--v-medium-emphasis-opacity);
22796
- overflow: hidden;
22797
- text-overflow: ellipsis;
22798
- white-space: nowrap;
22799
- }
22800
-
22801
- .v-label--clickable {
22802
- cursor: pointer;
22803
22795
  }.v-list {
22804
22796
  overflow: auto;
22805
22797
  padding: 8px 0;
@@ -23357,6 +23349,26 @@ textarea.v-field__input::placeholder {
23357
23349
  }
23358
23350
  .v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
23359
23351
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
23352
+ }.v-item-group {
23353
+ flex: 0 1 auto;
23354
+ max-width: 100%;
23355
+ position: relative;
23356
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23357
+ }.v-layout {
23358
+ --v-scrollbar-offset: 0px;
23359
+ display: flex;
23360
+ flex: 1 1 auto;
23361
+ }
23362
+ .v-layout--full-height {
23363
+ --v-scrollbar-offset: inherit;
23364
+ height: 100%;
23365
+ }.v-layout-item {
23366
+ position: absolute;
23367
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23368
+ }
23369
+
23370
+ .v-layout-item--absolute {
23371
+ position: absolute;
23360
23372
  }.v-main {
23361
23373
  flex: 1 0 auto;
23362
23374
  max-width: 100%;
@@ -23385,6 +23397,22 @@ textarea.v-field__input::placeholder {
23385
23397
  --v-layout-right: 0px;
23386
23398
  --v-layout-top: 0px;
23387
23399
  --v-layout-bottom: 0px;
23400
+ }.v-messages {
23401
+ flex: 1 1 auto;
23402
+ font-size: 12px;
23403
+ min-height: 14px;
23404
+ min-width: 1px;
23405
+ opacity: var(--v-medium-emphasis-opacity);
23406
+ position: relative;
23407
+ }
23408
+ .v-messages__message {
23409
+ line-height: 12px;
23410
+ word-break: break-word;
23411
+ overflow-wrap: break-word;
23412
+ word-wrap: break-word;
23413
+ -webkit-hyphens: auto;
23414
+ hyphens: auto;
23415
+ transition-duration: 150ms;
23388
23416
  }.v-locale-provider {
23389
23417
  display: contents;
23390
23418
  }.v-menu > .v-overlay__content {
@@ -23400,22 +23428,70 @@ textarea.v-field__input::placeholder {
23400
23428
  overflow: auto;
23401
23429
  height: 100%;
23402
23430
  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));
23403
- }.v-messages {
23404
- flex: 1 1 auto;
23405
- font-size: 12px;
23406
- min-height: 14px;
23407
- min-width: 1px;
23408
- opacity: var(--v-medium-emphasis-opacity);
23431
+ }.v-otp-input {
23432
+ border-radius: 4px;
23433
+ align-items: center;
23434
+ display: flex;
23435
+ justify-content: center;
23436
+ padding: 0.5rem 0;
23409
23437
  position: relative;
23410
23438
  }
23411
- .v-messages__message {
23412
- line-height: 12px;
23413
- word-break: break-word;
23414
- overflow-wrap: break-word;
23415
- word-wrap: break-word;
23416
- -webkit-hyphens: auto;
23417
- hyphens: auto;
23418
- transition-duration: 150ms;
23439
+ .v-otp-input .v-field {
23440
+ height: 100%;
23441
+ }
23442
+
23443
+ .v-otp-input__divider {
23444
+ margin: 0 8px;
23445
+ }
23446
+
23447
+ .v-otp-input__content {
23448
+ align-items: center;
23449
+ display: flex;
23450
+ gap: 0.5rem;
23451
+ height: 64px;
23452
+ padding: 0.5rem;
23453
+ justify-content: center;
23454
+ max-width: 320px;
23455
+ position: relative;
23456
+ border-radius: inherit;
23457
+ }
23458
+ .v-otp-input--divided .v-otp-input__content {
23459
+ max-width: 360px;
23460
+ }
23461
+
23462
+ .v-otp-input__field {
23463
+ color: inherit;
23464
+ font-size: 1.25rem;
23465
+ height: 100%;
23466
+ outline: none;
23467
+ text-align: center;
23468
+ width: 100%;
23469
+ }
23470
+ .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
23471
+ -webkit-appearance: none;
23472
+ margin: 0;
23473
+ }
23474
+ .v-otp-input__field[type=number] {
23475
+ -moz-appearance: textfield;
23476
+ }
23477
+
23478
+ .v-otp-input__loader {
23479
+ align-items: center;
23480
+ display: flex;
23481
+ height: 100%;
23482
+ justify-content: center;
23483
+ width: 100%;
23484
+ }
23485
+ .v-otp-input__loader .v-progress-linear {
23486
+ position: absolute;
23487
+ }.v-pagination__list {
23488
+ display: inline-flex;
23489
+ list-style-type: none;
23490
+ justify-content: center;
23491
+ width: 100%;
23492
+ }
23493
+ .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
23494
+ margin: 0.3rem;
23419
23495
  }.v-navigation-drawer {
23420
23496
  -webkit-overflow-scrolling: touch;
23421
23497
  background: rgb(var(--v-theme-surface));
@@ -23518,151 +23594,108 @@ textarea.v-field__input::placeholder {
23518
23594
  .v-navigation-drawer__append {
23519
23595
  flex: none;
23520
23596
  overflow: hidden;
23521
- }.v-overlay-container {
23522
- contain: layout;
23523
- left: 0;
23524
- pointer-events: none;
23525
- position: absolute;
23526
- top: 0;
23527
- display: contents;
23528
- }
23529
-
23530
- .v-overlay-scroll-blocked {
23531
- padding-inline-end: var(--v-scrollbar-offset);
23532
- }
23533
- .v-overlay-scroll-blocked:not(html) {
23534
- overflow-y: hidden !important;
23535
- }
23536
- html.v-overlay-scroll-blocked {
23537
- position: fixed;
23538
- top: var(--v-body-scroll-y);
23539
- left: var(--v-body-scroll-x);
23540
- width: 100%;
23541
- height: 100%;
23542
- }
23543
-
23544
- .v-overlay {
23545
- border-radius: inherit;
23546
- display: flex;
23547
- left: 0;
23548
- pointer-events: none;
23549
- position: fixed;
23550
- top: 0;
23551
- bottom: 0;
23552
- right: 0;
23553
- }
23554
-
23555
- .v-overlay__content {
23556
- outline: none;
23557
- position: absolute;
23558
- pointer-events: auto;
23559
- contain: layout;
23560
- }
23561
-
23562
- .v-overlay__scrim {
23563
- pointer-events: auto;
23564
- background: rgb(var(--v-theme-on-surface));
23565
- border-radius: inherit;
23566
- bottom: 0;
23567
- left: 0;
23568
- opacity: var(--v-overlay-opacity, 0.32);
23569
- position: fixed;
23570
- right: 0;
23571
- top: 0;
23572
- }
23573
-
23574
- .v-overlay--absolute {
23575
- position: absolute;
23576
- }
23577
-
23578
- .v-overlay--contained .v-overlay__scrim {
23579
- position: absolute;
23580
- }
23581
-
23582
- .v-overlay--scroll-blocked {
23583
- padding-inline-end: var(--v-scrollbar-offset);
23584
- }.v-pagination__list {
23585
- display: inline-flex;
23586
- list-style-type: none;
23587
- justify-content: center;
23588
- width: 100%;
23589
- }
23590
- .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
23591
- margin: 0.3rem;
23592
- }.v-parallax {
23593
- position: relative;
23594
- overflow: hidden;
23595
- }
23596
- .v-parallax--active > .v-img__img {
23597
- will-change: transform;
23598
- }.v-otp-input {
23599
- border-radius: 4px;
23597
+ }.v-progress-circular {
23600
23598
  align-items: center;
23601
- display: flex;
23599
+ display: inline-flex;
23602
23600
  justify-content: center;
23603
- padding: 0.5rem 0;
23604
23601
  position: relative;
23602
+ vertical-align: middle;
23605
23603
  }
23606
- .v-otp-input .v-field {
23604
+ .v-progress-circular > svg {
23605
+ width: 100%;
23607
23606
  height: 100%;
23607
+ margin: auto;
23608
+ position: absolute;
23609
+ top: 0;
23610
+ bottom: 0;
23611
+ left: 0;
23612
+ right: 0;
23613
+ z-index: 0;
23608
23614
  }
23609
23615
 
23610
- .v-otp-input__divider {
23611
- margin: 0 8px;
23612
- }
23613
-
23614
- .v-otp-input__content {
23616
+ .v-progress-circular__content {
23615
23617
  align-items: center;
23616
23618
  display: flex;
23617
- gap: 0.5rem;
23618
- height: 64px;
23619
- padding: 0.5rem;
23620
23619
  justify-content: center;
23621
- max-width: 320px;
23622
- position: relative;
23623
- border-radius: inherit;
23624
23620
  }
23625
- .v-otp-input--divided .v-otp-input__content {
23626
- max-width: 360px;
23621
+
23622
+ .v-progress-circular__underlay {
23623
+ color: rgba(var(--v-border-color), var(--v-border-opacity));
23624
+ stroke: currentColor;
23625
+ z-index: 1;
23627
23626
  }
23628
23627
 
23629
- .v-otp-input__field {
23630
- color: inherit;
23631
- font-size: 1.25rem;
23632
- height: 100%;
23633
- outline: none;
23634
- text-align: center;
23635
- width: 100%;
23628
+ .v-progress-circular__overlay {
23629
+ stroke: currentColor;
23630
+ transition: all 0.2s ease-in-out, stroke-width 0s;
23631
+ z-index: 2;
23636
23632
  }
23637
- .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
23638
- -webkit-appearance: none;
23639
- margin: 0;
23633
+
23634
+ .v-progress-circular--size-x-small {
23635
+ height: 16px;
23636
+ width: 16px;
23640
23637
  }
23641
- .v-otp-input__field[type=number] {
23642
- -moz-appearance: textfield;
23638
+ .v-progress-circular--size-small {
23639
+ height: 24px;
23640
+ width: 24px;
23641
+ }
23642
+ .v-progress-circular--size-default {
23643
+ height: 32px;
23644
+ width: 32px;
23645
+ }
23646
+ .v-progress-circular--size-large {
23647
+ height: 48px;
23648
+ width: 48px;
23649
+ }
23650
+ .v-progress-circular--size-x-large {
23651
+ height: 64px;
23652
+ width: 64px;
23643
23653
  }
23644
23654
 
23645
- .v-otp-input__loader {
23646
- align-items: center;
23647
- display: flex;
23648
- height: 100%;
23649
- justify-content: center;
23650
- width: 100%;
23655
+ .v-progress-circular--indeterminate > svg {
23656
+ animation: progress-circular-rotate 1.4s linear infinite;
23657
+ transform-origin: center center;
23658
+ transition: all 0.2s ease-in-out;
23651
23659
  }
23652
- .v-otp-input__loader .v-progress-linear {
23653
- position: absolute;
23654
- }.v-radio-group > .v-input__control {
23655
- flex-direction: column;
23660
+ .v-progress-circular--indeterminate .v-progress-circular__overlay {
23661
+ animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
23662
+ stroke-dasharray: 25, 200;
23663
+ stroke-dashoffset: 0;
23664
+ stroke-linecap: round;
23665
+ transform-origin: center center;
23666
+ transform: rotate(-90deg);
23656
23667
  }
23657
- .v-radio-group > .v-input__control > .v-label {
23658
- margin-inline-start: 16px;
23668
+
23669
+ .v-progress-circular--disable-shrink > svg {
23670
+ animation-duration: 0.7s;
23659
23671
  }
23660
- .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
23661
- padding-inline-start: 6px;
23662
- margin-top: 8px;
23672
+ .v-progress-circular--disable-shrink .v-progress-circular__overlay {
23673
+ animation: none;
23663
23674
  }
23664
- .v-radio-group .v-input__details {
23665
- padding-inline: 16px;
23675
+
23676
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
23677
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
23678
+ animation-play-state: paused !important;
23679
+ }
23680
+
23681
+ @keyframes progress-circular-dash {
23682
+ 0% {
23683
+ stroke-dasharray: 1, 200;
23684
+ stroke-dashoffset: 0px;
23685
+ }
23686
+ 50% {
23687
+ stroke-dasharray: 100, 200;
23688
+ stroke-dashoffset: -15px;
23689
+ }
23690
+ 100% {
23691
+ stroke-dasharray: 100, 200;
23692
+ stroke-dashoffset: -124px;
23693
+ }
23694
+ }
23695
+ @keyframes progress-circular-rotate {
23696
+ 100% {
23697
+ transform: rotate(270deg);
23698
+ }
23666
23699
  }.v-progress-linear {
23667
23700
  background: transparent;
23668
23701
  overflow: hidden;
@@ -23874,134 +23907,81 @@ html.v-overlay-scroll-blocked {
23874
23907
  0% {
23875
23908
  background-position-x: var(--v-progress-linear-height);
23876
23909
  }
23877
- }.v-progress-circular {
23878
- align-items: center;
23879
- display: inline-flex;
23880
- justify-content: center;
23881
- position: relative;
23882
- vertical-align: middle;
23883
- }
23884
- .v-progress-circular > svg {
23885
- width: 100%;
23886
- height: 100%;
23887
- margin: auto;
23888
- position: absolute;
23889
- top: 0;
23890
- bottom: 0;
23891
- left: 0;
23892
- right: 0;
23893
- z-index: 0;
23894
- }
23895
-
23896
- .v-progress-circular__content {
23897
- align-items: center;
23898
- display: flex;
23899
- justify-content: center;
23900
- }
23901
-
23902
- .v-progress-circular__underlay {
23903
- color: rgba(var(--v-border-color), var(--v-border-opacity));
23904
- stroke: currentColor;
23905
- z-index: 1;
23906
- }
23907
-
23908
- .v-progress-circular__overlay {
23909
- stroke: currentColor;
23910
- transition: all 0.2s ease-in-out, stroke-width 0s;
23911
- z-index: 2;
23912
- }
23913
-
23914
- .v-progress-circular--size-x-small {
23915
- height: 16px;
23916
- width: 16px;
23917
- }
23918
- .v-progress-circular--size-small {
23919
- height: 24px;
23920
- width: 24px;
23910
+ }.v-radio-group > .v-input__control {
23911
+ flex-direction: column;
23921
23912
  }
23922
- .v-progress-circular--size-default {
23923
- height: 32px;
23924
- width: 32px;
23913
+ .v-radio-group > .v-input__control > .v-label {
23914
+ margin-inline-start: 16px;
23925
23915
  }
23926
- .v-progress-circular--size-large {
23927
- height: 48px;
23928
- width: 48px;
23916
+ .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
23917
+ padding-inline-start: 6px;
23918
+ margin-top: 8px;
23929
23919
  }
23930
- .v-progress-circular--size-x-large {
23931
- height: 64px;
23932
- width: 64px;
23920
+ .v-radio-group .v-input__details {
23921
+ padding-inline: 16px;
23922
+ }.v-overlay-container {
23923
+ contain: layout;
23924
+ left: 0;
23925
+ pointer-events: none;
23926
+ position: absolute;
23927
+ top: 0;
23928
+ display: contents;
23933
23929
  }
23934
23930
 
23935
- .v-progress-circular--indeterminate > svg {
23936
- animation: progress-circular-rotate 1.4s linear infinite;
23937
- transform-origin: center center;
23938
- transition: all 0.2s ease-in-out;
23939
- }
23940
- .v-progress-circular--indeterminate .v-progress-circular__overlay {
23941
- animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
23942
- stroke-dasharray: 25, 200;
23943
- stroke-dashoffset: 0;
23944
- stroke-linecap: round;
23945
- transform-origin: center center;
23946
- transform: rotate(-90deg);
23931
+ .v-overlay-scroll-blocked {
23932
+ padding-inline-end: var(--v-scrollbar-offset);
23947
23933
  }
23948
-
23949
- .v-progress-circular--disable-shrink > svg {
23950
- animation-duration: 0.7s;
23934
+ .v-overlay-scroll-blocked:not(html) {
23935
+ overflow-y: hidden !important;
23951
23936
  }
23952
- .v-progress-circular--disable-shrink .v-progress-circular__overlay {
23953
- animation: none;
23937
+ html.v-overlay-scroll-blocked {
23938
+ position: fixed;
23939
+ top: var(--v-body-scroll-y);
23940
+ left: var(--v-body-scroll-x);
23941
+ width: 100%;
23942
+ height: 100%;
23954
23943
  }
23955
23944
 
23956
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
23957
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
23958
- animation-play-state: paused !important;
23945
+ .v-overlay {
23946
+ border-radius: inherit;
23947
+ display: flex;
23948
+ left: 0;
23949
+ pointer-events: none;
23950
+ position: fixed;
23951
+ top: 0;
23952
+ bottom: 0;
23953
+ right: 0;
23959
23954
  }
23960
23955
 
23961
- @keyframes progress-circular-dash {
23962
- 0% {
23963
- stroke-dasharray: 1, 200;
23964
- stroke-dashoffset: 0px;
23965
- }
23966
- 50% {
23967
- stroke-dasharray: 100, 200;
23968
- stroke-dashoffset: -15px;
23969
- }
23970
- 100% {
23971
- stroke-dasharray: 100, 200;
23972
- stroke-dashoffset: -124px;
23973
- }
23974
- }
23975
- @keyframes progress-circular-rotate {
23976
- 100% {
23977
- transform: rotate(270deg);
23978
- }
23979
- }.v-responsive {
23980
- display: flex;
23981
- flex: 1 0 auto;
23982
- max-height: 100%;
23983
- max-width: 100%;
23984
- overflow: hidden;
23985
- position: relative;
23956
+ .v-overlay__content {
23957
+ outline: none;
23958
+ position: absolute;
23959
+ pointer-events: auto;
23960
+ contain: layout;
23986
23961
  }
23987
- .v-responsive--inline {
23988
- display: inline-flex;
23989
- flex: 0 0 auto;
23962
+
23963
+ .v-overlay__scrim {
23964
+ pointer-events: auto;
23965
+ background: rgb(var(--v-theme-on-surface));
23966
+ border-radius: inherit;
23967
+ bottom: 0;
23968
+ left: 0;
23969
+ opacity: var(--v-overlay-opacity, 0.32);
23970
+ position: fixed;
23971
+ right: 0;
23972
+ top: 0;
23990
23973
  }
23991
23974
 
23992
- .v-responsive__content {
23993
- flex: 1 0 0px;
23994
- max-width: 100%;
23975
+ .v-overlay--absolute {
23976
+ position: absolute;
23995
23977
  }
23996
23978
 
23997
- .v-responsive__sizer ~ .v-responsive__content {
23998
- margin-inline-start: -100%;
23979
+ .v-overlay--contained .v-overlay__scrim {
23980
+ position: absolute;
23999
23981
  }
24000
23982
 
24001
- .v-responsive__sizer {
24002
- flex: 1 0 0px;
24003
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24004
- pointer-events: none;
23983
+ .v-overlay--scroll-blocked {
23984
+ padding-inline-end: var(--v-scrollbar-offset);
24005
23985
  }.v-rating {
24006
23986
  max-width: 100%;
24007
23987
  display: inline-flex;
@@ -24056,6 +24036,12 @@ html.v-overlay-scroll-blocked {
24056
24036
  opacity: 0;
24057
24037
  position: absolute;
24058
24038
  width: 0;
24039
+ }.v-parallax {
24040
+ position: relative;
24041
+ overflow: hidden;
24042
+ }
24043
+ .v-parallax--active > .v-img__img {
24044
+ will-change: transform;
24059
24045
  }.v-slider .v-slider__container input {
24060
24046
  cursor: default;
24061
24047
  padding: 0;
@@ -24113,6 +24099,80 @@ html.v-overlay-scroll-blocked {
24113
24099
 
24114
24100
  .v-slider__label {
24115
24101
  margin-inline-end: 12px;
24102
+ }.v-responsive {
24103
+ display: flex;
24104
+ flex: 1 0 auto;
24105
+ max-height: 100%;
24106
+ max-width: 100%;
24107
+ overflow: hidden;
24108
+ position: relative;
24109
+ }
24110
+ .v-responsive--inline {
24111
+ display: inline-flex;
24112
+ flex: 0 0 auto;
24113
+ }
24114
+
24115
+ .v-responsive__content {
24116
+ flex: 1 0 0px;
24117
+ max-width: 100%;
24118
+ }
24119
+
24120
+ .v-responsive__sizer ~ .v-responsive__content {
24121
+ margin-inline-start: -100%;
24122
+ }
24123
+
24124
+ .v-responsive__sizer {
24125
+ flex: 1 0 0px;
24126
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24127
+ pointer-events: none;
24128
+ }.v-select .v-field .v-text-field__prefix,
24129
+ .v-select .v-field .v-text-field__suffix,
24130
+ .v-select .v-field .v-field__input, .v-select .v-field.v-field {
24131
+ cursor: pointer;
24132
+ }
24133
+ .v-select .v-field .v-field__input > input {
24134
+ align-self: flex-start;
24135
+ opacity: 1;
24136
+ flex: 0 0;
24137
+ position: absolute;
24138
+ width: 100%;
24139
+ transition: none;
24140
+ pointer-events: none;
24141
+ caret-color: transparent;
24142
+ }
24143
+ .v-select .v-field--dirty .v-select__selection {
24144
+ margin-inline-end: 2px;
24145
+ }
24146
+ .v-select .v-select__selection-text {
24147
+ overflow: hidden;
24148
+ text-overflow: ellipsis;
24149
+ white-space: nowrap;
24150
+ }
24151
+ .v-select__content {
24152
+ overflow: hidden;
24153
+ 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));
24154
+ border-radius: 4px;
24155
+ }
24156
+ .v-select__selection {
24157
+ display: inline-flex;
24158
+ align-items: center;
24159
+ letter-spacing: inherit;
24160
+ line-height: inherit;
24161
+ max-width: 100%;
24162
+ }
24163
+ .v-select .v-select__selection:first-child {
24164
+ margin-inline-start: 0;
24165
+ }
24166
+ .v-select--selected .v-field .v-field__input > input {
24167
+ opacity: 0;
24168
+ }
24169
+ .v-select__menu-icon {
24170
+ margin-inline-start: 4px;
24171
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24172
+ }
24173
+ .v-select--active-menu .v-select__menu-icon {
24174
+ opacity: var(--v-high-emphasis-opacity);
24175
+ transform: rotate(180deg);
24116
24176
  }.v-selection-control-group {
24117
24177
  grid-area: control;
24118
24178
  display: flex;
@@ -24222,54 +24282,6 @@ html.v-overlay-scroll-blocked {
24222
24282
  }
24223
24283
  .v-selection-control--focus-visible .v-selection-control__input::before {
24224
24284
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
24225
- }.v-select .v-field .v-text-field__prefix,
24226
- .v-select .v-field .v-text-field__suffix,
24227
- .v-select .v-field .v-field__input, .v-select .v-field.v-field {
24228
- cursor: pointer;
24229
- }
24230
- .v-select .v-field .v-field__input > input {
24231
- align-self: flex-start;
24232
- opacity: 1;
24233
- flex: 0 0;
24234
- position: absolute;
24235
- width: 100%;
24236
- transition: none;
24237
- pointer-events: none;
24238
- caret-color: transparent;
24239
- }
24240
- .v-select .v-field--dirty .v-select__selection {
24241
- margin-inline-end: 2px;
24242
- }
24243
- .v-select .v-select__selection-text {
24244
- overflow: hidden;
24245
- text-overflow: ellipsis;
24246
- white-space: nowrap;
24247
- }
24248
- .v-select__content {
24249
- overflow: hidden;
24250
- 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));
24251
- border-radius: 4px;
24252
- }
24253
- .v-select__selection {
24254
- display: inline-flex;
24255
- align-items: center;
24256
- letter-spacing: inherit;
24257
- line-height: inherit;
24258
- max-width: 100%;
24259
- }
24260
- .v-select .v-select__selection:first-child {
24261
- margin-inline-start: 0;
24262
- }
24263
- .v-select--selected .v-field .v-field__input > input {
24264
- opacity: 0;
24265
- }
24266
- .v-select__menu-icon {
24267
- margin-inline-start: 4px;
24268
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24269
- }
24270
- .v-select--active-menu .v-select__menu-icon {
24271
- opacity: var(--v-high-emphasis-opacity);
24272
- transform: rotate(180deg);
24273
24285
  }.v-skeleton-loader {
24274
24286
  align-items: center;
24275
24287
  background: rgb(var(--v-theme-surface));
@@ -24681,130 +24693,39 @@ html.v-overlay-scroll-blocked {
24681
24693
  align-self: flex-end;
24682
24694
  margin-bottom: 8px;
24683
24695
  }
24684
- .v-snackbar--center {
24685
- align-items: center;
24686
- justify-content: center;
24687
- }
24688
- .v-snackbar--top {
24689
- align-items: flex-start;
24690
- }
24691
- .v-snackbar--bottom {
24692
- align-items: flex-end;
24693
- }
24694
- .v-snackbar--left, .v-snackbar--start {
24695
- justify-content: flex-start;
24696
- }
24697
- .v-snackbar--right, .v-snackbar--end {
24698
- justify-content: flex-end;
24699
- }
24700
-
24701
- .v-snackbar-transition-enter-active, .v-snackbar-transition-leave-active {
24702
- transition-duration: 0.15s;
24703
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24704
- }
24705
- .v-snackbar-transition-enter-active {
24706
- transition-property: opacity, transform;
24707
- }
24708
- .v-snackbar-transition-enter-from {
24709
- opacity: 0;
24710
- transform: scale(0.8);
24711
- }
24712
- .v-snackbar-transition-leave-active {
24713
- transition-property: opacity;
24714
- }
24715
- .v-snackbar-transition-leave-to {
24716
- opacity: 0;
24717
- }.v-speed-dial__content {
24718
- gap: 8px;
24719
- }
24720
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right-center {
24721
- flex-direction: row;
24722
- }
24723
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start-center {
24724
- flex-direction: row-reverse;
24725
- }
24726
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top-center {
24727
- flex-direction: column-reverse;
24728
- }
24729
- .v-speed-dial__content > *:nth-child(1) {
24730
- transition-delay: 0s;
24731
- }
24732
- .v-speed-dial__content > *:nth-child(2) {
24733
- transition-delay: 0.05s;
24734
- }
24735
- .v-speed-dial__content > *:nth-child(3) {
24736
- transition-delay: 0.1s;
24737
- }
24738
- .v-speed-dial__content > *:nth-child(4) {
24739
- transition-delay: 0.15s;
24740
- }
24741
- .v-speed-dial__content > *:nth-child(5) {
24742
- transition-delay: 0.2s;
24743
- }
24744
- .v-speed-dial__content > *:nth-child(6) {
24745
- transition-delay: 0.25s;
24746
- }
24747
- .v-speed-dial__content > *:nth-child(7) {
24748
- transition-delay: 0.3s;
24749
- }
24750
- .v-speed-dial__content > *:nth-child(8) {
24751
- transition-delay: 0.35s;
24752
- }
24753
- .v-speed-dial__content > *:nth-child(9) {
24754
- transition-delay: 0.4s;
24755
- }
24756
- .v-speed-dial__content > *:nth-child(10) {
24757
- transition-delay: 0.45s;
24758
- }.v-stepper.v-sheet {
24759
- 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));
24760
- border-radius: 4px;
24761
- overflow: hidden;
24762
- }
24763
- .v-stepper.v-sheet.v-stepper--flat {
24764
- 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));
24765
- }
24766
-
24767
- .v-stepper-header {
24768
- 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));
24769
- align-items: center;
24770
- display: flex;
24771
- position: relative;
24772
- overflow-x: auto;
24773
- justify-content: space-between;
24774
- z-index: 1;
24775
- }
24776
- .v-stepper-header .v-divider {
24777
- margin: 0 -16px;
24696
+ .v-snackbar--center {
24697
+ align-items: center;
24698
+ justify-content: center;
24778
24699
  }
24779
- .v-stepper-header .v-divider:last-child {
24780
- margin-inline-end: 0;
24700
+ .v-snackbar--top {
24701
+ align-items: flex-start;
24781
24702
  }
24782
- .v-stepper-header .v-divider:first-child {
24783
- margin-inline-start: 0;
24703
+ .v-snackbar--bottom {
24704
+ align-items: flex-end;
24784
24705
  }
24785
- .v-stepper--alt-labels .v-stepper-header {
24786
- height: auto;
24706
+ .v-snackbar--left, .v-snackbar--start {
24707
+ justify-content: flex-start;
24787
24708
  }
24788
- .v-stepper--alt-labels .v-stepper-header .v-divider {
24789
- align-self: flex-start;
24790
- margin: 35px -67px 0;
24709
+ .v-snackbar--right, .v-snackbar--end {
24710
+ justify-content: flex-end;
24791
24711
  }
24792
24712
 
24793
- .v-stepper-window {
24794
- margin: 1.5rem;
24713
+ .v-snackbar-transition-enter-active, .v-snackbar-transition-leave-active {
24714
+ transition-duration: 0.15s;
24715
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24795
24716
  }
24796
-
24797
- .v-stepper-actions {
24798
- display: flex;
24799
- align-items: center;
24800
- justify-content: space-between;
24801
- padding: 1rem;
24717
+ .v-snackbar-transition-enter-active {
24718
+ transition-property: opacity, transform;
24802
24719
  }
24803
- .v-stepper .v-stepper-actions {
24804
- padding: 0 1.5rem 1rem;
24720
+ .v-snackbar-transition-enter-from {
24721
+ opacity: 0;
24722
+ transform: scale(0.8);
24805
24723
  }
24806
- .v-stepper-window-item .v-stepper-actions {
24807
- padding: 1.5rem 0 0;
24724
+ .v-snackbar-transition-leave-active {
24725
+ transition-property: opacity;
24726
+ }
24727
+ .v-snackbar-transition-leave-to {
24728
+ opacity: 0;
24808
24729
  }.v-stepper-item {
24809
24730
  align-items: center;
24810
24731
  align-self: stretch;
@@ -24871,43 +24792,97 @@ html.v-overlay-scroll-blocked {
24871
24792
  }
24872
24793
  .v-stepper--mobile .v-stepper-item__subtitle {
24873
24794
  display: none;
24874
- }.v-system-bar {
24795
+ }.v-stepper.v-sheet {
24796
+ 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));
24797
+ border-radius: 4px;
24798
+ overflow: hidden;
24799
+ }
24800
+ .v-stepper.v-sheet.v-stepper--flat {
24801
+ 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));
24802
+ }
24803
+
24804
+ .v-stepper-header {
24805
+ 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));
24875
24806
  align-items: center;
24876
24807
  display: flex;
24877
- flex: 1 1 auto;
24878
- height: 24px;
24879
- justify-content: flex-end;
24880
- max-width: 100%;
24881
- padding-inline: 8px;
24882
24808
  position: relative;
24883
- text-align: end;
24884
- width: 100%;
24885
- 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));
24886
- background: rgba(var(--v-theme-surface-light));
24887
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24888
- font-size: 0.75rem;
24889
- font-weight: 400;
24890
- letter-spacing: 0.0333333333em;
24891
- line-height: 1.667;
24892
- text-transform: none;
24809
+ overflow-x: auto;
24810
+ justify-content: space-between;
24811
+ z-index: 1;
24893
24812
  }
24894
- .v-system-bar .v-icon {
24895
- opacity: var(--v-medium-emphasis-opacity);
24813
+ .v-stepper-header .v-divider {
24814
+ margin: 0 -16px;
24896
24815
  }
24897
- .v-system-bar--absolute {
24898
- position: absolute;
24816
+ .v-stepper-header .v-divider:last-child {
24817
+ margin-inline-end: 0;
24899
24818
  }
24900
- .v-system-bar--fixed {
24901
- position: fixed;
24819
+ .v-stepper-header .v-divider:first-child {
24820
+ margin-inline-start: 0;
24902
24821
  }
24903
- .v-system-bar--rounded {
24904
- border-radius: 0;
24822
+ .v-stepper--alt-labels .v-stepper-header {
24823
+ height: auto;
24905
24824
  }
24906
- .v-system-bar--window {
24907
- height: 32px;
24825
+ .v-stepper--alt-labels .v-stepper-header .v-divider {
24826
+ align-self: flex-start;
24827
+ margin: 35px -67px 0;
24908
24828
  }
24909
- .v-system-bar:not(.v-system-bar--absolute) {
24910
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24829
+
24830
+ .v-stepper-window {
24831
+ margin: 1.5rem;
24832
+ }
24833
+
24834
+ .v-stepper-actions {
24835
+ display: flex;
24836
+ align-items: center;
24837
+ justify-content: space-between;
24838
+ padding: 1rem;
24839
+ }
24840
+ .v-stepper .v-stepper-actions {
24841
+ padding: 0 1.5rem 1rem;
24842
+ }
24843
+ .v-stepper-window-item .v-stepper-actions {
24844
+ padding: 1.5rem 0 0;
24845
+ }.v-speed-dial__content {
24846
+ gap: 8px;
24847
+ }
24848
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right-center {
24849
+ flex-direction: row;
24850
+ }
24851
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start-center {
24852
+ flex-direction: row-reverse;
24853
+ }
24854
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top-center {
24855
+ flex-direction: column-reverse;
24856
+ }
24857
+ .v-speed-dial__content > *:nth-child(1) {
24858
+ transition-delay: 0s;
24859
+ }
24860
+ .v-speed-dial__content > *:nth-child(2) {
24861
+ transition-delay: 0.05s;
24862
+ }
24863
+ .v-speed-dial__content > *:nth-child(3) {
24864
+ transition-delay: 0.1s;
24865
+ }
24866
+ .v-speed-dial__content > *:nth-child(4) {
24867
+ transition-delay: 0.15s;
24868
+ }
24869
+ .v-speed-dial__content > *:nth-child(5) {
24870
+ transition-delay: 0.2s;
24871
+ }
24872
+ .v-speed-dial__content > *:nth-child(6) {
24873
+ transition-delay: 0.25s;
24874
+ }
24875
+ .v-speed-dial__content > *:nth-child(7) {
24876
+ transition-delay: 0.3s;
24877
+ }
24878
+ .v-speed-dial__content > *:nth-child(8) {
24879
+ transition-delay: 0.35s;
24880
+ }
24881
+ .v-speed-dial__content > *:nth-child(9) {
24882
+ transition-delay: 0.4s;
24883
+ }
24884
+ .v-speed-dial__content > *:nth-child(10) {
24885
+ transition-delay: 0.45s;
24911
24886
  }.v-switch .v-label {
24912
24887
  padding-inline-start: 10px;
24913
24888
  }
@@ -25044,74 +25019,7 @@ html.v-overlay-scroll-blocked {
25044
25019
  }
25045
25020
  .v-switch.v-input--vertical .v-selection-control__wrapper {
25046
25021
  transform: rotate(-90deg);
25047
- }/* region BLOCK */
25048
- .v-text-field input {
25049
- color: inherit;
25050
- opacity: 0;
25051
- flex: 1;
25052
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25053
- min-width: 0;
25054
- }
25055
- .v-text-field input:focus, .v-text-field input:active {
25056
- outline: none;
25057
- }
25058
- .v-text-field input:invalid {
25059
- box-shadow: none;
25060
- }
25061
- .v-text-field .v-field {
25062
- cursor: text;
25063
- }
25064
- .v-text-field--prefixed.v-text-field .v-field__input {
25065
- --v-field-padding-start: 6px;
25066
- }
25067
-
25068
- .v-text-field--suffixed.v-text-field .v-field__input {
25069
- --v-field-padding-end: 0;
25070
- }
25071
-
25072
- .v-text-field .v-input__details {
25073
- padding-inline: 16px;
25074
- }
25075
- .v-input--plain-underlined.v-text-field .v-input__details {
25076
- padding-inline: 0;
25077
- }
25078
-
25079
- .v-text-field .v-field--no-label input,
25080
- .v-text-field .v-field--active input {
25081
- opacity: 1;
25082
- }
25083
- .v-text-field .v-field--single-line input {
25084
- transition: none;
25085
- }
25086
-
25087
- /* endregion */
25088
- /* region ELEMENTS */
25089
- .v-text-field__prefix, .v-text-field__suffix {
25090
- align-items: center;
25091
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
25092
- cursor: default;
25093
- display: flex;
25094
- opacity: 0;
25095
- transition: inherit;
25096
- white-space: nowrap;
25097
- min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
25098
- padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
25099
- padding-bottom: var(--v-field-padding-bottom, 6px);
25100
- }
25101
- .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
25102
- opacity: 1;
25103
- }
25104
- .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
25105
- color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
25106
- }
25107
- .v-text-field__prefix {
25108
- padding-inline-start: var(--v-field-padding-start);
25109
- }
25110
- .v-text-field__suffix {
25111
- padding-inline-end: var(--v-field-padding-end);
25112
- }
25113
-
25114
- /* endregion */.v-tab.v-tab.v-btn {
25022
+ }.v-tab.v-tab.v-btn {
25115
25023
  height: var(--v-tabs-height);
25116
25024
  border-radius: 0;
25117
25025
  min-width: 90px;
@@ -25133,13 +25041,50 @@ html.v-overlay-scroll-blocked {
25133
25041
  pointer-events: none;
25134
25042
  opacity: 0;
25135
25043
  }
25136
- .v-tab--selected .v-tab__slider {
25137
- opacity: 1;
25044
+ .v-tab--selected .v-tab__slider {
25045
+ opacity: 1;
25046
+ }
25047
+ .v-slide-group--vertical .v-tab__slider {
25048
+ top: 0;
25049
+ height: 100%;
25050
+ width: 2px;
25051
+ }.v-system-bar {
25052
+ align-items: center;
25053
+ display: flex;
25054
+ flex: 1 1 auto;
25055
+ height: 24px;
25056
+ justify-content: flex-end;
25057
+ max-width: 100%;
25058
+ padding-inline: 8px;
25059
+ position: relative;
25060
+ text-align: end;
25061
+ width: 100%;
25062
+ 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));
25063
+ background: rgba(var(--v-theme-surface-light));
25064
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
25065
+ font-size: 0.75rem;
25066
+ font-weight: 400;
25067
+ letter-spacing: 0.0333333333em;
25068
+ line-height: 1.667;
25069
+ text-transform: none;
25070
+ }
25071
+ .v-system-bar .v-icon {
25072
+ opacity: var(--v-medium-emphasis-opacity);
25073
+ }
25074
+ .v-system-bar--absolute {
25075
+ position: absolute;
25076
+ }
25077
+ .v-system-bar--fixed {
25078
+ position: fixed;
25079
+ }
25080
+ .v-system-bar--rounded {
25081
+ border-radius: 0;
25138
25082
  }
25139
- .v-slide-group--vertical .v-tab__slider {
25140
- top: 0;
25141
- height: 100%;
25142
- width: 2px;
25083
+ .v-system-bar--window {
25084
+ height: 32px;
25085
+ }
25086
+ .v-system-bar:not(.v-system-bar--absolute) {
25087
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
25143
25088
  }.v-tabs {
25144
25089
  display: flex;
25145
25090
  height: var(--v-tabs-height);
@@ -25206,46 +25151,74 @@ html.v-overlay-scroll-blocked {
25206
25151
  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
25207
25152
  margin-inline-end: 52px;
25208
25153
  }
25209
- }.v-textarea .v-field {
25210
- --v-textarea-control-height: var(--v-input-control-height);
25211
- }
25212
- .v-textarea .v-field__field {
25213
- --v-input-control-height: var(--v-textarea-control-height);
25154
+ }/* region BLOCK */
25155
+ .v-text-field input {
25156
+ color: inherit;
25157
+ opacity: 0;
25158
+ flex: 1;
25159
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25160
+ min-width: 0;
25214
25161
  }
25215
- .v-textarea .v-field__input {
25216
- flex: 1 1 auto;
25162
+ .v-text-field input:focus, .v-text-field input:active {
25217
25163
  outline: none;
25218
- -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));
25219
- 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));
25220
25164
  }
25221
- .v-textarea .v-field__input.v-textarea__sizer {
25222
- visibility: hidden;
25223
- position: absolute;
25224
- top: 0;
25225
- left: 0;
25226
- height: 0 !important;
25227
- min-height: 0 !important;
25228
- pointer-events: none;
25165
+ .v-text-field input:invalid {
25166
+ box-shadow: none;
25229
25167
  }
25230
- .v-textarea--no-resize .v-field__input {
25231
- resize: none;
25168
+ .v-text-field .v-field {
25169
+ cursor: text;
25232
25170
  }
25233
- .v-textarea .v-field--no-label textarea,
25234
- .v-textarea .v-field--active textarea {
25171
+ .v-text-field--prefixed.v-text-field .v-field__input {
25172
+ --v-field-padding-start: 6px;
25173
+ }
25174
+
25175
+ .v-text-field--suffixed.v-text-field .v-field__input {
25176
+ --v-field-padding-end: 0;
25177
+ }
25178
+
25179
+ .v-text-field .v-input__details {
25180
+ padding-inline: 16px;
25181
+ }
25182
+ .v-input--plain-underlined.v-text-field .v-input__details {
25183
+ padding-inline: 0;
25184
+ }
25185
+
25186
+ .v-text-field .v-field--no-label input,
25187
+ .v-text-field .v-field--active input {
25235
25188
  opacity: 1;
25236
25189
  }
25237
- .v-textarea textarea {
25190
+ .v-text-field .v-field--single-line input {
25191
+ transition: none;
25192
+ }
25193
+
25194
+ /* endregion */
25195
+ /* region ELEMENTS */
25196
+ .v-text-field__prefix, .v-text-field__suffix {
25197
+ align-items: center;
25198
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
25199
+ cursor: default;
25200
+ display: flex;
25238
25201
  opacity: 0;
25239
- flex: 1;
25240
- min-width: 0;
25241
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25202
+ transition: inherit;
25203
+ white-space: nowrap;
25204
+ min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
25205
+ padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
25206
+ padding-bottom: var(--v-field-padding-bottom, 6px);
25242
25207
  }
25243
- .v-textarea textarea:focus, .v-textarea textarea:active {
25244
- outline: none;
25208
+ .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
25209
+ opacity: 1;
25245
25210
  }
25246
- .v-textarea textarea:invalid {
25247
- box-shadow: none;
25248
- }.v-table {
25211
+ .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
25212
+ color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
25213
+ }
25214
+ .v-text-field__prefix {
25215
+ padding-inline-start: var(--v-field-padding-start);
25216
+ }
25217
+ .v-text-field__suffix {
25218
+ padding-inline-end: var(--v-field-padding-end);
25219
+ }
25220
+
25221
+ /* endregion */.v-table {
25249
25222
  background: rgb(var(--v-theme-surface));
25250
25223
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
25251
25224
  font-size: 0.875rem;
@@ -25383,31 +25356,48 @@ html.v-overlay-scroll-blocked {
25383
25356
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
25384
25357
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
25385
25358
  border-top: 0px !important;
25386
- }.v-theme-provider {
25387
- background: rgb(var(--v-theme-background));
25388
- color: rgb(var(--v-theme-on-background));
25389
- }.v-tooltip > .v-overlay__content {
25390
- background: rgb(var(--v-theme-surface-variant));
25391
- color: rgb(var(--v-theme-on-surface-variant));
25392
- border-radius: 4px;
25393
- font-size: 0.875rem;
25394
- line-height: 1.6;
25395
- display: inline-block;
25396
- padding: 5px 16px;
25397
- text-transform: initial;
25398
- width: auto;
25399
- opacity: 1;
25359
+ }.v-textarea .v-field {
25360
+ --v-textarea-control-height: var(--v-input-control-height);
25361
+ }
25362
+ .v-textarea .v-field__field {
25363
+ --v-input-control-height: var(--v-textarea-control-height);
25364
+ }
25365
+ .v-textarea .v-field__input {
25366
+ flex: 1 1 auto;
25367
+ outline: none;
25368
+ -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));
25369
+ 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));
25370
+ }
25371
+ .v-textarea .v-field__input.v-textarea__sizer {
25372
+ visibility: hidden;
25373
+ position: absolute;
25374
+ top: 0;
25375
+ left: 0;
25376
+ height: 0 !important;
25377
+ min-height: 0 !important;
25400
25378
  pointer-events: none;
25401
- transition-property: opacity, transform;
25402
- overflow-wrap: break-word;
25403
25379
  }
25404
- .v-tooltip > .v-overlay__content[class*=enter-active] {
25405
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25406
- transition-duration: 150ms;
25380
+ .v-textarea--no-resize .v-field__input {
25381
+ resize: none;
25407
25382
  }
25408
- .v-tooltip > .v-overlay__content[class*=leave-active] {
25409
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25410
- transition-duration: 75ms;
25383
+ .v-textarea .v-field--no-label textarea,
25384
+ .v-textarea .v-field--active textarea {
25385
+ opacity: 1;
25386
+ }
25387
+ .v-textarea textarea {
25388
+ opacity: 0;
25389
+ flex: 1;
25390
+ min-width: 0;
25391
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25392
+ }
25393
+ .v-textarea textarea:focus, .v-textarea textarea:active {
25394
+ outline: none;
25395
+ }
25396
+ .v-textarea textarea:invalid {
25397
+ box-shadow: none;
25398
+ }.v-theme-provider {
25399
+ background: rgb(var(--v-theme-background));
25400
+ color: rgb(var(--v-theme-on-background));
25411
25401
  }.v-timeline .v-timeline-divider__dot {
25412
25402
  background: rgb(var(--v-theme-surface-light));
25413
25403
  }
@@ -25824,6 +25814,15 @@ html.v-overlay-scroll-blocked {
25824
25814
 
25825
25815
  .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
25826
25816
  padding-inline-end: 0;
25817
+ }.v-virtual-scroll {
25818
+ display: block;
25819
+ flex: 1 1 auto;
25820
+ max-width: 100%;
25821
+ overflow: auto;
25822
+ position: relative;
25823
+ }
25824
+ .v-virtual-scroll__container {
25825
+ display: block;
25827
25826
  }.v-toolbar {
25828
25827
  align-items: flex-start;
25829
25828
  display: flex;
@@ -25953,15 +25952,28 @@ html.v-overlay-scroll-blocked {
25953
25952
  }
25954
25953
  .v-toolbar-items > .v-btn {
25955
25954
  border-radius: 0;
25956
- }.v-virtual-scroll {
25957
- display: block;
25958
- flex: 1 1 auto;
25959
- max-width: 100%;
25960
- overflow: auto;
25961
- position: relative;
25955
+ }.v-tooltip > .v-overlay__content {
25956
+ background: rgb(var(--v-theme-surface-variant));
25957
+ color: rgb(var(--v-theme-on-surface-variant));
25958
+ border-radius: 4px;
25959
+ font-size: 0.875rem;
25960
+ line-height: 1.6;
25961
+ display: inline-block;
25962
+ padding: 5px 16px;
25963
+ text-transform: initial;
25964
+ width: auto;
25965
+ opacity: 1;
25966
+ pointer-events: none;
25967
+ transition-property: opacity, transform;
25968
+ overflow-wrap: break-word;
25962
25969
  }
25963
- .v-virtual-scroll__container {
25964
- display: block;
25970
+ .v-tooltip > .v-overlay__content[class*=enter-active] {
25971
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25972
+ transition-duration: 150ms;
25973
+ }
25974
+ .v-tooltip > .v-overlay__content[class*=leave-active] {
25975
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25976
+ transition-duration: 75ms;
25965
25977
  }.v-window {
25966
25978
  overflow: hidden;
25967
25979
  }
@@ -26032,40 +26044,6 @@ html.v-overlay-scroll-blocked {
26032
26044
  }
26033
26045
  .v-window-y-reverse-transition-leave-to {
26034
26046
  transform: translateY(100%);
26035
- }.v-app-bar {
26036
- display: flex;
26037
- }
26038
- .v-app-bar.v-toolbar {
26039
- background: rgb(var(--v-theme-surface));
26040
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
26041
- }
26042
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
26043
- 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));
26044
- }
26045
- .v-app-bar:not(.v-toolbar--absolute) {
26046
- padding-inline-end: var(--v-scrollbar-offset);
26047
- }.v-color-picker-canvas {
26048
- display: flex;
26049
- position: relative;
26050
- overflow: hidden;
26051
- contain: content;
26052
- touch-action: none;
26053
- }
26054
- .v-color-picker-canvas__dot {
26055
- position: absolute;
26056
- top: 0;
26057
- left: 0;
26058
- width: 15px;
26059
- height: 15px;
26060
- background: transparent;
26061
- border-radius: 50%;
26062
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
26063
- }
26064
- .v-color-picker-canvas__dot--disabled {
26065
- 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);
26066
- }
26067
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
26068
- will-change: transform;
26069
26047
  }.v-color-picker-edit {
26070
26048
  display: flex;
26071
26049
  margin-top: 24px;
@@ -26094,6 +26072,28 @@ html.v-overlay-scroll-blocked {
26094
26072
  }
26095
26073
  .v-color-picker-edit__input span {
26096
26074
  font-size: 0.75rem;
26075
+ }.v-color-picker-canvas {
26076
+ display: flex;
26077
+ position: relative;
26078
+ overflow: hidden;
26079
+ contain: content;
26080
+ touch-action: none;
26081
+ }
26082
+ .v-color-picker-canvas__dot {
26083
+ position: absolute;
26084
+ top: 0;
26085
+ left: 0;
26086
+ width: 15px;
26087
+ height: 15px;
26088
+ background: transparent;
26089
+ border-radius: 50%;
26090
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
26091
+ }
26092
+ .v-color-picker-canvas__dot--disabled {
26093
+ 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);
26094
+ }
26095
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
26096
+ will-change: transform;
26097
26097
  }.v-color-picker-swatches {
26098
26098
  overflow-y: auto;
26099
26099
  }