vuetify 3.6.11 → 3.6.12

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 (105) hide show
  1. package/dist/json/attributes.json +58 -70
  2. package/dist/json/importMap-labs.json +16 -16
  3. package/dist/json/importMap.json +162 -162
  4. package/dist/json/tags.json +4 -7
  5. package/dist/json/web-types.json +98 -117
  6. package/dist/vuetify-labs.css +1863 -1841
  7. package/dist/vuetify-labs.d.ts +640 -751
  8. package/dist/vuetify-labs.esm.js +88 -76
  9. package/dist/vuetify-labs.esm.js.map +1 -1
  10. package/dist/vuetify-labs.js +88 -76
  11. package/dist/vuetify-labs.min.css +2 -2
  12. package/dist/vuetify.css +2936 -2914
  13. package/dist/vuetify.d.ts +617 -710
  14. package/dist/vuetify.esm.js +71 -60
  15. package/dist/vuetify.esm.js.map +1 -1
  16. package/dist/vuetify.js +71 -60
  17. package/dist/vuetify.js.map +1 -1
  18. package/dist/vuetify.min.css +2 -2
  19. package/dist/vuetify.min.js +62 -57
  20. package/dist/vuetify.min.js.map +1 -1
  21. package/lib/blueprints/index.d.mts +3 -3
  22. package/lib/blueprints/md1.d.mts +3 -3
  23. package/lib/blueprints/md2.d.mts +3 -3
  24. package/lib/blueprints/md3.d.mts +3 -3
  25. package/lib/components/VAutocomplete/index.d.mts +25 -31
  26. package/lib/components/VBottomSheet/index.d.mts +10 -10
  27. package/lib/components/VCheckbox/index.d.mts +2 -8
  28. package/lib/components/VCombobox/index.d.mts +25 -31
  29. package/lib/components/VDataTable/VDataTableFooter.mjs +5 -4
  30. package/lib/components/VDataTable/VDataTableFooter.mjs.map +1 -1
  31. package/lib/components/VDataTable/index.d.mts +108 -108
  32. package/lib/components/VDatePicker/VDatePickerControls.mjs +5 -4
  33. package/lib/components/VDatePicker/VDatePickerControls.mjs.map +1 -1
  34. package/lib/components/VDatePicker/VDatePickerMonth.mjs +1 -1
  35. package/lib/components/VDatePicker/VDatePickerMonth.mjs.map +1 -1
  36. package/lib/components/VDatePicker/index.d.mts +70 -55
  37. package/lib/components/VDialog/index.d.mts +28 -28
  38. package/lib/components/VExpansionPanel/VExpansionPanels.mjs +6 -2
  39. package/lib/components/VExpansionPanel/VExpansionPanels.mjs.map +1 -1
  40. package/lib/components/VExpansionPanel/index.d.mts +48 -66
  41. package/lib/components/VField/VField.css +11 -6
  42. package/lib/components/VField/VField.mjs +5 -7
  43. package/lib/components/VField/VField.mjs.map +1 -1
  44. package/lib/components/VField/VField.sass +6 -2
  45. package/lib/components/VField/index.d.mts +6 -12
  46. package/lib/components/VFileInput/index.d.mts +6 -12
  47. package/lib/components/VInput/VInput.css +5 -5
  48. package/lib/components/VInput/VInput.mjs +1 -4
  49. package/lib/components/VInput/VInput.mjs.map +1 -1
  50. package/lib/components/VInput/VInput.sass +1 -1
  51. package/lib/components/VInput/index.d.mts +2 -8
  52. package/lib/components/VMenu/index.d.mts +32 -32
  53. package/lib/components/VOverlay/VOverlay.mjs +7 -2
  54. package/lib/components/VOverlay/VOverlay.mjs.map +1 -1
  55. package/lib/components/VOverlay/index.d.mts +10 -10
  56. package/lib/components/VOverlay/locationStrategies.mjs.map +1 -1
  57. package/lib/components/VProgressLinear/VProgressLinear.css +17 -0
  58. package/lib/components/VProgressLinear/VProgressLinear.mjs +6 -5
  59. package/lib/components/VProgressLinear/VProgressLinear.mjs.map +1 -1
  60. package/lib/components/VProgressLinear/VProgressLinear.sass +11 -0
  61. package/lib/components/VRadio/VRadio.mjs +8 -5
  62. package/lib/components/VRadio/VRadio.mjs.map +1 -1
  63. package/lib/components/VRadioGroup/index.d.mts +2 -8
  64. package/lib/components/VRangeSlider/index.d.mts +2 -8
  65. package/lib/components/VSelect/index.d.mts +25 -31
  66. package/lib/components/VSlider/index.d.mts +2 -8
  67. package/lib/components/VSnackbar/index.d.mts +28 -28
  68. package/lib/components/VSpeedDial/index.d.mts +14 -14
  69. package/lib/components/VSwitch/index.d.mts +2 -8
  70. package/lib/components/VTextField/VTextField.mjs +1 -1
  71. package/lib/components/VTextField/VTextField.mjs.map +1 -1
  72. package/lib/components/VTextField/index.d.mts +18 -24
  73. package/lib/components/VTextarea/VTextarea.mjs +5 -5
  74. package/lib/components/VTextarea/VTextarea.mjs.map +1 -1
  75. package/lib/components/VTextarea/index.d.mts +72 -87
  76. package/lib/components/VTooltip/index.d.mts +32 -32
  77. package/lib/components/index.d.mts +646 -739
  78. package/lib/composables/calendar.mjs +10 -4
  79. package/lib/composables/calendar.mjs.map +1 -1
  80. package/lib/composables/date/DateAdapter.mjs.map +1 -1
  81. package/lib/composables/date/adapters/vuetify.mjs +15 -13
  82. package/lib/composables/date/adapters/vuetify.mjs.map +1 -1
  83. package/lib/composables/teleport.mjs +2 -2
  84. package/lib/composables/teleport.mjs.map +1 -1
  85. package/lib/entry-bundler.mjs +1 -1
  86. package/lib/framework.mjs +1 -1
  87. package/lib/index.d.mts +61 -61
  88. package/lib/labs/VCalendar/VCalendar.mjs +7 -6
  89. package/lib/labs/VCalendar/VCalendar.mjs.map +1 -1
  90. package/lib/labs/VCalendar/index.d.mts +6 -0
  91. package/lib/labs/VDateInput/index.d.mts +39 -39
  92. package/lib/labs/VNumberInput/VNumberInput.mjs +1 -1
  93. package/lib/labs/VNumberInput/VNumberInput.mjs.map +1 -1
  94. package/lib/labs/VNumberInput/index.d.mts +6 -12
  95. package/lib/labs/VSnackbarQueue/index.d.mts +37 -37
  96. package/lib/labs/VStepperVertical/index.d.mts +0 -18
  97. package/lib/labs/VTimePicker/VTimePicker.mjs +5 -5
  98. package/lib/labs/VTimePicker/VTimePicker.mjs.map +1 -1
  99. package/lib/labs/VTimePicker/VTimePickerClock.mjs +2 -2
  100. package/lib/labs/VTimePicker/VTimePickerClock.mjs.map +1 -1
  101. package/lib/labs/VTimePicker/VTimePickerControls.mjs +2 -2
  102. package/lib/labs/VTimePicker/VTimePickerControls.mjs.map +1 -1
  103. package/lib/labs/VTimePicker/index.d.mts +18 -18
  104. package/lib/labs/components.d.mts +106 -124
  105. package/package.json +2 -2
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.6.11
2
+ * Vuetify v3.6.12
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17469,6 +17469,38 @@ html.overflow-y-hidden {
17469
17469
  .v-calendar-header__title {
17470
17470
  font-size: 1.5rem;
17471
17471
  margin-inline-start: 24px;
17472
+ }.v-calendar-day {
17473
+ position: relative;
17474
+ display: flex;
17475
+ flex-direction: column;
17476
+ }
17477
+
17478
+ .v-calendar-weekly .v-calendar__container {
17479
+ display: grid;
17480
+ }
17481
+ .v-calendar-weekly .v-calendar__container.days__7 {
17482
+ grid-template-columns: repeat(7, 1fr);
17483
+ }
17484
+ .v-calendar-weekly .v-calendar__container.days__6 {
17485
+ grid-template-columns: repeat(6, 1fr);
17486
+ }
17487
+ .v-calendar-weekly .v-calendar__container.days__5 {
17488
+ grid-template-columns: repeat(5, 1fr);
17489
+ }
17490
+ .v-calendar-weekly .v-calendar__container.days__4 {
17491
+ grid-template-columns: repeat(4, 1fr);
17492
+ }
17493
+ .v-calendar-weekly .v-calendar__container.days__3 {
17494
+ grid-template-columns: repeat(3, 1fr);
17495
+ }
17496
+ .v-calendar-weekly .v-calendar__container.days__2 {
17497
+ grid-template-columns: repeat(2, 1fr);
17498
+ }
17499
+ .v-calendar-weekly .v-calendar__container.days__1 {
17500
+ grid-template-columns: repeat(1, 1fr);
17501
+ }
17502
+ .v-calendar-weekly .v-calendar__container.days__0 {
17503
+ grid-template-columns: repeat(1, 1fr);
17472
17504
  }.v-calendar {
17473
17505
  background: rgb(var(--v-theme-background));
17474
17506
  color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
@@ -17696,6 +17728,48 @@ html.overflow-y-hidden {
17696
17728
  }
17697
17729
  .v-calendar-month__days.days-with-weeknumbers__7 > .v-calendar-month__day:nth-child(8n) {
17698
17730
  border-right: none;
17731
+ }.v-calendar-day__row-with-label {
17732
+ display: grid;
17733
+ grid-template-columns: 48px 8px 1fr;
17734
+ border-right: thin solid #e0e0e0;
17735
+ }
17736
+ .v-calendar-day__row-with-label .v-calendar-day__row-hairline {
17737
+ position: relative;
17738
+ border-right: thin solid #e0e0e0;
17739
+ }
17740
+ .v-calendar-day__row-with-label .v-calendar-day__row-hairline:after {
17741
+ content: "";
17742
+ border-bottom: thin solid #e0e0e0;
17743
+ position: absolute;
17744
+ width: 100%;
17745
+ margin-top: -1px;
17746
+ z-index: 3;
17747
+ pointer-events: none;
17748
+ }
17749
+ .v-calendar-day__row-with-label .v-calendar-day__row-label {
17750
+ font-size: 10px;
17751
+ text-align: center;
17752
+ position: relative;
17753
+ top: -8px;
17754
+ }
17755
+ .v-calendar-day__row-with-label .v-calendar-day__row-content {
17756
+ border-bottom: thin solid #e0e0e0;
17757
+ }
17758
+ .v-calendar-day__row-with-label .v-calendar-day__row-content.v-calendar-day__row-content-through {
17759
+ border-bottom: none;
17760
+ }
17761
+
17762
+ .v-calendar-day__row-without-label {
17763
+ display: grid;
17764
+ grid-template-columns: 1fr;
17765
+ border-right: thin solid #e0e0e0;
17766
+ }
17767
+ .v-calendar-day__row-without-label .v-calendar-day__row-content {
17768
+ overflow: hidden;
17769
+ border-bottom: thin solid #e0e0e0;
17770
+ }
17771
+ .v-calendar-day__row-without-label .v-calendar-day__row-content.v-calendar-day__row-content-through {
17772
+ border-bottom: none;
17699
17773
  }.v-calendar-month__day {
17700
17774
  position: relative;
17701
17775
  display: flex;
@@ -17764,38 +17838,6 @@ html.overflow-y-hidden {
17764
17838
  padding: 4px;
17765
17839
  text-overflow: ellipsis;
17766
17840
  white-space: nowrap;
17767
- }.v-calendar-day {
17768
- position: relative;
17769
- display: flex;
17770
- flex-direction: column;
17771
- }
17772
-
17773
- .v-calendar-weekly .v-calendar__container {
17774
- display: grid;
17775
- }
17776
- .v-calendar-weekly .v-calendar__container.days__7 {
17777
- grid-template-columns: repeat(7, 1fr);
17778
- }
17779
- .v-calendar-weekly .v-calendar__container.days__6 {
17780
- grid-template-columns: repeat(6, 1fr);
17781
- }
17782
- .v-calendar-weekly .v-calendar__container.days__5 {
17783
- grid-template-columns: repeat(5, 1fr);
17784
- }
17785
- .v-calendar-weekly .v-calendar__container.days__4 {
17786
- grid-template-columns: repeat(4, 1fr);
17787
- }
17788
- .v-calendar-weekly .v-calendar__container.days__3 {
17789
- grid-template-columns: repeat(3, 1fr);
17790
- }
17791
- .v-calendar-weekly .v-calendar__container.days__2 {
17792
- grid-template-columns: repeat(2, 1fr);
17793
- }
17794
- .v-calendar-weekly .v-calendar__container.days__1 {
17795
- grid-template-columns: repeat(1, 1fr);
17796
- }
17797
- .v-calendar-weekly .v-calendar__container.days__0 {
17798
- grid-template-columns: repeat(1, 1fr);
17799
17841
  }.v-picker.v-sheet {
17800
17842
  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17801
17843
  border-radius: 4px;
@@ -17849,48 +17891,70 @@ html.overflow-y-hidden {
17849
17891
  padding-bottom: 16px;
17850
17892
  font-weight: 400;
17851
17893
  letter-spacing: 0.1666666667em;
17852
- }.v-calendar-day__row-with-label {
17853
- display: grid;
17854
- grid-template-columns: 48px 8px 1fr;
17855
- border-right: thin solid #e0e0e0;
17894
+ }.v-number-input input[type=number] {
17895
+ -moz-appearance: textfield;
17856
17896
  }
17857
- .v-calendar-day__row-with-label .v-calendar-day__row-hairline {
17858
- position: relative;
17859
- border-right: thin solid #e0e0e0;
17897
+ .v-number-input input[type=number]::-webkit-outer-spin-button, .v-number-input input[type=number]::-webkit-inner-spin-button {
17898
+ -webkit-appearance: none;
17860
17899
  }
17861
- .v-calendar-day__row-with-label .v-calendar-day__row-hairline:after {
17862
- content: "";
17863
- border-bottom: thin solid #e0e0e0;
17864
- position: absolute;
17865
- width: 100%;
17866
- margin-top: -1px;
17867
- z-index: 3;
17868
- pointer-events: none;
17900
+ .v-number-input .v-field {
17901
+ padding-inline-end: 0;
17902
+ padding-inline-start: 0;
17869
17903
  }
17870
- .v-calendar-day__row-with-label .v-calendar-day__row-label {
17871
- font-size: 10px;
17904
+ .v-number-input--inset .v-divider {
17905
+ height: 55%;
17906
+ width: 55%;
17907
+ align-self: center;
17908
+ }
17909
+ .v-number-input--split .v-field__input {
17872
17910
  text-align: center;
17873
- position: relative;
17874
- top: -8px;
17875
17911
  }
17876
- .v-calendar-day__row-with-label .v-calendar-day__row-content {
17877
- border-bottom: thin solid #e0e0e0;
17912
+ .v-number-input--stacked .v-number-input__control {
17913
+ flex-direction: column-reverse;
17878
17914
  }
17879
- .v-calendar-day__row-with-label .v-calendar-day__row-content.v-calendar-day__row-content-through {
17880
- border-bottom: none;
17915
+ .v-number-input--stacked .v-number-input__control .v-btn {
17916
+ flex: 1;
17881
17917
  }
17882
-
17883
- .v-calendar-day__row-without-label {
17884
- display: grid;
17885
- grid-template-columns: 1fr;
17886
- border-right: thin solid #e0e0e0;
17918
+ .v-number-input--hide-input .v-field {
17919
+ flex: none;
17887
17920
  }
17888
- .v-calendar-day__row-without-label .v-calendar-day__row-content {
17921
+ .v-number-input--hide-input .v-field__input {
17922
+ width: 0;
17923
+ padding-inline: 0;
17924
+ }
17925
+ .v-number-input__control {
17926
+ display: flex;
17927
+ height: 100%;
17928
+ }
17929
+ .v-number-input__control .v-btn {
17930
+ background-color: transparent;
17931
+ border-radius: 0;
17932
+ }.v-pull-to-refresh {
17889
17933
  overflow: hidden;
17890
- border-bottom: thin solid #e0e0e0;
17934
+ position: relative;
17891
17935
  }
17892
- .v-calendar-day__row-without-label .v-calendar-day__row-content.v-calendar-day__row-content-through {
17893
- border-bottom: none;
17936
+ .v-pull-to-refresh__pull-down {
17937
+ position: absolute;
17938
+ width: 100%;
17939
+ transition: top 0.3s ease-out;
17940
+ }
17941
+ .v-pull-to-refresh__pull-down--touching {
17942
+ transition: none;
17943
+ }
17944
+ .v-pull-to-refresh__pull-down-default {
17945
+ display: flex;
17946
+ width: 100%;
17947
+ height: 100%;
17948
+ justify-content: center;
17949
+ align-items: flex-end;
17950
+ padding-bottom: 10px;
17951
+ }
17952
+ .v-pull-to-refresh__scroll-container {
17953
+ position: relative;
17954
+ transition: top 0.3s ease-out;
17955
+ }
17956
+ .v-pull-to-refresh__scroll-container--touching {
17957
+ transition: none;
17894
17958
  }.v-stepper-vertical-item {
17895
17959
  position: relative;
17896
17960
  transition-duration: 0.2s;
@@ -17959,102 +18023,54 @@ html.overflow-y-hidden {
17959
18023
  justify-content: flex-end;
17960
18024
  padding: 24px 0 0;
17961
18025
  flex-direction: row-reverse;
17962
- }.v-number-input input[type=number] {
17963
- -moz-appearance: textfield;
18026
+ }.v-treeview-item--filtered {
18027
+ display: none;
17964
18028
  }
17965
- .v-number-input input[type=number]::-webkit-outer-spin-button, .v-number-input input[type=number]::-webkit-inner-spin-button {
17966
- -webkit-appearance: none;
18029
+
18030
+ .v-treeview {
18031
+ --indent-padding: 0px;
17967
18032
  }
17968
- .v-number-input .v-field {
17969
- padding-inline-end: 0;
17970
- padding-inline-start: 0;
18033
+
18034
+ .v-treeview-group.v-list-group {
18035
+ --list-indent-size: 16px;
17971
18036
  }
17972
- .v-number-input--inset .v-divider {
17973
- height: 55%;
17974
- width: 55%;
17975
- align-self: center;
18037
+ .v-list--slim .v-treeview-group.v-list-group {
18038
+ --prepend-width: 16px;
17976
18039
  }
17977
- .v-number-input--split .v-field__input {
17978
- text-align: center;
18040
+ .v-treeview-group.v-list-group .v-list-group__items .v-list-item {
18041
+ padding-inline-start: calc(12px + var(--indent-padding)) !important;
18042
+ }.v-time-picker.v-picker {
18043
+ padding: 24px;
18044
+ width: 328px;
17979
18045
  }
17980
- .v-number-input--stacked .v-number-input__control {
17981
- flex-direction: column-reverse;
18046
+ .v-time-picker.v-picker .v-picker-title {
18047
+ padding: 0;
18048
+ margin-bottom: 20px;
18049
+ }.v-time-picker-clock {
18050
+ background: rgb(var(--v-theme-background));
18051
+ color: rgb(var(--v-theme-on-background));
17982
18052
  }
17983
- .v-number-input--stacked .v-number-input__control .v-btn {
17984
- flex: 1;
18053
+ .v-time-picker-clock:after {
18054
+ color: rgb(var(--v-theme-primary));
17985
18055
  }
17986
- .v-number-input--hide-input .v-field {
17987
- flex: none;
18056
+ .v-time-picker-clock .v-time-picker-clock__item--active {
18057
+ background-color: rgb(var(--v-theme-surface-variant));
18058
+ color: rgb(var(--v-theme-on-surface-variant));
17988
18059
  }
17989
- .v-number-input--hide-input .v-field__input {
17990
- width: 0;
17991
- padding-inline: 0;
18060
+
18061
+ .v-time-picker-clock {
18062
+ margin: 0 auto;
18063
+ background: rgb(var(--v-theme-surface-light));
18064
+ border-radius: 50%;
18065
+ position: relative;
18066
+ transition: none;
18067
+ -webkit-user-select: none;
18068
+ user-select: none;
18069
+ height: 256px;
18070
+ width: 256px;
18071
+ flex: 1 0 auto;
17992
18072
  }
17993
- .v-number-input__control {
17994
- display: flex;
17995
- height: 100%;
17996
- }
17997
- .v-number-input__control .v-btn {
17998
- background-color: transparent;
17999
- border-radius: 0;
18000
- }.v-pull-to-refresh {
18001
- overflow: hidden;
18002
- position: relative;
18003
- }
18004
- .v-pull-to-refresh__pull-down {
18005
- position: absolute;
18006
- width: 100%;
18007
- transition: top 0.3s ease-out;
18008
- }
18009
- .v-pull-to-refresh__pull-down--touching {
18010
- transition: none;
18011
- }
18012
- .v-pull-to-refresh__pull-down-default {
18013
- display: flex;
18014
- width: 100%;
18015
- height: 100%;
18016
- justify-content: center;
18017
- align-items: flex-end;
18018
- padding-bottom: 10px;
18019
- }
18020
- .v-pull-to-refresh__scroll-container {
18021
- position: relative;
18022
- transition: top 0.3s ease-out;
18023
- }
18024
- .v-pull-to-refresh__scroll-container--touching {
18025
- transition: none;
18026
- }.v-time-picker.v-picker {
18027
- padding: 24px;
18028
- width: 328px;
18029
- }
18030
- .v-time-picker.v-picker .v-picker-title {
18031
- padding: 0;
18032
- margin-bottom: 20px;
18033
- }.v-time-picker-clock {
18034
- background: rgb(var(--v-theme-background));
18035
- color: rgb(var(--v-theme-on-background));
18036
- }
18037
- .v-time-picker-clock:after {
18038
- color: rgb(var(--v-theme-primary));
18039
- }
18040
- .v-time-picker-clock .v-time-picker-clock__item--active {
18041
- background-color: rgb(var(--v-theme-surface-variant));
18042
- color: rgb(var(--v-theme-on-surface-variant));
18043
- }
18044
-
18045
- .v-time-picker-clock {
18046
- margin: 0 auto;
18047
- background: rgb(var(--v-theme-surface-light));
18048
- border-radius: 50%;
18049
- position: relative;
18050
- transition: none;
18051
- -webkit-user-select: none;
18052
- user-select: none;
18053
- height: 256px;
18054
- width: 256px;
18055
- flex: 1 0 auto;
18056
- }
18057
- .v-time-picker-clock__container {
18073
+ .v-time-picker-clock__container {
18058
18074
  display: flex;
18059
18075
  flex-direction: column;
18060
18076
  flex-basis: 290px;
@@ -18264,22 +18280,6 @@ html.overflow-y-hidden {
18264
18280
  }
18265
18281
  .v-picker--time .v-picker__title--landscape .v-time-picker-controls__time {
18266
18282
  text-align: center;
18267
- }.v-treeview-item--filtered {
18268
- display: none;
18269
- }
18270
-
18271
- .v-treeview {
18272
- --indent-padding: 0px;
18273
- }
18274
-
18275
- .v-treeview-group.v-list-group {
18276
- --list-indent-size: 16px;
18277
- }
18278
- .v-list--slim .v-treeview-group.v-list-group {
18279
- --prepend-width: 16px;
18280
- }
18281
- .v-treeview-group.v-list-group .v-list-group__items .v-list-item {
18282
- padding-inline-start: calc(12px + var(--indent-padding)) !important;
18283
18283
  }.v-application {
18284
18284
  display: flex;
18285
18285
  background: rgb(var(--v-theme-background));
@@ -18296,6 +18296,18 @@ html.overflow-y-hidden {
18296
18296
  min-height: 100vh;
18297
18297
  min-height: 100dvh;
18298
18298
  position: relative;
18299
+ }.v-app-bar {
18300
+ display: flex;
18301
+ }
18302
+ .v-app-bar.v-toolbar {
18303
+ background: rgb(var(--v-theme-surface));
18304
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18305
+ }
18306
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
18307
+ 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));
18308
+ }
18309
+ .v-app-bar:not(.v-toolbar--absolute) {
18310
+ padding-inline-end: var(--v-scrollbar-offset);
18299
18311
  }.v-alert {
18300
18312
  display: grid;
18301
18313
  flex: 1 1;
@@ -18508,18 +18520,87 @@ html.overflow-y-hidden {
18508
18520
  text-transform: none;
18509
18521
  word-break: normal;
18510
18522
  word-wrap: break-word;
18511
- }.v-app-bar {
18512
- display: flex;
18523
+ }.v-autocomplete .v-field .v-text-field__prefix,
18524
+ .v-autocomplete .v-field .v-text-field__suffix,
18525
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
18526
+ cursor: text;
18513
18527
  }
18514
- .v-app-bar.v-toolbar {
18515
- background: rgb(var(--v-theme-surface));
18516
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18528
+ .v-autocomplete .v-field .v-field__input > input {
18529
+ flex: 1 1;
18517
18530
  }
18518
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
18531
+ .v-autocomplete .v-field input {
18532
+ min-width: 64px;
18533
+ }
18534
+ .v-autocomplete .v-field:not(.v-field--focused) input {
18535
+ min-width: 0;
18536
+ }
18537
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
18538
+ margin-inline-end: 2px;
18539
+ }
18540
+ .v-autocomplete .v-autocomplete__selection-text {
18541
+ overflow: hidden;
18542
+ text-overflow: ellipsis;
18543
+ white-space: nowrap;
18544
+ }
18545
+
18546
+ .v-autocomplete__content {
18547
+ overflow: hidden;
18519
18548
  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));
18549
+ border-radius: 4px;
18520
18550
  }
18521
- .v-app-bar:not(.v-toolbar--absolute) {
18522
- padding-inline-end: var(--v-scrollbar-offset);
18551
+ .v-autocomplete__mask {
18552
+ background: rgb(var(--v-theme-surface-light));
18553
+ }
18554
+ .v-autocomplete__selection {
18555
+ display: inline-flex;
18556
+ align-items: center;
18557
+ height: 1.5rem;
18558
+ letter-spacing: inherit;
18559
+ line-height: inherit;
18560
+ max-width: calc(100% - 2px - 2px);
18561
+ }
18562
+ .v-autocomplete__selection:first-child {
18563
+ margin-inline-start: 0;
18564
+ }
18565
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
18566
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
18567
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
18568
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
18569
+ top: 0px;
18570
+ }
18571
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
18572
+ opacity: var(--v-medium-emphasis-opacity);
18573
+ }
18574
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
18575
+ opacity: 1;
18576
+ }
18577
+ .v-autocomplete--selecting-index .v-field__input > input {
18578
+ caret-color: transparent;
18579
+ }
18580
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
18581
+ flex: 1 1;
18582
+ position: absolute;
18583
+ left: 0;
18584
+ right: 0;
18585
+ width: 100%;
18586
+ padding-inline: inherit;
18587
+ }
18588
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
18589
+ transition: none;
18590
+ }
18591
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
18592
+ opacity: 0;
18593
+ }
18594
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
18595
+ opacity: 0;
18596
+ }
18597
+ .v-autocomplete__menu-icon {
18598
+ margin-inline-start: 4px;
18599
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18600
+ }
18601
+ .v-autocomplete--active-menu .v-autocomplete__menu-icon {
18602
+ opacity: var(--v-high-emphasis-opacity);
18603
+ transform: rotate(180deg);
18523
18604
  }.v-avatar {
18524
18605
  flex: none;
18525
18606
  align-items: center;
@@ -18615,87 +18696,6 @@ html.overflow-y-hidden {
18615
18696
  .v-avatar .v-img {
18616
18697
  height: 100%;
18617
18698
  width: 100%;
18618
- }.v-autocomplete .v-field .v-text-field__prefix,
18619
- .v-autocomplete .v-field .v-text-field__suffix,
18620
- .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
18621
- cursor: text;
18622
- }
18623
- .v-autocomplete .v-field .v-field__input > input {
18624
- flex: 1 1;
18625
- }
18626
- .v-autocomplete .v-field input {
18627
- min-width: 64px;
18628
- }
18629
- .v-autocomplete .v-field:not(.v-field--focused) input {
18630
- min-width: 0;
18631
- }
18632
- .v-autocomplete .v-field--dirty .v-autocomplete__selection {
18633
- margin-inline-end: 2px;
18634
- }
18635
- .v-autocomplete .v-autocomplete__selection-text {
18636
- overflow: hidden;
18637
- text-overflow: ellipsis;
18638
- white-space: nowrap;
18639
- }
18640
-
18641
- .v-autocomplete__content {
18642
- overflow: hidden;
18643
- 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));
18644
- border-radius: 4px;
18645
- }
18646
- .v-autocomplete__mask {
18647
- background: rgb(var(--v-theme-surface-light));
18648
- }
18649
- .v-autocomplete__selection {
18650
- display: inline-flex;
18651
- align-items: center;
18652
- height: 1.5rem;
18653
- letter-spacing: inherit;
18654
- line-height: inherit;
18655
- max-width: calc(100% - 2px - 2px);
18656
- }
18657
- .v-autocomplete__selection:first-child {
18658
- margin-inline-start: 0;
18659
- }
18660
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
18661
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
18662
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
18663
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
18664
- top: 0px;
18665
- }
18666
- .v-autocomplete--selecting-index .v-autocomplete__selection {
18667
- opacity: var(--v-medium-emphasis-opacity);
18668
- }
18669
- .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
18670
- opacity: 1;
18671
- }
18672
- .v-autocomplete--selecting-index .v-field__input > input {
18673
- caret-color: transparent;
18674
- }
18675
- .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
18676
- flex: 1 1;
18677
- position: absolute;
18678
- left: 0;
18679
- right: 0;
18680
- width: 100%;
18681
- padding-inline: inherit;
18682
- }
18683
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
18684
- transition: none;
18685
- }
18686
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
18687
- opacity: 0;
18688
- }
18689
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
18690
- opacity: 0;
18691
- }
18692
- .v-autocomplete__menu-icon {
18693
- margin-inline-start: 4px;
18694
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18695
- }
18696
- .v-autocomplete--active-menu .v-autocomplete__menu-icon {
18697
- opacity: var(--v-high-emphasis-opacity);
18698
- transform: rotate(180deg);
18699
18699
  }.v-badge {
18700
18700
  display: inline-block;
18701
18701
  line-height: 1;
@@ -18980,95 +18980,6 @@ html.overflow-y-hidden {
18980
18980
  }
18981
18981
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
18982
18982
  align-self: flex-start;
18983
- }.bottom-sheet-transition-enter-from {
18984
- transform: translateY(100%);
18985
- }
18986
- .bottom-sheet-transition-leave-to {
18987
- transform: translateY(100%);
18988
- }
18989
-
18990
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18991
- align-self: flex-end;
18992
- border-radius: 0;
18993
- flex: 0 1 auto;
18994
- left: 0;
18995
- right: 0;
18996
- margin-inline: 0;
18997
- margin-bottom: 0;
18998
- transition-duration: 0.2s;
18999
- width: 100%;
19000
- max-width: 100%;
19001
- overflow: visible;
19002
- box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19003
- }
19004
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
19005
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
19006
- border-radius: 0;
19007
- }
19008
- .v-bottom-sheet.v-bottom-sheet--inset {
19009
- max-width: none;
19010
- }
19011
- @media (min-width: 600px) {
19012
- .v-bottom-sheet.v-bottom-sheet--inset {
19013
- max-width: 70%;
19014
- }
19015
- }.v-breadcrumbs {
19016
- display: flex;
19017
- align-items: center;
19018
- line-height: 1.6;
19019
- padding: 16px 12px;
19020
- }
19021
- .v-breadcrumbs--rounded {
19022
- border-radius: 4px;
19023
- }
19024
- .v-breadcrumbs--density-default {
19025
- padding-top: 16px;
19026
- padding-bottom: 16px;
19027
- }
19028
-
19029
- .v-breadcrumbs--density-comfortable {
19030
- padding-top: 12px;
19031
- padding-bottom: 12px;
19032
- }
19033
-
19034
- .v-breadcrumbs--density-compact {
19035
- padding-top: 8px;
19036
- padding-bottom: 8px;
19037
- }
19038
-
19039
- .v-breadcrumbs__prepend {
19040
- align-items: center;
19041
- display: inline-flex;
19042
- }
19043
-
19044
- .v-breadcrumbs-item {
19045
- align-items: center;
19046
- color: inherit;
19047
- display: inline-flex;
19048
- padding: 0 4px;
19049
- text-decoration: none;
19050
- vertical-align: middle;
19051
- }
19052
- .v-breadcrumbs-item--disabled {
19053
- opacity: var(--v-disabled-opacity);
19054
- pointer-events: none;
19055
- }
19056
- .v-breadcrumbs-item--link {
19057
- color: inherit;
19058
- text-decoration: none;
19059
- }
19060
- .v-breadcrumbs-item--link:hover {
19061
- text-decoration: underline;
19062
- }
19063
- .v-breadcrumbs-item .v-icon {
19064
- font-size: 1rem;
19065
- margin-inline: -4px 2px;
19066
- }
19067
-
19068
- .v-breadcrumbs-divider {
19069
- display: inline-block;
19070
- padding: 0 8px;
19071
- vertical-align: middle;
19072
18983
  }.v-btn {
19073
18984
  align-items: center;
19074
18985
  border-radius: 4px;
@@ -19487,6 +19398,38 @@ html.overflow-y-hidden {
19487
19398
  }
19488
19399
  .v-pagination__item--is-active .v-btn__overlay {
19489
19400
  opacity: var(--v-border-opacity);
19401
+ }.bottom-sheet-transition-enter-from {
19402
+ transform: translateY(100%);
19403
+ }
19404
+ .bottom-sheet-transition-leave-to {
19405
+ transform: translateY(100%);
19406
+ }
19407
+
19408
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
19409
+ align-self: flex-end;
19410
+ border-radius: 0;
19411
+ flex: 0 1 auto;
19412
+ left: 0;
19413
+ right: 0;
19414
+ margin-inline: 0;
19415
+ margin-bottom: 0;
19416
+ transition-duration: 0.2s;
19417
+ width: 100%;
19418
+ max-width: 100%;
19419
+ overflow: visible;
19420
+ box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19421
+ }
19422
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
19423
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
19424
+ border-radius: 0;
19425
+ }
19426
+ .v-bottom-sheet.v-bottom-sheet--inset {
19427
+ max-width: none;
19428
+ }
19429
+ @media (min-width: 600px) {
19430
+ .v-bottom-sheet.v-bottom-sheet--inset {
19431
+ max-width: 70%;
19432
+ }
19490
19433
  }.v-btn-group {
19491
19434
  display: inline-flex;
19492
19435
  flex-wrap: nowrap;
@@ -19543,6 +19486,63 @@ html.overflow-y-hidden {
19543
19486
  }
19544
19487
  .v-btn-group--tile {
19545
19488
  border-radius: 0;
19489
+ }.v-breadcrumbs {
19490
+ display: flex;
19491
+ align-items: center;
19492
+ line-height: 1.6;
19493
+ padding: 16px 12px;
19494
+ }
19495
+ .v-breadcrumbs--rounded {
19496
+ border-radius: 4px;
19497
+ }
19498
+ .v-breadcrumbs--density-default {
19499
+ padding-top: 16px;
19500
+ padding-bottom: 16px;
19501
+ }
19502
+
19503
+ .v-breadcrumbs--density-comfortable {
19504
+ padding-top: 12px;
19505
+ padding-bottom: 12px;
19506
+ }
19507
+
19508
+ .v-breadcrumbs--density-compact {
19509
+ padding-top: 8px;
19510
+ padding-bottom: 8px;
19511
+ }
19512
+
19513
+ .v-breadcrumbs__prepend {
19514
+ align-items: center;
19515
+ display: inline-flex;
19516
+ }
19517
+
19518
+ .v-breadcrumbs-item {
19519
+ align-items: center;
19520
+ color: inherit;
19521
+ display: inline-flex;
19522
+ padding: 0 4px;
19523
+ text-decoration: none;
19524
+ vertical-align: middle;
19525
+ }
19526
+ .v-breadcrumbs-item--disabled {
19527
+ opacity: var(--v-disabled-opacity);
19528
+ pointer-events: none;
19529
+ }
19530
+ .v-breadcrumbs-item--link {
19531
+ color: inherit;
19532
+ text-decoration: none;
19533
+ }
19534
+ .v-breadcrumbs-item--link:hover {
19535
+ text-decoration: underline;
19536
+ }
19537
+ .v-breadcrumbs-item .v-icon {
19538
+ font-size: 1rem;
19539
+ margin-inline: -4px 2px;
19540
+ }
19541
+
19542
+ .v-breadcrumbs-divider {
19543
+ display: inline-block;
19544
+ padding: 0 8px;
19545
+ vertical-align: middle;
19546
19546
  }.v-card {
19547
19547
  display: block;
19548
19548
  overflow: hidden;
@@ -19842,6 +19842,11 @@ html.overflow-y-hidden {
19842
19842
  pointer-events: none;
19843
19843
  opacity: 0;
19844
19844
  transition: opacity 0.2s ease-in-out;
19845
+ }.v-checkbox.v-input {
19846
+ flex: 0 1 auto;
19847
+ }
19848
+ .v-checkbox .v-selection-control {
19849
+ min-height: var(--v-input-control-height);
19845
19850
  }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
19846
19851
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19847
19852
  }
@@ -19855,11 +19860,6 @@ html.overflow-y-hidden {
19855
19860
  .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
19856
19861
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19857
19862
  }
19858
- }.v-checkbox.v-input {
19859
- flex: 0 1 auto;
19860
- }
19861
- .v-checkbox .v-selection-control {
19862
- min-height: var(--v-input-control-height);
19863
19863
  }.v-carousel {
19864
19864
  overflow: hidden;
19865
19865
  position: relative;
@@ -19923,339 +19923,670 @@ html.overflow-y-hidden {
19923
19923
  flex-direction: column;
19924
19924
  height: 100% !important;
19925
19925
  width: 50px;
19926
- }.v-combobox .v-field .v-text-field__prefix,
19927
- .v-combobox .v-field .v-text-field__suffix,
19928
- .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
19929
- cursor: text;
19930
- }
19931
- .v-combobox .v-field .v-field__input > input {
19932
- flex: 1 1;
19933
- }
19934
- .v-combobox .v-field input {
19935
- min-width: 64px;
19936
- }
19937
- .v-combobox .v-field:not(.v-field--focused) input {
19926
+ }.v-chip {
19927
+ align-items: center;
19928
+ display: inline-flex;
19929
+ font-weight: 400;
19930
+ max-width: 100%;
19938
19931
  min-width: 0;
19939
- }
19940
- .v-combobox .v-field--dirty .v-combobox__selection {
19941
- margin-inline-end: 2px;
19942
- }
19943
- .v-combobox .v-combobox__selection-text {
19944
19932
  overflow: hidden;
19945
- text-overflow: ellipsis;
19933
+ position: relative;
19934
+ text-decoration: none;
19946
19935
  white-space: nowrap;
19936
+ vertical-align: middle;
19937
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19938
+ border-style: solid;
19939
+ border-width: 0;
19940
+ border-radius: 9999px;
19947
19941
  }
19948
-
19949
- .v-combobox__content {
19950
- overflow: hidden;
19951
- 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));
19952
- border-radius: 4px;
19942
+ .v-chip .v-icon {
19943
+ --v-icon-size-multiplier: 0.8571428571;
19953
19944
  }
19954
- .v-combobox__mask {
19955
- background: rgb(var(--v-theme-surface-light));
19945
+ .v-chip.v-chip--size-x-small {
19946
+ --v-chip-size: 0.625rem;
19947
+ --v-chip-height: 20px;
19948
+ font-size: 0.625rem;
19949
+ padding: 0 8px;
19956
19950
  }
19957
- .v-combobox__selection {
19958
- display: inline-flex;
19959
- align-items: center;
19960
- height: 1.5rem;
19961
- letter-spacing: inherit;
19962
- line-height: inherit;
19963
- max-width: calc(100% - 2px - 2px);
19951
+ .v-chip.v-chip--size-x-small .v-avatar {
19952
+ --v-avatar-height: 14px;
19964
19953
  }
19965
- .v-combobox__selection:first-child {
19966
- margin-inline-start: 0;
19954
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar {
19955
+ --v-avatar-height: 20px;
19967
19956
  }
19968
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
19969
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
19970
- .v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
19971
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
19972
- top: 0px;
19957
+
19958
+ .v-chip.v-chip--size-x-small .v-avatar--start {
19959
+ margin-inline-start: -5.6px;
19960
+ margin-inline-end: 4px;
19973
19961
  }
19974
- .v-combobox--selecting-index .v-combobox__selection {
19975
- opacity: var(--v-medium-emphasis-opacity);
19976
- }
19977
- .v-combobox--selecting-index .v-combobox__selection--selected {
19978
- opacity: 1;
19979
- }
19980
- .v-combobox--selecting-index .v-field__input > input {
19981
- caret-color: transparent;
19962
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--start {
19963
+ margin-inline-start: -8px;
19982
19964
  }
19983
- .v-combobox--single:not(.v-combobox--selection-slot).v-text-field input {
19984
- flex: 1 1;
19985
- position: absolute;
19986
- left: 0;
19987
- right: 0;
19988
- width: 100%;
19989
- padding-inline: inherit;
19965
+
19966
+ .v-chip.v-chip--size-x-small .v-avatar--end {
19967
+ margin-inline-start: 4px;
19968
+ margin-inline-end: -5.6px;
19990
19969
  }
19991
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--active input {
19992
- transition: none;
19970
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end {
19971
+ margin-inline-end: -8px;
19993
19972
  }
19994
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--dirty:not(.v-field--focused) input {
19995
- opacity: 0;
19973
+
19974
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close {
19975
+ margin-inline-start: 12px;
19996
19976
  }
19997
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--focused .v-combobox__selection {
19998
- opacity: 0;
19977
+
19978
+ .v-chip.v-chip--size-x-small .v-icon--start,
19979
+ .v-chip.v-chip--size-x-small .v-chip__filter {
19980
+ margin-inline-start: -4px;
19981
+ margin-inline-end: 4px;
19999
19982
  }
20000
- .v-combobox__menu-icon {
19983
+ .v-chip.v-chip--size-x-small .v-icon--end,
19984
+ .v-chip.v-chip--size-x-small .v-chip__close {
20001
19985
  margin-inline-start: 4px;
20002
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
20003
- }
20004
- .v-combobox--active-menu .v-combobox__menu-icon {
20005
- opacity: var(--v-high-emphasis-opacity);
20006
- transform: rotate(180deg);
20007
- }.v-chip-group {
20008
- display: flex;
20009
- max-width: 100%;
20010
- min-width: 0;
20011
- overflow-x: auto;
20012
- padding: 4px 0;
20013
- }
20014
- .v-chip-group .v-chip {
20015
- margin: 4px 8px 4px 0;
19986
+ margin-inline-end: -4px;
20016
19987
  }
20017
- .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
20018
- opacity: var(--v-activated-opacity);
19988
+ .v-chip.v-chip--size-x-small .v-icon--end + .v-chip__close,
19989
+ .v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close,
19990
+ .v-chip.v-chip--size-x-small .v-chip__append + .v-chip__close {
19991
+ margin-inline-start: 8px;
20019
19992
  }
20020
19993
 
20021
- .v-chip-group--column .v-slide-group__content {
20022
- white-space: normal;
20023
- flex-wrap: wrap;
20024
- max-width: 100%;
20025
- }.v-color-picker {
20026
- align-self: flex-start;
20027
- contain: content;
19994
+ .v-chip.v-chip--size-small {
19995
+ --v-chip-size: 0.75rem;
19996
+ --v-chip-height: 26px;
19997
+ font-size: 0.75rem;
19998
+ padding: 0 10px;
20028
19999
  }
20029
- .v-color-picker.v-sheet {
20030
- 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));
20031
- border-radius: 4px;
20000
+ .v-chip.v-chip--size-small .v-avatar {
20001
+ --v-avatar-height: 20px;
20032
20002
  }
20033
-
20034
- .v-color-picker__controls {
20035
- display: flex;
20036
- flex-direction: column;
20037
- padding: 16px;
20003
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar {
20004
+ --v-avatar-height: 26px;
20038
20005
  }
20039
20006
 
20040
- .v-color-picker--flat {
20041
- 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));
20007
+ .v-chip.v-chip--size-small .v-avatar--start {
20008
+ margin-inline-start: -7px;
20009
+ margin-inline-end: 5px;
20042
20010
  }
20043
- .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20044
- 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));
20045
- }.v-container {
20046
- width: 100%;
20047
- padding: 16px;
20048
- margin-right: auto;
20049
- margin-left: auto;
20011
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--start {
20012
+ margin-inline-start: -10px;
20050
20013
  }
20051
- @media (min-width: 960px) {
20052
- .v-container {
20053
- max-width: 900px;
20054
- }
20014
+
20015
+ .v-chip.v-chip--size-small .v-avatar--end {
20016
+ margin-inline-start: 5px;
20017
+ margin-inline-end: -7px;
20055
20018
  }
20056
- @media (min-width: 1280px) {
20057
- .v-container {
20058
- max-width: 1200px;
20059
- }
20019
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end {
20020
+ margin-inline-end: -10px;
20060
20021
  }
20061
- @media (min-width: 1920px) {
20062
- .v-container {
20063
- max-width: 1800px;
20064
- }
20022
+
20023
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end + .v-chip__close {
20024
+ margin-inline-start: 15px;
20065
20025
  }
20066
- @media (min-width: 2560px) {
20067
- .v-container {
20068
- max-width: 2400px;
20069
- }
20026
+
20027
+ .v-chip.v-chip--size-small .v-icon--start,
20028
+ .v-chip.v-chip--size-small .v-chip__filter {
20029
+ margin-inline-start: -5px;
20030
+ margin-inline-end: 5px;
20070
20031
  }
20071
- .v-container--fluid {
20072
- max-width: 100%;
20032
+ .v-chip.v-chip--size-small .v-icon--end,
20033
+ .v-chip.v-chip--size-small .v-chip__close {
20034
+ margin-inline-start: 5px;
20035
+ margin-inline-end: -5px;
20073
20036
  }
20074
- .v-container.fill-height {
20075
- align-items: center;
20076
- display: flex;
20077
- flex-wrap: wrap;
20037
+ .v-chip.v-chip--size-small .v-icon--end + .v-chip__close,
20038
+ .v-chip.v-chip--size-small .v-avatar--end + .v-chip__close,
20039
+ .v-chip.v-chip--size-small .v-chip__append + .v-chip__close {
20040
+ margin-inline-start: 10px;
20078
20041
  }
20079
20042
 
20080
- .v-row {
20081
- display: flex;
20082
- flex-wrap: wrap;
20083
- flex: 1 1 auto;
20084
- margin: -12px;
20043
+ .v-chip.v-chip--size-default {
20044
+ --v-chip-size: 0.875rem;
20045
+ --v-chip-height: 32px;
20046
+ font-size: 0.875rem;
20047
+ padding: 0 12px;
20085
20048
  }
20086
- .v-row + .v-row {
20087
- margin-top: 12px;
20049
+ .v-chip.v-chip--size-default .v-avatar {
20050
+ --v-avatar-height: 26px;
20088
20051
  }
20089
- .v-row + .v-row--dense {
20090
- margin-top: 4px;
20052
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar {
20053
+ --v-avatar-height: 32px;
20091
20054
  }
20092
- .v-row--dense {
20093
- margin: -4px;
20055
+
20056
+ .v-chip.v-chip--size-default .v-avatar--start {
20057
+ margin-inline-start: -8.4px;
20058
+ margin-inline-end: 6px;
20094
20059
  }
20095
- .v-row--dense > .v-col,
20096
- .v-row--dense > [class*=v-col-] {
20097
- padding: 4px;
20060
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--start {
20061
+ margin-inline-start: -12px;
20098
20062
  }
20099
- .v-row.v-row--no-gutters {
20100
- margin: 0;
20063
+
20064
+ .v-chip.v-chip--size-default .v-avatar--end {
20065
+ margin-inline-start: 6px;
20066
+ margin-inline-end: -8.4px;
20101
20067
  }
20102
- .v-row.v-row--no-gutters > .v-col,
20103
- .v-row.v-row--no-gutters > [class*=v-col-] {
20104
- padding: 0;
20068
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end {
20069
+ margin-inline-end: -12px;
20105
20070
  }
20106
20071
 
20107
- .v-spacer {
20108
- flex-grow: 1;
20072
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end + .v-chip__close {
20073
+ margin-inline-start: 18px;
20109
20074
  }
20110
20075
 
20111
- .v-col-xxl,
20112
- .v-col-xxl-auto, .v-col-xxl-12, .v-col-xxl-11, .v-col-xxl-10, .v-col-xxl-9, .v-col-xxl-8, .v-col-xxl-7, .v-col-xxl-6, .v-col-xxl-5, .v-col-xxl-4, .v-col-xxl-3, .v-col-xxl-2, .v-col-xxl-1, .v-col-xl,
20113
- .v-col-xl-auto, .v-col-xl-12, .v-col-xl-11, .v-col-xl-10, .v-col-xl-9, .v-col-xl-8, .v-col-xl-7, .v-col-xl-6, .v-col-xl-5, .v-col-xl-4, .v-col-xl-3, .v-col-xl-2, .v-col-xl-1, .v-col-lg,
20114
- .v-col-lg-auto, .v-col-lg-12, .v-col-lg-11, .v-col-lg-10, .v-col-lg-9, .v-col-lg-8, .v-col-lg-7, .v-col-lg-6, .v-col-lg-5, .v-col-lg-4, .v-col-lg-3, .v-col-lg-2, .v-col-lg-1, .v-col-md,
20115
- .v-col-md-auto, .v-col-md-12, .v-col-md-11, .v-col-md-10, .v-col-md-9, .v-col-md-8, .v-col-md-7, .v-col-md-6, .v-col-md-5, .v-col-md-4, .v-col-md-3, .v-col-md-2, .v-col-md-1, .v-col-sm,
20116
- .v-col-sm-auto, .v-col-sm-12, .v-col-sm-11, .v-col-sm-10, .v-col-sm-9, .v-col-sm-8, .v-col-sm-7, .v-col-sm-6, .v-col-sm-5, .v-col-sm-4, .v-col-sm-3, .v-col-sm-2, .v-col-sm-1, .v-col,
20117
- .v-col-auto, .v-col-12, .v-col-11, .v-col-10, .v-col-9, .v-col-8, .v-col-7, .v-col-6, .v-col-5, .v-col-4, .v-col-3, .v-col-2, .v-col-1 {
20118
- width: 100%;
20119
- padding: 12px;
20076
+ .v-chip.v-chip--size-default .v-icon--start,
20077
+ .v-chip.v-chip--size-default .v-chip__filter {
20078
+ margin-inline-start: -6px;
20079
+ margin-inline-end: 6px;
20120
20080
  }
20121
-
20122
- .v-col {
20123
- flex-basis: 0;
20124
- flex-grow: 1;
20125
- max-width: 100%;
20081
+ .v-chip.v-chip--size-default .v-icon--end,
20082
+ .v-chip.v-chip--size-default .v-chip__close {
20083
+ margin-inline-start: 6px;
20084
+ margin-inline-end: -6px;
20126
20085
  }
20127
-
20128
- .v-col-auto {
20129
- flex: 0 0 auto;
20130
- width: auto;
20131
- max-width: 100%;
20086
+ .v-chip.v-chip--size-default .v-icon--end + .v-chip__close,
20087
+ .v-chip.v-chip--size-default .v-avatar--end + .v-chip__close,
20088
+ .v-chip.v-chip--size-default .v-chip__append + .v-chip__close {
20089
+ margin-inline-start: 12px;
20132
20090
  }
20133
20091
 
20134
- .v-col-1 {
20135
- flex: 0 0 8.3333333333%;
20136
- max-width: 8.3333333333%;
20092
+ .v-chip.v-chip--size-large {
20093
+ --v-chip-size: 1rem;
20094
+ --v-chip-height: 38px;
20095
+ font-size: 1rem;
20096
+ padding: 0 14px;
20137
20097
  }
20138
-
20139
- .v-col-2 {
20140
- flex: 0 0 16.6666666667%;
20141
- max-width: 16.6666666667%;
20098
+ .v-chip.v-chip--size-large .v-avatar {
20099
+ --v-avatar-height: 32px;
20100
+ }
20101
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar {
20102
+ --v-avatar-height: 38px;
20142
20103
  }
20143
20104
 
20144
- .v-col-3 {
20145
- flex: 0 0 25%;
20146
- max-width: 25%;
20105
+ .v-chip.v-chip--size-large .v-avatar--start {
20106
+ margin-inline-start: -9.8px;
20107
+ margin-inline-end: 7px;
20108
+ }
20109
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--start {
20110
+ margin-inline-start: -14px;
20147
20111
  }
20148
20112
 
20149
- .v-col-4 {
20150
- flex: 0 0 33.3333333333%;
20151
- max-width: 33.3333333333%;
20113
+ .v-chip.v-chip--size-large .v-avatar--end {
20114
+ margin-inline-start: 7px;
20115
+ margin-inline-end: -9.8px;
20116
+ }
20117
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end {
20118
+ margin-inline-end: -14px;
20152
20119
  }
20153
20120
 
20154
- .v-col-5 {
20155
- flex: 0 0 41.6666666667%;
20156
- max-width: 41.6666666667%;
20121
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end + .v-chip__close {
20122
+ margin-inline-start: 21px;
20157
20123
  }
20158
20124
 
20159
- .v-col-6 {
20160
- flex: 0 0 50%;
20161
- max-width: 50%;
20125
+ .v-chip.v-chip--size-large .v-icon--start,
20126
+ .v-chip.v-chip--size-large .v-chip__filter {
20127
+ margin-inline-start: -7px;
20128
+ margin-inline-end: 7px;
20129
+ }
20130
+ .v-chip.v-chip--size-large .v-icon--end,
20131
+ .v-chip.v-chip--size-large .v-chip__close {
20132
+ margin-inline-start: 7px;
20133
+ margin-inline-end: -7px;
20134
+ }
20135
+ .v-chip.v-chip--size-large .v-icon--end + .v-chip__close,
20136
+ .v-chip.v-chip--size-large .v-avatar--end + .v-chip__close,
20137
+ .v-chip.v-chip--size-large .v-chip__append + .v-chip__close {
20138
+ margin-inline-start: 14px;
20162
20139
  }
20163
20140
 
20164
- .v-col-7 {
20165
- flex: 0 0 58.3333333333%;
20166
- max-width: 58.3333333333%;
20141
+ .v-chip.v-chip--size-x-large {
20142
+ --v-chip-size: 1.125rem;
20143
+ --v-chip-height: 44px;
20144
+ font-size: 1.125rem;
20145
+ padding: 0 17px;
20146
+ }
20147
+ .v-chip.v-chip--size-x-large .v-avatar {
20148
+ --v-avatar-height: 38px;
20149
+ }
20150
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar {
20151
+ --v-avatar-height: 44px;
20167
20152
  }
20168
20153
 
20169
- .v-col-8 {
20170
- flex: 0 0 66.6666666667%;
20171
- max-width: 66.6666666667%;
20154
+ .v-chip.v-chip--size-x-large .v-avatar--start {
20155
+ margin-inline-start: -11.9px;
20156
+ margin-inline-end: 8.5px;
20157
+ }
20158
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--start {
20159
+ margin-inline-start: -17px;
20172
20160
  }
20173
20161
 
20174
- .v-col-9 {
20175
- flex: 0 0 75%;
20176
- max-width: 75%;
20162
+ .v-chip.v-chip--size-x-large .v-avatar--end {
20163
+ margin-inline-start: 8.5px;
20164
+ margin-inline-end: -11.9px;
20165
+ }
20166
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end {
20167
+ margin-inline-end: -17px;
20177
20168
  }
20178
20169
 
20179
- .v-col-10 {
20180
- flex: 0 0 83.3333333333%;
20181
- max-width: 83.3333333333%;
20170
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close {
20171
+ margin-inline-start: 25.5px;
20182
20172
  }
20183
20173
 
20184
- .v-col-11 {
20185
- flex: 0 0 91.6666666667%;
20186
- max-width: 91.6666666667%;
20174
+ .v-chip.v-chip--size-x-large .v-icon--start,
20175
+ .v-chip.v-chip--size-x-large .v-chip__filter {
20176
+ margin-inline-start: -8.5px;
20177
+ margin-inline-end: 8.5px;
20178
+ }
20179
+ .v-chip.v-chip--size-x-large .v-icon--end,
20180
+ .v-chip.v-chip--size-x-large .v-chip__close {
20181
+ margin-inline-start: 8.5px;
20182
+ margin-inline-end: -8.5px;
20183
+ }
20184
+ .v-chip.v-chip--size-x-large .v-icon--end + .v-chip__close,
20185
+ .v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close,
20186
+ .v-chip.v-chip--size-x-large .v-chip__append + .v-chip__close {
20187
+ margin-inline-start: 17px;
20187
20188
  }
20188
20189
 
20189
- .v-col-12 {
20190
- flex: 0 0 100%;
20191
- max-width: 100%;
20190
+ .v-chip.v-chip--density-default {
20191
+ height: calc(var(--v-chip-height) + 0px);
20192
20192
  }
20193
20193
 
20194
- .offset-1 {
20195
- margin-inline-start: 8.3333333333%;
20194
+ .v-chip.v-chip--density-comfortable {
20195
+ height: calc(var(--v-chip-height) + -4px);
20196
20196
  }
20197
20197
 
20198
- .offset-2 {
20199
- margin-inline-start: 16.6666666667%;
20198
+ .v-chip.v-chip--density-compact {
20199
+ height: calc(var(--v-chip-height) + -8px);
20200
20200
  }
20201
20201
 
20202
- .offset-3 {
20203
- margin-inline-start: 25%;
20202
+ .v-chip:hover > .v-chip__overlay {
20203
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
20204
+ }
20205
+ .v-chip:focus-visible > .v-chip__overlay {
20206
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20207
+ }
20208
+ @supports not selector(:focus-visible) {
20209
+ .v-chip:focus > .v-chip__overlay {
20210
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20211
+ }
20212
+ }
20213
+ .v-chip--active > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true] > .v-chip__overlay {
20214
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
20215
+ }
20216
+ .v-chip--active:hover > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:hover > .v-chip__overlay {
20217
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20218
+ }
20219
+ .v-chip--active:focus-visible > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-chip__overlay {
20220
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20221
+ }
20222
+ @supports not selector(:focus-visible) {
20223
+ .v-chip--active:focus > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus > .v-chip__overlay {
20224
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20225
+ }
20226
+ }
20227
+ .v-chip--variant-plain, .v-chip--variant-outlined, .v-chip--variant-text, .v-chip--variant-tonal {
20228
+ background: transparent;
20229
+ color: inherit;
20230
+ }
20231
+ .v-chip--variant-plain {
20232
+ opacity: 0.26;
20233
+ }
20234
+ .v-chip--variant-plain:focus, .v-chip--variant-plain:hover {
20235
+ opacity: 1;
20236
+ }
20237
+ .v-chip--variant-plain .v-chip__overlay {
20238
+ display: none;
20239
+ }
20240
+ .v-chip--variant-elevated, .v-chip--variant-flat {
20241
+ background: rgb(var(--v-theme-surface-variant));
20242
+ color: rgb(var(--v-theme-on-surface-variant));
20243
+ }
20244
+ .v-chip--variant-elevated {
20245
+ box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20246
+ }
20247
+ .v-chip--variant-flat {
20248
+ 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));
20249
+ }
20250
+ .v-chip--variant-outlined {
20251
+ border: thin solid currentColor;
20252
+ }
20253
+ .v-chip--variant-text .v-chip__overlay {
20254
+ background: currentColor;
20255
+ }
20256
+ .v-chip--variant-tonal .v-chip__underlay {
20257
+ background: currentColor;
20258
+ opacity: var(--v-activated-opacity);
20259
+ border-radius: inherit;
20260
+ top: 0;
20261
+ right: 0;
20262
+ bottom: 0;
20263
+ left: 0;
20264
+ pointer-events: none;
20265
+ }
20266
+ .v-chip .v-chip__underlay {
20267
+ position: absolute;
20268
+ }
20269
+ .v-chip--border {
20270
+ border-width: thin;
20271
+ }
20272
+ .v-chip--link {
20273
+ cursor: pointer;
20274
+ }
20275
+ .v-chip--link, .v-chip--filter {
20276
+ -webkit-user-select: none;
20277
+ user-select: none;
20278
+ }
20279
+ .v-chip--label {
20280
+ border-radius: 4px;
20204
20281
  }
20205
20282
 
20206
- .offset-4 {
20207
- margin-inline-start: 33.3333333333%;
20283
+ .v-chip__content {
20284
+ align-items: center;
20285
+ display: inline-flex;
20286
+ }
20287
+ .v-autocomplete__selection .v-chip__content, .v-combobox__selection .v-chip__content, .v-select__selection .v-chip__content {
20288
+ overflow: hidden;
20208
20289
  }
20209
20290
 
20210
- .offset-5 {
20211
- margin-inline-start: 41.6666666667%;
20291
+ .v-chip__filter,
20292
+ .v-chip__prepend,
20293
+ .v-chip__append,
20294
+ .v-chip__close {
20295
+ align-items: center;
20296
+ display: inline-flex;
20212
20297
  }
20213
20298
 
20214
- .offset-6 {
20215
- margin-inline-start: 50%;
20299
+ .v-chip__close {
20300
+ cursor: pointer;
20301
+ flex: 0 1 auto;
20302
+ font-size: 18px;
20303
+ max-height: 18px;
20304
+ max-width: 18px;
20305
+ -webkit-user-select: none;
20306
+ user-select: none;
20307
+ }
20308
+ .v-chip__close .v-icon {
20309
+ font-size: inherit;
20216
20310
  }
20217
20311
 
20218
- .offset-7 {
20219
- margin-inline-start: 58.3333333333%;
20312
+ .v-chip__filter {
20313
+ transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
20220
20314
  }
20221
20315
 
20222
- .offset-8 {
20223
- margin-inline-start: 66.6666666667%;
20316
+ .v-chip__overlay {
20317
+ position: absolute;
20318
+ top: 0;
20319
+ left: 0;
20320
+ width: 100%;
20321
+ height: 100%;
20322
+ background-color: currentColor;
20323
+ border-radius: inherit;
20324
+ pointer-events: none;
20325
+ opacity: 0;
20326
+ transition: opacity 0.2s ease-in-out;
20224
20327
  }
20225
20328
 
20226
- .offset-9 {
20227
- margin-inline-start: 75%;
20329
+ .v-chip--disabled {
20330
+ opacity: 0.3;
20331
+ pointer-events: none;
20332
+ -webkit-user-select: none;
20333
+ user-select: none;
20228
20334
  }
20229
20335
 
20230
- .offset-10 {
20231
- margin-inline-start: 83.3333333333%;
20336
+ .v-chip--label {
20337
+ border-radius: 4px;
20338
+ }.v-color-picker {
20339
+ align-self: flex-start;
20340
+ contain: content;
20341
+ }
20342
+ .v-color-picker.v-sheet {
20343
+ 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));
20344
+ border-radius: 4px;
20232
20345
  }
20233
20346
 
20234
- .offset-11 {
20235
- margin-inline-start: 91.6666666667%;
20347
+ .v-color-picker__controls {
20348
+ display: flex;
20349
+ flex-direction: column;
20350
+ padding: 16px;
20236
20351
  }
20237
20352
 
20238
- @media (min-width: 600px) {
20239
- .v-col-sm {
20240
- flex-basis: 0;
20241
- flex-grow: 1;
20242
- max-width: 100%;
20243
- }
20244
- .v-col-sm-auto {
20245
- flex: 0 0 auto;
20246
- width: auto;
20247
- max-width: 100%;
20248
- }
20249
- .v-col-sm-1 {
20250
- flex: 0 0 8.3333333333%;
20251
- max-width: 8.3333333333%;
20252
- }
20253
- .v-col-sm-2 {
20254
- flex: 0 0 16.6666666667%;
20255
- max-width: 16.6666666667%;
20256
- }
20257
- .v-col-sm-3 {
20258
- flex: 0 0 25%;
20353
+ .v-color-picker--flat {
20354
+ 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));
20355
+ }
20356
+ .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20357
+ 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));
20358
+ }.v-chip-group {
20359
+ display: flex;
20360
+ max-width: 100%;
20361
+ min-width: 0;
20362
+ overflow-x: auto;
20363
+ padding: 4px 0;
20364
+ }
20365
+ .v-chip-group .v-chip {
20366
+ margin: 4px 8px 4px 0;
20367
+ }
20368
+ .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
20369
+ opacity: var(--v-activated-opacity);
20370
+ }
20371
+
20372
+ .v-chip-group--column .v-slide-group__content {
20373
+ white-space: normal;
20374
+ flex-wrap: wrap;
20375
+ max-width: 100%;
20376
+ }.v-container {
20377
+ width: 100%;
20378
+ padding: 16px;
20379
+ margin-right: auto;
20380
+ margin-left: auto;
20381
+ }
20382
+ @media (min-width: 960px) {
20383
+ .v-container {
20384
+ max-width: 900px;
20385
+ }
20386
+ }
20387
+ @media (min-width: 1280px) {
20388
+ .v-container {
20389
+ max-width: 1200px;
20390
+ }
20391
+ }
20392
+ @media (min-width: 1920px) {
20393
+ .v-container {
20394
+ max-width: 1800px;
20395
+ }
20396
+ }
20397
+ @media (min-width: 2560px) {
20398
+ .v-container {
20399
+ max-width: 2400px;
20400
+ }
20401
+ }
20402
+ .v-container--fluid {
20403
+ max-width: 100%;
20404
+ }
20405
+ .v-container.fill-height {
20406
+ align-items: center;
20407
+ display: flex;
20408
+ flex-wrap: wrap;
20409
+ }
20410
+
20411
+ .v-row {
20412
+ display: flex;
20413
+ flex-wrap: wrap;
20414
+ flex: 1 1 auto;
20415
+ margin: -12px;
20416
+ }
20417
+ .v-row + .v-row {
20418
+ margin-top: 12px;
20419
+ }
20420
+ .v-row + .v-row--dense {
20421
+ margin-top: 4px;
20422
+ }
20423
+ .v-row--dense {
20424
+ margin: -4px;
20425
+ }
20426
+ .v-row--dense > .v-col,
20427
+ .v-row--dense > [class*=v-col-] {
20428
+ padding: 4px;
20429
+ }
20430
+ .v-row.v-row--no-gutters {
20431
+ margin: 0;
20432
+ }
20433
+ .v-row.v-row--no-gutters > .v-col,
20434
+ .v-row.v-row--no-gutters > [class*=v-col-] {
20435
+ padding: 0;
20436
+ }
20437
+
20438
+ .v-spacer {
20439
+ flex-grow: 1;
20440
+ }
20441
+
20442
+ .v-col-xxl,
20443
+ .v-col-xxl-auto, .v-col-xxl-12, .v-col-xxl-11, .v-col-xxl-10, .v-col-xxl-9, .v-col-xxl-8, .v-col-xxl-7, .v-col-xxl-6, .v-col-xxl-5, .v-col-xxl-4, .v-col-xxl-3, .v-col-xxl-2, .v-col-xxl-1, .v-col-xl,
20444
+ .v-col-xl-auto, .v-col-xl-12, .v-col-xl-11, .v-col-xl-10, .v-col-xl-9, .v-col-xl-8, .v-col-xl-7, .v-col-xl-6, .v-col-xl-5, .v-col-xl-4, .v-col-xl-3, .v-col-xl-2, .v-col-xl-1, .v-col-lg,
20445
+ .v-col-lg-auto, .v-col-lg-12, .v-col-lg-11, .v-col-lg-10, .v-col-lg-9, .v-col-lg-8, .v-col-lg-7, .v-col-lg-6, .v-col-lg-5, .v-col-lg-4, .v-col-lg-3, .v-col-lg-2, .v-col-lg-1, .v-col-md,
20446
+ .v-col-md-auto, .v-col-md-12, .v-col-md-11, .v-col-md-10, .v-col-md-9, .v-col-md-8, .v-col-md-7, .v-col-md-6, .v-col-md-5, .v-col-md-4, .v-col-md-3, .v-col-md-2, .v-col-md-1, .v-col-sm,
20447
+ .v-col-sm-auto, .v-col-sm-12, .v-col-sm-11, .v-col-sm-10, .v-col-sm-9, .v-col-sm-8, .v-col-sm-7, .v-col-sm-6, .v-col-sm-5, .v-col-sm-4, .v-col-sm-3, .v-col-sm-2, .v-col-sm-1, .v-col,
20448
+ .v-col-auto, .v-col-12, .v-col-11, .v-col-10, .v-col-9, .v-col-8, .v-col-7, .v-col-6, .v-col-5, .v-col-4, .v-col-3, .v-col-2, .v-col-1 {
20449
+ width: 100%;
20450
+ padding: 12px;
20451
+ }
20452
+
20453
+ .v-col {
20454
+ flex-basis: 0;
20455
+ flex-grow: 1;
20456
+ max-width: 100%;
20457
+ }
20458
+
20459
+ .v-col-auto {
20460
+ flex: 0 0 auto;
20461
+ width: auto;
20462
+ max-width: 100%;
20463
+ }
20464
+
20465
+ .v-col-1 {
20466
+ flex: 0 0 8.3333333333%;
20467
+ max-width: 8.3333333333%;
20468
+ }
20469
+
20470
+ .v-col-2 {
20471
+ flex: 0 0 16.6666666667%;
20472
+ max-width: 16.6666666667%;
20473
+ }
20474
+
20475
+ .v-col-3 {
20476
+ flex: 0 0 25%;
20477
+ max-width: 25%;
20478
+ }
20479
+
20480
+ .v-col-4 {
20481
+ flex: 0 0 33.3333333333%;
20482
+ max-width: 33.3333333333%;
20483
+ }
20484
+
20485
+ .v-col-5 {
20486
+ flex: 0 0 41.6666666667%;
20487
+ max-width: 41.6666666667%;
20488
+ }
20489
+
20490
+ .v-col-6 {
20491
+ flex: 0 0 50%;
20492
+ max-width: 50%;
20493
+ }
20494
+
20495
+ .v-col-7 {
20496
+ flex: 0 0 58.3333333333%;
20497
+ max-width: 58.3333333333%;
20498
+ }
20499
+
20500
+ .v-col-8 {
20501
+ flex: 0 0 66.6666666667%;
20502
+ max-width: 66.6666666667%;
20503
+ }
20504
+
20505
+ .v-col-9 {
20506
+ flex: 0 0 75%;
20507
+ max-width: 75%;
20508
+ }
20509
+
20510
+ .v-col-10 {
20511
+ flex: 0 0 83.3333333333%;
20512
+ max-width: 83.3333333333%;
20513
+ }
20514
+
20515
+ .v-col-11 {
20516
+ flex: 0 0 91.6666666667%;
20517
+ max-width: 91.6666666667%;
20518
+ }
20519
+
20520
+ .v-col-12 {
20521
+ flex: 0 0 100%;
20522
+ max-width: 100%;
20523
+ }
20524
+
20525
+ .offset-1 {
20526
+ margin-inline-start: 8.3333333333%;
20527
+ }
20528
+
20529
+ .offset-2 {
20530
+ margin-inline-start: 16.6666666667%;
20531
+ }
20532
+
20533
+ .offset-3 {
20534
+ margin-inline-start: 25%;
20535
+ }
20536
+
20537
+ .offset-4 {
20538
+ margin-inline-start: 33.3333333333%;
20539
+ }
20540
+
20541
+ .offset-5 {
20542
+ margin-inline-start: 41.6666666667%;
20543
+ }
20544
+
20545
+ .offset-6 {
20546
+ margin-inline-start: 50%;
20547
+ }
20548
+
20549
+ .offset-7 {
20550
+ margin-inline-start: 58.3333333333%;
20551
+ }
20552
+
20553
+ .offset-8 {
20554
+ margin-inline-start: 66.6666666667%;
20555
+ }
20556
+
20557
+ .offset-9 {
20558
+ margin-inline-start: 75%;
20559
+ }
20560
+
20561
+ .offset-10 {
20562
+ margin-inline-start: 83.3333333333%;
20563
+ }
20564
+
20565
+ .offset-11 {
20566
+ margin-inline-start: 91.6666666667%;
20567
+ }
20568
+
20569
+ @media (min-width: 600px) {
20570
+ .v-col-sm {
20571
+ flex-basis: 0;
20572
+ flex-grow: 1;
20573
+ max-width: 100%;
20574
+ }
20575
+ .v-col-sm-auto {
20576
+ flex: 0 0 auto;
20577
+ width: auto;
20578
+ max-width: 100%;
20579
+ }
20580
+ .v-col-sm-1 {
20581
+ flex: 0 0 8.3333333333%;
20582
+ max-width: 8.3333333333%;
20583
+ }
20584
+ .v-col-sm-2 {
20585
+ flex: 0 0 16.6666666667%;
20586
+ max-width: 16.6666666667%;
20587
+ }
20588
+ .v-col-sm-3 {
20589
+ flex: 0 0 25%;
20259
20590
  max-width: 25%;
20260
20591
  }
20261
20592
  .v-col-sm-4 {
@@ -20640,492 +20971,161 @@ html.overflow-y-hidden {
20640
20971
  }
20641
20972
  .v-col-xxl-3 {
20642
20973
  flex: 0 0 25%;
20643
- max-width: 25%;
20644
- }
20645
- .v-col-xxl-4 {
20646
- flex: 0 0 33.3333333333%;
20647
- max-width: 33.3333333333%;
20648
- }
20649
- .v-col-xxl-5 {
20650
- flex: 0 0 41.6666666667%;
20651
- max-width: 41.6666666667%;
20652
- }
20653
- .v-col-xxl-6 {
20654
- flex: 0 0 50%;
20655
- max-width: 50%;
20656
- }
20657
- .v-col-xxl-7 {
20658
- flex: 0 0 58.3333333333%;
20659
- max-width: 58.3333333333%;
20660
- }
20661
- .v-col-xxl-8 {
20662
- flex: 0 0 66.6666666667%;
20663
- max-width: 66.6666666667%;
20664
- }
20665
- .v-col-xxl-9 {
20666
- flex: 0 0 75%;
20667
- max-width: 75%;
20668
- }
20669
- .v-col-xxl-10 {
20670
- flex: 0 0 83.3333333333%;
20671
- max-width: 83.3333333333%;
20672
- }
20673
- .v-col-xxl-11 {
20674
- flex: 0 0 91.6666666667%;
20675
- max-width: 91.6666666667%;
20676
- }
20677
- .v-col-xxl-12 {
20678
- flex: 0 0 100%;
20679
- max-width: 100%;
20680
- }
20681
- .offset-xxl-0 {
20682
- margin-inline-start: 0;
20683
- }
20684
- .offset-xxl-1 {
20685
- margin-inline-start: 8.3333333333%;
20686
- }
20687
- .offset-xxl-2 {
20688
- margin-inline-start: 16.6666666667%;
20689
- }
20690
- .offset-xxl-3 {
20691
- margin-inline-start: 25%;
20692
- }
20693
- .offset-xxl-4 {
20694
- margin-inline-start: 33.3333333333%;
20695
- }
20696
- .offset-xxl-5 {
20697
- margin-inline-start: 41.6666666667%;
20698
- }
20699
- .offset-xxl-6 {
20700
- margin-inline-start: 50%;
20701
- }
20702
- .offset-xxl-7 {
20703
- margin-inline-start: 58.3333333333%;
20704
- }
20705
- .offset-xxl-8 {
20706
- margin-inline-start: 66.6666666667%;
20707
- }
20708
- .offset-xxl-9 {
20709
- margin-inline-start: 75%;
20710
- }
20711
- .offset-xxl-10 {
20712
- margin-inline-start: 83.3333333333%;
20713
- }
20714
- .offset-xxl-11 {
20715
- margin-inline-start: 91.6666666667%;
20716
- }
20717
- }.v-chip {
20718
- align-items: center;
20719
- display: inline-flex;
20720
- font-weight: 400;
20721
- max-width: 100%;
20722
- min-width: 0;
20723
- overflow: hidden;
20724
- position: relative;
20725
- text-decoration: none;
20726
- white-space: nowrap;
20727
- vertical-align: middle;
20728
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20729
- border-style: solid;
20730
- border-width: 0;
20731
- border-radius: 9999px;
20732
- }
20733
- .v-chip .v-icon {
20734
- --v-icon-size-multiplier: 0.8571428571;
20735
- }
20736
- .v-chip.v-chip--size-x-small {
20737
- --v-chip-size: 0.625rem;
20738
- --v-chip-height: 20px;
20739
- font-size: 0.625rem;
20740
- padding: 0 8px;
20741
- }
20742
- .v-chip.v-chip--size-x-small .v-avatar {
20743
- --v-avatar-height: 14px;
20744
- }
20745
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar {
20746
- --v-avatar-height: 20px;
20747
- }
20748
-
20749
- .v-chip.v-chip--size-x-small .v-avatar--start {
20750
- margin-inline-start: -5.6px;
20751
- margin-inline-end: 4px;
20752
- }
20753
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--start {
20754
- margin-inline-start: -8px;
20755
- }
20756
-
20757
- .v-chip.v-chip--size-x-small .v-avatar--end {
20758
- margin-inline-start: 4px;
20759
- margin-inline-end: -5.6px;
20760
- }
20761
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end {
20762
- margin-inline-end: -8px;
20763
- }
20764
-
20765
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close {
20766
- margin-inline-start: 12px;
20767
- }
20768
-
20769
- .v-chip.v-chip--size-x-small .v-icon--start,
20770
- .v-chip.v-chip--size-x-small .v-chip__filter {
20771
- margin-inline-start: -4px;
20772
- margin-inline-end: 4px;
20773
- }
20774
- .v-chip.v-chip--size-x-small .v-icon--end,
20775
- .v-chip.v-chip--size-x-small .v-chip__close {
20776
- margin-inline-start: 4px;
20777
- margin-inline-end: -4px;
20778
- }
20779
- .v-chip.v-chip--size-x-small .v-icon--end + .v-chip__close,
20780
- .v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close,
20781
- .v-chip.v-chip--size-x-small .v-chip__append + .v-chip__close {
20782
- margin-inline-start: 8px;
20783
- }
20784
-
20785
- .v-chip.v-chip--size-small {
20786
- --v-chip-size: 0.75rem;
20787
- --v-chip-height: 26px;
20788
- font-size: 0.75rem;
20789
- padding: 0 10px;
20790
- }
20791
- .v-chip.v-chip--size-small .v-avatar {
20792
- --v-avatar-height: 20px;
20793
- }
20794
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar {
20795
- --v-avatar-height: 26px;
20796
- }
20797
-
20798
- .v-chip.v-chip--size-small .v-avatar--start {
20799
- margin-inline-start: -7px;
20800
- margin-inline-end: 5px;
20801
- }
20802
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar--start {
20803
- margin-inline-start: -10px;
20804
- }
20805
-
20806
- .v-chip.v-chip--size-small .v-avatar--end {
20807
- margin-inline-start: 5px;
20808
- margin-inline-end: -7px;
20809
- }
20810
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end {
20811
- margin-inline-end: -10px;
20812
- }
20813
-
20814
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end + .v-chip__close {
20815
- margin-inline-start: 15px;
20816
- }
20817
-
20818
- .v-chip.v-chip--size-small .v-icon--start,
20819
- .v-chip.v-chip--size-small .v-chip__filter {
20820
- margin-inline-start: -5px;
20821
- margin-inline-end: 5px;
20822
- }
20823
- .v-chip.v-chip--size-small .v-icon--end,
20824
- .v-chip.v-chip--size-small .v-chip__close {
20825
- margin-inline-start: 5px;
20826
- margin-inline-end: -5px;
20827
- }
20828
- .v-chip.v-chip--size-small .v-icon--end + .v-chip__close,
20829
- .v-chip.v-chip--size-small .v-avatar--end + .v-chip__close,
20830
- .v-chip.v-chip--size-small .v-chip__append + .v-chip__close {
20831
- margin-inline-start: 10px;
20832
- }
20833
-
20834
- .v-chip.v-chip--size-default {
20835
- --v-chip-size: 0.875rem;
20836
- --v-chip-height: 32px;
20837
- font-size: 0.875rem;
20838
- padding: 0 12px;
20839
- }
20840
- .v-chip.v-chip--size-default .v-avatar {
20841
- --v-avatar-height: 26px;
20842
- }
20843
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar {
20844
- --v-avatar-height: 32px;
20845
- }
20846
-
20847
- .v-chip.v-chip--size-default .v-avatar--start {
20848
- margin-inline-start: -8.4px;
20849
- margin-inline-end: 6px;
20850
- }
20851
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar--start {
20852
- margin-inline-start: -12px;
20853
- }
20854
-
20855
- .v-chip.v-chip--size-default .v-avatar--end {
20856
- margin-inline-start: 6px;
20857
- margin-inline-end: -8.4px;
20858
- }
20859
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end {
20860
- margin-inline-end: -12px;
20861
- }
20862
-
20863
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end + .v-chip__close {
20864
- margin-inline-start: 18px;
20865
- }
20866
-
20867
- .v-chip.v-chip--size-default .v-icon--start,
20868
- .v-chip.v-chip--size-default .v-chip__filter {
20869
- margin-inline-start: -6px;
20870
- margin-inline-end: 6px;
20871
- }
20872
- .v-chip.v-chip--size-default .v-icon--end,
20873
- .v-chip.v-chip--size-default .v-chip__close {
20874
- margin-inline-start: 6px;
20875
- margin-inline-end: -6px;
20876
- }
20877
- .v-chip.v-chip--size-default .v-icon--end + .v-chip__close,
20878
- .v-chip.v-chip--size-default .v-avatar--end + .v-chip__close,
20879
- .v-chip.v-chip--size-default .v-chip__append + .v-chip__close {
20880
- margin-inline-start: 12px;
20881
- }
20882
-
20883
- .v-chip.v-chip--size-large {
20884
- --v-chip-size: 1rem;
20885
- --v-chip-height: 38px;
20886
- font-size: 1rem;
20887
- padding: 0 14px;
20888
- }
20889
- .v-chip.v-chip--size-large .v-avatar {
20890
- --v-avatar-height: 32px;
20891
- }
20892
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar {
20893
- --v-avatar-height: 38px;
20894
- }
20895
-
20896
- .v-chip.v-chip--size-large .v-avatar--start {
20897
- margin-inline-start: -9.8px;
20898
- margin-inline-end: 7px;
20899
- }
20900
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar--start {
20901
- margin-inline-start: -14px;
20902
- }
20903
-
20904
- .v-chip.v-chip--size-large .v-avatar--end {
20905
- margin-inline-start: 7px;
20906
- margin-inline-end: -9.8px;
20907
- }
20908
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end {
20909
- margin-inline-end: -14px;
20910
- }
20911
-
20912
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end + .v-chip__close {
20913
- margin-inline-start: 21px;
20914
- }
20915
-
20916
- .v-chip.v-chip--size-large .v-icon--start,
20917
- .v-chip.v-chip--size-large .v-chip__filter {
20918
- margin-inline-start: -7px;
20919
- margin-inline-end: 7px;
20920
- }
20921
- .v-chip.v-chip--size-large .v-icon--end,
20922
- .v-chip.v-chip--size-large .v-chip__close {
20923
- margin-inline-start: 7px;
20924
- margin-inline-end: -7px;
20925
- }
20926
- .v-chip.v-chip--size-large .v-icon--end + .v-chip__close,
20927
- .v-chip.v-chip--size-large .v-avatar--end + .v-chip__close,
20928
- .v-chip.v-chip--size-large .v-chip__append + .v-chip__close {
20929
- margin-inline-start: 14px;
20930
- }
20931
-
20932
- .v-chip.v-chip--size-x-large {
20933
- --v-chip-size: 1.125rem;
20934
- --v-chip-height: 44px;
20935
- font-size: 1.125rem;
20936
- padding: 0 17px;
20937
- }
20938
- .v-chip.v-chip--size-x-large .v-avatar {
20939
- --v-avatar-height: 38px;
20940
- }
20941
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar {
20942
- --v-avatar-height: 44px;
20943
- }
20944
-
20945
- .v-chip.v-chip--size-x-large .v-avatar--start {
20946
- margin-inline-start: -11.9px;
20947
- margin-inline-end: 8.5px;
20948
- }
20949
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--start {
20950
- margin-inline-start: -17px;
20951
- }
20952
-
20953
- .v-chip.v-chip--size-x-large .v-avatar--end {
20954
- margin-inline-start: 8.5px;
20955
- margin-inline-end: -11.9px;
20956
- }
20957
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end {
20958
- margin-inline-end: -17px;
20959
- }
20960
-
20961
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close {
20962
- margin-inline-start: 25.5px;
20963
- }
20964
-
20965
- .v-chip.v-chip--size-x-large .v-icon--start,
20966
- .v-chip.v-chip--size-x-large .v-chip__filter {
20967
- margin-inline-start: -8.5px;
20968
- margin-inline-end: 8.5px;
20969
- }
20970
- .v-chip.v-chip--size-x-large .v-icon--end,
20971
- .v-chip.v-chip--size-x-large .v-chip__close {
20972
- margin-inline-start: 8.5px;
20973
- margin-inline-end: -8.5px;
20974
- }
20975
- .v-chip.v-chip--size-x-large .v-icon--end + .v-chip__close,
20976
- .v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close,
20977
- .v-chip.v-chip--size-x-large .v-chip__append + .v-chip__close {
20978
- margin-inline-start: 17px;
20979
- }
20980
-
20981
- .v-chip.v-chip--density-default {
20982
- height: calc(var(--v-chip-height) + 0px);
20983
- }
20984
-
20985
- .v-chip.v-chip--density-comfortable {
20986
- height: calc(var(--v-chip-height) + -4px);
20987
- }
20988
-
20989
- .v-chip.v-chip--density-compact {
20990
- height: calc(var(--v-chip-height) + -8px);
20991
- }
20992
-
20993
- .v-chip:hover > .v-chip__overlay {
20994
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
20995
- }
20996
- .v-chip:focus-visible > .v-chip__overlay {
20997
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20998
- }
20999
- @supports not selector(:focus-visible) {
21000
- .v-chip:focus > .v-chip__overlay {
21001
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20974
+ max-width: 25%;
21002
20975
  }
21003
- }
21004
- .v-chip--active > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true] > .v-chip__overlay {
21005
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
21006
- }
21007
- .v-chip--active:hover > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:hover > .v-chip__overlay {
21008
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21009
- }
21010
- .v-chip--active:focus-visible > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-chip__overlay {
21011
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21012
- }
21013
- @supports not selector(:focus-visible) {
21014
- .v-chip--active:focus > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus > .v-chip__overlay {
21015
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20976
+ .v-col-xxl-4 {
20977
+ flex: 0 0 33.3333333333%;
20978
+ max-width: 33.3333333333%;
21016
20979
  }
20980
+ .v-col-xxl-5 {
20981
+ flex: 0 0 41.6666666667%;
20982
+ max-width: 41.6666666667%;
20983
+ }
20984
+ .v-col-xxl-6 {
20985
+ flex: 0 0 50%;
20986
+ max-width: 50%;
20987
+ }
20988
+ .v-col-xxl-7 {
20989
+ flex: 0 0 58.3333333333%;
20990
+ max-width: 58.3333333333%;
20991
+ }
20992
+ .v-col-xxl-8 {
20993
+ flex: 0 0 66.6666666667%;
20994
+ max-width: 66.6666666667%;
20995
+ }
20996
+ .v-col-xxl-9 {
20997
+ flex: 0 0 75%;
20998
+ max-width: 75%;
20999
+ }
21000
+ .v-col-xxl-10 {
21001
+ flex: 0 0 83.3333333333%;
21002
+ max-width: 83.3333333333%;
21003
+ }
21004
+ .v-col-xxl-11 {
21005
+ flex: 0 0 91.6666666667%;
21006
+ max-width: 91.6666666667%;
21007
+ }
21008
+ .v-col-xxl-12 {
21009
+ flex: 0 0 100%;
21010
+ max-width: 100%;
21011
+ }
21012
+ .offset-xxl-0 {
21013
+ margin-inline-start: 0;
21014
+ }
21015
+ .offset-xxl-1 {
21016
+ margin-inline-start: 8.3333333333%;
21017
+ }
21018
+ .offset-xxl-2 {
21019
+ margin-inline-start: 16.6666666667%;
21020
+ }
21021
+ .offset-xxl-3 {
21022
+ margin-inline-start: 25%;
21023
+ }
21024
+ .offset-xxl-4 {
21025
+ margin-inline-start: 33.3333333333%;
21026
+ }
21027
+ .offset-xxl-5 {
21028
+ margin-inline-start: 41.6666666667%;
21029
+ }
21030
+ .offset-xxl-6 {
21031
+ margin-inline-start: 50%;
21032
+ }
21033
+ .offset-xxl-7 {
21034
+ margin-inline-start: 58.3333333333%;
21035
+ }
21036
+ .offset-xxl-8 {
21037
+ margin-inline-start: 66.6666666667%;
21038
+ }
21039
+ .offset-xxl-9 {
21040
+ margin-inline-start: 75%;
21041
+ }
21042
+ .offset-xxl-10 {
21043
+ margin-inline-start: 83.3333333333%;
21044
+ }
21045
+ .offset-xxl-11 {
21046
+ margin-inline-start: 91.6666666667%;
21047
+ }
21048
+ }.v-combobox .v-field .v-text-field__prefix,
21049
+ .v-combobox .v-field .v-text-field__suffix,
21050
+ .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
21051
+ cursor: text;
21017
21052
  }
21018
- .v-chip--variant-plain, .v-chip--variant-outlined, .v-chip--variant-text, .v-chip--variant-tonal {
21019
- background: transparent;
21020
- color: inherit;
21021
- }
21022
- .v-chip--variant-plain {
21023
- opacity: 0.26;
21024
- }
21025
- .v-chip--variant-plain:focus, .v-chip--variant-plain:hover {
21026
- opacity: 1;
21027
- }
21028
- .v-chip--variant-plain .v-chip__overlay {
21029
- display: none;
21030
- }
21031
- .v-chip--variant-elevated, .v-chip--variant-flat {
21032
- background: rgb(var(--v-theme-surface-variant));
21033
- color: rgb(var(--v-theme-on-surface-variant));
21034
- }
21035
- .v-chip--variant-elevated {
21036
- box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21037
- }
21038
- .v-chip--variant-flat {
21039
- 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));
21040
- }
21041
- .v-chip--variant-outlined {
21042
- border: thin solid currentColor;
21043
- }
21044
- .v-chip--variant-text .v-chip__overlay {
21045
- background: currentColor;
21046
- }
21047
- .v-chip--variant-tonal .v-chip__underlay {
21048
- background: currentColor;
21049
- opacity: var(--v-activated-opacity);
21050
- border-radius: inherit;
21051
- top: 0;
21052
- right: 0;
21053
- bottom: 0;
21054
- left: 0;
21055
- pointer-events: none;
21053
+ .v-combobox .v-field .v-field__input > input {
21054
+ flex: 1 1;
21056
21055
  }
21057
- .v-chip .v-chip__underlay {
21058
- position: absolute;
21056
+ .v-combobox .v-field input {
21057
+ min-width: 64px;
21059
21058
  }
21060
- .v-chip--border {
21061
- border-width: thin;
21059
+ .v-combobox .v-field:not(.v-field--focused) input {
21060
+ min-width: 0;
21062
21061
  }
21063
- .v-chip--link {
21064
- cursor: pointer;
21062
+ .v-combobox .v-field--dirty .v-combobox__selection {
21063
+ margin-inline-end: 2px;
21065
21064
  }
21066
- .v-chip--link, .v-chip--filter {
21067
- -webkit-user-select: none;
21068
- user-select: none;
21065
+ .v-combobox .v-combobox__selection-text {
21066
+ overflow: hidden;
21067
+ text-overflow: ellipsis;
21068
+ white-space: nowrap;
21069
21069
  }
21070
- .v-chip--label {
21070
+
21071
+ .v-combobox__content {
21072
+ overflow: hidden;
21073
+ 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));
21071
21074
  border-radius: 4px;
21072
21075
  }
21073
-
21074
- .v-chip__content {
21075
- align-items: center;
21076
+ .v-combobox__mask {
21077
+ background: rgb(var(--v-theme-surface-light));
21078
+ }
21079
+ .v-combobox__selection {
21076
21080
  display: inline-flex;
21081
+ align-items: center;
21082
+ height: 1.5rem;
21083
+ letter-spacing: inherit;
21084
+ line-height: inherit;
21085
+ max-width: calc(100% - 2px - 2px);
21077
21086
  }
21078
- .v-autocomplete__selection .v-chip__content, .v-combobox__selection .v-chip__content, .v-select__selection .v-chip__content {
21079
- overflow: hidden;
21087
+ .v-combobox__selection:first-child {
21088
+ margin-inline-start: 0;
21080
21089
  }
21081
-
21082
- .v-chip__filter,
21083
- .v-chip__prepend,
21084
- .v-chip__append,
21085
- .v-chip__close {
21086
- align-items: center;
21087
- display: inline-flex;
21090
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21091
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21092
+ .v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21093
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21094
+ top: 0px;
21088
21095
  }
21089
-
21090
- .v-chip__close {
21091
- cursor: pointer;
21092
- flex: 0 1 auto;
21093
- font-size: 18px;
21094
- max-height: 18px;
21095
- max-width: 18px;
21096
- -webkit-user-select: none;
21097
- user-select: none;
21096
+ .v-combobox--selecting-index .v-combobox__selection {
21097
+ opacity: var(--v-medium-emphasis-opacity);
21098
21098
  }
21099
- .v-chip__close .v-icon {
21100
- font-size: inherit;
21099
+ .v-combobox--selecting-index .v-combobox__selection--selected {
21100
+ opacity: 1;
21101
21101
  }
21102
-
21103
- .v-chip__filter {
21104
- transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
21102
+ .v-combobox--selecting-index .v-field__input > input {
21103
+ caret-color: transparent;
21105
21104
  }
21106
-
21107
- .v-chip__overlay {
21105
+ .v-combobox--single:not(.v-combobox--selection-slot).v-text-field input {
21106
+ flex: 1 1;
21108
21107
  position: absolute;
21109
- top: 0;
21110
21108
  left: 0;
21109
+ right: 0;
21111
21110
  width: 100%;
21112
- height: 100%;
21113
- background-color: currentColor;
21114
- border-radius: inherit;
21115
- pointer-events: none;
21111
+ padding-inline: inherit;
21112
+ }
21113
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--active input {
21114
+ transition: none;
21115
+ }
21116
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--dirty:not(.v-field--focused) input {
21116
21117
  opacity: 0;
21117
- transition: opacity 0.2s ease-in-out;
21118
21118
  }
21119
-
21120
- .v-chip--disabled {
21121
- opacity: 0.3;
21122
- pointer-events: none;
21123
- -webkit-user-select: none;
21124
- user-select: none;
21119
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--focused .v-combobox__selection {
21120
+ opacity: 0;
21125
21121
  }
21126
-
21127
- .v-chip--label {
21128
- border-radius: 4px;
21122
+ .v-combobox__menu-icon {
21123
+ margin-inline-start: 4px;
21124
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21125
+ }
21126
+ .v-combobox--active-menu .v-combobox__menu-icon {
21127
+ opacity: var(--v-high-emphasis-opacity);
21128
+ transform: rotate(180deg);
21129
21129
  }.v-counter {
21130
21130
  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
21131
21131
  flex: 0 1 auto;
@@ -21186,28 +21186,13 @@ html.overflow-y-hidden {
21186
21186
  .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
21187
21187
  flex-direction: row-reverse;
21188
21188
  }
21189
-
21190
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
21191
- flex: 1 0 auto;
21192
- }
21193
-
21194
- .v-date-picker__title {
21195
- display: inline-block;
21196
- }.v-date-picker-years {
21197
- height: 288px;
21198
- overflow-y: scroll;
21199
- }
21200
-
21201
- .v-date-picker-years__content {
21202
- display: grid;
21203
- flex: 1 1;
21204
- justify-content: space-around;
21205
- grid-template-columns: repeat(3, 1fr);
21206
- gap: 8px 24px;
21207
- padding-inline: 32px;
21208
- }
21209
- .v-date-picker-years__content .v-btn {
21210
- padding-inline: 8px;
21189
+
21190
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
21191
+ flex: 1 0 auto;
21192
+ }
21193
+
21194
+ .v-date-picker__title {
21195
+ display: inline-block;
21211
21196
  }.v-date-picker-header {
21212
21197
  align-items: flex-end;
21213
21198
  height: 70px;
@@ -21268,6 +21253,25 @@ html.overflow-y-hidden {
21268
21253
  .date-picker-header-reverse-transition-leave-to {
21269
21254
  opacity: 0;
21270
21255
  transform: translate(0, 100%);
21256
+ }.v-date-picker-months {
21257
+ height: 288px;
21258
+ }
21259
+
21260
+ .v-date-picker-months__content {
21261
+ align-items: center;
21262
+ display: grid;
21263
+ flex: 1 1;
21264
+ height: inherit;
21265
+ justify-content: space-around;
21266
+ grid-template-columns: repeat(2, 1fr);
21267
+ grid-gap: 0px 24px;
21268
+ padding-inline-start: 36px;
21269
+ padding-inline-end: 36px;
21270
+ }
21271
+ .v-date-picker-months__content .v-btn {
21272
+ text-transform: none;
21273
+ padding-inline-start: 8px;
21274
+ padding-inline-end: 8px;
21271
21275
  }.v-date-picker-month {
21272
21276
  display: flex;
21273
21277
  justify-content: center;
@@ -21323,25 +21327,21 @@ html.overflow-y-hidden {
21323
21327
 
21324
21328
  .v-date-picker-month__day--hide-adjacent {
21325
21329
  opacity: 0;
21326
- }.v-date-picker-months {
21330
+ }.v-date-picker-years {
21327
21331
  height: 288px;
21332
+ overflow-y: scroll;
21328
21333
  }
21329
21334
 
21330
- .v-date-picker-months__content {
21331
- align-items: center;
21335
+ .v-date-picker-years__content {
21332
21336
  display: grid;
21333
21337
  flex: 1 1;
21334
- height: inherit;
21335
21338
  justify-content: space-around;
21336
- grid-template-columns: repeat(2, 1fr);
21337
- grid-gap: 0px 24px;
21338
- padding-inline-start: 36px;
21339
- padding-inline-end: 36px;
21339
+ grid-template-columns: repeat(3, 1fr);
21340
+ gap: 8px 24px;
21341
+ padding-inline: 32px;
21340
21342
  }
21341
- .v-date-picker-months__content .v-btn {
21342
- text-transform: none;
21343
- padding-inline-start: 8px;
21344
- padding-inline-end: 8px;
21343
+ .v-date-picker-years__content .v-btn {
21344
+ padding-inline: 8px;
21345
21345
  }.v-data-table {
21346
21346
  width: 100%;
21347
21347
  }
@@ -21652,6 +21652,73 @@ html.overflow-y-hidden {
21652
21652
  -webkit-backface-visibility: hidden;
21653
21653
  backface-visibility: hidden;
21654
21654
  overflow-y: auto;
21655
+ }.v-empty-state {
21656
+ align-items: center;
21657
+ display: flex;
21658
+ flex-direction: column;
21659
+ justify-content: center;
21660
+ min-height: 100%;
21661
+ padding: 16px;
21662
+ }
21663
+ .v-empty-state--start {
21664
+ align-items: flex-start;
21665
+ }
21666
+ .v-empty-state--center {
21667
+ align-items: center;
21668
+ }
21669
+ .v-empty-state--end {
21670
+ align-items: flex-end;
21671
+ }
21672
+
21673
+ .v-empty-state__media {
21674
+ text-align: center;
21675
+ width: 100%;
21676
+ }
21677
+ .v-empty-state__media .v-icon {
21678
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
21679
+ }
21680
+
21681
+ .v-empty-state__headline {
21682
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
21683
+ font-size: 3.75rem;
21684
+ font-weight: 300;
21685
+ line-height: 1;
21686
+ text-align: center;
21687
+ margin-bottom: 8px;
21688
+ }
21689
+ .v-empty-state--mobile .v-empty-state__headline {
21690
+ font-size: 2.125rem;
21691
+ }
21692
+
21693
+ .v-empty-state__title {
21694
+ font-size: 1.25rem;
21695
+ font-weight: 500;
21696
+ line-height: 1.6;
21697
+ margin-bottom: 4px;
21698
+ text-align: center;
21699
+ }
21700
+
21701
+ .v-empty-state__text {
21702
+ font-size: 0.875rem;
21703
+ font-weight: 400;
21704
+ line-height: 1.425;
21705
+ padding: 0 16px;
21706
+ text-align: center;
21707
+ }
21708
+
21709
+ .v-empty-state__content {
21710
+ padding: 24px 0;
21711
+ }
21712
+
21713
+ .v-empty-state__actions {
21714
+ display: flex;
21715
+ gap: 8px;
21716
+ padding: 16px;
21717
+ }
21718
+
21719
+ .v-empty-state__action-btn.v-btn {
21720
+ background-color: initial;
21721
+ color: initial;
21655
21722
  }.v-divider {
21656
21723
  display: block;
21657
21724
  flex: 1 1 100%;
@@ -21892,162 +21959,26 @@ html.overflow-y-hidden {
21892
21959
  .v-expansion-panels--variant-popout > .v-expansion-panel--active {
21893
21960
  max-width: calc(100% + 16px);
21894
21961
  }
21895
-
21896
- .v-expansion-panels--variant-inset > .v-expansion-panel {
21897
- max-width: 100%;
21898
- }
21899
- .v-expansion-panels--variant-inset > .v-expansion-panel--active {
21900
- max-width: calc(100% - 32px);
21901
- }
21902
-
21903
- .v-expansion-panels--flat > .v-expansion-panel::after {
21904
- border-top: none;
21905
- }
21906
- .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
21907
- display: none;
21908
- }
21909
-
21910
- .v-expansion-panels--tile {
21911
- border-radius: 0;
21912
- }
21913
- .v-expansion-panels--tile > .v-expansion-panel {
21914
- border-radius: 0;
21915
- }.v-empty-state {
21916
- align-items: center;
21917
- display: flex;
21918
- flex-direction: column;
21919
- justify-content: center;
21920
- min-height: 100%;
21921
- padding: 16px;
21922
- }
21923
- .v-empty-state--start {
21924
- align-items: flex-start;
21925
- }
21926
- .v-empty-state--center {
21927
- align-items: center;
21928
- }
21929
- .v-empty-state--end {
21930
- align-items: flex-end;
21931
- }
21932
-
21933
- .v-empty-state__media {
21934
- text-align: center;
21935
- width: 100%;
21936
- }
21937
- .v-empty-state__media .v-icon {
21938
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
21939
- }
21940
-
21941
- .v-empty-state__headline {
21942
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
21943
- font-size: 3.75rem;
21944
- font-weight: 300;
21945
- line-height: 1;
21946
- text-align: center;
21947
- margin-bottom: 8px;
21948
- }
21949
- .v-empty-state--mobile .v-empty-state__headline {
21950
- font-size: 2.125rem;
21951
- }
21952
-
21953
- .v-empty-state__title {
21954
- font-size: 1.25rem;
21955
- font-weight: 500;
21956
- line-height: 1.6;
21957
- margin-bottom: 4px;
21958
- text-align: center;
21959
- }
21960
-
21961
- .v-empty-state__text {
21962
- font-size: 0.875rem;
21963
- font-weight: 400;
21964
- line-height: 1.425;
21965
- padding: 0 16px;
21966
- text-align: center;
21967
- }
21968
-
21969
- .v-empty-state__content {
21970
- padding: 24px 0;
21971
- }
21972
-
21973
- .v-empty-state__actions {
21974
- display: flex;
21975
- gap: 8px;
21976
- padding: 16px;
21977
- }
21978
-
21979
- .v-empty-state__action-btn.v-btn {
21980
- background-color: initial;
21981
- color: initial;
21982
- }.v-fab {
21983
- align-items: center;
21984
- display: inline-flex;
21985
- flex: 1 1 auto;
21986
- pointer-events: none;
21987
- position: relative;
21988
- transition-duration: 0.2s;
21989
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21990
- vertical-align: middle;
21991
- }
21992
- .v-fab .v-btn {
21993
- pointer-events: auto;
21994
- }
21995
- .v-fab .v-btn--variant-elevated {
21996
- box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21997
- }
21998
- .v-fab--app, .v-fab--absolute {
21999
- display: flex;
22000
- }
22001
- .v-fab--start, .v-fab--left {
22002
- justify-content: flex-start;
22003
- }
22004
- .v-fab--center {
22005
- align-items: center;
22006
- justify-content: center;
22007
- }
22008
- .v-fab--end, .v-fab--right {
22009
- justify-content: flex-end;
22010
- }
22011
- .v-fab--bottom {
22012
- align-items: flex-end;
22013
- }
22014
- .v-fab--top {
22015
- align-items: flex-start;
22016
- }
22017
- .v-fab--extended .v-btn {
22018
- border-radius: 9999px !important;
22019
- }
22020
-
22021
- .v-fab__container {
22022
- align-self: center;
22023
- display: inline-flex;
22024
- position: absolute;
22025
- vertical-align: middle;
22026
- }
22027
- .v-fab--app .v-fab__container {
22028
- margin: 12px;
22029
- }
22030
- .v-fab--absolute .v-fab__container {
22031
- position: absolute;
22032
- z-index: 4;
22033
- }
22034
- .v-fab--offset.v-fab--top .v-fab__container {
22035
- transform: translateY(-50%);
22036
- }
22037
- .v-fab--offset.v-fab--bottom .v-fab__container {
22038
- transform: translateY(50%);
21962
+
21963
+ .v-expansion-panels--variant-inset > .v-expansion-panel {
21964
+ max-width: 100%;
22039
21965
  }
22040
- .v-fab--top .v-fab__container {
22041
- top: 0;
21966
+ .v-expansion-panels--variant-inset > .v-expansion-panel--active {
21967
+ max-width: calc(100% - 32px);
22042
21968
  }
22043
- .v-fab--bottom .v-fab__container {
22044
- bottom: 0;
21969
+
21970
+ .v-expansion-panels--flat > .v-expansion-panel::after {
21971
+ border-top: none;
22045
21972
  }
22046
- .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
22047
- left: 0;
21973
+ .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
21974
+ display: none;
22048
21975
  }
22049
- .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
22050
- right: 0;
21976
+
21977
+ .v-expansion-panels--tile {
21978
+ border-radius: 0;
21979
+ }
21980
+ .v-expansion-panels--tile > .v-expansion-panel {
21981
+ border-radius: 0;
22051
21982
  }/* region INPUT */
22052
21983
  .v-field {
22053
21984
  --v-theme-overlay-multiplier: 1;
@@ -22191,6 +22122,11 @@ html.overflow-y-hidden {
22191
22122
  position: relative;
22192
22123
  width: 100%;
22193
22124
  }
22125
+ .v-field.v-field--center-affix.v-field--variant-underlined .v-field__input, .v-field.v-field--center-affix.v-field--variant-plain .v-field__input {
22126
+ padding-top: unset;
22127
+ padding-bottom: unset;
22128
+ }
22129
+
22194
22130
  .v-input--density-default .v-field__input {
22195
22131
  row-gap: 8px;
22196
22132
  }
@@ -22258,12 +22194,12 @@ textarea.v-field__input::placeholder {
22258
22194
  padding-top: 0;
22259
22195
  }
22260
22196
 
22261
- .v-field.v-field--variant-underlined .v-field__append-inner,
22262
- .v-field.v-field--variant-underlined .v-field__clearable,
22263
- .v-field.v-field--variant-underlined .v-field__prepend-inner,
22264
- .v-field.v-field--variant-plain .v-field__append-inner,
22265
- .v-field.v-field--variant-plain .v-field__clearable,
22266
- .v-field.v-field--variant-plain .v-field__prepend-inner {
22197
+ .v-field:not(.v-field--center-affix).v-field--variant-underlined .v-field__append-inner,
22198
+ .v-field:not(.v-field--center-affix).v-field--variant-underlined .v-field__clearable,
22199
+ .v-field:not(.v-field--center-affix).v-field--variant-underlined .v-field__prepend-inner,
22200
+ .v-field:not(.v-field--center-affix).v-field--variant-plain .v-field__append-inner,
22201
+ .v-field:not(.v-field--center-affix).v-field--variant-plain .v-field__clearable,
22202
+ .v-field:not(.v-field--center-affix).v-field--variant-plain .v-field__prepend-inner {
22267
22203
  align-items: flex-start;
22268
22204
  padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
22269
22205
  padding-bottom: var(--v-field-padding-bottom, 4px);
@@ -22619,35 +22555,75 @@ textarea.v-field__input::placeholder {
22619
22555
  opacity: 0;
22620
22556
  }
22621
22557
 
22622
- /* endregion */.v-file-input--hide.v-input .v-field,
22623
- .v-file-input--hide.v-input .v-input__control,
22624
- .v-file-input--hide.v-input .v-input__details {
22625
- display: none;
22558
+ /* endregion */.v-fab {
22559
+ align-items: center;
22560
+ display: inline-flex;
22561
+ flex: 1 1 auto;
22562
+ pointer-events: none;
22563
+ position: relative;
22564
+ transition-duration: 0.2s;
22565
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
22566
+ vertical-align: middle;
22626
22567
  }
22627
- .v-file-input--hide.v-input .v-input__prepend {
22628
- grid-area: control;
22629
- margin: 0 auto;
22568
+ .v-fab .v-btn {
22569
+ pointer-events: auto;
22630
22570
  }
22631
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
22632
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
22633
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
22634
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
22635
- top: 0px;
22571
+ .v-fab .v-btn--variant-elevated {
22572
+ box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
22636
22573
  }
22637
- .v-file-input input[type=file] {
22638
- height: 100%;
22639
- left: 0;
22640
- opacity: 0;
22574
+ .v-fab--app, .v-fab--absolute {
22575
+ display: flex;
22576
+ }
22577
+ .v-fab--start, .v-fab--left {
22578
+ justify-content: flex-start;
22579
+ }
22580
+ .v-fab--center {
22581
+ align-items: center;
22582
+ justify-content: center;
22583
+ }
22584
+ .v-fab--end, .v-fab--right {
22585
+ justify-content: flex-end;
22586
+ }
22587
+ .v-fab--bottom {
22588
+ align-items: flex-end;
22589
+ }
22590
+ .v-fab--top {
22591
+ align-items: flex-start;
22592
+ }
22593
+ .v-fab--extended .v-btn {
22594
+ border-radius: 9999px !important;
22595
+ }
22596
+
22597
+ .v-fab__container {
22598
+ align-self: center;
22599
+ display: inline-flex;
22600
+ position: absolute;
22601
+ vertical-align: middle;
22602
+ }
22603
+ .v-fab--app .v-fab__container {
22604
+ margin: 12px;
22605
+ }
22606
+ .v-fab--absolute .v-fab__container {
22641
22607
  position: absolute;
22608
+ z-index: 4;
22609
+ }
22610
+ .v-fab--offset.v-fab--top .v-fab__container {
22611
+ transform: translateY(-50%);
22612
+ }
22613
+ .v-fab--offset.v-fab--bottom .v-fab__container {
22614
+ transform: translateY(50%);
22615
+ }
22616
+ .v-fab--top .v-fab__container {
22642
22617
  top: 0;
22643
- width: 100%;
22644
- z-index: 1;
22645
22618
  }
22646
- .v-file-input .v-input__details {
22647
- padding-inline: 16px;
22619
+ .v-fab--bottom .v-fab__container {
22620
+ bottom: 0;
22648
22621
  }
22649
- .v-input--plain-underlined.v-file-input .v-input__details {
22650
- padding-inline: 0;
22622
+ .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
22623
+ left: 0;
22624
+ }
22625
+ .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
22626
+ right: 0;
22651
22627
  }.v-footer {
22652
22628
  align-items: center;
22653
22629
  display: flex;
@@ -22676,31 +22652,35 @@ textarea.v-field__input::placeholder {
22676
22652
  }
22677
22653
  .v-footer--rounded {
22678
22654
  border-radius: 4px;
22679
- }.v-infinite-scroll--horizontal {
22680
- display: flex;
22681
- flex-direction: row;
22682
- overflow-x: auto;
22655
+ }.v-file-input--hide.v-input .v-field,
22656
+ .v-file-input--hide.v-input .v-input__control,
22657
+ .v-file-input--hide.v-input .v-input__details {
22658
+ display: none;
22683
22659
  }
22684
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
22685
- height: 100%;
22686
- width: 1px;
22660
+ .v-file-input--hide.v-input .v-input__prepend {
22661
+ grid-area: control;
22662
+ margin: 0 auto;
22687
22663
  }
22688
-
22689
- .v-infinite-scroll--vertical {
22690
- display: flex;
22691
- flex-direction: column;
22692
- overflow-y: auto;
22664
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
22665
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
22666
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
22667
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
22668
+ top: 0px;
22693
22669
  }
22694
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
22695
- height: 1px;
22670
+ .v-file-input input[type=file] {
22671
+ height: 100%;
22672
+ left: 0;
22673
+ opacity: 0;
22674
+ position: absolute;
22675
+ top: 0;
22696
22676
  width: 100%;
22677
+ z-index: 1;
22697
22678
  }
22698
-
22699
- .v-infinite-scroll__side {
22700
- align-items: center;
22701
- display: flex;
22702
- justify-content: center;
22703
- padding: 8px;
22679
+ .v-file-input .v-input__details {
22680
+ padding-inline: 16px;
22681
+ }
22682
+ .v-input--plain-underlined.v-file-input .v-input__details {
22683
+ padding-inline: 0;
22704
22684
  }.v-icon {
22705
22685
  --v-icon-size-multiplier: 1;
22706
22686
  align-items: center;
@@ -22754,11 +22734,6 @@ textarea.v-field__input::placeholder {
22754
22734
 
22755
22735
  .v-icon--end {
22756
22736
  margin-inline-start: 8px;
22757
- }.v-item-group {
22758
- flex: 0 1 auto;
22759
- max-width: 100%;
22760
- position: relative;
22761
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22762
22737
  }.v-img {
22763
22738
  --v-theme-overlay-multiplier: 3;
22764
22739
  z-index: 0;
@@ -22795,36 +22770,31 @@ textarea.v-field__input::placeholder {
22795
22770
 
22796
22771
  .v-img__gradient {
22797
22772
  background-repeat: no-repeat;
22798
- }.v-layout-item {
22799
- position: absolute;
22800
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22773
+ }.v-infinite-scroll--horizontal {
22774
+ display: flex;
22775
+ flex-direction: row;
22776
+ overflow-x: auto;
22777
+ }
22778
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
22779
+ height: 100%;
22780
+ width: 1px;
22801
22781
  }
22802
22782
 
22803
- .v-layout-item--absolute {
22804
- position: absolute;
22805
- }.v-layout {
22806
- --v-scrollbar-offset: 0px;
22783
+ .v-infinite-scroll--vertical {
22807
22784
  display: flex;
22808
- flex: 1 1 auto;
22785
+ flex-direction: column;
22786
+ overflow-y: auto;
22809
22787
  }
22810
- .v-layout--full-height {
22811
- --v-scrollbar-offset: inherit;
22812
- height: 100%;
22813
- }.v-label {
22814
- align-items: center;
22815
- color: inherit;
22816
- display: inline-flex;
22817
- font-size: 1rem;
22818
- letter-spacing: 0.009375em;
22819
- min-width: 0;
22820
- opacity: var(--v-medium-emphasis-opacity);
22821
- overflow: hidden;
22822
- text-overflow: ellipsis;
22823
- white-space: nowrap;
22788
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
22789
+ height: 1px;
22790
+ width: 100%;
22824
22791
  }
22825
22792
 
22826
- .v-label--clickable {
22827
- cursor: pointer;
22793
+ .v-infinite-scroll__side {
22794
+ align-items: center;
22795
+ display: flex;
22796
+ justify-content: center;
22797
+ padding: 8px;
22828
22798
  }.v-input {
22829
22799
  display: grid;
22830
22800
  flex: 1 1 auto;
@@ -22953,20 +22923,55 @@ textarea.v-field__input::placeholder {
22953
22923
  .v-input--hide-spin-buttons input[type=number] {
22954
22924
  -moz-appearance: textfield;
22955
22925
  }
22956
- .v-input--plain-underlined .v-input__prepend,
22957
- .v-input--plain-underlined .v-input__append {
22926
+ .v-input--plain-underlined:not(.v-input--center-affix) .v-input__prepend,
22927
+ .v-input--plain-underlined:not(.v-input--center-affix) .v-input__append {
22958
22928
  align-items: flex-start;
22959
22929
  }
22960
- .v-input--density-default.v-input--plain-underlined .v-input__prepend, .v-input--density-default.v-input--plain-underlined .v-input__append {
22930
+ .v-input--density-default.v-input--plain-underlined:not(.v-input--center-affix) .v-input__prepend, .v-input--density-default.v-input--plain-underlined:not(.v-input--center-affix) .v-input__append {
22961
22931
  padding-top: calc(var(--v-input-padding-top) + 4px);
22962
22932
  }
22963
22933
 
22964
- .v-input--density-comfortable.v-input--plain-underlined .v-input__prepend, .v-input--density-comfortable.v-input--plain-underlined .v-input__append {
22934
+ .v-input--density-comfortable.v-input--plain-underlined:not(.v-input--center-affix) .v-input__prepend, .v-input--density-comfortable.v-input--plain-underlined:not(.v-input--center-affix) .v-input__append {
22965
22935
  padding-top: calc(var(--v-input-padding-top) + 2px);
22966
22936
  }
22967
22937
 
22968
- .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
22938
+ .v-input--density-compact.v-input--plain-underlined:not(.v-input--center-affix) .v-input__prepend, .v-input--density-compact.v-input--plain-underlined:not(.v-input--center-affix) .v-input__append {
22969
22939
  padding-top: calc(var(--v-input-padding-top) + 0px);
22940
+ }.v-item-group {
22941
+ flex: 0 1 auto;
22942
+ max-width: 100%;
22943
+ position: relative;
22944
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22945
+ }.v-label {
22946
+ align-items: center;
22947
+ color: inherit;
22948
+ display: inline-flex;
22949
+ font-size: 1rem;
22950
+ letter-spacing: 0.009375em;
22951
+ min-width: 0;
22952
+ opacity: var(--v-medium-emphasis-opacity);
22953
+ overflow: hidden;
22954
+ text-overflow: ellipsis;
22955
+ white-space: nowrap;
22956
+ }
22957
+
22958
+ .v-label--clickable {
22959
+ cursor: pointer;
22960
+ }.v-layout {
22961
+ --v-scrollbar-offset: 0px;
22962
+ display: flex;
22963
+ flex: 1 1 auto;
22964
+ }
22965
+ .v-layout--full-height {
22966
+ --v-scrollbar-offset: inherit;
22967
+ height: 100%;
22968
+ }.v-layout-item {
22969
+ position: absolute;
22970
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22971
+ }
22972
+
22973
+ .v-layout-item--absolute {
22974
+ position: absolute;
22970
22975
  }.v-list {
22971
22976
  overflow: auto;
22972
22977
  padding: 8px 0;
@@ -23519,26 +23524,11 @@ textarea.v-field__input::placeholder {
23519
23524
  padding-inline-start: calc(16px + var(--indent-padding)) !important;
23520
23525
  }
23521
23526
 
23522
- .v-list-group__header:not(.v-treeview-item--activetable-group-activator).v-list-item--active:not(:focus-visible) .v-list-item__overlay {
23523
- opacity: 0;
23524
- }
23525
- .v-list-group__header:not(.v-treeview-item--activetable-group-activator).v-list-item--active:hover .v-list-item__overlay {
23526
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
23527
- }.v-locale-provider {
23528
- display: contents;
23529
- }.v-menu > .v-overlay__content {
23530
- display: flex;
23531
- flex-direction: column;
23532
- border-radius: 4px;
23533
- }
23534
- .v-menu > .v-overlay__content > .v-card,
23535
- .v-menu > .v-overlay__content > .v-sheet,
23536
- .v-menu > .v-overlay__content > .v-list {
23537
- background: rgb(var(--v-theme-surface));
23538
- border-radius: inherit;
23539
- overflow: auto;
23540
- height: 100%;
23541
- box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23527
+ .v-list-group__header:not(.v-treeview-item--activetable-group-activator).v-list-item--active:not(:focus-visible) .v-list-item__overlay {
23528
+ opacity: 0;
23529
+ }
23530
+ .v-list-group__header:not(.v-treeview-item--activetable-group-activator).v-list-item--active:hover .v-list-item__overlay {
23531
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
23542
23532
  }.v-main {
23543
23533
  flex: 1 0 auto;
23544
23534
  max-width: 100%;
@@ -23567,22 +23557,6 @@ textarea.v-field__input::placeholder {
23567
23557
  --v-layout-right: 0px;
23568
23558
  --v-layout-top: 0px;
23569
23559
  --v-layout-bottom: 0px;
23570
- }.v-messages {
23571
- flex: 1 1 auto;
23572
- font-size: 12px;
23573
- min-height: 14px;
23574
- min-width: 1px;
23575
- opacity: var(--v-medium-emphasis-opacity);
23576
- position: relative;
23577
- }
23578
- .v-messages__message {
23579
- line-height: 12px;
23580
- word-break: break-word;
23581
- overflow-wrap: break-word;
23582
- word-wrap: break-word;
23583
- -webkit-hyphens: auto;
23584
- hyphens: auto;
23585
- transition-duration: 150ms;
23586
23560
  }.v-otp-input {
23587
23561
  border-radius: 4px;
23588
23562
  align-items: center;
@@ -23639,69 +23613,37 @@ textarea.v-field__input::placeholder {
23639
23613
  }
23640
23614
  .v-otp-input__loader .v-progress-linear {
23641
23615
  position: absolute;
23642
- }.v-overlay-container {
23643
- contain: layout;
23644
- left: 0;
23645
- pointer-events: none;
23646
- position: absolute;
23647
- top: 0;
23616
+ }.v-locale-provider {
23648
23617
  display: contents;
23618
+ }.v-messages {
23619
+ flex: 1 1 auto;
23620
+ font-size: 12px;
23621
+ min-height: 14px;
23622
+ min-width: 1px;
23623
+ opacity: var(--v-medium-emphasis-opacity);
23624
+ position: relative;
23649
23625
  }
23650
-
23651
- .v-overlay-scroll-blocked {
23652
- padding-inline-end: var(--v-scrollbar-offset);
23653
- }
23654
- .v-overlay-scroll-blocked:not(html) {
23655
- overflow-y: hidden !important;
23656
- }
23657
- html.v-overlay-scroll-blocked {
23658
- position: fixed;
23659
- top: var(--v-body-scroll-y);
23660
- left: var(--v-body-scroll-x);
23661
- width: 100%;
23662
- height: 100%;
23663
- }
23664
-
23665
- .v-overlay {
23666
- border-radius: inherit;
23626
+ .v-messages__message {
23627
+ line-height: 12px;
23628
+ word-break: break-word;
23629
+ overflow-wrap: break-word;
23630
+ word-wrap: break-word;
23631
+ -webkit-hyphens: auto;
23632
+ hyphens: auto;
23633
+ transition-duration: 150ms;
23634
+ }.v-menu > .v-overlay__content {
23667
23635
  display: flex;
23668
- left: 0;
23669
- pointer-events: none;
23670
- position: fixed;
23671
- top: 0;
23672
- bottom: 0;
23673
- right: 0;
23674
- }
23675
-
23676
- .v-overlay__content {
23677
- outline: none;
23678
- position: absolute;
23679
- pointer-events: auto;
23680
- contain: layout;
23636
+ flex-direction: column;
23637
+ border-radius: 4px;
23681
23638
  }
23682
-
23683
- .v-overlay__scrim {
23684
- pointer-events: auto;
23685
- background: rgb(var(--v-theme-on-surface));
23639
+ .v-menu > .v-overlay__content > .v-card,
23640
+ .v-menu > .v-overlay__content > .v-sheet,
23641
+ .v-menu > .v-overlay__content > .v-list {
23642
+ background: rgb(var(--v-theme-surface));
23686
23643
  border-radius: inherit;
23687
- bottom: 0;
23688
- left: 0;
23689
- opacity: var(--v-overlay-opacity, 0.32);
23690
- position: fixed;
23691
- right: 0;
23692
- top: 0;
23693
- }
23694
-
23695
- .v-overlay--absolute {
23696
- position: absolute;
23697
- }
23698
-
23699
- .v-overlay--contained .v-overlay__scrim {
23700
- position: absolute;
23701
- }
23702
-
23703
- .v-overlay--scroll-blocked {
23704
- padding-inline-end: var(--v-scrollbar-offset);
23644
+ overflow: auto;
23645
+ height: 100%;
23646
+ box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23705
23647
  }.v-navigation-drawer {
23706
23648
  -webkit-overflow-scrolling: touch;
23707
23649
  background: rgb(var(--v-theme-surface));
@@ -23812,6 +23754,75 @@ html.v-overlay-scroll-blocked {
23812
23754
  }
23813
23755
  .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
23814
23756
  margin: 0.3rem;
23757
+ }.v-overlay-container {
23758
+ contain: layout;
23759
+ left: 0;
23760
+ pointer-events: none;
23761
+ position: absolute;
23762
+ top: 0;
23763
+ display: contents;
23764
+ }
23765
+
23766
+ .v-overlay-scroll-blocked {
23767
+ padding-inline-end: var(--v-scrollbar-offset);
23768
+ }
23769
+ .v-overlay-scroll-blocked:not(html) {
23770
+ overflow-y: hidden !important;
23771
+ }
23772
+ html.v-overlay-scroll-blocked {
23773
+ position: fixed;
23774
+ top: var(--v-body-scroll-y);
23775
+ left: var(--v-body-scroll-x);
23776
+ width: 100%;
23777
+ height: 100%;
23778
+ }
23779
+
23780
+ .v-overlay {
23781
+ border-radius: inherit;
23782
+ display: flex;
23783
+ left: 0;
23784
+ pointer-events: none;
23785
+ position: fixed;
23786
+ top: 0;
23787
+ bottom: 0;
23788
+ right: 0;
23789
+ }
23790
+
23791
+ .v-overlay__content {
23792
+ outline: none;
23793
+ position: absolute;
23794
+ pointer-events: auto;
23795
+ contain: layout;
23796
+ }
23797
+
23798
+ .v-overlay__scrim {
23799
+ pointer-events: auto;
23800
+ background: rgb(var(--v-theme-on-surface));
23801
+ border-radius: inherit;
23802
+ bottom: 0;
23803
+ left: 0;
23804
+ opacity: var(--v-overlay-opacity, 0.32);
23805
+ position: fixed;
23806
+ right: 0;
23807
+ top: 0;
23808
+ }
23809
+
23810
+ .v-overlay--absolute {
23811
+ position: absolute;
23812
+ }
23813
+
23814
+ .v-overlay--contained .v-overlay__scrim {
23815
+ position: absolute;
23816
+ }
23817
+
23818
+ .v-overlay--scroll-blocked {
23819
+ padding-inline-end: var(--v-scrollbar-offset);
23820
+ }.v-parallax {
23821
+ position: relative;
23822
+ overflow: hidden;
23823
+ }
23824
+ .v-parallax--active > .v-img__img {
23825
+ will-change: transform;
23815
23826
  }.v-progress-circular {
23816
23827
  align-items: center;
23817
23828
  display: inline-flex;
@@ -23875,108 +23886,45 @@ html.v-overlay-scroll-blocked {
23875
23886
  transform-origin: center center;
23876
23887
  transition: all 0.2s ease-in-out;
23877
23888
  }
23878
- .v-progress-circular--indeterminate .v-progress-circular__overlay {
23879
- animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
23880
- stroke-dasharray: 25, 200;
23881
- stroke-dashoffset: 0;
23882
- stroke-linecap: round;
23883
- transform-origin: center center;
23884
- transform: rotate(-90deg);
23885
- }
23886
-
23887
- .v-progress-circular--disable-shrink > svg {
23888
- animation-duration: 0.7s;
23889
- }
23890
- .v-progress-circular--disable-shrink .v-progress-circular__overlay {
23891
- animation: none;
23892
- }
23893
-
23894
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
23895
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
23896
- animation-play-state: paused !important;
23897
- }
23898
-
23899
- @keyframes progress-circular-dash {
23900
- 0% {
23901
- stroke-dasharray: 1, 200;
23902
- stroke-dashoffset: 0px;
23903
- }
23904
- 50% {
23905
- stroke-dasharray: 100, 200;
23906
- stroke-dashoffset: -15px;
23907
- }
23908
- 100% {
23909
- stroke-dasharray: 100, 200;
23910
- stroke-dashoffset: -124px;
23911
- }
23912
- }
23913
- @keyframes progress-circular-rotate {
23914
- 100% {
23915
- transform: rotate(270deg);
23916
- }
23917
- }.v-slider .v-slider__container input {
23918
- cursor: default;
23919
- padding: 0;
23920
- width: 100%;
23921
- display: none;
23922
- }
23923
- .v-slider > .v-input__append,
23924
- .v-slider > .v-input__prepend {
23925
- padding: 0;
23926
- }
23927
-
23928
- .v-slider__container {
23929
- position: relative;
23930
- min-height: inherit;
23931
- width: 100%;
23932
- height: 100%;
23933
- display: flex;
23934
- justify-content: center;
23935
- align-items: center;
23936
- cursor: pointer;
23937
- }
23938
- .v-input--disabled .v-slider__container {
23939
- opacity: var(--v-disabled-opacity);
23940
- }
23941
- .v-input--error:not(.v-input--disabled) .v-slider__container {
23942
- color: rgb(var(--v-theme-error));
23943
- }
23944
-
23945
- .v-slider.v-input--horizontal {
23946
- align-items: center;
23947
- margin-inline: 8px 8px;
23948
- }
23949
- .v-slider.v-input--horizontal > .v-input__control {
23950
- min-height: 32px;
23951
- display: flex;
23952
- align-items: center;
23953
- }
23954
-
23955
- .v-slider.v-input--vertical {
23956
- justify-content: center;
23957
- margin-top: 12px;
23958
- margin-bottom: 12px;
23959
- }
23960
- .v-slider.v-input--vertical > .v-input__control {
23961
- min-height: 300px;
23889
+ .v-progress-circular--indeterminate .v-progress-circular__overlay {
23890
+ animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
23891
+ stroke-dasharray: 25, 200;
23892
+ stroke-dashoffset: 0;
23893
+ stroke-linecap: round;
23894
+ transform-origin: center center;
23895
+ transform: rotate(-90deg);
23962
23896
  }
23963
23897
 
23964
- .v-slider.v-input--disabled {
23965
- pointer-events: none;
23898
+ .v-progress-circular--disable-shrink > svg {
23899
+ animation-duration: 0.7s;
23900
+ }
23901
+ .v-progress-circular--disable-shrink .v-progress-circular__overlay {
23902
+ animation: none;
23966
23903
  }
23967
23904
 
23968
- .v-slider--has-labels > .v-input__control {
23969
- margin-bottom: 4px;
23905
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
23906
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
23907
+ animation-play-state: paused !important;
23970
23908
  }
23971
23909
 
23972
- .v-slider__label {
23973
- margin-inline-end: 12px;
23974
- }.v-parallax {
23975
- position: relative;
23976
- overflow: hidden;
23910
+ @keyframes progress-circular-dash {
23911
+ 0% {
23912
+ stroke-dasharray: 1, 200;
23913
+ stroke-dashoffset: 0px;
23914
+ }
23915
+ 50% {
23916
+ stroke-dasharray: 100, 200;
23917
+ stroke-dashoffset: -15px;
23918
+ }
23919
+ 100% {
23920
+ stroke-dasharray: 100, 200;
23921
+ stroke-dashoffset: -124px;
23922
+ }
23977
23923
  }
23978
- .v-parallax--active > .v-img__img {
23979
- will-change: transform;
23924
+ @keyframes progress-circular-rotate {
23925
+ 100% {
23926
+ transform: rotate(270deg);
23927
+ }
23980
23928
  }.v-progress-linear {
23981
23929
  background: transparent;
23982
23930
  overflow: hidden;
@@ -23987,6 +23935,11 @@ html.v-overlay-scroll-blocked {
23987
23935
  .v-progress-linear--rounded {
23988
23936
  border-radius: 9999px;
23989
23937
  }
23938
+ @media (forced-colors: active) {
23939
+ .v-progress-linear {
23940
+ border: thin solid buttontext;
23941
+ }
23942
+ }
23990
23943
 
23991
23944
  .v-progress-linear__background,
23992
23945
  .v-progress-linear__buffer {
@@ -24001,6 +23954,12 @@ html.v-overlay-scroll-blocked {
24001
23954
  transition: inherit;
24002
23955
  }
24003
23956
 
23957
+ @media (forced-colors: active) {
23958
+ .v-progress-linear__buffer {
23959
+ background-color: highlight;
23960
+ opacity: 0.3;
23961
+ }
23962
+ }
24004
23963
  .v-progress-linear__content {
24005
23964
  align-items: center;
24006
23965
  display: flex;
@@ -24017,6 +23976,12 @@ html.v-overlay-scroll-blocked {
24017
23976
  .v-progress-linear__indeterminate {
24018
23977
  background: currentColor;
24019
23978
  }
23979
+ @media (forced-colors: active) {
23980
+ .v-progress-linear__determinate,
23981
+ .v-progress-linear__indeterminate {
23982
+ background-color: highlight;
23983
+ }
23984
+ }
24020
23985
 
24021
23986
  .v-progress-linear__determinate {
24022
23987
  height: inherit;
@@ -24188,14 +24153,101 @@ html.v-overlay-scroll-blocked {
24188
24153
  0% {
24189
24154
  background-position-x: var(--v-progress-linear-height);
24190
24155
  }
24191
- }.v-selection-control-group {
24192
- grid-area: control;
24193
- display: flex;
24156
+ }.v-radio-group > .v-input__control {
24194
24157
  flex-direction: column;
24195
24158
  }
24196
- .v-selection-control-group--inline {
24197
- flex-direction: row;
24198
- flex-wrap: wrap;
24159
+ .v-radio-group > .v-input__control > .v-label {
24160
+ margin-inline-start: 16px;
24161
+ }
24162
+ .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
24163
+ padding-inline-start: 6px;
24164
+ margin-top: 8px;
24165
+ }
24166
+ .v-radio-group .v-input__details {
24167
+ padding-inline: 16px;
24168
+ }.v-slider .v-slider__container input {
24169
+ cursor: default;
24170
+ padding: 0;
24171
+ width: 100%;
24172
+ display: none;
24173
+ }
24174
+ .v-slider > .v-input__append,
24175
+ .v-slider > .v-input__prepend {
24176
+ padding: 0;
24177
+ }
24178
+
24179
+ .v-slider__container {
24180
+ position: relative;
24181
+ min-height: inherit;
24182
+ width: 100%;
24183
+ height: 100%;
24184
+ display: flex;
24185
+ justify-content: center;
24186
+ align-items: center;
24187
+ cursor: pointer;
24188
+ }
24189
+ .v-input--disabled .v-slider__container {
24190
+ opacity: var(--v-disabled-opacity);
24191
+ }
24192
+ .v-input--error:not(.v-input--disabled) .v-slider__container {
24193
+ color: rgb(var(--v-theme-error));
24194
+ }
24195
+
24196
+ .v-slider.v-input--horizontal {
24197
+ align-items: center;
24198
+ margin-inline: 8px 8px;
24199
+ }
24200
+ .v-slider.v-input--horizontal > .v-input__control {
24201
+ min-height: 32px;
24202
+ display: flex;
24203
+ align-items: center;
24204
+ }
24205
+
24206
+ .v-slider.v-input--vertical {
24207
+ justify-content: center;
24208
+ margin-top: 12px;
24209
+ margin-bottom: 12px;
24210
+ }
24211
+ .v-slider.v-input--vertical > .v-input__control {
24212
+ min-height: 300px;
24213
+ }
24214
+
24215
+ .v-slider.v-input--disabled {
24216
+ pointer-events: none;
24217
+ }
24218
+
24219
+ .v-slider--has-labels > .v-input__control {
24220
+ margin-bottom: 4px;
24221
+ }
24222
+
24223
+ .v-slider__label {
24224
+ margin-inline-end: 12px;
24225
+ }.v-responsive {
24226
+ display: flex;
24227
+ flex: 1 0 auto;
24228
+ max-height: 100%;
24229
+ max-width: 100%;
24230
+ overflow: hidden;
24231
+ position: relative;
24232
+ }
24233
+ .v-responsive--inline {
24234
+ display: inline-flex;
24235
+ flex: 0 0 auto;
24236
+ }
24237
+
24238
+ .v-responsive__content {
24239
+ flex: 1 0 0px;
24240
+ max-width: 100%;
24241
+ }
24242
+
24243
+ .v-responsive__sizer ~ .v-responsive__content {
24244
+ margin-inline-start: -100%;
24245
+ }
24246
+
24247
+ .v-responsive__sizer {
24248
+ flex: 1 0 0px;
24249
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24250
+ pointer-events: none;
24199
24251
  }.v-rating {
24200
24252
  max-width: 100%;
24201
24253
  display: inline-flex;
@@ -24298,72 +24350,6 @@ html.v-overlay-scroll-blocked {
24298
24350
  .v-select--active-menu .v-select__menu-icon {
24299
24351
  opacity: var(--v-high-emphasis-opacity);
24300
24352
  transform: rotate(180deg);
24301
- }.v-radio-group > .v-input__control {
24302
- flex-direction: column;
24303
- }
24304
- .v-radio-group > .v-input__control > .v-label {
24305
- margin-inline-start: 16px;
24306
- }
24307
- .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
24308
- padding-inline-start: 6px;
24309
- margin-top: 8px;
24310
- }
24311
- .v-radio-group .v-input__details {
24312
- padding-inline: 16px;
24313
- }.v-responsive {
24314
- display: flex;
24315
- flex: 1 0 auto;
24316
- max-height: 100%;
24317
- max-width: 100%;
24318
- overflow: hidden;
24319
- position: relative;
24320
- }
24321
- .v-responsive--inline {
24322
- display: inline-flex;
24323
- flex: 0 0 auto;
24324
- }
24325
-
24326
- .v-responsive__content {
24327
- flex: 1 0 0px;
24328
- max-width: 100%;
24329
- }
24330
-
24331
- .v-responsive__sizer ~ .v-responsive__content {
24332
- margin-inline-start: -100%;
24333
- }
24334
-
24335
- .v-responsive__sizer {
24336
- flex: 1 0 0px;
24337
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24338
- pointer-events: none;
24339
- }.v-sheet {
24340
- display: block;
24341
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
24342
- border-style: solid;
24343
- border-width: 0;
24344
- 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));
24345
- border-radius: 0;
24346
- background: rgb(var(--v-theme-surface));
24347
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24348
- }
24349
- .v-sheet--border {
24350
- border-width: thin;
24351
- box-shadow: none;
24352
- }
24353
- .v-sheet--absolute {
24354
- position: absolute;
24355
- }
24356
- .v-sheet--fixed {
24357
- position: fixed;
24358
- }
24359
- .v-sheet--relative {
24360
- position: relative;
24361
- }
24362
- .v-sheet--sticky {
24363
- position: sticky;
24364
- }
24365
- .v-sheet--rounded {
24366
- border-radius: 4px;
24367
24353
  }.v-selection-control {
24368
24354
  align-items: center;
24369
24355
  contain: layout;
@@ -24447,79 +24433,32 @@ html.v-overlay-scroll-blocked {
24447
24433
  width: 100%;
24448
24434
  height: 100%;
24449
24435
  border-radius: 100%;
24450
- background-color: currentColor;
24451
- opacity: 0;
24452
- pointer-events: none;
24453
- }
24454
- .v-selection-control__input:hover::before {
24455
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
24456
- }
24457
- .v-selection-control__input > .v-icon {
24458
- opacity: var(--v-medium-emphasis-opacity);
24459
- }
24460
- .v-selection-control--disabled .v-selection-control__input > .v-icon, .v-selection-control--dirty .v-selection-control__input > .v-icon, .v-selection-control--error .v-selection-control__input > .v-icon {
24461
- opacity: 1;
24462
- }
24463
- .v-selection-control--error:not(.v-selection-control--disabled) .v-selection-control__input > .v-icon {
24464
- color: rgb(var(--v-theme-error));
24465
- }
24466
- .v-selection-control--focus-visible .v-selection-control__input::before {
24467
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
24468
- }.v-slide-group {
24469
- display: flex;
24470
- overflow: hidden;
24471
- }
24472
-
24473
- .v-slide-group__next,
24474
- .v-slide-group__prev {
24475
- align-items: center;
24476
- display: flex;
24477
- flex: 0 1 52px;
24478
- justify-content: center;
24479
- min-width: 52px;
24480
- cursor: pointer;
24481
- }
24482
- .v-slide-group__next--disabled,
24483
- .v-slide-group__prev--disabled {
24436
+ background-color: currentColor;
24437
+ opacity: 0;
24484
24438
  pointer-events: none;
24485
- opacity: var(--v-disabled-opacity);
24486
- }
24487
-
24488
- .v-slide-group__content {
24489
- display: flex;
24490
- flex: 1 0 auto;
24491
- position: relative;
24492
- transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
24493
- white-space: nowrap;
24494
24439
  }
24495
- .v-slide-group__content > * {
24496
- white-space: initial;
24440
+ .v-selection-control__input:hover::before {
24441
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
24497
24442
  }
24498
-
24499
- .v-slide-group__container {
24500
- contain: content;
24501
- display: flex;
24502
- flex: 1 1 auto;
24503
- overflow-x: auto;
24504
- overflow-y: hidden;
24505
- scrollbar-width: none;
24506
- scrollbar-color: rgba(0, 0, 0, 0);
24443
+ .v-selection-control__input > .v-icon {
24444
+ opacity: var(--v-medium-emphasis-opacity);
24507
24445
  }
24508
- .v-slide-group__container::-webkit-scrollbar {
24509
- display: none;
24446
+ .v-selection-control--disabled .v-selection-control__input > .v-icon, .v-selection-control--dirty .v-selection-control__input > .v-icon, .v-selection-control--error .v-selection-control__input > .v-icon {
24447
+ opacity: 1;
24510
24448
  }
24511
-
24512
- .v-slide-group--vertical {
24513
- max-height: inherit;
24449
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-selection-control__input > .v-icon {
24450
+ color: rgb(var(--v-theme-error));
24514
24451
  }
24515
- .v-slide-group--vertical,
24516
- .v-slide-group--vertical .v-slide-group__container,
24517
- .v-slide-group--vertical .v-slide-group__content {
24452
+ .v-selection-control--focus-visible .v-selection-control__input::before {
24453
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
24454
+ }.v-selection-control-group {
24455
+ grid-area: control;
24456
+ display: flex;
24518
24457
  flex-direction: column;
24519
24458
  }
24520
- .v-slide-group--vertical .v-slide-group__container {
24521
- overflow-x: hidden;
24522
- overflow-y: auto;
24459
+ .v-selection-control-group--inline {
24460
+ flex-direction: row;
24461
+ flex-wrap: wrap;
24523
24462
  }.v-skeleton-loader {
24524
24463
  align-items: center;
24525
24464
  background: rgb(var(--v-theme-surface));
@@ -24743,6 +24682,89 @@ html.v-overlay-scroll-blocked {
24743
24682
  100% {
24744
24683
  transform: translateX(100%);
24745
24684
  }
24685
+ }.v-sheet {
24686
+ display: block;
24687
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
24688
+ border-style: solid;
24689
+ border-width: 0;
24690
+ 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));
24691
+ border-radius: 0;
24692
+ background: rgb(var(--v-theme-surface));
24693
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24694
+ }
24695
+ .v-sheet--border {
24696
+ border-width: thin;
24697
+ box-shadow: none;
24698
+ }
24699
+ .v-sheet--absolute {
24700
+ position: absolute;
24701
+ }
24702
+ .v-sheet--fixed {
24703
+ position: fixed;
24704
+ }
24705
+ .v-sheet--relative {
24706
+ position: relative;
24707
+ }
24708
+ .v-sheet--sticky {
24709
+ position: sticky;
24710
+ }
24711
+ .v-sheet--rounded {
24712
+ border-radius: 4px;
24713
+ }.v-slide-group {
24714
+ display: flex;
24715
+ overflow: hidden;
24716
+ }
24717
+
24718
+ .v-slide-group__next,
24719
+ .v-slide-group__prev {
24720
+ align-items: center;
24721
+ display: flex;
24722
+ flex: 0 1 52px;
24723
+ justify-content: center;
24724
+ min-width: 52px;
24725
+ cursor: pointer;
24726
+ }
24727
+ .v-slide-group__next--disabled,
24728
+ .v-slide-group__prev--disabled {
24729
+ pointer-events: none;
24730
+ opacity: var(--v-disabled-opacity);
24731
+ }
24732
+
24733
+ .v-slide-group__content {
24734
+ display: flex;
24735
+ flex: 1 0 auto;
24736
+ position: relative;
24737
+ transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
24738
+ white-space: nowrap;
24739
+ }
24740
+ .v-slide-group__content > * {
24741
+ white-space: initial;
24742
+ }
24743
+
24744
+ .v-slide-group__container {
24745
+ contain: content;
24746
+ display: flex;
24747
+ flex: 1 1 auto;
24748
+ overflow-x: auto;
24749
+ overflow-y: hidden;
24750
+ scrollbar-width: none;
24751
+ scrollbar-color: rgba(0, 0, 0, 0);
24752
+ }
24753
+ .v-slide-group__container::-webkit-scrollbar {
24754
+ display: none;
24755
+ }
24756
+
24757
+ .v-slide-group--vertical {
24758
+ max-height: inherit;
24759
+ }
24760
+ .v-slide-group--vertical,
24761
+ .v-slide-group--vertical .v-slide-group__container,
24762
+ .v-slide-group--vertical .v-slide-group__content {
24763
+ flex-direction: column;
24764
+ }
24765
+ .v-slide-group--vertical .v-slide-group__container {
24766
+ overflow-x: hidden;
24767
+ overflow-y: auto;
24746
24768
  }.v-snackbar {
24747
24769
  justify-content: center;
24748
24770
  z-index: 10000;
@@ -25642,8 +25664,140 @@ html.v-overlay-scroll-blocked {
25642
25664
  .v-textarea textarea:focus, .v-textarea textarea:active {
25643
25665
  outline: none;
25644
25666
  }
25645
- .v-textarea textarea:invalid {
25646
- box-shadow: none;
25667
+ .v-textarea textarea:invalid {
25668
+ box-shadow: none;
25669
+ }.v-toolbar {
25670
+ align-items: flex-start;
25671
+ display: flex;
25672
+ flex: none;
25673
+ flex-direction: column;
25674
+ justify-content: space-between;
25675
+ max-width: 100%;
25676
+ position: relative;
25677
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
25678
+ transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
25679
+ width: 100%;
25680
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
25681
+ border-style: solid;
25682
+ border-width: 0;
25683
+ 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));
25684
+ border-radius: 0;
25685
+ background: rgb(var(--v-theme-surface-light));
25686
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
25687
+ }
25688
+ .v-toolbar--border {
25689
+ border-width: thin;
25690
+ box-shadow: none;
25691
+ }
25692
+ .v-toolbar--absolute {
25693
+ position: absolute;
25694
+ }
25695
+ .v-toolbar--collapse {
25696
+ max-width: 112px;
25697
+ overflow: hidden;
25698
+ border-end-end-radius: 24px;
25699
+ }
25700
+ .v-toolbar--collapse .v-toolbar-title {
25701
+ display: none;
25702
+ }
25703
+ .v-toolbar--flat {
25704
+ 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));
25705
+ }
25706
+ .v-toolbar--floating {
25707
+ display: inline-flex;
25708
+ }
25709
+ .v-toolbar--rounded {
25710
+ border-radius: 4px;
25711
+ }
25712
+
25713
+ .v-toolbar__content,
25714
+ .v-toolbar__extension {
25715
+ align-items: center;
25716
+ display: flex;
25717
+ flex: 0 0 auto;
25718
+ position: relative;
25719
+ transition: inherit;
25720
+ width: 100%;
25721
+ }
25722
+
25723
+ .v-toolbar__content {
25724
+ overflow: hidden;
25725
+ }
25726
+ .v-toolbar__content > .v-btn:first-child {
25727
+ margin-inline-start: 4px;
25728
+ }
25729
+ .v-toolbar__content > .v-btn:last-child {
25730
+ margin-inline-end: 4px;
25731
+ }
25732
+ .v-toolbar__content > .v-toolbar-title {
25733
+ margin-inline-start: 20px;
25734
+ }
25735
+ .v-toolbar--density-prominent .v-toolbar__content {
25736
+ align-items: flex-start;
25737
+ }
25738
+
25739
+ .v-toolbar__image {
25740
+ position: absolute;
25741
+ top: 0;
25742
+ left: 0;
25743
+ width: 100%;
25744
+ height: 100%;
25745
+ display: flex;
25746
+ opacity: var(--v-toolbar-image-opacity, 1);
25747
+ transition-property: opacity;
25748
+ }
25749
+
25750
+ .v-toolbar__prepend,
25751
+ .v-toolbar__append {
25752
+ align-items: center;
25753
+ align-self: stretch;
25754
+ display: flex;
25755
+ }
25756
+
25757
+ .v-toolbar__prepend {
25758
+ margin-inline: 4px auto;
25759
+ }
25760
+
25761
+ .v-toolbar__append {
25762
+ margin-inline: auto 4px;
25763
+ }
25764
+
25765
+ .v-toolbar-title {
25766
+ flex: 1 1;
25767
+ font-size: 1.25rem;
25768
+ min-width: 0;
25769
+ font-size: 1.25rem;
25770
+ font-weight: 400;
25771
+ letter-spacing: 0;
25772
+ line-height: 1.75rem;
25773
+ text-transform: none;
25774
+ }
25775
+ .v-toolbar--density-prominent .v-toolbar-title {
25776
+ align-self: flex-end;
25777
+ padding-bottom: 6px;
25778
+ font-size: 1.5rem;
25779
+ font-weight: 400;
25780
+ letter-spacing: 0;
25781
+ line-height: 2.25rem;
25782
+ text-transform: none;
25783
+ }
25784
+
25785
+ .v-toolbar-title__placeholder {
25786
+ overflow: hidden;
25787
+ text-overflow: ellipsis;
25788
+ white-space: nowrap;
25789
+ }
25790
+
25791
+ .v-toolbar-items {
25792
+ display: flex;
25793
+ height: inherit;
25794
+ align-self: stretch;
25795
+ }
25796
+ .v-toolbar-items > .v-btn {
25797
+ border-radius: 0;
25798
+ }.v-theme-provider {
25799
+ background: rgb(var(--v-theme-background));
25800
+ color: rgb(var(--v-theme-on-background));
25647
25801
  }.v-timeline .v-timeline-divider__dot {
25648
25802
  background: rgb(var(--v-theme-surface-light));
25649
25803
  }
@@ -26060,138 +26214,6 @@ html.v-overlay-scroll-blocked {
26060
26214
 
26061
26215
  .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
26062
26216
  padding-inline-end: 0;
26063
- }.v-theme-provider {
26064
- background: rgb(var(--v-theme-background));
26065
- color: rgb(var(--v-theme-on-background));
26066
- }.v-toolbar {
26067
- align-items: flex-start;
26068
- display: flex;
26069
- flex: none;
26070
- flex-direction: column;
26071
- justify-content: space-between;
26072
- max-width: 100%;
26073
- position: relative;
26074
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
26075
- transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
26076
- width: 100%;
26077
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
26078
- border-style: solid;
26079
- border-width: 0;
26080
- 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));
26081
- border-radius: 0;
26082
- background: rgb(var(--v-theme-surface-light));
26083
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
26084
- }
26085
- .v-toolbar--border {
26086
- border-width: thin;
26087
- box-shadow: none;
26088
- }
26089
- .v-toolbar--absolute {
26090
- position: absolute;
26091
- }
26092
- .v-toolbar--collapse {
26093
- max-width: 112px;
26094
- overflow: hidden;
26095
- border-end-end-radius: 24px;
26096
- }
26097
- .v-toolbar--collapse .v-toolbar-title {
26098
- display: none;
26099
- }
26100
- .v-toolbar--flat {
26101
- 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));
26102
- }
26103
- .v-toolbar--floating {
26104
- display: inline-flex;
26105
- }
26106
- .v-toolbar--rounded {
26107
- border-radius: 4px;
26108
- }
26109
-
26110
- .v-toolbar__content,
26111
- .v-toolbar__extension {
26112
- align-items: center;
26113
- display: flex;
26114
- flex: 0 0 auto;
26115
- position: relative;
26116
- transition: inherit;
26117
- width: 100%;
26118
- }
26119
-
26120
- .v-toolbar__content {
26121
- overflow: hidden;
26122
- }
26123
- .v-toolbar__content > .v-btn:first-child {
26124
- margin-inline-start: 4px;
26125
- }
26126
- .v-toolbar__content > .v-btn:last-child {
26127
- margin-inline-end: 4px;
26128
- }
26129
- .v-toolbar__content > .v-toolbar-title {
26130
- margin-inline-start: 20px;
26131
- }
26132
- .v-toolbar--density-prominent .v-toolbar__content {
26133
- align-items: flex-start;
26134
- }
26135
-
26136
- .v-toolbar__image {
26137
- position: absolute;
26138
- top: 0;
26139
- left: 0;
26140
- width: 100%;
26141
- height: 100%;
26142
- display: flex;
26143
- opacity: var(--v-toolbar-image-opacity, 1);
26144
- transition-property: opacity;
26145
- }
26146
-
26147
- .v-toolbar__prepend,
26148
- .v-toolbar__append {
26149
- align-items: center;
26150
- align-self: stretch;
26151
- display: flex;
26152
- }
26153
-
26154
- .v-toolbar__prepend {
26155
- margin-inline: 4px auto;
26156
- }
26157
-
26158
- .v-toolbar__append {
26159
- margin-inline: auto 4px;
26160
- }
26161
-
26162
- .v-toolbar-title {
26163
- flex: 1 1;
26164
- font-size: 1.25rem;
26165
- min-width: 0;
26166
- font-size: 1.25rem;
26167
- font-weight: 400;
26168
- letter-spacing: 0;
26169
- line-height: 1.75rem;
26170
- text-transform: none;
26171
- }
26172
- .v-toolbar--density-prominent .v-toolbar-title {
26173
- align-self: flex-end;
26174
- padding-bottom: 6px;
26175
- font-size: 1.5rem;
26176
- font-weight: 400;
26177
- letter-spacing: 0;
26178
- line-height: 2.25rem;
26179
- text-transform: none;
26180
- }
26181
-
26182
- .v-toolbar-title__placeholder {
26183
- overflow: hidden;
26184
- text-overflow: ellipsis;
26185
- white-space: nowrap;
26186
- }
26187
-
26188
- .v-toolbar-items {
26189
- display: flex;
26190
- height: inherit;
26191
- align-self: stretch;
26192
- }
26193
- .v-toolbar-items > .v-btn {
26194
- border-radius: 0;
26195
26217
  }.v-tooltip > .v-overlay__content {
26196
26218
  background: rgb(var(--v-theme-surface-variant));
26197
26219
  color: rgb(var(--v-theme-on-surface-variant));
@@ -26293,34 +26315,6 @@ html.v-overlay-scroll-blocked {
26293
26315
  }
26294
26316
  .v-virtual-scroll__container {
26295
26317
  display: block;
26296
- }.v-color-picker-edit {
26297
- display: flex;
26298
- margin-top: 24px;
26299
- }
26300
-
26301
- .v-color-picker-edit__input {
26302
- width: 100%;
26303
- display: flex;
26304
- flex-wrap: wrap;
26305
- justify-content: center;
26306
- text-align: center;
26307
- }
26308
- .v-color-picker-edit__input:not(:last-child) {
26309
- margin-inline-end: 8px;
26310
- }
26311
- .v-color-picker-edit__input input {
26312
- border-radius: 4px;
26313
- margin-bottom: 8px;
26314
- min-width: 0;
26315
- outline: none;
26316
- text-align: center;
26317
- width: 100%;
26318
- height: 32px;
26319
- background: rgba(var(--v-theme-surface-variant), 0.2);
26320
- color: rgba(var(--v-theme-on-surface));
26321
- }
26322
- .v-color-picker-edit__input span {
26323
- font-size: 0.75rem;
26324
26318
  }.v-color-picker-canvas {
26325
26319
  display: flex;
26326
26320
  position: relative;
@@ -26343,41 +26337,34 @@ html.v-overlay-scroll-blocked {
26343
26337
  }
26344
26338
  .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
26345
26339
  will-change: transform;
26346
- }.v-color-picker-swatches {
26347
- overflow-y: auto;
26348
- }
26349
- .v-color-picker-swatches > div {
26340
+ }.v-color-picker-edit {
26350
26341
  display: flex;
26351
- flex-wrap: wrap;
26352
- justify-content: center;
26353
- padding: 8px;
26342
+ margin-top: 24px;
26354
26343
  }
26355
26344
 
26356
- .v-color-picker-swatches__swatch {
26345
+ .v-color-picker-edit__input {
26346
+ width: 100%;
26357
26347
  display: flex;
26358
- flex-direction: column;
26359
- margin-bottom: 10px;
26348
+ flex-wrap: wrap;
26349
+ justify-content: center;
26350
+ text-align: center;
26360
26351
  }
26361
-
26362
- .v-color-picker-swatches__color {
26363
- position: relative;
26364
- height: 18px;
26365
- max-height: 18px;
26366
- width: 45px;
26367
- margin: 2px 4px;
26368
- border-radius: 2px;
26369
- -webkit-user-select: none;
26370
- user-select: none;
26371
- overflow: hidden;
26372
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
26373
- cursor: pointer;
26352
+ .v-color-picker-edit__input:not(:last-child) {
26353
+ margin-inline-end: 8px;
26374
26354
  }
26375
- .v-color-picker-swatches__color > div {
26376
- display: flex;
26377
- align-items: center;
26378
- justify-content: center;
26355
+ .v-color-picker-edit__input input {
26356
+ border-radius: 4px;
26357
+ margin-bottom: 8px;
26358
+ min-width: 0;
26359
+ outline: none;
26360
+ text-align: center;
26379
26361
  width: 100%;
26380
- height: 100%;
26362
+ height: 32px;
26363
+ background: rgba(var(--v-theme-surface-variant), 0.2);
26364
+ color: rgba(var(--v-theme-on-surface));
26365
+ }
26366
+ .v-color-picker-edit__input span {
26367
+ font-size: 0.75rem;
26381
26368
  }.v-color-picker-preview__alpha .v-slider-track__background {
26382
26369
  background-color: transparent !important;
26383
26370
  }
@@ -26448,6 +26435,41 @@ html.v-overlay-scroll-blocked {
26448
26435
  .v-color-picker-preview__eye-dropper {
26449
26436
  position: relative;
26450
26437
  margin-right: 12px;
26438
+ }.v-color-picker-swatches {
26439
+ overflow-y: auto;
26440
+ }
26441
+ .v-color-picker-swatches > div {
26442
+ display: flex;
26443
+ flex-wrap: wrap;
26444
+ justify-content: center;
26445
+ padding: 8px;
26446
+ }
26447
+
26448
+ .v-color-picker-swatches__swatch {
26449
+ display: flex;
26450
+ flex-direction: column;
26451
+ margin-bottom: 10px;
26452
+ }
26453
+
26454
+ .v-color-picker-swatches__color {
26455
+ position: relative;
26456
+ height: 18px;
26457
+ max-height: 18px;
26458
+ width: 45px;
26459
+ margin: 2px 4px;
26460
+ border-radius: 2px;
26461
+ -webkit-user-select: none;
26462
+ user-select: none;
26463
+ overflow: hidden;
26464
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
26465
+ cursor: pointer;
26466
+ }
26467
+ .v-color-picker-swatches__color > div {
26468
+ display: flex;
26469
+ align-items: center;
26470
+ justify-content: center;
26471
+ width: 100%;
26472
+ height: 100%;
26451
26473
  }.v-slider-thumb {
26452
26474
  touch-action: none;
26453
26475
  color: rgb(var(--v-theme-surface-variant));