@vuetify/nightly 3.6.5-master.2024-05-13 → 3.6.6-master.2024-05-15

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 (48) hide show
  1. package/CHANGELOG.md +3 -8
  2. package/dist/json/importMap-labs.json +4 -4
  3. package/dist/json/importMap.json +120 -120
  4. package/dist/json/web-types.json +5 -5
  5. package/dist/vuetify-labs.css +2132 -2087
  6. package/dist/vuetify-labs.d.ts +60 -36
  7. package/dist/vuetify-labs.esm.js +27 -19
  8. package/dist/vuetify-labs.esm.js.map +1 -1
  9. package/dist/vuetify-labs.js +27 -19
  10. package/dist/vuetify-labs.min.css +2 -2
  11. package/dist/vuetify.css +2725 -2680
  12. package/dist/vuetify.d.ts +98 -74
  13. package/dist/vuetify.esm.js +15 -9
  14. package/dist/vuetify.esm.js.map +1 -1
  15. package/dist/vuetify.js +15 -9
  16. package/dist/vuetify.js.map +1 -1
  17. package/dist/vuetify.min.css +2 -2
  18. package/dist/vuetify.min.js +18 -17
  19. package/dist/vuetify.min.js.map +1 -1
  20. package/lib/components/VBanner/VBanner.mjs +3 -1
  21. package/lib/components/VBanner/VBanner.mjs.map +1 -1
  22. package/lib/components/VBanner/index.d.mts +15 -9
  23. package/lib/components/VChipGroup/index.d.mts +15 -9
  24. package/lib/components/VDivider/VDivider.css +1 -0
  25. package/lib/components/VDivider/VDivider.sass +1 -0
  26. package/lib/components/VMenu/VMenu.mjs +2 -1
  27. package/lib/components/VMenu/VMenu.mjs.map +1 -1
  28. package/lib/components/VSelect/VSelect.mjs +1 -1
  29. package/lib/components/VSelect/VSelect.mjs.map +1 -1
  30. package/lib/components/VSlideGroup/VSlideGroup.mjs +3 -1
  31. package/lib/components/VSlideGroup/VSlideGroup.mjs.map +1 -1
  32. package/lib/components/VSlideGroup/index.d.mts +15 -9
  33. package/lib/components/VSwitch/VSwitch.css +44 -0
  34. package/lib/components/VSwitch/VSwitch.mjs +4 -3
  35. package/lib/components/VSwitch/VSwitch.mjs.map +1 -1
  36. package/lib/components/VSwitch/VSwitch.sass +55 -0
  37. package/lib/components/VTabs/index.d.mts +15 -9
  38. package/lib/components/index.d.mts +60 -36
  39. package/lib/entry-bundler.mjs +1 -1
  40. package/lib/framework.mjs +1 -1
  41. package/lib/index.d.mts +38 -38
  42. package/lib/labs/VTreeview/VTreeviewChildren.mjs +12 -10
  43. package/lib/labs/VTreeview/VTreeviewChildren.mjs.map +1 -1
  44. package/lib/locale/de.mjs +4 -4
  45. package/lib/locale/de.mjs.map +1 -1
  46. package/lib/locale/hu.mjs +18 -18
  47. package/lib/locale/hu.mjs.map +1 -1
  48. package/package.json +1 -1
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.6.5-master.2024-05-13
2
+ * Vuetify v3.6.6-master.2024-05-15
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17380,6 +17380,38 @@ html.overflow-y-hidden {
17380
17380
  font-weight: normal;
17381
17381
  padding: 0.2em 0.4rem;
17382
17382
  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));
17383
+ }.v-calendar-day {
17384
+ position: relative;
17385
+ display: flex;
17386
+ flex-direction: column;
17387
+ }
17388
+
17389
+ .v-calendar-weekly .v-calendar__container {
17390
+ display: grid;
17391
+ }
17392
+ .v-calendar-weekly .v-calendar__container.days__7 {
17393
+ grid-template-columns: repeat(7, 1fr);
17394
+ }
17395
+ .v-calendar-weekly .v-calendar__container.days__6 {
17396
+ grid-template-columns: repeat(6, 1fr);
17397
+ }
17398
+ .v-calendar-weekly .v-calendar__container.days__5 {
17399
+ grid-template-columns: repeat(5, 1fr);
17400
+ }
17401
+ .v-calendar-weekly .v-calendar__container.days__4 {
17402
+ grid-template-columns: repeat(4, 1fr);
17403
+ }
17404
+ .v-calendar-weekly .v-calendar__container.days__3 {
17405
+ grid-template-columns: repeat(3, 1fr);
17406
+ }
17407
+ .v-calendar-weekly .v-calendar__container.days__2 {
17408
+ grid-template-columns: repeat(2, 1fr);
17409
+ }
17410
+ .v-calendar-weekly .v-calendar__container.days__1 {
17411
+ grid-template-columns: repeat(1, 1fr);
17412
+ }
17413
+ .v-calendar-weekly .v-calendar__container.days__0 {
17414
+ grid-template-columns: repeat(1, 1fr);
17383
17415
  }.v-calendar {
17384
17416
  background: rgb(var(--v-theme-background));
17385
17417
  color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
@@ -17607,51 +17639,48 @@ html.overflow-y-hidden {
17607
17639
  }
17608
17640
  .v-calendar-month__days.days-with-weeknumbers__7 > .v-calendar-month__day:nth-child(8n) {
17609
17641
  border-right: none;
17610
- }.v-calendar-header {
17611
- align-items: center;
17612
- display: flex;
17613
- min-height: 64px;
17614
- }
17615
-
17616
- .v-calendar-header__today {
17617
- margin-inline-end: 24px;
17618
- }
17619
-
17620
- .v-calendar-header__title {
17621
- font-size: 1.5rem;
17622
- margin-inline-start: 24px;
17623
- }.v-calendar-day {
17624
- position: relative;
17625
- display: flex;
17626
- flex-direction: column;
17627
- }
17628
-
17629
- .v-calendar-weekly .v-calendar__container {
17642
+ }.v-calendar-day__row-with-label {
17630
17643
  display: grid;
17644
+ grid-template-columns: 48px 8px 1fr;
17645
+ border-right: thin solid #e0e0e0;
17631
17646
  }
17632
- .v-calendar-weekly .v-calendar__container.days__7 {
17633
- grid-template-columns: repeat(7, 1fr);
17647
+ .v-calendar-day__row-with-label .v-calendar-day__row-hairline {
17648
+ position: relative;
17649
+ border-right: thin solid #e0e0e0;
17634
17650
  }
17635
- .v-calendar-weekly .v-calendar__container.days__6 {
17636
- grid-template-columns: repeat(6, 1fr);
17651
+ .v-calendar-day__row-with-label .v-calendar-day__row-hairline:after {
17652
+ content: "";
17653
+ border-bottom: thin solid #e0e0e0;
17654
+ position: absolute;
17655
+ width: 100%;
17656
+ margin-top: -1px;
17657
+ z-index: 3;
17658
+ pointer-events: none;
17637
17659
  }
17638
- .v-calendar-weekly .v-calendar__container.days__5 {
17639
- grid-template-columns: repeat(5, 1fr);
17660
+ .v-calendar-day__row-with-label .v-calendar-day__row-label {
17661
+ font-size: 10px;
17662
+ text-align: center;
17663
+ position: relative;
17664
+ top: -8px;
17640
17665
  }
17641
- .v-calendar-weekly .v-calendar__container.days__4 {
17642
- grid-template-columns: repeat(4, 1fr);
17666
+ .v-calendar-day__row-with-label .v-calendar-day__row-content {
17667
+ border-bottom: thin solid #e0e0e0;
17643
17668
  }
17644
- .v-calendar-weekly .v-calendar__container.days__3 {
17645
- grid-template-columns: repeat(3, 1fr);
17669
+ .v-calendar-day__row-with-label .v-calendar-day__row-content.v-calendar-day__row-content-through {
17670
+ border-bottom: none;
17646
17671
  }
17647
- .v-calendar-weekly .v-calendar__container.days__2 {
17648
- grid-template-columns: repeat(2, 1fr);
17672
+
17673
+ .v-calendar-day__row-without-label {
17674
+ display: grid;
17675
+ grid-template-columns: 1fr;
17676
+ border-right: thin solid #e0e0e0;
17649
17677
  }
17650
- .v-calendar-weekly .v-calendar__container.days__1 {
17651
- grid-template-columns: repeat(1, 1fr);
17678
+ .v-calendar-day__row-without-label .v-calendar-day__row-content {
17679
+ overflow: hidden;
17680
+ border-bottom: thin solid #e0e0e0;
17652
17681
  }
17653
- .v-calendar-weekly .v-calendar__container.days__0 {
17654
- grid-template-columns: repeat(1, 1fr);
17682
+ .v-calendar-day__row-without-label .v-calendar-day__row-content.v-calendar-day__row-content-through {
17683
+ border-bottom: none;
17655
17684
  }.v-calendar-month__day {
17656
17685
  position: relative;
17657
17686
  display: flex;
@@ -17715,53 +17744,50 @@ html.overflow-y-hidden {
17715
17744
 
17716
17745
  .v-calendar-weekly__day-alldayevents-container {
17717
17746
  min-height: 24px;
17718
- }.v-calendar-internal-event {
17747
+ }.v-pull-to-refresh {
17719
17748
  overflow: hidden;
17720
- padding: 4px;
17721
- text-overflow: ellipsis;
17722
- white-space: nowrap;
17723
- }.v-calendar-day__row-with-label {
17724
- display: grid;
17725
- grid-template-columns: 48px 8px 1fr;
17726
- border-right: thin solid #e0e0e0;
17727
- }
17728
- .v-calendar-day__row-with-label .v-calendar-day__row-hairline {
17729
17749
  position: relative;
17730
- border-right: thin solid #e0e0e0;
17731
17750
  }
17732
- .v-calendar-day__row-with-label .v-calendar-day__row-hairline:after {
17733
- content: "";
17734
- border-bottom: thin solid #e0e0e0;
17751
+ .v-pull-to-refresh__pull-down {
17735
17752
  position: absolute;
17736
17753
  width: 100%;
17737
- margin-top: -1px;
17738
- z-index: 3;
17739
- pointer-events: none;
17740
- }
17741
- .v-calendar-day__row-with-label .v-calendar-day__row-label {
17742
- font-size: 10px;
17743
- text-align: center;
17744
- position: relative;
17745
- top: -8px;
17754
+ transition: top 0.3s ease-out;
17746
17755
  }
17747
- .v-calendar-day__row-with-label .v-calendar-day__row-content {
17748
- border-bottom: thin solid #e0e0e0;
17756
+ .v-pull-to-refresh__pull-down--touching {
17757
+ transition: none;
17749
17758
  }
17750
- .v-calendar-day__row-with-label .v-calendar-day__row-content.v-calendar-day__row-content-through {
17751
- border-bottom: none;
17759
+ .v-pull-to-refresh__pull-down-default {
17760
+ display: flex;
17761
+ width: 100%;
17762
+ height: 100%;
17763
+ justify-content: center;
17764
+ align-items: flex-end;
17765
+ padding-bottom: 10px;
17752
17766
  }
17753
-
17754
- .v-calendar-day__row-without-label {
17755
- display: grid;
17756
- grid-template-columns: 1fr;
17757
- border-right: thin solid #e0e0e0;
17767
+ .v-pull-to-refresh__scroll-container {
17768
+ position: relative;
17769
+ transition: top 0.3s ease-out;
17758
17770
  }
17759
- .v-calendar-day__row-without-label .v-calendar-day__row-content {
17771
+ .v-pull-to-refresh__scroll-container--touching {
17772
+ transition: none;
17773
+ }.v-calendar-internal-event {
17760
17774
  overflow: hidden;
17761
- border-bottom: thin solid #e0e0e0;
17775
+ padding: 4px;
17776
+ text-overflow: ellipsis;
17777
+ white-space: nowrap;
17778
+ }.v-calendar-header {
17779
+ align-items: center;
17780
+ display: flex;
17781
+ min-height: 64px;
17762
17782
  }
17763
- .v-calendar-day__row-without-label .v-calendar-day__row-content.v-calendar-day__row-content-through {
17764
- border-bottom: none;
17783
+
17784
+ .v-calendar-header__today {
17785
+ margin-inline-end: 24px;
17786
+ }
17787
+
17788
+ .v-calendar-header__title {
17789
+ font-size: 1.5rem;
17790
+ margin-inline-start: 24px;
17765
17791
  }.v-number-input input[type=number] {
17766
17792
  -moz-appearance: textfield;
17767
17793
  }
@@ -17921,6 +17947,29 @@ html.overflow-y-hidden {
17921
17947
  justify-content: flex-end;
17922
17948
  padding: 24px 0 0;
17923
17949
  flex-direction: row-reverse;
17950
+ }.v-treeview-item--filtered {
17951
+ display: none;
17952
+ }
17953
+
17954
+ .v-treeview {
17955
+ --indent-padding: 0px;
17956
+ }
17957
+
17958
+ .v-treeview-group.v-list-group {
17959
+ --list-indent-size: 16px;
17960
+ }
17961
+ .v-list--slim .v-treeview-group.v-list-group {
17962
+ --prepend-width: 16px;
17963
+ }
17964
+ .v-treeview-group.v-list-group .v-list-group__items .v-list-item {
17965
+ padding-inline-start: calc(12px + var(--indent-padding)) !important;
17966
+ }.v-time-picker.v-picker {
17967
+ padding: 24px;
17968
+ width: 328px;
17969
+ }
17970
+ .v-time-picker.v-picker .v-picker-title {
17971
+ padding: 0;
17972
+ margin-bottom: 20px;
17924
17973
  }.v-time-picker-clock {
17925
17974
  background: rgb(var(--v-theme-background));
17926
17975
  color: rgb(var(--v-theme-on-background));
@@ -18052,55 +18101,6 @@ html.overflow-y-hidden {
18052
18101
 
18053
18102
  .v-picker--landscape .v-time-picker-clock__container {
18054
18103
  flex-direction: row;
18055
- }.v-pull-to-refresh {
18056
- overflow: hidden;
18057
- position: relative;
18058
- }
18059
- .v-pull-to-refresh__pull-down {
18060
- position: absolute;
18061
- width: 100%;
18062
- transition: top 0.3s ease-out;
18063
- }
18064
- .v-pull-to-refresh__pull-down--touching {
18065
- transition: none;
18066
- }
18067
- .v-pull-to-refresh__pull-down-default {
18068
- display: flex;
18069
- width: 100%;
18070
- height: 100%;
18071
- justify-content: center;
18072
- align-items: flex-end;
18073
- padding-bottom: 10px;
18074
- }
18075
- .v-pull-to-refresh__scroll-container {
18076
- position: relative;
18077
- transition: top 0.3s ease-out;
18078
- }
18079
- .v-pull-to-refresh__scroll-container--touching {
18080
- transition: none;
18081
- }.v-time-picker.v-picker {
18082
- padding: 24px;
18083
- width: 328px;
18084
- }
18085
- .v-time-picker.v-picker .v-picker-title {
18086
- padding: 0;
18087
- margin-bottom: 20px;
18088
- }.v-treeview-item--filtered {
18089
- display: none;
18090
- }
18091
-
18092
- .v-treeview {
18093
- --indent-padding: 0px;
18094
- }
18095
-
18096
- .v-treeview-group.v-list-group {
18097
- --list-indent-size: 16px;
18098
- }
18099
- .v-list--slim .v-treeview-group.v-list-group {
18100
- --prepend-width: 16px;
18101
- }
18102
- .v-treeview-group.v-list-group .v-list-group__items .v-list-item {
18103
- padding-inline-start: calc(12px + var(--indent-padding)) !important;
18104
18104
  }.v-time-picker-controls {
18105
18105
  display: flex;
18106
18106
  align-items: center;
@@ -18204,16 +18204,113 @@ html.overflow-y-hidden {
18204
18204
  }
18205
18205
  .v-picker--time .v-picker__title--landscape .v-time-picker-controls__time {
18206
18206
  text-align: center;
18207
- }.v-alert {
18208
- display: grid;
18209
- flex: 1 1;
18210
- grid-template-areas: "prepend content append close" ". content . .";
18211
- grid-template-columns: max-content auto max-content max-content;
18212
- position: relative;
18213
- padding: 16px;
18214
- overflow: hidden;
18215
- --v-border-color: currentColor;
18216
- border-radius: 4px;
18207
+ }.v-application {
18208
+ display: flex;
18209
+ background: rgb(var(--v-theme-background));
18210
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
18211
+ }
18212
+
18213
+ .v-application__wrap {
18214
+ -webkit-backface-visibility: hidden;
18215
+ backface-visibility: hidden;
18216
+ display: flex;
18217
+ flex-direction: column;
18218
+ flex: 1 1 auto;
18219
+ max-width: 100%;
18220
+ min-height: 100vh;
18221
+ min-height: 100dvh;
18222
+ position: relative;
18223
+ }.v-autocomplete .v-field .v-text-field__prefix,
18224
+ .v-autocomplete .v-field .v-text-field__suffix,
18225
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
18226
+ cursor: text;
18227
+ }
18228
+ .v-autocomplete .v-field .v-field__input > input {
18229
+ flex: 1 1;
18230
+ }
18231
+ .v-autocomplete .v-field input {
18232
+ min-width: 64px;
18233
+ }
18234
+ .v-autocomplete .v-field:not(.v-field--focused) input {
18235
+ min-width: 0;
18236
+ }
18237
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
18238
+ margin-inline-end: 2px;
18239
+ }
18240
+ .v-autocomplete .v-autocomplete__selection-text {
18241
+ overflow: hidden;
18242
+ text-overflow: ellipsis;
18243
+ white-space: nowrap;
18244
+ }
18245
+
18246
+ .v-autocomplete__content {
18247
+ overflow: hidden;
18248
+ 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));
18249
+ border-radius: 4px;
18250
+ }
18251
+ .v-autocomplete__mask {
18252
+ background: rgb(var(--v-theme-surface-light));
18253
+ }
18254
+ .v-autocomplete__selection {
18255
+ display: inline-flex;
18256
+ align-items: center;
18257
+ height: 1.5rem;
18258
+ letter-spacing: inherit;
18259
+ line-height: inherit;
18260
+ max-width: calc(100% - 2px - 2px);
18261
+ }
18262
+ .v-autocomplete__selection:first-child {
18263
+ margin-inline-start: 0;
18264
+ }
18265
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
18266
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
18267
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
18268
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
18269
+ top: 0px;
18270
+ }
18271
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
18272
+ opacity: var(--v-medium-emphasis-opacity);
18273
+ }
18274
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
18275
+ opacity: 1;
18276
+ }
18277
+ .v-autocomplete--selecting-index .v-field__input > input {
18278
+ caret-color: transparent;
18279
+ }
18280
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
18281
+ flex: 1 1;
18282
+ position: absolute;
18283
+ left: 0;
18284
+ right: 0;
18285
+ width: 100%;
18286
+ padding-inline: inherit;
18287
+ }
18288
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
18289
+ transition: none;
18290
+ }
18291
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
18292
+ opacity: 0;
18293
+ }
18294
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
18295
+ opacity: 0;
18296
+ }
18297
+ .v-autocomplete__menu-icon {
18298
+ margin-inline-start: 4px;
18299
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18300
+ }
18301
+ .v-autocomplete--active-menu .v-autocomplete__menu-icon {
18302
+ opacity: var(--v-high-emphasis-opacity);
18303
+ transform: rotate(180deg);
18304
+ }.v-alert {
18305
+ display: grid;
18306
+ flex: 1 1;
18307
+ grid-template-areas: "prepend content append close" ". content . .";
18308
+ grid-template-columns: max-content auto max-content max-content;
18309
+ position: relative;
18310
+ padding: 16px;
18311
+ overflow: hidden;
18312
+ --v-border-color: currentColor;
18313
+ border-radius: 4px;
18217
18314
  }
18218
18315
  .v-alert--absolute {
18219
18316
  position: absolute;
@@ -18428,87 +18525,6 @@ html.overflow-y-hidden {
18428
18525
  }
18429
18526
  .v-app-bar:not(.v-toolbar--absolute) {
18430
18527
  padding-inline-end: var(--v-scrollbar-offset);
18431
- }.v-autocomplete .v-field .v-text-field__prefix,
18432
- .v-autocomplete .v-field .v-text-field__suffix,
18433
- .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
18434
- cursor: text;
18435
- }
18436
- .v-autocomplete .v-field .v-field__input > input {
18437
- flex: 1 1;
18438
- }
18439
- .v-autocomplete .v-field input {
18440
- min-width: 64px;
18441
- }
18442
- .v-autocomplete .v-field:not(.v-field--focused) input {
18443
- min-width: 0;
18444
- }
18445
- .v-autocomplete .v-field--dirty .v-autocomplete__selection {
18446
- margin-inline-end: 2px;
18447
- }
18448
- .v-autocomplete .v-autocomplete__selection-text {
18449
- overflow: hidden;
18450
- text-overflow: ellipsis;
18451
- white-space: nowrap;
18452
- }
18453
-
18454
- .v-autocomplete__content {
18455
- overflow: hidden;
18456
- 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));
18457
- border-radius: 4px;
18458
- }
18459
- .v-autocomplete__mask {
18460
- background: rgb(var(--v-theme-surface-light));
18461
- }
18462
- .v-autocomplete__selection {
18463
- display: inline-flex;
18464
- align-items: center;
18465
- height: 1.5rem;
18466
- letter-spacing: inherit;
18467
- line-height: inherit;
18468
- max-width: calc(100% - 2px - 2px);
18469
- }
18470
- .v-autocomplete__selection:first-child {
18471
- margin-inline-start: 0;
18472
- }
18473
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
18474
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
18475
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
18476
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
18477
- top: 0px;
18478
- }
18479
- .v-autocomplete--selecting-index .v-autocomplete__selection {
18480
- opacity: var(--v-medium-emphasis-opacity);
18481
- }
18482
- .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
18483
- opacity: 1;
18484
- }
18485
- .v-autocomplete--selecting-index .v-field__input > input {
18486
- caret-color: transparent;
18487
- }
18488
- .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
18489
- flex: 1 1;
18490
- position: absolute;
18491
- left: 0;
18492
- right: 0;
18493
- width: 100%;
18494
- padding-inline: inherit;
18495
- }
18496
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
18497
- transition: none;
18498
- }
18499
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
18500
- opacity: 0;
18501
- }
18502
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
18503
- opacity: 0;
18504
- }
18505
- .v-autocomplete__menu-icon {
18506
- margin-inline-start: 4px;
18507
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18508
- }
18509
- .v-autocomplete--active-menu .v-autocomplete__menu-icon {
18510
- opacity: var(--v-high-emphasis-opacity);
18511
- transform: rotate(180deg);
18512
18528
  }.v-avatar {
18513
18529
  flex: none;
18514
18530
  align-items: center;
@@ -18604,6 +18620,74 @@ html.overflow-y-hidden {
18604
18620
  .v-avatar .v-img {
18605
18621
  height: 100%;
18606
18622
  width: 100%;
18623
+ }.v-bottom-navigation {
18624
+ display: flex;
18625
+ max-width: 100%;
18626
+ overflow: hidden;
18627
+ position: absolute;
18628
+ transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
18629
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18630
+ border-style: solid;
18631
+ border-width: 0;
18632
+ border-radius: 0;
18633
+ background: rgb(var(--v-theme-surface));
18634
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18635
+ }
18636
+ .v-bottom-navigation--border {
18637
+ border-width: thin;
18638
+ box-shadow: none;
18639
+ }
18640
+ .v-bottom-navigation--active {
18641
+ 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));
18642
+ }
18643
+
18644
+ .v-bottom-navigation__content {
18645
+ display: flex;
18646
+ flex: none;
18647
+ font-size: 0.75rem;
18648
+ justify-content: center;
18649
+ transition: inherit;
18650
+ width: 100%;
18651
+ }
18652
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18653
+ font-size: inherit;
18654
+ height: 100%;
18655
+ max-width: 168px;
18656
+ min-width: 80px;
18657
+ text-transform: none;
18658
+ transition: inherit;
18659
+ width: auto;
18660
+ border-radius: 0;
18661
+ }
18662
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
18663
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18664
+ transition: inherit;
18665
+ }
18666
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18667
+ font-size: 1.5rem;
18668
+ }
18669
+ .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
18670
+ flex-grow: 1;
18671
+ }
18672
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
18673
+ transition: inherit;
18674
+ opacity: 0;
18675
+ }
18676
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18677
+ transform: translateY(0.5rem);
18678
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18679
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18680
+ }
18681
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18682
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18683
+ }
18684
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18685
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18686
+ }
18687
+ @supports not selector(:focus-visible) {
18688
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18689
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18690
+ }
18607
18691
  }.v-badge {
18608
18692
  display: inline-block;
18609
18693
  line-height: 1;
@@ -18675,10 +18759,67 @@ html.overflow-y-hidden {
18675
18759
  display: inline-flex;
18676
18760
  justify-content: center;
18677
18761
  margin: 0 4px;
18678
- }.v-banner {
18679
- display: grid;
18680
- flex: 1 1;
18681
- font-size: 0.875rem;
18762
+ }.v-breadcrumbs {
18763
+ display: flex;
18764
+ align-items: center;
18765
+ line-height: 1.6;
18766
+ padding: 16px 12px;
18767
+ }
18768
+ .v-breadcrumbs--rounded {
18769
+ border-radius: 4px;
18770
+ }
18771
+ .v-breadcrumbs--density-default {
18772
+ padding-top: 16px;
18773
+ padding-bottom: 16px;
18774
+ }
18775
+
18776
+ .v-breadcrumbs--density-comfortable {
18777
+ padding-top: 12px;
18778
+ padding-bottom: 12px;
18779
+ }
18780
+
18781
+ .v-breadcrumbs--density-compact {
18782
+ padding-top: 8px;
18783
+ padding-bottom: 8px;
18784
+ }
18785
+
18786
+ .v-breadcrumbs__prepend {
18787
+ align-items: center;
18788
+ display: inline-flex;
18789
+ }
18790
+
18791
+ .v-breadcrumbs-item {
18792
+ align-items: center;
18793
+ color: inherit;
18794
+ display: inline-flex;
18795
+ padding: 0 4px;
18796
+ text-decoration: none;
18797
+ vertical-align: middle;
18798
+ }
18799
+ .v-breadcrumbs-item--disabled {
18800
+ opacity: var(--v-disabled-opacity);
18801
+ pointer-events: none;
18802
+ }
18803
+ .v-breadcrumbs-item--link {
18804
+ color: inherit;
18805
+ text-decoration: none;
18806
+ }
18807
+ .v-breadcrumbs-item--link:hover {
18808
+ text-decoration: underline;
18809
+ }
18810
+ .v-breadcrumbs-item .v-icon {
18811
+ font-size: 1rem;
18812
+ margin-inline: -4px 2px;
18813
+ }
18814
+
18815
+ .v-breadcrumbs-divider {
18816
+ display: inline-block;
18817
+ padding: 0 8px;
18818
+ vertical-align: middle;
18819
+ }.v-banner {
18820
+ display: grid;
18821
+ flex: 1 1;
18822
+ font-size: 0.875rem;
18682
18823
  grid-template-areas: "prepend content actions";
18683
18824
  grid-template-columns: max-content auto max-content;
18684
18825
  grid-template-rows: max-content max-content;
@@ -18832,63 +18973,62 @@ html.overflow-y-hidden {
18832
18973
  }
18833
18974
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
18834
18975
  align-self: flex-start;
18835
- }.v-breadcrumbs {
18836
- display: flex;
18837
- align-items: center;
18838
- line-height: 1.6;
18839
- padding: 16px 12px;
18840
- }
18841
- .v-breadcrumbs--rounded {
18976
+ }.v-btn-group {
18977
+ display: inline-flex;
18978
+ flex-wrap: nowrap;
18979
+ max-width: 100%;
18980
+ min-width: 0;
18981
+ overflow: hidden;
18982
+ vertical-align: middle;
18983
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18984
+ border-style: solid;
18985
+ border-width: 0;
18986
+ 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));
18842
18987
  border-radius: 4px;
