@vuetify/nightly 3.7.3-master.2024-10-27 → 3.7.3-master.2024-10-30

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.
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.7.3-master.2024-10-27
2
+ * Vuetify v3.7.3-master.2024-10-30
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -18642,40 +18642,6 @@ html.overflow-y-hidden {
18642
18642
  }
18643
18643
  .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18644
18644
  transform: translateY(0.5rem);
18645
- }.bottom-sheet-transition-enter-from {
18646
- transform: translateY(100%);
18647
- }
18648
- .bottom-sheet-transition-leave-to {
18649
- transform: translateY(100%);
18650
- }
18651
-
18652
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18653
- align-self: flex-end;
18654
- border-radius: 0;
18655
- flex: 0 1 auto;
18656
- left: 0;
18657
- right: 0;
18658
- margin-inline: 0;
18659
- margin-bottom: 0;
18660
- transition-duration: 0.2s;
18661
- width: 100%;
18662
- max-width: 100%;
18663
- overflow: visible;
18664
- }
18665
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18666
- 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));
18667
- }
18668
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18669
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18670
- border-radius: 0;
18671
- }
18672
- .v-bottom-sheet.v-bottom-sheet--inset {
18673
- max-width: none;
18674
- }
18675
- @media (min-width: 600px) {
18676
- .v-bottom-sheet.v-bottom-sheet--inset {
18677
- max-width: 70%;
18678
- }
18679
18645
  }.v-breadcrumbs {
18680
18646
  display: flex;
18681
18647
  align-items: center;
@@ -18733,6 +18699,113 @@ html.overflow-y-hidden {
18733
18699
  display: inline-block;
18734
18700
  padding: 0 8px;
18735
18701
  vertical-align: middle;
18702
+ }.bottom-sheet-transition-enter-from {
18703
+ transform: translateY(100%);
18704
+ }
18705
+ .bottom-sheet-transition-leave-to {
18706
+ transform: translateY(100%);
18707
+ }
18708
+
18709
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18710
+ align-self: flex-end;
18711
+ border-radius: 0;
18712
+ flex: 0 1 auto;
18713
+ left: 0;
18714
+ right: 0;
18715
+ margin-inline: 0;
18716
+ margin-bottom: 0;
18717
+ transition-duration: 0.2s;
18718
+ width: 100%;
18719
+ max-width: 100%;
18720
+ overflow: visible;
18721
+ }
18722
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18723
+ 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));
18724
+ }
18725
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18726
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18727
+ border-radius: 0;
18728
+ }
18729
+ .v-bottom-sheet.v-bottom-sheet--inset {
18730
+ max-width: none;
18731
+ }
18732
+ @media (min-width: 600px) {
18733
+ .v-bottom-sheet.v-bottom-sheet--inset {
18734
+ max-width: 70%;
18735
+ }
18736
+ }.v-badge {
18737
+ display: inline-block;
18738
+ line-height: 1;
18739
+ }
18740
+
18741
+ .v-badge__badge {
18742
+ align-items: center;
18743
+ display: inline-flex;
18744
+ border-radius: 10px;
18745
+ font-size: 0.75rem;
18746
+ font-weight: 500;
18747
+ height: 1.25rem;
18748
+ justify-content: center;
18749
+ min-width: 20px;
18750
+ padding: 4px 6px;
18751
+ pointer-events: auto;
18752
+ position: absolute;
18753
+ text-align: center;
18754
+ text-indent: 0;
18755
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
18756
+ white-space: nowrap;
18757
+ }
18758
+ .v-badge__badge {
18759
+ background: rgb(var(--v-theme-surface-variant));
18760
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
18761
+ }
18762
+ .v-badge--bordered .v-badge__badge::after {
18763
+ border-radius: inherit;
18764
+ border-style: solid;
18765
+ border-width: 2px;
18766
+ bottom: 0;
18767
+ color: rgb(var(--v-theme-background));
18768
+ content: "";
18769
+ left: 0;
18770
+ position: absolute;
18771
+ right: 0;
18772
+ top: 0;
18773
+ transform: scale(1.05);
18774
+ }
18775
+ .v-badge--dot .v-badge__badge {
18776
+ border-radius: 4.5px;
18777
+ height: 9px;
18778
+ min-width: 0;
18779
+ padding: 0;
18780
+ width: 9px;
18781
+ }
18782
+ .v-badge--dot .v-badge__badge::after {
18783
+ border-width: 1.5px;
18784
+ }
18785
+ .v-badge--inline .v-badge__badge {
18786
+ position: relative;
18787
+ vertical-align: middle;
18788
+ }
18789
+ .v-badge__badge .v-icon {
18790
+ color: inherit;
18791
+ font-size: 0.75rem;
18792
+ margin: 0 -2px;
18793
+ }
18794
+ .v-badge__badge img,
18795
+ .v-badge__badge .v-img {
18796
+ height: 100%;
18797
+ width: 100%;
18798
+ }
18799
+
18800
+ .v-badge__wrapper {
18801
+ display: flex;
18802
+ position: relative;
18803
+ }
18804
+ .v-badge--inline .v-badge__wrapper {
18805
+ align-items: center;
18806
+ display: inline-flex;
18807
+ justify-content: center;
18808
+ margin: 0 4px;
18736
18809
  }.v-btn {
18737
18810
  align-items: center;
18738
18811
  border-radius: 4px;
@@ -19607,79 +19680,11 @@ html.overflow-y-hidden {
19607
19680
  flex-direction: column;
19608
19681
  height: 100% !important;
19609
19682
  width: 50px;
19610
- }.v-badge {
19611
- display: inline-block;
19612
- line-height: 1;
19613
- }
19614
-
19615
- .v-badge__badge {
19616
- align-items: center;
19617
- display: inline-flex;
19618
- border-radius: 10px;
19619
- font-size: 0.75rem;
19620
- font-weight: 500;
19621
- height: 1.25rem;
19622
- justify-content: center;
19623
- min-width: 20px;
19624
- padding: 4px 6px;
19625
- pointer-events: auto;
19626
- position: absolute;
19627
- text-align: center;
19628
- text-indent: 0;
19629
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
19630
- white-space: nowrap;
19631
- }
19632
- .v-badge__badge {
19633
- background: rgb(var(--v-theme-surface-variant));
19634
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
19635
- }
19636
- .v-badge--bordered .v-badge__badge::after {
19637
- border-radius: inherit;
19638
- border-style: solid;
19639
- border-width: 2px;
19640
- bottom: 0;
19641
- color: rgb(var(--v-theme-background));
19642
- content: "";
19643
- left: 0;
19644
- position: absolute;
19645
- right: 0;
19646
- top: 0;
19647
- transform: scale(1.05);
19648
- }
19649
- .v-badge--dot .v-badge__badge {
19650
- border-radius: 4.5px;
19651
- height: 9px;
19652
- min-width: 0;
19653
- padding: 0;
19654
- width: 9px;
19655
- }
19656
- .v-badge--dot .v-badge__badge::after {
19657
- border-width: 1.5px;
19658
- }
19659
- .v-badge--inline .v-badge__badge {
19660
- position: relative;
19661
- vertical-align: middle;
19662
- }
19663
- .v-badge__badge .v-icon {
19664
- color: inherit;
19665
- font-size: 0.75rem;
19666
- margin: 0 -2px;
19667
- }
19668
- .v-badge__badge img,
19669
- .v-badge__badge .v-img {
19670
- height: 100%;
19671
- width: 100%;
19672
- }
19673
-
19674
- .v-badge__wrapper {
19675
- display: flex;
19676
- position: relative;
19683
+ }.v-checkbox.v-input {
19684
+ flex: 0 1 auto;
19677
19685
  }
19678
- .v-badge--inline .v-badge__wrapper {
19679
- align-items: center;
19680
- display: inline-flex;
19681
- justify-content: center;
19682
- margin: 0 4px;
19686
+ .v-checkbox .v-selection-control {
19687
+ min-height: var(--v-input-control-height);
19683
19688
  }.v-chip {
19684
19689
  align-items: center;
19685
19690
  display: inline-flex;
@@ -20116,11 +20121,6 @@ html.overflow-y-hidden {
20116
20121
  white-space: normal;
20117
20122
  flex-wrap: wrap;
20118
20123
  max-width: 100%;
20119
- }.v-checkbox.v-input {
20120
- flex: 0 1 auto;
20121
- }
20122
- .v-checkbox .v-selection-control {
20123
- min-height: var(--v-input-control-height);
20124
20124
  }.v-combobox .v-field .v-text-field__prefix,
20125
20125
  .v-combobox .v-field .v-text-field__suffix,
20126
20126
  .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
@@ -20451,285 +20451,22 @@ html.overflow-y-hidden {
20451
20451
  }
20452
20452
  .v-data-table-footer__page {
20453
20453
  padding: 0 8px;
20454
- }.v-date-picker {
20455
- overflow: hidden;
20456
- width: 328px;
20457
- }
20458
- .v-date-picker--show-week {
20459
- width: 368px;
20460
- }.v-date-picker-controls {
20461
- display: flex;
20454
+ }.v-dialog {
20462
20455
  align-items: center;
20463
- justify-content: space-between;
20464
- font-size: 0.875rem;
20465
- padding-top: 4px;
20466
- padding-bottom: 4px;
20467
- padding-inline-start: 6px;
20468
- padding-inline-end: 12px;
20456
+ justify-content: center;
20457
+ margin: auto;
20469
20458
  }
20470
- .v-date-picker-controls > .v-btn:first-child {
20471
- text-transform: none;
20472
- font-weight: 400;
20473
- line-height: initial;
20474
- letter-spacing: initial;
20459
+ .v-dialog > .v-overlay__content {
20460
+ max-height: calc(100% - 48px);
20461
+ width: calc(100% - 48px);
20462
+ max-width: calc(100% - 48px);
20463
+ margin: 24px;
20475
20464
  }
20476
- .v-date-picker-controls--variant-classic {
20477
- padding-inline-start: 12px;
20478
- }
20479
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20480
- opacity: 0.7;
20481
- }
20482
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20483
- cursor: pointer;
20484
- }
20485
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20486
- opacity: 1;
20487
- }
20488
- .v-date-picker-controls .v-btn:last-child {
20489
- margin-inline-start: 4px;
20490
- }
20491
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20492
- transform: rotate(180deg);
20493
- }
20494
-
20495
- .v-date-picker-controls__date {
20496
- margin-inline-end: 4px;
20497
- }
20498
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20499
- margin: auto;
20500
- text-align: center;
20501
- }
20502
-
20503
- .v-date-picker-controls__month {
20504
- display: flex;
20505
- }
20506
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20507
- flex-direction: row-reverse;
20508
- }
20509
-
20510
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20511
- flex: 1 0 auto;
20512
- }
20513
-
20514
- .v-date-picker__title {
20515
- display: inline-block;
20516
- }.v-date-picker-header {
20517
- align-items: flex-end;
20518
- height: 70px;
20519
- display: grid;
20520
- grid-template-areas: "prepend content append";
20521
- grid-template-columns: min-content minmax(0, 1fr) min-content;
20522
- overflow: hidden;
20523
- padding-inline: 24px 12px;
20524
- padding-bottom: 12px;
20525
- }
20526
-
20527
- .v-date-picker-header__append {
20528
- grid-area: append;
20529
- }
20530
-
20531
- .v-date-picker-header__prepend {
20532
- grid-area: prepend;
20533
- padding-inline-start: 8px;
20534
- }
20535
-
20536
- .v-date-picker-header__content {
20537
- align-items: center;
20538
- display: inline-flex;
20539
- font-size: 32px;
20540
- line-height: 40px;
20541
- grid-area: content;
20542
- justify-content: space-between;
20543
- }
20544
- .v-date-picker-header--clickable .v-date-picker-header__content {
20545
- cursor: pointer;
20546
- }
20547
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20548
- opacity: 0.7;
20549
- }
20550
-
20551
- .date-picker-header-transition-enter-active,
20552
- .date-picker-header-reverse-transition-enter-active {
20553
- transition-duration: 0.3s;
20554
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20555
- }
20556
- .date-picker-header-transition-leave-active,
20557
- .date-picker-header-reverse-transition-leave-active {
20558
- transition-duration: 0.3s;
20559
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20560
- }
20561
-
20562
- .date-picker-header-transition-enter-from {
20563
- transform: translate(0, 100%);
20564
- }
20565
- .date-picker-header-transition-leave-to {
20566
- opacity: 0;
20567
- transform: translate(0, -100%);
20568
- }
20569
-
20570
- .date-picker-header-reverse-transition-enter-from {
20571
- transform: translate(0, -100%);
20572
- }
20573
- .date-picker-header-reverse-transition-leave-to {
20574
- opacity: 0;
20575
- transform: translate(0, 100%);
20576
- }.v-date-picker-month {
20577
- display: flex;
20578
- justify-content: center;
20579
- padding: 0 12px 8px;
20580
- --v-date-picker-month-day-diff: 4px;
20581
- }
20582
-
20583
- .v-date-picker-month__weeks {
20584
- display: grid;
20585
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20586
- column-gap: 4px;
20587
- font-size: 0.85rem;
20588
- }
20589
- .v-date-picker-month__weeks + .v-date-picker-month__days {
20590
- grid-row-gap: 0;
20591
- }
20592
-
20593
- .v-date-picker-month__weekday {
20594
- font-size: 0.85rem;
20595
- }
20596
-
20597
- .v-date-picker-month__days {
20598
- display: grid;
20599
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20600
- column-gap: 4px;
20601
- flex: 1 1;
20602
- justify-content: space-around;
20603
- }
20604
-
20605
- .v-date-picker-month__day {
20606
- align-items: center;
20607
- display: flex;
20608
- justify-content: center;
20609
- position: relative;
20610
- height: 40px;
20611
- width: 40px;
20612
- }
20613
- .v-date-picker-month__day--selected .v-btn {
20614
- background-color: rgb(var(--v-theme-surface-variant));
20615
- color: rgb(var(--v-theme-on-surface-variant));
20616
- }
20617
- .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20618
- --v-btn-height: 24px;
20619
- --v-btn-size: 0.85rem;
20620
- }
20621
- .v-date-picker-month__day--week {
20622
- font-size: var(--v-btn-size);
20623
- }
20624
-
20625
- .v-date-picker-month__day--adjacent {
20626
- opacity: 0.5;
20627
- }
20628
-
20629
- .v-date-picker-month__day--hide-adjacent {
20630
- opacity: 0;
20631
- }.v-date-picker-years {
20632
- height: 288px;
20633
- overflow-y: scroll;
20634
- }
20635
-
20636
- .v-date-picker-years__content {
20637
- display: grid;
20638
- flex: 1 1;
20639
- justify-content: space-around;
20640
- grid-template-columns: repeat(3, 1fr);
20641
- gap: 8px 24px;
20642
- padding-inline: 32px;
20643
- }
20644
- .v-date-picker-years__content .v-btn {
20645
- padding-inline: 8px;
20646
- }.v-date-picker-months {
20647
- height: 288px;
20648
- }
20649
-
20650
- .v-date-picker-months__content {
20651
- align-items: center;
20652
- display: grid;
20653
- flex: 1 1;
20654
- height: inherit;
20655
- justify-content: space-around;
20656
- grid-template-columns: repeat(2, 1fr);
20657
- grid-gap: 0px 24px;
20658
- padding-inline-start: 36px;
20659
- padding-inline-end: 36px;
20660
- }
20661
- .v-date-picker-months__content .v-btn {
20662
- text-transform: none;
20663
- padding-inline-start: 8px;
20664
- padding-inline-end: 8px;
20665
- }.v-divider {
20666
- display: block;
20667
- flex: 1 1 100%;
20668
- height: 0px;
20669
- max-height: 0px;
20670
- opacity: var(--v-border-opacity);
20671
- transition: inherit;
20672
- }
20673
- .v-divider {
20674
- border-style: solid;
20675
- border-width: thin 0 0 0;
20676
- }
20677
- .v-divider--vertical {
20678
- align-self: stretch;
20679
- border-width: 0 thin 0 0;
20680
- display: inline-flex;
20681
- height: auto;
20682
- margin-left: -1px;
20683
- max-height: 100%;
20684
- max-width: 0px;
20685
- vertical-align: text-bottom;
20686
- width: 0px;
20687
- }
20688
- .v-divider--inset:not(.v-divider--vertical) {
20689
- max-width: calc(100% - 72px);
20690
- margin-inline-start: 72px;
20691
- }
20692
- .v-divider--inset.v-divider--vertical {
20693
- margin-bottom: 8px;
20694
- margin-top: 8px;
20695
- max-height: calc(100% - 16px);
20696
- }
20697
-
20698
- .v-divider__content {
20699
- padding: 0 16px;
20700
- text-wrap: nowrap;
20701
- }
20702
- .v-divider__wrapper--vertical .v-divider__content {
20703
- padding: 4px 0;
20704
- }
20705
-
20706
- .v-divider__wrapper {
20707
- display: flex;
20708
- align-items: center;
20709
- justify-content: center;
20710
- }
20711
- .v-divider__wrapper--vertical {
20712
- flex-direction: column;
20713
- height: 100%;
20714
- }
20715
- .v-divider__wrapper--vertical .v-divider {
20716
- margin: 0 auto;
20717
- }.v-dialog {
20718
- align-items: center;
20719
- justify-content: center;
20720
- margin: auto;
20721
- }
20722
- .v-dialog > .v-overlay__content {
20723
- max-height: calc(100% - 48px);
20724
- width: calc(100% - 48px);
20725
- max-width: calc(100% - 48px);
20726
- margin: 24px;
20727
- }
20728
- .v-dialog > .v-overlay__content,
20729
- .v-dialog > .v-overlay__content > form {
20730
- display: flex;
20731
- flex-direction: column;
20732
- min-height: 0;
20465
+ .v-dialog > .v-overlay__content,
20466
+ .v-dialog > .v-overlay__content > form {
20467
+ display: flex;
20468
+ flex-direction: column;
20469
+ min-height: 0;
20733
20470
  }
20734
20471
  .v-dialog > .v-overlay__content > .v-card,
20735
20472
  .v-dialog > .v-overlay__content > .v-sheet,
@@ -21097,75 +20834,6 @@ html.overflow-y-hidden {
21097
20834
  }
21098
20835
  .v-expansion-panels--tile > .v-expansion-panel {
21099
20836
  border-radius: 0;
21100
- }.v-fab {
21101
- align-items: center;
21102
- display: inline-flex;
21103
- flex: 1 1 auto;
21104
- pointer-events: none;
21105
- position: relative;
21106
- transition-duration: 0.2s;
21107
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21108
- vertical-align: middle;
21109
- }
21110
- .v-fab .v-btn {
21111
- pointer-events: auto;
21112
- }
21113
- .v-fab .v-btn--variant-elevated {
21114
- 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));
21115
- }
21116
- .v-fab--app, .v-fab--absolute {
21117
- display: flex;
21118
- }
21119
- .v-fab--start, .v-fab--left {
21120
- justify-content: flex-start;
21121
- }
21122
- .v-fab--center {
21123
- align-items: center;
21124
- justify-content: center;
21125
- }
21126
- .v-fab--end, .v-fab--right {
21127
- justify-content: flex-end;
21128
- }
21129
- .v-fab--bottom {
21130
- align-items: flex-end;
21131
- }
21132
- .v-fab--top {
21133
- align-items: flex-start;
21134
- }
21135
- .v-fab--extended .v-btn {
21136
- border-radius: 9999px !important;
21137
- }
21138
-
21139
- .v-fab__container {
21140
- align-self: center;
21141
- display: inline-flex;
21142
- position: absolute;
21143
- vertical-align: middle;
21144
- }
21145
- .v-fab--app .v-fab__container {
21146
- margin: 12px;
21147
- }
21148
- .v-fab--absolute .v-fab__container {
21149
- position: absolute;
21150
- z-index: 4;
21151
- }
21152
- .v-fab--offset.v-fab--top .v-fab__container {
21153
- transform: translateY(-50%);
21154
- }
21155
- .v-fab--offset.v-fab--bottom .v-fab__container {
21156
- transform: translateY(50%);
21157
- }
21158
- .v-fab--top .v-fab__container {
21159
- top: 0;
21160
- }
21161
- .v-fab--bottom .v-fab__container {
21162
- bottom: 0;
21163
- }
21164
- .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
21165
- left: 0;
21166
- }
21167
- .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
21168
- right: 0;
21169
20837
  }/* region INPUT */
