vuetify 3.5.1 → 3.5.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (57) hide show
  1. package/dist/json/attributes.json +15 -27
  2. package/dist/json/importMap.json +132 -132
  3. package/dist/json/tags.json +0 -3
  4. package/dist/json/web-types.json +47 -65
  5. package/dist/vuetify-labs.css +1337 -1350
  6. package/dist/vuetify-labs.d.ts +59 -80
  7. package/dist/vuetify-labs.esm.js +27 -24
  8. package/dist/vuetify-labs.esm.js.map +1 -1
  9. package/dist/vuetify-labs.js +27 -24
  10. package/dist/vuetify-labs.min.css +2 -2
  11. package/dist/vuetify.css +1157 -1170
  12. package/dist/vuetify.d.ts +90 -111
  13. package/dist/vuetify.esm.js +27 -24
  14. package/dist/vuetify.esm.js.map +1 -1
  15. package/dist/vuetify.js +27 -24
  16. package/dist/vuetify.js.map +1 -1
  17. package/dist/vuetify.min.css +2 -2
  18. package/dist/vuetify.min.js +21 -22
  19. package/dist/vuetify.min.js.map +1 -1
  20. package/lib/components/VColorPicker/VColorPickerEdit.mjs +1 -1
  21. package/lib/components/VColorPicker/VColorPickerEdit.mjs.map +1 -1
  22. package/lib/components/VColorPicker/util/index.mjs +1 -1
  23. package/lib/components/VColorPicker/util/index.mjs.map +1 -1
  24. package/lib/components/VDatePicker/VDatePicker.mjs +1 -1
  25. package/lib/components/VDatePicker/VDatePicker.mjs.map +1 -1
  26. package/lib/components/VDatePicker/VDatePickerMonth.mjs +2 -3
  27. package/lib/components/VDatePicker/VDatePickerMonth.mjs.map +1 -1
  28. package/lib/components/VDatePicker/index.d.mts +45 -63
  29. package/lib/components/VLabel/VLabel.mjs +5 -4
  30. package/lib/components/VLabel/VLabel.mjs.map +1 -1
  31. package/lib/components/VLabel/index.d.mts +6 -9
  32. package/lib/components/VMenu/VMenu.mjs +1 -0
  33. package/lib/components/VMenu/VMenu.mjs.map +1 -1
  34. package/lib/components/VOverlay/scrollStrategies.mjs +3 -0
  35. package/lib/components/VOverlay/scrollStrategies.mjs.map +1 -1
  36. package/lib/components/VSelectionControl/VSelectionControl.mjs +4 -2
  37. package/lib/components/VSelectionControl/VSelectionControl.mjs.map +1 -1
  38. package/lib/components/VTable/VTable.css +15 -28
  39. package/lib/components/VTable/VTable.sass +6 -13
  40. package/lib/components/VTable/_variables.scss +1 -1
  41. package/lib/components/VWindow/VWindow.css +1 -1
  42. package/lib/components/VWindow/VWindow.sass +1 -1
  43. package/lib/components/index.d.mts +51 -72
  44. package/lib/composables/calendar.mjs +1 -1
  45. package/lib/composables/calendar.mjs.map +1 -1
  46. package/lib/composables/date/adapters/vuetify.mjs +2 -8
  47. package/lib/composables/date/adapters/vuetify.mjs.map +1 -1
  48. package/lib/composables/group.mjs +4 -1
  49. package/lib/composables/group.mjs.map +1 -1
  50. package/lib/composables/validation.mjs +1 -1
  51. package/lib/composables/validation.mjs.map +1 -1
  52. package/lib/entry-bundler.mjs +1 -1
  53. package/lib/framework.mjs +1 -1
  54. package/lib/index.d.mts +39 -39
  55. package/lib/labs/VCalendar/index.d.mts +8 -8
  56. package/lib/labs/components.d.mts +8 -8
  57. package/package.json +2 -2
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.5.1
2
+ * Vuetify v3.5.2
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17029,34 +17029,6 @@ html.overflow-y-hidden {
17029
17029
  .v-ripple__animation--out {
17030
17030
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
17031
17031
  opacity: 0;
17032
- }.v-application {
17033
- display: flex;
17034
- background: rgb(var(--v-theme-background));
17035
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
17036
- }
17037
-
17038
- .v-application__wrap {
17039
- -webkit-backface-visibility: hidden;
17040
- backface-visibility: hidden;
17041
- display: flex;
17042
- flex-direction: column;
17043
- flex: 1 1 auto;
17044
- max-width: 100%;
17045
- min-height: 100vh;
17046
- min-height: 100dvh;
17047
- position: relative;
17048
- }.v-app-bar {
17049
- display: flex;
17050
- }
17051
- .v-app-bar.v-toolbar {
17052
- background: rgb(var(--v-theme-surface));
17053
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17054
- }
17055
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17056
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17057
- }
17058
- .v-app-bar:not(.v-toolbar--absolute) {
17059
- padding-inline-end: var(--v-scrollbar-offset);
17060
17032
  }.v-alert {
17061
17033
  display: grid;
17062
17034
  flex: 1 1;
@@ -17348,6 +17320,34 @@ html.overflow-y-hidden {
17348
17320
  .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17349
17321
  opacity: var(--v-high-emphasis-opacity);
17350
17322
  transform: rotate(180deg);
17323
+ }.v-application {
17324
+ display: flex;
17325
+ background: rgb(var(--v-theme-background));
17326
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
17327
+ }
17328
+
17329
+ .v-application__wrap {
17330
+ -webkit-backface-visibility: hidden;
17331
+ backface-visibility: hidden;
17332
+ display: flex;
17333
+ flex-direction: column;
17334
+ flex: 1 1 auto;
17335
+ max-width: 100%;
17336
+ min-height: 100vh;
17337
+ min-height: 100dvh;
17338
+ position: relative;
17339
+ }.v-app-bar {
17340
+ display: flex;
17341
+ }
17342
+ .v-app-bar.v-toolbar {
17343
+ background: rgb(var(--v-theme-surface));
17344
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17345
+ }
17346
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17347
+ box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17348
+ }
17349
+ .v-app-bar:not(.v-toolbar--absolute) {
17350
+ padding-inline-end: var(--v-scrollbar-offset);
17351
17351
  }.v-avatar {
17352
17352
  flex: none;
17353
17353
  align-items: center;
@@ -17435,6 +17435,77 @@ html.overflow-y-hidden {
17435
17435
  .v-avatar .v-img {
17436
17436
  height: 100%;
17437
17437
  width: 100%;
17438
+ }.v-badge {
17439
+ display: inline-block;
17440
+ line-height: 1;
17441
+ }
17442
+
17443
+ .v-badge__badge {
17444
+ align-items: center;
17445
+ display: inline-flex;
17446
+ border-radius: 10px;
17447
+ font-size: 0.75rem;
17448
+ font-weight: 500;
17449
+ height: 1.25rem;
17450
+ justify-content: center;
17451
+ min-width: 20px;
17452
+ padding: 4px 6px;
17453
+ pointer-events: auto;
17454
+ position: absolute;
17455
+ text-align: center;
17456
+ text-indent: 0;
17457
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
17458
+ white-space: nowrap;
17459
+ background: rgb(var(--v-theme-surface-variant));
17460
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
17461
+ }
17462
+ .v-badge--bordered .v-badge__badge::after {
17463
+ border-radius: inherit;
17464
+ border-style: solid;
17465
+ border-width: 2px;
17466
+ bottom: 0;
17467
+ color: rgb(var(--v-theme-background));
17468
+ content: "";
17469
+ left: 0;
17470
+ position: absolute;
17471
+ right: 0;
17472
+ top: 0;
17473
+ transform: scale(1.05);
17474
+ }
17475
+ .v-badge--dot .v-badge__badge {
17476
+ border-radius: 4.5px;
17477
+ height: 9px;
17478
+ min-width: 0;
17479
+ padding: 0;
17480
+ width: 9px;
17481
+ }
17482
+ .v-badge--dot .v-badge__badge::after {
17483
+ border-width: 1.5px;
17484
+ }
17485
+ .v-badge--inline .v-badge__badge {
17486
+ position: relative;
17487
+ vertical-align: middle;
17488
+ }
17489
+ .v-badge__badge .v-icon {
17490
+ color: inherit;
17491
+ font-size: 0.75rem;
17492
+ margin: 0 -2px;
17493
+ }
17494
+ .v-badge__badge img,
17495
+ .v-badge__badge .v-img {
17496
+ height: 100%;
17497
+ width: 100%;
17498
+ }
17499
+
17500
+ .v-badge__wrapper {
17501
+ display: flex;
17502
+ position: relative;
17503
+ }
17504
+ .v-badge--inline .v-badge__wrapper {
17505
+ align-items: center;
17506
+ display: inline-flex;
17507
+ justify-content: center;
17508
+ margin: 0 4px;
17438
17509
  }.v-banner {
17439
17510
  display: grid;
17440
17511
  flex: 1 1;
@@ -17592,77 +17663,6 @@ html.overflow-y-hidden {
17592
17663
  }
17593
17664
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
17594
17665
  align-self: flex-start;
17595
- }.v-badge {
17596
- display: inline-block;
17597
- line-height: 1;
17598
- }
17599
-
17600
- .v-badge__badge {
17601
- align-items: center;
17602
- display: inline-flex;
17603
- border-radius: 10px;
17604
- font-size: 0.75rem;
17605
- font-weight: 500;
17606
- height: 1.25rem;
17607
- justify-content: center;
17608
- min-width: 20px;
17609
- padding: 4px 6px;
17610
- pointer-events: auto;
17611
- position: absolute;
17612
- text-align: center;
17613
- text-indent: 0;
17614
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
17615
- white-space: nowrap;
17616
- background: rgb(var(--v-theme-surface-variant));
17617
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
17618
- }
17619
- .v-badge--bordered .v-badge__badge::after {
17620
- border-radius: inherit;
17621
- border-style: solid;
17622
- border-width: 2px;
17623
- bottom: 0;
17624
- color: rgb(var(--v-theme-background));
17625
- content: "";
17626
- left: 0;
17627
- position: absolute;
17628
- right: 0;
17629
- top: 0;
17630
- transform: scale(1.05);
17631
- }
17632
- .v-badge--dot .v-badge__badge {
17633
- border-radius: 4.5px;
17634
- height: 9px;
17635
- min-width: 0;
17636
- padding: 0;
17637
- width: 9px;
17638
- }
17639
- .v-badge--dot .v-badge__badge::after {
17640
- border-width: 1.5px;
17641
- }
17642
- .v-badge--inline .v-badge__badge {
17643
- position: relative;
17644
- vertical-align: middle;
17645
- }
17646
- .v-badge__badge .v-icon {
17647
- color: inherit;
17648
- font-size: 0.75rem;
17649
- margin: 0 -2px;
17650
- }
17651
- .v-badge__badge img,
17652
- .v-badge__badge .v-img {
17653
- height: 100%;
17654
- width: 100%;
17655
- }
17656
-
17657
- .v-badge__wrapper {
17658
- display: flex;
17659
- position: relative;
17660
- }
17661
- .v-badge--inline .v-badge__wrapper {
17662
- align-items: center;
17663
- display: inline-flex;
17664
- justify-content: center;
17665
- margin: 0 4px;
17666
17666
  }.v-bottom-navigation {
17667
17667
  display: flex;
17668
17668
  max-width: 100%;
@@ -17807,62 +17807,6 @@ html.overflow-y-hidden {
17807
17807
  .v-bottom-sheet.v-bottom-sheet--inset {
17808
17808
  max-width: 70%;
17809
17809
  }
17810
- }.v-btn-group {
17811
- display: inline-flex;
17812
- flex-wrap: nowrap;
17813
- max-width: 100%;
17814
- min-width: 0;
17815
- overflow: hidden;
17816
- vertical-align: middle;
17817
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17818
- border-style: solid;
17819
- border-width: 0;
17820
- 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));
17821
- border-radius: 4px;
17822
- background: transparent;
17823
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17824
- }
17825
- .v-btn-group--border {
17826
- border-width: thin;
17827
- box-shadow: none;
17828
- }
17829
- .v-btn-group--density-default.v-btn-group {
17830
- height: 48px;
17831
- }
17832
-
17833
- .v-btn-group--density-comfortable.v-btn-group {
17834
- height: 40px;
17835
- }
17836
-
17837
- .v-btn-group--density-compact.v-btn-group {
17838
- height: 36px;
17839
- }
17840
-
17841
- .v-btn-group .v-btn {
17842
- border-radius: 0;
17843
- border-color: inherit;
17844
- }
17845
- .v-btn-group .v-btn:not(:last-child) {
17846
- border-inline-end: none;
17847
- }
17848
- .v-btn-group .v-btn:not(:first-child) {
17849
- border-inline-start: none;
17850
- }
17851
- .v-btn-group .v-btn:first-child {
17852
- border-start-start-radius: inherit;
17853
- border-end-start-radius: inherit;
17854
- }
17855
- .v-btn-group .v-btn:last-child {
17856
- border-start-end-radius: inherit;
17857
- border-end-end-radius: inherit;
17858
- }
17859
- .v-btn-group--divided .v-btn:not(:last-child) {
17860
- border-inline-end-width: thin;
17861
- border-inline-end-style: solid;
17862
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
17863
- }
17864
- .v-btn-group--tile {
17865
- border-radius: 0;
17866
17810
  }.v-btn {
17867
17811
  align-items: center;
17868
17812
  border-radius: 4px;
@@ -18266,19 +18210,62 @@ html.overflow-y-hidden {
18266
18210
  }
18267
18211
  .v-pagination__item--is-active .v-btn__overlay {
18268
18212
  opacity: var(--v-border-opacity);
18269
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18270
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18213
+ }.v-btn-group {
18214
+ display: inline-flex;
18215
+ flex-wrap: nowrap;
18216
+ max-width: 100%;
18217
+ min-width: 0;
18218
+ overflow: hidden;
18219
+ vertical-align: middle;
18220
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18221
+ border-style: solid;
18222
+ border-width: 0;
18223
+ 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));
18224
+ border-radius: 4px;
18225
+ background: transparent;
18226
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18271
18227
  }
