vuetify 3.5.0 → 3.5.2

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 (60) hide show
  1. package/dist/json/attributes.json +15 -27
  2. package/dist/json/importMap-labs.json +8 -8
  3. package/dist/json/importMap.json +156 -156
  4. package/dist/json/tags.json +0 -3
  5. package/dist/json/web-types.json +47 -65
  6. package/dist/vuetify-labs.css +1945 -1958
  7. package/dist/vuetify-labs.d.ts +59 -80
  8. package/dist/vuetify-labs.esm.js +28 -26
  9. package/dist/vuetify-labs.esm.js.map +1 -1
  10. package/dist/vuetify-labs.js +28 -26
  11. package/dist/vuetify-labs.min.css +2 -2
  12. package/dist/vuetify.css +1257 -1270
  13. package/dist/vuetify.d.ts +99 -120
  14. package/dist/vuetify.esm.js +28 -26
  15. package/dist/vuetify.esm.js.map +1 -1
  16. package/dist/vuetify.js +28 -26
  17. package/dist/vuetify.js.map +1 -1
  18. package/dist/vuetify.min.css +2 -2
  19. package/dist/vuetify.min.js +22 -23
  20. package/dist/vuetify.min.js.map +1 -1
  21. package/lib/components/VChipGroup/VChipGroup.mjs +1 -2
  22. package/lib/components/VChipGroup/VChipGroup.mjs.map +1 -1
  23. package/lib/components/VColorPicker/VColorPickerEdit.mjs +1 -1
  24. package/lib/components/VColorPicker/VColorPickerEdit.mjs.map +1 -1
  25. package/lib/components/VColorPicker/util/index.mjs +1 -1
  26. package/lib/components/VColorPicker/util/index.mjs.map +1 -1
  27. package/lib/components/VDatePicker/VDatePicker.mjs +1 -1
  28. package/lib/components/VDatePicker/VDatePicker.mjs.map +1 -1
  29. package/lib/components/VDatePicker/VDatePickerMonth.mjs +2 -3
  30. package/lib/components/VDatePicker/VDatePickerMonth.mjs.map +1 -1
  31. package/lib/components/VDatePicker/index.d.mts +45 -63
  32. package/lib/components/VLabel/VLabel.mjs +5 -4
  33. package/lib/components/VLabel/VLabel.mjs.map +1 -1
  34. package/lib/components/VLabel/index.d.mts +6 -9
  35. package/lib/components/VMenu/VMenu.mjs +1 -0
  36. package/lib/components/VMenu/VMenu.mjs.map +1 -1
  37. package/lib/components/VOverlay/scrollStrategies.mjs +3 -0
  38. package/lib/components/VOverlay/scrollStrategies.mjs.map +1 -1
  39. package/lib/components/VSelectionControl/VSelectionControl.mjs +4 -2
  40. package/lib/components/VSelectionControl/VSelectionControl.mjs.map +1 -1
  41. package/lib/components/VTable/VTable.css +15 -28
  42. package/lib/components/VTable/VTable.sass +6 -13
  43. package/lib/components/VTable/_variables.scss +1 -1
  44. package/lib/components/VWindow/VWindow.css +1 -1
  45. package/lib/components/VWindow/VWindow.sass +1 -1
  46. package/lib/components/index.d.mts +51 -72
  47. package/lib/composables/calendar.mjs +1 -1
  48. package/lib/composables/calendar.mjs.map +1 -1
  49. package/lib/composables/date/adapters/vuetify.mjs +2 -8
  50. package/lib/composables/date/adapters/vuetify.mjs.map +1 -1
  51. package/lib/composables/group.mjs +4 -1
  52. package/lib/composables/group.mjs.map +1 -1
  53. package/lib/composables/validation.mjs +1 -1
  54. package/lib/composables/validation.mjs.map +1 -1
  55. package/lib/entry-bundler.mjs +1 -1
  56. package/lib/framework.mjs +1 -1
  57. package/lib/index.d.mts +48 -48
  58. package/lib/labs/VCalendar/index.d.mts +8 -8
  59. package/lib/labs/components.d.mts +8 -8
  60. package/package.json +2 -2
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.5.0
2
+ * Vuetify v3.5.2
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17029,34 +17029,6 @@ html.overflow-y-hidden {
17029
17029
  .v-ripple__animation--out {
17030
17030
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
17031
17031
  opacity: 0;
17032
- }.v-application {
17033
- display: flex;
17034
- background: rgb(var(--v-theme-background));
17035
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
17036
- }
17037
-
17038
- .v-application__wrap {
17039
- -webkit-backface-visibility: hidden;
17040
- backface-visibility: hidden;
17041
- display: flex;
17042
- flex-direction: column;
17043
- flex: 1 1 auto;
17044
- max-width: 100%;
17045
- min-height: 100vh;
17046
- min-height: 100dvh;
17047
- position: relative;
17048
- }.v-app-bar {
17049
- display: flex;
17050
- }
17051
- .v-app-bar.v-toolbar {
17052
- background: rgb(var(--v-theme-surface));
17053
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17054
- }
17055
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17056
- 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));
17057
- }
17058
- .v-app-bar:not(.v-toolbar--absolute) {
17059
- padding-inline-end: var(--v-scrollbar-offset);
17060
17032
  }.v-alert {
17061
17033
  display: grid;
17062
17034
  flex: 1 1;
@@ -17348,6 +17320,34 @@ html.overflow-y-hidden {
17348
17320
  .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17349
17321
  opacity: var(--v-high-emphasis-opacity);
17350
17322
  transform: rotate(180deg);
17323
+ }.v-application {
17324
+ display: flex;
17325
+ background: rgb(var(--v-theme-background));
17326
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
17327
+ }
17328
+
17329
+ .v-application__wrap {
17330
+ -webkit-backface-visibility: hidden;
17331
+ backface-visibility: hidden;
17332
+ display: flex;
17333
+ flex-direction: column;
17334
+ flex: 1 1 auto;
17335
+ max-width: 100%;
17336
+ min-height: 100vh;
17337
+ min-height: 100dvh;
17338
+ position: relative;
17339
+ }.v-app-bar {
17340
+ display: flex;
17341
+ }
17342
+ .v-app-bar.v-toolbar {
17343
+ background: rgb(var(--v-theme-surface));
17344
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17345
+ }
17346
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17347
+ 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));
17348
+ }
17349
+ .v-app-bar:not(.v-toolbar--absolute) {
17350
+ padding-inline-end: var(--v-scrollbar-offset);
17351
17351
  }.v-avatar {
17352
17352
  flex: none;
17353
17353
  align-items: center;
@@ -18266,19 +18266,6 @@ html.overflow-y-hidden {
18266
18266
  }
18267
18267
  .v-btn-group--tile {
18268
18268
  border-radius: 0;
18269
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18270
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18271
- }
18272
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18273
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18274
- }
18275
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18276
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18277
- }
18278
- @supports not selector(:focus-visible) {
18279
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18280
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18281
- }
18282
18269
  }.v-card {
18283
18270
  display: block;
18284
18271
  overflow: hidden;
@@ -18575,6 +18562,21 @@ html.overflow-y-hidden {
18575
18562
  pointer-events: none;
18576
18563
  opacity: 0;
18577
18564
  transition: opacity 0.2s ease-in-out;
18565
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18566
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18567
+ }
18568
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18569
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18570
+ }
18571
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18572
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18573
+ }
18574
+ @supports not selector(:focus-visible) {
18575
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18576
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18577
+ }
18578
+ }.v-checkbox .v-selection-control {
18579
+ min-height: var(--v-input-control-height);
18578
18580
  }.v-carousel {
18579
18581
  overflow: hidden;
18580
18582
  position: relative;
@@ -18638,8 +18640,24 @@ html.overflow-y-hidden {
18638
18640
  flex-direction: column;
18639
18641
  height: 100% !important;
18640
18642
  width: 50px;
18641
- }.v-checkbox .v-selection-control {
18642
- min-height: var(--v-input-control-height);
18643
+ }.v-chip-group {
18644
+ display: flex;
18645
+ max-width: 100%;
18646
+ min-width: 0;
18647
+ overflow-x: auto;
18648
+ padding: 4px 0;
18649
+ }
18650
+ .v-chip-group .v-chip {
18651
+ margin: 4px 8px 4px 0;
18652
+ }
18653
+ .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
18654
+ opacity: var(--v-activated-opacity);
18655
+ }
18656
+
18657
+ .v-chip-group--column .v-slide-group__content {
18658
+ white-space: normal;
18659
+ flex-wrap: wrap;
18660
+ max-width: 100%;
18643
18661
  }.v-chip {
18644
18662
  align-items: center;
18645
18663
  cursor: default;
@@ -19048,44 +19066,6 @@ html.overflow-y-hidden {
19048
19066
 
19049
19067
  .v-chip--label {
19050
19068
  border-radius: 4px;
19051
- }.v-chip-group {
19052
- display: flex;
19053
- max-width: 100%;
19054
- min-width: 0;
19055
- overflow-x: auto;
19056
- padding: 4px 0;
19057
- }
19058
- .v-chip-group .v-chip {
19059
- margin: 4px 8px 4px 0;
19060
- }
19061
- .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
19062
- opacity: var(--v-activated-opacity);
19063
- }
19064
-
19065
- .v-chip-group--column .v-slide-group__content {
19066
- white-space: normal;
19067
- flex-wrap: wrap;
19068
- max-width: 100%;
19069
- }.v-color-picker {
19070
- align-self: flex-start;
19071
- contain: content;
19072
- }
19073
- .v-color-picker.v-sheet {
19074
- 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));
19075
- border-radius: 4px;
19076
- }
19077
-
19078
- .v-color-picker__controls {
19079
- display: flex;
19080
- flex-direction: column;
19081
- padding: 16px;
19082
- }
19083
-
19084
- .v-color-picker--flat {
19085
- 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));
19086
- }
19087
- .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
19088
- 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));
19089
19069
  }.v-container {
19090
19070
  width: 100%;
19091
19071
  padding: 16px;
@@ -19758,186 +19738,85 @@ html.overflow-y-hidden {
19758
19738
  .offset-xxl-11 {
19759
19739
  margin-inline-start: 91.6666666667%;
19760
19740
  }
19761
- }.v-combobox .v-field .v-text-field__prefix,
19762
- .v-combobox .v-field .v-text-field__suffix,
19763
- .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
19764
- cursor: text;
19741
+ }.v-color-picker {
19742
+ align-self: flex-start;
19743
+ contain: content;
19765
19744
  }
19766
- .v-combobox .v-field .v-field__input > input {
19767
- flex: 1 1;
19745
+ .v-color-picker.v-sheet {
19746
+ 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));
19747
+ border-radius: 4px;
19768
19748
  }
19769
- .v-combobox .v-field input {
19770
- min-width: 64px;
19749
+
19750
+ .v-color-picker__controls {
19751
+ display: flex;
19752
+ flex-direction: column;
19753
+ padding: 16px;
19771
19754
  }
19772
- .v-combobox .v-field:not(.v-field--focused) input {
19773
- min-width: 0;
19755
+
19756
+ .v-color-picker--flat {
19757
+ 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));
19774
19758
  }
19775
- .v-combobox .v-field--dirty .v-combobox__selection {
19776
- margin-inline-end: 2px;
19759
+ .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
19760
+ 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));
19761
+ }.v-data-table {
19762
+ width: 100%;
19777
19763
  }
19778
- .v-combobox .v-combobox__selection-text {
19779
- overflow: hidden;
19780
- text-overflow: ellipsis;
19781
- white-space: nowrap;
19764
+
19765
+ .v-data-table__table {
19766
+ width: 100%;
19767
+ border-collapse: separate;
19768
+ border-spacing: 0;
19782
19769
  }
19783
19770
 
19784
- .v-combobox__content {
19785
- overflow: hidden;
19786
- 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));
19787
- border-radius: 4px;
19771
+ .v-data-table__tr--focus {
19772
+ border: 1px dotted black;
19788
19773
  }
19789
- .v-combobox__mask {
19790
- background: rgb(var(--v-theme-surface-light));
19774
+ .v-data-table__tr--clickable {
19775
+ cursor: pointer;
19791
19776
  }
19792
- .v-combobox__selection {
19793
- display: inline-flex;
19794
- align-items: center;
19795
- height: 1.5rem;
19796
- letter-spacing: inherit;
19797
- line-height: inherit;
19798
- max-width: calc(100% - 2px - 2px);
19777
+
19778
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
19779
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
19780
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
19781
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
19782
+ text-align: end;
19799
19783
  }
19800
- .v-combobox__selection:first-child {
19801
- margin-inline-start: 0;
19784
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
19785
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
19786
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
19787
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
19788
+ flex-direction: row-reverse;
19802
19789
  }
19803
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
19804
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
19805
- .v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
19806
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
19807
- top: 0px;
19790
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
19791
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
19792
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
19793
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
19794
+ text-align: center;
19808
19795
  }
