@vuetify/nightly 3.6.13-3.7.0-beta.0.0-pr-20092.dc840ce → 3.6.13-3.7.0-beta.0.0-pr-20092.a834b18

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.13-3.7.0-beta.0.0-pr-20092.dc840ce
2
+ * Vuetify v3.6.13-3.7.0-beta.0.0-pr-20092.a834b18
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17456,6 +17456,34 @@ html.overflow-y-hidden {
17456
17456
  .v-ripple__animation--out {
17457
17457
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
17458
17458
  opacity: 0;
17459
+ }.v-app-bar {
17460
+ display: flex;
17461
+ }
17462
+ .v-app-bar.v-toolbar {
17463
+ background: rgb(var(--v-theme-surface));
17464
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17465
+ }
17466
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17467
+ 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));
17468
+ }
17469
+ .v-app-bar:not(.v-toolbar--absolute) {
17470
+ padding-inline-end: var(--v-scrollbar-offset);
17471
+ }.v-application {
17472
+ display: flex;
17473
+ background: rgb(var(--v-theme-background));
17474
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
17475
+ }
17476
+
17477
+ .v-application__wrap {
17478
+ -webkit-backface-visibility: hidden;
17479
+ backface-visibility: hidden;
17480
+ display: flex;
17481
+ flex-direction: column;
17482
+ flex: 1 1 auto;
17483
+ max-width: 100%;
17484
+ min-height: 100vh;
17485
+ min-height: 100dvh;
17486
+ position: relative;
17459
17487
  }.v-alert {
17460
17488
  display: grid;
17461
17489
  flex: 1 1;
@@ -17668,34 +17696,6 @@ html.overflow-y-hidden {
17668
17696
  text-transform: none;
17669
17697
  word-break: normal;
17670
17698
  word-wrap: break-word;
17671
- }.v-application {
17672
- display: flex;
17673
- background: rgb(var(--v-theme-background));
17674
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
17675
- }
17676
-
17677
- .v-application__wrap {
17678
- -webkit-backface-visibility: hidden;
17679
- backface-visibility: hidden;
17680
- display: flex;
17681
- flex-direction: column;
17682
- flex: 1 1 auto;
17683
- max-width: 100%;
17684
- min-height: 100vh;
17685
- min-height: 100dvh;
17686
- position: relative;
17687
- }.v-app-bar {
17688
- display: flex;
17689
- }
17690
- .v-app-bar.v-toolbar {
17691
- background: rgb(var(--v-theme-surface));
17692
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17693
- }
17694
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17695
- 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));
17696
- }
17697
- .v-app-bar:not(.v-toolbar--absolute) {
17698
- padding-inline-end: var(--v-scrollbar-offset);
17699
17699
  }.v-autocomplete .v-field .v-text-field__prefix,
17700
17700
  .v-autocomplete .v-field .v-text-field__suffix,
17701
17701
  .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
@@ -17879,6 +17879,77 @@ html.overflow-y-hidden {
17879
17879
  .v-avatar .v-img {
17880
17880
  height: 100%;
17881
17881
  width: 100%;
17882
+ }.v-badge {
17883
+ display: inline-block;
17884
+ line-height: 1;
17885
+ }
17886
+
17887
+ .v-badge__badge {
17888
+ align-items: center;
17889
+ display: inline-flex;
17890
+ border-radius: 10px;
17891
+ font-size: 0.75rem;
17892
+ font-weight: 500;
17893
+ height: 1.25rem;
17894
+ justify-content: center;
17895
+ min-width: 20px;
17896
+ padding: 4px 6px;
17897
+ pointer-events: auto;
17898
+ position: absolute;
17899
+ text-align: center;
17900
+ text-indent: 0;
17901
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
17902
+ white-space: nowrap;
17903
+ background: rgb(var(--v-theme-surface-variant));
17904
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
17905
+ }
17906
+ .v-badge--bordered .v-badge__badge::after {
17907
+ border-radius: inherit;
17908
+ border-style: solid;
17909
+ border-width: 2px;
17910
+ bottom: 0;
17911
+ color: rgb(var(--v-theme-background));
17912
+ content: "";
17913
+ left: 0;
17914
+ position: absolute;
17915
+ right: 0;
17916
+ top: 0;
17917
+ transform: scale(1.05);
17918
+ }
17919
+ .v-badge--dot .v-badge__badge {
17920
+ border-radius: 4.5px;
17921
+ height: 9px;
17922
+ min-width: 0;
17923
+ padding: 0;
17924
+ width: 9px;
17925
+ }
17926
+ .v-badge--dot .v-badge__badge::after {
17927
+ border-width: 1.5px;
17928
+ }
17929
+ .v-badge--inline .v-badge__badge {
17930
+ position: relative;
17931
+ vertical-align: middle;
17932
+ }
17933
+ .v-badge__badge .v-icon {
17934
+ color: inherit;
17935
+ font-size: 0.75rem;
17936
+ margin: 0 -2px;
17937
+ }
17938
+ .v-badge__badge img,
17939
+ .v-badge__badge .v-img {
17940
+ height: 100%;
17941
+ width: 100%;
17942
+ }
17943
+
17944
+ .v-badge__wrapper {
17945
+ display: flex;
17946
+ position: relative;
17947
+ }
17948
+ .v-badge--inline .v-badge__wrapper {
17949
+ align-items: center;
17950
+ display: inline-flex;
17951
+ justify-content: center;
17952
+ margin: 0 4px;
17882
17953
  }.v-banner {
17883
17954
  display: grid;
17884
17955
  flex: 1 1;
@@ -18092,77 +18163,6 @@ html.overflow-y-hidden {
18092
18163
  }
18093
18164
  .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18094
18165
  transform: translateY(0.5rem);
18095
- }.v-badge {
18096
- display: inline-block;
18097
- line-height: 1;
18098
- }
18099
-
18100
- .v-badge__badge {
18101
- align-items: center;
18102
- display: inline-flex;
18103
- border-radius: 10px;
18104
- font-size: 0.75rem;
18105
- font-weight: 500;
18106
- height: 1.25rem;
18107
- justify-content: center;
18108
- min-width: 20px;
18109
- padding: 4px 6px;
18110
- pointer-events: auto;
18111
- position: absolute;
18112
- text-align: center;
18113
- text-indent: 0;
18114
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
18115
- white-space: nowrap;
18116
- background: rgb(var(--v-theme-surface-variant));
18117
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
18118
- }
18119
- .v-badge--bordered .v-badge__badge::after {
18120
- border-radius: inherit;
18121
- border-style: solid;
18122
- border-width: 2px;
18123
- bottom: 0;
18124
- color: rgb(var(--v-theme-background));
18125
- content: "";
18126
- left: 0;
18127
- position: absolute;
18128
- right: 0;
18129
- top: 0;
18130
- transform: scale(1.05);
18131
- }
18132
- .v-badge--dot .v-badge__badge {
18133
- border-radius: 4.5px;
18134
- height: 9px;
18135
- min-width: 0;
18136
- padding: 0;
18137
- width: 9px;
18138
- }
18139
- .v-badge--dot .v-badge__badge::after {
18140
- border-width: 1.5px;
18141
- }
18142
- .v-badge--inline .v-badge__badge {
18143
- position: relative;
18144
- vertical-align: middle;
18145
- }
18146
- .v-badge__badge .v-icon {
18147
- color: inherit;
18148
- font-size: 0.75rem;
18149
- margin: 0 -2px;
18150
- }
18151
- .v-badge__badge img,
18152
- .v-badge__badge .v-img {
18153
- height: 100%;
18154
- width: 100%;
18155
- }
18156
-
18157
- .v-badge__wrapper {
18158
- display: flex;
18159
- position: relative;
18160
- }
18161
- .v-badge--inline .v-badge__wrapper {
18162
- align-items: center;
18163
- display: inline-flex;
18164
- justify-content: center;
18165
- margin: 0 4px;
18166
18166
  }.bottom-sheet-transition-enter-from {
18167
18167
  transform: translateY(100%);
18168
18168
  }
@@ -18729,6 +18729,19 @@ html.overflow-y-hidden {
18729
18729
  }
18730
18730
  .v-btn-group--tile {
18731
18731
  border-radius: 0;
18732
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18733
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18734
+ }
18735
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18736
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18737
+ }
18738
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18739
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18740
+ }
18741
+ @supports not selector(:focus-visible) {
18742
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18743
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18744
+ }
18732
18745
  }.v-card {
18733
18746
  display: block;
18734
18747
  overflow: hidden;
@@ -19028,19 +19041,6 @@ html.overflow-y-hidden {
19028
19041
  pointer-events: none;
19029
19042
  opacity: 0;
19030
19043
  transition: opacity 0.2s ease-in-out;
19031
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
19032
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19033
- }
19034
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
19035
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19036
- }
19037
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
19038
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19039
- }
19040
- @supports not selector(:focus-visible) {
19041
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
19042
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19043
- }
19044
19044
  }.v-carousel {
19045
19045
  overflow: hidden;
19046
19046
  position: relative;
@@ -19640,6 +19640,11 @@ html.overflow-y-hidden {
19640
19640
  .v-combobox--active-menu .v-combobox__menu-icon {
19641
19641
  opacity: var(--v-high-emphasis-opacity);
19642
19642
  transform: rotate(180deg);
19643
+ }.v-counter {
19644
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
19645
+ flex: 0 1 auto;
19646
+ font-size: 12px;
19647
+ transition-duration: 150ms;
19643
19648
  }.v-data-table {
19644
19649
  width: 100%;
19645
19650
  }
@@ -19858,27 +19863,83 @@ html.overflow-y-hidden {
19858
19863
  }
19859
19864
  .v-data-table-footer__page {
19860
19865
  padding: 0 8px;
19861
- }.v-date-picker {
19862
- overflow: hidden;
19863
- width: 328px;
19864
- }
19865
- .v-date-picker--show-week {
19866
- width: 368px;
19867
- }.v-date-picker-month {
19866
+ }.v-date-picker-controls {
19868
19867
  display: flex;
19869
- justify-content: center;
19870
- padding: 0 12px 8px;
19871
- --v-date-picker-month-day-diff: 4px;
19872
- }
19873
-
19874
- .v-date-picker-month__weeks {
19875
- display: grid;
19876
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
19877
- column-gap: 4px;
19878
- font-size: 0.85rem;
19868
+ align-items: center;
19869
+ justify-content: space-between;
19870
+ font-size: 0.875rem;
19871
+ padding-top: 4px;
19872
+ padding-bottom: 4px;
19873
+ padding-inline-start: 6px;
19874
+ padding-inline-end: 12px;
19879
19875
  }
19880
- .v-date-picker-month__weeks + .v-date-picker-month__days {
19881
- grid-row-gap: 0;
19876
+ .v-date-picker-controls > .v-btn:first-child {
19877
+ text-transform: none;
19878
+ font-weight: 400;
19879
+ line-height: initial;
19880
+ letter-spacing: initial;
19881
+ }
19882
+ .v-date-picker-controls--variant-classic {
19883
+ padding-inline-start: 12px;
19884
+ }
19885
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
19886
+ opacity: 0.7;
19887
+ }
19888
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
19889
+ cursor: pointer;
19890
+ }
19891
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
19892
+ opacity: 1;
19893
+ }
19894
+ .v-date-picker-controls .v-btn:last-child {
19895
+ margin-inline-start: 4px;
19896
+ }
19897
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
19898
+ transform: rotate(180deg);
19899
+ }
19900
+
19901
+ .v-date-picker-controls__date {
19902
+ margin-inline-end: 4px;
19903
+ }
19904
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
19905
+ margin: auto;
19906
+ text-align: center;
19907
+ }
19908
+
19909
+ .v-date-picker-controls__month {
19910
+ display: flex;
19911
+ }
19912
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
19913
+ flex-direction: row-reverse;
19914
+ }
19915
+
19916
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
19917
+ flex: 1 0 auto;
19918
+ }
19919
+
19920
+ .v-date-picker__title {
19921
+ display: inline-block;
19922
+ }.v-date-picker {
19923
+ overflow: hidden;
19924
+ width: 328px;
19925
+ }
19926
+ .v-date-picker--show-week {
19927
+ width: 368px;
19928
+ }.v-date-picker-month {
19929
+ display: flex;
19930
+ justify-content: center;
19931
+ padding: 0 12px 8px;
19932
+ --v-date-picker-month-day-diff: 4px;
19933
+ }
19934
+
19935
+ .v-date-picker-month__weeks {
19936
+ display: grid;
19937
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
19938
+ column-gap: 4px;
19939
+ font-size: 0.85rem;
19940
+ }
19941
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
19942
+ grid-row-gap: 0;
19882
19943
  }
