vuetify 3.5.5 → 3.5.7

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 (86) hide show
  1. package/dist/_component-variables-labs.sass +2 -0
  2. package/dist/json/attributes.json +352 -40
  3. package/dist/json/importMap-labs.json +16 -8
  4. package/dist/json/importMap.json +122 -118
  5. package/dist/json/tags.json +93 -0
  6. package/dist/json/web-types.json +1084 -52
  7. package/dist/vuetify-labs.css +2121 -1996
  8. package/dist/vuetify-labs.d.ts +1336 -128
  9. package/dist/vuetify-labs.esm.js +332 -81
  10. package/dist/vuetify-labs.esm.js.map +1 -1
  11. package/dist/vuetify-labs.js +332 -81
  12. package/dist/vuetify-labs.min.css +2 -2
  13. package/dist/vuetify.css +838 -839
  14. package/dist/vuetify.d.ts +320 -145
  15. package/dist/vuetify.esm.js +87 -75
  16. package/dist/vuetify.esm.js.map +1 -1
  17. package/dist/vuetify.js +87 -75
  18. package/dist/vuetify.js.map +1 -1
  19. package/dist/vuetify.min.css +2 -2
  20. package/dist/vuetify.min.js +60 -58
  21. package/dist/vuetify.min.js.map +1 -1
  22. package/lib/components/VApp/index.d.mts +8 -6
  23. package/lib/components/VAutocomplete/VAutocomplete.css +4 -4
  24. package/lib/components/VAutocomplete/VAutocomplete.mjs +33 -29
  25. package/lib/components/VAutocomplete/VAutocomplete.mjs.map +1 -1
  26. package/lib/components/VAutocomplete/VAutocomplete.sass +1 -1
  27. package/lib/components/VCheckbox/VCheckbox.mjs +3 -1
  28. package/lib/components/VCheckbox/VCheckbox.mjs.map +1 -1
  29. package/lib/components/VCombobox/VCombobox.css +4 -4
  30. package/lib/components/VCombobox/VCombobox.mjs +22 -23
  31. package/lib/components/VCombobox/VCombobox.mjs.map +1 -1
  32. package/lib/components/VCombobox/VCombobox.sass +1 -1
  33. package/lib/components/VDataIterator/VDataIterator.mjs.map +1 -1
  34. package/lib/components/VDataIterator/index.d.mts +50 -94
  35. package/lib/components/VDataTable/index.d.mts +214 -1
  36. package/lib/components/VDataTable/index.mjs +1 -0
  37. package/lib/components/VDataTable/index.mjs.map +1 -1
  38. package/lib/components/VExpansionPanel/VExpansionPanel.css +4 -7
  39. package/lib/components/VExpansionPanel/VExpansionPanel.sass +4 -3
  40. package/lib/components/VExpansionPanel/VExpansionPanelTitle.mjs +2 -0
  41. package/lib/components/VExpansionPanel/VExpansionPanelTitle.mjs.map +1 -1
  42. package/lib/components/VExpansionPanel/VExpansionPanels.mjs +2 -0
  43. package/lib/components/VExpansionPanel/VExpansionPanels.mjs.map +1 -1
  44. package/lib/components/VExpansionPanel/index.d.mts +27 -0
  45. package/lib/components/VLayout/index.d.mts +8 -6
  46. package/lib/components/VSelect/VSelect.mjs +20 -18
  47. package/lib/components/VSelect/VSelect.mjs.map +1 -1
  48. package/lib/components/VToolbar/VToolbar.css +3 -1
  49. package/lib/components/VToolbar/VToolbar.sass +2 -1
  50. package/lib/components/index.d.mts +279 -106
  51. package/lib/composables/filter.mjs +1 -1
  52. package/lib/composables/filter.mjs.map +1 -1
  53. package/lib/composables/goto.mjs +2 -2
  54. package/lib/composables/goto.mjs.map +1 -1
  55. package/lib/composables/layout.mjs.map +1 -1
  56. package/lib/entry-bundler.mjs +1 -1
  57. package/lib/framework.mjs +1 -1
  58. package/lib/index.d.mts +42 -39
  59. package/lib/labs/VEmptyState/VEmptyState.css +59 -0
  60. package/lib/labs/VEmptyState/VEmptyState.mjs +145 -0
  61. package/lib/labs/VEmptyState/VEmptyState.mjs.map +1 -0
  62. package/lib/labs/VEmptyState/VEmptyState.sass +53 -0
  63. package/lib/labs/VEmptyState/_variables.scss +22 -0
  64. package/lib/labs/VEmptyState/index.d.mts +415 -0
  65. package/lib/labs/VEmptyState/index.mjs +2 -0
  66. package/lib/labs/VEmptyState/index.mjs.map +1 -0
  67. package/lib/labs/VFab/VFab.css +69 -0
  68. package/lib/labs/VFab/VFab.mjs +114 -0
  69. package/lib/labs/VFab/VFab.mjs.map +1 -0
  70. package/lib/labs/VFab/VFab.sass +82 -0
  71. package/lib/labs/VFab/_mixins.scss +22 -0
  72. package/lib/labs/VFab/_variables.scss +33 -0
  73. package/lib/labs/VFab/index.d.mts +656 -0
  74. package/lib/labs/VFab/index.mjs +2 -0
  75. package/lib/labs/VFab/index.mjs.map +1 -0
  76. package/lib/labs/VSparkline/VBarline.mjs +4 -4
  77. package/lib/labs/VSparkline/VBarline.mjs.map +1 -1
  78. package/lib/labs/VSparkline/VTrendline.mjs +6 -2
  79. package/lib/labs/VSparkline/VTrendline.mjs.map +1 -1
  80. package/lib/labs/VSparkline/index.d.mts +12 -0
  81. package/lib/labs/VSparkline/util/line.mjs +2 -0
  82. package/lib/labs/VSparkline/util/line.mjs.map +1 -1
  83. package/lib/labs/components.d.mts +1066 -2
  84. package/lib/labs/components.mjs +2 -0
  85. package/lib/labs/components.mjs.map +1 -1
  86. package/package.json +2 -2
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.5.5
2
+ * Vuetify v3.5.7
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17029,6 +17029,18 @@ html.overflow-y-hidden {
17029
17029
  .v-ripple__animation--out {
17030
17030
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
17031
17031
  opacity: 0;
17032
+ }.v-app-bar {
17033
+ display: flex;
17034
+ }
17035
+ .v-app-bar.v-toolbar {
17036
+ background: rgb(var(--v-theme-surface));
17037
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17038
+ }
17039
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17040
+ 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));
17041
+ }
17042
+ .v-app-bar:not(.v-toolbar--absolute) {
17043
+ padding-inline-end: var(--v-scrollbar-offset);
17032
17044
  }.v-application {
17033
17045
  display: flex;
17034
17046
  background: rgb(var(--v-theme-background));
@@ -17045,18 +17057,6 @@ html.overflow-y-hidden {
17045
17057
  min-height: 100vh;
17046
17058
  min-height: 100dvh;
17047
17059
  position: relative;
17048
- }.v-app-bar {
17049
- display: flex;
17050
- }
17051
- .v-app-bar.v-toolbar {
17052
- background: rgb(var(--v-theme-surface));
17053
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17054
- }
17055
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17056
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17057
- }
17058
- .v-app-bar:not(.v-toolbar--absolute) {
17059
- padding-inline-end: var(--v-scrollbar-offset);
17060
17060
  }.v-alert {
17061
17061
  display: grid;
17062
17062
  flex: 1 1;
@@ -17267,6 +17267,87 @@ html.overflow-y-hidden {
17267
17267
  text-transform: none;
17268
17268
  word-break: normal;
17269
17269
  word-wrap: break-word;
17270
+ }.v-autocomplete .v-field .v-text-field__prefix,
17271
+ .v-autocomplete .v-field .v-text-field__suffix,
17272
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17273
+ cursor: text;
17274
+ }
17275
+ .v-autocomplete .v-field .v-field__input > input {
17276
+ flex: 1 1;
17277
+ }
17278
+ .v-autocomplete .v-field input {
17279
+ min-width: 64px;
17280
+ }
17281
+ .v-autocomplete .v-field:not(.v-field--focused) input {
17282
+ min-width: 0;
17283
+ }
17284
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17285
+ margin-inline-end: 2px;
17286
+ }
17287
+ .v-autocomplete .v-autocomplete__selection-text {
17288
+ overflow: hidden;
17289
+ text-overflow: ellipsis;
17290
+ white-space: nowrap;
17291
+ }
17292
+
17293
+ .v-autocomplete__content {
17294
+ overflow: hidden;
17295
+ box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17296
+ border-radius: 4px;
17297
+ }
17298
+ .v-autocomplete__mask {
17299
+ background: rgb(var(--v-theme-surface-light));
17300
+ }
17301
+ .v-autocomplete__selection {
17302
+ display: inline-flex;
17303
+ align-items: center;
17304
+ height: 1.5rem;
17305
+ letter-spacing: inherit;
17306
+ line-height: inherit;
17307
+ max-width: calc(100% - 2px - 2px);
17308
+ }
17309
+ .v-autocomplete__selection:first-child {
17310
+ margin-inline-start: 0;
17311
+ }
17312
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17313
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17314
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17315
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17316
+ top: 0px;
17317
+ }
17318
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
17319
+ opacity: var(--v-medium-emphasis-opacity);
17320
+ }
17321
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17322
+ opacity: 1;
17323
+ }
17324
+ .v-autocomplete--selecting-index .v-field__input > input {
17325
+ caret-color: transparent;
17326
+ }
17327
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field .v-field--focused input {
17328
+ flex: 1 1;
17329
+ position: absolute;
17330
+ left: 0;
17331
+ right: 0;
17332
+ width: 100%;
17333
+ padding-inline: inherit;
17334
+ }
17335
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
17336
+ transition: none;
17337
+ }
17338
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
17339
+ opacity: 0;
17340
+ }
17341
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
17342
+ opacity: 0;
17343
+ }
17344
+ .v-autocomplete__menu-icon {
17345
+ margin-inline-start: 4px;
17346
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17347
+ }
17348
+ .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17349
+ opacity: var(--v-high-emphasis-opacity);
17350
+ transform: rotate(180deg);
17270
17351
  }.v-avatar {
17271
17352
  flex: none;
17272
17353
  align-items: center;
@@ -17582,6 +17663,61 @@ html.overflow-y-hidden {
17582
17663
  }
17583
17664
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
17584
17665
  align-self: flex-start;
17666
+ }.v-bottom-navigation {
17667
+ display: flex;
17668
+ max-width: 100%;
17669
+ overflow: hidden;
17670
+ position: absolute;
17671
+ transition: transform, color 0.2s, 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17672
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17673
+ border-style: solid;
17674
+ border-width: 0;
17675
+ border-radius: 0;
17676
+ background: rgb(var(--v-theme-surface));
17677
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17678
+ }
17679
+ .v-bottom-navigation--border {
17680
+ border-width: thin;
17681
+ box-shadow: none;
17682
+ }
17683
+ .v-bottom-navigation--active {
17684
+ 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));
17685
+ }
17686
+
17687
+ .v-bottom-navigation__content {
17688
+ display: flex;
17689
+ flex: none;
17690
+ font-size: 0.75rem;
17691
+ justify-content: center;
17692
+ transition: inherit;
17693
+ width: 100%;
17694
+ }
17695
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
17696
+ font-size: inherit;
17697
+ height: 100%;
17698
+ max-width: 168px;
17699
+ min-width: 80px;
17700
+ text-transform: none;
17701
+ transition: inherit;
17702
+ width: auto;
17703
+ border-radius: 0;
17704
+ }
17705
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
17706
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
17707
+ transition: inherit;
17708
+ }
17709
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
17710
+ font-size: 1.5rem;
17711
+ }
17712
+ .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
17713
+ flex-grow: 1;
17714
+ }
17715
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
17716
+ transition: inherit;
17717
+ opacity: 0;
17718
+ }
17719
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
17720
+ transform: translateY(0.5rem);
17585
17721
  }.bottom-sheet-transition-enter-from {
17586
17722
  transform: translateY(100%);
17587
17723
  }
