vuetify 3.5.7 → 3.5.8

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 (66) hide show
  1. package/dist/json/attributes.json +149 -1
  2. package/dist/json/importMap-labs.json +14 -10
  3. package/dist/json/importMap.json +120 -120
  4. package/dist/json/tags.json +42 -0
  5. package/dist/json/web-types.json +381 -2
  6. package/dist/vuetify-labs.css +1790 -1778
  7. package/dist/vuetify-labs.d.ts +579 -1
  8. package/dist/vuetify-labs.esm.js +119 -25
  9. package/dist/vuetify-labs.esm.js.map +1 -1
  10. package/dist/vuetify-labs.js +119 -25
  11. package/dist/vuetify-labs.min.css +2 -2
  12. package/dist/vuetify.css +938 -934
  13. package/dist/vuetify.d.ts +41 -38
  14. package/dist/vuetify.esm.js +56 -18
  15. package/dist/vuetify.esm.js.map +1 -1
  16. package/dist/vuetify.js +56 -18
  17. package/dist/vuetify.js.map +1 -1
  18. package/dist/vuetify.min.css +2 -2
  19. package/dist/vuetify.min.js +115 -104
  20. package/dist/vuetify.min.js.map +1 -1
  21. package/lib/components/VAutocomplete/VAutocomplete.css +1 -1
  22. package/lib/components/VAutocomplete/VAutocomplete.sass +1 -1
  23. package/lib/components/VCombobox/VCombobox.css +1 -1
  24. package/lib/components/VCombobox/VCombobox.mjs +23 -7
  25. package/lib/components/VCombobox/VCombobox.mjs.map +1 -1
  26. package/lib/components/VCombobox/VCombobox.sass +1 -1
  27. package/lib/components/VDatePicker/VDatePickerMonth.mjs +1 -1
  28. package/lib/components/VDatePicker/VDatePickerMonth.mjs.map +1 -1
  29. package/lib/components/VSwitch/VSwitch.css +9 -5
  30. package/lib/components/VSwitch/VSwitch.mjs +2 -0
  31. package/lib/components/VSwitch/VSwitch.mjs.map +1 -1
  32. package/lib/components/VSwitch/VSwitch.sass +10 -7
  33. package/lib/components/VSwitch/_variables.scss +2 -0
  34. package/lib/composables/date/adapters/vuetify.mjs +21 -3
  35. package/lib/composables/date/adapters/vuetify.mjs.map +1 -1
  36. package/lib/composables/transition.mjs +7 -5
  37. package/lib/composables/transition.mjs.map +1 -1
  38. package/lib/entry-bundler.mjs +1 -1
  39. package/lib/framework.mjs +1 -1
  40. package/lib/index.d.mts +41 -38
  41. package/lib/labs/VCalendar/VCalendarInterval.css +1 -0
  42. package/lib/labs/VCalendar/VCalendarInterval.sass +1 -0
  43. package/lib/labs/VCalendar/VCalendarIntervalEvent.css +6 -0
  44. package/lib/labs/VCalendar/VCalendarIntervalEvent.mjs +5 -2
  45. package/lib/labs/VCalendar/VCalendarIntervalEvent.mjs.map +1 -1
  46. package/lib/labs/VCalendar/VCalendarIntervalEvent.sass +6 -0
  47. package/lib/labs/VFab/VFab.css +1 -1
  48. package/lib/labs/VFab/VFab.sass +1 -1
  49. package/lib/labs/VSparkline/VBarline.mjs +4 -3
  50. package/lib/labs/VSparkline/VBarline.mjs.map +1 -1
  51. package/lib/labs/VSparkline/VTrendline.mjs +9 -5
  52. package/lib/labs/VSparkline/VTrendline.mjs.map +1 -1
  53. package/lib/labs/VSparkline/index.d.mts +15 -0
  54. package/lib/labs/VSparkline/util/line.mjs +4 -0
  55. package/lib/labs/VSparkline/util/line.mjs.map +1 -1
  56. package/lib/labs/VSpeedDial/VSpeedDial.css +3 -0
  57. package/lib/labs/VSpeedDial/VSpeedDial.mjs +56 -0
  58. package/lib/labs/VSpeedDial/VSpeedDial.mjs.map +1 -0
  59. package/lib/labs/VSpeedDial/VSpeedDial.sass +2 -0
  60. package/lib/labs/VSpeedDial/index.d.mts +649 -0
  61. package/lib/labs/VSpeedDial/index.mjs +2 -0
  62. package/lib/labs/VSpeedDial/index.mjs.map +1 -0
  63. package/lib/labs/components.d.mts +652 -2
  64. package/lib/labs/components.mjs +1 -0
  65. package/lib/labs/components.mjs.map +1 -1
  66. package/package.json +2 -2
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.5.7
2
+ * Vuetify v3.5.8
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17029,6 +17029,51 @@ html.overflow-y-hidden {
17029
17029
  font-weight: normal;
17030
17030
  padding: 0.2em 0.4rem;
17031
17031
  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));
17032
+ }.v-calendar-day {
17033
+ position: relative;
17034
+ display: flex;
17035
+ flex-direction: column;
17036
+ }
17037
+
17038
+ .v-calendar-weekly .v-calendar__container {
17039
+ display: grid;
17040
+ }
17041
+ .v-calendar-weekly .v-calendar__container.days__7 {
17042
+ grid-template-columns: repeat(7, 1fr);
17043
+ }
17044
+ .v-calendar-weekly .v-calendar__container.days__6 {
17045
+ grid-template-columns: repeat(6, 1fr);
17046
+ }
17047
+ .v-calendar-weekly .v-calendar__container.days__5 {
17048
+ grid-template-columns: repeat(5, 1fr);
17049
+ }
17050
+ .v-calendar-weekly .v-calendar__container.days__4 {
17051
+ grid-template-columns: repeat(4, 1fr);
17052
+ }
17053
+ .v-calendar-weekly .v-calendar__container.days__3 {
17054
+ grid-template-columns: repeat(3, 1fr);
17055
+ }
17056
+ .v-calendar-weekly .v-calendar__container.days__2 {
17057
+ grid-template-columns: repeat(2, 1fr);
17058
+ }
17059
+ .v-calendar-weekly .v-calendar__container.days__1 {
17060
+ grid-template-columns: repeat(1, 1fr);
17061
+ }
17062
+ .v-calendar-weekly .v-calendar__container.days__0 {
17063
+ grid-template-columns: repeat(1, 1fr);
17064
+ }.v-calendar-header {
17065
+ align-items: center;
17066
+ display: flex;
17067
+ min-height: 64px;
17068
+ }
17069
+
17070
+ .v-calendar-header__today {
17071
+ margin-inline-end: 24px;
17072
+ }
17073
+
17074
+ .v-calendar-header__title {
17075
+ font-size: 1.5rem;
17076
+ margin-inline-start: 24px;
17032
17077
  }.v-calendar-day__row-with-label {
17033
17078
  display: grid;
17034
17079
  grid-template-columns: 48px 8px 1fr;
@@ -17066,55 +17111,11 @@ html.overflow-y-hidden {
17066
17111
  border-right: thin solid #e0e0e0;
17067
17112
  }
17068
17113
  .v-calendar-day__row-without-label .v-calendar-day__row-content {
17114
+ overflow: hidden;
17069
17115
  border-bottom: thin solid #e0e0e0;
17070
17116
  }
17071
17117
  .v-calendar-day__row-without-label .v-calendar-day__row-content.v-calendar-day__row-content-through {
17072
17118
  border-bottom: none;
17073
- }.v-calendar-header {
17074
- align-items: center;
17075
- display: flex;
17076
- min-height: 64px;
17077
- }
17078
-
17079
- .v-calendar-header__today {
17080
- margin-inline-end: 24px;
17081
- }
17082
-
17083
- .v-calendar-header__title {
17084
- font-size: 1.5rem;
17085
- margin-inline-start: 24px;
17086
- }.v-calendar-day {
17087
- position: relative;
17088
- display: flex;
17089
- flex-direction: column;
17090
- }
17091
-
17092
- .v-calendar-weekly .v-calendar__container {
17093
- display: grid;
17094
- }
17095
- .v-calendar-weekly .v-calendar__container.days__7 {
17096
- grid-template-columns: repeat(7, 1fr);
17097
- }
17098
- .v-calendar-weekly .v-calendar__container.days__6 {
17099
- grid-template-columns: repeat(6, 1fr);
17100
- }
17101
- .v-calendar-weekly .v-calendar__container.days__5 {
17102
- grid-template-columns: repeat(5, 1fr);
17103
- }
17104
- .v-calendar-weekly .v-calendar__container.days__4 {
17105
- grid-template-columns: repeat(4, 1fr);
17106
- }
17107
- .v-calendar-weekly .v-calendar__container.days__3 {
17108
- grid-template-columns: repeat(3, 1fr);
17109
- }
17110
- .v-calendar-weekly .v-calendar__container.days__2 {
17111
- grid-template-columns: repeat(2, 1fr);
17112
- }
17113
- .v-calendar-weekly .v-calendar__container.days__1 {
17114
- grid-template-columns: repeat(1, 1fr);
17115
- }
17116
- .v-calendar-weekly .v-calendar__container.days__0 {
17117
- grid-template-columns: repeat(1, 1fr);
17118
17119
  }.v-calendar-weekly {
17119
17120
  width: 100%;
17120
17121
  height: 100%;
@@ -17401,6 +17402,79 @@ html.overflow-y-hidden {
17401
17402
 
17402
17403
  .v-calendar-weekly__day-alldayevents-container {
17403
17404
  min-height: 24px;
17405
+ }.v-fab {
17406
+ align-items: center;
17407
+ display: inline-flex;
17408
+ flex: 1 1 auto;
17409
+ pointer-events: none;
17410
+ position: relative;
17411
+ transition-duration: 0.2s;
17412
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
17413
+ vertical-align: middle;
17414
+ }
17415
+ .v-fab .v-btn {
17416
+ pointer-events: auto;
17417
+ }
17418
+ .v-fab .v-btn--variant-elevated {
17419
+ box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17420
+ }
17421
+ .v-fab--app, .v-fab--absolute {
17422
+ display: flex;
17423
+ }
17424
+ .v-fab--start, .v-fab--left {
17425
+ justify-content: flex-start;
17426
+ }
17427
+ .v-fab--center {
17428
+ align-items: center;
17429
+ justify-content: center;
17430
+ }
17431
+ .v-fab--end, .v-fab--right {
17432
+ justify-content: flex-end;
17433
+ }
17434
+ .v-fab--bottom {
17435
+ align-items: flex-end;
17436
+ }
17437
+ .v-fab--top {
17438
+ align-items: flex-start;
17439
+ }
17440
+ .v-fab--extended .v-btn {
17441
+ border-radius: 9999px !important;
17442
+ }
17443
+
17444
+ .v-fab__container {
17445
+ align-self: center;
17446
+ display: inline-flex;
17447
+ vertical-align: middle;
17448
+ }
17449
+ .v-fab--app .v-fab__container {
17450
+ margin: 12px;
17451
+ }
17452
+ .v-fab--absolute .v-fab__container {
17453
+ position: absolute;
17454
+ z-index: 4;
17455
+ }
17456
+ .v-fab--offset.v-fab--top .v-fab__container {
17457
+ transform: translateY(-50%);
17458
+ }
17459
+ .v-fab--offset.v-fab--bottom .v-fab__container {
17460
+ transform: translateY(50%);
17461
+ }
17462
+ .v-fab--top .v-fab__container {
17463
+ top: 0;
17464
+ }
17465
+ .v-fab--bottom .v-fab__container {
17466
+ bottom: 0;
17467
+ }
17468
+ .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
17469
+ left: 0;
17470
+ }
17471
+ .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
17472
+ right: 0;
17473
+ }.v-calendar-internal-event {
17474
+ overflow: hidden;
17475
+ padding: 4px;
17476
+ text-overflow: ellipsis;
17477
+ white-space: nowrap;
17404
17478
  }.v-picker.v-sheet {
17405
17479
  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));
17406
17480
  border-radius: 4px;
@@ -17510,90 +17584,8 @@ html.overflow-y-hidden {
17510
17584
  .v-empty-state__action-btn.v-btn {
17511
17585
  background-color: rgb(var(--v-theme-surface-variant));
17512
17586
  color: rgb(var(--v-theme-on-surface-variant));
17513
- }.v-fab {
17514
- align-items: center;
17515
- display: inline-flex;
17516
- flex: 1 1 auto;
17517
- pointer-events: none;
17518
- position: relative;
17519
- transition-duration: 0.2s;
17520
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
17521
- vertical-align: middle;
17522
- }
17523
- .v-fab .v-btn {
17524
- pointer-events: auto;
17525
- }
17526
- .v-fab .v-btn--variant-elevated {
17527
- box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17528
- }
17529
- .v-fab--app, .v-fab--absolute {
17530
- display: flex;
17531
- }
17532
- .v-fab--start, .v-fab--left {
17533
- justify-content: flex-start;
17534
- }
17535
- .v-fab--center {
17536
- align-items: center;
17537
- justify-content: center;
17538
- }
17539
- .v-fab--end, .v-fab--right {
17540
- justify-content: flex-end;
17541
- }
17542
- .v-fab--bottom {
17543
- align-items: flex-end;
17544
- }
17545
- .v-fab--top {
17546
- align-items: flex-start;
17547
- }
17548
- .v-fab--extended .v-btn {
17549
- border-radius: 9999px !important;
17550
- }
17551
-
17552
- .v-fab__container {
17553
- align-self: center;
17554
- display: inline-flex;
17555
- vertical-align: middle;
17556
- }
17557
- .v-fab--app .v-fab__container {
17558
- margin: 4px;
17559
- }
17560
- .v-fab--absolute .v-fab__container {
17561
- position: absolute;
17562
- z-index: 4;
17563
- }
17564
- .v-fab--offset.v-fab--top .v-fab__container {
17565
- transform: translateY(-50%);
17566
- }
17567
- .v-fab--offset.v-fab--bottom .v-fab__container {
17568
- transform: translateY(50%);
17569
- }
17570
- .v-fab--top .v-fab__container {
17571
- top: 0;
17572
- }
17573
- .v-fab--bottom .v-fab__container {
17574
- bottom: 0;
17575
- }
17576
- .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
17577
- left: 0;
17578
- }
17579
- .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
17580
- right: 0;
17581
- }.v-application {
17582
- display: flex;
17583
- background: rgb(var(--v-theme-background));
17584
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
17585
- }
17586
-
17587
- .v-application__wrap {
17588
- -webkit-backface-visibility: hidden;
17589
- backface-visibility: hidden;
17590
- display: flex;
17591
- flex-direction: column;
17592
- flex: 1 1 auto;
17593
- max-width: 100%;
17594
- min-height: 100vh;
17595
- min-height: 100dvh;
17596
- position: relative;
17587
+ }.v-speed-dial__content {
17588
+ gap: 8px;
17597
17589
  }.v-alert {
17598
17590
  display: grid;
17599
17591
  flex: 1 1;
@@ -17804,170 +17796,34 @@ html.overflow-y-hidden {
17804
17796
  text-transform: none;
17805
17797
  word-break: normal;
17806
17798
  word-wrap: break-word;
17807
- }.v-app-bar {
17799
+ }.v-application {
17808
17800
  display: flex;
17809
- }
17810
- .v-app-bar.v-toolbar {
17811
- background: rgb(var(--v-theme-surface));
17812
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17813
- }
17814
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17815
- 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));
17816
- }
17817
- .v-app-bar:not(.v-toolbar--absolute) {
17818
- padding-inline-end: var(--v-scrollbar-offset);
17819
- }.v-autocomplete .v-field .v-text-field__prefix,
17820
- .v-autocomplete .v-field .v-text-field__suffix,
17821
- .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17822
- cursor: text;
17823
- }
17824
- .v-autocomplete .v-field .v-field__input > input {
17825
- flex: 1 1;
17826
- }
17827
- .v-autocomplete .v-field input {
17828
- min-width: 64px;
17829
- }
17830
- .v-autocomplete .v-field:not(.v-field--focused) input {
17831
- min-width: 0;
17832
- }
17833
- .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17834
- margin-inline-end: 2px;
17835
- }
17836
- .v-autocomplete .v-autocomplete__selection-text {
17837
- overflow: hidden;
17838
- text-overflow: ellipsis;
17839
- white-space: nowrap;
17840
- }
17841
-
17842
- .v-autocomplete__content {
17843
- overflow: hidden;
17844
- 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));
17845
- border-radius: 4px;
17846
- }
17847
- .v-autocomplete__mask {
17848
- background: rgb(var(--v-theme-surface-light));
17849
- }
17850
- .v-autocomplete__selection {
17851
- display: inline-flex;
17852
- align-items: center;
17853
- height: 1.5rem;
17854
- letter-spacing: inherit;
17855
- line-height: inherit;
17856
- max-width: calc(100% - 2px - 2px);
17857
- }
17858
- .v-autocomplete__selection:first-child {
17859
- margin-inline-start: 0;
17860
- }
17861
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17862
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17863
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17864
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17865
- top: 0px;
17866
- }
17867
- .v-autocomplete--selecting-index .v-autocomplete__selection {
17868
- opacity: var(--v-medium-emphasis-opacity);
17869
- }
17870
- .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17871
- opacity: 1;
17872
- }
17873
- .v-autocomplete--selecting-index .v-field__input > input {
17874
- caret-color: transparent;
17875
- }
17876
- .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field .v-field--focused input {
17877
- flex: 1 1;
17878
- position: absolute;
17879
- left: 0;
17880
- right: 0;
17881
- width: 100%;
17882
- padding-inline: inherit;
17883
- }
17884
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
17885
- transition: none;
17886
- }
17887
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
17888
- opacity: 0;
17889
- }
17890
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
17891
- opacity: 0;
17892
- }
17893
- .v-autocomplete__menu-icon {
17894
- margin-inline-start: 4px;
17895
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17896
- }
17897
- .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17898
- opacity: var(--v-high-emphasis-opacity);
17899
- transform: rotate(180deg);
17900
- }.v-badge {
17901
- display: inline-block;
17902
- line-height: 1;
17801
+ background: rgb(var(--v-theme-background));
17802
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
17903
17803
  }
17904
17804
 
