@vuetify/nightly 3.6.3-master.2024-05-06 → 3.6.4-master.2024-05-08

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/CHANGELOG.md +2 -11
  2. package/dist/json/attributes.json +178 -38
  3. package/dist/json/importMap-labs.json +16 -16
  4. package/dist/json/importMap.json +96 -96
  5. package/dist/json/tags.json +36 -1
  6. package/dist/json/web-types.json +495 -85
  7. package/dist/vuetify-labs.css +5373 -5349
  8. package/dist/vuetify-labs.d.ts +1626 -1283
  9. package/dist/vuetify-labs.esm.js +150 -147
  10. package/dist/vuetify-labs.esm.js.map +1 -1
  11. package/dist/vuetify-labs.js +149 -146
  12. package/dist/vuetify-labs.min.css +2 -2
  13. package/dist/vuetify.css +2102 -2082
  14. package/dist/vuetify.d.ts +1195 -1208
  15. package/dist/vuetify.esm.js +97 -72
  16. package/dist/vuetify.esm.js.map +1 -1
  17. package/dist/vuetify.js +96 -71
  18. package/dist/vuetify.js.map +1 -1
  19. package/dist/vuetify.min.css +2 -2
  20. package/dist/vuetify.min.js +981 -977
  21. package/dist/vuetify.min.js.map +1 -1
  22. package/lib/components/VAutocomplete/VAutocomplete.mjs +1 -1
  23. package/lib/components/VAutocomplete/VAutocomplete.mjs.map +1 -1
  24. package/lib/components/VAutocomplete/index.d.mts +187 -158
  25. package/lib/components/VBottomSheet/index.d.mts +42 -42
  26. package/lib/components/VCarousel/index.d.mts +6 -6
  27. package/lib/components/VColorPicker/VColorPickerCanvas.mjs +1 -1
  28. package/lib/components/VColorPicker/VColorPickerCanvas.mjs.map +1 -1
  29. package/lib/components/VCombobox/index.d.mts +187 -158
  30. package/lib/components/VDataIterator/index.d.mts +1 -1
  31. package/lib/components/VDataTable/VDataTable.css +1 -1
  32. package/lib/components/VDataTable/VDataTable.sass +2 -1
  33. package/lib/components/VDataTable/VDataTableHeaders.mjs +1 -1
  34. package/lib/components/VDataTable/VDataTableHeaders.mjs.map +1 -1
  35. package/lib/components/VDataTable/VDataTableVirtual.mjs.map +1 -1
  36. package/lib/components/VDataTable/composables/select.mjs +2 -1
  37. package/lib/components/VDataTable/composables/select.mjs.map +1 -1
  38. package/lib/components/VDataTable/index.d.mts +10 -5
  39. package/lib/components/VDatePicker/VDatePickerYears.mjs +4 -4
  40. package/lib/components/VDatePicker/VDatePickerYears.mjs.map +1 -1
  41. package/lib/components/VDialog/index.d.mts +126 -126
  42. package/lib/components/VFileInput/VFileInput.mjs +1 -1
  43. package/lib/components/VFileInput/VFileInput.mjs.map +1 -1
  44. package/lib/components/VFileInput/index.d.mts +9 -9
  45. package/lib/components/VImg/index.d.mts +6 -6
  46. package/lib/components/VInfiniteScroll/VInfiniteScroll.mjs +1 -1
  47. package/lib/components/VInfiniteScroll/VInfiniteScroll.mjs.map +1 -1
  48. package/lib/components/VList/VList.mjs.map +1 -1
  49. package/lib/components/VList/VListItem.mjs +3 -2
  50. package/lib/components/VList/VListItem.mjs.map +1 -1
  51. package/lib/components/VList/index.d.mts +76 -52
  52. package/lib/components/VMenu/index.d.mts +126 -126
  53. package/lib/components/VOverlay/VOverlay.mjs +2 -5
  54. package/lib/components/VOverlay/VOverlay.mjs.map +1 -1
  55. package/lib/components/VOverlay/index.d.mts +42 -42
  56. package/lib/components/VOverlay/useActivator.mjs +5 -5
  57. package/lib/components/VOverlay/useActivator.mjs.map +1 -1
  58. package/lib/components/VResponsive/VResponsive.mjs +1 -1
  59. package/lib/components/VResponsive/VResponsive.mjs.map +1 -1
  60. package/lib/components/VResponsive/index.d.mts +6 -6
  61. package/lib/components/VSelect/index.d.mts +187 -158
  62. package/lib/components/VSheet/VSheet.css +1 -1
  63. package/lib/components/VSheet/_variables.scss +1 -1
  64. package/lib/components/VSlideGroup/VSlideGroup.mjs +25 -25
  65. package/lib/components/VSlideGroup/VSlideGroup.mjs.map +1 -1
  66. package/lib/components/VSlider/VSliderThumb.css +5 -0
  67. package/lib/components/VSlider/VSliderThumb.sass +3 -0
  68. package/lib/components/VSlider/VSliderTrack.css +15 -0
  69. package/lib/components/VSlider/VSliderTrack.sass +9 -0
  70. package/lib/components/VSnackbar/VSnackbar.mjs.map +1 -1
  71. package/lib/components/VSnackbar/index.d.mts +126 -126
  72. package/lib/components/VSpeedDial/index.d.mts +42 -42
  73. package/lib/components/VStepper/VStepperWindow.mjs +2 -1
  74. package/lib/components/VStepper/VStepperWindow.mjs.map +1 -1
  75. package/lib/components/VStepper/VStepperWindowItem.mjs +2 -1
  76. package/lib/components/VStepper/VStepperWindowItem.mjs.map +1 -1
  77. package/lib/components/VTabs/VTabsWindow.mjs +2 -1
  78. package/lib/components/VTabs/VTabsWindow.mjs.map +1 -1
  79. package/lib/components/VTooltip/index.d.mts +126 -126
  80. package/lib/components/VVirtualScroll/VVirtualScrollItem.mjs.map +1 -1
  81. package/lib/components/index.d.mts +1162 -1175
  82. package/lib/composables/component.mjs +1 -1
  83. package/lib/composables/component.mjs.map +1 -1
  84. package/lib/composables/nested/activeStrategies.mjs +16 -10
  85. package/lib/composables/nested/activeStrategies.mjs.map +1 -1
  86. package/lib/composables/nested/nested.mjs +7 -5
  87. package/lib/composables/nested/nested.mjs.map +1 -1
  88. package/lib/composables/resizeObserver.mjs +5 -5
  89. package/lib/composables/resizeObserver.mjs.map +1 -1
  90. package/lib/entry-bundler.mjs +1 -1
  91. package/lib/framework.mjs +1 -1
  92. package/lib/index.d.mts +33 -33
  93. package/lib/labs/VCalendar/VCalendar.css +5 -1
  94. package/lib/labs/VCalendar/VCalendar.sass +3 -2
  95. package/lib/labs/VCalendar/_variables.scss +8 -0
  96. package/lib/labs/VNumberInput/VNumberInput.mjs +57 -81
  97. package/lib/labs/VNumberInput/VNumberInput.mjs.map +1 -1
  98. package/lib/labs/VNumberInput/index.d.mts +402 -34
  99. package/lib/labs/VSnackbarQueue/index.d.mts +138 -138
  100. package/lib/labs/VTreeview/VTreeview.mjs.map +1 -1
  101. package/lib/labs/VTreeview/index.d.mts +88 -64
  102. package/lib/labs/components.d.mts +620 -235
  103. package/lib/util/helpers.mjs +16 -0
  104. package/lib/util/helpers.mjs.map +1 -1
  105. package/package.json +2 -2
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.6.3-master.2024-05-06
2
+ * Vuetify v3.6.4-master.2024-05-08
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17640,6 +17640,34 @@ html.overflow-y-hidden {
17640
17640
  .v-ripple__animation--out {
17641
17641
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
17642
17642
  opacity: 0;
17643
+ }.v-application {
17644
+ display: flex;
17645
+ background: rgb(var(--v-theme-background));
17646
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
17647
+ }
17648
+
17649
+ .v-application__wrap {
17650
+ -webkit-backface-visibility: hidden;
17651
+ backface-visibility: hidden;
17652
+ display: flex;
17653
+ flex-direction: column;
17654
+ flex: 1 1 auto;
17655
+ max-width: 100%;
17656
+ min-height: 100vh;
17657
+ min-height: 100dvh;
17658
+ position: relative;
17659
+ }.v-app-bar {
17660
+ display: flex;
17661
+ }
17662
+ .v-app-bar.v-toolbar {
17663
+ background: rgb(var(--v-theme-surface));
17664
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17665
+ }
17666
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17667
+ 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));
17668
+ }
17669
+ .v-app-bar:not(.v-toolbar--absolute) {
17670
+ padding-inline-end: var(--v-scrollbar-offset);
17643
17671
  }.v-alert {
17644
17672
  display: grid;
17645
17673
  flex: 1 1;
@@ -17852,285 +17880,152 @@ html.overflow-y-hidden {
17852
17880
  text-transform: none;
17853
17881
  word-break: normal;
17854
17882
  word-wrap: break-word;
17855
- }.v-application {
17856
- display: flex;
17857
- background: rgb(var(--v-theme-background));
17858
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
17883
+ }.v-badge {
17884
+ display: inline-block;
17885
+ line-height: 1;
17859
17886
  }
17860
17887
 
17861
- .v-application__wrap {
17862
- -webkit-backface-visibility: hidden;
17863
- backface-visibility: hidden;
17864
- display: flex;
17865
- flex-direction: column;
17866
- flex: 1 1 auto;
17867
- max-width: 100%;
17868
- min-height: 100vh;
17869
- min-height: 100dvh;
17870
- position: relative;
17871
- }.v-app-bar {
17872
- display: flex;
17873
- }
17874
- .v-app-bar.v-toolbar {
17875
- background: rgb(var(--v-theme-surface));
17876
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17877
- }
17878
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17879
- 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));
17888
+ .v-badge__badge {
17889
+ align-items: center;
17890
+ display: inline-flex;
17891
+ border-radius: 10px;
17892
+ font-size: 0.75rem;
17893
+ font-weight: 500;
17894
+ height: 1.25rem;
17895
+ justify-content: center;
17896
+ min-width: 20px;
17897
+ padding: 4px 6px;
17898
+ pointer-events: auto;
17899
+ position: absolute;
17900
+ text-align: center;
17901
+ text-indent: 0;
17902
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
17903
+ white-space: nowrap;
17904
+ background: rgb(var(--v-theme-surface-variant));
17905
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
17880
17906
  }
17881
- .v-app-bar:not(.v-toolbar--absolute) {
17882
- padding-inline-end: var(--v-scrollbar-offset);
17883
- }.v-autocomplete .v-field .v-text-field__prefix,
17884
- .v-autocomplete .v-field .v-text-field__suffix,
17885
- .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17886
- cursor: text;
17907
+ .v-badge--bordered .v-badge__badge::after {
17908
+ border-radius: inherit;
17909
+ border-style: solid;
17910
+ border-width: 2px;
17911
+ bottom: 0;
17912
+ color: rgb(var(--v-theme-background));
17913
+ content: "";
17914
+ left: 0;
17915
+ position: absolute;
17916
+ right: 0;
17917
+ top: 0;
17918
+ transform: scale(1.05);
17887
17919
  }
17888
- .v-autocomplete .v-field .v-field__input > input {
17889
- flex: 1 1;
17920
+ .v-badge--dot .v-badge__badge {
17921
+ border-radius: 4.5px;
17922
+ height: 9px;
17923
+ min-width: 0;
17924
+ padding: 0;
17925
+ width: 9px;
17890
17926
  }
17891
- .v-autocomplete .v-field input {
17892
- min-width: 64px;
17927
+ .v-badge--dot .v-badge__badge::after {
17928
+ border-width: 1.5px;
17893
17929
  }
17894
- .v-autocomplete .v-field:not(.v-field--focused) input {
17895
- min-width: 0;
17930
+ .v-badge--inline .v-badge__badge {
17931
+ position: relative;
17932
+ vertical-align: middle;
17896
17933
  }
17897
- .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17898
- margin-inline-end: 2px;
17934
+ .v-badge__badge .v-icon {
17935
+ color: inherit;
17936
+ font-size: 0.75rem;
17937
+ margin: 0 -2px;
17899
17938
  }
17900
- .v-autocomplete .v-autocomplete__selection-text {
17901
- overflow: hidden;
17902
- text-overflow: ellipsis;
17903
- white-space: nowrap;
17939
+ .v-badge__badge img,
17940
+ .v-badge__badge .v-img {
17941
+ height: 100%;
17942
+ width: 100%;
17904
17943
  }
17905
17944
 
17906
- .v-autocomplete__content {
17907
- overflow: hidden;
17908
- 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));
17909
- border-radius: 4px;
17910
- }
17911
- .v-autocomplete__mask {
17912
- background: rgb(var(--v-theme-surface-light));
17945
+ .v-badge__wrapper {
17946
+ display: flex;
17947
+ position: relative;
17913
17948
  }
17914
- .v-autocomplete__selection {
17915
- display: inline-flex;
17949
+ .v-badge--inline .v-badge__wrapper {
17916
17950
  align-items: center;
17917
- height: 1.5rem;
17918
- letter-spacing: inherit;
17919
- line-height: inherit;
17920
- max-width: calc(100% - 2px - 2px);
17951
+ display: inline-flex;
17952
+ justify-content: center;
17953
+ margin: 0 4px;
17954
+ }.v-banner {
17955
+ display: grid;
17956
+ flex: 1 1;
17957
+ font-size: 0.875rem;
17958
+ grid-template-areas: "prepend content actions";
17959
+ grid-template-columns: max-content auto max-content;
17960
+ grid-template-rows: max-content max-content;
17961
+ line-height: 1.6;
17962
+ overflow: hidden;
17963
+ padding-inline: 16px 8px;
17964
+ padding-top: 16px;
17965
+ padding-bottom: 16px;
17966
+ position: relative;
17967
+ width: 100%;
17968
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17969
+ border-style: solid;
17970
+ border-width: 0 0 thin 0;
17971
+ 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));
17972
+ border-radius: 0;
17973
+ background: rgb(var(--v-theme-surface));
17974
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17921
17975
  }
17922
- .v-autocomplete__selection:first-child {
17923
- margin-inline-start: 0;
17976
+ .v-banner--border {
17977
+ border-width: thin;
17978
+ box-shadow: none;
17924
17979
  }
17925
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17926
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17927
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17928
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17929
- top: 0px;
17980
+ .v-banner--absolute {
17981
+ position: absolute;
17930
17982
  }
17931
- .v-autocomplete--selecting-index .v-autocomplete__selection {
17932
- opacity: var(--v-medium-emphasis-opacity);
17983
+ .v-banner--fixed {
17984
+ position: fixed;
17933
17985
  }
17934
- .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17935
- opacity: 1;
17986
+ .v-banner--sticky {
17987
+ position: sticky;
17936
17988
  }
17937
- .v-autocomplete--selecting-index .v-field__input > input {
17938
- caret-color: transparent;
17989
+ .v-banner--rounded {
17990
+ border-radius: 4px;
17939
17991
  }
17940
- .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
17941
- flex: 1 1;
17942
- position: absolute;
17943
- left: 0;
17944
- right: 0;
17945
- width: 100%;
17946
- padding-inline: inherit;
17992
+ .v-banner--stacked:not(.v-banner--one-line) {
17993
+ grid-template-areas: "prepend content" ". actions";
17947
17994
  }
17948
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
17949
- transition: none;
17995
+ .v-banner--stacked .v-banner-text {
17996
+ padding-inline-end: 36px;
17950
17997
  }
17951
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
17952
- opacity: 0;
17998
+ .v-banner--density-default .v-banner-actions {
17999
+ margin-bottom: -8px;
17953
18000
  }
17954
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
17955
- opacity: 0;
18001
+ .v-banner--density-default.v-banner--one-line {
18002
+ padding-top: 8px;
18003
+ padding-bottom: 8px;
17956
18004
  }
17957
- .v-autocomplete__menu-icon {
17958
- margin-inline-start: 4px;
17959
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18005
+ .v-banner--density-default.v-banner--one-line .v-banner-actions {
18006
+ margin-bottom: 0;
17960
18007
  }
17961
- .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17962
- opacity: var(--v-high-emphasis-opacity);
17963
- transform: rotate(180deg);
17964
- }.v-avatar {
17965
- flex: none;
17966
- align-items: center;
17967
- display: inline-flex;
17968
- justify-content: center;
17969
- line-height: normal;
17970
- overflow: hidden;
17971
- position: relative;
17972
- text-align: center;
17973
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17974
- transition-property: width, height;
17975
- vertical-align: middle;
17976
- border-radius: 50%;
18008
+ .v-banner--density-default.v-banner--one-line {
18009
+ padding-top: 10px;
17977
18010
  }
17978
- .v-avatar.v-avatar--size-x-small {
17979
- --v-avatar-height: 24px;
18011
+ .v-banner--density-default.v-banner--two-line {
18012
+ padding-top: 16px;
18013
+ padding-bottom: 16px;
17980
18014
  }
17981
- .v-avatar.v-avatar--size-small {
17982
- --v-avatar-height: 32px;
18015
+ .v-banner--density-default.v-banner--three-line {
18016
+ padding-top: 24px;
18017
+ padding-bottom: 16px;
17983
18018
  }
17984
- .v-avatar.v-avatar--size-default {
17985
- --v-avatar-height: 40px;
18019
+ .v-banner--density-default:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-default.v-banner--two-line .v-banner-actions, .v-banner--density-default.v-banner--three-line .v-banner-actions {
18020
+ margin-top: 20px;
17986
18021
  }
17987
- .v-avatar.v-avatar--size-large {
17988
- --v-avatar-height: 48px;
18022
+
18023
+ .v-banner--density-comfortable .v-banner-actions {
18024
+ margin-bottom: -4px;
17989
18025
  }
17990
- .v-avatar.v-avatar--size-x-large {
17991
- --v-avatar-height: 56px;
17992
- }
17993
- .v-avatar.v-avatar--density-default {
17994
- height: calc(var(--v-avatar-height) + 0px);
17995
- width: calc(var(--v-avatar-height) + 0px);
17996
- }
17997
- .v-avatar.v-avatar--density-comfortable {
17998
- height: calc(var(--v-avatar-height) + -4px);
17999
- width: calc(var(--v-avatar-height) + -4px);
18000
- }
18001
- .v-avatar.v-avatar--density-compact {
18002
- height: calc(var(--v-avatar-height) + -8px);
18003
- width: calc(var(--v-avatar-height) + -8px);
18004
- }
18005
- .v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
18006
- background: transparent;
18007
- color: inherit;
18008
- }
18009
- .v-avatar--variant-plain {
18010
- opacity: 0.62;
18011
- }
18012
- .v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
18013
- opacity: 1;
18014
- }
18015
- .v-avatar--variant-plain .v-avatar__overlay {
18016
- display: none;
18017
- }
18018
- .v-avatar--variant-elevated, .v-avatar--variant-flat {
18019
- background: var(--v-theme-surface);
18020
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
18021
- }
18022
- .v-avatar--variant-elevated {
18023
- 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));
18024
- }
18025
- .v-avatar--variant-flat {
18026
- 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));
18027
- }
18028
- .v-avatar--variant-outlined {
18029
- border: thin solid currentColor;
18030
- }
18031
- .v-avatar--variant-text .v-avatar__overlay {
18032
- background: currentColor;
18033
- }
18034
- .v-avatar--variant-tonal .v-avatar__underlay {
18035
- background: currentColor;
18036
- opacity: var(--v-activated-opacity);
18037
- border-radius: inherit;
18038
- top: 0;
18039
- right: 0;
18040
- bottom: 0;
18041
- left: 0;
18042
- pointer-events: none;
18043
- }
18044
- .v-avatar .v-avatar__underlay {
18045
- position: absolute;
18046
- }
18047
- .v-avatar--rounded {
18048
- border-radius: 4px;
18049
- }
18050
- .v-avatar--start {
18051
- margin-inline-end: 8px;
18052
- }
18053
- .v-avatar--end {
18054
- margin-inline-start: 8px;
18055
- }
18056
- .v-avatar .v-img {
18057
- height: 100%;
18058
- width: 100%;
18059
- }.v-banner {
18060
- display: grid;
18061
- flex: 1 1;
18062
- font-size: 0.875rem;
18063
- grid-template-areas: "prepend content actions";
18064
- grid-template-columns: max-content auto max-content;
18065
- grid-template-rows: max-content max-content;
18066
- line-height: 1.6;
18067
- overflow: hidden;
18068
- padding-inline: 16px 8px;
18069
- padding-top: 16px;
18070
- padding-bottom: 16px;
18071
- position: relative;
18072
- width: 100%;
18073
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18074
- border-style: solid;
18075
- border-width: 0 0 thin 0;
18076
- 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));
18077
- border-radius: 0;
18078
- background: rgb(var(--v-theme-surface));
18079
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18080
- }
18081
- .v-banner--border {
18082
- border-width: thin;
18083
- box-shadow: none;
18084
- }
18085
- .v-banner--absolute {
18086
- position: absolute;
18087
- }
18088
- .v-banner--fixed {
18089
- position: fixed;
18090
- }
18091
- .v-banner--sticky {
18092
- position: sticky;
18093
- }
18094
- .v-banner--rounded {
18095
- border-radius: 4px;
18096
- }
18097
- .v-banner--stacked:not(.v-banner--one-line) {
18098
- grid-template-areas: "prepend content" ". actions";
18099
- }
18100
- .v-banner--stacked .v-banner-text {
18101
- padding-inline-end: 36px;
18102
- }
18103
- .v-banner--density-default .v-banner-actions {
18104
- margin-bottom: -8px;
18105
- }
18106
- .v-banner--density-default.v-banner--one-line {
18107
- padding-top: 8px;
18108
- padding-bottom: 8px;
18109
- }
18110
- .v-banner--density-default.v-banner--one-line .v-banner-actions {
18111
- margin-bottom: 0;
18112
- }
18113
- .v-banner--density-default.v-banner--one-line {
18114
- padding-top: 10px;
18115
- }
18116
- .v-banner--density-default.v-banner--two-line {
18117
- padding-top: 16px;
18118
- padding-bottom: 16px;
18119
- }
18120
- .v-banner--density-default.v-banner--three-line {
18121
- padding-top: 24px;
18122
- padding-bottom: 16px;
18123
- }
18124
- .v-banner--density-default:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-default.v-banner--two-line .v-banner-actions, .v-banner--density-default.v-banner--three-line .v-banner-actions {
18125
- margin-top: 20px;
18126
- }
18127
-
18128
- .v-banner--density-comfortable .v-banner-actions {
18129
- margin-bottom: -4px;
18130
- }
18131
- .v-banner--density-comfortable.v-banner--one-line {
18132
- padding-top: 4px;
18133
- padding-bottom: 4px;
18026
+ .v-banner--density-comfortable.v-banner--one-line {
18027
+ padding-top: 4px;
18028
+ padding-bottom: 4px;
18134
18029
  }
18135
18030
  .v-banner--density-comfortable.v-banner--one-line .v-banner-actions {
18136
18031
  margin-bottom: 0;
@@ -18213,132 +18108,87 @@ html.overflow-y-hidden {
18213
18108
  }
18214
18109
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
18215
18110
  align-self: flex-start;
18216
- }.v-badge {
18217
- display: inline-block;
18218
- line-height: 1;
18111
+ }.v-autocomplete .v-field .v-text-field__prefix,
18112
+ .v-autocomplete .v-field .v-text-field__suffix,
18113
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
18114
+ cursor: text;
18219
18115
  }
18220
-
18221
- .v-badge__badge {
18222
- align-items: center;
18223
- display: inline-flex;
18224
- border-radius: 10px;
18225
- font-size: 0.75rem;
18226
- font-weight: 500;
18227
- height: 1.25rem;
18228
- justify-content: center;
18229
- min-width: 20px;
18230
- padding: 4px 6px;
18231
- pointer-events: auto;
18232
- position: absolute;
18233
- text-align: center;
18234
- text-indent: 0;
18235
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
18236
- white-space: nowrap;
18237
- background: rgb(var(--v-theme-surface-variant));
18238
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
18116
+ .v-autocomplete .v-field .v-field__input > input {
18117
+ flex: 1 1;
18239
18118
  }
18240
- .v-badge--bordered .v-badge__badge::after {
18241
- border-radius: inherit;
18242
- border-style: solid;
18243
- border-width: 2px;
18244
- bottom: 0;
18245
- color: rgb(var(--v-theme-background));
18246
- content: "";
18247
- left: 0;
18248
- position: absolute;
18249
- right: 0;
18250
- top: 0;
18251
- transform: scale(1.05);
18119
+ .v-autocomplete .v-field input {
18120
+ min-width: 64px;
18252
18121
  }
18253
- .v-badge--dot .v-badge__badge {
18254
- border-radius: 4.5px;
18255
- height: 9px;
18122
+ .v-autocomplete .v-field:not(.v-field--focused) input {
18256
18123
  min-width: 0;
18257
- padding: 0;
18258
- width: 9px;
18259
- }
18260
- .v-badge--dot .v-badge__badge::after {
18261
- border-width: 1.5px;
18262
18124
  }
18263
- .v-badge--inline .v-badge__badge {
18264
- position: relative;
18265
- vertical-align: middle;
18266
- }
18267
- .v-badge__badge .v-icon {
18268
- color: inherit;
18269
- font-size: 0.75rem;
18270
- margin: 0 -2px;
18125
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
18126
+ margin-inline-end: 2px;
18271
18127
  }
18272
- .v-badge__badge img,
18273
- .v-badge__badge .v-img {
18274
- height: 100%;
18275
- width: 100%;
18128
+ .v-autocomplete .v-autocomplete__selection-text {
18129
+ overflow: hidden;
18130
+ text-overflow: ellipsis;
18131
+ white-space: nowrap;
18276
18132
  }
18277
18133
 
18278
- .v-badge__wrapper {
18279
- display: flex;
18280
- position: relative;
18134
+ .v-autocomplete__content {
18135
+ overflow: hidden;
18136
+ 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));
18137
+ border-radius: 4px;
18281
18138
  }
18282
- .v-badge--inline .v-badge__wrapper {
18283
- align-items: center;
18139
+ .v-autocomplete__mask {
18140
+ background: rgb(var(--v-theme-surface-light));
18141
+ }
18142
+ .v-autocomplete__selection {
18284
18143
  display: inline-flex;
18285
- justify-content: center;
18286
- margin: 0 4px;
18287
- }.v-bottom-navigation {
18288
- display: flex;
18289
- max-width: 100%;
18290
- overflow: hidden;
18291
- position: absolute;
18292
- transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
18293
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18294
- border-style: solid;
18295
- border-width: 0;
18296
- border-radius: 0;
18297
- background: rgb(var(--v-theme-surface));
18298
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18144
+ align-items: center;
18145
+ height: 1.5rem;
18146
+ letter-spacing: inherit;
18147
+ line-height: inherit;
18148
+ max-width: calc(100% - 2px - 2px);
18299
18149
  }
18300
- .v-bottom-navigation--border {
18301
- border-width: thin;
18302
- box-shadow: none;
18150
+ .v-autocomplete__selection:first-child {
18151
+ margin-inline-start: 0;
18303
18152
  }
18304
- .v-bottom-navigation--active {
18305
- 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));
18153
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
18154
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
18155
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
18156
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
18157
+ top: 0px;
18306
18158
  }
18307
-
18308
- .v-bottom-navigation__content {
18309
- display: flex;
18310
- flex: none;
18311
- font-size: 0.75rem;
18312
- justify-content: center;
18313
- transition: inherit;
18314
- width: 100%;
18159
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
18160
+ opacity: var(--v-medium-emphasis-opacity);
18315
18161
  }
18316
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18317
- font-size: inherit;
18318
- height: 100%;
18319
- max-width: 168px;
18320
- min-width: 80px;
18321
- text-transform: none;
18322
- transition: inherit;
18323
- width: auto;
18324
- border-radius: 0;
18162
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
18163
+ opacity: 1;
18325
18164
  }
18326
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
18327
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18328
- transition: inherit;
18165
+ .v-autocomplete--selecting-index .v-field__input > input {
18166
+ caret-color: transparent;
18329
18167
  }
18330
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18331
- font-size: 1.5rem;
18168
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
18169
+ flex: 1 1;
18170
+ position: absolute;
18171
+ left: 0;
18172
+ right: 0;
18173
+ width: 100%;
18174
+ padding-inline: inherit;
18332
18175
  }
18333
- .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
18334
- flex-grow: 1;
18176
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
18177
+ transition: none;
18335
18178
  }
18336
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
18337
- transition: inherit;
18179
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
18338
18180
  opacity: 0;
18339
18181
  }
18340
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18341
- transform: translateY(0.5rem);
18182
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
18183
+ opacity: 0;
18184
+ }
18185
+ .v-autocomplete__menu-icon {
18186
+ margin-inline-start: 4px;
18187
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18188
+ }
18189
+ .v-autocomplete--active-menu .v-autocomplete__menu-icon {
18190
+ opacity: var(--v-high-emphasis-opacity);
18191
+ transform: rotate(180deg);
18342
18192
  }.bottom-sheet-transition-enter-from {
18343
18193
  transform: translateY(100%);
18344
18194
  }