19883
19944
 
19884
19945
  .v-date-picker-month__weekday {
@@ -19919,25 +19980,6 @@ html.overflow-y-hidden {
19919
19980
 
19920
19981
  .v-date-picker-month__day--hide-adjacent {
19921
19982
  opacity: 0;
19922
- }.v-date-picker-months {
19923
- height: 288px;
19924
- }
19925
-
19926
- .v-date-picker-months__content {
19927
- align-items: center;
19928
- display: grid;
19929
- flex: 1 1;
19930
- height: inherit;
19931
- justify-content: space-around;
19932
- grid-template-columns: repeat(2, 1fr);
19933
- grid-gap: 0px 24px;
19934
- padding-inline-start: 36px;
19935
- padding-inline-end: 36px;
19936
- }
19937
- .v-date-picker-months__content .v-btn {
19938
- text-transform: none;
19939
- padding-inline-start: 8px;
19940
- padding-inline-end: 8px;
19941
19983
  }.v-date-picker-header {
19942
19984
  align-items: flex-end;
19943
19985
  height: 70px;
@@ -19998,62 +20040,25 @@ html.overflow-y-hidden {
19998
20040
  .date-picker-header-reverse-transition-leave-to {
19999
20041
  opacity: 0;
20000
20042
  transform: translate(0, 100%);
20001
- }.v-date-picker-controls {
20002
- display: flex;
20003
- align-items: center;
20004
- justify-content: space-between;
20005
- font-size: 0.875rem;
20006
- padding-top: 4px;
20007
- padding-bottom: 4px;
20008
- padding-inline-start: 6px;
20009
- padding-inline-end: 12px;
20010
- }
20011
- .v-date-picker-controls > .v-btn:first-child {
20012
- text-transform: none;
20013
- font-weight: 400;
20014
- line-height: initial;
20015
- letter-spacing: initial;
20016
- }
20017
- .v-date-picker-controls--variant-classic {
20018
- padding-inline-start: 12px;
20019
- }
20020
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20021
- opacity: 0.7;
20022
- }
20023
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20024
- cursor: pointer;
20025
- }
20026
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20027
- opacity: 1;
20028
- }
20029
- .v-date-picker-controls .v-btn:last-child {
20030
- margin-inline-start: 4px;
20031
- }
20032
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20033
- transform: rotate(180deg);
20034
- }
20035
-
20036
- .v-date-picker-controls__date {
20037
- margin-inline-end: 4px;
20038
- }
20039
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20040
- margin: auto;
20041
- text-align: center;
20042
- }
20043
-
20044
- .v-date-picker-controls__month {
20045
- display: flex;
20046
- }
20047
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20048
- flex-direction: row-reverse;
20043
+ }.v-date-picker-months {
20044
+ height: 288px;
20049
20045
  }
20050
20046
 
20051
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20052
- flex: 1 0 auto;
20047
+ .v-date-picker-months__content {
20048
+ align-items: center;
20049
+ display: grid;
20050
+ flex: 1 1;
20051
+ height: inherit;
20052
+ justify-content: space-around;
20053
+ grid-template-columns: repeat(2, 1fr);
20054
+ grid-gap: 0px 24px;
20055
+ padding-inline-start: 36px;
20056
+ padding-inline-end: 36px;
20053
20057
  }
20054
-
20055
- .v-date-picker__title {
20056
- display: inline-block;
20058
+ .v-date-picker-months__content .v-btn {
20059
+ text-transform: none;
20060
+ padding-inline-start: 8px;
20061
+ padding-inline-end: 8px;
20057
20062
  }.v-date-picker-years {
20058
20063
  height: 288px;
20059
20064
  overflow-y: scroll;
@@ -20557,35 +20562,6 @@ html.overflow-y-hidden {
20557
20562
  }
20558
20563
  .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
20559
20564
  right: 0;
20560
- }.v-file-input--hide.v-input .v-field,
20561
- .v-file-input--hide.v-input .v-input__control,
20562
- .v-file-input--hide.v-input .v-input__details {
20563
- display: none;
20564
- }
20565
- .v-file-input--hide.v-input .v-input__prepend {
20566
- grid-area: control;
20567
- margin: 0 auto;
20568
- }
20569
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
20570
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
20571
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
20572
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20573
- top: 0px;
20574
- }
20575
- .v-file-input input[type=file] {
20576
- height: 100%;
20577
- left: 0;
20578
- opacity: 0;
20579
- position: absolute;
20580
- top: 0;
20581
- width: 100%;
20582
- z-index: 1;
20583
- }
20584
- .v-file-input .v-input__details {
20585
- padding-inline: 16px;
20586
- }
20587
- .v-input--plain-underlined.v-file-input .v-input__details {
20588
- padding-inline: 0;
20589
20565
  }/* region INPUT */
