@vuetify/nightly 3.6.11-master.2024-07-07 → 3.6.12-master.2024-07-10

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 (102) hide show
  1. package/CHANGELOG.md +2 -7
  2. package/dist/json/attributes.json +58 -70
  3. package/dist/json/importMap-labs.json +12 -12
  4. package/dist/json/importMap.json +114 -114
  5. package/dist/json/tags.json +4 -7
  6. package/dist/json/web-types.json +98 -117
  7. package/dist/vuetify-labs.css +3483 -3461
  8. package/dist/vuetify-labs.d.ts +640 -751
  9. package/dist/vuetify-labs.esm.js +80 -70
  10. package/dist/vuetify-labs.esm.js.map +1 -1
  11. package/dist/vuetify-labs.js +80 -70
  12. package/dist/vuetify-labs.min.css +2 -2
  13. package/dist/vuetify.css +1390 -1368
  14. package/dist/vuetify.d.ts +604 -697
  15. package/dist/vuetify.esm.js +63 -54
  16. package/dist/vuetify.esm.js.map +1 -1
  17. package/dist/vuetify.js +63 -54
  18. package/dist/vuetify.js.map +1 -1
  19. package/dist/vuetify.min.css +2 -2
  20. package/dist/vuetify.min.js +48 -46
  21. package/dist/vuetify.min.js.map +1 -1
  22. package/lib/blueprints/index.d.mts +3 -3
  23. package/lib/blueprints/md1.d.mts +3 -3
  24. package/lib/blueprints/md2.d.mts +3 -3
  25. package/lib/blueprints/md3.d.mts +3 -3
  26. package/lib/components/VAutocomplete/index.d.mts +25 -31
  27. package/lib/components/VBottomSheet/index.d.mts +10 -10
  28. package/lib/components/VCheckbox/index.d.mts +2 -8
  29. package/lib/components/VCombobox/index.d.mts +25 -31
  30. package/lib/components/VDataTable/VDataTableFooter.mjs +5 -4
  31. package/lib/components/VDataTable/VDataTableFooter.mjs.map +1 -1
  32. package/lib/components/VDataTable/index.d.mts +108 -108
  33. package/lib/components/VDatePicker/VDatePickerControls.mjs +5 -4
  34. package/lib/components/VDatePicker/VDatePickerControls.mjs.map +1 -1
  35. package/lib/components/VDatePicker/VDatePickerMonth.mjs +1 -1
  36. package/lib/components/VDatePicker/VDatePickerMonth.mjs.map +1 -1
  37. package/lib/components/VDatePicker/index.d.mts +70 -55
  38. package/lib/components/VDialog/index.d.mts +28 -28
  39. package/lib/components/VExpansionPanel/VExpansionPanels.mjs +6 -2
  40. package/lib/components/VExpansionPanel/VExpansionPanels.mjs.map +1 -1
  41. package/lib/components/VExpansionPanel/index.d.mts +48 -66
  42. package/lib/components/VField/VField.css +11 -6
  43. package/lib/components/VField/VField.mjs +5 -7
  44. package/lib/components/VField/VField.mjs.map +1 -1
  45. package/lib/components/VField/VField.sass +6 -2
  46. package/lib/components/VField/index.d.mts +6 -12
  47. package/lib/components/VFileInput/index.d.mts +6 -12
  48. package/lib/components/VInput/VInput.css +5 -5
  49. package/lib/components/VInput/VInput.mjs +1 -4
  50. package/lib/components/VInput/VInput.mjs.map +1 -1
  51. package/lib/components/VInput/VInput.sass +1 -1
  52. package/lib/components/VInput/index.d.mts +2 -8
  53. package/lib/components/VMenu/index.d.mts +32 -32
  54. package/lib/components/VOverlay/index.d.mts +10 -10
  55. package/lib/components/VOverlay/locationStrategies.mjs.map +1 -1
  56. package/lib/components/VProgressLinear/VProgressLinear.css +17 -0
  57. package/lib/components/VProgressLinear/VProgressLinear.mjs +6 -5
  58. package/lib/components/VProgressLinear/VProgressLinear.mjs.map +1 -1
  59. package/lib/components/VProgressLinear/VProgressLinear.sass +11 -0
  60. package/lib/components/VRadio/VRadio.mjs +8 -5
  61. package/lib/components/VRadio/VRadio.mjs.map +1 -1
  62. package/lib/components/VRadioGroup/index.d.mts +2 -8
  63. package/lib/components/VRangeSlider/index.d.mts +2 -8
  64. package/lib/components/VSelect/index.d.mts +25 -31
  65. package/lib/components/VSlider/index.d.mts +2 -8
  66. package/lib/components/VSnackbar/index.d.mts +28 -28
  67. package/lib/components/VSpeedDial/index.d.mts +14 -14
  68. package/lib/components/VSwitch/index.d.mts +2 -8
  69. package/lib/components/VTextField/VTextField.mjs +1 -1
  70. package/lib/components/VTextField/VTextField.mjs.map +1 -1
  71. package/lib/components/VTextField/index.d.mts +18 -24
  72. package/lib/components/VTextarea/VTextarea.mjs +5 -5
  73. package/lib/components/VTextarea/VTextarea.mjs.map +1 -1
  74. package/lib/components/VTextarea/index.d.mts +72 -87
  75. package/lib/components/VTooltip/index.d.mts +32 -32
  76. package/lib/components/index.d.mts +646 -739
  77. package/lib/composables/calendar.mjs +10 -4
  78. package/lib/composables/calendar.mjs.map +1 -1
  79. package/lib/composables/date/DateAdapter.mjs.map +1 -1
  80. package/lib/composables/date/adapters/vuetify.mjs +15 -13
  81. package/lib/composables/date/adapters/vuetify.mjs.map +1 -1
  82. package/lib/entry-bundler.mjs +1 -1
  83. package/lib/framework.mjs +1 -1
  84. package/lib/index.d.mts +48 -48
  85. package/lib/labs/VCalendar/VCalendar.mjs +7 -6
  86. package/lib/labs/VCalendar/VCalendar.mjs.map +1 -1
  87. package/lib/labs/VCalendar/index.d.mts +6 -0
  88. package/lib/labs/VDateInput/index.d.mts +39 -39
  89. package/lib/labs/VNumberInput/VNumberInput.mjs +1 -1
  90. package/lib/labs/VNumberInput/VNumberInput.mjs.map +1 -1
  91. package/lib/labs/VNumberInput/index.d.mts +6 -12
  92. package/lib/labs/VSnackbarQueue/index.d.mts +37 -37
  93. package/lib/labs/VStepperVertical/index.d.mts +0 -18
  94. package/lib/labs/VTimePicker/VTimePicker.mjs +5 -5
  95. package/lib/labs/VTimePicker/VTimePicker.mjs.map +1 -1
  96. package/lib/labs/VTimePicker/VTimePickerClock.mjs +2 -2
  97. package/lib/labs/VTimePicker/VTimePickerClock.mjs.map +1 -1
  98. package/lib/labs/VTimePicker/VTimePickerControls.mjs +2 -2
  99. package/lib/labs/VTimePicker/VTimePickerControls.mjs.map +1 -1
  100. package/lib/labs/VTimePicker/index.d.mts +18 -18
  101. package/lib/labs/components.d.mts +106 -124
  102. package/package.json +1 -1
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.6.11-master.2024-07-07
2
+ * Vuetify v3.6.12-master.2024-07-10
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17456,22 +17456,6 @@ html.overflow-y-hidden {
17456
17456
  .v-ripple__animation--out {
17457
17457
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
17458
17458
  opacity: 0;
17459
- }.v-application {
17460
- display: flex;
17461
- background: rgb(var(--v-theme-background));
17462
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
17463
- }
17464
-
17465
- .v-application__wrap {
17466
- -webkit-backface-visibility: hidden;
17467
- backface-visibility: hidden;
17468
- display: flex;
17469
- flex-direction: column;
17470
- flex: 1 1 auto;
17471
- max-width: 100%;
17472
- min-height: 100vh;
17473
- min-height: 100dvh;
17474
- position: relative;
17475
17459
  }.v-app-bar {
17476
17460
  display: flex;
17477
17461
  }
@@ -17696,6 +17680,22 @@ html.overflow-y-hidden {
17696
17680
  text-transform: none;
17697
17681
  word-break: normal;
17698
17682
  word-wrap: break-word;
17683
+ }.v-application {
17684
+ display: flex;
17685
+ background: rgb(var(--v-theme-background));
17686
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
17687
+ }
17688
+
17689
+ .v-application__wrap {
17690
+ -webkit-backface-visibility: hidden;
17691
+ backface-visibility: hidden;
17692
+ display: flex;
17693
+ flex-direction: column;
17694
+ flex: 1 1 auto;
17695
+ max-width: 100%;
17696
+ min-height: 100vh;
17697
+ min-height: 100dvh;
17698
+ position: relative;
17699
17699
  }.v-autocomplete .v-field .v-text-field__prefix,
17700
17700
  .v-autocomplete .v-field .v-text-field__suffix,
17701
17701
  .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
@@ -18188,63 +18188,6 @@ html.overflow-y-hidden {
18188
18188
  .v-bottom-sheet.v-bottom-sheet--inset {
18189
18189
  max-width: 70%;
18190
18190
  }
18191
- }.v-breadcrumbs {
18192
- display: flex;
18193
- align-items: center;
18194
- line-height: 1.6;
18195
- padding: 16px 12px;
18196
- }
18197
- .v-breadcrumbs--rounded {
18198
- border-radius: 4px;
18199
- }
18200
- .v-breadcrumbs--density-default {
18201
- padding-top: 16px;
18202
- padding-bottom: 16px;
18203
- }
18204
-
18205
- .v-breadcrumbs--density-comfortable {
18206
- padding-top: 12px;
18207
- padding-bottom: 12px;
18208
- }
18209
-
18210
- .v-breadcrumbs--density-compact {
18211
- padding-top: 8px;
18212
- padding-bottom: 8px;
18213
- }
18214
-
18215
- .v-breadcrumbs__prepend {
18216
- align-items: center;
18217
- display: inline-flex;
18218
- }
18219
-
18220
- .v-breadcrumbs-item {
18221
- align-items: center;
18222
- color: inherit;
18223
- display: inline-flex;
18224
- padding: 0 4px;
18225
- text-decoration: none;
18226
- vertical-align: middle;
18227
- }
18228
- .v-breadcrumbs-item--disabled {
18229
- opacity: var(--v-disabled-opacity);
18230
- pointer-events: none;
18231
- }
18232
- .v-breadcrumbs-item--link {
18233
- color: inherit;
18234
- text-decoration: none;
18235
- }
18236
- .v-breadcrumbs-item--link:hover {
18237
- text-decoration: underline;
18238
- }
18239
- .v-breadcrumbs-item .v-icon {
18240
- font-size: 1rem;
18241
- margin-inline: -4px 2px;
18242
- }
18243
-
18244
- .v-breadcrumbs-divider {
18245
- display: inline-block;
18246
- padding: 0 8px;
18247
- vertical-align: middle;
18248
18191
  }.v-btn {
18249
18192
  align-items: center;
18250
18193
  border-radius: 4px;
@@ -18663,6 +18606,76 @@ html.overflow-y-hidden {
18663
18606
  }
18664
18607
  .v-pagination__item--is-active .v-btn__overlay {
18665
18608
  opacity: var(--v-border-opacity);
18609
+ }.v-breadcrumbs {
18610
+ display: flex;
18611
+ align-items: center;
18612
+ line-height: 1.6;
18613
+ padding: 16px 12px;
18614
+ }
18615
+ .v-breadcrumbs--rounded {
18616
+ border-radius: 4px;
18617
+ }
18618
+ .v-breadcrumbs--density-default {
18619
+ padding-top: 16px;
18620
+ padding-bottom: 16px;
18621
+ }
18622
+
18623
+ .v-breadcrumbs--density-comfortable {
18624
+ padding-top: 12px;
18625
+ padding-bottom: 12px;
18626
+ }
18627
+
18628
+ .v-breadcrumbs--density-compact {
18629
+ padding-top: 8px;
18630
+ padding-bottom: 8px;
18631
+ }
18632
+
18633
+ .v-breadcrumbs__prepend {
18634
+ align-items: center;
18635
+ display: inline-flex;
18636
+ }
18637
+
18638
+ .v-breadcrumbs-item {
18639
+ align-items: center;
18640
+ color: inherit;
18641
+ display: inline-flex;
18642
+ padding: 0 4px;
18643
+ text-decoration: none;
18644
+ vertical-align: middle;
18645
+ }
18646
+ .v-breadcrumbs-item--disabled {
18647
+ opacity: var(--v-disabled-opacity);
18648
+ pointer-events: none;
18649
+ }
18650
+ .v-breadcrumbs-item--link {
18651
+ color: inherit;
18652
+ text-decoration: none;
18653
+ }
18654
+ .v-breadcrumbs-item--link:hover {
18655
+ text-decoration: underline;
18656
+ }
18657
+ .v-breadcrumbs-item .v-icon {
18658
+ font-size: 1rem;
18659
+ margin-inline: -4px 2px;
18660
+ }
18661
+
18662
+ .v-breadcrumbs-divider {
18663
+ display: inline-block;
18664
+ padding: 0 8px;
18665
+ vertical-align: middle;
18666
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18667
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18668
+ }
18669
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18670
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18671
+ }
18672
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18673
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18674
+ }
18675
+ @supports not selector(:focus-visible) {
18676
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18677
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18678
+ }
18666
18679
  }.v-btn-group {
18667
18680
  display: inline-flex;
18668
18681
  flex-wrap: nowrap;
@@ -18719,19 +18732,69 @@ html.overflow-y-hidden {
18719
18732
  }
18720
18733
  .v-btn-group--tile {
18721
18734
  border-radius: 0;
18722
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18723
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18735
+ }.v-carousel {
18736
+ overflow: hidden;
18737
+ position: relative;
18738
+ width: 100%;
18724
18739
  }
18725
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18726
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18740
+ .v-carousel__controls {
18741
+ align-items: center;
18742
+ bottom: 0;
18743
+ display: flex;
18744
+ height: 50px;
18745
+ justify-content: center;
18746
+ list-style-type: none;
18747
+ position: absolute;
18748
+ width: 100%;
18749
+ z-index: 1;
18750
+ background: rgba(var(--v-theme-surface-variant), 0.3);
18751
+ color: rgb(var(--v-theme-on-surface-variant));
18727
18752
  }
18728
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18729
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18753
+ .v-carousel__controls > .v-item-group {
18754
+ flex: 0 1 auto;
18730
18755
  }
18731
- @supports not selector(:focus-visible) {
18732
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18733
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18734
- }
18756
+ .v-carousel__controls__item {
18757
+ margin: 0 8px;
18758
+ }
18759
+ .v-carousel__controls__item .v-icon {
18760
+ opacity: 0.5;
18761
+ }
18762
+ .v-carousel__controls__item--active .v-icon {
18763
+ opacity: 1;
18764
+ vertical-align: middle;
18765
+ }
18766
+ .v-carousel__controls__item:hover {
18767
+ background: none;
18768
+ }
18769
+ .v-carousel__controls__item:hover .v-icon {
18770
+ opacity: 0.8;
18771
+ }
18772
+
18773
+ .v-carousel__progress {
18774
+ margin: 0;
18775
+ position: absolute;
18776
+ bottom: 0;
18777
+ left: 0;
18778
+ right: 0;
18779
+ }
18780
+
18781
+ .v-carousel-item {
18782
+ display: block;
18783
+ height: inherit;
18784
+ text-decoration: none;
18785
+ }
18786
+ .v-carousel-item > .v-img {
18787
+ height: inherit;
18788
+ }
18789
+
18790
+ .v-carousel--hide-delimiter-background .v-carousel__controls {
18791
+ background: transparent;
18792
+ }
18793
+
18794
+ .v-carousel--vertical-delimiters .v-carousel__controls {
18795
+ flex-direction: column;
18796
+ height: 100% !important;
18797
+ width: 50px;
18735
18798
  }.v-card {
18736
18799
  display: block;
18737
18800
  overflow: hidden;
@@ -19031,89 +19094,26 @@ html.overflow-y-hidden {
19031
19094
  pointer-events: none;
19032
19095
  opacity: 0;
19033
19096
  transition: opacity 0.2s ease-in-out;
19034
- }.v-carousel {
19097
+ }.v-checkbox.v-input {
19098
+ flex: 0 1 auto;
19099
+ }
19100
+ .v-checkbox .v-selection-control {
19101
+ min-height: var(--v-input-control-height);
19102
+ }.v-chip {
19103
+ align-items: center;
19104
+ display: inline-flex;
19105
+ font-weight: 400;
19106
+ max-width: 100%;
19107
+ min-width: 0;
19035
19108
  overflow: hidden;
19036
19109
  position: relative;
19037
- width: 100%;
19038
- }
19039
- .v-carousel__controls {
19040
- align-items: center;
19041
- bottom: 0;
19042
- display: flex;
19043
- height: 50px;
19044
- justify-content: center;
19045
- list-style-type: none;
19046
- position: absolute;
19047
- width: 100%;
19048
- z-index: 1;
19049
- background: rgba(var(--v-theme-surface-variant), 0.3);
19050
- color: rgb(var(--v-theme-on-surface-variant));
19051
- }
19052
- .v-carousel__controls > .v-item-group {
19053
- flex: 0 1 auto;
19054
- }
19055
- .v-carousel__controls__item {
19056
- margin: 0 8px;
19057
- }
19058
- .v-carousel__controls__item .v-icon {
19059
- opacity: 0.5;
19060
- }
19061
- .v-carousel__controls__item--active .v-icon {
19062
- opacity: 1;
19063
- vertical-align: middle;
19064
- }
19065
- .v-carousel__controls__item:hover {
19066
- background: none;
19067
- }
19068
- .v-carousel__controls__item:hover .v-icon {
19069
- opacity: 0.8;
19070
- }
19071
-
19072
- .v-carousel__progress {
19073
- margin: 0;
19074
- position: absolute;
19075
- bottom: 0;
19076
- left: 0;
19077
- right: 0;
19078
- }
19079
-
19080
- .v-carousel-item {
19081
- display: block;
19082
- height: inherit;
19083
- text-decoration: none;
19084
- }
19085
- .v-carousel-item > .v-img {
19086
- height: inherit;
19087
- }
19088
-
19089
- .v-carousel--hide-delimiter-background .v-carousel__controls {
19090
- background: transparent;
19091
- }
19092
-
19093
- .v-carousel--vertical-delimiters .v-carousel__controls {
19094
- flex-direction: column;
19095
- height: 100% !important;
19096
- width: 50px;
19097
- }.v-checkbox.v-input {
19098
- flex: 0 1 auto;
19099
- }
19100
- .v-checkbox .v-selection-control {
19101
- min-height: var(--v-input-control-height);
19102
- }.v-chip {
19103
- align-items: center;
19104
- display: inline-flex;
19105
- font-weight: 400;
19106
- max-width: 100%;
19107
- min-width: 0;
19108
- overflow: hidden;
19109
- position: relative;
19110
- text-decoration: none;
19111
- white-space: nowrap;
19112
- vertical-align: middle;
19113
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19114
- border-style: solid;
19115
- border-width: 0;
19116
- border-radius: 9999px;
19110
+ text-decoration: none;
19111
+ white-space: nowrap;
19112
+ vertical-align: middle;
19113
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19114
+ border-style: solid;
19115
+ border-width: 0;
19116
+ border-radius: 9999px;
19117
19117
  }
19118
19118
  .v-chip .v-icon {
19119
19119
  --v-icon-size-multiplier: 0.8571428571;
@@ -19529,26 +19529,6 @@ html.overflow-y-hidden {
19529
19529
  white-space: normal;
19530
19530
  flex-wrap: wrap;
19531
19531
  max-width: 100%;
19532
- }.v-color-picker {
19533
- align-self: flex-start;
19534
- contain: content;
19535
- }
19536
- .v-color-picker.v-sheet {
19537
- 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));
19538
- border-radius: 4px;
19539
- }
19540
-
19541
- .v-color-picker__controls {
19542
- display: flex;
19543
- flex-direction: column;
19544
- padding: 16px;
19545
- }
19546
-
19547
- .v-color-picker--flat {
19548
- 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));
19549
- }
19550
- .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
19551
- 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));
19552
19532
  }.v-combobox .v-field .v-text-field__prefix,