@@ -18371,213 +18221,205 @@ html.overflow-y-hidden {
18371
18221
  .v-bottom-sheet.v-bottom-sheet--inset {
18372
18222
  max-width: 70%;
18373
18223
  }
18374
- }.v-breadcrumbs {
18224
+ }.v-bottom-navigation {
18375
18225
  display: flex;
18376
- align-items: center;
18377
- line-height: 1.6;
18378
- padding: 16px 12px;
18379
- }
18380
- .v-breadcrumbs--rounded {
18381
- border-radius: 4px;
18382
- }
18383
- .v-breadcrumbs--density-default {
18384
- padding-top: 16px;
18385
- padding-bottom: 16px;
18386
- }
18387
-
18388
- .v-breadcrumbs--density-comfortable {
18389
- padding-top: 12px;
18390
- padding-bottom: 12px;
18391
- }
18392
-
18393
- .v-breadcrumbs--density-compact {
18394
- padding-top: 8px;
18395
- padding-bottom: 8px;
18396
- }
18397
-
18398
- .v-breadcrumbs__prepend {
18399
- align-items: center;
18400
- display: inline-flex;
18401
- }
18402
-
18403
- .v-breadcrumbs-item {
18404
- align-items: center;
18405
- color: inherit;
18406
- display: inline-flex;
18407
- padding: 0 4px;
18408
- text-decoration: none;
18409
- vertical-align: middle;
18410
- }
18411
- .v-breadcrumbs-item--disabled {
18412
- opacity: var(--v-disabled-opacity);
18413
- pointer-events: none;
18414
- }
18415
- .v-breadcrumbs-item--link {
18416
- color: inherit;
18417
- text-decoration: none;
18418
- }
18419
- .v-breadcrumbs-item--link:hover {
18420
- text-decoration: underline;
18421
- }
18422
- .v-breadcrumbs-item .v-icon {
18423
- font-size: 1rem;
18424
- margin-inline: -4px 2px;
18425
- }
18426
-
18427
- .v-breadcrumbs-divider {
18428
- display: inline-block;
18429
- padding: 0 8px;
18430
- vertical-align: middle;
18431
- }.v-btn-group {
18432
- display: inline-flex;
18433
- flex-wrap: nowrap;
18434
18226
  max-width: 100%;
18435
- min-width: 0;
18436
18227
  overflow: hidden;
18437
- vertical-align: middle;
18228
+ position: absolute;
18229
+ transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
18438
18230
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18439
18231
  border-style: solid;
18440
18232
  border-width: 0;
18441
- 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));
18442
- border-radius: 4px;
18443
- background: transparent;
18233
+ border-radius: 0;
18234
+ background: rgb(var(--v-theme-surface));
18444
18235
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18445
18236
  }
18446
- .v-btn-group--border {
18237
+ .v-bottom-navigation--border {
18447
18238
  border-width: thin;
18448
18239
  box-shadow: none;
18449
18240
  }
18450
- .v-btn-group--density-default.v-btn-group {
18451
- height: 48px;
18452
- }
18453
-
18454
- .v-btn-group--density-comfortable.v-btn-group {
18455
- height: 40px;
18241
+ .v-bottom-navigation--active {
18242
+ 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));
18456
18243
  }
18457
18244
 
18458
- .v-btn-group--density-compact.v-btn-group {
18459
- height: 36px;
18245
+ .v-bottom-navigation__content {
18246
+ display: flex;
18247
+ flex: none;
18248
+ font-size: 0.75rem;
18249
+ justify-content: center;
18250
+ transition: inherit;
18251
+ width: 100%;
18460
18252
  }
18461
-
18462
- .v-btn-group .v-btn {
18253
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18254
+ font-size: inherit;
18255
+ height: 100%;
18256
+ max-width: 168px;
18257
+ min-width: 80px;
18258
+ text-transform: none;
18259
+ transition: inherit;
18260
+ width: auto;
18463
18261
  border-radius: 0;
18464
- border-color: inherit;
18465
- }
18466
- .v-btn-group .v-btn:not(:last-child) {
18467
- border-inline-end: none;
18468
- }
18469
- .v-btn-group .v-btn:not(:first-child) {
18470
- border-inline-start: none;
18471
- }
18472
- .v-btn-group .v-btn:first-child {
18473
- border-start-start-radius: inherit;
18474
- border-end-start-radius: inherit;
18475
- }
18476
- .v-btn-group .v-btn:last-child {
18477
- border-start-end-radius: inherit;
18478
- border-end-end-radius: inherit;
18479
18262
  }
18480
- .v-btn-group--divided .v-btn:not(:last-child) {
18481
- border-inline-end-width: thin;
18482
- border-inline-end-style: solid;
18483
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
18263
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
18264
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18265
+ transition: inherit;
18484
18266
  }
18485
- .v-btn-group--tile {
18486
- border-radius: 0;
18487
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18488
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18267
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18268
+ font-size: 1.5rem;
18489
18269
  }
18490
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18491
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18270
+ .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
18271
+ flex-grow: 1;
18492
18272
  }
18493
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18494
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18273
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
18274
+ transition: inherit;
18275
+ opacity: 0;
18495
18276
  }
18496
- @supports not selector(:focus-visible) {
18497
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18498
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18499
- }
18500
- }.v-card {
18501
- display: block;
18502
- overflow: hidden;
18503
- overflow-wrap: break-word;
18277
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18278
+ transform: translateY(0.5rem);
18279
+ }.v-btn {
18280
+ align-items: center;
18281
+ border-radius: 4px;
18282
+ display: inline-grid;
18283
+ grid-template-areas: "prepend content append";
18284
+ grid-template-columns: max-content auto max-content;
18285
+ font-weight: 500;
18286
+ justify-content: center;
18287
+ letter-spacing: 0.0892857143em;
18288
+ line-height: normal;
18289
+ max-width: 100%;
18290
+ outline: none;
18504
18291
  position: relative;
18505
- padding: 0;
18506
18292
  text-decoration: none;
18293
+ text-indent: 0.0892857143em;
18294
+ text-transform: uppercase;
18295
+ transition-property: box-shadow, transform, opacity, background;
18507
18296
  transition-duration: 0.28s;
18508
- transition-property: box-shadow, opacity, background;
18509
18297
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
18510
- z-index: 0;
18298
+ -webkit-user-select: none;
18299
+ user-select: none;
18300
+ vertical-align: middle;
18301
+ flex-shrink: 0;
18511
18302
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18512
18303
  border-style: solid;
18513
18304
  border-width: 0;
18514
- border-radius: 4px;
18515
18305
  }
