@vuetify/nightly 3.6.3-dev.2024-05-29 → 3.6.3-dev.2024-05-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.6.3-dev.2024-05-29
2
+ * Vuetify v3.6.3-dev.2024-05-30
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17408,87 +17408,6 @@ html.overflow-y-hidden {
17408
17408
  }
17409
17409
  .v-app-bar:not(.v-toolbar--absolute) {
17410
17410
  padding-inline-end: var(--v-scrollbar-offset);
17411
- }.v-autocomplete .v-field .v-text-field__prefix,
17412
- .v-autocomplete .v-field .v-text-field__suffix,
17413
- .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17414
- cursor: text;
17415
- }
17416
- .v-autocomplete .v-field .v-field__input > input {
17417
- flex: 1 1;
17418
- }
17419
- .v-autocomplete .v-field input {
17420
- min-width: 64px;
17421
- }
17422
- .v-autocomplete .v-field:not(.v-field--focused) input {
17423
- min-width: 0;
17424
- }
17425
- .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17426
- margin-inline-end: 2px;
17427
- }
17428
- .v-autocomplete .v-autocomplete__selection-text {
17429
- overflow: hidden;
17430
- text-overflow: ellipsis;
17431
- white-space: nowrap;
17432
- }
17433
-
17434
- .v-autocomplete__content {
17435
- overflow: hidden;
17436
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17437
- border-radius: 4px;
17438
- }
17439
- .v-autocomplete__mask {
17440
- background: rgb(var(--v-theme-surface-light));
17441
- }
17442
- .v-autocomplete__selection {
17443
- display: inline-flex;
17444
- align-items: center;
17445
- height: 1.5rem;
17446
- letter-spacing: inherit;
17447
- line-height: inherit;
17448
- max-width: calc(100% - 2px - 2px);
17449
- }
17450
- .v-autocomplete__selection:first-child {
17451
- margin-inline-start: 0;
17452
- }
17453
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17454
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17455
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17456
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17457
- top: 0px;
17458
- }
17459
- .v-autocomplete--selecting-index .v-autocomplete__selection {
17460
- opacity: var(--v-medium-emphasis-opacity);
17461
- }
17462
- .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17463
- opacity: 1;
17464
- }
17465
- .v-autocomplete--selecting-index .v-field__input > input {
17466
- caret-color: transparent;
17467
- }
17468
- .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
17469
- flex: 1 1;
17470
- position: absolute;
17471
- left: 0;
17472
- right: 0;
17473
- width: 100%;
17474
- padding-inline: inherit;
17475
- }
17476
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
17477
- transition: none;
17478
- }
17479
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
17480
- opacity: 0;
17481
- }
17482
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
17483
- opacity: 0;
17484
- }
17485
- .v-autocomplete__menu-icon {
17486
- margin-inline-start: 4px;
17487
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17488
- }
17489
- .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17490
- opacity: var(--v-high-emphasis-opacity);
17491
- transform: rotate(180deg);
17492
17411
  }.v-alert {
17493
17412
  display: grid;
17494
17413
  flex: 1 1;
@@ -17701,6 +17620,87 @@ html.overflow-y-hidden {
17701
17620
  text-transform: none;
17702
17621
  word-break: normal;
17703
17622
  word-wrap: break-word;
17623
+ }.v-autocomplete .v-field .v-text-field__prefix,
17624
+ .v-autocomplete .v-field .v-text-field__suffix,
17625
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17626
+ cursor: text;
17627
+ }
17628
+ .v-autocomplete .v-field .v-field__input > input {
17629
+ flex: 1 1;
17630
+ }
17631
+ .v-autocomplete .v-field input {
17632
+ min-width: 64px;
17633
+ }
17634
+ .v-autocomplete .v-field:not(.v-field--focused) input {
17635
+ min-width: 0;
17636
+ }
17637
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17638
+ margin-inline-end: 2px;
17639
+ }
17640
+ .v-autocomplete .v-autocomplete__selection-text {
17641
+ overflow: hidden;
17642
+ text-overflow: ellipsis;
17643
+ white-space: nowrap;
17644
+ }
17645
+
17646
+ .v-autocomplete__content {
17647
+ overflow: hidden;
17648
+ box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17649
+ border-radius: 4px;
17650
+ }
17651
+ .v-autocomplete__mask {
17652
+ background: rgb(var(--v-theme-surface-light));
17653
+ }
17654
+ .v-autocomplete__selection {
17655
+ display: inline-flex;
17656
+ align-items: center;
17657
+ height: 1.5rem;
17658
+ letter-spacing: inherit;
17659
+ line-height: inherit;
17660
+ max-width: calc(100% - 2px - 2px);
17661
+ }
17662
+ .v-autocomplete__selection:first-child {
17663
+ margin-inline-start: 0;
17664
+ }
17665
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17666
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17667
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17668
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17669
+ top: 0px;
17670
+ }
17671
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
17672
+ opacity: var(--v-medium-emphasis-opacity);
17673
+ }
17674
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17675
+ opacity: 1;
17676
+ }
17677
+ .v-autocomplete--selecting-index .v-field__input > input {
17678
+ caret-color: transparent;
17679
+ }
17680
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
17681
+ flex: 1 1;
17682
+ position: absolute;
17683
+ left: 0;
17684
+ right: 0;
17685
+ width: 100%;
17686
+ padding-inline: inherit;
17687
+ }
17688
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
17689
+ transition: none;
17690
+ }
17691
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
17692
+ opacity: 0;
17693
+ }
17694
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
17695
+ opacity: 0;
17696
+ }
17697
+ .v-autocomplete__menu-icon {
17698
+ margin-inline-start: 4px;
17699
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17700
+ }
17701
+ .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17702
+ opacity: var(--v-high-emphasis-opacity);
17703
+ transform: rotate(180deg);
17704
17704
  }.v-avatar {
17705
17705
  flex: none;
17706
17706
  align-items: center;
@@ -17803,6 +17803,77 @@ html.overflow-y-hidden {
17803
17803
  .v-avatar .v-img {
17804
17804
  height: 100%;
17805
17805
  width: 100%;
17806
+ }.v-badge {
17807
+ display: inline-block;
17808
+ line-height: 1;
17809
+ }
17810
+
17811
+ .v-badge__badge {
17812
+ align-items: center;
17813
+ display: inline-flex;
17814
+ border-radius: 10px;
17815
+ font-size: 0.75rem;
17816
+ font-weight: 500;
17817
+ height: 1.25rem;
17818
+ justify-content: center;
17819
+ min-width: 20px;
17820
+ padding: 4px 6px;
17821
+ pointer-events: auto;
17822
+ position: absolute;
17823
+ text-align: center;
17824
+ text-indent: 0;
17825
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
17826
+ white-space: nowrap;
17827
+ background: rgb(var(--v-theme-surface-variant));
17828
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
17829
+ }
17830
+ .v-badge--bordered .v-badge__badge::after {
17831
+ border-radius: inherit;
17832
+ border-style: solid;
17833
+ border-width: 2px;
17834
+ bottom: 0;
17835
+ color: rgb(var(--v-theme-background));
17836
+ content: "";
17837
+ left: 0;
17838
+ position: absolute;
17839
+ right: 0;
17840
+ top: 0;
17841
+ transform: scale(1.05);
17842
+ }
17843
+ .v-badge--dot .v-badge__badge {
17844
+ border-radius: 4.5px;
17845
+ height: 9px;
17846
+ min-width: 0;
17847
+ padding: 0;
17848
+ width: 9px;
17849
+ }
17850
+ .v-badge--dot .v-badge__badge::after {
17851
+ border-width: 1.5px;
17852
+ }
17853
+ .v-badge--inline .v-badge__badge {
17854
+ position: relative;
17855
+ vertical-align: middle;
17856
+ }
17857
+ .v-badge__badge .v-icon {
17858
+ color: inherit;
17859
+ font-size: 0.75rem;
17860
+ margin: 0 -2px;
17861
+ }
17862
+ .v-badge__badge img,
17863
+ .v-badge__badge .v-img {
17864
+ height: 100%;
17865
+ width: 100%;
17866
+ }
17867
+
17868
+ .v-badge__wrapper {
17869
+ display: flex;
17870
+ position: relative;
17871
+ }
17872
+ .v-badge--inline .v-badge__wrapper {
17873
+ align-items: center;
17874
+ display: inline-flex;
17875
+ justify-content: center;
17876
+ margin: 0 4px;
17806
17877
  }.v-banner {
17807
17878
  display: grid;
17808
17879
  flex: 1 1;
@@ -17960,96 +18031,25 @@ html.overflow-y-hidden {
17960
18031
  }
17961
18032
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
17962
18033
  align-self: flex-start;
17963
- }.v-badge {
17964
- display: inline-block;
17965
- line-height: 1;
17966
- }
17967
-
17968
- .v-badge__badge {
17969
- align-items: center;
17970
- display: inline-flex;
17971
- border-radius: 10px;
17972
- font-size: 0.75rem;
17973
- font-weight: 500;
17974
- height: 1.25rem;
17975
- justify-content: center;
17976
- min-width: 20px;
17977
- padding: 4px 6px;
17978
- pointer-events: auto;
17979
- position: absolute;
17980
- text-align: center;
17981
- text-indent: 0;
17982
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
17983
- white-space: nowrap;
17984
- background: rgb(var(--v-theme-surface-variant));
17985
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
17986
- }
17987
- .v-badge--bordered .v-badge__badge::after {
17988
- border-radius: inherit;
17989
- border-style: solid;
17990
- border-width: 2px;
17991
- bottom: 0;
17992
- color: rgb(var(--v-theme-background));
17993
- content: "";
17994
- left: 0;
17995
- position: absolute;
17996
- right: 0;
17997
- top: 0;
17998
- transform: scale(1.05);
17999
- }
18000
- .v-badge--dot .v-badge__badge {
18001
- border-radius: 4.5px;
18002
- height: 9px;
18003
- min-width: 0;
18004
- padding: 0;
18005
- width: 9px;
18006
- }
18007
- .v-badge--dot .v-badge__badge::after {
18008
- border-width: 1.5px;
18009
- }
18010
- .v-badge--inline .v-badge__badge {
18011
- position: relative;
18012
- vertical-align: middle;
18013
- }
18014
- .v-badge__badge .v-icon {
18015
- color: inherit;
18016
- font-size: 0.75rem;
18017
- margin: 0 -2px;
18018
- }
18019
- .v-badge__badge img,
18020
- .v-badge__badge .v-img {
18021
- height: 100%;
18022
- width: 100%;
18023
- }
18024
-
18025
- .v-badge__wrapper {
18026
- display: flex;
18027
- position: relative;
18028
- }
18029
- .v-badge--inline .v-badge__wrapper {
18030
- align-items: center;
18031
- display: inline-flex;
18032
- justify-content: center;
18033
- margin: 0 4px;
18034
- }.v-bottom-navigation {
18035
- display: flex;
18036
- max-width: 100%;
18037
- overflow: hidden;
18038
- position: absolute;
18039
- transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
18040
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18041
- border-style: solid;
18042
- border-width: 0;
18043
- border-radius: 0;
18044
- background: rgb(var(--v-theme-surface));
18045
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18046
- }
18047
- .v-bottom-navigation--border {
18048
- border-width: thin;
18049
- box-shadow: none;
18050
- }
18051
- .v-bottom-navigation--active {
18052
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18034
+ }.v-bottom-navigation {
18035
+ display: flex;
18036
+ max-width: 100%;
18037
+ overflow: hidden;
18038
+ position: absolute;
18039
+ transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
18040
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18041
+ border-style: solid;
18042
+ border-width: 0;
18043
+ border-radius: 0;
18044
+ background: rgb(var(--v-theme-surface));
18045
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18046
+ }
18047
+ .v-bottom-navigation--border {
18048
+ border-width: thin;
18049
+ box-shadow: none;
18050
+ }
18051
+ .v-bottom-navigation--active {
18052
+ box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18053
18053
  }
18054
18054
 
18055
18055
  .v-bottom-navigation__content {
@@ -18643,6 +18643,19 @@ html.overflow-y-hidden {
18643
18643
  }
18644
18644
  .v-btn-group--tile {
18645
18645
  border-radius: 0;
18646
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18647
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18648
+ }
18649
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18650
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18651
+ }
18652
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18653
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18654
+ }
18655
+ @supports not selector(:focus-visible) {
18656
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18657
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18658
+ }
18646
18659
  }.v-card {
18647
18660
  display: block;
18648
18661
  overflow: hidden;
@@ -18942,19 +18955,11 @@ html.overflow-y-hidden {
18942
18955
  pointer-events: none;
18943
18956
  opacity: 0;
18944
18957
  transition: opacity 0.2s ease-in-out;
18945
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18946
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18947
- }
18948
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18949
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18950
- }
18951
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18952
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18958
+ }.v-checkbox.v-input {
18959
+ flex: 0 1 auto;
18953
18960
  }