19553
19533
  .v-combobox .v-field .v-text-field__suffix,
19554
19534
  .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
@@ -19630,6 +19610,26 @@ html.overflow-y-hidden {
19630
19610
  .v-combobox--active-menu .v-combobox__menu-icon {
19631
19611
  opacity: var(--v-high-emphasis-opacity);
19632
19612
  transform: rotate(180deg);
19613
+ }.v-color-picker {
19614
+ align-self: flex-start;
19615
+ contain: content;
19616
+ }
19617
+ .v-color-picker.v-sheet {
19618
+ 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));
19619
+ border-radius: 4px;
19620
+ }
19621
+
19622
+ .v-color-picker__controls {
19623
+ display: flex;
19624
+ flex-direction: column;
19625
+ padding: 16px;
19626
+ }
19627
+
19628
+ .v-color-picker--flat {
19629
+ 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));
19630
+ }
19631
+ .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
19632
+ 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));
19633
19633
  }.v-counter {
19634
19634
  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
19635
19635
  flex: 0 1 auto;
@@ -19975,21 +19975,6 @@ html.overflow-y-hidden {
19975
19975
  .date-picker-header-reverse-transition-leave-to {
19976
19976
  opacity: 0;
19977
19977
  transform: translate(0, 100%);
19978
- }.v-date-picker-years {
19979
- height: 288px;
19980
- overflow-y: scroll;
19981
- }
19982
-
19983
- .v-date-picker-years__content {
19984
- display: grid;
19985
- flex: 1 1;
19986
- justify-content: space-around;
19987
- grid-template-columns: repeat(3, 1fr);
19988
- gap: 8px 24px;
19989
- padding-inline: 32px;
19990
- }
19991
- .v-date-picker-years__content .v-btn {
19992
- padding-inline: 8px;
19993
19978
  }.v-date-picker-month {
19994
19979
  display: flex;
19995
19980
  justify-content: center;
@@ -20045,6 +20030,21 @@ html.overflow-y-hidden {
20045
20030
 
20046
20031
  .v-date-picker-month__day--hide-adjacent {
20047
20032
  opacity: 0;
20033
+ }.v-date-picker-years {
20034
+ height: 288px;
20035
+ overflow-y: scroll;
20036
+ }
20037
+
20038
+ .v-date-picker-years__content {
20039
+ display: grid;
20040
+ flex: 1 1;
20041
+ justify-content: space-around;
20042
+ grid-template-columns: repeat(3, 1fr);
20043
+ gap: 8px 24px;
20044
+ padding-inline: 32px;
20045
+ }
20046
+ .v-date-picker-years__content .v-btn {
20047
+ padding-inline: 8px;
20048
20048
  }.v-date-picker-months {
20049
20049
  height: 288px;
20050
20050
  }
@@ -20273,75 +20273,6 @@ html.overflow-y-hidden {
20273
20273
  .v-empty-state__action-btn.v-btn {
20274
20274
  background-color: initial;
20275
20275
  color: initial;
20276
- }.v-fab {
20277
- align-items: center;
20278
- display: inline-flex;
20279
- flex: 1 1 auto;
20280
- pointer-events: none;
20281
- position: relative;
20282
- transition-duration: 0.2s;
20283
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20284
- vertical-align: middle;
20285
- }
20286
- .v-fab .v-btn {
20287
- pointer-events: auto;
20288
- }
20289
- .v-fab .v-btn--variant-elevated {
20290
- box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20291
- }
20292
- .v-fab--app, .v-fab--absolute {
20293
- display: flex;
20294
- }
20295
- .v-fab--start, .v-fab--left {
20296
- justify-content: flex-start;
20297
- }
20298
- .v-fab--center {
20299
- align-items: center;
20300
- justify-content: center;
20301
- }
20302
- .v-fab--end, .v-fab--right {
20303
- justify-content: flex-end;
20304
- }
20305
- .v-fab--bottom {
20306
- align-items: flex-end;
20307
- }
20308
- .v-fab--top {
20309
- align-items: flex-start;
20310
- }
20311
- .v-fab--extended .v-btn {
20312
- border-radius: 9999px !important;
20313
- }
20314
-
20315
- .v-fab__container {
20316
- align-self: center;
20317
- display: inline-flex;
20318
- position: absolute;
20319
- vertical-align: middle;
20320
- }
20321
- .v-fab--app .v-fab__container {
20322
- margin: 12px;
20323
- }
20324
- .v-fab--absolute .v-fab__container {
20325
- position: absolute;
20326
- z-index: 4;
20327
- }
20328
- .v-fab--offset.v-fab--top .v-fab__container {
20329
- transform: translateY(-50%);
20330
- }
20331
- .v-fab--offset.v-fab--bottom .v-fab__container {
20332
- transform: translateY(50%);
20333
- }
20334
- .v-fab--top .v-fab__container {
20335
- top: 0;
20336
- }
20337
- .v-fab--bottom .v-fab__container {
20338
- bottom: 0;
20339
- }
20340
- .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
20341
- left: 0;
20342
- }
20343
- .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
20344
- right: 0;
20345
20276
  }.v-expansion-panel {
20346
20277
  background-color: rgb(var(--v-theme-surface));
20347
20278
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -20695,6 +20626,11 @@ html.overflow-y-hidden {
20695
20626
  position: relative;
20696
20627
  width: 100%;
20697
20628
  }
20629
+ .v-field.v-field--center-affix.v-field--variant-underlined .v-field__input, .v-field.v-field--center-affix.v-field--variant-plain .v-field__input {
20630
+ padding-top: unset;
20631
+ padding-bottom: unset;
20632
+ }
20633
+
20698
20634
  .v-input--density-default .v-field__input {
20699
20635
  row-gap: 8px;
20700
20636
  }
@@ -20762,12 +20698,12 @@ textarea.v-field__input::placeholder {
20762
20698
  padding-top: 0;
20763
20699
  }
20764
20700
 
20765
- .v-field.v-field--variant-underlined .v-field__append-inner,
20766
- .v-field.v-field--variant-underlined .v-field__clearable,
20767
- .v-field.v-field--variant-underlined .v-field__prepend-inner,
20768
- .v-field.v-field--variant-plain .v-field__append-inner,
20769
- .v-field.v-field--variant-plain .v-field__clearable,
20770
- .v-field.v-field--variant-plain .v-field__prepend-inner {
20701
+ .v-field:not(.v-field--center-affix).v-field--variant-underlined .v-field__append-inner,
20702
+ .v-field:not(.v-field--center-affix).v-field--variant-underlined .v-field__clearable,
20703
+ .v-field:not(.v-field--center-affix).v-field--variant-underlined .v-field__prepend-inner,
20704
+ .v-field:not(.v-field--center-affix).v-field--variant-plain .v-field__append-inner,
20705
+ .v-field:not(.v-field--center-affix).v-field--variant-plain .v-field__clearable,
20706
+ .v-field:not(.v-field--center-affix).v-field--variant-plain .v-field__prepend-inner {
20771
20707
  align-items: flex-start;
20772
20708
  padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
20773
20709
  padding-bottom: var(--v-field-padding-bottom, 4px);
@@ -21123,40 +21059,137 @@ textarea.v-field__input::placeholder {
21123
21059
  opacity: 0;
21124
21060
  }
21125
21061
 
21126
- /* endregion */.v-file-input--hide.v-input .v-field,
21127
- .v-file-input--hide.v-input .v-input__control,
21128
- .v-file-input--hide.v-input .v-input__details {
21129
- display: none;
21062
+ /* endregion */.v-fab {
21063
+ align-items: center;
21064
+ display: inline-flex;
21065
+ flex: 1 1 auto;
21066
+ pointer-events: none;
21067
+ position: relative;
21068
+ transition-duration: 0.2s;
21069
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21070
+ vertical-align: middle;
21130
21071
  }
21131
- .v-file-input--hide.v-input .v-input__prepend {
21132
- grid-area: control;
21133
- margin: 0 auto;
21072
+ .v-fab .v-btn {
21073
+ pointer-events: auto;
21134
21074
  }
21135
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21136
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21137
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21138
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21139
- top: 0px;
21075
+ .v-fab .v-btn--variant-elevated {
21076
+ box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21140
21077
  }
21141
- .v-file-input input[type=file] {
21142
- height: 100%;
21143
- left: 0;
21144
- opacity: 0;
21145
- position: absolute;
21146
- top: 0;
21147
- width: 100%;
21148
- z-index: 1;
21078
+ .v-fab--app, .v-fab--absolute {
21079
+ display: flex;
21149
21080
  }
21150
- .v-file-input .v-input__details {
21151
- padding-inline: 16px;
21081
+ .v-fab--start, .v-fab--left {
21082
+ justify-content: flex-start;
21152
21083
  }
21153
- .v-input--plain-underlined.v-file-input .v-input__details {
21154
- padding-inline: 0;
21155
- }.v-container {
21156
- width: 100%;
21157
- padding: 16px;
21158
- margin-right: auto;
21159
- margin-left: auto;
21084
+ .v-fab--center {
21085
+ align-items: center;
21086
+ justify-content: center;
21087
+ }
21088
+ .v-fab--end, .v-fab--right {
21089
+ justify-content: flex-end;
21090
+ }
21091
+ .v-fab--bottom {
21092
+ align-items: flex-end;
21093
+ }
21094
+ .v-fab--top {
21095
+ align-items: flex-start;
21096
+ }
21097
+ .v-fab--extended .v-btn {
21098
+ border-radius: 9999px !important;
21099
+ }
21100
+
21101
+ .v-fab__container {
21102
+ align-self: center;
21103
+ display: inline-flex;
21104
+ position: absolute;
21105
+ vertical-align: middle;
21106
+ }
21107
+ .v-fab--app .v-fab__container {
21108
+ margin: 12px;
21109
+ }
21110
+ .v-fab--absolute .v-fab__container {
21111
+ position: absolute;
21112
+ z-index: 4;
21113
+ }
21114
+ .v-fab--offset.v-fab--top .v-fab__container {
21115
+ transform: translateY(-50%);
21116
+ }
21117
+ .v-fab--offset.v-fab--bottom .v-fab__container {
21118
+ transform: translateY(50%);
21119
+ }
21120
+ .v-fab--top .v-fab__container {
21121
+ top: 0;
21122
+ }
21123
+ .v-fab--bottom .v-fab__container {
21124
+ bottom: 0;
21125
+ }
21126
+ .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
21127
+ left: 0;
21128
+ }
21129
+ .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
21130
+ right: 0;
21131
+ }.v-file-input--hide.v-input .v-field,
21132
+ .v-file-input--hide.v-input .v-input__control,
21133
+ .v-file-input--hide.v-input .v-input__details {
21134
+ display: none;
21135
+ }
21136
+ .v-file-input--hide.v-input .v-input__prepend {
21137
+ grid-area: control;
21138
+ margin: 0 auto;
21139
+ }
21140
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21141
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21142
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21143
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21144
+ top: 0px;
21145
+ }
21146
+ .v-file-input input[type=file] {
21147
+ height: 100%;
21148
+ left: 0;
21149
+ opacity: 0;
21150
+ position: absolute;
21151
+ top: 0;
21152
+ width: 100%;
21153
+ z-index: 1;
21154
+ }
21155
+ .v-file-input .v-input__details {
21156
+ padding-inline: 16px;
21157
+ }
21158
+ .v-input--plain-underlined.v-file-input .v-input__details {
21159
+ padding-inline: 0;
21160
+ }.v-footer {
21161
+ align-items: center;
21162
+ display: flex;
21163
+ flex: 1 1 auto;
21164
+ padding: 8px 16px;
21165
+ position: relative;
21166
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21167
+ transition-property: height, width, transform, max-width, left, right, top, bottom;
21168
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21169
+ border-style: solid;
21170
+ border-width: 0;
21171
+ 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));
21172
+ border-radius: 0;
21173
+ background: rgb(var(--v-theme-surface));
21174
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21175
+ }
21176
+ .v-footer--border {
21177
+ border-width: thin;
21178
+ box-shadow: none;
21179
+ }
21180
+ .v-footer--absolute {
21181
+ position: absolute;
21182
+ }
21183
+ .v-footer--fixed {
21184
+ position: fixed;
21185
+ }
21186
+ .v-footer--rounded {
21187
+ border-radius: 4px;
21188
+ }.v-container {
21189
+ width: 100%;
21190
+ padding: 16px;
21191
+ margin-right: auto;
21192
+ margin-left: auto;
21160
21193
  }
21161
21194
  @media (min-width: 960px) {
21162
21195
  .v-container {
@@ -21913,36 +21946,6 @@ textarea.v-field__input::placeholder {
21913
21946
 
21914
21947
  .v-img__gradient {
21915
21948
  background-repeat: no-repeat;
21916
- }.v-infinite-scroll--horizontal {
21917
- display: flex;
21918
- flex-direction: row;
21919
- overflow-x: auto;
21920
- }
21921
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21922
- height: 100%;
21923
- width: 1px;
21924
- }
21925
-
21926
- .v-infinite-scroll--vertical {
21927
- display: flex;
21928
- flex-direction: column;
21929
- overflow-y: auto;
21930
- }
21931
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21932
- height: 1px;
21933
- width: 100%;
21934
- }
21935
-
21936
- .v-infinite-scroll__side {
21937
- align-items: center;
21938
- display: flex;
21939
- justify-content: center;
21940
- padding: 8px;
21941
- }.v-item-group {
21942
- flex: 0 1 auto;
21943
- max-width: 100%;
21944
- position: relative;
21945
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21946
21949
  }.v-input {
21947
21950
  display: grid;
21948
21951
  flex: 1 1 auto;
@@ -22071,20 +22074,50 @@ textarea.v-field__input::placeholder {
22071
22074
  .v-input--hide-spin-buttons input[type=number] {
22072
22075
  -moz-appearance: textfield;
22073
22076
  }
22074
- .v-input--plain-underlined .v-input__prepend,
22075
- .v-input--plain-underlined .v-input__append {
22077
+ .v-input--plain-underlined:not(.v-input--center-affix) .v-input__prepend,
22078
+ .v-input--plain-underlined:not(.v-input--center-affix) .v-input__append {
22076
22079
  align-items: flex-start;
22077
22080
  }
22078
- .v-input--density-default.v-input--plain-underlined .v-input__prepend, .v-input--density-default.v-input--plain-underlined .v-input__append {
22081
+ .v-input--density-default.v-input--plain-underlined:not(.v-input--center-affix) .v-input__prepend, .v-input--density-default.v-input--plain-underlined:not(.v-input--center-affix) .v-input__append {
22079
22082
  padding-top: calc(var(--v-input-padding-top) + 4px);
22080
22083
  }
22081
22084
 
22082
- .v-input--density-comfortable.v-input--plain-underlined .v-input__prepend, .v-input--density-comfortable.v-input--plain-underlined .v-input__append {
22085
+ .v-input--density-comfortable.v-input--plain-underlined:not(.v-input--center-affix) .v-input__prepend, .v-input--density-comfortable.v-input--plain-underlined:not(.v-input--center-affix) .v-input__append {
22083
22086
  padding-top: calc(var(--v-input-padding-top) + 2px);
22084
22087
  }
22085
22088
 
22086
- .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
22089
+ .v-input--density-compact.v-input--plain-underlined:not(.v-input--center-affix) .v-input__prepend, .v-input--density-compact.v-input--plain-underlined:not(.v-input--center-affix) .v-input__append {
22087
22090
  padding-top: calc(var(--v-input-padding-top) + 0px);
22091
+ }.v-infinite-scroll--horizontal {
22092
+ display: flex;
22093
+ flex-direction: row;
22094
+ overflow-x: auto;
22095
+ }
22096
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
22097
+ height: 100%;
22098
+ width: 1px;
22099
+ }
22100
+
22101
+ .v-infinite-scroll--vertical {
22102
+ display: flex;
22103
+ flex-direction: column;
22104
+ overflow-y: auto;
22105
+ }
22106
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
22107
+ height: 1px;
22108
+ width: 100%;
22109
+ }
22110
+
22111
+ .v-infinite-scroll__side {
22112
+ align-items: center;
22113
+ display: flex;
22114
+ justify-content: center;
22115
+ padding: 8px;
22116
+ }.v-item-group {
22117
+ flex: 0 1 auto;
22118
+ max-width: 100%;
22119
+ position: relative;
22120
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22088
22121
  }.v-label {
22089
22122
  align-items: center;
22090
22123
  color: inherit;
@@ -22100,6 +22133,13 @@ textarea.v-field__input::placeholder {
22100
22133
 
22101
22134
  .v-label--clickable {
22102
22135
  cursor: pointer;
22136
+ }.v-layout-item {
22137
+ position: absolute;
22138
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22139
+ }
22140
+
22141
+ .v-layout-item--absolute {
22142
+ position: absolute;
22103
22143
  }.v-layout {
22104
22144
  --v-scrollbar-offset: 0px;
22105
22145
  display: flex;
@@ -22108,13 +22148,6 @@ textarea.v-field__input::placeholder {
22108
22148
  .v-layout--full-height {
22109
22149
  --v-scrollbar-offset: inherit;
22110
22150
  height: 100%;
22111
- }.v-layout-item {
22112
- position: absolute;
22113
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22114
- }
22115
-
22116
- .v-layout-item--absolute {
22117
- position: absolute;
22118
22151
  }.v-list {
22119
22152
  overflow: auto;
22120
22153
  padding: 8px 0;
@@ -22674,19 +22707,6 @@ textarea.v-field__input::placeholder {
22674
22707
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22675
22708
  }.v-locale-provider {
22676
22709
  display: contents;
22677
- }.v-menu > .v-overlay__content {
22678
- display: flex;
22679
- flex-direction: column;
22680
- border-radius: 4px;
22681
- }
22682
- .v-menu > .v-overlay__content > .v-card,
22683
- .v-menu > .v-overlay__content > .v-sheet,
22684
- .v-menu > .v-overlay__content > .v-list {
22685
- background: rgb(var(--v-theme-surface));
22686
- border-radius: inherit;
22687
- overflow: auto;
22688
- height: 100%;
22689
- 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));
22690
22710
  }.v-main {
22691
22711
  flex: 1 0 auto;
22692
22712
  max-width: 100%;
@@ -22715,6 +22735,19 @@ textarea.v-field__input::placeholder {
22715
22735
  --v-layout-right: 0px;
22716
22736
  --v-layout-top: 0px;
22717
22737
  --v-layout-bottom: 0px;
22738
+ }.v-menu > .v-overlay__content {
22739
+ display: flex;
22740
+ flex-direction: column;
22741
+ border-radius: 4px;
22742
+ }
22743
+ .v-menu > .v-overlay__content > .v-card,
22744
+ .v-menu > .v-overlay__content > .v-sheet,
22745
+ .v-menu > .v-overlay__content > .v-list {
22746
+ background: rgb(var(--v-theme-surface));
22747
+ border-radius: inherit;
22748
+ overflow: auto;
22749
+ height: 100%;
22750
+ 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));
22718
22751
  }.v-messages {
22719
22752
  flex: 1 1 auto;
22720
22753
  font-size: 12px;
@@ -22833,83 +22866,20 @@ textarea.v-field__input::placeholder {
22833
22866
  .v-navigation-drawer__append {
22834
22867
  flex: none;
22835
22868
  overflow: hidden;
22836
- }.v-overlay-container {
22837
- contain: layout;
22838
- left: 0;
22839
- pointer-events: none;
22840
- position: absolute;
22841
- top: 0;
22842
- display: contents;
22843
- }
22844
-
22845
- .v-overlay-scroll-blocked {
22846
- padding-inline-end: var(--v-scrollbar-offset);
22847
- }
22848
- .v-overlay-scroll-blocked:not(html) {
22849
- overflow-y: hidden !important;
22869
+ }.v-otp-input {
22870
+ border-radius: 4px;
22871
+ align-items: center;
22872
+ display: flex;
22873
+ justify-content: center;
22874
+ padding: 0.5rem 0;
22875
+ position: relative;
22850
22876
  }
22851
- html.v-overlay-scroll-blocked {
22852
- position: fixed;
22853
- top: var(--v-body-scroll-y);
22854
- left: var(--v-body-scroll-x);
22855
- width: 100%;
22877
+ .v-otp-input .v-field {
22856
22878
  height: 100%;
22857
22879
  }
22858
22880
 
22859
- .v-overlay {
22860
- border-radius: inherit;
22861
- display: flex;
22862
- left: 0;
22863
- pointer-events: none;
22864
- position: fixed;
22865
- top: 0;
22866
- bottom: 0;
22867
- right: 0;
22868
- }
22869
-
22870
- .v-overlay__content {
22871
- outline: none;
22872
- position: absolute;
22873
- pointer-events: auto;
22874
- contain: layout;
22875
- }
22876
-
22877
- .v-overlay__scrim {
22878
- pointer-events: auto;
22879
- background: rgb(var(--v-theme-on-surface));
22880
- border-radius: inherit;
22881
- bottom: 0;
22882
- left: 0;
22883
- opacity: var(--v-overlay-opacity, 0.32);
22884
- position: fixed;
22885
- right: 0;
22886
- top: 0;
22887
- }
22888
-
22889
- .v-overlay--absolute {
22890
- position: absolute;
22891
- }
22892
-
22893
- .v-overlay--contained .v-overlay__scrim {
22894
- position: absolute;
22895
- }
22896
-
22897
- .v-overlay--scroll-blocked {
22898
- padding-inline-end: var(--v-scrollbar-offset);
22899
- }.v-otp-input {
22900
- border-radius: 4px;
22901
- align-items: center;
22902
- display: flex;
22903
- justify-content: center;
22904
- padding: 0.5rem 0;
22905
- position: relative;
22906
- }
22907
- .v-otp-input .v-field {
22908
- height: 100%;
22909
- }
22910
-
22911
- .v-otp-input__divider {
22912
- margin: 0 8px;
22881
+ .v-otp-input__divider {
22882
+ margin: 0 8px;
22913
22883
  }
22914
22884
 
22915
22885
  .v-otp-input__content {
@@ -22952,122 +22922,83 @@ html.v-overlay-scroll-blocked {
22952
22922
  }
22953
22923
  .v-otp-input__loader .v-progress-linear {
22954
22924
  position: absolute;
22955
- }.v-pagination__list {
22956
- display: inline-flex;
22957
- list-style-type: none;
22958
- justify-content: center;
22959
- width: 100%;
22925
+ }.v-overlay-container {
22926
+ contain: layout;
22927
+ left: 0;
22928
+ pointer-events: none;
22929
+ position: absolute;
22930
+ top: 0;
22931
+ display: contents;
22960
22932
  }
22961
- .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
22962
- margin: 0.3rem;
22963
- }.v-parallax {
22964
- position: relative;
22965
- overflow: hidden;
22933
+
22934
+ .v-overlay-scroll-blocked {
22935
+ padding-inline-end: var(--v-scrollbar-offset);
22966
22936
  }
22967
- .v-parallax--active > .v-img__img {
22968
- will-change: transform;
22969
- }.v-progress-circular {
22970
- align-items: center;
22971
- display: inline-flex;
22972
- justify-content: center;
22973
- position: relative;
22974
- vertical-align: middle;
22937
+ .v-overlay-scroll-blocked:not(html) {
22938
+ overflow-y: hidden !important;
22975
22939
  }
22976
- .v-progress-circular > svg {
22940
+ html.v-overlay-scroll-blocked {
22941
+ position: fixed;
22942
+ top: var(--v-body-scroll-y);
22943
+ left: var(--v-body-scroll-x);
22977
22944
  width: 100%;
22978
22945
  height: 100%;
22979
- margin: auto;
22980
- position: absolute;
22981
- top: 0;
22982
- bottom: 0;
22983
- left: 0;
22984
- right: 0;
22985
- z-index: 0;
22986
22946
  }
22987
22947
 
22988
- .v-progress-circular__content {
22989
- align-items: center;
22948
+ .v-overlay {
22949
+ border-radius: inherit;
22990
22950
  display: flex;
22991
- justify-content: center;
22992
- }
22993
-
22994
- .v-progress-circular__underlay {
22995
- color: rgba(var(--v-border-color), var(--v-border-opacity));
22996
- stroke: currentColor;
22997
- z-index: 1;
22951
+ left: 0;
22952
+ pointer-events: none;
22953
+ position: fixed;
22954
+ top: 0;
22955
+ bottom: 0;
22956
+ right: 0;
22998
22957
  }
22999
22958
 
23000
- .v-progress-circular__overlay {
23001
- stroke: currentColor;
23002
- transition: all 0.2s ease-in-out, stroke-width 0s;
23003
- z-index: 2;
22959
+ .v-overlay__content {
22960
+ outline: none;
22961
+ position: absolute;
22962
+ pointer-events: auto;
22963
+ contain: layout;
23004
22964
  }
23005
22965
 
23006
- .v-progress-circular--size-x-small {
23007
- height: 16px;
23008
- width: 16px;
23009
- }
23010
- .v-progress-circular--size-small {
23011
- height: 24px;
23012
- width: 24px;
23013
- }
23014
- .v-progress-circular--size-default {
23015
- height: 32px;
23016
- width: 32px;
23017
- }
23018
- .v-progress-circular--size-large {
23019
- height: 48px;
23020
- width: 48px;
23021
- }
23022
- .v-progress-circular--size-x-large {
23023
- height: 64px;
23024
- width: 64px;
22966
+ .v-overlay__scrim {
22967
+ pointer-events: auto;
22968
+ background: rgb(var(--v-theme-on-surface));
22969
+ border-radius: inherit;
22970
+ bottom: 0;
22971
+ left: 0;
22972
+ opacity: var(--v-overlay-opacity, 0.32);
22973
+ position: fixed;
22974
+ right: 0;
22975
+ top: 0;
23025
22976
  }
23026
22977
 
23027
- .v-progress-circular--indeterminate > svg {
23028
- animation: progress-circular-rotate 1.4s linear infinite;
23029
- transform-origin: center center;
23030
- transition: all 0.2s ease-in-out;
23031
- }
23032
- .v-progress-circular--indeterminate .v-progress-circular__overlay {
23033
- animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
23034
- stroke-dasharray: 25, 200;
23035
- stroke-dashoffset: 0;
23036
- stroke-linecap: round;
23037
- transform-origin: center center;
23038
- transform: rotate(-90deg);
22978
+ .v-overlay--absolute {
22979
+ position: absolute;
23039
22980
  }
23040
22981
 
23041
- .v-progress-circular--disable-shrink > svg {
23042
- animation-duration: 0.7s;
23043
- }
23044
- .v-progress-circular--disable-shrink .v-progress-circular__overlay {
23045
- animation: none;
22982
+ .v-overlay--contained .v-overlay__scrim {
22983
+ position: absolute;
23046
22984
  }
23047
22985
 
23048
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
23049
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
23050
- animation-play-state: paused !important;
22986
+ .v-overlay--scroll-blocked {
22987
+ padding-inline-end: var(--v-scrollbar-offset);
22988
+ }.v-pagination__list {
22989
+ display: inline-flex;
22990
+ list-style-type: none;
22991
+ justify-content: center;
22992
+ width: 100%;
23051
22993
  }
23052
-
23053
- @keyframes progress-circular-dash {
23054
- 0% {
23055
- stroke-dasharray: 1, 200;
23056
- stroke-dashoffset: 0px;
23057
- }
23058
- 50% {
23059
- stroke-dasharray: 100, 200;
23060
- stroke-dashoffset: -15px;
23061
- }
23062
- 100% {
23063
- stroke-dasharray: 100, 200;
23064
- stroke-dashoffset: -124px;
23065
- }
22994
+ .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
22995
+ margin: 0.3rem;
22996
+ }.v-parallax {
22997
+ position: relative;
22998
+ overflow: hidden;
23066
22999
  }
23067
- @keyframes progress-circular-rotate {
23068
- 100% {
23069
- transform: rotate(270deg);
23070
- }
23000
+ .v-parallax--active > .v-img__img {
23001
+ will-change: transform;
23071
23002
  }.v-progress-linear {
23072
23003
  background: transparent;
23073
23004
  overflow: hidden;
@@ -23078,6 +23009,11 @@ html.v-overlay-scroll-blocked {
23078
23009
  .v-progress-linear--rounded {
23079
23010
  border-radius: 9999px;
23080
23011
  }
23012
+ @media (forced-colors: active) {
23013
+ .v-progress-linear {
23014
+ border: thin solid buttontext;
23015
+ }
23016
+ }
23081
23017
 
23082
23018
  .v-progress-linear__background,
23083
23019
  .v-progress-linear__buffer {
@@ -23092,6 +23028,12 @@ html.v-overlay-scroll-blocked {
23092
23028
  transition: inherit;
23093
23029
  }
23094
23030
 
23031
+ @media (forced-colors: active) {
23032
+ .v-progress-linear__buffer {
23033
+ background-color: highlight;
23034
+ opacity: 0.3;
23035
+ }
23036
+ }
23095
23037
  .v-progress-linear__content {
23096
23038
  align-items: center;
23097
23039
  display: flex;
@@ -23108,6 +23050,12 @@ html.v-overlay-scroll-blocked {
23108
23050
  .v-progress-linear__indeterminate {
23109
23051
  background: currentColor;
23110
23052
  }
23053
+ @media (forced-colors: active) {
23054
+ .v-progress-linear__determinate,
23055
+ .v-progress-linear__indeterminate {
23056
+ background-color: highlight;
23057
+ }
23058
+ }
23111
23059
 
23112
23060
  .v-progress-linear__determinate {
23113
23061
  height: inherit;
@@ -23279,49 +23227,151 @@ html.v-overlay-scroll-blocked {
23279
23227
  0% {
23280
23228
  background-position-x: var(--v-progress-linear-height);
23281
23229
  }
23282
- }.v-radio-group > .v-input__control {
23283
- flex-direction: column;
23284
- }
23285
- .v-radio-group > .v-input__control > .v-label {
23286
- margin-inline-start: 16px;
23287
- }
23288
- .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
23289
- padding-inline-start: 6px;
23290
- margin-top: 8px;
23230
+ }.v-progress-circular {
23231
+ align-items: center;
23232
+ display: inline-flex;
23233
+ justify-content: center;
23234
+ position: relative;
23235
+ vertical-align: middle;
23291
23236
  }
23292
- .v-radio-group .v-input__details {
23293
- padding-inline: 16px;
23294
- }.v-slider .v-slider__container input {
23295
- cursor: default;
23296
- padding: 0;
23237
+ .v-progress-circular > svg {
23297
23238
  width: 100%;
23298
- display: none;
23299
- }
23300
- .v-slider > .v-input__append,
23301
- .v-slider > .v-input__prepend {
23302
- padding: 0;
23239
+ height: 100%;
23240
+ margin: auto;
23241
+ position: absolute;
23242
+ top: 0;
23243
+ bottom: 0;
23244
+ left: 0;
23245
+ right: 0;
23246
+ z-index: 0;
23303
23247
  }
23304
23248
 
23305
- .v-slider__container {
23306
- position: relative;
23307
- min-height: inherit;
23308
- width: 100%;
23309
- height: 100%;
23249
+ .v-progress-circular__content {
23250
+ align-items: center;
23310
23251
  display: flex;
23311
23252
  justify-content: center;
23312
- align-items: center;
23313
- cursor: pointer;
23314
- }
23315
- .v-input--disabled .v-slider__container {
23316
- opacity: var(--v-disabled-opacity);
23317
- }
23318
- .v-input--error:not(.v-input--disabled) .v-slider__container {
23319
- color: rgb(var(--v-theme-error));
23320
23253
  }
23321
23254
 
23322
- .v-slider.v-input--horizontal {
23323
- align-items: center;
23324
- margin-inline: 8px 8px;
23255
+ .v-progress-circular__underlay {
23256
+ color: rgba(var(--v-border-color), var(--v-border-opacity));
23257
+ stroke: currentColor;
23258
+ z-index: 1;
23259
+ }
23260
+
23261
+ .v-progress-circular__overlay {
23262
+ stroke: currentColor;
23263
+ transition: all 0.2s ease-in-out, stroke-width 0s;
23264
+ z-index: 2;
23265
+ }
23266
+
23267
+ .v-progress-circular--size-x-small {
23268
+ height: 16px;
23269
+ width: 16px;
23270
+ }
23271
+ .v-progress-circular--size-small {
23272
+ height: 24px;
23273
+ width: 24px;
23274
+ }
23275
+ .v-progress-circular--size-default {
23276
+ height: 32px;
23277
+ width: 32px;
23278
+ }
23279
+ .v-progress-circular--size-large {
23280
+ height: 48px;
23281
+ width: 48px;
23282
+ }
23283
+ .v-progress-circular--size-x-large {
23284
+ height: 64px;
23285
+ width: 64px;
23286
+ }
23287
+
23288
+ .v-progress-circular--indeterminate > svg {
23289
+ animation: progress-circular-rotate 1.4s linear infinite;
23290
+ transform-origin: center center;
23291
+ transition: all 0.2s ease-in-out;
23292
+ }
23293
+ .v-progress-circular--indeterminate .v-progress-circular__overlay {
23294
+ animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
23295
+ stroke-dasharray: 25, 200;
23296
+ stroke-dashoffset: 0;
23297
+ stroke-linecap: round;
23298
+ transform-origin: center center;
23299
+ transform: rotate(-90deg);
23300
+ }
23301
+
23302
+ .v-progress-circular--disable-shrink > svg {
23303
+ animation-duration: 0.7s;
23304
+ }
23305
+ .v-progress-circular--disable-shrink .v-progress-circular__overlay {
23306
+ animation: none;
23307
+ }
23308
+
23309
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
23310
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
23311
+ animation-play-state: paused !important;
23312
+ }
23313
+
23314
+ @keyframes progress-circular-dash {
23315
+ 0% {
23316
+ stroke-dasharray: 1, 200;
23317
+ stroke-dashoffset: 0px;
23318
+ }
23319
+ 50% {
23320
+ stroke-dasharray: 100, 200;
23321
+ stroke-dashoffset: -15px;
23322
+ }
23323
+ 100% {
23324
+ stroke-dasharray: 100, 200;
23325
+ stroke-dashoffset: -124px;
23326
+ }
23327
+ }
23328
+ @keyframes progress-circular-rotate {
23329
+ 100% {
23330
+ transform: rotate(270deg);
23331
+ }
23332
+ }.v-radio-group > .v-input__control {
23333
+ flex-direction: column;
23334
+ }
23335
+ .v-radio-group > .v-input__control > .v-label {
23336
+ margin-inline-start: 16px;
23337
+ }
23338
+ .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
23339
+ padding-inline-start: 6px;
23340
+ margin-top: 8px;
23341
+ }
23342
+ .v-radio-group .v-input__details {
23343
+ padding-inline: 16px;
23344
+ }.v-slider .v-slider__container input {
23345
+ cursor: default;
23346
+ padding: 0;
23347
+ width: 100%;
23348
+ display: none;
23349
+ }
23350
+ .v-slider > .v-input__append,
23351
+ .v-slider > .v-input__prepend {
23352
+ padding: 0;
23353
+ }
23354
+
23355
+ .v-slider__container {
23356
+ position: relative;
23357
+ min-height: inherit;
23358
+ width: 100%;
23359
+ height: 100%;
23360
+ display: flex;
23361
+ justify-content: center;
23362
+ align-items: center;
23363
+ cursor: pointer;
23364
+ }
23365
+ .v-input--disabled .v-slider__container {
23366
+ opacity: var(--v-disabled-opacity);
23367
+ }
23368
+ .v-input--error:not(.v-input--disabled) .v-slider__container {
23369
+ color: rgb(var(--v-theme-error));
23370
+ }
23371
+
23372
+ .v-slider.v-input--horizontal {
23373
+ align-items: center;
23374
+ margin-inline: 8px 8px;
23325
23375
  }
23326
23376
  .v-slider.v-input--horizontal > .v-input__control {
23327
23377
  min-height: 32px;
@@ -23348,32 +23398,6 @@ html.v-overlay-scroll-blocked {
23348
23398
 
23349
23399
  .v-slider__label {
23350
23400
  margin-inline-end: 12px;
23351
- }.v-responsive {
23352
- display: flex;
23353
- flex: 1 0 auto;
23354
- max-height: 100%;
23355
- max-width: 100%;
23356
- overflow: hidden;
23357
- position: relative;
23358
- }
23359
- .v-responsive--inline {
23360
- display: inline-flex;
23361
- flex: 0 0 auto;
23362
- }
23363
-
23364
- .v-responsive__content {
23365
- flex: 1 0 0px;
23366
- max-width: 100%;
23367
- }
23368
-
23369
- .v-responsive__sizer ~ .v-responsive__content {
23370
- margin-inline-start: -100%;
23371
- }
23372
-
23373
- .v-responsive__sizer {
23374
- flex: 1 0 0px;
23375
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23376
- pointer-events: none;
23377
23401
  }.v-rating {
23378
23402
  max-width: 100%;
23379
23403
  display: inline-flex;
@@ -23428,6 +23452,32 @@ html.v-overlay-scroll-blocked {
23428
23452
  opacity: 0;
23429
23453
  position: absolute;
23430
23454
  width: 0;
23455
+ }.v-responsive {
23456
+ display: flex;
23457
+ flex: 1 0 auto;
23458
+ max-height: 100%;
23459
+ max-width: 100%;
23460
+ overflow: hidden;
23461
+ position: relative;
23462
+ }
23463
+ .v-responsive--inline {
23464
+ display: inline-flex;
23465
+ flex: 0 0 auto;
23466
+ }
23467
+
23468
+ .v-responsive__content {
23469
+ flex: 1 0 0px;
23470
+ max-width: 100%;
23471
+ }
23472
+
23473
+ .v-responsive__sizer ~ .v-responsive__content {
23474
+ margin-inline-start: -100%;
23475
+ }
23476
+
23477
+ .v-responsive__sizer {
23478
+ flex: 1 0 0px;
23479
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23480
+ pointer-events: none;
23431
23481
  }.v-select .v-field .v-text-field__prefix,
23432
23482
  .v-select .v-field .v-text-field__suffix,
23433
23483
  .v-select .v-field .v-field__input, .v-select .v-field.v-field {
@@ -23577,34 +23627,14 @@ html.v-overlay-scroll-blocked {
23577
23627
  }
23578
23628
  .v-selection-control--focus-visible .v-selection-control__input::before {
23579
23629
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
23580
- }.v-footer {
23581
- align-items: center;
23630
+ }.v-selection-control-group {
23631
+ grid-area: control;
23582
23632
  display: flex;
23583
- flex: 1 1 auto;
23584
- padding: 8px 16px;
23585
- position: relative;
23586
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23587
- transition-property: height, width, transform, max-width, left, right, top, bottom;
23588
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
23589
- border-style: solid;
23590
- border-width: 0;
23591
- 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));
23592
- border-radius: 0;
23593
- background: rgb(var(--v-theme-surface));
23594
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
23595
- }
23596
- .v-footer--border {
23597
- border-width: thin;
23598
- box-shadow: none;
23599
- }
23600
- .v-footer--absolute {
23601
- position: absolute;
23602
- }
23603
- .v-footer--fixed {
23604
- position: fixed;
23633
+ flex-direction: column;
23605
23634
  }
23606
- .v-footer--rounded {
23607
- border-radius: 4px;
23635
+ .v-selection-control-group--inline {
23636
+ flex-direction: row;
23637
+ flex-wrap: wrap;
23608
23638
  }.v-sheet {
23609
23639
  display: block;
23610
23640
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
@@ -23633,83 +23663,20 @@ html.v-overlay-scroll-blocked {
23633
23663
  }
23634
23664
  .v-sheet--rounded {
23635
23665
  border-radius: 4px;
23636
- }.v-selection-control-group {
23637
- grid-area: control;
23638
- display: flex;
23639
- flex-direction: column;
23640
- }
23641
- .v-selection-control-group--inline {
23642
- flex-direction: row;
23643
- flex-wrap: wrap;
23644
- }.v-slide-group {
23645
- display: flex;
23646
- overflow: hidden;
23647
- }
23648
-
23649
- .v-slide-group__next,
23650
- .v-slide-group__prev {
23666
+ }.v-skeleton-loader {
23651
23667
  align-items: center;
23668
+ background: rgb(var(--v-theme-surface));
23669
+ border-radius: 4px;
23652
23670
  display: flex;
23653
- flex: 0 1 52px;
23654
- justify-content: center;
23655
- min-width: 52px;
23656
- cursor: pointer;
23657
- }
23658
- .v-slide-group__next--disabled,
23659
- .v-slide-group__prev--disabled {
23660
- pointer-events: none;
23661
- opacity: var(--v-disabled-opacity);
23662
- }
23663
-
23664
- .v-slide-group__content {
23665
- display: flex;
23666
- flex: 1 0 auto;
23671
+ flex-wrap: wrap;
23667
23672
  position: relative;
23668
- transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
23669
- white-space: nowrap;
23670
- }
23671
- .v-slide-group__content > * {
23672
- white-space: initial;
23673
+ vertical-align: top;
23673
23674
  }
23674
-
23675
- .v-slide-group__container {
23676
- contain: content;
23677
- display: flex;
23678
- flex: 1 1 auto;
23679
- overflow-x: auto;
23680
- overflow-y: hidden;
23681
- scrollbar-width: none;
23682
- scrollbar-color: rgba(0, 0, 0, 0);
23675
+ .v-skeleton-loader__actions {
23676
+ justify-content: end;
23683
23677
  }
23684
- .v-slide-group__container::-webkit-scrollbar {
23685
- display: none;
23686
- }
23687
-
23688
- .v-slide-group--vertical {
23689
- max-height: inherit;
23690
- }
23691
- .v-slide-group--vertical,
23692
- .v-slide-group--vertical .v-slide-group__container,
23693
- .v-slide-group--vertical .v-slide-group__content {
23694
- flex-direction: column;
23695
- }
23696
- .v-slide-group--vertical .v-slide-group__container {
23697
- overflow-x: hidden;
23698
- overflow-y: auto;
23699
- }.v-skeleton-loader {
23700
- align-items: center;
23701
- background: rgb(var(--v-theme-surface));
23702
- border-radius: 4px;
23703
- display: flex;
23704
- flex-wrap: wrap;
23705
- position: relative;
23706
- vertical-align: top;
23707
- }
23708
- .v-skeleton-loader__actions {
23709
- justify-content: end;
23710
- }
23711
- .v-skeleton-loader .v-skeleton-loader__ossein {
23712
- height: 100%;
23678
+ .v-skeleton-loader .v-skeleton-loader__ossein {
23679
+ height: 100%;
23713
23680
  }
23714
23681
  .v-skeleton-loader .v-skeleton-loader__avatar,
23715
23682
  .v-skeleton-loader .v-skeleton-loader__button,
@@ -23919,6 +23886,61 @@ html.v-overlay-scroll-blocked {
23919
23886
  100% {
23920
23887
  transform: translateX(100%);
23921
23888
  }
23889
+ }.v-slide-group {
23890
+ display: flex;
23891
+ overflow: hidden;
23892
+ }
23893
+
23894
+ .v-slide-group__next,
23895
+ .v-slide-group__prev {
23896
+ align-items: center;
23897
+ display: flex;
23898
+ flex: 0 1 52px;
23899
+ justify-content: center;
23900
+ min-width: 52px;
23901
+ cursor: pointer;
23902
+ }
23903
+ .v-slide-group__next--disabled,
23904
+ .v-slide-group__prev--disabled {
23905
+ pointer-events: none;
23906
+ opacity: var(--v-disabled-opacity);
23907
+ }
23908
+
23909
+ .v-slide-group__content {
23910
+ display: flex;
23911
+ flex: 1 0 auto;
23912
+ position: relative;
23913
+ transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
23914
+ white-space: nowrap;
23915
+ }
23916
+ .v-slide-group__content > * {
23917
+ white-space: initial;
23918
+ }
23919
+
23920
+ .v-slide-group__container {
23921
+ contain: content;
23922
+ display: flex;
23923
+ flex: 1 1 auto;
23924
+ overflow-x: auto;
23925
+ overflow-y: hidden;
23926
+ scrollbar-width: none;
23927
+ scrollbar-color: rgba(0, 0, 0, 0);
23928
+ }
23929
+ .v-slide-group__container::-webkit-scrollbar {
23930
+ display: none;
23931
+ }
23932
+
23933
+ .v-slide-group--vertical {
23934
+ max-height: inherit;
23935
+ }
23936
+ .v-slide-group--vertical,
23937
+ .v-slide-group--vertical .v-slide-group__container,
23938
+ .v-slide-group--vertical .v-slide-group__content {
23939
+ flex-direction: column;
23940
+ }
23941
+ .v-slide-group--vertical .v-slide-group__container {
23942
+ overflow-x: hidden;
23943
+ overflow-y: auto;
23922
23944
  }.v-snackbar {
23923
23945
  justify-content: center;
23924
23946
  z-index: 10000;
@@ -24098,6 +24120,56 @@ html.v-overlay-scroll-blocked {
24098
24120
  }
24099
24121
  .v-speed-dial__content > *:nth-child(10) {
24100
24122
  transition-delay: 0.45s;
24123
+ }.v-stepper.v-sheet {
24124
+ 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));
24125
+ border-radius: 4px;
24126
+ overflow: hidden;
24127
+ }
24128
+ .v-stepper.v-sheet.v-stepper--flat {
24129
+ 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));
24130
+ }
24131
+
24132
+ .v-stepper-header {
24133
+ 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));
24134
+ align-items: center;
24135
+ display: flex;
24136
+ position: relative;
24137
+ overflow-x: auto;
24138
+ justify-content: space-between;
24139
+ z-index: 1;
24140
+ }
24141
+ .v-stepper-header .v-divider {
24142
+ margin: 0 -16px;
24143
+ }
24144
+ .v-stepper-header .v-divider:last-child {
24145
+ margin-inline-end: 0;
24146
+ }
24147
+ .v-stepper-header .v-divider:first-child {
24148
+ margin-inline-start: 0;
24149
+ }
24150
+ .v-stepper--alt-labels .v-stepper-header {
24151
+ height: auto;
24152
+ }
24153
+ .v-stepper--alt-labels .v-stepper-header .v-divider {
24154
+ align-self: flex-start;
24155
+ margin: 35px -67px 0;
24156
+ }
24157
+
24158
+ .v-stepper-window {
24159
+ margin: 1.5rem;
24160
+ }
24161
+
24162
+ .v-stepper-actions {
24163
+ display: flex;
24164
+ align-items: center;
24165
+ justify-content: space-between;
24166
+ padding: 1rem;
24167
+ }
24168
+ .v-stepper .v-stepper-actions {
24169
+ padding: 0 1.5rem 1rem;
24170
+ }
24171
+ .v-stepper-window-item .v-stepper-actions {
24172
+ padding: 1.5rem 0 0;
24101
24173
  }.v-stepper-item {
24102
24174
  align-items: center;
24103
24175
  align-self: stretch;
@@ -24214,56 +24286,6 @@ html.v-overlay-scroll-blocked {
24214
24286
  width: 100%;
24215
24287
  height: 100%;
24216
24288
  pointer-events: none;
24217
- }.v-stepper.v-sheet {
24218
- 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));
24219
- border-radius: 4px;
24220
- overflow: hidden;
24221
- }
24222
- .v-stepper.v-sheet.v-stepper--flat {
24223
- 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));
24224
- }
24225
-
24226
- .v-stepper-header {
24227
- 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));
24228
- align-items: center;
24229
- display: flex;
24230
- position: relative;
24231
- overflow-x: auto;
24232
- justify-content: space-between;
24233
- z-index: 1;
24234
- }
24235
- .v-stepper-header .v-divider {
24236
- margin: 0 -16px;
24237
- }
24238
- .v-stepper-header .v-divider:last-child {
24239
- margin-inline-end: 0;
24240
- }
24241
- .v-stepper-header .v-divider:first-child {
24242
- margin-inline-start: 0;
24243
- }
24244
- .v-stepper--alt-labels .v-stepper-header {
24245
- height: auto;
24246
- }
24247
- .v-stepper--alt-labels .v-stepper-header .v-divider {
24248
- align-self: flex-start;
24249
- margin: 35px -67px 0;
24250
- }
24251
-
24252
- .v-stepper-window {
24253
- margin: 1.5rem;
24254
- }
24255
-
24256
- .v-stepper-actions {
24257
- display: flex;
24258
- align-items: center;
24259
- justify-content: space-between;
24260
- padding: 1rem;
24261
- }
24262
- .v-stepper .v-stepper-actions {
24263
- padding: 0 1.5rem 1rem;
24264
- }
24265
- .v-stepper-window-item .v-stepper-actions {
24266
- padding: 1.5rem 0 0;
24267
24289
  }.v-switch .v-label {
24268
24290
  padding-inline-start: 10px;
24269
24291
  }
@@ -24444,56 +24466,151 @@ html.v-overlay-scroll-blocked {
24444
24466
  .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
24445
24467
  border-width: 0;
24446
24468
  }
24447
- }.v-system-bar {
24448
- align-items: center;
24449
- display: flex;
24450
- flex: 1 1 auto;
24451
- height: 24px;
24452
- justify-content: flex-end;
24453
- max-width: 100%;
24454
- padding-inline: 8px;
24455
- position: relative;
24456
- text-align: end;
24457
- width: 100%;
24458
- 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));
24459
- background: rgba(var(--v-theme-surface-light));
24460
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24461
- font-size: 0.75rem;
24462
- font-weight: 400;
24463
- letter-spacing: 0.0333333333em;
24464
- line-height: 1.667;
24465
- text-transform: none;
24469
+ }.v-tab.v-tab.v-btn {
24470
+ height: var(--v-tabs-height);
24471
+ border-radius: 0;
24472
+ min-width: 90px;
24466
24473
  }
24467
- .v-system-bar .v-icon {
24468
- opacity: var(--v-medium-emphasis-opacity);
24474
+ .v-slide-group--horizontal .v-tab {
24475
+ max-width: 360px;
24469
24476
  }
24470
- .v-system-bar--absolute {
24477
+ .v-slide-group--vertical .v-tab {
24478
+ justify-content: start;
24479
+ }
24480
+
24481
+ .v-tab__slider {
24471
24482
  position: absolute;
24483
+ bottom: 0;
24484
+ left: 0;
24485
+ height: 2px;
24486
+ width: 100%;
24487
+ background: currentColor;
24488
+ pointer-events: none;
24489
+ opacity: 0;
24472
24490
  }
24473
- .v-system-bar--fixed {
24474
- position: fixed;
24491
+ .v-tab--selected .v-tab__slider {
24492
+ opacity: 1;
24475
24493
  }
24476
- .v-system-bar--rounded {
24477
- border-radius: 0;
24494
+ .v-slide-group--vertical .v-tab__slider {
24495
+ top: 0;
24496
+ height: 100%;
24497
+ width: 2px;
24498
+ }.v-tabs {
24499
+ display: flex;
24500
+ height: var(--v-tabs-height);
24478
24501
  }
24479
- .v-system-bar--window {
24480
- height: 32px;
24502
+ .v-tabs--density-default {
24503
+ --v-tabs-height: 48px;
24481
24504
  }
24482
- .v-system-bar:not(.v-system-bar--absolute) {
24483
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24484
- }.v-table {
24485
- background: rgb(var(--v-theme-surface));
24486
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24487
- font-size: 0.875rem;
24488
- transition-duration: 0.28s;
24489
- transition-property: box-shadow, opacity, background, height;
24490
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
24505
+ .v-tabs--density-default.v-tabs--stacked {
24506
+ --v-tabs-height: 72px;
24491
24507
  }
24492
- .v-table .v-table-divider {
24493
- border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24508
+
24509
+ .v-tabs--density-comfortable {
24510
+ --v-tabs-height: 44px;
24494
24511
  }
24495
- .v-table .v-table__wrapper > table > thead > tr > th {
24496
- border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24512
+ .v-tabs--density-comfortable.v-tabs--stacked {
24513
+ --v-tabs-height: 68px;
24514
+ }
24515
+
24516
+ .v-tabs--density-compact {
24517
+ --v-tabs-height: 36px;
24518
+ }
24519
+ .v-tabs--density-compact.v-tabs--stacked {
24520
+ --v-tabs-height: 60px;
24521
+ }
24522
+
24523
+ .v-tabs.v-slide-group--vertical {
24524
+ height: auto;
24525
+ flex: none;
24526
+ --v-tabs-height: 48px;
24527
+ }
24528
+
24529
+ .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
24530
+ margin-inline-start: 42px;
24531
+ }
24532
+
24533
+ .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
24534
+ .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
24535
+ margin-inline-end: auto;
24536
+ }
24537
+ .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
24538
+ .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
24539
+ margin-inline-start: auto;
24540
+ }
24541
+
24542
+ .v-tabs--grow {
24543
+ flex-grow: 1;
24544
+ }
24545
+ .v-tabs--grow .v-tab {
24546
+ flex: 1 0 auto;
24547
+ max-width: none;
24548
+ }
24549
+
24550
+ .v-tabs--align-tabs-end .v-tab:first-child {
24551
+ margin-inline-start: auto;
24552
+ }
24553
+ .v-tabs--align-tabs-end .v-tab:last-child {
24554
+ margin-inline-end: 0;
24555
+ }
24556
+
24557
+ @media (max-width: 1279.98px) {
24558
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
24559
+ margin-inline-start: 52px;
24560
+ }
24561
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24562
+ margin-inline-end: 52px;
24563
+ }
24564
+ }.v-system-bar {
24565
+ align-items: center;
24566
+ display: flex;
24567
+ flex: 1 1 auto;
24568
+ height: 24px;
24569
+ justify-content: flex-end;
24570
+ max-width: 100%;
24571
+ padding-inline: 8px;
24572
+ position: relative;
24573
+ text-align: end;
24574
+ width: 100%;
24575
+ 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));
24576
+ background: rgba(var(--v-theme-surface-light));
24577
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24578
+ font-size: 0.75rem;
24579
+ font-weight: 400;
24580
+ letter-spacing: 0.0333333333em;
24581
+ line-height: 1.667;
24582
+ text-transform: none;
24583
+ }
24584
+ .v-system-bar .v-icon {
24585
+ opacity: var(--v-medium-emphasis-opacity);
24586
+ }
24587
+ .v-system-bar--absolute {
24588
+ position: absolute;
24589
+ }
24590
+ .v-system-bar--fixed {
24591
+ position: fixed;
24592
+ }
24593
+ .v-system-bar--rounded {
24594
+ border-radius: 0;
24595
+ }
24596
+ .v-system-bar--window {
24597
+ height: 32px;
24598
+ }
24599
+ .v-system-bar:not(.v-system-bar--absolute) {
24600
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24601
+ }.v-table {
24602
+ background: rgb(var(--v-theme-surface));
24603
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24604
+ font-size: 0.875rem;
24605
+ transition-duration: 0.28s;
24606
+ transition-property: box-shadow, opacity, background, height;
24607
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
24608
+ }
24609
+ .v-table .v-table-divider {
24610
+ border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24611
+ }
24612
+ .v-table .v-table__wrapper > table > thead > tr > th {
24613
+ border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24497
24614
  }
24498
24615
  .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > td,
24499
24616
  .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > th {
@@ -24619,45 +24736,9 @@ html.v-overlay-scroll-blocked {
24619
24736
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24620
24737
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24621
24738
  border-top: 0px !important;
24622
- }.v-textarea .v-field {
24623
- --v-textarea-control-height: var(--v-input-control-height);
24624
- }
24625
- .v-textarea .v-field__field {
24626
- --v-input-control-height: var(--v-textarea-control-height);
24627
- }
24628
- .v-textarea .v-field__input {
24629
- flex: 1 1 auto;
24630
- outline: none;
24631
- -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));
24632
- 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));
24633
- }
24634
- .v-textarea .v-field__input.v-textarea__sizer {
24635
- visibility: hidden;
24636
- position: absolute;
24637
- top: 0;
24638
- left: 0;
24639
- height: 0 !important;
24640
- min-height: 0 !important;
24641
- pointer-events: none;
24642
- }
24643
- .v-textarea--no-resize .v-field__input {
24644
- resize: none;
24645
- }
24646
- .v-textarea .v-field--no-label textarea,
24647
- .v-textarea .v-field--active textarea {
24648
- opacity: 1;
24649
- }
24650
- .v-textarea textarea {
24651
- opacity: 0;
24652
- flex: 1;
24653
- min-width: 0;
24654
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24655
- }
24656
- .v-textarea textarea:focus, .v-textarea textarea:active {
24657
- outline: none;
24658
- }
24659
- .v-textarea textarea:invalid {
24660
- box-shadow: none;
24739
+ }.v-theme-provider {
24740
+ background: rgb(var(--v-theme-background));
24741
+ color: rgb(var(--v-theme-on-background));
24661
24742
  }/* region BLOCK */
24662
24743
  .v-text-field input {
24663
24744
  color: inherit;
@@ -24725,309 +24806,82 @@ html.v-overlay-scroll-blocked {
24725
24806
  padding-inline-end: var(--v-field-padding-end);
24726
24807
  }
24727
24808
 
24728
- /* endregion */.v-tab.v-tab.v-btn {
24729
- height: var(--v-tabs-height);
24730
- border-radius: 0;
24731
- min-width: 90px;
24732
- }
24733
- .v-slide-group--horizontal .v-tab {
24734
- max-width: 360px;
24809
+ /* endregion */.v-timeline .v-timeline-divider__dot {
24810
+ background: rgb(var(--v-theme-surface-light));
24735
24811
  }
24736
- .v-slide-group--vertical .v-tab {
24737
- justify-content: start;
24812
+ .v-timeline .v-timeline-divider__inner-dot {
24813
+ background: rgb(var(--v-theme-on-surface));
24738
24814
  }
24739
24815
 
24740
- .v-tab__slider {
24741
- position: absolute;
24742
- bottom: 0;
24743
- left: 0;
24744
- height: 2px;
24816
+ .v-timeline {
24817
+ display: grid;
24818
+ grid-auto-flow: dense;
24819
+ position: relative;
24820
+ }
24821
+ .v-timeline--horizontal.v-timeline {
24822
+ grid-column-gap: 24px;
24745
24823
  width: 100%;
24746
- background: currentColor;
24747
- pointer-events: none;
24748
- opacity: 0;
24749
24824
  }
24750
- .v-tab--selected .v-tab__slider {
24751
- opacity: 1;
24825
+ .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__body {
24826
+ grid-row: 3;
24827
+ padding-block-start: 24px;
24752
24828
  }
24753
- .v-slide-group--vertical .v-tab__slider {
24754
- top: 0;
24755
- height: 100%;
24756
- width: 2px;
24757
- }.v-tabs {
24758
- display: flex;
24759
- height: var(--v-tabs-height);
24829
+ .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__opposite {
24830
+ grid-row: 1;
24831
+ padding-block-end: 24px;
24832
+ align-self: flex-end;
24760
24833
  }
24761
- .v-tabs--density-default {
24762
- --v-tabs-height: 48px;
24834
+ .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n+1) .v-timeline-item__body {
24835
+ grid-row: 1;
24836
+ padding-block-end: 24px;
24837
+ align-self: flex-end;
24763
24838
  }
24764
- .v-tabs--density-default.v-tabs--stacked {
24765
- --v-tabs-height: 72px;
24839
+ .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n+1) .v-timeline-item__opposite {
24840
+ grid-row: 3;
24841
+ padding-block-start: 24px;
24766
24842
  }
24767
24843
 
24768
- .v-tabs--density-comfortable {
24769
- --v-tabs-height: 44px;
24844
+ .v-timeline--vertical.v-timeline {
24845
+ row-gap: 24px;
24846
+ height: 100%;
24770
24847
  }
24771
- .v-tabs--density-comfortable.v-tabs--stacked {
24772
- --v-tabs-height: 68px;
24848
+ .v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-divider, .v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-item__opposite {
24849
+ padding-block-start: 24px;
24773
24850
  }
24774
-
24775
- .v-tabs--density-compact {
24776
- --v-tabs-height: 36px;
24851
+ .v-timeline--vertical.v-timeline .v-timeline-item:last-child .v-timeline-divider, .v-timeline--vertical.v-timeline .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--vertical.v-timeline .v-timeline-item:last-child .v-timeline-item__opposite {
24852
+ padding-block-end: 24px;
24777
24853
  }
24778
- .v-tabs--density-compact.v-tabs--stacked {
24779
- --v-tabs-height: 60px;
24854
+ .v-timeline--vertical.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__body {
24855
+ grid-column: 1;
24856
+ padding-inline-end: 24px;
24780
24857
  }
24781
-
24782
- .v-tabs.v-slide-group--vertical {
24783
- height: auto;
24784
- flex: none;
24785
- --v-tabs-height: 48px;
24858
+ .v-timeline--vertical.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__opposite {
24859
+ grid-column: 3;
24860
+ padding-inline-start: 24px;
24786
24861
  }
24787
-
24788
- .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
24789
- margin-inline-start: 42px;
24862
+ .v-timeline--vertical.v-timeline .v-timeline-item:nth-child(2n+1) .v-timeline-item__body {
24863
+ grid-column: 3;
24864
+ padding-inline-start: 24px;
24790
24865
  }
24791
-
24792
- .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
24793
- .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
24794
- margin-inline-end: auto;
24866
+ .v-timeline--vertical.v-timeline .v-timeline-item:nth-child(2n+1) .v-timeline-item__opposite {
24867
+ grid-column: 1;
24868
+ justify-self: flex-end;
24869
+ padding-inline-end: 24px;
24795
24870
  }
24796
- .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
24797
- .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
24798
- margin-inline-start: auto;
24871
+
24872
+ .v-timeline-item {
24873
+ display: contents;
24799
24874
  }
24800
24875
 
24801
- .v-tabs--grow {
24802
- flex-grow: 1;
24876
+ .v-timeline-divider {
24877
+ position: relative;
24878
+ display: flex;
24879
+ align-items: center;
24803
24880
  }
24804
- .v-tabs--grow .v-tab {
24805
- flex: 1 0 auto;
24806
- max-width: none;
24807
- }
24808
-
24809
- .v-tabs--align-tabs-end .v-tab:first-child {
24810
- margin-inline-start: auto;
24811
- }
24812
- .v-tabs--align-tabs-end .v-tab:last-child {
24813
- margin-inline-end: 0;
24814
- }
24815
-
24816
- @media (max-width: 1279.98px) {
24817
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
24818
- margin-inline-start: 52px;
24819
- }
24820
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24821
- margin-inline-end: 52px;
24822
- }
24823
- }.v-theme-provider {
24824
- background: rgb(var(--v-theme-background));
24825
- color: rgb(var(--v-theme-on-background));
24826
- }.v-toolbar {
24827
- align-items: flex-start;
24828
- display: flex;
24829
- flex: none;
24830
- flex-direction: column;
24831
- justify-content: space-between;
24832
- max-width: 100%;
24833
- position: relative;
24834
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24835
- transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
24836
- width: 100%;
24837
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
24838
- border-style: solid;
24839
- border-width: 0;
24840
- 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));
24841
- border-radius: 0;
24842
- background: rgb(var(--v-theme-surface-light));
24843
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24844
- }
24845
- .v-toolbar--border {
24846
- border-width: thin;
24847
- box-shadow: none;
24848
- }
24849
- .v-toolbar--absolute {
24850
- position: absolute;
24851
- }
24852
- .v-toolbar--collapse {
24853
- max-width: 112px;
24854
- overflow: hidden;
24855
- border-end-end-radius: 24px;
24856
- }
24857
- .v-toolbar--collapse .v-toolbar-title {
24858
- display: none;
24859
- }
24860
- .v-toolbar--flat {
24861
- 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));
24862
- }
24863
- .v-toolbar--floating {
24864
- display: inline-flex;
24865
- }
24866
- .v-toolbar--rounded {
24867
- border-radius: 4px;
24868
- }
24869
-
24870
- .v-toolbar__content,
24871
- .v-toolbar__extension {
24872
- align-items: center;
24873
- display: flex;
24874
- flex: 0 0 auto;
24875
- position: relative;
24876
- transition: inherit;
24877
- width: 100%;
24878
- }
24879
-
24880
- .v-toolbar__content {
24881
- overflow: hidden;
24882
- }
24883
- .v-toolbar__content > .v-btn:first-child {
24884
- margin-inline-start: 4px;
24885
- }
24886
- .v-toolbar__content > .v-btn:last-child {
24887
- margin-inline-end: 4px;
24888
- }
24889
- .v-toolbar__content > .v-toolbar-title {
24890
- margin-inline-start: 20px;
24891
- }
24892
- .v-toolbar--density-prominent .v-toolbar__content {
24893
- align-items: flex-start;
24894
- }
24895
-
24896
- .v-toolbar__image {
24897
- position: absolute;
24898
- top: 0;
24899
- left: 0;
24900
- width: 100%;
24901
- height: 100%;
24902
- display: flex;
24903
- opacity: var(--v-toolbar-image-opacity, 1);
24904
- transition-property: opacity;
24905
- }
24906
-
24907
- .v-toolbar__prepend,
24908
- .v-toolbar__append {
24909
- align-items: center;
24910
- align-self: stretch;
24911
- display: flex;
24912
- }
24913
-
24914
- .v-toolbar__prepend {
24915
- margin-inline: 4px auto;
24916
- }
24917
-
24918
- .v-toolbar__append {
24919
- margin-inline: auto 4px;
24920
- }
24921
-
24922
- .v-toolbar-title {
24923
- flex: 1 1;
24924
- font-size: 1.25rem;
24925
- min-width: 0;
24926
- font-size: 1.25rem;
24927
- font-weight: 400;
24928
- letter-spacing: 0;
24929
- line-height: 1.75rem;
24930
- text-transform: none;
24931
- }
24932
- .v-toolbar--density-prominent .v-toolbar-title {
24933
- align-self: flex-end;
24934
- padding-bottom: 6px;
24935
- font-size: 1.5rem;
24936
- font-weight: 400;
24937
- letter-spacing: 0;
24938
- line-height: 2.25rem;
24939
- text-transform: none;
24940
- }
24941
-
24942
- .v-toolbar-title__placeholder {
24943
- overflow: hidden;
24944
- text-overflow: ellipsis;
24945
- white-space: nowrap;
24946
- }
24947
-
24948
- .v-toolbar-items {
24949
- display: flex;
24950
- height: inherit;
24951
- align-self: stretch;
24952
- }
24953
- .v-toolbar-items > .v-btn {
24954
- border-radius: 0;
24955
- }.v-timeline .v-timeline-divider__dot {
24956
- background: rgb(var(--v-theme-surface-light));
24957
- }
24958
- .v-timeline .v-timeline-divider__inner-dot {
24959
- background: rgb(var(--v-theme-on-surface));
24960
- }
24961
-
24962
- .v-timeline {
24963
- display: grid;
24964
- grid-auto-flow: dense;
24965
- position: relative;
24966
- }
24967
- .v-timeline--horizontal.v-timeline {
24968
- grid-column-gap: 24px;
24969
- width: 100%;
24970
- }
24971
- .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__body {
24972
- grid-row: 3;
24973
- padding-block-start: 24px;
24974
- }
24975
- .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__opposite {
24976
- grid-row: 1;
24977
- padding-block-end: 24px;
24978
- align-self: flex-end;
24979
- }
24980
- .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n+1) .v-timeline-item__body {
24981
- grid-row: 1;
24982
- padding-block-end: 24px;
24983
- align-self: flex-end;
24984
- }
24985
- .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n+1) .v-timeline-item__opposite {
24986
- grid-row: 3;
24987
- padding-block-start: 24px;
24988
- }
24989
-
24990
- .v-timeline--vertical.v-timeline {
24991
- row-gap: 24px;
24992
- height: 100%;
24993
- }
24994
- .v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-divider, .v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-item__opposite {
24995
- padding-block-start: 24px;
24996
- }
24997
- .v-timeline--vertical.v-timeline .v-timeline-item:last-child .v-timeline-divider, .v-timeline--vertical.v-timeline .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--vertical.v-timeline .v-timeline-item:last-child .v-timeline-item__opposite {
24998
- padding-block-end: 24px;
24999
- }
25000
- .v-timeline--vertical.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__body {
25001
- grid-column: 1;
25002
- padding-inline-end: 24px;
25003
- }
25004
- .v-timeline--vertical.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__opposite {
25005
- grid-column: 3;
25006
- padding-inline-start: 24px;
25007
- }
25008
- .v-timeline--vertical.v-timeline .v-timeline-item:nth-child(2n+1) .v-timeline-item__body {
25009
- grid-column: 3;
25010
- padding-inline-start: 24px;
25011
- }
25012
- .v-timeline--vertical.v-timeline .v-timeline-item:nth-child(2n+1) .v-timeline-item__opposite {
25013
- grid-column: 1;
25014
- justify-self: flex-end;
25015
- padding-inline-end: 24px;
25016
- }
25017
-
25018
- .v-timeline-item {
25019
- display: contents;
25020
- }
25021
-
25022
- .v-timeline-divider {
25023
- position: relative;
25024
- display: flex;
25025
- align-items: center;
25026
- }
25027
- .v-timeline--horizontal .v-timeline-divider {
25028
- flex-direction: row;
25029
- grid-row: 2;
25030
- width: 100%;
24881
+ .v-timeline--horizontal .v-timeline-divider {
24882
+ flex-direction: row;
24883
+ grid-row: 2;
24884
+ width: 100%;
25031
24885
  }
25032
24886
 
25033
24887
  .v-timeline--vertical .v-timeline-divider {
@@ -25368,36 +25222,204 @@ html.v-overlay-scroll-blocked {
25368
25222
 
25369
25223
  .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 {
25370
25224
  padding-inline-end: 0;
25371
- }.v-tooltip > .v-overlay__content {
25372
- background: rgb(var(--v-theme-surface-variant));
25373
- color: rgb(var(--v-theme-on-surface-variant));
25374
- border-radius: 4px;
25375
- font-size: 0.875rem;
25376
- line-height: 1.6;
25377
- display: inline-block;
25378
- padding: 5px 16px;
25379
- text-transform: initial;
25380
- width: auto;
25381
- opacity: 1;
25382
- pointer-events: none;
25383
- transition-property: opacity, transform;
25384
- overflow-wrap: break-word;
25225
+ }.v-textarea .v-field {
25226
+ --v-textarea-control-height: var(--v-input-control-height);
25385
25227
  }
25386
- .v-tooltip > .v-overlay__content[class*=enter-active] {
25387
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25388
- transition-duration: 150ms;
25228
+ .v-textarea .v-field__field {
25229
+ --v-input-control-height: var(--v-textarea-control-height);
25389
25230
  }
25390
- .v-tooltip > .v-overlay__content[class*=leave-active] {
25391
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25392
- transition-duration: 75ms;
25393
- }.v-virtual-scroll {
25394
- display: block;
25231
+ .v-textarea .v-field__input {
25395
25232
  flex: 1 1 auto;
25396
- max-width: 100%;
25397
- overflow: auto;
25398
- position: relative;
25233
+ outline: none;
25234
+ -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));
25235
+ 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));
25399
25236
  }
25400
- .v-virtual-scroll__container {
25237
+ .v-textarea .v-field__input.v-textarea__sizer {
25238
+ visibility: hidden;
25239
+ position: absolute;
25240
+ top: 0;
25241
+ left: 0;
25242
+ height: 0 !important;
25243
+ min-height: 0 !important;
25244
+ pointer-events: none;
25245
+ }
25246
+ .v-textarea--no-resize .v-field__input {
25247
+ resize: none;
25248
+ }
25249
+ .v-textarea .v-field--no-label textarea,
25250
+ .v-textarea .v-field--active textarea {
25251
+ opacity: 1;
25252
+ }
25253
+ .v-textarea textarea {
25254
+ opacity: 0;
25255
+ flex: 1;
25256
+ min-width: 0;
25257
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25258
+ }
25259
+ .v-textarea textarea:focus, .v-textarea textarea:active {
25260
+ outline: none;
25261
+ }
25262
+ .v-textarea textarea:invalid {
25263
+ box-shadow: none;
25264
+ }.v-toolbar {
25265
+ align-items: flex-start;
25266
+ display: flex;
25267
+ flex: none;
25268
+ flex-direction: column;
25269
+ justify-content: space-between;
25270
+ max-width: 100%;
25271
+ position: relative;
25272
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
25273
+ transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
25274
+ width: 100%;
25275
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
25276
+ border-style: solid;
25277
+ border-width: 0;
25278
+ 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));
25279
+ border-radius: 0;
25280
+ background: rgb(var(--v-theme-surface-light));
25281
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
25282
+ }
25283
+ .v-toolbar--border {
25284
+ border-width: thin;
25285
+ box-shadow: none;
25286
+ }
25287
+ .v-toolbar--absolute {
25288
+ position: absolute;
25289
+ }
25290
+ .v-toolbar--collapse {
25291
+ max-width: 112px;
25292
+ overflow: hidden;
25293
+ border-end-end-radius: 24px;
25294
+ }
25295
+ .v-toolbar--collapse .v-toolbar-title {
25296
+ display: none;
25297
+ }
25298
+ .v-toolbar--flat {
25299
+ 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));
25300
+ }
25301
+ .v-toolbar--floating {
25302
+ display: inline-flex;
25303
+ }
25304
+ .v-toolbar--rounded {
25305
+ border-radius: 4px;
25306
+ }
25307
+
25308
+ .v-toolbar__content,
25309
+ .v-toolbar__extension {
25310
+ align-items: center;
25311
+ display: flex;
25312
+ flex: 0 0 auto;
25313
+ position: relative;
25314
+ transition: inherit;
25315
+ width: 100%;
25316
+ }
25317
+
25318
+ .v-toolbar__content {
25319
+ overflow: hidden;
25320
+ }
25321
+ .v-toolbar__content > .v-btn:first-child {
25322
+ margin-inline-start: 4px;
25323
+ }
25324
+ .v-toolbar__content > .v-btn:last-child {
25325
+ margin-inline-end: 4px;
25326
+ }
25327
+ .v-toolbar__content > .v-toolbar-title {
25328
+ margin-inline-start: 20px;
25329
+ }
25330
+ .v-toolbar--density-prominent .v-toolbar__content {
25331
+ align-items: flex-start;
25332
+ }
25333
+
25334
+ .v-toolbar__image {
25335
+ position: absolute;
25336
+ top: 0;
25337
+ left: 0;
25338
+ width: 100%;
25339
+ height: 100%;
25340
+ display: flex;
25341
+ opacity: var(--v-toolbar-image-opacity, 1);
25342
+ transition-property: opacity;
25343
+ }
25344
+
25345
+ .v-toolbar__prepend,
25346
+ .v-toolbar__append {
25347
+ align-items: center;
25348
+ align-self: stretch;
25349
+ display: flex;
25350
+ }
25351
+
25352
+ .v-toolbar__prepend {
25353
+ margin-inline: 4px auto;
25354
+ }
25355
+
25356
+ .v-toolbar__append {
25357
+ margin-inline: auto 4px;
25358
+ }
25359
+
25360
+ .v-toolbar-title {
25361
+ flex: 1 1;
25362
+ font-size: 1.25rem;
25363
+ min-width: 0;
25364
+ font-size: 1.25rem;
25365
+ font-weight: 400;
25366
+ letter-spacing: 0;
25367
+ line-height: 1.75rem;
25368
+ text-transform: none;
25369
+ }
25370
+ .v-toolbar--density-prominent .v-toolbar-title {
25371
+ align-self: flex-end;
25372
+ padding-bottom: 6px;
25373
+ font-size: 1.5rem;
25374
+ font-weight: 400;
25375
+ letter-spacing: 0;
25376
+ line-height: 2.25rem;
25377
+ text-transform: none;
25378
+ }
25379
+
25380
+ .v-toolbar-title__placeholder {
25381
+ overflow: hidden;
25382
+ text-overflow: ellipsis;
25383
+ white-space: nowrap;
25384
+ }
25385
+
25386
+ .v-toolbar-items {
25387
+ display: flex;
25388
+ height: inherit;
25389
+ align-self: stretch;
25390
+ }
25391
+ .v-toolbar-items > .v-btn {
25392
+ border-radius: 0;
25393
+ }.v-tooltip > .v-overlay__content {
25394
+ background: rgb(var(--v-theme-surface-variant));
25395
+ color: rgb(var(--v-theme-on-surface-variant));
25396
+ border-radius: 4px;
25397
+ font-size: 0.875rem;
25398
+ line-height: 1.6;
25399
+ display: inline-block;
25400
+ padding: 5px 16px;
25401
+ text-transform: initial;
25402
+ width: auto;
25403
+ opacity: 1;
25404
+ pointer-events: none;
25405
+ transition-property: opacity, transform;
25406
+ overflow-wrap: break-word;
25407
+ }
25408
+ .v-tooltip > .v-overlay__content[class*=enter-active] {
25409
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25410
+ transition-duration: 150ms;
25411
+ }
25412
+ .v-tooltip > .v-overlay__content[class*=leave-active] {
25413
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25414
+ transition-duration: 75ms;
25415
+ }.v-virtual-scroll {
25416
+ display: block;
25417
+ flex: 1 1 auto;
25418
+ max-width: 100%;
25419
+ overflow: auto;
25420
+ position: relative;
25421
+ }
25422
+ .v-virtual-scroll__container {
25401
25423
  display: block;
25402
25424
  }.v-window {
25403
25425
  overflow: hidden;
@@ -25469,6 +25491,34 @@ html.v-overlay-scroll-blocked {
25469
25491
  }
25470
25492
  .v-window-y-reverse-transition-leave-to {
25471
25493
  transform: translateY(100%);
25494
+ }.v-color-picker-edit {
25495
+ display: flex;
25496
+ margin-top: 24px;
25497
+ }
25498
+
25499
+ .v-color-picker-edit__input {
25500
+ width: 100%;
25501
+ display: flex;
25502
+ flex-wrap: wrap;
25503
+ justify-content: center;
25504
+ text-align: center;
25505
+ }
25506
+ .v-color-picker-edit__input:not(:last-child) {
25507
+ margin-inline-end: 8px;
25508
+ }
25509
+ .v-color-picker-edit__input input {
25510
+ border-radius: 4px;
25511
+ margin-bottom: 8px;
25512
+ min-width: 0;
25513
+ outline: none;
25514
+ text-align: center;
25515
+ width: 100%;
25516
+ height: 32px;
25517
+ background: rgba(var(--v-theme-surface-variant), 0.2);
25518
+ color: rgba(var(--v-theme-on-surface));
25519
+ }
25520
+ .v-color-picker-edit__input span {
25521
+ font-size: 0.75rem;
25472
25522
  }.v-color-picker-canvas {
25473
25523
  display: flex;
25474
25524
  position: relative;
@@ -25491,6 +25541,41 @@ html.v-overlay-scroll-blocked {
25491
25541
  }
25492
25542
  .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25493
25543
  will-change: transform;
25544
+ }.v-color-picker-swatches {
25545
+ overflow-y: auto;
25546
+ }
25547
+ .v-color-picker-swatches > div {
25548
+ display: flex;
25549
+ flex-wrap: wrap;
25550
+ justify-content: center;
25551
+ padding: 8px;
25552
+ }
25553
+
25554
+ .v-color-picker-swatches__swatch {
25555
+ display: flex;
25556
+ flex-direction: column;
25557
+ margin-bottom: 10px;
25558
+ }
25559
+
25560
+ .v-color-picker-swatches__color {
25561
+ position: relative;
25562
+ height: 18px;
25563
+ max-height: 18px;
25564
+ width: 45px;
25565
+ margin: 2px 4px;
25566
+ border-radius: 2px;
25567
+ -webkit-user-select: none;
25568
+ user-select: none;
25569
+ overflow: hidden;
25570
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25571
+ cursor: pointer;
25572
+ }
25573
+ .v-color-picker-swatches__color > div {
25574
+ display: flex;
25575
+ align-items: center;
25576
+ justify-content: center;
25577
+ width: 100%;
25578
+ height: 100%;
25494
25579
  }.v-color-picker-preview__alpha .v-slider-track__background {
25495
25580
  background-color: transparent !important;
25496
25581
  }
@@ -25561,122 +25646,218 @@ html.v-overlay-scroll-blocked {
25561
25646
  .v-color-picker-preview__eye-dropper {
25562
25647
  position: relative;
25563
25648
  margin-right: 12px;
25564
- }.v-color-picker-swatches {
25565
- overflow-y: auto;
25649
+ }.v-picker.v-sheet {
25650
+ 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));
25651
+ border-radius: 4px;
25652
+ display: grid;
25653
+ grid-auto-rows: min-content;
25654
+ grid-template-areas: "title" "header" "body";
25655
+ overflow: hidden;
25566
25656
  }
25567
- .v-color-picker-swatches > div {
25568
- display: flex;
25569
- flex-wrap: wrap;
25570
- justify-content: center;
25571
- padding: 8px;
25657
+ .v-picker.v-sheet.v-picker--with-actions {
25658
+ grid-template-areas: "title" "header" "body" "actions";
25572
25659
  }
25573
25660
 
25574
- .v-color-picker-swatches__swatch {
25661
+ .v-picker__body {
25662
+ grid-area: body;
25663
+ overflow: hidden;
25664
+ position: relative;
25665
+ }
25666
+
25667
+ .v-picker__header {
25668
+ grid-area: header;
25669
+ }
25670
+
25671
+ .v-picker__actions {
25672
+ grid-area: actions;
25673
+ padding: 0 12px 12px;
25575
25674
  display: flex;
25576
- flex-direction: column;
25577
- margin-bottom: 10px;
25675
+ align-items: center;
25676
+ justify-content: flex-end;
25677
+ }
25678
+ .v-picker__actions .v-btn {
25679
+ min-width: 48px;
25680
+ }
25681
+ .v-picker__actions .v-btn:not(:last-child) {
25682
+ margin-inline-end: 8px;
25578
25683
  }
25579
25684
 
25580
- .v-color-picker-swatches__color {
25581
- position: relative;
25582
- height: 18px;
25583
- max-height: 18px;
25584
- width: 45px;
25585
- margin: 2px 4px;
25586
- border-radius: 2px;
25685
+ .v-picker--landscape {
25686
+ grid-template-areas: "title" "header body" "header body";
25687
+ }
25688
+
25689
+ .v-picker--landscape.v-picker--with-actions {
25690
+ grid-template-areas: "title" "header body" "header actions";
25691
+ }
25692
+
25693
+ .v-picker-title {
25694
+ text-transform: uppercase;
25695
+ font-size: 0.75rem;
25696
+ grid-area: title;
25697
+ padding-inline: 24px 12px;
25698
+ padding-top: 16px;
25699
+ padding-bottom: 16px;
25700
+ font-weight: 400;
25701
+ letter-spacing: 0.1666666667em;
25702
+ }.v-slider-thumb {
25703
+ touch-action: none;
25704
+ color: rgb(var(--v-theme-surface-variant));
25705
+ }
25706
+ .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25707
+ color: inherit;
25708
+ }
25709
+
25710
+ .v-slider-thumb__label {
25711
+ background: rgba(var(--v-theme-surface-variant), 0.7);
25712
+ color: rgb(var(--v-theme-on-surface-variant));
25713
+ }
25714
+ .v-slider-thumb__label::before {
25715
+ color: rgba(var(--v-theme-surface-variant), 0.7);
25716
+ }
25717
+
25718
+ .v-slider-thumb {
25719
+ outline: none;
25720
+ position: absolute;
25721
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25722
+ }
25723
+
25724
+ .v-slider-thumb__surface {
25725
+ cursor: pointer;
25726
+ width: var(--v-slider-thumb-size);
25727
+ height: var(--v-slider-thumb-size);
25728
+ border-radius: 50%;
25587
25729
  -webkit-user-select: none;
25588
25730
  user-select: none;
25589
- overflow: hidden;
25590
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25591
- cursor: pointer;
25731
+ background-color: currentColor;
25592
25732
  }
25593
- .v-color-picker-swatches__color > div {
25594
- display: flex;
25595
- align-items: center;
25596
- justify-content: center;
25733
+ @media (forced-colors: active) {
25734
+ .v-slider-thumb__surface {
25735
+ background-color: highlight;
25736
+ }
25737
+ }
25738
+ .v-slider-thumb__surface::before {
25739
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25740
+ content: "";
25741
+ color: inherit;
25742
+ top: 0;
25743
+ left: 0;
25597
25744
  width: 100%;
25598
25745
  height: 100%;
25599
- }.v-color-picker-edit {
25600
- display: flex;
25601
- margin-top: 24px;
25746
+ border-radius: 50%;
25747
+ background: currentColor;
25748
+ position: absolute;
25749
+ pointer-events: none;
25750
+ opacity: 0;
25751
+ }
25752
+ .v-slider-thumb__surface::after {
25753
+ content: "";
25754
+ width: 42px;
25755
+ height: 42px;
25756
+ position: absolute;
25757
+ top: 50%;
25758
+ left: 50%;
25759
+ transform: translate(-50%, -50%);
25602
25760
  }
25603
25761
 
25604
- .v-color-picker-edit__input {
25605
- width: 100%;
25762
+ .v-slider-thumb__label-container {
25763
+ position: absolute;
25764
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25765
+ }
25766
+
25767
+ .v-slider-thumb__label {
25606
25768
  display: flex;
25607
- flex-wrap: wrap;
25769
+ align-items: center;
25608
25770
  justify-content: center;
25609
- text-align: center;
25771
+ font-size: 0.75rem;
25772
+ min-width: 35px;
25773
+ height: 25px;
25774
+ border-radius: 4px;
25775
+ padding: 6px;
25776
+ position: absolute;
25777
+ -webkit-user-select: none;
25778
+ user-select: none;
25779
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25610
25780
  }
25611
- .v-color-picker-edit__input:not(:last-child) {
25612
- margin-inline-end: 8px;
25781
+ .v-slider-thumb__label::before {
25782
+ content: "";
25783
+ width: 0;
25784
+ height: 0;
25785
+ position: absolute;
25786
+ }
25787
+
25788
+ .v-slider-thumb__ripple {
25789
+ position: absolute;
25790
+ left: calc(var(--v-slider-thumb-size) / -2);
25791
+ top: calc(var(--v-slider-thumb-size) / -2);
25792
+ width: calc(var(--v-slider-thumb-size) * 2);
25793
+ height: calc(var(--v-slider-thumb-size) * 2);
25794
+ background: inherit;
25795
+ }
25796
+
25797
+ .v-slider.v-input--horizontal .v-slider-thumb {
25798
+ top: 50%;
25799
+ transform: translateY(-50%);
25800
+ inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25613
25801
  }
25614
- .v-color-picker-edit__input input {
25615
- border-radius: 4px;
25616
- margin-bottom: 8px;
25617
- min-width: 0;
25618
- outline: none;
25619
- text-align: center;
25620
- width: 100%;
25621
- height: 32px;
25622
- background: rgba(var(--v-theme-surface-variant), 0.2);
25623
- color: rgba(var(--v-theme-on-surface));
25802
+ .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25803
+ left: calc(var(--v-slider-thumb-size) / 2);
25804
+ top: 0;
25624
25805
  }
25625
- .v-color-picker-edit__input span {
25626
- font-size: 0.75rem;
25627
- }.v-picker.v-sheet {
25628
- 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));
25629
- border-radius: 4px;
25630
- display: grid;
25631
- grid-auto-rows: min-content;
25632
- grid-template-areas: "title" "header" "body";
25633
- overflow: hidden;
25806
+ .v-slider.v-input--horizontal .v-slider-thumb__label {
25807
+ bottom: calc(var(--v-slider-thumb-size) / 2);
25634
25808
  }
25635
- .v-picker.v-sheet.v-picker--with-actions {
25636
- grid-template-areas: "title" "header" "body" "actions";
25809
+ .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
25810
+ transform: translateX(-50%);
25637
25811
  }
25638
25812
 
25639
- .v-picker__body {
25640
- grid-area: body;
25641
- overflow: hidden;
25642
- position: relative;
25813
+ .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
25814
+ transform: translateX(50%);
25643
25815
  }
25644
25816
 
25645
- .v-picker__header {
25646
- grid-area: header;
25817
+ .v-slider.v-input--horizontal .v-slider-thumb__label::before {
25818
+ border-left: 6px solid transparent;
25819
+ border-right: 6px solid transparent;
25820
+ border-top: 6px solid currentColor;
25821
+ bottom: -6px;
25647
25822
  }
25648
25823
 
25649
- .v-picker__actions {
25650
- grid-area: actions;
25651
- padding: 0 12px 12px;
25652
- display: flex;
25653
- align-items: center;
25654
- justify-content: flex-end;
25824
+ .v-slider.v-input--vertical .v-slider-thumb {
25825
+ top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25655
25826
  }
25656
- .v-picker__actions .v-btn {
25657
- min-width: 48px;
25827
+ .v-slider.v-input--vertical .v-slider-thumb__label-container {
25828
+ top: calc(var(--v-slider-thumb-size) / 2);
25829
+ right: 0;
25658
25830
  }
25659
- .v-picker__actions .v-btn:not(:last-child) {
25660
- margin-inline-end: 8px;
25831
+ .v-slider.v-input--vertical .v-slider-thumb__label {
25832
+ top: -12.5px;
25833
+ left: calc(var(--v-slider-thumb-size) / 2);
25834
+ }
25835
+ .v-slider.v-input--vertical .v-slider-thumb__label::before {
25836
+ border-right: 6px solid currentColor;
25837
+ border-top: 6px solid transparent;
25838
+ border-bottom: 6px solid transparent;
25839
+ left: -6px;
25661
25840
  }
25662
25841
 
25663
- .v-picker--landscape {
25664
- grid-template-areas: "title" "header body" "header body";
25842
+ .v-slider-thumb--focused .v-slider-thumb__surface::before {
25843
+ transform: scale(2);
25844
+ opacity: var(--v-focus-opacity);
25665
25845
  }
25666
25846
 
25667
- .v-picker--landscape.v-picker--with-actions {
25668
- grid-template-areas: "title" "header body" "header actions";
25847
+ .v-slider-thumb--pressed {
25848
+ transition: none;
25849
+ }
25850
+ .v-slider-thumb--pressed .v-slider-thumb__surface::before {
25851
+ opacity: var(--v-pressed-opacity);
25669
25852
  }
25670
25853
 
25671
- .v-picker-title {
25672
- text-transform: uppercase;
25673
- font-size: 0.75rem;
25674
- grid-area: title;
25675
- padding-inline: 24px 12px;
25676
- padding-top: 16px;
25677
- padding-bottom: 16px;
25678
- font-weight: 400;
25679
- letter-spacing: 0.1666666667em;
25854
+ @media (hover: hover) {
25855
+ .v-slider-thumb:hover .v-slider-thumb__surface::before {
25856
+ transform: scale(2);
25857
+ }
25858
+ .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
25859
+ opacity: var(--v-hover-opacity);
25860
+ }
25680
25861
  }.v-slider-track__background {
25681
25862
  background-color: rgb(var(--v-theme-surface-variant));
25682
25863
  }
@@ -25855,163 +26036,4 @@ html.v-overlay-scroll-blocked {
25855
26036
 
25856
26037
  .v-slider-track__background--opacity {
25857
26038
  opacity: 0.38;
25858
- }.v-slider-thumb {
25859
- touch-action: none;
25860
- color: rgb(var(--v-theme-surface-variant));
25861
- }
25862
- .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25863
- color: inherit;
25864
- }
25865
-
25866
- .v-slider-thumb__label {
25867
- background: rgba(var(--v-theme-surface-variant), 0.7);
25868
- color: rgb(var(--v-theme-on-surface-variant));
25869
- }
25870
- .v-slider-thumb__label::before {
25871
- color: rgba(var(--v-theme-surface-variant), 0.7);
25872
- }
25873
-
25874
- .v-slider-thumb {
25875
- outline: none;
25876
- position: absolute;
25877
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25878
- }
25879
-
25880
- .v-slider-thumb__surface {
25881
- cursor: pointer;
25882
- width: var(--v-slider-thumb-size);
25883
- height: var(--v-slider-thumb-size);
25884
- border-radius: 50%;
25885
- -webkit-user-select: none;
25886
- user-select: none;
25887
- background-color: currentColor;
25888
- }
25889
- @media (forced-colors: active) {
25890
- .v-slider-thumb__surface {
25891
- background-color: highlight;
25892
- }
25893
- }
25894
- .v-slider-thumb__surface::before {
25895
- transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25896
- content: "";
25897
- color: inherit;
25898
- top: 0;
25899
- left: 0;
25900
- width: 100%;
25901
- height: 100%;
25902
- border-radius: 50%;
25903
- background: currentColor;
25904
- position: absolute;
25905
- pointer-events: none;
25906
- opacity: 0;
25907
- }
25908
- .v-slider-thumb__surface::after {
25909
- content: "";
25910
- width: 42px;
25911
- height: 42px;
25912
- position: absolute;
25913
- top: 50%;
25914
- left: 50%;
25915
- transform: translate(-50%, -50%);
25916
- }
25917
-
25918
- .v-slider-thumb__label-container {
25919
- position: absolute;
25920
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25921
- }
25922
-
25923
- .v-slider-thumb__label {
25924
- display: flex;
25925
- align-items: center;
25926
- justify-content: center;
25927
- font-size: 0.75rem;
25928
- min-width: 35px;
25929
- height: 25px;
25930
- border-radius: 4px;
25931
- padding: 6px;
25932
- position: absolute;
25933
- -webkit-user-select: none;
25934
- user-select: none;
25935
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25936
- }
25937
- .v-slider-thumb__label::before {
25938
- content: "";
25939
- width: 0;
25940
- height: 0;
25941
- position: absolute;
25942
- }
25943
-
25944
- .v-slider-thumb__ripple {
25945
- position: absolute;
25946
- left: calc(var(--v-slider-thumb-size) / -2);
25947
- top: calc(var(--v-slider-thumb-size) / -2);
25948
- width: calc(var(--v-slider-thumb-size) * 2);
25949
- height: calc(var(--v-slider-thumb-size) * 2);
25950
- background: inherit;
25951
- }
25952
-
25953
- .v-slider.v-input--horizontal .v-slider-thumb {
25954
- top: 50%;
25955
- transform: translateY(-50%);
25956
- inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25957
- }
25958
- .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25959
- left: calc(var(--v-slider-thumb-size) / 2);
25960
- top: 0;
25961
- }
25962
- .v-slider.v-input--horizontal .v-slider-thumb__label {
25963
- bottom: calc(var(--v-slider-thumb-size) / 2);
25964
- }
25965
- .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
25966
- transform: translateX(-50%);
25967
- }
25968
-
25969
- .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
25970
- transform: translateX(50%);
25971
- }
25972
-
25973
- .v-slider.v-input--horizontal .v-slider-thumb__label::before {
25974
- border-left: 6px solid transparent;
25975
- border-right: 6px solid transparent;
25976
- border-top: 6px solid currentColor;
25977
- bottom: -6px;
25978
- }
25979
-
25980
- .v-slider.v-input--vertical .v-slider-thumb {
25981
- top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25982
- }
25983
- .v-slider.v-input--vertical .v-slider-thumb__label-container {
25984
- top: calc(var(--v-slider-thumb-size) / 2);
25985
- right: 0;
25986
- }
25987
- .v-slider.v-input--vertical .v-slider-thumb__label {
25988
- top: -12.5px;
25989
- left: calc(var(--v-slider-thumb-size) / 2);
25990
- }
25991
- .v-slider.v-input--vertical .v-slider-thumb__label::before {
25992
- border-right: 6px solid currentColor;
25993
- border-top: 6px solid transparent;
25994
- border-bottom: 6px solid transparent;
25995
- left: -6px;
25996
- }
25997
-
25998
- .v-slider-thumb--focused .v-slider-thumb__surface::before {
25999
- transform: scale(2);
26000
- opacity: var(--v-focus-opacity);
26001
- }
26002
-
26003
- .v-slider-thumb--pressed {
26004
- transition: none;
26005
- }
26006
- .v-slider-thumb--pressed .v-slider-thumb__surface::before {
26007
- opacity: var(--v-pressed-opacity);
26008
- }
26009
-
26010
- @media (hover: hover) {
26011
- .v-slider-thumb:hover .v-slider-thumb__surface::before {
26012
- transform: scale(2);
26013
- }
26014
- .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
26015
- opacity: var(--v-hover-opacity);
26016
- }
26017
26039
  }