18516
- .v-card--border {
18517
- border-width: thin;
18518
- box-shadow: none;
18306
+ .v-btn--size-x-small {
18307
+ --v-btn-size: 0.625rem;
18308
+ --v-btn-height: 20px;
18309
+ font-size: var(--v-btn-size);
18310
+ min-width: 36px;
18311
+ padding: 0 8px;
18519
18312
  }
18520
- .v-card--absolute {
18521
- position: absolute;
18313
+
18314
+ .v-btn--size-small {
18315
+ --v-btn-size: 0.75rem;
18316
+ --v-btn-height: 28px;
18317
+ font-size: var(--v-btn-size);
18318
+ min-width: 50px;
18319
+ padding: 0 12px;
18522
18320
  }
18523
- .v-card--fixed {
18524
- position: fixed;
18321
+
18322
+ .v-btn--size-default {
18323
+ --v-btn-size: 0.875rem;
18324
+ --v-btn-height: 36px;
18325
+ font-size: var(--v-btn-size);
18326
+ min-width: 64px;
18327
+ padding: 0 16px;
18525
18328
  }
18526
- .v-card:hover > .v-card__overlay {
18527
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
18329
+
18330
+ .v-btn--size-large {
18331
+ --v-btn-size: 1rem;
18332
+ --v-btn-height: 44px;
18333
+ font-size: var(--v-btn-size);
18334
+ min-width: 78px;
18335
+ padding: 0 20px;
18528
18336
  }
18529
- .v-card:focus-visible > .v-card__overlay {
18337
+
18338
+ .v-btn--size-x-large {
18339
+ --v-btn-size: 1.125rem;
18340
+ --v-btn-height: 52px;
18341
+ font-size: var(--v-btn-size);
18342
+ min-width: 92px;
18343
+ padding: 0 24px;
18344
+ }
18345
+
18346
+ .v-btn.v-btn--density-default {
18347
+ height: calc(var(--v-btn-height) + 0px);
18348
+ }
18349
+
18350
+ .v-btn.v-btn--density-comfortable {
18351
+ height: calc(var(--v-btn-height) + -8px);
18352
+ }
18353
+
18354
+ .v-btn.v-btn--density-compact {
18355
+ height: calc(var(--v-btn-height) + -12px);
18356
+ }
18357
+
18358
+ .v-btn--border {
18359
+ border-width: thin;
18360
+ box-shadow: none;
18361
+ }
18362
+ .v-btn--absolute {
18363
+ position: absolute;
18364
+ }
18365
+ .v-btn--fixed {
18366
+ position: fixed;
18367
+ }
18368
+ .v-btn:hover > .v-btn__overlay {
18369
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
18370
+ }
18371
+ .v-btn:focus-visible > .v-btn__overlay {
18530
18372
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
18531
18373
  }
18532
18374
  @supports not selector(:focus-visible) {
18533
- .v-card:focus > .v-card__overlay {
18375
+ .v-btn:focus > .v-btn__overlay {
18534
18376
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
18535
18377
  }
18536
18378
  }
18537
- .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
18379
+ .v-btn--active > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true] > .v-btn__overlay {
18538
18380
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18539
18381
  }
18540
- .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
18382
+ .v-btn--active:hover > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:hover > .v-btn__overlay {
18541
18383
  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18542
18384
  }
18543
- .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
18385
+ .v-btn--active:focus-visible > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-btn__overlay {
18544
18386
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18545
18387
  }
18546
18388
  @supports not selector(:focus-visible) {
18547
- .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
18389
+ .v-btn--active:focus > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-btn__overlay {
18548
18390
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18549
18391
  }
18550
18392
  }
18551
- .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
18393
+ .v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-tonal {
18552
18394
  background: transparent;
18553
18395
  color: inherit;
18554
18396
  }
18555
- .v-card--variant-plain {
18397
+ .v-btn--variant-plain {
18556
18398
  opacity: 0.62;
18557
18399
  }
18558
- .v-card--variant-plain:focus, .v-card--variant-plain:hover {
18400
+ .v-btn--variant-plain:focus, .v-btn--variant-plain:hover {
18559
18401
  opacity: 1;
18560
18402
  }
18561
- .v-card--variant-plain .v-card__overlay {
18403
+ .v-btn--variant-plain .v-btn__overlay {
18562
18404
  display: none;
18563
18405
  }
18564
- .v-card--variant-elevated, .v-card--variant-flat {
18406
+ .v-btn--variant-elevated, .v-btn--variant-flat {
18565
18407
  background: rgb(var(--v-theme-surface));
18566
18408
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18567
18409
  }
18568
- .v-card--variant-elevated {
18569
- 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));
18410
+ .v-btn--variant-elevated {
18411
+ 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));
18570
18412
  }
18571
- .v-card--variant-flat {
18413
+ .v-btn--variant-flat {
18572
18414
  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));
18573
18415
  }
18574
- .v-card--variant-outlined {
18416
+ .v-btn--variant-outlined {
18575
18417
  border: thin solid currentColor;
18576
18418
  }
18577
- .v-card--variant-text .v-card__overlay {
18419
+ .v-btn--variant-text .v-btn__overlay {
18578
18420
  background: currentColor;
18579
18421
  }
18580
- .v-card--variant-tonal .v-card__underlay {
18422
+ .v-btn--variant-tonal .v-btn__underlay {
18581
18423
  background: currentColor;
18582
18424
  opacity: var(--v-activated-opacity);
18583
18425
  border-radius: inherit;
@@ -18587,304 +18429,779 @@ html.overflow-y-hidden {
18587
18429
  left: 0;
18588
18430
  pointer-events: none;
18589
18431
  }
18590
- .v-card .v-card__underlay {
18432
+ .v-btn .v-btn__underlay {
18591
18433
  position: absolute;
18592
18434
  }
18593
- .v-card--disabled {
18594
- pointer-events: none;
18595
- -webkit-user-select: none;
18596
- user-select: none;
18597
- }
18598
- .v-card--disabled > :not(.v-card__loader) {
18599
- opacity: 0.6;
18600
- }
18601
- .v-card--flat {
18602
- box-shadow: none;
18435
+ @supports selector(:focus-visible) {
18436
+ .v-btn::after {
18437
+ content: "";
18438
+ position: absolute;
18439
+ top: 0;
18440
+ left: 0;
18441
+ width: 100%;
18442
+ height: 100%;
18443
+ pointer-events: none;
18444
+ border: 2px solid currentColor;
18445
+ border-radius: inherit;
18446
+ opacity: 0;
18447
+ transition: opacity 0.2s ease-in-out;
18448
+ }
18449
+ .v-btn:focus-visible::after {
18450
+ opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
18451
+ }
18603
18452
  }
18604
- .v-card--hover {
18605
- cursor: pointer;
18453
+ .v-btn--icon {
18454
+ border-radius: 50%;
18455
+ min-width: 0;
18456
+ padding: 0;
18606
18457
  }
18607
- .v-card--hover::before, .v-card--hover::after {
18608
- border-radius: inherit;
18609
- bottom: 0;
18610
- content: "";
18611
- display: block;
18612
- left: 0;
18613
- pointer-events: none;
18614
- position: absolute;
18615
- right: 0;
18616
- top: 0;
18617
- transition: inherit;
18458
+ .v-btn--icon.v-btn--size-default {
18459
+ --v-btn-size: 1rem;
18618
18460
  }
18619
- .v-card--hover::before {
18620
- opacity: 1;
18621
- z-index: -1;
18622
- 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));
18461
+ .v-btn--icon.v-btn--density-default {
18462
+ width: calc(var(--v-btn-height) + 12px);
18463
+ height: calc(var(--v-btn-height) + 12px);
18623
18464
  }
18624
- .v-card--hover::after {
18625
- z-index: 1;
18626
- opacity: 0;
18627
- 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));
18465
+ .v-btn--icon.v-btn--density-comfortable {
18466
+ width: calc(var(--v-btn-height) + 0px);
18467
+ height: calc(var(--v-btn-height) + 0px);
18628
18468
  }
18629
- .v-card--hover:hover::after {
18630
- opacity: 1;
18469
+ .v-btn--icon.v-btn--density-compact {
18470
+ width: calc(var(--v-btn-height) + -8px);
18471
+ height: calc(var(--v-btn-height) + -8px);
18631
18472
  }
18632
- .v-card--hover:hover::before {
18633
- opacity: 0;
18473
+
18474
+ .v-btn--elevated:hover, .v-btn--elevated:focus {
18475
+ 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));
18634
18476
  }
18635
- .v-card--hover:hover {
18477
+ .v-btn--elevated:active {
18636
18478
  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));
18637
18479
  }
18638
- .v-card--link {
18639
- cursor: pointer;
18480
+ .v-btn--flat {
18481
+ box-shadow: none;
18640
18482
  }
18641
-
18642
- .v-card-actions {
18643
- align-items: center;
18483
+ .v-btn--block {
18644
18484
  display: flex;
18645
- flex: none;
18646
- min-height: 52px;
18647
- padding: 0.5rem;
18485
+ flex: 1 0 auto;
18486
+ min-width: 100%;
18648
18487
  }
18649
-
18650
- .v-card-item {
18651
- align-items: center;
18652
- display: grid;
18653
- flex: none;
18654
- grid-template-areas: "prepend content append";
18655
- grid-template-columns: max-content auto max-content;
18656
- padding: 0.625rem 1rem;
18488
+ .v-btn--disabled {
18489
+ pointer-events: none;
18490
+ opacity: 0.26;
18657
18491
  }
18658
- .v-card-item + .v-card-text {
18659
- padding-top: 0;
18492
+ .v-btn--disabled:hover {
18493
+ opacity: 0.26;
18660
18494
  }
18661
- .v-card-item__prepend, .v-card-item__append {
18662
- align-items: center;
18663
- display: flex;
18495
+ .v-btn--disabled.v-btn--variant-elevated, .v-btn--disabled.v-btn--variant-flat {
18496
+ box-shadow: none;
18497
+ opacity: 1;
18498
+ color: rgba(var(--v-theme-on-surface), 0.26);
18499
+ background: rgb(var(--v-theme-surface));
18664
18500
  }
18665
- .v-card-item__prepend {
18666
- grid-area: prepend;
18667
- padding-inline-end: 0.5rem;
18501
+ .v-btn--disabled.v-btn--variant-elevated .v-btn__overlay, .v-btn--disabled.v-btn--variant-flat .v-btn__overlay {
18502
+ opacity: 0.4615384615;
18668
18503
  }
18669
- .v-card-item__append {
18670
- grid-area: append;
18671
- padding-inline-start: 0.5rem;
18504
+ .v-btn--loading {
18505
+ pointer-events: none;
18672
18506
  }
18673
-
18674
- .v-card-item__content {
18675
- align-self: center;
18676
- grid-area: content;
18677
- overflow: hidden;
18507
+ .v-btn--loading .v-btn__content,
18508
+ .v-btn--loading .v-btn__prepend,
18509
+ .v-btn--loading .v-btn__append {
18510
+ opacity: 0;
18678
18511
  }
18679
-
18680
- .v-card-title {
18681
- display: block;
18682
- flex: none;
18683
- font-size: 1.25rem;
18684
- font-weight: 500;
18685
- -webkit-hyphens: auto;
18686
- hyphens: auto;
18687
- letter-spacing: 0.0125em;
18688
- min-width: 0;
18689
- overflow-wrap: normal;
18690
- overflow: hidden;
18691
- padding: 0.5rem 1rem;
18692
- text-overflow: ellipsis;
18693
- text-transform: none;
18694
- white-space: nowrap;
18695
- word-break: normal;
18696
- word-wrap: break-word;
18512
+ .v-btn--stacked {
18513
+ grid-template-areas: "prepend" "content" "append";
18514
+ grid-template-columns: auto;
18515
+ grid-template-rows: max-content max-content max-content;
18516
+ justify-items: center;
18517
+ align-content: center;
18697
18518
  }
18698
- .v-card .v-card-title {
18699
- line-height: 1.6;
18519
+ .v-btn--stacked .v-btn__content {
18520
+ flex-direction: column;
18521
+ line-height: 1.25;
18700
18522
  }
18701
- .v-card--density-comfortable .v-card-title {
18702
- line-height: 1.75rem;
18523
+ .v-btn--stacked .v-btn__prepend,
18524
+ .v-btn--stacked .v-btn__append,
18525
+ .v-btn--stacked .v-btn__content > .v-icon--start,
18526
+ .v-btn--stacked .v-btn__content > .v-icon--end {
18527
+ margin-inline: 0;
18703
18528
  }
18704
- .v-card--density-compact .v-card-title {
18705
- line-height: 1.55rem;
18529
+ .v-btn--stacked .v-btn__prepend,
18530
+ .v-btn--stacked .v-btn__content > .v-icon--start {
18531
+ margin-bottom: 4px;
18706
18532
  }
18707
- .v-card-item .v-card-title {
18708
- padding: 0;
18533
+ .v-btn--stacked .v-btn__append,
18534
+ .v-btn--stacked .v-btn__content > .v-icon--end {
18535
+ margin-top: 4px;
18709
18536
  }
18710
- .v-card-title + .v-card-text,
18711
- .v-card-title + .v-card-actions {
18712
- padding-top: 0;
18537
+ .v-btn--stacked.v-btn--size-x-small {
18538
+ --v-btn-size: 0.625rem;
18539
+ --v-btn-height: 56px;
18540
+ font-size: var(--v-btn-size);
18541
+ min-width: 56px;
18542
+ padding: 0 12px;
18713
18543
  }
18714
18544
 
18715
- .v-card-subtitle {
18716
- display: block;
18717
- flex: none;
18718
- font-size: 0.875rem;
18719
- font-weight: 400;
18720
- letter-spacing: 0.0178571429em;
18721
- opacity: var(--v-card-subtitle-opacity, var(--v-medium-emphasis-opacity));
18722
- overflow: hidden;
18723
- padding: 0 1rem;
18724
- text-overflow: ellipsis;
18725
- text-transform: none;
18726
- white-space: nowrap;
18545
+ .v-btn--stacked.v-btn--size-small {
18546
+ --v-btn-size: 0.75rem;
18547
+ --v-btn-height: 64px;
18548
+ font-size: var(--v-btn-size);
18549
+ min-width: 64px;
18550
+ padding: 0 14px;
18727
18551
  }
18728
- .v-card .v-card-subtitle {
18729
- line-height: 1.425;
18552
+
18553
+ .v-btn--stacked.v-btn--size-default {
18554
+ --v-btn-size: 0.875rem;
18555
+ --v-btn-height: 72px;
18556
+ font-size: var(--v-btn-size);
18557
+ min-width: 72px;
18558
+ padding: 0 16px;
18730
18559
  }
18731
- .v-card--density-comfortable .v-card-subtitle {
18732
- line-height: 1.125rem;
18560
+
18561
+ .v-btn--stacked.v-btn--size-large {
18562
+ --v-btn-size: 1rem;
18563
+ --v-btn-height: 80px;
18564
+ font-size: var(--v-btn-size);
18565
+ min-width: 80px;
18566
+ padding: 0 18px;
18733
18567
  }
18734
- .v-card--density-compact .v-card-subtitle {
18735
- line-height: 1rem;
18568
+
18569
+ .v-btn--stacked.v-btn--size-x-large {
18570
+ --v-btn-size: 1.125rem;
18571
+ --v-btn-height: 88px;
18572
+ font-size: var(--v-btn-size);
18573
+ min-width: 88px;
18574
+ padding: 0 20px;
18736
18575
  }
18737
- .v-card-item .v-card-subtitle {
18738
- padding: 0 0 0.25rem;
18576
+
18577
+ .v-btn--stacked.v-btn--density-default {
18578
+ height: calc(var(--v-btn-height) + 0px);
18739
18579
  }
18740
18580
 
18741
- .v-card-text {
18742
- flex: 1 1 auto;
18743
- font-size: 0.875rem;
18744
- font-weight: 400;
18745
- letter-spacing: 0.0178571429em;
18746
- opacity: var(--v-card-text-opacity, 1);
18747
- padding: 1rem;
18748
- text-transform: none;
18581
+ .v-btn--stacked.v-btn--density-comfortable {
18582
+ height: calc(var(--v-btn-height) + -16px);
18749
18583
  }
18750
- .v-card .v-card-text {
18751
- line-height: 1.425;
18584
+
18585
+ .v-btn--stacked.v-btn--density-compact {
18586
+ height: calc(var(--v-btn-height) + -24px);
18752
18587
  }
18753
- .v-card--density-comfortable .v-card-text {
18754
- line-height: 1.2rem;
18588
+
18589
+ .v-btn--slim {
18590
+ padding: 0 8px;
18755
18591
  }
18756
- .v-card--density-compact .v-card-text {
18757
- line-height: 1.15rem;
18592
+ .v-btn--readonly {
18593
+ pointer-events: none;
18594
+ }
18595
+ .v-btn--rounded {
18596
+ border-radius: 24px;
18597
+ }
18598
+ .v-btn--rounded.v-btn--icon {
18599
+ border-radius: 4px;
18600
+ }
18601
+ .v-btn .v-icon {
18602
+ --v-icon-size-multiplier: 0.8571428571;
18603
+ }
18604
+ .v-btn--icon .v-icon {
18605
+ --v-icon-size-multiplier: 1;
18606
+ }
18607
+ .v-btn--stacked .v-icon {
18608
+ --v-icon-size-multiplier: 1.1428571429;
18758
18609
  }
18759
18610
 
18760
- .v-card__image {
18611
+ .v-btn__loader {
18612
+ align-items: center;
18761
18613
  display: flex;
18762
18614
  height: 100%;
18763
- flex: 1 1 auto;
18615
+ justify-content: center;
18764
18616
  left: 0;
18765
- overflow: hidden;
18766
18617
  position: absolute;
18767
18618
  top: 0;
18768
18619
  width: 100%;
18769
- z-index: -1;
18620
+ }
18621
+ .v-btn__loader > .v-progress-circular {
18622
+ width: 1.5em;
18623
+ height: 1.5em;
18770
18624
  }
18771
18625
 
18772
- .v-card__content {
18773
- border-radius: inherit;
18774
- overflow: hidden;
18775
- position: relative;
18626
+ .v-btn__content,
18627
+ .v-btn__prepend,
18628
+ .v-btn__append {
18629
+ align-items: center;
18630
+ display: flex;
18631
+ transition: transform, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18776
18632
  }
18777
18633
 
18778
- .v-card__loader {
18779
- bottom: auto;
18780
- top: 0;
18781
- left: 0;
18782
- position: absolute;
18783
- right: 0;
18784
- width: 100%;
18785
- z-index: 1;
18634
+ .v-btn__prepend {
18635
+ grid-area: prepend;
18636
+ margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
18786
18637
  }
18787
18638
 
18788
- .v-card__overlay {
18639
+ .v-btn__append {
18640
+ grid-area: append;
18641
+ margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
18642
+ }
18643
+
18644
+ .v-btn__content {
18645
+ grid-area: content;
18646
+ justify-content: center;
18647
+ white-space: nowrap;
18648
+ }
18649
+ .v-btn__content > .v-icon--start {
18650
+ margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
18651
+ }
18652
+ .v-btn__content > .v-icon--end {
18653
+ margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
18654
+ }
18655
+ .v-btn--stacked .v-btn__content {
18656
+ white-space: normal;
18657
+ }
18658
+
18659
+ .v-btn__overlay {
18789
18660
  background-color: currentColor;
18790
18661
  border-radius: inherit;
18791
- position: absolute;
18792
- top: 0;
18793
- right: 0;
18794
- bottom: 0;
18795
- left: 0;
18796
- pointer-events: none;
18797
18662
  opacity: 0;
18798
18663
  transition: opacity 0.2s ease-in-out;
18799
- }.v-carousel {
18800
- overflow: hidden;
18801
- position: relative;
18802
- width: 100%;
18803
18664
  }
18804
- .v-carousel__controls {
18805
- align-items: center;
18806
- bottom: 0;
18807
- display: flex;
18808
- height: 50px;
18809
- justify-content: center;
18810
- list-style-type: none;
18665
+
18666
+ .v-btn__overlay,
18667
+ .v-btn__underlay {
18811
18668
  position: absolute;
18669
+ top: 0;
18670
+ left: 0;
18812
18671
  width: 100%;
18813
- z-index: 1;
18814
- background: rgba(var(--v-theme-surface-variant), 0.3);
18815
- color: rgb(var(--v-theme-on-surface-variant));
18672
+ height: 100%;
18673
+ pointer-events: none;
18816
18674
  }
18817
- .v-carousel__controls > .v-item-group {
18818
- flex: 0 1 auto;
18675
+
18676
+ .v-card-actions .v-btn ~ .v-btn:not(.v-btn-toggle .v-btn) {
18677
+ margin-inline-start: 0.5rem;
18819
18678
  }
18820
- .v-carousel__controls__item {
18821
- margin: 0 8px;
18679
+
18680
+ .v-pagination .v-btn {
18681
+ border-radius: 4px;
18822
18682
  }
18823
- .v-carousel__controls__item .v-icon {
18824
- opacity: 0.5;
18683
+ .v-pagination .v-btn--rounded {
18684
+ border-radius: 50%;
18825
18685
  }
18826
- .v-carousel__controls__item--active .v-icon {
18827
- opacity: 1;
18828
- vertical-align: middle;
18686
+ .v-btn__overlay {
18687
+ transition: none;
18829
18688
  }
18830
- .v-carousel__controls__item:hover {
18831
- background: none;
18689
+ .v-pagination__item--is-active .v-btn__overlay {
18690
+ opacity: var(--v-border-opacity);
18691
+ }.v-breadcrumbs {
18692
+ display: flex;
18693
+ align-items: center;
18694
+ line-height: 1.6;
18695
+ padding: 16px 12px;
18832
18696
  }
18833
- .v-carousel__controls__item:hover .v-icon {
18834
- opacity: 0.8;
18697
+ .v-breadcrumbs--rounded {
18698
+ border-radius: 4px;
18835
18699
  }
18836
-
18837
- .v-carousel__progress {
18838
- margin: 0;
18839
- position: absolute;
18840
- bottom: 0;
18841
- left: 0;
18842
- right: 0;
18700
+ .v-breadcrumbs--density-default {
18701
+ padding-top: 16px;
18702
+ padding-bottom: 16px;
18843
18703
  }
18844
18704
 
18845
- .v-carousel-item {
18846
- display: block;
18847
- height: inherit;
18848
- text-decoration: none;
18849
- }
18850
- .v-carousel-item > .v-img {
18851
- height: inherit;
18705
+ .v-breadcrumbs--density-comfortable {
18706
+ padding-top: 12px;
18707
+ padding-bottom: 12px;
18852
18708
  }
18853
18709
 
18854
- .v-carousel--hide-delimiter-background .v-carousel__controls {
18855
- background: transparent;
18710
+ .v-breadcrumbs--density-compact {
18711
+ padding-top: 8px;
18712
+ padding-bottom: 8px;
18856
18713
  }
18857
18714
 
18858
- .v-carousel--vertical-delimiters .v-carousel__controls {
18859
- flex-direction: column;
18860
- height: 100% !important;
18861
- width: 50px;
18862
- }.v-checkbox.v-input {
18863
- flex: 0 1 auto;
18715
+ .v-breadcrumbs__prepend {
18716
+ align-items: center;
18717
+ display: inline-flex;
18864
18718
  }
18865
- .v-checkbox .v-selection-control {
18866
- min-height: var(--v-input-control-height);
18867
- }.v-chip {
18719
+
18720
+ .v-breadcrumbs-item {
18868
18721
  align-items: center;
18722
+ color: inherit;
18869
18723
  display: inline-flex;
18870
- font-weight: 400;
18871
- max-width: 100%;
18872
- min-width: 0;
18873
- overflow: hidden;
18874
- position: relative;
18724
+ padding: 0 4px;
18875
18725
  text-decoration: none;
18876
- white-space: nowrap;
18877
18726
  vertical-align: middle;
18878
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18879
- border-style: solid;
18880
- border-width: 0;
18881
- border-radius: 9999px;
18882
18727
  }
18883
- .v-chip .v-icon {
18884
- --v-icon-size-multiplier: 0.8571428571;
18728
+ .v-breadcrumbs-item--disabled {
18729
+ opacity: var(--v-disabled-opacity);
18730
+ pointer-events: none;
18885
18731
  }
18886
- .v-chip.v-chip--size-x-small {
18887
- --v-chip-size: 0.625rem;
18732
+ .v-breadcrumbs-item--link {
18733
+ color: inherit;
18734
+ text-decoration: none;
18735
+ }
18736
+ .v-breadcrumbs-item--link:hover {
18737
+ text-decoration: underline;
18738
+ }
18739
+ .v-breadcrumbs-item .v-icon {
18740
+ font-size: 1rem;
18741
+ margin-inline: -4px 2px;
18742
+ }
18743
+
18744
+ .v-breadcrumbs-divider {
18745
+ display: inline-block;
18746
+ padding: 0 8px;
18747
+ vertical-align: middle;
18748
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18749
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18750
+ }
18751
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18752
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18753
+ }
18754
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18755
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18756
+ }
18757
+ @supports not selector(:focus-visible) {
18758
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18759
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18760
+ }
18761
+ }.v-card {
18762
+ display: block;
18763
+ overflow: hidden;
18764
+ overflow-wrap: break-word;
18765
+ position: relative;
18766
+ padding: 0;
18767
+ text-decoration: none;
18768
+ transition-duration: 0.28s;
18769
+ transition-property: box-shadow, opacity, background;
18770
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
18771
+ z-index: 0;
18772
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18773
+ border-style: solid;
18774
+ border-width: 0;
18775
+ border-radius: 4px;
18776
+ }
18777
+ .v-card--border {
18778
+ border-width: thin;
18779
+ box-shadow: none;
18780
+ }
18781
+ .v-card--absolute {
18782
+ position: absolute;
18783
+ }
18784
+ .v-card--fixed {
18785
+ position: fixed;
18786
+ }
18787
+ .v-card:hover > .v-card__overlay {
18788
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
18789
+ }
18790
+ .v-card:focus-visible > .v-card__overlay {
18791
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
18792
+ }
18793
+ @supports not selector(:focus-visible) {
18794
+ .v-card:focus > .v-card__overlay {
18795
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
18796
+ }
18797
+ }
18798
+ .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
18799
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18800
+ }
18801
+ .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
18802
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18803
+ }
18804
+ .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
18805
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18806
+ }
18807
+ @supports not selector(:focus-visible) {
18808
+ .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
18809
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18810
+ }
18811
+ }
18812
+ .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
18813
+ background: transparent;
18814
+ color: inherit;
18815
+ }
18816
+ .v-card--variant-plain {
18817
+ opacity: 0.62;
18818
+ }
18819
+ .v-card--variant-plain:focus, .v-card--variant-plain:hover {
18820
+ opacity: 1;
18821
+ }
18822
+ .v-card--variant-plain .v-card__overlay {
18823
+ display: none;
18824
+ }
18825
+ .v-card--variant-elevated, .v-card--variant-flat {
18826
+ background: rgb(var(--v-theme-surface));
18827
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18828
+ }
18829
+ .v-card--variant-elevated {
18830
+ 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));
18831
+ }
18832
+ .v-card--variant-flat {
18833
+ 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));
18834
+ }
18835
+ .v-card--variant-outlined {
18836
+ border: thin solid currentColor;
18837
+ }
18838
+ .v-card--variant-text .v-card__overlay {
18839
+ background: currentColor;
18840
+ }
18841
+ .v-card--variant-tonal .v-card__underlay {
18842
+ background: currentColor;
18843
+ opacity: var(--v-activated-opacity);
18844
+ border-radius: inherit;
18845
+ top: 0;
18846
+ right: 0;
18847
+ bottom: 0;
18848
+ left: 0;
18849
+ pointer-events: none;
18850
+ }
18851
+ .v-card .v-card__underlay {
18852
+ position: absolute;
18853
+ }
18854
+ .v-card--disabled {
18855
+ pointer-events: none;
18856
+ -webkit-user-select: none;
18857
+ user-select: none;
18858
+ }
18859
+ .v-card--disabled > :not(.v-card__loader) {
18860
+ opacity: 0.6;
18861
+ }
18862
+ .v-card--flat {
18863
+ box-shadow: none;
18864
+ }
18865
+ .v-card--hover {
18866
+ cursor: pointer;
18867
+ }
18868
+ .v-card--hover::before, .v-card--hover::after {
18869
+ border-radius: inherit;
18870
+ bottom: 0;
18871
+ content: "";
18872
+ display: block;
18873
+ left: 0;
18874
+ pointer-events: none;
18875
+ position: absolute;
18876
+ right: 0;
18877
+ top: 0;
18878
+ transition: inherit;
18879
+ }
18880
+ .v-card--hover::before {
18881
+ opacity: 1;
18882
+ z-index: -1;
18883
+ 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));
18884
+ }
18885
+ .v-card--hover::after {
18886
+ z-index: 1;
18887
+ opacity: 0;
18888
+ 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));
18889
+ }
18890
+ .v-card--hover:hover::after {
18891
+ opacity: 1;
18892
+ }
18893
+ .v-card--hover:hover::before {
18894
+ opacity: 0;
18895
+ }
18896
+ .v-card--hover:hover {
18897
+ 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));
18898
+ }
18899
+ .v-card--link {
18900
+ cursor: pointer;
18901
+ }
18902
+
18903
+ .v-card-actions {
18904
+ align-items: center;
18905
+ display: flex;
18906
+ flex: none;
18907
+ min-height: 52px;
18908
+ padding: 0.5rem;
18909
+ }
18910
+
18911
+ .v-card-item {
18912
+ align-items: center;
18913
+ display: grid;
18914
+ flex: none;
18915
+ grid-template-areas: "prepend content append";
18916
+ grid-template-columns: max-content auto max-content;
18917
+ padding: 0.625rem 1rem;
18918
+ }
18919
+ .v-card-item + .v-card-text {
18920
+ padding-top: 0;
18921
+ }
18922
+ .v-card-item__prepend, .v-card-item__append {
18923
+ align-items: center;
18924
+ display: flex;
18925
+ }
18926
+ .v-card-item__prepend {
18927
+ grid-area: prepend;
18928
+ padding-inline-end: 0.5rem;
18929
+ }
18930
+ .v-card-item__append {
18931
+ grid-area: append;
18932
+ padding-inline-start: 0.5rem;
18933
+ }
18934
+
18935
+ .v-card-item__content {
18936
+ align-self: center;
18937
+ grid-area: content;
18938
+ overflow: hidden;
18939
+ }
18940
+
18941
+ .v-card-title {
18942
+ display: block;
18943
+ flex: none;
18944
+ font-size: 1.25rem;
18945
+ font-weight: 500;
18946
+ -webkit-hyphens: auto;
18947
+ hyphens: auto;
18948
+ letter-spacing: 0.0125em;
18949
+ min-width: 0;
18950
+ overflow-wrap: normal;
18951
+ overflow: hidden;
18952
+ padding: 0.5rem 1rem;
18953
+ text-overflow: ellipsis;
18954
+ text-transform: none;
18955
+ white-space: nowrap;
18956
+ word-break: normal;
18957
+ word-wrap: break-word;
18958
+ }
18959
+ .v-card .v-card-title {
18960
+ line-height: 1.6;
18961
+ }
18962
+ .v-card--density-comfortable .v-card-title {
18963
+ line-height: 1.75rem;
18964
+ }
18965
+ .v-card--density-compact .v-card-title {
18966
+ line-height: 1.55rem;
18967
+ }
18968
+ .v-card-item .v-card-title {
18969
+ padding: 0;
18970
+ }
18971
+ .v-card-title + .v-card-text,
18972
+ .v-card-title + .v-card-actions {
18973
+ padding-top: 0;
18974
+ }
18975
+
18976
+ .v-card-subtitle {
18977
+ display: block;
18978
+ flex: none;
18979
+ font-size: 0.875rem;
18980
+ font-weight: 400;
18981
+ letter-spacing: 0.0178571429em;
18982
+ opacity: var(--v-card-subtitle-opacity, var(--v-medium-emphasis-opacity));
18983
+ overflow: hidden;
18984
+ padding: 0 1rem;
18985
+ text-overflow: ellipsis;
18986
+ text-transform: none;
18987
+ white-space: nowrap;
18988
+ }
18989
+ .v-card .v-card-subtitle {
18990
+ line-height: 1.425;
18991
+ }
18992
+ .v-card--density-comfortable .v-card-subtitle {
18993
+ line-height: 1.125rem;
18994
+ }
18995
+ .v-card--density-compact .v-card-subtitle {
18996
+ line-height: 1rem;
18997
+ }
18998
+ .v-card-item .v-card-subtitle {
18999
+ padding: 0 0 0.25rem;
19000
+ }
19001
+
19002
+ .v-card-text {
19003
+ flex: 1 1 auto;
19004
+ font-size: 0.875rem;
19005
+ font-weight: 400;
19006
+ letter-spacing: 0.0178571429em;
19007
+ opacity: var(--v-card-text-opacity, 1);
19008
+ padding: 1rem;
19009
+ text-transform: none;
19010
+ }
19011
+ .v-card .v-card-text {
19012
+ line-height: 1.425;
19013
+ }
19014
+ .v-card--density-comfortable .v-card-text {
19015
+ line-height: 1.2rem;
19016
+ }
19017
+ .v-card--density-compact .v-card-text {
19018
+ line-height: 1.15rem;
19019
+ }
19020
+
19021
+ .v-card__image {
19022
+ display: flex;
19023
+ height: 100%;
19024
+ flex: 1 1 auto;
19025
+ left: 0;
19026
+ overflow: hidden;
19027
+ position: absolute;
19028
+ top: 0;
19029
+ width: 100%;
19030
+ z-index: -1;
19031
+ }
19032
+
19033
+ .v-card__content {
19034
+ border-radius: inherit;
19035
+ overflow: hidden;
19036
+ position: relative;
19037
+ }
19038
+
19039
+ .v-card__loader {
19040
+ bottom: auto;
19041
+ top: 0;
19042
+ left: 0;
19043
+ position: absolute;
19044
+ right: 0;
19045
+ width: 100%;
19046
+ z-index: 1;
19047
+ }
19048
+
19049
+ .v-card__overlay {
19050
+ background-color: currentColor;
19051
+ border-radius: inherit;
19052
+ position: absolute;
19053
+ top: 0;
19054
+ right: 0;
19055
+ bottom: 0;
19056
+ left: 0;
19057
+ pointer-events: none;
19058
+ opacity: 0;
19059
+ transition: opacity 0.2s ease-in-out;
19060
+ }.v-btn-group {
19061
+ display: inline-flex;
19062
+ flex-wrap: nowrap;
19063
+ max-width: 100%;
19064
+ min-width: 0;
19065
+ overflow: hidden;
19066
+ vertical-align: middle;
19067
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19068
+ border-style: solid;
19069
+ border-width: 0;
19070
+ 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));
19071
+ border-radius: 4px;
19072
+ background: transparent;
19073
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19074
+ }
19075
+ .v-btn-group--border {
19076
+ border-width: thin;
19077
+ box-shadow: none;
19078
+ }
19079
+ .v-btn-group--density-default.v-btn-group {
19080
+ height: 48px;
19081
+ }
19082
+
19083
+ .v-btn-group--density-comfortable.v-btn-group {
19084
+ height: 40px;
19085
+ }
19086
+
19087
+ .v-btn-group--density-compact.v-btn-group {
19088
+ height: 36px;
19089
+ }
19090
+
19091
+ .v-btn-group .v-btn {
19092
+ border-radius: 0;
19093
+ border-color: inherit;
19094
+ }
19095
+ .v-btn-group .v-btn:not(:last-child) {
19096
+ border-inline-end: none;
19097
+ }
19098
+ .v-btn-group .v-btn:not(:first-child) {
19099
+ border-inline-start: none;
19100
+ }
19101
+ .v-btn-group .v-btn:first-child {
19102
+ border-start-start-radius: inherit;
19103
+ border-end-start-radius: inherit;
19104
+ }
19105
+ .v-btn-group .v-btn:last-child {
19106
+ border-start-end-radius: inherit;
19107
+ border-end-end-radius: inherit;
19108
+ }
19109
+ .v-btn-group--divided .v-btn:not(:last-child) {
19110
+ border-inline-end-width: thin;
19111
+ border-inline-end-style: solid;
19112
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
19113
+ }
19114
+ .v-btn-group--tile {
19115
+ border-radius: 0;
19116
+ }.v-carousel {
19117
+ overflow: hidden;
19118
+ position: relative;
19119
+ width: 100%;
19120
+ }
19121
+ .v-carousel__controls {
19122
+ align-items: center;
19123
+ bottom: 0;
19124
+ display: flex;
19125
+ height: 50px;
19126
+ justify-content: center;
19127
+ list-style-type: none;
19128
+ position: absolute;
19129
+ width: 100%;
19130
+ z-index: 1;
19131
+ background: rgba(var(--v-theme-surface-variant), 0.3);
19132
+ color: rgb(var(--v-theme-on-surface-variant));
19133
+ }
19134
+ .v-carousel__controls > .v-item-group {
19135
+ flex: 0 1 auto;
19136
+ }
19137
+ .v-carousel__controls__item {
19138
+ margin: 0 8px;
19139
+ }
19140
+ .v-carousel__controls__item .v-icon {
19141
+ opacity: 0.5;
19142
+ }
19143
+ .v-carousel__controls__item--active .v-icon {
19144
+ opacity: 1;
19145
+ vertical-align: middle;
19146
+ }
19147
+ .v-carousel__controls__item:hover {
19148
+ background: none;
19149
+ }
19150
+ .v-carousel__controls__item:hover .v-icon {
19151
+ opacity: 0.8;
19152
+ }
19153
+
19154
+ .v-carousel__progress {
19155
+ margin: 0;
19156
+ position: absolute;
19157
+ bottom: 0;
19158
+ left: 0;
19159
+ right: 0;
19160
+ }
19161
+
19162
+ .v-carousel-item {
19163
+ display: block;
19164
+ height: inherit;
19165
+ text-decoration: none;
19166
+ }
19167
+ .v-carousel-item > .v-img {
19168
+ height: inherit;
19169
+ }
19170
+
19171
+ .v-carousel--hide-delimiter-background .v-carousel__controls {
19172
+ background: transparent;
19173
+ }
19174
+
19175
+ .v-carousel--vertical-delimiters .v-carousel__controls {
19176
+ flex-direction: column;
19177
+ height: 100% !important;
19178
+ width: 50px;
19179
+ }.v-checkbox.v-input {
19180
+ flex: 0 1 auto;
19181
+ }
19182
+ .v-checkbox .v-selection-control {
19183
+ min-height: var(--v-input-control-height);
19184
+ }.v-chip {
19185
+ align-items: center;
19186
+ display: inline-flex;
19187
+ font-weight: 400;
19188
+ max-width: 100%;
19189
+ min-width: 0;
19190
+ overflow: hidden;
19191
+ position: relative;
19192
+ text-decoration: none;
19193
+ white-space: nowrap;
19194
+ vertical-align: middle;
19195
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19196
+ border-style: solid;
19197
+ border-width: 0;
19198
+ border-radius: 9999px;
19199
+ }
19200
+ .v-chip .v-icon {
19201
+ --v-icon-size-multiplier: 0.8571428571;
19202
+ }
19203
+ .v-chip.v-chip--size-x-small {
19204
+ --v-chip-size: 0.625rem;
18888
19205
  --v-chip-height: 20px;
18889
19206
  font-size: 0.625rem;
18890
19207
  padding: 0 8px;
@@ -19294,6 +19611,87 @@ html.overflow-y-hidden {
19294
19611
  white-space: normal;
19295
19612
  flex-wrap: wrap;
19296
19613
  max-width: 100%;
19614
+ }.v-combobox .v-field .v-text-field__prefix,
19615
+ .v-combobox .v-field .v-text-field__suffix,
19616
+ .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
19617
+ cursor: text;
19618
+ }
19619
+ .v-combobox .v-field .v-field__input > input {
19620
+ flex: 1 1;
19621
+ }
19622
+ .v-combobox .v-field input {
19623
+ min-width: 64px;
19624
+ }
19625
+ .v-combobox .v-field:not(.v-field--focused) input {
19626
+ min-width: 0;
19627
+ }
19628
+ .v-combobox .v-field--dirty .v-combobox__selection {
19629
+ margin-inline-end: 2px;
19630
+ }
19631
+ .v-combobox .v-combobox__selection-text {
19632
+ overflow: hidden;
19633
+ text-overflow: ellipsis;
19634
+ white-space: nowrap;
19635
+ }
19636
+
19637
+ .v-combobox__content {
19638
+ overflow: hidden;
19639
+ 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));
19640
+ border-radius: 4px;
19641
+ }
19642
+ .v-combobox__mask {
19643
+ background: rgb(var(--v-theme-surface-light));
19644
+ }
19645
+ .v-combobox__selection {
19646
+ display: inline-flex;
19647
+ align-items: center;
19648
+ height: 1.5rem;
19649
+ letter-spacing: inherit;
19650
+ line-height: inherit;
19651
+ max-width: calc(100% - 2px - 2px);
19652
+ }
19653
+ .v-combobox__selection:first-child {
19654
+ margin-inline-start: 0;
19655
+ }
19656
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
19657
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
19658
+ .v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
19659
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
19660
+ top: 0px;
19661
+ }
19662
+ .v-combobox--selecting-index .v-combobox__selection {
19663
+ opacity: var(--v-medium-emphasis-opacity);
19664
+ }
19665
+ .v-combobox--selecting-index .v-combobox__selection--selected {
19666
+ opacity: 1;
19667
+ }
19668
+ .v-combobox--selecting-index .v-field__input > input {
19669
+ caret-color: transparent;
19670
+ }
19671
+ .v-combobox--single:not(.v-combobox--selection-slot).v-text-field input {
19672
+ flex: 1 1;
19673
+ position: absolute;
19674
+ left: 0;
19675
+ right: 0;
19676
+ width: 100%;
19677
+ padding-inline: inherit;
19678
+ }
19679
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--active input {
19680
+ transition: none;
19681
+ }
19682
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--dirty:not(.v-field--focused) input {
19683
+ opacity: 0;
19684
+ }
19685
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--focused .v-combobox__selection {
19686
+ opacity: 0;
19687
+ }
19688
+ .v-combobox__menu-icon {
19689
+ margin-inline-start: 4px;
19690
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
19691
+ }
19692
+ .v-combobox--active-menu .v-combobox__menu-icon {
19693
+ opacity: var(--v-high-emphasis-opacity);
19694
+ transform: rotate(180deg);
19297
19695
  }.v-container {
19298
19696
  width: 100%;
19299
19697
  padding: 16px;
@@ -19980,98 +20378,77 @@ html.overflow-y-hidden {
19980
20378
  flex-direction: column;
19981
20379
  padding: 16px;
19982
20380
  }
19983
-
19984
- .v-color-picker--flat {
19985
- 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));
19986
- }
19987
- .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
19988
- 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));
19989
- }.v-combobox .v-field .v-text-field__prefix,
19990
- .v-combobox .v-field .v-text-field__suffix,
19991
- .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
19992
- cursor: text;
19993
- }
19994
- .v-combobox .v-field .v-field__input > input {
19995
- flex: 1 1;
19996
- }
19997
- .v-combobox .v-field input {
19998
- min-width: 64px;
19999
- }
20000
- .v-combobox .v-field:not(.v-field--focused) input {
20001
- min-width: 0;
20002
- }
20003
- .v-combobox .v-field--dirty .v-combobox__selection {
20004
- margin-inline-end: 2px;
20005
- }
20006
- .v-combobox .v-combobox__selection-text {
20381
+
20382
+ .v-color-picker--flat {
20383
+ 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));
20384
+ }
20385
+ .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20386
+ 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));
20387
+ }.v-counter {
20388
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20389
+ flex: 0 1 auto;
20390
+ font-size: 12px;
20391
+ transition-duration: 150ms;
20392
+ }.v-date-picker-header {
20393
+ align-items: flex-end;
20394
+ height: 70px;
20395
+ display: grid;
20396
+ grid-template-areas: "prepend content append";
20397
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
20007
20398
  overflow: hidden;
20008
- text-overflow: ellipsis;
20009
- white-space: nowrap;
20399
+ padding-inline: 24px 12px;
20400
+ padding-bottom: 12px;
20010
20401
  }
20011
20402
 
20012
- .v-combobox__content {
20013
- overflow: hidden;
20014
- 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));
20015
- border-radius: 4px;
20403
+ .v-date-picker-header__append {
20404
+ grid-area: append;
20016
20405
  }
20017
- .v-combobox__mask {
20018
- background: rgb(var(--v-theme-surface-light));
20406
+
20407
+ .v-date-picker-header__prepend {
20408
+ grid-area: prepend;
20409
+ padding-inline-start: 8px;
20019
20410
  }
20020
- .v-combobox__selection {
20021
- display: inline-flex;
20411
+
20412
+ .v-date-picker-header__content {
20022
20413
  align-items: center;
20023
- height: 1.5rem;
20024
- letter-spacing: inherit;
20025
- line-height: inherit;
20026
- max-width: calc(100% - 2px - 2px);
20027
- }
20028
- .v-combobox__selection:first-child {
20029
- margin-inline-start: 0;
20030
- }
20031
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
20032
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
20033
- .v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
20034
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20035
- top: 0px;
20036
- }
20037
- .v-combobox--selecting-index .v-combobox__selection {
20038
- opacity: var(--v-medium-emphasis-opacity);
20414
+ display: inline-flex;
20415
+ font-size: 32px;
20416
+ line-height: 40px;
20417
+ grid-area: content;
20418
+ justify-content: space-between;
20039
20419
  }
20040
- .v-combobox--selecting-index .v-combobox__selection--selected {
20041
- opacity: 1;
20420
+ .v-date-picker-header--clickable .v-date-picker-header__content {
20421
+ cursor: pointer;
20042
20422
  }
20043
- .v-combobox--selecting-index .v-field__input > input {
20044
- caret-color: transparent;
20423
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20424
+ opacity: 0.7;
20045
20425
  }
20046
- .v-combobox--single:not(.v-combobox--selection-slot).v-text-field input {
20047
- flex: 1 1;
20048
- position: absolute;
20049
- left: 0;
20050
- right: 0;
20051
- width: 100%;
20052
- padding-inline: inherit;
20426
+
20427
+ .date-picker-header-transition-enter-active,
20428
+ .date-picker-header-reverse-transition-enter-active {
20429
+ transition-duration: 0.3s;
20430
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20053
20431
  }
20054
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--active input {
20055
- transition: none;
20432
+ .date-picker-header-transition-leave-active,
20433
+ .date-picker-header-reverse-transition-leave-active {
20434
+ transition-duration: 0.3s;
20435
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20056
20436
  }
20057
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--dirty:not(.v-field--focused) input {
20058
- opacity: 0;
20437
+
20438
+ .date-picker-header-transition-enter-from {
20439
+ transform: translate(0, 100%);
20059
20440
  }
20060
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--focused .v-combobox__selection {
20441
+ .date-picker-header-transition-leave-to {
20061
20442
  opacity: 0;
20443
+ transform: translate(0, -100%);
20062
20444
  }
20063
- .v-combobox__menu-icon {
20064
- margin-inline-start: 4px;
20065
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
20445
+
20446
+ .date-picker-header-reverse-transition-enter-from {
20447
+ transform: translate(0, -100%);
20066
20448
  }
20067
- .v-combobox--active-menu .v-combobox__menu-icon {
20068
- opacity: var(--v-high-emphasis-opacity);
20069
- transform: rotate(180deg);
20070
- }.v-counter {
20071
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20072
- flex: 0 1 auto;
20073
- font-size: 12px;
20074
- transition-duration: 150ms;
20449
+ .date-picker-header-reverse-transition-leave-to {
20450
+ opacity: 0;
20451
+ transform: translate(0, 100%);
20075
20452
  }.v-date-picker {
20076
20453
  overflow: hidden;
20077
20454
  width: 328px;
@@ -20134,66 +20511,6 @@ html.overflow-y-hidden {
20134
20511
 
20135
20512
  .v-date-picker__title {
20136
20513
  display: inline-block;
20137
- }.v-date-picker-header {
20138
- align-items: flex-end;
20139
- height: 70px;
20140
- display: grid;
20141
- grid-template-areas: "prepend content append";
20142
- grid-template-columns: min-content minmax(0, 1fr) min-content;
20143
- overflow: hidden;
20144
- padding-inline: 24px 12px;
20145
- padding-bottom: 12px;
20146
- }
20147
-
20148
- .v-date-picker-header__append {
20149
- grid-area: append;
20150
- }
20151
-
20152
- .v-date-picker-header__prepend {
20153
- grid-area: prepend;
20154
- padding-inline-start: 8px;
20155
- }
20156
-
20157
- .v-date-picker-header__content {
20158
- align-items: center;
20159
- display: inline-flex;
20160
- font-size: 32px;
20161
- line-height: 40px;
20162
- grid-area: content;
20163
- justify-content: space-between;
20164
- }
20165
- .v-date-picker-header--clickable .v-date-picker-header__content {
20166
- cursor: pointer;
20167
- }
20168
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20169
- opacity: 0.7;
20170
- }
20171
-
20172
- .date-picker-header-transition-enter-active,
20173
- .date-picker-header-reverse-transition-enter-active {
20174
- transition-duration: 0.3s;
20175
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20176
- }
20177
- .date-picker-header-transition-leave-active,
20178
- .date-picker-header-reverse-transition-leave-active {
20179
- transition-duration: 0.3s;
20180
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20181
- }
20182
-
20183
- .date-picker-header-transition-enter-from {
20184
- transform: translate(0, 100%);
20185
- }
20186
- .date-picker-header-transition-leave-to {
20187
- opacity: 0;
20188
- transform: translate(0, -100%);
20189
- }
20190
-
20191
- .date-picker-header-reverse-transition-enter-from {
20192
- transform: translate(0, -100%);
20193
- }
20194
- .date-picker-header-reverse-transition-leave-to {
20195
- opacity: 0;
20196
- transform: translate(0, 100%);
20197
20514
  }.v-date-picker-month {
20198
20515
  display: flex;
20199
20516
  justify-content: center;
@@ -20249,6 +20566,21 @@ html.overflow-y-hidden {
20249
20566
 
20250
20567
  .v-date-picker-month__day--hide-adjacent {
20251
20568
  opacity: 0;
20569
+ }.v-date-picker-years {
20570
+ height: 288px;
20571
+ overflow-y: scroll;
20572
+ }
20573
+
20574
+ .v-date-picker-years__content {
20575
+ display: grid;
20576
+ flex: 1 1;
20577
+ justify-content: space-around;
20578
+ grid-template-columns: repeat(3, 1fr);
20579
+ gap: 8px 24px;
20580
+ padding-inline: 32px;
20581
+ }
20582
+ .v-date-picker-years__content .v-btn {
20583
+ padding-inline: 8px;
20252
20584
  }.v-date-picker-months {
20253
20585
  height: 288px;
20254
20586
  }
@@ -20268,21 +20600,6 @@ html.overflow-y-hidden {
20268
20600
  text-transform: none;
20269
20601
  padding-inline-start: 8px;
20270
20602
  padding-inline-end: 8px;
20271
- }.v-date-picker-years {
20272
- height: 288px;
20273
- overflow-y: scroll;
20274
- }
20275
-
20276
- .v-date-picker-years__content {
20277
- display: grid;
20278
- flex: 1 1;
20279
- justify-content: space-around;
20280
- grid-template-columns: repeat(3, 1fr);
20281
- gap: 8px 24px;
20282
- padding-inline: 32px;
20283
- }
20284
- .v-date-picker-years__content .v-btn {
20285
- padding-inline: 8px;
20286
20603
  }.v-data-table {
20287
20604
  width: 100%;
20288
20605
  }
@@ -20452,7 +20769,7 @@ html.overflow-y-hidden {
20452
20769
  }
20453
20770
 
20454
20771
  .v-data-table__td-title {
20455
- font-weight: bold;
20772
+ font-weight: 500;
20456
20773
  text-align: left;
20457
20774
  }
20458
20775
 
@@ -20577,66 +20894,17 @@ html.overflow-y-hidden {
20577
20894
  }
20578
20895
  .v-dialog--scrollable > .v-overlay__content > .v-card,
20579
20896
  .v-dialog--scrollable > .v-overlay__content > form > .v-card {
20580
- display: flex;
20581
- flex: 1 1 100%;
20582
- flex-direction: column;
20583
- max-height: 100%;
20584
- max-width: 100%;
20585
- }
20586
- .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
20587
- .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
20588
- -webkit-backface-visibility: hidden;
20589
- backface-visibility: hidden;
20590
- overflow-y: auto;
20591
- }.v-divider {
20592
- display: block;
20593
- flex: 1 1 100%;
20594
- height: 0px;
20595
- max-height: 0px;
20596
- opacity: var(--v-border-opacity);
20597
- transition: inherit;
20598
- border-style: solid;
20599
- border-width: thin 0 0 0;
20600
- }
20601
- .v-divider--vertical {
20602
- align-self: stretch;
20603
- border-width: 0 thin 0 0;
20604
- display: inline-flex;
20605
- height: 100%;
20606
- margin-left: -1px;
20607
- max-height: 100%;
20608
- max-width: 0px;
20609
- vertical-align: text-bottom;
20610
- width: 0px;
20611
- }
20612
- .v-divider--inset:not(.v-divider--vertical) {
20613
- max-width: calc(100% - 72px);
20614
- margin-inline-start: 72px;
20615
- }
20616
- .v-divider--inset.v-divider--vertical {
20617
- margin-bottom: 8px;
20618
- margin-top: 8px;
20619
- max-height: calc(100% - 16px);
20620
- }
20621
-
20622
- .v-divider__content {
20623
- padding: 0 16px;
20624
- }
20625
- .v-divider__wrapper--vertical .v-divider__content {
20626
- padding: 4px 0;
20627
- }
20628
-
20629
- .v-divider__wrapper {
20630
- display: flex;
20631
- align-items: center;
20632
- justify-content: center;
20633
- }
20634
- .v-divider__wrapper--vertical {
20897
+ display: flex;
20898
+ flex: 1 1 100%;
20635
20899
  flex-direction: column;
20636
- height: 100%;
20900
+ max-height: 100%;
20901
+ max-width: 100%;
20637
20902
  }
20638
- .v-divider__wrapper--vertical .v-divider {
20639
- margin: 0 auto;
20903
+ .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
20904
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
20905
+ -webkit-backface-visibility: hidden;
20906
+ backface-visibility: hidden;
20907
+ overflow-y: auto;
20640
20908
  }.v-empty-state {
20641
20909
  align-items: center;
20642
20910
  display: flex;
@@ -20983,35 +21251,55 @@ html.overflow-y-hidden {
20983
21251
  }
20984
21252
  .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
20985
21253
  right: 0;
20986
- }.v-file-input--hide.v-input .v-field,
20987
- .v-file-input--hide.v-input .v-input__control,
20988
- .v-file-input--hide.v-input .v-input__details {
20989
- display: none;
21254
+ }.v-divider {
21255
+ display: block;
21256
+ flex: 1 1 100%;
21257
+ height: 0px;
21258
+ max-height: 0px;
21259
+ opacity: var(--v-border-opacity);
21260
+ transition: inherit;
21261
+ border-style: solid;
21262
+ border-width: thin 0 0 0;
20990
21263
  }
20991
- .v-file-input--hide.v-input .v-input__prepend {
20992
- grid-area: control;
20993
- margin: 0 auto;
21264
+ .v-divider--vertical {
21265
+ align-self: stretch;
21266
+ border-width: 0 thin 0 0;
21267
+ display: inline-flex;
21268
+ height: 100%;
21269
+ margin-left: -1px;
21270
+ max-height: 100%;
21271
+ max-width: 0px;
21272
+ vertical-align: text-bottom;
21273
+ width: 0px;
20994
21274
  }
20995
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
20996
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
20997
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
20998
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20999
- top: 0px;
21275
+ .v-divider--inset:not(.v-divider--vertical) {
21276
+ max-width: calc(100% - 72px);
21277
+ margin-inline-start: 72px;
21000
21278
  }
21001
- .v-file-input input[type=file] {
21002
- height: 100%;
21003
- left: 0;
21004
- opacity: 0;
21005
- position: absolute;
21006
- top: 0;
21007
- width: 100%;
21008
- z-index: 1;
21279
+ .v-divider--inset.v-divider--vertical {
21280
+ margin-bottom: 8px;
21281
+ margin-top: 8px;
21282
+ max-height: calc(100% - 16px);
21009
21283
  }
21010
- .v-file-input .v-input__details {
21011
- padding-inline: 16px;
21284
+
21285
+ .v-divider__content {
21286
+ padding: 0 16px;
21012
21287
  }
21013
- .v-input--plain-underlined.v-file-input .v-input__details {
21014
- padding-inline: 0;
21288
+ .v-divider__wrapper--vertical .v-divider__content {
21289
+ padding: 4px 0;
21290
+ }
21291
+
21292
+ .v-divider__wrapper {
21293
+ display: flex;
21294
+ align-items: center;
21295
+ justify-content: center;
21296
+ }
21297
+ .v-divider__wrapper--vertical {
21298
+ flex-direction: column;
21299
+ height: 100%;
21300
+ }
21301
+ .v-divider__wrapper--vertical .v-divider {
21302
+ margin: 0 auto;
21015
21303
  }/* region INPUT */
21016
21304
  .v-field {
21017
21305
  display: grid;
@@ -21582,7 +21870,36 @@ textarea.v-field__input::placeholder {
21582
21870
  opacity: 0;
21583
21871
  }
21584
21872
 
21585
- /* endregion */.v-footer {
21873
+ /* endregion */.v-file-input--hide.v-input .v-field,
21874
+ .v-file-input--hide.v-input .v-input__control,
21875
+ .v-file-input--hide.v-input .v-input__details {
21876
+ display: none;
21877
+ }
21878
+ .v-file-input--hide.v-input .v-input__prepend {
21879
+ grid-area: control;
21880
+ margin: 0 auto;
21881
+ }
21882
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21883
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21884
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21885
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21886
+ top: 0px;
21887
+ }
21888
+ .v-file-input input[type=file] {
21889
+ height: 100%;
21890
+ left: 0;
21891
+ opacity: 0;
21892
+ position: absolute;
21893
+ top: 0;
21894
+ width: 100%;
21895
+ z-index: 1;
21896
+ }
21897
+ .v-file-input .v-input__details {
21898
+ padding-inline: 16px;
21899
+ }
21900
+ .v-input--plain-underlined.v-file-input .v-input__details {
21901
+ padding-inline: 0;
21902
+ }.v-footer {
21586
21903
  align-items: center;
21587
21904
  display: flex;
21588
21905
  flex: 1 1 auto;
@@ -21610,6 +21927,31 @@ textarea.v-field__input::placeholder {
21610
21927
  }
21611
21928
  .v-footer--rounded {
21612
21929
  border-radius: 4px;
21930
+ }.v-infinite-scroll--horizontal {
21931
+ display: flex;
21932
+ flex-direction: row;
21933
+ overflow-x: auto;
21934
+ }
21935
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21936
+ height: 100%;
21937
+ width: 1px;
21938
+ }
21939
+
21940
+ .v-infinite-scroll--vertical {
21941
+ display: flex;
21942
+ flex-direction: column;
21943
+ overflow-y: auto;
21944
+ }
21945
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21946
+ height: 1px;
21947
+ width: 100%;
21948
+ }
21949
+
21950
+ .v-infinite-scroll__side {
21951
+ align-items: center;
21952
+ display: flex;
21953
+ justify-content: center;
21954
+ padding: 8px;
21613
21955
  }.v-icon {
21614
21956
  --v-icon-size-multiplier: 1;
21615
21957
  align-items: center;
@@ -21663,67 +22005,6 @@ textarea.v-field__input::placeholder {
21663
22005
 
21664
22006
  .v-icon--end {
21665
22007
  margin-inline-start: 8px;
21666
- }.v-img {
21667
- --v-theme-overlay-multiplier: 3;
21668
- z-index: 0;
21669
- }
21670
- .v-img--booting .v-responsive__sizer {
21671
- transition: none;
21672
- }
21673
- .v-img--rounded {
21674
- border-radius: 4px;
21675
- }
21676
-
21677
- .v-img__img,
21678
- .v-img__picture,
21679
- .v-img__gradient,
21680
- .v-img__placeholder,
21681
- .v-img__error {
21682
- z-index: -1;
21683
- position: absolute;
21684
- top: 0;
21685
- left: 0;
21686
- width: 100%;
21687
- height: 100%;
21688
- }
21689
-
21690
- .v-img__img--preload {
21691
- filter: blur(4px);
21692
- }
21693
- .v-img__img--contain {
21694
- object-fit: contain;
21695
- }
21696
- .v-img__img--cover {
21697
- object-fit: cover;
21698
- }
21699
-
21700
- .v-img__gradient {
21701
- background-repeat: no-repeat;
21702
- }.v-infinite-scroll--horizontal {
21703
- display: flex;
21704
- flex-direction: row;
21705
- overflow-x: auto;
21706
- }
21707
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21708
- height: 100%;
21709
- width: 1px;
21710
- }
21711
-
21712
- .v-infinite-scroll--vertical {
21713
- display: flex;
21714
- flex-direction: column;
21715
- overflow-y: auto;
21716
- }
21717
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21718
- height: 1px;
21719
- width: 100%;
21720
- }
21721
-
21722
- .v-infinite-scroll__side {
21723
- align-items: center;
21724
- display: flex;
21725
- justify-content: center;
21726
- padding: 8px;
21727
22008
  }.v-input {
21728
22009
  display: grid;
21729
22010
  flex: 1 1 auto;
@@ -21866,6 +22147,42 @@ textarea.v-field__input::placeholder {
21866
22147
 
21867
22148
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
21868
22149
  padding-top: calc(var(--v-input-padding-top) + 0px);
22150
+ }.v-img {
22151
+ --v-theme-overlay-multiplier: 3;
22152
+ z-index: 0;
22153
+ }
22154
+ .v-img--booting .v-responsive__sizer {
22155
+ transition: none;
22156
+ }
22157
+ .v-img--rounded {
22158
+ border-radius: 4px;
22159
+ }
22160
+
22161
+ .v-img__img,
22162
+ .v-img__picture,
22163
+ .v-img__gradient,
22164
+ .v-img__placeholder,
22165
+ .v-img__error {
22166
+ z-index: -1;
22167
+ position: absolute;
22168
+ top: 0;
22169
+ left: 0;
22170
+ width: 100%;
22171
+ height: 100%;
22172
+ }
22173
+
22174
+ .v-img__img--preload {
22175
+ filter: blur(4px);
22176
+ }
22177
+ .v-img__img--contain {
22178
+ object-fit: contain;
22179
+ }
22180
+ .v-img__img--cover {
22181
+ object-fit: cover;
22182
+ }
22183
+
22184
+ .v-img__gradient {
22185
+ background-repeat: no-repeat;
21869
22186
  }.v-item-group {
21870
22187
  flex: 0 1 auto;
21871
22188
  max-width: 100%;
@@ -21886,13 +22203,6 @@ textarea.v-field__input::placeholder {
21886
22203
 
21887
22204
  .v-label--clickable {
21888
22205
  cursor: pointer;
21889
- }.v-layout-item {
21890
- position: absolute;
21891
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21892
- }
21893
-
21894
- .v-layout-item--absolute {
21895
- position: absolute;
21896
22206
  }.v-layout {
21897
22207
  --v-scrollbar-offset: 0px;
21898
22208
  display: flex;
@@ -21901,6 +22211,13 @@ textarea.v-field__input::placeholder {
21901
22211
  .v-layout--full-height {
21902
22212
  --v-scrollbar-offset: inherit;
21903
22213
  height: 100%;
22214
+ }.v-layout-item {
22215
+ position: absolute;
22216
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22217
+ }
22218
+
22219
+ .v-layout-item--absolute {
22220
+ position: absolute;
21904
22221
  }.v-list {
21905
22222
  overflow: auto;
21906
22223
  padding: 8px 0;
@@ -22458,8 +22775,6 @@ textarea.v-field__input::placeholder {
22458
22775
  }
22459
22776
  .v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
22460
22777
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22461
- }.v-locale-provider {
22462
- display: contents;
22463
22778
  }.v-main {
22464
22779
  flex: 1 0 auto;
22465
22780
  max-width: 100%;
@@ -22488,6 +22803,8 @@ textarea.v-field__input::placeholder {
22488
22803
  --v-layout-right: 0px;
22489
22804
  --v-layout-top: 0px;
22490
22805
  --v-layout-bottom: 0px;
22806
+ }.v-locale-provider {
22807
+ display: contents;
22491
22808
  }.v-menu > .v-overlay__content {
22492
22809
  display: flex;
22493
22810
  flex-direction: column;
@@ -22501,6 +22818,22 @@ textarea.v-field__input::placeholder {
22501
22818
  overflow: auto;
22502
22819
  height: 100%;
22503
22820
  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));
22821
+ }.v-messages {
22822
+ flex: 1 1 auto;
22823
+ font-size: 12px;
22824
+ min-height: 14px;
22825
+ min-width: 1px;
22826
+ opacity: var(--v-medium-emphasis-opacity);
22827
+ position: relative;
22828
+ }
22829
+ .v-messages__message {
22830
+ line-height: 12px;
22831
+ word-break: break-word;
22832
+ overflow-wrap: break-word;
22833
+ word-wrap: break-word;
22834
+ -webkit-hyphens: auto;
22835
+ hyphens: auto;
22836
+ transition-duration: 150ms;
22504
22837
  }.v-navigation-drawer {
22505
22838
  -webkit-overflow-scrolling: touch;
22506
22839
  background: rgb(var(--v-theme-surface));
@@ -22603,22 +22936,6 @@ textarea.v-field__input::placeholder {
22603
22936
  .v-navigation-drawer__append {
22604
22937
  flex: none;
22605
22938
  overflow: hidden;
22606
- }.v-messages {
22607
- flex: 1 1 auto;
22608
- font-size: 12px;
22609
- min-height: 14px;
22610
- min-width: 1px;
22611
- opacity: var(--v-medium-emphasis-opacity);
22612
- position: relative;
22613
- }
22614
- .v-messages__message {
22615
- line-height: 12px;
22616
- word-break: break-word;
22617
- overflow-wrap: break-word;
22618
- word-wrap: break-word;
22619
- -webkit-hyphens: auto;
22620
- hyphens: auto;
22621
- transition-duration: 150ms;
22622
22939
  }.v-otp-input {
22623
22940
  border-radius: 4px;
22624
22941
  align-items: center;
@@ -22752,6 +23069,120 @@ html.v-overlay-scroll-blocked {
22752
23069
  }
22753
23070
  .v-parallax--active > .v-img__img {
22754
23071
  will-change: transform;
23072
+ }.v-progress-circular {
23073
+ align-items: center;
23074
+ display: inline-flex;
23075
+ justify-content: center;
23076
+ position: relative;
23077
+ vertical-align: middle;
23078
+ }
23079
+ .v-progress-circular > svg {
23080
+ width: 100%;
23081
+ height: 100%;
23082
+ margin: auto;
23083
+ position: absolute;
23084
+ top: 0;
23085
+ bottom: 0;
23086
+ left: 0;
23087
+ right: 0;
23088
+ z-index: 0;
23089
+ }
23090
+
23091
+ .v-progress-circular__content {
23092
+ align-items: center;
23093
+ display: flex;
23094
+ justify-content: center;
23095
+ }
23096
+
23097
+ .v-progress-circular__underlay {
23098
+ color: rgba(var(--v-border-color), var(--v-border-opacity));
23099
+ stroke: currentColor;
23100
+ z-index: 1;
23101
+ }
23102
+
23103
+ .v-progress-circular__overlay {
23104
+ stroke: currentColor;
23105
+ transition: all 0.2s ease-in-out, stroke-width 0s;
23106
+ z-index: 2;
23107
+ }
23108
+
23109
+ .v-progress-circular--size-x-small {
23110
+ height: 16px;
23111
+ width: 16px;
23112
+ }
23113
+ .v-progress-circular--size-small {
23114
+ height: 24px;
23115
+ width: 24px;
23116
+ }
23117
+ .v-progress-circular--size-default {
23118
+ height: 32px;
23119
+ width: 32px;
23120
+ }
23121
+ .v-progress-circular--size-large {
23122
+ height: 48px;
23123
+ width: 48px;
23124
+ }
23125
+ .v-progress-circular--size-x-large {
23126
+ height: 64px;
23127
+ width: 64px;
23128
+ }
23129
+
23130
+ .v-progress-circular--indeterminate > svg {
23131
+ animation: progress-circular-rotate 1.4s linear infinite;
23132
+ transform-origin: center center;
23133
+ transition: all 0.2s ease-in-out;
23134
+ }
23135
+ .v-progress-circular--indeterminate .v-progress-circular__overlay {
23136
+ animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
23137
+ stroke-dasharray: 25, 200;
23138
+ stroke-dashoffset: 0;
23139
+ stroke-linecap: round;
23140
+ transform-origin: center center;
23141
+ transform: rotate(-90deg);
23142
+ }
23143
+
23144
+ .v-progress-circular--disable-shrink > svg {
23145
+ animation-duration: 0.7s;
23146
+ }
23147
+ .v-progress-circular--disable-shrink .v-progress-circular__overlay {
23148
+ animation: none;
23149
+ }
23150
+
23151
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
23152
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
23153
+ animation-play-state: paused !important;
23154
+ }
23155
+
23156
+ @keyframes progress-circular-dash {
23157
+ 0% {
23158
+ stroke-dasharray: 1, 200;
23159
+ stroke-dashoffset: 0px;
23160
+ }
23161
+ 50% {
23162
+ stroke-dasharray: 100, 200;
23163
+ stroke-dashoffset: -15px;
23164
+ }
23165
+ 100% {
23166
+ stroke-dasharray: 100, 200;
23167
+ stroke-dashoffset: -124px;
23168
+ }
23169
+ }
23170
+ @keyframes progress-circular-rotate {
23171
+ 100% {
23172
+ transform: rotate(270deg);
23173
+ }
23174
+ }.v-radio-group > .v-input__control {
23175
+ flex-direction: column;
23176
+ }
23177
+ .v-radio-group > .v-input__control > .v-label {
23178
+ margin-inline-start: 16px;
23179
+ }
23180
+ .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
23181
+ padding-inline-start: 6px;
23182
+ margin-top: 8px;
23183
+ }
23184
+ .v-radio-group .v-input__details {
23185
+ padding-inline: 16px;
22755
23186
  }.v-progress-linear {
22756
23187
  background: transparent;
22757
23188
  overflow: hidden;
@@ -22951,132 +23382,18 @@ html.v-overlay-scroll-blocked {
22951
23382
  }
22952
23383
  100% {
22953
23384
  left: -8%;
22954
- right: 107%;
22955
- }
22956
- }
22957
- @keyframes stream {
22958
- to {
22959
- transform: translateX(var(--v-progress-linear-stream-to));
22960
- }
22961
- }
22962
- @keyframes progress-linear-stripes {
22963
- 0% {
22964
- background-position-x: var(--v-progress-linear-height);
22965
- }
22966
- }.v-progress-circular {
22967
- align-items: center;
22968
- display: inline-flex;
22969
- justify-content: center;
22970
- position: relative;
22971
- vertical-align: middle;
22972
- }
22973
- .v-progress-circular > svg {
22974
- width: 100%;
22975
- height: 100%;
22976
- margin: auto;
22977
- position: absolute;
22978
- top: 0;
22979
- bottom: 0;
22980
- left: 0;
22981
- right: 0;
22982
- z-index: 0;
22983
- }
22984
-
22985
- .v-progress-circular__content {
22986
- align-items: center;
22987
- display: flex;
22988
- justify-content: center;
22989
- }
22990
-
22991
- .v-progress-circular__underlay {
22992
- color: rgba(var(--v-border-color), var(--v-border-opacity));
22993
- stroke: currentColor;
22994
- z-index: 1;
22995
- }
22996
-
22997
- .v-progress-circular__overlay {
22998
- stroke: currentColor;
22999
- transition: all 0.2s ease-in-out, stroke-width 0s;
23000
- z-index: 2;
23001
- }
23002
-
23003
- .v-progress-circular--size-x-small {
23004
- height: 16px;
23005
- width: 16px;
23006
- }
23007
- .v-progress-circular--size-small {
23008
- height: 24px;
23009
- width: 24px;
23010
- }
23011
- .v-progress-circular--size-default {
23012
- height: 32px;
23013
- width: 32px;
23014
- }
23015
- .v-progress-circular--size-large {
23016
- height: 48px;
23017
- width: 48px;
23018
- }
23019
- .v-progress-circular--size-x-large {
23020
- height: 64px;
23021
- width: 64px;
23022
- }
23023
-
23024
- .v-progress-circular--indeterminate > svg {
23025
- animation: progress-circular-rotate 1.4s linear infinite;
23026
- transform-origin: center center;
23027
- transition: all 0.2s ease-in-out;
23028
- }
23029
- .v-progress-circular--indeterminate .v-progress-circular__overlay {
23030
- animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
23031
- stroke-dasharray: 25, 200;
23032
- stroke-dashoffset: 0;
23033
- stroke-linecap: round;
23034
- transform-origin: center center;
23035
- transform: rotate(-90deg);
23036
- }
23037
-
23038
- .v-progress-circular--disable-shrink > svg {
23039
- animation-duration: 0.7s;
23040
- }
23041
- .v-progress-circular--disable-shrink .v-progress-circular__overlay {
23042
- animation: none;
23043
- }
23044
-
23045
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
23046
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
23047
- animation-play-state: paused !important;
23048
- }
23049
-
23050
- @keyframes progress-circular-dash {
23051
- 0% {
23052
- stroke-dasharray: 1, 200;
23053
- stroke-dashoffset: 0px;
23054
- }
23055
- 50% {
23056
- stroke-dasharray: 100, 200;
23057
- stroke-dashoffset: -15px;
23058
- }
23059
- 100% {
23060
- stroke-dasharray: 100, 200;
23061
- stroke-dashoffset: -124px;
23062
- }
23063
- }
23064
- @keyframes progress-circular-rotate {
23065
- 100% {
23066
- transform: rotate(270deg);
23067
- }
23068
- }.v-radio-group > .v-input__control {
23069
- flex-direction: column;
23070
- }
23071
- .v-radio-group > .v-input__control > .v-label {
23072
- margin-inline-start: 16px;
23385
+ right: 107%;
23386
+ }
23073
23387
  }
23074
- .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
23075
- padding-inline-start: 6px;
23076
- margin-top: 8px;
23388
+ @keyframes stream {
23389
+ to {
23390
+ transform: translateX(var(--v-progress-linear-stream-to));
23391
+ }
23077
23392
  }
23078
- .v-radio-group .v-input__details {
23079
- padding-inline: 16px;
23393
+ @keyframes progress-linear-stripes {
23394
+ 0% {
23395
+ background-position-x: var(--v-progress-linear-height);
23396
+ }
23080
23397
  }.v-slider .v-slider__container input {
23081
23398
  cursor: default;
23082
23399
  padding: 0;
@@ -23188,32 +23505,6 @@ html.v-overlay-scroll-blocked {
23188
23505
  opacity: 0;
23189
23506
  position: absolute;
23190
23507
  width: 0;
23191
- }.v-responsive {
23192
- display: flex;
23193
- flex: 1 0 auto;
23194
- max-height: 100%;
23195
- max-width: 100%;
23196
- overflow: hidden;
23197
- position: relative;
23198
- }
23199
- .v-responsive--inline {
23200
- display: inline-flex;
23201
- flex: 0 0 auto;
23202
- }
23203
-
23204
- .v-responsive__content {
23205
- flex: 1 0 0px;
23206
- max-width: 100%;
23207
- }
23208
-
23209
- .v-responsive__sizer ~ .v-responsive__content {
23210
- margin-inline-start: -100%;
23211
- }
23212
-
23213
- .v-responsive__sizer {
23214
- flex: 1 0 0px;
23215
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23216
- pointer-events: none;
23217
23508
  }.v-select .v-field .v-text-field__prefix,
23218
23509
  .v-select .v-field .v-text-field__suffix,
23219
23510
  .v-select .v-field .v-field__input, .v-select .v-field.v-field {
@@ -23379,7 +23670,7 @@ html.v-overlay-scroll-blocked {
23379
23670
  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));
23380
23671
  border-radius: 0;
23381
23672
  background: rgb(var(--v-theme-surface));
23382
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
23673
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
23383
23674
  }
23384
23675
  .v-sheet--border {
23385
23676
  border-width: thin;
@@ -24283,6 +24574,35 @@ html.v-overlay-scroll-blocked {
24283
24574
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24284
24575
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24285
24576
  border-top: 0px !important;
24577
+ }.v-tab.v-tab.v-btn {
24578
+ height: var(--v-tabs-height);
24579
+ border-radius: 0;
24580
+ min-width: 90px;
24581
+ }
24582
+ .v-slide-group--horizontal .v-tab {
24583
+ max-width: 360px;
24584
+ }
24585
+ .v-slide-group--vertical .v-tab {
24586
+ justify-content: start;
24587
+ }
24588
+
24589
+ .v-tab__slider {
24590
+ position: absolute;
24591
+ bottom: 0;
24592
+ left: 0;
24593
+ height: 2px;
24594
+ width: 100%;
24595
+ background: currentColor;
24596
+ pointer-events: none;
24597
+ opacity: 0;
24598
+ }
24599
+ .v-tab--selected .v-tab__slider {
24600
+ opacity: 1;
24601
+ }
24602
+ .v-slide-group--vertical .v-tab__slider {
24603
+ top: 0;
24604
+ height: 100%;
24605
+ width: 2px;
24286
24606
  }.v-tabs {
24287
24607
  display: flex;
24288
24608
  height: var(--v-tabs-height);
@@ -24349,74 +24669,6 @@ html.v-overlay-scroll-blocked {
24349
24669
  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24350
24670
  margin-inline-end: 52px;
24351
24671
  }
24352
- }.v-tab.v-tab.v-btn {
24353
- height: var(--v-tabs-height);
24354
- border-radius: 0;
24355
- min-width: 90px;
24356
- }
24357
- .v-slide-group--horizontal .v-tab {
24358
- max-width: 360px;
24359
- }
24360
- .v-slide-group--vertical .v-tab {
24361
- justify-content: start;
24362
- }
24363
-
24364
- .v-tab__slider {
24365
- position: absolute;
24366
- bottom: 0;
24367
- left: 0;
24368
- height: 2px;
24369
- width: 100%;
24370
- background: currentColor;
24371
- pointer-events: none;
24372
- opacity: 0;
24373
- }
24374
- .v-tab--selected .v-tab__slider {
24375
- opacity: 1;
24376
- }
24377
- .v-slide-group--vertical .v-tab__slider {
24378
- top: 0;
24379
- height: 100%;
24380
- width: 2px;
24381
- }.v-textarea .v-field {
24382
- --v-textarea-control-height: var(--v-input-control-height);
24383
- }
24384
- .v-textarea .v-field__field {
24385
- --v-input-control-height: var(--v-textarea-control-height);
24386
- }
24387
- .v-textarea .v-field__input {
24388
- flex: 1 1 auto;
24389
- outline: none;
24390
- -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
24391
- mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
24392
- }
24393
- .v-textarea .v-field__input.v-textarea__sizer {
24394
- visibility: hidden;
24395
- position: absolute;
24396
- top: 0;
24397
- left: 0;
24398
- height: 0 !important;
24399
- min-height: 0 !important;
24400
- pointer-events: none;
24401
- }
24402
- .v-textarea--no-resize .v-field__input {
24403
- resize: none;
24404
- }
24405
- .v-textarea .v-field--no-label textarea,
24406
- .v-textarea .v-field--active textarea {
24407
- opacity: 1;
24408
- }
24409
- .v-textarea textarea {
24410
- opacity: 0;
24411
- flex: 1;
24412
- min-width: 0;
24413
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24414
- }
24415
- .v-textarea textarea:focus, .v-textarea textarea:active {
24416
- outline: none;
24417
- }
24418
- .v-textarea textarea:invalid {
24419
- box-shadow: none;
24420
24672
  }/* region BLOCK */
24421
24673
  .v-text-field input {
24422
24674
  color: inherit;
@@ -24484,160 +24736,45 @@ html.v-overlay-scroll-blocked {
24484
24736
  padding-inline-end: var(--v-field-padding-end);
24485
24737
  }
24486
24738
 
24487
- /* endregion */.v-theme-provider {
24488
- background: rgb(var(--v-theme-background));
24489
- color: rgb(var(--v-theme-on-background));
24490
- }.v-toolbar {
24491
- align-items: flex-start;
24492
- display: flex;
24493
- flex: none;
24494
- flex-direction: column;
24495
- justify-content: space-between;
24496
- max-width: 100%;
24497
- position: relative;
24498
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24499
- transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
24500
- width: 100%;
24501
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
24502
- border-style: solid;
24503
- border-width: 0;
24504
- 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));
24505
- border-radius: 0;
24506
- background: rgb(var(--v-theme-surface-light));
24507
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24508
- }
24509
- .v-toolbar--border {
24510
- border-width: thin;
24511
- box-shadow: none;
24512
- }
24513
- .v-toolbar--absolute {
24514
- position: absolute;
24515
- }
24516
- .v-toolbar--collapse {
24517
- max-width: 112px;
24518
- overflow: hidden;
24519
- border-end-end-radius: 24px;
24520
- }
24521
- .v-toolbar--collapse .v-toolbar-title {
24522
- display: none;
24523
- }
24524
- .v-toolbar--flat {
24525
- 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));
24526
- }
24527
- .v-toolbar--floating {
24528
- display: inline-flex;
24529
- }
24530
- .v-toolbar--rounded {
24531
- border-radius: 4px;
24532
- }
24533
-
24534
- .v-toolbar__content,
24535
- .v-toolbar__extension {
24536
- align-items: center;
24537
- display: flex;
24538
- flex: 0 0 auto;
24539
- position: relative;
24540
- transition: inherit;
24541
- width: 100%;
24542
- }
24543
-
24544
- .v-toolbar__content {
24545
- overflow: hidden;
24546
- }
24547
- .v-toolbar__content > .v-btn:first-child {
24548
- margin-inline-start: 4px;
24549
- }
24550
- .v-toolbar__content > .v-btn:last-child {
24551
- margin-inline-end: 4px;
24552
- }
24553
- .v-toolbar__content > .v-toolbar-title {
24554
- margin-inline-start: 20px;
24555
- }
24556
- .v-toolbar--density-prominent .v-toolbar__content {
24557
- align-items: flex-start;
24558
- }
24559
-
24560
- .v-toolbar__image {
24561
- position: absolute;
24562
- top: 0;
24563
- left: 0;
24564
- width: 100%;
24565
- height: 100%;
24566
- display: flex;
24567
- opacity: var(--v-toolbar-image-opacity, 1);
24568
- transition-property: opacity;
24569
- }
24570
-
24571
- .v-toolbar__prepend,
24572
- .v-toolbar__append {
24573
- align-items: center;
24574
- align-self: stretch;
24575
- display: flex;
24576
- }
24577
-
24578
- .v-toolbar__prepend {
24579
- margin-inline: 4px auto;
24580
- }
24581
-
24582
- .v-toolbar__append {
24583
- margin-inline: auto 4px;
24739
+ /* endregion */.v-textarea .v-field {
24740
+ --v-textarea-control-height: var(--v-input-control-height);
24584
24741
  }
24585
-
24586
- .v-toolbar-title {
24587
- flex: 1 1;
24588
- font-size: 1.25rem;
24589
- min-width: 0;
24590
- font-size: 1.25rem;
24591
- font-weight: 400;
24592
- letter-spacing: 0;
24593
- line-height: 1.75rem;
24594
- text-transform: none;
24742
+ .v-textarea .v-field__field {
24743
+ --v-input-control-height: var(--v-textarea-control-height);
24595
24744
  }
24596
- .v-toolbar--density-prominent .v-toolbar-title {
24597
- align-self: flex-end;
24598
- padding-bottom: 6px;
24599
- font-size: 1.5rem;
24600
- font-weight: 400;
24601
- letter-spacing: 0;
24602
- line-height: 2.25rem;
24603
- text-transform: none;
24745
+ .v-textarea .v-field__input {
24746
+ flex: 1 1 auto;
24747
+ outline: none;
24748
+ -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
24749
+ mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
24604
24750
  }
24605
-
24606
- .v-toolbar-title__placeholder {
24607
- overflow: hidden;
24608
- text-overflow: ellipsis;
24609
- white-space: nowrap;
24751
+ .v-textarea .v-field__input.v-textarea__sizer {
24752
+ visibility: hidden;
24753
+ position: absolute;
24754
+ top: 0;
24755
+ left: 0;
24756
+ height: 0 !important;
24757
+ min-height: 0 !important;
24758
+ pointer-events: none;
24610
24759
  }
24611
-
24612
- .v-toolbar-items {
24613
- display: flex;
24614
- height: inherit;
24615
- align-self: stretch;
24760
+ .v-textarea--no-resize .v-field__input {
24761
+ resize: none;
24616
24762
  }
24617
- .v-toolbar-items > .v-btn {
24618
- border-radius: 0;
24619
- }.v-tooltip > .v-overlay__content {
24620
- background: rgb(var(--v-theme-surface-variant));
24621
- color: rgb(var(--v-theme-on-surface-variant));
24622
- border-radius: 4px;
24623
- font-size: 0.875rem;
24624
- line-height: 1.6;
24625
- display: inline-block;
24626
- padding: 5px 16px;
24627
- text-transform: initial;
24628
- width: auto;
24763
+ .v-textarea .v-field--no-label textarea,
24764
+ .v-textarea .v-field--active textarea {
24629
24765
  opacity: 1;
24630
- pointer-events: none;
24631
- transition-property: opacity, transform;
24632
- overflow-wrap: break-word;
24633
24766
  }
24634
- .v-tooltip > .v-overlay__content[class*=enter-active] {
24635
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24636
- transition-duration: 150ms;
24767
+ .v-textarea textarea {
24768
+ opacity: 0;
24769
+ flex: 1;
24770
+ min-width: 0;
24771
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24637
24772
  }
24638
- .v-tooltip > .v-overlay__content[class*=leave-active] {
24639
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
24640
- transition-duration: 75ms;
24773
+ .v-textarea textarea:focus, .v-textarea textarea:active {
24774
+ outline: none;
24775
+ }
24776
+ .v-textarea textarea:invalid {
24777
+ box-shadow: none;
24641
24778
  }.v-timeline .v-timeline-divider__dot {
24642
24779
  background: rgb(var(--v-theme-surface-light));
24643
24780
  }
@@ -24767,834 +24904,647 @@ html.v-overlay-scroll-blocked {
24767
24904
  inset-inline-end: initial;
24768
24905
  }
24769
24906
 
24770
- .v-timeline--vertical .v-timeline-item:first-child .v-timeline-divider__after {
24771
- height: calc(var(--v-timeline-line-size-base) - var(--v-timeline-line-inset) + var(--v-timeline-line-size-offset));
24772
- }
24773
-
24774
- .v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__after {
24775
- width: calc(var(--v-timeline-line-size-base) - var(--v-timeline-line-inset) + var(--v-timeline-line-size-offset));
24776
- inset-inline-end: -12px;
24777
- inset-inline-start: initial;
24778
- }
24779
-
24780
- .v-timeline--vertical .v-timeline-item:last-child .v-timeline-divider__before {
24781
- height: calc(var(--v-timeline-line-size-base) - var(--v-timeline-line-inset) + var(--v-timeline-line-size-offset));
24782
- }
24783
-
24784
- .v-timeline--horizontal .v-timeline-item:last-child .v-timeline-divider__before {
24785
- width: calc(var(--v-timeline-line-size-base) - var(--v-timeline-line-inset) + var(--v-timeline-line-size-offset));
24786
- }
24787
-
24788
- .v-timeline--vertical .v-timeline-item:last-child .v-timeline-divider__after {
24789
- height: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
24790
- bottom: 0;
24791
- }
24792
-
24793
- .v-timeline--horizontal .v-timeline-item:last-child .v-timeline-divider__after {
24794
- width: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
24795
- inset-inline-end: 0;
24796
- inset-inline-start: initial;
24797
- }
24798
-
24799
- .v-timeline--vertical .v-timeline-item:only-child .v-timeline-divider__after {
24800
- height: calc(var(--v-timeline-line-size-base) - var(--v-timeline-line-inset));
24801
- }
24802
-
24803
- .v-timeline-divider__dot {
24804
- z-index: 1;
24805
- flex-shrink: 0;
24806
- border-radius: 50%;
24807
- display: flex;
24808
- justify-content: center;
24809
- align-items: center;
24810
- 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));
24811
- }
24812
- .v-timeline-divider__dot--size-x-small {
24813
- height: 22px;
24814
- width: 22px;
24815
- }
24816
- .v-timeline-divider__dot--size-x-small .v-timeline-divider__inner-dot {
24817
- height: calc(100% - 6px);
24818
- width: calc(100% - 6px);
24819
- }
24820
- .v-timeline-divider__dot--size-small {
24821
- height: 30px;
24822
- width: 30px;
24823
- }
24824
- .v-timeline-divider__dot--size-small .v-timeline-divider__inner-dot {
24825
- height: calc(100% - 8px);
24826
- width: calc(100% - 8px);
24827
- }
24828
- .v-timeline-divider__dot--size-default {
24829
- height: 38px;
24830
- width: 38px;
24831
- }
24832
- .v-timeline-divider__dot--size-default .v-timeline-divider__inner-dot {
24833
- height: calc(100% - 8px);
24834
- width: calc(100% - 8px);
24835
- }
24836
- .v-timeline-divider__dot--size-large {
24837
- height: 46px;
24838
- width: 46px;
24839
- }
24840
- .v-timeline-divider__dot--size-large .v-timeline-divider__inner-dot {
24841
- height: calc(100% - 8px);
24842
- width: calc(100% - 8px);
24843
- }
24844
- .v-timeline-divider__dot--size-x-large {
24845
- height: 54px;
24846
- width: 54px;
24847
- }
24848
- .v-timeline-divider__dot--size-x-large .v-timeline-divider__inner-dot {
24849
- height: calc(100% - 10px);
24850
- width: calc(100% - 10px);
24851
- }
24852
-
24853
- .v-timeline-divider__inner-dot {
24854
- align-items: center;
24855
- border-radius: 50%;
24856
- display: flex;
24857
- justify-content: center;
24858
- }
24859
-
24860
- /** Modifiers **/
24861
- .v-timeline--horizontal.v-timeline--justify-center {
24862
- grid-template-rows: minmax(auto, 50%) min-content minmax(auto, 50%);
24863
- }
24864
-
24865
- .v-timeline--vertical.v-timeline--justify-center {
24866
- grid-template-columns: minmax(auto, 50%) min-content minmax(auto, 50%);
24867
- }
24868
-
24869
- .v-timeline--horizontal.v-timeline--justify-auto {
24870
- grid-template-rows: auto min-content auto;
24871
- }
24872
-
24873
- .v-timeline--vertical.v-timeline--justify-auto {
24874
- grid-template-columns: auto min-content auto;
24875
- }
24876
-
24877
- .v-timeline--horizontal.v-timeline--density-comfortable {
24878
- height: 100%;
24879
- }
24880
- .v-timeline--horizontal.v-timeline--density-comfortable.v-timeline--side-end {
24881
- grid-template-rows: min-content min-content auto;
24882
- }
24883
- .v-timeline--horizontal.v-timeline--density-comfortable.v-timeline--side-start {
24884
- grid-template-rows: auto min-content min-content;
24885
- }
24886
-
24887
- .v-timeline--vertical.v-timeline--density-comfortable {
24888
- width: 100%;
24889
- }
24890
- .v-timeline--vertical.v-timeline--density-comfortable.v-timeline--side-end {
24891
- grid-template-columns: min-content min-content auto;
24892
- }
24893
- .v-timeline--vertical.v-timeline--density-comfortable.v-timeline--side-start {
24894
- grid-template-columns: auto min-content min-content;
24895
- }
24896
-
24897
- .v-timeline--horizontal.v-timeline--density-compact.v-timeline--side-end {
24898
- grid-template-rows: 0 min-content auto;
24899
- }
24900
- .v-timeline--horizontal.v-timeline--density-compact.v-timeline--side-start {
24901
- grid-template-rows: auto min-content 0;
24902
- }
24903
- .v-timeline--horizontal.v-timeline--density-compact .v-timeline-item__body {
24904
- grid-row: 1;
24905
- }
24906
-
24907
- .v-timeline--vertical.v-timeline--density-compact.v-timeline--side-end {
24908
- grid-template-columns: 0 min-content auto;
24909
- }
24910
- .v-timeline--vertical.v-timeline--density-compact.v-timeline--side-start {
24911
- grid-template-columns: auto min-content 0;
24912
- }
24913
- .v-timeline--vertical.v-timeline--density-compact .v-timeline-item__body {
24914
- grid-column: 3;
24915
- }
24916
-
24917
- .v-timeline--horizontal.v-timeline.v-timeline--side-end .v-timeline-item .v-timeline-item__body {
24918
- grid-row: 3;
24919
- padding-block-end: initial;
24920
- padding-block-start: 24px;
24921
- }
24922
- .v-timeline--horizontal.v-timeline.v-timeline--side-end .v-timeline-item .v-timeline-item__opposite {
24923
- grid-row: 1;
24924
- padding-block-end: 24px;
24925
- padding-block-start: initial;
24926
- }
24927
-
24928
- .v-timeline--vertical.v-timeline.v-timeline--side-end .v-timeline-item .v-timeline-item__body {
24929
- grid-column: 3;
24930
- padding-inline-start: 24px;
24931
- padding-inline-end: initial;
24932
- justify-self: flex-start;
24933
- }
24934
- .v-timeline--vertical.v-timeline.v-timeline--side-end .v-timeline-item .v-timeline-item__opposite {
24935
- grid-column: 1;
24936
- justify-self: flex-end;
24937
- padding-inline-end: 24px;
24938
- padding-inline-start: initial;
24939
- }
24940
-
24941
- .v-timeline--horizontal.v-timeline.v-timeline--side-start .v-timeline-item .v-timeline-item__body {
24942
- grid-row: 1;
24943
- padding-block-end: 24px;
24944
- padding-block-start: initial;
24945
- }
24946
- .v-timeline--horizontal.v-timeline.v-timeline--side-start .v-timeline-item .v-timeline-item__opposite {
24947
- grid-row: 3;
24948
- padding-block-end: initial;
24949
- padding-block-start: 24px;
24950
- }
24951
-
24952
- .v-timeline--vertical.v-timeline.v-timeline--side-start .v-timeline-item .v-timeline-item__body {
24953
- grid-column: 1;
24954
- justify-self: flex-end;
24955
- padding-inline-end: 24px;
24956
- }
24957
- .v-timeline--vertical.v-timeline.v-timeline--side-start .v-timeline-item .v-timeline-item__opposite {
24958
- grid-column: 3;
24959
- padding-inline-start: 24px;
24960
- justify-self: flex-start;
24961
- }
24962
-
24963
- .v-timeline-divider--fill-dot .v-timeline-divider__inner-dot {
24964
- height: inherit;
24965
- width: inherit;
24966
- }
24967
-
24968
- .v-timeline--align-center {
24969
- --v-timeline-line-size-base: 50%;
24970
- --v-timeline-line-size-offset: 0px;
24971
- }
24972
- .v-timeline--horizontal.v-timeline--align-center {
24973
- justify-items: center;
24907
+ .v-timeline--vertical .v-timeline-item:first-child .v-timeline-divider__after {
24908
+ height: calc(var(--v-timeline-line-size-base) - var(--v-timeline-line-inset) + var(--v-timeline-line-size-offset));
24974
24909
  }
24975
- .v-timeline--horizontal.v-timeline--align-center .v-timeline-item__body {
24976
- padding-inline: 12px;
24910
+
24911
+ .v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__after {
24912
+ width: calc(var(--v-timeline-line-size-base) - var(--v-timeline-line-inset) + var(--v-timeline-line-size-offset));
24913
+ inset-inline-end: -12px;
24914
+ inset-inline-start: initial;
24977
24915
  }
24978
- .v-timeline--horizontal.v-timeline--align-center .v-timeline-item__opposite {
24979
- padding-inline: 12px;
24916
+
24917
+ .v-timeline--vertical .v-timeline-item:last-child .v-timeline-divider__before {
24918
+ height: calc(var(--v-timeline-line-size-base) - var(--v-timeline-line-inset) + var(--v-timeline-line-size-offset));
24980
24919
  }
24981
- .v-timeline--horizontal.v-timeline--align-center .v-timeline-divider {
24982
- justify-content: center;
24920
+
24921
+ .v-timeline--horizontal .v-timeline-item:last-child .v-timeline-divider__before {
24922
+ width: calc(var(--v-timeline-line-size-base) - var(--v-timeline-line-inset) + var(--v-timeline-line-size-offset));
24983
24923
  }
24984
24924
 
24985
- .v-timeline--vertical.v-timeline--align-center {
24986
- align-items: center;
24925
+ .v-timeline--vertical .v-timeline-item:last-child .v-timeline-divider__after {
24926
+ height: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
24927
+ bottom: 0;
24987
24928
  }
24988
- .v-timeline--vertical.v-timeline--align-center .v-timeline-divider {
24989
- justify-content: center;
24929
+
24930
+ .v-timeline--horizontal .v-timeline-item:last-child .v-timeline-divider__after {
24931
+ width: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
24932
+ inset-inline-end: 0;
24933
+ inset-inline-start: initial;
24990
24934
  }
24991
24935
 
24992
- .v-timeline--align-start {
24993
- --v-timeline-line-size-base: 100%;
24994
- --v-timeline-line-size-offset: 12px;
24936
+ .v-timeline--vertical .v-timeline-item:only-child .v-timeline-divider__after {
24937
+ height: calc(var(--v-timeline-line-size-base) - var(--v-timeline-line-inset));
24995
24938
  }
24996
- .v-timeline--align-start .v-timeline-item:first-child .v-timeline-divider__before {
24997
- --v-timeline-line-size-offset: 24px;
24939
+
24940
+ .v-timeline-divider__dot {
24941
+ z-index: 1;
24942
+ flex-shrink: 0;
24943
+ border-radius: 50%;
24944
+ display: flex;
24945
+ justify-content: center;
24946
+ align-items: center;
24947
+ 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));
24998
24948
  }
24999
- .v-timeline--align-start .v-timeline-item:first-child .v-timeline-divider__after {
25000
- --v-timeline-line-size-offset: -12px;
24949
+ .v-timeline-divider__dot--size-x-small {
24950
+ height: 22px;
24951
+ width: 22px;
25001
24952
  }
25002
- .v-timeline--align-start .v-timeline-item:last-child .v-timeline-divider__after {
25003
- --v-timeline-line-size-offset: 0px;
24953
+ .v-timeline-divider__dot--size-x-small .v-timeline-divider__inner-dot {
24954
+ height: calc(100% - 6px);
24955
+ width: calc(100% - 6px);
25004
24956
  }
25005
- .v-timeline--horizontal.v-timeline--align-start {
25006
- justify-items: flex-start;
24957
+ .v-timeline-divider__dot--size-small {
24958
+ height: 30px;
24959
+ width: 30px;
25007
24960
  }
25008
- .v-timeline--horizontal.v-timeline--align-start .v-timeline-divider {
25009
- justify-content: flex-start;
24961
+ .v-timeline-divider__dot--size-small .v-timeline-divider__inner-dot {
24962
+ height: calc(100% - 8px);
24963
+ width: calc(100% - 8px);
25010
24964
  }
25011
- .v-timeline--horizontal.v-timeline--align-start .v-timeline-divider .v-timeline-divider__before {
25012
- width: calc(var(--v-timeline-line-size-offset) + var(--v-timeline-dot-size) / 2 - var(--v-timeline-line-inset));
24965
+ .v-timeline-divider__dot--size-default {
24966
+ height: 38px;
24967
+ width: 38px;
25013
24968
  }
25014
- .v-timeline--horizontal.v-timeline--align-start .v-timeline-divider .v-timeline-divider__after {
25015
- width: calc(var(--v-timeline-line-size-base) - var(--v-timeline-dot-size) / 2 + var(--v-timeline-line-size-offset) - var(--v-timeline-line-inset));
24969
+ .v-timeline-divider__dot--size-default .v-timeline-divider__inner-dot {
24970
+ height: calc(100% - 8px);
24971
+ width: calc(100% - 8px);
25016
24972
  }
25017
-
25018
- .v-timeline--vertical.v-timeline--align-start {
25019
- align-items: flex-start;
24973
+ .v-timeline-divider__dot--size-large {
24974
+ height: 46px;
24975
+ width: 46px;
25020
24976
  }
25021
- .v-timeline--vertical.v-timeline--align-start .v-timeline-divider {
25022
- justify-content: flex-start;
24977
+ .v-timeline-divider__dot--size-large .v-timeline-divider__inner-dot {
24978
+ height: calc(100% - 8px);
24979
+ width: calc(100% - 8px);
25023
24980
  }
25024
- .v-timeline--vertical.v-timeline--align-start .v-timeline-divider .v-timeline-divider__before {
25025
- height: calc(var(--v-timeline-line-size-offset) + var(--v-timeline-dot-size) / 2 - var(--v-timeline-line-inset));
24981
+ .v-timeline-divider__dot--size-x-large {
24982
+ height: 54px;
24983
+ width: 54px;
25026
24984
  }
25027
- .v-timeline--vertical.v-timeline--align-start .v-timeline-divider .v-timeline-divider__after {
25028
- height: calc(var(--v-timeline-line-size-base) - var(--v-timeline-dot-size) / 2 + var(--v-timeline-line-size-offset) - var(--v-timeline-line-inset));
24985
+ .v-timeline-divider__dot--size-x-large .v-timeline-divider__inner-dot {
24986
+ height: calc(100% - 10px);
24987
+ width: calc(100% - 10px);
25029
24988
  }
25030
24989
 
25031
- .v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider__before {
25032
- display: none;
25033
- }
25034
- .v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider__after {
25035
- --v-timeline-line-size-offset: 12px;
25036
- }
25037
- .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider, .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__opposite {
25038
- padding-block-start: 0;
24990
+ .v-timeline-divider__inner-dot {
24991
+ align-items: center;
24992
+ border-radius: 50%;
24993
+ display: flex;
24994
+ justify-content: center;
25039
24995
  }
25040
24996
 
25041
- .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__opposite {
25042
- padding-inline-start: 0;
24997
+ /** Modifiers **/
24998
+ .v-timeline--horizontal.v-timeline--justify-center {
24999
+ grid-template-rows: minmax(auto, 50%) min-content minmax(auto, 50%);
25043
25000
  }
25044
25001
 
25045
- .v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__after {
25046
- display: none;
25047
- }
25048
- .v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__before {
25049
- --v-timeline-line-size-offset: 12px;
25050
- }
25051
- .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
25052
- padding-block-end: 0;
25002
+ .v-timeline--vertical.v-timeline--justify-center {
25003
+ grid-template-columns: minmax(auto, 50%) min-content minmax(auto, 50%);
25053
25004
  }
25054
25005
 
25055
- .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 {
25056
- padding-inline-end: 0;
25057
- }.v-virtual-scroll {
25058
- display: block;
25059
- flex: 1 1 auto;
25060
- max-width: 100%;
25061
- overflow: auto;
25062
- position: relative;
25063
- }
25064
- .v-virtual-scroll__container {
25065
- display: block;
25066
- }.v-window {
25067
- overflow: hidden;
25006
+ .v-timeline--horizontal.v-timeline--justify-auto {
25007
+ grid-template-rows: auto min-content auto;
25068
25008
  }
25069
- .v-window__container {
25070
- display: flex;
25071
- flex-direction: column;
25072
- height: inherit;
25073
- position: relative;
25074
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25009
+
25010
+ .v-timeline--vertical.v-timeline--justify-auto {
25011
+ grid-template-columns: auto min-content auto;
25075
25012
  }
25076
- .v-window__controls {
25077
- position: absolute;
25078
- left: 0;
25079
- top: 0;
25080
- width: 100%;
25013
+
25014
+ .v-timeline--horizontal.v-timeline--density-comfortable {
25081
25015
  height: 100%;
25082
- display: flex;
25083
- align-items: center;
25084
- justify-content: space-between;
25085
- padding: 0 16px;
25086
- pointer-events: none;
25087
- }
25088
- .v-window__controls > * {
25089
- pointer-events: auto;
25090
- }
25091
- .v-window--show-arrows-on-hover {
25092
- overflow: hidden;
25093
- }
25094
- .v-window--show-arrows-on-hover .v-window__left {
25095
- transform: translateX(-200%);
25096
25016
  }
25097
- .v-window--show-arrows-on-hover .v-window__right {
25098
- transform: translateX(200%);
25017
+ .v-timeline--horizontal.v-timeline--density-comfortable.v-timeline--side-end {
25018
+ grid-template-rows: min-content min-content auto;
25099
25019
  }
25100
- .v-window--show-arrows-on-hover:hover .v-window__left,
25101
- .v-window--show-arrows-on-hover:hover .v-window__right {
25102
- transform: translateX(0);
25020
+ .v-timeline--horizontal.v-timeline--density-comfortable.v-timeline--side-start {
25021
+ grid-template-rows: auto min-content min-content;
25103
25022
  }
25104
25023
 
25105
- .v-window-x-transition-enter-active, .v-window-x-transition-leave-active, .v-window-x-reverse-transition-enter-active, .v-window-x-reverse-transition-leave-active, .v-window-y-transition-enter-active, .v-window-y-transition-leave-active, .v-window-y-reverse-transition-enter-active, .v-window-y-reverse-transition-leave-active {
25106
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25107
- }
25108
- .v-window-x-transition-leave-from, .v-window-x-transition-leave-to, .v-window-x-reverse-transition-leave-from, .v-window-x-reverse-transition-leave-to, .v-window-y-transition-leave-from, .v-window-y-transition-leave-to, .v-window-y-reverse-transition-leave-from, .v-window-y-reverse-transition-leave-to {
25109
- position: absolute !important;
25110
- top: 0;
25024
+ .v-timeline--vertical.v-timeline--density-comfortable {
25111
25025
  width: 100%;
25112
25026
  }
25113
- .v-window-x-transition-enter-from {
25114
- transform: translateX(100%);
25115
- }
25116
- .v-window-x-transition-leave-to {
25117
- transform: translateX(-100%);
25118
- }
25119
- .v-window-x-reverse-transition-enter-from {
25120
- transform: translateX(-100%);
25121
- }
25122
- .v-window-x-reverse-transition-leave-to {
25123
- transform: translateX(100%);
25124
- }
25125
- .v-window-y-transition-enter-from {
25126
- transform: translateY(100%);
25027
+ .v-timeline--vertical.v-timeline--density-comfortable.v-timeline--side-end {
25028
+ grid-template-columns: min-content min-content auto;
25127
25029
  }
25128
- .v-window-y-transition-leave-to {
25129
- transform: translateY(-100%);
25030
+ .v-timeline--vertical.v-timeline--density-comfortable.v-timeline--side-start {
25031
+ grid-template-columns: auto min-content min-content;
25130
25032
  }
25131
- .v-window-y-reverse-transition-enter-from {
25132
- transform: translateY(-100%);
25033
+
25034
+ .v-timeline--horizontal.v-timeline--density-compact.v-timeline--side-end {
25035
+ grid-template-rows: 0 min-content auto;
25133
25036
  }
25134
- .v-window-y-reverse-transition-leave-to {
25135
- transform: translateY(100%);
25136
- }.v-btn {
25137
- align-items: center;
25138
- border-radius: 4px;
25139
- display: inline-grid;
25140
- grid-template-areas: "prepend content append";
25141
- grid-template-columns: max-content auto max-content;
25142
- font-weight: 500;
25143
- justify-content: center;
25144
- letter-spacing: 0.0892857143em;
25145
- line-height: normal;
25146
- max-width: 100%;
25147
- outline: none;
25148
- position: relative;
25149
- text-decoration: none;
25150
- text-indent: 0.0892857143em;
25151
- text-transform: uppercase;
25152
- transition-property: box-shadow, transform, opacity, background;
25153
- transition-duration: 0.28s;
25154
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
25155
- -webkit-user-select: none;
25156
- user-select: none;
25157
- vertical-align: middle;
25158
- flex-shrink: 0;
25159
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
25160
- border-style: solid;
25161
- border-width: 0;
25037
+ .v-timeline--horizontal.v-timeline--density-compact.v-timeline--side-start {
25038
+ grid-template-rows: auto min-content 0;
25162
25039
  }
25163
- .v-btn--size-x-small {
25164
- --v-btn-size: 0.625rem;
25165
- --v-btn-height: 20px;
25166
- font-size: var(--v-btn-size);
25167
- min-width: 36px;
25168
- padding: 0 8px;
25040
+ .v-timeline--horizontal.v-timeline--density-compact .v-timeline-item__body {
25041
+ grid-row: 1;
25169
25042
  }
25170
25043
 
25171
- .v-btn--size-small {
25172
- --v-btn-size: 0.75rem;
25173
- --v-btn-height: 28px;
25174
- font-size: var(--v-btn-size);
25175
- min-width: 50px;
25176
- padding: 0 12px;
25044
+ .v-timeline--vertical.v-timeline--density-compact.v-timeline--side-end {
25045
+ grid-template-columns: 0 min-content auto;
25177
25046
  }
25178
-
25179
- .v-btn--size-default {
25180
- --v-btn-size: 0.875rem;
25181
- --v-btn-height: 36px;
25182
- font-size: var(--v-btn-size);
25183
- min-width: 64px;
25184
- padding: 0 16px;
25047
+ .v-timeline--vertical.v-timeline--density-compact.v-timeline--side-start {
25048
+ grid-template-columns: auto min-content 0;
25185
25049
  }
25186
-
25187
- .v-btn--size-large {
25188
- --v-btn-size: 1rem;
25189
- --v-btn-height: 44px;
25190
- font-size: var(--v-btn-size);
25191
- min-width: 78px;
25192
- padding: 0 20px;
25050
+ .v-timeline--vertical.v-timeline--density-compact .v-timeline-item__body {
25051
+ grid-column: 3;
25193
25052
  }
25194
25053
 
25195
- .v-btn--size-x-large {
25196
- --v-btn-size: 1.125rem;
25197
- --v-btn-height: 52px;
25198
- font-size: var(--v-btn-size);
25199
- min-width: 92px;
25200
- padding: 0 24px;
25054
+ .v-timeline--horizontal.v-timeline.v-timeline--side-end .v-timeline-item .v-timeline-item__body {
25055
+ grid-row: 3;
25056
+ padding-block-end: initial;
25057
+ padding-block-start: 24px;
25058
+ }
25059
+ .v-timeline--horizontal.v-timeline.v-timeline--side-end .v-timeline-item .v-timeline-item__opposite {
25060
+ grid-row: 1;
25061
+ padding-block-end: 24px;
25062
+ padding-block-start: initial;
25201
25063
  }
25202
25064
 
25203
- .v-btn.v-btn--density-default {
25204
- height: calc(var(--v-btn-height) + 0px);
25065
+ .v-timeline--vertical.v-timeline.v-timeline--side-end .v-timeline-item .v-timeline-item__body {
25066
+ grid-column: 3;
25067
+ padding-inline-start: 24px;
25068
+ padding-inline-end: initial;
25069
+ justify-self: flex-start;
25070
+ }
25071
+ .v-timeline--vertical.v-timeline.v-timeline--side-end .v-timeline-item .v-timeline-item__opposite {
25072
+ grid-column: 1;
25073
+ justify-self: flex-end;
25074
+ padding-inline-end: 24px;
25075
+ padding-inline-start: initial;
25205
25076
  }
25206
25077
 
25207
- .v-btn.v-btn--density-comfortable {
25208
- height: calc(var(--v-btn-height) + -8px);
25078
+ .v-timeline--horizontal.v-timeline.v-timeline--side-start .v-timeline-item .v-timeline-item__body {
25079
+ grid-row: 1;
25080
+ padding-block-end: 24px;
25081
+ padding-block-start: initial;
25082
+ }
25083
+ .v-timeline--horizontal.v-timeline.v-timeline--side-start .v-timeline-item .v-timeline-item__opposite {
25084
+ grid-row: 3;
25085
+ padding-block-end: initial;
25086
+ padding-block-start: 24px;
25209
25087
  }
25210
25088
 
25211
- .v-btn.v-btn--density-compact {
25212
- height: calc(var(--v-btn-height) + -12px);
25089
+ .v-timeline--vertical.v-timeline.v-timeline--side-start .v-timeline-item .v-timeline-item__body {
25090
+ grid-column: 1;
25091
+ justify-self: flex-end;
25092
+ padding-inline-end: 24px;
25093
+ }
25094
+ .v-timeline--vertical.v-timeline.v-timeline--side-start .v-timeline-item .v-timeline-item__opposite {
25095
+ grid-column: 3;
25096
+ padding-inline-start: 24px;
25097
+ justify-self: flex-start;
25213
25098
  }
25214
25099
 
25215
- .v-btn--border {
25216
- border-width: thin;
25217
- box-shadow: none;
25100
+ .v-timeline-divider--fill-dot .v-timeline-divider__inner-dot {
25101
+ height: inherit;
25102
+ width: inherit;
25218
25103
  }
25219
- .v-btn--absolute {
25220
- position: absolute;
25104
+
25105
+ .v-timeline--align-center {
25106
+ --v-timeline-line-size-base: 50%;
25107
+ --v-timeline-line-size-offset: 0px;
25221
25108
  }
25222
- .v-btn--fixed {
25223
- position: fixed;
25109
+ .v-timeline--horizontal.v-timeline--align-center {
25110
+ justify-items: center;
25224
25111
  }
25225
- .v-btn:hover > .v-btn__overlay {
25226
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
25112
+ .v-timeline--horizontal.v-timeline--align-center .v-timeline-item__body {
25113
+ padding-inline: 12px;
25227
25114
  }
25228
- .v-btn:focus-visible > .v-btn__overlay {
25229
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
25115
+ .v-timeline--horizontal.v-timeline--align-center .v-timeline-item__opposite {
25116
+ padding-inline: 12px;
25230
25117
  }
25231
- @supports not selector(:focus-visible) {
25232
- .v-btn:focus > .v-btn__overlay {
25233
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
25234
- }
25118
+ .v-timeline--horizontal.v-timeline--align-center .v-timeline-divider {
25119
+ justify-content: center;
25235
25120
  }
25236
- .v-btn--active > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true] > .v-btn__overlay {
25237
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
25121
+
25122
+ .v-timeline--vertical.v-timeline--align-center {
25123
+ align-items: center;
25238
25124
  }
25239
- .v-btn--active:hover > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:hover > .v-btn__overlay {
25240
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
25125
+ .v-timeline--vertical.v-timeline--align-center .v-timeline-divider {
25126
+ justify-content: center;
25241
25127
  }
25242
- .v-btn--active:focus-visible > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-btn__overlay {
25243
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
25128
+
25129
+ .v-timeline--align-start {
25130
+ --v-timeline-line-size-base: 100%;
25131
+ --v-timeline-line-size-offset: 12px;
25244
25132
  }
25245
- @supports not selector(:focus-visible) {
25246
- .v-btn--active:focus > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-btn__overlay {
25247
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
25248
- }
25133
+ .v-timeline--align-start .v-timeline-item:first-child .v-timeline-divider__before {
25134
+ --v-timeline-line-size-offset: 24px;
25249
25135
  }
25250
- .v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-tonal {
25251
- background: transparent;
25252
- color: inherit;
25136
+ .v-timeline--align-start .v-timeline-item:first-child .v-timeline-divider__after {
25137
+ --v-timeline-line-size-offset: -12px;
25253
25138
  }
25254
- .v-btn--variant-plain {
25255
- opacity: 0.62;
25139
+ .v-timeline--align-start .v-timeline-item:last-child .v-timeline-divider__after {
25140
+ --v-timeline-line-size-offset: 0px;
25256
25141
  }
25257
- .v-btn--variant-plain:focus, .v-btn--variant-plain:hover {
25258
- opacity: 1;
25142
+ .v-timeline--horizontal.v-timeline--align-start {
25143
+ justify-items: flex-start;
25259
25144
  }
25260
- .v-btn--variant-plain .v-btn__overlay {
25261
- display: none;
25145
+ .v-timeline--horizontal.v-timeline--align-start .v-timeline-divider {
25146
+ justify-content: flex-start;
25262
25147
  }
25263
- .v-btn--variant-elevated, .v-btn--variant-flat {
25264
- background: rgb(var(--v-theme-surface));
25265
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
25148
+ .v-timeline--horizontal.v-timeline--align-start .v-timeline-divider .v-timeline-divider__before {
25149
+ width: calc(var(--v-timeline-line-size-offset) + var(--v-timeline-dot-size) / 2 - var(--v-timeline-line-inset));
25266
25150
  }
25267
- .v-btn--variant-elevated {
25268
- 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));
25151
+ .v-timeline--horizontal.v-timeline--align-start .v-timeline-divider .v-timeline-divider__after {
25152
+ width: calc(var(--v-timeline-line-size-base) - var(--v-timeline-dot-size) / 2 + var(--v-timeline-line-size-offset) - var(--v-timeline-line-inset));
25269
25153
  }
25270
- .v-btn--variant-flat {
25271
- 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));
25154
+
25155
+ .v-timeline--vertical.v-timeline--align-start {
25156
+ align-items: flex-start;
25272
25157
  }
25273
- .v-btn--variant-outlined {
25274
- border: thin solid currentColor;
25158
+ .v-timeline--vertical.v-timeline--align-start .v-timeline-divider {
25159
+ justify-content: flex-start;
25275
25160
  }
25276
- .v-btn--variant-text .v-btn__overlay {
25277
- background: currentColor;
25161
+ .v-timeline--vertical.v-timeline--align-start .v-timeline-divider .v-timeline-divider__before {
25162
+ height: calc(var(--v-timeline-line-size-offset) + var(--v-timeline-dot-size) / 2 - var(--v-timeline-line-inset));
25278
25163
  }
25279
- .v-btn--variant-tonal .v-btn__underlay {
25280
- background: currentColor;
25281
- opacity: var(--v-activated-opacity);
25282
- border-radius: inherit;
25283
- top: 0;
25284
- right: 0;
25285
- bottom: 0;
25286
- left: 0;
25287
- pointer-events: none;
25164
+ .v-timeline--vertical.v-timeline--align-start .v-timeline-divider .v-timeline-divider__after {
25165
+ height: calc(var(--v-timeline-line-size-base) - var(--v-timeline-dot-size) / 2 + var(--v-timeline-line-size-offset) - var(--v-timeline-line-inset));
25288
25166
  }
25289
- .v-btn .v-btn__underlay {
25290
- position: absolute;
25167
+
25168
+ .v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider__before {
25169
+ display: none;
25291
25170
  }
25292
- @supports selector(:focus-visible) {
25293
- .v-btn::after {
25294
- content: "";
25295
- position: absolute;
25296
- top: 0;
25297
- left: 0;
25298
- width: 100%;
25299
- height: 100%;
25300
- pointer-events: none;
25301
- border: 2px solid currentColor;
25302
- border-radius: inherit;
25303
- opacity: 0;
25304
- transition: opacity 0.2s ease-in-out;
25305
- }
25306
- .v-btn:focus-visible::after {
25307
- opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
25308
- }
25171
+ .v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider__after {
25172
+ --v-timeline-line-size-offset: 12px;
25309
25173
  }
25310
- .v-btn--icon {
25311
- border-radius: 50%;
25312
- min-width: 0;
25313
- padding: 0;
25174
+ .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider, .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__opposite {
25175
+ padding-block-start: 0;
25314
25176
  }
25315
- .v-btn--icon.v-btn--size-default {
25316
- --v-btn-size: 1rem;
25177
+
25178
+ .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__opposite {
25179
+ padding-inline-start: 0;
25317
25180
  }
25318
- .v-btn--icon.v-btn--density-default {
25319
- width: calc(var(--v-btn-height) + 12px);
25320
- height: calc(var(--v-btn-height) + 12px);
25181
+
25182
+ .v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__after {
25183
+ display: none;
25321
25184
  }
25322
- .v-btn--icon.v-btn--density-comfortable {
25323
- width: calc(var(--v-btn-height) + 0px);
25324
- height: calc(var(--v-btn-height) + 0px);
25185
+ .v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__before {
25186
+ --v-timeline-line-size-offset: 12px;
25325
25187
  }
25326
- .v-btn--icon.v-btn--density-compact {
25327
- width: calc(var(--v-btn-height) + -8px);
25328
- height: calc(var(--v-btn-height) + -8px);
25188
+ .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
25189
+ padding-block-end: 0;
25329
25190
  }
25330
25191
 
25331
- .v-btn--elevated:hover, .v-btn--elevated:focus {
25332
- 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));
25333
- }
25334
- .v-btn--elevated:active {
25335
- 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));
25192
+ .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 {
25193
+ padding-inline-end: 0;
25194
+ }.v-theme-provider {
25195
+ background: rgb(var(--v-theme-background));
25196
+ color: rgb(var(--v-theme-on-background));
25197
+ }.v-tooltip > .v-overlay__content {
25198
+ background: rgb(var(--v-theme-surface-variant));
25199
+ color: rgb(var(--v-theme-on-surface-variant));
25200
+ border-radius: 4px;
25201
+ font-size: 0.875rem;
25202
+ line-height: 1.6;
25203
+ display: inline-block;
25204
+ padding: 5px 16px;
25205
+ text-transform: initial;
25206
+ width: auto;
25207
+ opacity: 1;
25208
+ pointer-events: none;
25209
+ transition-property: opacity, transform;
25210
+ overflow-wrap: break-word;
25336
25211
  }
25337
- .v-btn--flat {
25338
- box-shadow: none;
25212
+ .v-tooltip > .v-overlay__content[class*=enter-active] {
25213
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25214
+ transition-duration: 150ms;
25339
25215
  }
25340
- .v-btn--block {
25216
+ .v-tooltip > .v-overlay__content[class*=leave-active] {
25217
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25218
+ transition-duration: 75ms;
25219
+ }.v-toolbar {
25220
+ align-items: flex-start;
25341
25221
  display: flex;
25342
- flex: 1 0 auto;
25343
- min-width: 100%;
25222
+ flex: none;
25223
+ flex-direction: column;
25224
+ justify-content: space-between;
25225
+ max-width: 100%;
25226
+ position: relative;
25227
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
25228
+ transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
25229
+ width: 100%;
25230
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
25231
+ border-style: solid;
25232
+ border-width: 0;
25233
+ 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));
25234
+ border-radius: 0;
25235
+ background: rgb(var(--v-theme-surface-light));
25236
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
25344
25237
  }
25345
- .v-btn--disabled {
25346
- pointer-events: none;
25347
- opacity: 0.26;
25238
+ .v-toolbar--border {
25239
+ border-width: thin;
25240
+ box-shadow: none;
25348
25241
  }
25349
- .v-btn--disabled:hover {
25350
- opacity: 0.26;
25242
+ .v-toolbar--absolute {
25243
+ position: absolute;
25351
25244
  }
25352
- .v-btn--disabled.v-btn--variant-elevated, .v-btn--disabled.v-btn--variant-flat {
25353
- box-shadow: none;
25354
- opacity: 1;
25355
- color: rgba(var(--v-theme-on-surface), 0.26);
25356
- background: rgb(var(--v-theme-surface));
25245
+ .v-toolbar--collapse {
25246
+ max-width: 112px;
25247
+ overflow: hidden;
25248
+ border-end-end-radius: 24px;
25357
25249
  }
25358
- .v-btn--disabled.v-btn--variant-elevated .v-btn__overlay, .v-btn--disabled.v-btn--variant-flat .v-btn__overlay {
25359
- opacity: 0.4615384615;
25250
+ .v-toolbar--collapse .v-toolbar-title {
25251
+ display: none;
25360
25252
  }
25361
- .v-btn--loading {
25362
- pointer-events: none;
25253
+ .v-toolbar--flat {
25254
+ 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));
25363
25255
  }
25364
- .v-btn--loading .v-btn__content,
25365
- .v-btn--loading .v-btn__prepend,
25366
- .v-btn--loading .v-btn__append {
25367
- opacity: 0;
25256
+ .v-toolbar--floating {
25257
+ display: inline-flex;
25368
25258
  }
25369
- .v-btn--stacked {
25370
- grid-template-areas: "prepend" "content" "append";
25371
- grid-template-columns: auto;
25372
- grid-template-rows: max-content max-content max-content;
25373
- justify-items: center;
25374
- align-content: center;
25259
+ .v-toolbar--rounded {
25260
+ border-radius: 4px;
25375
25261
  }
25376
- .v-btn--stacked .v-btn__content {
25377
- flex-direction: column;
25378
- line-height: 1.25;
25262
+
25263
+ .v-toolbar__content,
25264
+ .v-toolbar__extension {
25265
+ align-items: center;
25266
+ display: flex;
25267
+ flex: 0 0 auto;
25268
+ position: relative;
25269
+ transition: inherit;
25270
+ width: 100%;
25379
25271
  }
25380
- .v-btn--stacked .v-btn__prepend,
25381
- .v-btn--stacked .v-btn__append,
25382
- .v-btn--stacked .v-btn__content > .v-icon--start,
25383
- .v-btn--stacked .v-btn__content > .v-icon--end {
25384
- margin-inline: 0;
25272
+
25273
+ .v-toolbar__content {
25274
+ overflow: hidden;
25385
25275
  }
25386
- .v-btn--stacked .v-btn__prepend,
25387
- .v-btn--stacked .v-btn__content > .v-icon--start {
25388
- margin-bottom: 4px;
25276
+ .v-toolbar__content > .v-btn:first-child {
25277
+ margin-inline-start: 4px;
25389
25278
  }
25390
- .v-btn--stacked .v-btn__append,
25391
- .v-btn--stacked .v-btn__content > .v-icon--end {
25392
- margin-top: 4px;
25279
+ .v-toolbar__content > .v-btn:last-child {
25280
+ margin-inline-end: 4px;
25393
25281
  }
25394
- .v-btn--stacked.v-btn--size-x-small {
25395
- --v-btn-size: 0.625rem;
25396
- --v-btn-height: 56px;
25397
- font-size: var(--v-btn-size);
25398
- min-width: 56px;
25399
- padding: 0 12px;
25282
+ .v-toolbar__content > .v-toolbar-title {
25283
+ margin-inline-start: 20px;
25400
25284
  }
25401
-
25402
- .v-btn--stacked.v-btn--size-small {
25403
- --v-btn-size: 0.75rem;
25404
- --v-btn-height: 64px;
25405
- font-size: var(--v-btn-size);
25406
- min-width: 64px;
25407
- padding: 0 14px;
25285
+ .v-toolbar--density-prominent .v-toolbar__content {
25286
+ align-items: flex-start;
25408
25287
  }
25409
25288
 
25410
- .v-btn--stacked.v-btn--size-default {
25411
- --v-btn-size: 0.875rem;
25412
- --v-btn-height: 72px;
25413
- font-size: var(--v-btn-size);
25414
- min-width: 72px;
25415
- padding: 0 16px;
25289
+ .v-toolbar__image {
25290
+ position: absolute;
25291
+ top: 0;
25292
+ left: 0;
25293
+ width: 100%;
25294
+ height: 100%;
25295
+ display: flex;
25296
+ opacity: var(--v-toolbar-image-opacity, 1);
25297
+ transition-property: opacity;
25416
25298
  }
25417
25299
 
25418
- .v-btn--stacked.v-btn--size-large {
25419
- --v-btn-size: 1rem;
25420
- --v-btn-height: 80px;
25421
- font-size: var(--v-btn-size);
25422
- min-width: 80px;
25423
- padding: 0 18px;
25300
+ .v-toolbar__prepend,
25301
+ .v-toolbar__append {
25302
+ align-items: center;
25303
+ align-self: stretch;
25304
+ display: flex;
25424
25305
  }
25425
25306
 
25426
- .v-btn--stacked.v-btn--size-x-large {
25427
- --v-btn-size: 1.125rem;
25428
- --v-btn-height: 88px;
25429
- font-size: var(--v-btn-size);
25430
- min-width: 88px;
25431
- padding: 0 20px;
25307
+ .v-toolbar__prepend {
25308
+ margin-inline: 4px auto;
25432
25309
  }
25433
25310
 
25434
- .v-btn--stacked.v-btn--density-default {
25435
- height: calc(var(--v-btn-height) + 0px);
25311
+ .v-toolbar__append {
25312
+ margin-inline: auto 4px;
25436
25313
  }
25437
25314
 
25438
- .v-btn--stacked.v-btn--density-comfortable {
25439
- height: calc(var(--v-btn-height) + -16px);
25315
+ .v-toolbar-title {
25316
+ flex: 1 1;
25317
+ font-size: 1.25rem;
25318
+ min-width: 0;
25319
+ font-size: 1.25rem;
25320
+ font-weight: 400;
25321
+ letter-spacing: 0;
25322
+ line-height: 1.75rem;
25323
+ text-transform: none;
25324
+ }
25325
+ .v-toolbar--density-prominent .v-toolbar-title {
25326
+ align-self: flex-end;
25327
+ padding-bottom: 6px;
25328
+ font-size: 1.5rem;
25329
+ font-weight: 400;
25330
+ letter-spacing: 0;
25331
+ line-height: 2.25rem;
25332
+ text-transform: none;
25440
25333
  }
25441
25334
 
25442
- .v-btn--stacked.v-btn--density-compact {
25443
- height: calc(var(--v-btn-height) + -24px);
25335
+ .v-toolbar-title__placeholder {
25336
+ overflow: hidden;
25337
+ text-overflow: ellipsis;
25338
+ white-space: nowrap;
25444
25339
  }
25445
25340
 
25446
- .v-btn--slim {
25447
- padding: 0 8px;
25341
+ .v-toolbar-items {
25342
+ display: flex;
25343
+ height: inherit;
25344
+ align-self: stretch;
25448
25345
  }
25449
- .v-btn--readonly {
25346
+ .v-toolbar-items > .v-btn {
25347
+ border-radius: 0;
25348
+ }.v-virtual-scroll {
25349
+ display: block;
25350
+ flex: 1 1 auto;
25351
+ max-width: 100%;
25352
+ overflow: auto;
25353
+ position: relative;
25354
+ }
25355
+ .v-virtual-scroll__container {
25356
+ display: block;
25357
+ }.v-window {
25358
+ overflow: hidden;
25359
+ }
25360
+ .v-window__container {
25361
+ display: flex;
25362
+ flex-direction: column;
25363
+ height: inherit;
25364
+ position: relative;
25365
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25366
+ }
25367
+ .v-window__controls {
25368
+ position: absolute;
25369
+ left: 0;
25370
+ top: 0;
25371
+ width: 100%;
25372
+ height: 100%;
25373
+ display: flex;
25374
+ align-items: center;
25375
+ justify-content: space-between;
25376
+ padding: 0 16px;
25450
25377
  pointer-events: none;
25451
25378
  }
25452
- .v-btn--rounded {
25453
- border-radius: 24px;
25379
+ .v-window__controls > * {
25380
+ pointer-events: auto;
25454
25381
  }
25455
- .v-btn--rounded.v-btn--icon {
25456
- border-radius: 4px;
25382
+ .v-window--show-arrows-on-hover {
25383
+ overflow: hidden;
25457
25384
  }
25458
- .v-btn .v-icon {
25459
- --v-icon-size-multiplier: 0.8571428571;
25385
+ .v-window--show-arrows-on-hover .v-window__left {
25386
+ transform: translateX(-200%);
25460
25387
  }
25461
- .v-btn--icon .v-icon {
25462
- --v-icon-size-multiplier: 1;
25388
+ .v-window--show-arrows-on-hover .v-window__right {
25389
+ transform: translateX(200%);
25463
25390
  }
25464
- .v-btn--stacked .v-icon {
25465
- --v-icon-size-multiplier: 1.1428571429;
25391
+ .v-window--show-arrows-on-hover:hover .v-window__left,
25392
+ .v-window--show-arrows-on-hover:hover .v-window__right {
25393
+ transform: translateX(0);
25466
25394
  }
25467
25395
 
25468
- .v-btn__loader {
25469
- align-items: center;
25470
- display: flex;
25471
- height: 100%;
25472
- justify-content: center;
25473
- left: 0;
25474
- position: absolute;
25396
+ .v-window-x-transition-enter-active, .v-window-x-transition-leave-active, .v-window-x-reverse-transition-enter-active, .v-window-x-reverse-transition-leave-active, .v-window-y-transition-enter-active, .v-window-y-transition-leave-active, .v-window-y-reverse-transition-enter-active, .v-window-y-reverse-transition-leave-active {
25397
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25398
+ }
25399
+ .v-window-x-transition-leave-from, .v-window-x-transition-leave-to, .v-window-x-reverse-transition-leave-from, .v-window-x-reverse-transition-leave-to, .v-window-y-transition-leave-from, .v-window-y-transition-leave-to, .v-window-y-reverse-transition-leave-from, .v-window-y-reverse-transition-leave-to {
25400
+ position: absolute !important;
25475
25401
  top: 0;
25476
25402
  width: 100%;
25477
25403
  }
25478
- .v-btn__loader > .v-progress-circular {
25479
- width: 1.5em;
25480
- height: 1.5em;
25404
+ .v-window-x-transition-enter-from {
25405
+ transform: translateX(100%);
25406
+ }
25407
+ .v-window-x-transition-leave-to {
25408
+ transform: translateX(-100%);
25409
+ }
25410
+ .v-window-x-reverse-transition-enter-from {
25411
+ transform: translateX(-100%);
25412
+ }
25413
+ .v-window-x-reverse-transition-leave-to {
25414
+ transform: translateX(100%);
25415
+ }
25416
+ .v-window-y-transition-enter-from {
25417
+ transform: translateY(100%);
25481
25418
  }
25482
-
25483
- .v-btn__content,
25484
- .v-btn__prepend,
25485
- .v-btn__append {
25486
- align-items: center;
25419
+ .v-window-y-transition-leave-to {
25420
+ transform: translateY(-100%);
25421
+ }
25422
+ .v-window-y-reverse-transition-enter-from {
25423
+ transform: translateY(-100%);
25424
+ }
25425
+ .v-window-y-reverse-transition-leave-to {
25426
+ transform: translateY(100%);
25427
+ }.v-responsive {
25487
25428
  display: flex;
25488
- transition: transform, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
25429
+ flex: 1 0 auto;
25430
+ max-height: 100%;
25431
+ max-width: 100%;
25432
+ overflow: hidden;
25433
+ position: relative;
25434
+ }
25435
+ .v-responsive--inline {
25436
+ display: inline-flex;
25437
+ flex: 0 0 auto;
25489
25438
  }
25490
25439
 
25491
- .v-btn__prepend {
25492
- grid-area: prepend;
25493
- margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
25440
+ .v-responsive__content {
25441
+ flex: 1 0 0px;
25442
+ max-width: 100%;
25494
25443
  }
25495
25444
 
25496
- .v-btn__append {
25497
- grid-area: append;
25498
- margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
25445
+ .v-responsive__sizer ~ .v-responsive__content {
25446
+ margin-inline-start: -100%;
25499
25447
  }
25500
25448
 
25501
- .v-btn__content {
25502
- grid-area: content;
25449
+ .v-responsive__sizer {
25450
+ flex: 1 0 0px;
25451
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
25452
+ pointer-events: none;
25453
+ }.v-avatar {
25454
+ flex: none;
25455
+ align-items: center;
25456
+ display: inline-flex;
25503
25457
  justify-content: center;
25504
- white-space: nowrap;
25458
+ line-height: normal;
25459
+ overflow: hidden;
25460
+ position: relative;
25461
+ text-align: center;
25462
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
25463
+ transition-property: width, height;
25464
+ vertical-align: middle;
25465
+ border-radius: 50%;
25505
25466
  }
25506
- .v-btn__content > .v-icon--start {
25507
- margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
25467
+ .v-avatar.v-avatar--size-x-small {
25468
+ --v-avatar-height: 24px;
25508
25469
  }
25509
- .v-btn__content > .v-icon--end {
25510
- margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
25470
+ .v-avatar.v-avatar--size-small {
25471
+ --v-avatar-height: 32px;
25511
25472
  }
25512
- .v-btn--stacked .v-btn__content {
25513
- white-space: normal;
25473
+ .v-avatar.v-avatar--size-default {
25474
+ --v-avatar-height: 40px;
25514
25475
  }
25515
-
25516
- .v-btn__overlay {
25517
- background-color: currentColor;
25518
- border-radius: inherit;
25519
- opacity: 0;
25520
- transition: opacity 0.2s ease-in-out;
25476
+ .v-avatar.v-avatar--size-large {
25477
+ --v-avatar-height: 48px;
25521
25478
  }
25522
-
25523
- .v-btn__overlay,
25524
- .v-btn__underlay {
25525
- position: absolute;
25526
- top: 0;
25527
- left: 0;
25528
- width: 100%;
25529
- height: 100%;
25530
- pointer-events: none;
25479
+ .v-avatar.v-avatar--size-x-large {
25480
+ --v-avatar-height: 56px;
25531
25481
  }
25532
-
25533
- .v-card-actions .v-btn ~ .v-btn:not(.v-btn-toggle .v-btn) {
25534
- margin-inline-start: 0.5rem;
25482
+ .v-avatar.v-avatar--density-default {
25483
+ height: calc(var(--v-avatar-height) + 0px);
25484
+ width: calc(var(--v-avatar-height) + 0px);
25535
25485
  }
25536
-
25537
- .v-pagination .v-btn {
25538
- border-radius: 4px;
25486
+ .v-avatar.v-avatar--density-comfortable {
25487
+ height: calc(var(--v-avatar-height) + -4px);
25488
+ width: calc(var(--v-avatar-height) + -4px);
25539
25489
  }
25540
- .v-pagination .v-btn--rounded {
25541
- border-radius: 50%;
25490
+ .v-avatar.v-avatar--density-compact {
25491
+ height: calc(var(--v-avatar-height) + -8px);
25492
+ width: calc(var(--v-avatar-height) + -8px);
25542
25493
  }
25543
- .v-btn__overlay {
25544
- transition: none;
25494
+ .v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
25495
+ background: transparent;
25496
+ color: inherit;
25545
25497
  }
25546
- .v-pagination__item--is-active .v-btn__overlay {
25547
- opacity: var(--v-border-opacity);
25548
- }.v-color-picker-edit {
25549
- display: flex;
25550
- margin-top: 24px;
25498
+ .v-avatar--variant-plain {
25499
+ opacity: 0.62;
25551
25500
  }
25552
-
25553
- .v-color-picker-edit__input {
25554
- width: 100%;
25555
- display: flex;
25556
- flex-wrap: wrap;
25557
- justify-content: center;
25558
- text-align: center;
25501
+ .v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
25502
+ opacity: 1;
25559
25503
  }
25560
- .v-color-picker-edit__input:not(:last-child) {
25561
- margin-inline-end: 8px;
25504
+ .v-avatar--variant-plain .v-avatar__overlay {
25505
+ display: none;
25562
25506
  }
25563
- .v-color-picker-edit__input input {
25564
- border-radius: 4px;
25565
- margin-bottom: 8px;
25566
- min-width: 0;
25567
- outline: none;
25568
- text-align: center;
25569
- width: 100%;
25570
- height: 32px;
25571
- background: rgba(var(--v-theme-surface-variant), 0.2);
25572
- color: rgba(var(--v-theme-on-surface));
25507
+ .v-avatar--variant-elevated, .v-avatar--variant-flat {
25508
+ background: var(--v-theme-surface);
25509
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
25573
25510
  }
25574
- .v-color-picker-edit__input span {
25575
- font-size: 0.75rem;
25576
- }.v-color-picker-canvas {
25577
- display: flex;
25578
- position: relative;
25579
- overflow: hidden;
25580
- contain: content;
25581
- touch-action: none;
25511
+ .v-avatar--variant-elevated {
25512
+ 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));
25582
25513
  }
25583
- .v-color-picker-canvas__dot {
25584
- position: absolute;
25514
+ .v-avatar--variant-flat {
25515
+ 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));
25516
+ }
25517
+ .v-avatar--variant-outlined {
25518
+ border: thin solid currentColor;
25519
+ }
25520
+ .v-avatar--variant-text .v-avatar__overlay {
25521
+ background: currentColor;
25522
+ }
25523
+ .v-avatar--variant-tonal .v-avatar__underlay {
25524
+ background: currentColor;
25525
+ opacity: var(--v-activated-opacity);
25526
+ border-radius: inherit;
25585
25527
  top: 0;
25528
+ right: 0;
25529
+ bottom: 0;
25586
25530
  left: 0;
25587
- width: 15px;
25588
- height: 15px;
25589
- background: transparent;
25590
- border-radius: 50%;
25591
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25531
+ pointer-events: none;
25592
25532
  }
25593
- .v-color-picker-canvas__dot--disabled {
25594
- box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25533
+ .v-avatar .v-avatar__underlay {
25534
+ position: absolute;
25595
25535
  }
25596
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25597
- will-change: transform;
25536
+ .v-avatar--rounded {
25537
+ border-radius: 4px;
25538
+ }
25539
+ .v-avatar--start {
25540
+ margin-inline-end: 8px;
25541
+ }
25542
+ .v-avatar--end {
25543
+ margin-inline-start: 8px;
25544
+ }
25545
+ .v-avatar .v-img {
25546
+ height: 100%;
25547
+ width: 100%;
25598
25548
  }.v-color-picker-preview__alpha .v-slider-track__background {
25599
25549
  background-color: transparent !important;
25600
25550
  }
@@ -25665,6 +25615,28 @@ html.v-overlay-scroll-blocked {
25665
25615
  .v-color-picker-preview__eye-dropper {
25666
25616
  position: relative;
25667
25617
  margin-right: 12px;
25618
+ }.v-color-picker-canvas {
25619
+ display: flex;
25620
+ position: relative;
25621
+ overflow: hidden;
25622
+ contain: content;
25623
+ touch-action: none;
25624
+ }
25625
+ .v-color-picker-canvas__dot {
25626
+ position: absolute;
25627
+ top: 0;
25628
+ left: 0;
25629
+ width: 15px;
25630
+ height: 15px;
25631
+ background: transparent;
25632
+ border-radius: 50%;
25633
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25634
+ }
25635
+ .v-color-picker-canvas__dot--disabled {
25636
+ box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25637
+ }
25638
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25639
+ will-change: transform;
25668
25640
  }.v-color-picker-swatches {
25669
25641
  overflow-y: auto;
25670
25642
  }
@@ -25700,6 +25672,34 @@ html.v-overlay-scroll-blocked {
25700
25672
  justify-content: center;
25701
25673
  width: 100%;
25702
25674
  height: 100%;
25675
+ }.v-color-picker-edit {
25676
+ display: flex;
25677
+ margin-top: 24px;
25678
+ }
25679
+
25680
+ .v-color-picker-edit__input {
25681
+ width: 100%;
25682
+ display: flex;
25683
+ flex-wrap: wrap;
25684
+ justify-content: center;
25685
+ text-align: center;
25686
+ }
25687
+ .v-color-picker-edit__input:not(:last-child) {
25688
+ margin-inline-end: 8px;
25689
+ }
25690
+ .v-color-picker-edit__input input {
25691
+ border-radius: 4px;
25692
+ margin-bottom: 8px;
25693
+ min-width: 0;
25694
+ outline: none;
25695
+ text-align: center;
25696
+ width: 100%;
25697
+ height: 32px;
25698
+ background: rgba(var(--v-theme-surface-variant), 0.2);
25699
+ color: rgba(var(--v-theme-on-surface));
25700
+ }
25701
+ .v-color-picker-edit__input span {
25702
+ font-size: 0.75rem;
25703
25703
  }.v-picker.v-sheet {
25704
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
25705
  border-radius: 4px;
@@ -25784,6 +25784,11 @@ html.v-overlay-scroll-blocked {
25784
25784
  user-select: none;
25785
25785
  background-color: currentColor;
25786
25786
  }
25787
+ @media (forced-colors: active) {
25788
+ .v-slider-thumb__surface {
25789
+ background-color: highlight;
25790
+ }
25791
+ }
25787
25792
  .v-slider-thumb__surface::before {
25788
25793
  transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25789
25794
  content: "";
@@ -25910,10 +25915,20 @@ html.v-overlay-scroll-blocked {
25910
25915
  }.v-slider-track__background {
25911
25916
  background-color: rgb(var(--v-theme-surface-variant));
25912
25917
  }
25918
+ @media (forced-colors: active) {
25919
+ .v-slider-track__background {
25920
+ background-color: highlight;
25921
+ }
25922
+ }
25913
25923
 
25914
25924
  .v-slider-track__fill {
25915
25925
  background-color: rgb(var(--v-theme-surface-variant));
25916
25926
  }
25927
+ @media (forced-colors: active) {
25928
+ .v-slider-track__fill {
25929
+ background-color: highlight;
25930
+ }
25931
+ }
25917
25932
 
25918
25933
  .v-slider-track__tick {
25919
25934
  background-color: rgb(var(--v-theme-surface-variant));
@@ -25925,6 +25940,11 @@ html.v-overlay-scroll-blocked {
25925
25940
  .v-slider-track {
25926
25941
  border-radius: 6px;
25927
25942
  }
25943
+ @media (forced-colors: active) {
25944
+ .v-slider-track {
25945
+ border: thin solid buttontext;
25946
+ }
25947
+ }
25928
25948
 
25929
25949
  .v-slider-track__background, .v-slider-track__fill {
25930
25950
  position: absolute;