18954
- @supports not selector(:focus-visible) {
18955
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18956
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18957
- }
18961
+ .v-checkbox .v-selection-control {
18962
+ min-height: var(--v-input-control-height);
18958
18963
  }.v-carousel {
18959
18964
  overflow: hidden;
18960
18965
  position: relative;
@@ -19018,11 +19023,6 @@ html.overflow-y-hidden {
19018
19023
  flex-direction: column;
19019
19024
  height: 100% !important;
19020
19025
  width: 50px;
19021
- }.v-checkbox.v-input {
19022
- flex: 0 1 auto;
19023
- }
19024
- .v-checkbox .v-selection-control {
19025
- min-height: var(--v-input-control-height);
19026
19026
  }.v-chip {
19027
19027
  align-items: center;
19028
19028
  display: inline-flex;
@@ -20444,6 +20444,12 @@ html.overflow-y-hidden {
20444
20444
  }
20445
20445
  .v-data-table-footer__page {
20446
20446
  padding: 0 8px;
20447
+ }.v-date-picker {
20448
+ overflow: hidden;
20449
+ width: 328px;
20450
+ }
20451
+ .v-date-picker--show-week {
20452
+ width: 368px;
20447
20453
  }.v-date-picker-controls {
20448
20454
  display: flex;
20449
20455
  align-items: center;
@@ -20560,12 +20566,6 @@ html.overflow-y-hidden {
20560
20566
  .date-picker-header-reverse-transition-leave-to {
20561
20567
  opacity: 0;
20562
20568
  transform: translate(0, 100%);
20563
- }.v-date-picker {
20564
- overflow: hidden;
20565
- width: 328px;
20566
- }
20567
- .v-date-picker--show-week {
20568
- width: 368px;
20569
20569
  }.v-date-picker-month {
20570
20570
  display: flex;
20571
20571
  justify-content: center;
@@ -21822,67 +21822,6 @@ textarea.v-field__input::placeholder {
21822
21822
 
21823
21823
  .v-icon--end {
21824
21824
  margin-inline-start: 8px;
21825
- }.v-img {
21826
- --v-theme-overlay-multiplier: 3;
21827
- z-index: 0;
21828
- }
21829
- .v-img--booting .v-responsive__sizer {
21830
- transition: none;
21831
- }
21832
- .v-img--rounded {
21833
- border-radius: 4px;
21834
- }
21835
-
21836
- .v-img__img,
21837
- .v-img__picture,
21838
- .v-img__gradient,
21839
- .v-img__placeholder,
21840
- .v-img__error {
21841
- z-index: -1;
21842
- position: absolute;
21843
- top: 0;
21844
- left: 0;
21845
- width: 100%;
21846
- height: 100%;
21847
- }
21848
-
21849
- .v-img__img--preload {
21850
- filter: blur(4px);
21851
- }
21852
- .v-img__img--contain {
21853
- object-fit: contain;
21854
- }
21855
- .v-img__img--cover {
21856
- object-fit: cover;
21857
- }
21858
-
21859
- .v-img__gradient {
21860
- background-repeat: no-repeat;
21861
- }.v-infinite-scroll--horizontal {
21862
- display: flex;
21863
- flex-direction: row;
21864
- overflow-x: auto;
21865
- }
21866
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21867
- height: 100%;
21868
- width: 1px;
21869
- }
21870
-
21871
- .v-infinite-scroll--vertical {
21872
- display: flex;
21873
- flex-direction: column;
21874
- overflow-y: auto;
21875
- }
21876
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21877
- height: 1px;
21878
- width: 100%;
21879
- }
21880
-
21881
- .v-infinite-scroll__side {
21882
- align-items: center;
21883
- display: flex;
21884
- justify-content: center;
21885
- padding: 8px;
21886
21825
  }.v-input {
21887
21826
  display: grid;
21888
21827
  flex: 1 1 auto;
@@ -22025,62 +21964,132 @@ textarea.v-field__input::placeholder {
22025
21964
 
22026
21965
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
22027
21966
  padding-top: calc(var(--v-input-padding-top) + 0px);
22028
- }.v-item-group {
22029
- flex: 0 1 auto;
22030
- max-width: 100%;
22031
- position: relative;
22032
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22033
- }.v-label {
22034
- align-items: center;
22035
- color: inherit;
22036
- display: inline-flex;
22037
- font-size: 1rem;
22038
- letter-spacing: 0.009375em;
22039
- min-width: 0;
22040
- opacity: var(--v-medium-emphasis-opacity);
22041
- overflow: hidden;
22042
- text-overflow: ellipsis;
22043
- white-space: nowrap;
22044
- }
22045
-
22046
- .v-label--clickable {
22047
- cursor: pointer;
22048
- }.v-layout {
22049
- --v-scrollbar-offset: 0px;
22050
- display: flex;
22051
- flex: 1 1 auto;
21967
+ }.v-img {
21968
+ --v-theme-overlay-multiplier: 3;
21969
+ z-index: 0;
22052
21970
  }
22053
- .v-layout--full-height {
22054
- --v-scrollbar-offset: inherit;
21971
+ .v-img.v-img--absolute {
22055
21972
  height: 100%;
22056
- }.v-layout-item {
22057
- position: absolute;
22058
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22059
- }
22060
-
22061
- .v-layout-item--absolute {
21973
+ left: 0;
21974
+ overflow: hidden;
22062
21975
  position: absolute;
22063
- }.v-list {
22064
- overflow: auto;
22065
- padding: 8px 0;
22066
- position: relative;
22067
- outline: none;
22068
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22069
- border-style: solid;
22070
- border-width: 0;
22071
- 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));
22072
- border-radius: 0;
22073
- background: rgba(var(--v-theme-surface));
22074
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21976
+ top: 0;
21977
+ width: 100%;
21978
+ z-index: -1;
22075
21979
  }
22076
- .v-list--border {
22077
- border-width: thin;
22078
- box-shadow: none;
21980
+ .v-img--booting .v-responsive__sizer {
21981
+ transition: none;
22079
21982
  }
22080
- .v-list--disabled {
22081
- pointer-events: none;
22082
- -webkit-user-select: none;
22083
- user-select: none;
21983
+ .v-img--rounded {
21984
+ border-radius: 4px;
21985
+ }
21986
+
21987
+ .v-img__img,
21988
+ .v-img__picture,
21989
+ .v-img__gradient,
21990
+ .v-img__placeholder,
21991
+ .v-img__error {
21992
+ z-index: -1;
21993
+ position: absolute;
21994
+ top: 0;
21995
+ left: 0;
21996
+ width: 100%;
21997
+ height: 100%;
21998
+ }
21999
+
22000
+ .v-img__img--preload {
22001
+ filter: blur(4px);
22002
+ }
22003
+ .v-img__img--contain {
22004
+ object-fit: contain;
22005
+ }
22006
+ .v-img__img--cover {
22007
+ object-fit: cover;
22008
+ }
22009
+
22010
+ .v-img__gradient {
22011
+ background-repeat: no-repeat;
22012
+ }.v-infinite-scroll--horizontal {
22013
+ display: flex;
22014
+ flex-direction: row;
22015
+ overflow-x: auto;
22016
+ }
22017
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
22018
+ height: 100%;
22019
+ width: 1px;
22020
+ }
22021
+
22022
+ .v-infinite-scroll--vertical {
22023
+ display: flex;
22024
+ flex-direction: column;
22025
+ overflow-y: auto;
22026
+ }
22027
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
22028
+ height: 1px;
22029
+ width: 100%;
22030
+ }
22031
+
22032
+ .v-infinite-scroll__side {
22033
+ align-items: center;
22034
+ display: flex;
22035
+ justify-content: center;
22036
+ padding: 8px;
22037
+ }.v-item-group {
22038
+ flex: 0 1 auto;
22039
+ max-width: 100%;
22040
+ position: relative;
22041
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22042
+ }.v-label {
22043
+ align-items: center;
22044
+ color: inherit;
22045
+ display: inline-flex;
22046
+ font-size: 1rem;
22047
+ letter-spacing: 0.009375em;
22048
+ min-width: 0;
22049
+ opacity: var(--v-medium-emphasis-opacity);
22050
+ overflow: hidden;
22051
+ text-overflow: ellipsis;
22052
+ white-space: nowrap;
22053
+ }
22054
+
22055
+ .v-label--clickable {
22056
+ cursor: pointer;
22057
+ }.v-layout {
22058
+ --v-scrollbar-offset: 0px;
22059
+ display: flex;
22060
+ flex: 1 1 auto;
22061
+ }
22062
+ .v-layout--full-height {
22063
+ --v-scrollbar-offset: inherit;
22064
+ height: 100%;
22065
+ }.v-layout-item {
22066
+ position: absolute;
22067
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22068
+ }
22069
+
22070
+ .v-layout-item--absolute {
22071
+ position: absolute;
22072
+ }.v-list {
22073
+ overflow: auto;
22074
+ padding: 8px 0;
22075
+ position: relative;
22076
+ outline: none;
22077
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22078
+ border-style: solid;
22079
+ border-width: 0;
22080
+ 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));
22081
+ border-radius: 0;
22082
+ background: rgba(var(--v-theme-surface));
22083
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22084
+ }
22085
+ .v-list--border {
22086
+ border-width: thin;
22087
+ box-shadow: none;
22088
+ }
22089
+ .v-list--disabled {
22090
+ pointer-events: none;
22091
+ -webkit-user-select: none;
22092
+ user-select: none;
22084
22093
  }
22085
22094
  .v-list--nav {
22086
22095
  padding-inline: 8px;
@@ -23421,42 +23430,6 @@ html.v-overlay-scroll-blocked {
23421
23430
  .v-select--active-menu .v-select__menu-icon {
23422
23431
  opacity: var(--v-high-emphasis-opacity);
23423
23432
  transform: rotate(180deg);
23424
- }.v-selection-control-group {
23425
- grid-area: control;
23426
- display: flex;
23427
- flex-direction: column;
23428
- }
23429
- .v-selection-control-group--inline {
23430
- flex-direction: row;
23431
- flex-wrap: wrap;
23432
- }.v-sheet {
23433
- display: block;
23434
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
23435
- border-style: solid;
23436
- border-width: 0;
23437
- 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));
23438
- border-radius: 0;
23439
- background: rgb(var(--v-theme-surface));
23440
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
23441
- }
23442
- .v-sheet--border {
23443
- border-width: thin;
23444
- box-shadow: none;
23445
- }
23446
- .v-sheet--absolute {
23447
- position: absolute;
23448
- }
23449
- .v-sheet--fixed {
23450
- position: fixed;
23451
- }
23452
- .v-sheet--relative {
23453
- position: relative;
23454
- }
23455
- .v-sheet--sticky {
23456
- position: sticky;
23457
- }
23458
- .v-sheet--rounded {
23459
- border-radius: 4px;
23460
23433
  }.v-selection-control {
23461
23434
  align-items: center;
23462
23435
  contain: layout;
@@ -23558,6 +23531,42 @@ html.v-overlay-scroll-blocked {
23558
23531
  }
23559
23532
  .v-selection-control--focus-visible .v-selection-control__input::before {
23560
23533
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
23534
+ }.v-selection-control-group {
23535
+ grid-area: control;
23536
+ display: flex;
23537
+ flex-direction: column;
23538
+ }
23539
+ .v-selection-control-group--inline {
23540
+ flex-direction: row;
23541
+ flex-wrap: wrap;
23542
+ }.v-sheet {
23543
+ display: block;
23544
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
23545
+ border-style: solid;
23546
+ border-width: 0;
23547
+ 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));
23548
+ border-radius: 0;
23549
+ background: rgb(var(--v-theme-surface));
23550
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
23551
+ }
23552
+ .v-sheet--border {
23553
+ border-width: thin;
23554
+ box-shadow: none;
23555
+ }
23556
+ .v-sheet--absolute {
23557
+ position: absolute;
23558
+ }
23559
+ .v-sheet--fixed {
23560
+ position: fixed;
23561
+ }
23562
+ .v-sheet--relative {
23563
+ position: relative;
23564
+ }
23565
+ .v-sheet--sticky {
23566
+ position: sticky;
23567
+ }
23568
+ .v-sheet--rounded {
23569
+ border-radius: 4px;
23561
23570
  }.v-skeleton-loader {
23562
23571
  align-items: center;
23563
23572
  background: rgb(var(--v-theme-surface));
@@ -24304,6 +24313,35 @@ html.v-overlay-scroll-blocked {
24304
24313
  }
24305
24314
  .v-system-bar:not(.v-system-bar--absolute) {
24306
24315
  padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24316
+ }.v-tab.v-tab.v-btn {
24317
+ height: var(--v-tabs-height);
24318
+ border-radius: 0;
24319
+ min-width: 90px;
24320
+ }
24321
+ .v-slide-group--horizontal .v-tab {
24322
+ max-width: 360px;
24323
+ }
24324
+ .v-slide-group--vertical .v-tab {
24325
+ justify-content: start;
24326
+ }
24327
+
24328
+ .v-tab__slider {
24329
+ position: absolute;
24330
+ bottom: 0;
24331
+ left: 0;
24332
+ height: 2px;
24333
+ width: 100%;
24334
+ background: currentColor;
24335
+ pointer-events: none;
24336
+ opacity: 0;
24337
+ }
24338
+ .v-tab--selected .v-tab__slider {
24339
+ opacity: 1;
24340
+ }
24341
+ .v-slide-group--vertical .v-tab__slider {
24342
+ top: 0;
24343
+ height: 100%;
24344
+ width: 2px;
24307
24345
  }.v-tabs {
24308
24346
  display: flex;
24309
24347
  height: var(--v-tabs-height);
@@ -24370,35 +24408,6 @@ html.v-overlay-scroll-blocked {
24370
24408
  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24371
24409
  margin-inline-end: 52px;
24372
24410
  }
24373
- }.v-tab.v-tab.v-btn {
24374
- height: var(--v-tabs-height);
24375
- border-radius: 0;
24376
- min-width: 90px;
24377
- }
24378
- .v-slide-group--horizontal .v-tab {
24379
- max-width: 360px;
24380
- }
24381
- .v-slide-group--vertical .v-tab {
24382
- justify-content: start;
24383
- }
24384
-
24385
- .v-tab__slider {
24386
- position: absolute;
24387
- bottom: 0;
24388
- left: 0;
24389
- height: 2px;
24390
- width: 100%;
24391
- background: currentColor;
24392
- pointer-events: none;
24393
- opacity: 0;
24394
- }
24395
- .v-tab--selected .v-tab__slider {
24396
- opacity: 1;
24397
- }
24398
- .v-slide-group--vertical .v-tab__slider {
24399
- top: 0;
24400
- height: 100%;
24401
- width: 2px;
24402
24411
  }.v-table {
24403
24412
  background: rgb(var(--v-theme-surface));
24404
24413
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -24537,19 +24546,58 @@ html.v-overlay-scroll-blocked {
24537
24546
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24538
24547
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24539
24548
  border-top: 0px !important;
24540
- }/* region BLOCK */
24541
- .v-text-field input {
24542
- color: inherit;
24543
- opacity: 0;
24544
- flex: 1;
24545
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24546
- min-width: 0;
24549
+ }.v-textarea .v-field {
24550
+ --v-textarea-control-height: var(--v-input-control-height);
24547
24551
  }
24548
- .v-text-field input:focus, .v-text-field input:active {
24552
+ .v-textarea .v-field__field {
24553
+ --v-input-control-height: var(--v-textarea-control-height);
24554
+ }
24555
+ .v-textarea .v-field__input {
24556
+ flex: 1 1 auto;
24549
24557
  outline: none;
24558
+ -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));
24559
+ 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));
24550
24560
  }