19809
- .v-combobox--selecting-index .v-combobox__selection {
19810
- opacity: var(--v-medium-emphasis-opacity);
19796
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
19797
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
19798
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
19799
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
19800
+ justify-content: center;
19811
19801
  }
19812
- .v-combobox--selecting-index .v-combobox__selection--selected {
19813
- opacity: 1;
19802
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
19803
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
19804
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
19805
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
19806
+ padding: 0 8px;
19814
19807
  }
19815
- .v-combobox--selecting-index .v-field__input > input {
19816
- caret-color: transparent;
19808
+ .v-data-table .v-table__wrapper > table > thead > tr > th,
19809
+ .v-data-table .v-table__wrapper > table tbody > tr > th {
19810
+ align-items: center;
19817
19811
  }
19818
- .v-combobox--single.v-text-field .v-field--focused input {
19819
- flex: 1 1;
19820
- position: absolute;
19821
- left: 0;
19822
- right: 0;
19823
- width: 100%;
19824
- padding-inline: inherit;
19812
+ .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--fixed,
19813
+ .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--fixed {
19814
+ position: sticky;
19825
19815
  }
19826
- .v-combobox--single .v-field--active input {
19827
- transition: none;
19828
- }
19829
- .v-combobox--single .v-field--dirty:not(.v-field--focused) input {
19830
- opacity: 0;
19831
- }
19832
- .v-combobox--single .v-field--focused .v-combobox__selection {
19833
- opacity: 0;
19834
- }
19835
- .v-combobox__menu-icon {
19836
- margin-inline-start: 4px;
19837
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
19838
- }
19839
- .v-combobox--active-menu .v-combobox__menu-icon {
19840
- opacity: var(--v-high-emphasis-opacity);
19841
- transform: rotate(180deg);
19842
- }.v-counter {
19843
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
19844
- flex: 0 1 auto;
19845
- font-size: 12px;
19846
- transition-duration: 150ms;
19847
- }.v-data-table-footer {
19848
- display: flex;
19849
- align-items: center;
19850
- flex-wrap: wrap;
19851
- padding: 4px;
19852
- justify-content: flex-end;
19853
- }
19854
-
19855
- .v-data-table-footer__items-per-page {
19856
- display: flex;
19857
- align-items: center;
19858
- justify-content: center;
19859
- }
19860
- .v-data-table-footer__items-per-page > span {
19861
- padding-inline-end: 8px;
19862
- }
19863
- .v-data-table-footer__items-per-page > .v-select {
19864
- width: 90px;
19865
- }
19866
-
19867
- .v-data-table-footer__info {
19868
- display: flex;
19869
- justify-content: flex-end;
19870
- min-width: 116px;
19871
- padding: 0 16px;
19872
- }
19873
-
19874
- .v-data-table-footer__pagination {
19875
- display: flex;
19876
- align-items: center;
19877
- margin-inline-start: 16px;
19878
- }
19879
-
19880
- .v-data-table-footer__page {
19881
- padding: 0 8px;
19882
- }.v-data-table {
19883
- width: 100%;
19884
- }
19885
-
19886
- .v-data-table__table {
19887
- width: 100%;
19888
- border-collapse: separate;
19889
- border-spacing: 0;
19890
- }
19891
-
19892
- .v-data-table__tr--focus {
19893
- border: 1px dotted black;
19894
- }
19895
- .v-data-table__tr--clickable {
19896
- cursor: pointer;
19897
- }
19898
-
19899
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
19900
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
19901
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
19902
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
19903
- text-align: end;
19904
- }
19905
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
19906
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
19907
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
19908
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
19909
- flex-direction: row-reverse;
19910
- }
19911
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
19912
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
19913
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
19914
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
19915
- text-align: center;
19916
- }
19917
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
19918
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
19919
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
19920
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
19921
- justify-content: center;
19922
- }
19923
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
19924
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
19925
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
19926
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
19927
- padding: 0 8px;
19928
- }
19929
- .v-data-table .v-table__wrapper > table > thead > tr > th,
19930
- .v-data-table .v-table__wrapper > table tbody > tr > th {
19931
- align-items: center;
19932
- }
19933
- .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--fixed,
19934
- .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--fixed {
19935
- position: sticky;
19936
- }
19937
- .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
19938
- .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
19939
- cursor: pointer;
19940
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19816
+ .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
19817
+ .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
19818
+ cursor: pointer;
19819
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19941
19820
  }
19942
19821
  .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
19943
19822
  .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