18988
+ background: transparent;
18989
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18843
18990
  }
18844
- .v-breadcrumbs--density-default {
18845
- padding-top: 16px;
18846
- padding-bottom: 16px;
18991
+ .v-btn-group--border {
18992
+ border-width: thin;
18993
+ box-shadow: none;
18847
18994
  }
18848
-
18849
- .v-breadcrumbs--density-comfortable {
18850
- padding-top: 12px;
18851
- padding-bottom: 12px;
18995
+ .v-btn-group--density-default.v-btn-group {
18996
+ height: 48px;
18852
18997
  }
18853
18998
 
18854
- .v-breadcrumbs--density-compact {
18855
- padding-top: 8px;
18856
- padding-bottom: 8px;
18999
+ .v-btn-group--density-comfortable.v-btn-group {
19000
+ height: 40px;
18857
19001
  }
18858
19002
 
18859
- .v-breadcrumbs__prepend {
18860
- align-items: center;
18861
- display: inline-flex;
19003
+ .v-btn-group--density-compact.v-btn-group {
19004
+ height: 36px;
18862
19005
  }
18863
19006
 
18864
- .v-breadcrumbs-item {
18865
- align-items: center;
18866
- color: inherit;
18867
- display: inline-flex;
18868
- padding: 0 4px;
18869
- text-decoration: none;
18870
- vertical-align: middle;
19007
+ .v-btn-group .v-btn {
19008
+ border-radius: 0;
19009
+ border-color: inherit;
18871
19010
  }
18872
- .v-breadcrumbs-item--disabled {
18873
- opacity: var(--v-disabled-opacity);
18874
- pointer-events: none;
19011
+ .v-btn-group .v-btn:not(:last-child) {
19012
+ border-inline-end: none;
18875
19013
  }
18876
- .v-breadcrumbs-item--link {
18877
- color: inherit;
18878
- text-decoration: none;
19014
+ .v-btn-group .v-btn:not(:first-child) {
19015
+ border-inline-start: none;
18879
19016
  }
18880
- .v-breadcrumbs-item--link:hover {
18881
- text-decoration: underline;
19017
+ .v-btn-group .v-btn:first-child {
19018
+ border-start-start-radius: inherit;
19019
+ border-end-start-radius: inherit;
18882
19020
  }
18883
- .v-breadcrumbs-item .v-icon {
18884
- font-size: 1rem;
18885
- margin-inline: -4px 2px;
19021
+ .v-btn-group .v-btn:last-child {
19022
+ border-start-end-radius: inherit;
19023
+ border-end-end-radius: inherit;
18886
19024
  }
18887
-
18888
- .v-breadcrumbs-divider {
18889
- display: inline-block;
18890
- padding: 0 8px;
18891
- vertical-align: middle;
19025
+ .v-btn-group--divided .v-btn:not(:last-child) {
19026
+ border-inline-end-width: thin;
19027
+ border-inline-end-style: solid;
19028
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
19029
+ }
19030
+ .v-btn-group--tile {
19031
+ border-radius: 0;
18892
19032
  }.bottom-sheet-transition-enter-from {
18893
19033
  transform: translateY(100%);
18894
19034
  }
@@ -18921,74 +19061,6 @@ html.overflow-y-hidden {
18921
19061
  .v-bottom-sheet.v-bottom-sheet--inset {
18922
19062
  max-width: 70%;
18923
19063
  }
18924
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18925
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18926
- }
18927
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18928
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18929
- }
18930
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18931
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18932
- }
18933
- @supports not selector(:focus-visible) {
18934
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18935
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18936
- }
18937
- }.v-bottom-navigation {
18938
- display: flex;
18939
- max-width: 100%;
18940
- overflow: hidden;
18941
- position: absolute;
18942
- transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
18943
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18944
- border-style: solid;
18945
- border-width: 0;
18946
- border-radius: 0;
18947
- background: rgb(var(--v-theme-surface));
18948
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18949
- }
18950
- .v-bottom-navigation--border {
18951
- border-width: thin;
18952
- box-shadow: none;
18953
- }
18954
- .v-bottom-navigation--active {
18955
- 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));
18956
- }
18957
-
18958
- .v-bottom-navigation__content {
18959
- display: flex;
18960
- flex: none;
18961
- font-size: 0.75rem;
18962
- justify-content: center;
18963
- transition: inherit;
18964
- width: 100%;
18965
- }
18966
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18967
- font-size: inherit;
18968
- height: 100%;
18969
- max-width: 168px;
18970
- min-width: 80px;
18971
- text-transform: none;
18972
- transition: inherit;
18973
- width: auto;
18974
- border-radius: 0;
18975
- }
18976
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
18977
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18978
- transition: inherit;
18979
- }
18980
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18981
- font-size: 1.5rem;
18982
- }
18983
- .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
18984
- flex-grow: 1;
18985
- }
18986
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
18987
- transition: inherit;
18988
- opacity: 0;
18989
- }
18990
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18991
- transform: translateY(0.5rem);
18992
19064
  }.v-btn {
18993
19065
  align-items: center;
18994
19066
  border-radius: 4px;
@@ -19401,94 +19473,36 @@ html.overflow-y-hidden {
19401
19473
  }
19402
19474
  .v-pagination__item--is-active .v-btn__overlay {
19403
19475
  opacity: var(--v-border-opacity);
19404
- }.v-carousel {
19476
+ }.v-checkbox.v-input {
19477
+ flex: 0 1 auto;
19478
+ }
19479
+ .v-checkbox .v-selection-control {
19480
+ min-height: var(--v-input-control-height);
19481
+ }.v-card {
19482
+ display: block;
19405
19483
  overflow: hidden;
19484
+ overflow-wrap: break-word;
19406
19485
  position: relative;
19407
- width: 100%;
19486
+ padding: 0;
19487
+ text-decoration: none;
19488
+ transition-duration: 0.28s;
19489
+ transition-property: box-shadow, opacity, background;
19490
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19491
+ z-index: 0;
19492
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19493
+ border-style: solid;
19494
+ border-width: 0;
19495
+ border-radius: 4px;
19408
19496
  }
19409
- .v-carousel__controls {
19410
- align-items: center;
19411
- bottom: 0;
19412
- display: flex;
19413
- height: 50px;
19414
- justify-content: center;
19415
- list-style-type: none;
19497
+ .v-card--border {
19498
+ border-width: thin;
19499
+ box-shadow: none;
19500
+ }
19501
+ .v-card--absolute {
19416
19502
  position: absolute;
19417
- width: 100%;
19418
- z-index: 1;
19419
- background: rgba(var(--v-theme-surface-variant), 0.3);
19420
- color: rgb(var(--v-theme-on-surface-variant));
19421
19503
  }
19422
- .v-carousel__controls > .v-item-group {
19423
- flex: 0 1 auto;
19424
- }
19425
- .v-carousel__controls__item {
19426
- margin: 0 8px;
19427
- }
19428
- .v-carousel__controls__item .v-icon {
19429
- opacity: 0.5;
19430
- }
19431
- .v-carousel__controls__item--active .v-icon {
19432
- opacity: 1;
19433
- vertical-align: middle;
19434
- }
19435
- .v-carousel__controls__item:hover {
19436
- background: none;
19437
- }
19438
- .v-carousel__controls__item:hover .v-icon {
19439
- opacity: 0.8;
19440
- }
19441
-
19442
- .v-carousel__progress {
19443
- margin: 0;
19444
- position: absolute;
19445
- bottom: 0;
19446
- left: 0;
19447
- right: 0;
19448
- }
19449
-
19450
- .v-carousel-item {
19451
- display: block;
19452
- height: inherit;
19453
- text-decoration: none;
19454
- }
19455
- .v-carousel-item > .v-img {
19456
- height: inherit;
19457
- }
19458
-
19459
- .v-carousel--hide-delimiter-background .v-carousel__controls {
19460
- background: transparent;
19461
- }
19462
-
19463
- .v-carousel--vertical-delimiters .v-carousel__controls {
19464
- flex-direction: column;
19465
- height: 100% !important;
19466
- width: 50px;
19467
- }.v-card {
19468
- display: block;
19469
- overflow: hidden;
19470
- overflow-wrap: break-word;
19471
- position: relative;
19472
- padding: 0;
19473
- text-decoration: none;
19474
- transition-duration: 0.28s;
19475
- transition-property: box-shadow, opacity, background;
19476
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19477
- z-index: 0;
19478
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19479
- border-style: solid;
19480
- border-width: 0;
19481
- border-radius: 4px;
19482
- }
19483
- .v-card--border {
19484
- border-width: thin;
19485
- box-shadow: none;
19486
- }
19487
- .v-card--absolute {
19488
- position: absolute;
19489
- }
19490
- .v-card--fixed {
19491
- position: fixed;
19504
+ .v-card--fixed {
19505
+ position: fixed;
19492
19506
  }
19493
19507
  .v-card:hover > .v-card__overlay {
19494
19508
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
@@ -19763,62 +19777,24 @@ html.overflow-y-hidden {
19763
19777
  pointer-events: none;
19764
19778
  opacity: 0;
19765
19779
  transition: opacity 0.2s ease-in-out;
19766
- }.v-btn-group {
19767
- display: inline-flex;
19768
- flex-wrap: nowrap;
19780
+ }.v-chip-group {
19781
+ display: flex;
19769
19782
  max-width: 100%;
19770
19783
  min-width: 0;
19771
- overflow: hidden;
19772
- vertical-align: middle;
19773
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19774
- border-style: solid;
19775
- border-width: 0;
19776
- 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));
19777
- border-radius: 4px;
19778
- background: transparent;
19779
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19780
- }
19781
- .v-btn-group--border {
19782
- border-width: thin;
19783
- box-shadow: none;
19784
- }
19785
- .v-btn-group--density-default.v-btn-group {
19786
- height: 48px;
19784
+ overflow-x: auto;
19785
+ padding: 4px 0;
19787
19786
  }
19788
-
19789
- .v-btn-group--density-comfortable.v-btn-group {
19790
- height: 40px;
19787
+ .v-chip-group .v-chip {
19788
+ margin: 4px 8px 4px 0;
19791
19789
  }
19792
-
19793
- .v-btn-group--density-compact.v-btn-group {
19794
- height: 36px;
19790
+ .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
19791
+ opacity: var(--v-activated-opacity);
19795
19792
  }
19796
19793
 
19797
- .v-btn-group .v-btn {
19798
- border-radius: 0;
19799
- border-color: inherit;
19800
- }
19801
- .v-btn-group .v-btn:not(:last-child) {
19802
- border-inline-end: none;
19803
- }
19804
- .v-btn-group .v-btn:not(:first-child) {
19805
- border-inline-start: none;
19806
- }
19807
- .v-btn-group .v-btn:first-child {
19808
- border-start-start-radius: inherit;
19809
- border-end-start-radius: inherit;
19810
- }
19811
- .v-btn-group .v-btn:last-child {
19812
- border-start-end-radius: inherit;
19813
- border-end-end-radius: inherit;
19814
- }
19815
- .v-btn-group--divided .v-btn:not(:last-child) {
19816
- border-inline-end-width: thin;
19817
- border-inline-end-style: solid;
19818
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
19819
- }
19820
- .v-btn-group--tile {
19821
- border-radius: 0;
19794
+ .v-chip-group--column .v-slide-group__content {
19795
+ white-space: normal;
19796
+ flex-wrap: wrap;
19797
+ max-width: 100%;
19822
19798
  }.v-chip {
19823
19799
  align-items: center;
19824
19800
  display: inline-flex;
@@ -20231,110 +20207,89 @@ html.overflow-y-hidden {
20231
20207
 
20232
20208
  .v-chip--label {
20233
20209
  border-radius: 4px;
20234
- }.v-checkbox.v-input {
20235
- flex: 0 1 auto;
20210
+ }.v-carousel {
20211
+ overflow: hidden;
20212
+ position: relative;
20213
+ width: 100%;
20236
20214
  }
20237
- .v-checkbox .v-selection-control {
20238
- min-height: var(--v-input-control-height);
20239
- }.v-chip-group {
20215
+ .v-carousel__controls {
20216
+ align-items: center;
20217
+ bottom: 0;
20240
20218
  display: flex;
20241
- max-width: 100%;
20242
- min-width: 0;
20243
- overflow-x: auto;
20244
- padding: 4px 0;
20245
- }
20246
- .v-chip-group .v-chip {
20247
- margin: 4px 8px 4px 0;
20248
- }
20249
- .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
20250
- opacity: var(--v-activated-opacity);
20219
+ height: 50px;
20220
+ justify-content: center;
20221
+ list-style-type: none;
20222
+ position: absolute;
20223
+ width: 100%;
20224
+ z-index: 1;
20225
+ background: rgba(var(--v-theme-surface-variant), 0.3);
20226
+ color: rgb(var(--v-theme-on-surface-variant));
20251
20227
  }
20252
-
20253
- .v-chip-group--column .v-slide-group__content {
20254
- white-space: normal;
20255
- flex-wrap: wrap;
20256
- max-width: 100%;
20257
- }.v-combobox .v-field .v-text-field__prefix,
20258
- .v-combobox .v-field .v-text-field__suffix,
20259
- .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
20260
- cursor: text;
20228
+ .v-carousel__controls > .v-item-group {
20229
+ flex: 0 1 auto;
20261
20230
  }
20262
- .v-combobox .v-field .v-field__input > input {
20263
- flex: 1 1;
20231
+ .v-carousel__controls__item {
20232
+ margin: 0 8px;
20264
20233
  }
20265
- .v-combobox .v-field input {
20266
- min-width: 64px;
20234
+ .v-carousel__controls__item .v-icon {
20235
+ opacity: 0.5;
20267
20236
  }
20268
- .v-combobox .v-field:not(.v-field--focused) input {
20269
- min-width: 0;
20237
+ .v-carousel__controls__item--active .v-icon {
20238
+ opacity: 1;
20239
+ vertical-align: middle;
20270
20240
  }
20271
- .v-combobox .v-field--dirty .v-combobox__selection {
20272
- margin-inline-end: 2px;
20241
+ .v-carousel__controls__item:hover {
20242
+ background: none;
20273
20243
  }
20274
- .v-combobox .v-combobox__selection-text {
20275
- overflow: hidden;
20276
- text-overflow: ellipsis;
20277
- white-space: nowrap;
20244
+ .v-carousel__controls__item:hover .v-icon {
20245
+ opacity: 0.8;
20278
20246
  }
20279
20247
 
20280
- .v-combobox__content {
20281
- overflow: hidden;
20282
- 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));
20283
- border-radius: 4px;
20248
+ .v-carousel__progress {
20249
+ margin: 0;
20250
+ position: absolute;
20251
+ bottom: 0;
20252
+ left: 0;
20253
+ right: 0;
20284
20254
  }
20285
- .v-combobox__mask {
20286
- background: rgb(var(--v-theme-surface-light));
20255
+
20256
+ .v-carousel-item {
20257
+ display: block;
20258
+ height: inherit;
20259
+ text-decoration: none;
20287
20260
  }
20288
- .v-combobox__selection {
20289
- display: inline-flex;
20290
- align-items: center;
20291
- height: 1.5rem;
20292
- letter-spacing: inherit;
20293
- line-height: inherit;
20294
- max-width: calc(100% - 2px - 2px);
20261
+ .v-carousel-item > .v-img {
20262
+ height: inherit;
20295
20263
  }
20296
- .v-combobox__selection:first-child {
20297
- margin-inline-start: 0;
20264
+
20265
+ .v-carousel--hide-delimiter-background .v-carousel__controls {
20266
+ background: transparent;
20298
20267
  }
20299
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
20300
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
20301
- .v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
20302
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20303
- top: 0px;
20268
+
20269
+ .v-carousel--vertical-delimiters .v-carousel__controls {
20270
+ flex-direction: column;
20271
+ height: 100% !important;
20272
+ width: 50px;
20273
+ }.v-color-picker {
20274
+ align-self: flex-start;
20275
+ contain: content;
20304
20276
  }
20305
- .v-combobox--selecting-index .v-combobox__selection {
20306
- opacity: var(--v-medium-emphasis-opacity);
20277
+ .v-color-picker.v-sheet {
20278
+ 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));
20279
+ border-radius: 4px;
20307
20280
  }
20308
- .v-combobox--selecting-index .v-combobox__selection--selected {
20309
- opacity: 1;
20281
+
20282
+ .v-color-picker__controls {
20283
+ display: flex;
20284
+ flex-direction: column;
20285
+ padding: 16px;
20310
20286
  }
20311
- .v-combobox--selecting-index .v-field__input > input {
20312
- caret-color: transparent;
20287
+
20288
+ .v-color-picker--flat {
20289
+ 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));
20313
20290
  }
20314
- .v-combobox--single:not(.v-combobox--selection-slot).v-text-field input {
20315
- flex: 1 1;
20316
- position: absolute;
20317
- left: 0;
20318
- right: 0;
20319
- width: 100%;
20320
- padding-inline: inherit;
20321
- }
20322
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--active input {
20323
- transition: none;
20324
- }
20325
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--dirty:not(.v-field--focused) input {
20326
- opacity: 0;
20327
- }
20328
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--focused .v-combobox__selection {
20329
- opacity: 0;
20330
- }
20331
- .v-combobox__menu-icon {
20332
- margin-inline-start: 4px;
20333
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
20334
- }
20335
- .v-combobox--active-menu .v-combobox__menu-icon {
20336
- opacity: var(--v-high-emphasis-opacity);
20337
- transform: rotate(180deg);
20291
+ .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20292
+ 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));
20338
20293
  }.v-container {
20339
20294
  width: 100%;
20340
20295
  padding: 16px;
@@ -21007,93 +20962,172 @@ html.overflow-y-hidden {
21007
20962
  .offset-xxl-11 {
21008
20963
  margin-inline-start: 91.6666666667%;
21009
20964
  }
21010
- }.v-color-picker {
21011
- align-self: flex-start;
21012
- contain: content;
21013
- }
21014
- .v-color-picker.v-sheet {
21015
- 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));
21016
- border-radius: 4px;
21017
- }
21018
-
21019
- .v-color-picker__controls {
21020
- display: flex;
21021
- flex-direction: column;
21022
- padding: 16px;
21023
- }
21024
-
21025
- .v-color-picker--flat {
21026
- 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));
21027
- }
21028
- .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
21029
- 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));
21030
20965
  }.v-counter {
21031
20966
  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
21032
20967
  flex: 0 1 auto;
21033
20968
  font-size: 12px;
21034
20969
  transition-duration: 150ms;
21035
- }.v-date-picker {
20970
+ }.v-combobox .v-field .v-text-field__prefix,
20971
+ .v-combobox .v-field .v-text-field__suffix,
20972
+ .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
20973
+ cursor: text;
20974
+ }
20975
+ .v-combobox .v-field .v-field__input > input {
20976
+ flex: 1 1;
20977
+ }
20978
+ .v-combobox .v-field input {
20979
+ min-width: 64px;
20980
+ }
20981
+ .v-combobox .v-field:not(.v-field--focused) input {
20982
+ min-width: 0;
20983
+ }
20984
+ .v-combobox .v-field--dirty .v-combobox__selection {
20985
+ margin-inline-end: 2px;
20986
+ }
20987
+ .v-combobox .v-combobox__selection-text {
21036
20988
  overflow: hidden;
21037
- width: 328px;
20989
+ text-overflow: ellipsis;
20990
+ white-space: nowrap;
21038
20991
  }
21039
- .v-date-picker--show-week {
21040
- width: 368px;
21041
- }.v-date-picker-controls {
21042
- display: flex;
21043
- align-items: center;
21044
- justify-content: space-between;
21045
- font-size: 0.875rem;
21046
- padding-top: 4px;
21047
- padding-bottom: 4px;
21048
- padding-inline-start: 6px;
21049
- padding-inline-end: 12px;
20992
+
20993
+ .v-combobox__content {
20994
+ overflow: hidden;
20995
+ 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));
20996
+ border-radius: 4px;
21050
20997
  }
21051
- .v-date-picker-controls > .v-btn:first-child {
21052
- text-transform: none;
21053
- font-weight: 400;
21054
- line-height: initial;
21055
- letter-spacing: initial;
20998
+ .v-combobox__mask {
20999
+ background: rgb(var(--v-theme-surface-light));
21056
21000
  }
21057
- .v-date-picker-controls--variant-classic {
21058
- padding-inline-start: 12px;
21001
+ .v-combobox__selection {
21002
+ display: inline-flex;
21003
+ align-items: center;
21004
+ height: 1.5rem;
21005
+ letter-spacing: inherit;
21006
+ line-height: inherit;
21007
+ max-width: calc(100% - 2px - 2px);
21059
21008
  }
21060
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
21061
- opacity: 0.7;
21009
+ .v-combobox__selection:first-child {
21010
+ margin-inline-start: 0;
21062
21011
  }
21063
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
21064
- cursor: pointer;
21012
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21013
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21014
+ .v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21015
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21016
+ top: 0px;
21065
21017
  }
21066
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
21018
+ .v-combobox--selecting-index .v-combobox__selection {
21019
+ opacity: var(--v-medium-emphasis-opacity);
21020
+ }
21021
+ .v-combobox--selecting-index .v-combobox__selection--selected {
21067
21022
  opacity: 1;
21068
21023
  }
21069
- .v-date-picker-controls .v-btn:last-child {
21024
+ .v-combobox--selecting-index .v-field__input > input {
21025
+ caret-color: transparent;
21026
+ }
21027
+ .v-combobox--single:not(.v-combobox--selection-slot).v-text-field input {
21028
+ flex: 1 1;
21029
+ position: absolute;
21030
+ left: 0;
21031
+ right: 0;
21032
+ width: 100%;
21033
+ padding-inline: inherit;
21034
+ }
21035
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--active input {
21036
+ transition: none;
21037
+ }
21038
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--dirty:not(.v-field--focused) input {
21039
+ opacity: 0;
21040
+ }
21041
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--focused .v-combobox__selection {
21042
+ opacity: 0;
21043
+ }
21044
+ .v-combobox__menu-icon {
21070
21045
  margin-inline-start: 4px;
21046
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21071
21047
  }
21072
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
21048
+ .v-combobox--active-menu .v-combobox__menu-icon {
21049
+ opacity: var(--v-high-emphasis-opacity);
21073
21050
  transform: rotate(180deg);
21051
+ }.v-date-picker {
21052
+ overflow: hidden;
21053
+ width: 328px;
21054
+ }
21055
+ .v-date-picker--show-week {
21056
+ width: 368px;
21057
+ }.v-date-picker-month {
21058
+ display: flex;
21059
+ justify-content: center;
21060
+ padding: 0 12px 8px;
21061
+ --v-date-picker-month-day-diff: 4px;
21074
21062
  }
21075
21063
 
21076
- .v-date-picker-controls__date {
21077
- margin-inline-end: 4px;
21064
+ .v-date-picker-month__weeks {
21065
+ display: grid;
21066
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
21067
+ column-gap: 4px;
21068
+ font-size: 0.85rem;
21078
21069
  }
21079
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
21080
- margin: auto;
21081
- text-align: center;
21070
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
21071
+ grid-row-gap: 0;
21082
21072
  }
21083
21073
 
21084
- .v-date-picker-controls__month {
21074
+ .v-date-picker-month__weekday {
21075
+ font-size: 0.85rem;
21076
+ }
21077
+
21078
+ .v-date-picker-month__days {
21079
+ display: grid;
21080
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
21081
+ column-gap: 4px;
21082
+ flex: 1 1;
21083
+ justify-content: space-around;
21084
+ }
21085
+
21086
+ .v-date-picker-month__day {
21087
+ align-items: center;
21085
21088
  display: flex;
21089
+ justify-content: center;
21090
+ position: relative;
21091
+ height: 40px;
21092
+ width: 40px;
21086
21093
  }
21087
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
21088
- flex-direction: row-reverse;
21094
+ .v-date-picker-month__day--selected .v-btn {
21095
+ background-color: rgb(var(--v-theme-surface-variant));
21096
+ color: rgb(var(--v-theme-on-surface-variant));
21097
+ }
21098
+ .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
21099
+ --v-btn-height: 24px;
21100
+ --v-btn-size: 0.85rem;
21101
+ }
21102
+ .v-date-picker-month__day--week {
21103
+ font-size: var(--v-btn-size);
21089
21104
  }
21090
21105
 
21091
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
21092
- flex: 1 0 auto;
21106
+ .v-date-picker-month__day--adjacent {
21107
+ opacity: 0.5;
21093
21108
  }
21094
21109
 
21095
- .v-date-picker__title {
21096
- display: inline-block;
21110
+ .v-date-picker-month__day--hide-adjacent {
21111
+ opacity: 0;
21112
+ }.v-date-picker-months {
21113
+ height: 288px;
21114
+ }
21115
+
21116
+ .v-date-picker-months__content {
21117
+ align-items: center;
21118
+ display: grid;
21119
+ flex: 1 1;
21120
+ height: inherit;
21121
+ justify-content: space-around;
21122
+ grid-template-columns: repeat(2, 1fr);
21123
+ grid-gap: 0px 24px;
21124
+ padding-inline-start: 36px;
21125
+ padding-inline-end: 36px;
21126
+ }
21127
+ .v-date-picker-months__content .v-btn {
21128
+ text-transform: none;
21129
+ padding-inline-start: 8px;
21130
+ padding-inline-end: 8px;
21097
21131
  }.v-date-picker-header {
21098
21132
  align-items: flex-end;
21099
21133
  height: 70px;
@@ -21154,95 +21188,77 @@ html.overflow-y-hidden {
21154
21188
  .date-picker-header-reverse-transition-leave-to {
21155
21189
  opacity: 0;
21156
21190
  transform: translate(0, 100%);
21157
- }.v-date-picker-months {
21158
- height: 288px;
21159
- }
21160
-
21161
- .v-date-picker-months__content {
21191
+ }.v-date-picker-controls {
21192
+ display: flex;
21162
21193
  align-items: center;
21163
- display: grid;
21164
- flex: 1 1;
21165
- height: inherit;
21166
- justify-content: space-around;
21167
- grid-template-columns: repeat(2, 1fr);
21168
- grid-gap: 0px 24px;
21169
- padding-inline-start: 36px;
21170
- padding-inline-end: 36px;
21194
+ justify-content: space-between;
21195
+ font-size: 0.875rem;
21196
+ padding-top: 4px;
21197
+ padding-bottom: 4px;
21198
+ padding-inline-start: 6px;
21199
+ padding-inline-end: 12px;
21171
21200
  }
21172
- .v-date-picker-months__content .v-btn {
21201
+ .v-date-picker-controls > .v-btn:first-child {
21173
21202
  text-transform: none;
21174
- padding-inline-start: 8px;
21175
- padding-inline-end: 8px;
21176
- }.v-date-picker-years {
21177
- height: 288px;
21178
- overflow-y: scroll;
21203
+ font-weight: 400;
21204
+ line-height: initial;
21205
+ letter-spacing: initial;
21179
21206
  }
21180
-
21181
- .v-date-picker-years__content {
21182
- display: grid;
21183
- flex: 1 1;
21184
- justify-content: space-around;
21185
- grid-template-columns: repeat(3, 1fr);
21186
- gap: 8px 24px;
21187
- padding-inline: 32px;
21207
+ .v-date-picker-controls--variant-classic {
21208
+ padding-inline-start: 12px;
21188
21209
  }
21189
- .v-date-picker-years__content .v-btn {
21190
- padding-inline: 8px;
21191
- }.v-date-picker-month {
21192
- display: flex;
21193
- justify-content: center;
21194
- padding: 0 12px 8px;
21195
- --v-date-picker-month-day-diff: 4px;
21210
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
21211
+ opacity: 0.7;
21196
21212
  }
21197
-
21198
- .v-date-picker-month__weeks {
21199
- display: grid;
21200
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
21201
- column-gap: 4px;
21202
- font-size: 0.85rem;
21213
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
21214
+ cursor: pointer;
21203
21215
  }
21204
- .v-date-picker-month__weeks + .v-date-picker-month__days {
21205
- grid-row-gap: 0;
21216
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
21217
+ opacity: 1;
21206
21218
  }
21207
-
21208
- .v-date-picker-month__weekday {
21209
- font-size: 0.85rem;
21219
+ .v-date-picker-controls .v-btn:last-child {
21220
+ margin-inline-start: 4px;
21221
+ }
21222
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
21223
+ transform: rotate(180deg);
21210
21224
  }
21211
21225
 
21212
- .v-date-picker-month__days {
21213
- display: grid;
21214
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
21215
- column-gap: 4px;
21216
- flex: 1 1;
21217
- justify-content: space-around;
21226
+ .v-date-picker-controls__date {
21227
+ margin-inline-end: 4px;
21228
+ }
21229
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
21230
+ margin: auto;
21231
+ text-align: center;
21218
21232
  }
21219
21233
 
21220
- .v-date-picker-month__day {
21221
- align-items: center;
21234
+ .v-date-picker-controls__month {
21222
21235
  display: flex;
21223
- justify-content: center;
21224
- position: relative;
21225
- height: 40px;
21226
- width: 40px;
21227
- }
21228
- .v-date-picker-month__day--selected .v-btn {
21229
- background-color: rgb(var(--v-theme-surface-variant));
21230
- color: rgb(var(--v-theme-on-surface-variant));
21231
21236
  }
21232
- .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
21233
- --v-btn-height: 24px;
21234
- --v-btn-size: 0.85rem;
21237
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
21238
+ flex-direction: row-reverse;
21235
21239
  }
21236
- .v-date-picker-month__day--week {
21237
- font-size: var(--v-btn-size);
21240
+
21241
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
21242
+ flex: 1 0 auto;
21238
21243
  }
21239
21244
 
21240
- .v-date-picker-month__day--adjacent {
21241
- opacity: 0.5;
21245
+ .v-date-picker__title {
21246
+ display: inline-block;
21247
+ }.v-date-picker-years {
21248
+ height: 288px;
21249
+ overflow-y: scroll;
21242
21250
  }
21243
21251
 
21244
- .v-date-picker-month__day--hide-adjacent {
21245
- opacity: 0;
21252
+ .v-date-picker-years__content {
21253
+ display: grid;
21254
+ flex: 1 1;
21255
+ justify-content: space-around;
21256
+ grid-template-columns: repeat(3, 1fr);
21257
+ gap: 8px 24px;
21258
+ padding-inline: 32px;
21259
+ }
21260
+ .v-date-picker-years__content .v-btn {
21261
+ padding-inline: 8px;
21246
21262
  }.v-data-table {
21247
21263
  width: 100%;
21248
21264
  }
@@ -21456,6 +21472,56 @@ html.overflow-y-hidden {
21456
21472
  }
21457
21473
  .v-data-table-footer__page {
21458
21474
  padding: 0 8px;
21475
+ }.v-divider {
21476
+ display: block;
21477
+ flex: 1 1 100%;
21478
+ height: 0px;
21479
+ max-height: 0px;
21480
+ opacity: var(--v-border-opacity);
21481
+ transition: inherit;
21482
+ border-style: solid;
21483
+ border-width: thin 0 0 0;
21484
+ }
21485
+ .v-divider--vertical {
21486
+ align-self: stretch;
21487
+ border-width: 0 thin 0 0;
21488
+ display: inline-flex;
21489
+ height: 100%;
21490
+ margin-left: -1px;
21491
+ max-height: 100%;
21492
+ max-width: 0px;
21493
+ vertical-align: text-bottom;
21494
+ width: 0px;
21495
+ }
21496
+ .v-divider--inset:not(.v-divider--vertical) {
21497
+ max-width: calc(100% - 72px);
21498
+ margin-inline-start: 72px;
21499
+ }
21500
+ .v-divider--inset.v-divider--vertical {
21501
+ margin-bottom: 8px;
21502
+ margin-top: 8px;
21503
+ max-height: calc(100% - 16px);
21504
+ }
21505
+
21506
+ .v-divider__content {
21507
+ padding: 0 16px;
21508
+ text-wrap: nowrap;
21509
+ }
21510
+ .v-divider__wrapper--vertical .v-divider__content {
21511
+ padding: 4px 0;
21512
+ }
21513
+
21514
+ .v-divider__wrapper {
21515
+ display: flex;
21516
+ align-items: center;
21517
+ justify-content: center;
21518
+ }
21519
+ .v-divider__wrapper--vertical {
21520
+ flex-direction: column;
21521
+ height: 100%;
21522
+ }
21523
+ .v-divider__wrapper--vertical .v-divider {
21524
+ margin: 0 auto;
21459
21525
  }.v-dialog {
21460
21526
  align-items: center;
21461
21527
  justify-content: center;
@@ -21615,934 +21681,885 @@ html.overflow-y-hidden {
21615
21681
  .v-empty-state__action-btn.v-btn {
21616
21682
  background-color: rgb(var(--v-theme-surface-variant));
21617
21683
  color: rgb(var(--v-theme-on-surface-variant));
21618
- }.v-divider {
21619
- display: block;
21620
- flex: 1 1 100%;
21621
- height: 0px;
21622
- max-height: 0px;
21623
- opacity: var(--v-border-opacity);
21624
- transition: inherit;
21625
- border-style: solid;
21626
- border-width: thin 0 0 0;
21627
- }
21628
- .v-divider--vertical {
21629
- align-self: stretch;
21630
- border-width: 0 thin 0 0;
21631
- display: inline-flex;
21632
- height: 100%;
21633
- margin-left: -1px;
21634
- max-height: 100%;
21635
- max-width: 0px;
21636
- vertical-align: text-bottom;
21637
- width: 0px;
21684
+ }/* region INPUT */
21685
+ .v-field {
21686
+ display: grid;
21687
+ grid-template-areas: "prepend-inner field clear append-inner";
21688
+ grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
21689
+ font-size: 16px;
21690
+ letter-spacing: 0.009375em;
21691
+ max-width: 100%;
21692
+ border-radius: 4px;
21693
+ contain: layout;
21694
+ flex: 1 0;
21695
+ grid-area: control;
21696
+ position: relative;
21697
+ --v-field-padding-start: 16px;
21698
+ --v-field-padding-end: 16px;
21699
+ --v-field-padding-top: 8px;
21700
+ --v-field-padding-bottom: 4px;
21701
+ --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
21702
+ --v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
21638
21703
  }
21639
- .v-divider--inset:not(.v-divider--vertical) {
21640
- max-width: calc(100% - 72px);
21641
- margin-inline-start: 72px;
21704
+ .v-field--disabled {
21705
+ opacity: var(--v-disabled-opacity);
21706
+ pointer-events: none;
21642
21707
  }
21643
- .v-divider--inset.v-divider--vertical {
21644
- margin-bottom: 8px;
21645
- margin-top: 8px;
21646
- max-height: calc(100% - 16px);
21708
+ .v-field .v-chip {
21709
+ --v-chip-height: 24px;
21647
21710
  }
21648
21711
 
21649
- .v-divider__content {
21650
- padding: 0 16px;
21651
- }
21652
- .v-divider__wrapper--vertical .v-divider__content {
21653
- padding: 4px 0;
21712
+ /* endregion */
21713
+ /* region MODIFIERS */
21714
+ .v-field--prepended {
21715
+ padding-inline-start: 12px;
21654
21716
  }
21655
-
21656
- .v-divider__wrapper {
21657
- display: flex;
21658
- align-items: center;
21659
- justify-content: center;
21717
+ .v-field--appended {
21718
+ padding-inline-end: 12px;
21660
21719
  }
21661
- .v-divider__wrapper--vertical {
21662
- flex-direction: column;
21663
- height: 100%;
21720
+ .v-field--variant-solo, .v-field--variant-solo-filled {
21721
+ background: rgb(var(--v-theme-surface));
21722
+ border-color: transparent;
21723
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21724
+ 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));
21664
21725
  }
21665
- .v-divider__wrapper--vertical .v-divider {
21666
- margin: 0 auto;
21667
- }.v-expansion-panel {
21668
- background-color: rgb(var(--v-theme-surface));
21726
+ .v-field--variant-solo-inverted {
21727
+ background: rgb(var(--v-theme-surface));
21728
+ border-color: transparent;
21669
21729
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21730
+ 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));
21670
21731
  }
21671
- .v-expansion-panel:not(:first-child)::after {
21672
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21732
+ .v-field--variant-solo-inverted.v-field--focused {
21733
+ color: rgb(var(--v-theme-on-surface-variant));
21673
21734
  }
21674
- .v-expansion-panel--disabled .v-expansion-panel-title {
21675
- color: rgba(var(--v-theme-on-surface), 0.26);
21735
+ .v-field--variant-filled {
21736
+ border-bottom-left-radius: 0;
21737
+ border-bottom-right-radius: 0;
21676
21738
  }
21677
- .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
21678
- opacity: 0.4615384615;
21739
+ .v-input--density-default .v-field--variant-solo, .v-input--density-default .v-field--variant-solo-inverted, .v-input--density-default .v-field--variant-solo-filled, .v-input--density-default .v-field--variant-filled {
21740
+ --v-input-control-height: 56px;
21741
+ --v-field-padding-bottom: 4px;
21679
21742
  }
21680
21743
 
21681
- .v-expansion-panels {
21682
- display: flex;
21683
- flex-wrap: wrap;
21684
- justify-content: center;
21685
- list-style-type: none;
21686
- padding: 0;
21687
- width: 100%;
21688
- position: relative;
21689
- z-index: 1;
21690
- }
21691
- .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) {
21692
- border-bottom-left-radius: 0 !important;
21693
- border-bottom-right-radius: 0 !important;
21744
+ .v-input--density-comfortable .v-field--variant-solo, .v-input--density-comfortable .v-field--variant-solo-inverted, .v-input--density-comfortable .v-field--variant-solo-filled, .v-input--density-comfortable .v-field--variant-filled {
21745
+ --v-input-control-height: 48px;
21746
+ --v-field-padding-bottom: 0px;
21694
21747
  }
21695
- .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) {
21696
- border-top-left-radius: 0 !important;
21697
- border-top-right-radius: 0 !important;
21748
+
21749
+ .v-input--density-compact .v-field--variant-solo, .v-input--density-compact .v-field--variant-solo-inverted, .v-input--density-compact .v-field--variant-solo-filled, .v-input--density-compact .v-field--variant-filled {
21750
+ --v-input-control-height: 40px;
21751
+ --v-field-padding-bottom: 0px;
21698
21752
  }
21699
- .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) {
21700
- border-bottom-left-radius: 0 !important;
21701
- border-bottom-right-radius: 0 !important;
21753
+
21754
+ .v-field--variant-outlined, .v-field--single-line, .v-field--no-label {
21755
+ --v-field-padding-top: 0px;
21702
21756
  }
21703
- .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) {
21704
- border-top-left-radius: 0 !important;
21705
- border-top-right-radius: 0 !important;
21757
+ .v-input--density-default .v-field--variant-outlined, .v-input--density-default .v-field--single-line, .v-input--density-default .v-field--no-label {
21758
+ --v-field-padding-bottom: 16px;
21706
21759
  }
21707
- .v-expansion-panels--variant-accordion > :first-child:not(:last-child) {
21708
- border-bottom-left-radius: 0 !important;
21709
- border-bottom-right-radius: 0 !important;
21760
+
21761
+ .v-input--density-comfortable .v-field--variant-outlined, .v-input--density-comfortable .v-field--single-line, .v-input--density-comfortable .v-field--no-label {
21762
+ --v-field-padding-bottom: 12px;
21710
21763
  }
21711
- .v-expansion-panels--variant-accordion > :last-child:not(:first-child) {
21712
- border-top-left-radius: 0 !important;
21713
- border-top-right-radius: 0 !important;
21764
+
21765
+ .v-input--density-compact .v-field--variant-outlined, .v-input--density-compact .v-field--single-line, .v-input--density-compact .v-field--no-label {
21766
+ --v-field-padding-bottom: 8px;
21714
21767
  }
21715
- .v-expansion-panels--variant-accordion > :last-child:not(:first-child) .v-expansion-panel-title--active {
21716
- border-bottom-left-radius: initial;
21717
- border-bottom-right-radius: initial;
21768
+
21769
+ .v-field--variant-plain, .v-field--variant-underlined {
21770
+ border-radius: 0;
21771
+ padding: 0;
21718
21772
  }
21719
- .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
21720
- border-radius: 0 !important;
21773
+ .v-field--variant-plain.v-field, .v-field--variant-underlined.v-field {
21774
+ --v-field-padding-start: 0px;
21775
+ --v-field-padding-end: 0px;
21721
21776
  }
21722
- .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
21723
- transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
21777
+ .v-input--density-default .v-field--variant-plain, .v-input--density-default .v-field--variant-underlined {
21778
+ --v-input-control-height: 48px;
21779
+ --v-field-padding-top: 4px;
21780
+ --v-field-padding-bottom: 4px;
21724
21781
  }
21725
21782
 
21726
- .v-expansion-panel {
21727
- flex: 1 0 100%;
21728
- max-width: 100%;
21729
- position: relative;
21730
- transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
21731
- transition-property: margin-top, border-radius, border, max-width;
21732
- border-radius: 4px;
21733
- }
21734
- .v-expansion-panel:not(:first-child)::after {
21735
- border-top-style: solid;
21736
- border-top-width: thin;
21737
- content: "";
21738
- left: 0;
21739
- position: absolute;
21740
- right: 0;
21741
- top: 0;
21742
- transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
21743
- }
21744
- .v-expansion-panel--disabled .v-expansion-panel-title {
21745
- pointer-events: none;
21783
+ .v-input--density-comfortable .v-field--variant-plain, .v-input--density-comfortable .v-field--variant-underlined {
21784
+ --v-input-control-height: 40px;
21785
+ --v-field-padding-top: 2px;
21786
+ --v-field-padding-bottom: 0px;
21746
21787
  }
21747
- .v-expansion-panel--active:not(:first-child),
21748
- .v-expansion-panel--active + .v-expansion-panel {
21749
- margin-top: 16px;
21788
+
21789
+ .v-input--density-compact .v-field--variant-plain, .v-input--density-compact .v-field--variant-underlined {
21790
+ --v-input-control-height: 32px;
21791
+ --v-field-padding-top: 0px;
21792
+ --v-field-padding-bottom: 0px;
21750
21793
  }
21751
- .v-expansion-panel--active:not(:first-child)::after,
21752
- .v-expansion-panel--active + .v-expansion-panel::after {
21753
- opacity: 0;
21794
+
21795
+ .v-field--flat {
21796
+ box-shadow: none;
21754
21797
  }
21755
- .v-expansion-panel--active > .v-expansion-panel-title {
21756
- border-bottom-left-radius: 0;
21757
- border-bottom-right-radius: 0;
21798
+ .v-field--rounded {
21799
+ border-radius: 24px;
21758
21800
  }
21759
- .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
21760
- min-height: 64px;
21801
+ .v-field.v-field--prepended {
21802
+ --v-field-padding-start: 6px;
21761
21803
  }
21762
-
21763
- .v-expansion-panel__shadow {
21764
- position: absolute;
21765
- top: 0;
21766
- left: 0;
21767
- width: 100%;
21768
- height: 100%;
21769
- 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));
21770
- border-radius: inherit;
21771
- z-index: -1;
21804
+ .v-field.v-field--appended {
21805
+ --v-field-padding-end: 6px;
21772
21806
  }
21773
21807
 
21774
- .v-expansion-panel-title {
21808
+ /* endregion */
21809
+ /* region ELEMENTS */
21810
+ .v-field__input {
21775
21811
  align-items: center;
21776
- text-align: start;
21777
- border-radius: inherit;
21812
+ color: inherit;
21813
+ column-gap: 2px;
21778
21814
  display: flex;
21779
- font-size: 0.9375rem;
21780
- line-height: 1;
21781
- min-height: 48px;
21782
- outline: none;
21783
- padding: 16px 24px;
21815
+ flex-wrap: wrap;
21816
+ letter-spacing: 0.009375em;
21817
+ opacity: var(--v-high-emphasis-opacity);
21818
+ min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
21819
+ min-width: 0;
21820
+ padding-inline: var(--v-field-padding-start) var(--v-field-padding-end);
21821
+ padding-top: var(--v-field-input-padding-top);
21822
+ padding-bottom: var(--v-field-input-padding-bottom);
21784
21823
  position: relative;
21785
- transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
21786
21824
  width: 100%;
21787
- justify-content: space-between;
21788
- }
21789
- .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
21790
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
21791
- }
21792
- .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
21793
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21794
21825
  }
21795
- @supports not selector(:focus-visible) {
21796
- .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
21797
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21798
- }
21826
+ .v-input--density-default .v-field__input {
21827
+ row-gap: 8px;
21799
21828
  }
21800
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active .v-expansion-panel-title__overlay {
21801
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
21829
+
21830
+ .v-input--density-comfortable .v-field__input {
21831
+ row-gap: 6px;
21802
21832
  }
21803
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:hover .v-expansion-panel-title__overlay {
21804
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21833
+
21834
+ .v-input--density-compact .v-field__input {
21835
+ row-gap: 4px;
21805
21836
  }
21806
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus-visible .v-expansion-panel-title__overlay {
21807
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21837
+
21838
+ .v-field__input input {
21839
+ letter-spacing: inherit;
21808
21840
  }
21809
- @supports not selector(:focus-visible) {
21810
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus .v-expansion-panel-title__overlay {
21811
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21812
- }
21841
+ .v-field__input input::placeholder,
21842
+ input.v-field__input::placeholder,
21843
+ textarea.v-field__input::placeholder {
21844
+ color: currentColor;
21845
+ opacity: var(--v-disabled-opacity);
21813
21846
  }
21814
21847
 
21815
- .v-expansion-panel-title__overlay {
21816
- position: absolute;
21817
- top: 0;
21818
- left: 0;
21819
- width: 100%;
21820
- height: 100%;
21821
- background-color: currentColor;
21822
- border-radius: inherit;
21823
- opacity: 0;
21848
+ .v-field__input:focus, .v-field__input:active {
21849
+ outline: none;
21824
21850
  }
21825
-
21826
- .v-expansion-panel-title__icon {
21827
- display: inline-flex;
21828
- margin-bottom: -4px;
21829
- margin-top: -4px;
21830
- -webkit-user-select: none;
21831
- user-select: none;
21832
- margin-inline-start: auto;
21851
+ .v-field__input:invalid {
21852
+ box-shadow: none;
21833
21853
  }
21834
21854
 
21835
- .v-expansion-panel-text {
21855
+ .v-field__field {
21856
+ flex: 1 0;
21857
+ grid-area: field;
21858
+ position: relative;
21859
+ align-items: flex-start;
21836
21860
  display: flex;
21837
21861
  }
21838
- .v-expansion-panel-text__wrapper {
21839
- padding: 8px 24px 16px;
21840
- flex: 1 1 auto;
21841
- max-width: 100%;
21842
- }
21843
21862
 
21844
- .v-expansion-panels--variant-accordion > .v-expansion-panel {
21845
- margin-top: 0;
21846
- }
21847
- .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
21848
- opacity: 1;
21863
+ /* endregion */
21864
+ /* region AFFIXES */
21865
+ .v-field__prepend-inner {
21866
+ grid-area: prepend-inner;
21867
+ padding-inline-end: var(--v-field-padding-after);
21849
21868
  }
21850
21869
 
21851
- .v-expansion-panels--variant-popout > .v-expansion-panel {
21852
- max-width: calc(100% - 32px);
21870
+ .v-field__clearable {
21871
+ grid-area: clear;
21853
21872
  }
21854
- .v-expansion-panels--variant-popout > .v-expansion-panel--active {
21855
- max-width: calc(100% + 16px);
21873
+
21874
+ .v-field__append-inner {
21875
+ grid-area: append-inner;
21876
+ padding-inline-start: var(--v-field-padding-after);
21856
21877
  }
21857
21878
 
21858
- .v-expansion-panels--variant-inset > .v-expansion-panel {
21859
- max-width: 100%;
21879
+ .v-field__append-inner,
21880
+ .v-field__clearable,
21881
+ .v-field__prepend-inner {
21882
+ display: flex;
21883
+ align-items: flex-start;
21884
+ padding-top: var(--v-input-padding-top, 8px);
21860
21885
  }
21861
- .v-expansion-panels--variant-inset > .v-expansion-panel--active {
21862
- max-width: calc(100% - 32px);
21886
+ .v-field--center-affix .v-field__append-inner,
21887
+ .v-field--center-affix .v-field__clearable,
21888
+ .v-field--center-affix .v-field__prepend-inner {
21889
+ align-items: center;
21890
+ padding-top: 0;
21863
21891
  }
21864
21892
 
21865
- .v-expansion-panels--flat > .v-expansion-panel::after {
21866
- border-top: none;
21867
- }
21868
- .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
21869
- display: none;
21893
+ .v-field.v-field--variant-underlined .v-field__append-inner,
21894
+ .v-field.v-field--variant-underlined .v-field__clearable,
21895
+ .v-field.v-field--variant-underlined .v-field__prepend-inner,
21896
+ .v-field.v-field--variant-plain .v-field__append-inner,
21897
+ .v-field.v-field--variant-plain .v-field__clearable,
21898
+ .v-field.v-field--variant-plain .v-field__prepend-inner {
21899
+ align-items: flex-start;
21900
+ padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
21901
+ padding-bottom: var(--v-field-padding-bottom, 4px);
21870
21902
  }
21871
21903
 
21872
- .v-expansion-panels--tile {
21873
- border-radius: 0;
21904
+ .v-field--focused .v-field__prepend-inner,
21905
+ .v-field--focused .v-field__append-inner {
21906
+ opacity: 1;
21874
21907
  }
21875
- .v-expansion-panels--tile > .v-expansion-panel {
21876
- border-radius: 0;
21877
- }.v-file-input--hide.v-input .v-field,
21878
- .v-file-input--hide.v-input .v-input__control,
21879
- .v-file-input--hide.v-input .v-input__details {
21880
- display: none;
21908
+
21909
+ .v-field__prepend-inner > .v-icon,
21910
+ .v-field__append-inner > .v-icon,
21911
+ .v-field__clearable > .v-icon {
21912
+ opacity: var(--v-medium-emphasis-opacity);
21881
21913
  }
21882
- .v-file-input--hide.v-input .v-input__prepend {
21883
- grid-area: control;
21884
- margin: 0 auto;
21914
+ .v-field--disabled .v-field__prepend-inner > .v-icon, .v-field--error .v-field__prepend-inner > .v-icon,
21915
+ .v-field--disabled .v-field__append-inner > .v-icon,
21916
+ .v-field--error .v-field__append-inner > .v-icon,
21917
+ .v-field--disabled .v-field__clearable > .v-icon,
21918
+ .v-field--error .v-field__clearable > .v-icon {
21919
+ opacity: 1;
21885
21920
  }
21886
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21887
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21888
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21889
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21890
- top: 0px;
21921
+ .v-field--error:not(.v-field--disabled) .v-field__prepend-inner > .v-icon,
21922
+ .v-field--error:not(.v-field--disabled) .v-field__append-inner > .v-icon,
21923
+ .v-field--error:not(.v-field--disabled) .v-field__clearable > .v-icon {
21924
+ color: rgb(var(--v-theme-error));
21891
21925
  }
21892
- .v-file-input input[type=file] {
21893
- height: 100%;
21894
- left: 0;
21926
+
21927
+ .v-field__clearable {
21928
+ cursor: pointer;
21895
21929
  opacity: 0;
21896
- position: absolute;
21897
- top: 0;
21898
- width: 100%;
21899
- z-index: 1;
21930
+ overflow: hidden;
21931
+ margin-inline: 4px;
21932
+ transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
21933
+ transition-property: opacity, transform, width;
21900
21934
  }
21901
- .v-file-input .v-input__details {
21902
- padding-inline: 16px;
21935
+ .v-field--focused .v-field__clearable, .v-field--persistent-clear .v-field__clearable {
21936
+ opacity: 1;
21903
21937
  }
21904
- .v-input--plain-underlined.v-file-input .v-input__details {
21905
- padding-inline: 0;
21906
- }.v-fab {
21907
- align-items: center;
21908
- display: inline-flex;
21909
- flex: 1 1 auto;
21938
+ @media (hover: hover) {
21939
+ .v-field:hover .v-field__clearable {
21940
+ opacity: 1;
21941
+ }
21942
+ }
21943
+ @media (hover: none) {
21944
+ .v-field__clearable {
21945
+ opacity: 1;
21946
+ }
21947
+ }
21948
+
21949
+ /* endregion */
21950
+ /* region LABEL */
21951
+ .v-label.v-field-label {
21952
+ contain: layout paint;
21953
+ display: block;
21954
+ margin-inline-start: var(--v-field-padding-start);
21955
+ margin-inline-end: var(--v-field-padding-end);
21956
+ max-width: calc(100% - var(--v-field-padding-start) - var(--v-field-padding-end));
21910
21957
  pointer-events: none;
21911
- position: relative;
21912
- transition-duration: 0.2s;
21913
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21914
- vertical-align: middle;
21958
+ position: absolute;
21959
+ top: var(--v-input-padding-top);
21960
+ transform-origin: left center;
21961
+ transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
21962
+ transition-property: opacity, transform;
21963
+ z-index: 1;
21915
21964
  }
21916
- .v-fab .v-btn {
21917
- pointer-events: auto;
21965
+ .v-field--variant-underlined .v-label.v-field-label, .v-field--variant-plain .v-label.v-field-label {
21966
+ top: calc(var(--v-input-padding-top) + var(--v-field-padding-top));
21918
21967
  }
21919
- .v-fab .v-btn--variant-elevated {
21920
- 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));
21968
+ .v-field--center-affix .v-label.v-field-label {
21969
+ top: 50%;
21970
+ transform: translateY(-50%);
21921
21971
  }
21922
- .v-fab--app, .v-fab--absolute {
21923
- display: flex;
21972
+ .v-field--active .v-label.v-field-label {
21973
+ visibility: hidden;
21924
21974
  }
21925
- .v-fab--start, .v-fab--left {
21926
- justify-content: flex-start;
21975
+ .v-field--focused .v-label.v-field-label, .v-field--error .v-label.v-field-label {
21976
+ opacity: 1;
21927
21977
  }
21928
- .v-fab--center {
21929
- align-items: center;
21930
- justify-content: center;
21978
+ .v-field--error:not(.v-field--disabled) .v-label.v-field-label {
21979
+ color: rgb(var(--v-theme-error));
21931
21980
  }
21932
- .v-fab--end, .v-fab--right {
21933
- justify-content: flex-end;
21981
+ .v-label.v-field-label--floating {
21982
+ --v-field-label-scale: 0.75em;
21983
+ font-size: var(--v-field-label-scale);
21984
+ visibility: hidden;
21985
+ max-width: 100%;
21934
21986
  }
21935
- .v-fab--bottom {
21936
- align-items: flex-end;
21987
+ .v-field--center-affix .v-label.v-field-label--floating {
21988
+ transform: none;
21937
21989
  }
21938
- .v-fab--top {
21939
- align-items: flex-start;
21990
+ .v-field.v-field--active .v-label.v-field-label--floating {
21991
+ visibility: unset;
21940
21992
  }
21941
- .v-fab--extended .v-btn {
21942
- border-radius: 9999px !important;
21993
+ .v-input--density-default .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-solo-filled .v-label.v-field-label--floating {
21994
+ top: 7px;
21943
21995
  }
21944
21996
 
21945
- .v-fab__container {
21946
- align-self: center;
21947
- display: inline-flex;
21948
- position: absolute;
21949
- vertical-align: middle;
21997
+ .v-input--density-comfortable .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-solo-filled .v-label.v-field-label--floating {
21998
+ top: 5px;
21950
21999
  }
21951
- .v-fab--app .v-fab__container {
21952
- margin: 12px;
22000
+
22001
+ .v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
22002
+ top: 3px;
21953
22003
  }
21954
- .v-fab--absolute .v-fab__container {
21955
- position: absolute;
21956
- z-index: 4;
22004
+
22005
+ .v-field--variant-plain .v-label.v-field-label--floating, .v-field--variant-underlined .v-label.v-field-label--floating {
22006
+ transform: translateY(-16px);
22007
+ margin: 0;
22008
+ top: var(--v-input-padding-top);
21957
22009
  }
21958
- .v-fab--offset.v-fab--top .v-fab__container {
22010
+ .v-field--variant-outlined .v-label.v-field-label--floating {
21959
22011
  transform: translateY(-50%);
21960
- }
21961
- .v-fab--offset.v-fab--bottom .v-fab__container {
21962
- transform: translateY(50%);
21963
- }
21964
- .v-fab--top .v-fab__container {
21965
- top: 0;
21966
- }
21967
- .v-fab--bottom .v-fab__container {
21968
- bottom: 0;
21969
- }
21970
- .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
21971
- left: 0;
21972
- }
21973
- .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
21974
- right: 0;
21975
- }/* region INPUT */
21976
- .v-field {
21977
- display: grid;
21978
- grid-template-areas: "prepend-inner field clear append-inner";
21979
- grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
21980
- font-size: 16px;
21981
- letter-spacing: 0.009375em;
21982
- max-width: 100%;
21983
- border-radius: 4px;
21984
- contain: layout;
21985
- flex: 1 0;
21986
- grid-area: control;
21987
- position: relative;
21988
- --v-field-padding-start: 16px;
21989
- --v-field-padding-end: 16px;
21990
- --v-field-padding-top: 8px;
21991
- --v-field-padding-bottom: 4px;
21992
- --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
21993
- --v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
21994
- }
21995
- .v-field--disabled {
21996
- opacity: var(--v-disabled-opacity);
21997
- pointer-events: none;
21998
- }
21999
- .v-field .v-chip {
22000
- --v-chip-height: 24px;
22012
+ transform-origin: center;
22013
+ position: static;
22014
+ margin: 0 4px;
22001
22015
  }
22002
22016
 
22003
22017
  /* endregion */
22004
- /* region MODIFIERS */
22005
- .v-field--prepended {
22006
- padding-inline-start: 12px;
22018
+ /* region OUTLINE */
22019
+ .v-field__outline {
22020
+ --v-field-border-width: 1px;
22021
+ --v-field-border-opacity: 0.38;
22022
+ align-items: stretch;
22023
+ contain: layout;
22024
+ display: flex;
22025
+ height: 100%;
22026
+ left: 0;
22027
+ pointer-events: none;
22028
+ position: absolute;
22029
+ right: 0;
22030
+ width: 100%;
22007
22031
  }
22008
- .v-field--appended {
22009
- padding-inline-end: 12px;
22032
+ @media (hover: hover) {
22033
+ .v-field:hover .v-field__outline {
22034
+ --v-field-border-opacity: var(--v-high-emphasis-opacity);
22035
+ }
22010
22036
  }
22011
- .v-field--variant-solo, .v-field--variant-solo-filled {
22012
- background: rgb(var(--v-theme-surface));
22013
- border-color: transparent;
22014
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22015
- 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));
22037
+ .v-field--error:not(.v-field--disabled) .v-field__outline {
22038
+ color: rgb(var(--v-theme-error));
22016
22039
  }
22017
- .v-field--variant-solo-inverted {
22018
- background: rgb(var(--v-theme-surface));
22019
- border-color: transparent;
22020
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22021
- 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));
22040
+ .v-field.v-field--focused .v-field__outline, .v-input.v-input--error .v-field__outline {
22041
+ --v-field-border-opacity: 1;
22022
22042
  }
22023
- .v-field--variant-solo-inverted.v-field--focused {
22024
- color: rgb(var(--v-theme-on-surface-variant));
22043
+ .v-field--variant-outlined.v-field--focused .v-field__outline {
22044
+ --v-field-border-width: 2px;
22025
22045
  }
22026
- .v-field--variant-filled {
22027
- border-bottom-left-radius: 0;
22028
- border-bottom-right-radius: 0;
22046
+ .v-field--variant-filled .v-field__outline::before, .v-field--variant-underlined .v-field__outline::before {
22047
+ border-color: currentColor;
22048
+ border-style: solid;
22049
+ border-width: 0 0 var(--v-field-border-width);
22050
+ opacity: var(--v-field-border-opacity);
22051
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22052
+ content: "";
22053
+ position: absolute;
22054
+ top: 0;
22055
+ left: 0;
22056
+ width: 100%;
22057
+ height: 100%;
22029
22058
  }
22030
- .v-input--density-default .v-field--variant-solo, .v-input--density-default .v-field--variant-solo-inverted, .v-input--density-default .v-field--variant-solo-filled, .v-input--density-default .v-field--variant-filled {
22031
- --v-input-control-height: 56px;
22032
- --v-field-padding-bottom: 4px;
22059
+ .v-field--variant-filled .v-field__outline::after, .v-field--variant-underlined .v-field__outline::after {
22060
+ border-color: currentColor;
22061
+ border-style: solid;
22062
+ border-width: 0 0 2px;
22063
+ transform: scaleX(0);
22064
+ transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
22065
+ content: "";
22066
+ position: absolute;
22067
+ top: 0;
22068
+ left: 0;
22069
+ width: 100%;
22070
+ height: 100%;
22033
22071
  }
22034
-
22035
- .v-input--density-comfortable .v-field--variant-solo, .v-input--density-comfortable .v-field--variant-solo-inverted, .v-input--density-comfortable .v-field--variant-solo-filled, .v-input--density-comfortable .v-field--variant-filled {
22036
- --v-input-control-height: 48px;
22037
- --v-field-padding-bottom: 0px;
22072
+ .v-field--focused.v-field--variant-filled .v-field__outline::after, .v-field--focused.v-field--variant-underlined .v-field__outline::after {
22073
+ transform: scaleX(1);
22038
22074
  }
22039
22075
 
22040
- .v-input--density-compact .v-field--variant-solo, .v-input--density-compact .v-field--variant-solo-inverted, .v-input--density-compact .v-field--variant-solo-filled, .v-input--density-compact .v-field--variant-filled {
22041
- --v-input-control-height: 40px;
22042
- --v-field-padding-bottom: 0px;
22076
+ .v-field--variant-outlined .v-field__outline {
22077
+ border-radius: inherit;
22043
22078
  }
22044
-
22045
- .v-field--variant-outlined, .v-field--single-line, .v-field--no-label {
22046
- --v-field-padding-top: 0px;
22079
+ .v-field--variant-outlined .v-field__outline__start, .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after, .v-field--variant-outlined .v-field__outline__end {
22080
+ border: 0 solid currentColor;
22081
+ opacity: var(--v-field-border-opacity);
22082
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22047
22083
  }
22048
- .v-input--density-default .v-field--variant-outlined, .v-input--density-default .v-field--single-line, .v-input--density-default .v-field--no-label {
22049
- --v-field-padding-bottom: 16px;
22084
+ .v-field--variant-outlined .v-field__outline__start {
22085
+ flex: 0 0 12px;
22086
+ border-top-width: var(--v-field-border-width);
22087
+ border-bottom-width: var(--v-field-border-width);
22088
+ border-inline-start-width: var(--v-field-border-width);
22089
+ border-start-start-radius: inherit;
22090
+ border-start-end-radius: 0;
22091
+ border-end-end-radius: 0;
22092
+ border-end-start-radius: inherit;
22050
22093
  }
22051
-
22052
- .v-input--density-comfortable .v-field--variant-outlined, .v-input--density-comfortable .v-field--single-line, .v-input--density-comfortable .v-field--no-label {
22053
- --v-field-padding-bottom: 12px;
22094
+ .v-field--rounded.v-field--variant-outlined .v-field__outline__start,
22095
+ [class^=rounded-].v-field--variant-outlined .v-field__outline__start,
22096
+ [class*=" rounded-"].v-field--variant-outlined .v-field__outline__start {
22097
+ flex-basis: calc(var(--v-input-control-height) / 2 + 2px);
22054
22098
  }
22055
22099
 
22056
- .v-input--density-compact .v-field--variant-outlined, .v-input--density-compact .v-field--single-line, .v-input--density-compact .v-field--no-label {
22057
- --v-field-padding-bottom: 8px;
22100
+ .v-field--reverse.v-field--variant-outlined .v-field__outline__start {
22101
+ border-start-start-radius: 0;
22102
+ border-start-end-radius: inherit;
22103
+ border-end-end-radius: inherit;
22104
+ border-end-start-radius: 0;
22105
+ border-inline-end-width: var(--v-field-border-width);
22106
+ border-inline-start-width: 0;
22058
22107
  }
22059
22108
 
22060
- .v-field--variant-plain, .v-field--variant-underlined {
22061
- border-radius: 0;
22062
- padding: 0;
22109
+ .v-field--variant-outlined .v-field__outline__notch {
22110
+ flex: none;
22111
+ position: relative;
22112
+ max-width: calc(100% - 12px);
22063
22113
  }
22064
- .v-field--variant-plain.v-field, .v-field--variant-underlined.v-field {
22065
- --v-field-padding-start: 0px;
22066
- --v-field-padding-end: 0px;
22114
+ .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after {
22115
+ opacity: var(--v-field-border-opacity);
22116
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22117
+ content: "";
22118
+ position: absolute;
22119
+ top: 0;
22120
+ left: 0;
22121
+ width: 100%;
22122
+ height: 100%;
22067
22123
  }
22068
- .v-input--density-default .v-field--variant-plain, .v-input--density-default .v-field--variant-underlined {
22069
- --v-input-control-height: 48px;
22070
- --v-field-padding-top: 4px;
22071
- --v-field-padding-bottom: 4px;
22124
+ .v-field--variant-outlined .v-field__outline__notch::before {
22125
+ border-width: var(--v-field-border-width) 0 0;
22072
22126
  }
22073
-
22074
- .v-input--density-comfortable .v-field--variant-plain, .v-input--density-comfortable .v-field--variant-underlined {
22075
- --v-input-control-height: 40px;
22076
- --v-field-padding-top: 2px;
22077
- --v-field-padding-bottom: 0px;
22127
+ .v-field--variant-outlined .v-field__outline__notch::after {
22128
+ bottom: 0;
22129
+ border-width: 0 0 var(--v-field-border-width);
22078
22130
  }
22079
-
22080
- .v-input--density-compact .v-field--variant-plain, .v-input--density-compact .v-field--variant-underlined {
22081
- --v-input-control-height: 32px;
22082
- --v-field-padding-top: 0px;
22083
- --v-field-padding-bottom: 0px;
22131
+ .v-field--active.v-field--variant-outlined .v-field__outline__notch::before {
22132
+ opacity: 0;
22084
22133
  }
22085
22134
 
22086
- .v-field--flat {
22087
- box-shadow: none;
22088
- }
22089
- .v-field--rounded {
22090
- border-radius: 24px;
22091
- }
22092
- .v-field.v-field--prepended {
22093
- --v-field-padding-start: 6px;
22135
+ .v-field--variant-outlined .v-field__outline__end {
22136
+ flex: 1;
22137
+ border-top-width: var(--v-field-border-width);
22138
+ border-bottom-width: var(--v-field-border-width);
22139
+ border-inline-end-width: var(--v-field-border-width);
22140
+ border-start-start-radius: 0;
22141
+ border-start-end-radius: inherit;
22142
+ border-end-end-radius: inherit;
22143
+ border-end-start-radius: 0;
22094
22144
  }
22095
- .v-field.v-field--appended {
22096
- --v-field-padding-end: 6px;
22145
+ .v-field--reverse.v-field--variant-outlined .v-field__outline__end {
22146
+ border-start-start-radius: inherit;
22147
+ border-start-end-radius: 0;
22148
+ border-end-end-radius: 0;
22149
+ border-end-start-radius: inherit;
22150
+ border-inline-end-width: 0;
22151
+ border-inline-start-width: var(--v-field-border-width);
22097
22152
  }
22098
22153
 
22099
22154
  /* endregion */
22100
- /* region ELEMENTS */
22101
- .v-field__input {
22102
- align-items: center;
22103
- color: inherit;
22104
- column-gap: 2px;
22105
- display: flex;
22106
- flex-wrap: wrap;
22107
- letter-spacing: 0.009375em;
22108
- opacity: var(--v-high-emphasis-opacity);
22109
- min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
22110
- min-width: 0;
22111
- padding-inline: var(--v-field-padding-start) var(--v-field-padding-end);
22112
- padding-top: var(--v-field-input-padding-top);
22113
- padding-bottom: var(--v-field-input-padding-bottom);
22114
- position: relative;
22155
+ /* region LOADER */
22156
+ .v-field__loader {
22157
+ top: calc(100% - 2px);
22158
+ left: 0;
22159
+ position: absolute;
22160
+ right: 0;
22115
22161
  width: 100%;
22162
+ border-top-left-radius: 0;
22163
+ border-top-right-radius: 0;
22164
+ border-bottom-left-radius: inherit;
22165
+ border-bottom-right-radius: inherit;
22166
+ overflow: hidden;
22116
22167
  }
22117
- .v-input--density-default .v-field__input {
22118
- row-gap: 8px;
22168
+ .v-field--variant-outlined .v-field__loader {
22169
+ top: calc(100% - 3px);
22170
+ width: calc(100% - 1px * 2);
22171
+ left: 1px;
22119
22172
  }
22120
22173
 
22121
- .v-input--density-comfortable .v-field__input {
22122
- row-gap: 6px;
22174
+ /* endregion */
22175
+ /* region OVERLAY */
22176
+ .v-field__overlay {
22177
+ border-radius: inherit;
22178
+ pointer-events: none;
22179
+ position: absolute;
22180
+ top: 0;
22181
+ left: 0;
22182
+ width: 100%;
22183
+ height: 100%;
22123
22184
  }
22124
22185
 
22125
- .v-input--density-compact .v-field__input {
22126
- row-gap: 4px;
22186
+ .v-field--variant-filled .v-field__overlay {
22187
+ background-color: currentColor;
22188
+ opacity: 0.04;
22189
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22127
22190
  }
22128
-
22129
- .v-field__input input {
22130
- letter-spacing: inherit;
22191
+ .v-field--variant-filled.v-field--has-background .v-field__overlay {
22192
+ opacity: 0;
22131
22193
  }
22132
- .v-field__input input::placeholder,
22133
- input.v-field__input::placeholder,
22134
- textarea.v-field__input::placeholder {
22135
- color: currentColor;
22136
- opacity: var(--v-disabled-opacity);
22194
+ @media (hover: hover) {
22195
+ .v-field--variant-filled:hover .v-field__overlay {
22196
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
22197
+ }
22198
+ }
22199
+ .v-field--variant-filled.v-field--focused .v-field__overlay {
22200
+ opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
22137
22201
  }
22138
22202
 
22139
- .v-field__input:focus, .v-field__input:active {
22140
- outline: none;
22203
+ .v-field--variant-solo-filled .v-field__overlay {
22204
+ background-color: currentColor;
22205
+ opacity: 0.04;
22206
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22141
22207
  }
22142
- .v-field__input:invalid {
22143
- box-shadow: none;
22208
+ @media (hover: hover) {
22209
+ .v-field--variant-solo-filled:hover .v-field__overlay {
22210
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
22211
+ }
22144
22212
  }
22145
-
22146
- .v-field__field {
22147
- flex: 1 0;
22148
- grid-area: field;
22149
- position: relative;
22150
- align-items: flex-start;
22151
- display: flex;
22213
+ .v-field--variant-solo-filled.v-field--focused .v-field__overlay {
22214
+ opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
22152
22215
  }
22153
22216
 
22154
- /* endregion */
22155
- /* region AFFIXES */
22156
- .v-field__prepend-inner {
22157
- grid-area: prepend-inner;
22158
- padding-inline-end: var(--v-field-padding-after);
22217
+ .v-field--variant-solo-inverted .v-field__overlay {
22218
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22159
22219
  }
22160
-
22161
- .v-field__clearable {
22162
- grid-area: clear;
22220
+ .v-field--variant-solo-inverted.v-field--has-background .v-field__overlay {
22221
+ opacity: 0;
22163
22222
  }
22164
-
22165
- .v-field__append-inner {
22166
- grid-area: append-inner;
22167
- padding-inline-start: var(--v-field-padding-after);
22223
+ @media (hover: hover) {
22224
+ .v-field--variant-solo-inverted:hover .v-field__overlay {
22225
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
22226
+ }
22227
+ }
22228
+ .v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
22229
+ background-color: rgb(var(--v-theme-surface-variant));
22230
+ opacity: 1;
22168
22231
  }
22169
22232
 
22170
- .v-field__append-inner,
22171
- .v-field__clearable,
22172
- .v-field__prepend-inner {
22173
- display: flex;
22174
- align-items: flex-start;
22175
- padding-top: var(--v-input-padding-top, 8px);
22233
+ /* endregion */
22234
+ /* region MODIFIERS */
22235
+ .v-field--reverse .v-field__field,
22236
+ .v-field--reverse .v-field__input,
22237
+ .v-field--reverse .v-field__outline {
22238
+ flex-direction: row-reverse;
22176
22239
  }
22177
- .v-field--center-affix .v-field__append-inner,
22178
- .v-field--center-affix .v-field__clearable,
22179
- .v-field--center-affix .v-field__prepend-inner {
22180
- align-items: center;
22181
- padding-top: 0;
22240
+ .v-field--reverse .v-field__input, .v-field--reverse input {
22241
+ text-align: end;
22182
22242
  }
22183
22243
 
22184
- .v-field.v-field--variant-underlined .v-field__append-inner,
22185
- .v-field.v-field--variant-underlined .v-field__clearable,
22186
- .v-field.v-field--variant-underlined .v-field__prepend-inner,
22187
- .v-field.v-field--variant-plain .v-field__append-inner,
22188
- .v-field.v-field--variant-plain .v-field__clearable,
22189
- .v-field.v-field--variant-plain .v-field__prepend-inner {
22190
- align-items: flex-start;
22191
- padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
22192
- padding-bottom: var(--v-field-padding-bottom, 4px);
22244
+ .v-input--disabled .v-field--variant-filled .v-field__outline::before,
22245
+ .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
22246
+ border-image: repeating-linear-gradient(to right, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 0px, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 2px, transparent 2px, transparent 4px) 1 repeat;
22193
22247
  }
22194
22248
 
22195
- .v-field--focused .v-field__prepend-inner,
22196
- .v-field--focused .v-field__append-inner {
22197
- opacity: 1;
22249
+ .v-field--loading .v-field__outline::after,
22250
+ .v-field--loading .v-field__outline::before {
22251
+ opacity: 0;
22198
22252
  }
22199
22253
 
22200
- .v-field__prepend-inner > .v-icon,
22201
- .v-field__append-inner > .v-icon,
22202
- .v-field__clearable > .v-icon {
22203
- opacity: var(--v-medium-emphasis-opacity);
22204
- }
22205
- .v-field--disabled .v-field__prepend-inner > .v-icon, .v-field--error .v-field__prepend-inner > .v-icon,
22206
- .v-field--disabled .v-field__append-inner > .v-icon,
22207
- .v-field--error .v-field__append-inner > .v-icon,
22208
- .v-field--disabled .v-field__clearable > .v-icon,
22209
- .v-field--error .v-field__clearable > .v-icon {
22210
- opacity: 1;
22254
+ /* endregion */.v-fab {
22255
+ align-items: center;
22256
+ display: inline-flex;
22257
+ flex: 1 1 auto;
22258
+ pointer-events: none;
22259
+ position: relative;
22260
+ transition-duration: 0.2s;
22261
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
22262
+ vertical-align: middle;
22211
22263
  }
22212
- .v-field--error:not(.v-field--disabled) .v-field__prepend-inner > .v-icon,
22213
- .v-field--error:not(.v-field--disabled) .v-field__append-inner > .v-icon,
22214
- .v-field--error:not(.v-field--disabled) .v-field__clearable > .v-icon {
22215
- color: rgb(var(--v-theme-error));
22264
+ .v-fab .v-btn {
22265
+ pointer-events: auto;
22216
22266
  }
22217
-
22218
- .v-field__clearable {
22219
- cursor: pointer;
22220
- opacity: 0;
22221
- overflow: hidden;
22222
- margin-inline: 4px;
22223
- transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
22224
- transition-property: opacity, transform, width;
22267
+ .v-fab .v-btn--variant-elevated {
22268
+ 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));
22225
22269
  }
22226
- .v-field--focused .v-field__clearable, .v-field--persistent-clear .v-field__clearable {
22227
- opacity: 1;
22270
+ .v-fab--app, .v-fab--absolute {
22271
+ display: flex;
22228
22272
  }
22229
- @media (hover: hover) {
22230
- .v-field:hover .v-field__clearable {
22231
- opacity: 1;
22232
- }
22273
+ .v-fab--start, .v-fab--left {
22274
+ justify-content: flex-start;
22233
22275
  }
22234
- @media (hover: none) {
22235
- .v-field__clearable {
22236
- opacity: 1;
22237
- }
22276
+ .v-fab--center {
22277
+ align-items: center;
22278
+ justify-content: center;
22238
22279
  }
22239
-
22240
- /* endregion */
22241
- /* region LABEL */
22242
- .v-label.v-field-label {
22243
- contain: layout paint;
22244
- display: block;
22245
- margin-inline-start: var(--v-field-padding-start);
22246
- margin-inline-end: var(--v-field-padding-end);
22247
- max-width: calc(100% - var(--v-field-padding-start) - var(--v-field-padding-end));
22248
- pointer-events: none;
22249
- position: absolute;
22250
- top: var(--v-input-padding-top);
22251
- transform-origin: left center;
22252
- transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
22253
- transition-property: opacity, transform;
22254
- z-index: 1;
22280
+ .v-fab--end, .v-fab--right {
22281
+ justify-content: flex-end;
22255
22282
  }
22256
- .v-field--variant-underlined .v-label.v-field-label, .v-field--variant-plain .v-label.v-field-label {
22257
- top: calc(var(--v-input-padding-top) + var(--v-field-padding-top));
22283
+ .v-fab--bottom {
22284
+ align-items: flex-end;
22258
22285
  }
22259
- .v-field--center-affix .v-label.v-field-label {
22260
- top: 50%;
22261
- transform: translateY(-50%);
22286
+ .v-fab--top {
22287
+ align-items: flex-start;
22262
22288
  }
22263
- .v-field--active .v-label.v-field-label {
22264
- visibility: hidden;
22289
+ .v-fab--extended .v-btn {
22290
+ border-radius: 9999px !important;
22265
22291
  }
22266
- .v-field--focused .v-label.v-field-label, .v-field--error .v-label.v-field-label {
22267
- opacity: 1;
22292
+
22293
+ .v-fab__container {
22294
+ align-self: center;
22295
+ display: inline-flex;
22296
+ position: absolute;
22297
+ vertical-align: middle;
22268
22298
  }
22269
- .v-field--error:not(.v-field--disabled) .v-label.v-field-label {
22270
- color: rgb(var(--v-theme-error));
22299
+ .v-fab--app .v-fab__container {
22300
+ margin: 12px;
22271
22301
  }
22272
- .v-label.v-field-label--floating {
22273
- --v-field-label-scale: 0.75em;
22274
- font-size: var(--v-field-label-scale);
22275
- visibility: hidden;
22276
- max-width: 100%;
22302
+ .v-fab--absolute .v-fab__container {
22303
+ position: absolute;
22304
+ z-index: 4;
22277
22305
  }
22278
- .v-field--center-affix .v-label.v-field-label--floating {
22279
- transform: none;
22306
+ .v-fab--offset.v-fab--top .v-fab__container {
22307
+ transform: translateY(-50%);
22280
22308
  }
22281
- .v-field.v-field--active .v-label.v-field-label--floating {
22282
- visibility: unset;
22309
+ .v-fab--offset.v-fab--bottom .v-fab__container {
22310
+ transform: translateY(50%);
22283
22311
  }
22284
- .v-input--density-default .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-solo-filled .v-label.v-field-label--floating {
22285
- top: 7px;
22312
+ .v-fab--top .v-fab__container {
22313
+ top: 0;
22286
22314
  }
22287
-
22288
- .v-input--density-comfortable .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-solo-filled .v-label.v-field-label--floating {
22289
- top: 5px;
22315
+ .v-fab--bottom .v-fab__container {
22316
+ bottom: 0;
22290
22317
  }
22291
-
22292
- .v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
22293
- top: 3px;
22318
+ .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
22319
+ left: 0;
22294
22320
  }
22295
-
22296
- .v-field--variant-plain .v-label.v-field-label--floating, .v-field--variant-underlined .v-label.v-field-label--floating {
22297
- transform: translateY(-16px);
22298
- margin: 0;
22299
- top: var(--v-input-padding-top);
22321
+ .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
22322
+ right: 0;
22323
+ }.v-file-input--hide.v-input .v-field,
22324
+ .v-file-input--hide.v-input .v-input__control,
22325
+ .v-file-input--hide.v-input .v-input__details {
22326
+ display: none;
22300
22327
  }
22301
- .v-field--variant-outlined .v-label.v-field-label--floating {
22302
- transform: translateY(-50%);
22303
- transform-origin: center;
22304
- position: static;
22305
- margin: 0 4px;
22328
+ .v-file-input--hide.v-input .v-input__prepend {
22329
+ grid-area: control;
22330
+ margin: 0 auto;
22306
22331
  }
22307
-
22308
- /* endregion */
22309
- /* region OUTLINE */
22310
- .v-field__outline {
22311
- --v-field-border-width: 1px;
22312
- --v-field-border-opacity: 0.38;
22313
- align-items: stretch;
22314
- contain: layout;
22315
- display: flex;
22332
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
22333
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
22334
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
22335
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
22336
+ top: 0px;
22337
+ }
22338
+ .v-file-input input[type=file] {
22316
22339
  height: 100%;
22317
22340
  left: 0;
22318
- pointer-events: none;
22341
+ opacity: 0;
22319
22342
  position: absolute;
22320
- right: 0;
22343
+ top: 0;
22321
22344
  width: 100%;
22345
+ z-index: 1;
22322
22346
  }
22323
- @media (hover: hover) {
22324
- .v-field:hover .v-field__outline {
22325
- --v-field-border-opacity: var(--v-high-emphasis-opacity);
22326
- }
22347
+ .v-file-input .v-input__details {
22348
+ padding-inline: 16px;
22327
22349
  }
22328
- .v-field--error:not(.v-field--disabled) .v-field__outline {
22329
- color: rgb(var(--v-theme-error));
22350
+ .v-input--plain-underlined.v-file-input .v-input__details {
22351
+ padding-inline: 0;
22352
+ }.v-expansion-panel {
22353
+ background-color: rgb(var(--v-theme-surface));
22354
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22330
22355
  }
22331
- .v-field.v-field--focused .v-field__outline, .v-input.v-input--error .v-field__outline {
22332
- --v-field-border-opacity: 1;
22356
+ .v-expansion-panel:not(:first-child)::after {
22357
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22333
22358
  }
22334
- .v-field--variant-outlined.v-field--focused .v-field__outline {
22335
- --v-field-border-width: 2px;
22359
+ .v-expansion-panel--disabled .v-expansion-panel-title {
22360
+ color: rgba(var(--v-theme-on-surface), 0.26);
22336
22361
  }
22337
- .v-field--variant-filled .v-field__outline::before, .v-field--variant-underlined .v-field__outline::before {
22338
- border-color: currentColor;
22339
- border-style: solid;
22340
- border-width: 0 0 var(--v-field-border-width);
22341
- opacity: var(--v-field-border-opacity);
22342
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22343
- content: "";
22344
- position: absolute;
22345
- top: 0;
22346
- left: 0;
22347
- width: 100%;
22348
- height: 100%;
22362
+ .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
22363
+ opacity: 0.4615384615;
22349
22364
  }
22350
- .v-field--variant-filled .v-field__outline::after, .v-field--variant-underlined .v-field__outline::after {
22351
- border-color: currentColor;
22352
- border-style: solid;
22353
- border-width: 0 0 2px;
22354
- transform: scaleX(0);
22355
- transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
22356
- content: "";
22357
- position: absolute;
22358
- top: 0;
22359
- left: 0;
22365
+
22366
+ .v-expansion-panels {
22367
+ display: flex;
22368
+ flex-wrap: wrap;
22369
+ justify-content: center;
22370
+ list-style-type: none;
22371
+ padding: 0;
22360
22372
  width: 100%;
22361
- height: 100%;
22373
+ position: relative;
22374
+ z-index: 1;
22362
22375
  }
22363
- .v-field--focused.v-field--variant-filled .v-field__outline::after, .v-field--focused.v-field--variant-underlined .v-field__outline::after {
22364
- transform: scaleX(1);
22376
+ .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) {
22377
+ border-bottom-left-radius: 0 !important;
22378
+ border-bottom-right-radius: 0 !important;
22365
22379
  }
22366
-
22367
- .v-field--variant-outlined .v-field__outline {
22368
- border-radius: inherit;
22380
+ .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) {
22381
+ border-top-left-radius: 0 !important;
22382
+ border-top-right-radius: 0 !important;
22369
22383
  }
22370
- .v-field--variant-outlined .v-field__outline__start, .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after, .v-field--variant-outlined .v-field__outline__end {
22371
- border: 0 solid currentColor;
22372
- opacity: var(--v-field-border-opacity);
22373
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22384
+ .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) {
22385
+ border-bottom-left-radius: 0 !important;
22386
+ border-bottom-right-radius: 0 !important;
22374
22387
  }
22375
- .v-field--variant-outlined .v-field__outline__start {
22376
- flex: 0 0 12px;
22377
- border-top-width: var(--v-field-border-width);
22378
- border-bottom-width: var(--v-field-border-width);
22379
- border-inline-start-width: var(--v-field-border-width);
22380
- border-start-start-radius: inherit;
22381
- border-start-end-radius: 0;
22382
- border-end-end-radius: 0;
22383
- border-end-start-radius: inherit;
22388
+ .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) {
22389
+ border-top-left-radius: 0 !important;
22390
+ border-top-right-radius: 0 !important;
22384
22391
  }
22385
- .v-field--rounded.v-field--variant-outlined .v-field__outline__start,
22386
- [class^=rounded-].v-field--variant-outlined .v-field__outline__start,
22387
- [class*=" rounded-"].v-field--variant-outlined .v-field__outline__start {
22388
- flex-basis: calc(var(--v-input-control-height) / 2 + 2px);
22392
+ .v-expansion-panels--variant-accordion > :first-child:not(:last-child) {
22393
+ border-bottom-left-radius: 0 !important;
22394
+ border-bottom-right-radius: 0 !important;
22389
22395
  }
22390
-
22391
- .v-field--reverse.v-field--variant-outlined .v-field__outline__start {
22392
- border-start-start-radius: 0;
22393
- border-start-end-radius: inherit;
22394
- border-end-end-radius: inherit;
22395
- border-end-start-radius: 0;
22396
- border-inline-end-width: var(--v-field-border-width);
22397
- border-inline-start-width: 0;
22396
+ .v-expansion-panels--variant-accordion > :last-child:not(:first-child) {
22397
+ border-top-left-radius: 0 !important;
22398
+ border-top-right-radius: 0 !important;
22399
+ }
22400
+ .v-expansion-panels--variant-accordion > :last-child:not(:first-child) .v-expansion-panel-title--active {
22401
+ border-bottom-left-radius: initial;
22402
+ border-bottom-right-radius: initial;
22403
+ }
22404
+ .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
22405
+ border-radius: 0 !important;
22406
+ }
22407
+ .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
22408
+ transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
22398
22409
  }
22399
22410
 
22400
- .v-field--variant-outlined .v-field__outline__notch {
22401
- flex: none;
22411
+ .v-expansion-panel {
22412
+ flex: 1 0 100%;
22413
+ max-width: 100%;
22402
22414
  position: relative;
22403
- max-width: calc(100% - 12px);
22415
+ transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
22416
+ transition-property: margin-top, border-radius, border, max-width;
22417
+ border-radius: 4px;
22404
22418
  }
22405
- .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after {
22406
- opacity: var(--v-field-border-opacity);
22407
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22419
+ .v-expansion-panel:not(:first-child)::after {
22420
+ border-top-style: solid;
22421
+ border-top-width: thin;
22408
22422
  content: "";
22423
+ left: 0;
22409
22424
  position: absolute;
22425
+ right: 0;
22410
22426
  top: 0;
22411
- left: 0;
22412
- width: 100%;
22413
- height: 100%;
22414
- }
22415
- .v-field--variant-outlined .v-field__outline__notch::before {
22416
- border-width: var(--v-field-border-width) 0 0;
22417
- }
22418
- .v-field--variant-outlined .v-field__outline__notch::after {
22419
- bottom: 0;
22420
- border-width: 0 0 var(--v-field-border-width);
22421
- }
22422
- .v-field--active.v-field--variant-outlined .v-field__outline__notch::before {
22423
- opacity: 0;
22427
+ transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
22424
22428
  }
22425
-
22426
- .v-field--variant-outlined .v-field__outline__end {
22427
- flex: 1;
22428
- border-top-width: var(--v-field-border-width);
22429
- border-bottom-width: var(--v-field-border-width);
22430
- border-inline-end-width: var(--v-field-border-width);
22431
- border-start-start-radius: 0;
22432
- border-start-end-radius: inherit;
22433
- border-end-end-radius: inherit;
22434
- border-end-start-radius: 0;
22429
+ .v-expansion-panel--disabled .v-expansion-panel-title {
22430
+ pointer-events: none;
22435
22431
  }
22436
- .v-field--reverse.v-field--variant-outlined .v-field__outline__end {
22437
- border-start-start-radius: inherit;
22438
- border-start-end-radius: 0;
22439
- border-end-end-radius: 0;
22440
- border-end-start-radius: inherit;
22441
- border-inline-end-width: 0;
22442
- border-inline-start-width: var(--v-field-border-width);
22432
+ .v-expansion-panel--active:not(:first-child),
22433
+ .v-expansion-panel--active + .v-expansion-panel {
22434
+ margin-top: 16px;
22443
22435
  }
22444
-
22445
- /* endregion */
22446
- /* region LOADER */
22447
- .v-field__loader {
22448
- top: calc(100% - 2px);
22449
- left: 0;
22450
- position: absolute;
22451
- right: 0;
22452
- width: 100%;
22453
- border-top-left-radius: 0;
22454
- border-top-right-radius: 0;
22455
- border-bottom-left-radius: inherit;
22456
- border-bottom-right-radius: inherit;
22457
- overflow: hidden;
22436
+ .v-expansion-panel--active:not(:first-child)::after,
22437
+ .v-expansion-panel--active + .v-expansion-panel::after {
22438
+ opacity: 0;
22458
22439
  }
22459
- .v-field--variant-outlined .v-field__loader {
22460
- top: calc(100% - 3px);
22461
- width: calc(100% - 1px * 2);
22462
- left: 1px;
22440
+ .v-expansion-panel--active > .v-expansion-panel-title {
22441
+ border-bottom-left-radius: 0;
22442
+ border-bottom-right-radius: 0;
22443
+ }
22444
+ .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
22445
+ min-height: 64px;
22463
22446
  }
22464
22447
 
22465
- /* endregion */
22466
- /* region OVERLAY */
22467
- .v-field__overlay {
22468
- border-radius: inherit;
22469
- pointer-events: none;
22448
+ .v-expansion-panel__shadow {
22470
22449
  position: absolute;
22471
22450
  top: 0;
22472
22451
  left: 0;
22473
22452
  width: 100%;
22474
22453
  height: 100%;
22454
+ 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));
22455
+ border-radius: inherit;
22456
+ z-index: -1;
22475
22457
  }
22476
22458
 
22477
- .v-field--variant-filled .v-field__overlay {
22478
- background-color: currentColor;
22479
- opacity: 0.04;
22480
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22459
+ .v-expansion-panel-title {
22460
+ align-items: center;
22461
+ text-align: start;
22462
+ border-radius: inherit;
22463
+ display: flex;
22464
+ font-size: 0.9375rem;
22465
+ line-height: 1;
22466
+ min-height: 48px;
22467
+ outline: none;
22468
+ padding: 16px 24px;
22469
+ position: relative;
22470
+ transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
22471
+ width: 100%;
22472
+ justify-content: space-between;
22481
22473
  }
22482
- .v-field--variant-filled.v-field--has-background .v-field__overlay {
22483
- opacity: 0;
22474
+ .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
22475
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22484
22476
  }
22485
- @media (hover: hover) {
22486
- .v-field--variant-filled:hover .v-field__overlay {
22487
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
22477
+ .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
22478
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
22479
+ }
22480
+ @supports not selector(:focus-visible) {
22481
+ .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
22482
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
22488
22483
  }
22489
22484
  }
22490
- .v-field--variant-filled.v-field--focused .v-field__overlay {
22491
- opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
22485
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active .v-expansion-panel-title__overlay {
22486
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
22492
22487
  }
22493
-
22494
- .v-field--variant-solo-filled .v-field__overlay {
22495
- background-color: currentColor;
22496
- opacity: 0.04;
22497
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22488
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:hover .v-expansion-panel-title__overlay {
22489
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
22498
22490
  }
22499
- @media (hover: hover) {
22500
- .v-field--variant-solo-filled:hover .v-field__overlay {
22501
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
22491
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus-visible .v-expansion-panel-title__overlay {
22492
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
22493
+ }
22494
+ @supports not selector(:focus-visible) {
22495
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus .v-expansion-panel-title__overlay {
22496
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
22502
22497
  }
22503
22498
  }
22504
- .v-field--variant-solo-filled.v-field--focused .v-field__overlay {
22505
- opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
22499
+
22500
+ .v-expansion-panel-title__overlay {
22501
+ position: absolute;
22502
+ top: 0;
22503
+ left: 0;
22504
+ width: 100%;
22505
+ height: 100%;
22506
+ background-color: currentColor;
22507
+ border-radius: inherit;
22508
+ opacity: 0;
22506
22509
  }
22507
22510
 
22508
- .v-field--variant-solo-inverted .v-field__overlay {
22509
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22511
+ .v-expansion-panel-title__icon {
22512
+ display: inline-flex;
22513
+ margin-bottom: -4px;
22514
+ margin-top: -4px;
22515
+ -webkit-user-select: none;
22516
+ user-select: none;
22517
+ margin-inline-start: auto;
22510
22518
  }
22511
- .v-field--variant-solo-inverted.v-field--has-background .v-field__overlay {
22512
- opacity: 0;
22519
+
22520
+ .v-expansion-panel-text {
22521
+ display: flex;
22513
22522
  }
22514
- @media (hover: hover) {
22515
- .v-field--variant-solo-inverted:hover .v-field__overlay {
22516
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
22517
- }
22523
+ .v-expansion-panel-text__wrapper {
22524
+ padding: 8px 24px 16px;
22525
+ flex: 1 1 auto;
22526
+ max-width: 100%;
22518
22527
  }
22519
- .v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
22520
- background-color: rgb(var(--v-theme-surface-variant));
22528
+
22529
+ .v-expansion-panels--variant-accordion > .v-expansion-panel {
22530
+ margin-top: 0;
22531
+ }
22532
+ .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
22521
22533
  opacity: 1;
22522
22534
  }
22523
22535
 
22524
- /* endregion */
22525
- /* region MODIFIERS */
22526
- .v-field--reverse .v-field__field,
22527
- .v-field--reverse .v-field__input,
22528
- .v-field--reverse .v-field__outline {
22529
- flex-direction: row-reverse;
22536
+ .v-expansion-panels--variant-popout > .v-expansion-panel {
22537
+ max-width: calc(100% - 32px);
22530
22538
  }
22531
- .v-field--reverse .v-field__input, .v-field--reverse input {
22532
- text-align: end;
22539
+ .v-expansion-panels--variant-popout > .v-expansion-panel--active {
22540
+ max-width: calc(100% + 16px);
22533
22541
  }
22534
22542
 
22535
- .v-input--disabled .v-field--variant-filled .v-field__outline::before,
22536
- .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
22537
- border-image: repeating-linear-gradient(to right, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 0px, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 2px, transparent 2px, transparent 4px) 1 repeat;
22543
+ .v-expansion-panels--variant-inset > .v-expansion-panel {
22544
+ max-width: 100%;
22545
+ }
22546
+ .v-expansion-panels--variant-inset > .v-expansion-panel--active {
22547
+ max-width: calc(100% - 32px);
22538
22548
  }
22539
22549
 
22540
- .v-field--loading .v-field__outline::after,
22541
- .v-field--loading .v-field__outline::before {
22542
- opacity: 0;
22550
+ .v-expansion-panels--flat > .v-expansion-panel::after {
22551
+ border-top: none;
22552
+ }
22553
+ .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
22554
+ display: none;
22543
22555
  }
22544
22556
 
22545
- /* endregion */.v-footer {
22557
+ .v-expansion-panels--tile {
22558
+ border-radius: 0;
22559
+ }
22560
+ .v-expansion-panels--tile > .v-expansion-panel {
22561
+ border-radius: 0;
22562
+ }.v-footer {
22546
22563
  align-items: center;
22547
22564
  display: flex;
22548
22565
  flex: 1 1 auto;
@@ -22570,31 +22587,42 @@ textarea.v-field__input::placeholder {
22570
22587
  }
22571
22588
  .v-footer--rounded {
22572
22589
  border-radius: 4px;
22573
- }.v-infinite-scroll--horizontal {
22574
- display: flex;
22575
- flex-direction: row;
22576
- overflow-x: auto;
22590
+ }.v-img {
22591
+ --v-theme-overlay-multiplier: 3;
22592
+ z-index: 0;
22577
22593
  }
22578
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
22594
+ .v-img--booting .v-responsive__sizer {
22595
+ transition: none;
22596
+ }
22597
+ .v-img--rounded {
22598
+ border-radius: 4px;
22599
+ }
22600
+
22601
+ .v-img__img,
22602
+ .v-img__picture,
22603
+ .v-img__gradient,
22604
+ .v-img__placeholder,
22605
+ .v-img__error {
22606
+ z-index: -1;
22607
+ position: absolute;
22608
+ top: 0;
22609
+ left: 0;
22610
+ width: 100%;
22579
22611
  height: 100%;
22580
- width: 1px;
22581
22612
  }
22582
22613
 
22583
- .v-infinite-scroll--vertical {
22584
- display: flex;
22585
- flex-direction: column;
22586
- overflow-y: auto;
22614
+ .v-img__img--preload {
22615
+ filter: blur(4px);
22587
22616
  }
22588
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
22589
- height: 1px;
22590
- width: 100%;
22617
+ .v-img__img--contain {
22618
+ object-fit: contain;
22619
+ }
22620
+ .v-img__img--cover {
22621
+ object-fit: cover;
22591
22622
  }
22592
22623
 
22593
- .v-infinite-scroll__side {
22594
- align-items: center;
22595
- display: flex;
22596
- justify-content: center;
22597
- padding: 8px;
22624
+ .v-img__gradient {
22625
+ background-repeat: no-repeat;
22598
22626
  }.v-icon {
22599
22627
  --v-icon-size-multiplier: 1;
22600
22628
  align-items: center;
@@ -22648,42 +22676,36 @@ textarea.v-field__input::placeholder {
22648
22676
 
22649
22677
  .v-icon--end {
22650
22678
  margin-inline-start: 8px;
22651
- }.v-img {
22652
- --v-theme-overlay-multiplier: 3;
22653
- z-index: 0;
22654
- }
22655
- .v-img--booting .v-responsive__sizer {
22656
- transition: none;
22657
- }
22658
- .v-img--rounded {
22659
- border-radius: 4px;
22679
+ }.v-item-group {
22680
+ flex: 0 1 auto;
22681
+ max-width: 100%;
22682
+ position: relative;
22683
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22684
+ }.v-infinite-scroll--horizontal {
22685
+ display: flex;
22686
+ flex-direction: row;
22687
+ overflow-x: auto;
22660
22688
  }
22661
-
22662
- .v-img__img,
22663
- .v-img__picture,
22664
- .v-img__gradient,
22665
- .v-img__placeholder,
22666
- .v-img__error {
22667
- z-index: -1;
22668
- position: absolute;
22669
- top: 0;
22670
- left: 0;
22671
- width: 100%;
22689
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
22672
22690
  height: 100%;
22691
+ width: 1px;
22673
22692
  }
22674
22693
 
22675
- .v-img__img--preload {
22676
- filter: blur(4px);
22677
- }
22678
- .v-img__img--contain {
22679
- object-fit: contain;
22694
+ .v-infinite-scroll--vertical {
22695
+ display: flex;
22696
+ flex-direction: column;
22697
+ overflow-y: auto;
22680
22698
  }
22681
- .v-img__img--cover {
22682
- object-fit: cover;
22699
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
22700
+ height: 1px;
22701
+ width: 100%;
22683
22702
  }
22684
22703
 
22685
- .v-img__gradient {
22686
- background-repeat: no-repeat;
22704
+ .v-infinite-scroll__side {
22705
+ align-items: center;
22706
+ display: flex;
22707
+ justify-content: center;
22708
+ padding: 8px;
22687
22709
  }.v-input {
22688
22710
  display: grid;
22689
22711
  flex: 1 1 auto;
@@ -22826,11 +22848,6 @@ textarea.v-field__input::placeholder {
22826
22848
 
22827
22849
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
22828
22850
  padding-top: calc(var(--v-input-padding-top) + 0px);
22829
- }.v-item-group {
22830
- flex: 0 1 auto;
22831
- max-width: 100%;
22832
- position: relative;
22833
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22834
22851
  }.v-label {
22835
22852
  align-items: center;
22836
22853
  color: inherit;
@@ -22846,6 +22863,13 @@ textarea.v-field__input::placeholder {
22846
22863
 
22847
22864
  .v-label--clickable {
22848
22865
  cursor: pointer;
22866
+ }.v-layout-item {
22867
+ position: absolute;
22868
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22869
+ }
22870
+
22871
+ .v-layout-item--absolute {
22872
+ position: absolute;
22849
22873
  }.v-layout {
22850
22874
  --v-scrollbar-offset: 0px;
22851
22875
  display: flex;
@@ -22854,13 +22878,8 @@ textarea.v-field__input::placeholder {
22854
22878
  .v-layout--full-height {
22855
22879
  --v-scrollbar-offset: inherit;
22856
22880
  height: 100%;
22857
- }.v-layout-item {
22858
- position: absolute;
22859
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22860
- }
22861
-
22862
- .v-layout-item--absolute {
22863
- position: absolute;
22881
+ }.v-locale-provider {
22882
+ display: contents;
22864
22883
  }.v-list {
22865
22884
  overflow: auto;
22866
22885
  padding: 8px 0;
@@ -23418,8 +23437,6 @@ textarea.v-field__input::placeholder {
23418
23437
  }
23419
23438
  .v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
23420
23439
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
23421
- }.v-locale-provider {
23422
- display: contents;
23423
23440
  }.v-messages {
23424
23441
  flex: 1 1 auto;
23425
23442
  font-size: 12px;
@@ -23464,19 +23481,6 @@ textarea.v-field__input::placeholder {
23464
23481
  --v-layout-right: 0px;
23465
23482
  --v-layout-top: 0px;
23466
23483
  --v-layout-bottom: 0px;
23467
- }.v-menu > .v-overlay__content {
23468
- display: flex;
23469
- flex-direction: column;
23470
- border-radius: 4px;
23471
- }
23472
- .v-menu > .v-overlay__content > .v-card,
23473
- .v-menu > .v-overlay__content > .v-sheet,
23474
- .v-menu > .v-overlay__content > .v-list {
23475
- background: rgb(var(--v-theme-surface));
23476
- border-radius: inherit;
23477
- overflow: auto;
23478
- height: 100%;
23479
- 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));
23480
23484
  }.v-navigation-drawer {
23481
23485
  -webkit-overflow-scrolling: touch;
23482
23486
  background: rgb(var(--v-theme-surface));
@@ -23579,178 +23583,6 @@ textarea.v-field__input::placeholder {
23579
23583
  .v-navigation-drawer__append {
23580
23584
  flex: none;
23581
23585
  overflow: hidden;
23582
- }.v-otp-input {
23583
- border-radius: 4px;
23584
- align-items: center;
23585
- display: flex;
23586
- justify-content: center;
23587
- padding: 0.5rem 0;
23588
- position: relative;
23589
- }
23590
- .v-otp-input .v-field {
23591
- height: 100%;
23592
- }
23593
-
23594
- .v-otp-input__divider {
23595
- margin: 0 8px;
23596
- }
23597
-
23598
- .v-otp-input__content {
23599
- align-items: center;
23600
- display: flex;
23601
- gap: 0.5rem;
23602
- height: 64px;
23603
- padding: 0.5rem;
23604
- justify-content: center;
23605
- max-width: 320px;
23606
- position: relative;
23607
- border-radius: inherit;
23608
- }
23609
- .v-otp-input--divided .v-otp-input__content {
23610
- max-width: 360px;
23611
- }
23612
-
23613
- .v-otp-input__field {
23614
- color: inherit;
23615
- font-size: 1.25rem;
23616
- height: 100%;
23617
- outline: none;
23618
- text-align: center;
23619
- width: 100%;
23620
- }
23621
- .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
23622
- -webkit-appearance: none;
23623
- margin: 0;
23624
- }
23625
- .v-otp-input__field[type=number] {
23626
- -moz-appearance: textfield;
23627
- }
23628
-
23629
- .v-otp-input__loader {
23630
- align-items: center;
23631
- display: flex;
23632
- height: 100%;
23633
- justify-content: center;
23634
- width: 100%;
23635
- }
23636
- .v-otp-input__loader .v-progress-linear {
23637
- position: absolute;
23638
- }.v-parallax {
23639
- position: relative;
23640
- overflow: hidden;
23641
- }
23642
- .v-parallax--active > .v-img__img {
23643
- will-change: transform;
23644
- }.v-pagination__list {
23645
- display: inline-flex;
23646
- list-style-type: none;
23647
- justify-content: center;
23648
- width: 100%;
23649
- }
23650
- .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
23651
- margin: 0.3rem;
23652
- }.v-progress-circular {
23653
- align-items: center;
23654
- display: inline-flex;
23655
- justify-content: center;
23656
- position: relative;
23657
- vertical-align: middle;
23658
- }
23659
- .v-progress-circular > svg {
23660
- width: 100%;
23661
- height: 100%;
23662
- margin: auto;
23663
- position: absolute;
23664
- top: 0;
23665
- bottom: 0;
23666
- left: 0;
23667
- right: 0;
23668
- z-index: 0;
23669
- }
23670
-
23671
- .v-progress-circular__content {
23672
- align-items: center;
23673
- display: flex;
23674
- justify-content: center;
23675
- }
23676
-
23677
- .v-progress-circular__underlay {
23678
- color: rgba(var(--v-border-color), var(--v-border-opacity));
23679
- stroke: currentColor;
23680
- z-index: 1;
23681
- }
23682
-
23683
- .v-progress-circular__overlay {
23684
- stroke: currentColor;
23685
- transition: all 0.2s ease-in-out, stroke-width 0s;
23686
- z-index: 2;
23687
- }
23688
-
23689
- .v-progress-circular--size-x-small {
23690
- height: 16px;
23691
- width: 16px;
23692
- }
23693
- .v-progress-circular--size-small {
23694
- height: 24px;
23695
- width: 24px;
23696
- }
23697
- .v-progress-circular--size-default {
23698
- height: 32px;
23699
- width: 32px;
23700
- }
23701
- .v-progress-circular--size-large {
23702
- height: 48px;
23703
- width: 48px;
23704
- }
23705
- .v-progress-circular--size-x-large {
23706
- height: 64px;
23707
- width: 64px;
23708
- }
23709
-
23710
- .v-progress-circular--indeterminate > svg {
23711
- animation: progress-circular-rotate 1.4s linear infinite;
23712
- transform-origin: center center;
23713
- transition: all 0.2s ease-in-out;
23714
- }
23715
- .v-progress-circular--indeterminate .v-progress-circular__overlay {
23716
- animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
23717
- stroke-dasharray: 25, 200;
23718
- stroke-dashoffset: 0;
23719
- stroke-linecap: round;
23720
- transform-origin: center center;
23721
- transform: rotate(-90deg);
23722
- }
23723
-
23724
- .v-progress-circular--disable-shrink > svg {
23725
- animation-duration: 0.7s;
23726
- }
23727
- .v-progress-circular--disable-shrink .v-progress-circular__overlay {
23728
- animation: none;
23729
- }
23730
-
23731
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
23732
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
23733
- animation-play-state: paused !important;
23734
- }
23735
-
23736
- @keyframes progress-circular-dash {
23737
- 0% {
23738
- stroke-dasharray: 1, 200;
23739
- stroke-dashoffset: 0px;
23740
- }
23741
- 50% {
23742
- stroke-dasharray: 100, 200;
23743
- stroke-dashoffset: -15px;
23744
- }
23745
- 100% {
23746
- stroke-dasharray: 100, 200;
23747
- stroke-dashoffset: -124px;
23748
- }
23749
- }
23750
- @keyframes progress-circular-rotate {
23751
- 100% {
23752
- transform: rotate(270deg);
23753
- }
23754
23586
  }.v-overlay-container {
23755
23587
  contain: layout;
23756
23588
  left: 0;
@@ -23814,63 +23646,89 @@ html.v-overlay-scroll-blocked {
23814
23646
 
23815
23647
  .v-overlay--scroll-blocked {
23816
23648
  padding-inline-end: var(--v-scrollbar-offset);
23817
- }.v-slider .v-slider__container input {
23818
- cursor: default;
23819
- padding: 0;
23820
- width: 100%;
23821
- display: none;
23822
- }
23823
- .v-slider > .v-input__append,
23824
- .v-slider > .v-input__prepend {
23825
- padding: 0;
23649
+ }.v-menu > .v-overlay__content {
23650
+ display: flex;
23651
+ flex-direction: column;
23652
+ border-radius: 4px;
23826
23653
  }
23827
-
23828
- .v-slider__container {
23654
+ .v-menu > .v-overlay__content > .v-card,
23655
+ .v-menu > .v-overlay__content > .v-sheet,
23656
+ .v-menu > .v-overlay__content > .v-list {
23657
+ background: rgb(var(--v-theme-surface));
23658
+ border-radius: inherit;
23659
+ overflow: auto;
23660
+ height: 100%;
23661
+ 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));
23662
+ }.v-parallax {
23829
23663
  position: relative;
23830
- min-height: inherit;
23664
+ overflow: hidden;
23665
+ }
23666
+ .v-parallax--active > .v-img__img {
23667
+ will-change: transform;
23668
+ }.v-pagination__list {
23669
+ display: inline-flex;
23670
+ list-style-type: none;
23671
+ justify-content: center;
23831
23672
  width: 100%;
23832
- height: 100%;
23673
+ }
23674
+ .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
23675
+ margin: 0.3rem;
23676
+ }.v-otp-input {
23677
+ border-radius: 4px;
23678
+ align-items: center;
23833
23679
  display: flex;
23834
23680
  justify-content: center;
23835
- align-items: center;
23836
- cursor: pointer;
23837
- }
23838
- .v-input--disabled .v-slider__container {
23839
- opacity: var(--v-disabled-opacity);
23840
- }
23841
- .v-input--error:not(.v-input--disabled) .v-slider__container {
23842
- color: rgb(var(--v-theme-error));
23681
+ padding: 0.5rem 0;
23682
+ position: relative;
23843
23683
  }
23844
-
23845
- .v-slider.v-input--horizontal {
23846
- align-items: center;
23847
- margin-inline: 8px 8px;
23684
+ .v-otp-input .v-field {
23685
+ height: 100%;
23848
23686
  }
23849
- .v-slider.v-input--horizontal > .v-input__control {
23850
- min-height: 32px;
23851
- display: flex;
23852
- align-items: center;
23687
+
23688
+ .v-otp-input__divider {
23689
+ margin: 0 8px;
23853
23690
  }
23854
23691
 
23855
- .v-slider.v-input--vertical {
23692
+ .v-otp-input__content {
23693
+ align-items: center;
23694
+ display: flex;
23695
+ gap: 0.5rem;
23696
+ height: 64px;
23697
+ padding: 0.5rem;
23856
23698
  justify-content: center;
23857
- margin-top: 12px;
23858
- margin-bottom: 12px;
23699
+ max-width: 320px;
23700
+ position: relative;
23701
+ border-radius: inherit;
23859
23702
  }
23860
- .v-slider.v-input--vertical > .v-input__control {
23861
- min-height: 300px;
23703
+ .v-otp-input--divided .v-otp-input__content {
23704
+ max-width: 360px;
23862
23705
  }
23863
23706
 
23864
- .v-slider.v-input--disabled {
23865
- pointer-events: none;
23707
+ .v-otp-input__field {
23708
+ color: inherit;
23709
+ font-size: 1.25rem;
23710
+ height: 100%;
23711
+ outline: none;
23712
+ text-align: center;
23713
+ width: 100%;
23866
23714
  }
23867
-
23868
- .v-slider--has-labels > .v-input__control {
23869
- margin-bottom: 4px;
23715
+ .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
23716
+ -webkit-appearance: none;
23717
+ margin: 0;
23718
+ }
23719
+ .v-otp-input__field[type=number] {
23720
+ -moz-appearance: textfield;
23870
23721
  }
23871
23722
 
23872
- .v-slider__label {
23873
- margin-inline-end: 12px;
23723
+ .v-otp-input__loader {
23724
+ align-items: center;
23725
+ display: flex;
23726
+ height: 100%;
23727
+ justify-content: center;
23728
+ width: 100%;
23729
+ }
23730
+ .v-otp-input__loader .v-progress-linear {
23731
+ position: absolute;
23874
23732
  }.v-progress-linear {
23875
23733
  background: transparent;
23876
23734
  overflow: hidden;
@@ -24082,44 +23940,177 @@ html.v-overlay-scroll-blocked {
24082
23940
  0% {
24083
23941
  background-position-x: var(--v-progress-linear-height);
24084
23942
  }
24085
- }.v-radio-group > .v-input__control {
24086
- flex-direction: column;
24087
- }
24088
- .v-radio-group > .v-input__control > .v-label {
24089
- margin-inline-start: 16px;
23943
+ }.v-progress-circular {
23944
+ align-items: center;
23945
+ display: inline-flex;
23946
+ justify-content: center;
23947
+ position: relative;
23948
+ vertical-align: middle;
24090
23949
  }
24091
- .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
24092
- padding-inline-start: 6px;
24093
- margin-top: 8px;
23950
+ .v-progress-circular > svg {
23951
+ width: 100%;
23952
+ height: 100%;
23953
+ margin: auto;
23954
+ position: absolute;
23955
+ top: 0;
23956
+ bottom: 0;
23957
+ left: 0;
23958
+ right: 0;
23959
+ z-index: 0;
24094
23960
  }
24095
- .v-radio-group .v-input__details {
24096
- padding-inline: 16px;
24097
- }.v-responsive {
23961
+
23962
+ .v-progress-circular__content {
23963
+ align-items: center;
24098
23964
  display: flex;
24099
- flex: 1 0 auto;
24100
- max-height: 100%;
24101
- max-width: 100%;
24102
- overflow: hidden;
23965
+ justify-content: center;
23966
+ }
23967
+
23968
+ .v-progress-circular__underlay {
23969
+ color: rgba(var(--v-border-color), var(--v-border-opacity));
23970
+ stroke: currentColor;
23971
+ z-index: 1;
23972
+ }
23973
+
23974
+ .v-progress-circular__overlay {
23975
+ stroke: currentColor;
23976
+ transition: all 0.2s ease-in-out, stroke-width 0s;
23977
+ z-index: 2;
23978
+ }
23979
+
23980
+ .v-progress-circular--size-x-small {
23981
+ height: 16px;
23982
+ width: 16px;
23983
+ }
23984
+ .v-progress-circular--size-small {
23985
+ height: 24px;
23986
+ width: 24px;
23987
+ }
23988
+ .v-progress-circular--size-default {
23989
+ height: 32px;
23990
+ width: 32px;
23991
+ }
23992
+ .v-progress-circular--size-large {
23993
+ height: 48px;
23994
+ width: 48px;
23995
+ }
23996
+ .v-progress-circular--size-x-large {
23997
+ height: 64px;
23998
+ width: 64px;
23999
+ }
24000
+
24001
+ .v-progress-circular--indeterminate > svg {
24002
+ animation: progress-circular-rotate 1.4s linear infinite;
24003
+ transform-origin: center center;
24004
+ transition: all 0.2s ease-in-out;
24005
+ }
24006
+ .v-progress-circular--indeterminate .v-progress-circular__overlay {
24007
+ animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
24008
+ stroke-dasharray: 25, 200;
24009
+ stroke-dashoffset: 0;
24010
+ stroke-linecap: round;
24011
+ transform-origin: center center;
24012
+ transform: rotate(-90deg);
24013
+ }
24014
+
24015
+ .v-progress-circular--disable-shrink > svg {
24016
+ animation-duration: 0.7s;
24017
+ }
24018
+ .v-progress-circular--disable-shrink .v-progress-circular__overlay {
24019
+ animation: none;
24020
+ }
24021
+
24022
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
24023
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
24024
+ animation-play-state: paused !important;
24025
+ }
24026
+
24027
+ @keyframes progress-circular-dash {
24028
+ 0% {
24029
+ stroke-dasharray: 1, 200;
24030
+ stroke-dashoffset: 0px;
24031
+ }
24032
+ 50% {
24033
+ stroke-dasharray: 100, 200;
24034
+ stroke-dashoffset: -15px;
24035
+ }
24036
+ 100% {
24037
+ stroke-dasharray: 100, 200;
24038
+ stroke-dashoffset: -124px;
24039
+ }
24040
+ }
24041
+ @keyframes progress-circular-rotate {
24042
+ 100% {
24043
+ transform: rotate(270deg);
24044
+ }
24045
+ }.v-slider .v-slider__container input {
24046
+ cursor: default;
24047
+ padding: 0;
24048
+ width: 100%;
24049
+ display: none;
24050
+ }
24051
+ .v-slider > .v-input__append,
24052
+ .v-slider > .v-input__prepend {
24053
+ padding: 0;
24054
+ }
24055
+
24056
+ .v-slider__container {
24103
24057
  position: relative;
24058
+ min-height: inherit;
24059
+ width: 100%;
24060
+ height: 100%;
24061
+ display: flex;
24062
+ justify-content: center;
24063
+ align-items: center;
24064
+ cursor: pointer;
24104
24065
  }
24105
- .v-responsive--inline {
24106
- display: inline-flex;
24107
- flex: 0 0 auto;
24066
+ .v-input--disabled .v-slider__container {
24067
+ opacity: var(--v-disabled-opacity);
24068
+ }
24069
+ .v-input--error:not(.v-input--disabled) .v-slider__container {
24070
+ color: rgb(var(--v-theme-error));
24108
24071
  }
24109
24072
 
24110
- .v-responsive__content {
24111
- flex: 1 0 0px;
24112
- max-width: 100%;
24073
+ .v-slider.v-input--horizontal {
24074
+ align-items: center;
24075
+ margin-inline: 8px 8px;
24076
+ }
24077
+ .v-slider.v-input--horizontal > .v-input__control {
24078
+ min-height: 32px;
24079
+ display: flex;
24080
+ align-items: center;
24113
24081
  }
24114
24082
 
24115
- .v-responsive__sizer ~ .v-responsive__content {
24116
- margin-inline-start: -100%;
24083
+ .v-slider.v-input--vertical {
24084
+ justify-content: center;
24085
+ margin-top: 12px;
24086
+ margin-bottom: 12px;
24087
+ }
24088
+ .v-slider.v-input--vertical > .v-input__control {
24089
+ min-height: 300px;
24117
24090
  }
24118
24091
 
24119
- .v-responsive__sizer {
24120
- flex: 1 0 0px;
24121
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24092
+ .v-slider.v-input--disabled {
24122
24093
  pointer-events: none;
24094
+ }
24095
+
24096
+ .v-slider--has-labels > .v-input__control {
24097
+ margin-bottom: 4px;
24098
+ }
24099
+
24100
+ .v-slider__label {
24101
+ margin-inline-end: 12px;
24102
+ }.v-radio-group > .v-input__control {
24103
+ flex-direction: column;
24104
+ }
24105
+ .v-radio-group > .v-input__control > .v-label {
24106
+ margin-inline-start: 16px;
24107
+ }
24108
+ .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
24109
+ padding-inline-start: 6px;
24110
+ margin-top: 8px;
24111
+ }
24112
+ .v-radio-group .v-input__details {
24113
+ padding-inline: 16px;
24123
24114
  }.v-rating {
24124
24115
  max-width: 100%;
24125
24116
  display: inline-flex;
@@ -24165,15 +24156,41 @@ html.v-overlay-scroll-blocked {
24165
24156
  clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
24166
24157
  z-index: 1;
24167
24158
  }
24168
- .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
24169
- opacity: 0;
24159
+ .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
24160
+ opacity: 0;
24161
+ }
24162
+
24163
+ .v-rating__hidden {
24164
+ height: 0;
24165
+ opacity: 0;
24166
+ position: absolute;
24167
+ width: 0;
24168
+ }.v-responsive {
24169
+ display: flex;
24170
+ flex: 1 0 auto;
24171
+ max-height: 100%;
24172
+ max-width: 100%;
24173
+ overflow: hidden;
24174
+ position: relative;
24175
+ }
24176
+ .v-responsive--inline {
24177
+ display: inline-flex;
24178
+ flex: 0 0 auto;
24179
+ }
24180
+
24181
+ .v-responsive__content {
24182
+ flex: 1 0 0px;
24183
+ max-width: 100%;
24184
+ }
24185
+
24186
+ .v-responsive__sizer ~ .v-responsive__content {
24187
+ margin-inline-start: -100%;
24170
24188
  }
24171
24189
 
24172
- .v-rating__hidden {
24173
- height: 0;
24174
- opacity: 0;
24175
- position: absolute;
24176
- width: 0;
24190
+ .v-responsive__sizer {
24191
+ flex: 1 0 0px;
24192
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24193
+ pointer-events: none;
24177
24194
  }.v-select .v-field .v-text-field__prefix,
24178
24195
  .v-select .v-field .v-text-field__suffix,
24179
24196
  .v-select .v-field .v-field__input, .v-select .v-field.v-field {
@@ -24331,61 +24348,6 @@ html.v-overlay-scroll-blocked {
24331
24348
  }
24332
24349
  .v-selection-control--focus-visible .v-selection-control__input::before {
24333
24350
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
24334
- }.v-slide-group {
24335
- display: flex;
24336
- overflow: hidden;
24337
- }
24338
-
24339
- .v-slide-group__next,
24340
- .v-slide-group__prev {
24341
- align-items: center;
24342
- display: flex;
24343
- flex: 0 1 52px;
24344
- justify-content: center;
24345
- min-width: 52px;
24346
- cursor: pointer;
24347
- }
24348
- .v-slide-group__next--disabled,
24349
- .v-slide-group__prev--disabled {
24350
- pointer-events: none;
24351
- opacity: var(--v-disabled-opacity);
24352
- }
24353
-
24354
- .v-slide-group__content {
24355
- display: flex;
24356
- flex: 1 0 auto;
24357
- position: relative;
24358
- transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
24359
- white-space: nowrap;
24360
- }
24361
- .v-slide-group__content > * {
24362
- white-space: initial;
24363
- }
24364
-
24365
- .v-slide-group__container {
24366
- contain: content;
24367
- display: flex;
24368
- flex: 1 1 auto;
24369
- overflow-x: auto;
24370
- overflow-y: hidden;
24371
- scrollbar-width: none;
24372
- scrollbar-color: rgba(0, 0, 0, 0);
24373
- }
24374
- .v-slide-group__container::-webkit-scrollbar {
24375
- display: none;
24376
- }
24377
-
24378
- .v-slide-group--vertical {
24379
- max-height: inherit;
24380
- }
24381
- .v-slide-group--vertical,
24382
- .v-slide-group--vertical .v-slide-group__container,
24383
- .v-slide-group--vertical .v-slide-group__content {
24384
- flex-direction: column;
24385
- }
24386
- .v-slide-group--vertical .v-slide-group__container {
24387
- overflow-x: hidden;
24388
- overflow-y: auto;
24389
24351
  }.v-sheet {
24390
24352
  display: block;
24391
24353
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
@@ -24755,67 +24717,302 @@ html.v-overlay-scroll-blocked {
24755
24717
  .v-snackbar--left, .v-snackbar--start {
24756
24718
  justify-content: flex-start;
24757
24719
  }
24758
- .v-snackbar--right, .v-snackbar--end {
24759
- justify-content: flex-end;
24720
+ .v-snackbar--right, .v-snackbar--end {
24721
+ justify-content: flex-end;
24722
+ }
24723
+
24724
+ .v-snackbar-transition-enter-active, .v-snackbar-transition-leave-active {
24725
+ transition-duration: 0.15s;
24726
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24727
+ }
24728
+ .v-snackbar-transition-enter-active {
24729
+ transition-property: opacity, transform;
24730
+ }
24731
+ .v-snackbar-transition-enter-from {
24732
+ opacity: 0;
24733
+ transform: scale(0.8);
24734
+ }
24735
+ .v-snackbar-transition-leave-active {
24736
+ transition-property: opacity;
24737
+ }
24738
+ .v-snackbar-transition-leave-to {
24739
+ opacity: 0;
24740
+ }.v-slide-group {
24741
+ display: flex;
24742
+ overflow: hidden;
24743
+ }
24744
+
24745
+ .v-slide-group__next,
24746
+ .v-slide-group__prev {
24747
+ align-items: center;
24748
+ display: flex;
24749
+ flex: 0 1 52px;
24750
+ justify-content: center;
24751
+ min-width: 52px;
24752
+ cursor: pointer;
24753
+ }
24754
+ .v-slide-group__next--disabled,
24755
+ .v-slide-group__prev--disabled {
24756
+ pointer-events: none;
24757
+ opacity: var(--v-disabled-opacity);
24758
+ }
24759
+
24760
+ .v-slide-group__content {
24761
+ display: flex;
24762
+ flex: 1 0 auto;
24763
+ position: relative;
24764
+ transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
24765
+ white-space: nowrap;
24766
+ }
24767
+ .v-slide-group__content > * {
24768
+ white-space: initial;
24769
+ }
24770
+
24771
+ .v-slide-group__container {
24772
+ contain: content;
24773
+ display: flex;
24774
+ flex: 1 1 auto;
24775
+ overflow-x: auto;
24776
+ overflow-y: hidden;
24777
+ scrollbar-width: none;
24778
+ scrollbar-color: rgba(0, 0, 0, 0);
24779
+ }
24780
+ .v-slide-group__container::-webkit-scrollbar {
24781
+ display: none;
24782
+ }
24783
+
24784
+ .v-slide-group--vertical {
24785
+ max-height: inherit;
24786
+ }
24787
+ .v-slide-group--vertical,
24788
+ .v-slide-group--vertical .v-slide-group__container,
24789
+ .v-slide-group--vertical .v-slide-group__content {
24790
+ flex-direction: column;
24791
+ }
24792
+ .v-slide-group--vertical .v-slide-group__container {
24793
+ overflow-x: hidden;
24794
+ overflow-y: auto;
24795
+ }.v-speed-dial__content {
24796
+ gap: 8px;
24797
+ }
24798
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right-center {
24799
+ flex-direction: row;
24800
+ }
24801
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start-center {
24802
+ flex-direction: row-reverse;
24803
+ }
24804
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top-center {
24805
+ flex-direction: column-reverse;
24806
+ }
24807
+ .v-speed-dial__content > *:nth-child(1) {
24808
+ transition-delay: 0s;
24809
+ }
24810
+ .v-speed-dial__content > *:nth-child(2) {
24811
+ transition-delay: 0.05s;
24812
+ }
24813
+ .v-speed-dial__content > *:nth-child(3) {
24814
+ transition-delay: 0.1s;
24815
+ }
24816
+ .v-speed-dial__content > *:nth-child(4) {
24817
+ transition-delay: 0.15s;
24818
+ }
24819
+ .v-speed-dial__content > *:nth-child(5) {
24820
+ transition-delay: 0.2s;
24821
+ }
24822
+ .v-speed-dial__content > *:nth-child(6) {
24823
+ transition-delay: 0.25s;
24824
+ }
24825
+ .v-speed-dial__content > *:nth-child(7) {
24826
+ transition-delay: 0.3s;
24827
+ }
24828
+ .v-speed-dial__content > *:nth-child(8) {
24829
+ transition-delay: 0.35s;
24830
+ }
24831
+ .v-speed-dial__content > *:nth-child(9) {
24832
+ transition-delay: 0.4s;
24833
+ }
24834
+ .v-speed-dial__content > *:nth-child(10) {
24835
+ transition-delay: 0.45s;
24836
+ }.v-switch .v-label {
24837
+ padding-inline-start: 10px;
24838
+ }
24839
+
24840
+ .v-switch__loader {
24841
+ display: flex;
24842
+ }
24843
+ .v-switch__loader .v-progress-circular {
24844
+ color: rgb(var(--v-theme-surface));
24845
+ }
24846
+
24847
+ .v-switch__track,
24848
+ .v-switch__thumb {
24849
+ transition: none;
24850
+ }
24851
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
24852
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
24853
+ background-color: rgb(var(--v-theme-error));
24854
+ color: rgb(var(--v-theme-on-error));
24855
+ }
24856
+
24857
+ .v-switch__track-true {
24858
+ margin-inline-end: auto;
24859
+ }
24860
+ .v-selection-control:not(.v-selection-control--dirty) .v-switch__track-true {
24861
+ opacity: 0;
24862
+ }
24863
+
24864
+ .v-switch__track-false {
24865
+ margin-inline-start: auto;
24866
+ }
24867
+ .v-selection-control--dirty .v-switch__track-false {
24868
+ opacity: 0;
24869
+ }
24870
+
24871
+ .v-switch__track {
24872
+ display: inline-flex;
24873
+ align-items: center;
24874
+ font-size: 0.5rem;
24875
+ padding: 0 5px;
24876
+ background-color: rgb(var(--v-theme-surface-variant));
24877
+ border-radius: 9999px;
24878
+ height: 14px;
24879
+ opacity: 0.6;
24880
+ min-width: 36px;
24881
+ cursor: pointer;
24882
+ transition: 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
24883
+ }
24884
+ .v-switch--inset .v-switch__track {
24885
+ border-radius: 9999px;
24886
+ font-size: 0.75rem;
24887
+ height: 32px;
24888
+ min-width: 52px;
24889
+ }
24890
+
24891
+ .v-switch__thumb {
24892
+ align-items: center;
24893
+ background-color: rgb(var(--v-theme-surface-bright));
24894
+ color: rgb(var(--v-theme-on-surface-bright));
24895
+ border-radius: 50%;
24896
+ display: flex;
24897
+ font-size: 0.75rem;
24898
+ height: 20px;
24899
+ justify-content: center;
24900
+ width: 20px;
24901
+ pointer-events: none;
24902
+ 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);
24903
+ position: relative;
24904
+ overflow: hidden;
24905
+ }
24906
+ .v-switch:not(.v-switch--inset) .v-switch__thumb {
24907
+ 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));
24760
24908
  }
24761
-
24762
- .v-snackbar-transition-enter-active, .v-snackbar-transition-leave-active {
24763
- transition-duration: 0.15s;
24764
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24909
+ .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
24910
+ background: rgb(var(--v-theme-surface-variant));
24911
+ color: rgb(var(--v-theme-on-surface-variant));
24912
+ 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));
24765
24913
  }
24766
- .v-snackbar-transition-enter-active {
24767
- transition-property: opacity, transform;
24914
+ .v-switch--inset .v-switch__thumb {
24915
+ height: 24px;
24916
+ width: 24px;
24917
+ transform: scale(0.6666666667);
24768
24918
  }
24769
- .v-snackbar-transition-enter-from {
24770
- opacity: 0;
24771
- transform: scale(0.8);
24919
+ .v-switch--inset .v-switch__thumb--filled {
24920
+ transform: none;
24772
24921
  }
24773
- .v-snackbar-transition-leave-active {
24774
- transition-property: opacity;
24922
+ .v-switch--inset .v-selection-control--dirty .v-switch__thumb {
24923
+ transform: none;
24924
+ transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
24775
24925
  }
24776
- .v-snackbar-transition-leave-to {
24777
- opacity: 0;
24778
- }.v-speed-dial__content {
24779
- gap: 8px;
24926
+
24927
+ .v-switch.v-input {
24928
+ flex: 0 1 auto;
24780
24929
  }
24781
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right-center {
24782
- flex-direction: row;
24930
+ .v-switch .v-selection-control {
24931
+ min-height: var(--v-input-control-height);
24783
24932
  }
24784
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start-center {
24785
- flex-direction: row-reverse;
24933
+ .v-switch .v-selection-control__input {
24934
+ border-radius: 50%;
24935
+ transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
24936
+ position: absolute;
24786
24937
  }
24787
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top-center {
24788
- flex-direction: column-reverse;
24938
+ .v-locale--is-ltr.v-switch .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control__input {
24939
+ transform: translateX(-10px);
24789
24940
  }
24790
- .v-speed-dial__content > *:nth-child(1) {
24791
- transition-delay: 0s;
24941
+
24942
+ .v-locale--is-rtl.v-switch .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control__input {
24943
+ transform: translateX(10px);
24792
24944
  }
24793
- .v-speed-dial__content > *:nth-child(2) {
24794
- transition-delay: 0.05s;
24945
+
24946
+ .v-switch .v-selection-control__input .v-icon {
24947
+ position: absolute;
24795
24948
  }
24796
- .v-speed-dial__content > *:nth-child(3) {
24797
- transition-delay: 0.1s;
24949
+ .v-locale--is-ltr.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control--dirty .v-selection-control__input {
24950
+ transform: translateX(10px);
24798
24951
  }
24799
- .v-speed-dial__content > *:nth-child(4) {
24800
- transition-delay: 0.15s;
24952
+
24953
+ .v-locale--is-rtl.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control--dirty .v-selection-control__input {
24954
+ transform: translateX(-10px);
24801
24955
  }
24802
- .v-speed-dial__content > *:nth-child(5) {
24803
- transition-delay: 0.2s;
24956
+
24957
+ .v-switch.v-switch--indeterminate .v-selection-control__input {
24958
+ transform: scale(0.8);
24804
24959
  }
24805
- .v-speed-dial__content > *:nth-child(6) {
24806
- transition-delay: 0.25s;
24960
+ .v-switch.v-switch--indeterminate .v-switch__thumb {
24961
+ transform: scale(0.75);
24962
+ box-shadow: none;
24807
24963
  }
24808
- .v-speed-dial__content > *:nth-child(7) {
24809
- transition-delay: 0.3s;
24964
+ .v-switch.v-switch--inset .v-selection-control__wrapper {
24965
+ width: auto;
24810
24966
  }
24811
- .v-speed-dial__content > *:nth-child(8) {
24812
- transition-delay: 0.35s;
24967
+ .v-switch.v-input--vertical .v-label {
24968
+ min-width: max-content;
24813
24969
  }
24814
- .v-speed-dial__content > *:nth-child(9) {
24815
- transition-delay: 0.4s;
24970
+ .v-switch.v-input--vertical .v-selection-control__wrapper {
24971
+ transform: rotate(-90deg);
24816
24972
  }
24817
- .v-speed-dial__content > *:nth-child(10) {
24818
- transition-delay: 0.45s;
24973
+
24974
+ @media (forced-colors: active) {
24975
+ .v-switch .v-switch__loader .v-progress-circular {
24976
+ color: currentColor;
24977
+ }
24978
+ .v-switch .v-switch__thumb {
24979
+ background-color: buttontext;
24980
+ }
24981
+ .v-switch .v-switch__track,
24982
+ .v-switch .v-switch__thumb {
24983
+ border: 1px solid;
24984
+ color: buttontext;
24985
+ }
24986
+ .v-switch:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
24987
+ background-color: highlight;
24988
+ }
24989
+ .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track {
24990
+ background-color: highlight;
24991
+ }
24992
+ .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track,
24993
+ .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
24994
+ color: highlight;
24995
+ }
24996
+ .v-switch.v-switch--inset .v-switch__track {
24997
+ border-width: 2px;
24998
+ }
24999
+ .v-switch.v-switch--inset:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
25000
+ background-color: highlighttext;
25001
+ color: highlighttext;
25002
+ }
25003
+ .v-switch.v-input--disabled .v-switch__thumb {
25004
+ background-color: graytext;
25005
+ }
25006
+ .v-switch.v-input--disabled .v-switch__track,
25007
+ .v-switch.v-input--disabled .v-switch__thumb {
25008
+ color: graytext;
25009
+ }
25010
+ .v-switch.v-switch--loading .v-switch__thumb {
25011
+ background-color: canvas;
25012
+ }
25013
+ .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
25014
+ border-width: 0;
25015
+ }
24819
25016
  }.v-stepper.v-sheet {
24820
25017
  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));
24821
25018
  border-radius: 4px;
@@ -25016,72 +25213,6 @@ html.v-overlay-scroll-blocked {
25016
25213
  }
25017
25214
  .v-system-bar:not(.v-system-bar--absolute) {
25018
25215
  padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
25019
- }.v-tabs {
25020
- display: flex;
25021
- height: var(--v-tabs-height);
25022
- }
25023
- .v-tabs--density-default {
25024
- --v-tabs-height: 48px;
25025
- }
25026
- .v-tabs--density-default.v-tabs--stacked {
25027
- --v-tabs-height: 72px;
25028
- }
25029
-
25030
- .v-tabs--density-comfortable {
25031
- --v-tabs-height: 44px;
25032
- }
25033
- .v-tabs--density-comfortable.v-tabs--stacked {
25034
- --v-tabs-height: 68px;
25035
- }
25036
-
25037
- .v-tabs--density-compact {
25038
- --v-tabs-height: 36px;
25039
- }
25040
- .v-tabs--density-compact.v-tabs--stacked {
25041
- --v-tabs-height: 60px;
25042
- }
25043
-
25044
- .v-tabs.v-slide-group--vertical {
25045
- height: auto;
25046
- flex: none;
25047
- --v-tabs-height: 48px;
25048
- }
25049
-
25050
- .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
25051
- margin-inline-start: 42px;
25052
- }
25053
-
25054
- .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
25055
- .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
25056
- margin-inline-end: auto;
25057
- }
25058
- .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
25059
- .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
25060
- margin-inline-start: auto;
25061
- }
25062
-
25063
- .v-tabs--grow {
25064
- flex-grow: 1;
25065
- }
25066
- .v-tabs--grow .v-tab {
25067
- flex: 1 0 auto;
25068
- max-width: none;
25069
- }
25070
-
25071
- .v-tabs--align-tabs-end .v-tab:first-child {
25072
- margin-inline-start: auto;
25073
- }
25074
- .v-tabs--align-tabs-end .v-tab:last-child {
25075
- margin-inline-end: 0;
25076
- }
25077
-
25078
- @media (max-width: 1279.98px) {
25079
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
25080
- margin-inline-start: 52px;
25081
- }
25082
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
25083
- margin-inline-end: 52px;
25084
- }
25085
25216
  }.v-tab.v-tab.v-btn {
25086
25217
  height: var(--v-tabs-height);
25087
25218
  border-radius: 0;
@@ -25104,149 +25235,79 @@ html.v-overlay-scroll-blocked {
25104
25235
  pointer-events: none;
25105
25236
  opacity: 0;
25106
25237
  }
25107
- .v-tab--selected .v-tab__slider {
25108
- opacity: 1;
25109
- }
25110
- .v-slide-group--vertical .v-tab__slider {
25111
- top: 0;
25112
- height: 100%;
25113
- width: 2px;
25114
- }.v-switch .v-label {
25115
- padding-inline-start: 10px;
25116
- }
25117
-
25118
- .v-switch__loader {
25119
- display: flex;
25120
- }
25121
- .v-switch__loader .v-progress-circular {
25122
- color: rgb(var(--v-theme-surface));
25123
- }
25124
-
25125
- .v-switch__track,
25126
- .v-switch__thumb {
25127
- transition: none;
25128
- }
25129
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
25130
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
25131
- background-color: rgb(var(--v-theme-error));
25132
- color: rgb(var(--v-theme-on-error));
25133
- }
25134
-
25135
- .v-switch__track-true {
25136
- margin-inline-end: auto;
25137
- }
25138
- .v-selection-control:not(.v-selection-control--dirty) .v-switch__track-true {
25139
- opacity: 0;
25140
- }
25141
-
25142
- .v-switch__track-false {
25143
- margin-inline-start: auto;
25144
- }
25145
- .v-selection-control--dirty .v-switch__track-false {
25146
- opacity: 0;
25147
- }
25148
-
25149
- .v-switch__track {
25150
- display: inline-flex;
25151
- align-items: center;
25152
- font-size: 0.5rem;
25153
- padding: 0 5px;
25154
- background-color: rgb(var(--v-theme-surface-variant));
25155
- border-radius: 9999px;
25156
- height: 14px;
25157
- opacity: 0.6;
25158
- min-width: 36px;
25159
- cursor: pointer;
25160
- transition: 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
25161
- }
25162
- .v-switch--inset .v-switch__track {
25163
- border-radius: 9999px;
25164
- font-size: 0.75rem;
25165
- height: 32px;
25166
- min-width: 52px;
25167
- }
25168
-
25169
- .v-switch__thumb {
25170
- align-items: center;
25171
- background-color: rgb(var(--v-theme-surface-bright));
25172
- color: rgb(var(--v-theme-on-surface-bright));
25173
- border-radius: 50%;
25174
- display: flex;
25175
- font-size: 0.75rem;
25176
- height: 20px;
25177
- justify-content: center;
25178
- width: 20px;
25179
- pointer-events: none;
25180
- 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);
25181
- position: relative;
25182
- overflow: hidden;
25183
- }
25184
- .v-switch:not(.v-switch--inset) .v-switch__thumb {
25185
- 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));
25186
- }
25187
- .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
25188
- background: rgb(var(--v-theme-surface-variant));
25189
- color: rgb(var(--v-theme-on-surface-variant));
25190
- 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));
25238
+ .v-tab--selected .v-tab__slider {
25239
+ opacity: 1;
25191
25240
  }
25192
- .v-switch--inset .v-switch__thumb {
25193
- height: 24px;
25194
- width: 24px;
25195
- transform: scale(0.6666666667);
25241
+ .v-slide-group--vertical .v-tab__slider {
25242
+ top: 0;
25243
+ height: 100%;
25244
+ width: 2px;
25245
+ }.v-tabs {
25246
+ display: flex;
25247
+ height: var(--v-tabs-height);
25196
25248
  }
25197
- .v-switch--inset .v-switch__thumb--filled {
25198
- transform: none;
25249
+ .v-tabs--density-default {
25250
+ --v-tabs-height: 48px;
25199
25251
  }
25200
- .v-switch--inset .v-selection-control--dirty .v-switch__thumb {
25201
- transform: none;
25202
- transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
25252
+ .v-tabs--density-default.v-tabs--stacked {
25253
+ --v-tabs-height: 72px;
25203
25254
  }
25204
25255
 
25205
- .v-switch.v-input {
25206
- flex: 0 1 auto;
25256
+ .v-tabs--density-comfortable {
25257
+ --v-tabs-height: 44px;
25207
25258
  }
25208
- .v-switch .v-selection-control {
25209
- min-height: var(--v-input-control-height);
25259
+ .v-tabs--density-comfortable.v-tabs--stacked {
25260
+ --v-tabs-height: 68px;
25210
25261
  }
25211
- .v-switch .v-selection-control__input {
25212
- border-radius: 50%;
25213
- transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
25214
- position: absolute;
25262
+
25263
+ .v-tabs--density-compact {
25264
+ --v-tabs-height: 36px;
25215
25265
  }
25216
- .v-locale--is-ltr.v-switch .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control__input {
25217
- transform: translateX(-10px);
25266
+ .v-tabs--density-compact.v-tabs--stacked {
25267
+ --v-tabs-height: 60px;
25218
25268
  }
25219
25269
 
25220
- .v-locale--is-rtl.v-switch .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control__input {
25221
- transform: translateX(10px);
25270
+ .v-tabs.v-slide-group--vertical {
25271
+ height: auto;
25272
+ flex: none;
25273
+ --v-tabs-height: 48px;
25222
25274
  }
25223
25275
 
25224
- .v-switch .v-selection-control__input .v-icon {
25225
- position: absolute;
25226
- }
25227
- .v-locale--is-ltr.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control--dirty .v-selection-control__input {
25228
- transform: translateX(10px);
25276
+ .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
25277
+ margin-inline-start: 42px;
25229
25278
  }
25230
25279
 
25231
- .v-locale--is-rtl.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control--dirty .v-selection-control__input {
25232
- transform: translateX(-10px);
25280
+ .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
25281
+ .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
25282
+ margin-inline-end: auto;
25283
+ }
25284
+ .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
25285
+ .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
25286
+ margin-inline-start: auto;
25233
25287
  }
25234
25288
 
25235
- .v-switch.v-switch--indeterminate .v-selection-control__input {
25236
- transform: scale(0.8);
25289
+ .v-tabs--grow {
25290
+ flex-grow: 1;
25237
25291
  }
25238
- .v-switch.v-switch--indeterminate .v-switch__thumb {
25239
- transform: scale(0.75);
25240
- box-shadow: none;
25292
+ .v-tabs--grow .v-tab {
25293
+ flex: 1 0 auto;
25294
+ max-width: none;
25241
25295
  }
25242
- .v-switch.v-switch--inset .v-selection-control__wrapper {
25243
- width: auto;
25296
+
25297
+ .v-tabs--align-tabs-end .v-tab:first-child {
25298
+ margin-inline-start: auto;
25244
25299
  }
25245
- .v-switch.v-input--vertical .v-label {
25246
- min-width: max-content;
25300
+ .v-tabs--align-tabs-end .v-tab:last-child {
25301
+ margin-inline-end: 0;
25247
25302
  }
25248
- .v-switch.v-input--vertical .v-selection-control__wrapper {
25249
- transform: rotate(-90deg);
25303
+
25304
+ @media (max-width: 1279.98px) {
25305
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
25306
+ margin-inline-start: 52px;
25307
+ }
25308
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
25309
+ margin-inline-end: 52px;
25310
+ }
25250
25311
  }.v-table {
25251
25312
  background: rgb(var(--v-theme-surface));
25252
25313
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -25385,9 +25446,45 @@ html.v-overlay-scroll-blocked {
25385
25446
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
25386
25447
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
25387
25448
  border-top: 0px !important;
25388
- }.v-theme-provider {
25389
- background: rgb(var(--v-theme-background));
25390
- color: rgb(var(--v-theme-on-background));
25449
+ }.v-textarea .v-field {
25450
+ --v-textarea-control-height: var(--v-input-control-height);
25451
+ }
25452
+ .v-textarea .v-field__field {
25453
+ --v-input-control-height: var(--v-textarea-control-height);
25454
+ }
25455
+ .v-textarea .v-field__input {
25456
+ flex: 1 1 auto;
25457
+ outline: none;
25458
+ -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));
25459
+ 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));
25460
+ }
25461
+ .v-textarea .v-field__input.v-textarea__sizer {
25462
+ visibility: hidden;
25463
+ position: absolute;
25464
+ top: 0;
25465
+ left: 0;
25466
+ height: 0 !important;
25467
+ min-height: 0 !important;
25468
+ pointer-events: none;
25469
+ }
25470
+ .v-textarea--no-resize .v-field__input {
25471
+ resize: none;
25472
+ }
25473
+ .v-textarea .v-field--no-label textarea,
25474
+ .v-textarea .v-field--active textarea {
25475
+ opacity: 1;
25476
+ }
25477
+ .v-textarea textarea {
25478
+ opacity: 0;
25479
+ flex: 1;
25480
+ min-width: 0;
25481
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25482
+ }
25483
+ .v-textarea textarea:focus, .v-textarea textarea:active {
25484
+ outline: none;
25485
+ }
25486
+ .v-textarea textarea:invalid {
25487
+ box-shadow: none;
25391
25488
  }/* region BLOCK */
25392
25489
  .v-text-field input {
25393
25490
  color: inherit;
@@ -25455,68 +25552,7 @@ html.v-overlay-scroll-blocked {
25455
25552
  padding-inline-end: var(--v-field-padding-end);
25456
25553
  }
25457
25554
 
25458
- /* endregion */.v-textarea .v-field {
25459
- --v-textarea-control-height: var(--v-input-control-height);
25460
- }
25461
- .v-textarea .v-field__field {
25462
- --v-input-control-height: var(--v-textarea-control-height);
25463
- }
25464
- .v-textarea .v-field__input {
25465
- flex: 1 1 auto;
25466
- outline: none;
25467
- -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));
25468
- 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));
25469
- }
25470
- .v-textarea .v-field__input.v-textarea__sizer {
25471
- visibility: hidden;
25472
- position: absolute;
25473
- top: 0;
25474
- left: 0;
25475
- height: 0 !important;
25476
- min-height: 0 !important;
25477
- pointer-events: none;
25478
- }
25479
- .v-textarea--no-resize .v-field__input {
25480
- resize: none;
25481
- }
25482
- .v-textarea .v-field--no-label textarea,
25483
- .v-textarea .v-field--active textarea {
25484
- opacity: 1;
25485
- }
25486
- .v-textarea textarea {
25487
- opacity: 0;
25488
- flex: 1;
25489
- min-width: 0;
25490
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25491
- }
25492
- .v-textarea textarea:focus, .v-textarea textarea:active {
25493
- outline: none;
25494
- }
25495
- .v-textarea textarea:invalid {
25496
- box-shadow: none;
25497
- }.v-tooltip > .v-overlay__content {
25498
- background: rgb(var(--v-theme-surface-variant));
25499
- color: rgb(var(--v-theme-on-surface-variant));
25500
- border-radius: 4px;
25501
- font-size: 0.875rem;
25502
- line-height: 1.6;
25503
- display: inline-block;
25504
- padding: 5px 16px;
25505
- text-transform: initial;
25506
- width: auto;
25507
- opacity: 1;
25508
- pointer-events: none;
25509
- transition-property: opacity, transform;
25510
- overflow-wrap: break-word;
25511
- }
25512
- .v-tooltip > .v-overlay__content[class*=enter-active] {
25513
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25514
- transition-duration: 150ms;
25515
- }
25516
- .v-tooltip > .v-overlay__content[class*=leave-active] {
25517
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25518
- transition-duration: 75ms;
25519
- }.v-timeline .v-timeline-divider__dot {
25555
+ /* endregion */.v-timeline .v-timeline-divider__dot {
25520
25556
  background: rgb(var(--v-theme-surface-light));
25521
25557
  }
25522
25558
  .v-timeline .v-timeline-divider__inner-dot {
@@ -25932,6 +25968,9 @@ html.v-overlay-scroll-blocked {
25932
25968
 
25933
25969
  .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 {
25934
25970
  padding-inline-end: 0;
25971
+ }.v-theme-provider {
25972
+ background: rgb(var(--v-theme-background));
25973
+ color: rgb(var(--v-theme-on-background));
25935
25974
  }.v-toolbar {
25936
25975
  align-items: flex-start;
25937
25976
  display: flex;
@@ -26061,6 +26100,37 @@ html.v-overlay-scroll-blocked {
26061
26100
  }
26062
26101
  .v-toolbar-items > .v-btn {
26063
26102
  border-radius: 0;
26103
+ }.v-tooltip > .v-overlay__content {
26104
+ background: rgb(var(--v-theme-surface-variant));
26105
+ color: rgb(var(--v-theme-on-surface-variant));
26106
+ border-radius: 4px;
26107
+ font-size: 0.875rem;
26108
+ line-height: 1.6;
26109
+ display: inline-block;
26110
+ padding: 5px 16px;
26111
+ text-transform: initial;
26112
+ width: auto;
26113
+ opacity: 1;
26114
+ pointer-events: none;
26115
+ transition-property: opacity, transform;
26116
+ overflow-wrap: break-word;
26117
+ }
26118
+ .v-tooltip > .v-overlay__content[class*=enter-active] {
26119
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
26120
+ transition-duration: 150ms;
26121
+ }
26122
+ .v-tooltip > .v-overlay__content[class*=leave-active] {
26123
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
26124
+ transition-duration: 75ms;
26125
+ }.v-virtual-scroll {
26126
+ display: block;
26127
+ flex: 1 1 auto;
26128
+ max-width: 100%;
26129
+ overflow: auto;
26130
+ position: relative;
26131
+ }
26132
+ .v-virtual-scroll__container {
26133
+ display: block;
26064
26134
  }.v-window {
26065
26135
  overflow: hidden;
26066
26136
  }
@@ -26131,31 +26201,6 @@ html.v-overlay-scroll-blocked {
26131
26201
  }
26132
26202
  .v-window-y-reverse-transition-leave-to {
26133
26203
  transform: translateY(100%);
26134
- }.v-virtual-scroll {
26135
- display: block;
26136
- flex: 1 1 auto;
26137
- max-width: 100%;
26138
- overflow: auto;
26139
- position: relative;
26140
- }
26141
- .v-virtual-scroll__container {
26142
- display: block;
26143
- }.v-application {
26144
- display: flex;
26145
- background: rgb(var(--v-theme-background));
26146
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
26147
- }
26148
-
26149
- .v-application__wrap {
26150
- -webkit-backface-visibility: hidden;
26151
- backface-visibility: hidden;
26152
- display: flex;
26153
- flex-direction: column;
26154
- flex: 1 1 auto;
26155
- max-width: 100%;
26156
- min-height: 100vh;
26157
- min-height: 100dvh;
26158
- position: relative;
26159
26204
  }.v-color-picker-canvas {
26160
26205
  display: flex;
26161
26206
  position: relative;