24551
- .v-text-field input:invalid {
24552
- box-shadow: none;
24561
+ .v-textarea .v-field__input.v-textarea__sizer {
24562
+ visibility: hidden;
24563
+ position: absolute;
24564
+ top: 0;
24565
+ left: 0;
24566
+ height: 0 !important;
24567
+ min-height: 0 !important;
24568
+ pointer-events: none;
24569
+ }
24570
+ .v-textarea--no-resize .v-field__input {
24571
+ resize: none;
24572
+ }
24573
+ .v-textarea .v-field--no-label textarea,
24574
+ .v-textarea .v-field--active textarea {
24575
+ opacity: 1;
24576
+ }
24577
+ .v-textarea textarea {
24578
+ opacity: 0;
24579
+ flex: 1;
24580
+ min-width: 0;
24581
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24582
+ }
24583
+ .v-textarea textarea:focus, .v-textarea textarea:active {
24584
+ outline: none;
24585
+ }
24586
+ .v-textarea textarea:invalid {
24587
+ box-shadow: none;
24588
+ }/* region BLOCK */
24589
+ .v-text-field input {
24590
+ color: inherit;
24591
+ opacity: 0;
24592
+ flex: 1;
24593
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24594
+ min-width: 0;
24595
+ }
24596
+ .v-text-field input:focus, .v-text-field input:active {
24597
+ outline: none;
24598
+ }
24599
+ .v-text-field input:invalid {
24600
+ box-shadow: none;
24553
24601
  }
24554
24602
  .v-text-field .v-field {
24555
24603
  cursor: text;
@@ -24604,46 +24652,7 @@ html.v-overlay-scroll-blocked {
24604
24652
  padding-inline-end: var(--v-field-padding-end);
24605
24653
  }
24606
24654
 
24607
- /* endregion */.v-textarea .v-field {
24608
- --v-textarea-control-height: var(--v-input-control-height);
24609
- }
24610
- .v-textarea .v-field__field {
24611
- --v-input-control-height: var(--v-textarea-control-height);
24612
- }
24613
- .v-textarea .v-field__input {
24614
- flex: 1 1 auto;
24615
- outline: none;
24616
- -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));
24617
- 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));
24618
- }
24619
- .v-textarea .v-field__input.v-textarea__sizer {
24620
- visibility: hidden;
24621
- position: absolute;
24622
- top: 0;
24623
- left: 0;
24624
- height: 0 !important;
24625
- min-height: 0 !important;
24626
- pointer-events: none;
24627
- }
24628
- .v-textarea--no-resize .v-field__input {
24629
- resize: none;
24630
- }
24631
- .v-textarea .v-field--no-label textarea,
24632
- .v-textarea .v-field--active textarea {
24633
- opacity: 1;
24634
- }
24635
- .v-textarea textarea {
24636
- opacity: 0;
24637
- flex: 1;
24638
- min-width: 0;
24639
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24640
- }
24641
- .v-textarea textarea:focus, .v-textarea textarea:active {
24642
- outline: none;
24643
- }
24644
- .v-textarea textarea:invalid {
24645
- box-shadow: none;
24646
- }.v-theme-provider {
24655
+ /* endregion */.v-theme-provider {
24647
24656
  background: rgb(var(--v-theme-background));
24648
24657
  color: rgb(var(--v-theme-on-background));
24649
24658
  }.v-timeline .v-timeline-divider__dot {
@@ -25292,6 +25301,76 @@ html.v-overlay-scroll-blocked {
25292
25301
  }
25293
25302
  .v-window-y-reverse-transition-leave-to {
25294
25303
  transform: translateY(100%);
25304
+ }.v-color-picker-preview__alpha .v-slider-track__background {
25305
+ background-color: transparent !important;
25306
+ }
25307
+ .v-locale--is-ltr.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__alpha .v-slider-track__background {
25308
+ background-image: linear-gradient(to right, transparent, var(--v-color-picker-color-hsv));
25309
+ }
25310
+
25311
+ .v-locale--is-rtl.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__alpha .v-slider-track__background {
25312
+ background-image: linear-gradient(to left, transparent, var(--v-color-picker-color-hsv));
25313
+ }
25314
+
25315
+ .v-color-picker-preview__alpha .v-slider-track__background::after {
25316
+ content: "";
25317
+ z-index: -1;
25318
+ left: 0;
25319
+ top: 0;
25320
+ width: 100%;
25321
+ height: 100%;
25322
+ position: absolute;
25323
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25324
+ border-radius: inherit;
25325
+ }
25326
+
25327
+ .v-color-picker-preview__sliders {
25328
+ display: flex;
25329
+ flex: 1 0 auto;
25330
+ flex-direction: column;
25331
+ padding-inline-end: 16px;
25332
+ }
25333
+
25334
+ .v-color-picker-preview__dot {
25335
+ position: relative;
25336
+ height: 30px;
25337
+ width: 30px;
25338
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25339
+ border-radius: 50%;
25340
+ overflow: hidden;
25341
+ margin-inline-end: 24px;
25342
+ }
25343
+ .v-color-picker-preview__dot > div {
25344
+ width: 100%;
25345
+ height: 100%;
25346
+ }
25347
+
25348
+ .v-locale--is-ltr.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
25349
+ background: linear-gradient(to right, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
25350
+ }
25351
+
25352
+ .v-locale--is-rtl.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
25353
+ background: linear-gradient(to left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
25354
+ }
25355
+
25356
+ .v-color-picker-preview__track {
25357
+ position: relative;
25358
+ width: 100%;
25359
+ margin: 0 !important;
25360
+ }
25361
+ .v-color-picker-preview__track .v-slider-track__fill {
25362
+ display: none;
25363
+ }
25364
+
25365
+ .v-color-picker-preview {
25366
+ align-items: center;
25367
+ display: flex;
25368
+ margin-bottom: 0;
25369
+ }
25370
+
25371
+ .v-color-picker-preview__eye-dropper {
25372
+ position: relative;
25373
+ margin-right: 12px;
25295
25374
  }.v-color-picker-canvas {
25296
25375
  display: flex;
25297
25376
  position: relative;
@@ -25377,76 +25456,6 @@ html.v-overlay-scroll-blocked {
25377
25456
  }
25378
25457
  .v-color-picker-edit__input span {
25379
25458
  font-size: 0.75rem;
25380
- }.v-color-picker-preview__alpha .v-slider-track__background {
25381
- background-color: transparent !important;
25382
- }
25383
- .v-locale--is-ltr.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__alpha .v-slider-track__background {
25384
- background-image: linear-gradient(to right, transparent, var(--v-color-picker-color-hsv));
25385
- }
25386
-
25387
- .v-locale--is-rtl.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__alpha .v-slider-track__background {
25388
- background-image: linear-gradient(to left, transparent, var(--v-color-picker-color-hsv));
25389
- }
25390
-
25391
- .v-color-picker-preview__alpha .v-slider-track__background::after {
25392
- content: "";
25393
- z-index: -1;
25394
- left: 0;
25395
- top: 0;
25396
- width: 100%;
25397
- height: 100%;
25398
- position: absolute;
25399
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25400
- border-radius: inherit;
25401
- }
25402
-
25403
- .v-color-picker-preview__sliders {
25404
- display: flex;
25405
- flex: 1 0 auto;
25406
- flex-direction: column;
25407
- padding-inline-end: 16px;
25408
- }
25409
-
25410
- .v-color-picker-preview__dot {
25411
- position: relative;
25412
- height: 30px;
25413
- width: 30px;
25414
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25415
- border-radius: 50%;
25416
- overflow: hidden;
25417
- margin-inline-end: 24px;
25418
- }
25419
- .v-color-picker-preview__dot > div {
25420
- width: 100%;
25421
- height: 100%;
25422
- }
25423
-
25424
- .v-locale--is-ltr.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
25425
- background: linear-gradient(to right, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
25426
- }
25427
-
25428
- .v-locale--is-rtl.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
25429
- background: linear-gradient(to left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
25430
- }
25431
-
25432
- .v-color-picker-preview__track {
25433
- position: relative;
25434
- width: 100%;
25435
- margin: 0 !important;
25436
- }
25437
- .v-color-picker-preview__track .v-slider-track__fill {
25438
- display: none;
25439
- }
25440
-
25441
- .v-color-picker-preview {
25442
- align-items: center;
25443
- display: flex;
25444
- margin-bottom: 0;
25445
- }
25446
-
25447
- .v-color-picker-preview__eye-dropper {
25448
- position: relative;
25449
- margin-right: 12px;
25450
25459
  }.v-picker.v-sheet {
25451
25460
  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));
25452
25461
  border-radius: 4px;
@@ -25500,186 +25509,32 @@ html.v-overlay-scroll-blocked {
25500
25509
  padding-bottom: 16px;
25501
25510
  font-weight: 400;
25502
25511
  letter-spacing: 0.1666666667em;
25503
- }.v-slider-thumb {
25504
- touch-action: none;
25505
- color: rgb(var(--v-theme-surface-variant));
25512
+ }.v-slider-track__background {
25513
+ background-color: rgb(var(--v-theme-surface-variant));
25506
25514
  }
25507
- .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25508
- color: inherit;
25515
+
25516
+ .v-slider-track__fill {
25517
+ background-color: rgb(var(--v-theme-surface-variant));
25509
25518
  }
25510
25519
 
25511
- .v-slider-thumb__label {
25512
- background: rgba(var(--v-theme-surface-variant), 0.7);
25513
- color: rgb(var(--v-theme-on-surface-variant));
25520
+ .v-slider-track__tick {
25521
+ background-color: rgb(var(--v-theme-surface-variant));
25514
25522
  }
25515
- .v-slider-thumb__label::before {
25516
- color: rgba(var(--v-theme-surface-variant), 0.7);
25523
+ .v-slider-track__tick--filled {
25524
+ background-color: rgb(var(--v-theme-surface-light));
25517
25525
  }
25518
25526
 
25519
- .v-slider-thumb {
25520
- outline: none;
25527
+ .v-slider-track {
25528
+ border-radius: 6px;
25529
+ }
25530
+
25531
+ .v-slider-track__background, .v-slider-track__fill {
25521
25532
  position: absolute;
25522
25533
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25534
+ border-radius: inherit;
25523
25535
  }
25524
-
25525
- .v-slider-thumb__surface {
25526
- cursor: pointer;
25527
- width: var(--v-slider-thumb-size);
25528
- height: var(--v-slider-thumb-size);
25529
- border-radius: 50%;
25530
- -webkit-user-select: none;
25531
- user-select: none;
25532
- background-color: currentColor;
25533
- }
25534
- .v-slider-thumb__surface::before {
25535
- transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25536
- content: "";
25537
- color: inherit;
25538
- top: 0;
25539
- left: 0;
25540
- width: 100%;
25541
- height: 100%;
25542
- border-radius: 50%;
25543
- background: currentColor;
25544
- position: absolute;
25545
- pointer-events: none;
25546
- opacity: 0;
25547
- }
25548
- .v-slider-thumb__surface::after {
25549
- content: "";
25550
- width: 42px;
25551
- height: 42px;
25552
- position: absolute;
25553
- top: 50%;
25554
- left: 50%;
25555
- transform: translate(-50%, -50%);
25556
- }
25557
-
25558
- .v-slider-thumb__label-container {
25559
- position: absolute;
25560
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25561
- }
25562
-
25563
- .v-slider-thumb__label {
25564
- display: flex;
25565
- align-items: center;
25566
- justify-content: center;
25567
- font-size: 0.75rem;
25568
- min-width: 35px;
25569
- height: 25px;
25570
- border-radius: 4px;
25571
- padding: 6px;
25572
- position: absolute;
25573
- -webkit-user-select: none;
25574
- user-select: none;
25575
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25576
- }
25577
- .v-slider-thumb__label::before {
25578
- content: "";
25579
- width: 0;
25580
- height: 0;
25581
- position: absolute;
25582
- }
25583
-
25584
- .v-slider-thumb__ripple {
25585
- position: absolute;
25586
- left: calc(var(--v-slider-thumb-size) / -2);
25587
- top: calc(var(--v-slider-thumb-size) / -2);
25588
- width: calc(var(--v-slider-thumb-size) * 2);
25589
- height: calc(var(--v-slider-thumb-size) * 2);
25590
- background: inherit;
25591
- }
25592
-
25593
- .v-slider.v-input--horizontal .v-slider-thumb {
25594
- top: 50%;
25595
- transform: translateY(-50%);
25596
- inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25597
- }
25598
- .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25599
- left: calc(var(--v-slider-thumb-size) / 2);
25600
- top: 0;
25601
- }
25602
- .v-slider.v-input--horizontal .v-slider-thumb__label {
25603
- bottom: calc(var(--v-slider-thumb-size) / 2);
25604
- }
25605
- .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 {
25606
- transform: translateX(-50%);
25607
- }
25608
-
25609
- .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 {
25610
- transform: translateX(50%);
25611
- }
25612
-
25613
- .v-slider.v-input--horizontal .v-slider-thumb__label::before {
25614
- border-left: 6px solid transparent;
25615
- border-right: 6px solid transparent;
25616
- border-top: 6px solid currentColor;
25617
- bottom: -6px;
25618
- }
25619
-
25620
- .v-slider.v-input--vertical .v-slider-thumb {
25621
- top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25622
- }
25623
- .v-slider.v-input--vertical .v-slider-thumb__label-container {
25624
- top: calc(var(--v-slider-thumb-size) / 2);
25625
- right: 0;
25626
- }
25627
- .v-slider.v-input--vertical .v-slider-thumb__label {
25628
- top: -12.5px;
25629
- left: calc(var(--v-slider-thumb-size) / 2);
25630
- }
25631
- .v-slider.v-input--vertical .v-slider-thumb__label::before {
25632
- border-right: 6px solid currentColor;
25633
- border-top: 6px solid transparent;
25634
- border-bottom: 6px solid transparent;
25635
- left: -6px;
25636
- }
25637
-
25638
- .v-slider-thumb--focused .v-slider-thumb__surface::before {
25639
- transform: scale(2);
25640
- opacity: var(--v-focus-opacity);
25641
- }
25642
-
25643
- .v-slider-thumb--pressed {
25644
- transition: none;
25645
- }
25646
- .v-slider-thumb--pressed .v-slider-thumb__surface::before {
25647
- opacity: var(--v-pressed-opacity);
25648
- }
25649
-
25650
- @media (hover: hover) {
25651
- .v-slider-thumb:hover .v-slider-thumb__surface::before {
25652
- transform: scale(2);
25653
- }
25654
- .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
25655
- opacity: var(--v-hover-opacity);
25656
- }
25657
- }.v-slider-track__background {
25658
- background-color: rgb(var(--v-theme-surface-variant));
25659
- }
25660
-
25661
- .v-slider-track__fill {
25662
- background-color: rgb(var(--v-theme-surface-variant));
25663
- }
25664
-
25665
- .v-slider-track__tick {
25666
- background-color: rgb(var(--v-theme-surface-variant));
25667
- }
25668
- .v-slider-track__tick--filled {
25669
- background-color: rgb(var(--v-theme-surface-light));
25670
- }
25671
-
25672
- .v-slider-track {
25673
- border-radius: 6px;
25674
- }
25675
-
25676
- .v-slider-track__background, .v-slider-track__fill {
25677
- position: absolute;
25678
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25679
- border-radius: inherit;
25680
- }
25681
- .v-slider--pressed .v-slider-track__background, .v-slider--pressed .v-slider-track__fill {
25682
- transition: none;
25536
+ .v-slider--pressed .v-slider-track__background, .v-slider--pressed .v-slider-track__fill {
25537
+ transition: none;
25683
25538
  }
25684
25539
  .v-input--error:not(.v-input--disabled) .v-slider-track__background, .v-input--error:not(.v-input--disabled) .v-slider-track__fill {
25685
25540
  background-color: currentColor;
@@ -25817,4 +25672,158 @@ html.v-overlay-scroll-blocked {
25817
25672
 
25818
25673
  .v-slider-track__background--opacity {
25819
25674
  opacity: 0.38;
25675
+ }.v-slider-thumb {
25676
+ touch-action: none;
25677
+ color: rgb(var(--v-theme-surface-variant));
25678
+ }
25679
+ .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25680
+ color: inherit;
25681
+ }
25682
+
25683
+ .v-slider-thumb__label {
25684
+ background: rgba(var(--v-theme-surface-variant), 0.7);
25685
+ color: rgb(var(--v-theme-on-surface-variant));
25686
+ }
25687
+ .v-slider-thumb__label::before {
25688
+ color: rgba(var(--v-theme-surface-variant), 0.7);
25689
+ }
25690
+
25691
+ .v-slider-thumb {
25692
+ outline: none;
25693
+ position: absolute;
25694
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25695
+ }
25696
+
25697
+ .v-slider-thumb__surface {
25698
+ cursor: pointer;
25699
+ width: var(--v-slider-thumb-size);
25700
+ height: var(--v-slider-thumb-size);
25701
+ border-radius: 50%;
25702
+ -webkit-user-select: none;
25703
+ user-select: none;
25704
+ background-color: currentColor;
25705
+ }
25706
+ .v-slider-thumb__surface::before {
25707
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25708
+ content: "";
25709
+ color: inherit;
25710
+ top: 0;
25711
+ left: 0;
25712
+ width: 100%;
25713
+ height: 100%;
25714
+ border-radius: 50%;
25715
+ background: currentColor;
25716
+ position: absolute;
25717
+ pointer-events: none;
25718
+ opacity: 0;
25719
+ }
25720
+ .v-slider-thumb__surface::after {
25721
+ content: "";
25722
+ width: 42px;
25723
+ height: 42px;
25724
+ position: absolute;
25725
+ top: 50%;
25726
+ left: 50%;
25727
+ transform: translate(-50%, -50%);
25728
+ }
25729
+
25730
+ .v-slider-thumb__label-container {
25731
+ position: absolute;
25732
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25733
+ }
25734
+
25735
+ .v-slider-thumb__label {
25736
+ display: flex;
25737
+ align-items: center;
25738
+ justify-content: center;
25739
+ font-size: 0.75rem;
25740
+ min-width: 35px;
25741
+ height: 25px;
25742
+ border-radius: 4px;
25743
+ padding: 6px;
25744
+ position: absolute;
25745
+ -webkit-user-select: none;
25746
+ user-select: none;
25747
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25748
+ }
25749
+ .v-slider-thumb__label::before {
25750
+ content: "";
25751
+ width: 0;
25752
+ height: 0;
25753
+ position: absolute;
25754
+ }
25755
+
25756
+ .v-slider-thumb__ripple {
25757
+ position: absolute;
25758
+ left: calc(var(--v-slider-thumb-size) / -2);
25759
+ top: calc(var(--v-slider-thumb-size) / -2);
25760
+ width: calc(var(--v-slider-thumb-size) * 2);
25761
+ height: calc(var(--v-slider-thumb-size) * 2);
25762
+ background: inherit;
25763
+ }
25764
+
25765
+ .v-slider.v-input--horizontal .v-slider-thumb {
25766
+ top: 50%;
25767
+ transform: translateY(-50%);
25768
+ inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25769
+ }
25770
+ .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25771
+ left: calc(var(--v-slider-thumb-size) / 2);
25772
+ top: 0;
25773
+ }
25774
+ .v-slider.v-input--horizontal .v-slider-thumb__label {
25775
+ bottom: calc(var(--v-slider-thumb-size) / 2);
25776
+ }
25777
+ .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 {
25778
+ transform: translateX(-50%);
25779
+ }
25780
+
25781
+ .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 {
25782
+ transform: translateX(50%);
25783
+ }
25784
+
25785
+ .v-slider.v-input--horizontal .v-slider-thumb__label::before {
25786
+ border-left: 6px solid transparent;
25787
+ border-right: 6px solid transparent;
25788
+ border-top: 6px solid currentColor;
25789
+ bottom: -6px;
25790
+ }
25791
+
25792
+ .v-slider.v-input--vertical .v-slider-thumb {
25793
+ top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25794
+ }
25795
+ .v-slider.v-input--vertical .v-slider-thumb__label-container {
25796
+ top: calc(var(--v-slider-thumb-size) / 2);
25797
+ right: 0;
25798
+ }
25799
+ .v-slider.v-input--vertical .v-slider-thumb__label {
25800
+ top: -12.5px;
25801
+ left: calc(var(--v-slider-thumb-size) / 2);
25802
+ }
25803
+ .v-slider.v-input--vertical .v-slider-thumb__label::before {
25804
+ border-right: 6px solid currentColor;
25805
+ border-top: 6px solid transparent;
25806
+ border-bottom: 6px solid transparent;
25807
+ left: -6px;
25808
+ }
25809
+
25810
+ .v-slider-thumb--focused .v-slider-thumb__surface::before {
25811
+ transform: scale(2);
25812
+ opacity: var(--v-focus-opacity);
25813
+ }
25814
+
25815
+ .v-slider-thumb--pressed {
25816
+ transition: none;
25817
+ }
25818
+ .v-slider-thumb--pressed .v-slider-thumb__surface::before {
25819
+ opacity: var(--v-pressed-opacity);
25820
+ }
25821
+
25822
+ @media (hover: hover) {
25823
+ .v-slider-thumb:hover .v-slider-thumb__surface::before {
25824
+ transform: scale(2);
25825
+ }
25826
+ .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
25827
+ opacity: var(--v-hover-opacity);
25828
+ }
25820
25829
  }