@vuetify/nightly 3.6.1-dev.2024-05-01 → 3.6.1-master.2024-05-01

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.6.1-dev.2024-05-01
2
+ * Vuetify v3.6.1-master.2024-05-01
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17380,6 +17380,22 @@ html.overflow-y-hidden {
17380
17380
  .v-ripple__animation--out {
17381
17381
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
17382
17382
  opacity: 0;
17383
+ }.v-application {
17384
+ display: flex;
17385
+ background: rgb(var(--v-theme-background));
17386
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
17387
+ }
17388
+
17389
+ .v-application__wrap {
17390
+ -webkit-backface-visibility: hidden;
17391
+ backface-visibility: hidden;
17392
+ display: flex;
17393
+ flex-direction: column;
17394
+ flex: 1 1 auto;
17395
+ max-width: 100%;
17396
+ min-height: 100vh;
17397
+ min-height: 100dvh;
17398
+ position: relative;
17383
17399
  }.v-app-bar {
17384
17400
  display: flex;
17385
17401
  }
@@ -18059,38 +18075,6 @@ html.overflow-y-hidden {
18059
18075
  }
18060
18076
  .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18061
18077
  transform: translateY(0.5rem);
18062
- }.bottom-sheet-transition-enter-from {
18063
- transform: translateY(100%);
18064
- }
18065
- .bottom-sheet-transition-leave-to {
18066
- transform: translateY(100%);
18067
- }
18068
-
18069
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18070
- align-self: flex-end;
18071
- border-radius: 0;
18072
- flex: 0 1 auto;
18073
- left: 0;
18074
- right: 0;
18075
- margin-inline: 0;
18076
- margin-bottom: 0;
18077
- transition-duration: 0.2s;
18078
- width: 100%;
18079
- max-width: 100%;
18080
- overflow: visible;
18081
- 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));
18082
- }
18083
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18084
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18085
- border-radius: 0;
18086
- }
18087
- .v-bottom-sheet.v-bottom-sheet--inset {
18088
- max-width: none;
18089
- }
18090
- @media (min-width: 600px) {
18091
- .v-bottom-sheet.v-bottom-sheet--inset {
18092
- max-width: 70%;
18093
- }
18094
18078
  }.v-breadcrumbs {
18095
18079
  display: flex;
18096
18080
  align-items: center;
@@ -18614,19 +18598,6 @@ html.overflow-y-hidden {
18614
18598
  }
18615
18599
  .v-btn-group--tile {
18616
18600
  border-radius: 0;
18617
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18618
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18619
- }
18620
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18621
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18622
- }
18623
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18624
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18625
- }
18626
- @supports not selector(:focus-visible) {
18627
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18628
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18629
- }
18630
18601
  }.v-card {
18631
18602
  display: block;
18632
18603
  overflow: hidden;
@@ -18987,6 +18958,19 @@ html.overflow-y-hidden {
18987
18958
  flex-direction: column;
18988
18959
  height: 100% !important;
18989
18960
  width: 50px;
18961
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18962
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18963
+ }
18964
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18965
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18966
+ }
18967
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18968
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18969
+ }
18970
+ @supports not selector(:focus-visible) {
18971
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18972
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18973
+ }
18990
18974
  }.v-checkbox.v-input {
18991
18975
  flex: 0 1 auto;
18992
18976
  }
@@ -20411,62 +20395,6 @@ html.overflow-y-hidden {
20411
20395
  }
