@vuetify/nightly 3.7.0-master.2024-08-16 → 3.7.0-master.2024-08-17

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 (81) hide show
  1. package/dist/json/attributes.json +169 -169
  2. package/dist/json/importMap-labs.json +32 -32
  3. package/dist/json/importMap.json +174 -174
  4. package/dist/json/web-types.json +210 -210
  5. package/dist/vuetify-labs.css +3220 -3220
  6. package/dist/vuetify-labs.d.ts +5 -2
  7. package/dist/vuetify-labs.esm.js +3 -3
  8. package/dist/vuetify-labs.esm.js.map +1 -1
  9. package/dist/vuetify-labs.js +3 -3
  10. package/dist/vuetify-labs.min.css +2 -2
  11. package/dist/vuetify.css +1997 -1997
  12. package/dist/vuetify.d.ts +90 -96
  13. package/dist/vuetify.esm.js +3 -3
  14. package/dist/vuetify.esm.js.map +1 -1
  15. package/dist/vuetify.js +3 -3
  16. package/dist/vuetify.js.map +1 -1
  17. package/dist/vuetify.min.css +2 -2
  18. package/dist/vuetify.min.js +3 -3
  19. package/dist/vuetify.min.js.map +1 -1
  20. package/lib/blueprints/index.d.mts +4 -1
  21. package/lib/blueprints/md1.d.mts +4 -1
  22. package/lib/blueprints/md2.d.mts +4 -1
  23. package/lib/blueprints/md3.d.mts +4 -1
  24. package/lib/components/VAlert/index.d.mts +4 -1
  25. package/lib/components/VAppBar/index.d.mts +4 -1
  26. package/lib/components/VAutocomplete/index.d.mts +4 -1
  27. package/lib/components/VAvatar/index.d.mts +4 -1
  28. package/lib/components/VBadge/index.d.mts +4 -1
  29. package/lib/components/VBanner/index.d.mts +4 -1
  30. package/lib/components/VBreadcrumbs/index.d.mts +4 -1
  31. package/lib/components/VBtn/index.d.mts +4 -1
  32. package/lib/components/VCard/index.d.mts +4 -1
  33. package/lib/components/VCarousel/index.d.mts +4 -1
  34. package/lib/components/VCheckbox/index.d.mts +4 -1
  35. package/lib/components/VChip/index.d.mts +4 -1
  36. package/lib/components/VChipGroup/index.d.mts +4 -1
  37. package/lib/components/VCombobox/index.d.mts +4 -1
  38. package/lib/components/VDataTable/index.d.mts +4 -1
  39. package/lib/components/VDatePicker/index.d.mts +4 -1
  40. package/lib/components/VEmptyState/index.d.mts +4 -1
  41. package/lib/components/VExpansionPanel/index.d.mts +4 -1
  42. package/lib/components/VFab/index.d.mts +4 -1
  43. package/lib/components/VField/index.d.mts +4 -1
  44. package/lib/components/VFileInput/index.d.mts +4 -1
  45. package/lib/components/VIcon/index.d.mts +4 -1
  46. package/lib/components/VInput/index.d.mts +4 -1
  47. package/lib/components/VList/index.d.mts +4 -1
  48. package/lib/components/VPagination/index.d.mts +4 -1
  49. package/lib/components/VRadio/index.d.mts +4 -1
  50. package/lib/components/VRadioGroup/index.d.mts +4 -1
  51. package/lib/components/VRangeSlider/index.d.mts +4 -1
  52. package/lib/components/VRating/index.d.mts +4 -1
  53. package/lib/components/VSelect/index.d.mts +4 -1
  54. package/lib/components/VSelectionControl/index.d.mts +4 -1
  55. package/lib/components/VSelectionControlGroup/index.d.mts +4 -1
  56. package/lib/components/VSlideGroup/index.d.mts +4 -1
  57. package/lib/components/VSlider/index.d.mts +4 -1
  58. package/lib/components/VSwitch/index.d.mts +4 -1
  59. package/lib/components/VTabs/index.d.mts +4 -1
  60. package/lib/components/VTextField/index.d.mts +4 -1
  61. package/lib/components/VTextarea/index.d.mts +4 -1
  62. package/lib/components/VTimeline/index.d.mts +4 -1
  63. package/lib/components/VWindow/index.d.mts +4 -1
  64. package/lib/components/index.d.mts +4 -1
  65. package/lib/composables/icons.mjs.map +1 -1
  66. package/lib/composables/index.mjs.map +1 -1
  67. package/lib/entry-bundler.mjs +1 -1
  68. package/lib/framework.mjs +1 -1
  69. package/lib/iconsets/fa-svg.d.mts +4 -1
  70. package/lib/iconsets/fa.d.mts +4 -1
  71. package/lib/iconsets/fa4.d.mts +4 -1
  72. package/lib/iconsets/md.d.mts +4 -1
  73. package/lib/iconsets/mdi-svg.d.mts +4 -1
  74. package/lib/iconsets/mdi.d.mts +4 -1
  75. package/lib/index.d.mts +90 -96
  76. package/lib/labs/VDateInput/index.d.mts +4 -1
  77. package/lib/labs/VNumberInput/index.d.mts +4 -1
  78. package/lib/labs/VStepperVertical/index.d.mts +4 -1
  79. package/lib/labs/VTreeview/index.d.mts +4 -1
  80. package/lib/labs/components.d.mts +4 -1
  81. package/package.json +1 -5
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.7.0-master.2024-08-16
2
+ * Vuetify v3.7.0-master.2024-08-17
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17923,6 +17923,25 @@ html.overflow-y-hidden {
17923
17923
  .v-locale--is-ltr .float-print-start {
17924
17924
  float: left !important;
17925
17925
  }
17926
+ }.v-code {
17927
+ background-color: rgb(var(--v-theme-code));
17928
+ color: rgb(var(--v-theme-on-code));
17929
+ border-radius: 4px;
17930
+ line-height: 1.8;
17931
+ font-size: 0.9em;
17932
+ font-weight: normal;
17933
+ padding: 0.2em 0.4em;
17934
+ }.v-kbd {
17935
+ background: rgb(var(--v-theme-kbd));
17936
+ color: rgb(var(--v-theme-on-kbd));
17937
+ border-radius: 3px;
17938
+ display: inline;
17939
+ font-size: 85%;
17940
+ font-weight: normal;
17941
+ padding: 0.2em 0.4rem;
17942
+ }
17943
+ .v-kbd {
17944
+ 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));
17926
17945
  }.v-ripple__container {
17927
17946
  color: inherit;
17928
17947
  border-radius: inherit;
@@ -17959,25 +17978,22 @@ html.overflow-y-hidden {
17959
17978
  .v-ripple__animation--out {
17960
17979
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
17961
17980
  opacity: 0;
17962
- }.v-code {
17963
- background-color: rgb(var(--v-theme-code));
17964
- color: rgb(var(--v-theme-on-code));
17965
- border-radius: 4px;
17966
- line-height: 1.8;
17967
- font-size: 0.9em;
17968
- font-weight: normal;
17969
- padding: 0.2em 0.4em;
17970
- }.v-kbd {
17971
- background: rgb(var(--v-theme-kbd));
17972
- color: rgb(var(--v-theme-on-kbd));
17973
- border-radius: 3px;
17974
- display: inline;
17975
- font-size: 85%;
17976
- font-weight: normal;
17977
- padding: 0.2em 0.4rem;
17981
+ }.v-application {
17982
+ display: flex;
17983
+ background: rgb(var(--v-theme-background));
17984
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
17978
17985
  }
17979
- .v-kbd {
17980
- 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));
17986
+
17987
+ .v-application__wrap {
17988
+ -webkit-backface-visibility: hidden;
17989
+ backface-visibility: hidden;
17990
+ display: flex;
17991
+ flex-direction: column;
17992
+ flex: 1 1 auto;
17993
+ max-width: 100%;
17994
+ min-height: 100vh;
17995
+ min-height: 100dvh;
17996
+ position: relative;
17981
17997
  }.v-app-bar {
17982
17998
  display: flex;
17983
17999
  }
@@ -18636,22 +18652,6 @@ html.overflow-y-hidden {
18636
18652
  }
18637
18653
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
18638
18654
  align-self: flex-start;
18639
- }.v-application {
18640
- display: flex;
18641
- background: rgb(var(--v-theme-background));
18642
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
18643
- }
18644
-
18645
- .v-application__wrap {
18646
- -webkit-backface-visibility: hidden;
18647
- backface-visibility: hidden;
18648
- display: flex;
18649
- flex-direction: column;
18650
- flex: 1 1 auto;
18651
- max-width: 100%;
18652
- min-height: 100vh;
18653
- min-height: 100dvh;
18654
- position: relative;
18655
18655
  }.v-bottom-navigation {
18656
18656
  display: flex;
18657
18657
  max-width: 100%;
@@ -19680,11 +19680,6 @@ html.overflow-y-hidden {
19680
19680
  flex-direction: column;
19681
19681
  height: 100% !important;
19682
19682
  width: 50px;
19683
- }.v-checkbox.v-input {
19684
- flex: 0 1 auto;
19685
- }
19686
- .v-checkbox .v-selection-control {
19687
- min-height: var(--v-input-control-height);
19688
19683
  }.v-chip {
19689
19684
  align-items: center;
19690
19685
  display: inline-flex;
@@ -20103,6 +20098,11 @@ html.overflow-y-hidden {
20103
20098
 
20104
20099
  .v-chip--label {
20105
20100
  border-radius: 4px;
20101
+ }.v-checkbox.v-input {
20102
+ flex: 0 1 auto;
20103
+ }
20104
+ .v-checkbox .v-selection-control {
20105
+ min-height: var(--v-input-control-height);
20106
20106
  }.v-chip-group {
20107
20107
  display: flex;
20108
20108
  max-width: 100%;
@@ -20513,61 +20513,6 @@ html.overflow-y-hidden {
20513
20513
 
20514
20514
  .v-date-picker__title {
20515
20515
  display: inline-block;
20516
- }.v-date-picker-month {
20517
- display: flex;
20518
- justify-content: center;
20519
- padding: 0 12px 8px;
20520
- --v-date-picker-month-day-diff: 4px;
20521
- }
20522
-
20523
- .v-date-picker-month__weeks {
20524
- display: grid;
20525
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20526
- column-gap: 4px;
20527
- font-size: 0.85rem;
20528
- }
20529
- .v-date-picker-month__weeks + .v-date-picker-month__days {
20530
- grid-row-gap: 0;
20531
- }
20532
-
20533
- .v-date-picker-month__weekday {
20534
- font-size: 0.85rem;
20535
- }
20536
-
20537
- .v-date-picker-month__days {
20538
- display: grid;
20539
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20540
- column-gap: 4px;
20541
- flex: 1 1;
20542
- justify-content: space-around;
20543
- }
20544
-
20545
- .v-date-picker-month__day {
20546
- align-items: center;
20547
- display: flex;
20548
- justify-content: center;
20549
- position: relative;
20550
- height: 40px;
20551
- width: 40px;
20552
- }
20553
- .v-date-picker-month__day--selected .v-btn {
20554
- background-color: rgb(var(--v-theme-surface-variant));
20555
- color: rgb(var(--v-theme-on-surface-variant));
20556
- }
20557
- .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20558
- --v-btn-height: 24px;
20559
- --v-btn-size: 0.85rem;
20560
- }
20561
- .v-date-picker-month__day--week {
20562
- font-size: var(--v-btn-size);
20563
- }
20564
-
20565
- .v-date-picker-month__day--adjacent {
20566
- opacity: 0.5;
20567
- }
20568
-
20569
- .v-date-picker-month__day--hide-adjacent {
20570
- opacity: 0;
20571
20516
  }.v-date-picker-header {
20572
20517
  align-items: flex-end;
20573
20518
  height: 70px;
@@ -20628,21 +20573,61 @@ html.overflow-y-hidden {
20628
20573
  .date-picker-header-reverse-transition-leave-to {
20629
20574
  opacity: 0;
20630
20575
  transform: translate(0, 100%);
20631
- }.v-date-picker-years {
20632
- height: 288px;
20633
- overflow-y: scroll;
20576
+ }.v-date-picker-month {
20577
+ display: flex;
20578
+ justify-content: center;
20579
+ padding: 0 12px 8px;
20580
+ --v-date-picker-month-day-diff: 4px;
20634
20581
  }
20635
20582
 
20636
- .v-date-picker-years__content {
20583
+ .v-date-picker-month__weeks {
20584
+ display: grid;
20585
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20586
+ column-gap: 4px;
20587
+ font-size: 0.85rem;
20588
+ }
20589
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
20590
+ grid-row-gap: 0;
20591
+ }
20592
+
20593
+ .v-date-picker-month__weekday {
20594
+ font-size: 0.85rem;
20595
+ }
20596
+
20597
+ .v-date-picker-month__days {
20637
20598
  display: grid;
20599
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20600
+ column-gap: 4px;
20638
20601
  flex: 1 1;
20639
20602
  justify-content: space-around;
20640
- grid-template-columns: repeat(3, 1fr);
20641
- gap: 8px 24px;
20642
- padding-inline: 32px;
20643
20603
  }
20644
- .v-date-picker-years__content .v-btn {
20645
- padding-inline: 8px;
20604
+
20605
+ .v-date-picker-month__day {
20606
+ align-items: center;
20607
+ display: flex;
20608
+ justify-content: center;
20609
+ position: relative;
20610
+ height: 40px;
20611
+ width: 40px;
20612
+ }
20613
+ .v-date-picker-month__day--selected .v-btn {
20614
+ background-color: rgb(var(--v-theme-surface-variant));
20615
+ color: rgb(var(--v-theme-on-surface-variant));
20616
+ }
20617
+ .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20618
+ --v-btn-height: 24px;
20619
+ --v-btn-size: 0.85rem;
20620
+ }
20621
+ .v-date-picker-month__day--week {
20622
+ font-size: var(--v-btn-size);
20623
+ }
20624
+
20625
+ .v-date-picker-month__day--adjacent {
20626
+ opacity: 0.5;
20627
+ }
20628
+
20629
+ .v-date-picker-month__day--hide-adjacent {
20630
+ opacity: 0;
20646
20631
  }.v-date-picker-months {
20647
20632
  height: 288px;
20648
20633
  }
@@ -20662,894 +20647,306 @@ html.overflow-y-hidden {
20662
20647
  text-transform: none;
20663
20648
  padding-inline-start: 8px;
20664
20649
  padding-inline-end: 8px;
20665
- }.v-container {
20666
- width: 100%;
20667
- padding: 16px;
20668
- margin-right: auto;
20669
- margin-left: auto;
20670
- }
20671
- @media (min-width: 960px) {
20672
- .v-container {
20673
- max-width: 900px;
20674
- }
20675
- }
20676
- @media (min-width: 1280px) {
20677
- .v-container {
20678
- max-width: 1200px;
20679
- }
20680
- }
20681
- @media (min-width: 1920px) {
20682
- .v-container {
20683
- max-width: 1800px;
20684
- }
20685
- }
20686
- @media (min-width: 2560px) {
20687
- .v-container {
20688
- max-width: 2400px;
20689
- }
20650
+ }.v-date-picker-years {
20651
+ height: 288px;
20652
+ overflow-y: scroll;
20690
20653
  }
20691
- .v-container--fluid {
20692
- max-width: 100%;
20654
+
20655
+ .v-date-picker-years__content {
20656
+ display: grid;
20657
+ flex: 1 1;
20658
+ justify-content: space-around;
20659
+ grid-template-columns: repeat(3, 1fr);
20660
+ gap: 8px 24px;
20661
+ padding-inline: 32px;
20693
20662
  }
20694
- .v-container.fill-height {
20663
+ .v-date-picker-years__content .v-btn {
20664
+ padding-inline: 8px;
20665
+ }.v-dialog {
20695
20666
  align-items: center;
20696
- display: flex;
20697
- flex-wrap: wrap;
20667
+ justify-content: center;
20668
+ margin: auto;
20698
20669
  }
20699
-
20700
- .v-row {
20701
- display: flex;
20702
- flex-wrap: wrap;
20703
- flex: 1 1 auto;
20704
- margin: -12px;
20670
+ .v-dialog > .v-overlay__content {
20671
+ max-height: calc(100% - 48px);
20672
+ width: calc(100% - 48px);
20673
+ max-width: calc(100% - 48px);
20674
+ margin: 24px;
20705
20675
  }
20706
- .v-row + .v-row {
20707
- margin-top: 12px;
20676
+ .v-dialog > .v-overlay__content,
20677
+ .v-dialog > .v-overlay__content > form {
20678
+ display: flex;
20679
+ flex-direction: column;
20680
+ min-height: 0;
20708
20681
  }
20709
- .v-row + .v-row--dense {
20710
- margin-top: 4px;
20682
+ .v-dialog > .v-overlay__content > .v-card,
20683
+ .v-dialog > .v-overlay__content > .v-sheet,
20684
+ .v-dialog > .v-overlay__content > form > .v-card,
20685
+ .v-dialog > .v-overlay__content > form > .v-sheet {
20686
+ --v-scrollbar-offset: 0px;
20687
+ border-radius: 4px;
20688
+ overflow-y: auto;
20711
20689
  }
20712
- .v-row--dense {
20713
- margin: -4px;
20690
+ .v-dialog > .v-overlay__content > .v-card,
20691
+ .v-dialog > .v-overlay__content > .v-sheet,
20692
+ .v-dialog > .v-overlay__content > form > .v-card,
20693
+ .v-dialog > .v-overlay__content > form > .v-sheet {
20694
+ box-shadow: 0px 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 9px 46px 8px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20714
20695
  }
20715
- .v-row--dense > .v-col,
20716
- .v-row--dense > [class*=v-col-] {
20717
- padding: 4px;
20696
+ .v-dialog > .v-overlay__content > .v-card,
20697
+ .v-dialog > .v-overlay__content > form > .v-card {
20698
+ display: flex;
20699
+ flex-direction: column;
20718
20700
  }
20719
- .v-row.v-row--no-gutters {
20720
- margin: 0;
20701
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item,
20702
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
20703
+ padding: 16px 24px;
20721
20704
  }
20722
- .v-row.v-row--no-gutters > .v-col,
20723
- .v-row.v-row--no-gutters > [class*=v-col-] {
20724
- padding: 0;
20705
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
20706
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
20707
+ padding-top: 0;
20725
20708
  }
20726
-
20727
- .v-spacer {
20728
- flex-grow: 1;
20709
+ .v-dialog > .v-overlay__content > .v-card > .v-card-text,
20710
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
20711
+ font-size: inherit;
20712
+ letter-spacing: 0.03125em;
20713
+ line-height: inherit;
20714
+ padding: 16px 24px 24px;
20729
20715
  }
20730
-
20731
- .v-col-xxl,
20732
- .v-col-xxl-auto, .v-col-xxl-12, .v-col-xxl-11, .v-col-xxl-10, .v-col-xxl-9, .v-col-xxl-8, .v-col-xxl-7, .v-col-xxl-6, .v-col-xxl-5, .v-col-xxl-4, .v-col-xxl-3, .v-col-xxl-2, .v-col-xxl-1, .v-col-xl,
20733
- .v-col-xl-auto, .v-col-xl-12, .v-col-xl-11, .v-col-xl-10, .v-col-xl-9, .v-col-xl-8, .v-col-xl-7, .v-col-xl-6, .v-col-xl-5, .v-col-xl-4, .v-col-xl-3, .v-col-xl-2, .v-col-xl-1, .v-col-lg,
20734
- .v-col-lg-auto, .v-col-lg-12, .v-col-lg-11, .v-col-lg-10, .v-col-lg-9, .v-col-lg-8, .v-col-lg-7, .v-col-lg-6, .v-col-lg-5, .v-col-lg-4, .v-col-lg-3, .v-col-lg-2, .v-col-lg-1, .v-col-md,
20735
- .v-col-md-auto, .v-col-md-12, .v-col-md-11, .v-col-md-10, .v-col-md-9, .v-col-md-8, .v-col-md-7, .v-col-md-6, .v-col-md-5, .v-col-md-4, .v-col-md-3, .v-col-md-2, .v-col-md-1, .v-col-sm,
20736
- .v-col-sm-auto, .v-col-sm-12, .v-col-sm-11, .v-col-sm-10, .v-col-sm-9, .v-col-sm-8, .v-col-sm-7, .v-col-sm-6, .v-col-sm-5, .v-col-sm-4, .v-col-sm-3, .v-col-sm-2, .v-col-sm-1, .v-col,
20737
- .v-col-auto, .v-col-12, .v-col-11, .v-col-10, .v-col-9, .v-col-8, .v-col-7, .v-col-6, .v-col-5, .v-col-4, .v-col-3, .v-col-2, .v-col-1 {
20738
- width: 100%;
20739
- padding: 12px;
20716
+ .v-dialog > .v-overlay__content > .v-card > .v-card-actions,
20717
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-actions {
20718
+ justify-content: flex-end;
20740
20719
  }
20741
20720
 
20742
- .v-col {
20743
- flex-basis: 0;
20744
- flex-grow: 1;
20745
- max-width: 100%;
20721
+ .v-dialog--fullscreen {
20722
+ --v-scrollbar-offset: 0px;
20746
20723
  }
20747
-
20748
- .v-col-auto {
20749
- flex: 0 0 auto;
20750
- width: auto;
20724
+ .v-dialog--fullscreen > .v-overlay__content {
20725
+ border-radius: 0;
20726
+ margin: 0;
20727
+ padding: 0;
20728
+ width: 100%;
20729
+ height: 100%;
20751
20730
  max-width: 100%;
20731
+ max-height: 100%;
20732
+ overflow-y: auto;
20733
+ top: 0;
20734
+ left: 0;
20752
20735
  }
20753
-
20754
- .v-col-1 {
20755
- flex: 0 0 8.3333333333%;
20756
- max-width: 8.3333333333%;
20736
+ .v-dialog--fullscreen > .v-overlay__content > .v-card,
20737
+ .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
20738
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
20739
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
20740
+ min-height: 100%;
20741
+ min-width: 100%;
20742
+ border-radius: 0;
20757
20743
  }
20758
20744
 
20759
- .v-col-2 {
20760
- flex: 0 0 16.6666666667%;
20761
- max-width: 16.6666666667%;
20745
+ .v-dialog--scrollable > .v-overlay__content,
20746
+ .v-dialog--scrollable > .v-overlay__content > form {
20747
+ display: flex;
20762
20748
  }
20763
-
20764
- .v-col-3 {
20765
- flex: 0 0 25%;
20766
- max-width: 25%;
20749
+ .v-dialog--scrollable > .v-overlay__content > .v-card,
20750
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card {
20751
+ display: flex;
20752
+ flex: 1 1 100%;
20753
+ flex-direction: column;
20754
+ max-height: 100%;
20755
+ max-width: 100%;
20767
20756
  }
20768
-
20769
- .v-col-4 {
20770
- flex: 0 0 33.3333333333%;
20771
- max-width: 33.3333333333%;
20757
+ .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
20758
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
20759
+ -webkit-backface-visibility: hidden;
20760
+ backface-visibility: hidden;
20761
+ overflow-y: auto;
20762
+ }.v-divider {
20763
+ display: block;
20764
+ flex: 1 1 100%;
20765
+ height: 0px;
20766
+ max-height: 0px;
20767
+ opacity: var(--v-border-opacity);
20768
+ transition: inherit;
20772
20769
  }
20773
-
20774
- .v-col-5 {
20775
- flex: 0 0 41.6666666667%;
20776
- max-width: 41.6666666667%;
20770
+ .v-divider {
20771
+ border-style: solid;
20772
+ border-width: thin 0 0 0;
20777
20773
  }
20778
-
20779
- .v-col-6 {
20780
- flex: 0 0 50%;
20781
- max-width: 50%;
20774
+ .v-divider--vertical {
20775
+ align-self: stretch;
20776
+ border-width: 0 thin 0 0;
20777
+ display: inline-flex;
20778
+ height: auto;
20779
+ margin-left: -1px;
20780
+ max-height: 100%;
20781
+ max-width: 0px;
20782
+ vertical-align: text-bottom;
20783
+ width: 0px;
20782
20784
  }
20783
-
20784
- .v-col-7 {
20785
- flex: 0 0 58.3333333333%;
20786
- max-width: 58.3333333333%;
20785
+ .v-divider--inset:not(.v-divider--vertical) {
20786
+ max-width: calc(100% - 72px);
20787
+ margin-inline-start: 72px;
20787
20788
  }
20788
-
20789
- .v-col-8 {
20790
- flex: 0 0 66.6666666667%;
20791
- max-width: 66.6666666667%;
20789
+ .v-divider--inset.v-divider--vertical {
20790
+ margin-bottom: 8px;
20791
+ margin-top: 8px;
20792
+ max-height: calc(100% - 16px);
20792
20793
  }
20793
20794
 
20794
- .v-col-9 {
20795
- flex: 0 0 75%;
20796
- max-width: 75%;
20795
+ .v-divider__content {
20796
+ padding: 0 16px;
20797
+ text-wrap: nowrap;
20797
20798
  }
20798
-
20799
- .v-col-10 {
20800
- flex: 0 0 83.3333333333%;
20801
- max-width: 83.3333333333%;
20799
+ .v-divider__wrapper--vertical .v-divider__content {
20800
+ padding: 4px 0;
20802
20801
  }
20803
20802
 
20804
- .v-col-11 {
20805
- flex: 0 0 91.6666666667%;
20806
- max-width: 91.6666666667%;
20803
+ .v-divider__wrapper {
20804
+ display: flex;
20805
+ align-items: center;
20806
+ justify-content: center;
20807
20807
  }
20808
-
20809
- .v-col-12 {
20810
- flex: 0 0 100%;
20811
- max-width: 100%;
20808
+ .v-divider__wrapper--vertical {
20809
+ flex-direction: column;
20810
+ height: 100%;
20812
20811
  }
20813
-
20814
- .offset-1 {
20815
- margin-inline-start: 8.3333333333%;
20812
+ .v-divider__wrapper--vertical .v-divider {
20813
+ margin: 0 auto;
20814
+ }.v-empty-state {
20815
+ align-items: center;
20816
+ display: flex;
20817
+ flex-direction: column;
20818
+ justify-content: center;
20819
+ min-height: 100%;
20820
+ padding: 16px;
20816
20821
  }
20817
-
20818
- .offset-2 {
20819
- margin-inline-start: 16.6666666667%;
20822
+ .v-empty-state--start {
20823
+ align-items: flex-start;
20820
20824
  }
20821
-
20822
- .offset-3 {
20823
- margin-inline-start: 25%;
20825
+ .v-empty-state--center {
20826
+ align-items: center;
20824
20827
  }
20825
-
20826
- .offset-4 {
20827
- margin-inline-start: 33.3333333333%;
20828
+ .v-empty-state--end {
20829
+ align-items: flex-end;
20828
20830
  }
20829
20831
 
20830
- .offset-5 {
20831
- margin-inline-start: 41.6666666667%;
20832
+ .v-empty-state__media {
20833
+ text-align: center;
20834
+ width: 100%;
20832
20835
  }
20833
-
20834
- .offset-6 {
20835
- margin-inline-start: 50%;
20836
+ .v-empty-state__media .v-icon {
20837
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20836
20838
  }
20837
20839
 
20838
- .offset-7 {
20839
- margin-inline-start: 58.3333333333%;
20840
+ .v-empty-state__headline {
20841
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20842
+ font-size: 3.75rem;
20843
+ font-weight: 300;
20844
+ line-height: 1;
20845
+ text-align: center;
20846
+ margin-bottom: 8px;
20847
+ }
20848
+ .v-empty-state--mobile .v-empty-state__headline {
20849
+ font-size: 2.125rem;
20840
20850
  }
20841
20851
 
20842
- .offset-8 {
20843
- margin-inline-start: 66.6666666667%;
20852
+ .v-empty-state__title {
20853
+ font-size: 1.25rem;
20854
+ font-weight: 500;
20855
+ line-height: 1.6;
20856
+ margin-bottom: 4px;
20857
+ text-align: center;
20844
20858
  }
20845
20859
 
20846
- .offset-9 {
20847
- margin-inline-start: 75%;
20860
+ .v-empty-state__text {
20861
+ font-size: 0.875rem;
20862
+ font-weight: 400;
20863
+ line-height: 1.425;
20864
+ padding: 0 16px;
20865
+ text-align: center;
20848
20866
  }
20849
20867
 
20850
- .offset-10 {
20851
- margin-inline-start: 83.3333333333%;
20868
+ .v-empty-state__content {
20869
+ padding: 24px 0;
20852
20870
  }
20853
20871
 
20854
- .offset-11 {
20855
- margin-inline-start: 91.6666666667%;
20872
+ .v-empty-state__actions {
20873
+ display: flex;
20874
+ gap: 8px;
20875
+ padding: 16px;
20856
20876
  }
20857
20877
 
20858
- @media (min-width: 600px) {
20859
- .v-col-sm {
20860
- flex-basis: 0;
20861
- flex-grow: 1;
20862
- max-width: 100%;
20863
- }
20864
- .v-col-sm-auto {
20865
- flex: 0 0 auto;
20866
- width: auto;
20867
- max-width: 100%;
20868
- }
20869
- .v-col-sm-1 {
20870
- flex: 0 0 8.3333333333%;
20871
- max-width: 8.3333333333%;
20872
- }
20873
- .v-col-sm-2 {
20874
- flex: 0 0 16.6666666667%;
20875
- max-width: 16.6666666667%;
20876
- }
20877
- .v-col-sm-3 {
20878
- flex: 0 0 25%;
20879
- max-width: 25%;
20880
- }
20881
- .v-col-sm-4 {
20882
- flex: 0 0 33.3333333333%;
20883
- max-width: 33.3333333333%;
20884
- }
20885
- .v-col-sm-5 {
20886
- flex: 0 0 41.6666666667%;
20887
- max-width: 41.6666666667%;
20888
- }
20889
- .v-col-sm-6 {
20890
- flex: 0 0 50%;
20891
- max-width: 50%;
20892
- }
20893
- .v-col-sm-7 {
20894
- flex: 0 0 58.3333333333%;
20895
- max-width: 58.3333333333%;
20896
- }
20897
- .v-col-sm-8 {
20898
- flex: 0 0 66.6666666667%;
20899
- max-width: 66.6666666667%;
20900
- }
20901
- .v-col-sm-9 {
20902
- flex: 0 0 75%;
20903
- max-width: 75%;
20904
- }
20905
- .v-col-sm-10 {
20906
- flex: 0 0 83.3333333333%;
20907
- max-width: 83.3333333333%;
20908
- }
20909
- .v-col-sm-11 {
20910
- flex: 0 0 91.6666666667%;
20911
- max-width: 91.6666666667%;
20912
- }
20913
- .v-col-sm-12 {
20914
- flex: 0 0 100%;
20915
- max-width: 100%;
20916
- }
20917
- .offset-sm-0 {
20918
- margin-inline-start: 0;
20919
- }
20920
- .offset-sm-1 {
20921
- margin-inline-start: 8.3333333333%;
20922
- }
20923
- .offset-sm-2 {
20924
- margin-inline-start: 16.6666666667%;
20925
- }
20926
- .offset-sm-3 {
20927
- margin-inline-start: 25%;
20928
- }
20929
- .offset-sm-4 {
20930
- margin-inline-start: 33.3333333333%;
20931
- }
20932
- .offset-sm-5 {
20933
- margin-inline-start: 41.6666666667%;
20934
- }
20935
- .offset-sm-6 {
20936
- margin-inline-start: 50%;
20937
- }
20938
- .offset-sm-7 {
20939
- margin-inline-start: 58.3333333333%;
20940
- }
20941
- .offset-sm-8 {
20942
- margin-inline-start: 66.6666666667%;
20943
- }
20944
- .offset-sm-9 {
20945
- margin-inline-start: 75%;
20946
- }
20947
- .offset-sm-10 {
20948
- margin-inline-start: 83.3333333333%;
20949
- }
20950
- .offset-sm-11 {
20951
- margin-inline-start: 91.6666666667%;
20952
- }
20953
- }
20954
- @media (min-width: 960px) {
20955
- .v-col-md {
20956
- flex-basis: 0;
20957
- flex-grow: 1;
20958
- max-width: 100%;
20959
- }
20960
- .v-col-md-auto {
20961
- flex: 0 0 auto;
20962
- width: auto;
20963
- max-width: 100%;
20964
- }
20965
- .v-col-md-1 {
20966
- flex: 0 0 8.3333333333%;
20967
- max-width: 8.3333333333%;
20968
- }
20969
- .v-col-md-2 {
20970
- flex: 0 0 16.6666666667%;
20971
- max-width: 16.6666666667%;
20972
- }
20973
- .v-col-md-3 {
20974
- flex: 0 0 25%;
20975
- max-width: 25%;
20976
- }
20977
- .v-col-md-4 {
20978
- flex: 0 0 33.3333333333%;
20979
- max-width: 33.3333333333%;
20980
- }
20981
- .v-col-md-5 {
20982
- flex: 0 0 41.6666666667%;
20983
- max-width: 41.6666666667%;
20984
- }
20985
- .v-col-md-6 {
20986
- flex: 0 0 50%;
20987
- max-width: 50%;
20988
- }
20989
- .v-col-md-7 {
20990
- flex: 0 0 58.3333333333%;
20991
- max-width: 58.3333333333%;
20992
- }
20993
- .v-col-md-8 {
20994
- flex: 0 0 66.6666666667%;
20995
- max-width: 66.6666666667%;
20996
- }
20997
- .v-col-md-9 {
20998
- flex: 0 0 75%;
20999
- max-width: 75%;
21000
- }
21001
- .v-col-md-10 {
21002
- flex: 0 0 83.3333333333%;
21003
- max-width: 83.3333333333%;
21004
- }
21005
- .v-col-md-11 {
21006
- flex: 0 0 91.6666666667%;
21007
- max-width: 91.6666666667%;
21008
- }
21009
- .v-col-md-12 {
21010
- flex: 0 0 100%;
21011
- max-width: 100%;
21012
- }
21013
- .offset-md-0 {
21014
- margin-inline-start: 0;
21015
- }
21016
- .offset-md-1 {
21017
- margin-inline-start: 8.3333333333%;
21018
- }
21019
- .offset-md-2 {
21020
- margin-inline-start: 16.6666666667%;
21021
- }
21022
- .offset-md-3 {
21023
- margin-inline-start: 25%;
21024
- }
21025
- .offset-md-4 {
21026
- margin-inline-start: 33.3333333333%;
21027
- }
21028
- .offset-md-5 {
21029
- margin-inline-start: 41.6666666667%;
21030
- }
21031
- .offset-md-6 {
21032
- margin-inline-start: 50%;
21033
- }
21034
- .offset-md-7 {
21035
- margin-inline-start: 58.3333333333%;
21036
- }
21037
- .offset-md-8 {
21038
- margin-inline-start: 66.6666666667%;
21039
- }
21040
- .offset-md-9 {
21041
- margin-inline-start: 75%;
21042
- }
21043
- .offset-md-10 {
21044
- margin-inline-start: 83.3333333333%;
21045
- }
21046
- .offset-md-11 {
21047
- margin-inline-start: 91.6666666667%;
21048
- }
21049
- }
21050
- @media (min-width: 1280px) {
21051
- .v-col-lg {
21052
- flex-basis: 0;
21053
- flex-grow: 1;
21054
- max-width: 100%;
21055
- }
21056
- .v-col-lg-auto {
21057
- flex: 0 0 auto;
21058
- width: auto;
21059
- max-width: 100%;
21060
- }
21061
- .v-col-lg-1 {
21062
- flex: 0 0 8.3333333333%;
21063
- max-width: 8.3333333333%;
21064
- }
21065
- .v-col-lg-2 {
21066
- flex: 0 0 16.6666666667%;
21067
- max-width: 16.6666666667%;
21068
- }
21069
- .v-col-lg-3 {
21070
- flex: 0 0 25%;
21071
- max-width: 25%;
21072
- }
21073
- .v-col-lg-4 {
21074
- flex: 0 0 33.3333333333%;
21075
- max-width: 33.3333333333%;
21076
- }
21077
- .v-col-lg-5 {
21078
- flex: 0 0 41.6666666667%;
21079
- max-width: 41.6666666667%;
21080
- }
21081
- .v-col-lg-6 {
21082
- flex: 0 0 50%;
21083
- max-width: 50%;
21084
- }
21085
- .v-col-lg-7 {
21086
- flex: 0 0 58.3333333333%;
21087
- max-width: 58.3333333333%;
21088
- }
21089
- .v-col-lg-8 {
21090
- flex: 0 0 66.6666666667%;
21091
- max-width: 66.6666666667%;
21092
- }
21093
- .v-col-lg-9 {
21094
- flex: 0 0 75%;
21095
- max-width: 75%;
21096
- }
21097
- .v-col-lg-10 {
21098
- flex: 0 0 83.3333333333%;
21099
- max-width: 83.3333333333%;
21100
- }
21101
- .v-col-lg-11 {
21102
- flex: 0 0 91.6666666667%;
21103
- max-width: 91.6666666667%;
21104
- }
21105
- .v-col-lg-12 {
21106
- flex: 0 0 100%;
21107
- max-width: 100%;
21108
- }
21109
- .offset-lg-0 {
21110
- margin-inline-start: 0;
21111
- }
21112
- .offset-lg-1 {
21113
- margin-inline-start: 8.3333333333%;
21114
- }
21115
- .offset-lg-2 {
21116
- margin-inline-start: 16.6666666667%;
21117
- }
21118
- .offset-lg-3 {
21119
- margin-inline-start: 25%;
21120
- }
21121
- .offset-lg-4 {
21122
- margin-inline-start: 33.3333333333%;
21123
- }
21124
- .offset-lg-5 {
21125
- margin-inline-start: 41.6666666667%;
21126
- }
21127
- .offset-lg-6 {
21128
- margin-inline-start: 50%;
21129
- }
21130
- .offset-lg-7 {
21131
- margin-inline-start: 58.3333333333%;
21132
- }
21133
- .offset-lg-8 {
21134
- margin-inline-start: 66.6666666667%;
21135
- }
21136
- .offset-lg-9 {
21137
- margin-inline-start: 75%;
21138
- }
21139
- .offset-lg-10 {
21140
- margin-inline-start: 83.3333333333%;
21141
- }
21142
- .offset-lg-11 {
21143
- margin-inline-start: 91.6666666667%;
21144
- }
21145
- }
21146
- @media (min-width: 1920px) {
21147
- .v-col-xl {
21148
- flex-basis: 0;
21149
- flex-grow: 1;
21150
- max-width: 100%;
21151
- }
21152
- .v-col-xl-auto {
21153
- flex: 0 0 auto;
21154
- width: auto;
21155
- max-width: 100%;
21156
- }
21157
- .v-col-xl-1 {
21158
- flex: 0 0 8.3333333333%;
21159
- max-width: 8.3333333333%;
21160
- }
21161
- .v-col-xl-2 {
21162
- flex: 0 0 16.6666666667%;
21163
- max-width: 16.6666666667%;
21164
- }
21165
- .v-col-xl-3 {
21166
- flex: 0 0 25%;
21167
- max-width: 25%;
21168
- }
21169
- .v-col-xl-4 {
21170
- flex: 0 0 33.3333333333%;
21171
- max-width: 33.3333333333%;
21172
- }
21173
- .v-col-xl-5 {
21174
- flex: 0 0 41.6666666667%;
21175
- max-width: 41.6666666667%;
21176
- }
21177
- .v-col-xl-6 {
21178
- flex: 0 0 50%;
21179
- max-width: 50%;
21180
- }
21181
- .v-col-xl-7 {
21182
- flex: 0 0 58.3333333333%;
21183
- max-width: 58.3333333333%;
21184
- }
21185
- .v-col-xl-8 {
21186
- flex: 0 0 66.6666666667%;
21187
- max-width: 66.6666666667%;
21188
- }
21189
- .v-col-xl-9 {
21190
- flex: 0 0 75%;
21191
- max-width: 75%;
21192
- }
21193
- .v-col-xl-10 {
21194
- flex: 0 0 83.3333333333%;
21195
- max-width: 83.3333333333%;
21196
- }
21197
- .v-col-xl-11 {
21198
- flex: 0 0 91.6666666667%;
21199
- max-width: 91.6666666667%;
21200
- }
21201
- .v-col-xl-12 {
21202
- flex: 0 0 100%;
21203
- max-width: 100%;
21204
- }
21205
- .offset-xl-0 {
21206
- margin-inline-start: 0;
21207
- }
21208
- .offset-xl-1 {
21209
- margin-inline-start: 8.3333333333%;
21210
- }
21211
- .offset-xl-2 {
21212
- margin-inline-start: 16.6666666667%;
21213
- }
21214
- .offset-xl-3 {
21215
- margin-inline-start: 25%;
21216
- }
21217
- .offset-xl-4 {
21218
- margin-inline-start: 33.3333333333%;
21219
- }
21220
- .offset-xl-5 {
21221
- margin-inline-start: 41.6666666667%;
21222
- }
21223
- .offset-xl-6 {
21224
- margin-inline-start: 50%;
21225
- }
21226
- .offset-xl-7 {
21227
- margin-inline-start: 58.3333333333%;
21228
- }
21229
- .offset-xl-8 {
21230
- margin-inline-start: 66.6666666667%;
21231
- }
21232
- .offset-xl-9 {
21233
- margin-inline-start: 75%;
21234
- }
21235
- .offset-xl-10 {
21236
- margin-inline-start: 83.3333333333%;
21237
- }
21238
- .offset-xl-11 {
21239
- margin-inline-start: 91.6666666667%;
21240
- }
21241
- }
21242
- @media (min-width: 2560px) {
21243
- .v-col-xxl {
21244
- flex-basis: 0;
21245
- flex-grow: 1;
21246
- max-width: 100%;
21247
- }
21248
- .v-col-xxl-auto {
21249
- flex: 0 0 auto;
21250
- width: auto;
21251
- max-width: 100%;
21252
- }
21253
- .v-col-xxl-1 {
21254
- flex: 0 0 8.3333333333%;
21255
- max-width: 8.3333333333%;
21256
- }
21257
- .v-col-xxl-2 {
21258
- flex: 0 0 16.6666666667%;
21259
- max-width: 16.6666666667%;
21260
- }
21261
- .v-col-xxl-3 {
21262
- flex: 0 0 25%;
21263
- max-width: 25%;
21264
- }
21265
- .v-col-xxl-4 {
21266
- flex: 0 0 33.3333333333%;
21267
- max-width: 33.3333333333%;
21268
- }
21269
- .v-col-xxl-5 {
21270
- flex: 0 0 41.6666666667%;
21271
- max-width: 41.6666666667%;
21272
- }
21273
- .v-col-xxl-6 {
21274
- flex: 0 0 50%;
21275
- max-width: 50%;
21276
- }
21277
- .v-col-xxl-7 {
21278
- flex: 0 0 58.3333333333%;
21279
- max-width: 58.3333333333%;
21280
- }
21281
- .v-col-xxl-8 {
21282
- flex: 0 0 66.6666666667%;
21283
- max-width: 66.6666666667%;
21284
- }
21285
- .v-col-xxl-9 {
21286
- flex: 0 0 75%;
21287
- max-width: 75%;
21288
- }
21289
- .v-col-xxl-10 {
21290
- flex: 0 0 83.3333333333%;
21291
- max-width: 83.3333333333%;
21292
- }
21293
- .v-col-xxl-11 {
21294
- flex: 0 0 91.6666666667%;
21295
- max-width: 91.6666666667%;
21296
- }
21297
- .v-col-xxl-12 {
21298
- flex: 0 0 100%;
21299
- max-width: 100%;
21300
- }
21301
- .offset-xxl-0 {
21302
- margin-inline-start: 0;
21303
- }
21304
- .offset-xxl-1 {
21305
- margin-inline-start: 8.3333333333%;
21306
- }
21307
- .offset-xxl-2 {
21308
- margin-inline-start: 16.6666666667%;
21309
- }
21310
- .offset-xxl-3 {
21311
- margin-inline-start: 25%;
21312
- }
21313
- .offset-xxl-4 {
21314
- margin-inline-start: 33.3333333333%;
21315
- }
21316
- .offset-xxl-5 {
21317
- margin-inline-start: 41.6666666667%;
21318
- }
21319
- .offset-xxl-6 {
21320
- margin-inline-start: 50%;
21321
- }
21322
- .offset-xxl-7 {
21323
- margin-inline-start: 58.3333333333%;
21324
- }
21325
- .offset-xxl-8 {
21326
- margin-inline-start: 66.6666666667%;
21327
- }
21328
- .offset-xxl-9 {
21329
- margin-inline-start: 75%;
21330
- }
21331
- .offset-xxl-10 {
21332
- margin-inline-start: 83.3333333333%;
21333
- }
21334
- .offset-xxl-11 {
21335
- margin-inline-start: 91.6666666667%;
21336
- }
21337
- }.v-dialog {
20878
+ .v-empty-state__action-btn.v-btn {
20879
+ background-color: initial;
20880
+ color: initial;
20881
+ }.v-fab {
21338
20882
  align-items: center;
21339
- justify-content: center;
21340
- margin: auto;
21341
- }
21342
- .v-dialog > .v-overlay__content {
21343
- max-height: calc(100% - 48px);
21344
- width: calc(100% - 48px);
21345
- max-width: calc(100% - 48px);
21346
- margin: 24px;
21347
- }
21348
- .v-dialog > .v-overlay__content,
21349
- .v-dialog > .v-overlay__content > form {
21350
- display: flex;
21351
- flex-direction: column;
21352
- min-height: 0;
21353
- }
21354
- .v-dialog > .v-overlay__content > .v-card,
21355
- .v-dialog > .v-overlay__content > .v-sheet,
21356
- .v-dialog > .v-overlay__content > form > .v-card,
21357
- .v-dialog > .v-overlay__content > form > .v-sheet {
21358
- --v-scrollbar-offset: 0px;
21359
- border-radius: 4px;
21360
- overflow-y: auto;
21361
- }
21362
- .v-dialog > .v-overlay__content > .v-card,
21363
- .v-dialog > .v-overlay__content > .v-sheet,
21364
- .v-dialog > .v-overlay__content > form > .v-card,
21365
- .v-dialog > .v-overlay__content > form > .v-sheet {
21366
- box-shadow: 0px 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 9px 46px 8px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21367
- }
21368
- .v-dialog > .v-overlay__content > .v-card,
21369
- .v-dialog > .v-overlay__content > form > .v-card {
21370
- display: flex;
21371
- flex-direction: column;
21372
- }
21373
- .v-dialog > .v-overlay__content > .v-card > .v-card-item,
21374
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
21375
- padding: 16px 24px;
21376
- }
21377
- .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
21378
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
21379
- padding-top: 0;
21380
- }
21381
- .v-dialog > .v-overlay__content > .v-card > .v-card-text,
21382
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
21383
- font-size: inherit;
21384
- letter-spacing: 0.03125em;
21385
- line-height: inherit;
21386
- padding: 16px 24px 24px;
21387
- }
21388
- .v-dialog > .v-overlay__content > .v-card > .v-card-actions,
21389
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-actions {
21390
- justify-content: flex-end;
21391
- }
21392
-
21393
- .v-dialog--fullscreen {
21394
- --v-scrollbar-offset: 0px;
21395
- }
21396
- .v-dialog--fullscreen > .v-overlay__content {
21397
- border-radius: 0;
21398
- margin: 0;
21399
- padding: 0;
21400
- width: 100%;
21401
- height: 100%;
21402
- max-width: 100%;
21403
- max-height: 100%;
21404
- overflow-y: auto;
21405
- top: 0;
21406
- left: 0;
21407
- }
21408
- .v-dialog--fullscreen > .v-overlay__content > .v-card,
21409
- .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
21410
- .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
21411
- .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
21412
- min-height: 100%;
21413
- min-width: 100%;
21414
- border-radius: 0;
21415
- }
21416
-
21417
- .v-dialog--scrollable > .v-overlay__content,
21418
- .v-dialog--scrollable > .v-overlay__content > form {
21419
- display: flex;
21420
- }
21421
- .v-dialog--scrollable > .v-overlay__content > .v-card,
21422
- .v-dialog--scrollable > .v-overlay__content > form > .v-card {
21423
- display: flex;
21424
- flex: 1 1 100%;
21425
- flex-direction: column;
21426
- max-height: 100%;
21427
- max-width: 100%;
21428
- }
21429
- .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
21430
- .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
21431
- -webkit-backface-visibility: hidden;
21432
- backface-visibility: hidden;
21433
- overflow-y: auto;
21434
- }.v-divider {
21435
- display: block;
21436
- flex: 1 1 100%;
21437
- height: 0px;
21438
- max-height: 0px;
21439
- opacity: var(--v-border-opacity);
21440
- transition: inherit;
21441
- }
21442
- .v-divider {
21443
- border-style: solid;
21444
- border-width: thin 0 0 0;
21445
- }
21446
- .v-divider--vertical {
21447
- align-self: stretch;
21448
- border-width: 0 thin 0 0;
21449
20883
  display: inline-flex;
21450
- height: auto;
21451
- margin-left: -1px;
21452
- max-height: 100%;
21453
- max-width: 0px;
21454
- vertical-align: text-bottom;
21455
- width: 0px;
21456
- }
21457
- .v-divider--inset:not(.v-divider--vertical) {
21458
- max-width: calc(100% - 72px);
21459
- margin-inline-start: 72px;
21460
- }
21461
- .v-divider--inset.v-divider--vertical {
21462
- margin-bottom: 8px;
21463
- margin-top: 8px;
21464
- max-height: calc(100% - 16px);
20884
+ flex: 1 1 auto;
20885
+ pointer-events: none;
20886
+ position: relative;
20887
+ transition-duration: 0.2s;
20888
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20889
+ vertical-align: middle;
21465
20890
  }
21466
-
21467
- .v-divider__content {
21468
- padding: 0 16px;
21469
- text-wrap: nowrap;
20891
+ .v-fab .v-btn {
20892
+ pointer-events: auto;
21470
20893
  }
21471
- .v-divider__wrapper--vertical .v-divider__content {
21472
- padding: 4px 0;
20894
+ .v-fab .v-btn--variant-elevated {
20895
+ 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));
21473
20896
  }
21474
-
21475
- .v-divider__wrapper {
20897
+ .v-fab--app, .v-fab--absolute {
21476
20898
  display: flex;
21477
- align-items: center;
21478
- justify-content: center;
21479
20899
  }
21480
- .v-divider__wrapper--vertical {
21481
- flex-direction: column;
21482
- height: 100%;
20900
+ .v-fab--start, .v-fab--left {
20901
+ justify-content: flex-start;
21483
20902
  }
21484
- .v-divider__wrapper--vertical .v-divider {
21485
- margin: 0 auto;
21486
- }.v-empty-state {
20903
+ .v-fab--center {
21487
20904
  align-items: center;
21488
- display: flex;
21489
- flex-direction: column;
21490
20905
  justify-content: center;
21491
- min-height: 100%;
21492
- padding: 16px;
21493
- }
21494
- .v-empty-state--start {
21495
- align-items: flex-start;
21496
20906
  }
21497
- .v-empty-state--center {
21498
- align-items: center;
20907
+ .v-fab--end, .v-fab--right {
20908
+ justify-content: flex-end;
21499
20909
  }
21500
- .v-empty-state--end {
20910
+ .v-fab--bottom {
21501
20911
  align-items: flex-end;
21502
20912
  }
21503
-
21504
- .v-empty-state__media {
21505
- text-align: center;
21506
- width: 100%;
20913
+ .v-fab--top {
20914
+ align-items: flex-start;
21507
20915
  }
21508
- .v-empty-state__media .v-icon {
21509
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20916
+ .v-fab--extended .v-btn {
20917
+ border-radius: 9999px !important;
21510
20918
  }
21511
20919
 
21512
- .v-empty-state__headline {
21513
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
21514
- font-size: 3.75rem;
21515
- font-weight: 300;
21516
- line-height: 1;
21517
- text-align: center;
21518
- margin-bottom: 8px;
20920
+ .v-fab__container {
20921
+ align-self: center;
20922
+ display: inline-flex;
20923
+ position: absolute;
20924
+ vertical-align: middle;
21519
20925
  }
21520
- .v-empty-state--mobile .v-empty-state__headline {
21521
- font-size: 2.125rem;
20926
+ .v-fab--app .v-fab__container {
20927
+ margin: 12px;
21522
20928
  }
21523
-
21524
- .v-empty-state__title {
21525
- font-size: 1.25rem;
21526
- font-weight: 500;
21527
- line-height: 1.6;
21528
- margin-bottom: 4px;
21529
- text-align: center;
20929
+ .v-fab--absolute .v-fab__container {
20930
+ position: absolute;
20931
+ z-index: 4;
21530
20932
  }
21531
-
21532
- .v-empty-state__text {
21533
- font-size: 0.875rem;
21534
- font-weight: 400;
21535
- line-height: 1.425;
21536
- padding: 0 16px;
21537
- text-align: center;
20933
+ .v-fab--offset.v-fab--top .v-fab__container {
20934
+ transform: translateY(-50%);
21538
20935
  }
21539
-
21540
- .v-empty-state__content {
21541
- padding: 24px 0;
20936
+ .v-fab--offset.v-fab--bottom .v-fab__container {
20937
+ transform: translateY(50%);
21542
20938
  }
21543
-
21544
- .v-empty-state__actions {
21545
- display: flex;
21546
- gap: 8px;
21547
- padding: 16px;
20939
+ .v-fab--top .v-fab__container {
20940
+ top: 0;
21548
20941
  }
21549
-
21550
- .v-empty-state__action-btn.v-btn {
21551
- background-color: initial;
21552
- color: initial;
20942
+ .v-fab--bottom .v-fab__container {
20943
+ bottom: 0;
20944
+ }
20945
+ .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
20946
+ left: 0;
20947
+ }
20948
+ .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
20949
+ right: 0;
21553
20950
  }.v-expansion-panel {
21554
20951
  background-color: rgb(var(--v-theme-surface));
21555
20952
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -21696,793 +21093,1396 @@ html.overflow-y-hidden {
21696
21093
  .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus-visible .v-expansion-panel-title__overlay {
21697
21094
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21698
21095
  }
21699
- @supports not selector(:focus-visible) {
21700
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus .v-expansion-panel-title__overlay {
21701
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21702
- }
21096
+ @supports not selector(:focus-visible) {
21097
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus .v-expansion-panel-title__overlay {
21098
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21099
+ }
21100
+ }
21101
+
21102
+ .v-expansion-panel-title__overlay {
21103
+ background-color: currentColor;
21104
+ border-radius: inherit;
21105
+ opacity: 0;
21106
+ }
21107
+ .v-expansion-panel-title__overlay {
21108
+ position: absolute;
21109
+ top: 0;
21110
+ left: 0;
21111
+ width: 100%;
21112
+ height: 100%;
21113
+ }
21114
+
21115
+ .v-expansion-panel-title__icon {
21116
+ display: inline-flex;
21117
+ margin-bottom: -4px;
21118
+ margin-top: -4px;
21119
+ -webkit-user-select: none;
21120
+ user-select: none;
21121
+ margin-inline-start: auto;
21122
+ }
21123
+
21124
+ .v-expansion-panel-text {
21125
+ display: flex;
21126
+ }
21127
+ .v-expansion-panel-text__wrapper {
21128
+ padding: 8px 24px 16px;
21129
+ flex: 1 1 auto;
21130
+ max-width: 100%;
21131
+ }
21132
+
21133
+ .v-expansion-panels--variant-accordion > .v-expansion-panel {
21134
+ margin-top: 0;
21135
+ }
21136
+ .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
21137
+ opacity: 1;
21138
+ }
21139
+
21140
+ .v-expansion-panels--variant-popout > .v-expansion-panel {
21141
+ max-width: calc(100% - 32px);
21142
+ }
21143
+ .v-expansion-panels--variant-popout > .v-expansion-panel--active {
21144
+ max-width: calc(100% + 16px);
21145
+ }
21146
+
21147
+ .v-expansion-panels--variant-inset > .v-expansion-panel {
21148
+ max-width: 100%;
21149
+ }
21150
+ .v-expansion-panels--variant-inset > .v-expansion-panel--active {
21151
+ max-width: calc(100% - 32px);
21152
+ }
21153
+
21154
+ .v-expansion-panels--flat > .v-expansion-panel::after {
21155
+ border-top: none;
21156
+ }
21157
+ .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
21158
+ display: none;
21159
+ }
21160
+
21161
+ .v-expansion-panels--tile {
21162
+ border-radius: 0;
21163
+ }
21164
+ .v-expansion-panels--tile > .v-expansion-panel {
21165
+ border-radius: 0;
21166
+ }/* region INPUT */
21167
+ .v-field {
21168
+ display: grid;
21169
+ grid-template-areas: "prepend-inner field clear append-inner";
21170
+ grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
21171
+ font-size: 16px;
21172
+ letter-spacing: 0.009375em;
21173
+ max-width: 100%;
21174
+ border-radius: 4px;
21175
+ contain: layout;
21176
+ flex: 1 0;
21177
+ grid-area: control;
21178
+ position: relative;
21179
+ --v-theme-overlay-multiplier: 1;
21180
+ --v-field-padding-start: 16px;
21181
+ --v-field-padding-end: 16px;
21182
+ --v-field-padding-top: 8px;
21183
+ --v-field-padding-bottom: 4px;
21184
+ --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
21185
+ --v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
21186
+ }
21187
+ .v-field--disabled {
21188
+ opacity: var(--v-disabled-opacity);
21189
+ pointer-events: none;
21190
+ }
21191
+ .v-field .v-chip {
21192
+ --v-chip-height: 24px;
21193
+ }
21194
+
21195
+ /* endregion */
21196
+ /* region MODIFIERS */
21197
+ .v-field--prepended {
21198
+ padding-inline-start: 12px;
21199
+ }
21200
+ .v-field--appended {
21201
+ padding-inline-end: 12px;
21202
+ }
21203
+ .v-field--variant-solo, .v-field--variant-solo-filled {
21204
+ background: rgb(var(--v-theme-surface));
21205
+ border-color: transparent;
21206
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21207
+ }
21208
+ .v-field--variant-solo, .v-field--variant-solo-filled {
21209
+ 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));
21210
+ }
21211
+ .v-field--variant-solo-inverted {
21212
+ background: rgb(var(--v-theme-surface));
21213
+ border-color: transparent;
21214
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21215
+ }
21216
+ .v-field--variant-solo-inverted {
21217
+ 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));
21218
+ }
21219
+ .v-field--variant-solo-inverted.v-field--focused {
21220
+ color: rgb(var(--v-theme-on-surface-variant));
21221
+ }
21222
+ .v-field--variant-filled {
21223
+ border-bottom-left-radius: 0;
21224
+ border-bottom-right-radius: 0;
21225
+ }
21226
+ .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 {
21227
+ --v-input-control-height: 56px;
21228
+ --v-field-padding-bottom: 4px;
21229
+ }
21230
+
21231
+ .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 {
21232
+ --v-input-control-height: 48px;
21233
+ --v-field-padding-bottom: 0px;
21234
+ }
21235
+
21236
+ .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 {
21237
+ --v-input-control-height: 40px;
21238
+ --v-field-padding-bottom: 0px;
21239
+ }
21240
+
21241
+ .v-field--variant-outlined, .v-field--single-line, .v-field--no-label {
21242
+ --v-field-padding-top: 0px;
21243
+ }
21244
+ .v-input--density-default .v-field--variant-outlined, .v-input--density-default .v-field--single-line, .v-input--density-default .v-field--no-label {
21245
+ --v-field-padding-bottom: 16px;
21246
+ }
21247
+
21248
+ .v-input--density-comfortable .v-field--variant-outlined, .v-input--density-comfortable .v-field--single-line, .v-input--density-comfortable .v-field--no-label {
21249
+ --v-field-padding-bottom: 12px;
21250
+ }
21251
+
21252
+ .v-input--density-compact .v-field--variant-outlined, .v-input--density-compact .v-field--single-line, .v-input--density-compact .v-field--no-label {
21253
+ --v-field-padding-bottom: 8px;
21254
+ }
21255
+
21256
+ .v-field--variant-plain, .v-field--variant-underlined {
21257
+ border-radius: 0;
21258
+ padding: 0;
21259
+ }
21260
+ .v-field--variant-plain.v-field, .v-field--variant-underlined.v-field {
21261
+ --v-field-padding-start: 0px;
21262
+ --v-field-padding-end: 0px;
21263
+ }
21264
+ .v-input--density-default .v-field--variant-plain, .v-input--density-default .v-field--variant-underlined {
21265
+ --v-input-control-height: 48px;
21266
+ --v-field-padding-top: 4px;
21267
+ --v-field-padding-bottom: 4px;
21268
+ }
21269
+
21270
+ .v-input--density-comfortable .v-field--variant-plain, .v-input--density-comfortable .v-field--variant-underlined {
21271
+ --v-input-control-height: 40px;
21272
+ --v-field-padding-top: 2px;
21273
+ --v-field-padding-bottom: 0px;
21274
+ }
21275
+
21276
+ .v-input--density-compact .v-field--variant-plain, .v-input--density-compact .v-field--variant-underlined {
21277
+ --v-input-control-height: 32px;
21278
+ --v-field-padding-top: 0px;
21279
+ --v-field-padding-bottom: 0px;
21280
+ }
21281
+
21282
+ .v-field--flat {
21283
+ box-shadow: none;
21284
+ }
21285
+ .v-field--rounded {
21286
+ border-radius: 24px;
21287
+ }
21288
+ .v-field.v-field--prepended {
21289
+ --v-field-padding-start: 6px;
21290
+ }
21291
+ .v-field.v-field--appended {
21292
+ --v-field-padding-end: 6px;
21703
21293
  }
21704
21294
 
21705
- .v-expansion-panel-title__overlay {
21706
- background-color: currentColor;
21707
- border-radius: inherit;
21708
- opacity: 0;
21709
- }
21710
- .v-expansion-panel-title__overlay {
21711
- position: absolute;
21712
- top: 0;
21713
- left: 0;
21295
+ /* endregion */
21296
+ /* region ELEMENTS */
21297
+ .v-field__input {
21298
+ align-items: center;
21299
+ color: inherit;
21300
+ column-gap: 2px;
21301
+ display: flex;
21302
+ flex-wrap: wrap;
21303
+ letter-spacing: 0.009375em;
21304
+ opacity: var(--v-high-emphasis-opacity);
21305
+ min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
21306
+ min-width: 0;
21307
+ padding-inline: var(--v-field-padding-start) var(--v-field-padding-end);
21308
+ padding-top: var(--v-field-input-padding-top);
21309
+ padding-bottom: var(--v-field-input-padding-bottom);
21310
+ position: relative;
21714
21311
  width: 100%;
21715
- height: 100%;
21716
21312
  }
21717
-
21718
- .v-expansion-panel-title__icon {
21719
- display: inline-flex;
21720
- margin-bottom: -4px;
21721
- margin-top: -4px;
21722
- -webkit-user-select: none;
21723
- user-select: none;
21724
- margin-inline-start: auto;
21313
+ .v-input--density-default .v-field__input {
21314
+ row-gap: 8px;
21725
21315
  }
21726
21316
 
21727
- .v-expansion-panel-text {
21728
- display: flex;
21317
+ .v-input--density-comfortable .v-field__input {
21318
+ row-gap: 6px;
21729
21319
  }
21730
- .v-expansion-panel-text__wrapper {
21731
- padding: 8px 24px 16px;
21732
- flex: 1 1 auto;
21733
- max-width: 100%;
21320
+
21321
+ .v-input--density-compact .v-field__input {
21322
+ row-gap: 4px;
21734
21323
  }
21735
21324
 
21736
- .v-expansion-panels--variant-accordion > .v-expansion-panel {
21737
- margin-top: 0;
21325
+ .v-field__input input {
21326
+ letter-spacing: inherit;
21738
21327
  }
21739
- .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
21740
- opacity: 1;
21328
+ .v-field__input input::placeholder,
21329
+ input.v-field__input::placeholder,
21330
+ textarea.v-field__input::placeholder {
21331
+ color: currentColor;
21332
+ opacity: var(--v-disabled-opacity);
21741
21333
  }
21742
21334
 
21743
- .v-expansion-panels--variant-popout > .v-expansion-panel {
21744
- max-width: calc(100% - 32px);
21335
+ .v-field__input:focus, .v-field__input:active {
21336
+ outline: none;
21745
21337
  }
21746
- .v-expansion-panels--variant-popout > .v-expansion-panel--active {
21747
- max-width: calc(100% + 16px);
21338
+ .v-field__input:invalid {
21339
+ box-shadow: none;
21748
21340
  }
21749
21341
 
21750
- .v-expansion-panels--variant-inset > .v-expansion-panel {
21751
- max-width: 100%;
21342
+ .v-field__field {
21343
+ flex: 1 0;
21344
+ grid-area: field;
21345
+ position: relative;
21346
+ align-items: flex-start;
21347
+ display: flex;
21752
21348
  }
21753
- .v-expansion-panels--variant-inset > .v-expansion-panel--active {
21754
- max-width: calc(100% - 32px);
21349
+
21350
+ /* endregion */
21351
+ /* region AFFIXES */
21352
+ .v-field__prepend-inner {
21353
+ grid-area: prepend-inner;
21354
+ padding-inline-end: var(--v-field-padding-after);
21755
21355
  }
21756
21356
 
21757
- .v-expansion-panels--flat > .v-expansion-panel::after {
21758
- border-top: none;
21357
+ .v-field__clearable {
21358
+ grid-area: clear;
21759
21359
  }
21760
- .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
21761
- display: none;
21360
+
21361
+ .v-field__append-inner {
21362
+ grid-area: append-inner;
21363
+ padding-inline-start: var(--v-field-padding-after);
21762
21364
  }
21763
21365
 
21764
- .v-expansion-panels--tile {
21765
- border-radius: 0;
21366
+ .v-field__append-inner,
21367
+ .v-field__clearable,
21368
+ .v-field__prepend-inner {
21369
+ display: flex;
21370
+ align-items: flex-start;
21371
+ padding-top: var(--v-input-padding-top, 8px);
21766
21372
  }
21767
- .v-expansion-panels--tile > .v-expansion-panel {
21768
- border-radius: 0;
21769
- }.v-fab {
21373
+ .v-field--center-affix .v-field__append-inner,
21374
+ .v-field--center-affix .v-field__clearable,
21375
+ .v-field--center-affix .v-field__prepend-inner {
21770
21376
  align-items: center;
21771
- display: inline-flex;
21772
- flex: 1 1 auto;
21773
- pointer-events: none;
21774
- position: relative;
21775
- transition-duration: 0.2s;
21776
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21777
- vertical-align: middle;
21377
+ padding-top: 0;
21778
21378
  }
21779
- .v-fab .v-btn {
21780
- pointer-events: auto;
21379
+
21380
+ .v-field.v-field--variant-underlined .v-field__append-inner,
21381
+ .v-field.v-field--variant-underlined .v-field__clearable,
21382
+ .v-field.v-field--variant-underlined .v-field__prepend-inner,
21383
+ .v-field.v-field--variant-plain .v-field__append-inner,
21384
+ .v-field.v-field--variant-plain .v-field__clearable,
21385
+ .v-field.v-field--variant-plain .v-field__prepend-inner {
21386
+ align-items: flex-start;
21387
+ padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
21388
+ padding-bottom: var(--v-field-padding-bottom, 4px);
21781
21389
  }
21782
- .v-fab .v-btn--variant-elevated {
21783
- 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));
21390
+
21391
+ .v-field--focused .v-field__prepend-inner,
21392
+ .v-field--focused .v-field__append-inner {
21393
+ opacity: 1;
21784
21394
  }
21785
- .v-fab--app, .v-fab--absolute {
21786
- display: flex;
21395
+
21396
+ .v-field__prepend-inner > .v-icon,
21397
+ .v-field__append-inner > .v-icon,
21398
+ .v-field__clearable > .v-icon {
21399
+ opacity: var(--v-medium-emphasis-opacity);
21787
21400
  }
21788
- .v-fab--start, .v-fab--left {
21789
- justify-content: flex-start;
21401
+ .v-field--disabled .v-field__prepend-inner > .v-icon, .v-field--error .v-field__prepend-inner > .v-icon,
21402
+ .v-field--disabled .v-field__append-inner > .v-icon,
21403
+ .v-field--error .v-field__append-inner > .v-icon,
21404
+ .v-field--disabled .v-field__clearable > .v-icon,
21405
+ .v-field--error .v-field__clearable > .v-icon {
21406
+ opacity: 1;
21790
21407
  }
21791
- .v-fab--center {
21792
- align-items: center;
21793
- justify-content: center;
21408
+ .v-field--error:not(.v-field--disabled) .v-field__prepend-inner > .v-icon,
21409
+ .v-field--error:not(.v-field--disabled) .v-field__append-inner > .v-icon,
21410
+ .v-field--error:not(.v-field--disabled) .v-field__clearable > .v-icon {
21411
+ color: rgb(var(--v-theme-error));
21794
21412
  }
21795
- .v-fab--end, .v-fab--right {
21796
- justify-content: flex-end;
21413
+
21414
+ .v-field__clearable {
21415
+ cursor: pointer;
21416
+ opacity: 0;
21417
+ overflow: hidden;
21418
+ margin-inline: 4px;
21419
+ transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
21420
+ transition-property: opacity, transform, width;
21797
21421
  }
21798
- .v-fab--bottom {
21799
- align-items: flex-end;
21422
+ .v-field--focused .v-field__clearable, .v-field--persistent-clear .v-field__clearable {
21423
+ opacity: 1;
21800
21424
  }
21801
- .v-fab--top {
21802
- align-items: flex-start;
21425
+ @media (hover: hover) {
21426
+ .v-field:hover .v-field__clearable {
21427
+ opacity: 1;
21428
+ }
21803
21429
  }
21804
- .v-fab--extended .v-btn {
21805
- border-radius: 9999px !important;
21430
+ @media (hover: none) {
21431
+ .v-field__clearable {
21432
+ opacity: 1;
21433
+ }
21806
21434
  }
21807
21435
 
21808
- .v-fab__container {
21809
- align-self: center;
21810
- display: inline-flex;
21436
+ /* endregion */
21437
+ /* region LABEL */
21438
+ .v-label.v-field-label {
21439
+ contain: layout paint;
21440
+ display: block;
21441
+ margin-inline-start: var(--v-field-padding-start);
21442
+ margin-inline-end: var(--v-field-padding-end);
21443
+ max-width: calc(100% - var(--v-field-padding-start) - var(--v-field-padding-end));
21444
+ pointer-events: none;
21811
21445
  position: absolute;
21812
- vertical-align: middle;
21813
- }
21814
- .v-fab--app .v-fab__container {
21815
- margin: 12px;
21446
+ top: var(--v-input-padding-top);
21447
+ transform-origin: left center;
21448
+ transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
21449
+ transition-property: opacity, transform;
21450
+ z-index: 1;
21816
21451
  }
21817
- .v-fab--absolute .v-fab__container {
21818
- position: absolute;
21819
- z-index: 4;
21452
+ .v-field--variant-underlined .v-label.v-field-label, .v-field--variant-plain .v-label.v-field-label {
21453
+ top: calc(var(--v-input-padding-top) + var(--v-field-padding-top));
21820
21454
  }
21821
- .v-fab--offset.v-fab--top .v-fab__container {
21455
+ .v-field--center-affix .v-label.v-field-label {
21456
+ top: 50%;
21822
21457
  transform: translateY(-50%);
21823
21458
  }
21824
- .v-fab--offset.v-fab--bottom .v-fab__container {
21825
- transform: translateY(50%);
21826
- }
21827
- .v-fab--top .v-fab__container {
21828
- top: 0;
21459
+ .v-field--active .v-label.v-field-label {
21460
+ visibility: hidden;
21829
21461
  }
21830
- .v-fab--bottom .v-fab__container {
21831
- bottom: 0;
21462
+ .v-field--focused .v-label.v-field-label, .v-field--error .v-label.v-field-label {
21463
+ opacity: 1;
21832
21464
  }
21833
- .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
21834
- left: 0;
21465
+ .v-field--error:not(.v-field--disabled) .v-label.v-field-label {
21466
+ color: rgb(var(--v-theme-error));
21835
21467
  }
21836
- .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
21837
- right: 0;
21838
- }/* region INPUT */
21839
- .v-field {
21840
- display: grid;
21841
- grid-template-areas: "prepend-inner field clear append-inner";
21842
- grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
21843
- font-size: 16px;
21844
- letter-spacing: 0.009375em;
21845
- max-width: 100%;
21846
- border-radius: 4px;
21847
- contain: layout;
21848
- flex: 1 0;
21849
- grid-area: control;
21850
- position: relative;
21851
- --v-theme-overlay-multiplier: 1;
21852
- --v-field-padding-start: 16px;
21853
- --v-field-padding-end: 16px;
21854
- --v-field-padding-top: 8px;
21855
- --v-field-padding-bottom: 4px;
21856
- --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
21857
- --v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
21468
+ .v-label.v-field-label--floating {
21469
+ --v-field-label-scale: 0.75em;
21470
+ font-size: var(--v-field-label-scale);
21471
+ visibility: hidden;
21472
+ max-width: 100%;
21858
21473
  }
21859
- .v-field--disabled {
21860
- opacity: var(--v-disabled-opacity);
21861
- pointer-events: none;
21474
+ .v-field--center-affix .v-label.v-field-label--floating {
21475
+ transform: none;
21862
21476
  }
21863
- .v-field .v-chip {
21864
- --v-chip-height: 24px;
21477
+ .v-field.v-field--active .v-label.v-field-label--floating {
21478
+ visibility: unset;
21479
+ }
21480
+ .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 {
21481
+ top: 7px;
21482
+ }
21483
+
21484
+ .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 {
21485
+ top: 5px;
21486
+ }
21487
+
21488
+ .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 {
21489
+ top: 3px;
21490
+ }
21491
+
21492
+ .v-field--variant-plain .v-label.v-field-label--floating, .v-field--variant-underlined .v-label.v-field-label--floating {
21493
+ transform: translateY(-16px);
21494
+ margin: 0;
21495
+ top: var(--v-input-padding-top);
21496
+ }
21497
+ .v-field--variant-outlined .v-label.v-field-label--floating {
21498
+ transform: translateY(-50%);
21499
+ transform-origin: center;
21500
+ position: static;
21501
+ margin: 0 4px;
21865
21502
  }
21866
21503
 
21867
21504
  /* endregion */
21868
- /* region MODIFIERS */
21869
- .v-field--prepended {
21870
- padding-inline-start: 12px;
21505
+ /* region OUTLINE */
21506
+ .v-field__outline {
21507
+ --v-field-border-width: 1px;
21508
+ --v-field-border-opacity: 0.38;
21509
+ align-items: stretch;
21510
+ contain: layout;
21511
+ display: flex;
21512
+ height: 100%;
21513
+ left: 0;
21514
+ pointer-events: none;
21515
+ position: absolute;
21516
+ right: 0;
21517
+ width: 100%;
21871
21518
  }
21872
- .v-field--appended {
21873
- padding-inline-end: 12px;
21519
+ @media (hover: hover) {
21520
+ .v-field:hover .v-field__outline {
21521
+ --v-field-border-opacity: var(--v-high-emphasis-opacity);
21522
+ }
21874
21523
  }
21875
- .v-field--variant-solo, .v-field--variant-solo-filled {
21876
- background: rgb(var(--v-theme-surface));
21877
- border-color: transparent;
21878
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21524
+ .v-field--error:not(.v-field--disabled) .v-field__outline {
21525
+ color: rgb(var(--v-theme-error));
21879
21526
  }
21880
- .v-field--variant-solo, .v-field--variant-solo-filled {
21881
- 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));
21527
+ .v-field.v-field--focused .v-field__outline, .v-input.v-input--error .v-field__outline {
21528
+ --v-field-border-opacity: 1;
21882
21529
  }
21883
- .v-field--variant-solo-inverted {
21884
- background: rgb(var(--v-theme-surface));
21885
- border-color: transparent;
21886
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21530
+ .v-field--variant-outlined.v-field--focused .v-field__outline {
21531
+ --v-field-border-width: 2px;
21887
21532
  }
21888
- .v-field--variant-solo-inverted {
21889
- 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));
21533
+ .v-field--variant-filled .v-field__outline::before, .v-field--variant-underlined .v-field__outline::before {
21534
+ border-color: currentColor;
21535
+ border-style: solid;
21536
+ border-width: 0 0 var(--v-field-border-width);
21537
+ opacity: var(--v-field-border-opacity);
21538
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21890
21539
  }
21891
- .v-field--variant-solo-inverted.v-field--focused {
21892
- color: rgb(var(--v-theme-on-surface-variant));
21540
+ .v-field--variant-filled .v-field__outline::before, .v-field--variant-underlined .v-field__outline::before {
21541
+ content: "";
21542
+ position: absolute;
21543
+ top: 0;
21544
+ left: 0;
21545
+ width: 100%;
21546
+ height: 100%;
21893
21547
  }
21894
- .v-field--variant-filled {
21895
- border-bottom-left-radius: 0;
21896
- border-bottom-right-radius: 0;
21548
+ .v-field--variant-filled .v-field__outline::after, .v-field--variant-underlined .v-field__outline::after {
21549
+ border-color: currentColor;
21550
+ border-style: solid;
21551
+ border-width: 0 0 2px;
21552
+ transform: scaleX(0);
21553
+ transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
21897
21554
  }
21898
- .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 {
21899
- --v-input-control-height: 56px;
21900
- --v-field-padding-bottom: 4px;
21555
+ .v-field--variant-filled .v-field__outline::after, .v-field--variant-underlined .v-field__outline::after {
21556
+ content: "";
21557
+ position: absolute;
21558
+ top: 0;
21559
+ left: 0;
21560
+ width: 100%;
21561
+ height: 100%;
21901
21562
  }
21902
-
21903
- .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 {
21904
- --v-input-control-height: 48px;
21905
- --v-field-padding-bottom: 0px;
21563
+ .v-field--focused.v-field--variant-filled .v-field__outline::after, .v-field--focused.v-field--variant-underlined .v-field__outline::after {
21564
+ transform: scaleX(1);
21906
21565
  }
21907
21566
 
21908
- .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 {
21909
- --v-input-control-height: 40px;
21910
- --v-field-padding-bottom: 0px;
21567
+ .v-field--variant-outlined .v-field__outline {
21568
+ border-radius: inherit;
21911
21569
  }
21912
-
21913
- .v-field--variant-outlined, .v-field--single-line, .v-field--no-label {
21914
- --v-field-padding-top: 0px;
21570
+ .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 {
21571
+ border: 0 solid currentColor;
21572
+ opacity: var(--v-field-border-opacity);
21573
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21915
21574
  }
21916
- .v-input--density-default .v-field--variant-outlined, .v-input--density-default .v-field--single-line, .v-input--density-default .v-field--no-label {
21917
- --v-field-padding-bottom: 16px;
21575
+ .v-field--variant-outlined .v-field__outline__start {
21576
+ flex: 0 0 12px;
21577
+ border-top-width: var(--v-field-border-width);
21578
+ border-bottom-width: var(--v-field-border-width);
21579
+ border-inline-start-width: var(--v-field-border-width);
21580
+ border-start-start-radius: inherit;
21581
+ border-start-end-radius: 0;
21582
+ border-end-end-radius: 0;
21583
+ border-end-start-radius: inherit;
21918
21584
  }
21919
-
21920
- .v-input--density-comfortable .v-field--variant-outlined, .v-input--density-comfortable .v-field--single-line, .v-input--density-comfortable .v-field--no-label {
21921
- --v-field-padding-bottom: 12px;
21585
+ .v-field--rounded.v-field--variant-outlined .v-field__outline__start,
21586
+ [class^=rounded-].v-field--variant-outlined .v-field__outline__start,
21587
+ [class*=" rounded-"].v-field--variant-outlined .v-field__outline__start {
21588
+ flex-basis: calc(var(--v-input-control-height) / 2 + 2px);
21922
21589
  }
21923
21590
 
21924
- .v-input--density-compact .v-field--variant-outlined, .v-input--density-compact .v-field--single-line, .v-input--density-compact .v-field--no-label {
21925
- --v-field-padding-bottom: 8px;
21591
+ .v-field--reverse.v-field--variant-outlined .v-field__outline__start {
21592
+ border-start-start-radius: 0;
21593
+ border-start-end-radius: inherit;
21594
+ border-end-end-radius: inherit;
21595
+ border-end-start-radius: 0;
21596
+ border-inline-end-width: var(--v-field-border-width);
21597
+ border-inline-start-width: 0;
21926
21598
  }
21927
21599
 
21928
- .v-field--variant-plain, .v-field--variant-underlined {
21929
- border-radius: 0;
21930
- padding: 0;
21600
+ .v-field--variant-outlined .v-field__outline__notch {
21601
+ flex: none;
21602
+ position: relative;
21603
+ max-width: calc(100% - 12px);
21931
21604
  }
21932
- .v-field--variant-plain.v-field, .v-field--variant-underlined.v-field {
21933
- --v-field-padding-start: 0px;
21934
- --v-field-padding-end: 0px;
21605
+ .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after {
21606
+ opacity: var(--v-field-border-opacity);
21607
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21935
21608
  }
21936
- .v-input--density-default .v-field--variant-plain, .v-input--density-default .v-field--variant-underlined {
21937
- --v-input-control-height: 48px;
21938
- --v-field-padding-top: 4px;
21939
- --v-field-padding-bottom: 4px;
21609
+ .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after {
21610
+ content: "";
21611
+ position: absolute;
21612
+ top: 0;
21613
+ left: 0;
21614
+ width: 100%;
21615
+ height: 100%;
21940
21616
  }
21941
-
21942
- .v-input--density-comfortable .v-field--variant-plain, .v-input--density-comfortable .v-field--variant-underlined {
21943
- --v-input-control-height: 40px;
21944
- --v-field-padding-top: 2px;
21945
- --v-field-padding-bottom: 0px;
21617
+ .v-field--variant-outlined .v-field__outline__notch::before {
21618
+ border-width: var(--v-field-border-width) 0 0;
21946
21619
  }
21947
-
21948
- .v-input--density-compact .v-field--variant-plain, .v-input--density-compact .v-field--variant-underlined {
21949
- --v-input-control-height: 32px;
21950
- --v-field-padding-top: 0px;
21951
- --v-field-padding-bottom: 0px;
21620
+ .v-field--variant-outlined .v-field__outline__notch::after {
21621
+ bottom: 0;
21622
+ border-width: 0 0 var(--v-field-border-width);
21623
+ }
21624
+ .v-field--active.v-field--variant-outlined .v-field__outline__notch::before {
21625
+ opacity: 0;
21952
21626
  }
21953
21627
 
21954
- .v-field--flat {
21955
- box-shadow: none;
21628
+ .v-field--variant-outlined .v-field__outline__end {
21629
+ flex: 1;
21630
+ border-top-width: var(--v-field-border-width);
21631
+ border-bottom-width: var(--v-field-border-width);
21632
+ border-inline-end-width: var(--v-field-border-width);
21633
+ border-start-start-radius: 0;
21634
+ border-start-end-radius: inherit;
21635
+ border-end-end-radius: inherit;
21636
+ border-end-start-radius: 0;
21956
21637
  }
21957
- .v-field--rounded {
21958
- border-radius: 24px;
21638
+ .v-field--reverse.v-field--variant-outlined .v-field__outline__end {
21639
+ border-start-start-radius: inherit;
21640
+ border-start-end-radius: 0;
21641
+ border-end-end-radius: 0;
21642
+ border-end-start-radius: inherit;
21643
+ border-inline-end-width: 0;
21644
+ border-inline-start-width: var(--v-field-border-width);
21959
21645
  }
21960
- .v-field.v-field--prepended {
21961
- --v-field-padding-start: 6px;
21646
+
21647
+ /* endregion */
21648
+ /* region LOADER */
21649
+ .v-field__loader {
21650
+ top: calc(100% - 2px);
21651
+ left: 0;
21652
+ position: absolute;
21653
+ right: 0;
21654
+ width: 100%;
21655
+ border-top-left-radius: 0;
21656
+ border-top-right-radius: 0;
21657
+ border-bottom-left-radius: inherit;
21658
+ border-bottom-right-radius: inherit;
21659
+ overflow: hidden;
21962
21660
  }
21963
- .v-field.v-field--appended {
21964
- --v-field-padding-end: 6px;
21661
+ .v-field--variant-outlined .v-field__loader {
21662
+ top: calc(100% - 3px);
21663
+ width: calc(100% - 1px * 2);
21664
+ left: 1px;
21965
21665
  }
21966
21666
 
21967
21667
  /* endregion */
21968
- /* region ELEMENTS */
21969
- .v-field__input {
21970
- align-items: center;
21971
- color: inherit;
21972
- column-gap: 2px;
21973
- display: flex;
21974
- flex-wrap: wrap;
21975
- letter-spacing: 0.009375em;
21976
- opacity: var(--v-high-emphasis-opacity);
21977
- min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
21978
- min-width: 0;
21979
- padding-inline: var(--v-field-padding-start) var(--v-field-padding-end);
21980
- padding-top: var(--v-field-input-padding-top);
21981
- padding-bottom: var(--v-field-input-padding-bottom);
21982
- position: relative;
21983
- width: 100%;
21668
+ /* region OVERLAY */
21669
+ .v-field__overlay {
21670
+ border-radius: inherit;
21671
+ pointer-events: none;
21984
21672
  }
21985
- .v-input--density-default .v-field__input {
21986
- row-gap: 8px;
21673
+ .v-field__overlay {
21674
+ position: absolute;
21675
+ top: 0;
21676
+ left: 0;
21677
+ width: 100%;
21678
+ height: 100%;
21987
21679
  }
21988
21680
 
21989
- .v-input--density-comfortable .v-field__input {
21990
- row-gap: 6px;
21681
+ .v-field--variant-filled .v-field__overlay {
21682
+ background-color: currentColor;
21683
+ opacity: 0.04;
21684
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21991
21685
  }
21992
-
21993
- .v-input--density-compact .v-field__input {
21994
- row-gap: 4px;
21686
+ .v-field--variant-filled.v-field--has-background .v-field__overlay {
21687
+ opacity: 0;
21995
21688
  }
21996
-
21997
- .v-field__input input {
21998
- letter-spacing: inherit;
21689
+ @media (hover: hover) {
21690
+ .v-field--variant-filled:hover .v-field__overlay {
21691
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21692
+ }
21999
21693
  }
22000
- .v-field__input input::placeholder,
22001
- input.v-field__input::placeholder,
22002
- textarea.v-field__input::placeholder {
22003
- color: currentColor;
22004
- opacity: var(--v-disabled-opacity);
21694
+ .v-field--variant-filled.v-field--focused .v-field__overlay {
21695
+ opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
22005
21696
  }
22006
21697
 
22007
- .v-field__input:focus, .v-field__input:active {
22008
- outline: none;
21698
+ .v-field--variant-solo-filled .v-field__overlay {
21699
+ background-color: currentColor;
21700
+ opacity: 0.04;
21701
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22009
21702
  }
22010
- .v-field__input:invalid {
22011
- box-shadow: none;
21703
+ @media (hover: hover) {
21704
+ .v-field--variant-solo-filled:hover .v-field__overlay {
21705
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21706
+ }
22012
21707
  }
22013
-
22014
- .v-field__field {
22015
- flex: 1 0;
22016
- grid-area: field;
22017
- position: relative;
22018
- align-items: flex-start;
22019
- display: flex;
21708
+ .v-field--variant-solo-filled.v-field--focused .v-field__overlay {
21709
+ opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
22020
21710
  }
22021
21711
 
22022
- /* endregion */
22023
- /* region AFFIXES */
22024
- .v-field__prepend-inner {
22025
- grid-area: prepend-inner;
22026
- padding-inline-end: var(--v-field-padding-after);
21712
+ .v-field--variant-solo-inverted .v-field__overlay {
21713
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22027
21714
  }
22028
-
22029
- .v-field__clearable {
22030
- grid-area: clear;
21715
+ .v-field--variant-solo-inverted.v-field--has-background .v-field__overlay {
21716
+ opacity: 0;
22031
21717
  }
22032
-
22033
- .v-field__append-inner {
22034
- grid-area: append-inner;
22035
- padding-inline-start: var(--v-field-padding-after);
21718
+ @media (hover: hover) {
21719
+ .v-field--variant-solo-inverted:hover .v-field__overlay {
21720
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21721
+ }
21722
+ }
21723
+ .v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
21724
+ background-color: rgb(var(--v-theme-surface-variant));
21725
+ opacity: 1;
22036
21726
  }
22037
21727
 
22038
- .v-field__append-inner,
22039
- .v-field__clearable,
22040
- .v-field__prepend-inner {
22041
- display: flex;
22042
- align-items: flex-start;
22043
- padding-top: var(--v-input-padding-top, 8px);
21728
+ /* endregion */
21729
+ /* region MODIFIERS */
21730
+ .v-field--reverse .v-field__field,
21731
+ .v-field--reverse .v-field__input,
21732
+ .v-field--reverse .v-field__outline {
21733
+ flex-direction: row-reverse;
22044
21734
  }
22045
- .v-field--center-affix .v-field__append-inner,
22046
- .v-field--center-affix .v-field__clearable,
22047
- .v-field--center-affix .v-field__prepend-inner {
22048
- align-items: center;
22049
- padding-top: 0;
21735
+ .v-field--reverse .v-field__input, .v-field--reverse input {
21736
+ text-align: end;
22050
21737
  }
22051
21738
 
22052
- .v-field.v-field--variant-underlined .v-field__append-inner,
22053
- .v-field.v-field--variant-underlined .v-field__clearable,
22054
- .v-field.v-field--variant-underlined .v-field__prepend-inner,
22055
- .v-field.v-field--variant-plain .v-field__append-inner,
22056
- .v-field.v-field--variant-plain .v-field__clearable,
22057
- .v-field.v-field--variant-plain .v-field__prepend-inner {
22058
- align-items: flex-start;
22059
- padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
22060
- padding-bottom: var(--v-field-padding-bottom, 4px);
21739
+ .v-input--disabled .v-field--variant-filled .v-field__outline::before,
21740
+ .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
21741
+ 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;
22061
21742
  }
22062
21743
 
22063
- .v-field--focused .v-field__prepend-inner,
22064
- .v-field--focused .v-field__append-inner {
22065
- opacity: 1;
21744
+ .v-field--loading .v-field__outline::after,
21745
+ .v-field--loading .v-field__outline::before {
21746
+ opacity: 0;
22066
21747
  }
22067
21748
 
22068
- .v-field__prepend-inner > .v-icon,
22069
- .v-field__append-inner > .v-icon,
22070
- .v-field__clearable > .v-icon {
22071
- opacity: var(--v-medium-emphasis-opacity);
21749
+ /* endregion */.v-file-input--hide.v-input .v-field,
21750
+ .v-file-input--hide.v-input .v-input__control,
21751
+ .v-file-input--hide.v-input .v-input__details {
21752
+ display: none;
22072
21753
  }
22073
- .v-field--disabled .v-field__prepend-inner > .v-icon, .v-field--error .v-field__prepend-inner > .v-icon,
22074
- .v-field--disabled .v-field__append-inner > .v-icon,
22075
- .v-field--error .v-field__append-inner > .v-icon,
22076
- .v-field--disabled .v-field__clearable > .v-icon,
22077
- .v-field--error .v-field__clearable > .v-icon {
22078
- opacity: 1;
21754
+ .v-file-input--hide.v-input .v-input__prepend {
21755
+ grid-area: control;
21756
+ margin: 0 auto;
22079
21757
  }
22080
- .v-field--error:not(.v-field--disabled) .v-field__prepend-inner > .v-icon,
22081
- .v-field--error:not(.v-field--disabled) .v-field__append-inner > .v-icon,
22082
- .v-field--error:not(.v-field--disabled) .v-field__clearable > .v-icon {
22083
- color: rgb(var(--v-theme-error));
21758
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21759
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21760
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21761
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21762
+ top: 0px;
22084
21763
  }
22085
-
22086
- .v-field__clearable {
22087
- cursor: pointer;
21764
+ .v-file-input input[type=file] {
21765
+ height: 100%;
21766
+ left: 0;
22088
21767
  opacity: 0;
22089
- overflow: hidden;
22090
- margin-inline: 4px;
22091
- transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
22092
- transition-property: opacity, transform, width;
21768
+ position: absolute;
21769
+ top: 0;
21770
+ width: 100%;
21771
+ z-index: 1;
22093
21772
  }
22094
- .v-field--focused .v-field__clearable, .v-field--persistent-clear .v-field__clearable {
22095
- opacity: 1;
21773
+ .v-file-input .v-input__details {
21774
+ padding-inline: 16px;
22096
21775
  }
22097
- @media (hover: hover) {
22098
- .v-field:hover .v-field__clearable {
22099
- opacity: 1;
22100
- }
21776
+ .v-input--plain-underlined.v-file-input .v-input__details {
21777
+ padding-inline: 0;
21778
+ }.v-footer {
21779
+ align-items: center;
21780
+ display: flex;
21781
+ flex: 1 1 auto;
21782
+ padding: 8px 16px;
21783
+ position: relative;
21784
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21785
+ transition-property: height, width, transform, max-width, left, right, top, bottom;
22101
21786
  }
22102
- @media (hover: none) {
22103
- .v-field__clearable {
22104
- opacity: 1;
22105
- }
21787
+ .v-footer {
21788
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21789
+ border-style: solid;
21790
+ border-width: 0;
22106
21791
  }
22107
-
22108
- /* endregion */
22109
- /* region LABEL */
22110
- .v-label.v-field-label {
22111
- contain: layout paint;
22112
- display: block;
22113
- margin-inline-start: var(--v-field-padding-start);
22114
- margin-inline-end: var(--v-field-padding-end);
22115
- max-width: calc(100% - var(--v-field-padding-start) - var(--v-field-padding-end));
22116
- pointer-events: none;
21792
+ .v-footer--border {
21793
+ border-width: thin;
21794
+ box-shadow: none;
21795
+ }
21796
+ .v-footer {
21797
+ 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));
21798
+ }
21799
+ .v-footer--absolute {
22117
21800
  position: absolute;
22118
- top: var(--v-input-padding-top);
22119
- transform-origin: left center;
22120
- transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
22121
- transition-property: opacity, transform;
22122
- z-index: 1;
22123
21801
  }
22124
- .v-field--variant-underlined .v-label.v-field-label, .v-field--variant-plain .v-label.v-field-label {
22125
- top: calc(var(--v-input-padding-top) + var(--v-field-padding-top));
21802
+ .v-footer--fixed {
21803
+ position: fixed;
22126
21804
  }
22127
- .v-field--center-affix .v-label.v-field-label {
22128
- top: 50%;
22129
- transform: translateY(-50%);
21805
+ .v-footer {
21806
+ border-radius: 0;
22130
21807
  }
22131
- .v-field--active .v-label.v-field-label {
22132
- visibility: hidden;
21808
+ .v-footer {
21809
+ background: rgb(var(--v-theme-surface));
21810
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22133
21811
  }
22134
- .v-field--focused .v-label.v-field-label, .v-field--error .v-label.v-field-label {
22135
- opacity: 1;
21812
+ .v-footer--rounded {
21813
+ border-radius: 4px;
21814
+ }.v-container {
21815
+ width: 100%;
21816
+ padding: 16px;
21817
+ margin-right: auto;
21818
+ margin-left: auto;
22136
21819
  }
22137
- .v-field--error:not(.v-field--disabled) .v-label.v-field-label {
22138
- color: rgb(var(--v-theme-error));
21820
+ @media (min-width: 960px) {
21821
+ .v-container {
21822
+ max-width: 900px;
21823
+ }
22139
21824
  }
22140
- .v-label.v-field-label--floating {
22141
- --v-field-label-scale: 0.75em;
22142
- font-size: var(--v-field-label-scale);
22143
- visibility: hidden;
21825
+ @media (min-width: 1280px) {
21826
+ .v-container {
21827
+ max-width: 1200px;
21828
+ }
21829
+ }
21830
+ @media (min-width: 1920px) {
21831
+ .v-container {
21832
+ max-width: 1800px;
21833
+ }
21834
+ }
21835
+ @media (min-width: 2560px) {
21836
+ .v-container {
21837
+ max-width: 2400px;
21838
+ }
21839
+ }
21840
+ .v-container--fluid {
22144
21841
  max-width: 100%;
22145
21842
  }
22146
- .v-field--center-affix .v-label.v-field-label--floating {
22147
- transform: none;
21843
+ .v-container.fill-height {
21844
+ align-items: center;
21845
+ display: flex;
21846
+ flex-wrap: wrap;
21847
+ }
21848
+
21849
+ .v-row {
21850
+ display: flex;
21851
+ flex-wrap: wrap;
21852
+ flex: 1 1 auto;
21853
+ margin: -12px;
22148
21854
  }
22149
- .v-field.v-field--active .v-label.v-field-label--floating {
22150
- visibility: unset;
21855
+ .v-row + .v-row {
21856
+ margin-top: 12px;
22151
21857
  }
22152
- .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 {
22153
- top: 7px;
21858
+ .v-row + .v-row--dense {
21859
+ margin-top: 4px;
22154
21860
  }
22155
-
22156
- .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 {
22157
- top: 5px;
21861
+ .v-row--dense {
21862
+ margin: -4px;
22158
21863
  }
22159
-
22160
- .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 {
22161
- top: 3px;
21864
+ .v-row--dense > .v-col,
21865
+ .v-row--dense > [class*=v-col-] {
21866
+ padding: 4px;
22162
21867
  }
22163
-
22164
- .v-field--variant-plain .v-label.v-field-label--floating, .v-field--variant-underlined .v-label.v-field-label--floating {
22165
- transform: translateY(-16px);
21868
+ .v-row.v-row--no-gutters {
22166
21869
  margin: 0;
22167
- top: var(--v-input-padding-top);
22168
21870
  }
22169
- .v-field--variant-outlined .v-label.v-field-label--floating {
22170
- transform: translateY(-50%);
22171
- transform-origin: center;
22172
- position: static;
22173
- margin: 0 4px;
21871
+ .v-row.v-row--no-gutters > .v-col,
21872
+ .v-row.v-row--no-gutters > [class*=v-col-] {
21873
+ padding: 0;
22174
21874
  }
22175
21875
 
22176
- /* endregion */
22177
- /* region OUTLINE */
22178
- .v-field__outline {
22179
- --v-field-border-width: 1px;
22180
- --v-field-border-opacity: 0.38;
22181
- align-items: stretch;
22182
- contain: layout;
22183
- display: flex;
22184
- height: 100%;
22185
- left: 0;
22186
- pointer-events: none;
22187
- position: absolute;
22188
- right: 0;
22189
- width: 100%;
22190
- }
22191
- @media (hover: hover) {
22192
- .v-field:hover .v-field__outline {
22193
- --v-field-border-opacity: var(--v-high-emphasis-opacity);
22194
- }
21876
+ .v-spacer {
21877
+ flex-grow: 1;
22195
21878
  }
22196
- .v-field--error:not(.v-field--disabled) .v-field__outline {
22197
- color: rgb(var(--v-theme-error));
21879
+
21880
+ .v-col-xxl,
21881
+ .v-col-xxl-auto, .v-col-xxl-12, .v-col-xxl-11, .v-col-xxl-10, .v-col-xxl-9, .v-col-xxl-8, .v-col-xxl-7, .v-col-xxl-6, .v-col-xxl-5, .v-col-xxl-4, .v-col-xxl-3, .v-col-xxl-2, .v-col-xxl-1, .v-col-xl,
21882
+ .v-col-xl-auto, .v-col-xl-12, .v-col-xl-11, .v-col-xl-10, .v-col-xl-9, .v-col-xl-8, .v-col-xl-7, .v-col-xl-6, .v-col-xl-5, .v-col-xl-4, .v-col-xl-3, .v-col-xl-2, .v-col-xl-1, .v-col-lg,
21883
+ .v-col-lg-auto, .v-col-lg-12, .v-col-lg-11, .v-col-lg-10, .v-col-lg-9, .v-col-lg-8, .v-col-lg-7, .v-col-lg-6, .v-col-lg-5, .v-col-lg-4, .v-col-lg-3, .v-col-lg-2, .v-col-lg-1, .v-col-md,
21884
+ .v-col-md-auto, .v-col-md-12, .v-col-md-11, .v-col-md-10, .v-col-md-9, .v-col-md-8, .v-col-md-7, .v-col-md-6, .v-col-md-5, .v-col-md-4, .v-col-md-3, .v-col-md-2, .v-col-md-1, .v-col-sm,
21885
+ .v-col-sm-auto, .v-col-sm-12, .v-col-sm-11, .v-col-sm-10, .v-col-sm-9, .v-col-sm-8, .v-col-sm-7, .v-col-sm-6, .v-col-sm-5, .v-col-sm-4, .v-col-sm-3, .v-col-sm-2, .v-col-sm-1, .v-col,
21886
+ .v-col-auto, .v-col-12, .v-col-11, .v-col-10, .v-col-9, .v-col-8, .v-col-7, .v-col-6, .v-col-5, .v-col-4, .v-col-3, .v-col-2, .v-col-1 {
21887
+ width: 100%;
21888
+ padding: 12px;
22198
21889
  }
22199
- .v-field.v-field--focused .v-field__outline, .v-input.v-input--error .v-field__outline {
22200
- --v-field-border-opacity: 1;
21890
+
21891
+ .v-col {
21892
+ flex-basis: 0;
21893
+ flex-grow: 1;
21894
+ max-width: 100%;
22201
21895
  }
22202
- .v-field--variant-outlined.v-field--focused .v-field__outline {
22203
- --v-field-border-width: 2px;
21896
+
21897
+ .v-col-auto {
21898
+ flex: 0 0 auto;
21899
+ width: auto;
21900
+ max-width: 100%;
22204
21901
  }
22205
- .v-field--variant-filled .v-field__outline::before, .v-field--variant-underlined .v-field__outline::before {
22206
- border-color: currentColor;
22207
- border-style: solid;
22208
- border-width: 0 0 var(--v-field-border-width);
22209
- opacity: var(--v-field-border-opacity);
22210
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21902
+
21903
+ .v-col-1 {
21904
+ flex: 0 0 8.3333333333%;
21905
+ max-width: 8.3333333333%;
22211
21906
  }
22212
- .v-field--variant-filled .v-field__outline::before, .v-field--variant-underlined .v-field__outline::before {
22213
- content: "";
22214
- position: absolute;
22215
- top: 0;
22216
- left: 0;
22217
- width: 100%;
22218
- height: 100%;
21907
+
21908
+ .v-col-2 {
21909
+ flex: 0 0 16.6666666667%;
21910
+ max-width: 16.6666666667%;
22219
21911
  }
22220
- .v-field--variant-filled .v-field__outline::after, .v-field--variant-underlined .v-field__outline::after {
22221
- border-color: currentColor;
22222
- border-style: solid;
22223
- border-width: 0 0 2px;
22224
- transform: scaleX(0);
22225
- transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
21912
+
21913
+ .v-col-3 {
21914
+ flex: 0 0 25%;
21915
+ max-width: 25%;
22226
21916
  }
22227
- .v-field--variant-filled .v-field__outline::after, .v-field--variant-underlined .v-field__outline::after {
22228
- content: "";
22229
- position: absolute;
22230
- top: 0;
22231
- left: 0;
22232
- width: 100%;
22233
- height: 100%;
21917
+
21918
+ .v-col-4 {
21919
+ flex: 0 0 33.3333333333%;
21920
+ max-width: 33.3333333333%;
22234
21921
  }
22235
- .v-field--focused.v-field--variant-filled .v-field__outline::after, .v-field--focused.v-field--variant-underlined .v-field__outline::after {
22236
- transform: scaleX(1);
21922
+
21923
+ .v-col-5 {
21924
+ flex: 0 0 41.6666666667%;
21925
+ max-width: 41.6666666667%;
22237
21926
  }
22238
21927
 
22239
- .v-field--variant-outlined .v-field__outline {
22240
- border-radius: inherit;
21928
+ .v-col-6 {
21929
+ flex: 0 0 50%;
21930
+ max-width: 50%;
22241
21931
  }
22242
- .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 {
22243
- border: 0 solid currentColor;
22244
- opacity: var(--v-field-border-opacity);
22245
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21932
+
21933
+ .v-col-7 {
21934
+ flex: 0 0 58.3333333333%;
21935
+ max-width: 58.3333333333%;
22246
21936
  }
22247
- .v-field--variant-outlined .v-field__outline__start {
22248
- flex: 0 0 12px;
22249
- border-top-width: var(--v-field-border-width);
22250
- border-bottom-width: var(--v-field-border-width);
22251
- border-inline-start-width: var(--v-field-border-width);
22252
- border-start-start-radius: inherit;
22253
- border-start-end-radius: 0;
22254
- border-end-end-radius: 0;
22255
- border-end-start-radius: inherit;
21937
+
21938
+ .v-col-8 {
21939
+ flex: 0 0 66.6666666667%;
21940
+ max-width: 66.6666666667%;
22256
21941
  }
22257
- .v-field--rounded.v-field--variant-outlined .v-field__outline__start,
22258
- [class^=rounded-].v-field--variant-outlined .v-field__outline__start,
22259
- [class*=" rounded-"].v-field--variant-outlined .v-field__outline__start {
22260
- flex-basis: calc(var(--v-input-control-height) / 2 + 2px);
21942
+
21943
+ .v-col-9 {
21944
+ flex: 0 0 75%;
21945
+ max-width: 75%;
22261
21946
  }
22262
21947
 
22263
- .v-field--reverse.v-field--variant-outlined .v-field__outline__start {
22264
- border-start-start-radius: 0;
22265
- border-start-end-radius: inherit;
22266
- border-end-end-radius: inherit;
22267
- border-end-start-radius: 0;
22268
- border-inline-end-width: var(--v-field-border-width);
22269
- border-inline-start-width: 0;
21948
+ .v-col-10 {
21949
+ flex: 0 0 83.3333333333%;
21950
+ max-width: 83.3333333333%;
22270
21951
  }
22271
21952
 
22272
- .v-field--variant-outlined .v-field__outline__notch {
22273
- flex: none;
22274
- position: relative;
22275
- max-width: calc(100% - 12px);
21953
+ .v-col-11 {
21954
+ flex: 0 0 91.6666666667%;
21955
+ max-width: 91.6666666667%;
22276
21956
  }
22277
- .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after {
22278
- opacity: var(--v-field-border-opacity);
22279
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21957
+
21958
+ .v-col-12 {
21959
+ flex: 0 0 100%;
21960
+ max-width: 100%;
22280
21961
  }
22281
- .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after {
22282
- content: "";
22283
- position: absolute;
22284
- top: 0;
22285
- left: 0;
22286
- width: 100%;
22287
- height: 100%;
21962
+
21963
+ .offset-1 {
21964
+ margin-inline-start: 8.3333333333%;
22288
21965
  }
22289
- .v-field--variant-outlined .v-field__outline__notch::before {
22290
- border-width: var(--v-field-border-width) 0 0;
21966
+
21967
+ .offset-2 {
21968
+ margin-inline-start: 16.6666666667%;
22291
21969
  }
22292
- .v-field--variant-outlined .v-field__outline__notch::after {
22293
- bottom: 0;
22294
- border-width: 0 0 var(--v-field-border-width);
21970
+
21971
+ .offset-3 {
21972
+ margin-inline-start: 25%;
22295
21973
  }
22296
- .v-field--active.v-field--variant-outlined .v-field__outline__notch::before {
22297
- opacity: 0;
21974
+
21975
+ .offset-4 {
21976
+ margin-inline-start: 33.3333333333%;
22298
21977
  }
22299
21978
 
22300
- .v-field--variant-outlined .v-field__outline__end {
22301
- flex: 1;
22302
- border-top-width: var(--v-field-border-width);
22303
- border-bottom-width: var(--v-field-border-width);
22304
- border-inline-end-width: var(--v-field-border-width);
22305
- border-start-start-radius: 0;
22306
- border-start-end-radius: inherit;
22307
- border-end-end-radius: inherit;
22308
- border-end-start-radius: 0;
21979
+ .offset-5 {
21980
+ margin-inline-start: 41.6666666667%;
22309
21981
  }
22310
- .v-field--reverse.v-field--variant-outlined .v-field__outline__end {
22311
- border-start-start-radius: inherit;
22312
- border-start-end-radius: 0;
22313
- border-end-end-radius: 0;
22314
- border-end-start-radius: inherit;
22315
- border-inline-end-width: 0;
22316
- border-inline-start-width: var(--v-field-border-width);
21982
+
21983
+ .offset-6 {
21984
+ margin-inline-start: 50%;
22317
21985
  }
22318
21986
 
22319
- /* endregion */
22320
- /* region LOADER */
22321
- .v-field__loader {
22322
- top: calc(100% - 2px);
22323
- left: 0;
22324
- position: absolute;
22325
- right: 0;
22326
- width: 100%;
22327
- border-top-left-radius: 0;
22328
- border-top-right-radius: 0;
22329
- border-bottom-left-radius: inherit;
22330
- border-bottom-right-radius: inherit;
22331
- overflow: hidden;
21987
+ .offset-7 {
21988
+ margin-inline-start: 58.3333333333%;
22332
21989
  }
22333
- .v-field--variant-outlined .v-field__loader {
22334
- top: calc(100% - 3px);
22335
- width: calc(100% - 1px * 2);
22336
- left: 1px;
21990
+
21991
+ .offset-8 {
21992
+ margin-inline-start: 66.6666666667%;
22337
21993
  }
22338
21994
 
22339
- /* endregion */
22340
- /* region OVERLAY */
22341
- .v-field__overlay {
22342
- border-radius: inherit;
22343
- pointer-events: none;
21995
+ .offset-9 {
21996
+ margin-inline-start: 75%;
22344
21997
  }
22345
- .v-field__overlay {
22346
- position: absolute;
22347
- top: 0;
22348
- left: 0;
22349
- width: 100%;
22350
- height: 100%;
21998
+
21999
+ .offset-10 {
22000
+ margin-inline-start: 83.3333333333%;
22351
22001
  }
22352
22002
 
22353
- .v-field--variant-filled .v-field__overlay {
22354
- background-color: currentColor;
22355
- opacity: 0.04;
22356
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22003
+ .offset-11 {
22004
+ margin-inline-start: 91.6666666667%;
22357
22005
  }
22358
- .v-field--variant-filled.v-field--has-background .v-field__overlay {
22359
- opacity: 0;
22006
+
22007
+ @media (min-width: 600px) {
22008
+ .v-col-sm {
22009
+ flex-basis: 0;
22010
+ flex-grow: 1;
22011
+ max-width: 100%;
22012
+ }
22013
+ .v-col-sm-auto {
22014
+ flex: 0 0 auto;
22015
+ width: auto;
22016
+ max-width: 100%;
22017
+ }
22018
+ .v-col-sm-1 {
22019
+ flex: 0 0 8.3333333333%;
22020
+ max-width: 8.3333333333%;
22021
+ }
22022
+ .v-col-sm-2 {
22023
+ flex: 0 0 16.6666666667%;
22024
+ max-width: 16.6666666667%;
22025
+ }
22026
+ .v-col-sm-3 {
22027
+ flex: 0 0 25%;
22028
+ max-width: 25%;
22029
+ }
22030
+ .v-col-sm-4 {
22031
+ flex: 0 0 33.3333333333%;
22032
+ max-width: 33.3333333333%;
22033
+ }
22034
+ .v-col-sm-5 {
22035
+ flex: 0 0 41.6666666667%;
22036
+ max-width: 41.6666666667%;
22037
+ }
22038
+ .v-col-sm-6 {
22039
+ flex: 0 0 50%;
22040
+ max-width: 50%;
22041
+ }
22042
+ .v-col-sm-7 {
22043
+ flex: 0 0 58.3333333333%;
22044
+ max-width: 58.3333333333%;
22045
+ }
22046
+ .v-col-sm-8 {
22047
+ flex: 0 0 66.6666666667%;
22048
+ max-width: 66.6666666667%;
22049
+ }
22050
+ .v-col-sm-9 {
22051
+ flex: 0 0 75%;
22052
+ max-width: 75%;
22053
+ }
22054
+ .v-col-sm-10 {
22055
+ flex: 0 0 83.3333333333%;
22056
+ max-width: 83.3333333333%;
22057
+ }
22058
+ .v-col-sm-11 {
22059
+ flex: 0 0 91.6666666667%;
22060
+ max-width: 91.6666666667%;
22061
+ }
22062
+ .v-col-sm-12 {
22063
+ flex: 0 0 100%;
22064
+ max-width: 100%;
22065
+ }
22066
+ .offset-sm-0 {
22067
+ margin-inline-start: 0;
22068
+ }
22069
+ .offset-sm-1 {
22070
+ margin-inline-start: 8.3333333333%;
22071
+ }
22072
+ .offset-sm-2 {
22073
+ margin-inline-start: 16.6666666667%;
22074
+ }
22075
+ .offset-sm-3 {
22076
+ margin-inline-start: 25%;
22077
+ }
22078
+ .offset-sm-4 {
22079
+ margin-inline-start: 33.3333333333%;
22080
+ }
22081
+ .offset-sm-5 {
22082
+ margin-inline-start: 41.6666666667%;
22083
+ }
22084
+ .offset-sm-6 {
22085
+ margin-inline-start: 50%;
22086
+ }
22087
+ .offset-sm-7 {
22088
+ margin-inline-start: 58.3333333333%;
22089
+ }
22090
+ .offset-sm-8 {
22091
+ margin-inline-start: 66.6666666667%;
22092
+ }
22093
+ .offset-sm-9 {
22094
+ margin-inline-start: 75%;
22095
+ }
22096
+ .offset-sm-10 {
22097
+ margin-inline-start: 83.3333333333%;
22098
+ }
22099
+ .offset-sm-11 {
22100
+ margin-inline-start: 91.6666666667%;
22101
+ }
22360
22102
  }
22361
- @media (hover: hover) {
22362
- .v-field--variant-filled:hover .v-field__overlay {
22363
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
22103
+ @media (min-width: 960px) {
22104
+ .v-col-md {
22105
+ flex-basis: 0;
22106
+ flex-grow: 1;
22107
+ max-width: 100%;
22108
+ }
22109
+ .v-col-md-auto {
22110
+ flex: 0 0 auto;
22111
+ width: auto;
22112
+ max-width: 100%;
22113
+ }
22114
+ .v-col-md-1 {
22115
+ flex: 0 0 8.3333333333%;
22116
+ max-width: 8.3333333333%;
22117
+ }
22118
+ .v-col-md-2 {
22119
+ flex: 0 0 16.6666666667%;
22120
+ max-width: 16.6666666667%;
22121
+ }
22122
+ .v-col-md-3 {
22123
+ flex: 0 0 25%;
22124
+ max-width: 25%;
22125
+ }
22126
+ .v-col-md-4 {
22127
+ flex: 0 0 33.3333333333%;
22128
+ max-width: 33.3333333333%;
22129
+ }
22130
+ .v-col-md-5 {
22131
+ flex: 0 0 41.6666666667%;
22132
+ max-width: 41.6666666667%;
22133
+ }
22134
+ .v-col-md-6 {
22135
+ flex: 0 0 50%;
22136
+ max-width: 50%;
22137
+ }
22138
+ .v-col-md-7 {
22139
+ flex: 0 0 58.3333333333%;
22140
+ max-width: 58.3333333333%;
22141
+ }
22142
+ .v-col-md-8 {
22143
+ flex: 0 0 66.6666666667%;
22144
+ max-width: 66.6666666667%;
22145
+ }
22146
+ .v-col-md-9 {
22147
+ flex: 0 0 75%;
22148
+ max-width: 75%;
22149
+ }
22150
+ .v-col-md-10 {
22151
+ flex: 0 0 83.3333333333%;
22152
+ max-width: 83.3333333333%;
22153
+ }
22154
+ .v-col-md-11 {
22155
+ flex: 0 0 91.6666666667%;
22156
+ max-width: 91.6666666667%;
22157
+ }
22158
+ .v-col-md-12 {
22159
+ flex: 0 0 100%;
22160
+ max-width: 100%;
22161
+ }
22162
+ .offset-md-0 {
22163
+ margin-inline-start: 0;
22164
+ }
22165
+ .offset-md-1 {
22166
+ margin-inline-start: 8.3333333333%;
22167
+ }
22168
+ .offset-md-2 {
22169
+ margin-inline-start: 16.6666666667%;
22170
+ }
22171
+ .offset-md-3 {
22172
+ margin-inline-start: 25%;
22173
+ }
22174
+ .offset-md-4 {
22175
+ margin-inline-start: 33.3333333333%;
22176
+ }
22177
+ .offset-md-5 {
22178
+ margin-inline-start: 41.6666666667%;
22179
+ }
22180
+ .offset-md-6 {
22181
+ margin-inline-start: 50%;
22182
+ }
22183
+ .offset-md-7 {
22184
+ margin-inline-start: 58.3333333333%;
22185
+ }
22186
+ .offset-md-8 {
22187
+ margin-inline-start: 66.6666666667%;
22188
+ }
22189
+ .offset-md-9 {
22190
+ margin-inline-start: 75%;
22191
+ }
22192
+ .offset-md-10 {
22193
+ margin-inline-start: 83.3333333333%;
22194
+ }
22195
+ .offset-md-11 {
22196
+ margin-inline-start: 91.6666666667%;
22197
+ }
22198
+ }
22199
+ @media (min-width: 1280px) {
22200
+ .v-col-lg {
22201
+ flex-basis: 0;
22202
+ flex-grow: 1;
22203
+ max-width: 100%;
22204
+ }
22205
+ .v-col-lg-auto {
22206
+ flex: 0 0 auto;
22207
+ width: auto;
22208
+ max-width: 100%;
22209
+ }
22210
+ .v-col-lg-1 {
22211
+ flex: 0 0 8.3333333333%;
22212
+ max-width: 8.3333333333%;
22213
+ }
22214
+ .v-col-lg-2 {
22215
+ flex: 0 0 16.6666666667%;
22216
+ max-width: 16.6666666667%;
22217
+ }
22218
+ .v-col-lg-3 {
22219
+ flex: 0 0 25%;
22220
+ max-width: 25%;
22221
+ }
22222
+ .v-col-lg-4 {
22223
+ flex: 0 0 33.3333333333%;
22224
+ max-width: 33.3333333333%;
22225
+ }
22226
+ .v-col-lg-5 {
22227
+ flex: 0 0 41.6666666667%;
22228
+ max-width: 41.6666666667%;
22229
+ }
22230
+ .v-col-lg-6 {
22231
+ flex: 0 0 50%;
22232
+ max-width: 50%;
22233
+ }
22234
+ .v-col-lg-7 {
22235
+ flex: 0 0 58.3333333333%;
22236
+ max-width: 58.3333333333%;
22237
+ }
22238
+ .v-col-lg-8 {
22239
+ flex: 0 0 66.6666666667%;
22240
+ max-width: 66.6666666667%;
22241
+ }
22242
+ .v-col-lg-9 {
22243
+ flex: 0 0 75%;
22244
+ max-width: 75%;
22245
+ }
22246
+ .v-col-lg-10 {
22247
+ flex: 0 0 83.3333333333%;
22248
+ max-width: 83.3333333333%;
22249
+ }
22250
+ .v-col-lg-11 {
22251
+ flex: 0 0 91.6666666667%;
22252
+ max-width: 91.6666666667%;
22253
+ }
22254
+ .v-col-lg-12 {
22255
+ flex: 0 0 100%;
22256
+ max-width: 100%;
22257
+ }
22258
+ .offset-lg-0 {
22259
+ margin-inline-start: 0;
22260
+ }
22261
+ .offset-lg-1 {
22262
+ margin-inline-start: 8.3333333333%;
22263
+ }
22264
+ .offset-lg-2 {
22265
+ margin-inline-start: 16.6666666667%;
22266
+ }
22267
+ .offset-lg-3 {
22268
+ margin-inline-start: 25%;
22269
+ }
22270
+ .offset-lg-4 {
22271
+ margin-inline-start: 33.3333333333%;
22272
+ }
22273
+ .offset-lg-5 {
22274
+ margin-inline-start: 41.6666666667%;
22275
+ }
22276
+ .offset-lg-6 {
22277
+ margin-inline-start: 50%;
22278
+ }
22279
+ .offset-lg-7 {
22280
+ margin-inline-start: 58.3333333333%;
22281
+ }
22282
+ .offset-lg-8 {
22283
+ margin-inline-start: 66.6666666667%;
22284
+ }
22285
+ .offset-lg-9 {
22286
+ margin-inline-start: 75%;
22287
+ }
22288
+ .offset-lg-10 {
22289
+ margin-inline-start: 83.3333333333%;
22290
+ }
22291
+ .offset-lg-11 {
22292
+ margin-inline-start: 91.6666666667%;
22364
22293
  }
22365
22294
  }
22366
- .v-field--variant-filled.v-field--focused .v-field__overlay {
22367
- opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
22368
- }
22369
-
22370
- .v-field--variant-solo-filled .v-field__overlay {
22371
- background-color: currentColor;
22372
- opacity: 0.04;
22373
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22295
+ @media (min-width: 1920px) {
22296
+ .v-col-xl {
22297
+ flex-basis: 0;
22298
+ flex-grow: 1;
22299
+ max-width: 100%;
22300
+ }
22301
+ .v-col-xl-auto {
22302
+ flex: 0 0 auto;
22303
+ width: auto;
22304
+ max-width: 100%;
22305
+ }
22306
+ .v-col-xl-1 {
22307
+ flex: 0 0 8.3333333333%;
22308
+ max-width: 8.3333333333%;
22309
+ }
22310
+ .v-col-xl-2 {
22311
+ flex: 0 0 16.6666666667%;
22312
+ max-width: 16.6666666667%;
22313
+ }
22314
+ .v-col-xl-3 {
22315
+ flex: 0 0 25%;
22316
+ max-width: 25%;
22317
+ }
22318
+ .v-col-xl-4 {
22319
+ flex: 0 0 33.3333333333%;
22320
+ max-width: 33.3333333333%;
22321
+ }
22322
+ .v-col-xl-5 {
22323
+ flex: 0 0 41.6666666667%;
22324
+ max-width: 41.6666666667%;
22325
+ }
22326
+ .v-col-xl-6 {
22327
+ flex: 0 0 50%;
22328
+ max-width: 50%;
22329
+ }
22330
+ .v-col-xl-7 {
22331
+ flex: 0 0 58.3333333333%;
22332
+ max-width: 58.3333333333%;
22333
+ }
22334
+ .v-col-xl-8 {
22335
+ flex: 0 0 66.6666666667%;
22336
+ max-width: 66.6666666667%;
22337
+ }
22338
+ .v-col-xl-9 {
22339
+ flex: 0 0 75%;
22340
+ max-width: 75%;
22341
+ }
22342
+ .v-col-xl-10 {
22343
+ flex: 0 0 83.3333333333%;
22344
+ max-width: 83.3333333333%;
22345
+ }
22346
+ .v-col-xl-11 {
22347
+ flex: 0 0 91.6666666667%;
22348
+ max-width: 91.6666666667%;
22349
+ }
22350
+ .v-col-xl-12 {
22351
+ flex: 0 0 100%;
22352
+ max-width: 100%;
22353
+ }
22354
+ .offset-xl-0 {
22355
+ margin-inline-start: 0;
22356
+ }
22357
+ .offset-xl-1 {
22358
+ margin-inline-start: 8.3333333333%;
22359
+ }
22360
+ .offset-xl-2 {
22361
+ margin-inline-start: 16.6666666667%;
22362
+ }
22363
+ .offset-xl-3 {
22364
+ margin-inline-start: 25%;
22365
+ }
22366
+ .offset-xl-4 {
22367
+ margin-inline-start: 33.3333333333%;
22368
+ }
22369
+ .offset-xl-5 {
22370
+ margin-inline-start: 41.6666666667%;
22371
+ }
22372
+ .offset-xl-6 {
22373
+ margin-inline-start: 50%;
22374
+ }
22375
+ .offset-xl-7 {
22376
+ margin-inline-start: 58.3333333333%;
22377
+ }
22378
+ .offset-xl-8 {
22379
+ margin-inline-start: 66.6666666667%;
22380
+ }
22381
+ .offset-xl-9 {
22382
+ margin-inline-start: 75%;
22383
+ }
22384
+ .offset-xl-10 {
22385
+ margin-inline-start: 83.3333333333%;
22386
+ }
22387
+ .offset-xl-11 {
22388
+ margin-inline-start: 91.6666666667%;
22389
+ }
22374
22390
  }
22375
- @media (hover: hover) {
22376
- .v-field--variant-solo-filled:hover .v-field__overlay {
22377
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
22391
+ @media (min-width: 2560px) {
22392
+ .v-col-xxl {
22393
+ flex-basis: 0;
22394
+ flex-grow: 1;
22395
+ max-width: 100%;
22396
+ }
22397
+ .v-col-xxl-auto {
22398
+ flex: 0 0 auto;
22399
+ width: auto;
22400
+ max-width: 100%;
22401
+ }
22402
+ .v-col-xxl-1 {
22403
+ flex: 0 0 8.3333333333%;
22404
+ max-width: 8.3333333333%;
22405
+ }
22406
+ .v-col-xxl-2 {
22407
+ flex: 0 0 16.6666666667%;
22408
+ max-width: 16.6666666667%;
22409
+ }
22410
+ .v-col-xxl-3 {
22411
+ flex: 0 0 25%;
22412
+ max-width: 25%;
22413
+ }
22414
+ .v-col-xxl-4 {
22415
+ flex: 0 0 33.3333333333%;
22416
+ max-width: 33.3333333333%;
22417
+ }
22418
+ .v-col-xxl-5 {
22419
+ flex: 0 0 41.6666666667%;
22420
+ max-width: 41.6666666667%;
22421
+ }
22422
+ .v-col-xxl-6 {
22423
+ flex: 0 0 50%;
22424
+ max-width: 50%;
22425
+ }
22426
+ .v-col-xxl-7 {
22427
+ flex: 0 0 58.3333333333%;
22428
+ max-width: 58.3333333333%;
22429
+ }
22430
+ .v-col-xxl-8 {
22431
+ flex: 0 0 66.6666666667%;
22432
+ max-width: 66.6666666667%;
22433
+ }
22434
+ .v-col-xxl-9 {
22435
+ flex: 0 0 75%;
22436
+ max-width: 75%;
22437
+ }
22438
+ .v-col-xxl-10 {
22439
+ flex: 0 0 83.3333333333%;
22440
+ max-width: 83.3333333333%;
22441
+ }
22442
+ .v-col-xxl-11 {
22443
+ flex: 0 0 91.6666666667%;
22444
+ max-width: 91.6666666667%;
22445
+ }
22446
+ .v-col-xxl-12 {
22447
+ flex: 0 0 100%;
22448
+ max-width: 100%;
22449
+ }
22450
+ .offset-xxl-0 {
22451
+ margin-inline-start: 0;
22452
+ }
22453
+ .offset-xxl-1 {
22454
+ margin-inline-start: 8.3333333333%;
22455
+ }
22456
+ .offset-xxl-2 {
22457
+ margin-inline-start: 16.6666666667%;
22458
+ }
22459
+ .offset-xxl-3 {
22460
+ margin-inline-start: 25%;
22461
+ }
22462
+ .offset-xxl-4 {
22463
+ margin-inline-start: 33.3333333333%;
22464
+ }
22465
+ .offset-xxl-5 {
22466
+ margin-inline-start: 41.6666666667%;
22467
+ }
22468
+ .offset-xxl-6 {
22469
+ margin-inline-start: 50%;
22470
+ }
22471
+ .offset-xxl-7 {
22472
+ margin-inline-start: 58.3333333333%;
22473
+ }
22474
+ .offset-xxl-8 {
22475
+ margin-inline-start: 66.6666666667%;
22378
22476
  }
22379
- }
22380
- .v-field--variant-solo-filled.v-field--focused .v-field__overlay {
22381
- opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
22382
- }
22383
-
22384
- .v-field--variant-solo-inverted .v-field__overlay {
22385
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22386
- }
22387
- .v-field--variant-solo-inverted.v-field--has-background .v-field__overlay {
22388
- opacity: 0;
22389
- }
22390
- @media (hover: hover) {
22391
- .v-field--variant-solo-inverted:hover .v-field__overlay {
22392
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
22477
+ .offset-xxl-9 {
22478
+ margin-inline-start: 75%;
22479
+ }
22480
+ .offset-xxl-10 {
22481
+ margin-inline-start: 83.3333333333%;
22482
+ }
22483
+ .offset-xxl-11 {
22484
+ margin-inline-start: 91.6666666667%;
22393
22485
  }
22394
- }
22395
- .v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
22396
- background-color: rgb(var(--v-theme-surface-variant));
22397
- opacity: 1;
22398
- }
22399
-
22400
- /* endregion */
22401
- /* region MODIFIERS */
22402
- .v-field--reverse .v-field__field,
22403
- .v-field--reverse .v-field__input,
22404
- .v-field--reverse .v-field__outline {
22405
- flex-direction: row-reverse;
22406
- }
22407
- .v-field--reverse .v-field__input, .v-field--reverse input {
22408
- text-align: end;
22409
- }
22410
-
22411
- .v-input--disabled .v-field--variant-filled .v-field__outline::before,
22412
- .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
22413
- 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;
22414
- }
22415
-
22416
- .v-field--loading .v-field__outline::after,
22417
- .v-field--loading .v-field__outline::before {
22418
- opacity: 0;
22419
- }
22420
-
22421
- /* endregion */.v-file-input--hide.v-input .v-field,
22422
- .v-file-input--hide.v-input .v-input__control,
22423
- .v-file-input--hide.v-input .v-input__details {
22424
- display: none;
22425
- }
22426
- .v-file-input--hide.v-input .v-input__prepend {
22427
- grid-area: control;
22428
- margin: 0 auto;
22429
- }
22430
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
22431
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
22432
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
22433
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
22434
- top: 0px;
22435
- }
22436
- .v-file-input input[type=file] {
22437
- height: 100%;
22438
- left: 0;
22439
- opacity: 0;
22440
- position: absolute;
22441
- top: 0;
22442
- width: 100%;
22443
- z-index: 1;
22444
- }
22445
- .v-file-input .v-input__details {
22446
- padding-inline: 16px;
22447
- }
22448
- .v-input--plain-underlined.v-file-input .v-input__details {
22449
- padding-inline: 0;
22450
- }.v-footer {
22451
- align-items: center;
22452
- display: flex;
22453
- flex: 1 1 auto;
22454
- padding: 8px 16px;
22455
- position: relative;
22456
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22457
- transition-property: height, width, transform, max-width, left, right, top, bottom;
22458
- }
22459
- .v-footer {
22460
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22461
- border-style: solid;
22462
- border-width: 0;
22463
- }
22464
- .v-footer--border {
22465
- border-width: thin;
22466
- box-shadow: none;
22467
- }
22468
- .v-footer {
22469
- 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));
22470
- }
22471
- .v-footer--absolute {
22472
- position: absolute;
22473
- }
22474
- .v-footer--fixed {
22475
- position: fixed;
22476
- }
22477
- .v-footer {
22478
- border-radius: 0;
22479
- }
22480
- .v-footer {
22481
- background: rgb(var(--v-theme-surface));
22482
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22483
- }
22484
- .v-footer--rounded {
22485
- border-radius: 4px;
22486
22486
  }.v-icon {
22487
22487
  --v-icon-size-multiplier: 1;
22488
22488
  align-items: center;
@@ -22587,31 +22587,6 @@ textarea.v-field__input::placeholder {
22587
22587
 
22588
22588
  .v-img__gradient {
22589
22589
  background-repeat: no-repeat;
22590
- }.v-infinite-scroll--horizontal {
22591
- display: flex;
22592
- flex-direction: row;
22593
- overflow-x: auto;
22594
- }
22595
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
22596
- height: 100%;
22597
- width: 1px;
22598
- }
22599
-
22600
- .v-infinite-scroll--vertical {
22601
- display: flex;
22602
- flex-direction: column;
22603
- overflow-y: auto;
22604
- }
22605
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
22606
- height: 1px;
22607
- width: 100%;
22608
- }
22609
-
22610
- .v-infinite-scroll__side {
22611
- align-items: center;
22612
- display: flex;
22613
- justify-content: center;
22614
- padding: 8px;
22615
22590
  }.v-input {
22616
22591
  display: grid;
22617
22592
  flex: 1 1 auto;
@@ -22754,6 +22729,31 @@ textarea.v-field__input::placeholder {
22754
22729
 
22755
22730
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
22756
22731
  padding-top: calc(var(--v-input-padding-top) + 0px);
22732
+ }.v-infinite-scroll--horizontal {
22733
+ display: flex;
22734
+ flex-direction: row;
22735
+ overflow-x: auto;
22736
+ }
22737
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
22738
+ height: 100%;
22739
+ width: 1px;
22740
+ }
22741
+
22742
+ .v-infinite-scroll--vertical {
22743
+ display: flex;
22744
+ flex-direction: column;
22745
+ overflow-y: auto;
22746
+ }
22747
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
22748
+ height: 1px;
22749
+ width: 100%;
22750
+ }
22751
+
22752
+ .v-infinite-scroll__side {
22753
+ align-items: center;
22754
+ display: flex;
22755
+ justify-content: center;
22756
+ padding: 8px;
22757
22757
  }.v-item-group {
22758
22758
  flex: 0 1 auto;
22759
22759
  max-width: 100%;
@@ -23364,8 +23364,6 @@ textarea.v-field__input::placeholder {
23364
23364
  }
23365
23365
  .v-list-group__header:not(.v-treeview-item--activatable-group-activator).v-list-item--active:hover .v-list-item__overlay {
23366
23366
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
23367
- }.v-locale-provider {
23368
- display: contents;
23369
23367
  }.v-main {
23370
23368
  flex: 1 0 auto;
23371
23369
  max-width: 100%;
@@ -23396,6 +23394,8 @@ textarea.v-field__input::placeholder {
23396
23394
  --v-layout-right: 0px;
23397
23395
  --v-layout-top: 0px;
23398
23396
  --v-layout-bottom: 0px;
23397
+ }.v-locale-provider {
23398
+ display: contents;
23399
23399
  }.v-menu > .v-overlay__content {
23400
23400
  display: flex;
23401
23401
  flex-direction: column;
@@ -23660,114 +23660,20 @@ html.v-overlay-scroll-blocked {
23660
23660
 
23661
23661
  .v-overlay--scroll-blocked {
23662
23662
  padding-inline-end: var(--v-scrollbar-offset);
23663
- }.v-parallax {
23664
- position: relative;
23665
- overflow: hidden;
23666
- }
23667
- .v-parallax--active > .v-img__img {
23668
- will-change: transform;
23669
- }.v-progress-circular {
23670
- align-items: center;
23671
- display: inline-flex;
23672
- justify-content: center;
23673
- position: relative;
23674
- vertical-align: middle;
23675
- }
23676
- .v-progress-circular > svg {
23677
- width: 100%;
23678
- height: 100%;
23679
- margin: auto;
23680
- position: absolute;
23681
- top: 0;
23682
- bottom: 0;
23683
- left: 0;
23684
- right: 0;
23685
- z-index: 0;
23686
- }
23687
-
23688
- .v-progress-circular__content {
23689
- align-items: center;
23690
- display: flex;
23691
- justify-content: center;
23692
- }
23693
-
23694
- .v-progress-circular__underlay {
23695
- color: rgba(var(--v-border-color), var(--v-border-opacity));
23696
- stroke: currentColor;
23697
- z-index: 1;
23698
- }
23699
-
23700
- .v-progress-circular__overlay {
23701
- stroke: currentColor;
23702
- transition: all 0.2s ease-in-out, stroke-width 0s;
23703
- z-index: 2;
23704
- }
23705
-
23706
- .v-progress-circular--size-x-small {
23707
- height: 16px;
23708
- width: 16px;
23709
- }
23710
- .v-progress-circular--size-small {
23711
- height: 24px;
23712
- width: 24px;
23713
- }
23714
- .v-progress-circular--size-default {
23715
- height: 32px;
23716
- width: 32px;
23717
- }
23718
- .v-progress-circular--size-large {
23719
- height: 48px;
23720
- width: 48px;
23721
- }
23722
- .v-progress-circular--size-x-large {
23723
- height: 64px;
23724
- width: 64px;
23725
- }
23726
-
23727
- .v-progress-circular--indeterminate > svg {
23728
- animation: progress-circular-rotate 1.4s linear infinite;
23729
- transform-origin: center center;
23730
- transition: all 0.2s ease-in-out;
23731
- }
23732
- .v-progress-circular--indeterminate .v-progress-circular__overlay {
23733
- animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
23734
- stroke-dasharray: 25, 200;
23735
- stroke-dashoffset: 0;
23736
- stroke-linecap: round;
23737
- transform-origin: center center;
23738
- transform: rotate(-90deg);
23739
- }
23740
-
23741
- .v-progress-circular--disable-shrink > svg {
23742
- animation-duration: 0.7s;
23743
- }
23744
- .v-progress-circular--disable-shrink .v-progress-circular__overlay {
23745
- animation: none;
23746
- }
23747
-
23748
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
23749
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
23750
- animation-play-state: paused !important;
23663
+ }.v-pagination__list {
23664
+ display: inline-flex;
23665
+ list-style-type: none;
23666
+ justify-content: center;
23667
+ width: 100%;
23751
23668
  }
23752
-
23753
- @keyframes progress-circular-dash {
23754
- 0% {
23755
- stroke-dasharray: 1, 200;
23756
- stroke-dashoffset: 0px;
23757
- }
23758
- 50% {
23759
- stroke-dasharray: 100, 200;
23760
- stroke-dashoffset: -15px;
23761
- }
23762
- 100% {
23763
- stroke-dasharray: 100, 200;
23764
- stroke-dashoffset: -124px;
23765
- }
23669
+ .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
23670
+ margin: 0.3rem;
23671
+ }.v-parallax {
23672
+ position: relative;
23673
+ overflow: hidden;
23766
23674
  }
23767
- @keyframes progress-circular-rotate {
23768
- 100% {
23769
- transform: rotate(270deg);
23770
- }
23675
+ .v-parallax--active > .v-img__img {
23676
+ will-change: transform;
23771
23677
  }.v-progress-linear {
23772
23678
  background: transparent;
23773
23679
  overflow: hidden;
@@ -23996,6 +23902,108 @@ html.v-overlay-scroll-blocked {
23996
23902
  0% {
23997
23903
  background-position-x: var(--v-progress-linear-height);
23998
23904
  }
23905
+ }.v-progress-circular {
23906
+ align-items: center;
23907
+ display: inline-flex;
23908
+ justify-content: center;
23909
+ position: relative;
23910
+ vertical-align: middle;
23911
+ }
23912
+ .v-progress-circular > svg {
23913
+ width: 100%;
23914
+ height: 100%;
23915
+ margin: auto;
23916
+ position: absolute;
23917
+ top: 0;
23918
+ bottom: 0;
23919
+ left: 0;
23920
+ right: 0;
23921
+ z-index: 0;
23922
+ }
23923
+
23924
+ .v-progress-circular__content {
23925
+ align-items: center;
23926
+ display: flex;
23927
+ justify-content: center;
23928
+ }
23929
+
23930
+ .v-progress-circular__underlay {
23931
+ color: rgba(var(--v-border-color), var(--v-border-opacity));
23932
+ stroke: currentColor;
23933
+ z-index: 1;
23934
+ }
23935
+
23936
+ .v-progress-circular__overlay {
23937
+ stroke: currentColor;
23938
+ transition: all 0.2s ease-in-out, stroke-width 0s;
23939
+ z-index: 2;
23940
+ }
23941
+
23942
+ .v-progress-circular--size-x-small {
23943
+ height: 16px;
23944
+ width: 16px;
23945
+ }
23946
+ .v-progress-circular--size-small {
23947
+ height: 24px;
23948
+ width: 24px;
23949
+ }
23950
+ .v-progress-circular--size-default {
23951
+ height: 32px;
23952
+ width: 32px;
23953
+ }
23954
+ .v-progress-circular--size-large {
23955
+ height: 48px;
23956
+ width: 48px;
23957
+ }
23958
+ .v-progress-circular--size-x-large {
23959
+ height: 64px;
23960
+ width: 64px;
23961
+ }
23962
+
23963
+ .v-progress-circular--indeterminate > svg {
23964
+ animation: progress-circular-rotate 1.4s linear infinite;
23965
+ transform-origin: center center;
23966
+ transition: all 0.2s ease-in-out;
23967
+ }
23968
+ .v-progress-circular--indeterminate .v-progress-circular__overlay {
23969
+ animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
23970
+ stroke-dasharray: 25, 200;
23971
+ stroke-dashoffset: 0;
23972
+ stroke-linecap: round;
23973
+ transform-origin: center center;
23974
+ transform: rotate(-90deg);
23975
+ }
23976
+
23977
+ .v-progress-circular--disable-shrink > svg {
23978
+ animation-duration: 0.7s;
23979
+ }
23980
+ .v-progress-circular--disable-shrink .v-progress-circular__overlay {
23981
+ animation: none;
23982
+ }
23983
+
23984
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
23985
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
23986
+ animation-play-state: paused !important;
23987
+ }
23988
+
23989
+ @keyframes progress-circular-dash {
23990
+ 0% {
23991
+ stroke-dasharray: 1, 200;
23992
+ stroke-dashoffset: 0px;
23993
+ }
23994
+ 50% {
23995
+ stroke-dasharray: 100, 200;
23996
+ stroke-dashoffset: -15px;
23997
+ }
23998
+ 100% {
23999
+ stroke-dasharray: 100, 200;
24000
+ stroke-dashoffset: -124px;
24001
+ }
24002
+ }
24003
+ @keyframes progress-circular-rotate {
24004
+ 100% {
24005
+ transform: rotate(270deg);
24006
+ }
23999
24007
  }.v-radio-group > .v-input__control {
24000
24008
  flex-direction: column;
24001
24009
  }
@@ -24065,6 +24073,32 @@ html.v-overlay-scroll-blocked {
24065
24073
 
24066
24074
  .v-slider__label {
24067
24075
  margin-inline-end: 12px;
24076
+ }.v-responsive {
24077
+ display: flex;
24078
+ flex: 1 0 auto;
24079
+ max-height: 100%;
24080
+ max-width: 100%;
24081
+ overflow: hidden;
24082
+ position: relative;
24083
+ }
24084
+ .v-responsive--inline {
24085
+ display: inline-flex;
24086
+ flex: 0 0 auto;
24087
+ }
24088
+
24089
+ .v-responsive__content {
24090
+ flex: 1 0 0px;
24091
+ max-width: 100%;
24092
+ }
24093
+
24094
+ .v-responsive__sizer ~ .v-responsive__content {
24095
+ margin-inline-start: -100%;
24096
+ }
24097
+
24098
+ .v-responsive__sizer {
24099
+ flex: 1 0 0px;
24100
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24101
+ pointer-events: none;
24068
24102
  }.v-rating {
24069
24103
  max-width: 100%;
24070
24104
  display: inline-flex;
@@ -24118,32 +24152,6 @@ html.v-overlay-scroll-blocked {
24118
24152
  opacity: 0;
24119
24153
  position: absolute;
24120
24154
  width: 0;
24121
- }.v-responsive {
24122
- display: flex;
24123
- flex: 1 0 auto;
24124
- max-height: 100%;
24125
- max-width: 100%;
24126
- overflow: hidden;
24127
- position: relative;
24128
- }
24129
- .v-responsive--inline {
24130
- display: inline-flex;
24131
- flex: 0 0 auto;
24132
- }
24133
-
24134
- .v-responsive__content {
24135
- flex: 1 0 0px;
24136
- max-width: 100%;
24137
- }
24138
-
24139
- .v-responsive__sizer ~ .v-responsive__content {
24140
- margin-inline-start: -100%;
24141
- }
24142
-
24143
- .v-responsive__sizer {
24144
- flex: 1 0 0px;
24145
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24146
- pointer-events: none;
24147
24155
  }.v-select .v-field .v-text-field__prefix,
24148
24156
  .v-select .v-field .v-text-field__suffix,
24149
24157
  .v-select .v-field .v-field__input, .v-select .v-field.v-field {
@@ -24307,42 +24315,6 @@ html.v-overlay-scroll-blocked {
24307
24315
  .v-selection-control-group--inline {
24308
24316
  flex-direction: row;
24309
24317
  flex-wrap: wrap;
24310
- }.v-sheet {
24311
- display: block;
24312
- }
24313
- .v-sheet {
24314
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
24315
- border-style: solid;
24316
- border-width: 0;
24317
- }
24318
- .v-sheet--border {
24319
- border-width: thin;
24320
- box-shadow: none;
24321
- }
24322
- .v-sheet {
24323
- 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));
24324
- }
24325
- .v-sheet--absolute {
24326
- position: absolute;
24327
- }
24328
- .v-sheet--fixed {
24329
- position: fixed;
24330
- }
24331
- .v-sheet--relative {
24332
- position: relative;
24333
- }
24334
- .v-sheet--sticky {
24335
- position: sticky;
24336
- }
24337
- .v-sheet {
24338
- border-radius: 0;
24339
- }
24340
- .v-sheet {
24341
- background: rgb(var(--v-theme-surface));
24342
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24343
- }
24344
- .v-sheet--rounded {
24345
- border-radius: 4px;
24346
24318
  }.v-skeleton-loader {
24347
24319
  align-items: center;
24348
24320
  background: rgb(var(--v-theme-surface));
@@ -24548,26 +24520,62 @@ html.v-overlay-scroll-blocked {
24548
24520
  margin-top: -8px;
24549
24521
  max-width: 50%;
24550
24522
  }
24551
- .v-skeleton-loader__text + .v-skeleton-loader__text + .v-skeleton-loader__text {
24552
- max-width: 70%;
24523
+ .v-skeleton-loader__text + .v-skeleton-loader__text + .v-skeleton-loader__text {
24524
+ max-width: 70%;
24525
+ }
24526
+ .v-skeleton-loader--boilerplate .v-skeleton-loader__bone:after {
24527
+ display: none;
24528
+ }
24529
+ .v-skeleton-loader--is-loading {
24530
+ overflow: hidden;
24531
+ }
24532
+ .v-skeleton-loader--tile {
24533
+ border-radius: 0;
24534
+ }
24535
+ .v-skeleton-loader--tile .v-skeleton-loader__bone {
24536
+ border-radius: 0;
24537
+ }
24538
+
24539
+ @keyframes loading {
24540
+ 100% {
24541
+ transform: translateX(100%);
24542
+ }
24543
+ }.v-sheet {
24544
+ display: block;
24545
+ }
24546
+ .v-sheet {
24547
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
24548
+ border-style: solid;
24549
+ border-width: 0;
24550
+ }
24551
+ .v-sheet--border {
24552
+ border-width: thin;
24553
+ box-shadow: none;
24554
+ }
24555
+ .v-sheet {
24556
+ 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));
24557
+ }
24558
+ .v-sheet--absolute {
24559
+ position: absolute;
24560
+ }
24561
+ .v-sheet--fixed {
24562
+ position: fixed;
24553
24563
  }
24554
- .v-skeleton-loader--boilerplate .v-skeleton-loader__bone:after {
24555
- display: none;
24564
+ .v-sheet--relative {
24565
+ position: relative;
24556
24566
  }
24557
- .v-skeleton-loader--is-loading {
24558
- overflow: hidden;
24567
+ .v-sheet--sticky {
24568
+ position: sticky;
24559
24569
  }
24560
- .v-skeleton-loader--tile {
24570
+ .v-sheet {
24561
24571
  border-radius: 0;
24562
24572
  }
24563
- .v-skeleton-loader--tile .v-skeleton-loader__bone {
24564
- border-radius: 0;
24573
+ .v-sheet {
24574
+ background: rgb(var(--v-theme-surface));
24575
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24565
24576
  }
24566
-
24567
- @keyframes loading {
24568
- 100% {
24569
- transform: translateX(100%);
24570
- }
24577
+ .v-sheet--rounded {
24578
+ border-radius: 4px;
24571
24579
  }.v-slide-group {
24572
24580
  display: flex;
24573
24581
  overflow: hidden;
@@ -24979,6 +24987,49 @@ html.v-overlay-scroll-blocked {
24979
24987
  left: 0;
24980
24988
  width: 100%;
24981
24989
  height: 100%;
24990
+ }.v-system-bar {
24991
+ align-items: center;
24992
+ display: flex;
24993
+ flex: 1 1 auto;
24994
+ height: 24px;
24995
+ justify-content: flex-end;
24996
+ max-width: 100%;
24997
+ padding-inline: 8px;
24998
+ position: relative;
24999
+ text-align: end;
25000
+ width: 100%;
25001
+ }
25002
+ .v-system-bar .v-icon {
25003
+ opacity: var(--v-medium-emphasis-opacity);
25004
+ }
25005
+ .v-system-bar {
25006
+ 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));
25007
+ }
25008
+ .v-system-bar--absolute {
25009
+ position: absolute;
25010
+ }
25011
+ .v-system-bar--fixed {
25012
+ position: fixed;
25013
+ }
25014
+ .v-system-bar {
25015
+ background: rgba(var(--v-theme-surface-light));
25016
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
25017
+ }
25018
+ .v-system-bar {
25019
+ font-size: 0.75rem;
25020
+ font-weight: 400;
25021
+ letter-spacing: 0.0333333333em;
25022
+ line-height: 1.667;
25023
+ text-transform: none;
25024
+ }
25025
+ .v-system-bar--rounded {
25026
+ border-radius: 0;
25027
+ }
25028
+ .v-system-bar--window {
25029
+ height: 32px;
25030
+ }
25031
+ .v-system-bar:not(.v-system-bar--absolute) {
25032
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24982
25033
  }.v-switch .v-label {
24983
25034
  padding-inline-start: 10px;
24984
25035
  }
@@ -25161,49 +25212,72 @@ html.v-overlay-scroll-blocked {
25161
25212
  .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
25162
25213
  border-width: 0;
25163
25214
  }
25164
- }.v-system-bar {
25165
- align-items: center;
25215
+ }.v-tabs {
25166
25216
  display: flex;
25167
- flex: 1 1 auto;
25168
- height: 24px;
25169
- justify-content: flex-end;
25170
- max-width: 100%;
25171
- padding-inline: 8px;
25172
- position: relative;
25173
- text-align: end;
25174
- width: 100%;
25217
+ height: var(--v-tabs-height);
25175
25218
  }
25176
- .v-system-bar .v-icon {
25177
- opacity: var(--v-medium-emphasis-opacity);
25219
+ .v-tabs--density-default {
25220
+ --v-tabs-height: 48px;
25178
25221
  }
25179
- .v-system-bar {
25180
- 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));
25222
+ .v-tabs--density-default.v-tabs--stacked {
25223
+ --v-tabs-height: 72px;
25181
25224
  }
25182
- .v-system-bar--absolute {
25183
- position: absolute;
25225
+
25226
+ .v-tabs--density-comfortable {
25227
+ --v-tabs-height: 44px;
25184
25228
  }
25185
- .v-system-bar--fixed {
25186
- position: fixed;
25229
+ .v-tabs--density-comfortable.v-tabs--stacked {
25230
+ --v-tabs-height: 68px;
25187
25231
  }
25188
- .v-system-bar {
25189
- background: rgba(var(--v-theme-surface-light));
25190
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
25232
+
25233
+ .v-tabs--density-compact {
25234
+ --v-tabs-height: 36px;
25191
25235
  }
25192
- .v-system-bar {
25193
- font-size: 0.75rem;
25194
- font-weight: 400;
25195
- letter-spacing: 0.0333333333em;
25196
- line-height: 1.667;
25197
- text-transform: none;
25236
+ .v-tabs--density-compact.v-tabs--stacked {
25237
+ --v-tabs-height: 60px;
25198
25238
  }
25199
- .v-system-bar--rounded {
25200
- border-radius: 0;
25239
+
25240
+ .v-tabs.v-slide-group--vertical {
25241
+ height: auto;
25242
+ flex: none;
25243
+ --v-tabs-height: 48px;
25201
25244
  }
25202
- .v-system-bar--window {
25203
- height: 32px;
25245
+
25246
+ .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
25247
+ margin-inline-start: 42px;
25204
25248
  }
25205
- .v-system-bar:not(.v-system-bar--absolute) {
25206
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
25249
+
25250
+ .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
25251
+ .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
25252
+ margin-inline-end: auto;
25253
+ }
25254
+ .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
25255
+ .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
25256
+ margin-inline-start: auto;
25257
+ }
25258
+
25259
+ .v-tabs--grow {
25260
+ flex-grow: 1;
25261
+ }
25262
+ .v-tabs--grow .v-tab {
25263
+ flex: 1 0 auto;
25264
+ max-width: none;
25265
+ }
25266
+
25267
+ .v-tabs--align-tabs-end .v-tab:first-child {
25268
+ margin-inline-start: auto;
25269
+ }
25270
+ .v-tabs--align-tabs-end .v-tab:last-child {
25271
+ margin-inline-end: 0;
25272
+ }
25273
+
25274
+ @media (max-width: 1279.98px) {
25275
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
25276
+ margin-inline-start: 52px;
25277
+ }
25278
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
25279
+ margin-inline-end: 52px;
25280
+ }
25207
25281
  }.v-tab.v-tab.v-btn {
25208
25282
  height: var(--v-tabs-height);
25209
25283
  border-radius: 0;
@@ -25233,72 +25307,112 @@ html.v-overlay-scroll-blocked {
25233
25307
  top: 0;
25234
25308
  height: 100%;
25235
25309
  width: 2px;
25236
- }.v-tabs {
25237
- display: flex;
25238
- height: var(--v-tabs-height);
25310
+ }/* region BLOCK */
25311
+ .v-text-field input {
25312
+ color: inherit;
25313
+ opacity: 0;
25314
+ flex: 1;
25315
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25316
+ min-width: 0;
25239
25317
  }
25240
- .v-tabs--density-default {
25241
- --v-tabs-height: 48px;
25318
+ .v-text-field input:focus, .v-text-field input:active {
25319
+ outline: none;
25242
25320
  }
25243
- .v-tabs--density-default.v-tabs--stacked {
25244
- --v-tabs-height: 72px;
25321
+ .v-text-field input:invalid {
25322
+ box-shadow: none;
25245
25323
  }
25246
-
25247
- .v-tabs--density-comfortable {
25248
- --v-tabs-height: 44px;
25324
+ .v-text-field .v-field {
25325
+ cursor: text;
25249
25326
  }
25250
- .v-tabs--density-comfortable.v-tabs--stacked {
25251
- --v-tabs-height: 68px;
25327
+ .v-text-field--prefixed.v-text-field .v-field__input {
25328
+ --v-field-padding-start: 6px;
25252
25329
  }
25253
25330
 
25254
- .v-tabs--density-compact {
25255
- --v-tabs-height: 36px;
25331
+ .v-text-field--suffixed.v-text-field .v-field__input {
25332
+ --v-field-padding-end: 0;
25256
25333
  }
25257
- .v-tabs--density-compact.v-tabs--stacked {
25258
- --v-tabs-height: 60px;
25334
+
25335
+ .v-text-field .v-input__details {
25336
+ padding-inline: 16px;
25337
+ }
25338
+ .v-input--plain-underlined.v-text-field .v-input__details {
25339
+ padding-inline: 0;
25259
25340
  }
25260
25341
 
25261
- .v-tabs.v-slide-group--vertical {
25262
- height: auto;
25263
- flex: none;
25264
- --v-tabs-height: 48px;
25342
+ .v-text-field .v-field--no-label input,
25343
+ .v-text-field .v-field--active input {
25344
+ opacity: 1;
25345
+ }
25346
+ .v-text-field .v-field--single-line input {
25347
+ transition: none;
25265
25348
  }
25266
25349
 
25267
- .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
25268
- margin-inline-start: 42px;
25350
+ /* endregion */
25351
+ /* region ELEMENTS */
25352
+ .v-text-field__prefix, .v-text-field__suffix {
25353
+ align-items: center;
25354
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
25355
+ cursor: default;
25356
+ display: flex;
25357
+ opacity: 0;
25358
+ transition: inherit;
25359
+ white-space: nowrap;
25360
+ min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
25361
+ padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
25362
+ padding-bottom: var(--v-field-padding-bottom, 6px);
25363
+ }
25364
+ .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
25365
+ opacity: 1;
25366
+ }
25367
+ .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
25368
+ color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
25369
+ }
25370
+ .v-text-field__prefix {
25371
+ padding-inline-start: var(--v-field-padding-start);
25372
+ }
25373
+ .v-text-field__suffix {
25374
+ padding-inline-end: var(--v-field-padding-end);
25269
25375
  }
25270
25376
 
25271
- .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
25272
- .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
25273
- margin-inline-end: auto;
25377
+ /* endregion */.v-textarea .v-field {
25378
+ --v-textarea-control-height: var(--v-input-control-height);
25274
25379
  }
25275
- .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
25276
- .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
25277
- margin-inline-start: auto;
25380
+ .v-textarea .v-field__field {
25381
+ --v-input-control-height: var(--v-textarea-control-height);
25382
+ }
25383
+ .v-textarea .v-field__input {
25384
+ flex: 1 1 auto;
25385
+ outline: none;
25386
+ -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));
25387
+ 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));
25388
+ }
25389
+ .v-textarea .v-field__input.v-textarea__sizer {
25390
+ visibility: hidden;
25391
+ position: absolute;
25392
+ top: 0;
25393
+ left: 0;
25394
+ height: 0 !important;
25395
+ min-height: 0 !important;
25396
+ pointer-events: none;
25278
25397
  }
25279
-
25280
- .v-tabs--grow {
25281
- flex-grow: 1;
25398
+ .v-textarea--no-resize .v-field__input {
25399
+ resize: none;
25282
25400
  }
25283
- .v-tabs--grow .v-tab {
25284
- flex: 1 0 auto;
25285
- max-width: none;
25401
+ .v-textarea .v-field--no-label textarea,
25402
+ .v-textarea .v-field--active textarea {
25403
+ opacity: 1;
25286
25404
  }
25287
-
25288
- .v-tabs--align-tabs-end .v-tab:first-child {
25289
- margin-inline-start: auto;
25405
+ .v-textarea textarea {
25406
+ opacity: 0;
25407
+ flex: 1;
25408
+ min-width: 0;
25409
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25290
25410
  }
25291
- .v-tabs--align-tabs-end .v-tab:last-child {
25292
- margin-inline-end: 0;
25411
+ .v-textarea textarea:focus, .v-textarea textarea:active {
25412
+ outline: none;
25293
25413
  }
25294
-
25295
- @media (max-width: 1279.98px) {
25296
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
25297
- margin-inline-start: 52px;
25298
- }
25299
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
25300
- margin-inline-end: 52px;
25301
- }
25414
+ .v-textarea textarea:invalid {
25415
+ box-shadow: none;
25302
25416
  }.v-table {
25303
25417
  font-size: 0.875rem;
25304
25418
  transition-duration: 0.28s;
@@ -25441,113 +25555,7 @@ html.v-overlay-scroll-blocked {
25441
25555
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
25442
25556
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
25443
25557
  border-top: 0px !important;
25444
- }.v-textarea .v-field {
25445
- --v-textarea-control-height: var(--v-input-control-height);
25446
- }
25447
- .v-textarea .v-field__field {
25448
- --v-input-control-height: var(--v-textarea-control-height);
25449
- }
25450
- .v-textarea .v-field__input {
25451
- flex: 1 1 auto;
25452
- outline: none;
25453
- -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));
25454
- 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));
25455
- }
25456
- .v-textarea .v-field__input.v-textarea__sizer {
25457
- visibility: hidden;
25458
- position: absolute;
25459
- top: 0;
25460
- left: 0;
25461
- height: 0 !important;
25462
- min-height: 0 !important;
25463
- pointer-events: none;
25464
- }
25465
- .v-textarea--no-resize .v-field__input {
25466
- resize: none;
25467
- }
25468
- .v-textarea .v-field--no-label textarea,
25469
- .v-textarea .v-field--active textarea {
25470
- opacity: 1;
25471
- }
25472
- .v-textarea textarea {
25473
- opacity: 0;
25474
- flex: 1;
25475
- min-width: 0;
25476
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25477
- }
25478
- .v-textarea textarea:focus, .v-textarea textarea:active {
25479
- outline: none;
25480
- }
25481
- .v-textarea textarea:invalid {
25482
- box-shadow: none;
25483
- }/* region BLOCK */
25484
- .v-text-field input {
25485
- color: inherit;
25486
- opacity: 0;
25487
- flex: 1;
25488
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25489
- min-width: 0;
25490
- }
25491
- .v-text-field input:focus, .v-text-field input:active {
25492
- outline: none;
25493
- }
25494
- .v-text-field input:invalid {
25495
- box-shadow: none;
25496
- }
25497
- .v-text-field .v-field {
25498
- cursor: text;
25499
- }
25500
- .v-text-field--prefixed.v-text-field .v-field__input {
25501
- --v-field-padding-start: 6px;
25502
- }
25503
-
25504
- .v-text-field--suffixed.v-text-field .v-field__input {
25505
- --v-field-padding-end: 0;
25506
- }
25507
-
25508
- .v-text-field .v-input__details {
25509
- padding-inline: 16px;
25510
- }
25511
- .v-input--plain-underlined.v-text-field .v-input__details {
25512
- padding-inline: 0;
25513
- }
25514
-
25515
- .v-text-field .v-field--no-label input,
25516
- .v-text-field .v-field--active input {
25517
- opacity: 1;
25518
- }
25519
- .v-text-field .v-field--single-line input {
25520
- transition: none;
25521
- }
25522
-
25523
- /* endregion */
25524
- /* region ELEMENTS */
25525
- .v-text-field__prefix, .v-text-field__suffix {
25526
- align-items: center;
25527
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
25528
- cursor: default;
25529
- display: flex;
25530
- opacity: 0;
25531
- transition: inherit;
25532
- white-space: nowrap;
25533
- min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
25534
- padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
25535
- padding-bottom: var(--v-field-padding-bottom, 6px);
25536
- }
25537
- .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
25538
- opacity: 1;
25539
- }
25540
- .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
25541
- color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
25542
- }
25543
- .v-text-field__prefix {
25544
- padding-inline-start: var(--v-field-padding-start);
25545
- }
25546
- .v-text-field__suffix {
25547
- padding-inline-end: var(--v-field-padding-end);
25548
- }
25549
-
25550
- /* endregion */.v-theme-provider {
25558
+ }.v-theme-provider {
25551
25559
  background: rgb(var(--v-theme-background));
25552
25560
  color: rgb(var(--v-theme-on-background));
25553
25561
  }.v-timeline .v-timeline-divider__dot {
@@ -26212,36 +26220,6 @@ html.v-overlay-scroll-blocked {
26212
26220
  }
26213
26221
  .v-window-y-reverse-transition-leave-to {
26214
26222
  transform: translateY(100%);
26215
- }.v-pagination__list {
26216
- display: inline-flex;
26217
- list-style-type: none;
26218
- justify-content: center;
26219
- width: 100%;
26220
- }
26221
- .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
26222
- margin: 0.3rem;
26223
- }.v-color-picker-canvas {
26224
- display: flex;
26225
- position: relative;
26226
- overflow: hidden;
26227
- contain: content;
26228
- touch-action: none;
26229
- }
26230
- .v-color-picker-canvas__dot {
26231
- position: absolute;
26232
- top: 0;
26233
- left: 0;
26234
- width: 15px;
26235
- height: 15px;
26236
- background: transparent;
26237
- border-radius: 50%;
26238
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
26239
- }
26240
- .v-color-picker-canvas__dot--disabled {
26241
- box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
26242
- }
26243
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
26244
- will-change: transform;
26245
26223
  }.v-color-picker-edit {
26246
26224
  display: flex;
26247
26225
  margin-top: 24px;
@@ -26270,41 +26248,28 @@ html.v-overlay-scroll-blocked {
26270
26248
  }
26271
26249
  .v-color-picker-edit__input span {
26272
26250
  font-size: 0.75rem;
26273
- }.v-color-picker-swatches {
26274
- overflow-y: auto;
26275
- }
26276
- .v-color-picker-swatches > div {
26277
- display: flex;
26278
- flex-wrap: wrap;
26279
- justify-content: center;
26280
- padding: 8px;
26281
- }
26282
-
26283
- .v-color-picker-swatches__swatch {
26251
+ }.v-color-picker-canvas {
26284
26252
  display: flex;
26285
- flex-direction: column;
26286
- margin-bottom: 10px;
26287
- }
26288
-
26289
- .v-color-picker-swatches__color {
26290
26253
  position: relative;
26291
- height: 18px;
26292
- max-height: 18px;
26293
- width: 45px;
26294
- margin: 2px 4px;
26295
- border-radius: 2px;
26296
- -webkit-user-select: none;
26297
- user-select: none;
26298
26254
  overflow: hidden;
26299
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
26300
- cursor: pointer;
26255
+ contain: content;
26256
+ touch-action: none;
26301
26257
  }
26302
- .v-color-picker-swatches__color > div {
26303
- display: flex;
26304
- align-items: center;
26305
- justify-content: center;
26306
- width: 100%;
26307
- height: 100%;
26258
+ .v-color-picker-canvas__dot {
26259
+ position: absolute;
26260
+ top: 0;
26261
+ left: 0;
26262
+ width: 15px;
26263
+ height: 15px;
26264
+ background: transparent;
26265
+ border-radius: 50%;
26266
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
26267
+ }
26268
+ .v-color-picker-canvas__dot--disabled {
26269
+ box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
26270
+ }
26271
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
26272
+ will-change: transform;
26308
26273
  }.v-color-picker-preview__alpha .v-slider-track__background {
26309
26274
  background-color: transparent !important;
26310
26275
  }
@@ -26375,6 +26340,41 @@ html.v-overlay-scroll-blocked {
26375
26340
  .v-color-picker-preview__eye-dropper {
26376
26341
  position: relative;
26377
26342
  margin-right: 12px;
26343
+ }.v-color-picker-swatches {
26344
+ overflow-y: auto;
26345
+ }
26346
+ .v-color-picker-swatches > div {
26347
+ display: flex;
26348
+ flex-wrap: wrap;
26349
+ justify-content: center;
26350
+ padding: 8px;
26351
+ }
26352
+
26353
+ .v-color-picker-swatches__swatch {
26354
+ display: flex;
26355
+ flex-direction: column;
26356
+ margin-bottom: 10px;
26357
+ }
26358
+
26359
+ .v-color-picker-swatches__color {
26360
+ position: relative;
26361
+ height: 18px;
26362
+ max-height: 18px;
26363
+ width: 45px;
26364
+ margin: 2px 4px;
26365
+ border-radius: 2px;
26366
+ -webkit-user-select: none;
26367
+ user-select: none;
26368
+ overflow: hidden;
26369
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
26370
+ cursor: pointer;
26371
+ }
26372
+ .v-color-picker-swatches__color > div {
26373
+ display: flex;
26374
+ align-items: center;
26375
+ justify-content: center;
26376
+ width: 100%;
26377
+ height: 100%;
26378
26378
  }.v-picker.v-sheet {
26379
26379
  display: grid;
26380
26380
  grid-auto-rows: min-content;