21170
20838
  .v-field {
21171
20839
  display: grid;
@@ -21749,7 +21417,76 @@ textarea.v-field__input::placeholder {
21749
21417
  opacity: 0;
21750
21418
  }
21751
21419
 
21752
- /* endregion */.v-file-input--hide.v-input .v-field,
21420
+ /* endregion */.v-fab {
21421
+ align-items: center;
21422
+ display: inline-flex;
21423
+ flex: 1 1 auto;
21424
+ pointer-events: none;
21425
+ position: relative;
21426
+ transition-duration: 0.2s;
21427
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21428
+ vertical-align: middle;
21429
+ }
21430
+ .v-fab .v-btn {
21431
+ pointer-events: auto;
21432
+ }
21433
+ .v-fab .v-btn--variant-elevated {
21434
+ 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));
21435
+ }
21436
+ .v-fab--app, .v-fab--absolute {
21437
+ display: flex;
21438
+ }
21439
+ .v-fab--start, .v-fab--left {
21440
+ justify-content: flex-start;
21441
+ }
21442
+ .v-fab--center {
21443
+ align-items: center;
21444
+ justify-content: center;
21445
+ }
21446
+ .v-fab--end, .v-fab--right {
21447
+ justify-content: flex-end;
21448
+ }
21449
+ .v-fab--bottom {
21450
+ align-items: flex-end;
21451
+ }
21452
+ .v-fab--top {
21453
+ align-items: flex-start;
21454
+ }
21455
+ .v-fab--extended .v-btn {
21456
+ border-radius: 9999px !important;
21457
+ }
21458
+
21459
+ .v-fab__container {
21460
+ align-self: center;
21461
+ display: inline-flex;
21462
+ position: absolute;
21463
+ vertical-align: middle;
21464
+ }
21465
+ .v-fab--app .v-fab__container {
21466
+ margin: 12px;
21467
+ }
21468
+ .v-fab--absolute .v-fab__container {
21469
+ position: absolute;
21470
+ z-index: 4;
21471
+ }
21472
+ .v-fab--offset.v-fab--top .v-fab__container {
21473
+ transform: translateY(-50%);
21474
+ }
21475
+ .v-fab--offset.v-fab--bottom .v-fab__container {
21476
+ transform: translateY(50%);
21477
+ }
21478
+ .v-fab--top .v-fab__container {
21479
+ top: 0;
21480
+ }
21481
+ .v-fab--bottom .v-fab__container {
21482
+ bottom: 0;
21483
+ }
21484
+ .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
21485
+ left: 0;
21486
+ }
21487
+ .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
21488
+ right: 0;
21489
+ }.v-file-input--hide.v-input .v-field,
21753
21490
  .v-file-input--hide.v-input .v-input__control,