@@ -20012,229 +19891,127 @@ html.overflow-y-hidden {
20012
19891
  .v-data-table-rows-loading,
20013
19892
  .v-data-table-rows-no-data {
20014
19893
  text-align: center;
20015
- }.v-date-picker-header {
20016
- display: grid;
20017
- grid-template-areas: "prepend content append";
20018
- grid-template-columns: min-content minmax(0, 1fr) min-content;
20019
- overflow: hidden;
20020
- padding-inline: 24px 12px;
20021
- padding-bottom: 12px;
20022
- }
20023
-
20024
- .v-date-picker-header__append {
20025
- grid-area: append;
20026
- }
20027
-
20028
- .v-date-picker-header__prepend {
20029
- grid-area: prepend;
20030
- padding-inline-start: 8px;
19894
+ }.v-data-table-footer {
19895
+ display: flex;
19896
+ align-items: center;
19897
+ flex-wrap: wrap;
19898
+ padding: 4px;
19899
+ justify-content: flex-end;
20031
19900
  }
20032
19901
 
20033
- .v-date-picker-header__content {
19902
+ .v-data-table-footer__items-per-page {
19903
+ display: flex;
20034
19904
  align-items: center;
20035
- display: inline-flex;
20036
- font-size: 32px;
20037
- line-height: 40px;
20038
- grid-area: content;
20039
- justify-content: space-between;
19905
+ justify-content: center;
20040
19906
  }
20041
- .v-date-picker-header--clickable .v-date-picker-header__content {
20042
- cursor: pointer;
19907
+ .v-data-table-footer__items-per-page > span {
19908
+ padding-inline-end: 8px;
20043
19909
  }
20044
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20045
- opacity: 0.7;
19910
+ .v-data-table-footer__items-per-page > .v-select {
19911
+ width: 90px;
20046
19912
  }
20047
19913
 
20048
- .date-picker-header-transition-enter-active,
20049
- .date-picker-header-reverse-transition-enter-active {
20050
- transition-duration: 0.3s;
20051
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19914
+ .v-data-table-footer__info {
19915
+ display: flex;
19916
+ justify-content: flex-end;
19917
+ min-width: 116px;
19918
+ padding: 0 16px;
20052
19919
  }
20053
- .date-picker-header-transition-leave-active,
20054
- .date-picker-header-reverse-transition-leave-active {
20055
- transition-duration: 0.3s;
20056
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19920
+
19921
+ .v-data-table-footer__pagination {
19922
+ display: flex;
19923
+ align-items: center;
19924
+ margin-inline-start: 16px;
20057
19925
  }
20058
19926
 
20059
- .date-picker-header-transition-enter-from {
20060
- transform: translate(0, 100%);
19927
+ .v-data-table-footer__page {
19928
+ padding: 0 8px;
19929
+ }.v-counter {
19930
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
19931
+ flex: 0 1 auto;
19932
+ font-size: 12px;
19933
+ transition-duration: 150ms;
19934
+ }.v-combobox .v-field .v-text-field__prefix,
19935
+ .v-combobox .v-field .v-text-field__suffix,
19936
+ .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
19937
+ cursor: text;
20061
19938
  }
20062
- .date-picker-header-transition-leave-to {
20063
- opacity: 0;
20064
- transform: translate(0, -100%);
19939
+ .v-combobox .v-field .v-field__input > input {
19940
+ flex: 1 1;
20065
19941
  }
20066
-
20067
- .date-picker-header-reverse-transition-enter-from {
20068
- transform: translate(0, -100%);
19942
+ .v-combobox .v-field input {
19943
+ min-width: 64px;
20069
19944
  }
20070
- .date-picker-header-reverse-transition-leave-to {
20071
- opacity: 0;
20072
- transform: translate(0, 100%);
20073
- }.v-date-picker__input {
20074
- padding-top: 16px;
20075
- padding-left: 24px;
20076
- padding-right: 24px;
19945
+ .v-combobox .v-field:not(.v-field--focused) input {
19946
+ min-width: 0;
20077
19947
  }
20078
-
20079
- .v-date-picker {
20080
- overflow: hidden;
20081
- width: 360px;
19948
+ .v-combobox .v-field--dirty .v-combobox__selection {
19949
+ margin-inline-end: 2px;
20082
19950
  }
20083
- .v-date-picker--show-week {
20084
- width: 408px;
19951
+ .v-combobox .v-combobox__selection-text {
19952
+ overflow: hidden;
19953
+ text-overflow: ellipsis;
19954
+ white-space: nowrap;
20085
19955
  }
20086
19956
 
20087
- .v-date-picker-month {
20088
- padding: 0 12px 12px;
19957
+ .v-combobox__content {
19958
+ overflow: hidden;
19959
+ 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));
19960
+ border-radius: 4px;
20089
19961
  }
20090
-
20091
- .v-date-picker-month__day {
20092
- height: 48px;
20093
- width: 48px;
19962
+ .v-combobox__mask {
19963
+ background: rgb(var(--v-theme-surface-light));
20094
19964
  }
20095
- .v-date-picker-month__day .v-btn {
20096
- --v-btn-height: 28px;
20097
- --v-btn-size: 0.85rem;
20098
- }.v-date-picker-controls {
20099
- display: flex;
19965
+ .v-combobox__selection {
19966
+ display: inline-flex;
20100
19967
  align-items: center;
20101
- justify-content: space-between;
20102
- font-size: 0.875rem;
20103
- padding-top: 4px;
20104
- padding-bottom: 4px;
20105
- padding-inline-start: 6px;
20106
- padding-inline-end: 12px;
20107
- }
20108
- .v-date-picker-controls > .v-btn:first-child {
20109
- text-transform: none;
20110
- font-weight: 400;
20111
- line-height: initial;
20112
- letter-spacing: initial;
20113
- }
20114
- .v-date-picker-controls--variant-classic {
20115
- padding-inline-start: 12px;
19968
+ height: 1.5rem;
19969
+ letter-spacing: inherit;
19970
+ line-height: inherit;
19971
+ max-width: calc(100% - 2px - 2px);
20116
19972
  }
20117
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20118
- opacity: 0.7;
19973
+ .v-combobox__selection:first-child {
19974
+ margin-inline-start: 0;
20119
19975
  }
20120
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20121
- cursor: pointer;
20122
- }
20123
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20124
- opacity: 1;
20125
- }
20126
- .v-date-picker-controls .v-btn:last-child {
20127
- margin-inline-start: 4px;
20128
- }
20129
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20130
- transform: rotate(180deg);
20131
- }
20132
-
20133
- .v-date-picker-controls__date {
20134
- margin-inline-end: 4px;
20135
- }
20136
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20137
- margin: auto;
20138
- text-align: center;
20139
- }
20140
-
20141
- .v-date-picker-controls__month {
20142
- display: flex;
20143
- }
20144
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20145
- flex-direction: row-reverse;
20146
- }
20147
-
20148
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20149
- flex: 1 0 auto;
20150
- }
20151
-
20152
- .v-date-picker__title {
20153
- display: inline-block;
20154
- }.v-date-picker-months {
20155
- height: 320px;
20156
- overflow-y: scroll;
20157
- }
20158
-
20159
- .v-date-picker-months__content {
20160
- align-items: center;
20161
- display: grid;
20162
- flex: 1 1;
20163
- height: inherit;
20164
- justify-content: space-around;
20165
- grid-template-columns: repeat(2, 1fr);
20166
- grid-gap: 4px 24px;
20167
- padding-inline-start: 36px;
20168
- padding-inline-end: 36px;
20169
- }
20170
- .v-date-picker-months__content .v-btn {
20171
- text-transform: none;
20172
- padding-inline-start: 8px;
20173
- padding-inline-end: 8px;
20174
- }.v-date-picker-month {
20175
- display: flex;
20176
- justify-content: center;
20177
- min-width: 328px;
20178
- --v-date-picker-month-day-diff: 4px;
19976
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
19977
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
19978
+ .v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
19979
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
19980
+ top: 0px;
20179
19981
  }
20180
-
20181
- .v-date-picker-month__weeks {
20182
- display: grid;
20183
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20184
- row-gap: 4px;
20185
- font-size: 0.875rem;
19982
+ .v-combobox--selecting-index .v-combobox__selection {
19983
+ opacity: var(--v-medium-emphasis-opacity);
20186
19984
  }
20187
- .v-date-picker-month__weeks + .v-date-picker-month__days {
20188
- grid-row-gap: 0;
19985
+ .v-combobox--selecting-index .v-combobox__selection--selected {
19986
+ opacity: 1;
20189
19987
  }
20190
-
20191
- .v-date-picker-month__weekday {
20192
- font-size: 0.875rem;
19988
+ .v-combobox--selecting-index .v-field__input > input {
19989
+ caret-color: transparent;
20193
19990
  }
20194
-
20195
- .v-date-picker-month__days {
20196
- display: grid;
20197
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20198
- row-gap: 4px;
19991
+ .v-combobox--single.v-text-field .v-field--focused input {
20199
19992
  flex: 1 1;
20200
- justify-content: space-around;
20201
- }
20202
-
20203
- .v-date-picker-month__day {
20204
- align-items: center;
20205
- display: flex;
20206
- justify-content: center;
20207
- position: relative;
20208
- }
20209
- .v-date-picker-month__day--selected .v-btn {
20210
- background-color: rgb(var(--v-theme-surface-variant));
20211
- color: rgb(var(--v-theme-on-surface-variant));
19993
+ position: absolute;
19994
+ left: 0;
19995
+ right: 0;
19996
+ width: 100%;
19997
+ padding-inline: inherit;
20212
19998
  }
20213
- .v-date-picker-month__day--week {
20214
- font-size: var(--v-btn-size);
19999
+ .v-combobox--single .v-field--active input {
20000
+ transition: none;
20215
20001
  }
20216
-
20217
- .v-date-picker-month__day--adjacent {
20218
- opacity: 0.5;
20002
+ .v-combobox--single .v-field--dirty:not(.v-field--focused) input {
20003
+ opacity: 0;
20219
20004
  }
20220
-
20221
- .v-date-picker-month__day--hide-adjacent {
20005
+ .v-combobox--single .v-field--focused .v-combobox__selection {
20222
20006
  opacity: 0;
20223
- }.v-date-picker-years {
20224
- height: 320px;
20225
- overflow-y: scroll;
20226
20007
  }
20227
-
20228
- .v-date-picker-years__content {
20229
- display: grid;
20230
- flex: 1 1;
20231
- justify-content: space-around;
20232
- grid-template-columns: repeat(3, 1fr);
20233
- gap: 8px 24px;
20234
- padding-inline: 36px;
20008
+ .v-combobox__menu-icon {
20009
+ margin-inline-start: 4px;
20010
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
20235
20011
  }
20236
- .v-date-picker-years__content .v-btn {
20237
- padding-inline: 8px;
20012
+ .v-combobox--active-menu .v-combobox__menu-icon {
20013
+ opacity: var(--v-high-emphasis-opacity);
20014
+ transform: rotate(180deg);
20238
20015
  }.v-dialog {
20239
20016
  align-items: center;
20240
20017
  justify-content: center;
@@ -20323,234 +20100,258 @@ html.overflow-y-hidden {
20323
20100
  -webkit-backface-visibility: hidden;
20324
20101
  backface-visibility: hidden;
20325
20102
  overflow-y: auto;
20326
- }.v-divider {
20327
- display: block;
20328
- flex: 1 1 100%;
20329
- height: 0px;
20330
- max-height: 0px;
20331
- opacity: var(--v-border-opacity);
20332
- transition: inherit;
20333
- border-style: solid;
20334
- border-width: thin 0 0 0;
20103
+ }.v-date-picker__input {
20104
+ padding-top: 16px;
20105
+ padding-left: 24px;
20106
+ padding-right: 24px;
20335
20107
  }
20336
- .v-divider--vertical {
20337
- align-self: stretch;
20338
- border-width: 0 thin 0 0;
20339
- display: inline-flex;
20340
- height: inherit;
20341
- margin-left: -1px;
20342
- max-height: 100%;
20343
- max-width: 0px;
20344
- vertical-align: text-bottom;
20345
- width: 0px;
20108
+
20109
+ .v-date-picker {
20110
+ overflow: hidden;
20111
+ width: 360px;
20346
20112
  }
20347
- .v-divider--inset:not(.v-divider--vertical) {
20348
- max-width: calc(100% - 72px);
20349
- margin-inline-start: 72px;
20113
+ .v-date-picker--show-week {
20114
+ width: 408px;
20350
20115
  }
20351
- .v-divider--inset.v-divider--vertical {
20352
- margin-bottom: 8px;
20353
- margin-top: 8px;
20354
- max-height: calc(100% - 16px);
20355
- }.v-expansion-panel {
20356
- background-color: rgb(var(--v-theme-surface));
20357
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20116
+
20117
+ .v-date-picker-month {
20118
+ padding: 0 12px 12px;
20358
20119
  }
20359
- .v-expansion-panel:not(:first-child)::after {
20360
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20120
+
20121
+ .v-date-picker-month__day {
20122
+ height: 48px;
20123
+ width: 48px;
20361
20124
  }
20362
- .v-expansion-panel--disabled .v-expansion-panel-title {
20363
- color: rgba(var(--v-theme-on-surface), 0.26);
20125
+ .v-date-picker-month__day .v-btn {
20126
+ --v-btn-height: 28px;
20127
+ --v-btn-size: 0.85rem;
20128
+ }.v-date-picker-month {
20129
+ display: flex;
20130
+ justify-content: center;
20131
+ min-width: 328px;
20132
+ --v-date-picker-month-day-diff: 4px;
20364
20133
  }
20365
- .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
20366
- opacity: 0.4615384615;
20134
+
20135
+ .v-date-picker-month__weeks {
20136
+ display: grid;
20137
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20138
+ row-gap: 4px;
20139
+ font-size: 0.875rem;
20140
+ }
20141
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
20142
+ grid-row-gap: 0;
20367
20143
  }
20368
20144
 
20369
- .v-expansion-panels {
20145
+ .v-date-picker-month__weekday {
20146
+ font-size: 0.875rem;
20147
+ }
20148
+
20149
+ .v-date-picker-month__days {
20150
+ display: grid;
20151
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20152
+ row-gap: 4px;
20153
+ flex: 1 1;
20154
+ justify-content: space-around;
20155
+ }
20156
+
20157
+ .v-date-picker-month__day {
20158
+ align-items: center;
20370
20159
  display: flex;
20371
- flex-wrap: wrap;
20372
20160
  justify-content: center;
20373
- list-style-type: none;
20374
- padding: 0;
20375
- width: 100%;
20376
20161
  position: relative;
20377
- z-index: 1;
20378
20162
  }
20379
- .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) {
20380
- border-bottom-left-radius: 0 !important;
20381
- border-bottom-right-radius: 0 !important;
20163
+ .v-date-picker-month__day--selected .v-btn {
20164
+ background-color: rgb(var(--v-theme-surface-variant));
20165
+ color: rgb(var(--v-theme-on-surface-variant));
20382
20166
  }
20383
- .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) {
20384
- border-top-left-radius: 0 !important;
20385
- border-top-right-radius: 0 !important;
20167
+ .v-date-picker-month__day--week {
20168
+ font-size: var(--v-btn-size);
20386
20169
  }
20387
- .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) {
20388
- border-bottom-left-radius: 0 !important;
20389
- border-bottom-right-radius: 0 !important;
20170
+
20171
+ .v-date-picker-month__day--adjacent {
20172
+ opacity: 0.5;
20390
20173
  }
20391
- .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) {
20392
- border-top-left-radius: 0 !important;
20393
- border-top-right-radius: 0 !important;
20174
+
20175
+ .v-date-picker-month__day--hide-adjacent {
20176
+ opacity: 0;
20177
+ }.v-date-picker-header {
20178
+ display: grid;
20179
+ grid-template-areas: "prepend content append";
20180
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
20181
+ overflow: hidden;
20182
+ padding-inline: 24px 12px;
20183
+ padding-bottom: 12px;
20394
20184
  }
20395
- .v-expansion-panels--variant-accordion > :first-child {
20396
- border-bottom-left-radius: 0 !important;
20397
- border-bottom-right-radius: 0 !important;
20185
+
20186
+ .v-date-picker-header__append {
20187
+ grid-area: append;
20398
20188
  }
20399
- .v-expansion-panels--variant-accordion > :last-child {
20400
- border-top-left-radius: 0 !important;
20401
- border-top-right-radius: 0 !important;
20189
+
20190
+ .v-date-picker-header__prepend {
20191
+ grid-area: prepend;
20192
+ padding-inline-start: 8px;
20402
20193
  }
20403
- .v-expansion-panels--variant-accordion > :last-child .v-expansion-panel-title--active {
20404
- border-bottom-left-radius: initial;
20405
- border-bottom-right-radius: initial;
20194
+
20195
+ .v-date-picker-header__content {
20196
+ align-items: center;
20197
+ display: inline-flex;
20198
+ font-size: 32px;
20199
+ line-height: 40px;
20200
+ grid-area: content;
20201
+ justify-content: space-between;
20406
20202
  }
20407
- .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
20408
- border-radius: 0 !important;
20203
+ .v-date-picker-header--clickable .v-date-picker-header__content {
20204
+ cursor: pointer;
20409
20205
  }
20410
- .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
20411
- transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
20206
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20207
+ opacity: 0.7;
20412
20208
  }
20413
20209
 
20414
- .v-expansion-panel {
20415
- flex: 1 0 100%;
20416
- max-width: 100%;
20417
- position: relative;
20418
- transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
20419
- transition-property: margin-top, border-radius, border, max-width;
20420
- border-radius: 4px;
20421
- }
20422
- .v-expansion-panel:not(:first-child)::after {
20423
- border-top-style: solid;
20424
- border-top-width: thin;
20425
- content: "";
20426
- left: 0;
20427
- position: absolute;
20428
- right: 0;
20429
- top: 0;
20430
- transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
20210
+ .date-picker-header-transition-enter-active,
20211
+ .date-picker-header-reverse-transition-enter-active {
20212
+ transition-duration: 0.3s;
20213
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20431
20214
  }
20432
- .v-expansion-panel--disabled .v-expansion-panel-title {
20433
- pointer-events: none;
20215
+ .date-picker-header-transition-leave-active,
20216
+ .date-picker-header-reverse-transition-leave-active {
20217
+ transition-duration: 0.3s;
20218
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20434
20219
  }
20435
- .v-expansion-panel--active:not(:first-child),
20436
- .v-expansion-panel--active + .v-expansion-panel {
20437
- margin-top: 16px;
20220
+
20221
+ .date-picker-header-transition-enter-from {
20222
+ transform: translate(0, 100%);
20438
20223
  }
20439
- .v-expansion-panel--active:not(:first-child)::after,
20440
- .v-expansion-panel--active + .v-expansion-panel::after {
20224
+ .date-picker-header-transition-leave-to {
20441
20225
  opacity: 0;
20442
- }
20443
- .v-expansion-panel--active > .v-expansion-panel-title {
20444
- border-bottom-left-radius: 0;
20445
- border-bottom-right-radius: 0;
20446
- }
20447
- .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
20448
- min-height: 64px;
20226
+ transform: translate(0, -100%);
20449
20227
  }
20450
20228
 
20451
- .v-expansion-panel__shadow {
20452
- position: absolute;
20453
- top: 0;
20454
- left: 0;
20455
- width: 100%;
20456
- height: 100%;
20457
- 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));
20458
- border-radius: inherit;
20459
- z-index: -1;
20229
+ .date-picker-header-reverse-transition-enter-from {
20230
+ transform: translate(0, -100%);
20460
20231
  }
20461
-
20462
- .v-expansion-panel-title {
20463
- align-items: center;
20464
- text-align: start;
20465
- border-radius: inherit;
20232
+ .date-picker-header-reverse-transition-leave-to {
20233
+ opacity: 0;
20234
+ transform: translate(0, 100%);
20235
+ }.v-date-picker-controls {
20466
20236
  display: flex;
20467
- font-size: 0.9375rem;
20468
- line-height: 1;
20469
- min-height: 48px;
20470
- outline: none;
20471
- padding: 16px 24px;
20472
- position: relative;
20473
- transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
20474
- width: 100%;
20237
+ align-items: center;
20475
20238
  justify-content: space-between;
20239
+ font-size: 0.875rem;
20240
+ padding-top: 4px;
20241
+ padding-bottom: 4px;
20242
+ padding-inline-start: 6px;
20243
+ padding-inline-end: 12px;
20476
20244
  }
20477
- .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
20478
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
20479
- }
20480
- .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
20481
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20245
+ .v-date-picker-controls > .v-btn:first-child {
20246
+ text-transform: none;
20247
+ font-weight: 400;
20248
+ line-height: initial;
20249
+ letter-spacing: initial;
20482
20250
  }
20483
- @supports not selector(:focus-visible) {
20484
- .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
20485
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20486
- }
20251
+ .v-date-picker-controls--variant-classic {
20252
+ padding-inline-start: 12px;
20487
20253
  }
20488
- .v-expansion-panel-title--active > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true] > .v-expansion-panel-title__overlay {
20489
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
20254
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20255
+ opacity: 0.7;
20490
20256
  }
20491
- .v-expansion-panel-title--active:hover > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:hover > .v-expansion-panel-title__overlay {
20492
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20257
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20258
+ cursor: pointer;
20493
20259
  }
20494
- .v-expansion-panel-title--active:focus-visible > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-expansion-panel-title__overlay {
20495
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20260
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20261
+ opacity: 1;
20496
20262
  }
20497
- @supports not selector(:focus-visible) {
20498
- .v-expansion-panel-title--active:focus > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus > .v-expansion-panel-title__overlay {
20499
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20500
- }
20263
+ .v-date-picker-controls .v-btn:last-child {
20264
+ margin-inline-start: 4px;
20501
20265
  }
20502
- .v-expansion-panel-title--active::before {
20503
- opacity: 0.12;
20266
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20267
+ transform: rotate(180deg);
20504
20268
  }
20505
20269
 
20506
- .v-expansion-panel-title__overlay {
20507
- position: absolute;
20508
- top: 0;
20509
- left: 0;
20510
- width: 100%;
20511
- height: 100%;
20512
- background-color: currentColor;
20513
- border-radius: inherit;
20514
- opacity: 0;
20270
+ .v-date-picker-controls__date {
20271
+ margin-inline-end: 4px;
20515
20272
  }
20516
-
20517
- .v-expansion-panel-title__icon {
20518
- display: inline-flex;
20519
- margin-bottom: -4px;
20520
- margin-top: -4px;
20521
- -webkit-user-select: none;
20522
- user-select: none;
20523
- margin-inline-start: auto;
20273
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20274
+ margin: auto;
20275
+ text-align: center;
20524
20276
  }
20525
20277
 
20526
- .v-expansion-panel-text {
20278
+ .v-date-picker-controls__month {
20527
20279
  display: flex;
20528
20280
  }
20529
- .v-expansion-panel-text__wrapper {
20530
- padding: 8px 24px 16px;
20531
- flex: 1 1 auto;
20532
- max-width: 100%;
20281
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20282
+ flex-direction: row-reverse;
20283
+ }
20284
+
20285
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20286
+ flex: 1 0 auto;
20287
+ }
20288
+
20289
+ .v-date-picker__title {
20290
+ display: inline-block;
20291
+ }.v-date-picker-months {
20292
+ height: 320px;
20293
+ overflow-y: scroll;
20533
20294
  }
20534
20295
 
20535
- .v-expansion-panels--variant-accordion > .v-expansion-panel {
20536
- margin-top: 0;
20296
+ .v-date-picker-months__content {
20297
+ align-items: center;
20298
+ display: grid;
20299
+ flex: 1 1;
20300
+ height: inherit;
20301
+ justify-content: space-around;
20302
+ grid-template-columns: repeat(2, 1fr);
20303
+ grid-gap: 4px 24px;
20304
+ padding-inline-start: 36px;
20305
+ padding-inline-end: 36px;
20537
20306
  }
20538
- .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
20539
- opacity: 1;
20307
+ .v-date-picker-months__content .v-btn {
20308
+ text-transform: none;
20309
+ padding-inline-start: 8px;
20310
+ padding-inline-end: 8px;
20311
+ }.v-date-picker-years {
20312
+ height: 320px;
20313
+ overflow-y: scroll;
20540
20314
  }
20541
20315
 
20542
- .v-expansion-panels--variant-popout > .v-expansion-panel {
20543
- max-width: calc(100% - 32px);
20316
+ .v-date-picker-years__content {
20317
+ display: grid;
20318
+ flex: 1 1;
20319
+ justify-content: space-around;
20320
+ grid-template-columns: repeat(3, 1fr);
20321
+ gap: 8px 24px;
20322
+ padding-inline: 36px;
20544
20323
  }
20545
- .v-expansion-panels--variant-popout > .v-expansion-panel--active {
20546
- max-width: calc(100% + 16px);
20324
+ .v-date-picker-years__content .v-btn {
20325
+ padding-inline: 8px;
20326
+ }.v-divider {
20327
+ display: block;
20328
+ flex: 1 1 100%;
20329
+ height: 0px;
20330
+ max-height: 0px;
20331
+ opacity: var(--v-border-opacity);
20332
+ transition: inherit;
20333
+ border-style: solid;
20334
+ border-width: thin 0 0 0;
20547
20335
  }
20548
-
20549
- .v-expansion-panels--variant-inset > .v-expansion-panel {
20550
- max-width: 100%;
20336
+ .v-divider--vertical {
20337
+ align-self: stretch;
20338
+ border-width: 0 thin 0 0;
20339
+ display: inline-flex;
20340
+ height: inherit;
20341
+ margin-left: -1px;
20342
+ max-height: 100%;
20343
+ max-width: 0px;
20344
+ vertical-align: text-bottom;
20345
+ width: 0px;
20551
20346
  }
20552
- .v-expansion-panels--variant-inset > .v-expansion-panel--active {
20553
- max-width: calc(100% - 32px);
20347
+ .v-divider--inset:not(.v-divider--vertical) {
20348
+ max-width: calc(100% - 72px);
20349
+ margin-inline-start: 72px;
20350
+ }
20351
+ .v-divider--inset.v-divider--vertical {
20352
+ margin-bottom: 8px;
20353
+ margin-top: 8px;
20354
+ max-height: calc(100% - 16px);
20554
20355
  }/* region INPUT */
20555
20356
  .v-field {
20556
20357
  display: grid;
@@ -21076,50 +20877,229 @@ textarea.v-field__input::placeholder {
21076
20877
  opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21077
20878
  }
21078
20879
  }
21079
- .v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
21080
- background-color: rgb(var(--v-theme-surface-variant));
21081
- opacity: 1;
20880
+ .v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
20881
+ background-color: rgb(var(--v-theme-surface-variant));
20882
+ opacity: 1;
20883
+ }
20884
+
20885
+ /* endregion */
20886
+ /* region MODIFIERS */
20887
+ .v-field--reverse .v-field__field, .v-field--reverse .v-field__input {
20888
+ flex-direction: row-reverse;
20889
+ }
20890
+ .v-field--reverse .v-field__input, .v-field--reverse input {
20891
+ text-align: end;
20892
+ }
20893
+
20894
+ .v-input--disabled .v-field--variant-filled .v-field__outline::before,
20895
+ .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
20896
+ 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;
20897
+ }
20898
+
20899
+ .v-field--loading .v-field__outline::after,
20900
+ .v-field--loading .v-field__outline::before {
20901
+ opacity: 0;
20902
+ }
20903
+
20904
+ /* endregion */.v-expansion-panel {
20905
+ background-color: rgb(var(--v-theme-surface));
20906
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20907
+ }
20908
+ .v-expansion-panel:not(:first-child)::after {
20909
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20910
+ }
20911
+ .v-expansion-panel--disabled .v-expansion-panel-title {
20912
+ color: rgba(var(--v-theme-on-surface), 0.26);
20913
+ }
20914
+ .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
20915
+ opacity: 0.4615384615;
20916
+ }
20917
+
20918
+ .v-expansion-panels {
20919
+ display: flex;
20920
+ flex-wrap: wrap;
20921
+ justify-content: center;
20922
+ list-style-type: none;
20923
+ padding: 0;
20924
+ width: 100%;
20925
+ position: relative;
20926
+ z-index: 1;
20927
+ }
20928
+ .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) {
20929
+ border-bottom-left-radius: 0 !important;
20930
+ border-bottom-right-radius: 0 !important;
20931
+ }
20932
+ .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) {
20933
+ border-top-left-radius: 0 !important;
20934
+ border-top-right-radius: 0 !important;
20935
+ }
20936
+ .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) {
20937
+ border-bottom-left-radius: 0 !important;
20938
+ border-bottom-right-radius: 0 !important;
20939
+ }
20940
+ .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) {
20941
+ border-top-left-radius: 0 !important;
20942
+ border-top-right-radius: 0 !important;
20943
+ }
20944
+ .v-expansion-panels--variant-accordion > :first-child {
20945
+ border-bottom-left-radius: 0 !important;
20946
+ border-bottom-right-radius: 0 !important;
20947
+ }
20948
+ .v-expansion-panels--variant-accordion > :last-child {
20949
+ border-top-left-radius: 0 !important;
20950
+ border-top-right-radius: 0 !important;
20951
+ }
20952
+ .v-expansion-panels--variant-accordion > :last-child .v-expansion-panel-title--active {
20953
+ border-bottom-left-radius: initial;
20954
+ border-bottom-right-radius: initial;
20955
+ }
20956
+ .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
20957
+ border-radius: 0 !important;
20958
+ }
20959
+ .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
20960
+ transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
20961
+ }
20962
+
20963
+ .v-expansion-panel {
20964
+ flex: 1 0 100%;
20965
+ max-width: 100%;
20966
+ position: relative;
20967
+ transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
20968
+ transition-property: margin-top, border-radius, border, max-width;
20969
+ border-radius: 4px;
20970
+ }
20971
+ .v-expansion-panel:not(:first-child)::after {
20972
+ border-top-style: solid;
20973
+ border-top-width: thin;
20974
+ content: "";
20975
+ left: 0;
20976
+ position: absolute;
20977
+ right: 0;
20978
+ top: 0;
20979
+ transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
20980
+ }
20981
+ .v-expansion-panel--disabled .v-expansion-panel-title {
20982
+ pointer-events: none;
20983
+ }
20984
+ .v-expansion-panel--active:not(:first-child),
20985
+ .v-expansion-panel--active + .v-expansion-panel {
20986
+ margin-top: 16px;
20987
+ }
20988
+ .v-expansion-panel--active:not(:first-child)::after,
20989
+ .v-expansion-panel--active + .v-expansion-panel::after {
20990
+ opacity: 0;
20991
+ }
20992
+ .v-expansion-panel--active > .v-expansion-panel-title {
20993
+ border-bottom-left-radius: 0;
20994
+ border-bottom-right-radius: 0;
20995
+ }
20996
+ .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
20997
+ min-height: 64px;
20998
+ }
20999
+
21000
+ .v-expansion-panel__shadow {
21001
+ position: absolute;
21002
+ top: 0;
21003
+ left: 0;
21004
+ width: 100%;
21005
+ height: 100%;
21006
+ 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));
21007
+ border-radius: inherit;
21008
+ z-index: -1;
21009
+ }
21010
+
21011
+ .v-expansion-panel-title {
21012
+ align-items: center;
21013
+ text-align: start;
21014
+ border-radius: inherit;
21015
+ display: flex;
21016
+ font-size: 0.9375rem;
21017
+ line-height: 1;
21018
+ min-height: 48px;
21019
+ outline: none;
21020
+ padding: 16px 24px;
21021
+ position: relative;
21022
+ transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
21023
+ width: 100%;
21024
+ justify-content: space-between;
21025
+ }
21026
+ .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
21027
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
21028
+ }
21029
+ .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
21030
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21031
+ }
21032
+ @supports not selector(:focus-visible) {
21033
+ .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
21034
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21035
+ }
21036
+ }
21037
+ .v-expansion-panel-title--active > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true] > .v-expansion-panel-title__overlay {
21038
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
21039
+ }
21040
+ .v-expansion-panel-title--active:hover > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:hover > .v-expansion-panel-title__overlay {
21041
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21042
+ }
21043
+ .v-expansion-panel-title--active:focus-visible > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-expansion-panel-title__overlay {
21044
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21045
+ }
21046
+ @supports not selector(:focus-visible) {
21047
+ .v-expansion-panel-title--active:focus > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus > .v-expansion-panel-title__overlay {
21048
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21049
+ }
21050
+ }
21051
+ .v-expansion-panel-title--active::before {
21052
+ opacity: 0.12;
21053
+ }
21054
+
21055
+ .v-expansion-panel-title__overlay {
21056
+ position: absolute;
21057
+ top: 0;
21058
+ left: 0;
21059
+ width: 100%;
21060
+ height: 100%;
21061
+ background-color: currentColor;
21062
+ border-radius: inherit;
21063
+ opacity: 0;
21064
+ }
21065
+
21066
+ .v-expansion-panel-title__icon {
21067
+ display: inline-flex;
21068
+ margin-bottom: -4px;
21069
+ margin-top: -4px;
21070
+ -webkit-user-select: none;
21071
+ user-select: none;
21072
+ margin-inline-start: auto;
21082
21073
  }
21083
21074
 
21084
- /* endregion */
21085
- /* region MODIFIERS */
21086
- .v-field--reverse .v-field__field, .v-field--reverse .v-field__input {
21087
- flex-direction: row-reverse;
21075
+ .v-expansion-panel-text {
21076
+ display: flex;
21088
21077
  }
21089
- .v-field--reverse .v-field__input, .v-field--reverse input {
21090
- text-align: end;
21078
+ .v-expansion-panel-text__wrapper {
21079
+ padding: 8px 24px 16px;
21080
+ flex: 1 1 auto;
21081
+ max-width: 100%;
21091
21082
  }
21092
21083
 
21093
- .v-input--disabled .v-field--variant-filled .v-field__outline::before,
21094
- .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
21095
- 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;
21084
+ .v-expansion-panels--variant-accordion > .v-expansion-panel {
21085
+ margin-top: 0;
21096
21086
  }
21097
-
21098
- .v-field--loading .v-field__outline::after,
21099
- .v-field--loading .v-field__outline::before {
21100
- opacity: 0;
21087
+ .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
21088
+ opacity: 1;
21101
21089
  }
21102
21090
 
21103
- /* endregion */.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21104
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21105
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21106
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21107
- top: 0px;
21091
+ .v-expansion-panels--variant-popout > .v-expansion-panel {
21092
+ max-width: calc(100% - 32px);
21108
21093
  }
21109
- .v-file-input input[type=file] {
21110
- height: 100%;
21111
- left: 0;
21112
- opacity: 0;
21113
- position: absolute;
21114
- top: 0;
21115
- width: 100%;
21116
- z-index: 1;
21094
+ .v-expansion-panels--variant-popout > .v-expansion-panel--active {
21095
+ max-width: calc(100% + 16px);
21117
21096
  }
21118
- .v-file-input .v-input__details {
21119
- padding-inline: 16px;
21097
+
21098
+ .v-expansion-panels--variant-inset > .v-expansion-panel {
21099
+ max-width: 100%;
21120
21100
  }
21121
- .v-input--plain-underlined.v-file-input .v-input__details {
21122
- padding-inline: 0;
21101
+ .v-expansion-panels--variant-inset > .v-expansion-panel--active {
21102
+ max-width: calc(100% - 32px);
21123
21103
  }.v-footer {
21124
21104
  align-items: center;
21125
21105
  display: flex;
@@ -21148,6 +21128,62 @@ textarea.v-field__input::placeholder {
21148
21128
  }
21149
21129
  .v-footer--rounded {
21150
21130
  border-radius: 4px;
21131
+ }.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21132
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21133
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21134
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21135
+ top: 0px;
21136
+ }
21137
+ .v-file-input input[type=file] {
21138
+ height: 100%;
21139
+ left: 0;
21140
+ opacity: 0;
21141
+ position: absolute;
21142
+ top: 0;
21143
+ width: 100%;
21144
+ z-index: 1;
21145
+ }
21146
+ .v-file-input .v-input__details {
21147
+ padding-inline: 16px;
21148
+ }
21149
+ .v-input--plain-underlined.v-file-input .v-input__details {
21150
+ padding-inline: 0;
21151
+ }.v-img {
21152
+ --v-theme-overlay-multiplier: 3;
21153
+ z-index: 0;
21154
+ }
21155
+ .v-img--booting .v-responsive__sizer {
21156
+ transition: none;
21157
+ }
21158
+ .v-img--rounded {
21159
+ border-radius: 4px;
21160
+ }
21161
+
21162
+ .v-img__img,
21163
+ .v-img__picture,
21164
+ .v-img__gradient,
21165
+ .v-img__placeholder,
21166
+ .v-img__error {
21167
+ z-index: -1;
21168
+ position: absolute;
21169
+ top: 0;
21170
+ left: 0;
21171
+ width: 100%;
21172
+ height: 100%;
21173
+ }
21174
+
21175
+ .v-img__img--preload {
21176
+ filter: blur(4px);
21177
+ }
21178
+ .v-img__img--contain {
21179
+ object-fit: contain;
21180
+ }
21181
+ .v-img__img--cover {
21182
+ object-fit: cover;
21183
+ }
21184
+
21185
+ .v-img__gradient {
21186
+ background-repeat: no-repeat;
21151
21187
  }.v-icon {
21152
21188
  --v-icon-size-multiplier: 1;
21153
21189
  align-items: center;
@@ -21197,42 +21233,6 @@ textarea.v-field__input::placeholder {
21197
21233
 
21198
21234
  .v-icon--end {
21199
21235
  margin-inline-start: 8px;
21200
- }.v-img {
21201
- --v-theme-overlay-multiplier: 3;
21202
- z-index: 0;
21203
- }
21204
- .v-img--booting .v-responsive__sizer {
21205
- transition: none;
21206
- }
21207
- .v-img--rounded {
21208
- border-radius: 4px;
21209
- }
21210
-
21211
- .v-img__img,
21212
- .v-img__picture,
21213
- .v-img__gradient,
21214
- .v-img__placeholder,
21215
- .v-img__error {
21216
- z-index: -1;
21217
- position: absolute;
21218
- top: 0;
21219
- left: 0;
21220
- width: 100%;
21221
- height: 100%;
21222
- }
21223
-
21224
- .v-img__img--preload {
21225
- filter: blur(4px);
21226
- }
21227
- .v-img__img--contain {
21228
- object-fit: contain;
21229
- }
21230
- .v-img__img--cover {
21231
- object-fit: cover;
21232
- }
21233
-
21234
- .v-img__gradient {
21235
- background-repeat: no-repeat;
21236
21236
  }.v-infinite-scroll--horizontal {
21237
21237
  display: flex;
21238
21238
  flex-direction: row;
@@ -21390,152 +21390,51 @@ textarea.v-field__input::placeholder {
21390
21390
  .v-input--plain-underlined .v-input__append {
21391
21391
  align-items: flex-start;
21392
21392
  }
21393
- .v-input--density-default.v-input--plain-underlined .v-input__prepend, .v-input--density-default.v-input--plain-underlined .v-input__append {
21394
- padding-top: calc(var(--v-input-padding-top) + 4px);
21395
- }
21396
-
21397
- .v-input--density-comfortable.v-input--plain-underlined .v-input__prepend, .v-input--density-comfortable.v-input--plain-underlined .v-input__append {
21398
- padding-top: calc(var(--v-input-padding-top) + 2px);
21399
- }
21400
-
21401
- .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
21402
- padding-top: calc(var(--v-input-padding-top) + 0px);
21403
- }.v-item-group {
21404
- flex: 0 1 auto;
21405
- max-width: 100%;
21406
- position: relative;
21407
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21408
- }.v-label {
21409
- align-items: center;
21410
- color: inherit;
21411
- display: inline-flex;
21412
- font-size: 1rem;
21413
- letter-spacing: 0.009375em;
21414
- min-width: 0;
21415
- opacity: var(--v-medium-emphasis-opacity);
21416
- overflow: hidden;
21417
- text-overflow: ellipsis;
21418
- white-space: nowrap;
21419
- }
21420
-
21421
- .v-label--clickable {
21422
- cursor: pointer;
21423
- }.v-layout-item {
21424
- position: absolute;
21425
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21426
- }
21427
-
21428
- .v-layout-item--absolute {
21429
- position: absolute;
21430
- }.v-layout {
21431
- --v-scrollbar-offset: 0px;
21432
- display: flex;
21433
- flex: 1 1 auto;
21434
- }
21435
- .v-layout--full-height {
21436
- --v-scrollbar-offset: inherit;
21437
- height: 100%;
21438
- }.v-list {
21439
- overflow: auto;
21440
- padding: 8px 0;
21441
- position: relative;
21442
- outline: none;
21443
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21444
- border-style: solid;
21445
- border-width: 0;
21446
- 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));
21447
- border-radius: 0;
21448
- background: rgba(var(--v-theme-surface));
21449
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21450
- }
21451
- .v-list--border {
21452
- border-width: thin;
21453
- box-shadow: none;
21454
- }
21455
- .v-list--disabled {
21456
- pointer-events: none;
21457
- -webkit-user-select: none;
21458
- user-select: none;
21459
- }
21460
- .v-list--nav {
21461
- padding-inline: 8px;
21462
- }
21463
- .v-list--rounded {
21464
- border-radius: 4px;
21465
- }
21466
- .v-list--subheader {
21467
- padding-top: 0;
21468
- }
21469
-
21470
- .v-list-img {
21471
- border-radius: inherit;
21472
- display: flex;
21473
- height: 100%;
21474
- left: 0;
21475
- overflow: hidden;
21476
- position: absolute;
21477
- top: 0;
21478
- width: 100%;
21479
- z-index: -1;
21480
- }
21481
-
21482
- .v-list-subheader {
21483
- align-items: center;
21484
- background: inherit;
21485
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
21486
- display: flex;
21487
- font-size: 0.875rem;
21488
- font-weight: 400;
21489
- line-height: 1.375rem;
21490
- padding-inline-end: 16px;
21491
- min-height: 40px;
21492
- transition: 0.2s min-height cubic-bezier(0.4, 0, 0.2, 1);
21493
- }
21494
- .v-list-subheader__text {
21495
- overflow: hidden;
21496
- text-overflow: ellipsis;
21497
- white-space: nowrap;
21498
- }
21499
- .v-list--density-default .v-list-subheader {
21500
- min-height: 40px;
21501
- padding-inline-start: calc(16px + var(--indent-padding)) !important;
21393
+ .v-input--density-default.v-input--plain-underlined .v-input__prepend, .v-input--density-default.v-input--plain-underlined .v-input__append {
21394
+ padding-top: calc(var(--v-input-padding-top) + 4px);
21502
21395
  }
21503
21396
 
21504
- .v-list--density-comfortable .v-list-subheader {
21505
- min-height: 36px;
21506
- padding-inline-start: calc(16px + var(--indent-padding)) !important;
21397
+ .v-input--density-comfortable.v-input--plain-underlined .v-input__prepend, .v-input--density-comfortable.v-input--plain-underlined .v-input__append {
21398
+ padding-top: calc(var(--v-input-padding-top) + 2px);
21507
21399
  }
21508
21400
 
21509
- .v-list--density-compact .v-list-subheader {
21510
- min-height: 32px;
21511
- padding-inline-start: calc(16px + var(--indent-padding)) !important;
21401
+ .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
21402
+ padding-top: calc(var(--v-input-padding-top) + 0px);
21403
+ }.v-item-group {
21404
+ flex: 0 1 auto;
21405
+ max-width: 100%;
21406
+ position: relative;
21407
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21408
+ }.v-label {
21409
+ align-items: center;
21410
+ color: inherit;
21411
+ display: inline-flex;
21412
+ font-size: 1rem;
21413
+ letter-spacing: 0.009375em;
21414
+ min-width: 0;
21415
+ opacity: var(--v-medium-emphasis-opacity);
21416
+ overflow: hidden;
21417
+ text-overflow: ellipsis;
21418
+ white-space: nowrap;
21512
21419
  }
21513
21420
 
21514
- .v-list-subheader--inset {
21515
- --indent-padding: 56px;
21516
- }
21517
- .v-list--nav .v-list-subheader {
21518
- font-size: 0.75rem;
21519
- }
21520
- .v-list-subheader--sticky {
21521
- background: inherit;
21522
- left: 0;
21523
- position: sticky;
21524
- top: 0;
21525
- z-index: 1;
21421
+ .v-label--clickable {
21422
+ cursor: pointer;
21423
+ }.v-layout-item {
21424
+ position: absolute;
21425
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21526
21426
  }
21527
21427
 
21528
- .v-list__overlay {
21529
- background-color: currentColor;
21530
- border-radius: inherit;
21531
- bottom: 0;
21532
- left: 0;
21533
- opacity: 0;
21534
- pointer-events: none;
21428
+ .v-layout-item--absolute {
21535
21429
  position: absolute;
21536
- right: 0;
21537
- top: 0;
21538
- transition: opacity 0.2s ease-in-out;
21430
+ }.v-layout {
21431
+ --v-scrollbar-offset: 0px;
21432
+ display: flex;
21433
+ flex: 1 1 auto;
21434
+ }
21435
+ .v-layout--full-height {
21436
+ --v-scrollbar-offset: inherit;
21437
+ height: 100%;
21539
21438
  }.v-list-item {
21540
21439
  align-items: center;
21541
21440
  display: grid;
@@ -21973,6 +21872,107 @@ textarea.v-field__input::placeholder {
21973
21872
  }
21974
21873
  .v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
21975
21874
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
21875
+ }.v-list {
21876
+ overflow: auto;
21877
+ padding: 8px 0;
21878
+ position: relative;
21879
+ outline: none;
21880
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21881
+ border-style: solid;
21882
+ border-width: 0;
21883
+ 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));
21884
+ border-radius: 0;
21885
+ background: rgba(var(--v-theme-surface));
21886
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21887
+ }
21888
+ .v-list--border {
21889
+ border-width: thin;
21890
+ box-shadow: none;
21891
+ }
21892
+ .v-list--disabled {
21893
+ pointer-events: none;
21894
+ -webkit-user-select: none;
21895
+ user-select: none;
21896
+ }
21897
+ .v-list--nav {
21898
+ padding-inline: 8px;
21899
+ }
21900
+ .v-list--rounded {
21901
+ border-radius: 4px;
21902
+ }
21903
+ .v-list--subheader {
21904
+ padding-top: 0;
21905
+ }
21906
+
21907
+ .v-list-img {
21908
+ border-radius: inherit;
21909
+ display: flex;
21910
+ height: 100%;
21911
+ left: 0;
21912
+ overflow: hidden;
21913
+ position: absolute;
21914
+ top: 0;
21915
+ width: 100%;
21916
+ z-index: -1;
21917
+ }
21918
+
21919
+ .v-list-subheader {
21920
+ align-items: center;
21921
+ background: inherit;
21922
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
21923
+ display: flex;
21924
+ font-size: 0.875rem;
21925
+ font-weight: 400;
21926
+ line-height: 1.375rem;
21927
+ padding-inline-end: 16px;
21928
+ min-height: 40px;
21929
+ transition: 0.2s min-height cubic-bezier(0.4, 0, 0.2, 1);
21930
+ }
21931
+ .v-list-subheader__text {
21932
+ overflow: hidden;
21933
+ text-overflow: ellipsis;
21934
+ white-space: nowrap;
21935
+ }
21936
+ .v-list--density-default .v-list-subheader {
21937
+ min-height: 40px;
21938
+ padding-inline-start: calc(16px + var(--indent-padding)) !important;
21939
+ }
21940
+
21941
+ .v-list--density-comfortable .v-list-subheader {
21942
+ min-height: 36px;
21943
+ padding-inline-start: calc(16px + var(--indent-padding)) !important;
21944
+ }
21945
+
21946
+ .v-list--density-compact .v-list-subheader {
21947
+ min-height: 32px;
21948
+ padding-inline-start: calc(16px + var(--indent-padding)) !important;
21949
+ }
21950
+
21951
+ .v-list-subheader--inset {
21952
+ --indent-padding: 56px;
21953
+ }
21954
+ .v-list--nav .v-list-subheader {
21955
+ font-size: 0.75rem;
21956
+ }
21957
+ .v-list-subheader--sticky {
21958
+ background: inherit;
21959
+ left: 0;
21960
+ position: sticky;
21961
+ top: 0;
21962
+ z-index: 1;
21963
+ }
21964
+
21965
+ .v-list__overlay {
21966
+ background-color: currentColor;
21967
+ border-radius: inherit;
21968
+ bottom: 0;
21969
+ left: 0;
21970
+ opacity: 0;
21971
+ pointer-events: none;
21972
+ position: absolute;
21973
+ right: 0;
21974
+ top: 0;
21975
+ transition: opacity 0.2s ease-in-out;
21976
21976
  }.v-locale-provider {
21977
21977
  display: contents;
21978
21978
  }.v-main {
@@ -22130,6 +22130,62 @@ textarea.v-field__input::placeholder {
22130
22130
  .v-navigation-drawer__append {
22131
22131
  flex: none;
22132
22132
  overflow: hidden;
22133
+ }.v-otp-input {
22134
+ border-radius: 4px;
22135
+ align-items: center;
22136
+ display: flex;
22137
+ justify-content: center;
22138
+ padding: 0.5rem 0;
22139
+ position: relative;
22140
+ }
22141
+ .v-otp-input .v-field {
22142
+ height: 100%;
22143
+ }
22144
+
22145
+ .v-otp-input__divider {
22146
+ margin: 0 8px;
22147
+ }
22148
+
22149
+ .v-otp-input__content {
22150
+ align-items: center;
22151
+ display: flex;
22152
+ gap: 0.5rem;
22153
+ height: 64px;
22154
+ padding: 0.5rem;
22155
+ justify-content: center;
22156
+ max-width: 320px;
22157
+ position: relative;
22158
+ border-radius: inherit;
22159
+ }
22160
+ .v-otp-input--divided .v-otp-input__content {
22161
+ max-width: 360px;
22162
+ }
22163
+
22164
+ .v-otp-input__field {
22165
+ color: inherit;
22166
+ font-size: 1.25rem;
22167
+ height: 100%;
22168
+ outline: none;
22169
+ text-align: center;
22170
+ width: 100%;
22171
+ }
22172
+ .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
22173
+ -webkit-appearance: none;
22174
+ margin: 0;
22175
+ }
22176
+ .v-otp-input__field[type=number] {
22177
+ -moz-appearance: textfield;
22178
+ }
22179
+
22180
+ .v-otp-input__loader {
22181
+ align-items: center;
22182
+ display: flex;
22183
+ height: 100%;
22184
+ justify-content: center;
22185
+ width: 100%;
22186
+ }
22187
+ .v-otp-input__loader .v-progress-linear {
22188
+ position: absolute;
22133
22189
  }.v-overlay-container {
22134
22190
  contain: layout;
22135
22191
  left: 0;
@@ -22191,78 +22247,124 @@ html.v-overlay-scroll-blocked {
22191
22247
  position: absolute;
22192
22248
  }
22193
22249
 
22194
- .v-overlay--scroll-blocked {
22195
- padding-inline-end: var(--v-scrollbar-offset);
22196
- }.v-otp-input {
22197
- border-radius: 4px;
22250
+ .v-overlay--scroll-blocked {
22251
+ padding-inline-end: var(--v-scrollbar-offset);
22252
+ }.v-pagination__list {
22253
+ display: inline-flex;
22254
+ list-style-type: none;
22255
+ justify-content: center;
22256
+ width: 100%;
22257
+ }
22258
+ .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
22259
+ margin: 0.3rem;
22260
+ }.v-parallax {
22261
+ position: relative;
22262
+ overflow: hidden;
22263
+ }
22264
+ .v-parallax--active > .v-img__img {
22265
+ will-change: transform;
22266
+ }.v-progress-circular {
22267
+ align-items: center;
22268
+ display: inline-flex;
22269
+ justify-content: center;
22270
+ position: relative;
22271
+ vertical-align: middle;
22272
+ }
22273
+ .v-progress-circular > svg {
22274
+ width: 100%;
22275
+ height: 100%;
22276
+ margin: auto;
22277
+ position: absolute;
22278
+ top: 0;
22279
+ bottom: 0;
22280
+ left: 0;
22281
+ right: 0;
22282
+ z-index: 0;
22283
+ }
22284
+
22285
+ .v-progress-circular__content {
22198
22286
  align-items: center;
22199
22287
  display: flex;
22200
22288
  justify-content: center;
22201
- padding: 0.5rem 0;
22202
- position: relative;
22203
22289
  }
22204
- .v-otp-input .v-field {
22205
- height: 100%;
22290
+
22291
+ .v-progress-circular__underlay {
22292
+ color: rgba(var(--v-border-color), var(--v-border-opacity));
22293
+ stroke: currentColor;
22294
+ z-index: 1;
22206
22295
  }
22207
22296
 
22208
- .v-otp-input__divider {
22209
- margin: 0 8px;
22297
+ .v-progress-circular__overlay {
22298
+ stroke: currentColor;
22299
+ transition: all 0.2s ease-in-out, stroke-width 0s;
22300
+ z-index: 2;
22210
22301
  }
22211
22302
 
22212
- .v-otp-input__content {
22213
- align-items: center;
22214
- display: flex;
22215
- gap: 0.5rem;
22216
- height: 64px;
22217
- padding: 0.5rem;
22218
- justify-content: center;
22219
- max-width: 320px;
22220
- position: relative;
22221
- border-radius: inherit;
22303
+ .v-progress-circular--size-x-small {
22304
+ height: 16px;
22305
+ width: 16px;
22222
22306
  }
22223
- .v-otp-input--divided .v-otp-input__content {
22224
- max-width: 360px;
22307
+ .v-progress-circular--size-small {
22308
+ height: 24px;
22309
+ width: 24px;
22225
22310
  }
22226
-
22227
- .v-otp-input__field {
22228
- color: inherit;
22229
- font-size: 1.25rem;
22230
- height: 100%;
22231
- outline: none;
22232
- text-align: center;
22233
- width: 100%;
22311
+ .v-progress-circular--size-default {
22312
+ height: 32px;
22313
+ width: 32px;
22234
22314
  }
22235
- .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
22236
- -webkit-appearance: none;
22237
- margin: 0;
22315
+ .v-progress-circular--size-large {
22316
+ height: 48px;
22317
+ width: 48px;
22238
22318
  }
22239
- .v-otp-input__field[type=number] {
22240
- -moz-appearance: textfield;
22319
+ .v-progress-circular--size-x-large {
22320
+ height: 64px;
22321
+ width: 64px;
22241
22322
  }
22242
22323
 
22243
- .v-otp-input__loader {
22244
- align-items: center;
22245
- display: flex;
22246
- height: 100%;
22247
- justify-content: center;
22248
- width: 100%;
22324
+ .v-progress-circular--indeterminate > svg {
22325
+ animation: progress-circular-rotate 1.4s linear infinite;
22326
+ transform-origin: center center;
22327
+ transition: all 0.2s ease-in-out;
22249
22328
  }
22250
- .v-otp-input__loader .v-progress-linear {
22251
- position: absolute;
22252
- }.v-pagination__list {
22253
- display: inline-flex;
22254
- list-style-type: none;
22255
- justify-content: center;
22256
- width: 100%;
22329
+ .v-progress-circular--indeterminate .v-progress-circular__overlay {
22330
+ animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
22331
+ stroke-dasharray: 25, 200;
22332
+ stroke-dashoffset: 0;
22333
+ stroke-linecap: round;
22334
+ transform-origin: center center;
22335
+ transform: rotate(-90deg);
22257
22336
  }
22258
- .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
22259
- margin: 0.3rem;
22260
- }.v-parallax {
22261
- position: relative;
22262
- overflow: hidden;
22337
+
22338
+ .v-progress-circular--disable-shrink > svg {
22339
+ animation-duration: 0.7s;
22263
22340
  }
22264
- .v-parallax--active > .v-img__img {
22265
- will-change: transform;
22341
+ .v-progress-circular--disable-shrink .v-progress-circular__overlay {
22342
+ animation: none;
22343
+ }
22344
+
22345
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
22346
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
22347
+ animation-play-state: paused !important;
22348
+ }
22349
+
22350
+ @keyframes progress-circular-dash {
22351
+ 0% {
22352
+ stroke-dasharray: 1, 200;
22353
+ stroke-dashoffset: 0px;
22354
+ }
22355
+ 50% {
22356
+ stroke-dasharray: 100, 200;
22357
+ stroke-dashoffset: -15px;
22358
+ }
22359
+ 100% {
22360
+ stroke-dasharray: 100, 200;
22361
+ stroke-dashoffset: -124px;
22362
+ }
22363
+ }
22364
+ @keyframes progress-circular-rotate {
22365
+ 100% {
22366
+ transform: rotate(270deg);
22367
+ }
22266
22368
  }.v-progress-linear {
22267
22369
  background: transparent;
22268
22370
  overflow: hidden;
@@ -22423,157 +22525,55 @@ html.v-overlay-scroll-blocked {
22423
22525
  }
22424
22526
  }
22425
22527
  @keyframes indeterminate-rtl {
22426
- 0% {
22427
- left: 100%;
22428
- right: -90%;
22429
- }
22430
- 60% {
22431
- left: 100%;
22432
- right: -90%;
22433
- }
22434
- 100% {
22435
- left: -35%;
22436
- right: 100%;
22437
- }
22438
- }
22439
- @keyframes indeterminate-short-ltr {
22440
- 0% {
22441
- left: -200%;
22442
- right: 100%;
22443
- }
22444
- 60% {
22445
- left: 107%;
22446
- right: -8%;
22447
- }
22448
- 100% {
22449
- left: 107%;
22450
- right: -8%;
22451
- }
22452
- }
22453
- @keyframes indeterminate-short-rtl {
22454
- 0% {
22455
- left: 100%;
22456
- right: -200%;
22457
- }
22458
- 60% {
22459
- left: -8%;
22460
- right: 107%;
22461
- }
22462
- 100% {
22463
- left: -8%;
22464
- right: 107%;
22465
- }
22466
- }
22467
- @keyframes stream {
22468
- to {
22469
- transform: translateX(var(--v-progress-linear-stream-to));
22470
- }
22471
- }
22472
- @keyframes progress-linear-stripes {
22473
- 0% {
22474
- background-position-x: var(--v-progress-linear-height);
22475
- }
22476
- }.v-progress-circular {
22477
- align-items: center;
22478
- display: inline-flex;
22479
- justify-content: center;
22480
- position: relative;
22481
- vertical-align: middle;
22482
- }
22483
- .v-progress-circular > svg {
22484
- width: 100%;
22485
- height: 100%;
22486
- margin: auto;
22487
- position: absolute;
22488
- top: 0;
22489
- bottom: 0;
22490
- left: 0;
22491
- right: 0;
22492
- z-index: 0;
22493
- }
22494
-
22495
- .v-progress-circular__content {
22496
- align-items: center;
22497
- display: flex;
22498
- justify-content: center;
22499
- }
22500
-
22501
- .v-progress-circular__underlay {
22502
- color: rgba(var(--v-border-color), var(--v-border-opacity));
22503
- stroke: currentColor;
22504
- z-index: 1;
22505
- }
22506
-
22507
- .v-progress-circular__overlay {
22508
- stroke: currentColor;
22509
- transition: all 0.2s ease-in-out, stroke-width 0s;
22510
- z-index: 2;
22511
- }
22512
-
22513
- .v-progress-circular--size-x-small {
22514
- height: 16px;
22515
- width: 16px;
22516
- }
22517
- .v-progress-circular--size-small {
22518
- height: 24px;
22519
- width: 24px;
22520
- }
22521
- .v-progress-circular--size-default {
22522
- height: 32px;
22523
- width: 32px;
22524
- }
22525
- .v-progress-circular--size-large {
22526
- height: 48px;
22527
- width: 48px;
22528
- }
22529
- .v-progress-circular--size-x-large {
22530
- height: 64px;
22531
- width: 64px;
22532
- }
22533
-
22534
- .v-progress-circular--indeterminate > svg {
22535
- animation: progress-circular-rotate 1.4s linear infinite;
22536
- transform-origin: center center;
22537
- transition: all 0.2s ease-in-out;
22538
- }
22539
- .v-progress-circular--indeterminate .v-progress-circular__overlay {
22540
- animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
22541
- stroke-dasharray: 25, 200;
22542
- stroke-dashoffset: 0;
22543
- stroke-linecap: round;
22544
- transform-origin: center center;
22545
- transform: rotate(-90deg);
22546
- }
22547
-
22548
- .v-progress-circular--disable-shrink > svg {
22549
- animation-duration: 0.7s;
22550
- }
22551
- .v-progress-circular--disable-shrink .v-progress-circular__overlay {
22552
- animation: none;
22553
- }
22554
-
22555
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
22556
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
22557
- animation-play-state: paused !important;
22528
+ 0% {
22529
+ left: 100%;
22530
+ right: -90%;
22531
+ }
22532
+ 60% {
22533
+ left: 100%;
22534
+ right: -90%;
22535
+ }
22536
+ 100% {
22537
+ left: -35%;
22538
+ right: 100%;
22539
+ }
22558
22540
  }
22559
-
22560
- @keyframes progress-circular-dash {
22541
+ @keyframes indeterminate-short-ltr {
22561
22542
  0% {
22562
- stroke-dasharray: 1, 200;
22563
- stroke-dashoffset: 0px;
22543
+ left: -200%;
22544
+ right: 100%;
22564
22545
  }
22565
- 50% {
22566
- stroke-dasharray: 100, 200;
22567
- stroke-dashoffset: -15px;
22546
+ 60% {
22547
+ left: 107%;
22548
+ right: -8%;
22568
22549
  }
22569
22550
  100% {
22570
- stroke-dasharray: 100, 200;
22571
- stroke-dashoffset: -124px;
22551
+ left: 107%;
22552
+ right: -8%;
22572
22553
  }
22573
22554
  }
22574
- @keyframes progress-circular-rotate {
22555
+ @keyframes indeterminate-short-rtl {
22556
+ 0% {
22557
+ left: 100%;
22558
+ right: -200%;
22559
+ }
22560
+ 60% {
22561
+ left: -8%;
22562
+ right: 107%;
22563
+ }
22575
22564
  100% {
22576
- transform: rotate(270deg);
22565
+ left: -8%;
22566
+ right: 107%;
22567
+ }
22568
+ }
22569
+ @keyframes stream {
22570
+ to {
22571
+ transform: translateX(var(--v-progress-linear-stream-to));
22572
+ }
22573
+ }
22574
+ @keyframes progress-linear-stripes {
22575
+ 0% {
22576
+ background-position-x: var(--v-progress-linear-height);
22577
22577
  }
22578
22578
  }.v-radio-group > .v-input__control {
22579
22579
  flex-direction: column;
@@ -22873,6 +22873,14 @@ html.v-overlay-scroll-blocked {
22873
22873
  }
22874
22874
  .v-selection-control--focus-visible .v-selection-control__input::before {
22875
22875
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
22876
+ }.v-selection-control-group {
22877
+ grid-area: control;
22878
+ display: flex;
22879
+ flex-direction: column;
22880
+ }
22881
+ .v-selection-control-group--inline {
22882
+ flex-direction: row;
22883
+ flex-wrap: wrap;
22876
22884
  }.v-sheet {
22877
22885
  display: block;
22878
22886
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
@@ -22901,14 +22909,6 @@ html.v-overlay-scroll-blocked {
22901
22909
  }
22902
22910
  .v-sheet--rounded {
22903
22911
  border-radius: 4px;
22904
- }.v-selection-control-group {
22905
- grid-area: control;
22906
- display: flex;
22907
- flex-direction: column;
22908
- }
22909
- .v-selection-control-group--inline {
22910
- flex-direction: row;
22911
- flex-wrap: wrap;
22912
22912
  }.v-skeleton-loader {
22913
22913
  align-items: center;
22914
22914
  background: rgb(var(--v-theme-surface));
@@ -23520,101 +23520,6 @@ html.v-overlay-scroll-blocked {
23520
23520
  }
23521
23521
  .v-switch.v-switch--inset .v-selection-control__wrapper {
23522
23522
  width: auto;
23523
- }.v-tabs {
23524
- display: flex;
23525
- height: var(--v-tabs-height);
23526
- }
23527
- .v-tabs--density-default {
23528
- --v-tabs-height: 48px;
23529
- }
23530
- .v-tabs--density-default.v-tabs--stacked {
23531
- --v-tabs-height: 72px;
23532
- }
23533
-
23534
- .v-tabs--density-comfortable {
23535
- --v-tabs-height: 44px;
23536
- }
23537
- .v-tabs--density-comfortable.v-tabs--stacked {
23538
- --v-tabs-height: 68px;
23539
- }
23540
-
23541
- .v-tabs--density-compact {
23542
- --v-tabs-height: 36px;
23543
- }
23544
- .v-tabs--density-compact.v-tabs--stacked {
23545
- --v-tabs-height: 60px;
23546
- }
23547
-
23548
- .v-tabs.v-slide-group--vertical {
23549
- height: auto;
23550
- flex: none;
23551
- --v-tabs-height: 48px;
23552
- }
23553
-
23554
- .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
23555
- margin-inline-start: 42px;
23556
- }
23557
-
23558
- .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
23559
- .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
23560
- margin-inline-end: auto;
23561
- }
23562
- .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
23563
- .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
23564
- margin-inline-start: auto;
23565
- }
23566
-
23567
- .v-tabs--grow {
23568
- flex-grow: 1;
23569
- }
23570
- .v-tabs--grow .v-tab {
23571
- flex: 1 0 auto;
23572
- max-width: none;
23573
- }
23574
-
23575
- .v-tabs--align-tabs-end .v-tab:first-child {
23576
- margin-inline-start: auto;
23577
- }
23578
- .v-tabs--align-tabs-end .v-tab:last-child {
23579
- margin-inline-end: 0;
23580
- }
23581
-
23582
- @media (max-width: 1279.98px) {
23583
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
23584
- margin-inline-start: 52px;
23585
- }
23586
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
23587
- margin-inline-end: 52px;
23588
- }
23589
- }.v-tab.v-tab.v-btn {
23590
- height: var(--v-tabs-height);
23591
- border-radius: 0;
23592
- min-width: 90px;
23593
- }
23594
- .v-slide-group--horizontal .v-tab {
23595
- max-width: 360px;
23596
- }
23597
- .v-slide-group--vertical .v-tab {
23598
- justify-content: start;
23599
- }
23600
-
23601
- .v-tab__slider {
23602
- position: absolute;
23603
- bottom: 0;
23604
- left: 0;
23605
- height: 2px;
23606
- width: 100%;
23607
- background: currentColor;
23608
- pointer-events: none;
23609
- opacity: 0;
23610
- }
23611
- .v-tab--selected .v-tab__slider {
23612
- opacity: 1;
23613
- }
23614
- .v-slide-group--vertical .v-tab__slider {
23615
- top: 0;
23616
- height: 100%;
23617
- width: 2px;
23618
23523
  }.v-system-bar {
23619
23524
  align-items: center;
23620
23525
  display: flex;
@@ -23652,115 +23557,101 @@ html.v-overlay-scroll-blocked {
23652
23557
  }
23653
23558
  .v-system-bar:not(.v-system-bar--absolute) {
23654
23559
  padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
23655
- }/* region BLOCK */
23656
- .v-text-field input {
23657
- color: inherit;
23658
- opacity: 0;
23659
- flex: 1;
23660
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
23661
- min-width: 0;
23662
- }
23663
- .v-text-field input:focus, .v-text-field input:active {
23664
- outline: none;
23665
- }
23666
- .v-text-field input:invalid {
23667
- box-shadow: none;
23560
+ }.v-tab.v-tab.v-btn {
23561
+ height: var(--v-tabs-height);
23562
+ border-radius: 0;
23563
+ min-width: 90px;
23668
23564
  }
23669
- .v-text-field .v-field {
23670
- cursor: text;
23565
+ .v-slide-group--horizontal .v-tab {
23566
+ max-width: 360px;
23671
23567
  }
23672
- .v-text-field--prefixed.v-text-field .v-field__input {
23673
- --v-field-padding-start: 6px;
23568
+ .v-slide-group--vertical .v-tab {
23569
+ justify-content: start;
23674
23570
  }
23675
23571
 
23676
- .v-text-field--suffixed.v-text-field .v-field__input {
23677
- --v-field-padding-end: 0;
23572
+ .v-tab__slider {
23573
+ position: absolute;
23574
+ bottom: 0;
23575
+ left: 0;
23576
+ height: 2px;
23577
+ width: 100%;
23578
+ background: currentColor;
23579
+ pointer-events: none;
23580
+ opacity: 0;
23678
23581
  }
23679
-
23680
- .v-text-field .v-input__details {
23681
- padding-inline: 16px;
23582
+ .v-tab--selected .v-tab__slider {
23583
+ opacity: 1;
23682
23584
  }
23683
- .v-input--plain-underlined.v-text-field .v-input__details {
23684
- padding-inline: 0;
23585
+ .v-slide-group--vertical .v-tab__slider {
23586
+ top: 0;
23587
+ height: 100%;
23588
+ width: 2px;
23589
+ }.v-tabs {
23590
+ display: flex;
23591
+ height: var(--v-tabs-height);
23685
23592
  }
23686
-
23687
- .v-text-field .v-field--no-label input,
23688
- .v-text-field .v-field--active input {
23689
- opacity: 1;
23593
+ .v-tabs--density-default {
23594
+ --v-tabs-height: 48px;
23690
23595
  }
23691
- .v-text-field .v-field--single-line input {
23692
- transition: none;
23596
+ .v-tabs--density-default.v-tabs--stacked {
23597
+ --v-tabs-height: 72px;
23693
23598
  }
23694
23599
 
23695
- /* endregion */
23696
- /* region ELEMENTS */
23697
- .v-text-field__prefix, .v-text-field__suffix {
23698
- align-items: center;
23699
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
23700
- cursor: default;
23701
- display: flex;
23702
- opacity: 0;
23703
- transition: inherit;
23704
- white-space: nowrap;
23705
- min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
23706
- padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
23707
- padding-bottom: var(--v-field-padding-bottom, 6px);
23600
+ .v-tabs--density-comfortable {
23601
+ --v-tabs-height: 44px;
23708
23602
  }
23709
- .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
23710
- opacity: 1;
23603
+ .v-tabs--density-comfortable.v-tabs--stacked {
23604
+ --v-tabs-height: 68px;
23711
23605
  }
23712
- .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
23713
- color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
23606
+
23607
+ .v-tabs--density-compact {
23608
+ --v-tabs-height: 36px;
23714
23609
  }
23715
- .v-text-field__prefix {
23716
- padding-inline-start: var(--v-field-padding-start);
23610
+ .v-tabs--density-compact.v-tabs--stacked {
23611
+ --v-tabs-height: 60px;
23717
23612
  }
23718
- .v-text-field__suffix {
23719
- padding-inline-end: var(--v-field-padding-end);
23613
+
23614
+ .v-tabs.v-slide-group--vertical {
23615
+ height: auto;
23616
+ flex: none;
23617
+ --v-tabs-height: 48px;
23720
23618
  }
23721
23619
 
23722
- /* endregion */.v-textarea .v-field {
23723
- --v-textarea-control-height: var(--v-input-control-height);
23724
- }
23725
- .v-textarea .v-field__field {
23726
- --v-input-control-height: var(--v-textarea-control-height);
23620
+ .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
23621
+ margin-inline-start: 42px;
23727
23622
  }
23728
- .v-textarea .v-field__input {
23729
- flex: 1 1 auto;
23730
- outline: none;
23731
- -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));
23732
- 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));
23623
+
23624
+ .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
23625
+ .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
23626
+ margin-inline-end: auto;
23733
23627
  }
23734
- .v-textarea .v-field__input.v-textarea__sizer {
23735
- visibility: hidden;
23736
- position: absolute;
23737
- top: 0;
23738
- left: 0;
23739
- height: 0 !important;
23740
- min-height: 0 !important;
23741
- pointer-events: none;
23628
+ .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
23629
+ .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
23630
+ margin-inline-start: auto;
23742
23631
  }
23743
- .v-textarea--no-resize .v-field__input {
23744
- resize: none;
23632
+
23633
+ .v-tabs--grow {
23634
+ flex-grow: 1;
23745
23635
  }
23746
- .v-textarea .v-field--no-label textarea,
23747
- .v-textarea .v-field--active textarea {
23748
- opacity: 1;
23636
+ .v-tabs--grow .v-tab {
23637
+ flex: 1 0 auto;
23638
+ max-width: none;
23749
23639
  }
23750
- .v-textarea textarea {
23751
- opacity: 0;
23752
- flex: 1;
23753
- min-width: 0;
23754
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
23640
+
23641
+ .v-tabs--align-tabs-end .v-tab:first-child {
23642
+ margin-inline-start: auto;
23755
23643
  }
23756
- .v-textarea textarea:focus, .v-textarea textarea:active {
23757
- outline: none;
23644
+ .v-tabs--align-tabs-end .v-tab:last-child {
23645
+ margin-inline-end: 0;
23758
23646
  }
23759
- .v-textarea textarea:invalid {
23760
- box-shadow: none;
23761
- }.v-theme-provider {
23762
- background: rgb(var(--v-theme-background));
23763
- color: rgb(var(--v-theme-on-background));
23647
+
23648
+ @media (max-width: 1279.98px) {
23649
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
23650
+ margin-inline-start: 52px;
23651
+ }
23652
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
23653
+ margin-inline-end: 52px;
23654
+ }
23764
23655
  }.v-table {
23765
23656
  background: rgb(var(--v-theme-surface));
23766
23657
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -23808,7 +23699,6 @@ html.v-overlay-scroll-blocked {
23808
23699
  }
23809
23700
 
23810
23701
  .v-table {
23811
- --v-table-header-height: 56px;
23812
23702
  border-radius: inherit;
23813
23703
  line-height: 1.5;
23814
23704
  max-width: 100%;
@@ -23830,45 +23720,33 @@ html.v-overlay-scroll-blocked {
23830
23720
  transition-property: box-shadow, opacity, background, height;
23831
23721
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
23832
23722
  }
23723
+ .v-table > .v-table__wrapper > table > tbody > tr > td,
23724
+ .v-table > .v-table__wrapper > table > thead > tr > td,
23725
+ .v-table > .v-table__wrapper > table > tfoot > tr > td {
23726
+ height: var(--v-table-row-height);
23727
+ }
23833
23728
  .v-table > .v-table__wrapper > table > tbody > tr > th,
23834
23729
  .v-table > .v-table__wrapper > table > thead > tr > th,
23835
23730
  .v-table > .v-table__wrapper > table > tfoot > tr > th {
23731
+ height: var(--v-table-header-height);
23836
23732
  font-weight: 500;
23837
23733
  -webkit-user-select: none;
23838
23734
  user-select: none;
23839
23735
  text-align: start;
23840
23736
  }
23841
- .v-table--density-default > .v-table__wrapper > table > tbody > tr > th,
23842
- .v-table--density-default > .v-table__wrapper > table > thead > tr > th,
23843
- .v-table--density-default > .v-table__wrapper > table > tfoot > tr > th {
23844
- height: calc(var(--v-table-header-height) + 0px);
23845
- }
23846
- .v-table--density-default > .v-table__wrapper > table > tbody > tr > td,
23847
- .v-table--density-default > .v-table__wrapper > table > thead > tr > td,
23848
- .v-table--density-default > .v-table__wrapper > table > tfoot > tr > td {
23849
- height: calc(var(--v-table-row-height, 52px) + 0px);
23737
+ .v-table--density-default {
23738
+ --v-table-header-height: 56px;
23739
+ --v-table-row-height: 52px;
23850
23740
  }
23851
23741
 
23852
- .v-table--density-comfortable > .v-table__wrapper > table > tbody > tr > th,
23853
- .v-table--density-comfortable > .v-table__wrapper > table > thead > tr > th,
23854
- .v-table--density-comfortable > .v-table__wrapper > table > tfoot > tr > th {
23855
- height: calc(var(--v-table-header-height) - 8px);
23856
- }
23857
- .v-table--density-comfortable > .v-table__wrapper > table > tbody > tr > td,
23858
- .v-table--density-comfortable > .v-table__wrapper > table > thead > tr > td,
23859
- .v-table--density-comfortable > .v-table__wrapper > table > tfoot > tr > td {
23860
- height: calc(var(--v-table-row-height, 52px) - 8px);
23742
+ .v-table--density-comfortable {
23743
+ --v-table-header-height: 48px;
23744
+ --v-table-row-height: 44px;
23861
23745
  }
23862
23746
 
23863
- .v-table--density-compact > .v-table__wrapper > table > tbody > tr > th,
23864
- .v-table--density-compact > .v-table__wrapper > table > thead > tr > th,
23865
- .v-table--density-compact > .v-table__wrapper > table > tfoot > tr > th {
23866
- height: calc(var(--v-table-header-height) - 16px);
23867
- }
23868
- .v-table--density-compact > .v-table__wrapper > table > tbody > tr > td,
23869
- .v-table--density-compact > .v-table__wrapper > table > thead > tr > td,
23870
- .v-table--density-compact > .v-table__wrapper > table > tfoot > tr > td {
23871
- height: calc(var(--v-table-row-height, 52px) - 16px);
23747
+ .v-table--density-compact {
23748
+ --v-table-header-height: 40px;
23749
+ --v-table-row-height: 36px;
23872
23750
  }
23873
23751
 
23874
23752
  .v-table__wrapper {
@@ -23912,6 +23790,115 @@ html.v-overlay-scroll-blocked {
23912
23790
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
23913
23791
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
23914
23792
  border-top: 0px !important;
23793
+ }/* region BLOCK */
23794
+ .v-text-field input {
23795
+ color: inherit;
23796
+ opacity: 0;
23797
+ flex: 1;
23798
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
23799
+ min-width: 0;
23800
+ }
23801
+ .v-text-field input:focus, .v-text-field input:active {
23802
+ outline: none;
23803
+ }
23804
+ .v-text-field input:invalid {
23805
+ box-shadow: none;
23806
+ }
23807
+ .v-text-field .v-field {
23808
+ cursor: text;
23809
+ }
23810
+ .v-text-field--prefixed.v-text-field .v-field__input {
23811
+ --v-field-padding-start: 6px;
23812
+ }
23813
+
23814
+ .v-text-field--suffixed.v-text-field .v-field__input {
23815
+ --v-field-padding-end: 0;
23816
+ }
23817
+
23818
+ .v-text-field .v-input__details {
23819
+ padding-inline: 16px;
23820
+ }
23821
+ .v-input--plain-underlined.v-text-field .v-input__details {
23822
+ padding-inline: 0;
23823
+ }
23824
+
23825
+ .v-text-field .v-field--no-label input,
23826
+ .v-text-field .v-field--active input {
23827
+ opacity: 1;
23828
+ }
23829
+ .v-text-field .v-field--single-line input {
23830
+ transition: none;
23831
+ }
23832
+
23833
+ /* endregion */
23834
+ /* region ELEMENTS */
23835
+ .v-text-field__prefix, .v-text-field__suffix {
23836
+ align-items: center;
23837
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
23838
+ cursor: default;
23839
+ display: flex;
23840
+ opacity: 0;
23841
+ transition: inherit;
23842
+ white-space: nowrap;
23843
+ min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
23844
+ padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
23845
+ padding-bottom: var(--v-field-padding-bottom, 6px);
23846
+ }
23847
+ .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
23848
+ opacity: 1;
23849
+ }
23850
+ .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
23851
+ color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
23852
+ }
23853
+ .v-text-field__prefix {
23854
+ padding-inline-start: var(--v-field-padding-start);
23855
+ }
23856
+ .v-text-field__suffix {
23857
+ padding-inline-end: var(--v-field-padding-end);
23858
+ }
23859
+
23860
+ /* endregion */.v-textarea .v-field {
23861
+ --v-textarea-control-height: var(--v-input-control-height);
23862
+ }
23863
+ .v-textarea .v-field__field {
23864
+ --v-input-control-height: var(--v-textarea-control-height);
23865
+ }
23866
+ .v-textarea .v-field__input {
23867
+ flex: 1 1 auto;
23868
+ outline: none;
23869
+ -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));
23870
+ 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));
23871
+ }
23872
+ .v-textarea .v-field__input.v-textarea__sizer {
23873
+ visibility: hidden;
23874
+ position: absolute;
23875
+ top: 0;
23876
+ left: 0;
23877
+ height: 0 !important;
23878
+ min-height: 0 !important;
23879
+ pointer-events: none;
23880
+ }
23881
+ .v-textarea--no-resize .v-field__input {
23882
+ resize: none;
23883
+ }
23884
+ .v-textarea .v-field--no-label textarea,
23885
+ .v-textarea .v-field--active textarea {
23886
+ opacity: 1;
23887
+ }
23888
+ .v-textarea textarea {
23889
+ opacity: 0;
23890
+ flex: 1;
23891
+ min-width: 0;
23892
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
23893
+ }
23894
+ .v-textarea textarea:focus, .v-textarea textarea:active {
23895
+ outline: none;
23896
+ }
23897
+ .v-textarea textarea:invalid {
23898
+ box-shadow: none;
23899
+ }.v-theme-provider {
23900
+ background: rgb(var(--v-theme-background));
23901
+ color: rgb(var(--v-theme-on-background));
23915
23902
  }.v-timeline .v-timeline-divider__dot {
23916
23903
  background: rgb(var(--v-theme-surface-light));
23917
23904
  }
@@ -24476,6 +24463,15 @@ html.v-overlay-scroll-blocked {
24476
24463
  .v-tooltip > .v-overlay__content[class*=leave-active] {
24477
24464
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
24478
24465
  transition-duration: 75ms;
24466
+ }.v-virtual-scroll {
24467
+ display: block;
24468
+ flex: 1 1 auto;
24469
+ max-width: 100%;
24470
+ overflow: auto;
24471
+ position: relative;
24472
+ }
24473
+ .v-virtual-scroll__container {
24474
+ display: block;
24479
24475
  }.v-window {
24480
24476
  overflow: hidden;
24481
24477
  }
@@ -24498,7 +24494,7 @@ html.v-overlay-scroll-blocked {
24498
24494
  padding: 0 16px;
24499
24495
  pointer-events: none;
24500
24496
  }
24501
- .v-window__controls * {
24497
+ .v-window__controls > * {
24502
24498
  pointer-events: auto;
24503
24499
  }
24504
24500
  .v-window--show-arrows-on-hover {
@@ -24545,43 +24541,6 @@ html.v-overlay-scroll-blocked {
24545
24541
  }
24546
24542
  .v-window-y-reverse-transition-leave-to {
24547
24543
  transform: translateY(100%);
24548
- }.v-virtual-scroll {
24549
- display: block;
24550
- flex: 1 1 auto;
24551
- max-width: 100%;
24552
- overflow: auto;
24553
- position: relative;
24554
- }
24555
- .v-virtual-scroll__container {
24556
- display: block;
24557
- }.v-color-picker-edit {
24558
- display: flex;
24559
- margin-top: 24px;
24560
- }
24561
-
24562
- .v-color-picker-edit__input {
24563
- width: 100%;
24564
- display: flex;
24565
- flex-wrap: wrap;
24566
- justify-content: center;
24567
- text-align: center;
24568
- }
24569
- .v-color-picker-edit__input:not(:last-child) {
24570
- margin-inline-end: 8px;
24571
- }
24572
- .v-color-picker-edit__input input {
24573
- border-radius: 4px;
24574
- margin-bottom: 8px;
24575
- min-width: 0;
24576
- outline: none;
24577
- text-align: center;
24578
- width: 100%;
24579
- height: 32px;
24580
- background: rgba(var(--v-theme-surface-variant), 0.2);
24581
- color: rgba(var(--v-theme-on-surface));
24582
- }
24583
- .v-color-picker-edit__input span {
24584
- font-size: 0.75rem;
24585
24544
  }.v-color-picker-preview__alpha .v-slider-track__background {
24586
24545
  background-color: transparent !important;
24587
24546
  }
@@ -24651,6 +24610,34 @@ html.v-overlay-scroll-blocked {
24651
24610
  .v-color-picker-preview__eye-dropper {
24652
24611
  position: relative;
24653
24612
  margin-right: 12px;
24613
+ }.v-color-picker-edit {
24614
+ display: flex;
24615
+ margin-top: 24px;
24616
+ }
24617
+
24618
+ .v-color-picker-edit__input {
24619
+ width: 100%;
24620
+ display: flex;
24621
+ flex-wrap: wrap;
24622
+ justify-content: center;
24623
+ text-align: center;
24624
+ }
24625
+ .v-color-picker-edit__input:not(:last-child) {
24626
+ margin-inline-end: 8px;
24627
+ }
24628
+ .v-color-picker-edit__input input {
24629
+ border-radius: 4px;
24630
+ margin-bottom: 8px;
24631
+ min-width: 0;
24632
+ outline: none;
24633
+ text-align: center;
24634
+ width: 100%;
24635
+ height: 32px;
24636
+ background: rgba(var(--v-theme-surface-variant), 0.2);
24637
+ color: rgba(var(--v-theme-on-surface));
24638
+ }
24639
+ .v-color-picker-edit__input span {
24640
+ font-size: 0.75rem;
24654
24641
  }.v-color-picker-canvas {
24655
24642
  display: flex;
24656
24643
  position: relative;