17905
- .v-badge__badge {
17906
- align-items: center;
17907
- display: inline-flex;
17908
- border-radius: 10px;
17909
- font-size: 0.75rem;
17910
- font-weight: 500;
17911
- height: 1.25rem;
17912
- justify-content: center;
17913
- min-width: 20px;
17914
- padding: 4px 6px;
17915
- pointer-events: auto;
17916
- position: absolute;
17917
- text-align: center;
17918
- text-indent: 0;
17919
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
17920
- white-space: nowrap;
17921
- background: rgb(var(--v-theme-surface-variant));
17922
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
17923
- }
17924
- .v-badge--bordered .v-badge__badge::after {
17925
- border-radius: inherit;
17926
- border-style: solid;
17927
- border-width: 2px;
17928
- bottom: 0;
17929
- color: rgb(var(--v-theme-background));
17930
- content: "";
17931
- left: 0;
17932
- position: absolute;
17933
- right: 0;
17934
- top: 0;
17935
- transform: scale(1.05);
17936
- }
17937
- .v-badge--dot .v-badge__badge {
17938
- border-radius: 4.5px;
17939
- height: 9px;
17940
- min-width: 0;
17941
- padding: 0;
17942
- width: 9px;
17943
- }
17944
- .v-badge--dot .v-badge__badge::after {
17945
- border-width: 1.5px;
17946
- }
17947
- .v-badge--inline .v-badge__badge {
17805
+ .v-application__wrap {
17806
+ -webkit-backface-visibility: hidden;
17807
+ backface-visibility: hidden;
17808
+ display: flex;
17809
+ flex-direction: column;
17810
+ flex: 1 1 auto;
17811
+ max-width: 100%;
17812
+ min-height: 100vh;
17813
+ min-height: 100dvh;
17948
17814
  position: relative;
17949
- vertical-align: middle;
17950
- }
17951
- .v-badge__badge .v-icon {
17952
- color: inherit;
17953
- font-size: 0.75rem;
17954
- margin: 0 -2px;
17815
+ }.v-app-bar {
17816
+ display: flex;
17955
17817
  }
17956
- .v-badge__badge img,
17957
- .v-badge__badge .v-img {
17958
- height: 100%;
17959
- width: 100%;
17818
+ .v-app-bar.v-toolbar {
17819
+ background: rgb(var(--v-theme-surface));
17820
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17960
17821
  }
17961
-
17962
- .v-badge__wrapper {
17963
- display: flex;
17964
- position: relative;
17822
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17823
+ 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));
17965
17824
  }
17966
- .v-badge--inline .v-badge__wrapper {
17967
- align-items: center;
17968
- display: inline-flex;
17969
- justify-content: center;
17970
- margin: 0 4px;
17825
+ .v-app-bar:not(.v-toolbar--absolute) {
17826
+ padding-inline-end: var(--v-scrollbar-offset);
17971
17827
  }.v-avatar {
17972
17828
  flex: none;
17973
17829
  align-items: center;
@@ -18055,66 +17911,202 @@ html.overflow-y-hidden {
18055
17911
  .v-avatar .v-img {
18056
17912
  height: 100%;
18057
17913
  width: 100%;
18058
- }.v-banner {
18059
- display: grid;
17914
+ }.v-autocomplete .v-field .v-text-field__prefix,
17915
+ .v-autocomplete .v-field .v-text-field__suffix,
17916
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17917
+ cursor: text;
17918
+ }
17919
+ .v-autocomplete .v-field .v-field__input > input {
18060
17920
  flex: 1 1;
18061
- font-size: 0.875rem;
18062
- grid-template-areas: "prepend content actions";
18063
- grid-template-columns: max-content auto max-content;
18064
- grid-template-rows: max-content max-content;
18065
- line-height: 1.375rem;
18066
- overflow: hidden;
18067
- padding-inline: 16px 8px;
18068
- padding-top: 16px;
18069
- padding-bottom: 16px;
18070
- position: relative;
18071
- width: 100%;
18072
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18073
- border-style: solid;
18074
- border-width: 0 0 thin 0;
18075
- 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));
18076
- border-radius: 0;
18077
- background: rgb(var(--v-theme-surface));
18078
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18079
17921
  }
18080
- .v-banner--border {
18081
- border-width: thin;
18082
- box-shadow: none;
17922
+ .v-autocomplete .v-field input {
17923
+ min-width: 64px;
18083
17924
  }
18084
- .v-banner--absolute {
18085
- position: absolute;
17925
+ .v-autocomplete .v-field:not(.v-field--focused) input {
17926
+ min-width: 0;
18086
17927
  }
18087
- .v-banner--fixed {
18088
- position: fixed;
17928
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17929
+ margin-inline-end: 2px;
18089
17930
  }
18090
- .v-banner--sticky {
18091
- position: sticky;
17931
+ .v-autocomplete .v-autocomplete__selection-text {
17932
+ overflow: hidden;
17933
+ text-overflow: ellipsis;
17934
+ white-space: nowrap;
18092
17935
  }
18093
- .v-banner--rounded {
17936
+
17937
+ .v-autocomplete__content {
17938
+ overflow: hidden;
17939
+ 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));
18094
17940
  border-radius: 4px;
18095
17941
  }
18096
- .v-banner--stacked:not(.v-banner--one-line) {
18097
- grid-template-areas: "prepend content" ". actions";
17942
+ .v-autocomplete__mask {
17943
+ background: rgb(var(--v-theme-surface-light));
18098
17944
  }
18099
- .v-banner--stacked .v-banner-text {
18100
- padding-inline-end: 36px;
17945
+ .v-autocomplete__selection {
17946
+ display: inline-flex;
17947
+ align-items: center;
17948
+ height: 1.5rem;
17949
+ letter-spacing: inherit;
17950
+ line-height: inherit;
17951
+ max-width: calc(100% - 2px - 2px);
18101
17952
  }
18102
- .v-banner--density-default .v-banner-actions {
18103
- margin-bottom: -8px;
17953
+ .v-autocomplete__selection:first-child {
17954
+ margin-inline-start: 0;
18104
17955
  }
18105
- .v-banner--density-default.v-banner--one-line {
18106
- padding-top: 8px;
18107
- padding-bottom: 8px;
17956
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17957
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17958
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17959
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17960
+ top: 0px;
18108
17961
  }
18109
- .v-banner--density-default.v-banner--one-line .v-banner-actions {
18110
- margin-bottom: 0;
17962
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
17963
+ opacity: var(--v-medium-emphasis-opacity);
18111
17964
  }
18112
- .v-banner--density-default.v-banner--one-line {
18113
- padding-top: 10px;
17965
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17966
+ opacity: 1;
18114
17967
  }
18115
- .v-banner--density-default.v-banner--two-line {
18116
- padding-top: 16px;
18117
- padding-bottom: 16px;
17968
+ .v-autocomplete--selecting-index .v-field__input > input {
17969
+ caret-color: transparent;
17970
+ }
17971
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
17972
+ flex: 1 1;
17973
+ position: absolute;
17974
+ left: 0;
17975
+ right: 0;
17976
+ width: 100%;
17977
+ padding-inline: inherit;
17978
+ }
17979
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
17980
+ transition: none;
17981
+ }
17982
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
17983
+ opacity: 0;
17984
+ }
17985
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
17986
+ opacity: 0;
17987
+ }
17988
+ .v-autocomplete__menu-icon {
17989
+ margin-inline-start: 4px;
17990
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17991
+ }
17992
+ .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17993
+ opacity: var(--v-high-emphasis-opacity);
17994
+ transform: rotate(180deg);
17995
+ }.v-bottom-navigation {
17996
+ display: flex;
17997
+ max-width: 100%;
17998
+ overflow: hidden;
17999
+ position: absolute;
18000
+ transition: transform, color 0.2s, 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18001
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18002
+ border-style: solid;
18003
+ border-width: 0;
18004
+ border-radius: 0;
18005
+ background: rgb(var(--v-theme-surface));
18006
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18007
+ }
18008
+ .v-bottom-navigation--border {
18009
+ border-width: thin;
18010
+ box-shadow: none;
18011
+ }
18012
+ .v-bottom-navigation--active {
18013
+ 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));
18014
+ }
18015
+
18016
+ .v-bottom-navigation__content {
18017
+ display: flex;
18018
+ flex: none;
18019
+ font-size: 0.75rem;
18020
+ justify-content: center;
18021
+ transition: inherit;
18022
+ width: 100%;
18023
+ }
18024
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18025
+ font-size: inherit;
18026
+ height: 100%;
18027
+ max-width: 168px;
18028
+ min-width: 80px;
18029
+ text-transform: none;
18030
+ transition: inherit;
18031
+ width: auto;
18032
+ border-radius: 0;
18033
+ }
18034
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
18035
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18036
+ transition: inherit;
18037
+ }
18038
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18039
+ font-size: 1.5rem;
18040
+ }
18041
+ .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
18042
+ flex-grow: 1;
18043
+ }
18044
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
18045
+ transition: inherit;
18046
+ opacity: 0;
18047
+ }
18048
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18049
+ transform: translateY(0.5rem);
18050
+ }.v-banner {
18051
+ display: grid;
18052
+ flex: 1 1;
18053
+ font-size: 0.875rem;
18054
+ grid-template-areas: "prepend content actions";
18055
+ grid-template-columns: max-content auto max-content;
18056
+ grid-template-rows: max-content max-content;
18057
+ line-height: 1.375rem;
18058
+ overflow: hidden;
18059
+ padding-inline: 16px 8px;
18060
+ padding-top: 16px;
18061
+ padding-bottom: 16px;
18062
+ position: relative;
18063
+ width: 100%;
18064
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18065
+ border-style: solid;
18066
+ border-width: 0 0 thin 0;
18067
+ 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));
18068
+ border-radius: 0;
18069
+ background: rgb(var(--v-theme-surface));
18070
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18071
+ }
18072
+ .v-banner--border {
18073
+ border-width: thin;
18074
+ box-shadow: none;
18075
+ }
18076
+ .v-banner--absolute {
18077
+ position: absolute;
18078
+ }
18079
+ .v-banner--fixed {
18080
+ position: fixed;
18081
+ }
18082
+ .v-banner--sticky {
18083
+ position: sticky;
18084
+ }
18085
+ .v-banner--rounded {
18086
+ border-radius: 4px;
18087
+ }
18088
+ .v-banner--stacked:not(.v-banner--one-line) {
18089
+ grid-template-areas: "prepend content" ". actions";
18090
+ }
18091
+ .v-banner--stacked .v-banner-text {
18092
+ padding-inline-end: 36px;
18093
+ }
18094
+ .v-banner--density-default .v-banner-actions {
18095
+ margin-bottom: -8px;
18096
+ }
18097
+ .v-banner--density-default.v-banner--one-line {
18098
+ padding-top: 8px;
18099
+ padding-bottom: 8px;
18100
+ }
18101
+ .v-banner--density-default.v-banner--one-line .v-banner-actions {
18102
+ margin-bottom: 0;
18103
+ }
18104
+ .v-banner--density-default.v-banner--one-line {
18105
+ padding-top: 10px;
18106
+ }
18107
+ .v-banner--density-default.v-banner--two-line {
18108
+ padding-top: 16px;
18109
+ padding-bottom: 16px;
18118
18110
  }
18119
18111
  .v-banner--density-default.v-banner--three-line {
18120
18112
  padding-top: 24px;
@@ -18212,154 +18204,82 @@ html.overflow-y-hidden {
18212
18204
  }
18213
18205
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
18214
18206
  align-self: flex-start;
18215
- }.bottom-sheet-transition-enter-from {
18216
- transform: translateY(100%);
18217
- }
18218
- .bottom-sheet-transition-leave-to {
18219
- transform: translateY(100%);
18207
+ }.v-badge {
18208
+ display: inline-block;
18209
+ line-height: 1;
18220
18210
  }
18221
18211
 
18222
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18223
- align-self: flex-end;
18224
- border-radius: 0;
18225
- flex: 0 1 auto;
18212
+ .v-badge__badge {
18213
+ align-items: center;
18214
+ display: inline-flex;
18215
+ border-radius: 10px;
18216
+ font-size: 0.75rem;
18217
+ font-weight: 500;
18218
+ height: 1.25rem;
18219
+ justify-content: center;
18220
+ min-width: 20px;
18221
+ padding: 4px 6px;
18222
+ pointer-events: auto;
18223
+ position: absolute;
18224
+ text-align: center;
18225
+ text-indent: 0;
18226
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
18227
+ white-space: nowrap;
18228
+ background: rgb(var(--v-theme-surface-variant));
18229
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
18230
+ }
18231
+ .v-badge--bordered .v-badge__badge::after {
18232
+ border-radius: inherit;
18233
+ border-style: solid;
18234
+ border-width: 2px;
18235
+ bottom: 0;
18236
+ color: rgb(var(--v-theme-background));
18237
+ content: "";
18226
18238
  left: 0;
18239
+ position: absolute;
18227
18240
  right: 0;
18228
- margin-inline: 0;
18229
- margin-bottom: 0;
18230
- transition-duration: 0.2s;
18231
- width: 100%;
18232
- max-width: 100%;
18233
- overflow: visible;
18234
- box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18241
+ top: 0;
18242
+ transform: scale(1.05);
18235
18243
  }
18236
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18237
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18238
- border-radius: 0;
18244
+ .v-badge--dot .v-badge__badge {
18245
+ border-radius: 4.5px;
18246
+ height: 9px;
18247
+ min-width: 0;
18248
+ padding: 0;
18249
+ width: 9px;
18239
18250
  }
18240
- .v-bottom-sheet.v-bottom-sheet--inset {
18241
- max-width: none;
18251
+ .v-badge--dot .v-badge__badge::after {
18252
+ border-width: 1.5px;
18242
18253
  }
18243
- @media (min-width: 600px) {
18244
- .v-bottom-sheet.v-bottom-sheet--inset {
18245
- max-width: 70%;
18246
- }
18247
- }.v-bottom-navigation {
18248
- display: flex;
18249
- max-width: 100%;
18250
- overflow: hidden;
18251
- position: absolute;
18252
- transition: transform, color 0.2s, 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18253
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18254
- border-style: solid;
18255
- border-width: 0;
18256
- border-radius: 0;
18257
- background: rgb(var(--v-theme-surface));
18258
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18254
+ .v-badge--inline .v-badge__badge {
18255
+ position: relative;
18256
+ vertical-align: middle;
18259
18257
  }
18260
- .v-bottom-navigation--border {
18261
- border-width: thin;
18262
- box-shadow: none;
18258
+ .v-badge__badge .v-icon {
18259
+ color: inherit;
18260
+ font-size: 0.75rem;
18261
+ margin: 0 -2px;
18263
18262
  }
18264
- .v-bottom-navigation--active {
18265
- 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));
18263
+ .v-badge__badge img,
18264
+ .v-badge__badge .v-img {
18265
+ height: 100%;
18266
+ width: 100%;
18266
18267
  }
18267
18268
 
18268
- .v-bottom-navigation__content {
18269
+ .v-badge__wrapper {
18269
18270
  display: flex;
18270
- flex: none;
18271
- font-size: 0.75rem;
18271
+ position: relative;
18272
+ }
18273
+ .v-badge--inline .v-badge__wrapper {
18274
+ align-items: center;
18275
+ display: inline-flex;
18272
18276
  justify-content: center;
18273
- transition: inherit;
18274
- width: 100%;
18275
- }
18276
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18277
- font-size: inherit;
18278
- height: 100%;
18279
- max-width: 168px;
18280
- min-width: 80px;
18281
- text-transform: none;
18282
- transition: inherit;
18283
- width: auto;
18284
- border-radius: 0;
18285
- }
18286
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
18287
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18288
- transition: inherit;
18289
- }
18290
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18291
- font-size: 1.5rem;
18292
- }
18293
- .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
18294
- flex-grow: 1;
18295
- }
18296
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
18297
- transition: inherit;
18298
- opacity: 0;
18299
- }
18300
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18301
- transform: translateY(0.5rem);
18302
- }.v-btn-group {
18303
- display: inline-flex;
18304
- flex-wrap: nowrap;
18305
- max-width: 100%;
18306
- min-width: 0;
18307
- overflow: hidden;
18308
- vertical-align: middle;
18309
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18310
- border-style: solid;
18311
- border-width: 0;
18312
- 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));
18313
- border-radius: 4px;
18314
- background: transparent;
18315
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18316
- }
18317
- .v-btn-group--border {
18318
- border-width: thin;
18319
- box-shadow: none;
18320
- }
18321
- .v-btn-group--density-default.v-btn-group {
18322
- height: 48px;
18323
- }
18324
-
18325
- .v-btn-group--density-comfortable.v-btn-group {
18326
- height: 40px;
18327
- }
18328
-
18329
- .v-btn-group--density-compact.v-btn-group {
18330
- height: 36px;
18331
- }
18332
-
18333
- .v-btn-group .v-btn {
18334
- border-radius: 0;
18335
- border-color: inherit;
18336
- }
18337
- .v-btn-group .v-btn:not(:last-child) {
18338
- border-inline-end: none;
18339
- }
18340
- .v-btn-group .v-btn:not(:first-child) {
18341
- border-inline-start: none;
18342
- }
18343
- .v-btn-group .v-btn:first-child {
18344
- border-start-start-radius: inherit;
18345
- border-end-start-radius: inherit;
18346
- }
18347
- .v-btn-group .v-btn:last-child {
18348
- border-start-end-radius: inherit;
18349
- border-end-end-radius: inherit;
18350
- }
18351
- .v-btn-group--divided .v-btn:not(:last-child) {
18352
- border-inline-end-width: thin;
18353
- border-inline-end-style: solid;
18354
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
18355
- }
18356
- .v-btn-group--tile {
18357
- border-radius: 0;
18358
- }.v-breadcrumbs {
18359
- display: flex;
18360
- align-items: center;
18361
- line-height: 1.375rem;
18362
- padding: 16px 12px;
18277
+ margin: 0 4px;
18278
+ }.v-breadcrumbs {
18279
+ display: flex;
18280
+ align-items: center;
18281
+ line-height: 1.375rem;
18282
+ padding: 16px 12px;
18363
18283
  }
