@vuetify/nightly 3.6.3-master.2024-05-03 → 3.6.3-master.2024-05-05

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.
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.6.3-master.2024-05-03
2
+ * Vuetify v3.6.3-master.2024-05-05
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17380,19 +17380,6 @@ html.overflow-y-hidden {
17380
17380
  font-weight: normal;
17381
17381
  padding: 0.2em 0.4rem;
17382
17382
  box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17383
- }.v-calendar-header {
17384
- align-items: center;
17385
- display: flex;
17386
- min-height: 64px;
17387
- }
17388
-
17389
- .v-calendar-header__today {
17390
- margin-inline-end: 24px;
17391
- }
17392
-
17393
- .v-calendar-header__title {
17394
- font-size: 1.5rem;
17395
- margin-inline-start: 24px;
17396
17383
  }.v-calendar-weekly {
17397
17384
  width: 100%;
17398
17385
  height: 100%;
@@ -17616,6 +17603,51 @@ html.overflow-y-hidden {
17616
17603
  }
17617
17604
  .v-calendar-month__days.days-with-weeknumbers__7 > .v-calendar-month__day:nth-child(8n) {
17618
17605
  border-right: none;
17606
+ }.v-calendar-day {
17607
+ position: relative;
17608
+ display: flex;
17609
+ flex-direction: column;
17610
+ }
17611
+
17612
+ .v-calendar-weekly .v-calendar__container {
17613
+ display: grid;
17614
+ }
17615
+ .v-calendar-weekly .v-calendar__container.days__7 {
17616
+ grid-template-columns: repeat(7, 1fr);
17617
+ }
17618
+ .v-calendar-weekly .v-calendar__container.days__6 {
17619
+ grid-template-columns: repeat(6, 1fr);
17620
+ }
17621
+ .v-calendar-weekly .v-calendar__container.days__5 {
17622
+ grid-template-columns: repeat(5, 1fr);
17623
+ }
17624
+ .v-calendar-weekly .v-calendar__container.days__4 {
17625
+ grid-template-columns: repeat(4, 1fr);
17626
+ }
17627
+ .v-calendar-weekly .v-calendar__container.days__3 {
17628
+ grid-template-columns: repeat(3, 1fr);
17629
+ }
17630
+ .v-calendar-weekly .v-calendar__container.days__2 {
17631
+ grid-template-columns: repeat(2, 1fr);
17632
+ }
17633
+ .v-calendar-weekly .v-calendar__container.days__1 {
17634
+ grid-template-columns: repeat(1, 1fr);
17635
+ }
17636
+ .v-calendar-weekly .v-calendar__container.days__0 {
17637
+ grid-template-columns: repeat(1, 1fr);
17638
+ }.v-calendar-header {
17639
+ align-items: center;
17640
+ display: flex;
17641
+ min-height: 64px;
17642
+ }
17643
+
17644
+ .v-calendar-header__today {
17645
+ margin-inline-end: 24px;
17646
+ }
17647
+
17648
+ .v-calendar-header__title {
17649
+ font-size: 1.5rem;
17650
+ margin-inline-start: 24px;
17619
17651
  }.v-calendar-day__row-with-label {
17620
17652
  display: grid;
17621
17653
  grid-template-columns: 48px 8px 1fr;
@@ -17658,38 +17690,6 @@ html.overflow-y-hidden {
17658
17690
  }
17659
17691
  .v-calendar-day__row-without-label .v-calendar-day__row-content.v-calendar-day__row-content-through {
17660
17692
  border-bottom: none;
17661
- }.v-calendar-day {
17662
- position: relative;
17663
- display: flex;
17664
- flex-direction: column;
17665
- }
17666
-
17667
- .v-calendar-weekly .v-calendar__container {
17668
- display: grid;
17669
- }
17670
- .v-calendar-weekly .v-calendar__container.days__7 {
17671
- grid-template-columns: repeat(7, 1fr);
17672
- }
17673
- .v-calendar-weekly .v-calendar__container.days__6 {
17674
- grid-template-columns: repeat(6, 1fr);
17675
- }
17676
- .v-calendar-weekly .v-calendar__container.days__5 {
17677
- grid-template-columns: repeat(5, 1fr);
17678
- }
17679
- .v-calendar-weekly .v-calendar__container.days__4 {
17680
- grid-template-columns: repeat(4, 1fr);
17681
- }
17682
- .v-calendar-weekly .v-calendar__container.days__3 {
17683
- grid-template-columns: repeat(3, 1fr);
17684
- }
17685
- .v-calendar-weekly .v-calendar__container.days__2 {
17686
- grid-template-columns: repeat(2, 1fr);
17687
- }
17688
- .v-calendar-weekly .v-calendar__container.days__1 {
17689
- grid-template-columns: repeat(1, 1fr);
17690
- }
17691
- .v-calendar-weekly .v-calendar__container.days__0 {
17692
- grid-template-columns: repeat(1, 1fr);
17693
17693
  }.v-calendar-month__day {
17694
17694
  position: relative;
17695
17695
  display: flex;
@@ -17758,44 +17758,6 @@ html.overflow-y-hidden {
17758
17758
  padding: 4px;
17759
17759
  text-overflow: ellipsis;
17760
17760
  white-space: nowrap;
17761
- }.v-number-input input[type=number] {
17762
- -moz-appearance: textfield;
17763
- }
17764
- .v-number-input input[type=number]::-webkit-outer-spin-button, .v-number-input input[type=number]::-webkit-inner-spin-button {
17765
- -webkit-appearance: none;
17766
- }
17767
- .v-number-input .v-field {
17768
- padding-inline-end: 0;
17769
- padding-inline-start: 0;
17770
- }
17771
- .v-number-input--inset .v-divider {
17772
- height: 55%;
17773
- width: 55%;
17774
- align-self: center;
17775
- }
17776
- .v-number-input--split .v-field__input {
17777
- text-align: center;
17778
- }
17779
- .v-number-input--stacked .v-number-input__control {
17780
- flex-direction: column-reverse;
17781
- }
17782
- .v-number-input--stacked .v-number-input__control .v-btn {
17783
- flex: 1;
17784
- }
17785
- .v-number-input--hide-input .v-field {
17786
- flex: none;
17787
- }
17788
- .v-number-input--hide-input .v-field__input {
17789
- width: 0;
17790
- padding-inline: 0;
17791
- }
17792
- .v-number-input__control {
17793
- display: flex;
17794
- height: 100%;
17795
- }
17796
- .v-number-input__control .v-btn {
17797
- background-color: transparent;
17798
- border-radius: 0;
17799
17761
  }.v-picker.v-sheet {
17800
17762
  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));
17801
17763
  border-radius: 4px;
@@ -17849,32 +17811,44 @@ html.overflow-y-hidden {
17849
17811
  padding-bottom: 16px;
17850
17812
  font-weight: 400;
17851
17813
  letter-spacing: 0.1666666667em;
17852
- }.v-pull-to-refresh {
17853
- overflow: hidden;
17854
- position: relative;
17814
+ }.v-number-input input[type=number] {
17815
+ -moz-appearance: textfield;
17855
17816
  }
17856
- .v-pull-to-refresh__pull-down {
17857
- position: absolute;
17858
- width: 100%;
17859
- transition: top 0.3s ease-out;
17817
+ .v-number-input input[type=number]::-webkit-outer-spin-button, .v-number-input input[type=number]::-webkit-inner-spin-button {
17818
+ -webkit-appearance: none;
17860
17819
  }
17861
- .v-pull-to-refresh__pull-down--touching {
17862
- transition: none;
17820
+ .v-number-input .v-field {
17821
+ padding-inline-end: 0;
17822
+ padding-inline-start: 0;
17863
17823
  }
17864
- .v-pull-to-refresh__pull-down-default {
17824
+ .v-number-input--inset .v-divider {
17825
+ height: 55%;
17826
+ width: 55%;
17827
+ align-self: center;
17828
+ }
17829
+ .v-number-input--split .v-field__input {
17830
+ text-align: center;
17831
+ }
17832
+ .v-number-input--stacked .v-number-input__control {
17833
+ flex-direction: column-reverse;
17834
+ }
17835
+ .v-number-input--stacked .v-number-input__control .v-btn {
17836
+ flex: 1;
17837
+ }
17838
+ .v-number-input--hide-input .v-field {
17839
+ flex: none;
17840
+ }
17841
+ .v-number-input--hide-input .v-field__input {
17842
+ width: 0;
17843
+ padding-inline: 0;
17844
+ }
17845
+ .v-number-input__control {
17865
17846
  display: flex;
17866
- width: 100%;
17867
17847
  height: 100%;
17868
- justify-content: center;
17869
- align-items: flex-end;
17870
- padding-bottom: 10px;
17871
- }
17872
- .v-pull-to-refresh__scroll-container {
17873
- position: relative;
17874
- transition: top 0.3s ease-out;
17875
17848
  }
17876
- .v-pull-to-refresh__scroll-container--touching {
17877
- transition: none;
17849
+ .v-number-input__control .v-btn {
17850
+ background-color: transparent;
17851
+ border-radius: 0;
17878
17852
  }.v-time-picker.v-picker {
17879
17853
  padding: 24px;
17880
17854
  width: 328px;
@@ -17882,22 +17856,6 @@ html.overflow-y-hidden {
17882
17856
  .v-time-picker.v-picker .v-picker-title {
17883
17857
  padding: 0;
17884
17858
  margin-bottom: 20px;
17885
- }.v-treeview-item--filtered {
17886
- display: none;
17887
- }
17888
-
17889
- .v-treeview {
17890
- --indent-padding: 0px;
17891
- }
17892
-
17893
- .v-treeview-group.v-list-group {
17894
- --list-indent-size: 16px;
17895
- }
17896
- .v-list--slim .v-treeview-group.v-list-group {
17897
- --prepend-width: 16px;
17898
- }
17899
- .v-treeview-group.v-list-group .v-list-group__items .v-list-item {
17900
- padding-inline-start: calc(12px + var(--indent-padding)) !important;
17901
17859
  }.v-time-picker-clock {
17902
17860
  background: rgb(var(--v-theme-background));
17903
17861
  color: rgb(var(--v-theme-on-background));
@@ -18029,6 +17987,32 @@ html.overflow-y-hidden {
18029
17987
 
18030
17988
  .v-picker--landscape .v-time-picker-clock__container {
18031
17989
  flex-direction: row;
17990
+ }.v-pull-to-refresh {
17991
+ overflow: hidden;
17992
+ position: relative;
17993
+ }
17994
+ .v-pull-to-refresh__pull-down {
17995
+ position: absolute;
17996
+ width: 100%;
17997
+ transition: top 0.3s ease-out;
17998
+ }
17999
+ .v-pull-to-refresh__pull-down--touching {
18000
+ transition: none;
18001
+ }
18002
+ .v-pull-to-refresh__pull-down-default {
18003
+ display: flex;
18004
+ width: 100%;
18005
+ height: 100%;
18006
+ justify-content: center;
18007
+ align-items: flex-end;
18008
+ padding-bottom: 10px;
18009
+ }
18010
+ .v-pull-to-refresh__scroll-container {
18011
+ position: relative;
18012
+ transition: top 0.3s ease-out;
18013
+ }
18014
+ .v-pull-to-refresh__scroll-container--touching {
18015
+ transition: none;
18032
18016
  }.v-time-picker-controls {
18033
18017
  display: flex;
18034
18018
  align-items: center;
@@ -18132,6 +18116,22 @@ html.overflow-y-hidden {
18132
18116
  }
18133
18117
  .v-picker--time .v-picker__title--landscape .v-time-picker-controls__time {
18134
18118
  text-align: center;
18119
+ }.v-treeview-item--filtered {
18120
+ display: none;
18121
+ }
18122
+
18123
+ .v-treeview {
18124
+ --indent-padding: 0px;
18125
+ }
18126
+
18127
+ .v-treeview-group.v-list-group {
18128
+ --list-indent-size: 16px;
18129
+ }
18130
+ .v-list--slim .v-treeview-group.v-list-group {
18131
+ --prepend-width: 16px;
18132
+ }
18133
+ .v-treeview-group.v-list-group .v-list-group__items .v-list-item {
18134
+ padding-inline-start: calc(12px + var(--indent-padding)) !important;
18135
18135
  }.v-application {
18136
18136
  display: flex;
18137
18137
  background: rgb(var(--v-theme-background));
@@ -18148,18 +18148,6 @@ html.overflow-y-hidden {
18148
18148
  min-height: 100vh;
18149
18149
  min-height: 100dvh;
18150
18150
  position: relative;
18151
- }.v-app-bar {
18152
- display: flex;
18153
- }
18154
- .v-app-bar.v-toolbar {
18155
- background: rgb(var(--v-theme-surface));
18156
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18157
- }
18158
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
18159
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18160
- }
18161
- .v-app-bar:not(.v-toolbar--absolute) {
18162
- padding-inline-end: var(--v-scrollbar-offset);
18163
18151
  }.v-autocomplete .v-field .v-text-field__prefix,
18164
18152
  .v-autocomplete .v-field .v-text-field__suffix,
18165
18153
  .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
@@ -18453,101 +18441,6 @@ html.overflow-y-hidden {
18453
18441
  text-transform: none;
18454
18442
  word-break: normal;
18455
18443
  word-wrap: break-word;
18456
- }.v-avatar {
18457
- flex: none;
18458
- align-items: center;
18459
- display: inline-flex;
18460
- justify-content: center;
18461
- line-height: normal;
18462
- overflow: hidden;
18463
- position: relative;
18464
- text-align: center;
18465
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18466
- transition-property: width, height;
18467
- vertical-align: middle;
18468
- border-radius: 50%;
18469
- }
18470
- .v-avatar.v-avatar--size-x-small {
18471
- --v-avatar-height: 24px;
18472
- }
18473
- .v-avatar.v-avatar--size-small {
18474
- --v-avatar-height: 32px;
18475
- }
18476
- .v-avatar.v-avatar--size-default {
18477
- --v-avatar-height: 40px;
18478
- }
18479
- .v-avatar.v-avatar--size-large {
18480
- --v-avatar-height: 48px;
18481
- }
18482
- .v-avatar.v-avatar--size-x-large {
18483
- --v-avatar-height: 56px;
18484
- }
18485
- .v-avatar.v-avatar--density-default {
18486
- height: calc(var(--v-avatar-height) + 0px);
18487
- width: calc(var(--v-avatar-height) + 0px);
18488
- }
18489
- .v-avatar.v-avatar--density-comfortable {
18490
- height: calc(var(--v-avatar-height) + -4px);
18491
- width: calc(var(--v-avatar-height) + -4px);
18492
- }
18493
- .v-avatar.v-avatar--density-compact {
18494
- height: calc(var(--v-avatar-height) + -8px);
18495
- width: calc(var(--v-avatar-height) + -8px);
18496
- }
18497
- .v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
18498
- background: transparent;
18499
- color: inherit;
18500
- }
18501
- .v-avatar--variant-plain {
18502
- opacity: 0.62;
18503
- }
18504
- .v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
18505
- opacity: 1;
18506
- }
18507
- .v-avatar--variant-plain .v-avatar__overlay {
18508
- display: none;
18509
- }
18510
- .v-avatar--variant-elevated, .v-avatar--variant-flat {
18511
- background: var(--v-theme-surface);
18512
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
18513
- }
18514
- .v-avatar--variant-elevated {
18515
- box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18516
- }
18517
- .v-avatar--variant-flat {
18518
- 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));
18519
- }
18520
- .v-avatar--variant-outlined {
18521
- border: thin solid currentColor;
18522
- }
18523
- .v-avatar--variant-text .v-avatar__overlay {
18524
- background: currentColor;
18525
- }
18526
- .v-avatar--variant-tonal .v-avatar__underlay {
18527
- background: currentColor;
18528
- opacity: var(--v-activated-opacity);
18529
- border-radius: inherit;
18530
- top: 0;
18531
- right: 0;
18532
- bottom: 0;
18533
- left: 0;
18534
- pointer-events: none;
18535
- }
18536
- .v-avatar .v-avatar__underlay {
18537
- position: absolute;
18538
- }
18539
- .v-avatar--rounded {
18540
- border-radius: 4px;
18541
- }
18542
- .v-avatar--start {
18543
- margin-inline-end: 8px;
18544
- }
18545
- .v-avatar--end {
18546
- margin-inline-start: 8px;
18547
- }
18548
- .v-avatar .v-img {
18549
- height: 100%;
18550
- width: 100%;
18551
18444
  }.v-bottom-navigation {
18552
18445
  display: flex;
18553
18446
  max-width: 100%;
@@ -18603,6 +18496,89 @@ html.overflow-y-hidden {
18603
18496
  }
18604
18497
  .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18605
18498
  transform: translateY(0.5rem);
18499
+ }.v-app-bar {
18500
+ display: flex;
18501
+ }
18502
+ .v-app-bar.v-toolbar {
18503
+ background: rgb(var(--v-theme-surface));
18504
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18505
+ }
18506
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
18507
+ box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18508
+ }
18509
+ .v-app-bar:not(.v-toolbar--absolute) {
18510
+ padding-inline-end: var(--v-scrollbar-offset);
18511
+ }.v-badge {
18512
+ display: inline-block;
18513
+ line-height: 1;
18514
+ }
18515
+
18516
+ .v-badge__badge {
18517
+ align-items: center;
18518
+ display: inline-flex;
18519
+ border-radius: 10px;
18520
+ font-size: 0.75rem;
18521
+ font-weight: 500;
18522
+ height: 1.25rem;
18523
+ justify-content: center;
18524
+ min-width: 20px;
18525
+ padding: 4px 6px;
18526
+ pointer-events: auto;
18527
+ position: absolute;
18528
+ text-align: center;
18529
+ text-indent: 0;
18530
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
18531
+ white-space: nowrap;
18532
+ background: rgb(var(--v-theme-surface-variant));
18533
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
18534
+ }
18535
+ .v-badge--bordered .v-badge__badge::after {
18536
+ border-radius: inherit;
18537
+ border-style: solid;
18538
+ border-width: 2px;
18539
+ bottom: 0;
18540
+ color: rgb(var(--v-theme-background));
18541
+ content: "";
18542
+ left: 0;
18543
+ position: absolute;
18544
+ right: 0;
18545
+ top: 0;
18546
+ transform: scale(1.05);
18547
+ }
18548
+ .v-badge--dot .v-badge__badge {
18549
+ border-radius: 4.5px;
18550
+ height: 9px;
18551
+ min-width: 0;
18552
+ padding: 0;
18553
+ width: 9px;
18554
+ }
18555
+ .v-badge--dot .v-badge__badge::after {
18556
+ border-width: 1.5px;
18557
+ }
18558
+ .v-badge--inline .v-badge__badge {
18559
+ position: relative;
18560
+ vertical-align: middle;
18561
+ }
18562
+ .v-badge__badge .v-icon {
18563
+ color: inherit;
18564
+ font-size: 0.75rem;
18565
+ margin: 0 -2px;
18566
+ }
18567
+ .v-badge__badge img,
18568
+ .v-badge__badge .v-img {
18569
+ height: 100%;
18570
+ width: 100%;
18571
+ }
18572
+
18573
+ .v-badge__wrapper {
18574
+ display: flex;
18575
+ position: relative;
18576
+ }
18577
+ .v-badge--inline .v-badge__wrapper {
18578
+ align-items: center;
18579
+ display: inline-flex;
18580
+ justify-content: center;
18581
+ margin: 0 4px;
18606
18582
  }.v-banner {
18607
18583
  display: grid;
18608
18584
  flex: 1 1;
@@ -18760,38 +18736,6 @@ html.overflow-y-hidden {
18760
18736
  }
18761
18737
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
18762
18738
  align-self: flex-start;
18763
- }.bottom-sheet-transition-enter-from {
18764
- transform: translateY(100%);
18765
- }
18766
- .bottom-sheet-transition-leave-to {
18767
- transform: translateY(100%);
18768
- }
18769
-
18770
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18771
- align-self: flex-end;
18772
- border-radius: 0;
18773
- flex: 0 1 auto;
18774
- left: 0;
18775
- right: 0;
18776
- margin-inline: 0;
18777
- margin-bottom: 0;
18778
- transition-duration: 0.2s;
18779
- width: 100%;
18780
- max-width: 100%;
18781
- overflow: visible;
18782
- box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18783
- }
18784
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18785
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18786
- border-radius: 0;
18787
- }
18788
- .v-bottom-sheet.v-bottom-sheet--inset {
18789
- max-width: none;
18790
- }
18791
- @media (min-width: 600px) {
18792
- .v-bottom-sheet.v-bottom-sheet--inset {
18793
- max-width: 70%;
18794
- }
18795
18739
  }.v-breadcrumbs {
18796
18740
  display: flex;
18797
18741
  align-items: center;
@@ -18849,45 +18793,185 @@ html.overflow-y-hidden {
18849
18793
  display: inline-block;
18850
18794
  padding: 0 8px;
18851
18795
  vertical-align: middle;
18852
- }.v-btn-group {
18796
+ }.v-avatar {
18797
+ flex: none;
18798
+ align-items: center;
18853
18799
  display: inline-flex;
18854
- flex-wrap: nowrap;
18855
- max-width: 100%;
18856
- min-width: 0;
18800
+ justify-content: center;
18801
+ line-height: normal;
18857
18802
  overflow: hidden;
18803
+ position: relative;
18804
+ text-align: center;
18805
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18806
+ transition-property: width, height;
18858
18807
  vertical-align: middle;
18859
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18860
- border-style: solid;
18861
- border-width: 0;
18862
- 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));
18863
- border-radius: 4px;
18864
- background: transparent;
18865
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18808
+ border-radius: 50%;
18866
18809
  }
18867
- .v-btn-group--border {
18868
- border-width: thin;
18869
- box-shadow: none;
18810
+ .v-avatar.v-avatar--size-x-small {
18811
+ --v-avatar-height: 24px;
18870
18812
  }
18871
- .v-btn-group--density-default.v-btn-group {
18872
- height: 48px;
18813
+ .v-avatar.v-avatar--size-small {
18814
+ --v-avatar-height: 32px;
18873
18815
  }
18874
-
18875
- .v-btn-group--density-comfortable.v-btn-group {
18876
- height: 40px;
18816
+ .v-avatar.v-avatar--size-default {
18817
+ --v-avatar-height: 40px;
18877
18818
  }
18878
-
18879
- .v-btn-group--density-compact.v-btn-group {
18880
- height: 36px;
18819
+ .v-avatar.v-avatar--size-large {
18820
+ --v-avatar-height: 48px;
18881
18821
  }
18882
-
18883
- .v-btn-group .v-btn {
18884
- border-radius: 0;
18885
- border-color: inherit;
18822
+ .v-avatar.v-avatar--size-x-large {
18823
+ --v-avatar-height: 56px;
18886
18824
  }
18887
- .v-btn-group .v-btn:not(:last-child) {
18888
- border-inline-end: none;
18825
+ .v-avatar.v-avatar--density-default {
18826
+ height: calc(var(--v-avatar-height) + 0px);
18827
+ width: calc(var(--v-avatar-height) + 0px);
18889
18828
  }
18890
- .v-btn-group .v-btn:not(:first-child) {
18829
+ .v-avatar.v-avatar--density-comfortable {
18830
+ height: calc(var(--v-avatar-height) + -4px);
18831
+ width: calc(var(--v-avatar-height) + -4px);
18832
+ }
18833
+ .v-avatar.v-avatar--density-compact {
18834
+ height: calc(var(--v-avatar-height) + -8px);
18835
+ width: calc(var(--v-avatar-height) + -8px);
18836
+ }
18837
+ .v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
18838
+ background: transparent;
18839
+ color: inherit;
18840
+ }
18841
+ .v-avatar--variant-plain {
18842
+ opacity: 0.62;
18843
+ }
18844
+ .v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
18845
+ opacity: 1;
18846
+ }
18847
+ .v-avatar--variant-plain .v-avatar__overlay {
18848
+ display: none;
18849
+ }
18850
+ .v-avatar--variant-elevated, .v-avatar--variant-flat {
18851
+ background: var(--v-theme-surface);
18852
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
18853
+ }
18854
+ .v-avatar--variant-elevated {
18855
+ box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18856
+ }
18857
+ .v-avatar--variant-flat {
18858
+ 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));
18859
+ }
18860
+ .v-avatar--variant-outlined {
18861
+ border: thin solid currentColor;
18862
+ }
18863
+ .v-avatar--variant-text .v-avatar__overlay {
18864
+ background: currentColor;
18865
+ }
18866
+ .v-avatar--variant-tonal .v-avatar__underlay {
18867
+ background: currentColor;
18868
+ opacity: var(--v-activated-opacity);
18869
+ border-radius: inherit;
18870
+ top: 0;
18871
+ right: 0;
18872
+ bottom: 0;
18873
+ left: 0;
18874
+ pointer-events: none;
18875
+ }
18876
+ .v-avatar .v-avatar__underlay {
18877
+ position: absolute;
18878
+ }
18879
+ .v-avatar--rounded {
18880
+ border-radius: 4px;
18881
+ }
18882
+ .v-avatar--start {
18883
+ margin-inline-end: 8px;
18884
+ }
18885
+ .v-avatar--end {
18886
+ margin-inline-start: 8px;
18887
+ }
18888
+ .v-avatar .v-img {
18889
+ height: 100%;
18890
+ width: 100%;
18891
+ }.bottom-sheet-transition-enter-from {
18892
+ transform: translateY(100%);
18893
+ }
18894
+ .bottom-sheet-transition-leave-to {
18895
+ transform: translateY(100%);
18896
+ }
18897
+
18898
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18899
+ align-self: flex-end;
18900
+ border-radius: 0;
18901
+ flex: 0 1 auto;
18902
+ left: 0;
18903
+ right: 0;
18904
+ margin-inline: 0;
18905
+ margin-bottom: 0;
18906
+ transition-duration: 0.2s;
18907
+ width: 100%;
18908
+ max-width: 100%;
18909
+ overflow: visible;
18910
+ box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18911
+ }
18912
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18913
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18914
+ border-radius: 0;
18915
+ }
18916
+ .v-bottom-sheet.v-bottom-sheet--inset {
18917
+ max-width: none;
18918
+ }
18919
+ @media (min-width: 600px) {
18920
+ .v-bottom-sheet.v-bottom-sheet--inset {
18921
+ max-width: 70%;
18922
+ }
18923
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18924
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18925
+ }
18926
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18927
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18928
+ }
18929
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18930
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18931
+ }
18932
+ @supports not selector(:focus-visible) {
18933
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18934
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18935
+ }
18936
+ }.v-btn-group {
18937
+ display: inline-flex;
18938
+ flex-wrap: nowrap;
18939
+ max-width: 100%;
18940
+ min-width: 0;
18941
+ overflow: hidden;
18942
+ vertical-align: middle;
18943
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18944
+ border-style: solid;
18945
+ border-width: 0;
18946
+ 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));
18947
+ border-radius: 4px;
18948
+ background: transparent;
18949
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18950
+ }
18951
+ .v-btn-group--border {
18952
+ border-width: thin;
18953
+ box-shadow: none;
18954
+ }
18955
+ .v-btn-group--density-default.v-btn-group {
18956
+ height: 48px;
18957
+ }
18958
+
18959
+ .v-btn-group--density-comfortable.v-btn-group {
18960
+ height: 40px;
18961
+ }
18962
+
18963
+ .v-btn-group--density-compact.v-btn-group {
18964
+ height: 36px;
18965
+ }
18966
+
18967
+ .v-btn-group .v-btn {
18968
+ border-radius: 0;
18969
+ border-color: inherit;
18970
+ }
18971
+ .v-btn-group .v-btn:not(:last-child) {
18972
+ border-inline-end: none;
18973
+ }
18974
+ .v-btn-group .v-btn:not(:first-child) {
18891
18975
  border-inline-start: none;
18892
18976
  }