18272
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18273
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18228
+ .v-btn-group--border {
18229
+ border-width: thin;
18230
+ box-shadow: none;
18274
18231
  }
18275
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18276
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18232
+ .v-btn-group--density-default.v-btn-group {
18233
+ height: 48px;
18277
18234
  }
18278
- @supports not selector(:focus-visible) {
18279
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18280
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18281
- }
18235
+
18236
+ .v-btn-group--density-comfortable.v-btn-group {
18237
+ height: 40px;
18238
+ }
18239
+
18240
+ .v-btn-group--density-compact.v-btn-group {
18241
+ height: 36px;
18242
+ }
18243
+
18244
+ .v-btn-group .v-btn {
18245
+ border-radius: 0;
18246
+ border-color: inherit;
18247
+ }
18248
+ .v-btn-group .v-btn:not(:last-child) {
18249
+ border-inline-end: none;
18250
+ }
18251
+ .v-btn-group .v-btn:not(:first-child) {
18252
+ border-inline-start: none;
18253
+ }
18254
+ .v-btn-group .v-btn:first-child {
18255
+ border-start-start-radius: inherit;
18256
+ border-end-start-radius: inherit;
18257
+ }
18258
+ .v-btn-group .v-btn:last-child {
18259
+ border-start-end-radius: inherit;
18260
+ border-end-end-radius: inherit;
18261
+ }
18262
+ .v-btn-group--divided .v-btn:not(:last-child) {
18263
+ border-inline-end-width: thin;
18264
+ border-inline-end-style: solid;
18265
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
18266
+ }
18267
+ .v-btn-group--tile {
18268
+ border-radius: 0;
18282
18269
  }.v-card {
18283
18270
  display: block;
18284
18271
  overflow: hidden;
@@ -18575,6 +18562,21 @@ html.overflow-y-hidden {
18575
18562
  pointer-events: none;
18576
18563
  opacity: 0;
18577
18564
  transition: opacity 0.2s ease-in-out;
18565
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18566
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18567
+ }
18568
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18569
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18570
+ }
18571
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18572
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18573
+ }
18574
+ @supports not selector(:focus-visible) {
18575
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18576
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18577
+ }
18578
+ }.v-checkbox .v-selection-control {
18579
+ min-height: var(--v-input-control-height);
18578
18580
  }.v-carousel {
18579
18581
  overflow: hidden;
18580
18582
  position: relative;
@@ -18638,6 +18640,24 @@ html.overflow-y-hidden {
18638
18640
  flex-direction: column;
18639
18641
  height: 100% !important;
18640
18642
  width: 50px;
18643
+ }.v-chip-group {
18644
+ display: flex;
18645
+ max-width: 100%;
18646
+ min-width: 0;
18647
+ overflow-x: auto;
18648
+ padding: 4px 0;
18649
+ }
18650
+ .v-chip-group .v-chip {
18651
+ margin: 4px 8px 4px 0;
18652
+ }
18653
+ .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
18654
+ opacity: var(--v-activated-opacity);
18655
+ }
18656
+
18657
+ .v-chip-group--column .v-slide-group__content {
18658
+ white-space: normal;
18659
+ flex-wrap: wrap;
18660
+ max-width: 100%;
18641
18661
  }.v-chip {
18642
18662
  align-items: center;
18643
18663
  cursor: default;
@@ -19046,26 +19066,6 @@ html.overflow-y-hidden {
19046
19066
 
19047
19067
  .v-chip--label {
19048
19068
  border-radius: 4px;
19049
- }.v-checkbox .v-selection-control {
19050
- min-height: var(--v-input-control-height);
19051
- }.v-chip-group {
19052
- display: flex;
19053
- max-width: 100%;
19054
- min-width: 0;
19055
- overflow-x: auto;
19056
- padding: 4px 0;
19057
- }
19058
- .v-chip-group .v-chip {
19059
- margin: 4px 8px 4px 0;
19060
- }
19061
- .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
19062
- opacity: var(--v-activated-opacity);
19063
- }
19064
-
19065
- .v-chip-group--column .v-slide-group__content {
19066
- white-space: normal;
19067
- flex-wrap: wrap;
19068
- max-width: 100%;
19069
19069
  }.v-container {
19070
19070
  width: 100%;
19071
19071
  padding: 16px;
@@ -19758,92 +19758,6 @@ html.overflow-y-hidden {
19758
19758
  }
19759
19759
  .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
19760
19760
  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19761
- }.v-combobox .v-field .v-text-field__prefix,
19762
- .v-combobox .v-field .v-text-field__suffix,
19763
- .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
19764
- cursor: text;
19765
- }
19766
- .v-combobox .v-field .v-field__input > input {
19767
- flex: 1 1;
19768
- }
19769
- .v-combobox .v-field input {
19770
- min-width: 64px;
19771
- }
19772
- .v-combobox .v-field:not(.v-field--focused) input {
19773
- min-width: 0;
19774
- }
19775
- .v-combobox .v-field--dirty .v-combobox__selection {
19776
- margin-inline-end: 2px;
19777
- }
19778
- .v-combobox .v-combobox__selection-text {
19779
- overflow: hidden;
19780
- text-overflow: ellipsis;
19781
- white-space: nowrap;
19782
- }
19783
-
19784
- .v-combobox__content {
19785
- overflow: hidden;
19786
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19787
- border-radius: 4px;
19788
- }
19789
- .v-combobox__mask {
19790
- background: rgb(var(--v-theme-surface-light));
19791
- }
19792
- .v-combobox__selection {
19793
- display: inline-flex;
19794
- align-items: center;
19795
- height: 1.5rem;
19796
- letter-spacing: inherit;
19797
- line-height: inherit;
19798
- max-width: calc(100% - 2px - 2px);
19799
- }
19800
- .v-combobox__selection:first-child {
19801
- margin-inline-start: 0;
19802
- }
19803
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
19804
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
19805
- .v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
19806
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
19807
- top: 0px;
19808
- }
19809
- .v-combobox--selecting-index .v-combobox__selection {
19810
- opacity: var(--v-medium-emphasis-opacity);
19811
- }
19812
- .v-combobox--selecting-index .v-combobox__selection--selected {
19813
- opacity: 1;
19814
- }
19815
- .v-combobox--selecting-index .v-field__input > input {
19816
- caret-color: transparent;
19817
- }
19818
- .v-combobox--single.v-text-field .v-field--focused input {
19819
- flex: 1 1;
19820
- position: absolute;
19821
- left: 0;
19822
- right: 0;
19823
- width: 100%;
19824
- padding-inline: inherit;
19825
- }
19826
- .v-combobox--single .v-field--active input {
19827
- transition: none;
19828
- }
19829
- .v-combobox--single .v-field--dirty:not(.v-field--focused) input {
19830
- opacity: 0;
19831
- }
19832
- .v-combobox--single .v-field--focused .v-combobox__selection {
19833
- opacity: 0;
19834
- }
19835
- .v-combobox__menu-icon {
19836
- margin-inline-start: 4px;
19837
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
19838
- }
19839
- .v-combobox--active-menu .v-combobox__menu-icon {
19840
- opacity: var(--v-high-emphasis-opacity);
19841
- transform: rotate(180deg);
19842
- }.v-counter {
19843
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
19844
- flex: 0 1 auto;
19845
- font-size: 12px;
19846
- transition-duration: 150ms;
19847
19761
  }.v-data-table {
19848
19762
  width: 100%;
19849
19763
  }
@@ -20012,229 +19926,92 @@ html.overflow-y-hidden {
20012
19926
 
20013
19927
  .v-data-table-footer__page {
20014
19928
  padding: 0 8px;
20015
- }.v-date-picker__input {
20016
- padding-top: 16px;
20017
- padding-left: 24px;
20018
- padding-right: 24px;
19929
+ }.v-counter {
19930
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
19931
+ flex: 0 1 auto;
19932
+ font-size: 12px;
19933
+ transition-duration: 150ms;
19934
+ }.v-combobox .v-field .v-text-field__prefix,
19935
+ .v-combobox .v-field .v-text-field__suffix,
19936
+ .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
19937
+ cursor: text;
20019
19938
  }