20590
20566
  .v-field {
20591
20567
  --v-theme-overlay-multiplier: 1;
@@ -21157,7 +21133,36 @@ textarea.v-field__input::placeholder {
21157
21133
  opacity: 0;
21158
21134
  }
21159
21135
 
21160
- /* endregion */.v-footer {
21136
+ /* endregion */.v-file-input--hide.v-input .v-field,
21137
+ .v-file-input--hide.v-input .v-input__control,
21138
+ .v-file-input--hide.v-input .v-input__details {
21139
+ display: none;
21140
+ }
21141
+ .v-file-input--hide.v-input .v-input__prepend {
21142
+ grid-area: control;
21143
+ margin: 0 auto;
21144
+ }
21145
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21146
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21147
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21148
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21149
+ top: 0px;
21150
+ }
21151
+ .v-file-input input[type=file] {
21152
+ height: 100%;
21153
+ left: 0;
21154
+ opacity: 0;
21155
+ position: absolute;
21156
+ top: 0;
21157
+ width: 100%;
21158
+ z-index: 1;
21159
+ }
21160
+ .v-file-input .v-input__details {
21161
+ padding-inline: 16px;
21162
+ }
21163
+ .v-input--plain-underlined.v-file-input .v-input__details {
21164
+ padding-inline: 0;
21165
+ }.v-footer {
21161
21166
  align-items: center;
21162
21167
  display: flex;
21163
21168
  flex: 1 1 auto;
@@ -22157,45 +22162,146 @@ textarea.v-field__input::placeholder {
22157
22162
 
22158
22163
  .v-layout-item--absolute {
22159
22164
  position: absolute;
22160
- }.v-list-item {
22161
- align-items: center;
22162
- display: grid;
22163
- flex: none;
22164
- grid-template-areas: "prepend content append";
22165
- grid-template-columns: max-content 1fr auto;
22166
- outline: none;
22167
- max-width: 100%;
22168
- padding: 4px 16px;
22165
+ }.v-list {
22166
+ overflow: auto;
22167
+ padding: 8px 0;
22169
22168
  position: relative;
22170
- text-decoration: none;
22169
+ outline: none;
22171
22170
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22172
22171
  border-style: solid;
22173
22172
  border-width: 0;
22173
+ 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));
22174
22174
  border-radius: 0;
22175
+ background: rgba(var(--v-theme-surface));
22176
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22175
22177
  }
22176
- .v-list-item--border {
22178
+ .v-list--border {
22177
22179
  border-width: thin;
22178
22180
  box-shadow: none;
22179
22181
  }
22180
- .v-list-item:hover > .v-list-item__overlay {
22181
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22182
- }
22183
- .v-list-item:focus-visible > .v-list-item__overlay {
22184
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
22185
- }
22186
- @supports not selector(:focus-visible) {
22187
- .v-list-item:focus > .v-list-item__overlay {
22188
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
22189
- }
22182
+ .v-list--disabled {
22183
+ pointer-events: none;
22184
+ -webkit-user-select: none;
22185
+ user-select: none;
22190
22186
  }
22191
- .v-list-item--active > .v-list-item__overlay, .v-list-item[aria-haspopup=menu][aria-expanded=true] > .v-list-item__overlay {
22192
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
22187
+ .v-list--nav {
22188
+ padding-inline: 8px;
22193
22189
  }
22194
- .v-list-item--active:hover > .v-list-item__overlay, .v-list-item[aria-haspopup=menu][aria-expanded=true]:hover > .v-list-item__overlay {
22195
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
22190
+ .v-list--rounded {
22191
+ border-radius: 4px;
22196
22192
  }
22197
- .v-list-item--active:focus-visible > .v-list-item__overlay, .v-list-item[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-list-item__overlay {
22198
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
22193
+ .v-list--subheader {
22194
+ padding-top: 0;
22195
+ }
22196
+
22197
+ .v-list-img {
22198
+ border-radius: inherit;
22199
+ display: flex;
22200
+ height: 100%;
22201
+ left: 0;
22202
+ overflow: hidden;
22203
+ position: absolute;
22204
+ top: 0;
22205
+ width: 100%;
22206
+ z-index: -1;
22207
+ }
22208
+
22209
+ .v-list-subheader {
22210
+ align-items: center;
22211
+ background: inherit;
22212
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
22213
+ display: flex;
22214
+ font-size: 0.875rem;
22215
+ font-weight: 400;
22216
+ line-height: 1.375rem;
22217
+ padding-inline-end: 16px;
22218
+ min-height: 40px;
22219
+ transition: 0.2s min-height cubic-bezier(0.4, 0, 0.2, 1);
22220
+ }
22221
+ .v-list-subheader__text {
22222
+ overflow: hidden;
22223
+ text-overflow: ellipsis;
22224
+ white-space: nowrap;
22225
+ }
22226
+ .v-list--density-default .v-list-subheader {
22227
+ min-height: 40px;
22228
+ padding-inline-start: calc(16px + var(--indent-padding)) !important;
22229
+ }
22230
+
22231
+ .v-list--density-comfortable .v-list-subheader {
22232
+ min-height: 36px;
22233
+ padding-inline-start: calc(16px + var(--indent-padding)) !important;
22234
+ }
22235
+
22236
+ .v-list--density-compact .v-list-subheader {
22237
+ min-height: 32px;
22238
+ padding-inline-start: calc(16px + var(--indent-padding)) !important;
22239
+ }
22240
+
22241
+ .v-list-subheader--inset {
22242
+ --indent-padding: 56px;
22243
+ }
22244
+ .v-list--nav .v-list-subheader {
22245
+ font-size: 0.75rem;
22246
+ }
22247
+ .v-list-subheader--sticky {
22248
+ background: inherit;
22249
+ left: 0;
22250
+ position: sticky;
22251
+ top: 0;
22252
+ z-index: 1;
22253
+ }
22254
+
22255
+ .v-list__overlay {
22256
+ background-color: currentColor;
22257
+ border-radius: inherit;
22258
+ bottom: 0;
22259
+ left: 0;
22260
+ opacity: 0;
22261
+ pointer-events: none;
22262
+ position: absolute;
22263
+ right: 0;
22264
+ top: 0;
22265
+ transition: opacity 0.2s ease-in-out;
22266
+ }.v-list-item {
22267
+ align-items: center;
22268
+ display: grid;
22269
+ flex: none;
22270
+ grid-template-areas: "prepend content append";
22271
+ grid-template-columns: max-content 1fr auto;
22272
+ outline: none;
22273
+ max-width: 100%;
22274
+ padding: 4px 16px;
22275
+ position: relative;
22276
+ text-decoration: none;
22277
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22278
+ border-style: solid;
22279
+ border-width: 0;
22280
+ border-radius: 0;
22281
+ }
22282
+ .v-list-item--border {
22283
+ border-width: thin;
22284
+ box-shadow: none;
22285
+ }
22286
+ .v-list-item:hover > .v-list-item__overlay {
22287
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22288
+ }
22289
+ .v-list-item:focus-visible > .v-list-item__overlay {
22290
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
22291
+ }
22292
+ @supports not selector(:focus-visible) {
22293
+ .v-list-item:focus > .v-list-item__overlay {
22294
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
22295
+ }
22296
+ }
22297
+ .v-list-item--active > .v-list-item__overlay, .v-list-item[aria-haspopup=menu][aria-expanded=true] > .v-list-item__overlay {
22298
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
22299
+ }
22300
+ .v-list-item--active:hover > .v-list-item__overlay, .v-list-item[aria-haspopup=menu][aria-expanded=true]:hover > .v-list-item__overlay {
22301
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
22302
+ }
22303
+ .v-list-item--active:focus-visible > .v-list-item__overlay, .v-list-item[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-list-item__overlay {
22304
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
22199
22305
  }
22200
22306
  @supports not selector(:focus-visible) {
22201
22307
  .v-list-item--active:focus > .v-list-item__overlay, .v-list-item[aria-haspopup=menu][aria-expanded=true]:focus > .v-list-item__overlay {
@@ -22613,107 +22719,6 @@ textarea.v-field__input::placeholder {
22613
22719
  }
22614
22720
  .v-list-group__header:not(.v-treeview-item--activatable-group-activator).v-list-item--active:hover .v-list-item__overlay {
22615
22721
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22616
- }.v-list {
22617
- overflow: auto;
22618
- padding: 8px 0;
22619
- position: relative;
22620
- outline: none;
22621
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22622
- border-style: solid;
22623
- border-width: 0;
22624
- 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));
22625
- border-radius: 0;
22626
- background: rgba(var(--v-theme-surface));
22627
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22628
- }
22629
- .v-list--border {
22630
- border-width: thin;
22631
- box-shadow: none;
22632
- }
22633
- .v-list--disabled {
22634
- pointer-events: none;
22635
- -webkit-user-select: none;
22636
- user-select: none;
22637
- }
22638
- .v-list--nav {
22639
- padding-inline: 8px;
22640
- }
22641
- .v-list--rounded {
22642
- border-radius: 4px;
22643
- }
22644
- .v-list--subheader {
22645
- padding-top: 0;
22646
- }
22647
-
22648
- .v-list-img {
22649
- border-radius: inherit;
22650
- display: flex;
22651
- height: 100%;
22652
- left: 0;
22653
- overflow: hidden;
22654
- position: absolute;
22655
- top: 0;
22656
- width: 100%;
22657
- z-index: -1;
22658
- }
22659
-
22660
- .v-list-subheader {
22661
- align-items: center;
22662
- background: inherit;
22663
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
22664
- display: flex;
22665
- font-size: 0.875rem;
22666
- font-weight: 400;
22667
- line-height: 1.375rem;
22668
- padding-inline-end: 16px;
22669
- min-height: 40px;
22670
- transition: 0.2s min-height cubic-bezier(0.4, 0, 0.2, 1);
22671
- }
22672
- .v-list-subheader__text {
22673
- overflow: hidden;
22674
- text-overflow: ellipsis;
22675
- white-space: nowrap;
22676
- }
22677
- .v-list--density-default .v-list-subheader {
22678
- min-height: 40px;
22679
- padding-inline-start: calc(16px + var(--indent-padding)) !important;
22680
- }
22681
-
22682
- .v-list--density-comfortable .v-list-subheader {
22683
- min-height: 36px;
22684
- padding-inline-start: calc(16px + var(--indent-padding)) !important;
22685
- }
22686
-
22687
- .v-list--density-compact .v-list-subheader {
22688
- min-height: 32px;
22689
- padding-inline-start: calc(16px + var(--indent-padding)) !important;
22690
- }
22691
-
22692
- .v-list-subheader--inset {
22693
- --indent-padding: 56px;
22694
- }
22695
- .v-list--nav .v-list-subheader {
22696
- font-size: 0.75rem;
22697
- }
22698
- .v-list-subheader--sticky {
22699
- background: inherit;
22700
- left: 0;
22701
- position: sticky;
22702
- top: 0;
22703
- z-index: 1;
22704
- }
22705
-
22706
- .v-list__overlay {
22707
- background-color: currentColor;
22708
- border-radius: inherit;
22709
- bottom: 0;
22710
- left: 0;
22711
- opacity: 0;
22712
- pointer-events: none;
22713
- position: absolute;
22714
- right: 0;
22715
- top: 0;
22716
- transition: opacity 0.2s ease-in-out;
22717
22722
  }.v-locale-provider {
22718
22723
  display: contents;
22719
22724
  }.v-main {
@@ -23636,6 +23641,14 @@ html.v-overlay-scroll-blocked {
23636
23641
  }
23637
23642
  .v-selection-control--focus-visible .v-selection-control__input::before {
23638
23643
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
23644
+ }.v-selection-control-group {
23645
+ grid-area: control;
23646
+ display: flex;
23647
+ flex-direction: column;
23648
+ }
23649
+ .v-selection-control-group--inline {
23650
+ flex-direction: row;
23651
+ flex-wrap: wrap;
23639
23652
  }.v-sheet {
23640
23653
  display: block;
23641
23654
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
@@ -23664,80 +23677,17 @@ html.v-overlay-scroll-blocked {
23664
23677
  }
23665
23678
  .v-sheet--rounded {
23666
23679
  border-radius: 4px;
23667
- }.v-slide-group {
23668
- display: flex;
23669
- overflow: hidden;
23670
- }
23671
-
23672
- .v-slide-group__next,
23673
- .v-slide-group__prev {
23680
+ }.v-skeleton-loader {
23674
23681
  align-items: center;
23682
+ background: rgb(var(--v-theme-surface));
23683
+ border-radius: 4px;
23675
23684
  display: flex;
23676
- flex: 0 1 52px;
23677
- justify-content: center;
23678
- min-width: 52px;
23679
- cursor: pointer;
23680
- }
23681
- .v-slide-group__next--disabled,
23682
- .v-slide-group__prev--disabled {
23683
- pointer-events: none;
23684
- opacity: var(--v-disabled-opacity);
23685
- }
23686
-
23687
- .v-slide-group__content {
23688
- display: flex;
23689
- flex: 1 0 auto;
23685
+ flex-wrap: wrap;
23690
23686
  position: relative;
23691
- transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
23692
- white-space: nowrap;
23687
+ vertical-align: top;
23693
23688
  }
23694
- .v-slide-group__content > * {
23695
- white-space: initial;
23696
- }
23697
-
23698
- .v-slide-group__container {
23699
- contain: content;
23700
- display: flex;
23701
- flex: 1 1 auto;
23702
- overflow-x: auto;
23703
- overflow-y: hidden;
23704
- scrollbar-width: none;
23705
- scrollbar-color: rgba(0, 0, 0, 0);
23706
- }
23707
- .v-slide-group__container::-webkit-scrollbar {
23708
- display: none;
23709
- }
23710
-
23711
- .v-slide-group--vertical {
23712
- max-height: inherit;
23713
- }
23714
- .v-slide-group--vertical,
23715
- .v-slide-group--vertical .v-slide-group__container,
23716
- .v-slide-group--vertical .v-slide-group__content {
23717
- flex-direction: column;
23718
- }
23719
- .v-slide-group--vertical .v-slide-group__container {
23720
- overflow-x: hidden;
23721
- overflow-y: auto;
23722
- }.v-selection-control-group {
23723
- grid-area: control;
23724
- display: flex;
23725
- flex-direction: column;
23726
- }
23727
- .v-selection-control-group--inline {
23728
- flex-direction: row;
23729
- flex-wrap: wrap;
23730
- }.v-skeleton-loader {
23731
- align-items: center;
23732
- background: rgb(var(--v-theme-surface));
23733
- border-radius: 4px;
23734
- display: flex;
23735
- flex-wrap: wrap;
23736
- position: relative;
23737
- vertical-align: top;
23738
- }
23739
- .v-skeleton-loader__actions {
23740
- justify-content: end;
23689
+ .v-skeleton-loader__actions {
23690
+ justify-content: end;
23741
23691
  }
23742
23692
  .v-skeleton-loader .v-skeleton-loader__ossein {
23743
23693
  height: 100%;
@@ -23950,6 +23900,61 @@ html.v-overlay-scroll-blocked {
23950
23900
  100% {
23951
23901
  transform: translateX(100%);
23952
23902
  }
23903
+ }.v-slide-group {
23904
+ display: flex;
23905
+ overflow: hidden;
23906
+ }
23907
+
23908
+ .v-slide-group__next,
23909
+ .v-slide-group__prev {
23910
+ align-items: center;
23911
+ display: flex;
23912
+ flex: 0 1 52px;
23913
+ justify-content: center;
23914
+ min-width: 52px;
23915
+ cursor: pointer;
23916
+ }
23917
+ .v-slide-group__next--disabled,
23918
+ .v-slide-group__prev--disabled {
23919
+ pointer-events: none;
23920
+ opacity: var(--v-disabled-opacity);
23921
+ }
23922
+
23923
+ .v-slide-group__content {
23924
+ display: flex;
23925
+ flex: 1 0 auto;
23926
+ position: relative;
23927
+ transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
23928
+ white-space: nowrap;
23929
+ }
23930
+ .v-slide-group__content > * {
23931
+ white-space: initial;
23932
+ }
23933
+
23934
+ .v-slide-group__container {
23935
+ contain: content;
23936
+ display: flex;
23937
+ flex: 1 1 auto;
23938
+ overflow-x: auto;
23939
+ overflow-y: hidden;
23940
+ scrollbar-width: none;
23941
+ scrollbar-color: rgba(0, 0, 0, 0);
23942
+ }
23943
+ .v-slide-group__container::-webkit-scrollbar {
23944
+ display: none;
23945
+ }
23946
+
23947
+ .v-slide-group--vertical {
23948
+ max-height: inherit;
23949
+ }
23950
+ .v-slide-group--vertical,
23951
+ .v-slide-group--vertical .v-slide-group__container,
23952
+ .v-slide-group--vertical .v-slide-group__content {
23953
+ flex-direction: column;
23954
+ }
23955
+ .v-slide-group--vertical .v-slide-group__container {
23956
+ overflow-x: hidden;
23957
+ overflow-y: auto;
23953
23958
  }.v-snackbar {
23954
23959
  justify-content: center;
23955
23960
  z-index: 10000;
@@ -24475,35 +24480,43 @@ html.v-overlay-scroll-blocked {
24475
24480
  .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
24476
24481
  border-width: 0;
24477
24482
  }
24478
- }.v-tab.v-tab.v-btn {
24479
- height: var(--v-tabs-height);
24480
- border-radius: 0;
24481
- min-width: 90px;
24482
- }
24483
- .v-slide-group--horizontal .v-tab {
24484
- max-width: 360px;
24483
+ }.v-system-bar {
24484
+ align-items: center;
24485
+ display: flex;
24486
+ flex: 1 1 auto;
24487
+ height: 24px;
24488
+ justify-content: flex-end;
24489
+ max-width: 100%;
24490
+ padding-inline: 8px;
24491
+ position: relative;
24492
+ text-align: end;
24493
+ width: 100%;
24494
+ 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));
24495
+ background: rgba(var(--v-theme-surface-light));
24496
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24497
+ font-size: 0.75rem;
24498
+ font-weight: 400;
24499
+ letter-spacing: 0.0333333333em;
24500
+ line-height: 1.667;
24501
+ text-transform: none;
24485
24502
  }
24486
- .v-slide-group--vertical .v-tab {
24487
- justify-content: start;
24503
+ .v-system-bar .v-icon {
24504
+ opacity: var(--v-medium-emphasis-opacity);
24488
24505
  }
24489
-
24490
- .v-tab__slider {
24506
+ .v-system-bar--absolute {
24491
24507
  position: absolute;
24492
- bottom: 0;
24493
- left: 0;
24494
- height: 2px;
24495
- width: 100%;
24496
- background: currentColor;
24497
- pointer-events: none;
24498
- opacity: 0;
24499
24508
  }
24500
- .v-tab--selected .v-tab__slider {
24501
- opacity: 1;
24509
+ .v-system-bar--fixed {
24510
+ position: fixed;
24502
24511
  }
24503
- .v-slide-group--vertical .v-tab__slider {
24504
- top: 0;
24505
- height: 100%;
24506
- width: 2px;
24512
+ .v-system-bar--rounded {
24513
+ border-radius: 0;
24514
+ }
24515
+ .v-system-bar--window {
24516
+ height: 32px;
24517
+ }
24518
+ .v-system-bar:not(.v-system-bar--absolute) {
24519
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24507
24520
  }.v-tabs {
24508
24521
  display: flex;
24509
24522
  height: var(--v-tabs-height);
@@ -24570,43 +24583,35 @@ html.v-overlay-scroll-blocked {
24570
24583
  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24571
24584
  margin-inline-end: 52px;
24572
24585
  }
24573
- }.v-system-bar {
24574
- align-items: center;
24575
- display: flex;
24576
- flex: 1 1 auto;
24577
- height: 24px;
24578
- justify-content: flex-end;
24579
- max-width: 100%;
24580
- padding-inline: 8px;
24581
- position: relative;
24582
- text-align: end;
24583
- width: 100%;
24584
- 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));
24585
- background: rgba(var(--v-theme-surface-light));
24586
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24587
- font-size: 0.75rem;
24588
- font-weight: 400;
24589
- letter-spacing: 0.0333333333em;
24590
- line-height: 1.667;
24591
- text-transform: none;
24592
- }
24593
- .v-system-bar .v-icon {
24594
- opacity: var(--v-medium-emphasis-opacity);
24586
+ }.v-tab.v-tab.v-btn {
24587
+ height: var(--v-tabs-height);
24588
+ border-radius: 0;
24589
+ min-width: 90px;
24595
24590
  }
24596
- .v-system-bar--absolute {
24597
- position: absolute;
24591
+ .v-slide-group--horizontal .v-tab {
24592
+ max-width: 360px;
24598
24593
  }
24599
- .v-system-bar--fixed {
24600
- position: fixed;
24594
+ .v-slide-group--vertical .v-tab {
24595
+ justify-content: start;
24601
24596
  }
24602
- .v-system-bar--rounded {
24603
- border-radius: 0;
24597
+
24598
+ .v-tab__slider {
24599
+ position: absolute;
24600
+ bottom: 0;
24601
+ left: 0;
24602
+ height: 2px;
24603
+ width: 100%;
24604
+ background: currentColor;
24605
+ pointer-events: none;
24606
+ opacity: 0;
24604
24607
  }
24605
- .v-system-bar--window {
24606
- height: 32px;
24608
+ .v-tab--selected .v-tab__slider {
24609
+ opacity: 1;
24607
24610
  }
24608
- .v-system-bar:not(.v-system-bar--absolute) {
24609
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24611
+ .v-slide-group--vertical .v-tab__slider {
24612
+ top: 0;
24613
+ height: 100%;
24614
+ width: 2px;
24610
24615
  }.v-table {
24611
24616
  background: rgb(var(--v-theme-surface));
24612
24617
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -24851,263 +24856,25 @@ html.v-overlay-scroll-blocked {
24851
24856
  }
24852
24857
  .v-textarea textarea:invalid {
24853
24858
  box-shadow: none;
24854
- }.v-theme-provider {
24855
- background: rgb(var(--v-theme-background));
24856
- color: rgb(var(--v-theme-on-background));
24857
- }.v-toolbar {
24858
- align-items: flex-start;
24859
- display: flex;
24860
- flex: none;
24861
- flex-direction: column;
24862
- justify-content: space-between;
24863
- max-width: 100%;
24864
- position: relative;
24865
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24866
- transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
24867
- width: 100%;
24868
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
24869
- border-style: solid;
24870
- border-width: 0;
24871
- 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));
24872
- border-radius: 0;
24859
+ }.v-timeline .v-timeline-divider__dot {
24873
24860
  background: rgb(var(--v-theme-surface-light));
24874
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24875
- }
24876
- .v-toolbar--border {
24877
- border-width: thin;
24878
- box-shadow: none;
24879
24861
  }
24880
- .v-toolbar--absolute {
24881
- position: absolute;
24862
+ .v-timeline .v-timeline-divider__inner-dot {
24863
+ background: rgb(var(--v-theme-on-surface));
24882
24864
  }
24883
- .v-toolbar--collapse {
24884
- max-width: 112px;
24885
- overflow: hidden;
24886
- border-end-end-radius: 24px;
24865
+
24866
+ .v-timeline {
24867
+ display: grid;
24868
+ grid-auto-flow: dense;
24869
+ position: relative;
24887
24870
  }
24888
- .v-toolbar--collapse .v-toolbar-title {
24889
- display: none;
24871
+ .v-timeline--horizontal.v-timeline {
24872
+ grid-column-gap: 24px;
24873
+ width: 100%;
24890
24874
  }
24891
- .v-toolbar--flat {
24892
- 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));
24893
- }
24894
- .v-toolbar--floating {
24895
- display: inline-flex;
24896
- }
24897
- .v-toolbar--rounded {
24898
- border-radius: 4px;
24899
- }
24900
-
24901
- .v-toolbar__content,
24902
- .v-toolbar__extension {
24903
- align-items: center;
24904
- display: flex;
24905
- flex: 0 0 auto;
24906
- position: relative;
24907
- transition: inherit;
24908
- width: 100%;
24909
- }
24910
-
24911
- .v-toolbar__content {
24912
- overflow: hidden;
24913
- }
24914
- .v-toolbar__content > .v-btn:first-child {
24915
- margin-inline-start: 4px;
24916
- }
24917
- .v-toolbar__content > .v-btn:last-child {
24918
- margin-inline-end: 4px;
24919
- }
24920
- .v-toolbar__content > .v-toolbar-title {
24921
- margin-inline-start: 20px;
24922
- }
24923
- .v-toolbar--density-prominent .v-toolbar__content {
24924
- align-items: flex-start;
24925
- }
24926
-
24927
- .v-toolbar__image {
24928
- position: absolute;
24929
- top: 0;
24930
- left: 0;
24931
- width: 100%;
24932
- height: 100%;
24933
- display: flex;
24934
- opacity: var(--v-toolbar-image-opacity, 1);
24935
- transition-property: opacity;
24936
- }
24937
-
24938
- .v-toolbar__prepend,
24939
- .v-toolbar__append {
24940
- align-items: center;
24941
- align-self: stretch;
24942
- display: flex;
24943
- }
24944
-
24945
- .v-toolbar__prepend {
24946
- margin-inline: 4px auto;
24947
- }
24948
-
24949
- .v-toolbar__append {
24950
- margin-inline: auto 4px;
24951
- }
24952
-
24953
- .v-toolbar-title {
24954
- flex: 1 1;
24955
- font-size: 1.25rem;
24956
- min-width: 0;
24957
- font-size: 1.25rem;
24958
- font-weight: 400;
24959
- letter-spacing: 0;
24960
- line-height: 1.75rem;
24961
- text-transform: none;
24962
- }
24963
- .v-toolbar--density-prominent .v-toolbar-title {
24964
- align-self: flex-end;
24965
- padding-bottom: 6px;
24966
- font-size: 1.5rem;
24967
- font-weight: 400;
24968
- letter-spacing: 0;
24969
- line-height: 2.25rem;
24970
- text-transform: none;
24971
- }
24972
-
24973
- .v-toolbar-title__placeholder {
24974
- overflow: hidden;
24975
- text-overflow: ellipsis;
24976
- white-space: nowrap;
24977
- }
24978
-
24979
- .v-toolbar-items {
24980
- display: flex;
24981
- height: inherit;
24982
- align-self: stretch;
24983
- }
24984
- .v-toolbar-items > .v-btn {
24985
- border-radius: 0;
24986
- }.v-tooltip > .v-overlay__content {
24987
- background: rgb(var(--v-theme-surface-variant));
24988
- color: rgb(var(--v-theme-on-surface-variant));
24989
- border-radius: 4px;
24990
- font-size: 0.875rem;
24991
- line-height: 1.6;
24992
- display: inline-block;
24993
- padding: 5px 16px;
24994
- text-transform: initial;
24995
- width: auto;
24996
- opacity: 1;
24997
- pointer-events: none;
24998
- transition-property: opacity, transform;
24999
- overflow-wrap: break-word;
25000
- }
25001
- .v-tooltip > .v-overlay__content[class*=enter-active] {
25002
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25003
- transition-duration: 150ms;
25004
- }
25005
- .v-tooltip > .v-overlay__content[class*=leave-active] {
25006
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25007
- transition-duration: 75ms;
25008
- }.v-virtual-scroll {
25009
- display: block;
25010
- flex: 1 1 auto;
25011
- max-width: 100%;
25012
- overflow: auto;
25013
- position: relative;
25014
- }
25015
- .v-virtual-scroll__container {
25016
- display: block;
25017
- }.v-window {
25018
- overflow: hidden;
25019
- }
25020
- .v-window__container {
25021
- display: flex;
25022
- flex-direction: column;
25023
- height: inherit;
25024
- position: relative;
25025
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25026
- }
25027
- .v-window__controls {
25028
- position: absolute;
25029
- left: 0;
25030
- top: 0;
25031
- width: 100%;
25032
- height: 100%;
25033
- display: flex;
25034
- align-items: center;
25035
- justify-content: space-between;
25036
- padding: 0 16px;
25037
- pointer-events: none;
25038
- }
25039
- .v-window__controls > * {
25040
- pointer-events: auto;
25041
- }
25042
- .v-window--show-arrows-on-hover {
25043
- overflow: hidden;
25044
- }
25045
- .v-window--show-arrows-on-hover .v-window__left {
25046
- transform: translateX(-200%);
25047
- }
25048
- .v-window--show-arrows-on-hover .v-window__right {
25049
- transform: translateX(200%);
25050
- }
25051
- .v-window--show-arrows-on-hover:hover .v-window__left,
25052
- .v-window--show-arrows-on-hover:hover .v-window__right {
25053
- transform: translateX(0);
25054
- }
25055
-
25056
- .v-window-x-transition-enter-active, .v-window-x-transition-leave-active, .v-window-x-reverse-transition-enter-active, .v-window-x-reverse-transition-leave-active, .v-window-y-transition-enter-active, .v-window-y-transition-leave-active, .v-window-y-reverse-transition-enter-active, .v-window-y-reverse-transition-leave-active {
25057
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25058
- }
25059
- .v-window-x-transition-leave-from, .v-window-x-transition-leave-to, .v-window-x-reverse-transition-leave-from, .v-window-x-reverse-transition-leave-to, .v-window-y-transition-leave-from, .v-window-y-transition-leave-to, .v-window-y-reverse-transition-leave-from, .v-window-y-reverse-transition-leave-to {
25060
- position: absolute !important;
25061
- top: 0;
25062
- width: 100%;
25063
- }
25064
- .v-window-x-transition-enter-from {
25065
- transform: translateX(100%);
25066
- }
25067
- .v-window-x-transition-leave-to {
25068
- transform: translateX(-100%);
25069
- }
25070
- .v-window-x-reverse-transition-enter-from {
25071
- transform: translateX(-100%);
25072
- }
25073
- .v-window-x-reverse-transition-leave-to {
25074
- transform: translateX(100%);
25075
- }
25076
- .v-window-y-transition-enter-from {
25077
- transform: translateY(100%);
25078
- }
25079
- .v-window-y-transition-leave-to {
25080
- transform: translateY(-100%);
25081
- }
25082
- .v-window-y-reverse-transition-enter-from {
25083
- transform: translateY(-100%);
25084
- }
25085
- .v-window-y-reverse-transition-leave-to {
25086
- transform: translateY(100%);
25087
- }.v-counter {
25088
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
25089
- flex: 0 1 auto;
25090
- font-size: 12px;
25091
- transition-duration: 150ms;
25092
- }.v-timeline .v-timeline-divider__dot {
25093
- background: rgb(var(--v-theme-surface-light));
25094
- }
25095
- .v-timeline .v-timeline-divider__inner-dot {
25096
- background: rgb(var(--v-theme-on-surface));
25097
- }
25098
-
25099
- .v-timeline {
25100
- display: grid;
25101
- grid-auto-flow: dense;
25102
- position: relative;
25103
- }
25104
- .v-timeline--horizontal.v-timeline {
25105
- grid-column-gap: 24px;
25106
- width: 100%;
25107
- }
25108
- .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__body {
25109
- grid-row: 3;
25110
- padding-block-start: 24px;
24875
+ .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__body {
24876
+ grid-row: 3;
24877
+ padding-block-start: 24px;
25111
24878
  }
25112
24879
  .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__opposite {
25113
24880
  grid-row: 1;
@@ -25505,25 +25272,258 @@ html.v-overlay-scroll-blocked {
25505
25272
 
25506
25273
  .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 {
25507
25274
  padding-inline-end: 0;
25508
- }.v-color-picker-canvas {
25275
+ }.v-theme-provider {
25276
+ background: rgb(var(--v-theme-background));
25277
+ color: rgb(var(--v-theme-on-background));
25278
+ }.v-toolbar {
25279
+ align-items: flex-start;
25509
25280
  display: flex;
25281
+ flex: none;
25282
+ flex-direction: column;
25283
+ justify-content: space-between;
25284
+ max-width: 100%;
25510
25285
  position: relative;
25511
- overflow: hidden;
25512
- contain: content;
25513
- touch-action: none;
25286
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
25287
+ transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
25288
+ width: 100%;
25289
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
25290
+ border-style: solid;
25291
+ border-width: 0;
25292
+ 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));
25293
+ border-radius: 0;
25294
+ background: rgb(var(--v-theme-surface-light));
25295
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
25514
25296
  }
25515
- .v-color-picker-canvas__dot {
25516
- position: absolute;
25517
- top: 0;
25518
- left: 0;
25519
- width: 15px;
25520
- height: 15px;
25521
- background: transparent;
25522
- border-radius: 50%;
25523
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25297
+ .v-toolbar--border {
25298
+ border-width: thin;
25299
+ box-shadow: none;
25524
25300
  }
25525
- .v-color-picker-canvas__dot--disabled {
25526
- 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);
25301
+ .v-toolbar--absolute {
25302
+ position: absolute;
25303
+ }
25304
+ .v-toolbar--collapse {
25305
+ max-width: 112px;
25306
+ overflow: hidden;
25307
+ border-end-end-radius: 24px;
25308
+ }
25309
+ .v-toolbar--collapse .v-toolbar-title {
25310
+ display: none;
25311
+ }
25312
+ .v-toolbar--flat {
25313
+ 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));
25314
+ }
25315
+ .v-toolbar--floating {
25316
+ display: inline-flex;
25317
+ }
25318
+ .v-toolbar--rounded {
25319
+ border-radius: 4px;
25320
+ }
25321
+
25322
+ .v-toolbar__content,
25323
+ .v-toolbar__extension {
25324
+ align-items: center;
25325
+ display: flex;
25326
+ flex: 0 0 auto;
25327
+ position: relative;
25328
+ transition: inherit;
25329
+ width: 100%;
25330
+ }
25331
+
25332
+ .v-toolbar__content {
25333
+ overflow: hidden;
25334
+ }
25335
+ .v-toolbar__content > .v-btn:first-child {
25336
+ margin-inline-start: 4px;
25337
+ }
25338
+ .v-toolbar__content > .v-btn:last-child {
25339
+ margin-inline-end: 4px;
25340
+ }
25341
+ .v-toolbar__content > .v-toolbar-title {
25342
+ margin-inline-start: 20px;
25343
+ }
25344
+ .v-toolbar--density-prominent .v-toolbar__content {
25345
+ align-items: flex-start;
25346
+ }
25347
+
25348
+ .v-toolbar__image {
25349
+ position: absolute;
25350
+ top: 0;
25351
+ left: 0;
25352
+ width: 100%;
25353
+ height: 100%;
25354
+ display: flex;
25355
+ opacity: var(--v-toolbar-image-opacity, 1);
25356
+ transition-property: opacity;
25357
+ }
25358
+
25359
+ .v-toolbar__prepend,
25360
+ .v-toolbar__append {
25361
+ align-items: center;
25362
+ align-self: stretch;
25363
+ display: flex;
25364
+ }
25365
+
25366
+ .v-toolbar__prepend {
25367
+ margin-inline: 4px auto;
25368
+ }
25369
+
25370
+ .v-toolbar__append {
25371
+ margin-inline: auto 4px;
25372
+ }
25373
+
25374
+ .v-toolbar-title {
25375
+ flex: 1 1;
25376
+ font-size: 1.25rem;
25377
+ min-width: 0;
25378
+ font-size: 1.25rem;
25379
+ font-weight: 400;
25380
+ letter-spacing: 0;
25381
+ line-height: 1.75rem;
25382
+ text-transform: none;
25383
+ }
25384
+ .v-toolbar--density-prominent .v-toolbar-title {
25385
+ align-self: flex-end;
25386
+ padding-bottom: 6px;
25387
+ font-size: 1.5rem;
25388
+ font-weight: 400;
25389
+ letter-spacing: 0;
25390
+ line-height: 2.25rem;
25391
+ text-transform: none;
25392
+ }
25393
+
25394
+ .v-toolbar-title__placeholder {
25395
+ overflow: hidden;
25396
+ text-overflow: ellipsis;
25397
+ white-space: nowrap;
25398
+ }
25399
+
25400
+ .v-toolbar-items {
25401
+ display: flex;
25402
+ height: inherit;
25403
+ align-self: stretch;
25404
+ }
25405
+ .v-toolbar-items > .v-btn {
25406
+ border-radius: 0;
25407
+ }.v-tooltip > .v-overlay__content {
25408
+ background: rgb(var(--v-theme-surface-variant));
25409
+ color: rgb(var(--v-theme-on-surface-variant));
25410
+ border-radius: 4px;
25411
+ font-size: 0.875rem;
25412
+ line-height: 1.6;
25413
+ display: inline-block;
25414
+ padding: 5px 16px;
25415
+ text-transform: initial;
25416
+ width: auto;
25417
+ opacity: 1;
25418
+ pointer-events: none;
25419
+ transition-property: opacity, transform;
25420
+ overflow-wrap: break-word;
25421
+ }
25422
+ .v-tooltip > .v-overlay__content[class*=enter-active] {
25423
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25424
+ transition-duration: 150ms;
25425
+ }
25426
+ .v-tooltip > .v-overlay__content[class*=leave-active] {
25427
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25428
+ transition-duration: 75ms;
25429
+ }.v-virtual-scroll {
25430
+ display: block;
25431
+ flex: 1 1 auto;
25432
+ max-width: 100%;
25433
+ overflow: auto;
25434
+ position: relative;
25435
+ }
25436
+ .v-virtual-scroll__container {
25437
+ display: block;
25438
+ }.v-window {
25439
+ overflow: hidden;
25440
+ }
25441
+ .v-window__container {
25442
+ display: flex;
25443
+ flex-direction: column;
25444
+ height: inherit;
25445
+ position: relative;
25446
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25447
+ }
25448
+ .v-window__controls {
25449
+ position: absolute;
25450
+ left: 0;
25451
+ top: 0;
25452
+ width: 100%;
25453
+ height: 100%;
25454
+ display: flex;
25455
+ align-items: center;
25456
+ justify-content: space-between;
25457
+ padding: 0 16px;
25458
+ pointer-events: none;
25459
+ }
25460
+ .v-window__controls > * {
25461
+ pointer-events: auto;
25462
+ }
25463
+ .v-window--show-arrows-on-hover {
25464
+ overflow: hidden;
25465
+ }
25466
+ .v-window--show-arrows-on-hover .v-window__left {
25467
+ transform: translateX(-200%);
25468
+ }
25469
+ .v-window--show-arrows-on-hover .v-window__right {
25470
+ transform: translateX(200%);
25471
+ }
25472
+ .v-window--show-arrows-on-hover:hover .v-window__left,
25473
+ .v-window--show-arrows-on-hover:hover .v-window__right {
25474
+ transform: translateX(0);
25475
+ }
25476
+
25477
+ .v-window-x-transition-enter-active, .v-window-x-transition-leave-active, .v-window-x-reverse-transition-enter-active, .v-window-x-reverse-transition-leave-active, .v-window-y-transition-enter-active, .v-window-y-transition-leave-active, .v-window-y-reverse-transition-enter-active, .v-window-y-reverse-transition-leave-active {
25478
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25479
+ }
25480
+ .v-window-x-transition-leave-from, .v-window-x-transition-leave-to, .v-window-x-reverse-transition-leave-from, .v-window-x-reverse-transition-leave-to, .v-window-y-transition-leave-from, .v-window-y-transition-leave-to, .v-window-y-reverse-transition-leave-from, .v-window-y-reverse-transition-leave-to {
25481
+ position: absolute !important;
25482
+ top: 0;
25483
+ width: 100%;
25484
+ }
25485
+ .v-window-x-transition-enter-from {
25486
+ transform: translateX(100%);
25487
+ }
25488
+ .v-window-x-transition-leave-to {
25489
+ transform: translateX(-100%);
25490
+ }
25491
+ .v-window-x-reverse-transition-enter-from {
25492
+ transform: translateX(-100%);
25493
+ }
25494
+ .v-window-x-reverse-transition-leave-to {
25495
+ transform: translateX(100%);
25496
+ }
25497
+ .v-window-y-transition-enter-from {
25498
+ transform: translateY(100%);
25499
+ }
25500
+ .v-window-y-transition-leave-to {
25501
+ transform: translateY(-100%);
25502
+ }
25503
+ .v-window-y-reverse-transition-enter-from {
25504
+ transform: translateY(-100%);
25505
+ }
25506
+ .v-window-y-reverse-transition-leave-to {
25507
+ transform: translateY(100%);
25508
+ }.v-color-picker-canvas {
25509
+ display: flex;
25510
+ position: relative;
25511
+ overflow: hidden;
25512
+ contain: content;
25513
+ touch-action: none;
25514
+ }
25515
+ .v-color-picker-canvas__dot {
25516
+ position: absolute;
25517
+ top: 0;
25518
+ left: 0;
25519
+ width: 15px;
25520
+ height: 15px;
25521
+ background: transparent;
25522
+ border-radius: 50%;
25523
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25524
+ }
25525
+ .v-color-picker-canvas__dot--disabled {
25526
+ 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);
25527
25527
  }
25528
25528
  .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25529
25529
  will-change: transform;
@@ -25713,32 +25713,191 @@ html.v-overlay-scroll-blocked {
25713
25713
  padding-bottom: 16px;
25714
25714
  font-weight: 400;
25715
25715
  letter-spacing: 0.1666666667em;
25716
- }.v-slider-track__background {
25717
- background-color: rgb(var(--v-theme-surface-variant));
25716
+ }.v-slider-thumb {
25717
+ touch-action: none;
25718
+ color: rgb(var(--v-theme-surface-variant));
25718
25719
  }
25719
- @media (forced-colors: active) {
25720
- .v-slider-track__background {
25721
- background-color: highlight;
25722
- }
25720
+ .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25721
+ color: inherit;
25723
25722
  }
25724
25723
 
25725
- .v-slider-track__fill {
25726
- background-color: rgb(var(--v-theme-surface-variant));
25724
+ .v-slider-thumb__label {
25725
+ background: rgba(var(--v-theme-surface-variant), 0.7);
25726
+ color: rgb(var(--v-theme-on-surface-variant));
25727
25727
  }
25728
- @media (forced-colors: active) {
25729
- .v-slider-track__fill {
25730
- background-color: highlight;
25731
- }
25728
+ .v-slider-thumb__label::before {
25729
+ color: rgba(var(--v-theme-surface-variant), 0.7);
25732
25730
  }
25733
25731
 
25734
- .v-slider-track__tick {
25735
- background-color: rgb(var(--v-theme-surface-variant));
25736
- }
25737
- .v-slider-track__tick--filled {
25738
- background-color: rgb(var(--v-theme-surface-light));
25732
+ .v-slider-thumb {
25733
+ outline: none;
25734
+ position: absolute;
25735
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25739
25736
  }
25740
25737
 
25741
- .v-slider-track {
25738
+ .v-slider-thumb__surface {
25739
+ cursor: pointer;
25740
+ width: var(--v-slider-thumb-size);
25741
+ height: var(--v-slider-thumb-size);
25742
+ border-radius: 50%;
25743
+ -webkit-user-select: none;
25744
+ user-select: none;
25745
+ background-color: currentColor;
25746
+ }
25747
+ @media (forced-colors: active) {
25748
+ .v-slider-thumb__surface {
25749
+ background-color: highlight;
25750
+ }
25751
+ }
25752
+ .v-slider-thumb__surface::before {
25753
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25754
+ content: "";
25755
+ color: inherit;
25756
+ top: 0;
25757
+ left: 0;
25758
+ width: 100%;
25759
+ height: 100%;
25760
+ border-radius: 50%;
25761
+ background: currentColor;
25762
+ position: absolute;
25763
+ pointer-events: none;
25764
+ opacity: 0;
25765
+ }
25766
+ .v-slider-thumb__surface::after {
25767
+ content: "";
25768
+ width: 42px;
25769
+ height: 42px;
25770
+ position: absolute;
25771
+ top: 50%;
25772
+ left: 50%;
25773
+ transform: translate(-50%, -50%);
25774
+ }
25775
+
25776
+ .v-slider-thumb__label-container {
25777
+ position: absolute;
25778
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25779
+ }
25780
+
25781
+ .v-slider-thumb__label {
25782
+ display: flex;
25783
+ align-items: center;
25784
+ justify-content: center;
25785
+ font-size: 0.75rem;
25786
+ min-width: 35px;
25787
+ height: 25px;
25788
+ border-radius: 4px;
25789
+ padding: 6px;
25790
+ position: absolute;
25791
+ -webkit-user-select: none;
25792
+ user-select: none;
25793
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25794
+ }
25795
+ .v-slider-thumb__label::before {
25796
+ content: "";
25797
+ width: 0;
25798
+ height: 0;
25799
+ position: absolute;
25800
+ }
25801
+
25802
+ .v-slider-thumb__ripple {
25803
+ position: absolute;
25804
+ left: calc(var(--v-slider-thumb-size) / -2);
25805
+ top: calc(var(--v-slider-thumb-size) / -2);
25806
+ width: calc(var(--v-slider-thumb-size) * 2);
25807
+ height: calc(var(--v-slider-thumb-size) * 2);
25808
+ background: inherit;
25809
+ }
25810
+
25811
+ .v-slider.v-input--horizontal .v-slider-thumb {
25812
+ top: 50%;
25813
+ transform: translateY(-50%);
25814
+ inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25815
+ }
25816
+ .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25817
+ left: calc(var(--v-slider-thumb-size) / 2);
25818
+ top: 0;
25819
+ }
25820
+ .v-slider.v-input--horizontal .v-slider-thumb__label {
25821
+ bottom: calc(var(--v-slider-thumb-size) / 2);
25822
+ }
25823
+ .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 {
25824
+ transform: translateX(-50%);
25825
+ }
25826
+
25827
+ .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 {
25828
+ transform: translateX(50%);
25829
+ }
25830
+
25831
+ .v-slider.v-input--horizontal .v-slider-thumb__label::before {
25832
+ border-left: 6px solid transparent;
25833
+ border-right: 6px solid transparent;
25834
+ border-top: 6px solid currentColor;
25835
+ bottom: -6px;
25836
+ }
25837
+
25838
+ .v-slider.v-input--vertical .v-slider-thumb {
25839
+ top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25840
+ }
25841
+ .v-slider.v-input--vertical .v-slider-thumb__label-container {
25842
+ top: calc(var(--v-slider-thumb-size) / 2);
25843
+ right: 0;
25844
+ }
25845
+ .v-slider.v-input--vertical .v-slider-thumb__label {
25846
+ top: -12.5px;
25847
+ left: calc(var(--v-slider-thumb-size) / 2);
25848
+ }
25849
+ .v-slider.v-input--vertical .v-slider-thumb__label::before {
25850
+ border-right: 6px solid currentColor;
25851
+ border-top: 6px solid transparent;
25852
+ border-bottom: 6px solid transparent;
25853
+ left: -6px;
25854
+ }
25855
+
25856
+ .v-slider-thumb--focused .v-slider-thumb__surface::before {
25857
+ transform: scale(2);
25858
+ opacity: var(--v-focus-opacity);
25859
+ }
25860
+
25861
+ .v-slider-thumb--pressed {
25862
+ transition: none;
25863
+ }
25864
+ .v-slider-thumb--pressed .v-slider-thumb__surface::before {
25865
+ opacity: var(--v-pressed-opacity);
25866
+ }
25867
+
25868
+ @media (hover: hover) {
25869
+ .v-slider-thumb:hover .v-slider-thumb__surface::before {
25870
+ transform: scale(2);
25871
+ }
25872
+ .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
25873
+ opacity: var(--v-hover-opacity);
25874
+ }
25875
+ }.v-slider-track__background {
25876
+ background-color: rgb(var(--v-theme-surface-variant));
25877
+ }
25878
+ @media (forced-colors: active) {
25879
+ .v-slider-track__background {
25880
+ background-color: highlight;
25881
+ }
25882
+ }
25883
+
25884
+ .v-slider-track__fill {
25885
+ background-color: rgb(var(--v-theme-surface-variant));
25886
+ }
25887
+ @media (forced-colors: active) {
25888
+ .v-slider-track__fill {
25889
+ background-color: highlight;
25890
+ }
25891
+ }
25892
+
25893
+ .v-slider-track__tick {
25894
+ background-color: rgb(var(--v-theme-surface-variant));
25895
+ }
25896
+ .v-slider-track__tick--filled {
25897
+ background-color: rgb(var(--v-theme-surface-light));
25898
+ }
25899
+
25900
+ .v-slider-track {
25742
25901
  border-radius: 6px;
25743
25902
  }
25744
25903
  @media (forced-colors: active) {
@@ -25891,163 +26050,4 @@ html.v-overlay-scroll-blocked {
25891
26050
 
25892
26051
  .v-slider-track__background--opacity {
25893
26052
  opacity: 0.38;
25894
- }.v-slider-thumb {
25895
- touch-action: none;
25896
- color: rgb(var(--v-theme-surface-variant));
25897
- }
25898
- .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25899
- color: inherit;
25900
- }
25901
-
25902
- .v-slider-thumb__label {
25903
- background: rgba(var(--v-theme-surface-variant), 0.7);
25904
- color: rgb(var(--v-theme-on-surface-variant));
25905
- }
25906
- .v-slider-thumb__label::before {
25907
- color: rgba(var(--v-theme-surface-variant), 0.7);
25908
- }
25909
-
25910
- .v-slider-thumb {
25911
- outline: none;
25912
- position: absolute;
25913
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25914
- }
25915
-
25916
- .v-slider-thumb__surface {
25917
- cursor: pointer;
25918
- width: var(--v-slider-thumb-size);
25919
- height: var(--v-slider-thumb-size);
25920
- border-radius: 50%;
25921
- -webkit-user-select: none;
25922
- user-select: none;
25923
- background-color: currentColor;
25924
- }
25925
- @media (forced-colors: active) {
25926
- .v-slider-thumb__surface {
25927
- background-color: highlight;
25928
- }
25929
- }
25930
- .v-slider-thumb__surface::before {
25931
- transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25932
- content: "";
25933
- color: inherit;
25934
- top: 0;
25935
- left: 0;
25936
- width: 100%;
25937
- height: 100%;
25938
- border-radius: 50%;
25939
- background: currentColor;
25940
- position: absolute;
25941
- pointer-events: none;
25942
- opacity: 0;
25943
- }
25944
- .v-slider-thumb__surface::after {
25945
- content: "";
25946
- width: 42px;
25947
- height: 42px;
25948
- position: absolute;
25949
- top: 50%;
25950
- left: 50%;
25951
- transform: translate(-50%, -50%);
25952
- }
25953
-
25954
- .v-slider-thumb__label-container {
25955
- position: absolute;
25956
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25957
- }
25958
-
25959
- .v-slider-thumb__label {
25960
- display: flex;
25961
- align-items: center;
25962
- justify-content: center;
25963
- font-size: 0.75rem;
25964
- min-width: 35px;
25965
- height: 25px;
25966
- border-radius: 4px;
25967
- padding: 6px;
25968
- position: absolute;
25969
- -webkit-user-select: none;
25970
- user-select: none;
25971
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25972
- }
25973
- .v-slider-thumb__label::before {
25974
- content: "";
25975
- width: 0;
25976
- height: 0;
25977
- position: absolute;
25978
- }
25979
-
25980
- .v-slider-thumb__ripple {
25981
- position: absolute;
25982
- left: calc(var(--v-slider-thumb-size) / -2);
25983
- top: calc(var(--v-slider-thumb-size) / -2);
25984
- width: calc(var(--v-slider-thumb-size) * 2);
25985
- height: calc(var(--v-slider-thumb-size) * 2);
25986
- background: inherit;
25987
- }
25988
-
25989
- .v-slider.v-input--horizontal .v-slider-thumb {
25990
- top: 50%;
25991
- transform: translateY(-50%);
25992
- inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25993
- }
25994
- .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25995
- left: calc(var(--v-slider-thumb-size) / 2);
25996
- top: 0;
25997
- }
25998
- .v-slider.v-input--horizontal .v-slider-thumb__label {
25999
- bottom: calc(var(--v-slider-thumb-size) / 2);
26000
- }
26001
- .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 {
26002
- transform: translateX(-50%);
26003
- }
26004
-
26005
- .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 {
26006
- transform: translateX(50%);
26007
- }
26008
-
26009
- .v-slider.v-input--horizontal .v-slider-thumb__label::before {
26010
- border-left: 6px solid transparent;
26011
- border-right: 6px solid transparent;
26012
- border-top: 6px solid currentColor;
26013
- bottom: -6px;
26014
- }
26015
-
26016
- .v-slider.v-input--vertical .v-slider-thumb {
26017
- top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26018
- }
26019
- .v-slider.v-input--vertical .v-slider-thumb__label-container {
26020
- top: calc(var(--v-slider-thumb-size) / 2);
26021
- right: 0;
26022
- }
26023
- .v-slider.v-input--vertical .v-slider-thumb__label {
26024
- top: -12.5px;
26025
- left: calc(var(--v-slider-thumb-size) / 2);
26026
- }
26027
- .v-slider.v-input--vertical .v-slider-thumb__label::before {
26028
- border-right: 6px solid currentColor;
26029
- border-top: 6px solid transparent;
26030
- border-bottom: 6px solid transparent;
26031
- left: -6px;
26032
- }
26033
-
26034
- .v-slider-thumb--focused .v-slider-thumb__surface::before {
26035
- transform: scale(2);
26036
- opacity: var(--v-focus-opacity);
26037
- }
26038
-
26039
- .v-slider-thumb--pressed {
26040
- transition: none;
26041
- }
26042
- .v-slider-thumb--pressed .v-slider-thumb__surface::before {
26043
- opacity: var(--v-pressed-opacity);
26044
- }
26045
-
26046
- @media (hover: hover) {
26047
- .v-slider-thumb:hover .v-slider-thumb__surface::before {
26048
- transform: scale(2);
26049
- }
26050
- .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
26051
- opacity: var(--v-hover-opacity);
26052
- }
26053
26053
  }