@vuetify/nightly 3.6.9-master.2024-06-12 → 3.6.9-master.2024-06-15

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.9-master.2024-06-12
2
+ * Vuetify v3.6.9-master.2024-06-15
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -18188,63 +18188,6 @@ html.overflow-y-hidden {
18188
18188
  .v-bottom-sheet.v-bottom-sheet--inset {
18189
18189
  max-width: 70%;
18190
18190
  }
18191
- }.v-breadcrumbs {
18192
- display: flex;
18193
- align-items: center;
18194
- line-height: 1.6;
18195
- padding: 16px 12px;
18196
- }
18197
- .v-breadcrumbs--rounded {
18198
- border-radius: 4px;
18199
- }
18200
- .v-breadcrumbs--density-default {
18201
- padding-top: 16px;
18202
- padding-bottom: 16px;
18203
- }
18204
-
18205
- .v-breadcrumbs--density-comfortable {
18206
- padding-top: 12px;
18207
- padding-bottom: 12px;
18208
- }
18209
-
18210
- .v-breadcrumbs--density-compact {
18211
- padding-top: 8px;
18212
- padding-bottom: 8px;
18213
- }
18214
-
18215
- .v-breadcrumbs__prepend {
18216
- align-items: center;
18217
- display: inline-flex;
18218
- }
18219
-
18220
- .v-breadcrumbs-item {
18221
- align-items: center;
18222
- color: inherit;
18223
- display: inline-flex;
18224
- padding: 0 4px;
18225
- text-decoration: none;
18226
- vertical-align: middle;
18227
- }
18228
- .v-breadcrumbs-item--disabled {
18229
- opacity: var(--v-disabled-opacity);
18230
- pointer-events: none;
18231
- }
18232
- .v-breadcrumbs-item--link {
18233
- color: inherit;
18234
- text-decoration: none;
18235
- }
18236
- .v-breadcrumbs-item--link:hover {
18237
- text-decoration: underline;
18238
- }
18239
- .v-breadcrumbs-item .v-icon {
18240
- font-size: 1rem;
18241
- margin-inline: -4px 2px;
18242
- }
18243
-
18244
- .v-breadcrumbs-divider {
18245
- display: inline-block;
18246
- padding: 0 8px;
18247
- vertical-align: middle;
18248
18191
  }.v-btn {
18249
18192
  align-items: center;
18250
18193
  border-radius: 4px;
@@ -18663,6 +18606,63 @@ html.overflow-y-hidden {
18663
18606
  }
18664
18607
  .v-pagination__item--is-active .v-btn__overlay {
18665
18608
  opacity: var(--v-border-opacity);
18609
+ }.v-breadcrumbs {
18610
+ display: flex;
18611
+ align-items: center;
18612
+ line-height: 1.6;
18613
+ padding: 16px 12px;
18614
+ }
18615
+ .v-breadcrumbs--rounded {
18616
+ border-radius: 4px;
18617
+ }
18618
+ .v-breadcrumbs--density-default {
18619
+ padding-top: 16px;
18620
+ padding-bottom: 16px;
18621
+ }
18622
+
18623
+ .v-breadcrumbs--density-comfortable {
18624
+ padding-top: 12px;
18625
+ padding-bottom: 12px;
18626
+ }
18627
+
18628
+ .v-breadcrumbs--density-compact {
18629
+ padding-top: 8px;
18630
+ padding-bottom: 8px;
18631
+ }
18632
+
18633
+ .v-breadcrumbs__prepend {
18634
+ align-items: center;
18635
+ display: inline-flex;
18636
+ }
18637
+
18638
+ .v-breadcrumbs-item {
18639
+ align-items: center;
18640
+ color: inherit;
18641
+ display: inline-flex;
18642
+ padding: 0 4px;
18643
+ text-decoration: none;
18644
+ vertical-align: middle;
18645
+ }
18646
+ .v-breadcrumbs-item--disabled {
18647
+ opacity: var(--v-disabled-opacity);
18648
+ pointer-events: none;
18649
+ }
18650
+ .v-breadcrumbs-item--link {
18651
+ color: inherit;
18652
+ text-decoration: none;
18653
+ }
18654
+ .v-breadcrumbs-item--link:hover {
18655
+ text-decoration: underline;
18656
+ }
18657
+ .v-breadcrumbs-item .v-icon {
18658
+ font-size: 1rem;
18659
+ margin-inline: -4px 2px;
18660
+ }
18661
+
18662
+ .v-breadcrumbs-divider {
18663
+ display: inline-block;
18664
+ padding: 0 8px;
18665
+ vertical-align: middle;
18666
18666
  }.v-btn-group {
18667
18667
  display: inline-flex;
18668
18668
  flex-wrap: nowrap;
@@ -19859,62 +19859,6 @@ html.overflow-y-hidden {
19859
19859
  }
19860
19860
  .v-date-picker--show-week {
19861
19861
  width: 368px;
19862
- }.v-date-picker-controls {
19863
- display: flex;
19864
- align-items: center;
19865
- justify-content: space-between;
19866
- font-size: 0.875rem;
19867
- padding-top: 4px;
19868
- padding-bottom: 4px;
19869
- padding-inline-start: 6px;
19870
- padding-inline-end: 12px;
19871
- }
19872
- .v-date-picker-controls > .v-btn:first-child {
19873
- text-transform: none;
19874
- font-weight: 400;
19875
- line-height: initial;
19876
- letter-spacing: initial;
19877
- }
19878
- .v-date-picker-controls--variant-classic {
19879
- padding-inline-start: 12px;
19880
- }
19881
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
19882
- opacity: 0.7;
19883
- }
19884
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
19885
- cursor: pointer;
19886
- }
19887
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
19888
- opacity: 1;
19889
- }
19890
- .v-date-picker-controls .v-btn:last-child {
19891
- margin-inline-start: 4px;
19892
- }
19893
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
19894
- transform: rotate(180deg);
19895
- }
19896
-
19897
- .v-date-picker-controls__date {
19898
- margin-inline-end: 4px;
19899
- }
19900
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
19901
- margin: auto;
19902
- text-align: center;
19903
- }
19904
-
19905
- .v-date-picker-controls__month {
19906
- display: flex;
19907
- }
19908
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
19909
- flex-direction: row-reverse;
19910
- }
19911
-
19912
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
19913
- flex: 1 0 auto;
19914
- }
19915
-
19916
- .v-date-picker__title {
19917
- display: inline-block;
19918
19862
  }.v-date-picker-header {
19919
19863
  align-items: flex-end;
19920
19864
  height: 70px;
@@ -19975,25 +19919,62 @@ html.overflow-y-hidden {
19975
19919
  .date-picker-header-reverse-transition-leave-to {
19976
19920
  opacity: 0;
19977
19921
  transform: translate(0, 100%);
19978
- }.v-date-picker-months {
19979
- height: 288px;
19980
- }
19981
-
19982
- .v-date-picker-months__content {
19922
+ }.v-date-picker-controls {
19923
+ display: flex;
19983
19924
  align-items: center;
19984
- display: grid;
19985
- flex: 1 1;
19986
- height: inherit;
19987
- justify-content: space-around;
19988
- grid-template-columns: repeat(2, 1fr);
19989
- grid-gap: 0px 24px;
19990
- padding-inline-start: 36px;
19991
- padding-inline-end: 36px;
19925
+ justify-content: space-between;
19926
+ font-size: 0.875rem;
19927
+ padding-top: 4px;
19928
+ padding-bottom: 4px;
19929
+ padding-inline-start: 6px;
19930
+ padding-inline-end: 12px;
19992
19931
  }
19993
- .v-date-picker-months__content .v-btn {
19932
+ .v-date-picker-controls > .v-btn:first-child {
19994
19933
  text-transform: none;
19995
- padding-inline-start: 8px;
19996
- padding-inline-end: 8px;
19934
+ font-weight: 400;
19935
+ line-height: initial;
19936
+ letter-spacing: initial;
19937
+ }
19938
+ .v-date-picker-controls--variant-classic {
19939
+ padding-inline-start: 12px;
19940
+ }
19941
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
19942
+ opacity: 0.7;
19943
+ }
19944
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
19945
+ cursor: pointer;
19946
+ }
19947
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
19948
+ opacity: 1;
19949
+ }
19950
+ .v-date-picker-controls .v-btn:last-child {
19951
+ margin-inline-start: 4px;
19952
+ }
19953
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
19954
+ transform: rotate(180deg);
19955
+ }
19956
+
19957
+ .v-date-picker-controls__date {
19958
+ margin-inline-end: 4px;
19959
+ }
19960
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
19961
+ margin: auto;
19962
+ text-align: center;
19963
+ }
19964
+
19965
+ .v-date-picker-controls__month {
19966
+ display: flex;
19967
+ }
19968
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
19969
+ flex-direction: row-reverse;
19970
+ }
19971
+
19972
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
19973
+ flex: 1 0 auto;
19974
+ }
19975
+
19976
+ .v-date-picker__title {
19977
+ display: inline-block;
19997
19978
  }.v-date-picker-month {
19998
19979
  display: flex;
19999
19980
  justify-content: center;
@@ -20064,56 +20045,25 @@ html.overflow-y-hidden {
20064
20045
  }
20065
20046
  .v-date-picker-years__content .v-btn {
20066
20047
  padding-inline: 8px;
20067
- }.v-divider {
20068
- display: block;
20069
- flex: 1 1 100%;
20070
- height: 0px;
20071
- max-height: 0px;
20072
- opacity: var(--v-border-opacity);
20073
- transition: inherit;
20074
- border-style: solid;
20075
- border-width: thin 0 0 0;
20076
- }
20077
- .v-divider--vertical {
20078
- align-self: stretch;
20079
- border-width: 0 thin 0 0;
20080
- display: inline-flex;
20081
- height: auto;
20082
- margin-left: -1px;
20083
- max-height: 100%;
20084
- max-width: 0px;
20085
- vertical-align: text-bottom;
20086
- width: 0px;
20087
- }
20088
- .v-divider--inset:not(.v-divider--vertical) {
20089
- max-width: calc(100% - 72px);
20090
- margin-inline-start: 72px;
20091
- }
20092
- .v-divider--inset.v-divider--vertical {
20093
- margin-bottom: 8px;
20094
- margin-top: 8px;
20095
- max-height: calc(100% - 16px);
20096
- }
20097
-
20098
- .v-divider__content {
20099
- padding: 0 16px;
20100
- text-wrap: nowrap;
20101
- }
20102
- .v-divider__wrapper--vertical .v-divider__content {
20103
- padding: 4px 0;
20048
+ }.v-date-picker-months {
20049
+ height: 288px;
20104
20050
  }
20105
20051
 
20106
- .v-divider__wrapper {
20107
- display: flex;
20052
+ .v-date-picker-months__content {
20108
20053
  align-items: center;
20109
- justify-content: center;
20110
- }
20111
- .v-divider__wrapper--vertical {
20112
- flex-direction: column;
20113
- height: 100%;
20054
+ display: grid;
20055
+ flex: 1 1;
20056
+ height: inherit;
20057
+ justify-content: space-around;
20058
+ grid-template-columns: repeat(2, 1fr);
20059
+ grid-gap: 0px 24px;
20060
+ padding-inline-start: 36px;
20061
+ padding-inline-end: 36px;
20114
20062
  }
20115
- .v-divider__wrapper--vertical .v-divider {
20116
- margin: 0 auto;
20063
+ .v-date-picker-months__content .v-btn {
20064
+ text-transform: none;
20065
+ padding-inline-start: 8px;
20066
+ padding-inline-end: 8px;
20117
20067
  }.v-dialog {
20118
20068
  align-items: center;
20119
20069
  justify-content: center;
@@ -20206,6 +20156,56 @@ html.overflow-y-hidden {
20206
20156
  -webkit-backface-visibility: hidden;
20207
20157
  backface-visibility: hidden;
20208
20158
  overflow-y: auto;
20159
+ }.v-divider {
20160
+ display: block;
20161
+ flex: 1 1 100%;
20162
+ height: 0px;
20163
+ max-height: 0px;
20164
+ opacity: var(--v-border-opacity);
20165
+ transition: inherit;
20166
+ border-style: solid;
20167
+ border-width: thin 0 0 0;
20168
+ }
20169
+ .v-divider--vertical {
20170
+ align-self: stretch;
20171
+ border-width: 0 thin 0 0;
20172
+ display: inline-flex;
20173
+ height: auto;
20174
+ margin-left: -1px;
20175
+ max-height: 100%;
20176
+ max-width: 0px;
20177
+ vertical-align: text-bottom;
20178
+ width: 0px;
20179
+ }
20180
+ .v-divider--inset:not(.v-divider--vertical) {
20181
+ max-width: calc(100% - 72px);
20182
+ margin-inline-start: 72px;
20183
+ }
20184
+ .v-divider--inset.v-divider--vertical {
20185
+ margin-bottom: 8px;
20186
+ margin-top: 8px;
20187
+ max-height: calc(100% - 16px);
20188
+ }
20189
+
20190
+ .v-divider__content {
20191
+ padding: 0 16px;
20192
+ text-wrap: nowrap;
20193
+ }
20194
+ .v-divider__wrapper--vertical .v-divider__content {
20195
+ padding: 4px 0;
20196
+ }
20197
+
20198
+ .v-divider__wrapper {
20199
+ display: flex;
20200
+ align-items: center;
20201
+ justify-content: center;
20202
+ }
20203
+ .v-divider__wrapper--vertical {
20204
+ flex-direction: column;
20205
+ height: 100%;
20206
+ }
20207
+ .v-divider__wrapper--vertical .v-divider {
20208
+ margin: 0 auto;
20209
20209
  }.v-empty-state {
20210
20210
  align-items: center;
20211
20211
  display: flex;
@@ -20483,35 +20483,6 @@ html.overflow-y-hidden {
20483
20483
  }
20484
20484
  .v-expansion-panels--tile > .v-expansion-panel {
20485
20485
  border-radius: 0;
20486
- }.v-file-input--hide.v-input .v-field,
20487
- .v-file-input--hide.v-input .v-input__control,
20488
- .v-file-input--hide.v-input .v-input__details {
20489
- display: none;
20490
- }
20491
- .v-file-input--hide.v-input .v-input__prepend {
20492
- grid-area: control;
20493
- margin: 0 auto;
20494
- }
20495
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
20496
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
20497
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
20498
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20499
- top: 0px;
20500
- }
20501
- .v-file-input input[type=file] {
20502
- height: 100%;
20503
- left: 0;
20504
- opacity: 0;
20505
- position: absolute;
20506
- top: 0;
20507
- width: 100%;
20508
- z-index: 1;
20509
- }
20510
- .v-file-input .v-input__details {
20511
- padding-inline: 16px;
20512
- }
20513
- .v-input--plain-underlined.v-file-input .v-input__details {
20514
- padding-inline: 0;
20515
20486
  }.v-fab {
20516
20487
  align-items: center;
20517
20488
  display: inline-flex;
@@ -21152,7 +21123,36 @@ textarea.v-field__input::placeholder {
21152
21123
  opacity: 0;
21153
21124
  }
21154
21125
 
21155
- /* endregion */.v-footer {
21126
+ /* endregion */.v-file-input--hide.v-input .v-field,
21127
+ .v-file-input--hide.v-input .v-input__control,
21128
+ .v-file-input--hide.v-input .v-input__details {
21129
+ display: none;
21130
+ }
21131
+ .v-file-input--hide.v-input .v-input__prepend {
21132
+ grid-area: control;
21133
+ margin: 0 auto;
21134
+ }
21135
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21136
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21137
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21138
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21139
+ top: 0px;
21140
+ }
21141
+ .v-file-input input[type=file] {
21142
+ height: 100%;
21143
+ left: 0;
21144
+ opacity: 0;
21145
+ position: absolute;
21146
+ top: 0;
21147
+ width: 100%;
21148
+ z-index: 1;
21149
+ }
21150
+ .v-file-input .v-input__details {
21151
+ padding-inline: 16px;
21152
+ }
21153
+ .v-input--plain-underlined.v-file-input .v-input__details {
21154
+ padding-inline: 0;
21155
+ }.v-footer {
21156
21156
  align-items: center;
21157
21157
  display: flex;
21158
21158
  flex: 1 1 auto;
@@ -21941,6 +21941,31 @@ textarea.v-field__input::placeholder {
21941
21941
 
21942
21942
  .v-img__gradient {
21943
21943
  background-repeat: no-repeat;
21944
+ }.v-infinite-scroll--horizontal {
21945
+ display: flex;
21946
+ flex-direction: row;
21947
+ overflow-x: auto;
21948
+ }
21949
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21950
+ height: 100%;
21951
+ width: 1px;
21952
+ }
21953
+
21954
+ .v-infinite-scroll--vertical {
21955
+ display: flex;
21956
+ flex-direction: column;
21957
+ overflow-y: auto;
21958
+ }
21959
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21960
+ height: 1px;
21961
+ width: 100%;
21962
+ }
21963
+
21964
+ .v-infinite-scroll__side {
21965
+ align-items: center;
21966
+ display: flex;
21967
+ justify-content: center;
21968
+ padding: 8px;
21944
21969
  }.v-input {
21945
21970
  display: grid;
21946
21971
  flex: 1 1 auto;
@@ -22083,36 +22108,6 @@ textarea.v-field__input::placeholder {
22083
22108
 
22084
22109
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
22085
22110
  padding-top: calc(var(--v-input-padding-top) + 0px);
22086
- }.v-infinite-scroll--horizontal {
22087
- display: flex;
22088
- flex-direction: row;
22089
- overflow-x: auto;
22090
- }
22091
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
22092
- height: 100%;
22093
- width: 1px;
22094
- }
22095
-
22096
- .v-infinite-scroll--vertical {
22097
- display: flex;
22098
- flex-direction: column;
22099
- overflow-y: auto;
22100
- }
22101
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
22102
- height: 1px;
22103
- width: 100%;
22104
- }
22105
-
22106
- .v-infinite-scroll__side {
22107
- align-items: center;
22108
- display: flex;
22109
- justify-content: center;
22110
- padding: 8px;
22111
- }.v-item-group {
22112
- flex: 0 1 auto;
22113
- max-width: 100%;
22114
- position: relative;
22115
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22116
22111
  }.v-label {
22117
22112
  align-items: center;
22118
22113
  color: inherit;
@@ -22128,6 +22123,18 @@ textarea.v-field__input::placeholder {
22128
22123
 
22129
22124
  .v-label--clickable {
22130
22125
  cursor: pointer;
22126
+ }.v-item-group {
22127
+ flex: 0 1 auto;
22128
+ max-width: 100%;
22129
+ position: relative;
22130
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22131
+ }.v-layout-item {
22132
+ position: absolute;
22133
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22134
+ }
22135
+
22136
+ .v-layout-item--absolute {
22137
+ position: absolute;
22131
22138
  }.v-layout {
22132
22139
  --v-scrollbar-offset: 0px;
22133
22140
  display: flex;
@@ -22136,13 +22143,6 @@ textarea.v-field__input::placeholder {
22136
22143
  .v-layout--full-height {
22137
22144
  --v-scrollbar-offset: inherit;
22138
22145
  height: 100%;
22139
- }.v-layout-item {
22140
- position: absolute;
22141
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22142
- }
22143
-
22144
- .v-layout-item--absolute {
22145
- position: absolute;
22146
22146
  }.v-list {
22147
22147
  overflow: auto;
22148
22148
  padding: 8px 0;
@@ -22861,83 +22861,27 @@ textarea.v-field__input::placeholder {
22861
22861
  .v-navigation-drawer__append {
22862
22862
  flex: none;
22863
22863
  overflow: hidden;
22864
- }.v-otp-input {
22865
- border-radius: 4px;
22866
- align-items: center;
22867
- display: flex;
22868
- justify-content: center;
22869
- padding: 0.5rem 0;
22870
- position: relative;
22871
- }
22872
- .v-otp-input .v-field {
22873
- height: 100%;
22864
+ }.v-overlay-container {
22865
+ contain: layout;
22866
+ left: 0;
22867
+ pointer-events: none;
22868
+ position: absolute;
22869
+ top: 0;
22870
+ display: contents;
22874
22871
  }
22875
22872
 
22876
- .v-otp-input__divider {
22877
- margin: 0 8px;
22878
- }
22879
-
22880
- .v-otp-input__content {
22881
- align-items: center;
22882
- display: flex;
22883
- gap: 0.5rem;
22884
- height: 64px;
22885
- padding: 0.5rem;
22886
- justify-content: center;
22887
- max-width: 320px;
22888
- position: relative;
22889
- border-radius: inherit;
22890
- }
22891
- .v-otp-input--divided .v-otp-input__content {
22892
- max-width: 360px;
22893
- }
22894
-
22895
- .v-otp-input__field {
22896
- color: inherit;
22897
- font-size: 1.25rem;
22898
- height: 100%;
22899
- outline: none;
22900
- text-align: center;
22901
- width: 100%;
22902
- }
22903
- .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
22904
- -webkit-appearance: none;
22905
- margin: 0;
22906
- }
22907
- .v-otp-input__field[type=number] {
22908
- -moz-appearance: textfield;
22909
- }
22910
-
22911
- .v-otp-input__loader {
22912
- align-items: center;
22913
- display: flex;
22914
- height: 100%;
22915
- justify-content: center;
22916
- width: 100%;
22917
- }
22918
- .v-otp-input__loader .v-progress-linear {
22919
- position: absolute;
22920
- }.v-overlay-container {
22921
- contain: layout;
22922
- left: 0;
22923
- pointer-events: none;
22924
- position: absolute;
22925
- top: 0;
22926
- display: contents;
22927
- }
22928
-
22929
- .v-overlay-scroll-blocked {
22930
- padding-inline-end: var(--v-scrollbar-offset);
22931
- }
22932
- .v-overlay-scroll-blocked:not(html) {
22933
- overflow-y: hidden !important;
22934
- }
22935
- html.v-overlay-scroll-blocked {
22936
- position: fixed;
22937
- top: var(--v-body-scroll-y);
22938
- left: var(--v-body-scroll-x);
22939
- width: 100%;
22940
- height: 100%;
22873
+ .v-overlay-scroll-blocked {
22874
+ padding-inline-end: var(--v-scrollbar-offset);
22875
+ }
22876
+ .v-overlay-scroll-blocked:not(html) {
22877
+ overflow-y: hidden !important;
22878
+ }
22879
+ html.v-overlay-scroll-blocked {
22880
+ position: fixed;
22881
+ top: var(--v-body-scroll-y);
22882
+ left: var(--v-body-scroll-x);
22883
+ width: 100%;
22884
+ height: 100%;
22941
22885
  }
22942
22886
 
22943
22887
  .v-overlay {
@@ -22980,122 +22924,76 @@ html.v-overlay-scroll-blocked {
22980
22924
 
22981
22925
  .v-overlay--scroll-blocked {
22982
22926
  padding-inline-end: var(--v-scrollbar-offset);
22983
- }.v-pagination__list {
22984
- display: inline-flex;
22985
- list-style-type: none;
22986
- justify-content: center;
22987
- width: 100%;
22988
- }
22989
- .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
22990
- margin: 0.3rem;
22991
- }.v-parallax {
22992
- position: relative;
22993
- overflow: hidden;
22994
- }
22995
- .v-parallax--active > .v-img__img {
22996
- will-change: transform;
22997
- }.v-progress-circular {
22927
+ }.v-otp-input {
22928
+ border-radius: 4px;
22998
22929
  align-items: center;
22999
- display: inline-flex;
22930
+ display: flex;
23000
22931
  justify-content: center;
22932
+ padding: 0.5rem 0;
23001
22933
  position: relative;
23002
- vertical-align: middle;
23003
22934
  }
23004
- .v-progress-circular > svg {
23005
- width: 100%;
22935
+ .v-otp-input .v-field {
23006
22936
  height: 100%;
23007
- margin: auto;
23008
- position: absolute;
23009
- top: 0;
23010
- bottom: 0;
23011
- left: 0;
23012
- right: 0;
23013
- z-index: 0;
23014
22937
  }
23015
22938
 
23016
- .v-progress-circular__content {
22939
+ .v-otp-input__divider {
22940
+ margin: 0 8px;
22941
+ }
22942
+
22943
+ .v-otp-input__content {
23017
22944
  align-items: center;
23018
22945
  display: flex;
22946
+ gap: 0.5rem;
22947
+ height: 64px;
22948
+ padding: 0.5rem;
23019
22949
  justify-content: center;
22950
+ max-width: 320px;
22951
+ position: relative;
22952
+ border-radius: inherit;
23020
22953
  }
23021
-
23022
- .v-progress-circular__underlay {
23023
- color: rgba(var(--v-border-color), var(--v-border-opacity));
23024
- stroke: currentColor;
23025
- z-index: 1;
23026
- }
23027
-
23028
- .v-progress-circular__overlay {
23029
- stroke: currentColor;
23030
- transition: all 0.2s ease-in-out, stroke-width 0s;
23031
- z-index: 2;
22954
+ .v-otp-input--divided .v-otp-input__content {
22955
+ max-width: 360px;
23032
22956
  }
23033
22957
 
23034
- .v-progress-circular--size-x-small {
23035
- height: 16px;
23036
- width: 16px;
23037
- }
23038
- .v-progress-circular--size-small {
23039
- height: 24px;
23040
- width: 24px;
23041
- }
23042
- .v-progress-circular--size-default {
23043
- height: 32px;
23044
- width: 32px;
23045
- }
23046
- .v-progress-circular--size-large {
23047
- height: 48px;
23048
- width: 48px;
23049
- }
23050
- .v-progress-circular--size-x-large {
23051
- height: 64px;
23052
- width: 64px;
22958
+ .v-otp-input__field {
22959
+ color: inherit;
22960
+ font-size: 1.25rem;
22961
+ height: 100%;
22962
+ outline: none;
22963
+ text-align: center;
22964
+ width: 100%;
23053
22965
  }
23054
-
23055
- .v-progress-circular--indeterminate > svg {
23056
- animation: progress-circular-rotate 1.4s linear infinite;
23057
- transform-origin: center center;
23058
- transition: all 0.2s ease-in-out;
22966
+ .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
22967
+ -webkit-appearance: none;
22968
+ margin: 0;
23059
22969
  }
23060
- .v-progress-circular--indeterminate .v-progress-circular__overlay {
23061
- animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
23062
- stroke-dasharray: 25, 200;
23063
- stroke-dashoffset: 0;
23064
- stroke-linecap: round;
23065
- transform-origin: center center;
23066
- transform: rotate(-90deg);
22970
+ .v-otp-input__field[type=number] {
22971
+ -moz-appearance: textfield;
23067
22972
  }
23068
22973
 
23069
- .v-progress-circular--disable-shrink > svg {
23070
- animation-duration: 0.7s;
23071
- }
23072
- .v-progress-circular--disable-shrink .v-progress-circular__overlay {
23073
- animation: none;
22974
+ .v-otp-input__loader {
22975
+ align-items: center;
22976
+ display: flex;
22977
+ height: 100%;
22978
+ justify-content: center;
22979
+ width: 100%;
23074
22980
  }
23075
-
23076
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
23077
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
23078
- animation-play-state: paused !important;
22981
+ .v-otp-input__loader .v-progress-linear {
22982
+ position: absolute;
22983
+ }.v-parallax {
22984
+ position: relative;
22985
+ overflow: hidden;
23079
22986
  }
23080
-
23081
- @keyframes progress-circular-dash {
23082
- 0% {
23083
- stroke-dasharray: 1, 200;
23084
- stroke-dashoffset: 0px;
23085
- }
23086
- 50% {
23087
- stroke-dasharray: 100, 200;
23088
- stroke-dashoffset: -15px;
23089
- }
23090
- 100% {
23091
- stroke-dasharray: 100, 200;
23092
- stroke-dashoffset: -124px;
23093
- }
22987
+ .v-parallax--active > .v-img__img {
22988
+ will-change: transform;
22989
+ }.v-pagination__list {
22990
+ display: inline-flex;
22991
+ list-style-type: none;
22992
+ justify-content: center;
22993
+ width: 100%;
23094
22994
  }
23095
- @keyframes progress-circular-rotate {
23096
- 100% {
23097
- transform: rotate(270deg);
23098
- }
22995
+ .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
22996
+ margin: 0.3rem;
23099
22997
  }.v-progress-linear {
23100
22998
  background: transparent;
23101
22999
  overflow: hidden;
@@ -23307,129 +23205,120 @@ html.v-overlay-scroll-blocked {
23307
23205
  0% {
23308
23206
  background-position-x: var(--v-progress-linear-height);
23309
23207
  }
23310
- }.v-radio-group > .v-input__control {
23311
- flex-direction: column;
23312
- }
23313
- .v-radio-group > .v-input__control > .v-label {
23314
- margin-inline-start: 16px;
23315
- }
23316
- .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
23317
- padding-inline-start: 6px;
23318
- margin-top: 8px;
23208
+ }.v-progress-circular {
23209
+ align-items: center;
23210
+ display: inline-flex;
23211
+ justify-content: center;
23212
+ position: relative;
23213
+ vertical-align: middle;
23319
23214
  }
23320
- .v-radio-group .v-input__details {
23321
- padding-inline: 16px;
23322
- }.v-slider .v-slider__container input {
23323
- cursor: default;
23324
- padding: 0;
23215
+ .v-progress-circular > svg {
23325
23216
  width: 100%;
23326
- display: none;
23327
- }
23328
- .v-slider > .v-input__append,
23329
- .v-slider > .v-input__prepend {
23330
- padding: 0;
23217
+ height: 100%;
23218
+ margin: auto;
23219
+ position: absolute;
23220
+ top: 0;
23221
+ bottom: 0;
23222
+ left: 0;
23223
+ right: 0;
23224
+ z-index: 0;
23331
23225
  }
23332
23226
 
23333
- .v-slider__container {
23334
- position: relative;
23335
- min-height: inherit;
23336
- width: 100%;
23337
- height: 100%;
23227
+ .v-progress-circular__content {
23228
+ align-items: center;
23338
23229
  display: flex;
23339
23230
  justify-content: center;
23340
- align-items: center;
23341
- cursor: pointer;
23342
- }
23343
- .v-input--disabled .v-slider__container {
23344
- opacity: var(--v-disabled-opacity);
23345
- }
23346
- .v-input--error:not(.v-input--disabled) .v-slider__container {
23347
- color: rgb(var(--v-theme-error));
23348
23231
  }
23349
23232
 
23350
- .v-slider.v-input--horizontal {
23351
- align-items: center;
23352
- margin-inline: 8px 8px;
23353
- }
23354
- .v-slider.v-input--horizontal > .v-input__control {
23355
- min-height: 32px;
23356
- display: flex;
23357
- align-items: center;
23233
+ .v-progress-circular__underlay {
23234
+ color: rgba(var(--v-border-color), var(--v-border-opacity));
23235
+ stroke: currentColor;
23236
+ z-index: 1;
23358
23237
  }
23359
23238
 
23360
- .v-slider.v-input--vertical {
23361
- justify-content: center;
23362
- margin-top: 12px;
23363
- margin-bottom: 12px;
23364
- }
23365
- .v-slider.v-input--vertical > .v-input__control {
23366
- min-height: 300px;
23239
+ .v-progress-circular__overlay {
23240
+ stroke: currentColor;
23241
+ transition: all 0.2s ease-in-out, stroke-width 0s;
23242
+ z-index: 2;
23367
23243
  }
23368
23244
 
23369
- .v-slider.v-input--disabled {
23370
- pointer-events: none;
23245
+ .v-progress-circular--size-x-small {
23246
+ height: 16px;
23247
+ width: 16px;
23371
23248
  }
23372
-
23373
- .v-slider--has-labels > .v-input__control {
23374
- margin-bottom: 4px;
23249
+ .v-progress-circular--size-small {
23250
+ height: 24px;
23251
+ width: 24px;
23375
23252
  }
23376
-
23377
- .v-slider__label {
23378
- margin-inline-end: 12px;
23379
- }.v-rating {
23380
- max-width: 100%;
23381
- display: inline-flex;
23382
- white-space: nowrap;
23253
+ .v-progress-circular--size-default {
23254
+ height: 32px;
23255
+ width: 32px;
23383
23256
  }
23384
- .v-rating--readonly {
23385
- pointer-events: none;
23257
+ .v-progress-circular--size-large {
23258
+ height: 48px;
23259
+ width: 48px;
23260
+ }
23261
+ .v-progress-circular--size-x-large {
23262
+ height: 64px;
23263
+ width: 64px;
23386
23264
  }
23387
23265
 
23388
- .v-rating__wrapper {
23389
- align-items: center;
23390
- display: inline-flex;
23391
- flex-direction: column;
23266
+ .v-progress-circular--indeterminate > svg {
23267
+ animation: progress-circular-rotate 1.4s linear infinite;
23268
+ transform-origin: center center;
23269
+ transition: all 0.2s ease-in-out;
23392
23270
  }
23393
- .v-rating__wrapper--bottom {
23394
- flex-direction: column-reverse;
23271
+ .v-progress-circular--indeterminate .v-progress-circular__overlay {
23272
+ animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
23273
+ stroke-dasharray: 25, 200;
23274
+ stroke-dashoffset: 0;
23275
+ stroke-linecap: round;
23276
+ transform-origin: center center;
23277
+ transform: rotate(-90deg);
23395
23278
  }
23396
23279
 
23397
- .v-rating__item {
23398
- display: inline-flex;
23399
- position: relative;
23400
- }
23401
- .v-rating__item label {
23402
- cursor: pointer;
23280
+ .v-progress-circular--disable-shrink > svg {
23281
+ animation-duration: 0.7s;
23403
23282
  }
23404
- .v-rating__item .v-btn--variant-plain {
23405
- opacity: 1;
23283
+ .v-progress-circular--disable-shrink .v-progress-circular__overlay {
23284
+ animation: none;
23406
23285
  }
23407
- .v-rating__item .v-btn {
23408
- transition-property: transform;
23286
+
23287
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
23288
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
23289
+ animation-play-state: paused !important;
23409
23290
  }
23410
- .v-rating__item .v-btn .v-icon {
23411
- transition: inherit;
23412
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
23291
+
23292
+ @keyframes progress-circular-dash {
23293
+ 0% {
23294
+ stroke-dasharray: 1, 200;
23295
+ stroke-dashoffset: 0px;
23296
+ }
23297
+ 50% {
23298
+ stroke-dasharray: 100, 200;
23299
+ stroke-dashoffset: -15px;
23300
+ }
23301
+ 100% {
23302
+ stroke-dasharray: 100, 200;
23303
+ stroke-dashoffset: -124px;
23304
+ }
23413
23305
  }
23414
- .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
23415
- transform: scale(1.25);
23306
+ @keyframes progress-circular-rotate {
23307
+ 100% {
23308
+ transform: rotate(270deg);
23309
+ }
23310
+ }.v-radio-group > .v-input__control {
23311
+ flex-direction: column;
23416
23312
  }
23417
- .v-rating__item--half {
23418
- overflow: hidden;
23419
- position: absolute;
23420
- -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23421
- clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23422
- z-index: 1;
23313
+ .v-radio-group > .v-input__control > .v-label {
23314
+ margin-inline-start: 16px;
23423
23315
  }
23424
- .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
23425
- opacity: 0;
23316
+ .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
23317
+ padding-inline-start: 6px;
23318
+ margin-top: 8px;
23426
23319
  }
23427
-
23428
- .v-rating__hidden {
23429
- height: 0;
23430
- opacity: 0;
23431
- position: absolute;
23432
- width: 0;
23320
+ .v-radio-group .v-input__details {
23321
+ padding-inline: 16px;
23433
23322
  }.v-responsive {
23434
23323
  display: flex;
23435
23324
  flex: 1 0 auto;
@@ -23456,54 +23345,63 @@ html.v-overlay-scroll-blocked {
23456
23345
  flex: 1 0 0px;
23457
23346
  transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23458
23347
  pointer-events: none;
23459
- }.v-select .v-field .v-text-field__prefix,
23460
- .v-select .v-field .v-text-field__suffix,
23461
- .v-select .v-field .v-field__input, .v-select .v-field.v-field {
23462
- cursor: pointer;
23348
+ }.v-slider .v-slider__container input {
23349
+ cursor: default;
23350
+ padding: 0;
23351
+ width: 100%;
23352
+ display: none;
23463
23353
  }
23464
- .v-select .v-field .v-field__input > input {
23465
- align-self: flex-start;
23466
- opacity: 1;
23467
- flex: 0 0;
23468
- position: absolute;
23354
+ .v-slider > .v-input__append,
23355
+ .v-slider > .v-input__prepend {
23356
+ padding: 0;
23357
+ }
23358
+
23359
+ .v-slider__container {
23360
+ position: relative;
23361
+ min-height: inherit;
23469
23362
  width: 100%;
23470
- transition: none;
23471
- pointer-events: none;
23472
- caret-color: transparent;
23363
+ height: 100%;
23364
+ display: flex;
23365
+ justify-content: center;
23366
+ align-items: center;
23367
+ cursor: pointer;
23473
23368
  }
23474
- .v-select .v-field--dirty .v-select__selection {
23475
- margin-inline-end: 2px;
23369
+ .v-input--disabled .v-slider__container {
23370
+ opacity: var(--v-disabled-opacity);
23476
23371
  }
23477
- .v-select .v-select__selection-text {
23478
- overflow: hidden;
23479
- text-overflow: ellipsis;
23480
- white-space: nowrap;
23372
+ .v-input--error:not(.v-input--disabled) .v-slider__container {
23373
+ color: rgb(var(--v-theme-error));
23481
23374
  }
23482
- .v-select__content {
23483
- overflow: hidden;
23484
- 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));
23485
- border-radius: 4px;
23375
+
23376
+ .v-slider.v-input--horizontal {
23377
+ align-items: center;
23378
+ margin-inline: 8px 8px;
23486
23379
  }
23487
- .v-select__selection {
23488
- display: inline-flex;
23380
+ .v-slider.v-input--horizontal > .v-input__control {
23381
+ min-height: 32px;
23382
+ display: flex;
23489
23383
  align-items: center;
23490
- letter-spacing: inherit;
23491
- line-height: inherit;
23492
- max-width: 100%;
23493
23384
  }
23494
- .v-select .v-select__selection:first-child {
23495
- margin-inline-start: 0;
23385
+
23386
+ .v-slider.v-input--vertical {
23387
+ justify-content: center;
23388
+ margin-top: 12px;
23389
+ margin-bottom: 12px;
23496
23390
  }
23497
- .v-select--selected .v-field .v-field__input > input {
23498
- opacity: 0;
23391
+ .v-slider.v-input--vertical > .v-input__control {
23392
+ min-height: 300px;
23499
23393
  }
23500
- .v-select__menu-icon {
23501
- margin-inline-start: 4px;
23502
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23394
+
23395
+ .v-slider.v-input--disabled {
23396
+ pointer-events: none;
23503
23397
  }
23504
- .v-select--active-menu .v-select__menu-icon {
23505
- opacity: var(--v-high-emphasis-opacity);
23506
- transform: rotate(180deg);
23398
+
23399
+ .v-slider--has-labels > .v-input__control {
23400
+ margin-bottom: 4px;
23401
+ }
23402
+
23403
+ .v-slider__label {
23404
+ margin-inline-end: 12px;
23507
23405
  }.v-selection-control {
23508
23406
  align-items: center;
23509
23407
  contain: layout;
@@ -23605,33 +23503,81 @@ html.v-overlay-scroll-blocked {
23605
23503
  }
23606
23504
  .v-selection-control--focus-visible .v-selection-control__input::before {
23607
23505
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
23608
- }.v-selection-control-group {
23609
- grid-area: control;
23610
- display: flex;
23611
- flex-direction: column;
23612
- }
23613
- .v-selection-control-group--inline {
23614
- flex-direction: row;
23615
- flex-wrap: wrap;
23616
- }.v-sheet {
23617
- display: block;
23618
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
23619
- border-style: solid;
23620
- border-width: 0;
23621
- 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));
23622
- border-radius: 0;
23623
- background: rgb(var(--v-theme-surface));
23624
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
23625
- }
23626
- .v-sheet--border {
23627
- border-width: thin;
23628
- box-shadow: none;
23506
+ }.v-select .v-field .v-text-field__prefix,
23507
+ .v-select .v-field .v-text-field__suffix,
23508
+ .v-select .v-field .v-field__input, .v-select .v-field.v-field {
23509
+ cursor: pointer;
23629
23510
  }
23630
- .v-sheet--absolute {
23511
+ .v-select .v-field .v-field__input > input {
23512
+ align-self: flex-start;
23513
+ opacity: 1;
23514
+ flex: 0 0;
23631
23515
  position: absolute;
23516
+ width: 100%;
23517
+ transition: none;
23518
+ pointer-events: none;
23519
+ caret-color: transparent;
23632
23520
  }
23633
- .v-sheet--fixed {
23634
- position: fixed;
23521
+ .v-select .v-field--dirty .v-select__selection {
23522
+ margin-inline-end: 2px;
23523
+ }
23524
+ .v-select .v-select__selection-text {
23525
+ overflow: hidden;
23526
+ text-overflow: ellipsis;
23527
+ white-space: nowrap;
23528
+ }
23529
+ .v-select__content {
23530
+ overflow: hidden;
23531
+ 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));
23532
+ border-radius: 4px;
23533
+ }
23534
+ .v-select__selection {
23535
+ display: inline-flex;
23536
+ align-items: center;
23537
+ letter-spacing: inherit;
23538
+ line-height: inherit;
23539
+ max-width: 100%;
23540
+ }
23541
+ .v-select .v-select__selection:first-child {
23542
+ margin-inline-start: 0;
23543
+ }
23544
+ .v-select--selected .v-field .v-field__input > input {
23545
+ opacity: 0;
23546
+ }
23547
+ .v-select__menu-icon {
23548
+ margin-inline-start: 4px;
23549
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23550
+ }
23551
+ .v-select--active-menu .v-select__menu-icon {
23552
+ opacity: var(--v-high-emphasis-opacity);
23553
+ transform: rotate(180deg);
23554
+ }.v-selection-control-group {
23555
+ grid-area: control;
23556
+ display: flex;
23557
+ flex-direction: column;
23558
+ }
23559
+ .v-selection-control-group--inline {
23560
+ flex-direction: row;
23561
+ flex-wrap: wrap;
23562
+ }.v-sheet {
23563
+ display: block;
23564
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
23565
+ border-style: solid;
23566
+ border-width: 0;
23567
+ 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));
23568
+ border-radius: 0;
23569
+ background: rgb(var(--v-theme-surface));
23570
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
23571
+ }
23572
+ .v-sheet--border {
23573
+ border-width: thin;
23574
+ box-shadow: none;
23575
+ }
23576
+ .v-sheet--absolute {
23577
+ position: absolute;
23578
+ }
23579
+ .v-sheet--fixed {
23580
+ position: fixed;
23635
23581
  }
23636
23582
  .v-sheet--relative {
23637
23583
  position: relative;
@@ -24264,6 +24210,43 @@ html.v-overlay-scroll-blocked {
24264
24210
  width: 100%;
24265
24211
  height: 100%;
24266
24212
  pointer-events: none;
24213
+ }.v-system-bar {
24214
+ align-items: center;
24215
+ display: flex;
24216
+ flex: 1 1 auto;
24217
+ height: 24px;
24218
+ justify-content: flex-end;
24219
+ max-width: 100%;
24220
+ padding-inline: 8px;
24221
+ position: relative;
24222
+ text-align: end;
24223
+ width: 100%;
24224
+ 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));
24225
+ background: rgba(var(--v-theme-surface-light));
24226
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24227
+ font-size: 0.75rem;
24228
+ font-weight: 400;
24229
+ letter-spacing: 0.0333333333em;
24230
+ line-height: 1.667;
24231
+ text-transform: none;
24232
+ }
24233
+ .v-system-bar .v-icon {
24234
+ opacity: var(--v-medium-emphasis-opacity);
24235
+ }
24236
+ .v-system-bar--absolute {
24237
+ position: absolute;
24238
+ }
24239
+ .v-system-bar--fixed {
24240
+ position: fixed;
24241
+ }
24242
+ .v-system-bar--rounded {
24243
+ border-radius: 0;
24244
+ }
24245
+ .v-system-bar--window {
24246
+ height: 32px;
24247
+ }
24248
+ .v-system-bar:not(.v-system-bar--absolute) {
24249
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24267
24250
  }.v-switch .v-label {
24268
24251
  padding-inline-start: 10px;
24269
24252
  }
@@ -24444,43 +24427,6 @@ html.v-overlay-scroll-blocked {
24444
24427
  .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
24445
24428
  border-width: 0;
24446
24429
  }
24447
- }.v-system-bar {
24448
- align-items: center;
24449
- display: flex;
24450
- flex: 1 1 auto;
24451
- height: 24px;
24452
- justify-content: flex-end;
24453
- max-width: 100%;
24454
- padding-inline: 8px;
24455
- position: relative;
24456
- text-align: end;
24457
- width: 100%;
24458
- 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));
24459
- background: rgba(var(--v-theme-surface-light));
24460
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24461
- font-size: 0.75rem;
24462
- font-weight: 400;
24463
- letter-spacing: 0.0333333333em;
24464
- line-height: 1.667;
24465
- text-transform: none;
24466
- }
24467
- .v-system-bar .v-icon {
24468
- opacity: var(--v-medium-emphasis-opacity);
24469
- }
24470
- .v-system-bar--absolute {
24471
- position: absolute;
24472
- }
24473
- .v-system-bar--fixed {
24474
- position: fixed;
24475
- }
24476
- .v-system-bar--rounded {
24477
- border-radius: 0;
24478
- }
24479
- .v-system-bar--window {
24480
- height: 32px;
24481
- }
24482
- .v-system-bar:not(.v-system-bar--absolute) {
24483
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24484
24430
  }.v-tab.v-tab.v-btn {
24485
24431
  height: var(--v-tabs-height);
24486
24432
  border-radius: 0;
@@ -25239,28 +25185,6 @@ html.v-overlay-scroll-blocked {
25239
25185
 
25240
25186
  .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 {
25241
25187
  padding-inline-end: 0;
25242
- }.v-tooltip > .v-overlay__content {
25243
- background: rgb(var(--v-theme-surface-variant));
25244
- color: rgb(var(--v-theme-on-surface-variant));
25245
- border-radius: 4px;
25246
- font-size: 0.875rem;
25247
- line-height: 1.6;
25248
- display: inline-block;
25249
- padding: 5px 16px;
25250
- text-transform: initial;
25251
- width: auto;
25252
- opacity: 1;
25253
- pointer-events: none;
25254
- transition-property: opacity, transform;
25255
- overflow-wrap: break-word;
25256
- }
25257
- .v-tooltip > .v-overlay__content[class*=enter-active] {
25258
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25259
- transition-duration: 150ms;
25260
- }
25261
- .v-tooltip > .v-overlay__content[class*=leave-active] {
25262
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25263
- transition-duration: 75ms;
25264
25188
  }.v-toolbar {
25265
25189
  align-items: flex-start;
25266
25190
  display: flex;
@@ -25390,6 +25314,28 @@ html.v-overlay-scroll-blocked {
25390
25314
  }
25391
25315
  .v-toolbar-items > .v-btn {
25392
25316
  border-radius: 0;
25317
+ }.v-tooltip > .v-overlay__content {
25318
+ background: rgb(var(--v-theme-surface-variant));
25319
+ color: rgb(var(--v-theme-on-surface-variant));
25320
+ border-radius: 4px;
25321
+ font-size: 0.875rem;
25322
+ line-height: 1.6;
25323
+ display: inline-block;
25324
+ padding: 5px 16px;
25325
+ text-transform: initial;
25326
+ width: auto;
25327
+ opacity: 1;
25328
+ pointer-events: none;
25329
+ transition-property: opacity, transform;
25330
+ overflow-wrap: break-word;
25331
+ }
25332
+ .v-tooltip > .v-overlay__content[class*=enter-active] {
25333
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25334
+ transition-duration: 150ms;
25335
+ }
25336
+ .v-tooltip > .v-overlay__content[class*=leave-active] {
25337
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25338
+ transition-duration: 75ms;
25393
25339
  }.v-virtual-scroll {
25394
25340
  display: block;
25395
25341
  flex: 1 1 auto;
@@ -25469,104 +25415,60 @@ html.v-overlay-scroll-blocked {
25469
25415
  }
25470
25416
  .v-window-y-reverse-transition-leave-to {
25471
25417
  transform: translateY(100%);
25472
- }.v-color-picker-edit {
25473
- display: flex;
25474
- margin-top: 24px;
25475
- }
25476
-
25477
- .v-color-picker-edit__input {
25478
- width: 100%;
25479
- display: flex;
25480
- flex-wrap: wrap;
25481
- justify-content: center;
25482
- text-align: center;
25483
- }
25484
- .v-color-picker-edit__input:not(:last-child) {
25485
- margin-inline-end: 8px;
25486
- }
25487
- .v-color-picker-edit__input input {
25488
- border-radius: 4px;
25489
- margin-bottom: 8px;
25490
- min-width: 0;
25491
- outline: none;
25492
- text-align: center;
25493
- width: 100%;
25494
- height: 32px;
25495
- background: rgba(var(--v-theme-surface-variant), 0.2);
25496
- color: rgba(var(--v-theme-on-surface));
25497
- }
25498
- .v-color-picker-edit__input span {
25499
- font-size: 0.75rem;
25500
- }.v-color-picker-preview__alpha .v-slider-track__background {
25501
- background-color: transparent !important;
25502
- }
25503
- .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 {
25504
- background-image: linear-gradient(to right, transparent, var(--v-color-picker-color-hsv));
25505
- }
25506
-
25507
- .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 {
25508
- background-image: linear-gradient(to left, transparent, var(--v-color-picker-color-hsv));
25418
+ }.v-rating {
25419
+ max-width: 100%;
25420
+ display: inline-flex;
25421
+ white-space: nowrap;
25509
25422
  }
25510
-
25511
- .v-color-picker-preview__alpha .v-slider-track__background::after {
25512
- content: "";
25513
- z-index: -1;
25514
- left: 0;
25515
- top: 0;
25516
- width: 100%;
25517
- height: 100%;
25518
- position: absolute;
25519
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25520
- border-radius: inherit;
25423
+ .v-rating--readonly {
25424
+ pointer-events: none;
25521
25425
  }
25522
25426
 
25523
- .v-color-picker-preview__sliders {
25524
- display: flex;
25525
- flex: 1 0 auto;
25427
+ .v-rating__wrapper {
25428
+ align-items: center;
25429
+ display: inline-flex;
25526
25430
  flex-direction: column;
25527
- padding-inline-end: 16px;
25431
+ }
25432
+ .v-rating__wrapper--bottom {
25433
+ flex-direction: column-reverse;
25528
25434
  }
25529
25435
 
25530
- .v-color-picker-preview__dot {
25436
+ .v-rating__item {
25437
+ display: inline-flex;
25531
25438
  position: relative;
25532
- height: 30px;
25533
- width: 30px;
25534
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25535
- border-radius: 50%;
25536
- overflow: hidden;
25537
- margin-inline-end: 24px;
25538
25439
  }
25539
- .v-color-picker-preview__dot > div {
25540
- width: 100%;
25541
- height: 100%;
25440
+ .v-rating__item label {
25441
+ cursor: pointer;
25542
25442
  }
25543
-
25544
- .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 {
25545
- background: linear-gradient(to right, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
25443
+ .v-rating__item .v-btn--variant-plain {
25444
+ opacity: 1;
25546
25445
  }
25547
-
25548
- .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 {
25549
- background: linear-gradient(to left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
25446
+ .v-rating__item .v-btn {
25447
+ transition-property: transform;
25550
25448
  }
25551
-
25552
- .v-color-picker-preview__track {
25553
- position: relative;
25554
- width: 100%;
25555
- margin: 0 !important;
25449
+ .v-rating__item .v-btn .v-icon {
25450
+ transition: inherit;
25451
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25556
25452
  }
25557
- .v-color-picker-preview__track .v-slider-track__fill {
25558
- display: none;
25453
+ .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
25454
+ transform: scale(1.25);
25559
25455
  }
25560
-
25561
- .v-color-picker-preview {
25562
- align-items: center;
25563
- display: flex;
25564
- margin-bottom: 0;
25456
+ .v-rating__item--half {
25457
+ overflow: hidden;
25458
+ position: absolute;
25459
+ -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
25460
+ clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
25461
+ z-index: 1;
25462
+ }
25463
+ .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
25464
+ opacity: 0;
25565
25465
  }
25566
25466
 
25567
- .v-color-picker-preview__eye-dropper {
25568
- position: relative;
25569
- margin-right: 12px;
25467
+ .v-rating__hidden {
25468
+ height: 0;
25469
+ opacity: 0;
25470
+ position: absolute;
25471
+ width: 0;
25570
25472
  }.v-color-picker-canvas {
25571
25473
  display: flex;
25572
25474
  position: relative;
@@ -25624,218 +25526,157 @@ html.v-overlay-scroll-blocked {
25624
25526
  justify-content: center;
25625
25527
  width: 100%;
25626
25528
  height: 100%;
25627
- }.v-picker.v-sheet {
25628
- 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));
25629
- border-radius: 4px;
25630
- display: grid;
25631
- grid-auto-rows: min-content;
25632
- grid-template-areas: "title" "header" "body";
25633
- overflow: hidden;
25529
+ }.v-color-picker-preview__alpha .v-slider-track__background {
25530
+ background-color: transparent !important;
25634
25531
  }
25635
- .v-picker.v-sheet.v-picker--with-actions {
25636
- grid-template-areas: "title" "header" "body" "actions";
25532
+ .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 {
25533
+ background-image: linear-gradient(to right, transparent, var(--v-color-picker-color-hsv));
25637
25534
  }
25638
25535
 
25639
- .v-picker__body {
25640
- grid-area: body;
25641
- overflow: hidden;
25642
- position: relative;
25536
+ .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 {
25537
+ background-image: linear-gradient(to left, transparent, var(--v-color-picker-color-hsv));
25643
25538
  }
25644
25539
 
25645
- .v-picker__header {
25646
- grid-area: header;
25540
+ .v-color-picker-preview__alpha .v-slider-track__background::after {
25541
+ content: "";
25542
+ z-index: -1;
25543
+ left: 0;
25544
+ top: 0;
25545
+ width: 100%;
25546
+ height: 100%;
25547
+ position: absolute;
25548
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25549
+ border-radius: inherit;
25647
25550
  }
25648
25551
 
25649
- .v-picker__actions {
25650
- grid-area: actions;
25651
- padding: 0 12px 12px;
25552
+ .v-color-picker-preview__sliders {
25652
25553
  display: flex;
25653
- align-items: center;
25654
- justify-content: flex-end;
25655
- }
25656
- .v-picker__actions .v-btn {
25657
- min-width: 48px;
25658
- }
25659
- .v-picker__actions .v-btn:not(:last-child) {
25660
- margin-inline-end: 8px;
25661
- }
25662
-
25663
- .v-picker--landscape {
25664
- grid-template-areas: "title" "header body" "header body";
25665
- }
25666
-
25667
- .v-picker--landscape.v-picker--with-actions {
25668
- grid-template-areas: "title" "header body" "header actions";
25554
+ flex: 1 0 auto;
25555
+ flex-direction: column;
25556
+ padding-inline-end: 16px;
25669
25557
  }
25670
25558
 
25671
- .v-picker-title {
25672
- text-transform: uppercase;
25673
- font-size: 0.75rem;
25674
- grid-area: title;
25675
- padding-inline: 24px 12px;
25676
- padding-top: 16px;
25677
- padding-bottom: 16px;
25678
- font-weight: 400;
25679
- letter-spacing: 0.1666666667em;
25680
- }.v-slider-thumb {
25681
- touch-action: none;
25682
- color: rgb(var(--v-theme-surface-variant));
25559
+ .v-color-picker-preview__dot {
25560
+ position: relative;
25561
+ height: 30px;
25562
+ width: 30px;
25563
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25564
+ border-radius: 50%;
25565
+ overflow: hidden;
25566
+ margin-inline-end: 24px;
25683
25567
  }
25684
- .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25685
- color: inherit;
25568
+ .v-color-picker-preview__dot > div {
25569
+ width: 100%;
25570
+ height: 100%;
25686
25571
  }
25687
25572
 
25688
- .v-slider-thumb__label {
25689
- background: rgba(var(--v-theme-surface-variant), 0.7);
25690
- color: rgb(var(--v-theme-on-surface-variant));
25691
- }
25692
- .v-slider-thumb__label::before {
25693
- color: rgba(var(--v-theme-surface-variant), 0.7);
25573
+ .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 {
25574
+ background: linear-gradient(to right, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
25694
25575
  }
25695
25576
 
25696
- .v-slider-thumb {
25697
- outline: none;
25698
- position: absolute;
25699
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25577
+ .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 {
25578
+ background: linear-gradient(to left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
25700
25579
  }
25701
25580
 
25702
- .v-slider-thumb__surface {
25703
- cursor: pointer;
25704
- width: var(--v-slider-thumb-size);
25705
- height: var(--v-slider-thumb-size);
25706
- border-radius: 50%;
25707
- -webkit-user-select: none;
25708
- user-select: none;
25709
- background-color: currentColor;
25710
- }
25711
- @media (forced-colors: active) {
25712
- .v-slider-thumb__surface {
25713
- background-color: highlight;
25714
- }
25715
- }
25716
- .v-slider-thumb__surface::before {
25717
- transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25718
- content: "";
25719
- color: inherit;
25720
- top: 0;
25721
- left: 0;
25581
+ .v-color-picker-preview__track {
25582
+ position: relative;
25722
25583
  width: 100%;
25723
- height: 100%;
25724
- border-radius: 50%;
25725
- background: currentColor;
25726
- position: absolute;
25727
- pointer-events: none;
25728
- opacity: 0;
25729
- }
25730
- .v-slider-thumb__surface::after {
25731
- content: "";
25732
- width: 42px;
25733
- height: 42px;
25734
- position: absolute;
25735
- top: 50%;
25736
- left: 50%;
25737
- transform: translate(-50%, -50%);
25584
+ margin: 0 !important;
25738
25585
  }
25739
-
25740
- .v-slider-thumb__label-container {
25741
- position: absolute;
25742
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25586
+ .v-color-picker-preview__track .v-slider-track__fill {
25587
+ display: none;
25743
25588
  }
25744
25589
 
25745
- .v-slider-thumb__label {
25746
- display: flex;
25590
+ .v-color-picker-preview {
25747
25591
  align-items: center;
25748
- justify-content: center;
25749
- font-size: 0.75rem;
25750
- min-width: 35px;
25751
- height: 25px;
25752
- border-radius: 4px;
25753
- padding: 6px;
25754
- position: absolute;
25755
- -webkit-user-select: none;
25756
- user-select: none;
25757
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25758
- }
25759
- .v-slider-thumb__label::before {
25760
- content: "";
25761
- width: 0;
25762
- height: 0;
25763
- position: absolute;
25592
+ display: flex;
25593
+ margin-bottom: 0;
25764
25594
  }
25765
25595
 
25766
- .v-slider-thumb__ripple {
25767
- position: absolute;
25768
- left: calc(var(--v-slider-thumb-size) / -2);
25769
- top: calc(var(--v-slider-thumb-size) / -2);
25770
- width: calc(var(--v-slider-thumb-size) * 2);
25771
- height: calc(var(--v-slider-thumb-size) * 2);
25772
- background: inherit;
25596
+ .v-color-picker-preview__eye-dropper {
25597
+ position: relative;
25598
+ margin-right: 12px;
25599
+ }.v-color-picker-edit {
25600
+ display: flex;
25601
+ margin-top: 24px;
25773
25602
  }
25774
25603
 
25775
- .v-slider.v-input--horizontal .v-slider-thumb {
25776
- top: 50%;
25777
- transform: translateY(-50%);
25778
- inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25604
+ .v-color-picker-edit__input {
25605
+ width: 100%;
25606
+ display: flex;
25607
+ flex-wrap: wrap;
25608
+ justify-content: center;
25609
+ text-align: center;
25779
25610
  }
25780
- .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25781
- left: calc(var(--v-slider-thumb-size) / 2);
25782
- top: 0;
25611
+ .v-color-picker-edit__input:not(:last-child) {
25612
+ margin-inline-end: 8px;
25783
25613
  }
25784
- .v-slider.v-input--horizontal .v-slider-thumb__label {
25785
- bottom: calc(var(--v-slider-thumb-size) / 2);
25614
+ .v-color-picker-edit__input input {
25615
+ border-radius: 4px;
25616
+ margin-bottom: 8px;
25617
+ min-width: 0;
25618
+ outline: none;
25619
+ text-align: center;
25620
+ width: 100%;
25621
+ height: 32px;
25622
+ background: rgba(var(--v-theme-surface-variant), 0.2);
25623
+ color: rgba(var(--v-theme-on-surface));
25786
25624
  }
25787
- .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 {
25788
- transform: translateX(-50%);
25625
+ .v-color-picker-edit__input span {
25626
+ font-size: 0.75rem;
25627
+ }.v-picker.v-sheet {
25628
+ 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));
25629
+ border-radius: 4px;
25630
+ display: grid;
25631
+ grid-auto-rows: min-content;
25632
+ grid-template-areas: "title" "header" "body";
25633
+ overflow: hidden;
25789
25634
  }
25790
-
25791
- .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 {
25792
- transform: translateX(50%);
25635
+ .v-picker.v-sheet.v-picker--with-actions {
25636
+ grid-template-areas: "title" "header" "body" "actions";
25793
25637
  }
25794
25638
 
25795
- .v-slider.v-input--horizontal .v-slider-thumb__label::before {
25796
- border-left: 6px solid transparent;
25797
- border-right: 6px solid transparent;
25798
- border-top: 6px solid currentColor;
25799
- bottom: -6px;
25639
+ .v-picker__body {
25640
+ grid-area: body;
25641
+ overflow: hidden;
25642
+ position: relative;
25800
25643
  }
25801
25644
 
25802
- .v-slider.v-input--vertical .v-slider-thumb {
25803
- top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25645
+ .v-picker__header {
25646
+ grid-area: header;
25804
25647
  }
25805
- .v-slider.v-input--vertical .v-slider-thumb__label-container {
25806
- top: calc(var(--v-slider-thumb-size) / 2);
25807
- right: 0;
25648
+
25649
+ .v-picker__actions {
25650
+ grid-area: actions;
25651
+ padding: 0 12px 12px;
25652
+ display: flex;
25653
+ align-items: center;
25654
+ justify-content: flex-end;
25808
25655
  }
25809
- .v-slider.v-input--vertical .v-slider-thumb__label {
25810
- top: -12.5px;
25811
- left: calc(var(--v-slider-thumb-size) / 2);
25656
+ .v-picker__actions .v-btn {
25657
+ min-width: 48px;
25812
25658
  }
25813
- .v-slider.v-input--vertical .v-slider-thumb__label::before {
25814
- border-right: 6px solid currentColor;
25815
- border-top: 6px solid transparent;
25816
- border-bottom: 6px solid transparent;
25817
- left: -6px;
25659
+ .v-picker__actions .v-btn:not(:last-child) {
25660
+ margin-inline-end: 8px;
25818
25661
  }
25819
25662
 
25820
- .v-slider-thumb--focused .v-slider-thumb__surface::before {
25821
- transform: scale(2);
25822
- opacity: var(--v-focus-opacity);
25663
+ .v-picker--landscape {
25664
+ grid-template-areas: "title" "header body" "header body";
25823
25665
  }
25824
25666
 
25825
- .v-slider-thumb--pressed {
25826
- transition: none;
25827
- }
25828
- .v-slider-thumb--pressed .v-slider-thumb__surface::before {
25829
- opacity: var(--v-pressed-opacity);
25667
+ .v-picker--landscape.v-picker--with-actions {
25668
+ grid-template-areas: "title" "header body" "header actions";
25830
25669
  }
25831
25670
 
25832
- @media (hover: hover) {
25833
- .v-slider-thumb:hover .v-slider-thumb__surface::before {
25834
- transform: scale(2);
25835
- }
25836
- .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
25837
- opacity: var(--v-hover-opacity);
25838
- }
25671
+ .v-picker-title {
25672
+ text-transform: uppercase;
25673
+ font-size: 0.75rem;
25674
+ grid-area: title;
25675
+ padding-inline: 24px 12px;
25676
+ padding-top: 16px;
25677
+ padding-bottom: 16px;
25678
+ font-weight: 400;
25679
+ letter-spacing: 0.1666666667em;
25839
25680
  }.v-slider-track__background {
25840
25681
  background-color: rgb(var(--v-theme-surface-variant));
25841
25682
  }
@@ -26014,4 +25855,163 @@ html.v-overlay-scroll-blocked {
26014
25855
 
26015
25856
  .v-slider-track__background--opacity {
26016
25857
  opacity: 0.38;
25858
+ }.v-slider-thumb {
25859
+ touch-action: none;
25860
+ color: rgb(var(--v-theme-surface-variant));
25861
+ }
25862
+ .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25863
+ color: inherit;
25864
+ }
25865
+
25866
+ .v-slider-thumb__label {
25867
+ background: rgba(var(--v-theme-surface-variant), 0.7);
25868
+ color: rgb(var(--v-theme-on-surface-variant));
25869
+ }
25870
+ .v-slider-thumb__label::before {
25871
+ color: rgba(var(--v-theme-surface-variant), 0.7);
25872
+ }
25873
+
25874
+ .v-slider-thumb {
25875
+ outline: none;
25876
+ position: absolute;
25877
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25878
+ }
25879
+
25880
+ .v-slider-thumb__surface {
25881
+ cursor: pointer;
25882
+ width: var(--v-slider-thumb-size);
25883
+ height: var(--v-slider-thumb-size);
25884
+ border-radius: 50%;
25885
+ -webkit-user-select: none;
25886
+ user-select: none;
25887
+ background-color: currentColor;
25888
+ }
25889
+ @media (forced-colors: active) {
25890
+ .v-slider-thumb__surface {
25891
+ background-color: highlight;
25892
+ }
25893
+ }
25894
+ .v-slider-thumb__surface::before {
25895
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25896
+ content: "";
25897
+ color: inherit;
25898
+ top: 0;
25899
+ left: 0;
25900
+ width: 100%;
25901
+ height: 100%;
25902
+ border-radius: 50%;
25903
+ background: currentColor;
25904
+ position: absolute;
25905
+ pointer-events: none;
25906
+ opacity: 0;
25907
+ }
25908
+ .v-slider-thumb__surface::after {
25909
+ content: "";
25910
+ width: 42px;
25911
+ height: 42px;
25912
+ position: absolute;
25913
+ top: 50%;
25914
+ left: 50%;
25915
+ transform: translate(-50%, -50%);
25916
+ }
25917
+
25918
+ .v-slider-thumb__label-container {
25919
+ position: absolute;
25920
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25921
+ }
25922
+
25923
+ .v-slider-thumb__label {
25924
+ display: flex;
25925
+ align-items: center;
25926
+ justify-content: center;
25927
+ font-size: 0.75rem;
25928
+ min-width: 35px;
25929
+ height: 25px;
25930
+ border-radius: 4px;
25931
+ padding: 6px;
25932
+ position: absolute;
25933
+ -webkit-user-select: none;
25934
+ user-select: none;
25935
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25936
+ }
25937
+ .v-slider-thumb__label::before {
25938
+ content: "";
25939
+ width: 0;
25940
+ height: 0;
25941
+ position: absolute;
25942
+ }
25943
+
25944
+ .v-slider-thumb__ripple {
25945
+ position: absolute;
25946
+ left: calc(var(--v-slider-thumb-size) / -2);
25947
+ top: calc(var(--v-slider-thumb-size) / -2);
25948
+ width: calc(var(--v-slider-thumb-size) * 2);
25949
+ height: calc(var(--v-slider-thumb-size) * 2);
25950
+ background: inherit;
25951
+ }
25952
+
25953
+ .v-slider.v-input--horizontal .v-slider-thumb {
25954
+ top: 50%;
25955
+ transform: translateY(-50%);
25956
+ inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25957
+ }
25958
+ .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25959
+ left: calc(var(--v-slider-thumb-size) / 2);
25960
+ top: 0;
25961
+ }
25962
+ .v-slider.v-input--horizontal .v-slider-thumb__label {
25963
+ bottom: calc(var(--v-slider-thumb-size) / 2);
25964
+ }
25965
+ .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 {
25966
+ transform: translateX(-50%);
25967
+ }
25968
+
25969
+ .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 {
25970
+ transform: translateX(50%);
25971
+ }
25972
+
25973
+ .v-slider.v-input--horizontal .v-slider-thumb__label::before {
25974
+ border-left: 6px solid transparent;
25975
+ border-right: 6px solid transparent;
25976
+ border-top: 6px solid currentColor;
25977
+ bottom: -6px;
25978
+ }
25979
+
25980
+ .v-slider.v-input--vertical .v-slider-thumb {
25981
+ top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25982
+ }
25983
+ .v-slider.v-input--vertical .v-slider-thumb__label-container {
25984
+ top: calc(var(--v-slider-thumb-size) / 2);
25985
+ right: 0;
25986
+ }
25987
+ .v-slider.v-input--vertical .v-slider-thumb__label {
25988
+ top: -12.5px;
25989
+ left: calc(var(--v-slider-thumb-size) / 2);
25990
+ }
25991
+ .v-slider.v-input--vertical .v-slider-thumb__label::before {
25992
+ border-right: 6px solid currentColor;
25993
+ border-top: 6px solid transparent;
25994
+ border-bottom: 6px solid transparent;
25995
+ left: -6px;
25996
+ }
25997
+
25998
+ .v-slider-thumb--focused .v-slider-thumb__surface::before {
25999
+ transform: scale(2);
26000
+ opacity: var(--v-focus-opacity);
26001
+ }
26002
+
26003
+ .v-slider-thumb--pressed {
26004
+ transition: none;
26005
+ }
26006
+ .v-slider-thumb--pressed .v-slider-thumb__surface::before {
26007
+ opacity: var(--v-pressed-opacity);
26008
+ }
26009
+
26010
+ @media (hover: hover) {
26011
+ .v-slider-thumb:hover .v-slider-thumb__surface::before {
26012
+ transform: scale(2);
26013
+ }
26014
+ .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
26015
+ opacity: var(--v-hover-opacity);
26016
+ }
26017
26017
  }