20020
-
20021
- .v-date-picker {
20022
- overflow: hidden;
20023
- width: 360px;
19939
+ .v-combobox .v-field .v-field__input > input {
19940
+ flex: 1 1;
20024
19941
  }
20025
- .v-date-picker--show-week {
20026
- width: 408px;
19942
+ .v-combobox .v-field input {
19943
+ min-width: 64px;
20027
19944
  }
20028
-
20029
- .v-date-picker-month {
20030
- padding: 0 12px 12px;
19945
+ .v-combobox .v-field:not(.v-field--focused) input {
19946
+ min-width: 0;
20031
19947
  }
20032
-
20033
- .v-date-picker-month__day {
20034
- height: 48px;
20035
- width: 48px;
19948
+ .v-combobox .v-field--dirty .v-combobox__selection {
19949
+ margin-inline-end: 2px;
20036
19950
  }
20037
- .v-date-picker-month__day .v-btn {
20038
- --v-btn-height: 28px;
20039
- --v-btn-size: 0.85rem;
20040
- }.v-date-picker-header {
20041
- display: grid;
20042
- grid-template-areas: "prepend content append";
20043
- grid-template-columns: min-content minmax(0, 1fr) min-content;
19951
+ .v-combobox .v-combobox__selection-text {
20044
19952
  overflow: hidden;
20045
- padding-inline: 24px 12px;
20046
- padding-bottom: 12px;
19953
+ text-overflow: ellipsis;
19954
+ white-space: nowrap;
20047
19955
  }
20048
19956
 
20049
- .v-date-picker-header__append {
20050
- grid-area: append;
19957
+ .v-combobox__content {
19958
+ overflow: hidden;
19959
+ box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19960
+ border-radius: 4px;
20051
19961
  }
20052
-
20053
- .v-date-picker-header__prepend {
20054
- grid-area: prepend;
20055
- padding-inline-start: 8px;
19962
+ .v-combobox__mask {
19963
+ background: rgb(var(--v-theme-surface-light));
20056
19964
  }
20057
-
20058
- .v-date-picker-header__content {
20059
- align-items: center;
19965
+ .v-combobox__selection {
20060
19966
  display: inline-flex;
20061
- font-size: 32px;
20062
- line-height: 40px;
20063
- grid-area: content;
20064
- justify-content: space-between;
20065
- }
20066
- .v-date-picker-header--clickable .v-date-picker-header__content {
20067
- cursor: pointer;
20068
- }
20069
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20070
- opacity: 0.7;
20071
- }
20072
-
20073
- .date-picker-header-transition-enter-active,
20074
- .date-picker-header-reverse-transition-enter-active {
20075
- transition-duration: 0.3s;
20076
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20077
- }
20078
- .date-picker-header-transition-leave-active,
20079
- .date-picker-header-reverse-transition-leave-active {
20080
- transition-duration: 0.3s;
20081
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20082
- }
20083
-
20084
- .date-picker-header-transition-enter-from {
20085
- transform: translate(0, 100%);
20086
- }
20087
- .date-picker-header-transition-leave-to {
20088
- opacity: 0;
20089
- transform: translate(0, -100%);
20090
- }
20091
-
20092
- .date-picker-header-reverse-transition-enter-from {
20093
- transform: translate(0, -100%);
20094
- }
20095
- .date-picker-header-reverse-transition-leave-to {
20096
- opacity: 0;
20097
- transform: translate(0, 100%);
20098
- }.v-date-picker-controls {
20099
- display: flex;
20100
19967
  align-items: center;
20101
- justify-content: space-between;
20102
- font-size: 0.875rem;
20103
- padding-top: 4px;
20104
- padding-bottom: 4px;
20105
- padding-inline-start: 6px;
20106
- padding-inline-end: 12px;
20107
- }
20108
- .v-date-picker-controls > .v-btn:first-child {
20109
- text-transform: none;
20110
- font-weight: 400;
20111
- line-height: initial;
20112
- letter-spacing: initial;
19968
+ height: 1.5rem;
19969
+ letter-spacing: inherit;
19970
+ line-height: inherit;
19971
+ max-width: calc(100% - 2px - 2px);
20113
19972
  }
20114
- .v-date-picker-controls--variant-classic {
20115
- padding-inline-start: 12px;
19973
+ .v-combobox__selection:first-child {
19974
+ margin-inline-start: 0;
20116
19975
  }
20117
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20118
- opacity: 0.7;
19976
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
19977
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
19978
+ .v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
19979
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
19980
+ top: 0px;
20119
19981
  }
20120
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20121
- cursor: pointer;
19982
+ .v-combobox--selecting-index .v-combobox__selection {
19983
+ opacity: var(--v-medium-emphasis-opacity);
20122
19984
  }
20123
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
19985
+ .v-combobox--selecting-index .v-combobox__selection--selected {
20124
19986
  opacity: 1;
20125
19987
  }
20126
- .v-date-picker-controls .v-btn:last-child {
20127
- margin-inline-start: 4px;
20128
- }
20129
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20130
- transform: rotate(180deg);
20131
- }
20132
-
20133
- .v-date-picker-controls__date {
20134
- margin-inline-end: 4px;
20135
- }
20136
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20137
- margin: auto;
20138
- text-align: center;
20139
- }
20140
-
20141
- .v-date-picker-controls__month {
20142
- display: flex;
20143
- }
20144
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20145
- flex-direction: row-reverse;
20146
- }
20147
-
20148
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20149
- flex: 1 0 auto;
20150
- }
20151
-
20152
- .v-date-picker__title {
20153
- display: inline-block;
20154
- }.v-date-picker-months {
20155
- height: 320px;
20156
- overflow-y: scroll;
20157
- }
20158
-
20159
- .v-date-picker-months__content {
20160
- align-items: center;
20161
- display: grid;
20162
- flex: 1 1;
20163
- height: inherit;
20164
- justify-content: space-around;
20165
- grid-template-columns: repeat(2, 1fr);
20166
- grid-gap: 4px 24px;
20167
- padding-inline-start: 36px;
20168
- padding-inline-end: 36px;
20169
- }
20170
- .v-date-picker-months__content .v-btn {
20171
- text-transform: none;
20172
- padding-inline-start: 8px;
20173
- padding-inline-end: 8px;
20174
- }.v-date-picker-years {
20175
- height: 320px;
20176
- overflow-y: scroll;
20177
- }
20178
-
20179
- .v-date-picker-years__content {
20180
- display: grid;
20181
- flex: 1 1;
20182
- justify-content: space-around;
20183
- grid-template-columns: repeat(3, 1fr);
20184
- gap: 8px 24px;
20185
- padding-inline: 36px;
20186
- }
20187
- .v-date-picker-years__content .v-btn {
20188
- padding-inline: 8px;
20189
- }.v-date-picker-month {
20190
- display: flex;
20191
- justify-content: center;
20192
- min-width: 328px;
20193
- --v-date-picker-month-day-diff: 4px;
20194
- }
20195
-
20196
- .v-date-picker-month__weeks {
20197
- display: grid;
20198
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20199
- row-gap: 4px;
20200
- font-size: 0.875rem;
20201
- }
20202
- .v-date-picker-month__weeks + .v-date-picker-month__days {
20203
- grid-row-gap: 0;
20204
- }
20205
-
20206
- .v-date-picker-month__weekday {
20207
- font-size: 0.875rem;
19988
+ .v-combobox--selecting-index .v-field__input > input {
19989
+ caret-color: transparent;
20208
19990
  }
20209
-
20210
- .v-date-picker-month__days {
20211
- display: grid;
20212
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20213
- row-gap: 4px;
19991
+ .v-combobox--single.v-text-field .v-field--focused input {
20214
19992
  flex: 1 1;
20215
- justify-content: space-around;
19993
+ position: absolute;
19994
+ left: 0;
19995
+ right: 0;
19996
+ width: 100%;
19997
+ padding-inline: inherit;
20216
19998
  }
20217
-
20218
- .v-date-picker-month__day {
20219
- align-items: center;
20220
- display: flex;
20221
- justify-content: center;
20222
- position: relative;
19999
+ .v-combobox--single .v-field--active input {
20000
+ transition: none;
20223
20001
  }
20224
- .v-date-picker-month__day--selected .v-btn {
20225
- background-color: rgb(var(--v-theme-surface-variant));
20226
- color: rgb(var(--v-theme-on-surface-variant));
20002
+ .v-combobox--single .v-field--dirty:not(.v-field--focused) input {
20003
+ opacity: 0;
20227
20004
  }
20228
- .v-date-picker-month__day--week {
20229
- font-size: var(--v-btn-size);
20005
+ .v-combobox--single .v-field--focused .v-combobox__selection {
20006
+ opacity: 0;
20230
20007
  }
20231
-
20232
- .v-date-picker-month__day--adjacent {
20233
- opacity: 0.5;
20008
+ .v-combobox__menu-icon {
20009
+ margin-inline-start: 4px;
20010
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
20234
20011
  }
20235
-
20236
- .v-date-picker-month__day--hide-adjacent {
20237
- opacity: 0;
20012
+ .v-combobox--active-menu .v-combobox__menu-icon {
20013
+ opacity: var(--v-high-emphasis-opacity);
20014
+ transform: rotate(180deg);
20238
20015
  }.v-dialog {
20239
20016
  align-items: center;
20240
20017
  justify-content: center;
@@ -20323,234 +20100,258 @@ html.overflow-y-hidden {
20323
20100
  -webkit-backface-visibility: hidden;
20324
20101
  backface-visibility: hidden;
20325
20102
  overflow-y: auto;
20326
- }.v-divider {
20327
- display: block;
20328
- flex: 1 1 100%;
20329
- height: 0px;
20330
- max-height: 0px;
20331
- opacity: var(--v-border-opacity);
20332
- transition: inherit;
20333
- border-style: solid;
20334
- border-width: thin 0 0 0;
20103
+ }.v-date-picker__input {
20104
+ padding-top: 16px;
20105
+ padding-left: 24px;
20106
+ padding-right: 24px;
20335
20107
  }
20336
- .v-divider--vertical {
20337
- align-self: stretch;
20338
- border-width: 0 thin 0 0;
20339
- display: inline-flex;
20340
- height: inherit;
20341
- margin-left: -1px;
20342
- max-height: 100%;
20343
- max-width: 0px;
20344
- vertical-align: text-bottom;
20345
- width: 0px;
20108
+
20109
+ .v-date-picker {
20110
+ overflow: hidden;
20111
+ width: 360px;
20346
20112
  }
20347
- .v-divider--inset:not(.v-divider--vertical) {
20348
- max-width: calc(100% - 72px);
20349
- margin-inline-start: 72px;
20113
+ .v-date-picker--show-week {
20114
+ width: 408px;
20350
20115
  }
20351
- .v-divider--inset.v-divider--vertical {
20352
- margin-bottom: 8px;
20353
- margin-top: 8px;
20354
- max-height: calc(100% - 16px);
20355
- }.v-expansion-panel {
20356
- background-color: rgb(var(--v-theme-surface));
20357
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20116
+
20117
+ .v-date-picker-month {
20118
+ padding: 0 12px 12px;
20358
20119
  }
20359
- .v-expansion-panel:not(:first-child)::after {
20360
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20120
+
20121
+ .v-date-picker-month__day {
20122
+ height: 48px;
20123
+ width: 48px;
20361
20124
  }
20362
- .v-expansion-panel--disabled .v-expansion-panel-title {
20363
- color: rgba(var(--v-theme-on-surface), 0.26);
20125
+ .v-date-picker-month__day .v-btn {
20126
+ --v-btn-height: 28px;
20127
+ --v-btn-size: 0.85rem;
20128
+ }.v-date-picker-month {
20129
+ display: flex;
20130
+ justify-content: center;
20131
+ min-width: 328px;
20132
+ --v-date-picker-month-day-diff: 4px;
20364
20133
  }
20365
- .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
20366
- opacity: 0.4615384615;
20134
+
20135
+ .v-date-picker-month__weeks {
20136
+ display: grid;
20137
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20138
+ row-gap: 4px;
20139
+ font-size: 0.875rem;
20140
+ }
20141
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
20142
+ grid-row-gap: 0;
20367
20143
  }
20368
20144
 
20369
- .v-expansion-panels {
20145
+ .v-date-picker-month__weekday {
20146
+ font-size: 0.875rem;
20147
+ }
20148
+
20149
+ .v-date-picker-month__days {
20150
+ display: grid;
20151
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20152
+ row-gap: 4px;
20153
+ flex: 1 1;
20154
+ justify-content: space-around;
20155
+ }
20156
+
20157
+ .v-date-picker-month__day {
20158
+ align-items: center;
20370
20159
  display: flex;
20371
- flex-wrap: wrap;
20372
20160
  justify-content: center;
20373
- list-style-type: none;
20374
- padding: 0;
20375
- width: 100%;
20376
20161
  position: relative;
20377
- z-index: 1;
20378
20162
  }
20379
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20380
- border-bottom-left-radius: 0 !important;
20381
- border-bottom-right-radius: 0 !important;
20163
+ .v-date-picker-month__day--selected .v-btn {
20164
+ background-color: rgb(var(--v-theme-surface-variant));
20165
+ color: rgb(var(--v-theme-on-surface-variant));
20382
20166
  }
20383
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
20384
- border-top-left-radius: 0 !important;
20385
- border-top-right-radius: 0 !important;
20167
+ .v-date-picker-month__day--week {
20168
+ font-size: var(--v-btn-size);
20386
20169
  }
20387
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20388
- border-bottom-left-radius: 0 !important;
20389
- border-bottom-right-radius: 0 !important;
20170
+
20171
+ .v-date-picker-month__day--adjacent {
20172
+ opacity: 0.5;
20390
20173
  }
20391
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :last-child:not(:first-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
20392
- border-top-left-radius: 0 !important;
20393
- border-top-right-radius: 0 !important;
20174
+
20175
+ .v-date-picker-month__day--hide-adjacent {
20176
+ opacity: 0;
20177
+ }.v-date-picker-header {
20178
+ display: grid;
20179
+ grid-template-areas: "prepend content append";
20180
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
20181
+ overflow: hidden;
20182
+ padding-inline: 24px 12px;
20183
+ padding-bottom: 12px;
20394
20184
  }
20395
- .v-expansion-panels--variant-accordion > :first-child {
20396
- border-bottom-left-radius: 0 !important;
20397
- border-bottom-right-radius: 0 !important;
20185
+
20186
+ .v-date-picker-header__append {
20187
+ grid-area: append;
20398
20188
  }
20399
- .v-expansion-panels--variant-accordion > :last-child {
20400
- border-top-left-radius: 0 !important;
20401
- border-top-right-radius: 0 !important;
20189
+
20190
+ .v-date-picker-header__prepend {
20191
+ grid-area: prepend;
20192
+ padding-inline-start: 8px;
20402
20193
  }
20403
- .v-expansion-panels--variant-accordion > :last-child .v-expansion-panel-title--active {
20404
- border-bottom-left-radius: initial;
20405
- border-bottom-right-radius: initial;
20194
+
20195
+ .v-date-picker-header__content {
20196
+ align-items: center;
20197
+ display: inline-flex;
20198
+ font-size: 32px;
20199
+ line-height: 40px;
20200
+ grid-area: content;
20201
+ justify-content: space-between;
20406
20202
  }
20407
- .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
20408
- border-radius: 0 !important;
20203
+ .v-date-picker-header--clickable .v-date-picker-header__content {
20204
+ cursor: pointer;
20409
20205
  }
20410
- .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
20411
- transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
20206
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20207
+ opacity: 0.7;
20412
20208
  }
20413
20209
 
20414
- .v-expansion-panel {
20415
- flex: 1 0 100%;
20416
- max-width: 100%;
20417
- position: relative;
20418
- transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
20419
- transition-property: margin-top, border-radius, border, max-width;
20420
- border-radius: 4px;
20421
- }
20422
- .v-expansion-panel:not(:first-child)::after {
20423
- border-top-style: solid;
20424
- border-top-width: thin;
20425
- content: "";
20426
- left: 0;
20427
- position: absolute;
20428
- right: 0;
20429
- top: 0;
20430
- transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
20210
+ .date-picker-header-transition-enter-active,
20211
+ .date-picker-header-reverse-transition-enter-active {
20212
+ transition-duration: 0.3s;
20213
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20431
20214
  }
20432
- .v-expansion-panel--disabled .v-expansion-panel-title {
20433
- pointer-events: none;
20215
+ .date-picker-header-transition-leave-active,
20216
+ .date-picker-header-reverse-transition-leave-active {
20217
+ transition-duration: 0.3s;
20218
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20434
20219
  }
20435
- .v-expansion-panel--active:not(:first-child),
20436
- .v-expansion-panel--active + .v-expansion-panel {
20437
- margin-top: 16px;
20220
+
20221
+ .date-picker-header-transition-enter-from {
20222
+ transform: translate(0, 100%);
20438
20223
  }
20439
- .v-expansion-panel--active:not(:first-child)::after,
20440
- .v-expansion-panel--active + .v-expansion-panel::after {
20224
+ .date-picker-header-transition-leave-to {
20441
20225
  opacity: 0;
20442
- }
20443
- .v-expansion-panel--active > .v-expansion-panel-title {
20444
- border-bottom-left-radius: 0;
20445
- border-bottom-right-radius: 0;
20446
- }
20447
- .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
20448
- min-height: 64px;
20226
+ transform: translate(0, -100%);
20449
20227
  }
20450
20228
 
20451
- .v-expansion-panel__shadow {
20452
- position: absolute;
20453
- top: 0;
20454
- left: 0;
20455
- width: 100%;
20456
- height: 100%;
20457
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20458
- border-radius: inherit;
20459
- z-index: -1;
20229
+ .date-picker-header-reverse-transition-enter-from {
20230
+ transform: translate(0, -100%);
20460
20231
  }
20461
-
20462
- .v-expansion-panel-title {
20463
- align-items: center;
20464
- text-align: start;
20465
- border-radius: inherit;
20232
+ .date-picker-header-reverse-transition-leave-to {
20233
+ opacity: 0;
20234
+ transform: translate(0, 100%);
20235
+ }.v-date-picker-controls {
20466
20236
  display: flex;
20467
- font-size: 0.9375rem;
20468
- line-height: 1;
20469
- min-height: 48px;
20470
- outline: none;
20471
- padding: 16px 24px;
20472
- position: relative;
20473
- transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
20474
- width: 100%;
20237
+ align-items: center;
20475
20238
  justify-content: space-between;
20239
+ font-size: 0.875rem;
20240
+ padding-top: 4px;
20241
+ padding-bottom: 4px;
20242
+ padding-inline-start: 6px;
20243
+ padding-inline-end: 12px;
20476
20244
  }
20477
- .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
20478
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
20479
- }
20480
- .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
20481
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20482
- }
20483
- @supports not selector(:focus-visible) {
20484
- .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
20485
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20486
- }
20245
+ .v-date-picker-controls > .v-btn:first-child {
20246
+ text-transform: none;
20247
+ font-weight: 400;
20248
+ line-height: initial;
20249
+ letter-spacing: initial;
20487
20250
  }
20488
- .v-expansion-panel-title--active > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true] > .v-expansion-panel-title__overlay {
20489
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
20251
+ .v-date-picker-controls--variant-classic {
20252
+ padding-inline-start: 12px;
20490
20253
  }
20491
- .v-expansion-panel-title--active:hover > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:hover > .v-expansion-panel-title__overlay {
20492
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20254
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20255
+ opacity: 0.7;
20493
20256
  }
20494
- .v-expansion-panel-title--active:focus-visible > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-expansion-panel-title__overlay {
20495
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20257
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20258
+ cursor: pointer;
20496
20259
  }
20497
- @supports not selector(:focus-visible) {
20498
- .v-expansion-panel-title--active:focus > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus > .v-expansion-panel-title__overlay {
20499
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20500
- }
20260
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20261
+ opacity: 1;
20501
20262
  }
20502
- .v-expansion-panel-title--active::before {
20503
- opacity: 0.12;
20263
+ .v-date-picker-controls .v-btn:last-child {
20264
+ margin-inline-start: 4px;
20504
20265
  }
20505
-
20506
- .v-expansion-panel-title__overlay {
20507
- position: absolute;
20508
- top: 0;
20509
- left: 0;
20510
- width: 100%;
20511
- height: 100%;
20512
- background-color: currentColor;
20513
- border-radius: inherit;
20514
- opacity: 0;
20266
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20267
+ transform: rotate(180deg);
20515
20268
  }
20516
-
20517
- .v-expansion-panel-title__icon {
20518
- display: inline-flex;
20519
- margin-bottom: -4px;
20520
- margin-top: -4px;
20521
- -webkit-user-select: none;
20522
- user-select: none;
20523
- margin-inline-start: auto;
20269
+
20270
+ .v-date-picker-controls__date {
20271
+ margin-inline-end: 4px;
20272
+ }
20273
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20274
+ margin: auto;
20275
+ text-align: center;
20524
20276
  }
20525
20277
 
20526
- .v-expansion-panel-text {
20278
+ .v-date-picker-controls__month {
20527
20279
  display: flex;
20528
20280
  }
20529
- .v-expansion-panel-text__wrapper {
20530
- padding: 8px 24px 16px;
20531
- flex: 1 1 auto;
20532
- max-width: 100%;
20281
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20282
+ flex-direction: row-reverse;
20533
20283
  }
20534
20284
 
20535
- .v-expansion-panels--variant-accordion > .v-expansion-panel {
20536
- margin-top: 0;
20285
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20286
+ flex: 1 0 auto;
20537
20287
  }
20538
- .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
20539
- opacity: 1;
20288
+
20289
+ .v-date-picker__title {
20290
+ display: inline-block;
20291
+ }.v-date-picker-months {
20292
+ height: 320px;
20293
+ overflow-y: scroll;
20540
20294
  }
20541
20295
 
20542
- .v-expansion-panels--variant-popout > .v-expansion-panel {
20543
- max-width: calc(100% - 32px);
20296
+ .v-date-picker-months__content {
20297
+ align-items: center;
20298
+ display: grid;
20299
+ flex: 1 1;
20300
+ height: inherit;
20301
+ justify-content: space-around;
20302
+ grid-template-columns: repeat(2, 1fr);
20303
+ grid-gap: 4px 24px;
20304
+ padding-inline-start: 36px;
20305
+ padding-inline-end: 36px;
20544
20306
  }
20545
- .v-expansion-panels--variant-popout > .v-expansion-panel--active {
20546
- max-width: calc(100% + 16px);
20307
+ .v-date-picker-months__content .v-btn {
20308
+ text-transform: none;
20309
+ padding-inline-start: 8px;
20310
+ padding-inline-end: 8px;
20311
+ }.v-date-picker-years {
20312
+ height: 320px;
20313
+ overflow-y: scroll;
20547
20314
  }
20548
20315
 
20549
- .v-expansion-panels--variant-inset > .v-expansion-panel {
20550
- max-width: 100%;
20316
+ .v-date-picker-years__content {
20317
+ display: grid;
20318
+ flex: 1 1;
20319
+ justify-content: space-around;
20320
+ grid-template-columns: repeat(3, 1fr);
20321
+ gap: 8px 24px;
20322
+ padding-inline: 36px;
20551
20323
  }
20552
- .v-expansion-panels--variant-inset > .v-expansion-panel--active {
20553
- max-width: calc(100% - 32px);
20324
+ .v-date-picker-years__content .v-btn {
20325
+ padding-inline: 8px;
20326
+ }.v-divider {
20327
+ display: block;
20328
+ flex: 1 1 100%;
20329
+ height: 0px;
20330
+ max-height: 0px;
20331
+ opacity: var(--v-border-opacity);
20332
+ transition: inherit;
20333
+ border-style: solid;
20334
+ border-width: thin 0 0 0;
20335
+ }
20336
+ .v-divider--vertical {
20337
+ align-self: stretch;
20338
+ border-width: 0 thin 0 0;
20339
+ display: inline-flex;
20340
+ height: inherit;
20341
+ margin-left: -1px;
20342
+ max-height: 100%;
20343
+ max-width: 0px;
20344
+ vertical-align: text-bottom;
20345
+ width: 0px;
20346
+ }
20347
+ .v-divider--inset:not(.v-divider--vertical) {
20348
+ max-width: calc(100% - 72px);
20349
+ margin-inline-start: 72px;
20350
+ }
20351
+ .v-divider--inset.v-divider--vertical {
20352
+ margin-bottom: 8px;
20353
+ margin-top: 8px;
20354
+ max-height: calc(100% - 16px);
20554
20355
  }/* region INPUT */
20555
20356
  .v-field {
20556
20357
  display: grid;
@@ -21076,50 +20877,229 @@ textarea.v-field__input::placeholder {
21076
20877
  opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21077
20878
  }
21078
20879
  }
21079
- .v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
21080
- background-color: rgb(var(--v-theme-surface-variant));
21081
- opacity: 1;
20880
+ .v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
20881
+ background-color: rgb(var(--v-theme-surface-variant));
20882
+ opacity: 1;
20883
+ }
20884
+
20885
+ /* endregion */
20886
+ /* region MODIFIERS */
20887
+ .v-field--reverse .v-field__field, .v-field--reverse .v-field__input {
20888
+ flex-direction: row-reverse;
20889
+ }
20890
+ .v-field--reverse .v-field__input, .v-field--reverse input {
20891
+ text-align: end;
20892
+ }
20893
+
20894
+ .v-input--disabled .v-field--variant-filled .v-field__outline::before,
20895
+ .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
20896
+ border-image: repeating-linear-gradient(to right, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 0px, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 2px, transparent 2px, transparent 4px) 1 repeat;
20897
+ }
20898
+
20899
+ .v-field--loading .v-field__outline::after,
20900
+ .v-field--loading .v-field__outline::before {
20901
+ opacity: 0;
20902
+ }
20903
+
20904
+ /* endregion */.v-expansion-panel {
20905
+ background-color: rgb(var(--v-theme-surface));
20906
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20907
+ }
20908
+ .v-expansion-panel:not(:first-child)::after {
20909
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20910
+ }
20911
+ .v-expansion-panel--disabled .v-expansion-panel-title {
20912
+ color: rgba(var(--v-theme-on-surface), 0.26);
20913
+ }
20914
+ .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
20915
+ opacity: 0.4615384615;
20916
+ }
20917
+
20918
+ .v-expansion-panels {
20919
+ display: flex;
20920
+ flex-wrap: wrap;
20921
+ justify-content: center;
20922
+ list-style-type: none;
20923
+ padding: 0;
20924
+ width: 100%;
20925
+ position: relative;
20926
+ z-index: 1;
20927
+ }
20928
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20929
+ border-bottom-left-radius: 0 !important;
20930
+ border-bottom-right-radius: 0 !important;
20931
+ }
20932
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
20933
+ border-top-left-radius: 0 !important;
20934
+ border-top-right-radius: 0 !important;
20935
+ }
20936
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20937
+ border-bottom-left-radius: 0 !important;
20938
+ border-bottom-right-radius: 0 !important;
20939
+ }
20940
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :last-child:not(:first-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
20941
+ border-top-left-radius: 0 !important;
20942
+ border-top-right-radius: 0 !important;
20943
+ }
20944
+ .v-expansion-panels--variant-accordion > :first-child {
20945
+ border-bottom-left-radius: 0 !important;
20946
+ border-bottom-right-radius: 0 !important;
20947
+ }
20948
+ .v-expansion-panels--variant-accordion > :last-child {
20949
+ border-top-left-radius: 0 !important;
20950
+ border-top-right-radius: 0 !important;
20951
+ }
20952
+ .v-expansion-panels--variant-accordion > :last-child .v-expansion-panel-title--active {
20953
+ border-bottom-left-radius: initial;
20954
+ border-bottom-right-radius: initial;
20955
+ }
20956
+ .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
20957
+ border-radius: 0 !important;
20958
+ }
20959
+ .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
20960
+ transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
20961
+ }
20962
+
20963
+ .v-expansion-panel {
20964
+ flex: 1 0 100%;
20965
+ max-width: 100%;
20966
+ position: relative;
20967
+ transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
20968
+ transition-property: margin-top, border-radius, border, max-width;
20969
+ border-radius: 4px;
20970
+ }
20971
+ .v-expansion-panel:not(:first-child)::after {
20972
+ border-top-style: solid;
20973
+ border-top-width: thin;
20974
+ content: "";
20975
+ left: 0;
20976
+ position: absolute;
20977
+ right: 0;
20978
+ top: 0;
20979
+ transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
20980
+ }
20981
+ .v-expansion-panel--disabled .v-expansion-panel-title {
20982
+ pointer-events: none;
20983
+ }
20984
+ .v-expansion-panel--active:not(:first-child),
20985
+ .v-expansion-panel--active + .v-expansion-panel {
20986
+ margin-top: 16px;
20987
+ }
20988
+ .v-expansion-panel--active:not(:first-child)::after,
20989
+ .v-expansion-panel--active + .v-expansion-panel::after {
20990
+ opacity: 0;
20991
+ }
20992
+ .v-expansion-panel--active > .v-expansion-panel-title {
20993
+ border-bottom-left-radius: 0;
20994
+ border-bottom-right-radius: 0;
20995
+ }
20996
+ .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
20997
+ min-height: 64px;
20998
+ }
20999
+
21000
+ .v-expansion-panel__shadow {
21001
+ position: absolute;
21002
+ top: 0;
21003
+ left: 0;
21004
+ width: 100%;
21005
+ height: 100%;
21006
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21007
+ border-radius: inherit;
21008
+ z-index: -1;
21009
+ }
21010
+
21011
+ .v-expansion-panel-title {
21012
+ align-items: center;
21013
+ text-align: start;
21014
+ border-radius: inherit;
21015
+ display: flex;
21016
+ font-size: 0.9375rem;
21017
+ line-height: 1;
21018
+ min-height: 48px;
21019
+ outline: none;
21020
+ padding: 16px 24px;
21021
+ position: relative;
21022
+ transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
21023
+ width: 100%;
21024
+ justify-content: space-between;
21025
+ }
21026
+ .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
21027
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
21028
+ }
21029
+ .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
21030
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21031
+ }
21032
+ @supports not selector(:focus-visible) {
21033
+ .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
21034
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21035
+ }
21036
+ }
21037
+ .v-expansion-panel-title--active > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true] > .v-expansion-panel-title__overlay {
21038
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
21039
+ }
21040
+ .v-expansion-panel-title--active:hover > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:hover > .v-expansion-panel-title__overlay {
21041
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21042
+ }
21043
+ .v-expansion-panel-title--active:focus-visible > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-expansion-panel-title__overlay {
21044
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21045
+ }
21046
+ @supports not selector(:focus-visible) {
21047
+ .v-expansion-panel-title--active:focus > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus > .v-expansion-panel-title__overlay {
21048
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21049
+ }
21050
+ }
21051
+ .v-expansion-panel-title--active::before {
21052
+ opacity: 0.12;
21082
21053
  }
21083
21054
 
21084
- /* endregion */
21085
- /* region MODIFIERS */
21086
- .v-field--reverse .v-field__field, .v-field--reverse .v-field__input {
21087
- flex-direction: row-reverse;
21055
+ .v-expansion-panel-title__overlay {
21056
+ position: absolute;
21057
+ top: 0;
21058
+ left: 0;
21059
+ width: 100%;
21060
+ height: 100%;
21061
+ background-color: currentColor;
21062
+ border-radius: inherit;
21063
+ opacity: 0;
21088
21064
  }
21089
- .v-field--reverse .v-field__input, .v-field--reverse input {
21090
- text-align: end;
21065
+
21066
+ .v-expansion-panel-title__icon {
21067
+ display: inline-flex;
21068
+ margin-bottom: -4px;
21069
+ margin-top: -4px;
21070
+ -webkit-user-select: none;
21071
+ user-select: none;
21072
+ margin-inline-start: auto;
21091
21073
  }
21092
21074
 
21093
- .v-input--disabled .v-field--variant-filled .v-field__outline::before,
21094
- .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
21095
- border-image: repeating-linear-gradient(to right, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 0px, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 2px, transparent 2px, transparent 4px) 1 repeat;
21075
+ .v-expansion-panel-text {
21076
+ display: flex;
21077
+ }
21078
+ .v-expansion-panel-text__wrapper {
21079
+ padding: 8px 24px 16px;
21080
+ flex: 1 1 auto;
21081
+ max-width: 100%;
21096
21082
  }
21097
21083
 
21098
- .v-field--loading .v-field__outline::after,
21099
- .v-field--loading .v-field__outline::before {
21100
- opacity: 0;
21084
+ .v-expansion-panels--variant-accordion > .v-expansion-panel {
21085
+ margin-top: 0;
21086
+ }
21087
+ .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
21088
+ opacity: 1;
21101
21089
  }
21102
21090
 
21103
- /* endregion */.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21104
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21105
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21106
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21107
- top: 0px;
21091
+ .v-expansion-panels--variant-popout > .v-expansion-panel {
21092
+ max-width: calc(100% - 32px);
21108
21093
  }
21109
- .v-file-input input[type=file] {
21110
- height: 100%;
21111
- left: 0;
21112
- opacity: 0;
21113
- position: absolute;
21114
- top: 0;
21115
- width: 100%;
21116
- z-index: 1;
21094
+ .v-expansion-panels--variant-popout > .v-expansion-panel--active {
21095
+ max-width: calc(100% + 16px);
21117
21096
  }
21118
- .v-file-input .v-input__details {
21119
- padding-inline: 16px;
21097
+
21098
+ .v-expansion-panels--variant-inset > .v-expansion-panel {
21099
+ max-width: 100%;
21120
21100
  }
21121
- .v-input--plain-underlined.v-file-input .v-input__details {
21122
- padding-inline: 0;
21101
+ .v-expansion-panels--variant-inset > .v-expansion-panel--active {
21102
+ max-width: calc(100% - 32px);
21123
21103
  }.v-footer {
21124
21104
  align-items: center;
21125
21105
  display: flex;
@@ -21148,6 +21128,62 @@ textarea.v-field__input::placeholder {
21148
21128
  }
21149
21129
  .v-footer--rounded {
21150
21130
  border-radius: 4px;
21131
+ }.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21132
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21133
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21134
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21135
+ top: 0px;
21136
+ }
21137
+ .v-file-input input[type=file] {
21138
+ height: 100%;
21139
+ left: 0;
21140
+ opacity: 0;
21141
+ position: absolute;
21142
+ top: 0;
21143
+ width: 100%;
21144
+ z-index: 1;
21145
+ }
21146
+ .v-file-input .v-input__details {
21147
+ padding-inline: 16px;
21148
+ }
21149
+ .v-input--plain-underlined.v-file-input .v-input__details {
21150
+ padding-inline: 0;
21151
+ }.v-img {
21152
+ --v-theme-overlay-multiplier: 3;
21153
+ z-index: 0;
21154
+ }
21155
+ .v-img--booting .v-responsive__sizer {
21156
+ transition: none;
21157
+ }
21158
+ .v-img--rounded {
21159
+ border-radius: 4px;
21160
+ }
21161
+
21162
+ .v-img__img,
21163
+ .v-img__picture,
21164
+ .v-img__gradient,
21165
+ .v-img__placeholder,
21166
+ .v-img__error {
21167
+ z-index: -1;
21168
+ position: absolute;
21169
+ top: 0;
21170
+ left: 0;
21171
+ width: 100%;
21172
+ height: 100%;
21173
+ }
21174
+
21175
+ .v-img__img--preload {
21176
+ filter: blur(4px);
21177
+ }
21178
+ .v-img__img--contain {
21179
+ object-fit: contain;
21180
+ }
21181
+ .v-img__img--cover {
21182
+ object-fit: cover;
21183
+ }
21184
+
21185
+ .v-img__gradient {
21186
+ background-repeat: no-repeat;
21151
21187
  }.v-icon {
21152
21188
  --v-icon-size-multiplier: 1;
21153
21189
  align-items: center;
@@ -21197,42 +21233,6 @@ textarea.v-field__input::placeholder {
21197
21233
 
21198
21234
  .v-icon--end {
21199
21235
  margin-inline-start: 8px;
21200
- }.v-img {
21201
- --v-theme-overlay-multiplier: 3;
21202
- z-index: 0;
21203
- }
21204
- .v-img--booting .v-responsive__sizer {
21205
- transition: none;
21206
- }
21207
- .v-img--rounded {
21208
- border-radius: 4px;
21209
- }
21210
-
21211
- .v-img__img,
21212
- .v-img__picture,
21213
- .v-img__gradient,
21214
- .v-img__placeholder,
21215
- .v-img__error {
21216
- z-index: -1;
21217
- position: absolute;
21218
- top: 0;
21219
- left: 0;
21220
- width: 100%;
21221
- height: 100%;
21222
- }
21223
-
21224
- .v-img__img--preload {
21225
- filter: blur(4px);
21226
- }
21227
- .v-img__img--contain {
21228
- object-fit: contain;
21229
- }
21230
- .v-img__img--cover {
21231
- object-fit: cover;
21232
- }
21233
-
21234
- .v-img__gradient {
21235
- background-repeat: no-repeat;
21236
21236
  }.v-infinite-scroll--horizontal {
21237
21237
  display: flex;
21238
21238
  flex-direction: row;
@@ -21405,122 +21405,36 @@ textarea.v-field__input::placeholder {
21405
21405
  max-width: 100%;
21406
21406
  position: relative;
21407
21407
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21408
- }.v-layout {
21409
- --v-scrollbar-offset: 0px;
21410
- display: flex;
21411
- flex: 1 1 auto;
21412
- }
21413
- .v-layout--full-height {
21414
- --v-scrollbar-offset: inherit;
21415
- height: 100%;
21416
- }.v-layout-item {
21417
- position: absolute;
21418
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21419
- }
21420
-
21421
- .v-layout-item--absolute {
21422
- position: absolute;
21423
- }.v-list {
21424
- overflow: auto;
21425
- padding: 8px 0;
21426
- position: relative;
21427
- outline: none;
21428
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21429
- border-style: solid;
21430
- border-width: 0;
21431
- 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));
21432
- border-radius: 0;
21433
- background: rgba(var(--v-theme-surface));
21434
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21435
- }
21436
- .v-list--border {
21437
- border-width: thin;
21438
- box-shadow: none;
21439
- }
21440
- .v-list--disabled {
21441
- pointer-events: none;
21442
- -webkit-user-select: none;
21443
- user-select: none;
21444
- }
21445
- .v-list--nav {
21446
- padding-inline: 8px;
21447
- }
21448
- .v-list--rounded {
21449
- border-radius: 4px;
21450
- }
21451
- .v-list--subheader {
21452
- padding-top: 0;
21453
- }
21454
-
21455
- .v-list-img {
21456
- border-radius: inherit;
21457
- display: flex;
21458
- height: 100%;
21459
- left: 0;
21460
- overflow: hidden;
21461
- position: absolute;
21462
- top: 0;
21463
- width: 100%;
21464
- z-index: -1;
21465
- }
21466
-
21467
- .v-list-subheader {
21408
+ }.v-label {
21468
21409
  align-items: center;
21469
- background: inherit;
21470
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
21471
- display: flex;
21472
- font-size: 0.875rem;
21473
- font-weight: 400;
21474
- line-height: 1.375rem;
21475
- padding-inline-end: 16px;
21476
- min-height: 40px;
21477
- transition: 0.2s min-height cubic-bezier(0.4, 0, 0.2, 1);
21478
- }
21479
- .v-list-subheader__text {
21480
- overflow: hidden;
21481
- text-overflow: ellipsis;
21482
- white-space: nowrap;
21483
- }
21484
- .v-list--density-default .v-list-subheader {
21485
- min-height: 40px;
21486
- padding-inline-start: calc(16px + var(--indent-padding)) !important;
21487
- }
21488
-
21489
- .v-list--density-comfortable .v-list-subheader {
21490
- min-height: 36px;
21491
- padding-inline-start: calc(16px + var(--indent-padding)) !important;
21492
- }
21493
-
21494
- .v-list--density-compact .v-list-subheader {
21495
- min-height: 32px;
21496
- padding-inline-start: calc(16px + var(--indent-padding)) !important;
21410
+ color: inherit;
21411
+ display: inline-flex;
21412
+ font-size: 1rem;
21413
+ letter-spacing: 0.009375em;
21414
+ min-width: 0;
21415
+ opacity: var(--v-medium-emphasis-opacity);
21416
+ overflow: hidden;
21417
+ text-overflow: ellipsis;
21418
+ white-space: nowrap;
21497
21419
  }
21498
21420
 
21499
- .v-list-subheader--inset {
21500
- --indent-padding: 56px;
21501
- }
21502
- .v-list--nav .v-list-subheader {
21503
- font-size: 0.75rem;
21504
- }
21505
- .v-list-subheader--sticky {
21506
- background: inherit;
21507
- left: 0;
21508
- position: sticky;
21509
- top: 0;
21510
- z-index: 1;
21421
+ .v-label--clickable {
21422
+ cursor: pointer;
21423
+ }.v-layout-item {
21424
+ position: absolute;
21425
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21511
21426
  }
21512
21427
 
21513
- .v-list__overlay {
21514
- background-color: currentColor;
21515
- border-radius: inherit;
21516
- bottom: 0;
21517
- left: 0;
21518
- opacity: 0;
21519
- pointer-events: none;
21428
+ .v-layout-item--absolute {
21520
21429
  position: absolute;
21521
- right: 0;
21522
- top: 0;
21523
- transition: opacity 0.2s ease-in-out;
21430
+ }.v-layout {
21431
+ --v-scrollbar-offset: 0px;
21432
+ display: flex;
21433
+ flex: 1 1 auto;
21434
+ }
21435
+ .v-layout--full-height {
21436
+ --v-scrollbar-offset: inherit;
21437
+ height: 100%;
21524
21438
  }.v-list-item {
21525
21439
  align-items: center;
21526
21440
  display: grid;
@@ -21958,6 +21872,107 @@ textarea.v-field__input::placeholder {
21958
21872
  }
21959
21873
  .v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
21960
21874
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
21875
+ }.v-list {
21876
+ overflow: auto;
21877
+ padding: 8px 0;
21878
+ position: relative;
21879
+ outline: none;
21880
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21881
+ border-style: solid;
21882
+ border-width: 0;
21883
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21884
+ border-radius: 0;
21885
+ background: rgba(var(--v-theme-surface));
21886
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21887
+ }
21888
+ .v-list--border {
21889
+ border-width: thin;
21890
+ box-shadow: none;
21891
+ }
21892
+ .v-list--disabled {
21893
+ pointer-events: none;
21894
+ -webkit-user-select: none;
21895
+ user-select: none;
21896
+ }
21897
+ .v-list--nav {
21898
+ padding-inline: 8px;
21899
+ }
21900
+ .v-list--rounded {
21901
+ border-radius: 4px;
21902
+ }
21903
+ .v-list--subheader {
21904
+ padding-top: 0;
21905
+ }
21906
+
21907
+ .v-list-img {
21908
+ border-radius: inherit;
21909
+ display: flex;
21910
+ height: 100%;
21911
+ left: 0;
21912
+ overflow: hidden;
21913
+ position: absolute;
21914
+ top: 0;
21915
+ width: 100%;
21916
+ z-index: -1;
21917
+ }
21918
+
21919
+ .v-list-subheader {
21920
+ align-items: center;
21921
+ background: inherit;
21922
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
21923
+ display: flex;
21924
+ font-size: 0.875rem;
21925
+ font-weight: 400;
21926
+ line-height: 1.375rem;
21927
+ padding-inline-end: 16px;
21928
+ min-height: 40px;
21929
+ transition: 0.2s min-height cubic-bezier(0.4, 0, 0.2, 1);
21930
+ }
21931
+ .v-list-subheader__text {
21932
+ overflow: hidden;
21933
+ text-overflow: ellipsis;
21934
+ white-space: nowrap;
21935
+ }
21936
+ .v-list--density-default .v-list-subheader {
21937
+ min-height: 40px;
21938
+ padding-inline-start: calc(16px + var(--indent-padding)) !important;
21939
+ }
21940
+
21941
+ .v-list--density-comfortable .v-list-subheader {
21942
+ min-height: 36px;
21943
+ padding-inline-start: calc(16px + var(--indent-padding)) !important;
21944
+ }
21945
+
21946
+ .v-list--density-compact .v-list-subheader {
21947
+ min-height: 32px;
21948
+ padding-inline-start: calc(16px + var(--indent-padding)) !important;
21949
+ }
21950
+
21951
+ .v-list-subheader--inset {
21952
+ --indent-padding: 56px;
21953
+ }
21954
+ .v-list--nav .v-list-subheader {
21955
+ font-size: 0.75rem;
21956
+ }
21957
+ .v-list-subheader--sticky {
21958
+ background: inherit;
21959
+ left: 0;
21960
+ position: sticky;
21961
+ top: 0;
21962
+ z-index: 1;
21963
+ }
21964
+
21965
+ .v-list__overlay {
21966
+ background-color: currentColor;
21967
+ border-radius: inherit;
21968
+ bottom: 0;
21969
+ left: 0;
21970
+ opacity: 0;
21971
+ pointer-events: none;
21972
+ position: absolute;
21973
+ right: 0;
21974
+ top: 0;
21975
+ transition: opacity 0.2s ease-in-out;
21961
21976
  }.v-locale-provider {
21962
21977
  display: contents;
21963
21978
  }.v-main {
@@ -23542,6 +23557,35 @@ html.v-overlay-scroll-blocked {
23542
23557
  }
23543
23558
  .v-system-bar:not(.v-system-bar--absolute) {
23544
23559
  padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
23560
+ }.v-tab.v-tab.v-btn {
23561
+ height: var(--v-tabs-height);
23562
+ border-radius: 0;
23563
+ min-width: 90px;
23564
+ }
23565
+ .v-slide-group--horizontal .v-tab {
23566
+ max-width: 360px;
23567
+ }
23568
+ .v-slide-group--vertical .v-tab {
23569
+ justify-content: start;
23570
+ }
23571
+
23572
+ .v-tab__slider {
23573
+ position: absolute;
23574
+ bottom: 0;
23575
+ left: 0;
23576
+ height: 2px;
23577
+ width: 100%;
23578
+ background: currentColor;
23579
+ pointer-events: none;
23580
+ opacity: 0;
23581
+ }
23582
+ .v-tab--selected .v-tab__slider {
23583
+ opacity: 1;
23584
+ }
23585
+ .v-slide-group--vertical .v-tab__slider {
23586
+ top: 0;
23587
+ height: 100%;
23588
+ width: 2px;
23545
23589
  }.v-tabs {
23546
23590
  display: flex;
23547
23591
  height: var(--v-tabs-height);
@@ -23608,35 +23652,6 @@ html.v-overlay-scroll-blocked {
23608
23652
  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
23609
23653
  margin-inline-end: 52px;
23610
23654
  }
23611
- }.v-tab.v-tab.v-btn {
23612
- height: var(--v-tabs-height);
23613
- border-radius: 0;
23614
- min-width: 90px;
23615
- }
23616
- .v-slide-group--horizontal .v-tab {
23617
- max-width: 360px;
23618
- }
23619
- .v-slide-group--vertical .v-tab {
23620
- justify-content: start;
23621
- }
23622
-
23623
- .v-tab__slider {
23624
- position: absolute;
23625
- bottom: 0;
23626
- left: 0;
23627
- height: 2px;
23628
- width: 100%;
23629
- background: currentColor;
23630
- pointer-events: none;
23631
- opacity: 0;
23632
- }
23633
- .v-tab--selected .v-tab__slider {
23634
- opacity: 1;
23635
- }
23636
- .v-slide-group--vertical .v-tab__slider {
23637
- top: 0;
23638
- height: 100%;
23639
- width: 2px;
23640
23655
  }.v-table {
23641
23656
  background: rgb(var(--v-theme-surface));
23642
23657
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -23684,7 +23699,6 @@ html.v-overlay-scroll-blocked {
23684
23699
  }
23685
23700
 
23686
23701
  .v-table {
23687
- --v-table-header-height: 56px;
23688
23702
  border-radius: inherit;
23689
23703
  line-height: 1.5;
23690
23704
  max-width: 100%;
@@ -23706,45 +23720,33 @@ html.v-overlay-scroll-blocked {
23706
23720
  transition-property: box-shadow, opacity, background, height;
23707
23721
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
23708
23722
  }
23723
+ .v-table > .v-table__wrapper > table > tbody > tr > td,
23724
+ .v-table > .v-table__wrapper > table > thead > tr > td,
23725
+ .v-table > .v-table__wrapper > table > tfoot > tr > td {
23726
+ height: var(--v-table-row-height);
23727
+ }
23709
23728
  .v-table > .v-table__wrapper > table > tbody > tr > th,
23710
23729
  .v-table > .v-table__wrapper > table > thead > tr > th,
23711
23730
  .v-table > .v-table__wrapper > table > tfoot > tr > th {
23731
+ height: var(--v-table-header-height);
23712
23732
  font-weight: 500;
23713
23733
  -webkit-user-select: none;
23714
23734
  user-select: none;
23715
23735
  text-align: start;
23716
23736
  }
23717
- .v-table--density-default > .v-table__wrapper > table > tbody > tr > th,
23718
- .v-table--density-default > .v-table__wrapper > table > thead > tr > th,
23719
- .v-table--density-default > .v-table__wrapper > table > tfoot > tr > th {
23720
- height: calc(var(--v-table-header-height) + 0px);
23721
- }
23722
- .v-table--density-default > .v-table__wrapper > table > tbody > tr > td,
23723
- .v-table--density-default > .v-table__wrapper > table > thead > tr > td,
23724
- .v-table--density-default > .v-table__wrapper > table > tfoot > tr > td {
23725
- height: calc(var(--v-table-row-height, 52px) + 0px);
23737
+ .v-table--density-default {
23738
+ --v-table-header-height: 56px;
23739
+ --v-table-row-height: 52px;
23726
23740
  }
23727
23741
 
23728
- .v-table--density-comfortable > .v-table__wrapper > table > tbody > tr > th,
23729
- .v-table--density-comfortable > .v-table__wrapper > table > thead > tr > th,
23730
- .v-table--density-comfortable > .v-table__wrapper > table > tfoot > tr > th {
23731
- height: calc(var(--v-table-header-height) - 8px);
23732
- }
23733
- .v-table--density-comfortable > .v-table__wrapper > table > tbody > tr > td,
23734
- .v-table--density-comfortable > .v-table__wrapper > table > thead > tr > td,
23735
- .v-table--density-comfortable > .v-table__wrapper > table > tfoot > tr > td {
23736
- height: calc(var(--v-table-row-height, 52px) - 8px);
23742
+ .v-table--density-comfortable {
23743
+ --v-table-header-height: 48px;
23744
+ --v-table-row-height: 44px;
23737
23745
  }
23738
23746
 
23739
- .v-table--density-compact > .v-table__wrapper > table > tbody > tr > th,
23740
- .v-table--density-compact > .v-table__wrapper > table > thead > tr > th,
23741
- .v-table--density-compact > .v-table__wrapper > table > tfoot > tr > th {
23742
- height: calc(var(--v-table-header-height) - 16px);
23743
- }
23744
- .v-table--density-compact > .v-table__wrapper > table > tbody > tr > td,
23745
- .v-table--density-compact > .v-table__wrapper > table > thead > tr > td,
23746
- .v-table--density-compact > .v-table__wrapper > table > tfoot > tr > td {
23747
- height: calc(var(--v-table-row-height, 52px) - 16px);
23747
+ .v-table--density-compact {
23748
+ --v-table-header-height: 40px;
23749
+ --v-table-row-height: 36px;
23748
23750
  }
23749
23751
 
23750
23752
  .v-table__wrapper {
@@ -23779,54 +23781,15 @@ html.v-overlay-scroll-blocked {
23779
23781
  .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
23780
23782
  border-bottom: 0px !important;
23781
23783
  }
23782
-
23783
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
23784
- position: sticky;
23785
- bottom: 0;
23786
- z-index: 1;
23787
- }
23788
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
23789
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
23790
- border-top: 0px !important;
23791
- }.v-textarea .v-field {
23792
- --v-textarea-control-height: var(--v-input-control-height);
23793
- }
23794
- .v-textarea .v-field__field {
23795
- --v-input-control-height: var(--v-textarea-control-height);
23796
- }
23797
- .v-textarea .v-field__input {
23798
- flex: 1 1 auto;
23799
- outline: none;
23800
- -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));
23801
- 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));
23802
- }
23803
- .v-textarea .v-field__input.v-textarea__sizer {
23804
- visibility: hidden;
23805
- position: absolute;
23806
- top: 0;
23807
- left: 0;
23808
- height: 0 !important;
23809
- min-height: 0 !important;
23810
- pointer-events: none;
23811
- }
23812
- .v-textarea--no-resize .v-field__input {
23813
- resize: none;
23814
- }
23815
- .v-textarea .v-field--no-label textarea,
23816
- .v-textarea .v-field--active textarea {
23817
- opacity: 1;
23818
- }
23819
- .v-textarea textarea {
23820
- opacity: 0;
23821
- flex: 1;
23822
- min-width: 0;
23823
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
23824
- }
23825
- .v-textarea textarea:focus, .v-textarea textarea:active {
23826
- outline: none;
23827
- }
23828
- .v-textarea textarea:invalid {
23829
- box-shadow: none;
23784
+
23785
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
23786
+ position: sticky;
23787
+ bottom: 0;
23788
+ z-index: 1;
23789
+ }
23790
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
23791
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
23792
+ border-top: 0px !important;
23830
23793
  }/* region BLOCK */
23831
23794
  .v-text-field input {
23832
23795
  color: inherit;
@@ -23894,136 +23857,48 @@ html.v-overlay-scroll-blocked {
23894
23857
  padding-inline-end: var(--v-field-padding-end);
23895
23858
  }
23896
23859
 
23897
- /* endregion */.v-theme-provider {
23898
- background: rgb(var(--v-theme-background));
23899
- color: rgb(var(--v-theme-on-background));
23900
- }.v-toolbar {
23901
- align-items: flex-start;
23902
- display: flex;
23903
- flex: none;
23904
- flex-direction: column;
23905
- justify-content: space-between;
23906
- max-width: 100%;
23907
- overflow: hidden;
23908
- position: relative;
23909
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23910
- transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
23911
- width: 100%;
23912
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
23913
- border-style: solid;
23914
- border-width: 0;
23915
- 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));
23916
- border-radius: 0;
23917
- background: rgb(var(--v-theme-surface-light));
23918
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
23919
- }
23920
- .v-toolbar--border {
23921
- border-width: thin;
23922
- box-shadow: none;
23923
- }
23924
- .v-toolbar--absolute {
23925
- position: absolute;
23926
- }
23927
- .v-toolbar--collapse {
23928
- max-width: 112px;
23929
- overflow: hidden;
23930
- border-end-end-radius: 24px;
23931
- }
23932
- .v-toolbar--collapse .v-toolbar-title {
23933
- display: none;
23934
- }
23935
- .v-toolbar--flat {
23936
- 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));
23937
- }
23938
- .v-toolbar--floating {
23939
- display: inline-flex;
23940
- }
23941
- .v-toolbar--rounded {
23942
- border-radius: 4px;
23943
- }
23944
-
23945
- .v-toolbar__content,
23946
- .v-toolbar__extension {
23947
- align-items: center;
23948
- display: flex;
23949
- flex: 0 0 auto;
23950
- position: relative;
23951
- transition: inherit;
23952
- width: 100%;
23953
- }
23954
-
23955
- .v-toolbar__content > .v-btn:first-child {
23956
- margin-inline-start: 10px;
23957
- }
23958
- .v-toolbar__content > .v-btn:last-child {
23959
- margin-inline-end: 10px;
23860
+ /* endregion */.v-textarea .v-field {
23861
+ --v-textarea-control-height: var(--v-input-control-height);
23960
23862
  }
23961
- .v-toolbar__content > .v-toolbar-title {
23962
- margin-inline-start: 16px;
23863
+ .v-textarea .v-field__field {
23864
+ --v-input-control-height: var(--v-textarea-control-height);
23963
23865
  }
23964
- .v-toolbar--density-prominent .v-toolbar__content {
23965
- align-items: flex-start;
23866
+ .v-textarea .v-field__input {
23867
+ flex: 1 1 auto;
23868
+ outline: none;
23869
+ -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
23870
+ mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
23966
23871
  }
23967
-
23968
- .v-toolbar__image {
23872
+ .v-textarea .v-field__input.v-textarea__sizer {
23873
+ visibility: hidden;
23969
23874
  position: absolute;
23970
23875
  top: 0;
23971
23876
  left: 0;
23972
- width: 100%;
23973
- height: 100%;
23974
- display: flex;
23975
- opacity: var(--v-toolbar-image-opacity, 1);
23976
- transition-property: opacity;
23977
- }
23978
-
23979
- .v-toolbar__prepend,
23980
- .v-toolbar__append {
23981
- align-items: center;
23982
- align-self: stretch;
23983
- display: flex;
23877
+ height: 0 !important;
23878
+ min-height: 0 !important;
23879
+ pointer-events: none;
23984
23880
  }
23985
-
23986
- .v-toolbar__prepend {
23987
- margin-inline: 10px auto;
23881
+ .v-textarea--no-resize .v-field__input {
23882
+ resize: none;
23988
23883
  }
23989
-
23990
- .v-toolbar__append {
23991
- margin-inline: auto 10px;
23884
+ .v-textarea .v-field--no-label textarea,
23885
+ .v-textarea .v-field--active textarea {
23886
+ opacity: 1;
23992
23887
  }
23993
-
23994
- .v-toolbar-title {
23995
- flex: 1 1;
23996
- font-size: 1.25rem;
23888
+ .v-textarea textarea {
23889
+ opacity: 0;
23890
+ flex: 1;
23997
23891
  min-width: 0;
23998
- font-size: 1.25rem;
23999
- font-weight: 400;
24000
- letter-spacing: 0;
24001
- line-height: 1.75rem;
24002
- text-transform: none;
24003
- }
24004
- .v-toolbar--density-prominent .v-toolbar-title {
24005
- align-self: flex-end;
24006
- padding-bottom: 6px;
24007
- font-size: 1.5rem;
24008
- font-weight: 400;
24009
- letter-spacing: 0;
24010
- line-height: 2.25rem;
24011
- text-transform: none;
24012
- }
24013
-
24014
- .v-toolbar-title__placeholder {
24015
- overflow: hidden;
24016
- text-overflow: ellipsis;
24017
- white-space: nowrap;
23892
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24018
23893
  }
24019
-
24020
- .v-toolbar-items {
24021
- display: flex;
24022
- height: inherit;
24023
- align-self: stretch;
23894
+ .v-textarea textarea:focus, .v-textarea textarea:active {
23895
+ outline: none;
24024
23896
  }
24025
- .v-toolbar-items > .v-btn {
24026
- border-radius: 0;
23897
+ .v-textarea textarea:invalid {
23898
+ box-shadow: none;
23899
+ }.v-theme-provider {
23900
+ background: rgb(var(--v-theme-background));
23901
+ color: rgb(var(--v-theme-on-background));
24027
23902
  }.v-timeline .v-timeline-divider__dot {
24028
23903
  background: rgb(var(--v-theme-surface-light));
24029
23904
  }
@@ -24414,47 +24289,159 @@ html.v-overlay-scroll-blocked {
24414
24289
  height: calc(var(--v-timeline-line-size-base) - var(--v-timeline-dot-size) / 2 + var(--v-timeline-line-size-offset) - var(--v-timeline-line-inset));
24415
24290
  }
24416
24291
 
24417
- .v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider__before {
24418
- display: none;
24419
- }
24420
- .v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider__after {
24421
- --v-timeline-line-size-offset: 12px;
24422
- }
24423
- .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider, .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__opposite {
24424
- padding-block-start: 0;
24292
+ .v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider__before {
24293
+ display: none;
24294
+ }
24295
+ .v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider__after {
24296
+ --v-timeline-line-size-offset: 12px;
24297
+ }
24298
+ .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider, .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__opposite {
24299
+ padding-block-start: 0;
24300
+ }
24301
+
24302
+ .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__opposite {
24303
+ padding-inline-start: 0;
24304
+ }
24305
+
24306
+ .v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__after {
24307
+ display: none;
24308
+ }
24309
+ .v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__before {
24310
+ --v-timeline-line-size-offset: 12px;
24311
+ }
24312
+ .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
24313
+ padding-block-end: 0;
24314
+ }
24315
+
24316
+ .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 {
24317
+ padding-inline-end: 0;
24318
+ }.v-toolbar {
24319
+ align-items: flex-start;
24320
+ display: flex;
24321
+ flex: none;
24322
+ flex-direction: column;
24323
+ justify-content: space-between;
24324
+ max-width: 100%;
24325
+ overflow: hidden;
24326
+ position: relative;
24327
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24328
+ transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
24329
+ width: 100%;
24330
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
24331
+ border-style: solid;
24332
+ border-width: 0;
24333
+ 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));
24334
+ border-radius: 0;
24335
+ background: rgb(var(--v-theme-surface-light));
24336
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24337
+ }
24338
+ .v-toolbar--border {
24339
+ border-width: thin;
24340
+ box-shadow: none;
24341
+ }
24342
+ .v-toolbar--absolute {
24343
+ position: absolute;
24344
+ }
24345
+ .v-toolbar--collapse {
24346
+ max-width: 112px;
24347
+ overflow: hidden;
24348
+ border-end-end-radius: 24px;
24349
+ }
24350
+ .v-toolbar--collapse .v-toolbar-title {
24351
+ display: none;
24352
+ }
24353
+ .v-toolbar--flat {
24354
+ 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));
24355
+ }
24356
+ .v-toolbar--floating {
24357
+ display: inline-flex;
24358
+ }
24359
+ .v-toolbar--rounded {
24360
+ border-radius: 4px;
24361
+ }
24362
+
24363
+ .v-toolbar__content,
24364
+ .v-toolbar__extension {
24365
+ align-items: center;
24366
+ display: flex;
24367
+ flex: 0 0 auto;
24368
+ position: relative;
24369
+ transition: inherit;
24370
+ width: 100%;
24371
+ }
24372
+
24373
+ .v-toolbar__content > .v-btn:first-child {
24374
+ margin-inline-start: 10px;
24375
+ }
24376
+ .v-toolbar__content > .v-btn:last-child {
24377
+ margin-inline-end: 10px;
24378
+ }
24379
+ .v-toolbar__content > .v-toolbar-title {
24380
+ margin-inline-start: 16px;
24381
+ }
24382
+ .v-toolbar--density-prominent .v-toolbar__content {
24383
+ align-items: flex-start;
24384
+ }
24385
+
24386
+ .v-toolbar__image {
24387
+ position: absolute;
24388
+ top: 0;
24389
+ left: 0;
24390
+ width: 100%;
24391
+ height: 100%;
24392
+ display: flex;
24393
+ opacity: var(--v-toolbar-image-opacity, 1);
24394
+ transition-property: opacity;
24395
+ }
24396
+
24397
+ .v-toolbar__prepend,
24398
+ .v-toolbar__append {
24399
+ align-items: center;
24400
+ align-self: stretch;
24401
+ display: flex;
24425
24402
  }
24426
24403
 
24427
- .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__opposite {
24428
- padding-inline-start: 0;
24404
+ .v-toolbar__prepend {
24405
+ margin-inline: 10px auto;
24429
24406
  }
24430
24407
 
24431
- .v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__after {
24432
- display: none;
24408
+ .v-toolbar__append {
24409
+ margin-inline: auto 10px;
24433
24410
  }
24434
- .v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__before {
24435
- --v-timeline-line-size-offset: 12px;
24411
+
24412
+ .v-toolbar-title {
24413
+ flex: 1 1;
24414
+ font-size: 1.25rem;
24415
+ min-width: 0;
24416
+ font-size: 1.25rem;
24417
+ font-weight: 400;
24418
+ letter-spacing: 0;
24419
+ line-height: 1.75rem;
24420
+ text-transform: none;
24436
24421
  }
24437
- .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
24438
- padding-block-end: 0;
24422
+ .v-toolbar--density-prominent .v-toolbar-title {
24423
+ align-self: flex-end;
24424
+ padding-bottom: 6px;
24425
+ font-size: 1.5rem;
24426
+ font-weight: 400;
24427
+ letter-spacing: 0;
24428
+ line-height: 2.25rem;
24429
+ text-transform: none;
24439
24430
  }
24440
24431
 
24441
- .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 {
24442
- padding-inline-end: 0;
24443
- }.v-label {
24444
- align-items: center;
24445
- color: inherit;
24446
- display: inline-flex;
24447
- font-size: 1rem;
24448
- letter-spacing: 0.009375em;
24449
- min-width: 0;
24450
- opacity: var(--v-medium-emphasis-opacity);
24432
+ .v-toolbar-title__placeholder {
24451
24433
  overflow: hidden;
24452
24434
  text-overflow: ellipsis;
24453
24435
  white-space: nowrap;
24454
24436
  }
24455
24437
 
24456
- .v-label--clickable {
24457
- cursor: pointer;
24438
+ .v-toolbar-items {
24439
+ display: flex;
24440
+ height: inherit;
24441
+ align-self: stretch;
24442
+ }
24443
+ .v-toolbar-items > .v-btn {
24444
+ border-radius: 0;
24458
24445
  }.v-tooltip > .v-overlay__content {
24459
24446
  background: rgb(var(--v-theme-surface-variant));
24460
24447
  color: rgb(var(--v-theme-on-surface-variant));
@@ -24476,6 +24463,15 @@ html.v-overlay-scroll-blocked {
24476
24463
  .v-tooltip > .v-overlay__content[class*=leave-active] {
24477
24464
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
24478
24465
  transition-duration: 75ms;
24466
+ }.v-virtual-scroll {
24467
+ display: block;
24468
+ flex: 1 1 auto;
24469
+ max-width: 100%;
24470
+ overflow: auto;
24471
+ position: relative;
24472
+ }
24473
+ .v-virtual-scroll__container {
24474
+ display: block;
24479
24475
  }.v-window {
24480
24476
  overflow: hidden;
24481
24477
  }
@@ -24498,7 +24494,7 @@ html.v-overlay-scroll-blocked {
24498
24494
  padding: 0 16px;
24499
24495
  pointer-events: none;
24500
24496
  }
24501
- .v-window__controls * {
24497
+ .v-window__controls > * {
24502
24498
  pointer-events: auto;
24503
24499
  }
24504
24500
  .v-window--show-arrows-on-hover {
@@ -24545,100 +24541,6 @@ html.v-overlay-scroll-blocked {
24545
24541
  }
24546
24542
  .v-window-y-reverse-transition-leave-to {
24547
24543
  transform: translateY(100%);
24548
- }.v-virtual-scroll {
24549
- display: block;
24550
- flex: 1 1 auto;
24551
- max-width: 100%;
24552
- overflow: auto;
24553
- position: relative;
24554
- }
24555
- .v-virtual-scroll__container {
24556
- display: block;
24557
- }.v-color-picker-swatches {
24558
- overflow-y: auto;
24559
- }
24560
- .v-color-picker-swatches > div {
24561
- display: flex;
24562
- flex-wrap: wrap;
24563
- justify-content: center;
24564
- padding: 8px;
24565
- }
24566
-
24567
- .v-color-picker-swatches__swatch {
24568
- display: flex;
24569
- flex-direction: column;
24570
- margin-bottom: 10px;
24571
- }
24572
-
24573
- .v-color-picker-swatches__color {
24574
- position: relative;
24575
- height: 18px;
24576
- max-height: 18px;
24577
- width: 45px;
24578
- margin: 2px 4px;
24579
- border-radius: 2px;
24580
- -webkit-user-select: none;
24581
- user-select: none;
24582
- overflow: hidden;
24583
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
24584
- cursor: pointer;
24585
- }
24586
- .v-color-picker-swatches__color > div {
24587
- display: flex;
24588
- align-items: center;
24589
- justify-content: center;
24590
- width: 100%;
24591
- height: 100%;
24592
- }.v-color-picker-canvas {
24593
- display: flex;
24594
- position: relative;
24595
- overflow: hidden;
24596
- contain: content;
24597
- touch-action: none;
24598
- }
24599
- .v-color-picker-canvas__dot {
24600
- position: absolute;
24601
- top: 0;
24602
- left: 0;
24603
- width: 15px;
24604
- height: 15px;
24605
- background: transparent;
24606
- border-radius: 50%;
24607
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
24608
- }
24609
- .v-color-picker-canvas__dot--disabled {
24610
- box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
24611
- }
24612
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
24613
- will-change: transform;
24614
- }.v-color-picker-edit {
24615
- display: flex;
24616
- margin-top: 24px;
24617
- }
24618
-
24619
- .v-color-picker-edit__input {
24620
- width: 100%;
24621
- display: flex;
24622
- flex-wrap: wrap;
24623
- justify-content: center;
24624
- text-align: center;
24625
- }
24626
- .v-color-picker-edit__input:not(:last-child) {
24627
- margin-inline-end: 8px;
24628
- }
24629
- .v-color-picker-edit__input input {
24630
- border-radius: 4px;
24631
- margin-bottom: 8px;
24632
- min-width: 0;
24633
- outline: none;
24634
- text-align: center;
24635
- width: 100%;
24636
- height: 32px;
24637
- background: rgba(var(--v-theme-surface-variant), 0.2);
24638
- color: rgba(var(--v-theme-on-surface));
24639
- }
24640
- .v-color-picker-edit__input span {
24641
- font-size: 0.75rem;
24642
24544
  }.v-color-picker-preview__alpha .v-slider-track__background {
24643
24545
  background-color: transparent !important;
24644
24546
  }
@@ -24708,6 +24610,91 @@ html.v-overlay-scroll-blocked {
24708
24610
  .v-color-picker-preview__eye-dropper {
24709
24611
  position: relative;
24710
24612
  margin-right: 12px;
24613
+ }.v-color-picker-edit {
24614
+ display: flex;
24615
+ margin-top: 24px;
24616
+ }
24617
+
24618
+ .v-color-picker-edit__input {
24619
+ width: 100%;
24620
+ display: flex;
24621
+ flex-wrap: wrap;
24622
+ justify-content: center;
24623
+ text-align: center;
24624
+ }
24625
+ .v-color-picker-edit__input:not(:last-child) {
24626
+ margin-inline-end: 8px;
24627
+ }
24628
+ .v-color-picker-edit__input input {
24629
+ border-radius: 4px;
24630
+ margin-bottom: 8px;
24631
+ min-width: 0;
24632
+ outline: none;
24633
+ text-align: center;
24634
+ width: 100%;
24635
+ height: 32px;
24636
+ background: rgba(var(--v-theme-surface-variant), 0.2);
24637
+ color: rgba(var(--v-theme-on-surface));
24638
+ }
24639
+ .v-color-picker-edit__input span {
24640
+ font-size: 0.75rem;
24641
+ }.v-color-picker-canvas {
24642
+ display: flex;
24643
+ position: relative;
24644
+ overflow: hidden;
24645
+ contain: content;
24646
+ touch-action: none;
24647
+ }
24648
+ .v-color-picker-canvas__dot {
24649
+ position: absolute;
24650
+ top: 0;
24651
+ left: 0;
24652
+ width: 15px;
24653
+ height: 15px;
24654
+ background: transparent;
24655
+ border-radius: 50%;
24656
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
24657
+ }
24658
+ .v-color-picker-canvas__dot--disabled {
24659
+ box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
24660
+ }
24661
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
24662
+ will-change: transform;
24663
+ }.v-color-picker-swatches {
24664
+ overflow-y: auto;
24665
+ }
24666
+ .v-color-picker-swatches > div {
24667
+ display: flex;
24668
+ flex-wrap: wrap;
24669
+ justify-content: center;
24670
+ padding: 8px;
24671
+ }
24672
+
24673
+ .v-color-picker-swatches__swatch {
24674
+ display: flex;
24675
+ flex-direction: column;
24676
+ margin-bottom: 10px;
24677
+ }
24678
+
24679
+ .v-color-picker-swatches__color {
24680
+ position: relative;
24681
+ height: 18px;
24682
+ max-height: 18px;
24683
+ width: 45px;
24684
+ margin: 2px 4px;
24685
+ border-radius: 2px;
24686
+ -webkit-user-select: none;
24687
+ user-select: none;
24688
+ overflow: hidden;
24689
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
24690
+ cursor: pointer;
24691
+ }
24692
+ .v-color-picker-swatches__color > div {
24693
+ display: flex;
24694
+ align-items: center;
24695
+ justify-content: center;
24696
+ width: 100%;
24697
+ height: 100%;
24711
24698
  }.v-picker.v-sheet {
24712
24699
  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));
24713
24700
  border-radius: 4px;