20412
20396
  .v-data-table-footer__page {
20413
20397
  padding: 0 8px;
20414
- }.v-date-picker-controls {
20415
- display: flex;
20416
- align-items: center;
20417
- justify-content: space-between;
20418
- font-size: 0.875rem;
20419
- padding-top: 4px;
20420
- padding-bottom: 4px;
20421
- padding-inline-start: 6px;
20422
- padding-inline-end: 12px;
20423
- }
20424
- .v-date-picker-controls > .v-btn:first-child {
20425
- text-transform: none;
20426
- font-weight: 400;
20427
- line-height: initial;
20428
- letter-spacing: initial;
20429
- }
20430
- .v-date-picker-controls--variant-classic {
20431
- padding-inline-start: 12px;
20432
- }
20433
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20434
- opacity: 0.7;
20435
- }
20436
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20437
- cursor: pointer;
20438
- }
20439
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20440
- opacity: 1;
20441
- }
20442
- .v-date-picker-controls .v-btn:last-child {
20443
- margin-inline-start: 4px;
20444
- }
20445
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20446
- transform: rotate(180deg);
20447
- }
20448
-
20449
- .v-date-picker-controls__date {
20450
- margin-inline-end: 4px;
20451
- }
20452
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20453
- margin: auto;
20454
- text-align: center;
20455
- }
20456
-
20457
- .v-date-picker-controls__month {
20458
- display: flex;
20459
- }
20460
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20461
- flex-direction: row-reverse;
20462
- }
20463
-
20464
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20465
- flex: 1 0 auto;
20466
- }
20467
-
20468
- .v-date-picker__title {
20469
- display: inline-block;
20470
20398
  }.v-date-picker {
20471
20399
  overflow: hidden;
20472
20400
  width: 328px;
@@ -20533,6 +20461,62 @@ html.overflow-y-hidden {
20533
20461
  .date-picker-header-reverse-transition-leave-to {
20534
20462
  opacity: 0;
20535
20463
  transform: translate(0, 100%);
20464
+ }.v-date-picker-controls {
20465
+ display: flex;
20466
+ align-items: center;
20467
+ justify-content: space-between;
20468
+ font-size: 0.875rem;
20469
+ padding-top: 4px;
20470
+ padding-bottom: 4px;
20471
+ padding-inline-start: 6px;
20472
+ padding-inline-end: 12px;
20473
+ }
20474
+ .v-date-picker-controls > .v-btn:first-child {
20475
+ text-transform: none;
20476
+ font-weight: 400;
20477
+ line-height: initial;
20478
+ letter-spacing: initial;
20479
+ }
20480
+ .v-date-picker-controls--variant-classic {
20481
+ padding-inline-start: 12px;
20482
+ }
20483
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20484
+ opacity: 0.7;
20485
+ }
20486
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20487
+ cursor: pointer;
20488
+ }
20489
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20490
+ opacity: 1;
20491
+ }
20492
+ .v-date-picker-controls .v-btn:last-child {
20493
+ margin-inline-start: 4px;
20494
+ }
20495
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20496
+ transform: rotate(180deg);
20497
+ }
20498
+
20499
+ .v-date-picker-controls__date {
20500
+ margin-inline-end: 4px;
20501
+ }
20502
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20503
+ margin: auto;
20504
+ text-align: center;
20505
+ }
20506
+
20507
+ .v-date-picker-controls__month {
20508
+ display: flex;
20509
+ }
20510
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20511
+ flex-direction: row-reverse;
20512
+ }
20513
+
20514
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20515
+ flex: 1 0 auto;
20516
+ }
20517
+
20518
+ .v-date-picker__title {
20519
+ display: inline-block;
20536
20520
  }.v-date-picker-month {
20537
20521
  display: flex;
20538
20522
  justify-content: center;
@@ -20588,21 +20572,6 @@ html.overflow-y-hidden {
20588
20572
 
20589
20573
  .v-date-picker-month__day--hide-adjacent {
20590
20574
  opacity: 0;
20591
- }.v-date-picker-years {
20592
- height: 288px;
20593
- overflow-y: scroll;
20594
- }
20595
-
20596
- .v-date-picker-years__content {
20597
- display: grid;
20598
- flex: 1 1;
20599
- justify-content: space-around;
20600
- grid-template-columns: repeat(3, 1fr);
20601
- gap: 8px 24px;
20602
- padding-inline: 32px;
20603
- }
20604
- .v-date-picker-years__content .v-btn {
20605
- padding-inline: 8px;
20606
20575
  }.v-date-picker-months {
20607
20576
  height: 288px;
20608
20577
  }
@@ -20622,98 +20591,70 @@ html.overflow-y-hidden {
20622
20591
  text-transform: none;
20623
20592
  padding-inline-start: 8px;
20624
20593
  padding-inline-end: 8px;
20625
- }.v-dialog {
20626
- align-items: center;
20627
- justify-content: center;
20628
- margin: auto;
20594
+ }.v-date-picker-years {
20595
+ height: 288px;
20596
+ overflow-y: scroll;
20629
20597
  }
20630
- .v-dialog > .v-overlay__content {
20631
- max-height: calc(100% - 48px);
20632
- width: calc(100% - 48px);
20633
- max-width: calc(100% - 48px);
20634
- margin: 24px;
20598
+
20599
+ .v-date-picker-years__content {
20600
+ display: grid;
20601
+ flex: 1 1;
20602
+ justify-content: space-around;
20603
+ grid-template-columns: repeat(3, 1fr);
20604
+ gap: 8px 24px;
20605
+ padding-inline: 32px;
20635
20606
  }
20636
- .v-dialog > .v-overlay__content,
20637
- .v-dialog > .v-overlay__content > form {
20638
- display: flex;
20639
- flex-direction: column;
20640
- min-height: 0;
20607
+ .v-date-picker-years__content .v-btn {
20608
+ padding-inline: 8px;
20609
+ }.v-divider {
20610
+ display: block;
20611
+ flex: 1 1 100%;
20612
+ height: 0px;
20613
+ max-height: 0px;
20614
+ opacity: var(--v-border-opacity);
20615
+ transition: inherit;
20616
+ border-style: solid;
20617
+ border-width: thin 0 0 0;
20641
20618
  }
20642
- .v-dialog > .v-overlay__content > .v-card,
20643
- .v-dialog > .v-overlay__content > .v-sheet,
20644
- .v-dialog > .v-overlay__content > form > .v-card,
20645
- .v-dialog > .v-overlay__content > form > .v-sheet {
20646
- --v-scrollbar-offset: 0px;
20647
- border-radius: 4px;
20648
- overflow-y: auto;
20649
- box-shadow: 0px 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 9px 46px 8px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20619
+ .v-divider--vertical {
20620
+ align-self: stretch;
20621
+ border-width: 0 thin 0 0;
20622
+ display: inline-flex;
20623
+ height: 100%;
20624
+ margin-left: -1px;
20625
+ max-height: 100%;
20626
+ max-width: 0px;
20627
+ vertical-align: text-bottom;
20628
+ width: 0px;
20650
20629
  }
20651
- .v-dialog > .v-overlay__content > .v-card,
20652
- .v-dialog > .v-overlay__content > form > .v-card {
20653
- display: flex;
20654
- flex-direction: column;
20655
- }
20656
- .v-dialog > .v-overlay__content > .v-card > .v-card-item,
20657
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
20658
- padding: 16px 24px;
20659
- }
20660
- .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
20661
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
20662
- padding-top: 0;
20663
- }
20664
- .v-dialog > .v-overlay__content > .v-card > .v-card-text,
20665
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
20666
- font-size: inherit;
20667
- letter-spacing: 0.03125em;
20668
- line-height: inherit;
20669
- padding: 16px 24px 24px;
20630
+ .v-divider--inset:not(.v-divider--vertical) {
20631
+ max-width: calc(100% - 72px);
20632
+ margin-inline-start: 72px;
20670
20633
  }
20671
- .v-dialog > .v-overlay__content > .v-card > .v-card-actions,
20672
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-actions {
20673
- justify-content: flex-end;
20634
+ .v-divider--inset.v-divider--vertical {
20635
+ margin-bottom: 8px;
20636
+ margin-top: 8px;
20637
+ max-height: calc(100% - 16px);
20674
20638
  }
20675
20639
 
20676
- .v-dialog--fullscreen {
20677
- --v-scrollbar-offset: 0px;
20678
- }
20679
- .v-dialog--fullscreen > .v-overlay__content {
20680
- border-radius: 0;
20681
- margin: 0;
20682
- padding: 0;
20683
- width: 100%;
20684
- height: 100%;
20685
- max-width: 100%;
20686
- max-height: 100%;
20687
- overflow-y: auto;
20688
- top: 0;
20689
- left: 0;
20640
+ .v-divider__content {
20641
+ padding: 0 16px;
20690
20642
  }
20691
- .v-dialog--fullscreen > .v-overlay__content > .v-card,
20692
- .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
20693
- .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
20694
- .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
20695
- min-height: 100%;
20696
- min-width: 100%;
20697
- border-radius: 0;
20643
+ .v-divider__wrapper--vertical .v-divider__content {
20644
+ padding: 4px 0;
20698
20645
  }
20699
20646
 
20700
- .v-dialog--scrollable > .v-overlay__content,
20701
- .v-dialog--scrollable > .v-overlay__content > form {
20647
+ .v-divider__wrapper {
20702
20648
  display: flex;
20649
+ align-items: center;
20650
+ justify-content: center;
20703
20651
  }
20704
- .v-dialog--scrollable > .v-overlay__content > .v-card,
20705
- .v-dialog--scrollable > .v-overlay__content > form > .v-card {
20706
- display: flex;
20707
- flex: 1 1 100%;
20652
+ .v-divider__wrapper--vertical {
20708
20653
  flex-direction: column;
20709
- max-height: 100%;
20710
- max-width: 100%;
20654
+ height: 100%;
20711
20655
  }
20712
- .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
20713
- .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
20714
- -webkit-backface-visibility: hidden;
20715
- backface-visibility: hidden;
20716
- overflow-y: auto;
20656
+ .v-divider__wrapper--vertical .v-divider {
20657
+ margin: 0 auto;
20717
20658
  }.v-empty-state {
20718
20659
  align-items: center;
20719
20660
  display: flex;
@@ -20781,55 +20722,6 @@ html.overflow-y-hidden {
20781
20722
  .v-empty-state__action-btn.v-btn {
20782
20723
  background-color: rgb(var(--v-theme-surface-variant));
20783
20724
  color: rgb(var(--v-theme-on-surface-variant));
20784
- }.v-divider {
20785
- display: block;
20786
- flex: 1 1 100%;
20787
- height: 0px;
20788
- max-height: 0px;
20789
- opacity: var(--v-border-opacity);
20790
- transition: inherit;
20791
- border-style: solid;
20792
- border-width: thin 0 0 0;
20793
- }
20794
- .v-divider--vertical {
20795
- align-self: stretch;
20796
- border-width: 0 thin 0 0;
20797
- display: inline-flex;
20798
- height: 100%;
20799
- margin-left: -1px;
20800
- max-height: 100%;
20801
- max-width: 0px;
20802
- vertical-align: text-bottom;
20803
- width: 0px;
20804
- }
20805
- .v-divider--inset:not(.v-divider--vertical) {
20806
- max-width: calc(100% - 72px);
20807
- margin-inline-start: 72px;
20808
- }
20809
- .v-divider--inset.v-divider--vertical {
20810
- margin-bottom: 8px;
20811
- margin-top: 8px;
20812
- max-height: calc(100% - 16px);
20813
- }
20814
-
20815
- .v-divider__content {
20816
- padding: 0 16px;
20817
- }
20818
- .v-divider__wrapper--vertical .v-divider__content {
20819
- padding: 4px 0;
20820
- }
20821
-
20822
- .v-divider__wrapper {
20823
- display: flex;
20824
- align-items: center;
20825
- justify-content: center;
20826
- }
20827
- .v-divider__wrapper--vertical {
20828
- flex-direction: column;
20829
- height: 100%;
20830
- }
20831
- .v-divider__wrapper--vertical .v-divider {
20832
- margin: 0 auto;
20833
20725
  }.v-expansion-panel {
20834
20726
  background-color: rgb(var(--v-theme-surface));
20835
20727
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -21679,7 +21571,36 @@ textarea.v-field__input::placeholder {
21679
21571
  opacity: 0;
21680
21572
  }
21681
21573
 
21682
- /* endregion */.v-footer {
21574
+ /* endregion */.v-file-input--hide.v-input .v-field,
21575
+ .v-file-input--hide.v-input .v-input__control,
21576
+ .v-file-input--hide.v-input .v-input__details {
21577
+ display: none;
21578
+ }
21579
+ .v-file-input--hide.v-input .v-input__prepend {
21580
+ grid-area: control;
21581
+ margin: 0 auto;
21582
+ }
21583
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21584
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21585
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21586
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21587
+ top: 0px;
21588
+ }
21589
+ .v-file-input input[type=file] {
21590
+ height: 100%;
21591
+ left: 0;
21592
+ opacity: 0;
21593
+ position: absolute;
21594
+ top: 0;
21595
+ width: 100%;
21596
+ z-index: 1;
21597
+ }
21598
+ .v-file-input .v-input__details {
21599
+ padding-inline: 16px;
21600
+ }
21601
+ .v-input--plain-underlined.v-file-input .v-input__details {
21602
+ padding-inline: 0;
21603
+ }.v-footer {
21683
21604
  align-items: center;
21684
21605
  display: flex;
21685
21606
  flex: 1 1 auto;
@@ -21707,35 +21628,98 @@ textarea.v-field__input::placeholder {
21707
21628
  }
21708
21629
  .v-footer--rounded {
21709
21630
  border-radius: 4px;
21710
- }.v-file-input--hide.v-input .v-field,
21711
- .v-file-input--hide.v-input .v-input__control,
21712
- .v-file-input--hide.v-input .v-input__details {
21713
- display: none;
21631
+ }.v-dialog {
21632
+ align-items: center;
21633
+ justify-content: center;
21634
+ margin: auto;
21714
21635
  }
21715
- .v-file-input--hide.v-input .v-input__prepend {
21716
- grid-area: control;
21717
- margin: 0 auto;
21636
+ .v-dialog > .v-overlay__content {
21637
+ max-height: calc(100% - 48px);
21638
+ width: calc(100% - 48px);
21639
+ max-width: calc(100% - 48px);
21640
+ margin: 24px;
21718
21641
  }
21719
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21720
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21721
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21722
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21723
- top: 0px;
21642
+ .v-dialog > .v-overlay__content,
21643
+ .v-dialog > .v-overlay__content > form {
21644
+ display: flex;
21645
+ flex-direction: column;
21646
+ min-height: 0;
21724
21647
  }
21725
- .v-file-input input[type=file] {
21648
+ .v-dialog > .v-overlay__content > .v-card,
21649
+ .v-dialog > .v-overlay__content > .v-sheet,
21650
+ .v-dialog > .v-overlay__content > form > .v-card,
21651
+ .v-dialog > .v-overlay__content > form > .v-sheet {
21652
+ --v-scrollbar-offset: 0px;
21653
+ border-radius: 4px;
21654
+ overflow-y: auto;
21655
+ box-shadow: 0px 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 9px 46px 8px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21656
+ }
21657
+ .v-dialog > .v-overlay__content > .v-card,
21658
+ .v-dialog > .v-overlay__content > form > .v-card {
21659
+ display: flex;
21660
+ flex-direction: column;
21661
+ }
21662
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item,
21663
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
21664
+ padding: 16px 24px;
21665
+ }
21666
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
21667
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
21668
+ padding-top: 0;
21669
+ }
21670
+ .v-dialog > .v-overlay__content > .v-card > .v-card-text,
21671
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
21672
+ font-size: inherit;
21673
+ letter-spacing: 0.03125em;
21674
+ line-height: inherit;
21675
+ padding: 16px 24px 24px;
21676
+ }
21677
+ .v-dialog > .v-overlay__content > .v-card > .v-card-actions,
21678
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-actions {
21679
+ justify-content: flex-end;
21680
+ }
21681
+
21682
+ .v-dialog--fullscreen {
21683
+ --v-scrollbar-offset: 0px;
21684
+ }
21685
+ .v-dialog--fullscreen > .v-overlay__content {
21686
+ border-radius: 0;
21687
+ margin: 0;
21688
+ padding: 0;
21689
+ width: 100%;
21726
21690
  height: 100%;
21727
- left: 0;
21728
- opacity: 0;
21729
- position: absolute;
21691
+ max-width: 100%;
21692
+ max-height: 100%;
21693
+ overflow-y: auto;
21730
21694
  top: 0;
21731
- width: 100%;
21732
- z-index: 1;
21695
+ left: 0;
21733
21696
  }
21734
- .v-file-input .v-input__details {
21735
- padding-inline: 16px;
21697
+ .v-dialog--fullscreen > .v-overlay__content > .v-card,
21698
+ .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
21699
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
21700
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
21701
+ min-height: 100%;
21702
+ min-width: 100%;
21703
+ border-radius: 0;
21736
21704
  }
21737
- .v-input--plain-underlined.v-file-input .v-input__details {
21738
- padding-inline: 0;
21705
+
21706
+ .v-dialog--scrollable > .v-overlay__content,
21707
+ .v-dialog--scrollable > .v-overlay__content > form {
21708
+ display: flex;
21709
+ }
21710
+ .v-dialog--scrollable > .v-overlay__content > .v-card,
21711
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card {
21712
+ display: flex;
21713
+ flex: 1 1 100%;
21714
+ flex-direction: column;
21715
+ max-height: 100%;
21716
+ max-width: 100%;
21717
+ }
21718
+ .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
21719
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
21720
+ -webkit-backface-visibility: hidden;
21721
+ backface-visibility: hidden;
21722
+ overflow-y: auto;
21739
21723
  }.v-icon {
21740
21724
  --v-icon-size-multiplier: 1;
21741
21725
  align-items: center;
@@ -21825,6 +21809,31 @@ textarea.v-field__input::placeholder {
21825
21809
 
21826
21810
  .v-img__gradient {
21827
21811
  background-repeat: no-repeat;
21812
+ }.v-infinite-scroll--horizontal {
21813
+ display: flex;
21814
+ flex-direction: row;
21815
+ overflow-x: auto;
21816
+ }
21817
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21818
+ height: 100%;
21819
+ width: 1px;
21820
+ }
21821
+
21822
+ .v-infinite-scroll--vertical {
21823
+ display: flex;
21824
+ flex-direction: column;
21825
+ overflow-y: auto;
21826
+ }
21827
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21828
+ height: 1px;
21829
+ width: 100%;
21830
+ }
21831
+
21832
+ .v-infinite-scroll__side {
21833
+ align-items: center;
21834
+ display: flex;
21835
+ justify-content: center;
21836
+ padding: 8px;
21828
21837
  }.v-input {
21829
21838
  display: grid;
21830
21839
  flex: 1 1 auto;
@@ -21972,46 +21981,13 @@ textarea.v-field__input::placeholder {
21972
21981
  max-width: 100%;
21973
21982
  position: relative;
21974
21983
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21975
- }.v-infinite-scroll--horizontal {
21976
- display: flex;
21977
- flex-direction: row;
21978
- overflow-x: auto;
21979
- }
21980
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21981
- height: 100%;
21982
- width: 1px;
21983
- }
21984
-
21985
- .v-infinite-scroll--vertical {
21986
- display: flex;
21987
- flex-direction: column;
21988
- overflow-y: auto;
21989
- }
21990
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21991
- height: 1px;
21992
- width: 100%;
21993
- }
21994
-
21995
- .v-infinite-scroll__side {
21996
- align-items: center;
21997
- display: flex;
21998
- justify-content: center;
21999
- padding: 8px;
22000
- }.v-label {
22001
- align-items: center;
22002
- color: inherit;
22003
- display: inline-flex;
22004
- font-size: 1rem;
22005
- letter-spacing: 0.009375em;
22006
- min-width: 0;
22007
- opacity: var(--v-medium-emphasis-opacity);
22008
- overflow: hidden;
22009
- text-overflow: ellipsis;
22010
- white-space: nowrap;
21984
+ }.v-layout-item {
21985
+ position: absolute;
21986
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22011
21987
  }
22012
21988
 
22013
- .v-label--clickable {
22014
- cursor: pointer;
21989
+ .v-layout-item--absolute {
21990
+ position: absolute;
22015
21991
  }.v-layout {
22016
21992
  --v-scrollbar-offset: 0px;
22017
21993
  display: flex;
@@ -22020,13 +21996,6 @@ textarea.v-field__input::placeholder {
22020
21996
  .v-layout--full-height {
22021
21997
  --v-scrollbar-offset: inherit;
22022
21998
  height: 100%;
22023
- }.v-layout-item {
22024
- position: absolute;
22025
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22026
- }
22027
-
22028
- .v-layout-item--absolute {
22029
- position: absolute;
22030
21999
  }.v-list {
22031
22000
  overflow: auto;
22032
22001
  padding: 8px 0;
@@ -22584,19 +22553,6 @@ textarea.v-field__input::placeholder {
22584
22553
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22585
22554
  }.v-locale-provider {
22586
22555
  display: contents;
22587
- }.v-menu > .v-overlay__content {
22588
- display: flex;
22589
- flex-direction: column;
22590
- border-radius: 4px;
22591
- }
22592
- .v-menu > .v-overlay__content > .v-card,
22593
- .v-menu > .v-overlay__content > .v-sheet,
22594
- .v-menu > .v-overlay__content > .v-list {
22595
- background: rgb(var(--v-theme-surface));
22596
- border-radius: inherit;
22597
- overflow: auto;
22598
- height: 100%;
22599
- 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));
22600
22556
  }.v-main {
22601
22557
  flex: 1 0 auto;
22602
22558
  max-width: 100%;
@@ -22625,22 +22581,34 @@ textarea.v-field__input::placeholder {
22625
22581
  --v-layout-right: 0px;
22626
22582
  --v-layout-top: 0px;
22627
22583
  --v-layout-bottom: 0px;
22628
- }.v-messages {
22629
- flex: 1 1 auto;
22630
- font-size: 12px;
22631
- min-height: 14px;
22632
- min-width: 1px;
22584
+ }.v-menu > .v-overlay__content {
22585
+ display: flex;
22586
+ flex-direction: column;
22587
+ border-radius: 4px;
22588
+ }
22589
+ .v-menu > .v-overlay__content > .v-card,
22590
+ .v-menu > .v-overlay__content > .v-sheet,
22591
+ .v-menu > .v-overlay__content > .v-list {
22592
+ background: rgb(var(--v-theme-surface));
22593
+ border-radius: inherit;
22594
+ overflow: auto;
22595
+ height: 100%;
22596
+ 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));
22597
+ }.v-label {
22598
+ align-items: center;
22599
+ color: inherit;
22600
+ display: inline-flex;
22601
+ font-size: 1rem;
22602
+ letter-spacing: 0.009375em;
22603
+ min-width: 0;
22633
22604
  opacity: var(--v-medium-emphasis-opacity);
22634
- position: relative;
22605
+ overflow: hidden;
22606
+ text-overflow: ellipsis;
22607
+ white-space: nowrap;
22635
22608
  }
22636
- .v-messages__message {
22637
- line-height: 12px;
22638
- word-break: break-word;
22639
- overflow-wrap: break-word;
22640
- word-wrap: break-word;
22641
- -webkit-hyphens: auto;
22642
- hyphens: auto;
22643
- transition-duration: 150ms;
22609
+
22610
+ .v-label--clickable {
22611
+ cursor: pointer;
22644
22612
  }.v-navigation-drawer {
22645
22613
  -webkit-overflow-scrolling: touch;
22646
22614
  background: rgb(var(--v-theme-surface));
@@ -22743,6 +22711,22 @@ textarea.v-field__input::placeholder {
22743
22711
  .v-navigation-drawer__append {
22744
22712
  flex: none;
22745
22713
  overflow: hidden;
22714
+ }.v-messages {
22715
+ flex: 1 1 auto;
22716
+ font-size: 12px;
22717
+ min-height: 14px;
22718
+ min-width: 1px;
22719
+ opacity: var(--v-medium-emphasis-opacity);
22720
+ position: relative;
22721
+ }
22722
+ .v-messages__message {
22723
+ line-height: 12px;
22724
+ word-break: break-word;
22725
+ overflow-wrap: break-word;
22726
+ word-wrap: break-word;
22727
+ -webkit-hyphens: auto;
22728
+ hyphens: auto;
22729
+ transition-duration: 150ms;
22746
22730
  }.v-otp-input {
22747
22731
  border-radius: 4px;
22748
22732
  align-items: center;
@@ -22876,6 +22860,108 @@ html.v-overlay-scroll-blocked {
22876
22860
  }
22877
22861
  .v-parallax--active > .v-img__img {
22878
22862
  will-change: transform;
22863
+ }.v-progress-circular {
22864
+ align-items: center;
22865
+ display: inline-flex;
22866
+ justify-content: center;
22867
+ position: relative;
22868
+ vertical-align: middle;
22869
+ }
22870
+ .v-progress-circular > svg {
22871
+ width: 100%;
22872
+ height: 100%;
22873
+ margin: auto;
22874
+ position: absolute;
22875
+ top: 0;
22876
+ bottom: 0;
22877
+ left: 0;
22878
+ right: 0;
22879
+ z-index: 0;
22880
+ }
22881
+
22882
+ .v-progress-circular__content {
22883
+ align-items: center;
22884
+ display: flex;
22885
+ justify-content: center;
22886
+ }
22887
+
22888
+ .v-progress-circular__underlay {
22889
+ color: rgba(var(--v-border-color), var(--v-border-opacity));
22890
+ stroke: currentColor;
22891
+ z-index: 1;
22892
+ }
22893
+
22894
+ .v-progress-circular__overlay {
22895
+ stroke: currentColor;
22896
+ transition: all 0.2s ease-in-out, stroke-width 0s;
22897
+ z-index: 2;
22898
+ }
22899
+
22900
+ .v-progress-circular--size-x-small {
22901
+ height: 16px;
22902
+ width: 16px;
22903
+ }
22904
+ .v-progress-circular--size-small {
22905
+ height: 24px;
22906
+ width: 24px;
22907
+ }
22908
+ .v-progress-circular--size-default {
22909
+ height: 32px;
22910
+ width: 32px;
22911
+ }
22912
+ .v-progress-circular--size-large {
22913
+ height: 48px;
22914
+ width: 48px;
22915
+ }
22916
+ .v-progress-circular--size-x-large {
22917
+ height: 64px;
22918
+ width: 64px;
22919
+ }
22920
+
22921
+ .v-progress-circular--indeterminate > svg {
22922
+ animation: progress-circular-rotate 1.4s linear infinite;
22923
+ transform-origin: center center;
22924
+ transition: all 0.2s ease-in-out;
22925
+ }
22926
+ .v-progress-circular--indeterminate .v-progress-circular__overlay {
22927
+ animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
22928
+ stroke-dasharray: 25, 200;
22929
+ stroke-dashoffset: 0;
22930
+ stroke-linecap: round;
22931
+ transform-origin: center center;
22932
+ transform: rotate(-90deg);
22933
+ }
22934
+
22935
+ .v-progress-circular--disable-shrink > svg {
22936
+ animation-duration: 0.7s;
22937
+ }
22938
+ .v-progress-circular--disable-shrink .v-progress-circular__overlay {
22939
+ animation: none;
22940
+ }
22941
+
22942
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
22943
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
22944
+ animation-play-state: paused !important;
22945
+ }
22946
+
22947
+ @keyframes progress-circular-dash {
22948
+ 0% {
22949
+ stroke-dasharray: 1, 200;
22950
+ stroke-dashoffset: 0px;
22951
+ }
22952
+ 50% {
22953
+ stroke-dasharray: 100, 200;
22954
+ stroke-dashoffset: -15px;
22955
+ }
22956
+ 100% {
22957
+ stroke-dasharray: 100, 200;
22958
+ stroke-dashoffset: -124px;
22959
+ }
22960
+ }
22961
+ @keyframes progress-circular-rotate {
22962
+ 100% {
22963
+ transform: rotate(270deg);
22964
+ }
22879
22965
  }.v-progress-linear {
22880
22966
  background: transparent;
22881
22967
  overflow: hidden;
@@ -23087,110 +23173,8 @@ html.v-overlay-scroll-blocked {
23087
23173
  0% {
23088
23174
  background-position-x: var(--v-progress-linear-height);
23089
23175
  }
23090
- }.v-progress-circular {
23091
- align-items: center;
23092
- display: inline-flex;
23093
- justify-content: center;
23094
- position: relative;
23095
- vertical-align: middle;
23096
- }
23097
- .v-progress-circular > svg {
23098
- width: 100%;
23099
- height: 100%;
23100
- margin: auto;
23101
- position: absolute;
23102
- top: 0;
23103
- bottom: 0;
23104
- left: 0;
23105
- right: 0;
23106
- z-index: 0;
23107
- }
23108
-
23109
- .v-progress-circular__content {
23110
- align-items: center;
23111
- display: flex;
23112
- justify-content: center;
23113
- }
23114
-
23115
- .v-progress-circular__underlay {
23116
- color: rgba(var(--v-border-color), var(--v-border-opacity));
23117
- stroke: currentColor;
23118
- z-index: 1;
23119
- }
23120
-
23121
- .v-progress-circular__overlay {
23122
- stroke: currentColor;
23123
- transition: all 0.2s ease-in-out, stroke-width 0s;
23124
- z-index: 2;
23125
- }
23126
-
23127
- .v-progress-circular--size-x-small {
23128
- height: 16px;
23129
- width: 16px;
23130
- }
23131
- .v-progress-circular--size-small {
23132
- height: 24px;
23133
- width: 24px;
23134
- }
23135
- .v-progress-circular--size-default {
23136
- height: 32px;
23137
- width: 32px;
23138
- }
23139
- .v-progress-circular--size-large {
23140
- height: 48px;
23141
- width: 48px;
23142
- }
23143
- .v-progress-circular--size-x-large {
23144
- height: 64px;
23145
- width: 64px;
23146
- }
23147
-
23148
- .v-progress-circular--indeterminate > svg {
23149
- animation: progress-circular-rotate 1.4s linear infinite;
23150
- transform-origin: center center;
23151
- transition: all 0.2s ease-in-out;
23152
- }
23153
- .v-progress-circular--indeterminate .v-progress-circular__overlay {
23154
- animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
23155
- stroke-dasharray: 25, 200;
23156
- stroke-dashoffset: 0;
23157
- stroke-linecap: round;
23158
- transform-origin: center center;
23159
- transform: rotate(-90deg);
23160
- }
23161
-
23162
- .v-progress-circular--disable-shrink > svg {
23163
- animation-duration: 0.7s;
23164
- }
23165
- .v-progress-circular--disable-shrink .v-progress-circular__overlay {
23166
- animation: none;
23167
- }
23168
-
23169
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
23170
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
23171
- animation-play-state: paused !important;
23172
- }
23173
-
23174
- @keyframes progress-circular-dash {
23175
- 0% {
23176
- stroke-dasharray: 1, 200;
23177
- stroke-dashoffset: 0px;
23178
- }
23179
- 50% {
23180
- stroke-dasharray: 100, 200;
23181
- stroke-dashoffset: -15px;
23182
- }
23183
- 100% {
23184
- stroke-dasharray: 100, 200;
23185
- stroke-dashoffset: -124px;
23186
- }
23187
- }
23188
- @keyframes progress-circular-rotate {
23189
- 100% {
23190
- transform: rotate(270deg);
23191
- }
23192
- }.v-radio-group > .v-input__control {
23193
- flex-direction: column;
23176
+ }.v-radio-group > .v-input__control {
23177
+ flex-direction: column;
23194
23178
  }
23195
23179
  .v-radio-group > .v-input__control > .v-label {
23196
23180
  margin-inline-start: 16px;
@@ -24267,101 +24251,6 @@ html.v-overlay-scroll-blocked {
24267
24251
  }
24268
24252
  .v-system-bar:not(.v-system-bar--absolute) {
24269
24253
  padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24270
- }.v-tab.v-tab.v-btn {
24271
- height: var(--v-tabs-height);
24272
- border-radius: 0;
24273
- min-width: 90px;
24274
- }
24275
- .v-slide-group--horizontal .v-tab {
24276
- max-width: 360px;
24277
- }
24278
- .v-slide-group--vertical .v-tab {
24279
- justify-content: start;
24280
- }
24281
-
24282
- .v-tab__slider {
24283
- position: absolute;
24284
- bottom: 0;
24285
- left: 0;
24286
- height: 2px;
24287
- width: 100%;
24288
- background: currentColor;
24289
- pointer-events: none;
24290
- opacity: 0;
24291
- }
24292
- .v-tab--selected .v-tab__slider {
24293
- opacity: 1;
24294
- }
24295
- .v-slide-group--vertical .v-tab__slider {
24296
- top: 0;
24297
- height: 100%;
24298
- width: 2px;
24299
- }.v-tabs {
24300
- display: flex;
24301
- height: var(--v-tabs-height);
24302
- }
24303
- .v-tabs--density-default {
24304
- --v-tabs-height: 48px;
24305
- }
24306
- .v-tabs--density-default.v-tabs--stacked {
24307
- --v-tabs-height: 72px;
24308
- }
24309
-
24310
- .v-tabs--density-comfortable {
24311
- --v-tabs-height: 44px;
24312
- }
24313
- .v-tabs--density-comfortable.v-tabs--stacked {
24314
- --v-tabs-height: 68px;
24315
- }
24316
-
24317
- .v-tabs--density-compact {
24318
- --v-tabs-height: 36px;
24319
- }
24320
- .v-tabs--density-compact.v-tabs--stacked {
24321
- --v-tabs-height: 60px;
24322
- }
24323
-
24324
- .v-tabs.v-slide-group--vertical {
24325
- height: auto;
24326
- flex: none;
24327
- --v-tabs-height: 48px;
24328
- }
24329
-
24330
- .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
24331
- margin-inline-start: 42px;
24332
- }
24333
-
24334
- .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
24335
- .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
24336
- margin-inline-end: auto;
24337
- }
24338
- .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
24339
- .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
24340
- margin-inline-start: auto;
24341
- }
24342
-
24343
- .v-tabs--grow {
24344
- flex-grow: 1;
24345
- }
24346
- .v-tabs--grow .v-tab {
24347
- flex: 1 0 auto;
24348
- max-width: none;
24349
- }
24350
-
24351
- .v-tabs--align-tabs-end .v-tab:first-child {
24352
- margin-inline-start: auto;
24353
- }
24354
- .v-tabs--align-tabs-end .v-tab:last-child {
24355
- margin-inline-end: 0;
24356
- }
24357
-
24358
- @media (max-width: 1279.98px) {
24359
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
24360
- margin-inline-start: 52px;
24361
- }
24362
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24363
- margin-inline-end: 52px;
24364
- }
24365
24254
  }.v-table {
24366
24255
  background: rgb(var(--v-theme-surface));
24367
24256
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -24500,57 +24389,113 @@ html.v-overlay-scroll-blocked {
24500
24389
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24501
24390
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24502
24391
  border-top: 0px !important;
24503
- }.v-textarea .v-field {
24504
- --v-textarea-control-height: var(--v-input-control-height);
24392
+ }.v-tab.v-tab.v-btn {
24393
+ height: var(--v-tabs-height);
24394
+ border-radius: 0;
24395
+ min-width: 90px;
24505
24396
  }
24506
- .v-textarea .v-field__field {
24507
- --v-input-control-height: var(--v-textarea-control-height);
24397
+ .v-slide-group--horizontal .v-tab {
24398
+ max-width: 360px;
24508
24399
  }
24509
- .v-textarea .v-field__input {
24510
- flex: 1 1 auto;
24511
- outline: none;
24512
- -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));
24513
- 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));
24400
+ .v-slide-group--vertical .v-tab {
24401
+ justify-content: start;
24514
24402
  }
24515
- .v-textarea .v-field__input.v-textarea__sizer {
24516
- visibility: hidden;
24403
+
24404
+ .v-tab__slider {
24517
24405
  position: absolute;
24518
- top: 0;
24406
+ bottom: 0;
24519
24407
  left: 0;
24520
- height: 0 !important;
24521
- min-height: 0 !important;
24408
+ height: 2px;
24409
+ width: 100%;
24410
+ background: currentColor;
24522
24411
  pointer-events: none;
24412
+ opacity: 0;
24523
24413
  }
24524
- .v-textarea--no-resize .v-field__input {
24525
- resize: none;
24526
- }
24527
- .v-textarea .v-field--no-label textarea,
24528
- .v-textarea .v-field--active textarea {
24414
+ .v-tab--selected .v-tab__slider {
24529
24415
  opacity: 1;
24530
24416
  }
24531
- .v-textarea textarea {
24532
- opacity: 0;
24533
- flex: 1;
24534
- min-width: 0;
24535
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24536
- }
24537
- .v-textarea textarea:focus, .v-textarea textarea:active {
24538
- outline: none;
24417
+ .v-slide-group--vertical .v-tab__slider {
24418
+ top: 0;
24419
+ height: 100%;
24420
+ width: 2px;
24421
+ }.v-tabs {
24422
+ display: flex;
24423
+ height: var(--v-tabs-height);
24539
24424
  }
24540
- .v-textarea textarea:invalid {
24541
- box-shadow: none;
24542
- }/* region BLOCK */
24543
- .v-text-field input {
24544
- color: inherit;
24545
- opacity: 0;
24546
- flex: 1;
24547
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24548
- min-width: 0;
24425
+ .v-tabs--density-default {
24426
+ --v-tabs-height: 48px;
24549
24427
  }
24550
- .v-text-field input:focus, .v-text-field input:active {
24551
- outline: none;
24428
+ .v-tabs--density-default.v-tabs--stacked {
24429
+ --v-tabs-height: 72px;
24552
24430
  }
24553
- .v-text-field input:invalid {
24431
+
24432
+ .v-tabs--density-comfortable {
24433
+ --v-tabs-height: 44px;
24434
+ }
24435
+ .v-tabs--density-comfortable.v-tabs--stacked {
24436
+ --v-tabs-height: 68px;
24437
+ }
24438
+
24439
+ .v-tabs--density-compact {
24440
+ --v-tabs-height: 36px;
24441
+ }
24442
+ .v-tabs--density-compact.v-tabs--stacked {
24443
+ --v-tabs-height: 60px;
24444
+ }
24445
+
24446
+ .v-tabs.v-slide-group--vertical {
24447
+ height: auto;
24448
+ flex: none;
24449
+ --v-tabs-height: 48px;
24450
+ }
24451
+
24452
+ .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
24453
+ margin-inline-start: 42px;
24454
+ }
24455
+
24456
+ .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
24457
+ .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
24458
+ margin-inline-end: auto;
24459
+ }
24460
+ .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
24461
+ .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
24462
+ margin-inline-start: auto;
24463
+ }
24464
+
24465
+ .v-tabs--grow {
24466
+ flex-grow: 1;
24467
+ }
24468
+ .v-tabs--grow .v-tab {
24469
+ flex: 1 0 auto;
24470
+ max-width: none;
24471
+ }
24472
+
24473
+ .v-tabs--align-tabs-end .v-tab:first-child {
24474
+ margin-inline-start: auto;
24475
+ }
24476
+ .v-tabs--align-tabs-end .v-tab:last-child {
24477
+ margin-inline-end: 0;
24478
+ }
24479
+
24480
+ @media (max-width: 1279.98px) {
24481
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
24482
+ margin-inline-start: 52px;
24483
+ }
24484
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24485
+ margin-inline-end: 52px;
24486
+ }
24487
+ }/* region BLOCK */
24488
+ .v-text-field input {
24489
+ color: inherit;
24490
+ opacity: 0;
24491
+ flex: 1;
24492
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24493
+ min-width: 0;
24494
+ }
24495
+ .v-text-field input:focus, .v-text-field input:active {
24496
+ outline: none;
24497
+ }
24498
+ .v-text-field input:invalid {
24554
24499
  box-shadow: none;
24555
24500
  }
24556
24501
  .v-text-field .v-field {
@@ -24606,7 +24551,49 @@ html.v-overlay-scroll-blocked {
24606
24551
  padding-inline-end: var(--v-field-padding-end);
24607
24552
  }
24608
24553
 
24609
- /* endregion */.v-timeline .v-timeline-divider__dot {
24554
+ /* endregion */.v-textarea .v-field {
24555
+ --v-textarea-control-height: var(--v-input-control-height);
24556
+ }
24557
+ .v-textarea .v-field__field {
24558
+ --v-input-control-height: var(--v-textarea-control-height);
24559
+ }
24560
+ .v-textarea .v-field__input {
24561
+ flex: 1 1 auto;
24562
+ outline: none;
24563
+ -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));
24564
+ 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));
24565
+ }
24566
+ .v-textarea .v-field__input.v-textarea__sizer {
24567
+ visibility: hidden;
24568
+ position: absolute;
24569
+ top: 0;
24570
+ left: 0;
24571
+ height: 0 !important;
24572
+ min-height: 0 !important;
24573
+ pointer-events: none;
24574
+ }
24575
+ .v-textarea--no-resize .v-field__input {
24576
+ resize: none;
24577
+ }
24578
+ .v-textarea .v-field--no-label textarea,
24579
+ .v-textarea .v-field--active textarea {
24580
+ opacity: 1;
24581
+ }
24582
+ .v-textarea textarea {
24583
+ opacity: 0;
24584
+ flex: 1;
24585
+ min-width: 0;
24586
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24587
+ }
24588
+ .v-textarea textarea:focus, .v-textarea textarea:active {
24589
+ outline: none;
24590
+ }
24591
+ .v-textarea textarea:invalid {
24592
+ box-shadow: none;
24593
+ }.v-theme-provider {
24594
+ background: rgb(var(--v-theme-background));
24595
+ color: rgb(var(--v-theme-on-background));
24596
+ }.v-timeline .v-timeline-divider__dot {
24610
24597
  background: rgb(var(--v-theme-surface-light));
24611
24598
  }
24612
24599
  .v-timeline .v-timeline-divider__inner-dot {
@@ -25022,9 +25009,6 @@ html.v-overlay-scroll-blocked {
25022
25009
 
25023
25010
  .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 {
25024
25011
  padding-inline-end: 0;
25025
- }.v-theme-provider {
25026
- background: rgb(var(--v-theme-background));
25027
- color: rgb(var(--v-theme-on-background));
25028
25012
  }.v-toolbar {
25029
25013
  align-items: flex-start;
25030
25014
  display: flex;
@@ -25255,22 +25239,38 @@ html.v-overlay-scroll-blocked {
25255
25239
  }
25256
25240
  .v-window-y-reverse-transition-leave-to {
25257
25241
  transform: translateY(100%);
25258
- }.v-application {
25259
- display: flex;
25260
- background: rgb(var(--v-theme-background));
25261
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
25242
+ }.bottom-sheet-transition-enter-from {
25243
+ transform: translateY(100%);
25244
+ }
25245
+ .bottom-sheet-transition-leave-to {
25246
+ transform: translateY(100%);
25262
25247
  }
25263
25248
 
25264
- .v-application__wrap {
25265
- -webkit-backface-visibility: hidden;
25266
- backface-visibility: hidden;
25267
- display: flex;
25268
- flex-direction: column;
25269
- flex: 1 1 auto;
25249
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
25250
+ align-self: flex-end;
25251
+ border-radius: 0;
25252
+ flex: 0 1 auto;
25253
+ left: 0;
25254
+ right: 0;
25255
+ margin-inline: 0;
25256
+ margin-bottom: 0;
25257
+ transition-duration: 0.2s;
25258
+ width: 100%;
25270
25259
  max-width: 100%;
25271
- min-height: 100vh;
25272
- min-height: 100dvh;
25273
- position: relative;
25260
+ overflow: visible;
25261
+ 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));
25262
+ }
25263
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
25264
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
25265
+ border-radius: 0;
25266
+ }
25267
+ .v-bottom-sheet.v-bottom-sheet--inset {
25268
+ max-width: none;
25269
+ }
25270
+ @media (min-width: 600px) {
25271
+ .v-bottom-sheet.v-bottom-sheet--inset {
25272
+ max-width: 70%;
25273
+ }
25274
25274
  }.v-color-picker-edit {
25275
25275
  display: flex;
25276
25276
  margin-top: 24px;
@@ -25299,28 +25299,6 @@ html.v-overlay-scroll-blocked {
25299
25299
  }
25300
25300
  .v-color-picker-edit__input span {
25301
25301
  font-size: 0.75rem;
25302
- }.v-color-picker-canvas {
25303
- display: flex;
25304
- position: relative;
25305
- overflow: hidden;
25306
- contain: content;
25307
- touch-action: none;
25308
- }
25309
- .v-color-picker-canvas__dot {
25310
- position: absolute;
25311
- top: 0;
25312
- left: 0;
25313
- width: 15px;
25314
- height: 15px;
25315
- background: transparent;
25316
- border-radius: 50%;
25317
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25318
- }
25319
- .v-color-picker-canvas__dot--disabled {
25320
- 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);
25321
- }
25322
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25323
- will-change: transform;
25324
25302
  }.v-color-picker-swatches {
25325
25303
  overflow-y: auto;
25326
25304
  }
@@ -25426,6 +25404,28 @@ html.v-overlay-scroll-blocked {
25426
25404
  .v-color-picker-preview__eye-dropper {
25427
25405
  position: relative;
25428
25406
  margin-right: 12px;
25407
+ }.v-color-picker-canvas {
25408
+ display: flex;
25409
+ position: relative;
25410
+ overflow: hidden;
25411
+ contain: content;
25412
+ touch-action: none;
25413
+ }
25414
+ .v-color-picker-canvas__dot {
25415
+ position: absolute;
25416
+ top: 0;
25417
+ left: 0;
25418
+ width: 15px;
25419
+ height: 15px;
25420
+ background: transparent;
25421
+ border-radius: 50%;
25422
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25423
+ }
25424
+ .v-color-picker-canvas__dot--disabled {
25425
+ 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);
25426
+ }
25427
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25428
+ will-change: transform;
25429
25429
  }.v-picker.v-sheet {
25430
25430
  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));
25431
25431
  border-radius: 4px;
@@ -25479,6 +25479,160 @@ html.v-overlay-scroll-blocked {
25479
25479
  padding-bottom: 16px;
25480
25480
  font-weight: 400;
25481
25481
  letter-spacing: 0.1666666667em;
25482
+ }.v-slider-thumb {
25483
+ touch-action: none;
25484
+ color: rgb(var(--v-theme-surface-variant));
25485
+ }
25486
+ .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25487
+ color: inherit;
25488
+ }
25489
+
25490
+ .v-slider-thumb__label {
25491
+ background: rgba(var(--v-theme-surface-variant), 0.7);
25492
+ color: rgb(var(--v-theme-on-surface-variant));
25493
+ }
25494
+ .v-slider-thumb__label::before {
25495
+ color: rgba(var(--v-theme-surface-variant), 0.7);
25496
+ }
25497
+
25498
+ .v-slider-thumb {
25499
+ outline: none;
25500
+ position: absolute;
25501
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25502
+ }
25503
+
25504
+ .v-slider-thumb__surface {
25505
+ cursor: pointer;
25506
+ width: var(--v-slider-thumb-size);
25507
+ height: var(--v-slider-thumb-size);
25508
+ border-radius: 50%;
25509
+ -webkit-user-select: none;
25510
+ user-select: none;
25511
+ background-color: currentColor;
25512
+ }
25513
+ .v-slider-thumb__surface::before {
25514
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25515
+ content: "";
25516
+ color: inherit;
25517
+ top: 0;
25518
+ left: 0;
25519
+ width: 100%;
25520
+ height: 100%;
25521
+ border-radius: 50%;
25522
+ background: currentColor;
25523
+ position: absolute;
25524
+ pointer-events: none;
25525
+ opacity: 0;
25526
+ }
25527
+ .v-slider-thumb__surface::after {
25528
+ content: "";
25529
+ width: 42px;
25530
+ height: 42px;
25531
+ position: absolute;
25532
+ top: 50%;
25533
+ left: 50%;
25534
+ transform: translate(-50%, -50%);
25535
+ }
25536
+
25537
+ .v-slider-thumb__label-container {
25538
+ position: absolute;
25539
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25540
+ }
25541
+
25542
+ .v-slider-thumb__label {
25543
+ display: flex;
25544
+ align-items: center;
25545
+ justify-content: center;
25546
+ font-size: 0.75rem;
25547
+ min-width: 35px;
25548
+ height: 25px;
25549
+ border-radius: 4px;
25550
+ padding: 6px;
25551
+ position: absolute;
25552
+ -webkit-user-select: none;
25553
+ user-select: none;
25554
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25555
+ }
25556
+ .v-slider-thumb__label::before {
25557
+ content: "";
25558
+ width: 0;
25559
+ height: 0;
25560
+ position: absolute;
25561
+ }
25562
+
25563
+ .v-slider-thumb__ripple {
25564
+ position: absolute;
25565
+ left: calc(var(--v-slider-thumb-size) / -2);
25566
+ top: calc(var(--v-slider-thumb-size) / -2);
25567
+ width: calc(var(--v-slider-thumb-size) * 2);
25568
+ height: calc(var(--v-slider-thumb-size) * 2);
25569
+ background: inherit;
25570
+ }
25571
+
25572
+ .v-slider.v-input--horizontal .v-slider-thumb {
25573
+ top: 50%;
25574
+ transform: translateY(-50%);
25575
+ inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25576
+ }
25577
+ .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25578
+ left: calc(var(--v-slider-thumb-size) / 2);
25579
+ top: 0;
25580
+ }
25581
+ .v-slider.v-input--horizontal .v-slider-thumb__label {
25582
+ bottom: calc(var(--v-slider-thumb-size) / 2);
25583
+ }
25584
+ .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
25585
+ transform: translateX(-50%);
25586
+ }
25587
+
25588
+ .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
25589
+ transform: translateX(50%);
25590
+ }
25591
+
25592
+ .v-slider.v-input--horizontal .v-slider-thumb__label::before {
25593
+ border-left: 6px solid transparent;
25594
+ border-right: 6px solid transparent;
25595
+ border-top: 6px solid currentColor;
25596
+ bottom: -6px;
25597
+ }
25598
+
25599
+ .v-slider.v-input--vertical .v-slider-thumb {
25600
+ top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25601
+ }
25602
+ .v-slider.v-input--vertical .v-slider-thumb__label-container {
25603
+ top: calc(var(--v-slider-thumb-size) / 2);
25604
+ right: 0;
25605
+ }
25606
+ .v-slider.v-input--vertical .v-slider-thumb__label {
25607
+ top: -12.5px;
25608
+ left: calc(var(--v-slider-thumb-size) / 2);
25609
+ }
25610
+ .v-slider.v-input--vertical .v-slider-thumb__label::before {
25611
+ border-right: 6px solid currentColor;
25612
+ border-top: 6px solid transparent;
25613
+ border-bottom: 6px solid transparent;
25614
+ left: -6px;
25615
+ }
25616
+
25617
+ .v-slider-thumb--focused .v-slider-thumb__surface::before {
25618
+ transform: scale(2);
25619
+ opacity: var(--v-focus-opacity);
25620
+ }
25621
+
25622
+ .v-slider-thumb--pressed {
25623
+ transition: none;
25624
+ }
25625
+ .v-slider-thumb--pressed .v-slider-thumb__surface::before {
25626
+ opacity: var(--v-pressed-opacity);
25627
+ }
25628
+
25629
+ @media (hover: hover) {
25630
+ .v-slider-thumb:hover .v-slider-thumb__surface::before {
25631
+ transform: scale(2);
25632
+ }
25633
+ .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
25634
+ opacity: var(--v-hover-opacity);
25635
+ }
25482
25636
  }.v-slider-track__background {
25483
25637
  background-color: rgb(var(--v-theme-surface-variant));
25484
25638
  }