18364
18284
  .v-breadcrumbs--rounded {
18365
18285
  border-radius: 4px;
@@ -18412,18 +18332,37 @@ html.overflow-y-hidden {
18412
18332
  display: inline-block;
18413
18333
  padding: 0 8px;
18414
18334
  vertical-align: middle;
18415
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18416
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18335
+ }.bottom-sheet-transition-enter-from {
18336
+ transform: translateY(100%);
18417
18337
  }
18418
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18419
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18338
+ .bottom-sheet-transition-leave-to {
18339
+ transform: translateY(100%);
18420
18340
  }
18421
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18422
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18341
+
18342
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18343
+ align-self: flex-end;
18344
+ border-radius: 0;
18345
+ flex: 0 1 auto;
18346
+ left: 0;
18347
+ right: 0;
18348
+ margin-inline: 0;
18349
+ margin-bottom: 0;
18350
+ transition-duration: 0.2s;
18351
+ width: 100%;
18352
+ max-width: 100%;
18353
+ overflow: visible;
18354
+ box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18423
18355
  }
18424
- @supports not selector(:focus-visible) {
18425
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18426
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18356
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18357
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18358
+ border-radius: 0;
18359
+ }
18360
+ .v-bottom-sheet.v-bottom-sheet--inset {
18361
+ max-width: none;
18362
+ }
18363
+ @media (min-width: 600px) {
18364
+ .v-bottom-sheet.v-bottom-sheet--inset {
18365
+ max-width: 70%;
18427
18366
  }
18428
18367
  }.v-btn {
18429
18368
  align-items: center;
@@ -18828,6 +18767,62 @@ html.overflow-y-hidden {
18828
18767
  }
18829
18768
  .v-pagination__item--is-active .v-btn__overlay {
18830
18769
  opacity: var(--v-border-opacity);
18770
+ }.v-btn-group {
18771
+ display: inline-flex;
18772
+ flex-wrap: nowrap;
18773
+ max-width: 100%;
18774
+ min-width: 0;
18775
+ overflow: hidden;
18776
+ vertical-align: middle;
18777
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18778
+ border-style: solid;
18779
+ border-width: 0;
18780
+ 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));
18781
+ border-radius: 4px;
18782
+ background: transparent;
18783
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18784
+ }
18785
+ .v-btn-group--border {
18786
+ border-width: thin;
18787
+ box-shadow: none;
18788
+ }
18789
+ .v-btn-group--density-default.v-btn-group {
18790
+ height: 48px;
18791
+ }
18792
+
18793
+ .v-btn-group--density-comfortable.v-btn-group {
18794
+ height: 40px;
18795
+ }
18796
+
18797
+ .v-btn-group--density-compact.v-btn-group {
18798
+ height: 36px;
18799
+ }
18800
+
18801
+ .v-btn-group .v-btn {
18802
+ border-radius: 0;
18803
+ border-color: inherit;
18804
+ }
18805
+ .v-btn-group .v-btn:not(:last-child) {
18806
+ border-inline-end: none;
18807
+ }
18808
+ .v-btn-group .v-btn:not(:first-child) {
18809
+ border-inline-start: none;
18810
+ }
18811
+ .v-btn-group .v-btn:first-child {
18812
+ border-start-start-radius: inherit;
18813
+ border-end-start-radius: inherit;
18814
+ }
18815
+ .v-btn-group .v-btn:last-child {
18816
+ border-start-end-radius: inherit;
18817
+ border-end-end-radius: inherit;
18818
+ }
18819
+ .v-btn-group--divided .v-btn:not(:last-child) {
18820
+ border-inline-end-width: thin;
18821
+ border-inline-end-style: solid;
18822
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
18823
+ }
18824
+ .v-btn-group--tile {
18825
+ border-radius: 0;
18831
18826
  }.v-card {
18832
18827
  display: block;
18833
18828
  overflow: hidden;
@@ -19124,6 +19119,19 @@ html.overflow-y-hidden {
19124
19119
  pointer-events: none;
19125
19120
  opacity: 0;
19126
19121
  transition: opacity 0.2s ease-in-out;
19122
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
19123
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19124
+ }
19125
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
19126
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19127
+ }
19128
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
19129
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19130
+ }
19131
+ @supports not selector(:focus-visible) {
19132
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
19133
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19134
+ }
19127
19135
  }.v-carousel {
19128
19136
  overflow: hidden;
19129
19137
  position: relative;
@@ -19187,29 +19195,6 @@ html.overflow-y-hidden {
19187
19195
  flex-direction: column;
19188
19196
  height: 100% !important;
19189
19197
  width: 50px;
19190
- }.v-checkbox.v-input {
19191
- flex: 0 1 auto;
19192
- }
19193
- .v-checkbox .v-selection-control {
19194
- min-height: var(--v-input-control-height);
19195
- }.v-chip-group {
19196
- display: flex;
19197
- max-width: 100%;
19198
- min-width: 0;
19199
- overflow-x: auto;
19200
- padding: 4px 0;
19201
- }
19202
- .v-chip-group .v-chip {
19203
- margin: 4px 8px 4px 0;
19204
- }
19205
- .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
19206
- opacity: var(--v-activated-opacity);
19207
- }
19208
-
19209
- .v-chip-group--column .v-slide-group__content {
19210
- white-space: normal;
19211
- flex-wrap: wrap;
19212
- max-width: 100%;
19213
19198
  }.v-chip {
19214
19199
  align-items: center;
19215
19200
  display: inline-flex;
@@ -19617,6 +19602,11 @@ html.overflow-y-hidden {
19617
19602
 
19618
19603
  .v-chip--label {
19619
19604
  border-radius: 4px;
19605
+ }.v-checkbox.v-input {
19606
+ flex: 0 1 auto;
19607
+ }
19608
+ .v-checkbox .v-selection-control {
19609
+ min-height: var(--v-input-control-height);
19620
19610
  }.v-color-picker {
19621
19611
  align-self: flex-start;
19622
19612
  contain: content;
@@ -19637,6 +19627,24 @@ html.overflow-y-hidden {
19637
19627
  }
19638
19628
  .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
19639
19629
  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19630
+ }.v-chip-group {
19631
+ display: flex;
19632
+ max-width: 100%;
19633
+ min-width: 0;
19634
+ overflow-x: auto;
19635
+ padding: 4px 0;
19636
+ }
19637
+ .v-chip-group .v-chip {
19638
+ margin: 4px 8px 4px 0;
19639
+ }
19640
+ .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
19641
+ opacity: var(--v-activated-opacity);
19642
+ }
19643
+
19644
+ .v-chip-group--column .v-slide-group__content {
19645
+ white-space: normal;
19646
+ flex-wrap: wrap;
19647
+ max-width: 100%;
19640
19648
  }.v-container {
19641
19649
  width: 100%;
19642
19650
  padding: 16px;
@@ -20366,7 +20374,7 @@ html.overflow-y-hidden {
20366
20374
  .v-combobox--selecting-index .v-field__input > input {
20367
20375
  caret-color: transparent;
20368
20376
  }
20369
- .v-combobox--single:not(.v-combobox--selection-slot).v-text-field .v-field--focused input {
20377
+ .v-combobox--single:not(.v-combobox--selection-slot).v-text-field input {
20370
20378
  flex: 1 1;
20371
20379
  position: absolute;
20372
20380
  left: 0;
@@ -20390,17 +20398,57 @@ html.overflow-y-hidden {
20390
20398
  .v-combobox--active-menu .v-combobox__menu-icon {
20391
20399
  opacity: var(--v-high-emphasis-opacity);
20392
20400
  transform: rotate(180deg);
20393
- }.v-data-table {
20394
- width: 100%;
20401
+ }.v-counter {
20402
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20403
+ flex: 0 1 auto;
20404
+ font-size: 12px;
20405
+ transition-duration: 150ms;
20406
+ }.v-data-table-footer {
20407
+ display: flex;
20408
+ align-items: center;
20409
+ flex-wrap: wrap;
20410
+ padding: 4px;
20411
+ justify-content: flex-end;
20395
20412
  }
20396
20413
 
20397
- .v-data-table__table {
20398
- width: 100%;
20399
- border-collapse: separate;
20400
- border-spacing: 0;
20414
+ .v-data-table-footer__items-per-page {
20415
+ display: flex;
20416
+ align-items: center;
20417
+ justify-content: center;
20401
20418
  }
20402
-
20403
- .v-data-table__tr--focus {
20419
+ .v-data-table-footer__items-per-page > span {
20420
+ padding-inline-end: 8px;
20421
+ }
20422
+ .v-data-table-footer__items-per-page > .v-select {
20423
+ width: 90px;
20424
+ }
20425
+
20426
+ .v-data-table-footer__info {
20427
+ display: flex;
20428
+ justify-content: flex-end;
20429
+ min-width: 116px;
20430
+ padding: 0 16px;
20431
+ }
20432
+
20433
+ .v-data-table-footer__pagination {
20434
+ display: flex;
20435
+ align-items: center;
20436
+ margin-inline-start: 16px;
20437
+ }
20438
+
20439
+ .v-data-table-footer__page {
20440
+ padding: 0 8px;
20441
+ }.v-data-table {
20442
+ width: 100%;
20443
+ }
20444
+
20445
+ .v-data-table__table {
20446
+ width: 100%;
20447
+ border-collapse: separate;
20448
+ border-spacing: 0;
20449
+ }
20450
+
20451
+ .v-data-table__tr--focus {
20404
20452
  border: 1px dotted black;
20405
20453
  }
20406
20454
  .v-data-table__tr--clickable {
@@ -20523,291 +20571,239 @@ html.overflow-y-hidden {
20523
20571
  .v-data-table-rows-loading,
20524
20572
  .v-data-table-rows-no-data {
20525
20573
  text-align: center;
20526
- }.v-counter {
20527
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20528
- flex: 0 1 auto;
20529
- font-size: 12px;
20530
- transition-duration: 150ms;
20531
- }.v-data-table-footer {
20532
- display: flex;
20533
- align-items: center;
20534
- flex-wrap: wrap;
20535
- padding: 4px;
20536
- justify-content: flex-end;
20537
- }
20538
-
20539
- .v-data-table-footer__items-per-page {
20540
- display: flex;
20574
+ }.v-dialog {
20541
20575
  align-items: center;
20542
20576
  justify-content: center;
20577
+ margin: auto;
20543
20578
  }
20544
- .v-data-table-footer__items-per-page > span {
20545
- padding-inline-end: 8px;
20546
- }
20547
- .v-data-table-footer__items-per-page > .v-select {
20548
- width: 90px;
20579
+ .v-dialog > .v-overlay__content {
20580
+ max-height: calc(100% - 48px);
20581
+ width: calc(100% - 48px);
20582
+ max-width: calc(100% - 48px);
20583
+ margin: 24px;
20549
20584
  }
20550
-
20551
- .v-data-table-footer__info {
20585
+ .v-dialog > .v-overlay__content,
20586
+ .v-dialog > .v-overlay__content > form {
20552
20587
  display: flex;
20553
- justify-content: flex-end;
20554
- min-width: 116px;
20555
- padding: 0 16px;
20588
+ flex-direction: column;
20589
+ min-height: 0;
20556
20590
  }
20557
-
20558
- .v-data-table-footer__pagination {
20559
- display: flex;
20560
- align-items: center;
20561
- margin-inline-start: 16px;
20591
+ .v-dialog > .v-overlay__content > .v-card,
20592
+ .v-dialog > .v-overlay__content > .v-sheet,
20593
+ .v-dialog > .v-overlay__content > form > .v-card,
20594
+ .v-dialog > .v-overlay__content > form > .v-sheet {
20595
+ --v-scrollbar-offset: 0px;
20596
+ border-radius: 4px;
20597
+ overflow-y: auto;
20598
+ box-shadow: 0px 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 9px 46px 8px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20562
20599
  }
20563
-
20564
- .v-data-table-footer__page {
20565
- padding: 0 8px;
20566
- }.v-expansion-panel {
20567
- background-color: rgb(var(--v-theme-surface));
20568
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20600
+ .v-dialog > .v-overlay__content > .v-card,
20601
+ .v-dialog > .v-overlay__content > form > .v-card {
20602
+ display: flex;
20603
+ flex-direction: column;
20569
20604
  }
20570
- .v-expansion-panel:not(:first-child)::after {
20571
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20605
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item,
20606
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
20607
+ padding: 14px 24px 0;
20572
20608
  }
20573
- .v-expansion-panel--disabled .v-expansion-panel-title {
20574
- color: rgba(var(--v-theme-on-surface), 0.26);
20609
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
20610
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
20611
+ padding-top: 10px;
20575
20612
  }
20576
- .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
20577
- opacity: 0.4615384615;
20613
+ .v-dialog > .v-overlay__content > .v-card > .v-card-text,
20614
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
20615
+ font-size: inherit;
20616
+ letter-spacing: 0.03125em;
20617
+ line-height: inherit;
20618
+ padding: 16px 24px 10px;
20578
20619
  }
20579
20620
 
20580
- .v-expansion-panels {
20581
- display: flex;
20582
- flex-wrap: wrap;
20583
- justify-content: center;
20584
- list-style-type: none;
20621
+ .v-dialog--fullscreen {
20622
+ --v-scrollbar-offset: 0px;
20623
+ }
20624
+ .v-dialog--fullscreen > .v-overlay__content {
20625
+ border-radius: 0;
20626
+ margin: 0;
20585
20627
  padding: 0;
20586
20628
  width: 100%;
20587
- position: relative;
20588
- z-index: 1;
20629
+ height: 100%;
20630
+ max-width: 100%;
20631
+ max-height: 100%;
20632
+ overflow-y: auto;
20633
+ top: 0;
20634
+ left: 0;
20589
20635
  }
20590
- .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) {
20591
- border-bottom-left-radius: 0 !important;
20592
- border-bottom-right-radius: 0 !important;
20636
+ .v-dialog--fullscreen > .v-overlay__content > .v-card,
20637
+ .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
20638
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
20639
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
20640
+ min-height: 100%;
20641
+ min-width: 100%;
20642
+ border-radius: 0;
20593
20643
  }
20594
- .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) {
20595
- border-top-left-radius: 0 !important;
20596
- border-top-right-radius: 0 !important;
20644
+
20645
+ .v-dialog--scrollable > .v-overlay__content,
20646
+ .v-dialog--scrollable > .v-overlay__content > form {
20647
+ display: flex;
20597
20648
  }
20598
- .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) {
20599
- border-bottom-left-radius: 0 !important;
20600
- border-bottom-right-radius: 0 !important;
20649
+ .v-dialog--scrollable > .v-overlay__content > .v-card,
20650
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card {
20651
+ display: flex;
20652
+ flex: 1 1 100%;
20653
+ flex-direction: column;
20654
+ max-height: 100%;
20655
+ max-width: 100%;
20601
20656
  }
20602
- .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) {
20603
- border-top-left-radius: 0 !important;
20604
- border-top-right-radius: 0 !important;
20657
+ .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
20658
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
20659
+ -webkit-backface-visibility: hidden;
20660
+ backface-visibility: hidden;
20661
+ overflow-y: auto;
20662
+ }.v-divider {
20663
+ display: block;
20664
+ flex: 1 1 100%;
20665
+ height: 0px;
20666
+ max-height: 0px;
20667
+ opacity: var(--v-border-opacity);
20668
+ transition: inherit;
20669
+ border-style: solid;
20670
+ border-width: thin 0 0 0;
20605
20671
  }
20606
- .v-expansion-panels--variant-accordion > :first-child {
20607
- border-bottom-left-radius: 0 !important;
20608
- border-bottom-right-radius: 0 !important;
20672
+ .v-divider--vertical {
20673
+ align-self: stretch;
20674
+ border-width: 0 thin 0 0;
20675
+ display: inline-flex;
20676
+ height: inherit;
20677
+ margin-left: -1px;
20678
+ max-height: 100%;
20679
+ max-width: 0px;
20680
+ vertical-align: text-bottom;
20681
+ width: 0px;
20609
20682
  }
20610
- .v-expansion-panels--variant-accordion > :last-child {
20611
- border-top-left-radius: 0 !important;
20612
- border-top-right-radius: 0 !important;
20683
+ .v-divider--inset:not(.v-divider--vertical) {
20684
+ max-width: calc(100% - 72px);
20685
+ margin-inline-start: 72px;
20613
20686
  }
20614
- .v-expansion-panels--variant-accordion > :last-child .v-expansion-panel-title--active {
20615
- border-bottom-left-radius: initial;
20616
- border-bottom-right-radius: initial;
20687
+ .v-divider--inset.v-divider--vertical {
20688
+ margin-bottom: 8px;
20689
+ margin-top: 8px;
20690
+ max-height: calc(100% - 16px);
20691
+ }.v-date-picker-controls {
20692
+ display: flex;
20693
+ align-items: center;
20694
+ justify-content: space-between;
20695
+ font-size: 0.875rem;
20696
+ padding-top: 4px;
20697
+ padding-bottom: 4px;
20698
+ padding-inline-start: 6px;
20699
+ padding-inline-end: 12px;
20617
20700
  }
20618
- .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
20619
- border-radius: 0 !important;
20701
+ .v-date-picker-controls > .v-btn:first-child {
20702
+ text-transform: none;
20703
+ font-weight: 400;
20704
+ line-height: initial;
20705
+ letter-spacing: initial;
20620
20706
  }
20621
- .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
20622
- transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
20707
+ .v-date-picker-controls--variant-classic {
20708
+ padding-inline-start: 12px;
20623
20709
  }
20624
-
20625
- .v-expansion-panel {
20626
- flex: 1 0 100%;
20627
- max-width: 100%;
20628
- position: relative;
20629
- transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
20630
- transition-property: margin-top, border-radius, border, max-width;
20631
- border-radius: 4px;
20710
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20711
+ opacity: 0.7;
20632
20712
  }
20633
- .v-expansion-panel:not(:first-child)::after {
20634
- border-top-style: solid;
20635
- border-top-width: thin;
20636
- content: "";
20637
- left: 0;
20638
- position: absolute;
20639
- right: 0;
20640
- top: 0;
20641
- transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
20713
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20714
+ cursor: pointer;
20642
20715
  }
20643
- .v-expansion-panel--disabled .v-expansion-panel-title {
20644
- pointer-events: none;
20716
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20717
+ opacity: 1;
20645
20718
  }
20646
- .v-expansion-panel--active:not(:first-child),
20647
- .v-expansion-panel--active + .v-expansion-panel {
20648
- margin-top: 16px;
20719
+ .v-date-picker-controls .v-btn:last-child {
20720
+ margin-inline-start: 4px;
20649
20721
  }
20650
- .v-expansion-panel--active:not(:first-child)::after,
20651
- .v-expansion-panel--active + .v-expansion-panel::after {
20652
- opacity: 0;
20653
- }
20654
- .v-expansion-panel--active > .v-expansion-panel-title {
20655
- border-bottom-left-radius: 0;
20656
- border-bottom-right-radius: 0;
20657
- }
20658
- .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
20659
- min-height: 64px;
20722
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20723
+ transform: rotate(180deg);
20660
20724
  }
20661
20725
 
20662
- .v-expansion-panel__shadow {
20663
- position: absolute;
20664
- top: 0;
20665
- left: 0;
20666
- width: 100%;
20667
- height: 100%;
20668
- 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));
20669
- border-radius: inherit;
20670
- z-index: -1;
20726
+ .v-date-picker-controls__date {
20727
+ margin-inline-end: 4px;
20728
+ }
20729
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20730
+ margin: auto;
20731
+ text-align: center;
20671
20732
  }
20672
20733
 
20673
- .v-expansion-panel-title {
20674
- align-items: center;
20675
- text-align: start;
20676
- border-radius: inherit;
20734
+ .v-date-picker-controls__month {
20677
20735
  display: flex;
20678
- font-size: 0.9375rem;
20679
- line-height: 1;
20680
- min-height: 48px;
20681
- outline: none;
20682
- padding: 16px 24px;
20683
- position: relative;
20684
- transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
20685
- width: 100%;
20686
- justify-content: space-between;
20687
- }
20688
- .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
20689
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
20690
- }
20691
- .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
20692
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20693
- }
20694
- @supports not selector(:focus-visible) {
20695
- .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
20696
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20697
- }
20698
- }
20699
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active .v-expansion-panel-title__overlay {
20700
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
20701
20736
  }
20702
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:hover .v-expansion-panel-title__overlay {
20703
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20704
- }
20705
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus-visible .v-expansion-panel-title__overlay {
20706
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20707
- }
20708
- @supports not selector(:focus-visible) {
20709
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus .v-expansion-panel-title__overlay {
20710
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20711
- }
20737
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20738
+ flex-direction: row-reverse;
20712
20739
  }
20713
20740
 
20714
- .v-expansion-panel-title__overlay {
20715
- position: absolute;
20716
- top: 0;
20717
- left: 0;
20718
- width: 100%;
20719
- height: 100%;
20720
- background-color: currentColor;
20721
- border-radius: inherit;
20722
- opacity: 0;
20741
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20742
+ flex: 1 0 auto;
20723
20743
  }
20724
20744
 
20725
- .v-expansion-panel-title__icon {
20726
- display: inline-flex;
20727
- margin-bottom: -4px;
20728
- margin-top: -4px;
20729
- -webkit-user-select: none;
20730
- user-select: none;
20731
- margin-inline-start: auto;
20745
+ .v-date-picker__title {
20746
+ display: inline-block;
20747
+ }.v-date-picker-header {
20748
+ align-items: flex-end;
20749
+ height: 70px;
20750
+ display: grid;
20751
+ grid-template-areas: "prepend content append";
20752
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
20753
+ overflow: hidden;
20754
+ padding-inline: 24px 12px;
20755
+ padding-bottom: 12px;
20732
20756
  }
20733
20757
 
20734
- .v-expansion-panel-text {
20735
- display: flex;
20736
- }
20737
- .v-expansion-panel-text__wrapper {
20738
- padding: 8px 24px 16px;
20739
- flex: 1 1 auto;
20740
- max-width: 100%;
20758
+ .v-date-picker-header__append {
20759
+ grid-area: append;
20741
20760
  }
20742
20761
 
20743
- .v-expansion-panels--variant-accordion > .v-expansion-panel {
20744
- margin-top: 0;
20745
- }
20746
- .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
20747
- opacity: 1;
20762
+ .v-date-picker-header__prepend {
20763
+ grid-area: prepend;
20764
+ padding-inline-start: 8px;
20748
20765
  }
20749
20766
 
20750
- .v-expansion-panels--variant-popout > .v-expansion-panel {
20751
- max-width: calc(100% - 32px);
20752
- }
20753
- .v-expansion-panels--variant-popout > .v-expansion-panel--active {
20754
- max-width: calc(100% + 16px);
20767
+ .v-date-picker-header__content {
20768
+ align-items: center;
20769
+ display: inline-flex;
20770
+ font-size: 32px;
20771
+ line-height: 40px;
20772
+ grid-area: content;
20773
+ justify-content: space-between;
20755
20774
  }
20756
-
20757
- .v-expansion-panels--variant-inset > .v-expansion-panel {
20758
- max-width: 100%;
20775
+ .v-date-picker-header--clickable .v-date-picker-header__content {
20776
+ cursor: pointer;
20759
20777
  }
20760
- .v-expansion-panels--variant-inset > .v-expansion-panel--active {
20761
- max-width: calc(100% - 32px);
20778
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20779
+ opacity: 0.7;
20762
20780
  }
20763
20781
 
20764
- .v-expansion-panels--flat > .v-expansion-panel::after {
20765
- border-top: none;
20782
+ .date-picker-header-transition-enter-active,
20783
+ .date-picker-header-reverse-transition-enter-active {
20784
+ transition-duration: 0.3s;
20785
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20766
20786
  }
20767
- .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
20768
- display: none;
20787
+ .date-picker-header-transition-leave-active,
20788
+ .date-picker-header-reverse-transition-leave-active {
20789
+ transition-duration: 0.3s;
20790
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20769
20791
  }
20770
20792
 
20771
- .v-expansion-panels--tile {
20772
- border-radius: 0;
20773
- }
20774
- .v-expansion-panels--tile > .v-expansion-panel {
20775
- border-radius: 0;
20776
- }.v-divider {
20777
- display: block;
20778
- flex: 1 1 100%;
20779
- height: 0px;
20780
- max-height: 0px;
20781
- opacity: var(--v-border-opacity);
20782
- transition: inherit;
20783
- border-style: solid;
20784
- border-width: thin 0 0 0;
20785
- }
20786
- .v-divider--vertical {
20787
- align-self: stretch;
20788
- border-width: 0 thin 0 0;
20789
- display: inline-flex;
20790
- height: inherit;
20791
- margin-left: -1px;
20792
- max-height: 100%;
20793
- max-width: 0px;
20794
- vertical-align: text-bottom;
20795
- width: 0px;
20793
+ .date-picker-header-transition-enter-from {
20794
+ transform: translate(0, 100%);
20796
20795
  }
20797
- .v-divider--inset:not(.v-divider--vertical) {
20798
- max-width: calc(100% - 72px);
20799
- margin-inline-start: 72px;
20796
+ .date-picker-header-transition-leave-to {
20797
+ opacity: 0;
20798
+ transform: translate(0, -100%);
20800
20799
  }
20801
- .v-divider--inset.v-divider--vertical {
20802
- margin-bottom: 8px;
20803
- margin-top: 8px;
20804
- max-height: calc(100% - 16px);
20805
- }.v-date-picker {
20806
- overflow: hidden;
20807
- width: 328px;
20800
+
20801
+ .date-picker-header-reverse-transition-enter-from {
20802
+ transform: translate(0, -100%);
20808
20803
  }
20809
- .v-date-picker--show-week {
20810
- width: 368px;
20804
+ .date-picker-header-reverse-transition-leave-to {
20805
+ opacity: 0;
20806
+ transform: translate(0, 100%);
20811
20807
  }.v-date-picker-months {
20812
20808
  height: 288px;
20813
20809
  }
@@ -20827,62 +20823,12 @@ html.overflow-y-hidden {
20827
20823
  text-transform: none;
20828
20824
  padding-inline-start: 8px;
20829
20825
  padding-inline-end: 8px;
20830
- }.v-date-picker-controls {
20831
- display: flex;
20832
- align-items: center;
20833
- justify-content: space-between;
20834
- font-size: 0.875rem;
20835
- padding-top: 4px;
20836
- padding-bottom: 4px;
20837
- padding-inline-start: 6px;
20838
- padding-inline-end: 12px;
20839
- }
20840
- .v-date-picker-controls > .v-btn:first-child {
20841
- text-transform: none;
20842
- font-weight: 400;
20843
- line-height: initial;
20844
- letter-spacing: initial;
20845
- }
20846
- .v-date-picker-controls--variant-classic {
20847
- padding-inline-start: 12px;
20848
- }
20849
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20850
- opacity: 0.7;
20851
- }
20852
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20853
- cursor: pointer;
20854
- }
20855
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20856
- opacity: 1;
20857
- }
20858
- .v-date-picker-controls .v-btn:last-child {
20859
- margin-inline-start: 4px;
20860
- }
20861
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20862
- transform: rotate(180deg);
20863
- }
20864
-
20865
- .v-date-picker-controls__date {
20866
- margin-inline-end: 4px;
20867
- }
20868
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20869
- margin: auto;
20870
- text-align: center;
20871
- }
20872
-
20873
- .v-date-picker-controls__month {
20874
- display: flex;
20875
- }
20876
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20877
- flex-direction: row-reverse;
20878
- }
20879
-
20880
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20881
- flex: 1 0 auto;
20826
+ }.v-date-picker {
20827
+ overflow: hidden;
20828
+ width: 328px;
20882
20829
  }
20883
-
20884
- .v-date-picker__title {
20885
- display: inline-block;
20830
+ .v-date-picker--show-week {
20831
+ width: 368px;
20886
20832
  }.v-date-picker-month {
20887
20833
  display: flex;
20888
20834
  justify-content: center;
@@ -20953,154 +20899,216 @@ html.overflow-y-hidden {
20953
20899
  }
20954
20900
  .v-date-picker-years__content .v-btn {
20955
20901
  padding-inline: 8px;
20956
- }.v-date-picker-header {
20957
- align-items: flex-end;
20958
- height: 70px;
20959
- display: grid;
20960
- grid-template-areas: "prepend content append";
20961
- grid-template-columns: min-content minmax(0, 1fr) min-content;
20962
- overflow: hidden;
20963
- padding-inline: 24px 12px;
20964
- padding-bottom: 12px;
20902
+ }.v-expansion-panel {
20903
+ background-color: rgb(var(--v-theme-surface));
20904
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20965
20905
  }
20966
-
20967
- .v-date-picker-header__append {
20968
- grid-area: append;
20906
+ .v-expansion-panel:not(:first-child)::after {
20907
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20969
20908
  }
20970
-
20971
- .v-date-picker-header__prepend {
20972
- grid-area: prepend;
20973
- padding-inline-start: 8px;
20909
+ .v-expansion-panel--disabled .v-expansion-panel-title {
20910
+ color: rgba(var(--v-theme-on-surface), 0.26);
20911
+ }
20912
+ .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
20913
+ opacity: 0.4615384615;
20974
20914
  }
20975
20915
 
20976
- .v-date-picker-header__content {
20977
- align-items: center;
20978
- display: inline-flex;
20979
- font-size: 32px;
20980
- line-height: 40px;
20981
- grid-area: content;
20982
- justify-content: space-between;
20916
+ .v-expansion-panels {
20917
+ display: flex;
20918
+ flex-wrap: wrap;
20919
+ justify-content: center;
20920
+ list-style-type: none;
20921
+ padding: 0;
20922
+ width: 100%;
20923
+ position: relative;
20924
+ z-index: 1;
20983
20925
  }
20984
- .v-date-picker-header--clickable .v-date-picker-header__content {
20985
- cursor: pointer;
20926
+ .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) {
20927
+ border-bottom-left-radius: 0 !important;
20928
+ border-bottom-right-radius: 0 !important;
20986
20929
  }
20987
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20988
- opacity: 0.7;
20930
+ .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) {
20931
+ border-top-left-radius: 0 !important;
20932
+ border-top-right-radius: 0 !important;
20989
20933
  }
20990
-
20991
- .date-picker-header-transition-enter-active,
20992
- .date-picker-header-reverse-transition-enter-active {
20993
- transition-duration: 0.3s;
20994
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20934
+ .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) {
20935
+ border-bottom-left-radius: 0 !important;
20936
+ border-bottom-right-radius: 0 !important;
20995
20937
  }
20996
- .date-picker-header-transition-leave-active,
20997
- .date-picker-header-reverse-transition-leave-active {
20998
- transition-duration: 0.3s;
20999
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20938
+ .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) {
20939
+ border-top-left-radius: 0 !important;
20940
+ border-top-right-radius: 0 !important;
20941
+ }
20942
+ .v-expansion-panels--variant-accordion > :first-child {
20943
+ border-bottom-left-radius: 0 !important;
20944
+ border-bottom-right-radius: 0 !important;
20945
+ }
20946
+ .v-expansion-panels--variant-accordion > :last-child {
20947
+ border-top-left-radius: 0 !important;
20948
+ border-top-right-radius: 0 !important;
20949
+ }
20950
+ .v-expansion-panels--variant-accordion > :last-child .v-expansion-panel-title--active {
20951
+ border-bottom-left-radius: initial;
20952
+ border-bottom-right-radius: initial;
20953
+ }
20954
+ .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
20955
+ border-radius: 0 !important;
20956
+ }
20957
+ .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
20958
+ transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
21000
20959
  }
21001
20960
 
21002
- .date-picker-header-transition-enter-from {
21003
- transform: translate(0, 100%);
20961
+ .v-expansion-panel {
20962
+ flex: 1 0 100%;
20963
+ max-width: 100%;
20964
+ position: relative;
20965
+ transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
20966
+ transition-property: margin-top, border-radius, border, max-width;
20967
+ border-radius: 4px;
21004
20968
  }
21005
- .date-picker-header-transition-leave-to {
20969
+ .v-expansion-panel:not(:first-child)::after {
20970
+ border-top-style: solid;
20971
+ border-top-width: thin;
20972
+ content: "";
20973
+ left: 0;
20974
+ position: absolute;
20975
+ right: 0;
20976
+ top: 0;
20977
+ transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
20978
+ }
20979
+ .v-expansion-panel--disabled .v-expansion-panel-title {
20980
+ pointer-events: none;
20981
+ }
20982
+ .v-expansion-panel--active:not(:first-child),
20983
+ .v-expansion-panel--active + .v-expansion-panel {
20984
+ margin-top: 16px;
20985
+ }
20986
+ .v-expansion-panel--active:not(:first-child)::after,
20987
+ .v-expansion-panel--active + .v-expansion-panel::after {
21006
20988
  opacity: 0;
21007
- transform: translate(0, -100%);
20989
+ }
20990
+ .v-expansion-panel--active > .v-expansion-panel-title {
20991
+ border-bottom-left-radius: 0;
20992
+ border-bottom-right-radius: 0;
20993
+ }
20994
+ .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
20995
+ min-height: 64px;
21008
20996
  }
21009
20997
 
21010
- .date-picker-header-reverse-transition-enter-from {
21011
- transform: translate(0, -100%);
20998
+ .v-expansion-panel__shadow {
20999
+ position: absolute;
21000
+ top: 0;
21001
+ left: 0;
21002
+ width: 100%;
21003
+ height: 100%;
21004
+ 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));
21005
+ border-radius: inherit;
21006
+ z-index: -1;
21012
21007
  }
21013
- .date-picker-header-reverse-transition-leave-to {
21014
- opacity: 0;
21015
- transform: translate(0, 100%);
21016
- }.v-dialog {
21008
+
21009
+ .v-expansion-panel-title {
21017
21010
  align-items: center;
21018
- justify-content: center;
21019
- margin: auto;
21011
+ text-align: start;
21012
+ border-radius: inherit;
21013
+ display: flex;
21014
+ font-size: 0.9375rem;
21015
+ line-height: 1;
21016
+ min-height: 48px;
21017
+ outline: none;
21018
+ padding: 16px 24px;
21019
+ position: relative;
21020
+ transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
21021
+ width: 100%;
21022
+ justify-content: space-between;
21020
21023
  }
21021
- .v-dialog > .v-overlay__content {
21022
- max-height: calc(100% - 48px);
21023
- width: calc(100% - 48px);
21024
- max-width: calc(100% - 48px);
21025
- margin: 24px;
21024
+ .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
21025
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
21026
21026
  }
21027
- .v-dialog > .v-overlay__content,
21028
- .v-dialog > .v-overlay__content > form {
21029
- display: flex;
21030
- flex-direction: column;
21031
- min-height: 0;
21027
+ .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
21028
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21032
21029
  }
21033
- .v-dialog > .v-overlay__content > .v-card,
21034
- .v-dialog > .v-overlay__content > .v-sheet,
21035
- .v-dialog > .v-overlay__content > form > .v-card,
21036
- .v-dialog > .v-overlay__content > form > .v-sheet {
21037
- --v-scrollbar-offset: 0px;
21038
- border-radius: 4px;
21039
- overflow-y: auto;
21040
- box-shadow: 0px 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 9px 46px 8px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21030
+ @supports not selector(:focus-visible) {
21031
+ .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
21032
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21033
+ }
21041
21034
  }
21042
- .v-dialog > .v-overlay__content > .v-card,
21043
- .v-dialog > .v-overlay__content > form > .v-card {
21044
- display: flex;
21045
- flex-direction: column;
21035
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active .v-expansion-panel-title__overlay {
21036
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
21046
21037
  }
21047
- .v-dialog > .v-overlay__content > .v-card > .v-card-item,
21048
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
21049
- padding: 14px 24px 0;
21038
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:hover .v-expansion-panel-title__overlay {
21039
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21050
21040
  }
21051
- .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
21052
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
21053
- padding-top: 10px;
21041
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus-visible .v-expansion-panel-title__overlay {
21042
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21054
21043
  }
21055
- .v-dialog > .v-overlay__content > .v-card > .v-card-text,
21056
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
21057
- font-size: inherit;
21058
- letter-spacing: 0.03125em;
21059
- line-height: inherit;
21060
- padding: 16px 24px 10px;
21044
+ @supports not selector(:focus-visible) {
21045
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus .v-expansion-panel-title__overlay {
21046
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21047
+ }
21061
21048
  }
21062
21049
 
21063
- .v-dialog--fullscreen {
21064
- --v-scrollbar-offset: 0px;
21065
- }
21066
- .v-dialog--fullscreen > .v-overlay__content {
21067
- border-radius: 0;
21068
- margin: 0;
21069
- padding: 0;
21070
- width: 100%;
21071
- height: 100%;
21072
- max-width: 100%;
21073
- max-height: 100%;
21074
- overflow-y: auto;
21050
+ .v-expansion-panel-title__overlay {
21051
+ position: absolute;
21075
21052
  top: 0;
21076
21053
  left: 0;
21054
+ width: 100%;
21055
+ height: 100%;
21056
+ background-color: currentColor;
21057
+ border-radius: inherit;
21058
+ opacity: 0;
21077
21059
  }
21078
- .v-dialog--fullscreen > .v-overlay__content > .v-card,
21079
- .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
21080
- .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
21081
- .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
21082
- min-height: 100%;
21083
- min-width: 100%;
21084
- border-radius: 0;
21060
+
21061
+ .v-expansion-panel-title__icon {
21062
+ display: inline-flex;
21063
+ margin-bottom: -4px;
21064
+ margin-top: -4px;
21065
+ -webkit-user-select: none;
21066
+ user-select: none;
21067
+ margin-inline-start: auto;
21085
21068
  }
21086
21069
 
21087
- .v-dialog--scrollable > .v-overlay__content,
21088
- .v-dialog--scrollable > .v-overlay__content > form {
21070
+ .v-expansion-panel-text {
21089
21071
  display: flex;
21090
21072
  }
21091
- .v-dialog--scrollable > .v-overlay__content > .v-card,
21092
- .v-dialog--scrollable > .v-overlay__content > form > .v-card {
21093
- display: flex;
21094
- flex: 1 1 100%;
21095
- flex-direction: column;
21096
- max-height: 100%;
21073
+ .v-expansion-panel-text__wrapper {
21074
+ padding: 8px 24px 16px;
21075
+ flex: 1 1 auto;
21097
21076
  max-width: 100%;
21098
21077
  }
21099
- .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
21100
- .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
21101
- -webkit-backface-visibility: hidden;
21102
- backface-visibility: hidden;
21103
- overflow-y: auto;
21078
+
21079
+ .v-expansion-panels--variant-accordion > .v-expansion-panel {
21080
+ margin-top: 0;
21081
+ }
21082
+ .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
21083
+ opacity: 1;
21084
+ }
21085
+
21086
+ .v-expansion-panels--variant-popout > .v-expansion-panel {
21087
+ max-width: calc(100% - 32px);
21088
+ }
21089
+ .v-expansion-panels--variant-popout > .v-expansion-panel--active {
21090
+ max-width: calc(100% + 16px);
21091
+ }
21092
+
21093
+ .v-expansion-panels--variant-inset > .v-expansion-panel {
21094
+ max-width: 100%;
21095
+ }
21096
+ .v-expansion-panels--variant-inset > .v-expansion-panel--active {
21097
+ max-width: calc(100% - 32px);
21098
+ }
21099
+
21100
+ .v-expansion-panels--flat > .v-expansion-panel::after {
21101
+ border-top: none;
21102
+ }
21103
+ .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
21104
+ display: none;
21105
+ }
21106
+
21107
+ .v-expansion-panels--tile {
21108
+ border-radius: 0;
21109
+ }
21110
+ .v-expansion-panels--tile > .v-expansion-panel {
21111
+ border-radius: 0;
21104
21112
  }/* region INPUT */
21105
21113
  .v-field {
21106
21114
  display: grid;
@@ -21669,27 +21677,7 @@ textarea.v-field__input::placeholder {
21669
21677
  opacity: 0;
21670
21678
  }
21671
21679
 
21672
- /* endregion */.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21673
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21674
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21675
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21676
- top: 0px;
21677
- }
21678
- .v-file-input input[type=file] {
21679
- height: 100%;
21680
- left: 0;
21681
- opacity: 0;
21682
- position: absolute;
21683
- top: 0;
21684
- width: 100%;
21685
- z-index: 1;
21686
- }
21687
- .v-file-input .v-input__details {
21688
- padding-inline: 16px;
21689
- }
21690
- .v-input--plain-underlined.v-file-input .v-input__details {
21691
- padding-inline: 0;
21692
- }.v-footer {
21680
+ /* endregion */.v-footer {
21693
21681
  align-items: center;
21694
21682
  display: flex;
21695
21683
  flex: 1 1 auto;
@@ -21717,6 +21705,136 @@ textarea.v-field__input::placeholder {
21717
21705
  }
21718
21706
  .v-footer--rounded {
21719
21707
  border-radius: 4px;
21708
+ }.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21709
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21710
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21711
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21712
+ top: 0px;
21713
+ }
21714
+ .v-file-input input[type=file] {
21715
+ height: 100%;
21716
+ left: 0;
21717
+ opacity: 0;
21718
+ position: absolute;
21719
+ top: 0;
21720
+ width: 100%;
21721
+ z-index: 1;
21722
+ }
21723
+ .v-file-input .v-input__details {
21724
+ padding-inline: 16px;
21725
+ }
21726
+ .v-input--plain-underlined.v-file-input .v-input__details {
21727
+ padding-inline: 0;
21728
+ }.v-icon {
21729
+ --v-icon-size-multiplier: 1;
21730
+ align-items: center;
21731
+ display: inline-flex;
21732
+ font-feature-settings: "liga";
21733
+ height: 1em;
21734
+ justify-content: center;
21735
+ letter-spacing: normal;
21736
+ line-height: 1;
21737
+ position: relative;
21738
+ text-indent: 0;
21739
+ text-align: center;
21740
+ -webkit-user-select: none;
21741
+ user-select: none;
21742
+ vertical-align: middle;
21743
+ width: 1em;
21744
+ min-width: 1em;
21745
+ }
21746
+ .v-icon--clickable {
21747
+ cursor: pointer;
21748
+ }
21749
+ .v-icon--size-x-small {
21750
+ font-size: calc(var(--v-icon-size-multiplier) * 1em);
21751
+ }
21752
+ .v-icon--size-small {
21753
+ font-size: calc(var(--v-icon-size-multiplier) * 1.25em);
21754
+ }
21755
+ .v-icon--size-default {
21756
+ font-size: calc(var(--v-icon-size-multiplier) * 1.5em);
21757
+ }
21758
+ .v-icon--size-large {
21759
+ font-size: calc(var(--v-icon-size-multiplier) * 1.75em);
21760
+ }
21761
+ .v-icon--size-x-large {
21762
+ font-size: calc(var(--v-icon-size-multiplier) * 2em);
21763
+ }
21764
+
21765
+ .v-icon__svg {
21766
+ fill: currentColor;
21767
+ width: 100%;
21768
+ height: 100%;
21769
+ }
21770
+
21771
+ .v-icon--start {
21772
+ margin-inline-end: 8px;
21773
+ }
21774
+
21775
+ .v-icon--end {
21776
+ margin-inline-start: 8px;
21777
+ }.v-img {
21778
+ --v-theme-overlay-multiplier: 3;
21779
+ z-index: 0;
21780
+ }
21781
+ .v-img--booting .v-responsive__sizer {
21782
+ transition: none;
21783
+ }
21784
+ .v-img--rounded {
21785
+ border-radius: 4px;
21786
+ }
21787
+
21788
+ .v-img__img,
21789
+ .v-img__picture,
21790
+ .v-img__gradient,
21791
+ .v-img__placeholder,
21792
+ .v-img__error {
21793
+ z-index: -1;
21794
+ position: absolute;
21795
+ top: 0;
21796
+ left: 0;
21797
+ width: 100%;
21798
+ height: 100%;
21799
+ }
21800
+
21801
+ .v-img__img--preload {
21802
+ filter: blur(4px);
21803
+ }
21804
+ .v-img__img--contain {
21805
+ object-fit: contain;
21806
+ }
21807
+ .v-img__img--cover {
21808
+ object-fit: cover;
21809
+ }
21810
+
21811
+ .v-img__gradient {
21812
+ background-repeat: no-repeat;
21813
+ }.v-infinite-scroll--horizontal {
21814
+ display: flex;
21815
+ flex-direction: row;
21816
+ overflow-x: auto;
21817
+ }
21818
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21819
+ height: 100%;
21820
+ width: 1px;
21821
+ }
21822
+
21823
+ .v-infinite-scroll--vertical {
21824
+ display: flex;
21825
+ flex-direction: column;
21826
+ overflow-y: auto;
21827
+ }
21828
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21829
+ height: 1px;
21830
+ width: 100%;
21831
+ }
21832
+
21833
+ .v-infinite-scroll__side {
21834
+ align-items: center;
21835
+ display: flex;
21836
+ justify-content: center;
21837
+ padding: 8px;
21720
21838
  }.v-input {
21721
21839
  display: grid;
21722
21840
  flex: 1 1 auto;
@@ -21859,138 +21977,142 @@ textarea.v-field__input::placeholder {
21859
21977
 
21860
21978
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
21861
21979
  padding-top: calc(var(--v-input-padding-top) + 0px);
21862
- }.v-infinite-scroll--horizontal {
21980
+ }.v-item-group {
21981
+ flex: 0 1 auto;
21982
+ max-width: 100%;
21983
+ position: relative;
21984
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21985
+ }.v-layout-item {
21986
+ position: absolute;
21987
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21988
+ }
21989
+
21990
+ .v-layout-item--absolute {
21991
+ position: absolute;
21992
+ }.v-layout {
21993
+ --v-scrollbar-offset: 0px;
21863
21994
  display: flex;
21864
- flex-direction: row;
21865
- overflow-x: auto;
21995
+ flex: 1 1 auto;
21866
21996
  }
21867
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21997
+ .v-layout--full-height {
21998
+ --v-scrollbar-offset: inherit;
21868
21999
  height: 100%;
21869
- width: 1px;
22000
+ }.v-label {
22001
+ align-items: center;
22002
+ color: inherit;
22003
+ display: inline-flex;
22004
+ font-size: 1rem;
22005
+ letter-spacing: 0.009375em;
22006
+ min-width: 0;
22007
+ opacity: var(--v-medium-emphasis-opacity);
22008
+ overflow: hidden;
22009
+ text-overflow: ellipsis;
22010
+ white-space: nowrap;
21870
22011
  }
21871
22012
 
21872
- .v-infinite-scroll--vertical {
21873
- display: flex;
21874
- flex-direction: column;
21875
- overflow-y: auto;
22013
+ .v-label--clickable {
22014
+ cursor: pointer;
22015
+ }.v-list {
22016
+ overflow: auto;
22017
+ padding: 8px 0;
22018
+ position: relative;
22019
+ outline: none;
22020
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22021
+ border-style: solid;
22022
+ border-width: 0;
22023
+ 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));
22024
+ border-radius: 0;
22025
+ background: rgba(var(--v-theme-surface));
22026
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21876
22027
  }
21877
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21878
- height: 1px;
21879
- width: 100%;
22028
+ .v-list--border {
22029
+ border-width: thin;
22030
+ box-shadow: none;
21880
22031
  }
21881
-
21882
- .v-infinite-scroll__side {
21883
- align-items: center;
21884
- display: flex;
21885
- justify-content: center;
21886
- padding: 8px;
21887
- }.v-item-group {
21888
- flex: 0 1 auto;
21889
- max-width: 100%;
21890
- position: relative;
21891
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21892
- }.v-img {
21893
- --v-theme-overlay-multiplier: 3;
21894
- z-index: 0;
22032
+ .v-list--disabled {
22033
+ pointer-events: none;
22034
+ -webkit-user-select: none;
22035
+ user-select: none;
21895
22036
  }
21896
- .v-img--booting .v-responsive__sizer {
21897
- transition: none;
22037
+ .v-list--nav {
22038
+ padding-inline: 8px;
21898
22039
  }
21899
- .v-img--rounded {
22040
+ .v-list--rounded {
21900
22041
  border-radius: 4px;
21901
22042
  }
22043
+ .v-list--subheader {
22044
+ padding-top: 0;
22045
+ }
21902
22046
 
21903
- .v-img__img,
21904
- .v-img__picture,
21905
- .v-img__gradient,
21906
- .v-img__placeholder,
21907
- .v-img__error {
21908
- z-index: -1;
22047
+ .v-list-img {
22048
+ border-radius: inherit;
22049
+ display: flex;
22050
+ height: 100%;
22051
+ left: 0;
22052
+ overflow: hidden;
21909
22053
  position: absolute;
21910
22054
  top: 0;
21911
- left: 0;
21912
22055
  width: 100%;
21913
- height: 100%;
21914
- }
21915
-
21916
- .v-img__img--preload {
21917
- filter: blur(4px);
21918
- }
21919
- .v-img__img--contain {
21920
- object-fit: contain;
21921
- }
21922
- .v-img__img--cover {
21923
- object-fit: cover;
22056
+ z-index: -1;
21924
22057
  }
21925
22058
 
21926
- .v-img__gradient {
21927
- background-repeat: no-repeat;
21928
- }.v-icon {
21929
- --v-icon-size-multiplier: 1;
22059
+ .v-list-subheader {
21930
22060
  align-items: center;
21931
- display: inline-flex;
21932
- font-feature-settings: "liga";
21933
- height: 1em;
21934
- justify-content: center;
21935
- letter-spacing: normal;
21936
- line-height: 1;
21937
- position: relative;
21938
- text-indent: 0;
21939
- text-align: center;
21940
- -webkit-user-select: none;
21941
- user-select: none;
21942
- vertical-align: middle;
21943
- width: 1em;
21944
- min-width: 1em;
21945
- }
21946
- .v-icon--clickable {
21947
- cursor: pointer;
21948
- }
21949
- .v-icon--size-x-small {
21950
- font-size: calc(var(--v-icon-size-multiplier) * 1em);
21951
- }
21952
- .v-icon--size-small {
21953
- font-size: calc(var(--v-icon-size-multiplier) * 1.25em);
21954
- }
21955
- .v-icon--size-default {
21956
- font-size: calc(var(--v-icon-size-multiplier) * 1.5em);
22061
+ background: inherit;
22062
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
22063
+ display: flex;
22064
+ font-size: 0.875rem;
22065
+ font-weight: 400;
22066
+ line-height: 1.375rem;
22067
+ padding-inline-end: 16px;
22068
+ min-height: 40px;
22069
+ transition: 0.2s min-height cubic-bezier(0.4, 0, 0.2, 1);
21957
22070
  }
21958
- .v-icon--size-large {
21959
- font-size: calc(var(--v-icon-size-multiplier) * 1.75em);
22071
+ .v-list-subheader__text {
22072
+ overflow: hidden;
22073
+ text-overflow: ellipsis;
22074
+ white-space: nowrap;
21960
22075
  }
21961
- .v-icon--size-x-large {
21962
- font-size: calc(var(--v-icon-size-multiplier) * 2em);
22076
+ .v-list--density-default .v-list-subheader {
22077
+ min-height: 40px;
22078
+ padding-inline-start: calc(16px + var(--indent-padding)) !important;
21963
22079
  }
21964
22080
 
21965
- .v-icon__svg {
21966
- fill: currentColor;
21967
- width: 100%;
21968
- height: 100%;
22081
+ .v-list--density-comfortable .v-list-subheader {
22082
+ min-height: 36px;
22083
+ padding-inline-start: calc(16px + var(--indent-padding)) !important;
21969
22084
  }
21970
22085
 
21971
- .v-icon--start {
21972
- margin-inline-end: 8px;
22086
+ .v-list--density-compact .v-list-subheader {
22087
+ min-height: 32px;
22088
+ padding-inline-start: calc(16px + var(--indent-padding)) !important;
21973
22089
  }
21974
22090
 
21975
- .v-icon--end {
21976
- margin-inline-start: 8px;
21977
- }.v-layout {
21978
- --v-scrollbar-offset: 0px;
21979
- display: flex;
21980
- flex: 1 1 auto;
22091
+ .v-list-subheader--inset {
22092
+ --indent-padding: 56px;
21981
22093
  }
21982
- .v-layout--full-height {
21983
- --v-scrollbar-offset: inherit;
21984
- height: 100%;
21985
- }.v-layout-item {
21986
- position: absolute;
21987
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22094
+ .v-list--nav .v-list-subheader {
22095
+ font-size: 0.75rem;
22096
+ }
22097
+ .v-list-subheader--sticky {
22098
+ background: inherit;
22099
+ left: 0;
22100
+ position: sticky;
22101
+ top: 0;
22102
+ z-index: 1;
21988
22103
  }
21989
22104
 
21990
- .v-layout-item--absolute {
22105
+ .v-list__overlay {
22106
+ background-color: currentColor;
22107
+ border-radius: inherit;
22108
+ bottom: 0;
22109
+ left: 0;
22110
+ opacity: 0;
22111
+ pointer-events: none;
21991
22112
  position: absolute;
21992
- }.v-locale-provider {
21993
- display: contents;
22113
+ right: 0;
22114
+ top: 0;
22115
+ transition: opacity 0.2s ease-in-out;
21994
22116
  }.v-list-item {
21995
22117
  align-items: center;
21996
22118
  display: grid;
@@ -22442,122 +22564,37 @@ textarea.v-field__input::placeholder {
22442
22564
  }
22443
22565
  .v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
22444
22566
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22445
- }.v-list {
22446
- overflow: auto;
22447
- padding: 8px 0;
22448
- position: relative;
22449
- outline: none;
22450
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22451
- border-style: solid;
22452
- border-width: 0;
22453
- 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));
22454
- border-radius: 0;
22455
- background: rgba(var(--v-theme-surface));
22456
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22457
- }
22458
- .v-list--border {
22459
- border-width: thin;
22460
- box-shadow: none;
22461
- }
22462
- .v-list--disabled {
22463
- pointer-events: none;
22464
- -webkit-user-select: none;
22465
- user-select: none;
22466
- }
22467
- .v-list--nav {
22468
- padding-inline: 8px;
22469
- }
22470
- .v-list--rounded {
22471
- border-radius: 4px;
22472
- }
22473
- .v-list--subheader {
22474
- padding-top: 0;
22475
- }
22476
-
22477
- .v-list-img {
22478
- border-radius: inherit;
22479
- display: flex;
22480
- height: 100%;
22481
- left: 0;
22482
- overflow: hidden;
22483
- position: absolute;
22484
- top: 0;
22485
- width: 100%;
22486
- z-index: -1;
22487
- }
22488
-
22489
- .v-list-subheader {
22490
- align-items: center;
22491
- background: inherit;
22492
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
22567
+ }.v-menu > .v-overlay__content {
22493
22568
  display: flex;
22494
- font-size: 0.875rem;
22495
- font-weight: 400;
22496
- line-height: 1.375rem;
22497
- padding-inline-end: 16px;
22498
- min-height: 40px;
22499
- transition: 0.2s min-height cubic-bezier(0.4, 0, 0.2, 1);
22500
- }
22501
- .v-list-subheader__text {
22502
- overflow: hidden;
22503
- text-overflow: ellipsis;
22504
- white-space: nowrap;
22505
- }
22506
- .v-list--density-default .v-list-subheader {
22507
- min-height: 40px;
22508
- padding-inline-start: calc(16px + var(--indent-padding)) !important;
22509
- }
22510
-
22511
- .v-list--density-comfortable .v-list-subheader {
22512
- min-height: 36px;
22513
- padding-inline-start: calc(16px + var(--indent-padding)) !important;
22514
- }
22515
-
22516
- .v-list--density-compact .v-list-subheader {
22517
- min-height: 32px;
22518
- padding-inline-start: calc(16px + var(--indent-padding)) !important;
22519
- }
22520
-
22521
- .v-list-subheader--inset {
22522
- --indent-padding: 56px;
22523
- }
22524
- .v-list--nav .v-list-subheader {
22525
- font-size: 0.75rem;
22526
- }
22527
- .v-list-subheader--sticky {
22528
- background: inherit;
22529
- left: 0;
22530
- position: sticky;
22531
- top: 0;
22532
- z-index: 1;
22569
+ flex-direction: column;
22570
+ border-radius: 4px;
22533
22571
  }
22534
-
22535
- .v-list__overlay {
22536
- background-color: currentColor;
22572
+ .v-menu > .v-overlay__content > .v-card,
22573
+ .v-menu > .v-overlay__content > .v-sheet,
22574
+ .v-menu > .v-overlay__content > .v-list {
22575
+ background: rgb(var(--v-theme-surface));
22537
22576
  border-radius: inherit;
22538
- bottom: 0;
22539
- left: 0;
22540
- opacity: 0;
22541
- pointer-events: none;
22542
- position: absolute;
22543
- right: 0;
22544
- top: 0;
22545
- transition: opacity 0.2s ease-in-out;
22546
- }.v-label {
22547
- align-items: center;
22548
- color: inherit;
22549
- display: inline-flex;
22550
- font-size: 1rem;
22551
- letter-spacing: 0.009375em;
22552
- min-width: 0;
22577
+ overflow: auto;
22578
+ height: 100%;
22579
+ box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
22580
+ }.v-messages {
22581
+ flex: 1 1 auto;
22582
+ font-size: 12px;
22583
+ min-height: 14px;
22584
+ min-width: 1px;
22553
22585
  opacity: var(--v-medium-emphasis-opacity);
22554
- overflow: hidden;
22555
- text-overflow: ellipsis;
22556
- white-space: nowrap;
22586
+ position: relative;
22557
22587
  }
22558
-
22559
- .v-label--clickable {
22560
- cursor: pointer;
22588
+ .v-messages__message {
22589
+ line-height: 12px;
22590
+ word-break: break-word;
22591
+ overflow-wrap: break-word;
22592
+ word-wrap: break-word;
22593
+ -webkit-hyphens: auto;
22594
+ hyphens: auto;
22595
+ transition-duration: 150ms;
22596
+ }.v-locale-provider {
22597
+ display: contents;
22561
22598
  }.v-main {
22562
22599
  flex: 1 0 auto;
22563
22600
  max-width: 100%;
@@ -22586,6 +22623,62 @@ textarea.v-field__input::placeholder {
22586
22623
  --v-layout-right: 0px;
22587
22624
  --v-layout-top: 0px;
22588
22625
  --v-layout-bottom: 0px;
22626
+ }.v-otp-input {
22627
+ border-radius: 4px;
22628
+ align-items: center;
22629
+ display: flex;
22630
+ justify-content: center;
22631
+ padding: 0.5rem 0;
22632
+ position: relative;
22633
+ }
22634
+ .v-otp-input .v-field {
22635
+ height: 100%;
22636
+ }
22637
+
22638
+ .v-otp-input__divider {
22639
+ margin: 0 8px;
22640
+ }
22641
+
22642
+ .v-otp-input__content {
22643
+ align-items: center;
22644
+ display: flex;
22645
+ gap: 0.5rem;
22646
+ height: 64px;
22647
+ padding: 0.5rem;
22648
+ justify-content: center;
22649
+ max-width: 320px;
22650
+ position: relative;
22651
+ border-radius: inherit;
22652
+ }
22653
+ .v-otp-input--divided .v-otp-input__content {
22654
+ max-width: 360px;
22655
+ }
22656
+
22657
+ .v-otp-input__field {
22658
+ color: inherit;
22659
+ font-size: 1.25rem;
22660
+ height: 100%;
22661
+ outline: none;
22662
+ text-align: center;
22663
+ width: 100%;
22664
+ }
22665
+ .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
22666
+ -webkit-appearance: none;
22667
+ margin: 0;
22668
+ }
22669
+ .v-otp-input__field[type=number] {
22670
+ -moz-appearance: textfield;
22671
+ }
22672
+
22673
+ .v-otp-input__loader {
22674
+ align-items: center;
22675
+ display: flex;
22676
+ height: 100%;
22677
+ justify-content: center;
22678
+ width: 100%;
22679
+ }
22680
+ .v-otp-input__loader .v-progress-linear {
22681
+ position: absolute;
22589
22682
  }.v-navigation-drawer {
22590
22683
  -webkit-overflow-scrolling: touch;
22591
22684
  background: rgb(var(--v-theme-surface));
@@ -22684,97 +22777,6 @@ textarea.v-field__input::placeholder {
22684
22777
  .v-navigation-drawer__append {
22685
22778
  flex: none;
22686
22779
  overflow: hidden;
22687
- }.v-messages {
22688
- flex: 1 1 auto;
22689
- font-size: 12px;
22690
- min-height: 14px;
22691
- min-width: 1px;
22692
- opacity: var(--v-medium-emphasis-opacity);
22693
- position: relative;
22694
- }
22695
- .v-messages__message {
22696
- line-height: 12px;
22697
- word-break: break-word;
22698
- overflow-wrap: break-word;
22699
- word-wrap: break-word;
22700
- -webkit-hyphens: auto;
22701
- hyphens: auto;
22702
- transition-duration: 150ms;
22703
- }.v-otp-input {
22704
- border-radius: 4px;
22705
- align-items: center;
22706
- display: flex;
22707
- justify-content: center;
22708
- padding: 0.5rem 0;
22709
- position: relative;
22710
- }
22711
- .v-otp-input .v-field {
22712
- height: 100%;
22713
- }
22714
-
22715
- .v-otp-input__divider {
22716
- margin: 0 8px;
22717
- }
22718
-
22719
- .v-otp-input__content {
22720
- align-items: center;
22721
- display: flex;
22722
- gap: 0.5rem;
22723
- height: 64px;
22724
- padding: 0.5rem;
22725
- justify-content: center;
22726
- max-width: 320px;
22727
- position: relative;
22728
- border-radius: inherit;
22729
- }
22730
- .v-otp-input--divided .v-otp-input__content {
22731
- max-width: 360px;
22732
- }
22733
-
22734
- .v-otp-input__field {
22735
- color: inherit;
22736
- font-size: 1.25rem;
22737
- height: 100%;
22738
- outline: none;
22739
- text-align: center;
22740
- width: 100%;
22741
- }
22742
- .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
22743
- -webkit-appearance: none;
22744
- margin: 0;
22745
- }
22746
- .v-otp-input__field[type=number] {
22747
- -moz-appearance: textfield;
22748
- }
22749
-
22750
- .v-otp-input__loader {
22751
- align-items: center;
22752
- display: flex;
22753
- height: 100%;
22754
- justify-content: center;
22755
- width: 100%;
22756
- }
22757
- .v-otp-input__loader .v-progress-linear {
22758
- position: absolute;
22759
- }.v-menu > .v-overlay__content {
22760
- display: flex;
22761
- flex-direction: column;
22762
- border-radius: 4px;
22763
- }
22764
- .v-menu > .v-overlay__content > .v-card,
22765
- .v-menu > .v-overlay__content > .v-sheet,
22766
- .v-menu > .v-overlay__content > .v-list {
22767
- background: rgb(var(--v-theme-surface));
22768
- border-radius: inherit;
22769
- overflow: auto;
22770
- height: 100%;
22771
- box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
22772
- }.v-parallax {
22773
- position: relative;
22774
- overflow: hidden;
22775
- }
22776
- .v-parallax--active > .v-img__img {
22777
- will-change: transform;
22778
22780
  }.v-overlay-container {
22779
22781
  contain: layout;
22780
22782
  left: 0;
@@ -22838,6 +22840,12 @@ html.v-overlay-scroll-blocked {
22838
22840
 
22839
22841
  .v-overlay--scroll-blocked {
22840
22842
  padding-inline-end: var(--v-scrollbar-offset);
22843
+ }.v-parallax {
22844
+ position: relative;
22845
+ overflow: hidden;
22846
+ }
22847
+ .v-parallax--active > .v-img__img {
22848
+ will-change: transform;
22841
22849
  }.v-pagination__list {
22842
22850
  display: inline-flex;
22843
22851
  list-style-type: none;
@@ -23151,82 +23159,25 @@ html.v-overlay-scroll-blocked {
23151
23159
  }
23152
23160
  @keyframes stream {
23153
23161
  to {
23154
- transform: translateX(var(--v-progress-linear-stream-to));
23155
- }
23156
- }
23157
- @keyframes progress-linear-stripes {
23158
- 0% {
23159
- background-position-x: var(--v-progress-linear-height);
23160
- }
23161
- }.v-radio-group > .v-input__control {
23162
- flex-direction: column;
23163
- }
23164
- .v-radio-group > .v-input__control > .v-label {
23165
- margin-inline-start: 16px;
23166
- }
23167
- .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
23168
- padding-inline-start: 6px;
23169
- margin-top: 8px;
23170
- }
23171
- .v-radio-group .v-input__details {
23172
- padding-inline: 16px;
23173
- }.v-slider .v-slider__container input {
23174
- cursor: default;
23175
- padding: 0;
23176
- width: 100%;
23177
- display: none;
23178
- }
23179
- .v-slider > .v-input__append,
23180
- .v-slider > .v-input__prepend {
23181
- padding: 0;
23182
- }
23183
-
23184
- .v-slider__container {
23185
- position: relative;
23186
- min-height: inherit;
23187
- width: 100%;
23188
- height: 100%;
23189
- display: flex;
23190
- justify-content: center;
23191
- align-items: center;
23192
- cursor: pointer;
23193
- }
23194
- .v-input--disabled .v-slider__container {
23195
- opacity: var(--v-disabled-opacity);
23196
- }
23197
- .v-input--error:not(.v-input--disabled) .v-slider__container {
23198
- color: rgb(var(--v-theme-error));
23199
- }
23200
-
23201
- .v-slider.v-input--horizontal {
23202
- align-items: center;
23203
- margin-inline: 8px 8px;
23204
- }
23205
- .v-slider.v-input--horizontal > .v-input__control {
23206
- min-height: 32px;
23207
- display: flex;
23208
- align-items: center;
23209
- }
23210
-
23211
- .v-slider.v-input--vertical {
23212
- justify-content: center;
23213
- margin-top: 12px;
23214
- margin-bottom: 12px;
23162
+ transform: translateX(var(--v-progress-linear-stream-to));
23163
+ }
23215
23164
  }
23216
- .v-slider.v-input--vertical > .v-input__control {
23217
- min-height: 300px;
23165
+ @keyframes progress-linear-stripes {
23166
+ 0% {
23167
+ background-position-x: var(--v-progress-linear-height);
23168
+ }
23169
+ }.v-radio-group > .v-input__control {
23170
+ flex-direction: column;
23218
23171
  }
23219
-
23220
- .v-slider.v-input--disabled {
23221
- pointer-events: none;
23172
+ .v-radio-group > .v-input__control > .v-label {
23173
+ margin-inline-start: 16px;
23222
23174
  }
23223
-
23224
- .v-slider--has-labels > .v-input__control {
23225
- margin-bottom: 4px;
23175
+ .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
23176
+ padding-inline-start: 6px;
23177
+ margin-top: 8px;
23226
23178
  }
23227
-
23228
- .v-slider__label {
23229
- margin-inline-end: 12px;
23179
+ .v-radio-group .v-input__details {
23180
+ padding-inline: 16px;
23230
23181
  }.v-rating {
23231
23182
  max-width: 100%;
23232
23183
  display: inline-flex;
@@ -23281,54 +23232,89 @@ html.v-overlay-scroll-blocked {
23281
23232
  opacity: 0;
23282
23233
  position: absolute;
23283
23234
  width: 0;
23284
- }.v-select .v-field .v-text-field__prefix,
23285
- .v-select .v-field .v-text-field__suffix,
23286
- .v-select .v-field .v-field__input, .v-select .v-field.v-field {
23287
- cursor: pointer;
23235
+ }.v-slider .v-slider__container input {
23236
+ cursor: default;
23237
+ padding: 0;
23238
+ width: 100%;
23239
+ display: none;
23288
23240
  }
23289
- .v-select .v-field .v-field__input > input {
23290
- align-self: flex-start;
23291
- opacity: 1;
23292
- flex: 0 0;
23293
- position: absolute;
23241
+ .v-slider > .v-input__append,
23242
+ .v-slider > .v-input__prepend {
23243
+ padding: 0;
23244
+ }
23245
+
23246
+ .v-slider__container {
23247
+ position: relative;
23248
+ min-height: inherit;
23294
23249
  width: 100%;
23295
- transition: none;
23296
- pointer-events: none;
23297
- caret-color: transparent;
23250
+ height: 100%;
23251
+ display: flex;
23252
+ justify-content: center;
23253
+ align-items: center;
23254
+ cursor: pointer;
23298
23255
  }
23299
- .v-select .v-field--dirty .v-select__selection {
23300
- margin-inline-end: 2px;
23256
+ .v-input--disabled .v-slider__container {
23257
+ opacity: var(--v-disabled-opacity);
23301
23258
  }
23302
- .v-select .v-select__selection-text {
23303
- overflow: hidden;
23304
- text-overflow: ellipsis;
23305
- white-space: nowrap;
23259
+ .v-input--error:not(.v-input--disabled) .v-slider__container {
23260
+ color: rgb(var(--v-theme-error));
23306
23261
  }
23307
- .v-select__content {
23308
- overflow: hidden;
23309
- 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));
23310
- border-radius: 4px;
23262
+
23263
+ .v-slider.v-input--horizontal {
23264
+ align-items: center;
23265
+ margin-inline: 8px 8px;
23311
23266
  }
23312
- .v-select__selection {
23313
- display: inline-flex;
23267
+ .v-slider.v-input--horizontal > .v-input__control {
23268
+ min-height: 32px;
23269
+ display: flex;
23314
23270
  align-items: center;
23315
- letter-spacing: inherit;
23316
- line-height: inherit;
23271
+ }
23272
+
23273
+ .v-slider.v-input--vertical {
23274
+ justify-content: center;
23275
+ margin-top: 12px;
23276
+ margin-bottom: 12px;
23277
+ }
23278
+ .v-slider.v-input--vertical > .v-input__control {
23279
+ min-height: 300px;
23280
+ }
23281
+
23282
+ .v-slider.v-input--disabled {
23283
+ pointer-events: none;
23284
+ }
23285
+
23286
+ .v-slider--has-labels > .v-input__control {
23287
+ margin-bottom: 4px;
23288
+ }
23289
+
23290
+ .v-slider__label {
23291
+ margin-inline-end: 12px;
23292
+ }.v-responsive {
23293
+ display: flex;
23294
+ flex: 1 0 auto;
23295
+ max-height: 100%;
23317
23296
  max-width: 100%;
23297
+ overflow: hidden;
23298
+ position: relative;
23318
23299
  }
23319
- .v-select .v-select__selection:first-child {
23320
- margin-inline-start: 0;
23300
+ .v-responsive--inline {
23301
+ display: inline-flex;
23302
+ flex: 0 0 auto;
23321
23303
  }
23322
- .v-select--selected .v-field .v-field__input > input {
23323
- opacity: 0;
23304
+
23305
+ .v-responsive__content {
23306
+ flex: 1 0 0px;
23307
+ max-width: 100%;
23324
23308
  }
23325
- .v-select__menu-icon {
23326
- margin-inline-start: 4px;
23327
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23309
+
23310
+ .v-responsive__sizer ~ .v-responsive__content {
23311
+ margin-inline-start: -100%;
23328
23312
  }
23329
- .v-select--active-menu .v-select__menu-icon {
23330
- opacity: var(--v-high-emphasis-opacity);
23331
- transform: rotate(180deg);
23313
+
23314
+ .v-responsive__sizer {
23315
+ flex: 1 0 0px;
23316
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23317
+ pointer-events: none;
23332
23318
  }.v-selection-control {
23333
23319
  align-items: center;
23334
23320
  contain: layout;
@@ -23430,32 +23416,54 @@ html.v-overlay-scroll-blocked {
23430
23416
  }
23431
23417
  .v-selection-control--focus-visible .v-selection-control__input::before {
23432
23418
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
23433
- }.v-responsive {
23434
- display: flex;
23435
- flex: 1 0 auto;
23436
- max-height: 100%;
23437
- max-width: 100%;
23419
+ }.v-select .v-field .v-text-field__prefix,
23420
+ .v-select .v-field .v-text-field__suffix,
23421
+ .v-select .v-field .v-field__input, .v-select .v-field.v-field {
23422
+ cursor: pointer;
23423
+ }
23424
+ .v-select .v-field .v-field__input > input {
23425
+ align-self: flex-start;
23426
+ opacity: 1;
23427
+ flex: 0 0;
23428
+ position: absolute;
23429
+ width: 100%;
23430
+ transition: none;
23431
+ pointer-events: none;
23432
+ caret-color: transparent;
23433
+ }
23434
+ .v-select .v-field--dirty .v-select__selection {
23435
+ margin-inline-end: 2px;
23436
+ }
23437
+ .v-select .v-select__selection-text {
23438
23438
  overflow: hidden;
23439
- position: relative;
23439
+ text-overflow: ellipsis;
23440
+ white-space: nowrap;
23440
23441
  }
23441
- .v-responsive--inline {
23442
- display: inline-flex;
23443
- flex: 0 0 auto;
23442
+ .v-select__content {
23443
+ overflow: hidden;
23444
+ 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));
23445
+ border-radius: 4px;
23444
23446
  }
23445
-
23446
- .v-responsive__content {
23447
- flex: 1 0 0px;
23447
+ .v-select__selection {
23448
+ display: inline-flex;
23449
+ align-items: center;
23450
+ letter-spacing: inherit;
23451
+ line-height: inherit;
23448
23452
  max-width: 100%;
23449
23453
  }
23450
-
23451
- .v-responsive__sizer ~ .v-responsive__content {
23452
- margin-inline-start: -100%;
23454
+ .v-select .v-select__selection:first-child {
23455
+ margin-inline-start: 0;
23453
23456
  }
23454
-
23455
- .v-responsive__sizer {
23456
- flex: 1 0 0px;
23457
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23458
- pointer-events: none;
23457
+ .v-select--selected .v-field .v-field__input > input {
23458
+ opacity: 0;
23459
+ }
23460
+ .v-select__menu-icon {
23461
+ margin-inline-start: 4px;
23462
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23463
+ }
23464
+ .v-select--active-menu .v-select__menu-icon {
23465
+ opacity: var(--v-high-emphasis-opacity);
23466
+ transform: rotate(180deg);
23459
23467
  }.v-selection-control-group {
23460
23468
  grid-area: control;
23461
23469
  display: flex;
@@ -23757,120 +23765,125 @@ html.v-overlay-scroll-blocked {
23757
23765
  .v-slide-group--vertical .v-slide-group__container,
23758
23766
  .v-slide-group--vertical .v-slide-group__content {
23759
23767
  flex-direction: column;
23760
- }.v-switch .v-label {
23761
- padding-inline-start: 10px;
23762
- }
23763
- .v-switch .v-switch__thumb {
23764
- background-color: rgb(var(--v-theme-surface-bright));
23765
- color: rgb(var(--v-theme-on-surface-bright));
23766
- }
23767
-
23768
- .v-switch__loader {
23769
- display: flex;
23770
- }
23771
- .v-switch__loader .v-progress-circular {
23772
- color: rgb(var(--v-theme-surface));
23773
- }
23774
-
23775
- .v-switch__track,
23776
- .v-switch__thumb {
23777
- transition: none;
23778
- }
23779
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
23780
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
23781
- background-color: rgb(var(--v-theme-error));
23782
- color: rgb(var(--v-theme-on-error));
23783
- }
23784
-
23785
- .v-switch__track-true {
23786
- margin-inline-end: auto;
23787
- }
23788
- .v-selection-control:not(.v-selection-control--dirty) .v-switch__track-true {
23789
- opacity: 0;
23790
- }
23791
-
23792
- .v-switch__track-false {
23793
- margin-inline-start: auto;
23794
- }
23795
- .v-selection-control--dirty .v-switch__track-false {
23796
- opacity: 0;
23797
- }
23798
-
23799
- .v-switch__track {
23800
- display: inline-flex;
23801
- align-items: center;
23802
- font-size: 0.5rem;
23803
- padding: 0 5px;
23804
- background-color: rgb(var(--v-theme-surface-variant));
23805
- border-radius: 9999px;
23806
- height: 14px;
23807
- opacity: 0.6;
23808
- min-width: 36px;
23809
- cursor: pointer;
23810
- transition: 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
23768
+ }.v-snackbar {
23769
+ justify-content: center;
23770
+ z-index: 10000;
23771
+ margin: 8px;
23772
+ margin-inline-end: calc(8px + var(--v-scrollbar-offset));
23811
23773
  }
23812
- .v-switch--inset .v-switch__track {
23813
- border-radius: 9999px;
23814
- font-size: 0.75rem;
23815
- height: 32px;
23816
- min-width: 52px;
23774
+ .v-snackbar:not(.v-snackbar--centered):not(.v-snackbar--top) {
23775
+ align-items: flex-end;
23817
23776
  }
23818
-
23819
- .v-switch__thumb {
23777
+ .v-snackbar__wrapper {
23820
23778
  align-items: center;
23821
- border-radius: 50%;
23822
23779
  display: flex;
23823
- font-size: 0.75rem;
23824
- height: 20px;
23825
- justify-content: center;
23826
- width: 20px;
23827
- pointer-events: none;
23828
- transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1), 0.2s color cubic-bezier(0.4, 0, 0.2, 1), 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
23829
- position: relative;
23780
+ max-width: 672px;
23781
+ min-height: 48px;
23782
+ min-width: 344px;
23830
23783
  overflow: hidden;
23831
- 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));
23784
+ padding: 0;
23785
+ border-radius: 4px;
23832
23786
  }
23833
- .v-switch--inset .v-switch__thumb {
23834
- height: 24px;
23835
- width: 24px;
23836
- transform: scale(0.6666666667);
23787
+ .v-snackbar--variant-plain, .v-snackbar--variant-outlined, .v-snackbar--variant-text, .v-snackbar--variant-tonal {
23788
+ background: transparent;
23789
+ color: inherit;
23790
+ }
23791
+ .v-snackbar--variant-plain {
23792
+ opacity: 0.62;
23793
+ }
23794
+ .v-snackbar--variant-plain:focus, .v-snackbar--variant-plain:hover {
23795
+ opacity: 1;
23796
+ }
23797
+ .v-snackbar--variant-plain .v-snackbar__overlay {
23798
+ display: none;
23799
+ }
23800
+ .v-snackbar--variant-elevated, .v-snackbar--variant-flat {
23801
+ background: rgb(var(--v-theme-surface-variant));
23802
+ color: rgb(var(--v-theme-on-surface-variant));
23803
+ }
23804
+ .v-snackbar--variant-elevated {
23805
+ box-shadow: 0px 3px 5px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 6px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 18px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23806
+ }
23807
+ .v-snackbar--variant-flat {
23837
23808
  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));
23838
23809
  }
23839
- .v-switch--inset .v-switch__thumb--filled {
23840
- transform: none;
23810
+ .v-snackbar--variant-outlined {
23811
+ border: thin solid currentColor;
23841
23812
  }
23842
- .v-switch--inset .v-selection-control--dirty .v-switch__thumb {
23843
- transform: none;
23844
- transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
23813
+ .v-snackbar--variant-text .v-snackbar__overlay {
23814
+ background: currentColor;
23815
+ }
23816
+ .v-snackbar--variant-tonal .v-snackbar__underlay {
23817
+ background: currentColor;
23818
+ opacity: var(--v-activated-opacity);
23819
+ border-radius: inherit;
23820
+ position: absolute;
23821
+ top: 0;
23822
+ right: 0;
23823
+ bottom: 0;
23824
+ left: 0;
23825
+ pointer-events: none;
23845
23826
  }
23846
23827
 
23847
- .v-switch.v-input {
23848
- flex: 0 1 auto;
23828
+ .v-snackbar__content {
23829
+ flex-grow: 1;
23830
+ font-size: 0.875rem;
23831
+ font-weight: 400;
23832
+ letter-spacing: 0.0178571429em;
23833
+ line-height: 1.25rem;
23834
+ margin-right: auto;
23835
+ padding: 14px 16px;
23836
+ text-align: initial;
23849
23837
  }
23850
- .v-switch .v-selection-control {
23851
- min-height: var(--v-input-control-height);
23838
+ .v-snackbar__actions {
23839
+ align-items: center;
23840
+ align-self: center;
23841
+ display: flex;
23842
+ margin-inline-end: 8px;
23852
23843
  }
23853
- .v-switch .v-selection-control__input {
23854
- border-radius: 50%;
23855
- transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
23856
- transform: translateX(-10px);
23844
+ .v-snackbar__actions > .v-btn {
23845
+ padding: 0 8px;
23846
+ min-width: auto;
23847
+ }
23848
+ .v-snackbar__timer {
23849
+ width: 100%;
23857
23850
  position: absolute;
23851
+ top: 0;
23858
23852
  }
23859
- .v-switch .v-selection-control__input .v-icon {
23853
+ .v-snackbar__timer .v-progress-linear {
23854
+ transition: 0.2s linear;
23855
+ }
23856
+ .v-snackbar--absolute {
23860
23857
  position: absolute;
23858
+ z-index: 1;
23861
23859
  }
23862
- .v-switch .v-selection-control--dirty .v-selection-control__input {
23863
- transform: translateX(10px);
23860
+ .v-snackbar--multi-line .v-snackbar__wrapper {
23861
+ min-height: 68px;
23864
23862
  }
23865
- .v-switch.v-switch--indeterminate .v-selection-control__input {
23863
+ .v-snackbar--vertical .v-snackbar__wrapper {
23864
+ flex-direction: column;
23865
+ }
23866
+ .v-snackbar--vertical .v-snackbar__wrapper .v-snackbar__actions {
23867
+ align-self: flex-end;
23868
+ margin-bottom: 8px;
23869
+ }
23870
+
23871
+ .v-snackbar-transition-enter-active, .v-snackbar-transition-leave-active {
23872
+ transition-duration: 0.15s;
23873
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
23874
+ }
23875
+ .v-snackbar-transition-enter-active {
23876
+ transition-property: opacity, transform;
23877
+ }
23878
+ .v-snackbar-transition-enter-from {
23879
+ opacity: 0;
23866
23880
  transform: scale(0.8);
23867
23881
  }
23868
- .v-switch.v-switch--indeterminate .v-switch__thumb {
23869
- transform: scale(0.75);
23870
- box-shadow: none;
23882
+ .v-snackbar-transition-leave-active {
23883
+ transition-property: opacity;
23871
23884
  }
23872
- .v-switch.v-switch--inset .v-selection-control__wrapper {
23873
- width: auto;
23885
+ .v-snackbar-transition-leave-to {
23886
+ opacity: 0;
23874
23887
  }.v-stepper.v-sheet {
23875
23888
  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));
23876
23889
  border-radius: 4px;
@@ -23987,191 +24000,228 @@ html.v-overlay-scroll-blocked {
23987
24000
  }
23988
24001
  .v-stepper--mobile .v-stepper-item__subtitle {
23989
24002
  display: none;
23990
- }.v-snackbar {
23991
- justify-content: center;
23992
- z-index: 10000;
23993
- margin: 8px;
23994
- margin-inline-end: calc(8px + var(--v-scrollbar-offset));
23995
- }
23996
- .v-snackbar:not(.v-snackbar--centered):not(.v-snackbar--top) {
23997
- align-items: flex-end;
23998
- }
23999
- .v-snackbar__wrapper {
24003
+ }.v-system-bar {
24000
24004
  align-items: center;
24001
24005
  display: flex;
24002
- max-width: 672px;
24003
- min-height: 48px;
24004
- min-width: 344px;
24005
- overflow: hidden;
24006
- padding: 0;
24007
- border-radius: 4px;
24006
+ flex: 1 1 auto;
24007
+ height: 24px;
24008
+ justify-content: flex-end;
24009
+ max-width: 100%;
24010
+ padding-inline: 8px;
24011
+ position: relative;
24012
+ text-align: end;
24013
+ width: 100%;
24014
+ 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));
24015
+ background: rgba(var(--v-theme-surface-light));
24016
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24017
+ font-size: 0.75rem;
24018
+ font-weight: 400;
24019
+ letter-spacing: 0.0333333333em;
24020
+ line-height: 1.25rem;
24021
+ text-transform: none;
24008
24022
  }
24009
- .v-snackbar--variant-plain, .v-snackbar--variant-outlined, .v-snackbar--variant-text, .v-snackbar--variant-tonal {
24010
- background: transparent;
24011
- color: inherit;
24023
+ .v-system-bar .v-icon {
24024
+ opacity: var(--v-medium-emphasis-opacity);
24012
24025
  }
24013
- .v-snackbar--variant-plain {
24014
- opacity: 0.62;
24026
+ .v-system-bar--absolute {
24027
+ position: absolute;
24015
24028
  }
24016
- .v-snackbar--variant-plain:focus, .v-snackbar--variant-plain:hover {
24017
- opacity: 1;
24029
+ .v-system-bar--fixed {
24030
+ position: fixed;
24018
24031
  }
24019
- .v-snackbar--variant-plain .v-snackbar__overlay {
24020
- display: none;
24032
+ .v-system-bar--rounded {
24033
+ border-radius: 0;
24021
24034
  }
24022
- .v-snackbar--variant-elevated, .v-snackbar--variant-flat {
24023
- background: rgb(var(--v-theme-surface-variant));
24024
- color: rgb(var(--v-theme-on-surface-variant));
24035
+ .v-system-bar--window {
24036
+ height: 32px;
24025
24037
  }
24026
- .v-snackbar--variant-elevated {
24027
- box-shadow: 0px 3px 5px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 6px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 18px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
24038
+ .v-system-bar:not(.v-system-bar--absolute) {
24039
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24040
+ }/* region BLOCK */
24041
+ .v-text-field input {
24042
+ color: inherit;
24043
+ opacity: 0;
24044
+ flex: 1;
24045
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24046
+ min-width: 0;
24028
24047
  }
24029
- .v-snackbar--variant-flat {
24030
- 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));
24048
+ .v-text-field input:focus, .v-text-field input:active {
24049
+ outline: none;
24031
24050
  }
24032
- .v-snackbar--variant-outlined {
24033
- border: thin solid currentColor;
24051
+ .v-text-field input:invalid {
24052
+ box-shadow: none;
24034
24053
  }
24035
- .v-snackbar--variant-text .v-snackbar__overlay {
24036
- background: currentColor;
24054
+ .v-text-field .v-field {
24055
+ cursor: text;
24037
24056
  }
24038
- .v-snackbar--variant-tonal .v-snackbar__underlay {
24039
- background: currentColor;
24040
- opacity: var(--v-activated-opacity);
24041
- border-radius: inherit;
24042
- position: absolute;
24043
- top: 0;
24044
- right: 0;
24045
- bottom: 0;
24046
- left: 0;
24047
- pointer-events: none;
24057
+ .v-text-field--prefixed.v-text-field .v-field__input {
24058
+ --v-field-padding-start: 6px;
24048
24059
  }
24049
24060
 
24050
- .v-snackbar__content {
24051
- flex-grow: 1;
24052
- font-size: 0.875rem;
24053
- font-weight: 400;
24054
- letter-spacing: 0.0178571429em;
24055
- line-height: 1.25rem;
24056
- margin-right: auto;
24057
- padding: 14px 16px;
24058
- text-align: initial;
24061
+ .v-text-field--suffixed.v-text-field .v-field__input {
24062
+ --v-field-padding-end: 0;
24059
24063
  }
24060
- .v-snackbar__actions {
24064
+
24065
+ .v-text-field .v-input__details {
24066
+ padding-inline: 16px;
24067
+ }
24068
+ .v-input--plain-underlined.v-text-field .v-input__details {
24069
+ padding-inline: 0;
24070
+ }
24071
+
24072
+ .v-text-field .v-field--no-label input,
24073
+ .v-text-field .v-field--active input {
24074
+ opacity: 1;
24075
+ }
24076
+ .v-text-field .v-field--single-line input {
24077
+ transition: none;
24078
+ }
24079
+
24080
+ /* endregion */
24081
+ /* region ELEMENTS */
24082
+ .v-text-field__prefix, .v-text-field__suffix {
24061
24083
  align-items: center;
24062
- align-self: center;
24084
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
24085
+ cursor: default;
24063
24086
  display: flex;
24064
- margin-inline-end: 8px;
24087
+ opacity: 0;
24088
+ transition: inherit;
24089
+ white-space: nowrap;
24090
+ min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
24091
+ padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
24092
+ padding-bottom: var(--v-field-padding-bottom, 6px);
24065
24093
  }
24066
- .v-snackbar__actions > .v-btn {
24067
- padding: 0 8px;
24068
- min-width: auto;
24094
+ .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
24095
+ opacity: 1;
24069
24096
  }
24070
- .v-snackbar__timer {
24071
- width: 100%;
24072
- position: absolute;
24073
- top: 0;
24097
+ .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
24098
+ color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
24074
24099
  }
24075
- .v-snackbar__timer .v-progress-linear {
24076
- transition: 0.2s linear;
24100
+ .v-text-field__prefix {
24101
+ padding-inline-start: var(--v-field-padding-start);
24077
24102
  }
24078
- .v-snackbar--absolute {
24079
- position: absolute;
24080
- z-index: 1;
24103
+ .v-text-field__suffix {
24104
+ padding-inline-end: var(--v-field-padding-end);
24081
24105
  }
24082
- .v-snackbar--multi-line .v-snackbar__wrapper {
24083
- min-height: 68px;
24106
+
24107
+ /* endregion */.v-switch .v-label {
24108
+ padding-inline-start: 10px;
24084
24109
  }
24085
- .v-snackbar--vertical .v-snackbar__wrapper {
24086
- flex-direction: column;
24110
+
24111
+ .v-switch__loader {
24112
+ display: flex;
24087
24113
  }
24088
- .v-snackbar--vertical .v-snackbar__wrapper .v-snackbar__actions {
24089
- align-self: flex-end;
24090
- margin-bottom: 8px;
24114
+ .v-switch__loader .v-progress-circular {
24115
+ color: rgb(var(--v-theme-surface));
24091
24116
  }
24092
24117
 
24093
- .v-snackbar-transition-enter-active, .v-snackbar-transition-leave-active {
24094
- transition-duration: 0.15s;
24095
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24118
+ .v-switch__track,
24119
+ .v-switch__thumb {
24120
+ transition: none;
24096
24121
  }
24097
- .v-snackbar-transition-enter-active {
24098
- transition-property: opacity, transform;
24122
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
24123
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
24124
+ background-color: rgb(var(--v-theme-error));
24125
+ color: rgb(var(--v-theme-on-error));
24099
24126
  }
24100
- .v-snackbar-transition-enter-from {
24127
+
24128
+ .v-switch__track-true {
24129
+ margin-inline-end: auto;
24130
+ }
24131
+ .v-selection-control:not(.v-selection-control--dirty) .v-switch__track-true {
24101
24132
  opacity: 0;
24102
- transform: scale(0.8);
24103
24133
  }
24104
- .v-snackbar-transition-leave-active {
24105
- transition-property: opacity;
24134
+
24135
+ .v-switch__track-false {
24136
+ margin-inline-start: auto;
24106
24137
  }
24107
- .v-snackbar-transition-leave-to {
24138
+ .v-selection-control--dirty .v-switch__track-false {
24108
24139
  opacity: 0;
24109
- }.v-system-bar {
24140
+ }
24141
+
24142
+ .v-switch__track {
24143
+ display: inline-flex;
24144
+ align-items: center;
24145
+ font-size: 0.5rem;
24146
+ padding: 0 5px;
24147
+ background-color: rgb(var(--v-theme-surface-variant));
24148
+ border-radius: 9999px;
24149
+ height: 14px;
24150
+ opacity: 0.6;
24151
+ min-width: 36px;
24152
+ cursor: pointer;
24153
+ transition: 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
24154
+ }
24155
+ .v-switch--inset .v-switch__track {
24156
+ border-radius: 9999px;
24157
+ font-size: 0.75rem;
24158
+ height: 32px;
24159
+ min-width: 52px;
24160
+ }
24161
+
24162
+ .v-switch__thumb {
24110
24163
  align-items: center;
24164
+ background-color: rgb(var(--v-theme-surface-bright));
24165
+ color: rgb(var(--v-theme-on-surface-bright));
24166
+ border-radius: 50%;
24111
24167
  display: flex;
24112
- flex: 1 1 auto;
24113
- height: 24px;
24114
- justify-content: flex-end;
24115
- max-width: 100%;
24116
- padding-inline: 8px;
24117
- position: relative;
24118
- text-align: end;
24119
- width: 100%;
24120
- 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));
24121
- background: rgba(var(--v-theme-surface-light));
24122
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24123
24168
  font-size: 0.75rem;
24124
- font-weight: 400;
24125
- letter-spacing: 0.0333333333em;
24126
- line-height: 1.25rem;
24127
- text-transform: none;
24169
+ height: 20px;
24170
+ justify-content: center;
24171
+ width: 20px;
24172
+ pointer-events: none;
24173
+ transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1), 0.2s color cubic-bezier(0.4, 0, 0.2, 1), 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
24174
+ position: relative;
24175
+ overflow: hidden;
24128
24176
  }
24129
- .v-system-bar .v-icon {
24130
- opacity: var(--v-medium-emphasis-opacity);
24177
+ .v-switch:not(.v-switch--inset) .v-switch__thumb {
24178
+ 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));
24131
24179
  }
24132
- .v-system-bar--absolute {
24133
- position: absolute;
24180
+ .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
24181
+ background: rgb(var(--v-theme-surface-variant));
24182
+ color: rgb(var(--v-theme-on-surface-variant));
24183
+ 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));
24134
24184
  }
24135
- .v-system-bar--fixed {
24136
- position: fixed;
24185
+ .v-switch--inset .v-switch__thumb {
24186
+ height: 24px;
24187
+ width: 24px;
24188
+ transform: scale(0.6666666667);
24137
24189
  }
24138
- .v-system-bar--rounded {
24139
- border-radius: 0;
24190
+ .v-switch--inset .v-switch__thumb--filled {
24191
+ transform: none;
24140
24192
  }
24141
- .v-system-bar--window {
24142
- height: 32px;
24193
+ .v-switch--inset .v-selection-control--dirty .v-switch__thumb {
24194
+ transform: none;
24195
+ transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
24143
24196
  }
24144
- .v-system-bar:not(.v-system-bar--absolute) {
24145
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24146
- }.v-tab.v-tab.v-btn {
24147
- height: var(--v-tabs-height);
24148
- border-radius: 0;
24149
- min-width: 90px;
24197
+
24198
+ .v-switch.v-input {
24199
+ flex: 0 1 auto;
24150
24200
  }
24151
- .v-slide-group--horizontal .v-tab {
24152
- max-width: 360px;
24201
+ .v-switch .v-selection-control {
24202
+ min-height: var(--v-input-control-height);
24153
24203
  }
24154
- .v-slide-group--vertical .v-tab {
24155
- justify-content: start;
24204
+ .v-switch .v-selection-control__input {
24205
+ border-radius: 50%;
24206
+ transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
24207
+ transform: translateX(-10px);
24208
+ position: absolute;
24156
24209
  }
24157
-
24158
- .v-tab__slider {
24210
+ .v-switch .v-selection-control__input .v-icon {
24159
24211
  position: absolute;
24160
- bottom: 0;
24161
- left: 0;
24162
- height: 2px;
24163
- width: 100%;
24164
- background: currentColor;
24165
- pointer-events: none;
24166
- opacity: 0;
24167
24212
  }
24168
- .v-tab--selected .v-tab__slider {
24169
- opacity: 1;
24213
+ .v-switch .v-selection-control--dirty .v-selection-control__input {
24214
+ transform: translateX(10px);
24170
24215
  }
24171
- .v-slide-group--vertical .v-tab__slider {
24172
- top: 0;
24173
- height: 100%;
24174
- width: 2px;
24216
+ .v-switch.v-switch--indeterminate .v-selection-control__input {
24217
+ transform: scale(0.8);
24218
+ }
24219
+ .v-switch.v-switch--indeterminate .v-switch__thumb {
24220
+ transform: scale(0.75);
24221
+ box-shadow: none;
24222
+ }
24223
+ .v-switch.v-switch--inset .v-selection-control__wrapper {
24224
+ width: auto;
24175
24225
  }.v-tabs {
24176
24226
  display: flex;
24177
24227
  height: var(--v-tabs-height);
@@ -24227,123 +24277,46 @@ html.v-overlay-scroll-blocked {
24227
24277
  .v-tabs--align-tabs-end .v-tab:first-child {
24228
24278
  margin-inline-start: auto;
24229
24279
  }
24230
- .v-tabs--align-tabs-end .v-tab:last-child {
24231
- margin-inline-end: 0;
24232
- }
24233
-
24234
- @media (max-width: 1279.98px) {
24235
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
24236
- margin-inline-start: 52px;
24237
- }
24238
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24239
- margin-inline-end: 52px;
24240
- }
24241
- }/* region BLOCK */
24242
- .v-text-field input {
24243
- color: inherit;
24244
- opacity: 0;
24245
- flex: 1;
24246
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24247
- min-width: 0;
24248
- }
24249
- .v-text-field input:focus, .v-text-field input:active {
24250
- outline: none;
24251
- }
24252
- .v-text-field input:invalid {
24253
- box-shadow: none;
24254
- }
24255
- .v-text-field .v-field {
24256
- cursor: text;
24257
- }
24258
- .v-text-field--prefixed.v-text-field .v-field__input {
24259
- --v-field-padding-start: 6px;
24260
- }
24261
-
24262
- .v-text-field--suffixed.v-text-field .v-field__input {
24263
- --v-field-padding-end: 0;
24264
- }
24265
-
24266
- .v-text-field .v-input__details {
24267
- padding-inline: 16px;
24268
- }
24269
- .v-input--plain-underlined.v-text-field .v-input__details {
24270
- padding-inline: 0;
24271
- }
24272
-
24273
- .v-text-field .v-field--no-label input,
24274
- .v-text-field .v-field--active input {
24275
- opacity: 1;
24276
- }
24277
- .v-text-field .v-field--single-line input {
24278
- transition: none;
24279
- }
24280
-
24281
- /* endregion */
24282
- /* region ELEMENTS */
24283
- .v-text-field__prefix, .v-text-field__suffix {
24284
- align-items: center;
24285
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
24286
- cursor: default;
24287
- display: flex;
24288
- opacity: 0;
24289
- transition: inherit;
24290
- white-space: nowrap;
24291
- min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
24292
- padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
24293
- padding-bottom: var(--v-field-padding-bottom, 6px);
24294
- }
24295
- .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
24296
- opacity: 1;
24297
- }
24298
- .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
24299
- color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
24300
- }
24301
- .v-text-field__prefix {
24302
- padding-inline-start: var(--v-field-padding-start);
24303
- }
24304
- .v-text-field__suffix {
24305
- padding-inline-end: var(--v-field-padding-end);
24280
+ .v-tabs--align-tabs-end .v-tab:last-child {
24281
+ margin-inline-end: 0;
24306
24282
  }
24307
24283
 
24308
- /* endregion */.v-textarea .v-field {
24309
- --v-textarea-control-height: var(--v-input-control-height);
24284
+ @media (max-width: 1279.98px) {
24285
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
24286
+ margin-inline-start: 52px;
24287
+ }
24288
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24289
+ margin-inline-end: 52px;
24290
+ }
24291
+ }.v-tab.v-tab.v-btn {
24292
+ height: var(--v-tabs-height);
24293
+ border-radius: 0;
24294
+ min-width: 90px;
24310
24295
  }
24311
- .v-textarea .v-field__field {
24312
- --v-input-control-height: var(--v-textarea-control-height);
24296
+ .v-slide-group--horizontal .v-tab {
24297
+ max-width: 360px;
24313
24298
  }
24314
- .v-textarea .v-field__input {
24315
- flex: 1 1 auto;
24316
- outline: none;
24317
- -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));
24318
- 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));
24299
+ .v-slide-group--vertical .v-tab {
24300
+ justify-content: start;
24319
24301
  }
24320
- .v-textarea .v-field__input.v-textarea__sizer {
24321
- visibility: hidden;
24302
+
24303
+ .v-tab__slider {
24322
24304
  position: absolute;
24323
- top: 0;
24305
+ bottom: 0;
24324
24306
  left: 0;
24325
- height: 0 !important;
24326
- min-height: 0 !important;
24307
+ height: 2px;
24308
+ width: 100%;
24309
+ background: currentColor;
24327
24310
  pointer-events: none;
24328
- }
24329
- .v-textarea--no-resize .v-field__input {
24330
- resize: none;
24331
- }
24332
- .v-textarea .v-field--no-label textarea,
24333
- .v-textarea .v-field--active textarea {
24334
- opacity: 1;
24335
- }
24336
- .v-textarea textarea {
24337
24311
  opacity: 0;
24338
- flex: 1;
24339
- min-width: 0;
24340
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24341
24312
  }
24342
- .v-textarea textarea:focus, .v-textarea textarea:active {
24343
- outline: none;
24313
+ .v-tab--selected .v-tab__slider {
24314
+ opacity: 1;
24344
24315
  }
24345
- .v-textarea textarea:invalid {
24346
- box-shadow: none;
24316
+ .v-slide-group--vertical .v-tab__slider {
24317
+ top: 0;
24318
+ height: 100%;
24319
+ width: 2px;
24347
24320
  }.v-table {
24348
24321
  background: rgb(var(--v-theme-surface));
24349
24322
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -24482,6 +24455,45 @@ html.v-overlay-scroll-blocked {
24482
24455
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24483
24456
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24484
24457
  border-top: 0px !important;
24458
+ }.v-textarea .v-field {
24459
+ --v-textarea-control-height: var(--v-input-control-height);
24460
+ }
24461
+ .v-textarea .v-field__field {
24462
+ --v-input-control-height: var(--v-textarea-control-height);
24463
+ }
24464
+ .v-textarea .v-field__input {
24465
+ flex: 1 1 auto;
24466
+ outline: none;
24467
+ -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));
24468
+ 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));
24469
+ }
24470
+ .v-textarea .v-field__input.v-textarea__sizer {
24471
+ visibility: hidden;
24472
+ position: absolute;
24473
+ top: 0;
24474
+ left: 0;
24475
+ height: 0 !important;
24476
+ min-height: 0 !important;
24477
+ pointer-events: none;
24478
+ }
24479
+ .v-textarea--no-resize .v-field__input {
24480
+ resize: none;
24481
+ }
24482
+ .v-textarea .v-field--no-label textarea,
24483
+ .v-textarea .v-field--active textarea {
24484
+ opacity: 1;
24485
+ }
24486
+ .v-textarea textarea {
24487
+ opacity: 0;
24488
+ flex: 1;
24489
+ min-width: 0;
24490
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24491
+ }
24492
+ .v-textarea textarea:focus, .v-textarea textarea:active {
24493
+ outline: none;
24494
+ }
24495
+ .v-textarea textarea:invalid {
24496
+ box-shadow: none;
24485
24497
  }.v-theme-provider {
24486
24498
  background: rgb(var(--v-theme-background));
24487
24499
  color: rgb(var(--v-theme-on-background));
@@ -24901,28 +24913,6 @@ html.v-overlay-scroll-blocked {
24901
24913
 
24902
24914
  .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 {
24903
24915
  padding-inline-end: 0;
24904
- }.v-tooltip > .v-overlay__content {
24905
- background: rgb(var(--v-theme-surface-variant));
24906
- color: rgb(var(--v-theme-on-surface-variant));
24907
- border-radius: 4px;
24908
- font-size: 0.875rem;
24909
- line-height: 1.6;
24910
- display: inline-block;
24911
- padding: 5px 16px;
24912
- text-transform: initial;
24913
- width: auto;
24914
- opacity: 1;
24915
- pointer-events: none;
24916
- transition-property: opacity, transform;
24917
- overflow-wrap: break-word;
24918
- }
24919
- .v-tooltip > .v-overlay__content[class*=enter-active] {
24920
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24921
- transition-duration: 150ms;
24922
- }
24923
- .v-tooltip > .v-overlay__content[class*=leave-active] {
24924
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
24925
- transition-duration: 75ms;
24926
24916
  }.v-toolbar {
24927
24917
  align-items: flex-start;
24928
24918
  display: flex;
@@ -25052,6 +25042,28 @@ html.v-overlay-scroll-blocked {
25052
25042
  }
25053
25043
  .v-toolbar-items > .v-btn {
25054
25044
  border-radius: 0;
25045
+ }.v-tooltip > .v-overlay__content {
25046
+ background: rgb(var(--v-theme-surface-variant));
25047
+ color: rgb(var(--v-theme-on-surface-variant));
25048
+ border-radius: 4px;
25049
+ font-size: 0.875rem;
25050
+ line-height: 1.6;
25051
+ display: inline-block;
25052
+ padding: 5px 16px;
25053
+ text-transform: initial;
25054
+ width: auto;
25055
+ opacity: 1;
25056
+ pointer-events: none;
25057
+ transition-property: opacity, transform;
25058
+ overflow-wrap: break-word;
25059
+ }
25060
+ .v-tooltip > .v-overlay__content[class*=enter-active] {
25061
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25062
+ transition-duration: 150ms;
25063
+ }
25064
+ .v-tooltip > .v-overlay__content[class*=leave-active] {
25065
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25066
+ transition-duration: 75ms;
25055
25067
  }.v-virtual-scroll {
25056
25068
  display: block;
25057
25069
  flex: 1 1 auto;
@@ -25130,28 +25142,6 @@ html.v-overlay-scroll-blocked {
25130
25142
  }
25131
25143
  .v-window-y-reverse-transition-leave-to {
25132
25144
  transform: translateY(100%);
25133
- }.v-color-picker-canvas {
25134
- display: flex;
25135
- position: relative;
25136
- overflow: hidden;
25137
- contain: content;
25138
- touch-action: none;
25139
- }
25140
- .v-color-picker-canvas__dot {
25141
- position: absolute;
25142
- top: 0;
25143
- left: 0;
25144
- width: 15px;
25145
- height: 15px;
25146
- background: transparent;
25147
- border-radius: 50%;
25148
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25149
- }
25150
- .v-color-picker-canvas__dot--disabled {
25151
- 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);
25152
- }
25153
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25154
- will-change: transform;
25155
25145
  }.v-color-picker-edit {
25156
25146
  display: flex;
25157
25147
  margin-top: 24px;
@@ -25180,41 +25170,6 @@ html.v-overlay-scroll-blocked {
25180
25170
  }
25181
25171
  .v-color-picker-edit__input span {
25182
25172
  font-size: 0.75rem;
25183
- }.v-color-picker-swatches {
25184
- overflow-y: auto;
25185
- }
25186
- .v-color-picker-swatches > div {
25187
- display: flex;
25188
- flex-wrap: wrap;
25189
- justify-content: center;
25190
- padding: 8px;
25191
- }
25192
-
25193
- .v-color-picker-swatches__swatch {
25194
- display: flex;
25195
- flex-direction: column;
25196
- margin-bottom: 10px;
25197
- }
25198
-
25199
- .v-color-picker-swatches__color {
25200
- position: relative;
25201
- height: 18px;
25202
- max-height: 18px;
25203
- width: 45px;
25204
- margin: 2px 4px;
25205
- border-radius: 2px;
25206
- -webkit-user-select: none;
25207
- user-select: none;
25208
- overflow: hidden;
25209
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25210
- cursor: pointer;
25211
- }
25212
- .v-color-picker-swatches__color > div {
25213
- display: flex;
25214
- align-items: center;
25215
- justify-content: center;
25216
- width: 100%;
25217
- height: 100%;
25218
25173
  }.v-color-picker-preview__alpha .v-slider-track__background {
25219
25174
  background-color: transparent !important;
25220
25175
  }
@@ -25284,6 +25239,63 @@ html.v-overlay-scroll-blocked {
25284
25239
  .v-color-picker-preview__eye-dropper {
25285
25240
  position: relative;
25286
25241
  margin-right: 12px;
25242
+ }.v-color-picker-canvas {
25243
+ display: flex;
25244
+ position: relative;
25245
+ overflow: hidden;
25246
+ contain: content;
25247
+ touch-action: none;
25248
+ }
25249
+ .v-color-picker-canvas__dot {
25250
+ position: absolute;
25251
+ top: 0;
25252
+ left: 0;
25253
+ width: 15px;
25254
+ height: 15px;
25255
+ background: transparent;
25256
+ border-radius: 50%;
25257
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25258
+ }
25259
+ .v-color-picker-canvas__dot--disabled {
25260
+ 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);
25261
+ }
25262
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25263
+ will-change: transform;
25264
+ }.v-color-picker-swatches {
25265
+ overflow-y: auto;
25266
+ }
25267
+ .v-color-picker-swatches > div {
25268
+ display: flex;
25269
+ flex-wrap: wrap;
25270
+ justify-content: center;
25271
+ padding: 8px;
25272
+ }
25273
+
25274
+ .v-color-picker-swatches__swatch {
25275
+ display: flex;
25276
+ flex-direction: column;
25277
+ margin-bottom: 10px;
25278
+ }
25279
+
25280
+ .v-color-picker-swatches__color {
25281
+ position: relative;
25282
+ height: 18px;
25283
+ max-height: 18px;
25284
+ width: 45px;
25285
+ margin: 2px 4px;
25286
+ border-radius: 2px;
25287
+ -webkit-user-select: none;
25288
+ user-select: none;
25289
+ overflow: hidden;
25290
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25291
+ cursor: pointer;
25292
+ }
25293
+ .v-color-picker-swatches__color > div {
25294
+ display: flex;
25295
+ align-items: center;
25296
+ justify-content: center;
25297
+ width: 100%;
25298
+ height: 100%;
25287
25299
  }.v-slider-thumb {
25288
25300
  touch-action: none;
25289
25301
  color: rgb(var(--v-theme-surface-variant));