@@ -17671,61 +17807,6 @@ html.overflow-y-hidden {
17671
17807
  display: inline-block;
17672
17808
  padding: 0 8px;
17673
17809
  vertical-align: middle;
17674
- }.v-bottom-navigation {
17675
- display: flex;
17676
- max-width: 100%;
17677
- overflow: hidden;
17678
- position: absolute;
17679
- transition: transform, color 0.2s, 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17680
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17681
- border-style: solid;
17682
- border-width: 0;
17683
- border-radius: 0;
17684
- background: rgb(var(--v-theme-surface));
17685
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17686
- }
17687
- .v-bottom-navigation--border {
17688
- border-width: thin;
17689
- box-shadow: none;
17690
- }
17691
- .v-bottom-navigation--active {
17692
- 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));
17693
- }
17694
-
17695
- .v-bottom-navigation__content {
17696
- display: flex;
17697
- flex: none;
17698
- font-size: 0.75rem;
17699
- justify-content: center;
17700
- transition: inherit;
17701
- width: 100%;
17702
- }
17703
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
17704
- font-size: inherit;
17705
- height: 100%;
17706
- max-width: 168px;
17707
- min-width: 80px;
17708
- text-transform: none;
17709
- transition: inherit;
17710
- width: auto;
17711
- border-radius: 0;
17712
- }
17713
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
17714
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
17715
- transition: inherit;
17716
- }
17717
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
17718
- font-size: 1.5rem;
17719
- }
17720
- .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
17721
- flex-grow: 1;
17722
- }
17723
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
17724
- transition: inherit;
17725
- opacity: 0;
17726
- }
17727
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
17728
- transform: translateY(0.5rem);
17729
17810
  }.v-btn {
17730
17811
  align-items: center;
17731
17812
  border-radius: 4px;
@@ -18185,6 +18266,19 @@ html.overflow-y-hidden {
18185
18266
  }
18186
18267
  .v-btn-group--tile {
18187
18268
  border-radius: 0;
18269
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18270
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18271
+ }
18272
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18273
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18274
+ }
18275
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18276
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18277
+ }
18278
+ @supports not selector(:focus-visible) {
18279
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18280
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18281
+ }
18188
18282
  }.v-card {
18189
18283
  display: block;
18190
18284
  overflow: hidden;
@@ -18481,19 +18575,6 @@ html.overflow-y-hidden {
18481
18575
  pointer-events: none;
18482
18576
  opacity: 0;
18483
18577
  transition: opacity 0.2s ease-in-out;
18484
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18485
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18486
- }
18487
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18488
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18489
- }
18490
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18491
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18492
- }
18493
- @supports not selector(:focus-visible) {
18494
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18495
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18496
- }
18497
18578
  }.v-carousel {
18498
18579
  overflow: hidden;
18499
18580
  position: relative;
@@ -19736,7 +19817,7 @@ html.overflow-y-hidden {
19736
19817
  .v-combobox--selecting-index .v-field__input > input {
19737
19818
  caret-color: transparent;
19738
19819
  }
19739
- .v-combobox--single.v-text-field .v-field--focused input {
19820
+ .v-combobox--single:not(.v-combobox--selection-slot).v-text-field .v-field--focused input {
19740
19821
  flex: 1 1;
19741
19822
  position: absolute;
19742
19823
  left: 0;
@@ -19744,13 +19825,13 @@ html.overflow-y-hidden {
19744
19825
  width: 100%;
19745
19826
  padding-inline: inherit;
19746
19827
  }
19747
- .v-combobox--single .v-field--active input {
19828
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--active input {
19748
19829
  transition: none;
19749
19830
  }
19750
- .v-combobox--single .v-field--dirty:not(.v-field--focused) input {
19831
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--dirty:not(.v-field--focused) input {
19751
19832
  opacity: 0;
19752
19833
  }
19753
- .v-combobox--single .v-field--focused .v-combobox__selection {
19834
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--focused .v-combobox__selection {
19754
19835
  opacity: 0;
19755
19836
  }
19756
19837
  .v-combobox__menu-icon {
@@ -19760,11 +19841,6 @@ html.overflow-y-hidden {
19760
19841
  .v-combobox--active-menu .v-combobox__menu-icon {
19761
19842
  opacity: var(--v-high-emphasis-opacity);
19762
19843
  transform: rotate(180deg);
19763
- }.v-counter {
19764
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
19765
- flex: 0 1 auto;
19766
- font-size: 12px;
19767
- transition-duration: 150ms;
19768
19844
  }.v-data-table {
19769
19845
  width: 100%;
19770
19846
  }
@@ -19933,87 +20009,71 @@ html.overflow-y-hidden {
19933
20009
 
19934
20010
  .v-data-table-footer__page {
19935
20011
  padding: 0 8px;
19936
- }.v-autocomplete .v-field .v-text-field__prefix,
19937
- .v-autocomplete .v-field .v-text-field__suffix,
19938
- .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
19939
- cursor: text;
19940
- }
19941
- .v-autocomplete .v-field .v-field__input > input {
19942
- flex: 1 1;
19943
- }
19944
- .v-autocomplete .v-field input {
19945
- min-width: 64px;
19946
- }
19947
- .v-autocomplete .v-field:not(.v-field--focused) input {
19948
- min-width: 0;
19949
- }
19950
- .v-autocomplete .v-field--dirty .v-autocomplete__selection {
19951
- margin-inline-end: 2px;
19952
- }
19953
- .v-autocomplete .v-autocomplete__selection-text {
20012
+ }.v-counter {
20013
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20014
+ flex: 0 1 auto;
20015
+ font-size: 12px;
20016
+ transition-duration: 150ms;
20017
+ }.v-date-picker-header {
20018
+ align-items: flex-end;
20019
+ height: 70px;
20020
+ display: grid;
20021
+ grid-template-areas: "prepend content append";
20022
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
19954
20023
  overflow: hidden;
19955
- text-overflow: ellipsis;
19956
- white-space: nowrap;
20024
+ padding-inline: 24px 12px;
20025
+ padding-bottom: 12px;
19957
20026
  }
19958
20027
 
19959
- .v-autocomplete__content {
19960
- overflow: hidden;
19961
- 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));
19962
- border-radius: 4px;
20028
+ .v-date-picker-header__append {
20029
+ grid-area: append;
19963
20030
  }
19964
- .v-autocomplete__mask {
19965
- background: rgb(var(--v-theme-surface-light));
20031
+
20032
+ .v-date-picker-header__prepend {
20033
+ grid-area: prepend;
20034
+ padding-inline-start: 8px;
19966
20035
  }
19967
- .v-autocomplete__selection {
19968
- display: inline-flex;
20036
+
20037
+ .v-date-picker-header__content {
19969
20038
  align-items: center;
19970
- height: 1.5rem;
19971
- letter-spacing: inherit;
19972
- line-height: inherit;
19973
- max-width: calc(100% - 2px - 2px);
19974
- }
19975
- .v-autocomplete__selection:first-child {
19976
- margin-inline-start: 0;
19977
- }
19978
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
19979
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
19980
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
19981
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
19982
- top: 0px;
19983
- }
19984
- .v-autocomplete--selecting-index .v-autocomplete__selection {
19985
- opacity: var(--v-medium-emphasis-opacity);
20039
+ display: inline-flex;
20040
+ font-size: 32px;
20041
+ line-height: 40px;
20042
+ grid-area: content;
20043
+ justify-content: space-between;
19986
20044
  }
19987
- .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
19988
- opacity: 1;
20045
+ .v-date-picker-header--clickable .v-date-picker-header__content {
20046
+ cursor: pointer;
19989
20047
  }
19990
- .v-autocomplete--selecting-index .v-field__input > input {
19991
- caret-color: transparent;
20048
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20049
+ opacity: 0.7;
19992
20050
  }
19993
- .v-autocomplete--single.v-text-field .v-field--focused input {
19994
- flex: 1 1;
19995
- position: absolute;
19996
- left: 0;
19997
- right: 0;
19998
- width: 100%;
19999
- padding-inline: inherit;
20051
+
20052
+ .date-picker-header-transition-enter-active,
20053
+ .date-picker-header-reverse-transition-enter-active {
20054
+ transition-duration: 0.3s;
20055
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20000
20056
  }
20001
- .v-autocomplete--single .v-field--active input {
20002
- transition: none;
20057
+ .date-picker-header-transition-leave-active,
20058
+ .date-picker-header-reverse-transition-leave-active {
20059
+ transition-duration: 0.3s;
20060
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20003
20061
  }
20004
- .v-autocomplete--single .v-field--dirty:not(.v-field--focused) input {
20005
- opacity: 0;
20062
+
20063
+ .date-picker-header-transition-enter-from {
20064
+ transform: translate(0, 100%);
20006
20065
  }
20007
- .v-autocomplete--single .v-field--focused .v-autocomplete__selection {
20066
+ .date-picker-header-transition-leave-to {
20008
20067
  opacity: 0;
20068
+ transform: translate(0, -100%);
20009
20069
  }
20010
- .v-autocomplete__menu-icon {
20011
- margin-inline-start: 4px;
20012
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
20070
+
20071
+ .date-picker-header-reverse-transition-enter-from {
20072
+ transform: translate(0, -100%);
20013
20073
  }
20014
- .v-autocomplete--active-menu .v-autocomplete__menu-icon {
20015
- opacity: var(--v-high-emphasis-opacity);
20016
- transform: rotate(180deg);
20074
+ .date-picker-header-reverse-transition-leave-to {
20075
+ opacity: 0;
20076
+ transform: translate(0, 100%);
20017
20077
  }.v-date-picker {
20018
20078
  overflow: hidden;
20019
20079
  width: 328px;
@@ -20076,66 +20136,6 @@ html.overflow-y-hidden {
20076
20136
 
20077
20137
  .v-date-picker__title {
20078
20138
  display: inline-block;
20079
- }.v-date-picker-header {
20080
- align-items: flex-end;
20081
- height: 70px;
20082
- display: grid;
20083
- grid-template-areas: "prepend content append";
20084
- grid-template-columns: min-content minmax(0, 1fr) min-content;
20085
- overflow: hidden;
20086
- padding-inline: 24px 12px;
20087
- padding-bottom: 12px;
20088
- }
20089
-
20090
- .v-date-picker-header__append {
20091
- grid-area: append;
20092
- }
20093
-
20094
- .v-date-picker-header__prepend {
20095
- grid-area: prepend;
20096
- padding-inline-start: 8px;
20097
- }
20098
-
20099
- .v-date-picker-header__content {
20100
- align-items: center;
20101
- display: inline-flex;
20102
- font-size: 32px;
20103
- line-height: 40px;
20104
- grid-area: content;
20105
- justify-content: space-between;
20106
- }
20107
- .v-date-picker-header--clickable .v-date-picker-header__content {
20108
- cursor: pointer;
20109
- }
20110
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20111
- opacity: 0.7;
20112
- }
20113
-
20114
- .date-picker-header-transition-enter-active,
20115
- .date-picker-header-reverse-transition-enter-active {
20116
- transition-duration: 0.3s;
20117
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20118
- }
20119
- .date-picker-header-transition-leave-active,
20120
- .date-picker-header-reverse-transition-leave-active {
20121
- transition-duration: 0.3s;
20122
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20123
- }
20124
-
20125
- .date-picker-header-transition-enter-from {
20126
- transform: translate(0, 100%);
20127
- }
20128
- .date-picker-header-transition-leave-to {
20129
- opacity: 0;
20130
- transform: translate(0, -100%);
20131
- }
20132
-
20133
- .date-picker-header-reverse-transition-enter-from {
20134
- transform: translate(0, -100%);
20135
- }
20136
- .date-picker-header-reverse-transition-leave-to {
20137
- opacity: 0;
20138
- transform: translate(0, 100%);
20139
20139
  }.v-date-picker-month {
20140
20140
  display: flex;
20141
20141
  justify-content: center;
@@ -20313,6 +20313,35 @@ html.overflow-y-hidden {
20313
20313
  -webkit-backface-visibility: hidden;
20314
20314
  backface-visibility: hidden;
20315
20315
  overflow-y: auto;
20316
+ }.v-divider {
20317
+ display: block;
20318
+ flex: 1 1 100%;
20319
+ height: 0px;
20320
+ max-height: 0px;
20321
+ opacity: var(--v-border-opacity);
20322
+ transition: inherit;
20323
+ border-style: solid;
20324
+ border-width: thin 0 0 0;
20325
+ }
20326
+ .v-divider--vertical {
20327
+ align-self: stretch;
20328
+ border-width: 0 thin 0 0;
20329
+ display: inline-flex;
20330
+ height: inherit;
20331
+ margin-left: -1px;
20332
+ max-height: 100%;
20333
+ max-width: 0px;
20334
+ vertical-align: text-bottom;
20335
+ width: 0px;
20336
+ }
20337
+ .v-divider--inset:not(.v-divider--vertical) {
20338
+ max-width: calc(100% - 72px);
20339
+ margin-inline-start: 72px;
20340
+ }
20341
+ .v-divider--inset.v-divider--vertical {
20342
+ margin-bottom: 8px;
20343
+ margin-top: 8px;
20344
+ max-height: calc(100% - 16px);
20316
20345
  }.v-expansion-panel {
20317
20346
  background-color: rgb(var(--v-theme-surface));
20318
20347
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -20446,23 +20475,20 @@ html.overflow-y-hidden {
20446
20475
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20447
20476
  }
20448
20477
  }
20449
- .v-expansion-panel-title--active > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true] > .v-expansion-panel-title__overlay {
20478
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active .v-expansion-panel-title__overlay {
20450
20479
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
20451
20480
  }
20452
- .v-expansion-panel-title--active:hover > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:hover > .v-expansion-panel-title__overlay {
20481
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:hover .v-expansion-panel-title__overlay {
20453
20482
  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20454
20483
  }
20455
- .v-expansion-panel-title--active:focus-visible > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-expansion-panel-title__overlay {
20484
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus-visible .v-expansion-panel-title__overlay {
20456
20485
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20457
20486
  }
20458
20487
  @supports not selector(:focus-visible) {
20459
- .v-expansion-panel-title--active:focus > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus > .v-expansion-panel-title__overlay {
20488
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus .v-expansion-panel-title__overlay {
20460
20489
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20461
20490
  }
20462
20491
  }
20463
- .v-expansion-panel-title--active::before {
20464
- opacity: 0.12;
20465
- }
20466
20492
 
20467
20493
  .v-expansion-panel-title__overlay {
20468
20494
  position: absolute;
@@ -20526,35 +20552,26 @@ html.overflow-y-hidden {
20526
20552
  }
20527
20553
  .v-expansion-panels--tile > .v-expansion-panel {
20528
20554
  border-radius: 0;
20529
- }.v-divider {
20530
- display: block;
20531
- flex: 1 1 100%;
20532
- height: 0px;
20533
- max-height: 0px;
20534
- opacity: var(--v-border-opacity);
20535
- transition: inherit;
20536
- border-style: solid;
20537
- border-width: thin 0 0 0;
20555
+ }.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
20556
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
20557
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
20558
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20559
+ top: 0px;
20538
20560
  }
20539
- .v-divider--vertical {
20540
- align-self: stretch;
20541
- border-width: 0 thin 0 0;
20542
- display: inline-flex;
20543
- height: inherit;
20544
- margin-left: -1px;
20545
- max-height: 100%;
20546
- max-width: 0px;
20547
- vertical-align: text-bottom;
20548
- width: 0px;
20561
+ .v-file-input input[type=file] {
20562
+ height: 100%;
20563
+ left: 0;
20564
+ opacity: 0;
20565
+ position: absolute;
20566
+ top: 0;
20567
+ width: 100%;
20568
+ z-index: 1;
20549
20569
  }
20550
- .v-divider--inset:not(.v-divider--vertical) {
20551
- max-width: calc(100% - 72px);
20552
- margin-inline-start: 72px;
20570
+ .v-file-input .v-input__details {
20571
+ padding-inline: 16px;
20553
20572
  }
20554
- .v-divider--inset.v-divider--vertical {
20555
- margin-bottom: 8px;
20556
- margin-top: 8px;
20557
- max-height: calc(100% - 16px);
20573
+ .v-input--plain-underlined.v-file-input .v-input__details {
20574
+ padding-inline: 0;
20558
20575
  }/* region INPUT */
20559
20576
  .v-field {
20560
20577
  display: grid;
@@ -21123,27 +21140,7 @@ textarea.v-field__input::placeholder {
21123
21140
  opacity: 0;
21124
21141
  }
21125
21142
 
21126
- /* endregion */.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21127
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21128
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21129
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21130
- top: 0px;
21131
- }
21132
- .v-file-input input[type=file] {
21133
- height: 100%;
21134
- left: 0;
21135
- opacity: 0;
21136
- position: absolute;
21137
- top: 0;
21138
- width: 100%;
21139
- z-index: 1;
21140
- }
21141
- .v-file-input .v-input__details {
21142
- padding-inline: 16px;
21143
- }
21144
- .v-input--plain-underlined.v-file-input .v-input__details {
21145
- padding-inline: 0;
21146
- }.v-footer {
21143
+ /* endregion */.v-footer {
21147
21144
  align-items: center;
21148
21145
  display: flex;
21149
21146
  flex: 1 1 auto;
@@ -21171,55 +21168,6 @@ textarea.v-field__input::placeholder {
21171
21168
  }
21172
21169
  .v-footer--rounded {
21173
21170
  border-radius: 4px;
21174
- }.v-icon {
21175
- --v-icon-size-multiplier: 1;
21176
- align-items: center;
21177
- display: inline-flex;
21178
- font-feature-settings: "liga";
21179
- height: 1em;
21180
- justify-content: center;
21181
- letter-spacing: normal;
21182
- line-height: 1;
21183
- position: relative;
21184
- text-indent: 0;
21185
- text-align: center;
21186
- -webkit-user-select: none;
21187
- user-select: none;
21188
- vertical-align: middle;
21189
- width: 1em;
21190
- min-width: 1em;
21191
- }
21192
- .v-icon--clickable {
21193
- cursor: pointer;
21194
- }
21195
- .v-icon--size-x-small {
21196
- font-size: calc(var(--v-icon-size-multiplier) * 1em);
21197
- }
21198
- .v-icon--size-small {
21199
- font-size: calc(var(--v-icon-size-multiplier) * 1.25em);
21200
- }
21201
- .v-icon--size-default {
21202
- font-size: calc(var(--v-icon-size-multiplier) * 1.5em);
21203
- }
21204
- .v-icon--size-large {
21205
- font-size: calc(var(--v-icon-size-multiplier) * 1.75em);
21206
- }
21207
- .v-icon--size-x-large {
21208
- font-size: calc(var(--v-icon-size-multiplier) * 2em);
21209
- }
21210
-
21211
- .v-icon__svg {
21212
- fill: currentColor;
21213
- width: 100%;
21214
- height: 100%;
21215
- }
21216
-
21217
- .v-icon--start {
21218
- margin-inline-end: 8px;
21219
- }
21220
-
21221
- .v-icon--end {
21222
- margin-inline-start: 8px;
21223
21171
  }.v-img {
21224
21172
  --v-theme-overlay-multiplier: 3;
21225
21173
  z-index: 0;
@@ -21281,6 +21229,60 @@ textarea.v-field__input::placeholder {
21281
21229
  display: flex;
21282
21230
  justify-content: center;
21283
21231
  padding: 8px;
21232
+ }.v-icon {
21233
+ --v-icon-size-multiplier: 1;
21234
+ align-items: center;
21235
+ display: inline-flex;
21236
+ font-feature-settings: "liga";
21237
+ height: 1em;
21238
+ justify-content: center;
21239
+ letter-spacing: normal;
21240
+ line-height: 1;
21241
+ position: relative;
21242
+ text-indent: 0;
21243
+ text-align: center;
21244
+ -webkit-user-select: none;
21245
+ user-select: none;
21246
+ vertical-align: middle;
21247
+ width: 1em;
21248
+ min-width: 1em;
21249
+ }
21250
+ .v-icon--clickable {
21251
+ cursor: pointer;
21252
+ }
21253
+ .v-icon--size-x-small {
21254
+ font-size: calc(var(--v-icon-size-multiplier) * 1em);
21255
+ }
21256
+ .v-icon--size-small {
21257
+ font-size: calc(var(--v-icon-size-multiplier) * 1.25em);
21258
+ }
21259
+ .v-icon--size-default {
21260
+ font-size: calc(var(--v-icon-size-multiplier) * 1.5em);
21261
+ }
21262
+ .v-icon--size-large {
21263
+ font-size: calc(var(--v-icon-size-multiplier) * 1.75em);
21264
+ }
21265
+ .v-icon--size-x-large {
21266
+ font-size: calc(var(--v-icon-size-multiplier) * 2em);
21267
+ }
21268
+
21269
+ .v-icon__svg {
21270
+ fill: currentColor;
21271
+ width: 100%;
21272
+ height: 100%;
21273
+ }
21274
+
21275
+ .v-icon--start {
21276
+ margin-inline-end: 8px;
21277
+ }
21278
+
21279
+ .v-icon--end {
21280
+ margin-inline-start: 8px;
21281
+ }.v-item-group {
21282
+ flex: 0 1 auto;
21283
+ max-width: 100%;
21284
+ position: relative;
21285
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21284
21286
  }.v-input {
21285
21287
  display: grid;
21286
21288
  flex: 1 1 auto;
@@ -21423,11 +21425,6 @@ textarea.v-field__input::placeholder {
21423
21425
 
21424
21426
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
21425
21427
  padding-top: calc(var(--v-input-padding-top) + 0px);
21426
- }.v-item-group {
21427
- flex: 0 1 auto;
21428
- max-width: 100%;
21429
- position: relative;
21430
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21431
21428
  }.v-label {
21432
21429
  align-items: center;
21433
21430
  color: inherit;
@@ -21458,6 +21455,8 @@ textarea.v-field__input::placeholder {
21458
21455
 
21459
21456
  .v-layout-item--absolute {
21460
21457
  position: absolute;
21458
+ }.v-locale-provider {
21459
+ display: contents;
21461
21460
  }.v-list {
21462
21461
  overflow: auto;
21463
21462
  padding: 8px 0;
@@ -22010,8 +22009,6 @@ textarea.v-field__input::placeholder {
22010
22009
  }
22011
22010
  .v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
22012
22011
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22013
- }.v-locale-provider {
22014
- display: contents;
22015
22012
  }.v-main {
22016
22013
  flex: 1 0 auto;
22017
22014
  max-width: 100%;
@@ -22167,6 +22164,62 @@ textarea.v-field__input::placeholder {
22167
22164
  .v-navigation-drawer__append {
22168
22165
  flex: none;
22169
22166
  overflow: hidden;
22167
+ }.v-otp-input {
22168
+ border-radius: 4px;
22169
+ align-items: center;
22170
+ display: flex;
22171
+ justify-content: center;
22172
+ padding: 0.5rem 0;
22173
+ position: relative;
22174
+ }
22175
+ .v-otp-input .v-field {
22176
+ height: 100%;
22177
+ }
22178
+
22179
+ .v-otp-input__divider {
22180
+ margin: 0 8px;
22181
+ }
22182
+
22183
+ .v-otp-input__content {
22184
+ align-items: center;
22185
+ display: flex;
22186
+ gap: 0.5rem;
22187
+ height: 64px;
22188
+ padding: 0.5rem;
22189
+ justify-content: center;
22190
+ max-width: 320px;
22191
+ position: relative;
22192
+ border-radius: inherit;
22193
+ }
22194
+ .v-otp-input--divided .v-otp-input__content {
22195
+ max-width: 360px;
22196
+ }
22197
+
22198
+ .v-otp-input__field {
22199
+ color: inherit;
22200
+ font-size: 1.25rem;
22201
+ height: 100%;
22202
+ outline: none;
22203
+ text-align: center;
22204
+ width: 100%;
22205
+ }
22206
+ .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
22207
+ -webkit-appearance: none;
22208
+ margin: 0;
22209
+ }
22210
+ .v-otp-input__field[type=number] {
22211
+ -moz-appearance: textfield;
22212
+ }
22213
+
22214
+ .v-otp-input__loader {
22215
+ align-items: center;
22216
+ display: flex;
22217
+ height: 100%;
22218
+ justify-content: center;
22219
+ width: 100%;
22220
+ }
22221
+ .v-otp-input__loader .v-progress-linear {
22222
+ position: absolute;
22170
22223
  }.v-overlay-container {
22171
22224
  contain: layout;
22172
22225
  left: 0;
@@ -22230,62 +22283,6 @@ html.v-overlay-scroll-blocked {
22230
22283
 
22231
22284
  .v-overlay--scroll-blocked {
22232
22285
  padding-inline-end: var(--v-scrollbar-offset);
22233
- }.v-otp-input {
22234
- border-radius: 4px;
22235
- align-items: center;
22236
- display: flex;
22237
- justify-content: center;
22238
- padding: 0.5rem 0;
22239
- position: relative;
22240
- }
22241
- .v-otp-input .v-field {
22242
- height: 100%;
22243
- }
22244
-
22245
- .v-otp-input__divider {
22246
- margin: 0 8px;
22247
- }
22248
-
22249
- .v-otp-input__content {
22250
- align-items: center;
22251
- display: flex;
22252
- gap: 0.5rem;
22253
- height: 64px;
22254
- padding: 0.5rem;
22255
- justify-content: center;
22256
- max-width: 320px;
22257
- position: relative;
22258
- border-radius: inherit;
22259
- }
22260
- .v-otp-input--divided .v-otp-input__content {
22261
- max-width: 360px;
22262
- }
22263
-
22264
- .v-otp-input__field {
22265
- color: inherit;
22266
- font-size: 1.25rem;
22267
- height: 100%;
22268
- outline: none;
22269
- text-align: center;
22270
- width: 100%;
22271
- }
22272
- .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
22273
- -webkit-appearance: none;
22274
- margin: 0;
22275
- }
22276
- .v-otp-input__field[type=number] {
22277
- -moz-appearance: textfield;
22278
- }
22279
-
22280
- .v-otp-input__loader {
22281
- align-items: center;
22282
- display: flex;
22283
- height: 100%;
22284
- justify-content: center;
22285
- width: 100%;
22286
- }
22287
- .v-otp-input__loader .v-progress-linear {
22288
- position: absolute;
22289
22286
  }.v-pagination__list {
22290
22287
  display: inline-flex;
22291
22288
  list-style-type: none;
@@ -22910,14 +22907,6 @@ html.v-overlay-scroll-blocked {
22910
22907
  }
22911
22908
  .v-selection-control--focus-visible .v-selection-control__input::before {
22912
22909
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
22913
- }.v-selection-control-group {
22914
- grid-area: control;
22915
- display: flex;
22916
- flex-direction: column;
22917
- }
22918
- .v-selection-control-group--inline {
22919
- flex-direction: row;
22920
- flex-wrap: wrap;
22921
22910
  }.v-sheet {
22922
22911
  display: block;
22923
22912
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
@@ -22946,6 +22935,14 @@ html.v-overlay-scroll-blocked {
22946
22935
  }
22947
22936
  .v-sheet--rounded {
22948
22937
  border-radius: 4px;
22938
+ }.v-selection-control-group {
22939
+ grid-area: control;
22940
+ display: flex;
22941
+ flex-direction: column;
22942
+ }
22943
+ .v-selection-control-group--inline {
22944
+ flex-direction: row;
22945
+ flex-wrap: wrap;
22949
22946
  }.v-skeleton-loader {
22950
22947
  align-items: center;
22951
22948
  background: rgb(var(--v-theme-surface));
@@ -23211,136 +23208,17 @@ html.v-overlay-scroll-blocked {
23211
23208
  .v-slide-group--vertical .v-slide-group__container,
23212
23209
  .v-slide-group--vertical .v-slide-group__content {
23213
23210
  flex-direction: column;
23214
- }.v-snackbar {
23215
- justify-content: center;
23216
- z-index: 10000;
23217
- margin: 8px;
23218
- margin-inline-end: calc(8px + var(--v-scrollbar-offset));
23211
+ }.v-stepper.v-sheet {
23212
+ 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));
23213
+ border-radius: 4px;
23214
+ overflow: hidden;
23219
23215
  }
23220
- .v-snackbar:not(.v-snackbar--centered):not(.v-snackbar--top) {
23221
- align-items: flex-end;
23216
+ .v-stepper.v-sheet.v-stepper--flat {
23217
+ 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));
23222
23218
  }
23223
- .v-snackbar__wrapper {
23224
- align-items: center;
23225
- display: flex;
23226
- max-width: 672px;
23227
- min-height: 48px;
23228
- min-width: 344px;
23229
- overflow: hidden;
23230
- padding: 0;
23231
- border-radius: 4px;
23232
- }
23233
- .v-snackbar--variant-plain, .v-snackbar--variant-outlined, .v-snackbar--variant-text, .v-snackbar--variant-tonal {
23234
- background: transparent;
23235
- color: inherit;
23236
- }
23237
- .v-snackbar--variant-plain {
23238
- opacity: 0.62;
23239
- }
23240
- .v-snackbar--variant-plain:focus, .v-snackbar--variant-plain:hover {
23241
- opacity: 1;
23242
- }
23243
- .v-snackbar--variant-plain .v-snackbar__overlay {
23244
- display: none;
23245
- }
23246
- .v-snackbar--variant-elevated, .v-snackbar--variant-flat {
23247
- background: rgb(var(--v-theme-surface-variant));
23248
- color: rgb(var(--v-theme-on-surface-variant));
23249
- }
23250
- .v-snackbar--variant-elevated {
23251
- box-shadow: 0px 3px 5px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 6px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 18px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23252
- }
23253
- .v-snackbar--variant-flat {
23254
- 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));
23255
- }
23256
- .v-snackbar--variant-outlined {
23257
- border: thin solid currentColor;
23258
- }
23259
- .v-snackbar--variant-text .v-snackbar__overlay {
23260
- background: currentColor;
23261
- }
23262
- .v-snackbar--variant-tonal .v-snackbar__underlay {
23263
- background: currentColor;
23264
- opacity: var(--v-activated-opacity);
23265
- border-radius: inherit;
23266
- position: absolute;
23267
- top: 0;
23268
- right: 0;
23269
- bottom: 0;
23270
- left: 0;
23271
- pointer-events: none;
23272
- }
23273
-
23274
- .v-snackbar__content {
23275
- flex-grow: 1;
23276
- font-size: 0.875rem;
23277
- font-weight: 400;
23278
- letter-spacing: 0.0178571429em;
23279
- line-height: 1.25rem;
23280
- margin-right: auto;
23281
- padding: 14px 16px;
23282
- text-align: initial;
23283
- }
23284
- .v-snackbar__actions {
23285
- align-items: center;
23286
- align-self: center;
23287
- display: flex;
23288
- margin-inline-end: 8px;
23289
- }
23290
- .v-snackbar__actions > .v-btn {
23291
- padding: 0 8px;
23292
- min-width: auto;
23293
- }
23294
- .v-snackbar__timer {
23295
- width: 100%;
23296
- position: absolute;
23297
- top: 0;
23298
- }
23299
- .v-snackbar__timer .v-progress-linear {
23300
- transition: 0.2s linear;
23301
- }
23302
- .v-snackbar--absolute {
23303
- position: absolute;
23304
- z-index: 1;
23305
- }
23306
- .v-snackbar--multi-line .v-snackbar__wrapper {
23307
- min-height: 68px;
23308
- }
23309
- .v-snackbar--vertical .v-snackbar__wrapper {
23310
- flex-direction: column;
23311
- }
23312
- .v-snackbar--vertical .v-snackbar__wrapper .v-snackbar__actions {
23313
- align-self: flex-end;
23314
- margin-bottom: 8px;
23315
- }
23316
-
23317
- .v-snackbar-transition-enter-active, .v-snackbar-transition-leave-active {
23318
- transition-duration: 0.15s;
23319
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
23320
- }
23321
- .v-snackbar-transition-enter-active {
23322
- transition-property: opacity, transform;
23323
- }
23324
- .v-snackbar-transition-enter-from {
23325
- opacity: 0;
23326
- transform: scale(0.8);
23327
- }
23328
- .v-snackbar-transition-leave-active {
23329
- transition-property: opacity;
23330
- }
23331
- .v-snackbar-transition-leave-to {
23332
- opacity: 0;
23333
- }.v-stepper.v-sheet {
23334
- 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));
23335
- border-radius: 4px;
23336
- overflow: hidden;
23337
- }
23338
- .v-stepper.v-sheet.v-stepper--flat {
23339
- 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));
23340
- }
23341
-
23342
- .v-stepper-header {
23343
- 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));
23219
+
23220
+ .v-stepper-header {
23221
+ 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));
23344
23222
  align-items: center;
23345
23223
  display: flex;
23346
23224
  position: relative;
@@ -23446,6 +23324,125 @@ html.v-overlay-scroll-blocked {
23446
23324
  }
23447
23325
  .v-stepper--mobile .v-stepper-item__subtitle {
23448
23326
  display: none;
23327
+ }.v-snackbar {
23328
+ justify-content: center;
23329
+ z-index: 10000;
23330
+ margin: 8px;
23331
+ margin-inline-end: calc(8px + var(--v-scrollbar-offset));
23332
+ }
23333
+ .v-snackbar:not(.v-snackbar--centered):not(.v-snackbar--top) {
23334
+ align-items: flex-end;
23335
+ }
23336
+ .v-snackbar__wrapper {
23337
+ align-items: center;
23338
+ display: flex;
23339
+ max-width: 672px;
23340
+ min-height: 48px;
23341
+ min-width: 344px;
23342
+ overflow: hidden;
23343
+ padding: 0;
23344
+ border-radius: 4px;
23345
+ }
23346
+ .v-snackbar--variant-plain, .v-snackbar--variant-outlined, .v-snackbar--variant-text, .v-snackbar--variant-tonal {
23347
+ background: transparent;
23348
+ color: inherit;
23349
+ }
23350
+ .v-snackbar--variant-plain {
23351
+ opacity: 0.62;
23352
+ }
23353
+ .v-snackbar--variant-plain:focus, .v-snackbar--variant-plain:hover {
23354
+ opacity: 1;
23355
+ }
23356
+ .v-snackbar--variant-plain .v-snackbar__overlay {
23357
+ display: none;
23358
+ }
23359
+ .v-snackbar--variant-elevated, .v-snackbar--variant-flat {
23360
+ background: rgb(var(--v-theme-surface-variant));
23361
+ color: rgb(var(--v-theme-on-surface-variant));
23362
+ }
23363
+ .v-snackbar--variant-elevated {
23364
+ box-shadow: 0px 3px 5px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 6px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 18px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23365
+ }
23366
+ .v-snackbar--variant-flat {
23367
+ 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));
23368
+ }
23369
+ .v-snackbar--variant-outlined {
23370
+ border: thin solid currentColor;
23371
+ }
23372
+ .v-snackbar--variant-text .v-snackbar__overlay {
23373
+ background: currentColor;
23374
+ }
23375
+ .v-snackbar--variant-tonal .v-snackbar__underlay {
23376
+ background: currentColor;
23377
+ opacity: var(--v-activated-opacity);
23378
+ border-radius: inherit;
23379
+ position: absolute;
23380
+ top: 0;
23381
+ right: 0;
23382
+ bottom: 0;
23383
+ left: 0;
23384
+ pointer-events: none;
23385
+ }
23386
+
23387
+ .v-snackbar__content {
23388
+ flex-grow: 1;
23389
+ font-size: 0.875rem;
23390
+ font-weight: 400;
23391
+ letter-spacing: 0.0178571429em;
23392
+ line-height: 1.25rem;
23393
+ margin-right: auto;
23394
+ padding: 14px 16px;
23395
+ text-align: initial;
23396
+ }
23397
+ .v-snackbar__actions {
23398
+ align-items: center;
23399
+ align-self: center;
23400
+ display: flex;
23401
+ margin-inline-end: 8px;
23402
+ }
23403
+ .v-snackbar__actions > .v-btn {
23404
+ padding: 0 8px;
23405
+ min-width: auto;
23406
+ }
23407
+ .v-snackbar__timer {
23408
+ width: 100%;
23409
+ position: absolute;
23410
+ top: 0;
23411
+ }
23412
+ .v-snackbar__timer .v-progress-linear {
23413
+ transition: 0.2s linear;
23414
+ }
23415
+ .v-snackbar--absolute {
23416
+ position: absolute;
23417
+ z-index: 1;
23418
+ }
23419
+ .v-snackbar--multi-line .v-snackbar__wrapper {
23420
+ min-height: 68px;
23421
+ }
23422
+ .v-snackbar--vertical .v-snackbar__wrapper {
23423
+ flex-direction: column;
23424
+ }
23425
+ .v-snackbar--vertical .v-snackbar__wrapper .v-snackbar__actions {
23426
+ align-self: flex-end;
23427
+ margin-bottom: 8px;
23428
+ }
23429
+
23430
+ .v-snackbar-transition-enter-active, .v-snackbar-transition-leave-active {
23431
+ transition-duration: 0.15s;
23432
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
23433
+ }
23434
+ .v-snackbar-transition-enter-active {
23435
+ transition-property: opacity, transform;
23436
+ }
23437
+ .v-snackbar-transition-enter-from {
23438
+ opacity: 0;
23439
+ transform: scale(0.8);
23440
+ }
23441
+ .v-snackbar-transition-leave-active {
23442
+ transition-property: opacity;
23443
+ }
23444
+ .v-snackbar-transition-leave-to {
23445
+ opacity: 0;
23449
23446
  }.v-switch .v-label {
23450
23447
  padding-inline-start: 10px;
23451
23448
  }
@@ -23597,27 +23594,56 @@ html.v-overlay-scroll-blocked {
23597
23594
  }
23598
23595
  .v-system-bar:not(.v-system-bar--absolute) {
23599
23596
  padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
23600
- }.v-tabs {
23601
- display: flex;
23597
+ }.v-tab.v-tab.v-btn {
23602
23598
  height: var(--v-tabs-height);
23599
+ border-radius: 0;
23600
+ min-width: 90px;
23603
23601
  }
23604
- .v-tabs--density-default {
23605
- --v-tabs-height: 48px;
23606
- }
23607
- .v-tabs--density-default.v-tabs--stacked {
23608
- --v-tabs-height: 72px;
23609
- }
23610
-
23611
- .v-tabs--density-comfortable {
23612
- --v-tabs-height: 44px;
23602
+ .v-slide-group--horizontal .v-tab {
23603
+ max-width: 360px;
23613
23604
  }
23614
- .v-tabs--density-comfortable.v-tabs--stacked {
23615
- --v-tabs-height: 68px;
23605
+ .v-slide-group--vertical .v-tab {
23606
+ justify-content: start;
23616
23607
  }
23617
23608
 
23618
- .v-tabs--density-compact {
23619
- --v-tabs-height: 36px;
23620
- }
23609
+ .v-tab__slider {
23610
+ position: absolute;
23611
+ bottom: 0;
23612
+ left: 0;
23613
+ height: 2px;
23614
+ width: 100%;
23615
+ background: currentColor;
23616
+ pointer-events: none;
23617
+ opacity: 0;
23618
+ }
23619
+ .v-tab--selected .v-tab__slider {
23620
+ opacity: 1;
23621
+ }
23622
+ .v-slide-group--vertical .v-tab__slider {
23623
+ top: 0;
23624
+ height: 100%;
23625
+ width: 2px;
23626
+ }.v-tabs {
23627
+ display: flex;
23628
+ height: var(--v-tabs-height);
23629
+ }
23630
+ .v-tabs--density-default {
23631
+ --v-tabs-height: 48px;
23632
+ }
23633
+ .v-tabs--density-default.v-tabs--stacked {
23634
+ --v-tabs-height: 72px;
23635
+ }
23636
+
23637
+ .v-tabs--density-comfortable {
23638
+ --v-tabs-height: 44px;
23639
+ }
23640
+ .v-tabs--density-comfortable.v-tabs--stacked {
23641
+ --v-tabs-height: 68px;
23642
+ }
23643
+
23644
+ .v-tabs--density-compact {
23645
+ --v-tabs-height: 36px;
23646
+ }
23621
23647
  .v-tabs--density-compact.v-tabs--stacked {
23622
23648
  --v-tabs-height: 60px;
23623
23649
  }
@@ -23663,36 +23689,113 @@ html.v-overlay-scroll-blocked {
23663
23689
  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
23664
23690
  margin-inline-end: 52px;
23665
23691
  }
23666
- }.v-tab.v-tab.v-btn {
23667
- height: var(--v-tabs-height);
23668
- border-radius: 0;
23669
- min-width: 90px;
23692
+ }.v-textarea .v-field {
23693
+ --v-textarea-control-height: var(--v-input-control-height);
23670
23694
  }
23671
- .v-slide-group--horizontal .v-tab {
23672
- max-width: 360px;
23695
+ .v-textarea .v-field__field {
23696
+ --v-input-control-height: var(--v-textarea-control-height);
23673
23697
  }
23674
- .v-slide-group--vertical .v-tab {
23675
- justify-content: start;
23698
+ .v-textarea .v-field__input {
23699
+ flex: 1 1 auto;
23700
+ outline: none;
23701
+ -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));
23702
+ 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));
23676
23703
  }
23677
-
23678
- .v-tab__slider {
23704
+ .v-textarea .v-field__input.v-textarea__sizer {
23705
+ visibility: hidden;
23679
23706
  position: absolute;
23680
- bottom: 0;
23707
+ top: 0;
23681
23708
  left: 0;
23682
- height: 2px;
23683
- width: 100%;
23684
- background: currentColor;
23709
+ height: 0 !important;
23710
+ min-height: 0 !important;
23685
23711
  pointer-events: none;
23712
+ }
23713
+ .v-textarea--no-resize .v-field__input {
23714
+ resize: none;
23715
+ }
23716
+ .v-textarea .v-field--no-label textarea,
23717
+ .v-textarea .v-field--active textarea {
23718
+ opacity: 1;
23719
+ }
23720
+ .v-textarea textarea {
23686
23721
  opacity: 0;
23722
+ flex: 1;
23723
+ min-width: 0;
23724
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
23687
23725
  }
23688
- .v-tab--selected .v-tab__slider {
23726
+ .v-textarea textarea:focus, .v-textarea textarea:active {
23727
+ outline: none;
23728
+ }
23729
+ .v-textarea textarea:invalid {
23730
+ box-shadow: none;
23731
+ }/* region BLOCK */
23732
+ .v-text-field input {
23733
+ color: inherit;
23734
+ opacity: 0;
23735
+ flex: 1;
23736
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
23737
+ min-width: 0;
23738
+ }
23739
+ .v-text-field input:focus, .v-text-field input:active {
23740
+ outline: none;
23741
+ }
23742
+ .v-text-field input:invalid {
23743
+ box-shadow: none;
23744
+ }
23745
+ .v-text-field .v-field {
23746
+ cursor: text;
23747
+ }
23748
+ .v-text-field--prefixed.v-text-field .v-field__input {
23749
+ --v-field-padding-start: 6px;
23750
+ }
23751
+
23752
+ .v-text-field--suffixed.v-text-field .v-field__input {
23753
+ --v-field-padding-end: 0;
23754
+ }
23755
+
23756
+ .v-text-field .v-input__details {
23757
+ padding-inline: 16px;
23758
+ }
23759
+ .v-input--plain-underlined.v-text-field .v-input__details {
23760
+ padding-inline: 0;
23761
+ }
23762
+
23763
+ .v-text-field .v-field--no-label input,
23764
+ .v-text-field .v-field--active input {
23689
23765
  opacity: 1;
23690
23766
  }
23691
- .v-slide-group--vertical .v-tab__slider {
23692
- top: 0;
23693
- height: 100%;
23694
- width: 2px;
23695
- }.v-table {
23767
+ .v-text-field .v-field--single-line input {
23768
+ transition: none;
23769
+ }
23770
+
23771
+ /* endregion */
23772
+ /* region ELEMENTS */
23773
+ .v-text-field__prefix, .v-text-field__suffix {
23774
+ align-items: center;
23775
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
23776
+ cursor: default;
23777
+ display: flex;
23778
+ opacity: 0;
23779
+ transition: inherit;
23780
+ white-space: nowrap;
23781
+ min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
23782
+ padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
23783
+ padding-bottom: var(--v-field-padding-bottom, 6px);
23784
+ }
23785
+ .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
23786
+ opacity: 1;
23787
+ }
23788
+ .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
23789
+ color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
23790
+ }
23791
+ .v-text-field__prefix {
23792
+ padding-inline-start: var(--v-field-padding-start);
23793
+ }
23794
+ .v-text-field__suffix {
23795
+ padding-inline-end: var(--v-field-padding-end);
23796
+ }
23797
+
23798
+ /* endregion */.v-table {
23696
23799
  background: rgb(var(--v-theme-surface));
23697
23800
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
23698
23801
  font-size: 0.875rem;
@@ -23830,113 +23933,7 @@ html.v-overlay-scroll-blocked {
23830
23933
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
23831
23934
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
23832
23935
  border-top: 0px !important;
23833
- }.v-textarea .v-field {
23834
- --v-textarea-control-height: var(--v-input-control-height);
23835
- }
23836
- .v-textarea .v-field__field {
23837
- --v-input-control-height: var(--v-textarea-control-height);
23838
- }
23839
- .v-textarea .v-field__input {
23840
- flex: 1 1 auto;
23841
- outline: none;
23842
- -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));
23843
- 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));
23844
- }
23845
- .v-textarea .v-field__input.v-textarea__sizer {
23846
- visibility: hidden;
23847
- position: absolute;
23848
- top: 0;
23849
- left: 0;
23850
- height: 0 !important;
23851
- min-height: 0 !important;
23852
- pointer-events: none;
23853
- }
23854
- .v-textarea--no-resize .v-field__input {
23855
- resize: none;
23856
- }
23857
- .v-textarea .v-field--no-label textarea,
23858
- .v-textarea .v-field--active textarea {
23859
- opacity: 1;
23860
- }
23861
- .v-textarea textarea {
23862
- opacity: 0;
23863
- flex: 1;
23864
- min-width: 0;
23865
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
23866
- }
23867
- .v-textarea textarea:focus, .v-textarea textarea:active {
23868
- outline: none;
23869
- }
23870
- .v-textarea textarea:invalid {
23871
- box-shadow: none;
23872
- }/* region BLOCK */
23873
- .v-text-field input {
23874
- color: inherit;
23875
- opacity: 0;
23876
- flex: 1;
23877
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
23878
- min-width: 0;
23879
- }
23880
- .v-text-field input:focus, .v-text-field input:active {
23881
- outline: none;
23882
- }
23883
- .v-text-field input:invalid {
23884
- box-shadow: none;
23885
- }
23886
- .v-text-field .v-field {
23887
- cursor: text;
23888
- }
23889
- .v-text-field--prefixed.v-text-field .v-field__input {
23890
- --v-field-padding-start: 6px;
23891
- }
23892
-
23893
- .v-text-field--suffixed.v-text-field .v-field__input {
23894
- --v-field-padding-end: 0;
23895
- }
23896
-
23897
- .v-text-field .v-input__details {
23898
- padding-inline: 16px;
23899
- }
23900
- .v-input--plain-underlined.v-text-field .v-input__details {
23901
- padding-inline: 0;
23902
- }
23903
-
23904
- .v-text-field .v-field--no-label input,
23905
- .v-text-field .v-field--active input {
23906
- opacity: 1;
23907
- }
23908
- .v-text-field .v-field--single-line input {
23909
- transition: none;
23910
- }
23911
-
23912
- /* endregion */
23913
- /* region ELEMENTS */
23914
- .v-text-field__prefix, .v-text-field__suffix {
23915
- align-items: center;
23916
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
23917
- cursor: default;
23918
- display: flex;
23919
- opacity: 0;
23920
- transition: inherit;
23921
- white-space: nowrap;
23922
- min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
23923
- padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
23924
- padding-bottom: var(--v-field-padding-bottom, 6px);
23925
- }
23926
- .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
23927
- opacity: 1;
23928
- }
23929
- .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
23930
- color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
23931
- }
23932
- .v-text-field__prefix {
23933
- padding-inline-start: var(--v-field-padding-start);
23934
- }
23935
- .v-text-field__suffix {
23936
- padding-inline-end: var(--v-field-padding-end);
23937
- }
23938
-
23939
- /* endregion */.v-theme-provider {
23936
+ }.v-theme-provider {
23940
23937
  background: rgb(var(--v-theme-background));
23941
23938
  color: rgb(var(--v-theme-on-background));
23942
23939
  }.v-toolbar {
@@ -23946,7 +23943,6 @@ html.v-overlay-scroll-blocked {
23946
23943
  flex-direction: column;
23947
23944
  justify-content: space-between;
23948
23945
  max-width: 100%;
23949
- overflow: hidden;
23950
23946
  position: relative;
23951
23947
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23952
23948
  transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
@@ -23994,6 +23990,9 @@ html.v-overlay-scroll-blocked {
23994
23990
  width: 100%;
23995
23991
  }
23996
23992
 
23993
+ .v-toolbar__content {
23994
+ overflow: hidden;
23995
+ }
23997
23996
  .v-toolbar__content > .v-btn:first-child {
23998
23997
  margin-inline-start: 10px;
23999
23998
  }
@@ -24043,29 +24042,129 @@ html.v-overlay-scroll-blocked {
24043
24042
  line-height: 1.75rem;
24044
24043
  text-transform: none;
24045
24044
  }
24046
- .v-toolbar--density-prominent .v-toolbar-title {
24047
- align-self: flex-end;
24048
- padding-bottom: 6px;
24049
- font-size: 1.5rem;
24050
- font-weight: 400;
24051
- letter-spacing: 0;
24052
- line-height: 2.25rem;
24053
- text-transform: none;
24045
+ .v-toolbar--density-prominent .v-toolbar-title {
24046
+ align-self: flex-end;
24047
+ padding-bottom: 6px;
24048
+ font-size: 1.5rem;
24049
+ font-weight: 400;
24050
+ letter-spacing: 0;
24051
+ line-height: 2.25rem;
24052
+ text-transform: none;
24053
+ }
24054
+
24055
+ .v-toolbar-title__placeholder {
24056
+ overflow: hidden;
24057
+ text-overflow: ellipsis;
24058
+ white-space: nowrap;
24059
+ }
24060
+
24061
+ .v-toolbar-items {
24062
+ display: flex;
24063
+ height: inherit;
24064
+ align-self: stretch;
24065
+ }
24066
+ .v-toolbar-items > .v-btn {
24067
+ border-radius: 0;
24068
+ }.v-tooltip > .v-overlay__content {
24069
+ background: rgb(var(--v-theme-surface-variant));
24070
+ color: rgb(var(--v-theme-on-surface-variant));
24071
+ border-radius: 4px;
24072
+ font-size: 0.875rem;
24073
+ line-height: 1.6;
24074
+ display: inline-block;
24075
+ padding: 5px 16px;
24076
+ text-transform: initial;
24077
+ width: auto;
24078
+ opacity: 1;
24079
+ pointer-events: none;
24080
+ transition-property: opacity, transform;
24081
+ overflow-wrap: break-word;
24082
+ }
24083
+ .v-tooltip > .v-overlay__content[class*=enter-active] {
24084
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24085
+ transition-duration: 150ms;
24086
+ }
24087
+ .v-tooltip > .v-overlay__content[class*=leave-active] {
24088
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
24089
+ transition-duration: 75ms;
24090
+ }.v-window {
24091
+ overflow: hidden;
24092
+ }
24093
+ .v-window__container {
24094
+ display: flex;
24095
+ flex-direction: column;
24096
+ height: inherit;
24097
+ position: relative;
24098
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
24099
+ }
24100
+ .v-window__controls {
24101
+ position: absolute;
24102
+ left: 0;
24103
+ top: 0;
24104
+ width: 100%;
24105
+ height: 100%;
24106
+ display: flex;
24107
+ align-items: center;
24108
+ justify-content: space-between;
24109
+ padding: 0 16px;
24110
+ pointer-events: none;
24111
+ }
24112
+ .v-window__controls > * {
24113
+ pointer-events: auto;
24114
+ }
24115
+ .v-window--show-arrows-on-hover {
24116
+ overflow: hidden;
24117
+ }
24118
+ .v-window--show-arrows-on-hover .v-window__left {
24119
+ transform: translateX(-200%);
24120
+ }
24121
+ .v-window--show-arrows-on-hover .v-window__right {
24122
+ transform: translateX(200%);
24123
+ }
24124
+ .v-window--show-arrows-on-hover:hover .v-window__left,
24125
+ .v-window--show-arrows-on-hover:hover .v-window__right {
24126
+ transform: translateX(0);
24127
+ }
24128
+ .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 {
24129
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
24130
+ }
24131
+ .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 {
24132
+ position: absolute !important;
24133
+ top: 0;
24134
+ width: 100%;
24135
+ }
24136
+ .v-window-x-transition-enter-from {
24137
+ transform: translateX(100%);
24138
+ }
24139
+ .v-window-x-transition-leave-to {
24140
+ transform: translateX(-100%);
24141
+ }
24142
+ .v-window-x-reverse-transition-enter-from {
24143
+ transform: translateX(-100%);
24144
+ }
24145
+ .v-window-x-reverse-transition-leave-to {
24146
+ transform: translateX(100%);
24054
24147
  }
24055
-
24056
- .v-toolbar-title__placeholder {
24057
- overflow: hidden;
24058
- text-overflow: ellipsis;
24059
- white-space: nowrap;
24148
+ .v-window-y-transition-enter-from {
24149
+ transform: translateY(100%);
24060
24150
  }
24061
-
24062
- .v-toolbar-items {
24063
- display: flex;
24064
- height: inherit;
24065
- align-self: stretch;
24151
+ .v-window-y-transition-leave-to {
24152
+ transform: translateY(-100%);
24066
24153
  }
24067
- .v-toolbar-items > .v-btn {
24068
- border-radius: 0;
24154
+ .v-window-y-reverse-transition-enter-from {
24155
+ transform: translateY(-100%);
24156
+ }
24157
+ .v-window-y-reverse-transition-leave-to {
24158
+ transform: translateY(100%);
24159
+ }.v-virtual-scroll {
24160
+ display: block;
24161
+ flex: 1 1 auto;
24162
+ max-width: 100%;
24163
+ overflow: auto;
24164
+ position: relative;
24165
+ }
24166
+ .v-virtual-scroll__container {
24167
+ display: block;
24069
24168
  }.v-timeline .v-timeline-divider__dot {
24070
24169
  background: rgb(var(--v-theme-surface-light));
24071
24170
  }
@@ -24482,163 +24581,6 @@ html.v-overlay-scroll-blocked {
24482
24581
 
24483
24582
  .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 {
24484
24583
  padding-inline-end: 0;
24485
- }.v-tooltip > .v-overlay__content {
24486
- background: rgb(var(--v-theme-surface-variant));
24487
- color: rgb(var(--v-theme-on-surface-variant));
24488
- border-radius: 4px;
24489
- font-size: 0.875rem;
24490
- line-height: 1.6;
24491
- display: inline-block;
24492
- padding: 5px 16px;
24493
- text-transform: initial;
24494
- width: auto;
24495
- opacity: 1;
24496
- pointer-events: none;
24497
- transition-property: opacity, transform;
24498
- overflow-wrap: break-word;
24499
- }
24500
- .v-tooltip > .v-overlay__content[class*=enter-active] {
24501
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24502
- transition-duration: 150ms;
24503
- }
24504
- .v-tooltip > .v-overlay__content[class*=leave-active] {
24505
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
24506
- transition-duration: 75ms;
24507
- }.v-virtual-scroll {
24508
- display: block;
24509
- flex: 1 1 auto;
24510
- max-width: 100%;
24511
- overflow: auto;
24512
- position: relative;
24513
- }
24514
- .v-virtual-scroll__container {
24515
- display: block;
24516
- }.v-window {
24517
- overflow: hidden;
24518
- }
24519
- .v-window__container {
24520
- display: flex;
24521
- flex-direction: column;
24522
- height: inherit;
24523
- position: relative;
24524
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
24525
- }
24526
- .v-window__controls {
24527
- position: absolute;
24528
- left: 0;
24529
- top: 0;
24530
- width: 100%;
24531
- height: 100%;
24532
- display: flex;
24533
- align-items: center;
24534
- justify-content: space-between;
24535
- padding: 0 16px;
24536
- pointer-events: none;
24537
- }
24538
- .v-window__controls > * {
24539
- pointer-events: auto;
24540
- }
24541
- .v-window--show-arrows-on-hover {
24542
- overflow: hidden;
24543
- }
24544
- .v-window--show-arrows-on-hover .v-window__left {
24545
- transform: translateX(-200%);
24546
- }
24547
- .v-window--show-arrows-on-hover .v-window__right {
24548
- transform: translateX(200%);
24549
- }
24550
- .v-window--show-arrows-on-hover:hover .v-window__left,
24551
- .v-window--show-arrows-on-hover:hover .v-window__right {
24552
- transform: translateX(0);
24553
- }
24554
- .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 {
24555
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
24556
- }
24557
- .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 {
24558
- position: absolute !important;
24559
- top: 0;
24560
- width: 100%;
24561
- }
24562
- .v-window-x-transition-enter-from {
24563
- transform: translateX(100%);
24564
- }
24565
- .v-window-x-transition-leave-to {
24566
- transform: translateX(-100%);
24567
- }
24568
- .v-window-x-reverse-transition-enter-from {
24569
- transform: translateX(-100%);
24570
- }
24571
- .v-window-x-reverse-transition-leave-to {
24572
- transform: translateX(100%);
24573
- }
24574
- .v-window-y-transition-enter-from {
24575
- transform: translateY(100%);
24576
- }
24577
- .v-window-y-transition-leave-to {
24578
- transform: translateY(-100%);
24579
- }
24580
- .v-window-y-reverse-transition-enter-from {
24581
- transform: translateY(-100%);
24582
- }
24583
- .v-window-y-reverse-transition-leave-to {
24584
- transform: translateY(100%);
24585
- }.v-color-picker-canvas {
24586
- display: flex;
24587
- position: relative;
24588
- overflow: hidden;
24589
- contain: content;
24590
- touch-action: none;
24591
- }
24592
- .v-color-picker-canvas__dot {
24593
- position: absolute;
24594
- top: 0;
24595
- left: 0;
24596
- width: 15px;
24597
- height: 15px;
24598
- background: transparent;
24599
- border-radius: 50%;
24600
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
24601
- }
24602
- .v-color-picker-canvas__dot--disabled {
24603
- 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);
24604
- }
24605
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
24606
- will-change: transform;
24607
- }.v-color-picker-swatches {
24608
- overflow-y: auto;
24609
- }
24610
- .v-color-picker-swatches > div {
24611
- display: flex;
24612
- flex-wrap: wrap;
24613
- justify-content: center;
24614
- padding: 8px;
24615
- }
24616
-
24617
- .v-color-picker-swatches__swatch {
24618
- display: flex;
24619
- flex-direction: column;
24620
- margin-bottom: 10px;
24621
- }
24622
-
24623
- .v-color-picker-swatches__color {
24624
- position: relative;
24625
- height: 18px;
24626
- max-height: 18px;
24627
- width: 45px;
24628
- margin: 2px 4px;
24629
- border-radius: 2px;
24630
- -webkit-user-select: none;
24631
- user-select: none;
24632
- overflow: hidden;
24633
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
24634
- cursor: pointer;
24635
- }
24636
- .v-color-picker-swatches__color > div {
24637
- display: flex;
24638
- align-items: center;
24639
- justify-content: center;
24640
- width: 100%;
24641
- height: 100%;
24642
24584
  }.v-color-picker-edit {
24643
24585
  display: flex;
24644
24586
  margin-top: 24px;
@@ -24736,6 +24678,63 @@ html.v-overlay-scroll-blocked {
24736
24678
  .v-color-picker-preview__eye-dropper {
24737
24679
  position: relative;
24738
24680
  margin-right: 12px;
24681
+ }.v-color-picker-canvas {
24682
+ display: flex;
24683
+ position: relative;
24684
+ overflow: hidden;
24685
+ contain: content;
24686
+ touch-action: none;
24687
+ }
24688
+ .v-color-picker-canvas__dot {
24689
+ position: absolute;
24690
+ top: 0;
24691
+ left: 0;
24692
+ width: 15px;
24693
+ height: 15px;
24694
+ background: transparent;
24695
+ border-radius: 50%;
24696
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
24697
+ }
24698
+ .v-color-picker-canvas__dot--disabled {
24699
+ 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);
24700
+ }
24701
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
24702
+ will-change: transform;
24703
+ }.v-color-picker-swatches {
24704
+ overflow-y: auto;
24705
+ }
24706
+ .v-color-picker-swatches > div {
24707
+ display: flex;
24708
+ flex-wrap: wrap;
24709
+ justify-content: center;
24710
+ padding: 8px;
24711
+ }
24712
+
24713
+ .v-color-picker-swatches__swatch {
24714
+ display: flex;
24715
+ flex-direction: column;
24716
+ margin-bottom: 10px;
24717
+ }
24718
+
24719
+ .v-color-picker-swatches__color {
24720
+ position: relative;
24721
+ height: 18px;
24722
+ max-height: 18px;
24723
+ width: 45px;
24724
+ margin: 2px 4px;
24725
+ border-radius: 2px;
24726
+ -webkit-user-select: none;
24727
+ user-select: none;
24728
+ overflow: hidden;
24729
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
24730
+ cursor: pointer;
24731
+ }
24732
+ .v-color-picker-swatches__color > div {
24733
+ display: flex;
24734
+ align-items: center;
24735
+ justify-content: center;
24736
+ width: 100%;
24737
+ height: 100%;
24739
24738
  }.v-picker.v-sheet {
24740
24739
  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));
24741
24740
  border-radius: 4px;