@@ -25642,158 +25796,4 @@ html.v-overlay-scroll-blocked {
25642
25796
 
25643
25797
  .v-slider-track__background--opacity {
25644
25798
  opacity: 0.38;
25645
- }.v-slider-thumb {
25646
- touch-action: none;
25647
- color: rgb(var(--v-theme-surface-variant));
25648
- }
25649
- .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25650
- color: inherit;
25651
- }
25652
-
25653
- .v-slider-thumb__label {
25654
- background: rgba(var(--v-theme-surface-variant), 0.7);
25655
- color: rgb(var(--v-theme-on-surface-variant));
25656
- }
25657
- .v-slider-thumb__label::before {
25658
- color: rgba(var(--v-theme-surface-variant), 0.7);
25659
- }
25660
-
25661
- .v-slider-thumb {
25662
- outline: none;
25663
- position: absolute;
25664
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25665
- }
25666
-
25667
- .v-slider-thumb__surface {
25668
- cursor: pointer;
25669
- width: var(--v-slider-thumb-size);
25670
- height: var(--v-slider-thumb-size);
25671
- border-radius: 50%;
25672
- -webkit-user-select: none;
25673
- user-select: none;
25674
- background-color: currentColor;
25675
- }
25676
- .v-slider-thumb__surface::before {
25677
- transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25678
- content: "";
25679
- color: inherit;
25680
- top: 0;
25681
- left: 0;
25682
- width: 100%;
25683
- height: 100%;
25684
- border-radius: 50%;
25685
- background: currentColor;
25686
- position: absolute;
25687
- pointer-events: none;
25688
- opacity: 0;
25689
- }
25690
- .v-slider-thumb__surface::after {
25691
- content: "";
25692
- width: 42px;
25693
- height: 42px;
25694
- position: absolute;
25695
- top: 50%;
25696
- left: 50%;
25697
- transform: translate(-50%, -50%);
25698
- }
25699
-
25700
- .v-slider-thumb__label-container {
25701
- position: absolute;
25702
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25703
- }
25704
-
25705
- .v-slider-thumb__label {
25706
- display: flex;
25707
- align-items: center;
25708
- justify-content: center;
25709
- font-size: 0.75rem;
25710
- min-width: 35px;
25711
- height: 25px;
25712
- border-radius: 4px;
25713
- padding: 6px;
25714
- position: absolute;
25715
- -webkit-user-select: none;
25716
- user-select: none;
25717
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25718
- }
25719
- .v-slider-thumb__label::before {
25720
- content: "";
25721
- width: 0;
25722
- height: 0;
25723
- position: absolute;
25724
- }
25725
-
25726
- .v-slider-thumb__ripple {
25727
- position: absolute;
25728
- left: calc(var(--v-slider-thumb-size) / -2);
25729
- top: calc(var(--v-slider-thumb-size) / -2);
25730
- width: calc(var(--v-slider-thumb-size) * 2);
25731
- height: calc(var(--v-slider-thumb-size) * 2);
25732
- background: inherit;
25733
- }
25734
-
25735
- .v-slider.v-input--horizontal .v-slider-thumb {
25736
- top: 50%;
25737
- transform: translateY(-50%);
25738
- inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25739
- }
25740
- .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25741
- left: calc(var(--v-slider-thumb-size) / 2);
25742
- top: 0;
25743
- }
25744
- .v-slider.v-input--horizontal .v-slider-thumb__label {
25745
- bottom: calc(var(--v-slider-thumb-size) / 2);
25746
- }
25747
- .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
25748
- transform: translateX(-50%);
25749
- }
25750
-
25751
- .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
25752
- transform: translateX(50%);
25753
- }
25754
-
25755
- .v-slider.v-input--horizontal .v-slider-thumb__label::before {
25756
- border-left: 6px solid transparent;
25757
- border-right: 6px solid transparent;
25758
- border-top: 6px solid currentColor;
25759
- bottom: -6px;
25760
- }
25761
-
25762
- .v-slider.v-input--vertical .v-slider-thumb {
25763
- top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25764
- }
25765
- .v-slider.v-input--vertical .v-slider-thumb__label-container {
25766
- top: calc(var(--v-slider-thumb-size) / 2);
25767
- right: 0;
25768
- }
25769
- .v-slider.v-input--vertical .v-slider-thumb__label {
25770
- top: -12.5px;
25771
- left: calc(var(--v-slider-thumb-size) / 2);
25772
- }
25773
- .v-slider.v-input--vertical .v-slider-thumb__label::before {
25774
- border-right: 6px solid currentColor;
25775
- border-top: 6px solid transparent;
25776
- border-bottom: 6px solid transparent;
25777
- left: -6px;
25778
- }
25779
-
25780
- .v-slider-thumb--focused .v-slider-thumb__surface::before {
25781
- transform: scale(2);
25782
- opacity: var(--v-focus-opacity);
25783
- }
25784
-
25785
- .v-slider-thumb--pressed {
25786
- transition: none;
25787
- }
25788
- .v-slider-thumb--pressed .v-slider-thumb__surface::before {
25789
- opacity: var(--v-pressed-opacity);
25790
- }
25791
-
25792
- @media (hover: hover) {
25793
- .v-slider-thumb:hover .v-slider-thumb__surface::before {
25794
- transform: scale(2);
25795
- }
25796
- .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
25797
- opacity: var(--v-hover-opacity);
25798
- }
25799
25799
  }