18893
18977
  .v-btn-group .v-btn:first-child {
@@ -19616,11 +19700,69 @@ html.overflow-y-hidden {
19616
19700
  pointer-events: none;
19617
19701
  opacity: 0;
19618
19702
  transition: opacity 0.2s ease-in-out;
19619
- }.v-checkbox.v-input {
19703
+ }.v-carousel {
19704
+ overflow: hidden;
19705
+ position: relative;
19706
+ width: 100%;
19707
+ }
19708
+ .v-carousel__controls {
19709
+ align-items: center;
19710
+ bottom: 0;
19711
+ display: flex;
19712
+ height: 50px;
19713
+ justify-content: center;
19714
+ list-style-type: none;
19715
+ position: absolute;
19716
+ width: 100%;
19717
+ z-index: 1;
19718
+ background: rgba(var(--v-theme-surface-variant), 0.3);
19719
+ color: rgb(var(--v-theme-on-surface-variant));
19720
+ }
19721
+ .v-carousel__controls > .v-item-group {
19620
19722
  flex: 0 1 auto;
19621
19723
  }
19622
- .v-checkbox .v-selection-control {
19623
- min-height: var(--v-input-control-height);
19724
+ .v-carousel__controls__item {
19725
+ margin: 0 8px;
19726
+ }
19727
+ .v-carousel__controls__item .v-icon {
19728
+ opacity: 0.5;
19729
+ }
19730
+ .v-carousel__controls__item--active .v-icon {
19731
+ opacity: 1;
19732
+ vertical-align: middle;
19733
+ }
19734
+ .v-carousel__controls__item:hover {
19735
+ background: none;
19736
+ }
19737
+ .v-carousel__controls__item:hover .v-icon {
19738
+ opacity: 0.8;
19739
+ }
19740
+
19741
+ .v-carousel__progress {
19742
+ margin: 0;
19743
+ position: absolute;
19744
+ bottom: 0;
19745
+ left: 0;
19746
+ right: 0;
19747
+ }
19748
+
19749
+ .v-carousel-item {
19750
+ display: block;
19751
+ height: inherit;
19752
+ text-decoration: none;
19753
+ }
19754
+ .v-carousel-item > .v-img {
19755
+ height: inherit;
19756
+ }
19757
+
19758
+ .v-carousel--hide-delimiter-background .v-carousel__controls {
19759
+ background: transparent;
19760
+ }
19761
+
19762
+ .v-carousel--vertical-delimiters .v-carousel__controls {
19763
+ flex-direction: column;
19764
+ height: 100% !important;
19765
+ width: 50px;
19624
19766
  }.v-chip {
19625
19767
  align-items: center;
19626
19768
  display: inline-flex;
@@ -20033,125 +20175,110 @@ html.overflow-y-hidden {
20033
20175
 
20034
20176
  .v-chip--label {
20035
20177
  border-radius: 4px;
20036
- }.v-carousel {
20037
- overflow: hidden;
20038
- position: relative;
20039
- width: 100%;
20040
- }
20041
- .v-carousel__controls {
20042
- align-items: center;
20043
- bottom: 0;
20178
+ }.v-chip-group {
20044
20179
  display: flex;
20045
- height: 50px;
20046
- justify-content: center;
20047
- list-style-type: none;
20048
- position: absolute;
20049
- width: 100%;
20050
- z-index: 1;
20051
- background: rgba(var(--v-theme-surface-variant), 0.3);
20052
- color: rgb(var(--v-theme-on-surface-variant));
20180
+ max-width: 100%;
20181
+ min-width: 0;
20182
+ overflow-x: auto;
20183
+ padding: 4px 0;
20053
20184
  }
20054
- .v-carousel__controls > .v-item-group {
20055
- flex: 0 1 auto;
20185
+ .v-chip-group .v-chip {
20186
+ margin: 4px 8px 4px 0;
20056
20187
  }
20057
- .v-carousel__controls__item {
20058
- margin: 0 8px;
20188
+ .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
20189
+ opacity: var(--v-activated-opacity);
20059
20190
  }
20060
- .v-carousel__controls__item .v-icon {
20061
- opacity: 0.5;
20191
+
20192
+ .v-chip-group--column .v-slide-group__content {
20193
+ white-space: normal;
20194
+ flex-wrap: wrap;
20195
+ max-width: 100%;
20196
+ }.v-combobox .v-field .v-text-field__prefix,
20197
+ .v-combobox .v-field .v-text-field__suffix,
20198
+ .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
20199
+ cursor: text;
20062
20200
  }
20063
- .v-carousel__controls__item--active .v-icon {
20064
- opacity: 1;
20065
- vertical-align: middle;
20201
+ .v-combobox .v-field .v-field__input > input {
20202
+ flex: 1 1;
20066
20203
  }
20067
- .v-carousel__controls__item:hover {
20068
- background: none;
20204
+ .v-combobox .v-field input {
20205
+ min-width: 64px;
20069
20206
  }
20070
- .v-carousel__controls__item:hover .v-icon {
20071
- opacity: 0.8;
20207
+ .v-combobox .v-field:not(.v-field--focused) input {
20208
+ min-width: 0;
20072
20209
  }
20073
-
20074
- .v-carousel__progress {
20075
- margin: 0;
20076
- position: absolute;
20077
- bottom: 0;
20078
- left: 0;
20079
- right: 0;
20210
+ .v-combobox .v-field--dirty .v-combobox__selection {
20211
+ margin-inline-end: 2px;
20212
+ }
20213
+ .v-combobox .v-combobox__selection-text {
20214
+ overflow: hidden;
20215
+ text-overflow: ellipsis;
20216
+ white-space: nowrap;
20080
20217
  }
20081
20218
 
20082
- .v-carousel-item {
20083
- display: block;
20084
- height: inherit;
20085
- text-decoration: none;
20219
+ .v-combobox__content {
20220
+ overflow: hidden;
20221
+ box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20222
+ border-radius: 4px;
20086
20223
  }
20087
- .v-carousel-item > .v-img {
20088
- height: inherit;
20224
+ .v-combobox__mask {
20225
+ background: rgb(var(--v-theme-surface-light));
20089
20226
  }
20090
-
20091
- .v-carousel--hide-delimiter-background .v-carousel__controls {
20092
- background: transparent;
20227
+ .v-combobox__selection {
20228
+ display: inline-flex;
20229
+ align-items: center;
20230
+ height: 1.5rem;
20231
+ letter-spacing: inherit;
20232
+ line-height: inherit;
20233
+ max-width: calc(100% - 2px - 2px);
20093
20234
  }
20094
-
20095
- .v-carousel--vertical-delimiters .v-carousel__controls {
20096
- flex-direction: column;
20097
- height: 100% !important;
20098
- width: 50px;
20099
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
20100
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
20235
+ .v-combobox__selection:first-child {
20236
+ margin-inline-start: 0;
20101
20237
  }
20102
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
20103
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20238
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
20239
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
20240
+ .v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
20241
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20242
+ top: 0px;
20104
20243
  }
20105
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
20106
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20244
+ .v-combobox--selecting-index .v-combobox__selection {
20245
+ opacity: var(--v-medium-emphasis-opacity);
20107
20246
  }
20108
- @supports not selector(:focus-visible) {
20109
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
20110
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20111
- }
20112
- }.v-color-picker {
20113
- align-self: flex-start;
20114
- contain: content;
20247
+ .v-combobox--selecting-index .v-combobox__selection--selected {
20248
+ opacity: 1;
20115
20249
  }
20116
- .v-color-picker.v-sheet {
20117
- 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));
20118
- border-radius: 4px;
20250
+ .v-combobox--selecting-index .v-field__input > input {
20251
+ caret-color: transparent;
20119
20252
  }
20120
-
20121
- .v-color-picker__controls {
20122
- display: flex;
20123
- flex-direction: column;
20124
- padding: 16px;
20253
+ .v-combobox--single:not(.v-combobox--selection-slot).v-text-field input {
20254
+ flex: 1 1;
20255
+ position: absolute;
20256
+ left: 0;
20257
+ right: 0;
20258
+ width: 100%;
20259
+ padding-inline: inherit;
20125
20260
  }
20126
-
20127
- .v-color-picker--flat {
20128
- 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));
20261
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--active input {
20262
+ transition: none;
20129
20263
  }
20130
- .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20131
- 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));
20132
- }.v-chip-group {
20133
- display: flex;
20134
- max-width: 100%;
20135
- min-width: 0;
20136
- overflow-x: auto;
20137
- padding: 4px 0;
20264
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--dirty:not(.v-field--focused) input {
20265
+ opacity: 0;
20138
20266
  }
20139
- .v-chip-group .v-chip {
20140
- margin: 4px 8px 4px 0;
20267
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--focused .v-combobox__selection {
20268
+ opacity: 0;
20141
20269
  }
20142
- .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
20143
- opacity: var(--v-activated-opacity);
20270
+ .v-combobox__menu-icon {
20271
+ margin-inline-start: 4px;
20272
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
20144
20273
  }
20145
-
20146
- .v-chip-group--column .v-slide-group__content {
20147
- white-space: normal;
20148
- flex-wrap: wrap;
20149
- max-width: 100%;
20150
- }.v-counter {
20151
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20274
+ .v-combobox--active-menu .v-combobox__menu-icon {
20275
+ opacity: var(--v-high-emphasis-opacity);
20276
+ transform: rotate(180deg);
20277
+ }.v-checkbox.v-input {
20152
20278
  flex: 0 1 auto;
20153
- font-size: 12px;
20154
- transition-duration: 150ms;
20279
+ }
20280
+ .v-checkbox .v-selection-control {
20281
+ min-height: var(--v-input-control-height);
20155
20282
  }.v-container {
20156
20283
  width: 100%;
20157
20284
  padding: 16px;
@@ -20824,87 +20951,31 @@ html.overflow-y-hidden {
20824
20951
  .offset-xxl-11 {
20825
20952
  margin-inline-start: 91.6666666667%;
20826
20953
  }
20827
- }.v-combobox .v-field .v-text-field__prefix,
20828
- .v-combobox .v-field .v-text-field__suffix,
20829
- .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
20830
- cursor: text;
20831
- }
20832
- .v-combobox .v-field .v-field__input > input {
20833
- flex: 1 1;
20834
- }
20835
- .v-combobox .v-field input {
20836
- min-width: 64px;
20837
- }
20838
- .v-combobox .v-field:not(.v-field--focused) input {
20839
- min-width: 0;
20840
- }
20841
- .v-combobox .v-field--dirty .v-combobox__selection {
20842
- margin-inline-end: 2px;
20843
- }
20844
- .v-combobox .v-combobox__selection-text {
20845
- overflow: hidden;
20846
- text-overflow: ellipsis;
20847
- white-space: nowrap;
20954
+ }.v-counter {
20955
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20956
+ flex: 0 1 auto;
20957
+ font-size: 12px;
20958
+ transition-duration: 150ms;
20959
+ }.v-color-picker {
20960
+ align-self: flex-start;
20961
+ contain: content;
20848
20962
  }
20849
-
20850
- .v-combobox__content {
20851
- overflow: hidden;
20852
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20963
+ .v-color-picker.v-sheet {
20964
+ 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));
20853
20965
  border-radius: 4px;
20854
20966
  }
20855
- .v-combobox__mask {
20856
- background: rgb(var(--v-theme-surface-light));
20857
- }
20858
- .v-combobox__selection {
20859
- display: inline-flex;
20860
- align-items: center;
20861
- height: 1.5rem;
20862
- letter-spacing: inherit;
20863
- line-height: inherit;
20864
- max-width: calc(100% - 2px - 2px);
20865
- }
20866
- .v-combobox__selection:first-child {
20867
- margin-inline-start: 0;
20868
- }
20869
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
20870
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
20871
- .v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
20872
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20873
- top: 0px;
20874
- }
20875
- .v-combobox--selecting-index .v-combobox__selection {
20876
- opacity: var(--v-medium-emphasis-opacity);
20877
- }
20878
- .v-combobox--selecting-index .v-combobox__selection--selected {
20879
- opacity: 1;
20880
- }
20881
- .v-combobox--selecting-index .v-field__input > input {
20882
- caret-color: transparent;
20883
- }
20884
- .v-combobox--single:not(.v-combobox--selection-slot).v-text-field input {
20885
- flex: 1 1;
20886
- position: absolute;
20887
- left: 0;
20888
- right: 0;
20889
- width: 100%;
20890
- padding-inline: inherit;
20891
- }
20892
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--active input {
20893
- transition: none;
20894
- }
20895
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--dirty:not(.v-field--focused) input {
20896
- opacity: 0;
20897
- }
20898
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--focused .v-combobox__selection {
20899
- opacity: 0;
20967
+
20968
+ .v-color-picker__controls {
20969
+ display: flex;
20970
+ flex-direction: column;
20971
+ padding: 16px;
20900
20972
  }
20901
- .v-combobox__menu-icon {
20902
- margin-inline-start: 4px;
20903
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
20973
+
20974
+ .v-color-picker--flat {
20975
+ 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));
20904
20976
  }
20905
- .v-combobox--active-menu .v-combobox__menu-icon {
20906
- opacity: var(--v-high-emphasis-opacity);
20907
- transform: rotate(180deg);
20977
+ .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20978
+ 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));
20908
20979
  }.v-data-table {
20909
20980
  width: 100%;
20910
20981
  }
@@ -21124,79 +21195,24 @@ html.overflow-y-hidden {
21124
21195
  }
21125
21196
  .v-date-picker--show-week {
21126
21197
  width: 368px;
21127
- }.v-date-picker-month {
21198
+ }.v-date-picker-controls {
21128
21199
  display: flex;
21129
- justify-content: center;
21130
- padding: 0 12px 8px;
21131
- --v-date-picker-month-day-diff: 4px;
21132
- }
21133
-
21134
- .v-date-picker-month__weeks {
21135
- display: grid;
21136
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
21137
- column-gap: 4px;
21138
- font-size: 0.85rem;
21200
+ align-items: center;
21201
+ justify-content: space-between;
21202
+ font-size: 0.875rem;
21203
+ padding-top: 4px;
21204
+ padding-bottom: 4px;
21205
+ padding-inline-start: 6px;
21206
+ padding-inline-end: 12px;
21139
21207
  }
21140
- .v-date-picker-month__weeks + .v-date-picker-month__days {
21141
- grid-row-gap: 0;
21208
+ .v-date-picker-controls > .v-btn:first-child {
21209
+ text-transform: none;
21210
+ font-weight: 400;
21211
+ line-height: initial;
21212
+ letter-spacing: initial;
21142
21213
  }
21143
-
21144
- .v-date-picker-month__weekday {
21145
- font-size: 0.85rem;
21146
- }
21147
-
21148
- .v-date-picker-month__days {
21149
- display: grid;
21150
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
21151
- column-gap: 4px;
21152
- flex: 1 1;
21153
- justify-content: space-around;
21154
- }
21155
-
21156
- .v-date-picker-month__day {
21157
- align-items: center;
21158
- display: flex;
21159
- justify-content: center;
21160
- position: relative;
21161
- height: 40px;
21162
- width: 40px;
21163
- }
21164
- .v-date-picker-month__day--selected .v-btn {
21165
- background-color: rgb(var(--v-theme-surface-variant));
21166
- color: rgb(var(--v-theme-on-surface-variant));
21167
- }
21168
- .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
21169
- --v-btn-height: 24px;
21170
- --v-btn-size: 0.85rem;
21171
- }
21172
- .v-date-picker-month__day--week {
21173
- font-size: var(--v-btn-size);
21174
- }
21175
-
21176
- .v-date-picker-month__day--adjacent {
21177
- opacity: 0.5;
21178
- }
21179
-
21180
- .v-date-picker-month__day--hide-adjacent {
21181
- opacity: 0;
21182
- }.v-date-picker-controls {
21183
- display: flex;
21184
- align-items: center;
21185
- justify-content: space-between;
21186
- font-size: 0.875rem;
21187
- padding-top: 4px;
21188
- padding-bottom: 4px;
21189
- padding-inline-start: 6px;
21190
- padding-inline-end: 12px;
21191
- }
21192
- .v-date-picker-controls > .v-btn:first-child {
21193
- text-transform: none;
21194
- font-weight: 400;
21195
- line-height: initial;
21196
- letter-spacing: initial;
21197
- }
21198
- .v-date-picker-controls--variant-classic {
21199
- padding-inline-start: 12px;
21214
+ .v-date-picker-controls--variant-classic {
21215
+ padding-inline-start: 12px;
21200
21216
  }
21201
21217
  .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
21202
21218
  opacity: 0.7;
@@ -21235,6 +21251,76 @@ html.overflow-y-hidden {
21235
21251
 
21236
21252
  .v-date-picker__title {
21237
21253
  display: inline-block;
21254
+ }.v-date-picker-years {
21255
+ height: 288px;
21256
+ overflow-y: scroll;
21257
+ }
21258
+
21259
+ .v-date-picker-years__content {
21260
+ display: grid;
21261
+ flex: 1 1;
21262
+ justify-content: space-around;
21263
+ grid-template-columns: repeat(3, 1fr);
21264
+ gap: 8px 24px;
21265
+ padding-inline: 32px;
21266
+ }
21267
+ .v-date-picker-years__content .v-btn {
21268
+ padding-inline: 8px;
21269
+ }.v-date-picker-month {
21270
+ display: flex;
21271
+ justify-content: center;
21272
+ padding: 0 12px 8px;
21273
+ --v-date-picker-month-day-diff: 4px;
21274
+ }
21275
+
21276
+ .v-date-picker-month__weeks {
21277
+ display: grid;
21278
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
21279
+ column-gap: 4px;
21280
+ font-size: 0.85rem;
21281
+ }
21282
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
21283
+ grid-row-gap: 0;
21284
+ }
21285
+
21286
+ .v-date-picker-month__weekday {
21287
+ font-size: 0.85rem;
21288
+ }
21289
+
21290
+ .v-date-picker-month__days {
21291
+ display: grid;
21292
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
21293
+ column-gap: 4px;
21294
+ flex: 1 1;
21295
+ justify-content: space-around;
21296
+ }
21297
+
21298
+ .v-date-picker-month__day {
21299
+ align-items: center;
21300
+ display: flex;
21301
+ justify-content: center;
21302
+ position: relative;
21303
+ height: 40px;
21304
+ width: 40px;
21305
+ }
21306
+ .v-date-picker-month__day--selected .v-btn {
21307
+ background-color: rgb(var(--v-theme-surface-variant));
21308
+ color: rgb(var(--v-theme-on-surface-variant));
21309
+ }
21310
+ .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
21311
+ --v-btn-height: 24px;
21312
+ --v-btn-size: 0.85rem;
21313
+ }
21314
+ .v-date-picker-month__day--week {
21315
+ font-size: var(--v-btn-size);
21316
+ }
21317
+
21318
+ .v-date-picker-month__day--adjacent {
21319
+ opacity: 0.5;
21320
+ }
21321
+
21322
+ .v-date-picker-month__day--hide-adjacent {
21323
+ opacity: 0;
21238
21324
  }.v-date-picker-months {
21239
21325
  height: 288px;
21240
21326
  }
@@ -21314,21 +21400,6 @@ html.overflow-y-hidden {
21314
21400
  .date-picker-header-reverse-transition-leave-to {
21315
21401
  opacity: 0;
21316
21402
  transform: translate(0, 100%);
21317
- }.v-date-picker-years {
21318
- height: 288px;
21319
- overflow-y: scroll;
21320
- }
21321
-
21322
- .v-date-picker-years__content {
21323
- display: grid;
21324
- flex: 1 1;
21325
- justify-content: space-around;
21326
- grid-template-columns: repeat(3, 1fr);
21327
- gap: 8px 24px;
21328
- padding-inline: 32px;
21329
- }
21330
- .v-date-picker-years__content .v-btn {
21331
- padding-inline: 8px;
21332
21403
  }.v-dialog {
21333
21404
  align-items: center;
21334
21405
  justify-content: center;
@@ -21470,952 +21541,923 @@ html.overflow-y-hidden {
21470
21541
  }
21471
21542
  .v-divider__wrapper--vertical .v-divider {
21472
21543
  margin: 0 auto;
21473
- }.v-empty-state {
21474
- align-items: center;
21475
- display: flex;
21476
- flex-direction: column;
21477
- justify-content: center;
21478
- min-height: 100%;
21479
- padding: 16px;
21480
- }
21481
- .v-empty-state--start {
21482
- align-items: flex-start;
21544
+ }/* region INPUT */
21545
+ .v-field {
21546
+ display: grid;
21547
+ grid-template-areas: "prepend-inner field clear append-inner";
21548
+ grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
21549
+ font-size: 16px;
21550
+ letter-spacing: 0.009375em;
21551
+ max-width: 100%;
21552
+ border-radius: 4px;
21553
+ contain: layout;
21554
+ flex: 1 0;
21555
+ grid-area: control;
21556
+ position: relative;
21557
+ --v-field-padding-start: 16px;
21558
+ --v-field-padding-end: 16px;
21559
+ --v-field-padding-top: 8px;
21560
+ --v-field-padding-bottom: 4px;
21561
+ --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
21562
+ --v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
21483
21563
  }
21484
- .v-empty-state--center {
21485
- align-items: center;
21564
+ .v-field--disabled {
21565
+ opacity: var(--v-disabled-opacity);
21566
+ pointer-events: none;
21486
21567
  }
21487
- .v-empty-state--end {
21488
- align-items: flex-end;
21568
+ .v-field .v-chip {
21569
+ --v-chip-height: 24px;
21489
21570
  }
21490
21571
 
21491
- .v-empty-state__media {
21492
- text-align: center;
21493
- width: 100%;
21572
+ /* endregion */
21573
+ /* region MODIFIERS */
21574
+ .v-field--prepended {
21575
+ padding-inline-start: 12px;
21494
21576
  }
21495
- .v-empty-state__media .v-icon {
21496
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
21577
+ .v-field--appended {
21578
+ padding-inline-end: 12px;
21497
21579
  }
21498
-
21499
- .v-empty-state__headline {
21500
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
21501
- font-size: 3.75rem;
21502
- font-weight: 300;
21503
- line-height: 1;
21504
- text-align: center;
21505
- margin-bottom: 8px;
21580
+ .v-field--variant-solo, .v-field--variant-solo-filled {
21581
+ background: rgb(var(--v-theme-surface));
21582
+ border-color: transparent;
21583
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21584
+ 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));
21506
21585
  }
21507
- .v-empty-state--mobile .v-empty-state__headline {
21508
- font-size: 2.125rem;
21586
+ .v-field--variant-solo-inverted {
21587
+ background: rgb(var(--v-theme-surface));
21588
+ border-color: transparent;
21589
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21590
+ 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));
21591
+ }
21592
+ .v-field--variant-solo-inverted.v-field--focused {
21593
+ color: rgb(var(--v-theme-on-surface-variant));
21594
+ }
21595
+ .v-field--variant-filled {
21596
+ border-bottom-left-radius: 0;
21597
+ border-bottom-right-radius: 0;
21598
+ }
21599
+ .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 {
21600
+ --v-input-control-height: 56px;
21601
+ --v-field-padding-bottom: 4px;
21509
21602
  }
21510
21603
 
21511
- .v-empty-state__title {
21512
- font-size: 1.25rem;
21513
- font-weight: 500;
21514
- line-height: 1.6;
21515
- margin-bottom: 4px;
21516
- text-align: center;
21604
+ .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 {
21605
+ --v-input-control-height: 48px;
21606
+ --v-field-padding-bottom: 0px;
21517
21607
  }
21518
21608
 
21519
- .v-empty-state__text {
21520
- font-size: 0.875rem;
21521
- font-weight: 400;
21522
- line-height: 1.425;
21523
- padding: 0 16px;
21524
- text-align: center;
21609
+ .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 {
21610
+ --v-input-control-height: 40px;
21611
+ --v-field-padding-bottom: 0px;
21525
21612
  }
21526
21613
 
21527
- .v-empty-state__content {
21528
- padding: 24px 0;
21614
+ .v-field--variant-outlined, .v-field--single-line, .v-field--no-label {
21615
+ --v-field-padding-top: 0px;
21616
+ }
21617
+ .v-input--density-default .v-field--variant-outlined, .v-input--density-default .v-field--single-line, .v-input--density-default .v-field--no-label {
21618
+ --v-field-padding-bottom: 16px;
21529
21619
  }
21530
21620
 
21531
- .v-empty-state__actions {
21532
- display: flex;
21533
- gap: 8px;
21534
- padding: 16px;
21621
+ .v-input--density-comfortable .v-field--variant-outlined, .v-input--density-comfortable .v-field--single-line, .v-input--density-comfortable .v-field--no-label {
21622
+ --v-field-padding-bottom: 12px;
21535
21623
  }
21536
21624
 
21537
- .v-empty-state__action-btn.v-btn {
21538
- background-color: rgb(var(--v-theme-surface-variant));
21539
- color: rgb(var(--v-theme-on-surface-variant));
21540
- }.v-fab {
21541
- align-items: center;
21542
- display: inline-flex;
21543
- flex: 1 1 auto;
21544
- pointer-events: none;
21545
- position: relative;
21546
- transition-duration: 0.2s;
21547
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21548
- vertical-align: middle;
21549
- }
21550
- .v-fab .v-btn {
21551
- pointer-events: auto;
21552
- }
21553
- .v-fab .v-btn--variant-elevated {
21554
- 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));
21555
- }
21556
- .v-fab--app, .v-fab--absolute {
21557
- display: flex;
21558
- }
21559
- .v-fab--start, .v-fab--left {
21560
- justify-content: flex-start;
21561
- }
21562
- .v-fab--center {
21563
- align-items: center;
21564
- justify-content: center;
21565
- }
21566
- .v-fab--end, .v-fab--right {
21567
- justify-content: flex-end;
21568
- }
21569
- .v-fab--bottom {
21570
- align-items: flex-end;
21571
- }
21572
- .v-fab--top {
21573
- align-items: flex-start;
21574
- }
21575
- .v-fab--extended .v-btn {
21576
- border-radius: 9999px !important;
21625
+ .v-input--density-compact .v-field--variant-outlined, .v-input--density-compact .v-field--single-line, .v-input--density-compact .v-field--no-label {
21626
+ --v-field-padding-bottom: 8px;
21577
21627
  }
21578
21628
 
21579
- .v-fab__container {
21580
- align-self: center;
21581
- display: inline-flex;
21582
- position: absolute;
21583
- vertical-align: middle;
21584
- }
21585
- .v-fab--app .v-fab__container {
21586
- margin: 12px;
21587
- }
21588
- .v-fab--absolute .v-fab__container {
21589
- position: absolute;
21590
- z-index: 4;
21591
- }
21592
- .v-fab--offset.v-fab--top .v-fab__container {
21593
- transform: translateY(-50%);
21629
+ .v-field--variant-plain, .v-field--variant-underlined {
21630
+ border-radius: 0;
21631
+ padding: 0;
21594
21632
  }
21595
- .v-fab--offset.v-fab--bottom .v-fab__container {
21596
- transform: translateY(50%);
21633
+ .v-field--variant-plain.v-field, .v-field--variant-underlined.v-field {
21634
+ --v-field-padding-start: 0px;
21635
+ --v-field-padding-end: 0px;
21597
21636
  }
21598
- .v-fab--top .v-fab__container {
21599
- top: 0;
21637
+ .v-input--density-default .v-field--variant-plain, .v-input--density-default .v-field--variant-underlined {
21638
+ --v-input-control-height: 48px;
21639
+ --v-field-padding-top: 4px;
21640
+ --v-field-padding-bottom: 4px;
21600
21641
  }
21601
- .v-fab--bottom .v-fab__container {
21602
- bottom: 0;
21642
+
21643
+ .v-input--density-comfortable .v-field--variant-plain, .v-input--density-comfortable .v-field--variant-underlined {
21644
+ --v-input-control-height: 40px;
21645
+ --v-field-padding-top: 2px;
21646
+ --v-field-padding-bottom: 0px;
21603
21647
  }
21604
- .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
21605
- left: 0;
21648
+
21649
+ .v-input--density-compact .v-field--variant-plain, .v-input--density-compact .v-field--variant-underlined {
21650
+ --v-input-control-height: 32px;
21651
+ --v-field-padding-top: 0px;
21652
+ --v-field-padding-bottom: 0px;
21606
21653
  }
21607
- .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
21608
- right: 0;
21609
- }.v-expansion-panel {
21610
- background-color: rgb(var(--v-theme-surface));
21611
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21654
+
21655
+ .v-field--flat {
21656
+ box-shadow: none;
21612
21657
  }
21613
- .v-expansion-panel:not(:first-child)::after {
21614
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21658
+ .v-field--rounded {
21659
+ border-radius: 24px;
21615
21660
  }
21616
- .v-expansion-panel--disabled .v-expansion-panel-title {
21617
- color: rgba(var(--v-theme-on-surface), 0.26);
21661
+ .v-field.v-field--prepended {
21662
+ --v-field-padding-start: 6px;
21618
21663
  }
21619
- .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
21620
- opacity: 0.4615384615;
21664
+ .v-field.v-field--appended {
21665
+ --v-field-padding-end: 6px;
21621
21666
  }
21622
21667
 
21623
- .v-expansion-panels {
21668
+ /* endregion */
21669
+ /* region ELEMENTS */
21670
+ .v-field__input {
21671
+ align-items: center;
21672
+ color: inherit;
21673
+ column-gap: 2px;
21624
21674
  display: flex;
21625
21675
  flex-wrap: wrap;
21626
- justify-content: center;
21627
- list-style-type: none;
21628
- padding: 0;
21629
- width: 100%;
21676
+ letter-spacing: 0.009375em;
21677
+ opacity: var(--v-high-emphasis-opacity);
21678
+ min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
21679
+ min-width: 0;
21680
+ padding-inline: var(--v-field-padding-start) var(--v-field-padding-end);
21681
+ padding-top: var(--v-field-input-padding-top);
21682
+ padding-bottom: var(--v-field-input-padding-bottom);
21630
21683
  position: relative;
21631
- z-index: 1;
21632
- }
21633
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
21634
- border-bottom-left-radius: 0 !important;
21635
- border-bottom-right-radius: 0 !important;
21636
- }
21637
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
21638
- border-top-left-radius: 0 !important;
21639
- border-top-right-radius: 0 !important;
21684
+ width: 100%;
21640
21685
  }
21641
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
21642
- border-bottom-left-radius: 0 !important;
21643
- border-bottom-right-radius: 0 !important;
21686
+ .v-input--density-default .v-field__input {
21687
+ row-gap: 8px;
21644
21688
  }
21645
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :last-child:not(:first-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
21646
- border-top-left-radius: 0 !important;
21647
- border-top-right-radius: 0 !important;
21689
+
21690
+ .v-input--density-comfortable .v-field__input {
21691
+ row-gap: 6px;
21648
21692
  }
21649
- .v-expansion-panels--variant-accordion > :first-child:not(:last-child) {
21650
- border-bottom-left-radius: 0 !important;
21651
- border-bottom-right-radius: 0 !important;
21693
+
21694
+ .v-input--density-compact .v-field__input {
21695
+ row-gap: 4px;
21652
21696
  }
21653
- .v-expansion-panels--variant-accordion > :last-child:not(:first-child) {
21654
- border-top-left-radius: 0 !important;
21655
- border-top-right-radius: 0 !important;
21697
+
21698
+ .v-field__input input {
21699
+ letter-spacing: inherit;
21656
21700
  }
21657
- .v-expansion-panels--variant-accordion > :last-child:not(:first-child) .v-expansion-panel-title--active {
21658
- border-bottom-left-radius: initial;
21659
- border-bottom-right-radius: initial;
21701
+ .v-field__input input::placeholder,
21702
+ input.v-field__input::placeholder,
21703
+ textarea.v-field__input::placeholder {
21704
+ color: currentColor;
21705
+ opacity: var(--v-disabled-opacity);
21660
21706
  }
21661
- .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
21662
- border-radius: 0 !important;
21707
+
21708
+ .v-field__input:focus, .v-field__input:active {
21709
+ outline: none;
21663
21710
  }
21664
- .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
21665
- transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
21711
+ .v-field__input:invalid {
21712
+ box-shadow: none;
21666
21713
  }
21667
21714
 
21668
- .v-expansion-panel {
21669
- flex: 1 0 100%;
21670
- max-width: 100%;
21715
+ .v-field__field {
21716
+ flex: 1 0;
21717
+ grid-area: field;
21671
21718
  position: relative;
21672
- transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
21673
- transition-property: margin-top, border-radius, border, max-width;
21674
- border-radius: 4px;
21675
- }
21676
- .v-expansion-panel:not(:first-child)::after {
21677
- border-top-style: solid;
21678
- border-top-width: thin;
21679
- content: "";
21680
- left: 0;
21681
- position: absolute;
21682
- right: 0;
21683
- top: 0;
21684
- transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
21719
+ align-items: flex-start;
21720
+ display: flex;
21685
21721
  }
21686
- .v-expansion-panel--disabled .v-expansion-panel-title {
21687
- pointer-events: none;
21722
+
21723
+ /* endregion */
21724
+ /* region AFFIXES */
21725
+ .v-field__prepend-inner {
21726
+ grid-area: prepend-inner;
21727
+ padding-inline-end: var(--v-field-padding-after);
21688
21728
  }
21689
- .v-expansion-panel--active:not(:first-child),
21690
- .v-expansion-panel--active + .v-expansion-panel {
21691
- margin-top: 16px;
21729
+
21730
+ .v-field__clearable {
21731
+ grid-area: clear;
21692
21732
  }
21693
- .v-expansion-panel--active:not(:first-child)::after,
21694
- .v-expansion-panel--active + .v-expansion-panel::after {
21695
- opacity: 0;
21733
+
21734
+ .v-field__append-inner {
21735
+ grid-area: append-inner;
21736
+ padding-inline-start: var(--v-field-padding-after);
21696
21737
  }
21697
- .v-expansion-panel--active > .v-expansion-panel-title {
21698
- border-bottom-left-radius: 0;
21699
- border-bottom-right-radius: 0;
21738
+
21739
+ .v-field__append-inner,
21740
+ .v-field__clearable,
21741
+ .v-field__prepend-inner {
21742
+ display: flex;
21743
+ align-items: flex-start;
21744
+ padding-top: var(--v-input-padding-top, 8px);
21700
21745
  }
21701
- .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
21702
- min-height: 64px;
21746
+ .v-field--center-affix .v-field__append-inner,
21747
+ .v-field--center-affix .v-field__clearable,
21748
+ .v-field--center-affix .v-field__prepend-inner {
21749
+ align-items: center;
21750
+ padding-top: 0;
21703
21751
  }
21704
21752
 
21705
- .v-expansion-panel__shadow {
21706
- position: absolute;
21707
- top: 0;
21708
- left: 0;
21709
- width: 100%;
21710
- height: 100%;
21711
- 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));
21712
- border-radius: inherit;
21713
- z-index: -1;
21753
+ .v-field.v-field--variant-underlined .v-field__append-inner,
21754
+ .v-field.v-field--variant-underlined .v-field__clearable,
21755
+ .v-field.v-field--variant-underlined .v-field__prepend-inner,
21756
+ .v-field.v-field--variant-plain .v-field__append-inner,
21757
+ .v-field.v-field--variant-plain .v-field__clearable,
21758
+ .v-field.v-field--variant-plain .v-field__prepend-inner {
21759
+ align-items: flex-start;
21760
+ padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
21761
+ padding-bottom: var(--v-field-padding-bottom, 4px);
21714
21762
  }
21715
21763
 
21716
- .v-expansion-panel-title {
21717
- align-items: center;
21718
- text-align: start;
21719
- border-radius: inherit;
21720
- display: flex;
21721
- font-size: 0.9375rem;
21722
- line-height: 1;
21723
- min-height: 48px;
21724
- outline: none;
21725
- padding: 16px 24px;
21726
- position: relative;
21727
- transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
21728
- width: 100%;
21729
- justify-content: space-between;
21730
- }
21731
- .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
21732
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
21764
+ .v-field--focused .v-field__prepend-inner,
21765
+ .v-field--focused .v-field__append-inner {
21766
+ opacity: 1;
21733
21767
  }
21734
- .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
21735
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21768
+
21769
+ .v-field__prepend-inner > .v-icon,
21770
+ .v-field__append-inner > .v-icon,
21771
+ .v-field__clearable > .v-icon {
21772
+ opacity: var(--v-medium-emphasis-opacity);
21736
21773
  }
21737
- @supports not selector(:focus-visible) {
21738
- .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
21739
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21740
- }
21774
+ .v-field--disabled .v-field__prepend-inner > .v-icon, .v-field--error .v-field__prepend-inner > .v-icon,
21775
+ .v-field--disabled .v-field__append-inner > .v-icon,
21776
+ .v-field--error .v-field__append-inner > .v-icon,
21777
+ .v-field--disabled .v-field__clearable > .v-icon,
21778
+ .v-field--error .v-field__clearable > .v-icon {
21779
+ opacity: 1;
21741
21780
  }
21742
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active .v-expansion-panel-title__overlay {
21743
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
21781
+ .v-field--error:not(.v-field--disabled) .v-field__prepend-inner > .v-icon,
21782
+ .v-field--error:not(.v-field--disabled) .v-field__append-inner > .v-icon,
21783
+ .v-field--error:not(.v-field--disabled) .v-field__clearable > .v-icon {
21784
+ color: rgb(var(--v-theme-error));
21744
21785
  }
21745
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:hover .v-expansion-panel-title__overlay {
21746
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21786
+
21787
+ .v-field__clearable {
21788
+ cursor: pointer;
21789
+ opacity: 0;
21790
+ overflow: hidden;
21791
+ margin-inline: 4px;
21792
+ transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
21793
+ transition-property: opacity, transform, width;
21747
21794
  }
21748
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus-visible .v-expansion-panel-title__overlay {
21749
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21795
+ .v-field--focused .v-field__clearable, .v-field--persistent-clear .v-field__clearable {
21796
+ opacity: 1;
21750
21797
  }
21751
- @supports not selector(:focus-visible) {
21752
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus .v-expansion-panel-title__overlay {
21753
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21798
+ @media (hover: hover) {
21799
+ .v-field:hover .v-field__clearable {
21800
+ opacity: 1;
21754
21801
  }
21755
21802
  }
21756
-
21757
- .v-expansion-panel-title__overlay {
21758
- position: absolute;
21759
- top: 0;
21760
- left: 0;
21761
- width: 100%;
21762
- height: 100%;
21763
- background-color: currentColor;
21764
- border-radius: inherit;
21765
- opacity: 0;
21803
+ @media (hover: none) {
21804
+ .v-field__clearable {
21805
+ opacity: 1;
21806
+ }
21766
21807
  }
21767
21808
 
21768
- .v-expansion-panel-title__icon {
21769
- display: inline-flex;
21770
- margin-bottom: -4px;
21771
- margin-top: -4px;
21772
- -webkit-user-select: none;
21773
- user-select: none;
21774
- margin-inline-start: auto;
21809
+ /* endregion */
21810
+ /* region LABEL */
21811
+ .v-label.v-field-label {
21812
+ contain: layout paint;
21813
+ display: block;
21814
+ margin-inline-start: var(--v-field-padding-start);
21815
+ margin-inline-end: var(--v-field-padding-end);
21816
+ max-width: calc(100% - var(--v-field-padding-start) - var(--v-field-padding-end));
21817
+ pointer-events: none;
21818
+ position: absolute;
21819
+ top: var(--v-input-padding-top);
21820
+ transform-origin: left center;
21821
+ transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
21822
+ transition-property: opacity, transform;
21823
+ z-index: 1;
21775
21824
  }
21776
-
21777
- .v-expansion-panel-text {
21778
- display: flex;
21825
+ .v-field--variant-underlined .v-label.v-field-label, .v-field--variant-plain .v-label.v-field-label {
21826
+ top: calc(var(--v-input-padding-top) + var(--v-field-padding-top));
21779
21827
  }
21780
- .v-expansion-panel-text__wrapper {
21781
- padding: 8px 24px 16px;
21782
- flex: 1 1 auto;
21783
- max-width: 100%;
21828
+ .v-field--center-affix .v-label.v-field-label {
21829
+ top: 50%;
21830
+ transform: translateY(-50%);
21784
21831
  }
21785
-
21786
- .v-expansion-panels--variant-accordion > .v-expansion-panel {
21787
- margin-top: 0;
21832
+ .v-field--active .v-label.v-field-label {
21833
+ visibility: hidden;
21788
21834
  }
21789
- .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
21835
+ .v-field--focused .v-label.v-field-label, .v-field--error .v-label.v-field-label {
21790
21836
  opacity: 1;
21791
21837
  }
21792
-
21793
- .v-expansion-panels--variant-popout > .v-expansion-panel {
21794
- max-width: calc(100% - 32px);
21795
- }
21796
- .v-expansion-panels--variant-popout > .v-expansion-panel--active {
21797
- max-width: calc(100% + 16px);
21838
+ .v-field--error:not(.v-field--disabled) .v-label.v-field-label {
21839
+ color: rgb(var(--v-theme-error));
21798
21840
  }
21799
-
21800
- .v-expansion-panels--variant-inset > .v-expansion-panel {
21841
+ .v-label.v-field-label--floating {
21842
+ --v-field-label-scale: 0.75em;
21843
+ font-size: var(--v-field-label-scale);
21844
+ visibility: hidden;
21801
21845
  max-width: 100%;
21802
21846
  }
21803
- .v-expansion-panels--variant-inset > .v-expansion-panel--active {
21804
- max-width: calc(100% - 32px);
21847
+ .v-field--center-affix .v-label.v-field-label--floating {
21848
+ transform: none;
21805
21849
  }
21806
-
21807
- .v-expansion-panels--flat > .v-expansion-panel::after {
21808
- border-top: none;
21850
+ .v-field.v-field--active .v-label.v-field-label--floating {
21851
+ visibility: unset;
21809
21852
  }
21810
- .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
21811
- display: none;
21853
+ .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 {
21854
+ top: 7px;
21812
21855
  }
21813
21856
 
21814
- .v-expansion-panels--tile {
21815
- border-radius: 0;
21857
+ .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 {
21858
+ top: 5px;
21816
21859
  }
21817
- .v-expansion-panels--tile > .v-expansion-panel {
21818
- border-radius: 0;
21819
- }.v-file-input--hide.v-input .v-field,
21820
- .v-file-input--hide.v-input .v-input__control,
21821
- .v-file-input--hide.v-input .v-input__details {
21822
- display: none;
21860
+
21861
+ .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 {
21862
+ top: 3px;
21823
21863
  }
21824
- .v-file-input--hide.v-input .v-input__prepend {
21825
- grid-area: control;
21826
- margin: 0 auto;
21864
+
21865
+ .v-field--variant-plain .v-label.v-field-label--floating, .v-field--variant-underlined .v-label.v-field-label--floating {
21866
+ transform: translateY(-16px);
21867
+ margin: 0;
21868
+ top: var(--v-input-padding-top);
21827
21869
  }
21828
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21829
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21830
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21831
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21832
- top: 0px;
21870
+ .v-field--variant-outlined .v-label.v-field-label--floating {
21871
+ transform: translateY(-50%);
21872
+ transform-origin: center;
21873
+ position: static;
21874
+ margin: 0 4px;
21833
21875
  }
21834
- .v-file-input input[type=file] {
21876
+
21877
+ /* endregion */
21878
+ /* region OUTLINE */
21879
+ .v-field__outline {
21880
+ --v-field-border-width: 1px;
21881
+ --v-field-border-opacity: 0.38;
21882
+ align-items: stretch;
21883
+ contain: layout;
21884
+ display: flex;
21835
21885
  height: 100%;
21836
21886
  left: 0;
21837
- opacity: 0;
21887
+ pointer-events: none;
21838
21888
  position: absolute;
21839
- top: 0;
21889
+ right: 0;
21840
21890
  width: 100%;
21841
- z-index: 1;
21842
- }
21843
- .v-file-input .v-input__details {
21844
- padding-inline: 16px;
21845
- }
21846
- .v-input--plain-underlined.v-file-input .v-input__details {
21847
- padding-inline: 0;
21848
- }/* region INPUT */
21849
- .v-field {
21850
- display: grid;
21851
- grid-template-areas: "prepend-inner field clear append-inner";
21852
- grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
21853
- font-size: 16px;
21854
- letter-spacing: 0.009375em;
21855
- max-width: 100%;
21856
- border-radius: 4px;
21857
- contain: layout;
21858
- flex: 1 0;
21859
- grid-area: control;
21860
- position: relative;
21861
- --v-field-padding-start: 16px;
21862
- --v-field-padding-end: 16px;
21863
- --v-field-padding-top: 8px;
21864
- --v-field-padding-bottom: 4px;
21865
- --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
21866
- --v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
21867
- }
21868
- .v-field--disabled {
21869
- opacity: var(--v-disabled-opacity);
21870
- pointer-events: none;
21871
- }
21872
- .v-field .v-chip {
21873
- --v-chip-height: 24px;
21874
- }
21875
-
21876
- /* endregion */
21877
- /* region MODIFIERS */
21878
- .v-field--prepended {
21879
- padding-inline-start: 12px;
21880
21891
  }
21881
- .v-field--appended {
21882
- padding-inline-end: 12px;
21883
- }
21884
- .v-field--variant-solo, .v-field--variant-solo-filled {
21885
- background: rgb(var(--v-theme-surface));
21886
- border-color: transparent;
21887
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21888
- 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));
21892
+ @media (hover: hover) {
21893
+ .v-field:hover .v-field__outline {
21894
+ --v-field-border-opacity: var(--v-high-emphasis-opacity);
21895
+ }
21889
21896
  }
21890
- .v-field--variant-solo-inverted {
21891
- background: rgb(var(--v-theme-surface));
21892
- border-color: transparent;
21893
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21894
- 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));
21897
+ .v-field--error:not(.v-field--disabled) .v-field__outline {
21898
+ color: rgb(var(--v-theme-error));
21895
21899
  }
21896
- .v-field--variant-solo-inverted.v-field--focused {
21897
- color: rgb(var(--v-theme-on-surface-variant));
21900
+ .v-field.v-field--focused .v-field__outline, .v-input.v-input--error .v-field__outline {
21901
+ --v-field-border-opacity: 1;
21898
21902
  }
21899
- .v-field--variant-filled {
21900
- border-bottom-left-radius: 0;
21901
- border-bottom-right-radius: 0;
21903
+ .v-field--variant-outlined.v-field--focused .v-field__outline {
21904
+ --v-field-border-width: 2px;
21902
21905
  }
21903
- .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 {
21904
- --v-input-control-height: 56px;
21905
- --v-field-padding-bottom: 4px;
21906
+ .v-field--variant-filled .v-field__outline::before, .v-field--variant-underlined .v-field__outline::before {
21907
+ border-color: currentColor;
21908
+ border-style: solid;
21909
+ border-width: 0 0 var(--v-field-border-width);
21910
+ opacity: var(--v-field-border-opacity);
21911
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21912
+ content: "";
21913
+ position: absolute;
21914
+ top: 0;
21915
+ left: 0;
21916
+ width: 100%;
21917
+ height: 100%;
21906
21918
  }
21907
-
21908
- .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 {
21909
- --v-input-control-height: 48px;
21910
- --v-field-padding-bottom: 0px;
21919
+ .v-field--variant-filled .v-field__outline::after, .v-field--variant-underlined .v-field__outline::after {
21920
+ border-color: currentColor;
21921
+ border-style: solid;
21922
+ border-width: 0 0 2px;
21923
+ transform: scaleX(0);
21924
+ transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
21925
+ content: "";
21926
+ position: absolute;
21927
+ top: 0;
21928
+ left: 0;
21929
+ width: 100%;
21930
+ height: 100%;
21911
21931
  }
21912
-
21913
- .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 {
21914
- --v-input-control-height: 40px;
21915
- --v-field-padding-bottom: 0px;
21932
+ .v-field--focused.v-field--variant-filled .v-field__outline::after, .v-field--focused.v-field--variant-underlined .v-field__outline::after {
21933
+ transform: scaleX(1);
21916
21934
  }
21917
21935
 
21918
- .v-field--variant-outlined, .v-field--single-line, .v-field--no-label {
21919
- --v-field-padding-top: 0px;
21936
+ .v-field--variant-outlined .v-field__outline {
21937
+ border-radius: inherit;
21920
21938
  }
21921
- .v-input--density-default .v-field--variant-outlined, .v-input--density-default .v-field--single-line, .v-input--density-default .v-field--no-label {
21922
- --v-field-padding-bottom: 16px;
21939
+ .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 {
21940
+ border: 0 solid currentColor;
21941
+ opacity: var(--v-field-border-opacity);
21942
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21923
21943
  }
21924
-
21925
- .v-input--density-comfortable .v-field--variant-outlined, .v-input--density-comfortable .v-field--single-line, .v-input--density-comfortable .v-field--no-label {
21926
- --v-field-padding-bottom: 12px;
21944
+ .v-field--variant-outlined .v-field__outline__start {
21945
+ flex: 0 0 12px;
21946
+ border-top-width: var(--v-field-border-width);
21947
+ border-bottom-width: var(--v-field-border-width);
21948
+ border-inline-start-width: var(--v-field-border-width);
21949
+ border-start-start-radius: inherit;
21950
+ border-start-end-radius: 0;
21951
+ border-end-end-radius: 0;
21952
+ border-end-start-radius: inherit;
21953
+ }
21954
+ .v-field--rounded.v-field--variant-outlined .v-field__outline__start,
21955
+ [class^=rounded-].v-field--variant-outlined .v-field__outline__start,
21956
+ [class*=" rounded-"].v-field--variant-outlined .v-field__outline__start {
21957
+ flex-basis: calc(var(--v-input-control-height) / 2 + 2px);
21927
21958
  }
21928
21959
 
21929
- .v-input--density-compact .v-field--variant-outlined, .v-input--density-compact .v-field--single-line, .v-input--density-compact .v-field--no-label {
21930
- --v-field-padding-bottom: 8px;
21960
+ .v-field--reverse.v-field--variant-outlined .v-field__outline__start {
21961
+ border-start-start-radius: 0;
21962
+ border-start-end-radius: inherit;
21963
+ border-end-end-radius: inherit;
21964
+ border-end-start-radius: 0;
21965
+ border-inline-end-width: var(--v-field-border-width);
21966
+ border-inline-start-width: 0;
21931
21967
  }
21932
21968
 
21933
- .v-field--variant-plain, .v-field--variant-underlined {
21934
- border-radius: 0;
21935
- padding: 0;
21969
+ .v-field--variant-outlined .v-field__outline__notch {
21970
+ flex: none;
21971
+ position: relative;
21972
+ max-width: calc(100% - 12px);
21936
21973
  }
21937
- .v-field--variant-plain.v-field, .v-field--variant-underlined.v-field {
21938
- --v-field-padding-start: 0px;
21939
- --v-field-padding-end: 0px;
21974
+ .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after {
21975
+ opacity: var(--v-field-border-opacity);
21976
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21977
+ content: "";
21978
+ position: absolute;
21979
+ top: 0;
21980
+ left: 0;
21981
+ width: 100%;
21982
+ height: 100%;
21940
21983
  }
21941
- .v-input--density-default .v-field--variant-plain, .v-input--density-default .v-field--variant-underlined {
21942
- --v-input-control-height: 48px;
21943
- --v-field-padding-top: 4px;
21944
- --v-field-padding-bottom: 4px;
21984
+ .v-field--variant-outlined .v-field__outline__notch::before {
21985
+ border-width: var(--v-field-border-width) 0 0;
21945
21986
  }
21946
-
21947
- .v-input--density-comfortable .v-field--variant-plain, .v-input--density-comfortable .v-field--variant-underlined {
21948
- --v-input-control-height: 40px;
21949
- --v-field-padding-top: 2px;
21950
- --v-field-padding-bottom: 0px;
21987
+ .v-field--variant-outlined .v-field__outline__notch::after {
21988
+ bottom: 0;
21989
+ border-width: 0 0 var(--v-field-border-width);
21951
21990
  }
21952
-
21953
- .v-input--density-compact .v-field--variant-plain, .v-input--density-compact .v-field--variant-underlined {
21954
- --v-input-control-height: 32px;
21955
- --v-field-padding-top: 0px;
21956
- --v-field-padding-bottom: 0px;
21991
+ .v-field--active.v-field--variant-outlined .v-field__outline__notch::before {
21992
+ opacity: 0;
21957
21993
  }
21958
21994
 
21959
- .v-field--flat {
21960
- box-shadow: none;
21961
- }
21962
- .v-field--rounded {
21963
- border-radius: 24px;
21964
- }
21965
- .v-field.v-field--prepended {
21966
- --v-field-padding-start: 6px;
21995
+ .v-field--variant-outlined .v-field__outline__end {
21996
+ flex: 1;
21997
+ border-top-width: var(--v-field-border-width);
21998
+ border-bottom-width: var(--v-field-border-width);
21999
+ border-inline-end-width: var(--v-field-border-width);
22000
+ border-start-start-radius: 0;
22001
+ border-start-end-radius: inherit;
22002
+ border-end-end-radius: inherit;
22003
+ border-end-start-radius: 0;
21967
22004
  }
21968
- .v-field.v-field--appended {
21969
- --v-field-padding-end: 6px;
22005
+ .v-field--reverse.v-field--variant-outlined .v-field__outline__end {
22006
+ border-start-start-radius: inherit;
22007
+ border-start-end-radius: 0;
22008
+ border-end-end-radius: 0;
22009
+ border-end-start-radius: inherit;
22010
+ border-inline-end-width: 0;
22011
+ border-inline-start-width: var(--v-field-border-width);
21970
22012
  }
21971
22013
 
21972
22014
  /* endregion */
21973
- /* region ELEMENTS */
21974
- .v-field__input {
21975
- align-items: center;
21976
- color: inherit;
21977
- column-gap: 2px;
21978
- display: flex;
21979
- flex-wrap: wrap;
21980
- letter-spacing: 0.009375em;
21981
- opacity: var(--v-high-emphasis-opacity);
21982
- min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
21983
- min-width: 0;
21984
- padding-inline: var(--v-field-padding-start) var(--v-field-padding-end);
21985
- padding-top: var(--v-field-input-padding-top);
21986
- padding-bottom: var(--v-field-input-padding-bottom);
21987
- position: relative;
22015
+ /* region LOADER */
22016
+ .v-field__loader {
22017
+ top: calc(100% - 2px);
22018
+ left: 0;
22019
+ position: absolute;
22020
+ right: 0;
21988
22021
  width: 100%;
22022
+ border-top-left-radius: 0;
22023
+ border-top-right-radius: 0;
22024
+ border-bottom-left-radius: inherit;
22025
+ border-bottom-right-radius: inherit;
22026
+ overflow: hidden;
21989
22027
  }
21990
- .v-input--density-default .v-field__input {
21991
- row-gap: 8px;
21992
- }
21993
-
21994
- .v-input--density-comfortable .v-field__input {
21995
- row-gap: 6px;
22028
+ .v-field--variant-outlined .v-field__loader {
22029
+ top: calc(100% - 3px);
22030
+ width: calc(100% - 1px * 2);
22031
+ left: 1px;
21996
22032
  }
21997
22033
 
21998
- .v-input--density-compact .v-field__input {
21999
- row-gap: 4px;
22034
+ /* endregion */
22035
+ /* region OVERLAY */
22036
+ .v-field__overlay {
22037
+ border-radius: inherit;
22038
+ pointer-events: none;
22039
+ position: absolute;
22040
+ top: 0;
22041
+ left: 0;
22042
+ width: 100%;
22043
+ height: 100%;
22000
22044
  }
22001
22045
 
22002
- .v-field__input input {
22003
- letter-spacing: inherit;
22004
- }
22005
- .v-field__input input::placeholder,
22006
- input.v-field__input::placeholder,
22007
- textarea.v-field__input::placeholder {
22008
- color: currentColor;
22009
- opacity: var(--v-disabled-opacity);
22046
+ .v-field--variant-filled .v-field__overlay {
22047
+ background-color: currentColor;
22048
+ opacity: 0.04;
22049
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22010
22050
  }
22011
-
22012
- .v-field__input:focus, .v-field__input:active {
22013
- outline: none;
22051
+ .v-field--variant-filled.v-field--has-background .v-field__overlay {
22052
+ opacity: 0;
22014
22053
  }
22015
- .v-field__input:invalid {
22016
- box-shadow: none;
22054
+ @media (hover: hover) {
22055
+ .v-field--variant-filled:hover .v-field__overlay {
22056
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
22057
+ }
22017
22058
  }
22018
-
22019
- .v-field__field {
22020
- flex: 1 0;
22021
- grid-area: field;
22022
- position: relative;
22023
- align-items: flex-start;
22024
- display: flex;
22059
+ .v-field--variant-filled.v-field--focused .v-field__overlay {
22060
+ opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
22025
22061
  }
22026
22062
 
22027
- /* endregion */
22028
- /* region AFFIXES */
22029
- .v-field__prepend-inner {
22030
- grid-area: prepend-inner;
22031
- padding-inline-end: var(--v-field-padding-after);
22063
+ .v-field--variant-solo-filled .v-field__overlay {
22064
+ background-color: currentColor;
22065
+ opacity: 0.04;
22066
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22032
22067
  }
22033
-
22034
- .v-field__clearable {
22035
- grid-area: clear;
22068
+ @media (hover: hover) {
22069
+ .v-field--variant-solo-filled:hover .v-field__overlay {
22070
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
22071
+ }
22036
22072
  }
22037
-
22038
- .v-field__append-inner {
22039
- grid-area: append-inner;
22040
- padding-inline-start: var(--v-field-padding-after);
22073
+ .v-field--variant-solo-filled.v-field--focused .v-field__overlay {
22074
+ opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
22041
22075
  }
22042
22076
 
22043
- .v-field__append-inner,
22044
- .v-field__clearable,
22045
- .v-field__prepend-inner {
22046
- display: flex;
22047
- align-items: flex-start;
22048
- padding-top: var(--v-input-padding-top, 8px);
22077
+ .v-field--variant-solo-inverted .v-field__overlay {
22078
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22049
22079
  }
22050
- .v-field--center-affix .v-field__append-inner,
22051
- .v-field--center-affix .v-field__clearable,
22052
- .v-field--center-affix .v-field__prepend-inner {
22053
- align-items: center;
22054
- padding-top: 0;
22080
+ .v-field--variant-solo-inverted.v-field--has-background .v-field__overlay {
22081
+ opacity: 0;
22055
22082
  }
22056
-
22057
- .v-field.v-field--variant-underlined .v-field__append-inner,
22058
- .v-field.v-field--variant-underlined .v-field__clearable,
22059
- .v-field.v-field--variant-underlined .v-field__prepend-inner,
22060
- .v-field.v-field--variant-plain .v-field__append-inner,
22061
- .v-field.v-field--variant-plain .v-field__clearable,
22062
- .v-field.v-field--variant-plain .v-field__prepend-inner {
22063
- align-items: flex-start;
22064
- padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
22065
- padding-bottom: var(--v-field-padding-bottom, 4px);
22083
+ @media (hover: hover) {
22084
+ .v-field--variant-solo-inverted:hover .v-field__overlay {
22085
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
22086
+ }
22066
22087
  }
22067
-
22068
- .v-field--focused .v-field__prepend-inner,
22069
- .v-field--focused .v-field__append-inner {
22088
+ .v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
22089
+ background-color: rgb(var(--v-theme-surface-variant));
22070
22090
  opacity: 1;
22071
22091
  }
22072
22092
 
22073
- .v-field__prepend-inner > .v-icon,
22074
- .v-field__append-inner > .v-icon,
22075
- .v-field__clearable > .v-icon {
22076
- opacity: var(--v-medium-emphasis-opacity);
22093
+ /* endregion */
22094
+ /* region MODIFIERS */
22095
+ .v-field--reverse .v-field__field,
22096
+ .v-field--reverse .v-field__input,
22097
+ .v-field--reverse .v-field__outline {
22098
+ flex-direction: row-reverse;
22077
22099
  }
22078
- .v-field--disabled .v-field__prepend-inner > .v-icon, .v-field--error .v-field__prepend-inner > .v-icon,
22079
- .v-field--disabled .v-field__append-inner > .v-icon,
22080
- .v-field--error .v-field__append-inner > .v-icon,
22081
- .v-field--disabled .v-field__clearable > .v-icon,
22082
- .v-field--error .v-field__clearable > .v-icon {
22083
- opacity: 1;
22100
+ .v-field--reverse .v-field__input, .v-field--reverse input {
22101
+ text-align: end;
22084
22102
  }
22085
- .v-field--error:not(.v-field--disabled) .v-field__prepend-inner > .v-icon,
22086
- .v-field--error:not(.v-field--disabled) .v-field__append-inner > .v-icon,
22087
- .v-field--error:not(.v-field--disabled) .v-field__clearable > .v-icon {
22088
- color: rgb(var(--v-theme-error));
22103
+
22104
+ .v-input--disabled .v-field--variant-filled .v-field__outline::before,
22105
+ .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
22106
+ 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;
22089
22107
  }
22090
22108
 
22091
- .v-field__clearable {
22092
- cursor: pointer;
22109
+ .v-field--loading .v-field__outline::after,
22110
+ .v-field--loading .v-field__outline::before {
22093
22111
  opacity: 0;
22094
- overflow: hidden;
22095
- margin-inline: 4px;
22096
- transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
22097
- transition-property: opacity, transform, width;
22098
22112
  }
22099
- .v-field--focused .v-field__clearable, .v-field--persistent-clear .v-field__clearable {
22100
- opacity: 1;
22113
+
22114
+ /* endregion */.v-expansion-panel {
22115
+ background-color: rgb(var(--v-theme-surface));
22116
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22101
22117
  }
22102
- @media (hover: hover) {
22103
- .v-field:hover .v-field__clearable {
22104
- opacity: 1;
22105
- }
22118
+ .v-expansion-panel:not(:first-child)::after {
22119
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22106
22120
  }
22107
- @media (hover: none) {
22108
- .v-field__clearable {
22109
- opacity: 1;
22110
- }
22121
+ .v-expansion-panel--disabled .v-expansion-panel-title {
22122
+ color: rgba(var(--v-theme-on-surface), 0.26);
22123
+ }
22124
+ .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
22125
+ opacity: 0.4615384615;
22111
22126
  }
22112
22127
 
22113
- /* endregion */
22114
- /* region LABEL */
22115
- .v-label.v-field-label {
22116
- contain: layout paint;
22117
- display: block;
22118
- margin-inline-start: var(--v-field-padding-start);
22119
- margin-inline-end: var(--v-field-padding-end);
22120
- max-width: calc(100% - var(--v-field-padding-start) - var(--v-field-padding-end));
22121
- pointer-events: none;
22122
- position: absolute;
22123
- top: var(--v-input-padding-top);
22124
- transform-origin: left center;
22125
- transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
22126
- transition-property: opacity, transform;
22128
+ .v-expansion-panels {
22129
+ display: flex;
22130
+ flex-wrap: wrap;
22131
+ justify-content: center;
22132
+ list-style-type: none;
22133
+ padding: 0;
22134
+ width: 100%;
22135
+ position: relative;
22127
22136
  z-index: 1;
22128
22137
  }
22129
- .v-field--variant-underlined .v-label.v-field-label, .v-field--variant-plain .v-label.v-field-label {
22130
- top: calc(var(--v-input-padding-top) + var(--v-field-padding-top));
22131
- }
22132
- .v-field--center-affix .v-label.v-field-label {
22133
- top: 50%;
22134
- transform: translateY(-50%);
22135
- }
22136
- .v-field--active .v-label.v-field-label {
22137
- visibility: hidden;
22138
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
22139
+ border-bottom-left-radius: 0 !important;
22140
+ border-bottom-right-radius: 0 !important;
22138
22141
  }
22139
- .v-field--focused .v-label.v-field-label, .v-field--error .v-label.v-field-label {
22140
- opacity: 1;
22142
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
22143
+ border-top-left-radius: 0 !important;
22144
+ border-top-right-radius: 0 !important;
22141
22145
  }
22142
- .v-field--error:not(.v-field--disabled) .v-label.v-field-label {
22143
- color: rgb(var(--v-theme-error));
22146
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
22147
+ border-bottom-left-radius: 0 !important;
22148
+ border-bottom-right-radius: 0 !important;
22144
22149
  }
22145
- .v-label.v-field-label--floating {
22146
- --v-field-label-scale: 0.75em;
22147
- font-size: var(--v-field-label-scale);
22148
- visibility: hidden;
22149
- max-width: 100%;
22150
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :last-child:not(:first-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
22151
+ border-top-left-radius: 0 !important;
22152
+ border-top-right-radius: 0 !important;
22150
22153
  }
22151
- .v-field--center-affix .v-label.v-field-label--floating {
22152
- transform: none;
22154
+ .v-expansion-panels--variant-accordion > :first-child:not(:last-child) {
22155
+ border-bottom-left-radius: 0 !important;
22156
+ border-bottom-right-radius: 0 !important;
22153
22157
  }
22154
- .v-field.v-field--active .v-label.v-field-label--floating {
22155
- visibility: unset;
22158
+ .v-expansion-panels--variant-accordion > :last-child:not(:first-child) {
22159
+ border-top-left-radius: 0 !important;
22160
+ border-top-right-radius: 0 !important;
22156
22161
  }
22157
- .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 {
22158
- top: 7px;
22162
+ .v-expansion-panels--variant-accordion > :last-child:not(:first-child) .v-expansion-panel-title--active {
22163
+ border-bottom-left-radius: initial;
22164
+ border-bottom-right-radius: initial;
22159
22165
  }
22160
-
22161
- .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 {
22162
- top: 5px;
22166
+ .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
22167
+ border-radius: 0 !important;
22163
22168
  }
22164
-
22165
- .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 {
22166
- top: 3px;
22169
+ .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
22170
+ transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
22167
22171
  }
22168
22172
 
22169
- .v-field--variant-plain .v-label.v-field-label--floating, .v-field--variant-underlined .v-label.v-field-label--floating {
22170
- transform: translateY(-16px);
22171
- margin: 0;
22172
- top: var(--v-input-padding-top);
22173
- }
22174
- .v-field--variant-outlined .v-label.v-field-label--floating {
22175
- transform: translateY(-50%);
22176
- transform-origin: center;
22177
- position: static;
22178
- margin: 0 4px;
22173
+ .v-expansion-panel {
22174
+ flex: 1 0 100%;
22175
+ max-width: 100%;
22176
+ position: relative;
22177
+ transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
22178
+ transition-property: margin-top, border-radius, border, max-width;
22179
+ border-radius: 4px;
22179
22180
  }
22180
-
22181
- /* endregion */
22182
- /* region OUTLINE */
22183
- .v-field__outline {
22184
- --v-field-border-width: 1px;
22185
- --v-field-border-opacity: 0.38;
22186
- align-items: stretch;
22187
- contain: layout;
22188
- display: flex;
22189
- height: 100%;
22181
+ .v-expansion-panel:not(:first-child)::after {
22182
+ border-top-style: solid;
22183
+ border-top-width: thin;
22184
+ content: "";
22190
22185
  left: 0;
22191
- pointer-events: none;
22192
22186
  position: absolute;
22193
22187
  right: 0;
22194
- width: 100%;
22188
+ top: 0;
22189
+ transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
22195
22190
  }
22196
- @media (hover: hover) {
22197
- .v-field:hover .v-field__outline {
22198
- --v-field-border-opacity: var(--v-high-emphasis-opacity);
22199
- }
22191
+ .v-expansion-panel--disabled .v-expansion-panel-title {
22192
+ pointer-events: none;
22200
22193
  }
22201
- .v-field--error:not(.v-field--disabled) .v-field__outline {
22202
- color: rgb(var(--v-theme-error));
22194
+ .v-expansion-panel--active:not(:first-child),
22195
+ .v-expansion-panel--active + .v-expansion-panel {
22196
+ margin-top: 16px;
22203
22197
  }
22204
- .v-field.v-field--focused .v-field__outline, .v-input.v-input--error .v-field__outline {
22205
- --v-field-border-opacity: 1;
22198
+ .v-expansion-panel--active:not(:first-child)::after,
22199
+ .v-expansion-panel--active + .v-expansion-panel::after {
22200
+ opacity: 0;
22206
22201
  }
22207
- .v-field--variant-outlined.v-field--focused .v-field__outline {
22208
- --v-field-border-width: 2px;
22202
+ .v-expansion-panel--active > .v-expansion-panel-title {
22203
+ border-bottom-left-radius: 0;
22204
+ border-bottom-right-radius: 0;
22209
22205
  }
22210
- .v-field--variant-filled .v-field__outline::before, .v-field--variant-underlined .v-field__outline::before {
22211
- border-color: currentColor;
22212
- border-style: solid;
22213
- border-width: 0 0 var(--v-field-border-width);
22214
- opacity: var(--v-field-border-opacity);
22215
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22216
- content: "";
22206
+ .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
22207
+ min-height: 64px;
22208
+ }
22209
+
22210
+ .v-expansion-panel__shadow {
22217
22211
  position: absolute;
22218
22212
  top: 0;
22219
22213
  left: 0;
22220
22214
  width: 100%;
22221
22215
  height: 100%;
22216
+ 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));
22217
+ border-radius: inherit;
22218
+ z-index: -1;
22222
22219
  }
22223
- .v-field--variant-filled .v-field__outline::after, .v-field--variant-underlined .v-field__outline::after {
22224
- border-color: currentColor;
22225
- border-style: solid;
22226
- border-width: 0 0 2px;
22227
- transform: scaleX(0);
22228
- transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
22229
- content: "";
22220
+
22221
+ .v-expansion-panel-title {
22222
+ align-items: center;
22223
+ text-align: start;
22224
+ border-radius: inherit;
22225
+ display: flex;
22226
+ font-size: 0.9375rem;
22227
+ line-height: 1;
22228
+ min-height: 48px;
22229
+ outline: none;
22230
+ padding: 16px 24px;
22231
+ position: relative;
22232
+ transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
22233
+ width: 100%;
22234
+ justify-content: space-between;
22235
+ }
22236
+ .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
22237
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22238
+ }
22239
+ .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
22240
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
22241
+ }
22242
+ @supports not selector(:focus-visible) {
22243
+ .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
22244
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
22245
+ }
22246
+ }
22247
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active .v-expansion-panel-title__overlay {
22248
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
22249
+ }
22250
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:hover .v-expansion-panel-title__overlay {
22251
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
22252
+ }
22253
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus-visible .v-expansion-panel-title__overlay {
22254
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
22255
+ }
22256
+ @supports not selector(:focus-visible) {
22257
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus .v-expansion-panel-title__overlay {
22258
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
22259
+ }
22260
+ }
22261
+
22262
+ .v-expansion-panel-title__overlay {
22230
22263
  position: absolute;
22231
22264
  top: 0;
22232
22265
  left: 0;
22233
22266
  width: 100%;
22234
22267
  height: 100%;
22268
+ background-color: currentColor;
22269
+ border-radius: inherit;
22270
+ opacity: 0;
22271
+ }
22272
+
22273
+ .v-expansion-panel-title__icon {
22274
+ display: inline-flex;
22275
+ margin-bottom: -4px;
22276
+ margin-top: -4px;
22277
+ -webkit-user-select: none;
22278
+ user-select: none;
22279
+ margin-inline-start: auto;
22280
+ }
22281
+
22282
+ .v-expansion-panel-text {
22283
+ display: flex;
22284
+ }
22285
+ .v-expansion-panel-text__wrapper {
22286
+ padding: 8px 24px 16px;
22287
+ flex: 1 1 auto;
22288
+ max-width: 100%;
22235
22289
  }
22236
- .v-field--focused.v-field--variant-filled .v-field__outline::after, .v-field--focused.v-field--variant-underlined .v-field__outline::after {
22237
- transform: scaleX(1);
22290
+
22291
+ .v-expansion-panels--variant-accordion > .v-expansion-panel {
22292
+ margin-top: 0;
22293
+ }
22294
+ .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
22295
+ opacity: 1;
22238
22296
  }
22239
22297
 
22240
- .v-field--variant-outlined .v-field__outline {
22241
- border-radius: inherit;
22298
+ .v-expansion-panels--variant-popout > .v-expansion-panel {
22299
+ max-width: calc(100% - 32px);
22242
22300
  }
22243
- .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 {
22244
- border: 0 solid currentColor;
22245
- opacity: var(--v-field-border-opacity);
22246
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22301
+ .v-expansion-panels--variant-popout > .v-expansion-panel--active {
22302
+ max-width: calc(100% + 16px);
22247
22303
  }
22248
- .v-field--variant-outlined .v-field__outline__start {
22249
- flex: 0 0 12px;
22250
- border-top-width: var(--v-field-border-width);
22251
- border-bottom-width: var(--v-field-border-width);
22252
- border-inline-start-width: var(--v-field-border-width);
22253
- border-start-start-radius: inherit;
22254
- border-start-end-radius: 0;
22255
- border-end-end-radius: 0;
22256
- border-end-start-radius: inherit;
22304
+
22305
+ .v-expansion-panels--variant-inset > .v-expansion-panel {
22306
+ max-width: 100%;
22257
22307
  }
22258
- .v-field--rounded.v-field--variant-outlined .v-field__outline__start,
22259
- [class^=rounded-].v-field--variant-outlined .v-field__outline__start,
22260
- [class*=" rounded-"].v-field--variant-outlined .v-field__outline__start {
22261
- flex-basis: calc(var(--v-input-control-height) / 2 + 2px);
22308
+ .v-expansion-panels--variant-inset > .v-expansion-panel--active {
22309
+ max-width: calc(100% - 32px);
22262
22310
  }
22263
22311
 
22264
- .v-field--reverse.v-field--variant-outlined .v-field__outline__start {
22265
- border-start-start-radius: 0;
22266
- border-start-end-radius: inherit;
22267
- border-end-end-radius: inherit;
22268
- border-end-start-radius: 0;
22269
- border-inline-end-width: var(--v-field-border-width);
22270
- border-inline-start-width: 0;
22312
+ .v-expansion-panels--flat > .v-expansion-panel::after {
22313
+ border-top: none;
22314
+ }
22315
+ .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
22316
+ display: none;
22271
22317
  }
22272
22318
 
22273
- .v-field--variant-outlined .v-field__outline__notch {
22274
- flex: none;
22275
- position: relative;
22276
- max-width: calc(100% - 12px);
22319
+ .v-expansion-panels--tile {
22320
+ border-radius: 0;
22277
22321
  }
22278
- .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after {
22279
- opacity: var(--v-field-border-opacity);
22280
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22281
- content: "";
22282
- position: absolute;
22283
- top: 0;
22284
- left: 0;
22322
+ .v-expansion-panels--tile > .v-expansion-panel {
22323
+ border-radius: 0;
22324
+ }.v-empty-state {
22325
+ align-items: center;
22326
+ display: flex;
22327
+ flex-direction: column;
22328
+ justify-content: center;
22329
+ min-height: 100%;
22330
+ padding: 16px;
22331
+ }
22332
+ .v-empty-state--start {
22333
+ align-items: flex-start;
22334
+ }
22335
+ .v-empty-state--center {
22336
+ align-items: center;
22337
+ }
22338
+ .v-empty-state--end {
22339
+ align-items: flex-end;
22340
+ }
22341
+
22342
+ .v-empty-state__media {
22343
+ text-align: center;
22285
22344
  width: 100%;
22286
- height: 100%;
22287
22345
  }
22288
- .v-field--variant-outlined .v-field__outline__notch::before {
22289
- border-width: var(--v-field-border-width) 0 0;
22346
+ .v-empty-state__media .v-icon {
22347
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
22290
22348
  }
22291
- .v-field--variant-outlined .v-field__outline__notch::after {
22292
- bottom: 0;
22293
- border-width: 0 0 var(--v-field-border-width);
22349
+
22350
+ .v-empty-state__headline {
22351
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
22352
+ font-size: 3.75rem;
22353
+ font-weight: 300;
22354
+ line-height: 1;
22355
+ text-align: center;
22356
+ margin-bottom: 8px;
22294
22357
  }
22295
- .v-field--active.v-field--variant-outlined .v-field__outline__notch::before {
22296
- opacity: 0;
22358
+ .v-empty-state--mobile .v-empty-state__headline {
22359
+ font-size: 2.125rem;
22297
22360
  }
22298
22361
 
22299
- .v-field--variant-outlined .v-field__outline__end {
22300
- flex: 1;
22301
- border-top-width: var(--v-field-border-width);
22302
- border-bottom-width: var(--v-field-border-width);
22303
- border-inline-end-width: var(--v-field-border-width);
22304
- border-start-start-radius: 0;
22305
- border-start-end-radius: inherit;
22306
- border-end-end-radius: inherit;
22307
- border-end-start-radius: 0;
22362
+ .v-empty-state__title {
22363
+ font-size: 1.25rem;
22364
+ font-weight: 500;
22365
+ line-height: 1.6;
22366
+ margin-bottom: 4px;
22367
+ text-align: center;
22308
22368
  }
22309
- .v-field--reverse.v-field--variant-outlined .v-field__outline__end {
22310
- border-start-start-radius: inherit;
22311
- border-start-end-radius: 0;
22312
- border-end-end-radius: 0;
22313
- border-end-start-radius: inherit;
22314
- border-inline-end-width: 0;
22315
- border-inline-start-width: var(--v-field-border-width);
22369
+
22370
+ .v-empty-state__text {
22371
+ font-size: 0.875rem;
22372
+ font-weight: 400;
22373
+ line-height: 1.425;
22374
+ padding: 0 16px;
22375
+ text-align: center;
22316
22376
  }
22317
22377
 
22318
- /* endregion */
22319
- /* region LOADER */
22320
- .v-field__loader {
22321
- top: calc(100% - 2px);
22322
- left: 0;
22323
- position: absolute;
22324
- right: 0;
22325
- width: 100%;
22326
- border-top-left-radius: 0;
22327
- border-top-right-radius: 0;
22328
- border-bottom-left-radius: inherit;
22329
- border-bottom-right-radius: inherit;
22330
- overflow: hidden;
22378
+ .v-empty-state__content {
22379
+ padding: 24px 0;
22331
22380
  }
22332
- .v-field--variant-outlined .v-field__loader {
22333
- top: calc(100% - 3px);
22334
- width: calc(100% - 1px * 2);
22335
- left: 1px;
22381
+
22382
+ .v-empty-state__actions {
22383
+ display: flex;
22384
+ gap: 8px;
22385
+ padding: 16px;
22336
22386
  }
22337
22387
 
22338
- /* endregion */
22339
- /* region OVERLAY */
22340
- .v-field__overlay {
22341
- border-radius: inherit;
22388
+ .v-empty-state__action-btn.v-btn {
22389
+ background-color: rgb(var(--v-theme-surface-variant));
22390
+ color: rgb(var(--v-theme-on-surface-variant));
22391
+ }.v-fab {
22392
+ align-items: center;
22393
+ display: inline-flex;
22394
+ flex: 1 1 auto;
22342
22395
  pointer-events: none;
22343
- position: absolute;
22344
- top: 0;
22345
- left: 0;
22346
- width: 100%;
22347
- height: 100%;
22396
+ position: relative;
22397
+ transition-duration: 0.2s;
22398
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
22399
+ vertical-align: middle;
22348
22400
  }
22349
-
22350
- .v-field--variant-filled .v-field__overlay {
22351
- background-color: currentColor;
22352
- opacity: 0.04;
22353
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22401
+ .v-fab .v-btn {
22402
+ pointer-events: auto;
22354
22403
  }
22355
- .v-field--variant-filled.v-field--has-background .v-field__overlay {
22356
- opacity: 0;
22404
+ .v-fab .v-btn--variant-elevated {
22405
+ 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));
22357
22406
  }
22358
- @media (hover: hover) {
22359
- .v-field--variant-filled:hover .v-field__overlay {
22360
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
22361
- }
22407
+ .v-fab--app, .v-fab--absolute {
22408
+ display: flex;
22362
22409
  }
22363
- .v-field--variant-filled.v-field--focused .v-field__overlay {
22364
- opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
22410
+ .v-fab--start, .v-fab--left {
22411
+ justify-content: flex-start;
22365
22412
  }
22366
-
22367
- .v-field--variant-solo-filled .v-field__overlay {
22368
- background-color: currentColor;
22369
- opacity: 0.04;
22370
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22413
+ .v-fab--center {
22414
+ align-items: center;
22415
+ justify-content: center;
22371
22416
  }
22372
- @media (hover: hover) {
22373
- .v-field--variant-solo-filled:hover .v-field__overlay {
22374
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
22375
- }
22417
+ .v-fab--end, .v-fab--right {
22418
+ justify-content: flex-end;
22376
22419
  }
22377
- .v-field--variant-solo-filled.v-field--focused .v-field__overlay {
22378
- opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
22420
+ .v-fab--bottom {
22421
+ align-items: flex-end;
22422
+ }
22423
+ .v-fab--top {
22424
+ align-items: flex-start;
22425
+ }
22426
+ .v-fab--extended .v-btn {
22427
+ border-radius: 9999px !important;
22379
22428
  }
22380
22429
 
22381
- .v-field--variant-solo-inverted .v-field__overlay {
22382
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22430
+ .v-fab__container {
22431
+ align-self: center;
22432
+ display: inline-flex;
22433
+ position: absolute;
22434
+ vertical-align: middle;
22383
22435
  }
22384
- .v-field--variant-solo-inverted.v-field--has-background .v-field__overlay {
22385
- opacity: 0;
22436
+ .v-fab--app .v-fab__container {
22437
+ margin: 12px;
22386
22438
  }
22387
- @media (hover: hover) {
22388
- .v-field--variant-solo-inverted:hover .v-field__overlay {
22389
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
22390
- }
22439
+ .v-fab--absolute .v-fab__container {
22440
+ position: absolute;
22441
+ z-index: 4;
22391
22442
  }
22392
- .v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
22393
- background-color: rgb(var(--v-theme-surface-variant));
22394
- opacity: 1;
22443
+ .v-fab--offset.v-fab--top .v-fab__container {
22444
+ transform: translateY(-50%);
22395
22445
  }
22396
-
22397
- /* endregion */
22398
- /* region MODIFIERS */
22399
- .v-field--reverse .v-field__field,
22400
- .v-field--reverse .v-field__input,
22401
- .v-field--reverse .v-field__outline {
22402
- flex-direction: row-reverse;
22446
+ .v-fab--offset.v-fab--bottom .v-fab__container {
22447
+ transform: translateY(50%);
22403
22448
  }
22404
- .v-field--reverse .v-field__input, .v-field--reverse input {
22405
- text-align: end;
22449
+ .v-fab--top .v-fab__container {
22450
+ top: 0;
22406
22451
  }
22407
-
22408
- .v-input--disabled .v-field--variant-filled .v-field__outline::before,
22409
- .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
22410
- 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;
22452
+ .v-fab--bottom .v-fab__container {
22453
+ bottom: 0;
22411
22454
  }
22412
-
22413
- .v-field--loading .v-field__outline::after,
22414
- .v-field--loading .v-field__outline::before {
22415
- opacity: 0;
22455
+ .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
22456
+ left: 0;
22416
22457
  }
22417
-
22418
- /* endregion */.v-footer {
22458
+ .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
22459
+ right: 0;
22460
+ }.v-footer {
22419
22461
  align-items: center;
22420
22462
  display: flex;
22421
22463
  flex: 1 1 auto;
@@ -22443,31 +22485,71 @@ textarea.v-field__input::placeholder {
22443
22485
  }
22444
22486
  .v-footer--rounded {
22445
22487
  border-radius: 4px;
22446
- }.v-infinite-scroll--horizontal {
22447
- display: flex;
22448
- flex-direction: row;
22449
- overflow-x: auto;
22488
+ }.v-file-input--hide.v-input .v-field,
22489
+ .v-file-input--hide.v-input .v-input__control,
22490
+ .v-file-input--hide.v-input .v-input__details {
22491
+ display: none;
22450
22492
  }
22451
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
22493
+ .v-file-input--hide.v-input .v-input__prepend {
22494
+ grid-area: control;
22495
+ margin: 0 auto;
22496
+ }
22497
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
22498
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
22499
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
22500
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
22501
+ top: 0px;
22502
+ }
22503
+ .v-file-input input[type=file] {
22452
22504
  height: 100%;
22453
- width: 1px;
22505
+ left: 0;
22506
+ opacity: 0;
22507
+ position: absolute;
22508
+ top: 0;
22509
+ width: 100%;
22510
+ z-index: 1;
22454
22511
  }
22455
-
22456
- .v-infinite-scroll--vertical {
22457
- display: flex;
22458
- flex-direction: column;
22459
- overflow-y: auto;
22512
+ .v-file-input .v-input__details {
22513
+ padding-inline: 16px;
22460
22514
  }
22461
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
22462
- height: 1px;
22515
+ .v-input--plain-underlined.v-file-input .v-input__details {
22516
+ padding-inline: 0;
22517
+ }.v-img {
22518
+ --v-theme-overlay-multiplier: 3;
22519
+ z-index: 0;
22520
+ }
22521
+ .v-img--booting .v-responsive__sizer {
22522
+ transition: none;
22523
+ }
22524
+ .v-img--rounded {
22525
+ border-radius: 4px;
22526
+ }
22527
+
22528
+ .v-img__img,
22529
+ .v-img__picture,
22530
+ .v-img__gradient,
22531
+ .v-img__placeholder,
22532
+ .v-img__error {
22533
+ z-index: -1;
22534
+ position: absolute;
22535
+ top: 0;
22536
+ left: 0;
22463
22537
  width: 100%;
22538
+ height: 100%;
22464
22539
  }
22465
22540
 
22466
- .v-infinite-scroll__side {
22467
- align-items: center;
22468
- display: flex;
22469
- justify-content: center;
22470
- padding: 8px;
22541
+ .v-img__img--preload {
22542
+ filter: blur(4px);
22543
+ }
22544
+ .v-img__img--contain {
22545
+ object-fit: contain;
22546
+ }
22547
+ .v-img__img--cover {
22548
+ object-fit: cover;
22549
+ }
22550
+
22551
+ .v-img__gradient {
22552
+ background-repeat: no-repeat;
22471
22553
  }.v-icon {
22472
22554
  --v-icon-size-multiplier: 1;
22473
22555
  align-items: center;
@@ -22521,42 +22603,36 @@ textarea.v-field__input::placeholder {
22521
22603
 
22522
22604
  .v-icon--end {
22523
22605
  margin-inline-start: 8px;
22524
- }.v-img {
22525
- --v-theme-overlay-multiplier: 3;
22526
- z-index: 0;
22527
- }
22528
- .v-img--booting .v-responsive__sizer {
22529
- transition: none;
22530
- }
22531
- .v-img--rounded {
22532
- border-radius: 4px;
22606
+ }.v-item-group {
22607
+ flex: 0 1 auto;
22608
+ max-width: 100%;
22609
+ position: relative;
22610
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22611
+ }.v-infinite-scroll--horizontal {
22612
+ display: flex;
22613
+ flex-direction: row;
22614
+ overflow-x: auto;
22533
22615
  }
22534
-
22535
- .v-img__img,
22536
- .v-img__picture,
22537
- .v-img__gradient,
22538
- .v-img__placeholder,
22539
- .v-img__error {
22540
- z-index: -1;
22541
- position: absolute;
22542
- top: 0;
22543
- left: 0;
22544
- width: 100%;
22616
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
22545
22617
  height: 100%;
22618
+ width: 1px;
22546
22619
  }
22547
22620
 
22548
- .v-img__img--preload {
22549
- filter: blur(4px);
22550
- }
22551
- .v-img__img--contain {
22552
- object-fit: contain;
22621
+ .v-infinite-scroll--vertical {
22622
+ display: flex;
22623
+ flex-direction: column;
22624
+ overflow-y: auto;
22553
22625
  }
22554
- .v-img__img--cover {
22555
- object-fit: cover;
22626
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
22627
+ height: 1px;
22628
+ width: 100%;
22556
22629
  }
22557
22630
 
22558
- .v-img__gradient {
22559
- background-repeat: no-repeat;
22631
+ .v-infinite-scroll__side {
22632
+ align-items: center;
22633
+ display: flex;
22634
+ justify-content: center;
22635
+ padding: 8px;
22560
22636
  }.v-input {
22561
22637
  display: grid;
22562
22638
  flex: 1 1 auto;
@@ -22714,28 +22790,6 @@ textarea.v-field__input::placeholder {
22714
22790
 
22715
22791
  .v-label--clickable {
22716
22792
  cursor: pointer;
22717
- }.v-item-group {
22718
- flex: 0 1 auto;
22719
- max-width: 100%;
22720
- position: relative;
22721
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22722
- }.v-layout-item {
22723
- position: absolute;
22724
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22725
- }
22726
-
22727
- .v-layout-item--absolute {
22728
- position: absolute;
22729
- }.v-layout {
22730
- --v-scrollbar-offset: 0px;
22731
- display: flex;
22732
- flex: 1 1 auto;
22733
- }
22734
- .v-layout--full-height {
22735
- --v-scrollbar-offset: inherit;
22736
- height: 100%;
22737
- }.v-locale-provider {
22738
- display: contents;
22739
22793
  }.v-list {
22740
22794
  overflow: auto;
22741
22795
  padding: 8px 0;
@@ -23293,6 +23347,23 @@ textarea.v-field__input::placeholder {
23293
23347
  }
23294
23348
  .v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
23295
23349
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
23350
+ }.v-layout {
23351
+ --v-scrollbar-offset: 0px;
23352
+ display: flex;
23353
+ flex: 1 1 auto;
23354
+ }
23355
+ .v-layout--full-height {
23356
+ --v-scrollbar-offset: inherit;
23357
+ height: 100%;
23358
+ }.v-layout-item {
23359
+ position: absolute;
23360
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23361
+ }
23362
+
23363
+ .v-layout-item--absolute {
23364
+ position: absolute;
23365
+ }.v-locale-provider {
23366
+ display: contents;
23296
23367
  }.v-menu > .v-overlay__content {
23297
23368
  display: flex;
23298
23369
  flex-direction: column;
@@ -23334,6 +23405,22 @@ textarea.v-field__input::placeholder {
23334
23405
  --v-layout-right: 0px;
23335
23406
  --v-layout-top: 0px;
23336
23407
  --v-layout-bottom: 0px;
23408
+ }.v-messages {
23409
+ flex: 1 1 auto;
23410
+ font-size: 12px;
23411
+ min-height: 14px;
23412
+ min-width: 1px;
23413
+ opacity: var(--v-medium-emphasis-opacity);
23414
+ position: relative;
23415
+ }
23416
+ .v-messages__message {
23417
+ line-height: 12px;
23418
+ word-break: break-word;
23419
+ overflow-wrap: break-word;
23420
+ word-wrap: break-word;
23421
+ -webkit-hyphens: auto;
23422
+ hyphens: auto;
23423
+ transition-duration: 150ms;
23337
23424
  }.v-navigation-drawer {
23338
23425
  -webkit-overflow-scrolling: touch;
23339
23426
  background: rgb(var(--v-theme-surface));
@@ -23436,22 +23523,6 @@ textarea.v-field__input::placeholder {
23436
23523
  .v-navigation-drawer__append {
23437
23524
  flex: none;
23438
23525
  overflow: hidden;
23439
- }.v-messages {
23440
- flex: 1 1 auto;
23441
- font-size: 12px;
23442
- min-height: 14px;
23443
- min-width: 1px;
23444
- opacity: var(--v-medium-emphasis-opacity);
23445
- position: relative;
23446
- }
23447
- .v-messages__message {
23448
- line-height: 12px;
23449
- word-break: break-word;
23450
- overflow-wrap: break-word;
23451
- word-wrap: break-word;
23452
- -webkit-hyphens: auto;
23453
- hyphens: auto;
23454
- transition-duration: 150ms;
23455
23526
  }.v-otp-input {
23456
23527
  border-radius: 4px;
23457
23528
  align-items: center;
@@ -23508,14 +23579,6 @@ textarea.v-field__input::placeholder {
23508
23579
  }
23509
23580
  .v-otp-input__loader .v-progress-linear {
23510
23581
  position: absolute;
23511
- }.v-pagination__list {
23512
- display: inline-flex;
23513
- list-style-type: none;
23514
- justify-content: center;
23515
- width: 100%;
23516
- }
23517
- .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
23518
- margin: 0.3rem;
23519
23582
  }.v-overlay-container {
23520
23583
  contain: layout;
23521
23584
  left: 0;
@@ -23579,6 +23642,12 @@ html.v-overlay-scroll-blocked {
23579
23642
 
23580
23643
  .v-overlay--scroll-blocked {
23581
23644
  padding-inline-end: var(--v-scrollbar-offset);
23645
+ }.v-parallax {
23646
+ position: relative;
23647
+ overflow: hidden;
23648
+ }
23649
+ .v-parallax--active > .v-img__img {
23650
+ will-change: transform;
23582
23651
  }.v-progress-circular {
23583
23652
  align-items: center;
23584
23653
  display: inline-flex;
@@ -23669,36 +23738,18 @@ html.v-overlay-scroll-blocked {
23669
23738
  stroke-dashoffset: 0px;
23670
23739
  }
23671
23740
  50% {
23672
- stroke-dasharray: 100, 200;
23673
- stroke-dashoffset: -15px;
23674
- }
23675
- 100% {
23676
- stroke-dasharray: 100, 200;
23677
- stroke-dashoffset: -124px;
23678
- }
23679
- }
23680
- @keyframes progress-circular-rotate {
23681
- 100% {
23682
- transform: rotate(270deg);
23683
- }
23684
- }.v-parallax {
23685
- position: relative;
23686
- overflow: hidden;
23687
- }
23688
- .v-parallax--active > .v-img__img {
23689
- will-change: transform;
23690
- }.v-radio-group > .v-input__control {
23691
- flex-direction: column;
23692
- }
23693
- .v-radio-group > .v-input__control > .v-label {
23694
- margin-inline-start: 16px;
23695
- }
23696
- .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
23697
- padding-inline-start: 6px;
23698
- margin-top: 8px;
23741
+ stroke-dasharray: 100, 200;
23742
+ stroke-dashoffset: -15px;
23743
+ }
23744
+ 100% {
23745
+ stroke-dasharray: 100, 200;
23746
+ stroke-dashoffset: -124px;
23747
+ }
23699
23748
  }
23700
- .v-radio-group .v-input__details {
23701
- padding-inline: 16px;
23749
+ @keyframes progress-circular-rotate {
23750
+ 100% {
23751
+ transform: rotate(270deg);
23752
+ }
23702
23753
  }.v-progress-linear {
23703
23754
  background: transparent;
23704
23755
  overflow: hidden;
@@ -23910,97 +23961,26 @@ html.v-overlay-scroll-blocked {
23910
23961
  0% {
23911
23962
  background-position-x: var(--v-progress-linear-height);
23912
23963
  }
23913
- }.v-responsive {
23914
- display: flex;
23915
- flex: 1 0 auto;
23916
- max-height: 100%;
23917
- max-width: 100%;
23918
- overflow: hidden;
23919
- position: relative;
23920
- }
23921
- .v-responsive--inline {
23964
+ }.v-pagination__list {
23922
23965
  display: inline-flex;
23923
- flex: 0 0 auto;
23924
- }
23925
-
23926
- .v-responsive__content {
23927
- flex: 1 0 0px;
23928
- max-width: 100%;
23929
- }
23930
-
23931
- .v-responsive__sizer ~ .v-responsive__content {
23932
- margin-inline-start: -100%;
23933
- }
23934
-
23935
- .v-responsive__sizer {
23936
- flex: 1 0 0px;
23937
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23938
- pointer-events: none;
23939
- }.v-slider .v-slider__container input {
23940
- cursor: default;
23941
- padding: 0;
23942
- width: 100%;
23943
- display: none;
23944
- }
23945
- .v-slider > .v-input__append,
23946
- .v-slider > .v-input__prepend {
23947
- padding: 0;
23948
- }
23949
-
23950
- .v-slider__container {
23951
- position: relative;
23952
- min-height: inherit;
23953
- width: 100%;
23954
- height: 100%;
23955
- display: flex;
23956
- justify-content: center;
23957
- align-items: center;
23958
- cursor: pointer;
23959
- }
23960
- .v-input--disabled .v-slider__container {
23961
- opacity: var(--v-disabled-opacity);
23962
- }
23963
- .v-input--error:not(.v-input--disabled) .v-slider__container {
23964
- color: rgb(var(--v-theme-error));
23965
- }
23966
-
23967
- .v-slider.v-input--horizontal {
23968
- align-items: center;
23969
- margin-inline: 8px 8px;
23970
- }
23971
- .v-slider.v-input--horizontal > .v-input__control {
23972
- min-height: 32px;
23973
- display: flex;
23974
- align-items: center;
23975
- }
23976
-
23977
- .v-slider.v-input--vertical {
23966
+ list-style-type: none;
23978
23967
  justify-content: center;
23979
- margin-top: 12px;
23980
- margin-bottom: 12px;
23981
- }
23982
- .v-slider.v-input--vertical > .v-input__control {
23983
- min-height: 300px;
23968
+ width: 100%;
23984
23969
  }
23985
-
23986
- .v-slider.v-input--disabled {
23987
- pointer-events: none;
23970
+ .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
23971
+ margin: 0.3rem;
23972
+ }.v-radio-group > .v-input__control {
23973
+ flex-direction: column;
23988
23974
  }
23989
-
23990
- .v-slider--has-labels > .v-input__control {
23991
- margin-bottom: 4px;
23975
+ .v-radio-group > .v-input__control > .v-label {
23976
+ margin-inline-start: 16px;
23992
23977
  }
23993
-
23994
- .v-slider__label {
23995
- margin-inline-end: 12px;
23996
- }.v-selection-control-group {
23997
- grid-area: control;
23998
- display: flex;
23999
- flex-direction: column;
23978
+ .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
23979
+ padding-inline-start: 6px;
23980
+ margin-top: 8px;
24000
23981
  }
24001
- .v-selection-control-group--inline {
24002
- flex-direction: row;
24003
- flex-wrap: wrap;
23982
+ .v-radio-group .v-input__details {
23983
+ padding-inline: 16px;
24004
23984
  }.v-rating {
24005
23985
  max-width: 100%;
24006
23986
  display: inline-flex;
@@ -24055,6 +24035,32 @@ html.v-overlay-scroll-blocked {
24055
24035
  opacity: 0;
24056
24036
  position: absolute;
24057
24037
  width: 0;
24038
+ }.v-responsive {
24039
+ display: flex;
24040
+ flex: 1 0 auto;
24041
+ max-height: 100%;
24042
+ max-width: 100%;
24043
+ overflow: hidden;
24044
+ position: relative;
24045
+ }
24046
+ .v-responsive--inline {
24047
+ display: inline-flex;
24048
+ flex: 0 0 auto;
24049
+ }
24050
+
24051
+ .v-responsive__content {
24052
+ flex: 1 0 0px;
24053
+ max-width: 100%;
24054
+ }
24055
+
24056
+ .v-responsive__sizer ~ .v-responsive__content {
24057
+ margin-inline-start: -100%;
24058
+ }
24059
+
24060
+ .v-responsive__sizer {
24061
+ flex: 1 0 0px;
24062
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24063
+ pointer-events: none;
24058
24064
  }.v-select .v-field .v-text-field__prefix,
24059
24065
  .v-select .v-field .v-text-field__suffix,
24060
24066
  .v-select .v-field .v-field__input, .v-select .v-field.v-field {
@@ -24103,6 +24109,71 @@ html.v-overlay-scroll-blocked {
24103
24109
  .v-select--active-menu .v-select__menu-icon {
24104
24110
  opacity: var(--v-high-emphasis-opacity);
24105
24111
  transform: rotate(180deg);
24112
+ }.v-slider .v-slider__container input {
24113
+ cursor: default;
24114
+ padding: 0;
24115
+ width: 100%;
24116
+ display: none;
24117
+ }
24118
+ .v-slider > .v-input__append,
24119
+ .v-slider > .v-input__prepend {
24120
+ padding: 0;
24121
+ }
24122
+
24123
+ .v-slider__container {
24124
+ position: relative;
24125
+ min-height: inherit;
24126
+ width: 100%;
24127
+ height: 100%;
24128
+ display: flex;
24129
+ justify-content: center;
24130
+ align-items: center;
24131
+ cursor: pointer;
24132
+ }
24133
+ .v-input--disabled .v-slider__container {
24134
+ opacity: var(--v-disabled-opacity);
24135
+ }
24136
+ .v-input--error:not(.v-input--disabled) .v-slider__container {
24137
+ color: rgb(var(--v-theme-error));
24138
+ }
24139
+
24140
+ .v-slider.v-input--horizontal {
24141
+ align-items: center;
24142
+ margin-inline: 8px 8px;
24143
+ }
24144
+ .v-slider.v-input--horizontal > .v-input__control {
24145
+ min-height: 32px;
24146
+ display: flex;
24147
+ align-items: center;
24148
+ }
24149
+
24150
+ .v-slider.v-input--vertical {
24151
+ justify-content: center;
24152
+ margin-top: 12px;
24153
+ margin-bottom: 12px;
24154
+ }
24155
+ .v-slider.v-input--vertical > .v-input__control {
24156
+ min-height: 300px;
24157
+ }
24158
+
24159
+ .v-slider.v-input--disabled {
24160
+ pointer-events: none;
24161
+ }
24162
+
24163
+ .v-slider--has-labels > .v-input__control {
24164
+ margin-bottom: 4px;
24165
+ }
24166
+
24167
+ .v-slider__label {
24168
+ margin-inline-end: 12px;
24169
+ }.v-selection-control-group {
24170
+ grid-area: control;
24171
+ display: flex;
24172
+ flex-direction: column;
24173
+ }
24174
+ .v-selection-control-group--inline {
24175
+ flex-direction: row;
24176
+ flex-wrap: wrap;
24106
24177
  }.v-sheet {
24107
24178
  display: block;
24108
24179
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
@@ -24230,8 +24301,63 @@ html.v-overlay-scroll-blocked {
24230
24301
  .v-selection-control--error:not(.v-selection-control--disabled) .v-selection-control__input > .v-icon {
24231
24302
  color: rgb(var(--v-theme-error));
24232
24303
  }
24233
- .v-selection-control--focus-visible .v-selection-control__input::before {
24234
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
24304
+ .v-selection-control--focus-visible .v-selection-control__input::before {
24305
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
24306
+ }.v-slide-group {
24307
+ display: flex;
24308
+ overflow: hidden;
24309
+ }
24310
+
24311
+ .v-slide-group__next,
24312
+ .v-slide-group__prev {
24313
+ align-items: center;
24314
+ display: flex;
24315
+ flex: 0 1 52px;
24316
+ justify-content: center;
24317
+ min-width: 52px;
24318
+ cursor: pointer;
24319
+ }
24320
+ .v-slide-group__next--disabled,
24321
+ .v-slide-group__prev--disabled {
24322
+ pointer-events: none;
24323
+ opacity: var(--v-disabled-opacity);
24324
+ }
24325
+
24326
+ .v-slide-group__content {
24327
+ display: flex;
24328
+ flex: 1 0 auto;
24329
+ position: relative;
24330
+ transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
24331
+ white-space: nowrap;
24332
+ }
24333
+ .v-slide-group__content > * {
24334
+ white-space: initial;
24335
+ }
24336
+
24337
+ .v-slide-group__container {
24338
+ contain: content;
24339
+ display: flex;
24340
+ flex: 1 1 auto;
24341
+ overflow-x: auto;
24342
+ overflow-y: hidden;
24343
+ scrollbar-width: none;
24344
+ scrollbar-color: rgba(0, 0, 0, 0);
24345
+ }
24346
+ .v-slide-group__container::-webkit-scrollbar {
24347
+ display: none;
24348
+ }
24349
+
24350
+ .v-slide-group--vertical {
24351
+ max-height: inherit;
24352
+ }
24353
+ .v-slide-group--vertical,
24354
+ .v-slide-group--vertical .v-slide-group__container,
24355
+ .v-slide-group--vertical .v-slide-group__content {
24356
+ flex-direction: column;
24357
+ }
24358
+ .v-slide-group--vertical .v-slide-group__container {
24359
+ overflow-x: hidden;
24360
+ overflow-y: auto;
24235
24361
  }.v-skeleton-loader {
24236
24362
  align-items: center;
24237
24363
  background: rgb(var(--v-theme-surface));
@@ -24455,61 +24581,6 @@ html.v-overlay-scroll-blocked {
24455
24581
  100% {
24456
24582
  transform: translateX(100%);
24457
24583
  }
24458
- }.v-slide-group {
24459
- display: flex;
24460
- overflow: hidden;
24461
- }
24462
-
24463
- .v-slide-group__next,
24464
- .v-slide-group__prev {
24465
- align-items: center;
24466
- display: flex;
24467
- flex: 0 1 52px;
24468
- justify-content: center;
24469
- min-width: 52px;
24470
- cursor: pointer;
24471
- }
24472
- .v-slide-group__next--disabled,
24473
- .v-slide-group__prev--disabled {
24474
- pointer-events: none;
24475
- opacity: var(--v-disabled-opacity);
24476
- }
24477
-
24478
- .v-slide-group__content {
24479
- display: flex;
24480
- flex: 1 0 auto;
24481
- position: relative;
24482
- transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
24483
- white-space: nowrap;
24484
- }
24485
- .v-slide-group__content > * {
24486
- white-space: initial;
24487
- }
24488
-
24489
- .v-slide-group__container {
24490
- contain: content;
24491
- display: flex;
24492
- flex: 1 1 auto;
24493
- overflow-x: auto;
24494
- overflow-y: hidden;
24495
- scrollbar-width: none;
24496
- scrollbar-color: rgba(0, 0, 0, 0);
24497
- }
24498
- .v-slide-group__container::-webkit-scrollbar {
24499
- display: none;
24500
- }
24501
-
24502
- .v-slide-group--vertical {
24503
- max-height: inherit;
24504
- }
24505
- .v-slide-group--vertical,
24506
- .v-slide-group--vertical .v-slide-group__container,
24507
- .v-slide-group--vertical .v-slide-group__content {
24508
- flex-direction: column;
24509
- }
24510
- .v-slide-group--vertical .v-slide-group__container {
24511
- overflow-x: hidden;
24512
- overflow-y: auto;
24513
24584
  }.v-snackbar {
24514
24585
  justify-content: center;
24515
24586
  z-index: 10000;
@@ -24689,142 +24760,6 @@ html.v-overlay-scroll-blocked {
24689
24760
  }
24690
24761
  .v-speed-dial__content > *:nth-child(10) {
24691
24762
  transition-delay: 0.45s;
24692
- }.v-switch .v-label {
24693
- padding-inline-start: 10px;
24694
- }
24695
-
24696
- .v-switch__loader {
24697
- display: flex;
24698
- }
24699
- .v-switch__loader .v-progress-circular {
24700
- color: rgb(var(--v-theme-surface));
24701
- }
24702
-
24703
- .v-switch__track,
24704
- .v-switch__thumb {
24705
- transition: none;
24706
- }
24707
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
24708
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
24709
- background-color: rgb(var(--v-theme-error));
24710
- color: rgb(var(--v-theme-on-error));
24711
- }
24712
-
24713
- .v-switch__track-true {
24714
- margin-inline-end: auto;
24715
- }
24716
- .v-selection-control:not(.v-selection-control--dirty) .v-switch__track-true {
24717
- opacity: 0;
24718
- }
24719
-
24720
- .v-switch__track-false {
24721
- margin-inline-start: auto;
24722
- }
24723
- .v-selection-control--dirty .v-switch__track-false {
24724
- opacity: 0;
24725
- }
24726
-
24727
- .v-switch__track {
24728
- display: inline-flex;
24729
- align-items: center;
24730
- font-size: 0.5rem;
24731
- padding: 0 5px;
24732
- background-color: rgb(var(--v-theme-surface-variant));
24733
- border-radius: 9999px;
24734
- height: 14px;
24735
- opacity: 0.6;
24736
- min-width: 36px;
24737
- cursor: pointer;
24738
- transition: 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
24739
- }
24740
- .v-switch--inset .v-switch__track {
24741
- border-radius: 9999px;
24742
- font-size: 0.75rem;
24743
- height: 32px;
24744
- min-width: 52px;
24745
- }
24746
-
24747
- .v-switch__thumb {
24748
- align-items: center;
24749
- background-color: rgb(var(--v-theme-surface-bright));
24750
- color: rgb(var(--v-theme-on-surface-bright));
24751
- border-radius: 50%;
24752
- display: flex;
24753
- font-size: 0.75rem;
24754
- height: 20px;
24755
- justify-content: center;
24756
- width: 20px;
24757
- pointer-events: none;
24758
- transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1), 0.2s color cubic-bezier(0.4, 0, 0.2, 1), 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
24759
- position: relative;
24760
- overflow: hidden;
24761
- }
24762
- .v-switch:not(.v-switch--inset) .v-switch__thumb {
24763
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
24764
- }
24765
- .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
24766
- background: rgb(var(--v-theme-surface-variant));
24767
- color: rgb(var(--v-theme-on-surface-variant));
24768
- 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));
24769
- }
24770
- .v-switch--inset .v-switch__thumb {
24771
- height: 24px;
24772
- width: 24px;
24773
- transform: scale(0.6666666667);
24774
- }
24775
- .v-switch--inset .v-switch__thumb--filled {
24776
- transform: none;
24777
- }
24778
- .v-switch--inset .v-selection-control--dirty .v-switch__thumb {
24779
- transform: none;
24780
- transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
24781
- }
24782
-
24783
- .v-switch.v-input {
24784
- flex: 0 1 auto;
24785
- }
24786
- .v-switch .v-selection-control {
24787
- min-height: var(--v-input-control-height);
24788
- }
24789
- .v-switch .v-selection-control__input {
24790
- border-radius: 50%;
24791
- transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
24792
- position: absolute;
24793
- }
24794
- .v-locale--is-ltr.v-switch .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control__input {
24795
- transform: translateX(-10px);
24796
- }
24797
-
24798
- .v-locale--is-rtl.v-switch .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control__input {
24799
- transform: translateX(10px);
24800
- }
24801
-
24802
- .v-switch .v-selection-control__input .v-icon {
24803
- position: absolute;
24804
- }
24805
- .v-locale--is-ltr.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control--dirty .v-selection-control__input {
24806
- transform: translateX(10px);
24807
- }
24808
-
24809
- .v-locale--is-rtl.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control--dirty .v-selection-control__input {
24810
- transform: translateX(-10px);
24811
- }
24812
-
24813
- .v-switch.v-switch--indeterminate .v-selection-control__input {
24814
- transform: scale(0.8);
24815
- }
24816
- .v-switch.v-switch--indeterminate .v-switch__thumb {
24817
- transform: scale(0.75);
24818
- box-shadow: none;
24819
- }
24820
- .v-switch.v-switch--inset .v-selection-control__wrapper {
24821
- width: auto;
24822
- }
24823
- .v-switch.v-input--vertical .v-label {
24824
- min-width: max-content;
24825
- }
24826
- .v-switch.v-input--vertical .v-selection-control__wrapper {
24827
- transform: rotate(-90deg);
24828
24763
  }.v-stepper.v-sheet {
24829
24764
  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));
24830
24765
  border-radius: 4px;
@@ -24941,101 +24876,142 @@ html.v-overlay-scroll-blocked {
24941
24876
  }
24942
24877
  .v-stepper--mobile .v-stepper-item__subtitle {
24943
24878
  display: none;
24944
- }.v-tabs {
24879
+ }.v-switch .v-label {
24880
+ padding-inline-start: 10px;
24881
+ }
24882
+
24883
+ .v-switch__loader {
24884
+ display: flex;
24885
+ }
24886
+ .v-switch__loader .v-progress-circular {
24887
+ color: rgb(var(--v-theme-surface));
24888
+ }
24889
+
24890
+ .v-switch__track,
24891
+ .v-switch__thumb {
24892
+ transition: none;
24893
+ }
24894
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
24895
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
24896
+ background-color: rgb(var(--v-theme-error));
24897
+ color: rgb(var(--v-theme-on-error));
24898
+ }
24899
+
24900
+ .v-switch__track-true {
24901
+ margin-inline-end: auto;
24902
+ }
24903
+ .v-selection-control:not(.v-selection-control--dirty) .v-switch__track-true {
24904
+ opacity: 0;
24905
+ }
24906
+
24907
+ .v-switch__track-false {
24908
+ margin-inline-start: auto;
24909
+ }
24910
+ .v-selection-control--dirty .v-switch__track-false {
24911
+ opacity: 0;
24912
+ }
24913
+
24914
+ .v-switch__track {
24915
+ display: inline-flex;
24916
+ align-items: center;
24917
+ font-size: 0.5rem;
24918
+ padding: 0 5px;
24919
+ background-color: rgb(var(--v-theme-surface-variant));
24920
+ border-radius: 9999px;
24921
+ height: 14px;
24922
+ opacity: 0.6;
24923
+ min-width: 36px;
24924
+ cursor: pointer;
24925
+ transition: 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
24926
+ }
24927
+ .v-switch--inset .v-switch__track {
24928
+ border-radius: 9999px;
24929
+ font-size: 0.75rem;
24930
+ height: 32px;
24931
+ min-width: 52px;
24932
+ }
24933
+
24934
+ .v-switch__thumb {
24935
+ align-items: center;
24936
+ background-color: rgb(var(--v-theme-surface-bright));
24937
+ color: rgb(var(--v-theme-on-surface-bright));
24938
+ border-radius: 50%;
24945
24939
  display: flex;
24946
- height: var(--v-tabs-height);
24947
- }
24948
- .v-tabs--density-default {
24949
- --v-tabs-height: 48px;
24940
+ font-size: 0.75rem;
24941
+ height: 20px;
24942
+ justify-content: center;
24943
+ width: 20px;
24944
+ pointer-events: none;
24945
+ transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1), 0.2s color cubic-bezier(0.4, 0, 0.2, 1), 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
24946
+ position: relative;
24947
+ overflow: hidden;
24950
24948
  }
24951
- .v-tabs--density-default.v-tabs--stacked {
24952
- --v-tabs-height: 72px;
24949
+ .v-switch:not(.v-switch--inset) .v-switch__thumb {
24950
+ box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
24953
24951
  }
24954
-
24955
- .v-tabs--density-comfortable {
24956
- --v-tabs-height: 44px;
24952
+ .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
24953
+ background: rgb(var(--v-theme-surface-variant));
24954
+ color: rgb(var(--v-theme-on-surface-variant));
24955
+ 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));
24957
24956
  }
24958
- .v-tabs--density-comfortable.v-tabs--stacked {
24959
- --v-tabs-height: 68px;
24957
+ .v-switch--inset .v-switch__thumb {
24958
+ height: 24px;
24959
+ width: 24px;
24960
+ transform: scale(0.6666666667);
24960
24961
  }
24961
-
24962
- .v-tabs--density-compact {
24963
- --v-tabs-height: 36px;
24962
+ .v-switch--inset .v-switch__thumb--filled {
24963
+ transform: none;
24964
24964
  }
24965
- .v-tabs--density-compact.v-tabs--stacked {
24966
- --v-tabs-height: 60px;
24965
+ .v-switch--inset .v-selection-control--dirty .v-switch__thumb {
24966
+ transform: none;
24967
+ transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
24967
24968
  }
24968
24969
 
24969
- .v-tabs.v-slide-group--vertical {
24970
- height: auto;
24971
- flex: none;
24972
- --v-tabs-height: 48px;
24970
+ .v-switch.v-input {
24971
+ flex: 0 1 auto;
24973
24972
  }
24974
-
24975
- .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
24976
- margin-inline-start: 42px;
24973
+ .v-switch .v-selection-control {
24974
+ min-height: var(--v-input-control-height);
24977
24975
  }
24978
-
24979
- .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
24980
- .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
24981
- margin-inline-end: auto;
24976
+ .v-switch .v-selection-control__input {
24977
+ border-radius: 50%;
24978
+ transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
24979
+ position: absolute;
24982
24980
  }
24983
- .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
24984
- .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
24985
- margin-inline-start: auto;
24981
+ .v-locale--is-ltr.v-switch .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control__input {
24982
+ transform: translateX(-10px);
24986
24983
  }
24987
24984
 
24988
- .v-tabs--grow {
24989
- flex-grow: 1;
24990
- }
24991
- .v-tabs--grow .v-tab {
24992
- flex: 1 0 auto;
24993
- max-width: none;
24985
+ .v-locale--is-rtl.v-switch .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control__input {
24986
+ transform: translateX(10px);
24994
24987
  }
24995
24988
 
24996
- .v-tabs--align-tabs-end .v-tab:first-child {
24997
- margin-inline-start: auto;
24989
+ .v-switch .v-selection-control__input .v-icon {
24990
+ position: absolute;
24998
24991
  }
24999
- .v-tabs--align-tabs-end .v-tab:last-child {
25000
- margin-inline-end: 0;
24992
+ .v-locale--is-ltr.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control--dirty .v-selection-control__input {
24993
+ transform: translateX(10px);
25001
24994
  }
25002
24995
 
25003
- @media (max-width: 1279.98px) {
25004
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
25005
- margin-inline-start: 52px;
25006
- }
25007
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
25008
- margin-inline-end: 52px;
25009
- }
25010
- }.v-tab.v-tab.v-btn {
25011
- height: var(--v-tabs-height);
25012
- border-radius: 0;
25013
- min-width: 90px;
24996
+ .v-locale--is-rtl.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control--dirty .v-selection-control__input {
24997
+ transform: translateX(-10px);
25014
24998
  }
25015
- .v-slide-group--horizontal .v-tab {
25016
- max-width: 360px;
24999
+
25000
+ .v-switch.v-switch--indeterminate .v-selection-control__input {
25001
+ transform: scale(0.8);
25017
25002
  }
25018
- .v-slide-group--vertical .v-tab {
25019
- justify-content: start;
25003
+ .v-switch.v-switch--indeterminate .v-switch__thumb {
25004
+ transform: scale(0.75);
25005
+ box-shadow: none;
25020
25006
  }
25021
-
25022
- .v-tab__slider {
25023
- position: absolute;
25024
- bottom: 0;
25025
- left: 0;
25026
- height: 2px;
25027
- width: 100%;
25028
- background: currentColor;
25029
- pointer-events: none;
25030
- opacity: 0;
25007
+ .v-switch.v-switch--inset .v-selection-control__wrapper {
25008
+ width: auto;
25031
25009
  }
25032
- .v-tab--selected .v-tab__slider {
25033
- opacity: 1;
25010
+ .v-switch.v-input--vertical .v-label {
25011
+ min-width: max-content;
25034
25012
  }
25035
- .v-slide-group--vertical .v-tab__slider {
25036
- top: 0;
25037
- height: 100%;
25038
- width: 2px;
25013
+ .v-switch.v-input--vertical .v-selection-control__wrapper {
25014
+ transform: rotate(-90deg);
25039
25015
  }.v-system-bar {
25040
25016
  align-items: center;
25041
25017
  display: flex;
@@ -25073,115 +25049,101 @@ html.v-overlay-scroll-blocked {
25073
25049
  }
25074
25050
  .v-system-bar:not(.v-system-bar--absolute) {
25075
25051
  padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
25076
- }.v-textarea .v-field {
25077
- --v-textarea-control-height: var(--v-input-control-height);
25052
+ }.v-tab.v-tab.v-btn {
25053
+ height: var(--v-tabs-height);
25054
+ border-radius: 0;
25055
+ min-width: 90px;
25078
25056
  }
25079
- .v-textarea .v-field__field {
25080
- --v-input-control-height: var(--v-textarea-control-height);
25057
+ .v-slide-group--horizontal .v-tab {
25058
+ max-width: 360px;
25081
25059
  }
25082
- .v-textarea .v-field__input {
25083
- flex: 1 1 auto;
25084
- outline: none;
25085
- -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));
25086
- 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));
25060
+ .v-slide-group--vertical .v-tab {
25061
+ justify-content: start;
25087
25062
  }
25088
- .v-textarea .v-field__input.v-textarea__sizer {
25089
- visibility: hidden;
25063
+
25064
+ .v-tab__slider {
25090
25065
  position: absolute;
25091
- top: 0;
25066
+ bottom: 0;
25092
25067
  left: 0;
25093
- height: 0 !important;
25094
- min-height: 0 !important;
25068
+ height: 2px;
25069
+ width: 100%;
25070
+ background: currentColor;
25095
25071
  pointer-events: none;
25072
+ opacity: 0;
25096
25073
  }
25097
- .v-textarea--no-resize .v-field__input {
25098
- resize: none;
25099
- }
25100
- .v-textarea .v-field--no-label textarea,
25101
- .v-textarea .v-field--active textarea {
25074
+ .v-tab--selected .v-tab__slider {
25102
25075
  opacity: 1;
25103
25076
  }
25104
- .v-textarea textarea {
25105
- opacity: 0;
25106
- flex: 1;
25107
- min-width: 0;
25108
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25077
+ .v-slide-group--vertical .v-tab__slider {
25078
+ top: 0;
25079
+ height: 100%;
25080
+ width: 2px;
25081
+ }.v-tabs {
25082
+ display: flex;
25083
+ height: var(--v-tabs-height);
25109
25084
  }
25110
- .v-textarea textarea:focus, .v-textarea textarea:active {
25111
- outline: none;
25085
+ .v-tabs--density-default {
25086
+ --v-tabs-height: 48px;
25112
25087
  }
25113
- .v-textarea textarea:invalid {
25114
- box-shadow: none;
25115
- }/* region BLOCK */
25116
- .v-text-field input {
25117
- color: inherit;
25118
- opacity: 0;
25119
- flex: 1;
25120
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25121
- min-width: 0;
25088
+ .v-tabs--density-default.v-tabs--stacked {
25089
+ --v-tabs-height: 72px;
25122
25090
  }
25123
- .v-text-field input:focus, .v-text-field input:active {
25124
- outline: none;
25091
+
25092
+ .v-tabs--density-comfortable {
25093
+ --v-tabs-height: 44px;
25125
25094
  }
25126
- .v-text-field input:invalid {
25127
- box-shadow: none;
25095
+ .v-tabs--density-comfortable.v-tabs--stacked {
25096
+ --v-tabs-height: 68px;
25128
25097
  }
25129
- .v-text-field .v-field {
25130
- cursor: text;
25098
+
25099
+ .v-tabs--density-compact {
25100
+ --v-tabs-height: 36px;
25131
25101
  }
25132
- .v-text-field--prefixed.v-text-field .v-field__input {
25133
- --v-field-padding-start: 6px;
25102
+ .v-tabs--density-compact.v-tabs--stacked {
25103
+ --v-tabs-height: 60px;
25134
25104
  }
25135
25105
 
25136
- .v-text-field--suffixed.v-text-field .v-field__input {
25137
- --v-field-padding-end: 0;
25106
+ .v-tabs.v-slide-group--vertical {
25107
+ height: auto;
25108
+ flex: none;
25109
+ --v-tabs-height: 48px;
25138
25110
  }
25139
25111
 
25140
- .v-text-field .v-input__details {
25141
- padding-inline: 16px;
25142
- }
25143
- .v-input--plain-underlined.v-text-field .v-input__details {
25144
- padding-inline: 0;
25112
+ .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
25113
+ margin-inline-start: 42px;
25145
25114
  }
25146
25115
 
25147
- .v-text-field .v-field--no-label input,
25148
- .v-text-field .v-field--active input {
25149
- opacity: 1;
25116
+ .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
25117
+ .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
25118
+ margin-inline-end: auto;
25150
25119
  }
25151
- .v-text-field .v-field--single-line input {
25152
- transition: none;
25120
+ .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
25121
+ .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
25122
+ margin-inline-start: auto;
25153
25123
  }
25154
25124
 
25155
- /* endregion */
25156
- /* region ELEMENTS */
25157
- .v-text-field__prefix, .v-text-field__suffix {
25158
- align-items: center;
25159
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
25160
- cursor: default;
25161
- display: flex;
25162
- opacity: 0;
25163
- transition: inherit;
25164
- white-space: nowrap;
25165
- min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
25166
- padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
25167
- padding-bottom: var(--v-field-padding-bottom, 6px);
25168
- }
25169
- .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
25170
- opacity: 1;
25171
- }
25172
- .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
25173
- color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
25125
+ .v-tabs--grow {
25126
+ flex-grow: 1;
25174
25127
  }
25175
- .v-text-field__prefix {
25176
- padding-inline-start: var(--v-field-padding-start);
25128
+ .v-tabs--grow .v-tab {
25129
+ flex: 1 0 auto;
25130
+ max-width: none;
25177
25131
  }
25178
- .v-text-field__suffix {
25179
- padding-inline-end: var(--v-field-padding-end);
25132
+
25133
+ .v-tabs--align-tabs-end .v-tab:first-child {
25134
+ margin-inline-start: auto;
25135
+ }
25136
+ .v-tabs--align-tabs-end .v-tab:last-child {
25137
+ margin-inline-end: 0;
25180
25138
  }
25181
25139
 
25182
- /* endregion */.v-theme-provider {
25183
- background: rgb(var(--v-theme-background));
25184
- color: rgb(var(--v-theme-on-background));
25140
+ @media (max-width: 1279.98px) {
25141
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
25142
+ margin-inline-start: 52px;
25143
+ }
25144
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
25145
+ margin-inline-end: 52px;
25146
+ }
25185
25147
  }.v-table {
25186
25148
  background: rgb(var(--v-theme-surface));
25187
25149
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -25320,6 +25282,137 @@ html.v-overlay-scroll-blocked {
25320
25282
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
25321
25283
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
25322
25284
  border-top: 0px !important;
25285
+ }.v-textarea .v-field {
25286
+ --v-textarea-control-height: var(--v-input-control-height);
25287
+ }
25288
+ .v-textarea .v-field__field {
25289
+ --v-input-control-height: var(--v-textarea-control-height);
25290
+ }
25291
+ .v-textarea .v-field__input {
25292
+ flex: 1 1 auto;
25293
+ outline: none;
25294
+ -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));
25295
+ 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));
25296
+ }
25297
+ .v-textarea .v-field__input.v-textarea__sizer {
25298
+ visibility: hidden;
25299
+ position: absolute;
25300
+ top: 0;
25301
+ left: 0;
25302
+ height: 0 !important;
25303
+ min-height: 0 !important;
25304
+ pointer-events: none;
25305
+ }
25306
+ .v-textarea--no-resize .v-field__input {
25307
+ resize: none;
25308
+ }
25309
+ .v-textarea .v-field--no-label textarea,
25310
+ .v-textarea .v-field--active textarea {
25311
+ opacity: 1;
25312
+ }
25313
+ .v-textarea textarea {
25314
+ opacity: 0;
25315
+ flex: 1;
25316
+ min-width: 0;
25317
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25318
+ }
25319
+ .v-textarea textarea:focus, .v-textarea textarea:active {
25320
+ outline: none;
25321
+ }
25322
+ .v-textarea textarea:invalid {
25323
+ box-shadow: none;
25324
+ }/* region BLOCK */
25325
+ .v-text-field input {
25326
+ color: inherit;
25327
+ opacity: 0;
25328
+ flex: 1;
25329
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25330
+ min-width: 0;
25331
+ }
25332
+ .v-text-field input:focus, .v-text-field input:active {
25333
+ outline: none;
25334
+ }
25335
+ .v-text-field input:invalid {
25336
+ box-shadow: none;
25337
+ }
25338
+ .v-text-field .v-field {
25339
+ cursor: text;
25340
+ }
25341
+ .v-text-field--prefixed.v-text-field .v-field__input {
25342
+ --v-field-padding-start: 6px;
25343
+ }
25344
+
25345
+ .v-text-field--suffixed.v-text-field .v-field__input {
25346
+ --v-field-padding-end: 0;
25347
+ }
25348
+
25349
+ .v-text-field .v-input__details {
25350
+ padding-inline: 16px;
25351
+ }
25352
+ .v-input--plain-underlined.v-text-field .v-input__details {
25353
+ padding-inline: 0;
25354
+ }
25355
+
25356
+ .v-text-field .v-field--no-label input,
25357
+ .v-text-field .v-field--active input {
25358
+ opacity: 1;
25359
+ }
25360
+ .v-text-field .v-field--single-line input {
25361
+ transition: none;
25362
+ }
25363
+
25364
+ /* endregion */
25365
+ /* region ELEMENTS */
25366
+ .v-text-field__prefix, .v-text-field__suffix {
25367
+ align-items: center;
25368
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
25369
+ cursor: default;
25370
+ display: flex;
25371
+ opacity: 0;
25372
+ transition: inherit;
25373
+ white-space: nowrap;
25374
+ min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
25375
+ padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
25376
+ padding-bottom: var(--v-field-padding-bottom, 6px);
25377
+ }
25378
+ .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
25379
+ opacity: 1;
25380
+ }
25381
+ .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
25382
+ color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
25383
+ }
25384
+ .v-text-field__prefix {
25385
+ padding-inline-start: var(--v-field-padding-start);
25386
+ }
25387
+ .v-text-field__suffix {
25388
+ padding-inline-end: var(--v-field-padding-end);
25389
+ }
25390
+
25391
+ /* endregion */.v-theme-provider {
25392
+ background: rgb(var(--v-theme-background));
25393
+ color: rgb(var(--v-theme-on-background));
25394
+ }.v-tooltip > .v-overlay__content {
25395
+ background: rgb(var(--v-theme-surface-variant));
25396
+ color: rgb(var(--v-theme-on-surface-variant));
25397
+ border-radius: 4px;
25398
+ font-size: 0.875rem;
25399
+ line-height: 1.6;
25400
+ display: inline-block;
25401
+ padding: 5px 16px;
25402
+ text-transform: initial;
25403
+ width: auto;
25404
+ opacity: 1;
25405
+ pointer-events: none;
25406
+ transition-property: opacity, transform;
25407
+ overflow-wrap: break-word;
25408
+ }
25409
+ .v-tooltip > .v-overlay__content[class*=enter-active] {
25410
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25411
+ transition-duration: 150ms;
25412
+ }
25413
+ .v-tooltip > .v-overlay__content[class*=leave-active] {
25414
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25415
+ transition-duration: 75ms;
25323
25416
  }.v-timeline .v-timeline-divider__dot {
25324
25417
  background: rgb(var(--v-theme-surface-light));
25325
25418
  }
@@ -25860,113 +25953,11 @@ html.v-overlay-scroll-blocked {
25860
25953
 
25861
25954
  .v-toolbar-items {
25862
25955
  display: flex;
25863
- height: inherit;
25864
- align-self: stretch;
25865
- }
25866
- .v-toolbar-items > .v-btn {
25867
- border-radius: 0;
25868
- }.v-tooltip > .v-overlay__content {
25869
- background: rgb(var(--v-theme-surface-variant));
25870
- color: rgb(var(--v-theme-on-surface-variant));
25871
- border-radius: 4px;
25872
- font-size: 0.875rem;
25873
- line-height: 1.6;
25874
- display: inline-block;
25875
- padding: 5px 16px;
25876
- text-transform: initial;
25877
- width: auto;
25878
- opacity: 1;
25879
- pointer-events: none;
25880
- transition-property: opacity, transform;
25881
- overflow-wrap: break-word;
25882
- }
25883
- .v-tooltip > .v-overlay__content[class*=enter-active] {
25884
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25885
- transition-duration: 150ms;
25886
- }
25887
- .v-tooltip > .v-overlay__content[class*=leave-active] {
25888
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25889
- transition-duration: 75ms;
25890
- }.v-virtual-scroll {
25891
- display: block;
25892
- flex: 1 1 auto;
25893
- max-width: 100%;
25894
- overflow: auto;
25895
- position: relative;
25896
- }
25897
- .v-virtual-scroll__container {
25898
- display: block;
25899
- }.v-badge {
25900
- display: inline-block;
25901
- line-height: 1;
25902
- }
25903
-
25904
- .v-badge__badge {
25905
- align-items: center;
25906
- display: inline-flex;
25907
- border-radius: 10px;
25908
- font-size: 0.75rem;
25909
- font-weight: 500;
25910
- height: 1.25rem;
25911
- justify-content: center;
25912
- min-width: 20px;
25913
- padding: 4px 6px;
25914
- pointer-events: auto;
25915
- position: absolute;
25916
- text-align: center;
25917
- text-indent: 0;
25918
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
25919
- white-space: nowrap;
25920
- background: rgb(var(--v-theme-surface-variant));
25921
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
25922
- }
25923
- .v-badge--bordered .v-badge__badge::after {
25924
- border-radius: inherit;
25925
- border-style: solid;
25926
- border-width: 2px;
25927
- bottom: 0;
25928
- color: rgb(var(--v-theme-background));
25929
- content: "";
25930
- left: 0;
25931
- position: absolute;
25932
- right: 0;
25933
- top: 0;
25934
- transform: scale(1.05);
25935
- }
25936
- .v-badge--dot .v-badge__badge {
25937
- border-radius: 4.5px;
25938
- height: 9px;
25939
- min-width: 0;
25940
- padding: 0;
25941
- width: 9px;
25942
- }
25943
- .v-badge--dot .v-badge__badge::after {
25944
- border-width: 1.5px;
25945
- }
25946
- .v-badge--inline .v-badge__badge {
25947
- position: relative;
25948
- vertical-align: middle;
25949
- }
25950
- .v-badge__badge .v-icon {
25951
- color: inherit;
25952
- font-size: 0.75rem;
25953
- margin: 0 -2px;
25954
- }
25955
- .v-badge__badge img,
25956
- .v-badge__badge .v-img {
25957
- height: 100%;
25958
- width: 100%;
25959
- }
25960
-
25961
- .v-badge__wrapper {
25962
- display: flex;
25963
- position: relative;
25964
- }
25965
- .v-badge--inline .v-badge__wrapper {
25966
- align-items: center;
25967
- display: inline-flex;
25968
- justify-content: center;
25969
- margin: 0 4px;
25956
+ height: inherit;
25957
+ align-self: stretch;
25958
+ }
25959
+ .v-toolbar-items > .v-btn {
25960
+ border-radius: 0;
25970
25961
  }.v-window {
25971
25962
  overflow: hidden;
25972
25963
  }
@@ -26037,133 +26028,15 @@ html.v-overlay-scroll-blocked {
26037
26028
  }
26038
26029
  .v-window-y-reverse-transition-leave-to {
26039
26030
  transform: translateY(100%);
26040
- }.v-color-picker-preview__alpha .v-slider-track__background {
26041
- background-color: transparent !important;
26042
- }
26043
- .v-locale--is-ltr.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__alpha .v-slider-track__background {
26044
- background-image: linear-gradient(to right, transparent, var(--v-color-picker-color-hsv));
26045
- }
26046
-
26047
- .v-locale--is-rtl.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__alpha .v-slider-track__background {
26048
- background-image: linear-gradient(to left, transparent, var(--v-color-picker-color-hsv));
26049
- }
26050
-
26051
- .v-color-picker-preview__alpha .v-slider-track__background::after {
26052
- content: "";
26053
- z-index: -1;
26054
- left: 0;
26055
- top: 0;
26056
- width: 100%;
26057
- height: 100%;
26058
- position: absolute;
26059
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
26060
- border-radius: inherit;
26061
- }
26062
-
26063
- .v-color-picker-preview__sliders {
26064
- display: flex;
26065
- flex: 1 0 auto;
26066
- flex-direction: column;
26067
- padding-inline-end: 16px;
26068
- }
26069
-
26070
- .v-color-picker-preview__dot {
26071
- position: relative;
26072
- height: 30px;
26073
- width: 30px;
26074
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
26075
- border-radius: 50%;
26076
- overflow: hidden;
26077
- margin-inline-end: 24px;
26078
- }
26079
- .v-color-picker-preview__dot > div {
26080
- width: 100%;
26081
- height: 100%;
26082
- }
26083
-
26084
- .v-locale--is-ltr.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
26085
- background: linear-gradient(to right, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
26086
- }
26087
-
26088
- .v-locale--is-rtl.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
26089
- background: linear-gradient(to left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
26090
- }
26091
-
26092
- .v-color-picker-preview__track {
26093
- position: relative;
26094
- width: 100%;
26095
- margin: 0 !important;
26096
- }
26097
- .v-color-picker-preview__track .v-slider-track__fill {
26098
- display: none;
26099
- }
26100
-
26101
- .v-color-picker-preview {
26102
- align-items: center;
26103
- display: flex;
26104
- margin-bottom: 0;
26105
- }
26106
-
26107
- .v-color-picker-preview__eye-dropper {
26108
- position: relative;
26109
- margin-right: 12px;
26110
- }.v-color-picker-canvas {
26111
- display: flex;
26112
- position: relative;
26113
- overflow: hidden;
26114
- contain: content;
26115
- touch-action: none;
26116
- }
26117
- .v-color-picker-canvas__dot {
26118
- position: absolute;
26119
- top: 0;
26120
- left: 0;
26121
- width: 15px;
26122
- height: 15px;
26123
- background: transparent;
26124
- border-radius: 50%;
26125
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
26126
- }
26127
- .v-color-picker-canvas__dot--disabled {
26128
- 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);
26129
- }
26130
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
26131
- will-change: transform;
26132
- }.v-color-picker-swatches {
26133
- overflow-y: auto;
26134
- }
26135
- .v-color-picker-swatches > div {
26136
- display: flex;
26137
- flex-wrap: wrap;
26138
- justify-content: center;
26139
- padding: 8px;
26140
- }
26141
-
26142
- .v-color-picker-swatches__swatch {
26143
- display: flex;
26144
- flex-direction: column;
26145
- margin-bottom: 10px;
26146
- }
26147
-
26148
- .v-color-picker-swatches__color {
26031
+ }.v-virtual-scroll {
26032
+ display: block;
26033
+ flex: 1 1 auto;
26034
+ max-width: 100%;
26035
+ overflow: auto;
26149
26036
  position: relative;
26150
- height: 18px;
26151
- max-height: 18px;
26152
- width: 45px;
26153
- margin: 2px 4px;
26154
- border-radius: 2px;
26155
- -webkit-user-select: none;
26156
- user-select: none;
26157
- overflow: hidden;
26158
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
26159
- cursor: pointer;
26160
26037
  }
26161
- .v-color-picker-swatches__color > div {
26162
- display: flex;
26163
- align-items: center;
26164
- justify-content: center;
26165
- width: 100%;
26166
- height: 100%;
26038
+ .v-virtual-scroll__container {
26039
+ display: block;
26167
26040
  }.v-color-picker-edit {
26168
26041
  display: flex;
26169
26042
  margin-top: 24px;
@@ -26192,160 +26065,133 @@ html.v-overlay-scroll-blocked {
26192
26065
  }
26193
26066
  .v-color-picker-edit__input span {
26194
26067
  font-size: 0.75rem;
26195
- }.v-slider-thumb {
26068
+ }.v-color-picker-canvas {
26069
+ display: flex;
26070
+ position: relative;
26071
+ overflow: hidden;
26072
+ contain: content;
26196
26073
  touch-action: none;
26197
- color: rgb(var(--v-theme-surface-variant));
26198
26074
  }
26199
- .v-input--error:not(.v-input--disabled) .v-slider-thumb {
26200
- color: inherit;
26201
- }
26202
-
26203
- .v-slider-thumb__label {
26204
- background: rgba(var(--v-theme-surface-variant), 0.7);
26205
- color: rgb(var(--v-theme-on-surface-variant));
26206
- }
26207
- .v-slider-thumb__label::before {
26208
- color: rgba(var(--v-theme-surface-variant), 0.7);
26209
- }
26210
-
26211
- .v-slider-thumb {
26212
- outline: none;
26075
+ .v-color-picker-canvas__dot {
26213
26076
  position: absolute;
26214
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
26215
- }
26216
-
26217
- .v-slider-thumb__surface {
26218
- cursor: pointer;
26219
- width: var(--v-slider-thumb-size);
26220
- height: var(--v-slider-thumb-size);
26221
- border-radius: 50%;
26222
- -webkit-user-select: none;
26223
- user-select: none;
26224
- background-color: currentColor;
26225
- }
26226
- .v-slider-thumb__surface::before {
26227
- transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
26228
- content: "";
26229
- color: inherit;
26230
26077
  top: 0;
26231
26078
  left: 0;
26232
- width: 100%;
26233
- height: 100%;
26079
+ width: 15px;
26080
+ height: 15px;
26081
+ background: transparent;
26234
26082
  border-radius: 50%;
26235
- background: currentColor;
26236
- position: absolute;
26237
- pointer-events: none;
26238
- opacity: 0;
26239
- }
26240
- .v-slider-thumb__surface::after {
26241
- content: "";
26242
- width: 42px;
26243
- height: 42px;
26244
- position: absolute;
26245
- top: 50%;
26246
- left: 50%;
26247
- transform: translate(-50%, -50%);
26083
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
26248
26084
  }
26249
-
26250
- .v-slider-thumb__label-container {
26251
- position: absolute;
26252
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
26085
+ .v-color-picker-canvas__dot--disabled {
26086
+ 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);
26253
26087
  }
26254
-
26255
- .v-slider-thumb__label {
26256
- display: flex;
26257
- align-items: center;
26258
- justify-content: center;
26259
- font-size: 0.75rem;
26260
- min-width: 35px;
26261
- height: 25px;
26262
- border-radius: 4px;
26263
- padding: 6px;
26264
- position: absolute;
26265
- -webkit-user-select: none;
26266
- user-select: none;
26267
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
26088
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
26089
+ will-change: transform;
26090
+ }.v-color-picker-preview__alpha .v-slider-track__background {
26091
+ background-color: transparent !important;
26268
26092
  }
26269
- .v-slider-thumb__label::before {
26270
- content: "";
26271
- width: 0;
26272
- height: 0;
26273
- position: absolute;
26093
+ .v-locale--is-ltr.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__alpha .v-slider-track__background {
26094
+ background-image: linear-gradient(to right, transparent, var(--v-color-picker-color-hsv));
26274
26095
  }
26275
26096
 
26276
- .v-slider-thumb__ripple {
26277
- position: absolute;
26278
- left: calc(var(--v-slider-thumb-size) / -2);
26279
- top: calc(var(--v-slider-thumb-size) / -2);
26280
- width: calc(var(--v-slider-thumb-size) * 2);
26281
- height: calc(var(--v-slider-thumb-size) * 2);
26282
- background: inherit;
26097
+ .v-locale--is-rtl.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__alpha .v-slider-track__background {
26098
+ background-image: linear-gradient(to left, transparent, var(--v-color-picker-color-hsv));
26283
26099
  }
26284
26100
 
26285
- .v-slider.v-input--horizontal .v-slider-thumb {
26286
- top: 50%;
26287
- transform: translateY(-50%);
26288
- inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26289
- }
26290
- .v-slider.v-input--horizontal .v-slider-thumb__label-container {
26291
- left: calc(var(--v-slider-thumb-size) / 2);
26101
+ .v-color-picker-preview__alpha .v-slider-track__background::after {
26102
+ content: "";
26103
+ z-index: -1;
26104
+ left: 0;
26292
26105
  top: 0;
26293
- }
26294
- .v-slider.v-input--horizontal .v-slider-thumb__label {
26295
- bottom: calc(var(--v-slider-thumb-size) / 2);
26296
- }
26297
- .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
26298
- transform: translateX(-50%);
26106
+ width: 100%;
26107
+ height: 100%;
26108
+ position: absolute;
26109
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
26110
+ border-radius: inherit;
26299
26111
  }
26300
26112
 
26301
- .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
26302
- transform: translateX(50%);
26113
+ .v-color-picker-preview__sliders {
26114
+ display: flex;
26115
+ flex: 1 0 auto;
26116
+ flex-direction: column;
26117
+ padding-inline-end: 16px;
26303
26118
  }
26304
26119
 
26305
- .v-slider.v-input--horizontal .v-slider-thumb__label::before {
26306
- border-left: 6px solid transparent;
26307
- border-right: 6px solid transparent;
26308
- border-top: 6px solid currentColor;
26309
- bottom: -6px;
26120
+ .v-color-picker-preview__dot {
26121
+ position: relative;
26122
+ height: 30px;
26123
+ width: 30px;
26124
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
26125
+ border-radius: 50%;
26126
+ overflow: hidden;
26127
+ margin-inline-end: 24px;
26128
+ }
26129
+ .v-color-picker-preview__dot > div {
26130
+ width: 100%;
26131
+ height: 100%;
26310
26132
  }
26311
26133
 
26312
- .v-slider.v-input--vertical .v-slider-thumb {
26313
- top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26134
+ .v-locale--is-ltr.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
26135
+ background: linear-gradient(to right, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
26314
26136
  }
26315
- .v-slider.v-input--vertical .v-slider-thumb__label-container {
26316
- top: calc(var(--v-slider-thumb-size) / 2);
26317
- right: 0;
26137
+
26138
+ .v-locale--is-rtl.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
26139
+ background: linear-gradient(to left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
26318
26140
  }
26319
- .v-slider.v-input--vertical .v-slider-thumb__label {
26320
- top: -12.5px;
26321
- left: calc(var(--v-slider-thumb-size) / 2);
26141
+
26142
+ .v-color-picker-preview__track {
26143
+ position: relative;
26144
+ width: 100%;
26145
+ margin: 0 !important;
26322
26146
  }
26323
- .v-slider.v-input--vertical .v-slider-thumb__label::before {
26324
- border-right: 6px solid currentColor;
26325
- border-top: 6px solid transparent;
26326
- border-bottom: 6px solid transparent;
26327
- left: -6px;
26147
+ .v-color-picker-preview__track .v-slider-track__fill {
26148
+ display: none;
26328
26149
  }
26329
26150
 
26330
- .v-slider-thumb--focused .v-slider-thumb__surface::before {
26331
- transform: scale(2);
26332
- opacity: var(--v-focus-opacity);
26151
+ .v-color-picker-preview {
26152
+ align-items: center;
26153
+ display: flex;
26154
+ margin-bottom: 0;
26333
26155
  }
26334
26156
 
26335
- .v-slider-thumb--pressed {
26336
- transition: none;
26157
+ .v-color-picker-preview__eye-dropper {
26158
+ position: relative;
26159
+ margin-right: 12px;
26160
+ }.v-color-picker-swatches {
26161
+ overflow-y: auto;
26337
26162
  }
26338
- .v-slider-thumb--pressed .v-slider-thumb__surface::before {
26339
- opacity: var(--v-pressed-opacity);
26163
+ .v-color-picker-swatches > div {
26164
+ display: flex;
26165
+ flex-wrap: wrap;
26166
+ justify-content: center;
26167
+ padding: 8px;
26340
26168
  }
26341
26169
 
26342
- @media (hover: hover) {
26343
- .v-slider-thumb:hover .v-slider-thumb__surface::before {
26344
- transform: scale(2);
26345
- }
26346
- .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
26347
- opacity: var(--v-hover-opacity);
26348
- }
26170
+ .v-color-picker-swatches__swatch {
26171
+ display: flex;
26172
+ flex-direction: column;
26173
+ margin-bottom: 10px;
26174
+ }
26175
+
26176
+ .v-color-picker-swatches__color {
26177
+ position: relative;
26178
+ height: 18px;
26179
+ max-height: 18px;
26180
+ width: 45px;
26181
+ margin: 2px 4px;
26182
+ border-radius: 2px;
26183
+ -webkit-user-select: none;
26184
+ user-select: none;
26185
+ overflow: hidden;
26186
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
26187
+ cursor: pointer;
26188
+ }
26189
+ .v-color-picker-swatches__color > div {
26190
+ display: flex;
26191
+ align-items: center;
26192
+ justify-content: center;
26193
+ width: 100%;
26194
+ height: 100%;
26349
26195
  }.v-slider-track__background {
26350
26196
  background-color: rgb(var(--v-theme-surface-variant));
26351
26197
  }
@@ -26509,4 +26355,158 @@ html.v-overlay-scroll-blocked {
26509
26355
 
26510
26356
  .v-slider-track__background--opacity {
26511
26357
  opacity: 0.38;
26358
+ }.v-slider-thumb {
26359
+ touch-action: none;
26360
+ color: rgb(var(--v-theme-surface-variant));
26361
+ }
26362
+ .v-input--error:not(.v-input--disabled) .v-slider-thumb {
26363
+ color: inherit;
26364
+ }
26365
+
26366
+ .v-slider-thumb__label {
26367
+ background: rgba(var(--v-theme-surface-variant), 0.7);
26368
+ color: rgb(var(--v-theme-on-surface-variant));
26369
+ }
26370
+ .v-slider-thumb__label::before {
26371
+ color: rgba(var(--v-theme-surface-variant), 0.7);
26372
+ }
26373
+
26374
+ .v-slider-thumb {
26375
+ outline: none;
26376
+ position: absolute;
26377
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
26378
+ }
26379
+
26380
+ .v-slider-thumb__surface {
26381
+ cursor: pointer;
26382
+ width: var(--v-slider-thumb-size);
26383
+ height: var(--v-slider-thumb-size);
26384
+ border-radius: 50%;
26385
+ -webkit-user-select: none;
26386
+ user-select: none;
26387
+ background-color: currentColor;
26388
+ }
26389
+ .v-slider-thumb__surface::before {
26390
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
26391
+ content: "";
26392
+ color: inherit;
26393
+ top: 0;
26394
+ left: 0;
26395
+ width: 100%;
26396
+ height: 100%;
26397
+ border-radius: 50%;
26398
+ background: currentColor;
26399
+ position: absolute;
26400
+ pointer-events: none;
26401
+ opacity: 0;
26402
+ }
26403
+ .v-slider-thumb__surface::after {
26404
+ content: "";
26405
+ width: 42px;
26406
+ height: 42px;
26407
+ position: absolute;
26408
+ top: 50%;
26409
+ left: 50%;
26410
+ transform: translate(-50%, -50%);
26411
+ }
26412
+
26413
+ .v-slider-thumb__label-container {
26414
+ position: absolute;
26415
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
26416
+ }
26417
+
26418
+ .v-slider-thumb__label {
26419
+ display: flex;
26420
+ align-items: center;
26421
+ justify-content: center;
26422
+ font-size: 0.75rem;
26423
+ min-width: 35px;
26424
+ height: 25px;
26425
+ border-radius: 4px;
26426
+ padding: 6px;
26427
+ position: absolute;
26428
+ -webkit-user-select: none;
26429
+ user-select: none;
26430
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
26431
+ }
26432
+ .v-slider-thumb__label::before {
26433
+ content: "";
26434
+ width: 0;
26435
+ height: 0;
26436
+ position: absolute;
26437
+ }
26438
+
26439
+ .v-slider-thumb__ripple {
26440
+ position: absolute;
26441
+ left: calc(var(--v-slider-thumb-size) / -2);
26442
+ top: calc(var(--v-slider-thumb-size) / -2);
26443
+ width: calc(var(--v-slider-thumb-size) * 2);
26444
+ height: calc(var(--v-slider-thumb-size) * 2);
26445
+ background: inherit;
26446
+ }
26447
+
26448
+ .v-slider.v-input--horizontal .v-slider-thumb {
26449
+ top: 50%;
26450
+ transform: translateY(-50%);
26451
+ inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26452
+ }
26453
+ .v-slider.v-input--horizontal .v-slider-thumb__label-container {
26454
+ left: calc(var(--v-slider-thumb-size) / 2);
26455
+ top: 0;
26456
+ }
26457
+ .v-slider.v-input--horizontal .v-slider-thumb__label {
26458
+ bottom: calc(var(--v-slider-thumb-size) / 2);
26459
+ }
26460
+ .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
26461
+ transform: translateX(-50%);
26462
+ }
26463
+
26464
+ .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
26465
+ transform: translateX(50%);
26466
+ }
26467
+
26468
+ .v-slider.v-input--horizontal .v-slider-thumb__label::before {
26469
+ border-left: 6px solid transparent;
26470
+ border-right: 6px solid transparent;
26471
+ border-top: 6px solid currentColor;
26472
+ bottom: -6px;
26473
+ }
26474
+
26475
+ .v-slider.v-input--vertical .v-slider-thumb {
26476
+ top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26477
+ }
26478
+ .v-slider.v-input--vertical .v-slider-thumb__label-container {
26479
+ top: calc(var(--v-slider-thumb-size) / 2);
26480
+ right: 0;
26481
+ }
26482
+ .v-slider.v-input--vertical .v-slider-thumb__label {
26483
+ top: -12.5px;
26484
+ left: calc(var(--v-slider-thumb-size) / 2);
26485
+ }
26486
+ .v-slider.v-input--vertical .v-slider-thumb__label::before {
26487
+ border-right: 6px solid currentColor;
26488
+ border-top: 6px solid transparent;
26489
+ border-bottom: 6px solid transparent;
26490
+ left: -6px;
26491
+ }
26492
+
26493
+ .v-slider-thumb--focused .v-slider-thumb__surface::before {
26494
+ transform: scale(2);
26495
+ opacity: var(--v-focus-opacity);
26496
+ }
26497
+
26498
+ .v-slider-thumb--pressed {
26499
+ transition: none;
26500
+ }
26501
+ .v-slider-thumb--pressed .v-slider-thumb__surface::before {
26502
+ opacity: var(--v-pressed-opacity);
26503
+ }
26504
+
26505
+ @media (hover: hover) {
26506
+ .v-slider-thumb:hover .v-slider-thumb__surface::before {
26507
+ transform: scale(2);
26508
+ }
26509
+ .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
26510
+ opacity: var(--v-hover-opacity);
26511
+ }
26512
26512
  }