21754
21491
  .v-file-input--hide.v-input .v-input__details {
21755
21492
  display: none;
@@ -21814,6 +21551,58 @@ textarea.v-field__input::placeholder {
21814
21551
  }
21815
21552
  .v-footer--rounded {
21816
21553
  border-radius: 4px;
21554
+ }.v-divider {
21555
+ display: block;
21556
+ flex: 1 1 100%;
21557
+ height: 0px;
21558
+ max-height: 0px;
21559
+ opacity: var(--v-border-opacity);
21560
+ transition: inherit;
21561
+ }
21562
+ .v-divider {
21563
+ border-style: solid;
21564
+ border-width: thin 0 0 0;
21565
+ }
21566
+ .v-divider--vertical {
21567
+ align-self: stretch;
21568
+ border-width: 0 thin 0 0;
21569
+ display: inline-flex;
21570
+ height: auto;
21571
+ margin-left: -1px;
21572
+ max-height: 100%;
21573
+ max-width: 0px;
21574
+ vertical-align: text-bottom;
21575
+ width: 0px;
21576
+ }
21577
+ .v-divider--inset:not(.v-divider--vertical) {
21578
+ max-width: calc(100% - 72px);
21579
+ margin-inline-start: 72px;
21580
+ }
21581
+ .v-divider--inset.v-divider--vertical {
21582
+ margin-bottom: 8px;
21583
+ margin-top: 8px;
21584
+ max-height: calc(100% - 16px);
21585
+ }
21586
+
21587
+ .v-divider__content {
21588
+ padding: 0 16px;
21589
+ text-wrap: nowrap;
21590
+ }
21591
+ .v-divider__wrapper--vertical .v-divider__content {
21592
+ padding: 4px 0;
21593
+ }
21594
+
21595
+ .v-divider__wrapper {
21596
+ display: flex;
21597
+ align-items: center;
21598
+ justify-content: center;
21599
+ }
21600
+ .v-divider__wrapper--vertical {
21601
+ flex-direction: column;
21602
+ height: 100%;
21603
+ }
21604
+ .v-divider__wrapper--vertical .v-divider {
21605
+ margin: 0 auto;
21817
21606
  }.v-container {
21818
21607
  width: 100%;
21819
21608
  padding: 16px;
@@ -22486,57 +22275,6 @@ textarea.v-field__input::placeholder {
22486
22275
  .offset-xxl-11 {
22487
22276
  margin-inline-start: 91.6666666667%;
22488
22277
  }
22489
- }.v-img {
22490
- --v-theme-overlay-multiplier: 3;
22491
- z-index: 0;
22492
- }
22493
- .v-img.v-img--absolute {
22494
- height: 100%;
22495
- left: 0;
22496
- overflow: hidden;
22497
- position: absolute;
22498
- top: 0;
22499
- width: 100%;
22500
- z-index: -1;
22501
- }
22502
- .v-img--booting .v-responsive__sizer {
22503
- transition: none;
22504
- }
22505
- .v-img--rounded {
22506
- border-radius: 4px;
22507
- }
22508
-
22509
- .v-img__img,
22510
- .v-img__picture,
22511
- .v-img__gradient,
22512
- .v-img__placeholder,
22513
- .v-img__error {
22514
- z-index: -1;
22515
- }
22516
- .v-img__img,
22517
- .v-img__picture,
22518
- .v-img__gradient,
22519
- .v-img__placeholder,
22520
- .v-img__error {
22521
- position: absolute;
22522
- top: 0;
22523
- left: 0;
22524
- width: 100%;
22525
- height: 100%;
22526
- }
22527
-
22528
- .v-img__img--preload {
22529
- filter: blur(4px);
22530
- }
22531
- .v-img__img--contain {
22532
- object-fit: contain;
22533
- }
22534
- .v-img__img--cover {
22535
- object-fit: cover;
22536
- }
22537
-
22538
- .v-img__gradient {
22539
- background-repeat: no-repeat;
22540
22278
  }.v-icon {
22541
22279
  --v-icon-size-multiplier: 1;
22542
22280
  align-items: center;
@@ -22590,48 +22328,57 @@ textarea.v-field__input::placeholder {
22590
22328
 
22591
22329
  .v-icon--end {
22592
22330
  margin-inline-start: 8px;
22593
- }.v-infinite-scroll--horizontal {
22594
- display: flex;
22595
- flex-direction: row;
22596
- overflow-x: auto;
22331
+ }.v-img {
22332
+ --v-theme-overlay-multiplier: 3;
22333
+ z-index: 0;
22597
22334
  }
22598
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
22335
+ .v-img.v-img--absolute {
22599
22336
  height: 100%;
22600
- width: var(--v-infinite-margin-size, 1px);
22337
+ left: 0;
22338
+ overflow: hidden;
22339
+ position: absolute;
22340
+ top: 0;
22341
+ width: 100%;
22342
+ z-index: -1;
22601
22343
  }
22602
-
22603
- .v-infinite-scroll--vertical {
22604
- display: flex;
22605
- flex-direction: column;
22606
- overflow-y: auto;
22344
+ .v-img--booting .v-responsive__sizer {
22345
+ transition: none;
22607
22346
  }
22608
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
22609
- height: 1px;
22347
+ .v-img--rounded {
22348
+ border-radius: 4px;
22349
+ }
22350
+
22351
+ .v-img__img,
22352
+ .v-img__picture,
22353
+ .v-img__gradient,
22354
+ .v-img__placeholder,
22355
+ .v-img__error {
22356
+ z-index: -1;
22357
+ }
22358
+ .v-img__img,
22359
+ .v-img__picture,
22360
+ .v-img__gradient,
22361
+ .v-img__placeholder,
22362
+ .v-img__error {
22363
+ position: absolute;
22364
+ top: 0;
22365
+ left: 0;
22610
22366
  width: 100%;
22367
+ height: 100%;
22611
22368
  }
22612
22369
 
22613
- .v-infinite-scroll-intersect {
22614
- pointer-events: none;
22615
- margin-top: var(--v-infinite-margin);
22616
- margin-bottom: calc(var(--v-infinite-margin) * -1);
22370
+ .v-img__img--preload {
22371
+ filter: blur(4px);
22617
22372
  }
22618
- .v-infinite-scroll-intersect:nth-child(2) {
22619
- --v-infinite-margin: var(--v-infinite-margin-size, 1px);
22373
+ .v-img__img--contain {
22374
+ object-fit: contain;
22620
22375
  }
22621
- .v-infinite-scroll-intersect:nth-last-child(2) {
22622
- --v-infinite-margin: calc(var(--v-infinite-margin-size, 1px) * -1);
22376
+ .v-img__img--cover {
22377
+ object-fit: cover;
22623
22378
  }
22624
22379
 
22625
- .v-infinite-scroll__side {
22626
- align-items: center;
22627
- display: flex;
22628
- justify-content: center;
22629
- padding: 8px;
22630
- }.v-item-group {
22631
- flex: 0 1 auto;
22632
- max-width: 100%;
22633
- position: relative;
22634
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22380
+ .v-img__gradient {
22381
+ background-repeat: no-repeat;
22635
22382
  }.v-input {
22636
22383
  display: grid;
22637
22384
  flex: 1 1 auto;
@@ -22774,6 +22521,48 @@ textarea.v-field__input::placeholder {
22774
22521
 
22775
22522
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
22776
22523
  padding-top: calc(var(--v-input-padding-top) + 0px);
22524
+ }.v-infinite-scroll--horizontal {
22525
+ display: flex;
22526
+ flex-direction: row;
22527
+ overflow-x: auto;
22528
+ }
22529
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
22530
+ height: 100%;
22531
+ width: var(--v-infinite-margin-size, 1px);
22532
+ }
22533
+
22534
+ .v-infinite-scroll--vertical {
22535
+ display: flex;
22536
+ flex-direction: column;
22537
+ overflow-y: auto;
22538
+ }
22539
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
22540
+ height: 1px;
22541
+ width: 100%;
22542
+ }
22543
+
22544
+ .v-infinite-scroll-intersect {
22545
+ pointer-events: none;
22546
+ margin-top: var(--v-infinite-margin);
22547
+ margin-bottom: calc(var(--v-infinite-margin) * -1);
22548
+ }
22549
+ .v-infinite-scroll-intersect:nth-child(2) {
22550
+ --v-infinite-margin: var(--v-infinite-margin-size, 1px);
22551
+ }
22552
+ .v-infinite-scroll-intersect:nth-last-child(2) {
22553
+ --v-infinite-margin: calc(var(--v-infinite-margin-size, 1px) * -1);
22554
+ }
22555
+
22556
+ .v-infinite-scroll__side {
22557
+ align-items: center;
22558
+ display: flex;
22559
+ justify-content: center;
22560
+ padding: 8px;
22561
+ }.v-item-group {
22562
+ flex: 0 1 auto;
22563
+ max-width: 100%;
22564
+ position: relative;
22565
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22777
22566
  }.v-label {
22778
22567
  align-items: center;
22779
22568
  color: inherit;
@@ -23379,6 +23168,27 @@ textarea.v-field__input::placeholder {
23379
23168
  }
23380
23169
  .v-list-group__header:not(.v-treeview-item--activatable-group-activator).v-list-item--active:hover .v-list-item__overlay {
23381
23170
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
23171
+ }.v-locale-provider {
23172
+ display: contents;
23173
+ }.v-menu > .v-overlay__content {
23174
+ display: flex;
23175
+ flex-direction: column;
23176
+ }
23177
+ .v-menu > .v-overlay__content {
23178
+ border-radius: 4px;
23179
+ }
23180
+ .v-menu > .v-overlay__content > .v-card,
23181
+ .v-menu > .v-overlay__content > .v-sheet,
23182
+ .v-menu > .v-overlay__content > .v-list {
23183
+ background: rgb(var(--v-theme-surface));
23184
+ border-radius: inherit;
23185
+ overflow: auto;
23186
+ height: 100%;
23187
+ }
23188
+ .v-menu > .v-overlay__content > .v-card,
23189
+ .v-menu > .v-overlay__content > .v-sheet,
23190
+ .v-menu > .v-overlay__content > .v-list {
23191
+ box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23382
23192
  }.v-main {
23383
23193
  flex: 1 0 auto;
23384
23194
  max-width: 100%;
@@ -23409,27 +23219,6 @@ textarea.v-field__input::placeholder {
23409
23219
  --v-layout-right: 0px;
23410
23220
  --v-layout-top: 0px;
23411
23221
  --v-layout-bottom: 0px;
23412
- }.v-locale-provider {
23413
- display: contents;
23414
- }.v-menu > .v-overlay__content {
23415
- display: flex;
23416
- flex-direction: column;
23417
- }
23418
- .v-menu > .v-overlay__content {
23419
- border-radius: 4px;
23420
- }
23421
- .v-menu > .v-overlay__content > .v-card,
23422
- .v-menu > .v-overlay__content > .v-sheet,
23423
- .v-menu > .v-overlay__content > .v-list {
23424
- background: rgb(var(--v-theme-surface));
23425
- border-radius: inherit;
23426
- overflow: auto;
23427
- height: 100%;
23428
- }
23429
- .v-menu > .v-overlay__content > .v-card,
23430
- .v-menu > .v-overlay__content > .v-sheet,
23431
- .v-menu > .v-overlay__content > .v-list {
23432
- box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23433
23222
  }.v-messages {
23434
23223
  flex: 1 1 auto;
23435
23224
  font-size: 12px;
@@ -23554,6 +23343,64 @@ textarea.v-field__input::placeholder {
23554
23343
  .v-navigation-drawer__append {
23555
23344
  flex: none;
23556
23345
  overflow: hidden;
23346
+ }.v-otp-input {
23347
+ align-items: center;
23348
+ display: flex;
23349
+ justify-content: center;
23350
+ padding: 0.5rem 0;
23351
+ position: relative;
23352
+ }
23353
+ .v-otp-input {
23354
+ border-radius: 4px;
23355
+ }
23356
+ .v-otp-input .v-field {
23357
+ height: 100%;
23358
+ }
23359
+
23360
+ .v-otp-input__divider {
23361
+ margin: 0 8px;
23362
+ }
23363
+
23364
+ .v-otp-input__content {
23365
+ align-items: center;
23366
+ display: flex;
23367
+ gap: 0.5rem;
23368
+ height: 64px;
23369
+ padding: 0.5rem;
23370
+ justify-content: center;
23371
+ max-width: 320px;
23372
+ position: relative;
23373
+ border-radius: inherit;
23374
+ }
23375
+ .v-otp-input--divided .v-otp-input__content {
23376
+ max-width: 360px;
23377
+ }
23378
+
23379
+ .v-otp-input__field {
23380
+ color: inherit;
23381
+ font-size: 1.25rem;
23382
+ height: 100%;
23383
+ outline: none;
23384
+ text-align: center;
23385
+ width: 100%;
23386
+ }
23387
+ .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
23388
+ -webkit-appearance: none;
23389
+ margin: 0;
23390
+ }
23391
+ .v-otp-input__field[type=number] {
23392
+ -moz-appearance: textfield;
23393
+ }
23394
+
23395
+ .v-otp-input__loader {
23396
+ align-items: center;
23397
+ display: flex;
23398
+ height: 100%;
23399
+ justify-content: center;
23400
+ width: 100%;
23401
+ }
23402
+ .v-otp-input__loader .v-progress-linear {
23403
+ position: absolute;
23557
23404
  }.v-overlay-container {
23558
23405
  contain: layout;
23559
23406
  left: 0;
@@ -23961,6 +23808,18 @@ html.v-overlay-scroll-blocked {
23961
23808
  0% {
23962
23809
  background-position-x: var(--v-progress-linear-height);
23963
23810
  }
23811
+ }.v-radio-group > .v-input__control {
23812
+ flex-direction: column;
23813
+ }
23814
+ .v-radio-group > .v-input__control > .v-label {
23815
+ margin-inline-start: 16px;
23816
+ }
23817
+ .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
23818
+ padding-inline-start: 6px;
23819
+ margin-top: 8px;
23820
+ }
23821
+ .v-radio-group .v-input__details {
23822
+ padding-inline: 16px;
23964
23823
  }.v-slider .v-slider__container input {
23965
23824
  cursor: default;
23966
23825
  padding: 0;
@@ -24018,18 +23877,6 @@ html.v-overlay-scroll-blocked {
24018
23877
 
24019
23878
  .v-slider__label {
24020
23879
  margin-inline-end: 12px;
24021
- }.v-radio-group > .v-input__control {
24022
- flex-direction: column;
24023
- }
24024
- .v-radio-group > .v-input__control > .v-label {
24025
- margin-inline-start: 16px;
24026
- }
24027
- .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
24028
- padding-inline-start: 6px;
24029
- margin-top: 8px;
24030
- }
24031
- .v-radio-group .v-input__details {
24032
- padding-inline: 16px;
24033
23880
  }.v-rating {
24034
23881
  max-width: 100%;
24035
23882
  display: inline-flex;
@@ -24109,86 +23956,28 @@ html.v-overlay-scroll-blocked {
24109
23956
  flex: 1 0 0px;
24110
23957
  transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24111
23958
  pointer-events: none;
24112
- }.v-otp-input {
24113
- align-items: center;
24114
- display: flex;
24115
- justify-content: center;
24116
- padding: 0.5rem 0;
24117
- position: relative;
23959
+ }.v-select .v-field .v-text-field__prefix,
23960
+ .v-select .v-field .v-text-field__suffix,
23961
+ .v-select .v-field .v-field__input, .v-select .v-field.v-field {
23962
+ cursor: pointer;
24118
23963
  }
24119
- .v-otp-input {
24120
- border-radius: 4px;
23964
+ .v-select .v-field .v-field__input > input {
23965
+ align-self: flex-start;
23966
+ opacity: 1;
23967
+ flex: 0 0;
23968
+ position: absolute;
23969
+ width: 100%;
23970
+ transition: none;
23971
+ pointer-events: none;
23972
+ caret-color: transparent;
24121
23973
  }
24122
- .v-otp-input .v-field {
24123
- height: 100%;
23974
+ .v-select .v-field--dirty .v-select__selection {
23975
+ margin-inline-end: 2px;
24124
23976
  }
24125
-
24126
- .v-otp-input__divider {
24127
- margin: 0 8px;
24128
- }
24129
-
24130
- .v-otp-input__content {
24131
- align-items: center;
24132
- display: flex;
24133
- gap: 0.5rem;
24134
- height: 64px;
24135
- padding: 0.5rem;
24136
- justify-content: center;
24137
- max-width: 320px;
24138
- position: relative;
24139
- border-radius: inherit;
24140
- }
24141
- .v-otp-input--divided .v-otp-input__content {
24142
- max-width: 360px;
24143
- }
24144
-
24145
- .v-otp-input__field {
24146
- color: inherit;
24147
- font-size: 1.25rem;
24148
- height: 100%;
24149
- outline: none;
24150
- text-align: center;
24151
- width: 100%;
24152
- }
24153
- .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
24154
- -webkit-appearance: none;
24155
- margin: 0;
24156
- }
24157
- .v-otp-input__field[type=number] {
24158
- -moz-appearance: textfield;
24159
- }
24160
-
24161
- .v-otp-input__loader {
24162
- align-items: center;
24163
- display: flex;
24164
- height: 100%;
24165
- justify-content: center;
24166
- width: 100%;
24167
- }
24168
- .v-otp-input__loader .v-progress-linear {
24169
- position: absolute;
24170
- }.v-select .v-field .v-text-field__prefix,
24171
- .v-select .v-field .v-text-field__suffix,
24172
- .v-select .v-field .v-field__input, .v-select .v-field.v-field {
24173
- cursor: pointer;
24174
- }
24175
- .v-select .v-field .v-field__input > input {
24176
- align-self: flex-start;
24177
- opacity: 1;
24178
- flex: 0 0;
24179
- position: absolute;
24180
- width: 100%;
24181
- transition: none;
24182
- pointer-events: none;
24183
- caret-color: transparent;
24184
- }
24185
- .v-select .v-field--dirty .v-select__selection {
24186
- margin-inline-end: 2px;
24187
- }
24188
- .v-select .v-select__selection-text {
24189
- overflow: hidden;
24190
- text-overflow: ellipsis;
24191
- white-space: nowrap;
23977
+ .v-select .v-select__selection-text {
23978
+ overflow: hidden;
23979
+ text-overflow: ellipsis;
23980
+ white-space: nowrap;
24192
23981
  }
24193
23982
  .v-select__content {
24194
23983
  overflow: hidden;
@@ -24219,6 +24008,109 @@ html.v-overlay-scroll-blocked {
24219
24008
  .v-select--active-menu .v-select__menu-icon {
24220
24009
  opacity: var(--v-high-emphasis-opacity);
24221
24010
  transform: rotate(180deg);
24011
+ }.v-selection-control {
24012
+ align-items: center;
24013
+ contain: layout;
24014
+ display: flex;
24015
+ flex: 1 0;
24016
+ grid-area: control;
24017
+ position: relative;
24018
+ -webkit-user-select: none;
24019
+ user-select: none;
24020
+ }
24021
+ .v-selection-control .v-label {
24022
+ white-space: normal;
24023
+ word-break: break-word;
24024
+ height: 100%;
24025
+ }
24026
+ .v-selection-control--disabled {
24027
+ opacity: var(--v-disabled-opacity);
24028
+ pointer-events: none;
24029
+ }
24030
+ .v-selection-control--error .v-label, .v-selection-control--disabled .v-label {
24031
+ opacity: 1;
24032
+ }
24033
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-label {
24034
+ color: rgb(var(--v-theme-error));
24035
+ }
24036
+ .v-selection-control--inline {
24037
+ display: inline-flex;
24038
+ flex: 0 0 auto;
24039
+ min-width: 0;
24040
+ max-width: 100%;
24041
+ }
24042
+ .v-selection-control--inline .v-label {
24043
+ width: auto;
24044
+ }
24045
+ .v-selection-control--density-default {
24046
+ --v-selection-control-size: 40px;
24047
+ }
24048
+
24049
+ .v-selection-control--density-comfortable {
24050
+ --v-selection-control-size: 36px;
24051
+ }
24052
+
24053
+ .v-selection-control--density-compact {
24054
+ --v-selection-control-size: 28px;
24055
+ }
24056
+
24057
+ .v-selection-control__wrapper {
24058
+ width: var(--v-selection-control-size);
24059
+ height: var(--v-selection-control-size);
24060
+ display: inline-flex;
24061
+ align-items: center;
24062
+ position: relative;
24063
+ justify-content: center;
24064
+ flex: none;
24065
+ }
24066
+
24067
+ .v-selection-control__input {
24068
+ width: var(--v-selection-control-size);
24069
+ height: var(--v-selection-control-size);
24070
+ align-items: center;
24071
+ display: flex;
24072
+ flex: none;
24073
+ justify-content: center;
24074
+ position: relative;
24075
+ border-radius: 50%;
24076
+ }
24077
+ .v-selection-control__input input {
24078
+ cursor: pointer;
24079
+ position: absolute;
24080
+ left: 0;
24081
+ top: 0;
24082
+ width: 100%;
24083
+ height: 100%;
24084
+ opacity: 0;
24085
+ }
24086
+ .v-selection-control__input::before {
24087
+ border-radius: 100%;
24088
+ background-color: currentColor;
24089
+ opacity: 0;
24090
+ pointer-events: none;
24091
+ }
24092
+ .v-selection-control__input::before {
24093
+ content: "";
24094
+ position: absolute;
24095
+ top: 0;
24096
+ left: 0;
24097
+ width: 100%;
24098
+ height: 100%;
24099
+ }
24100
+ .v-selection-control__input:hover::before {
24101
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
24102
+ }
24103
+ .v-selection-control__input > .v-icon {
24104
+ opacity: var(--v-medium-emphasis-opacity);
24105
+ }
24106
+ .v-selection-control--disabled .v-selection-control__input > .v-icon, .v-selection-control--dirty .v-selection-control__input > .v-icon, .v-selection-control--error .v-selection-control__input > .v-icon {
24107
+ opacity: 1;
24108
+ }
24109
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-selection-control__input > .v-icon {
24110
+ color: rgb(var(--v-theme-error));
24111
+ }
24112
+ .v-selection-control--focus-visible .v-selection-control__input::before {
24113
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
24222
24114
  }.v-selection-control-group {
24223
24115
  grid-area: control;
24224
24116
  display: flex;
@@ -24227,6 +24119,42 @@ html.v-overlay-scroll-blocked {
24227
24119
  .v-selection-control-group--inline {
24228
24120
  flex-direction: row;
24229
24121
  flex-wrap: wrap;
24122
+ }.v-sheet {
24123
+ display: block;
24124
+ }
24125
+ .v-sheet {
24126
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
24127
+ border-style: solid;
24128
+ border-width: 0;
24129
+ }
24130
+ .v-sheet--border {
24131
+ border-width: thin;
24132
+ box-shadow: none;
24133
+ }
24134
+ .v-sheet {
24135
+ 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));
24136
+ }
24137
+ .v-sheet--absolute {
24138
+ position: absolute;
24139
+ }
24140
+ .v-sheet--fixed {
24141
+ position: fixed;
24142
+ }
24143
+ .v-sheet--relative {
24144
+ position: relative;
24145
+ }
24146
+ .v-sheet--sticky {
24147
+ position: sticky;
24148
+ }
24149
+ .v-sheet {
24150
+ border-radius: 0;
24151
+ }
24152
+ .v-sheet {
24153
+ background: rgb(var(--v-theme-surface));
24154
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24155
+ }
24156
+ .v-sheet--rounded {
24157
+ border-radius: 4px;
24230
24158
  }.v-skeleton-loader {
24231
24159
  align-items: center;
24232
24160
  background: rgb(var(--v-theme-surface));
@@ -24452,42 +24380,6 @@ html.v-overlay-scroll-blocked {
24452
24380
  100% {
24453
24381
  transform: translateX(100%);
24454
24382
  }
24455
- }.v-sheet {
24456
- display: block;
24457
- }
24458
- .v-sheet {
24459
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
24460
- border-style: solid;
24461
- border-width: 0;
24462
- }
24463
- .v-sheet--border {
24464
- border-width: thin;
24465
- box-shadow: none;
24466
- }
24467
- .v-sheet {
24468
- 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));
24469
- }
24470
- .v-sheet--absolute {
24471
- position: absolute;
24472
- }
24473
- .v-sheet--fixed {
24474
- position: fixed;
24475
- }
24476
- .v-sheet--relative {
24477
- position: relative;
24478
- }
24479
- .v-sheet--sticky {
24480
- position: sticky;
24481
- }
24482
- .v-sheet {
24483
- border-radius: 0;
24484
- }
24485
- .v-sheet {
24486
- background: rgb(var(--v-theme-surface));
24487
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24488
- }
24489
- .v-sheet--rounded {
24490
- border-radius: 4px;
24491
24383
  }.v-slide-group {
24492
24384
  display: flex;
24493
24385
  overflow: hidden;
@@ -24899,58 +24791,15 @@ html.v-overlay-scroll-blocked {
24899
24791
  left: 0;
24900
24792
  width: 100%;
24901
24793
  height: 100%;
24902
- }.v-system-bar {
24903
- align-items: center;
24904
- display: flex;
24905
- flex: 1 1 auto;
24906
- height: 24px;
24907
- justify-content: flex-end;
24908
- max-width: 100%;
24909
- padding-inline: 8px;
24910
- position: relative;
24911
- text-align: end;
24912
- width: 100%;
24794
+ }.v-switch .v-label {
24795
+ padding-inline-start: 10px;
24913
24796
  }
24914
- .v-system-bar .v-icon {
24915
- opacity: var(--v-medium-emphasis-opacity);
24797
+
24798
+ .v-switch__loader {
24799
+ display: flex;
24916
24800
  }
24917
- .v-system-bar {
24918
- 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));
24919
- }
24920
- .v-system-bar--absolute {
24921
- position: absolute;
24922
- }
24923
- .v-system-bar--fixed {
24924
- position: fixed;
24925
- }
24926
- .v-system-bar {
24927
- background: rgba(var(--v-theme-surface-light));
24928
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24929
- }
24930
- .v-system-bar {
24931
- font-size: 0.75rem;
24932
- font-weight: 400;
24933
- letter-spacing: 0.0333333333em;
24934
- line-height: 1.667;
24935
- text-transform: none;
24936
- }
24937
- .v-system-bar--rounded {
24938
- border-radius: 0;
24939
- }
24940
- .v-system-bar--window {
24941
- height: 32px;
24942
- }
24943
- .v-system-bar:not(.v-system-bar--absolute) {
24944
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24945
- }.v-switch .v-label {
24946
- padding-inline-start: 10px;
24947
- }
24948
-
24949
- .v-switch__loader {
24950
- display: flex;
24951
- }
24952
- .v-switch__loader .v-progress-circular {
24953
- color: rgb(var(--v-theme-surface));
24801
+ .v-switch__loader .v-progress-circular {
24802
+ color: rgb(var(--v-theme-surface));
24954
24803
  }
24955
24804
 
24956
24805
  .v-switch__track,
@@ -25124,6 +24973,49 @@ html.v-overlay-scroll-blocked {
25124
24973
  .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
25125
24974
  border-width: 0;
25126
24975
  }
24976
+ }.v-system-bar {
24977
+ align-items: center;
24978
+ display: flex;
24979
+ flex: 1 1 auto;
24980
+ height: 24px;
24981
+ justify-content: flex-end;
24982
+ max-width: 100%;
24983
+ padding-inline: 8px;
24984
+ position: relative;
24985
+ text-align: end;
24986
+ width: 100%;
24987
+ }
24988
+ .v-system-bar .v-icon {
24989
+ opacity: var(--v-medium-emphasis-opacity);
24990
+ }
24991
+ .v-system-bar {
24992
+ 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));
24993
+ }
24994
+ .v-system-bar--absolute {
24995
+ position: absolute;
24996
+ }
24997
+ .v-system-bar--fixed {
24998
+ position: fixed;
24999
+ }
25000
+ .v-system-bar {
25001
+ background: rgba(var(--v-theme-surface-light));
25002
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
25003
+ }
25004
+ .v-system-bar {
25005
+ font-size: 0.75rem;
25006
+ font-weight: 400;
25007
+ letter-spacing: 0.0333333333em;
25008
+ line-height: 1.667;
25009
+ text-transform: none;
25010
+ }
25011
+ .v-system-bar--rounded {
25012
+ border-radius: 0;
25013
+ }
25014
+ .v-system-bar--window {
25015
+ height: 32px;
25016
+ }
25017
+ .v-system-bar:not(.v-system-bar--absolute) {
25018
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
25127
25019
  }.v-tabs {
25128
25020
  display: flex;
25129
25021
  height: var(--v-tabs-height);
@@ -25219,6 +25111,112 @@ html.v-overlay-scroll-blocked {
25219
25111
  top: 0;
25220
25112
  height: 100%;
25221
25113
  width: 2px;
25114
+ }/* region BLOCK */
25115
+ .v-text-field input {
25116
+ color: inherit;
25117
+ opacity: 0;
25118
+ flex: 1;
25119
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25120
+ min-width: 0;
25121
+ }
25122
+ .v-text-field input:focus, .v-text-field input:active {
25123
+ outline: none;
25124
+ }
25125
+ .v-text-field input:invalid {
25126
+ box-shadow: none;
25127
+ }
25128
+ .v-text-field .v-field {
25129
+ cursor: text;
25130
+ }
25131
+ .v-text-field--prefixed.v-text-field .v-field__input {
25132
+ --v-field-padding-start: 6px;
25133
+ }
25134
+
25135
+ .v-text-field--suffixed.v-text-field .v-field__input {
25136
+ --v-field-padding-end: 0;
25137
+ }
25138
+
25139
+ .v-text-field .v-input__details {
25140
+ padding-inline: 16px;
25141
+ }
25142
+ .v-input--plain-underlined.v-text-field .v-input__details {
25143
+ padding-inline: 0;
25144
+ }
25145
+
25146
+ .v-text-field .v-field--no-label input,
25147
+ .v-text-field .v-field--active input {
25148
+ opacity: 1;
25149
+ }
25150
+ .v-text-field .v-field--single-line input {
25151
+ transition: none;
25152
+ }
25153
+
25154
+ /* endregion */
25155
+ /* region ELEMENTS */
25156
+ .v-text-field__prefix, .v-text-field__suffix {
25157
+ align-items: center;
25158
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
25159
+ cursor: default;
25160
+ display: flex;
25161
+ opacity: 0;
25162
+ transition: inherit;
25163
+ white-space: nowrap;
25164
+ min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
25165
+ padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
25166
+ padding-bottom: var(--v-field-padding-bottom, 6px);
25167
+ }
25168
+ .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
25169
+ opacity: 1;
25170
+ }
25171
+ .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
25172
+ color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
25173
+ }
25174
+ .v-text-field__prefix {
25175
+ padding-inline-start: var(--v-field-padding-start);
25176
+ }
25177
+ .v-text-field__suffix {
25178
+ padding-inline-end: var(--v-field-padding-end);
25179
+ }
25180
+
25181
+ /* endregion */.v-textarea .v-field {
25182
+ --v-textarea-control-height: var(--v-input-control-height);
25183
+ }
25184
+ .v-textarea .v-field__field {
25185
+ --v-input-control-height: var(--v-textarea-control-height);
25186
+ }
25187
+ .v-textarea .v-field__input {
25188
+ flex: 1 1 auto;
25189
+ outline: none;
25190
+ -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));
25191
+ 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));
25192
+ }
25193
+ .v-textarea .v-field__input.v-textarea__sizer {
25194
+ visibility: hidden;
25195
+ position: absolute;
25196
+ top: 0;
25197
+ left: 0;
25198
+ height: 0 !important;
25199
+ min-height: 0 !important;
25200
+ pointer-events: none;
25201
+ }
25202
+ .v-textarea--no-resize .v-field__input {
25203
+ resize: none;
25204
+ }
25205
+ .v-textarea .v-field--no-label textarea,
25206
+ .v-textarea .v-field--active textarea {
25207
+ opacity: 1;
25208
+ }
25209
+ .v-textarea textarea {
25210
+ opacity: 0;
25211
+ flex: 1;
25212
+ min-width: 0;
25213
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25214
+ }
25215
+ .v-textarea textarea:focus, .v-textarea textarea:active {
25216
+ outline: none;
25217
+ }
25218
+ .v-textarea textarea:invalid {
25219
+ box-shadow: none;
25222
25220
  }.v-table {
25223
25221
  font-size: 0.875rem;
25224
25222
  transition-duration: 0.28s;
@@ -25361,156 +25359,47 @@ html.v-overlay-scroll-blocked {
25361
25359
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
25362
25360
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
25363
25361
  border-top: 0px !important;
25364
- }/* region BLOCK */
25365
- .v-text-field input {
25366
- color: inherit;
25367
- opacity: 0;
25368
- flex: 1;
25369
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25370
- min-width: 0;
25362
+ }.v-timeline .v-timeline-divider__dot {
25363
+ background: rgb(var(--v-theme-surface-light));
25371
25364
  }
25372
- .v-text-field input:focus, .v-text-field input:active {
25373
- outline: none;
25365
+ .v-timeline .v-timeline-divider__inner-dot {
25366
+ background: rgb(var(--v-theme-on-surface));
25374
25367
  }
25375
- .v-text-field input:invalid {
25376
- box-shadow: none;
25368
+
25369
+ .v-timeline {
25370
+ display: grid;
25371
+ grid-auto-flow: dense;
25372
+ position: relative;
25377
25373
  }
25378
- .v-text-field .v-field {
25379
- cursor: text;
25374
+ .v-timeline--horizontal.v-timeline {
25375
+ grid-column-gap: 24px;
25376
+ width: 100%;
25380
25377
  }
25381
- .v-text-field--prefixed.v-text-field .v-field__input {
25382
- --v-field-padding-start: 6px;
25378
+ .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__body {
25379
+ grid-row: 3;
25380
+ padding-block-start: 24px;
25383
25381
  }
25384
-
25385
- .v-text-field--suffixed.v-text-field .v-field__input {
25386
- --v-field-padding-end: 0;
25382
+ .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__opposite {
25383
+ grid-row: 1;
25384
+ padding-block-end: 24px;
25385
+ align-self: flex-end;
25387
25386
  }
25388
-
25389
- .v-text-field .v-input__details {
25390
- padding-inline: 16px;
25387
+ .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n+1) .v-timeline-item__body {
25388
+ grid-row: 1;
25389
+ padding-block-end: 24px;
25390
+ align-self: flex-end;
25391
25391
  }
25392
- .v-input--plain-underlined.v-text-field .v-input__details {
25393
- padding-inline: 0;
25392
+ .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n+1) .v-timeline-item__opposite {
25393
+ grid-row: 3;
25394
+ padding-block-start: 24px;
25394
25395
  }
25395
25396
 
25396
- .v-text-field .v-field--no-label input,
25397
- .v-text-field .v-field--active input {
25398
- opacity: 1;
25397
+ .v-timeline--vertical.v-timeline {
25398
+ row-gap: 24px;
25399
+ height: 100%;
25399
25400
  }
25400
- .v-text-field .v-field--single-line input {
25401
- transition: none;
25402
- }
25403
-
25404
- /* endregion */
25405
- /* region ELEMENTS */
25406
- .v-text-field__prefix, .v-text-field__suffix {
25407
- align-items: center;
25408
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
25409
- cursor: default;
25410
- display: flex;
25411
- opacity: 0;
25412
- transition: inherit;
25413
- white-space: nowrap;
25414
- min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
25415
- padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
25416
- padding-bottom: var(--v-field-padding-bottom, 6px);
25417
- }
25418
- .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
25419
- opacity: 1;
25420
- }
25421
- .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
25422
- color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
25423
- }
25424
- .v-text-field__prefix {
25425
- padding-inline-start: var(--v-field-padding-start);
25426
- }
25427
- .v-text-field__suffix {
25428
- padding-inline-end: var(--v-field-padding-end);
25429
- }
25430
-
25431
- /* endregion */.v-textarea .v-field {
25432
- --v-textarea-control-height: var(--v-input-control-height);
25433
- }
25434
- .v-textarea .v-field__field {
25435
- --v-input-control-height: var(--v-textarea-control-height);
25436
- }
25437
- .v-textarea .v-field__input {
25438
- flex: 1 1 auto;
25439
- outline: none;
25440
- -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));
25441
- 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));
25442
- }
25443
- .v-textarea .v-field__input.v-textarea__sizer {
25444
- visibility: hidden;
25445
- position: absolute;
25446
- top: 0;
25447
- left: 0;
25448
- height: 0 !important;
25449
- min-height: 0 !important;
25450
- pointer-events: none;
25451
- }
25452
- .v-textarea--no-resize .v-field__input {
25453
- resize: none;
25454
- }
25455
- .v-textarea .v-field--no-label textarea,
25456
- .v-textarea .v-field--active textarea {
25457
- opacity: 1;
25458
- }
25459
- .v-textarea textarea {
25460
- opacity: 0;
25461
- flex: 1;
25462
- min-width: 0;
25463
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25464
- }
25465
- .v-textarea textarea:focus, .v-textarea textarea:active {
25466
- outline: none;
25467
- }
25468
- .v-textarea textarea:invalid {
25469
- box-shadow: none;
25470
- }.v-theme-provider {
25471
- background: rgb(var(--v-theme-background));
25472
- color: rgb(var(--v-theme-on-background));
25473
- }.v-timeline .v-timeline-divider__dot {
25474
- background: rgb(var(--v-theme-surface-light));
25475
- }
25476
- .v-timeline .v-timeline-divider__inner-dot {
25477
- background: rgb(var(--v-theme-on-surface));
25478
- }
25479
-
25480
- .v-timeline {
25481
- display: grid;
25482
- grid-auto-flow: dense;
25483
- position: relative;
25484
- }
25485
- .v-timeline--horizontal.v-timeline {
25486
- grid-column-gap: 24px;
25487
- width: 100%;
25488
- }
25489
- .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__body {
25490
- grid-row: 3;
25491
- padding-block-start: 24px;
25492
- }
25493
- .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__opposite {
25494
- grid-row: 1;
25495
- padding-block-end: 24px;
25496
- align-self: flex-end;
25497
- }
25498
- .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n+1) .v-timeline-item__body {
25499
- grid-row: 1;
25500
- padding-block-end: 24px;
25501
- align-self: flex-end;
25502
- }
25503
- .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n+1) .v-timeline-item__opposite {
25504
- grid-row: 3;
25505
- padding-block-start: 24px;
25506
- }
25507
-
25508
- .v-timeline--vertical.v-timeline {
25509
- row-gap: 24px;
25510
- height: 100%;
25511
- }
25512
- .v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-divider, .v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-item__opposite {
25513
- padding-block-start: 24px;
25401
+ .v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-divider, .v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-item__opposite {
25402
+ padding-block-start: 24px;
25514
25403
  }
25515
25404
  .v-timeline--vertical.v-timeline .v-timeline-item:last-child .v-timeline-divider, .v-timeline--vertical.v-timeline .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--vertical.v-timeline .v-timeline-item:last-child .v-timeline-item__opposite {
25516
25405
  padding-block-end: 24px;
@@ -25888,107 +25777,6 @@ html.v-overlay-scroll-blocked {
25888
25777
 
25889
25778
  .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
25890
25779
  padding-inline-end: 0;
25891
- }.v-tooltip > .v-overlay__content {
25892
- background: rgb(var(--v-theme-surface-variant));
25893
- color: rgb(var(--v-theme-on-surface-variant));
25894
- border-radius: 4px;
25895
- font-size: 0.875rem;
25896
- line-height: 1.6;
25897
- display: inline-block;
25898
- padding: 5px 16px;
25899
- text-transform: initial;
25900
- width: auto;
25901
- opacity: 1;
25902
- pointer-events: none;
25903
- transition-property: opacity, transform;
25904
- overflow-wrap: break-word;
25905
- }
25906
- .v-tooltip > .v-overlay__content[class*=enter-active] {
25907
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25908
- transition-duration: 150ms;
25909
- }
25910
- .v-tooltip > .v-overlay__content[class*=leave-active] {
25911
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25912
- transition-duration: 75ms;
25913
- }.v-virtual-scroll {
25914
- display: block;
25915
- flex: 1 1 auto;
25916
- max-width: 100%;
25917
- overflow: auto;
25918
- position: relative;
25919
- }
25920
- .v-virtual-scroll__container {
25921
- display: block;
25922
- }.v-window {
25923
- overflow: hidden;
25924
- }
25925
- .v-window__container {
25926
- display: flex;
25927
- flex-direction: column;
25928
- height: inherit;
25929
- position: relative;
25930
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25931
- }
25932
- .v-window__controls {
25933
- position: absolute;
25934
- left: 0;
25935
- top: 0;
25936
- width: 100%;
25937
- height: 100%;
25938
- display: flex;
25939
- align-items: center;
25940
- justify-content: space-between;
25941
- padding: 0 16px;
25942
- pointer-events: none;
25943
- }
25944
- .v-window__controls > * {
25945
- pointer-events: auto;
25946
- }
25947
- .v-window--show-arrows-on-hover {
25948
- overflow: hidden;
25949
- }
25950
- .v-window--show-arrows-on-hover .v-window__left {
25951
- transform: translateX(-200%);
25952
- }
25953
- .v-window--show-arrows-on-hover .v-window__right {
25954
- transform: translateX(200%);
25955
- }
25956
- .v-window--show-arrows-on-hover:hover .v-window__left,
25957
- .v-window--show-arrows-on-hover:hover .v-window__right {
25958
- transform: translateX(0);
25959
- }
25960
-
25961
- .v-window-x-transition-enter-active, .v-window-x-transition-leave-active, .v-window-x-reverse-transition-enter-active, .v-window-x-reverse-transition-leave-active, .v-window-y-transition-enter-active, .v-window-y-transition-leave-active, .v-window-y-reverse-transition-enter-active, .v-window-y-reverse-transition-leave-active {
25962
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25963
- }
25964
- .v-window-x-transition-leave-from, .v-window-x-transition-leave-to, .v-window-x-reverse-transition-leave-from, .v-window-x-reverse-transition-leave-to, .v-window-y-transition-leave-from, .v-window-y-transition-leave-to, .v-window-y-reverse-transition-leave-from, .v-window-y-reverse-transition-leave-to {
25965
- position: absolute !important;
25966
- top: 0;
25967
- width: 100%;
25968
- }
25969
- .v-window-x-transition-enter-from {
25970
- transform: translateX(100%);
25971
- }
25972
- .v-window-x-transition-leave-to {
25973
- transform: translateX(-100%);
25974
- }
25975
- .v-window-x-reverse-transition-enter-from {
25976
- transform: translateX(-100%);
25977
- }
25978
- .v-window-x-reverse-transition-leave-to {
25979
- transform: translateX(100%);
25980
- }
25981
- .v-window-y-transition-enter-from {
25982
- transform: translateY(100%);
25983
- }
25984
- .v-window-y-transition-leave-to {
25985
- transform: translateY(-100%);
25986
- }
25987
- .v-window-y-reverse-transition-enter-from {
25988
- transform: translateY(-100%);
25989
- }
25990
- .v-window-y-reverse-transition-leave-to {
25991
- transform: translateY(100%);
25992
25780
  }.v-toolbar {
25993
25781
  align-items: flex-start;
25994
25782
  display: flex;
@@ -26132,131 +25920,321 @@ html.v-overlay-scroll-blocked {
26132
25920
  }
26133
25921
  .v-toolbar-items > .v-btn {
26134
25922
  border-radius: 0;
26135
- }.v-selection-control {
26136
- align-items: center;
26137
- contain: layout;
26138
- display: flex;
26139
- flex: 1 0;
26140
- grid-area: control;
26141
- position: relative;
26142
- -webkit-user-select: none;
26143
- user-select: none;
26144
- }
26145
- .v-selection-control .v-label {
26146
- white-space: normal;
26147
- word-break: break-word;
26148
- height: 100%;
26149
- }
26150
- .v-selection-control--disabled {
26151
- opacity: var(--v-disabled-opacity);
26152
- pointer-events: none;
26153
- }
26154
- .v-selection-control--error .v-label, .v-selection-control--disabled .v-label {
25923
+ }.v-theme-provider {
25924
+ background: rgb(var(--v-theme-background));
25925
+ color: rgb(var(--v-theme-on-background));
25926
+ }.v-tooltip > .v-overlay__content {
25927
+ background: rgb(var(--v-theme-surface-variant));
25928
+ color: rgb(var(--v-theme-on-surface-variant));
25929
+ border-radius: 4px;
25930
+ font-size: 0.875rem;
25931
+ line-height: 1.6;
25932
+ display: inline-block;
25933
+ padding: 5px 16px;
25934
+ text-transform: initial;
25935
+ width: auto;
26155
25936
  opacity: 1;
25937
+ pointer-events: none;
25938
+ transition-property: opacity, transform;
25939
+ overflow-wrap: break-word;
26156
25940
  }
26157
- .v-selection-control--error:not(.v-selection-control--disabled) .v-label {
26158
- color: rgb(var(--v-theme-error));
25941
+ .v-tooltip > .v-overlay__content[class*=enter-active] {
25942
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25943
+ transition-duration: 150ms;
26159
25944
  }
26160
- .v-selection-control--inline {
26161
- display: inline-flex;
26162
- flex: 0 0 auto;
26163
- min-width: 0;
25945
+ .v-tooltip > .v-overlay__content[class*=leave-active] {
25946
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25947
+ transition-duration: 75ms;
25948
+ }.v-virtual-scroll {
25949
+ display: block;
25950
+ flex: 1 1 auto;
26164
25951
  max-width: 100%;
25952
+ overflow: auto;
25953
+ position: relative;
26165
25954
  }
26166
- .v-selection-control--inline .v-label {
26167
- width: auto;
26168
- }
26169
- .v-selection-control--density-default {
26170
- --v-selection-control-size: 40px;
25955
+ .v-virtual-scroll__container {
25956
+ display: block;
25957
+ }.v-window {
25958
+ overflow: hidden;
25959
+ }
25960
+ .v-window__container {
25961
+ display: flex;
25962
+ flex-direction: column;
25963
+ height: inherit;
25964
+ position: relative;
25965
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25966
+ }
25967
+ .v-window__controls {
25968
+ position: absolute;
25969
+ left: 0;
25970
+ top: 0;
25971
+ width: 100%;
25972
+ height: 100%;
25973
+ display: flex;
25974
+ align-items: center;
25975
+ justify-content: space-between;
25976
+ padding: 0 16px;
25977
+ pointer-events: none;
25978
+ }
25979
+ .v-window__controls > * {
25980
+ pointer-events: auto;
25981
+ }
25982
+ .v-window--show-arrows-on-hover {
25983
+ overflow: hidden;
25984
+ }
25985
+ .v-window--show-arrows-on-hover .v-window__left {
25986
+ transform: translateX(-200%);
25987
+ }
25988
+ .v-window--show-arrows-on-hover .v-window__right {
25989
+ transform: translateX(200%);
25990
+ }
25991
+ .v-window--show-arrows-on-hover:hover .v-window__left,
25992
+ .v-window--show-arrows-on-hover:hover .v-window__right {
25993
+ transform: translateX(0);
26171
25994
  }
26172
25995
 
26173
- .v-selection-control--density-comfortable {
26174
- --v-selection-control-size: 36px;
25996
+ .v-window-x-transition-enter-active, .v-window-x-transition-leave-active, .v-window-x-reverse-transition-enter-active, .v-window-x-reverse-transition-leave-active, .v-window-y-transition-enter-active, .v-window-y-transition-leave-active, .v-window-y-reverse-transition-enter-active, .v-window-y-reverse-transition-leave-active {
25997
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25998
+ }
25999
+ .v-window-x-transition-leave-from, .v-window-x-transition-leave-to, .v-window-x-reverse-transition-leave-from, .v-window-x-reverse-transition-leave-to, .v-window-y-transition-leave-from, .v-window-y-transition-leave-to, .v-window-y-reverse-transition-leave-from, .v-window-y-reverse-transition-leave-to {
26000
+ position: absolute !important;
26001
+ top: 0;
26002
+ width: 100%;
26003
+ }
26004
+ .v-window-x-transition-enter-from {
26005
+ transform: translateX(100%);
26006
+ }
26007
+ .v-window-x-transition-leave-to {
26008
+ transform: translateX(-100%);
26009
+ }
26010
+ .v-window-x-reverse-transition-enter-from {
26011
+ transform: translateX(-100%);
26012
+ }
26013
+ .v-window-x-reverse-transition-leave-to {
26014
+ transform: translateX(100%);
26015
+ }
26016
+ .v-window-y-transition-enter-from {
26017
+ transform: translateY(100%);
26018
+ }
26019
+ .v-window-y-transition-leave-to {
26020
+ transform: translateY(-100%);
26021
+ }
26022
+ .v-window-y-reverse-transition-enter-from {
26023
+ transform: translateY(-100%);
26024
+ }
26025
+ .v-window-y-reverse-transition-leave-to {
26026
+ transform: translateY(100%);
26027
+ }.v-date-picker-controls {
26028
+ display: flex;
26029
+ align-items: center;
26030
+ justify-content: space-between;
26031
+ font-size: 0.875rem;
26032
+ padding-top: 4px;
26033
+ padding-bottom: 4px;
26034
+ padding-inline-start: 6px;
26035
+ padding-inline-end: 12px;
26036
+ }
26037
+ .v-date-picker-controls > .v-btn:first-child {
26038
+ text-transform: none;
26039
+ font-weight: 400;
26040
+ line-height: initial;
26041
+ letter-spacing: initial;
26042
+ }
26043
+ .v-date-picker-controls--variant-classic {
26044
+ padding-inline-start: 12px;
26045
+ }
26046
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
26047
+ opacity: 0.7;
26048
+ }
26049
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
26050
+ cursor: pointer;
26051
+ }
26052
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
26053
+ opacity: 1;
26054
+ }
26055
+ .v-date-picker-controls .v-btn:last-child {
26056
+ margin-inline-start: 4px;
26057
+ }
26058
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
26059
+ transform: rotate(180deg);
26175
26060
  }
26176
26061
 
26177
- .v-selection-control--density-compact {
26178
- --v-selection-control-size: 28px;
26062
+ .v-date-picker-controls__date {
26063
+ margin-inline-end: 4px;
26064
+ }
26065
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
26066
+ margin: auto;
26067
+ text-align: center;
26179
26068
  }
26180
26069
 
26181
- .v-selection-control__wrapper {
26182
- width: var(--v-selection-control-size);
26183
- height: var(--v-selection-control-size);
26184
- display: inline-flex;
26185
- align-items: center;
26186
- position: relative;
26187
- justify-content: center;
26188
- flex: none;
26070
+ .v-date-picker-controls__month {
26071
+ display: flex;
26072
+ }
26073
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
26074
+ flex-direction: row-reverse;
26189
26075
  }
26190
26076
 
26191
- .v-selection-control__input {
26192
- width: var(--v-selection-control-size);
26193
- height: var(--v-selection-control-size);
26077
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
26078
+ flex: 1 0 auto;
26079
+ }
26080
+
26081
+ .v-date-picker__title {
26082
+ display: inline-block;
26083
+ }.v-date-picker-header {
26084
+ align-items: flex-end;
26085
+ height: 70px;
26086
+ display: grid;
26087
+ grid-template-areas: "prepend content append";
26088
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
26089
+ overflow: hidden;
26090
+ padding-inline: 24px 12px;
26091
+ padding-bottom: 12px;
26092
+ }
26093
+
26094
+ .v-date-picker-header__append {
26095
+ grid-area: append;
26096
+ }
26097
+
26098
+ .v-date-picker-header__prepend {
26099
+ grid-area: prepend;
26100
+ padding-inline-start: 8px;
26101
+ }
26102
+
26103
+ .v-date-picker-header__content {
26194
26104
  align-items: center;
26195
- display: flex;
26196
- flex: none;
26197
- justify-content: center;
26198
- position: relative;
26199
- border-radius: 50%;
26105
+ display: inline-flex;
26106
+ font-size: 32px;
26107
+ line-height: 40px;
26108
+ grid-area: content;
26109
+ justify-content: space-between;
26200
26110
  }
26201
- .v-selection-control__input input {
26111
+ .v-date-picker-header--clickable .v-date-picker-header__content {
26202
26112
  cursor: pointer;
26203
- position: absolute;
26204
- left: 0;
26205
- top: 0;
26206
- width: 100%;
26207
- height: 100%;
26113
+ }
26114
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
26115
+ opacity: 0.7;
26116
+ }
26117
+
26118
+ .date-picker-header-transition-enter-active,
26119
+ .date-picker-header-reverse-transition-enter-active {
26120
+ transition-duration: 0.3s;
26121
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
26122
+ }
26123
+ .date-picker-header-transition-leave-active,
26124
+ .date-picker-header-reverse-transition-leave-active {
26125
+ transition-duration: 0.3s;
26126
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
26127
+ }
26128
+
26129
+ .date-picker-header-transition-enter-from {
26130
+ transform: translate(0, 100%);
26131
+ }
26132
+ .date-picker-header-transition-leave-to {
26208
26133
  opacity: 0;
26134
+ transform: translate(0, -100%);
26209
26135
  }
26210
- .v-selection-control__input::before {
26211
- border-radius: 100%;
26212
- background-color: currentColor;
26136
+
26137
+ .date-picker-header-reverse-transition-enter-from {
26138
+ transform: translate(0, -100%);
26139
+ }
26140
+ .date-picker-header-reverse-transition-leave-to {
26213
26141
  opacity: 0;
26214
- pointer-events: none;
26142
+ transform: translate(0, 100%);
26143
+ }.v-date-picker {
26144
+ overflow: hidden;
26145
+ width: 328px;
26215
26146
  }
26216
- .v-selection-control__input::before {
26217
- content: "";
26218
- position: absolute;
26219
- top: 0;
26220
- left: 0;
26221
- width: 100%;
26222
- height: 100%;
26147
+ .v-date-picker--show-week {
26148
+ width: 368px;
26149
+ }.v-date-picker-months {
26150
+ height: 288px;
26223
26151
  }
26224
- .v-selection-control__input:hover::before {
26225
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
26152
+
26153
+ .v-date-picker-months__content {
26154
+ align-items: center;
26155
+ display: grid;
26156
+ flex: 1 1;
26157
+ height: inherit;
26158
+ justify-content: space-around;
26159
+ grid-template-columns: repeat(2, 1fr);
26160
+ grid-gap: 0px 24px;
26161
+ padding-inline-start: 36px;
26162
+ padding-inline-end: 36px;
26226
26163
  }
26227
- .v-selection-control__input > .v-icon {
26228
- opacity: var(--v-medium-emphasis-opacity);
26164
+ .v-date-picker-months__content .v-btn {
26165
+ text-transform: none;
26166
+ padding-inline-start: 8px;
26167
+ padding-inline-end: 8px;
26168
+ }.v-date-picker-years {
26169
+ height: 288px;
26170
+ overflow-y: scroll;
26229
26171
  }
26230
- .v-selection-control--disabled .v-selection-control__input > .v-icon, .v-selection-control--dirty .v-selection-control__input > .v-icon, .v-selection-control--error .v-selection-control__input > .v-icon {
26231
- opacity: 1;
26172
+
26173
+ .v-date-picker-years__content {
26174
+ display: grid;
26175
+ flex: 1 1;
26176
+ justify-content: space-around;
26177
+ grid-template-columns: repeat(3, 1fr);
26178
+ gap: 8px 24px;
26179
+ padding-inline: 32px;
26232
26180
  }
26233
- .v-selection-control--error:not(.v-selection-control--disabled) .v-selection-control__input > .v-icon {
26234
- color: rgb(var(--v-theme-error));
26181
+ .v-date-picker-years__content .v-btn {
26182
+ padding-inline: 8px;
26183
+ }.v-date-picker-month {
26184
+ display: flex;
26185
+ justify-content: center;
26186
+ padding: 0 12px 8px;
26187
+ --v-date-picker-month-day-diff: 4px;
26235
26188
  }
26236
- .v-selection-control--focus-visible .v-selection-control__input::before {
26237
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
26238
- }.v-color-picker-canvas {
26189
+
26190
+ .v-date-picker-month__weeks {
26191
+ display: grid;
26192
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
26193
+ column-gap: 4px;
26194
+ font-size: 0.85rem;
26195
+ }
26196
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
26197
+ grid-row-gap: 0;
26198
+ }
26199
+
26200
+ .v-date-picker-month__weekday {
26201
+ font-size: 0.85rem;
26202
+ }
26203
+
26204
+ .v-date-picker-month__days {
26205
+ display: grid;
26206
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
26207
+ column-gap: 4px;
26208
+ flex: 1 1;
26209
+ justify-content: space-around;
26210
+ }
26211
+
26212
+ .v-date-picker-month__day {
26213
+ align-items: center;
26239
26214
  display: flex;
26215
+ justify-content: center;
26240
26216
  position: relative;
26241
- overflow: hidden;
26242
- contain: content;
26243
- touch-action: none;
26217
+ height: 40px;
26218
+ width: 40px;
26244
26219
  }
26245
- .v-color-picker-canvas__dot {
26246
- position: absolute;
26247
- top: 0;
26248
- left: 0;
26249
- width: 15px;
26250
- height: 15px;
26251
- background: transparent;
26252
- border-radius: 50%;
26253
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
26220
+ .v-date-picker-month__day--selected .v-btn {
26221
+ background-color: rgb(var(--v-theme-surface-variant));
26222
+ color: rgb(var(--v-theme-on-surface-variant));
26254
26223
  }
26255
- .v-color-picker-canvas__dot--disabled {
26256
- 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);
26224
+ .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
26225
+ --v-btn-height: 24px;
26226
+ --v-btn-size: 0.85rem;
26257
26227
  }
26258
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
26259
- will-change: transform;
26228
+ .v-date-picker-month__day--week {
26229
+ font-size: var(--v-btn-size);
26230
+ }
26231
+
26232
+ .v-date-picker-month__day--adjacent {
26233
+ opacity: 0.5;
26234
+ }
26235
+
26236
+ .v-date-picker-month__day--hide-adjacent {
26237
+ opacity: 0;
26260
26238
  }.v-color-picker-edit {
26261
26239
  display: flex;
26262
26240
  margin-top: 24px;
@@ -26355,6 +26333,28 @@ html.v-overlay-scroll-blocked {
26355
26333
  .v-color-picker-preview__eye-dropper {
26356
26334
  position: relative;
26357
26335
  margin-right: 12px;
26336
+ }.v-color-picker-canvas {
26337
+ display: flex;
26338
+ position: relative;
26339
+ overflow: hidden;
26340
+ contain: content;
26341
+ touch-action: none;
26342
+ }
26343
+ .v-color-picker-canvas__dot {
26344
+ position: absolute;
26345
+ top: 0;
26346
+ left: 0;
26347
+ width: 15px;
26348
+ height: 15px;
26349
+ background: transparent;
26350
+ border-radius: 50%;
26351
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
26352
+ }
26353
+ .v-color-picker-canvas__dot--disabled {
26354
+ 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);
26355
+ }
26356
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
26357
+ will-change: transform;
26358
26358
  }.v-color-picker-swatches {
26359
26359
  overflow-y: auto;
26360
26360
  }
@@ -26390,63 +26390,184 @@ html.v-overlay-scroll-blocked {
26390
26390
  justify-content: center;
26391
26391
  width: 100%;
26392
26392
  height: 100%;
26393
- }.v-picker.v-sheet {
26394
- display: grid;
26395
- grid-auto-rows: min-content;
26396
- grid-template-areas: "title" "header" "body";
26397
- overflow: hidden;
26393
+ }.v-slider-track__background {
26394
+ background-color: rgb(var(--v-theme-surface-variant));
26398
26395
  }
26399
- .v-picker.v-sheet {
26400
- 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));
26396
+ @media (forced-colors: active) {
26397
+ .v-slider-track__background {
26398
+ background-color: highlight;
26399
+ }
26401
26400
  }
26402
- .v-picker.v-sheet {
26403
- border-radius: 4px;
26401
+
26402
+ .v-slider-track__fill {
26403
+ background-color: rgb(var(--v-theme-surface-variant));
26404
26404
  }
26405
- .v-picker.v-sheet.v-picker--with-actions {
26406
- grid-template-areas: "title" "header" "body" "actions";
26405
+ @media (forced-colors: active) {
26406
+ .v-slider-track__fill {
26407
+ background-color: highlight;
26408
+ }
26407
26409
  }
26408
26410
 
26409
- .v-picker__body {
26410
- grid-area: body;
26411
- overflow: hidden;
26411
+ .v-slider-track__tick {
26412
+ background-color: rgb(var(--v-theme-surface-variant));
26413
+ }
26414
+ .v-slider-track__tick--filled {
26415
+ background-color: rgb(var(--v-theme-surface-light));
26416
+ }
26417
+
26418
+ .v-slider-track {
26419
+ border-radius: 6px;
26420
+ }
26421
+ @media (forced-colors: active) {
26422
+ .v-slider-track {
26423
+ border: thin solid buttontext;
26424
+ }
26425
+ }
26426
+
26427
+ .v-slider-track__background, .v-slider-track__fill {
26428
+ position: absolute;
26429
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
26430
+ border-radius: inherit;
26431
+ }
26432
+ .v-slider--pressed .v-slider-track__background, .v-slider--pressed .v-slider-track__fill {
26433
+ transition: none;
26434
+ }
26435
+ .v-input--error:not(.v-input--disabled) .v-slider-track__background, .v-input--error:not(.v-input--disabled) .v-slider-track__fill {
26436
+ background-color: currentColor;
26437
+ }
26438
+
26439
+ .v-slider-track__ticks {
26440
+ height: 100%;
26441
+ width: 100%;
26412
26442
  position: relative;
26413
26443
  }
26414
26444
 
26415
- .v-picker__header {
26416
- grid-area: header;
26445
+ .v-slider-track__tick {
26446
+ position: absolute;
26447
+ opacity: 0;
26448
+ transition: 0.2s opacity cubic-bezier(0.4, 0, 0.2, 1);
26449
+ border-radius: 2px;
26450
+ width: var(--v-slider-tick-size);
26451
+ height: var(--v-slider-tick-size);
26452
+ transform: translate(calc(var(--v-slider-tick-size) / -2), calc(var(--v-slider-tick-size) / -2));
26453
+ }
26454
+ .v-locale--is-ltr.v-slider-track__tick--first .v-slider-track__tick-label, .v-locale--is-ltr .v-slider-track__tick--first .v-slider-track__tick-label {
26455
+ transform: none;
26456
+ }
26457
+
26458
+ .v-locale--is-rtl.v-slider-track__tick--first .v-slider-track__tick-label, .v-locale--is-rtl .v-slider-track__tick--first .v-slider-track__tick-label {
26459
+ transform: translateX(100%);
26460
+ }
26461
+
26462
+ .v-locale--is-ltr.v-slider-track__tick--last .v-slider-track__tick-label, .v-locale--is-ltr .v-slider-track__tick--last .v-slider-track__tick-label {
26463
+ transform: translateX(-100%);
26464
+ }
26465
+
26466
+ .v-locale--is-rtl.v-slider-track__tick--last .v-slider-track__tick-label, .v-locale--is-rtl .v-slider-track__tick--last .v-slider-track__tick-label {
26467
+ transform: none;
26468
+ }
26469
+
26470
+ .v-slider-track__tick-label {
26471
+ position: absolute;
26472
+ -webkit-user-select: none;
26473
+ user-select: none;
26474
+ white-space: nowrap;
26475
+ }
26476
+
26477
+ .v-slider.v-input--horizontal .v-slider-track {
26478
+ display: flex;
26479
+ align-items: center;
26480
+ width: 100%;
26481
+ height: calc(var(--v-slider-track-size) + 2px);
26482
+ touch-action: pan-y;
26483
+ }
26484
+ .v-slider.v-input--horizontal .v-slider-track__background {
26485
+ height: var(--v-slider-track-size);
26486
+ }
26487
+ .v-slider.v-input--horizontal .v-slider-track__fill {
26488
+ height: inherit;
26489
+ }
26490
+ .v-slider.v-input--horizontal .v-slider-track__tick {
26491
+ margin-top: calc(calc(var(--v-slider-track-size) + 2px) / 2);
26492
+ }
26493
+ .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-track__tick, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-track__tick {
26494
+ transform: translate(calc(var(--v-slider-tick-size) / 2), calc(var(--v-slider-tick-size) / -2));
26495
+ }
26496
+
26497
+ .v-slider.v-input--horizontal .v-slider-track__tick .v-slider-track__tick-label {
26498
+ margin-top: calc(var(--v-slider-track-size) / 2 + 8px);
26499
+ }
26500
+ .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-track__tick .v-slider-track__tick-label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-track__tick .v-slider-track__tick-label {
26501
+ transform: translateX(-50%);
26502
+ }
26503
+
26504
+ .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-track__tick .v-slider-track__tick-label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-track__tick .v-slider-track__tick-label {
26505
+ transform: translateX(50%);
26506
+ }
26507
+
26508
+ .v-slider.v-input--horizontal .v-slider-track__tick--first {
26509
+ margin-inline-start: calc(var(--v-slider-tick-size) + 1px);
26510
+ }
26511
+ .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-track__tick--first .v-slider-track__tick-label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-track__tick--first .v-slider-track__tick-label {
26512
+ transform: translateX(0%);
26513
+ }
26514
+
26515
+ .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-track__tick--first .v-slider-track__tick-label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-track__tick--first .v-slider-track__tick-label {
26516
+ transform: translateX(0%);
26517
+ }
26518
+
26519
+ .v-slider.v-input--horizontal .v-slider-track__tick--last {
26520
+ margin-inline-start: calc(100% - var(--v-slider-tick-size) - 1px);
26521
+ }
26522
+ .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-track__tick--last .v-slider-track__tick-label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-track__tick--last .v-slider-track__tick-label {
26523
+ transform: translateX(-100%);
26524
+ }
26525
+
26526
+ .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-track__tick--last .v-slider-track__tick-label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-track__tick--last .v-slider-track__tick-label {
26527
+ transform: translateX(100%);
26417
26528
  }
26418
26529
 
26419
- .v-picker__actions {
26420
- grid-area: actions;
26421
- padding: 0 12px 12px;
26530
+ .v-slider.v-input--vertical .v-slider-track {
26531
+ height: 100%;
26422
26532
  display: flex;
26423
- align-items: center;
26424
- justify-content: flex-end;
26533
+ justify-content: center;
26534
+ width: calc(var(--v-slider-track-size) + 2px);
26535
+ touch-action: pan-x;
26425
26536
  }
26426
- .v-picker__actions .v-btn {
26427
- min-width: 48px;
26537
+ .v-slider.v-input--vertical .v-slider-track__background {
26538
+ width: var(--v-slider-track-size);
26428
26539
  }
26429
- .v-picker__actions .v-btn:not(:last-child) {
26430
- margin-inline-end: 8px;
26540
+ .v-slider.v-input--vertical .v-slider-track__fill {
26541
+ width: inherit;
26542
+ }
26543
+ .v-slider.v-input--vertical .v-slider-track__ticks {
26544
+ height: 100%;
26545
+ }
26546
+ .v-slider.v-input--vertical .v-slider-track__tick {
26547
+ margin-inline-start: calc(calc(var(--v-slider-track-size) + 2px) / 2);
26548
+ transform: translate(calc(var(--v-slider-tick-size) / -2), calc(var(--v-slider-tick-size) / 2));
26549
+ }
26550
+ .v-locale--is-rtl.v-slider.v-input--vertical .v-slider-track__tick, .v-locale--is-rtl .v-slider.v-input--vertical .v-slider-track__tick {
26551
+ transform: translate(calc(var(--v-slider-tick-size) / 2), calc(var(--v-slider-tick-size) / 2));
26431
26552
  }
26432
26553
 
26433
- .v-picker--landscape {
26434
- grid-template-areas: "title" "header body" "header body";
26554
+ .v-slider.v-input--vertical .v-slider-track__tick--first {
26555
+ bottom: calc(0% + var(--v-slider-tick-size) + 1px);
26556
+ }
26557
+ .v-slider.v-input--vertical .v-slider-track__tick--last {
26558
+ bottom: calc(100% - var(--v-slider-tick-size) - 1px);
26559
+ }
26560
+ .v-slider.v-input--vertical .v-slider-track__tick .v-slider-track__tick-label {
26561
+ margin-inline-start: calc(var(--v-slider-track-size) / 2 + 12px);
26562
+ transform: translateY(-50%);
26435
26563
  }
26436
26564
 
26437
- .v-picker--landscape.v-picker--with-actions {
26438
- grid-template-areas: "title" "header body" "header actions";
26565
+ .v-slider-track__ticks--always-show .v-slider-track__tick, .v-slider--focused .v-slider-track__tick {
26566
+ opacity: 1;
26439
26567
  }
26440
26568
 
26441
- .v-picker-title {
26442
- text-transform: uppercase;
26443
- font-size: 0.75rem;
26444
- grid-area: title;
26445
- padding-inline: 24px 12px;
26446
- padding-top: 16px;
26447
- padding-bottom: 16px;
26448
- font-weight: 400;
26449
- letter-spacing: 0.1666666667em;
26569
+ .v-slider-track__background--opacity {
26570
+ opacity: 0.38;
26450
26571
  }.v-slider-thumb {
26451
26572
  touch-action: none;
26452
26573
  color: rgb(var(--v-theme-surface-variant));
@@ -26606,182 +26727,61 @@ html.v-overlay-scroll-blocked {
26606
26727
  .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
26607
26728
  opacity: var(--v-hover-opacity);
26608
26729
  }
26609
- }.v-slider-track__background {
26610
- background-color: rgb(var(--v-theme-surface-variant));
26611
- }
26612
- @media (forced-colors: active) {
26613
- .v-slider-track__background {
26614
- background-color: highlight;
26615
- }
26616
- }
26617
-
26618
- .v-slider-track__fill {
26619
- background-color: rgb(var(--v-theme-surface-variant));
26620
- }
26621
- @media (forced-colors: active) {
26622
- .v-slider-track__fill {
26623
- background-color: highlight;
26624
- }
26625
- }
26626
-
26627
- .v-slider-track__tick {
26628
- background-color: rgb(var(--v-theme-surface-variant));
26629
- }
26630
- .v-slider-track__tick--filled {
26631
- background-color: rgb(var(--v-theme-surface-light));
26632
- }
26633
-
26634
- .v-slider-track {
26635
- border-radius: 6px;
26636
- }
26637
- @media (forced-colors: active) {
26638
- .v-slider-track {
26639
- border: thin solid buttontext;
26640
- }
26730
+ }.v-picker.v-sheet {
26731
+ display: grid;
26732
+ grid-auto-rows: min-content;
26733
+ grid-template-areas: "title" "header" "body";
26734
+ overflow: hidden;
26641
26735
  }
26642
-
26643
- .v-slider-track__background, .v-slider-track__fill {
26644
- position: absolute;
26645
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
26646
- border-radius: inherit;
26736
+ .v-picker.v-sheet {
26737
+ 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));
26647
26738
  }
26648
- .v-slider--pressed .v-slider-track__background, .v-slider--pressed .v-slider-track__fill {
26649
- transition: none;
26739
+ .v-picker.v-sheet {
26740
+ border-radius: 4px;
26650
26741
  }
26651
- .v-input--error:not(.v-input--disabled) .v-slider-track__background, .v-input--error:not(.v-input--disabled) .v-slider-track__fill {
26652
- background-color: currentColor;
26742
+ .v-picker.v-sheet.v-picker--with-actions {
26743
+ grid-template-areas: "title" "header" "body" "actions";
26653
26744
  }
26654
26745
 
26655
- .v-slider-track__ticks {
26656
- height: 100%;
26657
- width: 100%;
26746
+ .v-picker__body {
26747
+ grid-area: body;
26748
+ overflow: hidden;
26658
26749
  position: relative;
26659
26750
  }
26660
26751
 
26661
- .v-slider-track__tick {
26662
- position: absolute;
26663
- opacity: 0;
26664
- transition: 0.2s opacity cubic-bezier(0.4, 0, 0.2, 1);
26665
- border-radius: 2px;
26666
- width: var(--v-slider-tick-size);
26667
- height: var(--v-slider-tick-size);
26668
- transform: translate(calc(var(--v-slider-tick-size) / -2), calc(var(--v-slider-tick-size) / -2));
26669
- }
26670
- .v-locale--is-ltr.v-slider-track__tick--first .v-slider-track__tick-label, .v-locale--is-ltr .v-slider-track__tick--first .v-slider-track__tick-label {
26671
- transform: none;
26672
- }
26673
-
26674
- .v-locale--is-rtl.v-slider-track__tick--first .v-slider-track__tick-label, .v-locale--is-rtl .v-slider-track__tick--first .v-slider-track__tick-label {
26675
- transform: translateX(100%);
26676
- }
26677
-
26678
- .v-locale--is-ltr.v-slider-track__tick--last .v-slider-track__tick-label, .v-locale--is-ltr .v-slider-track__tick--last .v-slider-track__tick-label {
26679
- transform: translateX(-100%);
26680
- }
26681
-
26682
- .v-locale--is-rtl.v-slider-track__tick--last .v-slider-track__tick-label, .v-locale--is-rtl .v-slider-track__tick--last .v-slider-track__tick-label {
26683
- transform: none;
26684
- }
26685
-
26686
- .v-slider-track__tick-label {
26687
- position: absolute;
26688
- -webkit-user-select: none;
26689
- user-select: none;
26690
- white-space: nowrap;
26752
+ .v-picker__header {
26753
+ grid-area: header;
26691
26754
  }
26692
26755
 
26693
- .v-slider.v-input--horizontal .v-slider-track {
26756
+ .v-picker__actions {
26757
+ grid-area: actions;
26758
+ padding: 0 12px 12px;
26694
26759
  display: flex;
26695
26760
  align-items: center;
26696
- width: 100%;
26697
- height: calc(var(--v-slider-track-size) + 2px);
26698
- touch-action: pan-y;
26699
- }
26700
- .v-slider.v-input--horizontal .v-slider-track__background {
26701
- height: var(--v-slider-track-size);
26702
- }
26703
- .v-slider.v-input--horizontal .v-slider-track__fill {
26704
- height: inherit;
26705
- }
26706
- .v-slider.v-input--horizontal .v-slider-track__tick {
26707
- margin-top: calc(calc(var(--v-slider-track-size) + 2px) / 2);
26708
- }
26709
- .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-track__tick, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-track__tick {
26710
- transform: translate(calc(var(--v-slider-tick-size) / 2), calc(var(--v-slider-tick-size) / -2));
26711
- }
26712
-
26713
- .v-slider.v-input--horizontal .v-slider-track__tick .v-slider-track__tick-label {
26714
- margin-top: calc(var(--v-slider-track-size) / 2 + 8px);
26715
- }
26716
- .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-track__tick .v-slider-track__tick-label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-track__tick .v-slider-track__tick-label {
26717
- transform: translateX(-50%);
26718
- }
26719
-
26720
- .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-track__tick .v-slider-track__tick-label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-track__tick .v-slider-track__tick-label {
26721
- transform: translateX(50%);
26722
- }
26723
-
26724
- .v-slider.v-input--horizontal .v-slider-track__tick--first {
26725
- margin-inline-start: calc(var(--v-slider-tick-size) + 1px);
26726
- }
26727
- .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-track__tick--first .v-slider-track__tick-label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-track__tick--first .v-slider-track__tick-label {
26728
- transform: translateX(0%);
26729
- }
26730
-
26731
- .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-track__tick--first .v-slider-track__tick-label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-track__tick--first .v-slider-track__tick-label {
26732
- transform: translateX(0%);
26733
- }
26734
-
26735
- .v-slider.v-input--horizontal .v-slider-track__tick--last {
26736
- margin-inline-start: calc(100% - var(--v-slider-tick-size) - 1px);
26737
- }
26738
- .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-track__tick--last .v-slider-track__tick-label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-track__tick--last .v-slider-track__tick-label {
26739
- transform: translateX(-100%);
26740
- }
26741
-
26742
- .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-track__tick--last .v-slider-track__tick-label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-track__tick--last .v-slider-track__tick-label {
26743
- transform: translateX(100%);
26744
- }
26745
-
26746
- .v-slider.v-input--vertical .v-slider-track {
26747
- height: 100%;
26748
- display: flex;
26749
- justify-content: center;
26750
- width: calc(var(--v-slider-track-size) + 2px);
26751
- touch-action: pan-x;
26752
- }
26753
- .v-slider.v-input--vertical .v-slider-track__background {
26754
- width: var(--v-slider-track-size);
26755
- }
26756
- .v-slider.v-input--vertical .v-slider-track__fill {
26757
- width: inherit;
26758
- }
26759
- .v-slider.v-input--vertical .v-slider-track__ticks {
26760
- height: 100%;
26761
+ justify-content: flex-end;
26761
26762
  }
26762
- .v-slider.v-input--vertical .v-slider-track__tick {
26763
- margin-inline-start: calc(calc(var(--v-slider-track-size) + 2px) / 2);
26764
- transform: translate(calc(var(--v-slider-tick-size) / -2), calc(var(--v-slider-tick-size) / 2));
26763
+ .v-picker__actions .v-btn {
26764
+ min-width: 48px;
26765
26765
  }
26766
- .v-locale--is-rtl.v-slider.v-input--vertical .v-slider-track__tick, .v-locale--is-rtl .v-slider.v-input--vertical .v-slider-track__tick {
26767
- transform: translate(calc(var(--v-slider-tick-size) / 2), calc(var(--v-slider-tick-size) / 2));
26766
+ .v-picker__actions .v-btn:not(:last-child) {
26767
+ margin-inline-end: 8px;
26768
26768
  }
26769
26769
 
26770
- .v-slider.v-input--vertical .v-slider-track__tick--first {
26771
- bottom: calc(0% + var(--v-slider-tick-size) + 1px);
26772
- }
26773
- .v-slider.v-input--vertical .v-slider-track__tick--last {
26774
- bottom: calc(100% - var(--v-slider-tick-size) - 1px);
26775
- }
26776
- .v-slider.v-input--vertical .v-slider-track__tick .v-slider-track__tick-label {
26777
- margin-inline-start: calc(var(--v-slider-track-size) / 2 + 12px);
26778
- transform: translateY(-50%);
26770
+ .v-picker--landscape {
26771
+ grid-template-areas: "title" "header body" "header body";
26779
26772
  }
26780
26773
 
26781
- .v-slider-track__ticks--always-show .v-slider-track__tick, .v-slider--focused .v-slider-track__tick {
26782
- opacity: 1;
26774
+ .v-picker--landscape.v-picker--with-actions {
26775
+ grid-template-areas: "title" "header body" "header actions";
26783
26776
  }
26784
26777
 
26785
- .v-slider-track__background--opacity {
26786
- opacity: 0.38;
26778
+ .v-picker-title {
26779
+ text-transform: uppercase;
26780
+ font-size: 0.75rem;
26781
+ grid-area: title;
26782
+ padding-inline: 24px 12px;
26783
+ padding-top: 16px;
26784
+ padding-bottom: 16px;
26785
+ font-weight: 400;
26786
+ letter-spacing: 0.1666666667em;
26787
26787
  }