vuetify 3.5.0 → 3.5.1

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.5.0
2
+ * Vuetify v3.5.1
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17435,77 +17435,6 @@ html.overflow-y-hidden {
17435
17435
  .v-avatar .v-img {
17436
17436
  height: 100%;
17437
17437
  width: 100%;
17438
- }.v-badge {
17439
- display: inline-block;
17440
- line-height: 1;
17441
- }
17442
-
17443
- .v-badge__badge {
17444
- align-items: center;
17445
- display: inline-flex;
17446
- border-radius: 10px;
17447
- font-size: 0.75rem;
17448
- font-weight: 500;
17449
- height: 1.25rem;
17450
- justify-content: center;
17451
- min-width: 20px;
17452
- padding: 4px 6px;
17453
- pointer-events: auto;
17454
- position: absolute;
17455
- text-align: center;
17456
- text-indent: 0;
17457
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
17458
- white-space: nowrap;
17459
- background: rgb(var(--v-theme-surface-variant));
17460
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
17461
- }
17462
- .v-badge--bordered .v-badge__badge::after {
17463
- border-radius: inherit;
17464
- border-style: solid;
17465
- border-width: 2px;
17466
- bottom: 0;
17467
- color: rgb(var(--v-theme-background));
17468
- content: "";
17469
- left: 0;
17470
- position: absolute;
17471
- right: 0;
17472
- top: 0;
17473
- transform: scale(1.05);
17474
- }
17475
- .v-badge--dot .v-badge__badge {
17476
- border-radius: 4.5px;
17477
- height: 9px;
17478
- min-width: 0;
17479
- padding: 0;
17480
- width: 9px;
17481
- }
17482
- .v-badge--dot .v-badge__badge::after {
17483
- border-width: 1.5px;
17484
- }
17485
- .v-badge--inline .v-badge__badge {
17486
- position: relative;
17487
- vertical-align: middle;
17488
- }
17489
- .v-badge__badge .v-icon {
17490
- color: inherit;
17491
- font-size: 0.75rem;
17492
- margin: 0 -2px;
17493
- }
17494
- .v-badge__badge img,
17495
- .v-badge__badge .v-img {
17496
- height: 100%;
17497
- width: 100%;
17498
- }
17499
-
17500
- .v-badge__wrapper {
17501
- display: flex;
17502
- position: relative;
17503
- }
17504
- .v-badge--inline .v-badge__wrapper {
17505
- align-items: center;
17506
- display: inline-flex;
17507
- justify-content: center;
17508
- margin: 0 4px;
17509
17438
  }.v-banner {
17510
17439
  display: grid;
17511
17440
  flex: 1 1;
@@ -17663,6 +17592,77 @@ html.overflow-y-hidden {
17663
17592
  }
17664
17593
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
17665
17594
  align-self: flex-start;
17595
+ }.v-badge {
17596
+ display: inline-block;
17597
+ line-height: 1;
17598
+ }
17599
+
17600
+ .v-badge__badge {
17601
+ align-items: center;
17602
+ display: inline-flex;
17603
+ border-radius: 10px;
17604
+ font-size: 0.75rem;
17605
+ font-weight: 500;
17606
+ height: 1.25rem;
17607
+ justify-content: center;
17608
+ min-width: 20px;
17609
+ padding: 4px 6px;
17610
+ pointer-events: auto;
17611
+ position: absolute;
17612
+ text-align: center;
17613
+ text-indent: 0;
17614
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
17615
+ white-space: nowrap;
17616
+ background: rgb(var(--v-theme-surface-variant));
17617
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
17618
+ }
17619
+ .v-badge--bordered .v-badge__badge::after {
17620
+ border-radius: inherit;
17621
+ border-style: solid;
17622
+ border-width: 2px;
17623
+ bottom: 0;
17624
+ color: rgb(var(--v-theme-background));
17625
+ content: "";
17626
+ left: 0;
17627
+ position: absolute;
17628
+ right: 0;
17629
+ top: 0;
17630
+ transform: scale(1.05);
17631
+ }
17632
+ .v-badge--dot .v-badge__badge {
17633
+ border-radius: 4.5px;
17634
+ height: 9px;
17635
+ min-width: 0;
17636
+ padding: 0;
17637
+ width: 9px;
17638
+ }
17639
+ .v-badge--dot .v-badge__badge::after {
17640
+ border-width: 1.5px;
17641
+ }
17642
+ .v-badge--inline .v-badge__badge {
17643
+ position: relative;
17644
+ vertical-align: middle;
17645
+ }
17646
+ .v-badge__badge .v-icon {
17647
+ color: inherit;
17648
+ font-size: 0.75rem;
17649
+ margin: 0 -2px;
17650
+ }
17651
+ .v-badge__badge img,
17652
+ .v-badge__badge .v-img {
17653
+ height: 100%;
17654
+ width: 100%;
17655
+ }
17656
+
17657
+ .v-badge__wrapper {
17658
+ display: flex;
17659
+ position: relative;
17660
+ }
17661
+ .v-badge--inline .v-badge__wrapper {
17662
+ align-items: center;
17663
+ display: inline-flex;
17664
+ justify-content: center;
17665
+ margin: 0 4px;
17666
17666
  }.v-bottom-navigation {
17667
17667
  display: flex;
17668
17668
  max-width: 100%;
@@ -17807,6 +17807,62 @@ html.overflow-y-hidden {
17807
17807
  .v-bottom-sheet.v-bottom-sheet--inset {
17808
17808
  max-width: 70%;
17809
17809
  }
17810
+ }.v-btn-group {
17811
+ display: inline-flex;
17812
+ flex-wrap: nowrap;
17813
+ max-width: 100%;
17814
+ min-width: 0;
17815
+ overflow: hidden;
17816
+ vertical-align: middle;
17817
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17818
+ border-style: solid;
17819
+ border-width: 0;
17820
+ 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));
17821
+ border-radius: 4px;
17822
+ background: transparent;
17823
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17824
+ }
17825
+ .v-btn-group--border {
17826
+ border-width: thin;
17827
+ box-shadow: none;
17828
+ }
17829
+ .v-btn-group--density-default.v-btn-group {
17830
+ height: 48px;
17831
+ }
17832
+
17833
+ .v-btn-group--density-comfortable.v-btn-group {
17834
+ height: 40px;
17835
+ }
17836
+
17837
+ .v-btn-group--density-compact.v-btn-group {
17838
+ height: 36px;
17839
+ }
17840
+
17841
+ .v-btn-group .v-btn {
17842
+ border-radius: 0;
17843
+ border-color: inherit;
17844
+ }
17845
+ .v-btn-group .v-btn:not(:last-child) {
17846
+ border-inline-end: none;
17847
+ }
17848
+ .v-btn-group .v-btn:not(:first-child) {
17849
+ border-inline-start: none;
17850
+ }
17851
+ .v-btn-group .v-btn:first-child {
17852
+ border-start-start-radius: inherit;
17853
+ border-end-start-radius: inherit;
17854
+ }
17855
+ .v-btn-group .v-btn:last-child {
17856
+ border-start-end-radius: inherit;
17857
+ border-end-end-radius: inherit;
17858
+ }
17859
+ .v-btn-group--divided .v-btn:not(:last-child) {
17860
+ border-inline-end-width: thin;
17861
+ border-inline-end-style: solid;
17862
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
17863
+ }
17864
+ .v-btn-group--tile {
17865
+ border-radius: 0;
17810
17866
  }.v-btn {
17811
17867
  align-items: center;
17812
17868
  border-radius: 4px;
@@ -18210,62 +18266,6 @@ html.overflow-y-hidden {
18210
18266
  }
18211
18267
  .v-pagination__item--is-active .v-btn__overlay {
18212
18268
  opacity: var(--v-border-opacity);
18213
- }.v-btn-group {
18214
- display: inline-flex;
18215
- flex-wrap: nowrap;
18216
- max-width: 100%;
18217
- min-width: 0;
18218
- overflow: hidden;
18219
- vertical-align: middle;
18220
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18221
- border-style: solid;
18222
- border-width: 0;
18223
- 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));
18224
- border-radius: 4px;
18225
- background: transparent;
18226
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18227
- }
18228
- .v-btn-group--border {
18229
- border-width: thin;
18230
- box-shadow: none;
18231
- }
18232
- .v-btn-group--density-default.v-btn-group {
18233
- height: 48px;
18234
- }
18235
-
18236
- .v-btn-group--density-comfortable.v-btn-group {
18237
- height: 40px;
18238
- }
18239
-
18240
- .v-btn-group--density-compact.v-btn-group {
18241
- height: 36px;
18242
- }
18243
-
18244
- .v-btn-group .v-btn {
18245
- border-radius: 0;
18246
- border-color: inherit;
18247
- }
18248
- .v-btn-group .v-btn:not(:last-child) {
18249
- border-inline-end: none;
18250
- }
18251
- .v-btn-group .v-btn:not(:first-child) {
18252
- border-inline-start: none;
18253
- }
18254
- .v-btn-group .v-btn:first-child {
18255
- border-start-start-radius: inherit;
18256
- border-end-start-radius: inherit;
18257
- }
18258
- .v-btn-group .v-btn:last-child {
18259
- border-start-end-radius: inherit;
18260
- border-end-end-radius: inherit;
18261
- }
18262
- .v-btn-group--divided .v-btn:not(:last-child) {
18263
- border-inline-end-width: thin;
18264
- border-inline-end-style: solid;
18265
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
18266
- }
18267
- .v-btn-group--tile {
18268
- border-radius: 0;
18269
18269
  }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18270
18270
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18271
18271
  }
@@ -18638,8 +18638,6 @@ html.overflow-y-hidden {
18638
18638
  flex-direction: column;
18639
18639
  height: 100% !important;
18640
18640
  width: 50px;
18641
- }.v-checkbox .v-selection-control {
18642
- min-height: var(--v-input-control-height);
18643
18641
  }.v-chip {
18644
18642
  align-items: center;
18645
18643
  cursor: default;
@@ -19048,6 +19046,8 @@ html.overflow-y-hidden {
19048
19046
 
19049
19047
  .v-chip--label {
19050
19048
  border-radius: 4px;
19049
+ }.v-checkbox .v-selection-control {
19050
+ min-height: var(--v-input-control-height);
19051
19051
  }.v-chip-group {
19052
19052
  display: flex;
19053
19053
  max-width: 100%;
@@ -19066,26 +19066,6 @@ html.overflow-y-hidden {
19066
19066
  white-space: normal;
19067
19067
  flex-wrap: wrap;
19068
19068
  max-width: 100%;
19069
- }.v-color-picker {
19070
- align-self: flex-start;
19071
- contain: content;
19072
- }
19073
- .v-color-picker.v-sheet {
19074
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19075
- border-radius: 4px;
19076
- }
19077
-
19078
- .v-color-picker__controls {
19079
- display: flex;
19080
- flex-direction: column;
19081
- padding: 16px;
19082
- }
19083
-
19084
- .v-color-picker--flat {
19085
- 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));
19086
- }
19087
- .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
19088
- 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));
19089
19069
  }.v-container {
19090
19070
  width: 100%;
19091
19071
  padding: 16px;
@@ -19758,6 +19738,26 @@ html.overflow-y-hidden {
19758
19738
  .offset-xxl-11 {
19759
19739
  margin-inline-start: 91.6666666667%;
19760
19740
  }
19741
+ }.v-color-picker {
19742
+ align-self: flex-start;
19743
+ contain: content;
19744
+ }
19745
+ .v-color-picker.v-sheet {
19746
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19747
+ border-radius: 4px;
19748
+ }
19749
+
19750
+ .v-color-picker__controls {
19751
+ display: flex;
19752
+ flex-direction: column;
19753
+ padding: 16px;
19754
+ }
19755
+
19756
+ .v-color-picker--flat {
19757
+ 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));
19758
+ }
19759
+ .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
19760
+ 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));
19761
19761
  }.v-combobox .v-field .v-text-field__prefix,
19762
19762
  .v-combobox .v-field .v-text-field__suffix,
19763
19763
  .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
@@ -19844,41 +19844,6 @@ html.overflow-y-hidden {
19844
19844
  flex: 0 1 auto;
19845
19845
  font-size: 12px;
19846
19846
  transition-duration: 150ms;
19847
- }.v-data-table-footer {
19848
- display: flex;
19849
- align-items: center;
19850
- flex-wrap: wrap;
19851
- padding: 4px;
19852
- justify-content: flex-end;
19853
- }
19854
-
19855
- .v-data-table-footer__items-per-page {
19856
- display: flex;
19857
- align-items: center;
19858
- justify-content: center;
19859
- }
19860
- .v-data-table-footer__items-per-page > span {
19861
- padding-inline-end: 8px;
19862
- }
19863
- .v-data-table-footer__items-per-page > .v-select {
19864
- width: 90px;
19865
- }
19866
-
19867
- .v-data-table-footer__info {
19868
- display: flex;
19869
- justify-content: flex-end;
19870
- min-width: 116px;
19871
- padding: 0 16px;
19872
- }
19873
-
19874
- .v-data-table-footer__pagination {
19875
- display: flex;
19876
- align-items: center;
19877
- margin-inline-start: 16px;
19878
- }
19879
-
19880
- .v-data-table-footer__page {
19881
- padding: 0 8px;
19882
19847
  }.v-data-table {
19883
19848
  width: 100%;
19884
19849
  }
@@ -20012,6 +19977,66 @@ html.overflow-y-hidden {
20012
19977
  .v-data-table-rows-loading,
20013
19978
  .v-data-table-rows-no-data {
20014
19979
  text-align: center;
19980
+ }.v-data-table-footer {
19981
+ display: flex;
19982
+ align-items: center;
19983
+ flex-wrap: wrap;
19984
+ padding: 4px;
19985
+ justify-content: flex-end;
19986
+ }
19987
+
19988
+ .v-data-table-footer__items-per-page {
19989
+ display: flex;
19990
+ align-items: center;
19991
+ justify-content: center;
19992
+ }
19993
+ .v-data-table-footer__items-per-page > span {
19994
+ padding-inline-end: 8px;
19995
+ }
19996
+ .v-data-table-footer__items-per-page > .v-select {
19997
+ width: 90px;
19998
+ }
19999
+
20000
+ .v-data-table-footer__info {
20001
+ display: flex;
20002
+ justify-content: flex-end;
20003
+ min-width: 116px;
20004
+ padding: 0 16px;
20005
+ }
20006
+
20007
+ .v-data-table-footer__pagination {
20008
+ display: flex;
20009
+ align-items: center;
20010
+ margin-inline-start: 16px;
20011
+ }
20012
+
20013
+ .v-data-table-footer__page {
20014
+ padding: 0 8px;
20015
+ }.v-date-picker__input {
20016
+ padding-top: 16px;
20017
+ padding-left: 24px;
20018
+ padding-right: 24px;
20019
+ }
20020
+
20021
+ .v-date-picker {
20022
+ overflow: hidden;
20023
+ width: 360px;
20024
+ }
20025
+ .v-date-picker--show-week {
20026
+ width: 408px;
20027
+ }
20028
+
20029
+ .v-date-picker-month {
20030
+ padding: 0 12px 12px;
20031
+ }
20032
+
20033
+ .v-date-picker-month__day {
20034
+ height: 48px;
20035
+ width: 48px;
20036
+ }
20037
+ .v-date-picker-month__day .v-btn {
20038
+ --v-btn-height: 28px;
20039
+ --v-btn-size: 0.85rem;
20015
20040
  }.v-date-picker-header {
20016
20041
  display: grid;
20017
20042
  grid-template-areas: "prepend content append";
@@ -20070,31 +20095,6 @@ html.overflow-y-hidden {
20070
20095
  .date-picker-header-reverse-transition-leave-to {
20071
20096
  opacity: 0;
20072
20097
  transform: translate(0, 100%);
20073
- }.v-date-picker__input {
20074
- padding-top: 16px;
20075
- padding-left: 24px;
20076
- padding-right: 24px;
20077
- }
20078
-
20079
- .v-date-picker {
20080
- overflow: hidden;
20081
- width: 360px;
20082
- }
20083
- .v-date-picker--show-week {
20084
- width: 408px;
20085
- }
20086
-
20087
- .v-date-picker-month {
20088
- padding: 0 12px 12px;
20089
- }
20090
-
20091
- .v-date-picker-month__day {
20092
- height: 48px;
20093
- width: 48px;
20094
- }
20095
- .v-date-picker-month__day .v-btn {
20096
- --v-btn-height: 28px;
20097
- --v-btn-size: 0.85rem;
20098
20098
  }.v-date-picker-controls {
20099
20099
  display: flex;
20100
20100
  align-items: center;
@@ -20171,6 +20171,21 @@ html.overflow-y-hidden {
20171
20171
  text-transform: none;
20172
20172
  padding-inline-start: 8px;
20173
20173
  padding-inline-end: 8px;
20174
+ }.v-date-picker-years {
20175
+ height: 320px;
20176
+ overflow-y: scroll;
20177
+ }
20178
+
20179
+ .v-date-picker-years__content {
20180
+ display: grid;
20181
+ flex: 1 1;
20182
+ justify-content: space-around;
20183
+ grid-template-columns: repeat(3, 1fr);
20184
+ gap: 8px 24px;
20185
+ padding-inline: 36px;
20186
+ }
20187
+ .v-date-picker-years__content .v-btn {
20188
+ padding-inline: 8px;
20174
20189
  }.v-date-picker-month {
20175
20190
  display: flex;
20176
20191
  justify-content: center;
@@ -20220,21 +20235,6 @@ html.overflow-y-hidden {
20220
20235
 
20221
20236
  .v-date-picker-month__day--hide-adjacent {
20222
20237
  opacity: 0;
20223
- }.v-date-picker-years {
20224
- height: 320px;
20225
- overflow-y: scroll;
20226
- }
20227
-
20228
- .v-date-picker-years__content {
20229
- display: grid;
20230
- flex: 1 1;
20231
- justify-content: space-around;
20232
- grid-template-columns: repeat(3, 1fr);
20233
- gap: 8px 24px;
20234
- padding-inline: 36px;
20235
- }
20236
- .v-date-picker-years__content .v-btn {
20237
- padding-inline: 8px;
20238
20238
  }.v-dialog {
20239
20239
  align-items: center;
20240
20240
  justify-content: center;
@@ -21405,28 +21405,6 @@ textarea.v-field__input::placeholder {
21405
21405
  max-width: 100%;
21406
21406
  position: relative;
21407
21407
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21408
- }.v-label {
21409
- align-items: center;
21410
- color: inherit;
21411
- display: inline-flex;
21412
- font-size: 1rem;
21413
- letter-spacing: 0.009375em;
21414
- min-width: 0;
21415
- opacity: var(--v-medium-emphasis-opacity);
21416
- overflow: hidden;
21417
- text-overflow: ellipsis;
21418
- white-space: nowrap;
21419
- }
21420
-
21421
- .v-label--clickable {
21422
- cursor: pointer;
21423
- }.v-layout-item {
21424
- position: absolute;
21425
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21426
- }
21427
-
21428
- .v-layout-item--absolute {
21429
- position: absolute;
21430
21408
  }.v-layout {
21431
21409
  --v-scrollbar-offset: 0px;
21432
21410
  display: flex;
@@ -21435,6 +21413,13 @@ textarea.v-field__input::placeholder {
21435
21413
  .v-layout--full-height {
21436
21414
  --v-scrollbar-offset: inherit;
21437
21415
  height: 100%;
21416
+ }.v-layout-item {
21417
+ position: absolute;
21418
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21419
+ }
21420
+
21421
+ .v-layout-item--absolute {
21422
+ position: absolute;
21438
21423
  }.v-list {
21439
21424
  overflow: auto;
21440
21425
  padding: 8px 0;
@@ -22130,31 +22115,87 @@ textarea.v-field__input::placeholder {
22130
22115
  .v-navigation-drawer__append {
22131
22116
  flex: none;
22132
22117
  overflow: hidden;
22133
- }.v-overlay-container {
22134
- contain: layout;
22135
- left: 0;
22136
- pointer-events: none;
22137
- position: absolute;
22138
- top: 0;
22139
- display: contents;
22140
- }
22141
-
22142
- .v-overlay-scroll-blocked {
22143
- padding-inline-end: var(--v-scrollbar-offset);
22144
- }
22145
- .v-overlay-scroll-blocked:not(html) {
22146
- overflow-y: hidden !important;
22118
+ }.v-otp-input {
22119
+ border-radius: 4px;
22120
+ align-items: center;
22121
+ display: flex;
22122
+ justify-content: center;
22123
+ padding: 0.5rem 0;
22124
+ position: relative;
22147
22125
  }
22148
- html.v-overlay-scroll-blocked {
22149
- position: fixed;
22150
- top: var(--v-body-scroll-y);
22151
- left: var(--v-body-scroll-x);
22152
- width: 100%;
22126
+ .v-otp-input .v-field {
22153
22127
  height: 100%;
22154
22128
  }
22155
22129
 
22156
- .v-overlay {
22157
- border-radius: inherit;
22130
+ .v-otp-input__divider {
22131
+ margin: 0 8px;
22132
+ }
22133
+
22134
+ .v-otp-input__content {
22135
+ align-items: center;
22136
+ display: flex;
22137
+ gap: 0.5rem;
22138
+ height: 64px;
22139
+ padding: 0.5rem;
22140
+ justify-content: center;
22141
+ max-width: 320px;
22142
+ position: relative;
22143
+ border-radius: inherit;
22144
+ }
22145
+ .v-otp-input--divided .v-otp-input__content {
22146
+ max-width: 360px;
22147
+ }
22148
+
22149
+ .v-otp-input__field {
22150
+ color: inherit;
22151
+ font-size: 1.25rem;
22152
+ height: 100%;
22153
+ outline: none;
22154
+ text-align: center;
22155
+ width: 100%;
22156
+ }
22157
+ .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
22158
+ -webkit-appearance: none;
22159
+ margin: 0;
22160
+ }
22161
+ .v-otp-input__field[type=number] {
22162
+ -moz-appearance: textfield;
22163
+ }
22164
+
22165
+ .v-otp-input__loader {
22166
+ align-items: center;
22167
+ display: flex;
22168
+ height: 100%;
22169
+ justify-content: center;
22170
+ width: 100%;
22171
+ }
22172
+ .v-otp-input__loader .v-progress-linear {
22173
+ position: absolute;
22174
+ }.v-overlay-container {
22175
+ contain: layout;
22176
+ left: 0;
22177
+ pointer-events: none;
22178
+ position: absolute;
22179
+ top: 0;
22180
+ display: contents;
22181
+ }
22182
+
22183
+ .v-overlay-scroll-blocked {
22184
+ padding-inline-end: var(--v-scrollbar-offset);
22185
+ }
22186
+ .v-overlay-scroll-blocked:not(html) {
22187
+ overflow-y: hidden !important;
22188
+ }
22189
+ html.v-overlay-scroll-blocked {
22190
+ position: fixed;
22191
+ top: var(--v-body-scroll-y);
22192
+ left: var(--v-body-scroll-x);
22193
+ width: 100%;
22194
+ height: 100%;
22195
+ }
22196
+
22197
+ .v-overlay {
22198
+ border-radius: inherit;
22158
22199
  display: flex;
22159
22200
  left: 0;
22160
22201
  pointer-events: none;
@@ -22193,76 +22234,122 @@ html.v-overlay-scroll-blocked {
22193
22234
 
22194
22235
  .v-overlay--scroll-blocked {
22195
22236
  padding-inline-end: var(--v-scrollbar-offset);
22196
- }.v-otp-input {
22197
- border-radius: 4px;
22237
+ }.v-pagination__list {
22238
+ display: inline-flex;
22239
+ list-style-type: none;
22240
+ justify-content: center;
22241
+ width: 100%;
22242
+ }
22243
+ .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
22244
+ margin: 0.3rem;
22245
+ }.v-parallax {
22246
+ position: relative;
22247
+ overflow: hidden;
22248
+ }
22249
+ .v-parallax--active > .v-img__img {
22250
+ will-change: transform;
22251
+ }.v-progress-circular {
22198
22252
  align-items: center;
22199
- display: flex;
22253
+ display: inline-flex;
22200
22254
  justify-content: center;
22201
- padding: 0.5rem 0;
22202
22255
  position: relative;
22256
+ vertical-align: middle;
22203
22257
  }
22204
- .v-otp-input .v-field {
22258
+ .v-progress-circular > svg {
22259
+ width: 100%;
22205
22260
  height: 100%;
22261
+ margin: auto;
22262
+ position: absolute;
22263
+ top: 0;
22264
+ bottom: 0;
22265
+ left: 0;
22266
+ right: 0;
22267
+ z-index: 0;
22206
22268
  }
22207
22269
 
22208
- .v-otp-input__divider {
22209
- margin: 0 8px;
22210
- }
22211
-
22212
- .v-otp-input__content {
22270
+ .v-progress-circular__content {
22213
22271
  align-items: center;
22214
22272
  display: flex;
22215
- gap: 0.5rem;
22216
- height: 64px;
22217
- padding: 0.5rem;
22218
22273
  justify-content: center;
22219
- max-width: 320px;
22220
- position: relative;
22221
- border-radius: inherit;
22222
22274
  }
22223
- .v-otp-input--divided .v-otp-input__content {
22224
- max-width: 360px;
22275
+
22276
+ .v-progress-circular__underlay {
22277
+ color: rgba(var(--v-border-color), var(--v-border-opacity));
22278
+ stroke: currentColor;
22279
+ z-index: 1;
22225
22280
  }
22226
22281
 
22227
- .v-otp-input__field {
22228
- color: inherit;
22229
- font-size: 1.25rem;
22230
- height: 100%;
22231
- outline: none;
22232
- text-align: center;
22233
- width: 100%;
22282
+ .v-progress-circular__overlay {
22283
+ stroke: currentColor;
22284
+ transition: all 0.2s ease-in-out, stroke-width 0s;
22285
+ z-index: 2;
22234
22286
  }
22235
- .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
22236
- -webkit-appearance: none;
22237
- margin: 0;
22287
+
22288
+ .v-progress-circular--size-x-small {
22289
+ height: 16px;
22290
+ width: 16px;
22238
22291
  }
22239
- .v-otp-input__field[type=number] {
22240
- -moz-appearance: textfield;
22292
+ .v-progress-circular--size-small {
22293
+ height: 24px;
22294
+ width: 24px;
22295
+ }
22296
+ .v-progress-circular--size-default {
22297
+ height: 32px;
22298
+ width: 32px;
22299
+ }
22300
+ .v-progress-circular--size-large {
22301
+ height: 48px;
22302
+ width: 48px;
22303
+ }
22304
+ .v-progress-circular--size-x-large {
22305
+ height: 64px;
22306
+ width: 64px;
22241
22307
  }
22242
22308
 
22243
- .v-otp-input__loader {
22244
- align-items: center;
22245
- display: flex;
22246
- height: 100%;
22247
- justify-content: center;
22248
- width: 100%;
22309
+ .v-progress-circular--indeterminate > svg {
22310
+ animation: progress-circular-rotate 1.4s linear infinite;
22311
+ transform-origin: center center;
22312
+ transition: all 0.2s ease-in-out;
22249
22313
  }
22250
- .v-otp-input__loader .v-progress-linear {
22251
- position: absolute;
22252
- }.v-pagination__list {
22253
- display: inline-flex;
22254
- list-style-type: none;
22255
- justify-content: center;
22256
- width: 100%;
22314
+ .v-progress-circular--indeterminate .v-progress-circular__overlay {
22315
+ animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
22316
+ stroke-dasharray: 25, 200;
22317
+ stroke-dashoffset: 0;
22318
+ stroke-linecap: round;
22319
+ transform-origin: center center;
22320
+ transform: rotate(-90deg);
22257
22321
  }
22258
- .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
22259
- margin: 0.3rem;
22260
- }.v-parallax {
22261
- position: relative;
22262
- overflow: hidden;
22322
+
22323
+ .v-progress-circular--disable-shrink > svg {
22324
+ animation-duration: 0.7s;
22263
22325
  }
22264
- .v-parallax--active > .v-img__img {
22265
- will-change: transform;
22326
+ .v-progress-circular--disable-shrink .v-progress-circular__overlay {
22327
+ animation: none;
22328
+ }
22329
+
22330
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
22331
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
22332
+ animation-play-state: paused !important;
22333
+ }
22334
+
22335
+ @keyframes progress-circular-dash {
22336
+ 0% {
22337
+ stroke-dasharray: 1, 200;
22338
+ stroke-dashoffset: 0px;
22339
+ }
22340
+ 50% {
22341
+ stroke-dasharray: 100, 200;
22342
+ stroke-dashoffset: -15px;
22343
+ }
22344
+ 100% {
22345
+ stroke-dasharray: 100, 200;
22346
+ stroke-dashoffset: -124px;
22347
+ }
22348
+ }
22349
+ @keyframes progress-circular-rotate {
22350
+ 100% {
22351
+ transform: rotate(270deg);
22352
+ }
22266
22353
  }.v-progress-linear {
22267
22354
  background: transparent;
22268
22355
  overflow: hidden;
@@ -22473,140 +22560,38 @@ html.v-overlay-scroll-blocked {
22473
22560
  0% {
22474
22561
  background-position-x: var(--v-progress-linear-height);
22475
22562
  }
22476
- }.v-progress-circular {
22477
- align-items: center;
22478
- display: inline-flex;
22479
- justify-content: center;
22480
- position: relative;
22481
- vertical-align: middle;
22563
+ }.v-radio-group > .v-input__control {
22564
+ flex-direction: column;
22482
22565
  }
22483
- .v-progress-circular > svg {
22566
+ .v-radio-group > .v-input__control > .v-label {
22567
+ margin-inline-start: 16px;
22568
+ }
22569
+ .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
22570
+ padding-inline-start: 6px;
22571
+ margin-top: 8px;
22572
+ }
22573
+ .v-radio-group .v-input__details {
22574
+ padding-inline: 16px;
22575
+ }.v-slider .v-slider__container input {
22576
+ cursor: default;
22577
+ padding: 0;
22484
22578
  width: 100%;
22485
- height: 100%;
22486
- margin: auto;
22487
- position: absolute;
22488
- top: 0;
22489
- bottom: 0;
22490
- left: 0;
22491
- right: 0;
22492
- z-index: 0;
22579
+ display: none;
22580
+ }
22581
+ .v-slider > .v-input__append,
22582
+ .v-slider > .v-input__prepend {
22583
+ padding: 0;
22493
22584
  }
22494
22585
 
22495
- .v-progress-circular__content {
22496
- align-items: center;
22586
+ .v-slider__container {
22587
+ position: relative;
22588
+ min-height: inherit;
22589
+ width: 100%;
22590
+ height: 100%;
22497
22591
  display: flex;
22498
22592
  justify-content: center;
22499
- }
22500
-
22501
- .v-progress-circular__underlay {
22502
- color: rgba(var(--v-border-color), var(--v-border-opacity));
22503
- stroke: currentColor;
22504
- z-index: 1;
22505
- }
22506
-
22507
- .v-progress-circular__overlay {
22508
- stroke: currentColor;
22509
- transition: all 0.2s ease-in-out, stroke-width 0s;
22510
- z-index: 2;
22511
- }
22512
-
22513
- .v-progress-circular--size-x-small {
22514
- height: 16px;
22515
- width: 16px;
22516
- }
22517
- .v-progress-circular--size-small {
22518
- height: 24px;
22519
- width: 24px;
22520
- }
22521
- .v-progress-circular--size-default {
22522
- height: 32px;
22523
- width: 32px;
22524
- }
22525
- .v-progress-circular--size-large {
22526
- height: 48px;
22527
- width: 48px;
22528
- }
22529
- .v-progress-circular--size-x-large {
22530
- height: 64px;
22531
- width: 64px;
22532
- }
22533
-
22534
- .v-progress-circular--indeterminate > svg {
22535
- animation: progress-circular-rotate 1.4s linear infinite;
22536
- transform-origin: center center;
22537
- transition: all 0.2s ease-in-out;
22538
- }
22539
- .v-progress-circular--indeterminate .v-progress-circular__overlay {
22540
- animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
22541
- stroke-dasharray: 25, 200;
22542
- stroke-dashoffset: 0;
22543
- stroke-linecap: round;
22544
- transform-origin: center center;
22545
- transform: rotate(-90deg);
22546
- }
22547
-
22548
- .v-progress-circular--disable-shrink > svg {
22549
- animation-duration: 0.7s;
22550
- }
22551
- .v-progress-circular--disable-shrink .v-progress-circular__overlay {
22552
- animation: none;
22553
- }
22554
-
22555
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
22556
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
22557
- animation-play-state: paused !important;
22558
- }
22559
-
22560
- @keyframes progress-circular-dash {
22561
- 0% {
22562
- stroke-dasharray: 1, 200;
22563
- stroke-dashoffset: 0px;
22564
- }
22565
- 50% {
22566
- stroke-dasharray: 100, 200;
22567
- stroke-dashoffset: -15px;
22568
- }
22569
- 100% {
22570
- stroke-dasharray: 100, 200;
22571
- stroke-dashoffset: -124px;
22572
- }
22573
- }
22574
- @keyframes progress-circular-rotate {
22575
- 100% {
22576
- transform: rotate(270deg);
22577
- }
22578
- }.v-radio-group > .v-input__control {
22579
- flex-direction: column;
22580
- }
22581
- .v-radio-group > .v-input__control > .v-label {
22582
- margin-inline-start: 16px;
22583
- }
22584
- .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
22585
- padding-inline-start: 6px;
22586
- margin-top: 8px;
22587
- }
22588
- .v-radio-group .v-input__details {
22589
- padding-inline: 16px;
22590
- }.v-slider .v-slider__container input {
22591
- cursor: default;
22592
- padding: 0;
22593
- width: 100%;
22594
- display: none;
22595
- }
22596
- .v-slider > .v-input__append,
22597
- .v-slider > .v-input__prepend {
22598
- padding: 0;
22599
- }
22600
-
22601
- .v-slider__container {
22602
- position: relative;
22603
- min-height: inherit;
22604
- width: 100%;
22605
- height: 100%;
22606
- display: flex;
22607
- justify-content: center;
22608
- align-items: center;
22609
- cursor: pointer;
22593
+ align-items: center;
22594
+ cursor: pointer;
22610
22595
  }
22611
22596
  .v-input--disabled .v-slider__container {
22612
22597
  opacity: var(--v-disabled-opacity);
@@ -22873,6 +22858,14 @@ html.v-overlay-scroll-blocked {
22873
22858
  }
22874
22859
  .v-selection-control--focus-visible .v-selection-control__input::before {
22875
22860
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
22861
+ }.v-selection-control-group {
22862
+ grid-area: control;
22863
+ display: flex;
22864
+ flex-direction: column;
22865
+ }
22866
+ .v-selection-control-group--inline {
22867
+ flex-direction: row;
22868
+ flex-wrap: wrap;
22876
22869
  }.v-sheet {
22877
22870
  display: block;
22878
22871
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
@@ -22901,14 +22894,6 @@ html.v-overlay-scroll-blocked {
22901
22894
  }
22902
22895
  .v-sheet--rounded {
22903
22896
  border-radius: 4px;
22904
- }.v-selection-control-group {
22905
- grid-area: control;
22906
- display: flex;
22907
- flex-direction: column;
22908
- }
22909
- .v-selection-control-group--inline {
22910
- flex-direction: row;
22911
- flex-wrap: wrap;
22912
22897
  }.v-skeleton-loader {
22913
22898
  align-items: center;
22914
22899
  background: rgb(var(--v-theme-surface));
@@ -23520,6 +23505,43 @@ html.v-overlay-scroll-blocked {
23520
23505
  }
23521
23506
  .v-switch.v-switch--inset .v-selection-control__wrapper {
23522
23507
  width: auto;
23508
+ }.v-system-bar {
23509
+ align-items: center;
23510
+ display: flex;
23511
+ flex: 1 1 auto;
23512
+ height: 24px;
23513
+ justify-content: flex-end;
23514
+ max-width: 100%;
23515
+ padding-inline: 8px;
23516
+ position: relative;
23517
+ text-align: end;
23518
+ width: 100%;
23519
+ 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));
23520
+ background: rgba(var(--v-theme-surface-light));
23521
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
23522
+ font-size: 0.75rem;
23523
+ font-weight: 400;
23524
+ letter-spacing: 0.0333333333em;
23525
+ line-height: 1.25rem;
23526
+ text-transform: none;
23527
+ }
23528
+ .v-system-bar .v-icon {
23529
+ opacity: var(--v-medium-emphasis-opacity);
23530
+ }
23531
+ .v-system-bar--absolute {
23532
+ position: absolute;
23533
+ }
23534
+ .v-system-bar--fixed {
23535
+ position: fixed;
23536
+ }
23537
+ .v-system-bar--rounded {
23538
+ border-radius: 0;
23539
+ }
23540
+ .v-system-bar--window {
23541
+ height: 32px;
23542
+ }
23543
+ .v-system-bar:not(.v-system-bar--absolute) {
23544
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
23523
23545
  }.v-tabs {
23524
23546
  display: flex;
23525
23547
  height: var(--v-tabs-height);
@@ -23615,205 +23637,59 @@ html.v-overlay-scroll-blocked {
23615
23637
  top: 0;
23616
23638
  height: 100%;
23617
23639
  width: 2px;
23618
- }.v-system-bar {
23619
- align-items: center;
23620
- display: flex;
23621
- flex: 1 1 auto;
23622
- height: 24px;
23623
- justify-content: flex-end;
23624
- max-width: 100%;
23625
- padding-inline: 8px;
23626
- position: relative;
23627
- text-align: end;
23628
- width: 100%;
23629
- 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));
23630
- background: rgba(var(--v-theme-surface-light));
23631
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
23632
- font-size: 0.75rem;
23633
- font-weight: 400;
23634
- letter-spacing: 0.0333333333em;
23635
- line-height: 1.25rem;
23636
- text-transform: none;
23637
- }
23638
- .v-system-bar .v-icon {
23639
- opacity: var(--v-medium-emphasis-opacity);
23640
- }
23641
- .v-system-bar--absolute {
23642
- position: absolute;
23640
+ }.v-table {
23641
+ background: rgb(var(--v-theme-surface));
23642
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
23643
+ font-size: 0.875rem;
23644
+ transition-duration: 0.28s;
23645
+ transition-property: box-shadow, opacity, background, height;
23646
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
23643
23647
  }
23644
- .v-system-bar--fixed {
23645
- position: fixed;
23648
+ .v-table .v-table-divider {
23649
+ border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23646
23650
  }
23647
- .v-system-bar--rounded {
23648
- border-radius: 0;
23651
+ .v-table .v-table__wrapper > table > thead > tr > th {
23652
+ border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23649
23653
  }
23650
- .v-system-bar--window {
23651
- height: 32px;
23654
+ .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > td,
23655
+ .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > th {
23656
+ border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23652
23657
  }
23653
- .v-system-bar:not(.v-system-bar--absolute) {
23654
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
23655
- }/* region BLOCK */
23656
- .v-text-field input {
23657
- color: inherit;
23658
- opacity: 0;
23659
- flex: 1;
23660
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
23661
- min-width: 0;
23658
+ .v-table .v-table__wrapper > table > tfoot > tr > td,
23659
+ .v-table .v-table__wrapper > table > tfoot > tr > th {
23660
+ border-top: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23662
23661
  }
23663
- .v-text-field input:focus, .v-text-field input:active {
23664
- outline: none;
23662
+ .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr > td {
23663
+ position: relative;
23665
23664
  }
23666
- .v-text-field input:invalid {
23667
- box-shadow: none;
23665
+ .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover > td::after {
23666
+ content: "";
23667
+ position: absolute;
23668
+ top: 0;
23669
+ left: 0;
23670
+ width: 100%;
23671
+ height: 100%;
23672
+ background: rgba(var(--v-border-color), var(--v-hover-opacity));
23673
+ pointer-events: none;
23668
23674
  }
23669
- .v-text-field .v-field {
23670
- cursor: text;
23675
+ .v-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
23676
+ background: rgb(var(--v-theme-surface));
23677
+ box-shadow: inset 0 -1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
23678
+ z-index: 1;
23671
23679
  }
23672
- .v-text-field--prefixed.v-text-field .v-field__input {
23673
- --v-field-padding-start: 6px;
23680
+ .v-table.v-table--fixed-footer > tfoot > tr > th,
23681
+ .v-table.v-table--fixed-footer > tfoot > tr > td {
23682
+ background: rgb(var(--v-theme-surface));
23683
+ box-shadow: inset 0 1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
23674
23684
  }
23675
23685
 
23676
- .v-text-field--suffixed.v-text-field .v-field__input {
23677
- --v-field-padding-end: 0;
23678
- }
23679
-
23680
- .v-text-field .v-input__details {
23681
- padding-inline: 16px;
23682
- }
23683
- .v-input--plain-underlined.v-text-field .v-input__details {
23684
- padding-inline: 0;
23685
- }
23686
-
23687
- .v-text-field .v-field--no-label input,
23688
- .v-text-field .v-field--active input {
23689
- opacity: 1;
23690
- }
23691
- .v-text-field .v-field--single-line input {
23692
- transition: none;
23693
- }
23694
-
23695
- /* endregion */
23696
- /* region ELEMENTS */
23697
- .v-text-field__prefix, .v-text-field__suffix {
23698
- align-items: center;
23699
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
23700
- cursor: default;
23701
- display: flex;
23702
- opacity: 0;
23703
- transition: inherit;
23704
- white-space: nowrap;
23705
- min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
23706
- padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
23707
- padding-bottom: var(--v-field-padding-bottom, 6px);
23708
- }
23709
- .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
23710
- opacity: 1;
23711
- }
23712
- .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
23713
- color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
23714
- }
23715
- .v-text-field__prefix {
23716
- padding-inline-start: var(--v-field-padding-start);
23717
- }
23718
- .v-text-field__suffix {
23719
- padding-inline-end: var(--v-field-padding-end);
23720
- }
23721
-
23722
- /* endregion */.v-textarea .v-field {
23723
- --v-textarea-control-height: var(--v-input-control-height);
23724
- }
23725
- .v-textarea .v-field__field {
23726
- --v-input-control-height: var(--v-textarea-control-height);
23727
- }
23728
- .v-textarea .v-field__input {
23729
- flex: 1 1 auto;
23730
- outline: none;
23731
- -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
23732
- mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
23733
- }
23734
- .v-textarea .v-field__input.v-textarea__sizer {
23735
- visibility: hidden;
23736
- position: absolute;
23737
- top: 0;
23738
- left: 0;
23739
- height: 0 !important;
23740
- min-height: 0 !important;
23741
- pointer-events: none;
23742
- }
23743
- .v-textarea--no-resize .v-field__input {
23744
- resize: none;
23745
- }
23746
- .v-textarea .v-field--no-label textarea,
23747
- .v-textarea .v-field--active textarea {
23748
- opacity: 1;
23749
- }
23750
- .v-textarea textarea {
23751
- opacity: 0;
23752
- flex: 1;
23753
- min-width: 0;
23754
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
23755
- }
23756
- .v-textarea textarea:focus, .v-textarea textarea:active {
23757
- outline: none;
23758
- }
23759
- .v-textarea textarea:invalid {
23760
- box-shadow: none;
23761
- }.v-theme-provider {
23762
- background: rgb(var(--v-theme-background));
23763
- color: rgb(var(--v-theme-on-background));
23764
- }.v-table {
23765
- background: rgb(var(--v-theme-surface));
23766
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
23767
- font-size: 0.875rem;
23768
- transition-duration: 0.28s;
23769
- transition-property: box-shadow, opacity, background, height;
23770
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
23771
- }
23772
- .v-table .v-table-divider {
23773
- border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23774
- }
23775
- .v-table .v-table__wrapper > table > thead > tr > th {
23776
- border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23777
- }
23778
- .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > td,
23779
- .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > th {
23780
- border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23781
- }
23782
- .v-table .v-table__wrapper > table > tfoot > tr > td,
23783
- .v-table .v-table__wrapper > table > tfoot > tr > th {
23784
- border-top: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23785
- }
23786
- .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr > td {
23787
- position: relative;
23788
- }
23789
- .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover > td::after {
23790
- content: "";
23791
- position: absolute;
23792
- top: 0;
23793
- left: 0;
23794
- width: 100%;
23795
- height: 100%;
23796
- background: rgba(var(--v-border-color), var(--v-hover-opacity));
23797
- pointer-events: none;
23798
- }
23799
- .v-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
23800
- background: rgb(var(--v-theme-surface));
23801
- box-shadow: inset 0 -1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
23802
- z-index: 1;
23803
- }
23804
- .v-table.v-table--fixed-footer > tfoot > tr > th,
23805
- .v-table.v-table--fixed-footer > tfoot > tr > td {
23806
- background: rgb(var(--v-theme-surface));
23807
- box-shadow: inset 0 1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
23808
- }
23809
-
23810
- .v-table {
23811
- --v-table-header-height: 56px;
23812
- border-radius: inherit;
23813
- line-height: 1.5;
23814
- max-width: 100%;
23815
- display: flex;
23816
- flex-direction: column;
23686
+ .v-table {
23687
+ --v-table-header-height: 56px;
23688
+ border-radius: inherit;
23689
+ line-height: 1.5;
23690
+ max-width: 100%;
23691
+ display: flex;
23692
+ flex-direction: column;
23817
23693
  }
23818
23694
  .v-table > .v-table__wrapper > table {
23819
23695
  width: 100%;
@@ -23904,14 +23780,250 @@ html.v-overlay-scroll-blocked {
23904
23780
  border-bottom: 0px !important;
23905
23781
  }
23906
23782
 
23907
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
23908
- position: sticky;
23909
- bottom: 0;
23910
- z-index: 1;
23783
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
23784
+ position: sticky;
23785
+ bottom: 0;
23786
+ z-index: 1;
23787
+ }
23788
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
23789
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
23790
+ border-top: 0px !important;
23791
+ }.v-textarea .v-field {
23792
+ --v-textarea-control-height: var(--v-input-control-height);
23793
+ }
23794
+ .v-textarea .v-field__field {
23795
+ --v-input-control-height: var(--v-textarea-control-height);
23796
+ }
23797
+ .v-textarea .v-field__input {
23798
+ flex: 1 1 auto;
23799
+ outline: none;
23800
+ -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
23801
+ mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
23802
+ }
23803
+ .v-textarea .v-field__input.v-textarea__sizer {
23804
+ visibility: hidden;
23805
+ position: absolute;
23806
+ top: 0;
23807
+ left: 0;
23808
+ height: 0 !important;
23809
+ min-height: 0 !important;
23810
+ pointer-events: none;
23811
+ }
23812
+ .v-textarea--no-resize .v-field__input {
23813
+ resize: none;
23814
+ }
23815
+ .v-textarea .v-field--no-label textarea,
23816
+ .v-textarea .v-field--active textarea {
23817
+ opacity: 1;
23818
+ }
23819
+ .v-textarea textarea {
23820
+ opacity: 0;
23821
+ flex: 1;
23822
+ min-width: 0;
23823
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
23824
+ }
23825
+ .v-textarea textarea:focus, .v-textarea textarea:active {
23826
+ outline: none;
23827
+ }
23828
+ .v-textarea textarea:invalid {
23829
+ box-shadow: none;
23830
+ }/* region BLOCK */
23831
+ .v-text-field input {
23832
+ color: inherit;
23833
+ opacity: 0;
23834
+ flex: 1;
23835
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
23836
+ min-width: 0;
23837
+ }
23838
+ .v-text-field input:focus, .v-text-field input:active {
23839
+ outline: none;
23840
+ }
23841
+ .v-text-field input:invalid {
23842
+ box-shadow: none;
23843
+ }
23844
+ .v-text-field .v-field {
23845
+ cursor: text;
23846
+ }
23847
+ .v-text-field--prefixed.v-text-field .v-field__input {
23848
+ --v-field-padding-start: 6px;
23849
+ }
23850
+
23851
+ .v-text-field--suffixed.v-text-field .v-field__input {
23852
+ --v-field-padding-end: 0;
23853
+ }
23854
+
23855
+ .v-text-field .v-input__details {
23856
+ padding-inline: 16px;
23857
+ }
23858
+ .v-input--plain-underlined.v-text-field .v-input__details {
23859
+ padding-inline: 0;
23860
+ }
23861
+
23862
+ .v-text-field .v-field--no-label input,
23863
+ .v-text-field .v-field--active input {
23864
+ opacity: 1;
23865
+ }
23866
+ .v-text-field .v-field--single-line input {
23867
+ transition: none;
23868
+ }
23869
+
23870
+ /* endregion */
23871
+ /* region ELEMENTS */
23872
+ .v-text-field__prefix, .v-text-field__suffix {
23873
+ align-items: center;
23874
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
23875
+ cursor: default;
23876
+ display: flex;
23877
+ opacity: 0;
23878
+ transition: inherit;
23879
+ white-space: nowrap;
23880
+ min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
23881
+ padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
23882
+ padding-bottom: var(--v-field-padding-bottom, 6px);
23883
+ }
23884
+ .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
23885
+ opacity: 1;
23886
+ }
23887
+ .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
23888
+ color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
23889
+ }
23890
+ .v-text-field__prefix {
23891
+ padding-inline-start: var(--v-field-padding-start);
23892
+ }
23893
+ .v-text-field__suffix {
23894
+ padding-inline-end: var(--v-field-padding-end);
23895
+ }
23896
+
23897
+ /* endregion */.v-theme-provider {
23898
+ background: rgb(var(--v-theme-background));
23899
+ color: rgb(var(--v-theme-on-background));
23900
+ }.v-toolbar {
23901
+ align-items: flex-start;
23902
+ display: flex;
23903
+ flex: none;
23904
+ flex-direction: column;
23905
+ justify-content: space-between;
23906
+ max-width: 100%;
23907
+ overflow: hidden;
23908
+ position: relative;
23909
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23910
+ transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
23911
+ width: 100%;
23912
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
23913
+ border-style: solid;
23914
+ border-width: 0;
23915
+ 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));
23916
+ border-radius: 0;
23917
+ background: rgb(var(--v-theme-surface-light));
23918
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
23919
+ }
23920
+ .v-toolbar--border {
23921
+ border-width: thin;
23922
+ box-shadow: none;
23923
+ }
23924
+ .v-toolbar--absolute {
23925
+ position: absolute;
23926
+ }
23927
+ .v-toolbar--collapse {
23928
+ max-width: 112px;
23929
+ overflow: hidden;
23930
+ border-end-end-radius: 24px;
23931
+ }
23932
+ .v-toolbar--collapse .v-toolbar-title {
23933
+ display: none;
23934
+ }
23935
+ .v-toolbar--flat {
23936
+ 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));
23937
+ }
23938
+ .v-toolbar--floating {
23939
+ display: inline-flex;
23940
+ }
23941
+ .v-toolbar--rounded {
23942
+ border-radius: 4px;
23943
+ }
23944
+
23945
+ .v-toolbar__content,
23946
+ .v-toolbar__extension {
23947
+ align-items: center;
23948
+ display: flex;
23949
+ flex: 0 0 auto;
23950
+ position: relative;
23951
+ transition: inherit;
23952
+ width: 100%;
23953
+ }
23954
+
23955
+ .v-toolbar__content > .v-btn:first-child {
23956
+ margin-inline-start: 10px;
23957
+ }
23958
+ .v-toolbar__content > .v-btn:last-child {
23959
+ margin-inline-end: 10px;
23960
+ }
23961
+ .v-toolbar__content > .v-toolbar-title {
23962
+ margin-inline-start: 16px;
23963
+ }
23964
+ .v-toolbar--density-prominent .v-toolbar__content {
23965
+ align-items: flex-start;
23966
+ }
23967
+
23968
+ .v-toolbar__image {
23969
+ position: absolute;
23970
+ top: 0;
23971
+ left: 0;
23972
+ width: 100%;
23973
+ height: 100%;
23974
+ display: flex;
23975
+ opacity: var(--v-toolbar-image-opacity, 1);
23976
+ transition-property: opacity;
23977
+ }
23978
+
23979
+ .v-toolbar__prepend,
23980
+ .v-toolbar__append {
23981
+ align-items: center;
23982
+ align-self: stretch;
23983
+ display: flex;
23984
+ }
23985
+
23986
+ .v-toolbar__prepend {
23987
+ margin-inline: 10px auto;
23988
+ }
23989
+
23990
+ .v-toolbar__append {
23991
+ margin-inline: auto 10px;
23992
+ }
23993
+
23994
+ .v-toolbar-title {
23995
+ flex: 1 1;
23996
+ font-size: 1.25rem;
23997
+ min-width: 0;
23998
+ font-size: 1.25rem;
23999
+ font-weight: 400;
24000
+ letter-spacing: 0;
24001
+ line-height: 1.75rem;
24002
+ text-transform: none;
24003
+ }
24004
+ .v-toolbar--density-prominent .v-toolbar-title {
24005
+ align-self: flex-end;
24006
+ padding-bottom: 6px;
24007
+ font-size: 1.5rem;
24008
+ font-weight: 400;
24009
+ letter-spacing: 0;
24010
+ line-height: 2.25rem;
24011
+ text-transform: none;
24012
+ }
24013
+
24014
+ .v-toolbar-title__placeholder {
24015
+ overflow: hidden;
24016
+ text-overflow: ellipsis;
24017
+ white-space: nowrap;
24018
+ }
24019
+
24020
+ .v-toolbar-items {
24021
+ display: flex;
24022
+ height: inherit;
24023
+ align-self: stretch;
23911
24024
  }
23912
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
23913
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
23914
- border-top: 0px !important;
24025
+ .v-toolbar-items > .v-btn {
24026
+ border-radius: 0;
23915
24027
  }.v-timeline .v-timeline-divider__dot {
23916
24028
  background: rgb(var(--v-theme-surface-light));
23917
24029
  }
@@ -24328,133 +24440,21 @@ html.v-overlay-scroll-blocked {
24328
24440
 
24329
24441
  .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 {
24330
24442
  padding-inline-end: 0;
24331
- }.v-toolbar {
24332
- align-items: flex-start;
24333
- display: flex;
24334
- flex: none;
24335
- flex-direction: column;
24336
- justify-content: space-between;
24337
- max-width: 100%;
24338
- overflow: hidden;
24339
- position: relative;
24340
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24341
- transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
24342
- width: 100%;
24343
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
24344
- border-style: solid;
24345
- border-width: 0;
24346
- 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));
24347
- border-radius: 0;
24348
- background: rgb(var(--v-theme-surface-light));
24349
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24350
- }
24351
- .v-toolbar--border {
24352
- border-width: thin;
24353
- box-shadow: none;
24354
- }
24355
- .v-toolbar--absolute {
24356
- position: absolute;
24357
- }
24358
- .v-toolbar--collapse {
24359
- max-width: 112px;
24360
- overflow: hidden;
24361
- border-end-end-radius: 24px;
24362
- }
24363
- .v-toolbar--collapse .v-toolbar-title {
24364
- display: none;
24365
- }
24366
- .v-toolbar--flat {
24367
- 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));
24368
- }
24369
- .v-toolbar--floating {
24370
- display: inline-flex;
24371
- }
24372
- .v-toolbar--rounded {
24373
- border-radius: 4px;
24374
- }
24375
-
24376
- .v-toolbar__content,
24377
- .v-toolbar__extension {
24378
- align-items: center;
24379
- display: flex;
24380
- flex: 0 0 auto;
24381
- position: relative;
24382
- transition: inherit;
24383
- width: 100%;
24384
- }
24385
-
24386
- .v-toolbar__content > .v-btn:first-child {
24387
- margin-inline-start: 10px;
24388
- }
24389
- .v-toolbar__content > .v-btn:last-child {
24390
- margin-inline-end: 10px;
24391
- }
24392
- .v-toolbar__content > .v-toolbar-title {
24393
- margin-inline-start: 16px;
24394
- }
24395
- .v-toolbar--density-prominent .v-toolbar__content {
24396
- align-items: flex-start;
24397
- }
24398
-
24399
- .v-toolbar__image {
24400
- position: absolute;
24401
- top: 0;
24402
- left: 0;
24403
- width: 100%;
24404
- height: 100%;
24405
- display: flex;
24406
- opacity: var(--v-toolbar-image-opacity, 1);
24407
- transition-property: opacity;
24408
- }
24409
-
24410
- .v-toolbar__prepend,
24411
- .v-toolbar__append {
24443
+ }.v-label {
24412
24444
  align-items: center;
24413
- align-self: stretch;
24414
- display: flex;
24415
- }
24416
-
24417
- .v-toolbar__prepend {
24418
- margin-inline: 10px auto;
24419
- }
24420
-
24421
- .v-toolbar__append {
24422
- margin-inline: auto 10px;
24423
- }
24424
-
24425
- .v-toolbar-title {
24426
- flex: 1 1;
24427
- font-size: 1.25rem;
24445
+ color: inherit;
24446
+ display: inline-flex;
24447
+ font-size: 1rem;
24448
+ letter-spacing: 0.009375em;
24428
24449
  min-width: 0;
24429
- font-size: 1.25rem;
24430
- font-weight: 400;
24431
- letter-spacing: 0;
24432
- line-height: 1.75rem;
24433
- text-transform: none;
24434
- }
24435
- .v-toolbar--density-prominent .v-toolbar-title {
24436
- align-self: flex-end;
24437
- padding-bottom: 6px;
24438
- font-size: 1.5rem;
24439
- font-weight: 400;
24440
- letter-spacing: 0;
24441
- line-height: 2.25rem;
24442
- text-transform: none;
24443
- }
24444
-
24445
- .v-toolbar-title__placeholder {
24450
+ opacity: var(--v-medium-emphasis-opacity);
24446
24451
  overflow: hidden;
24447
24452
  text-overflow: ellipsis;
24448
24453
  white-space: nowrap;
24449
24454
  }
24450
24455
 
24451
- .v-toolbar-items {
24452
- display: flex;
24453
- height: inherit;
24454
- align-self: stretch;
24455
- }
24456
- .v-toolbar-items > .v-btn {
24457
- border-radius: 0;
24456
+ .v-label--clickable {
24457
+ cursor: pointer;
24458
24458
  }.v-tooltip > .v-overlay__content {
24459
24459
  background: rgb(var(--v-theme-surface-variant));
24460
24460
  color: rgb(var(--v-theme-on-surface-variant));
@@ -24554,6 +24554,63 @@ html.v-overlay-scroll-blocked {
24554
24554
  }
24555
24555
  .v-virtual-scroll__container {
24556
24556
  display: block;
24557
+ }.v-color-picker-swatches {
24558
+ overflow-y: auto;
24559
+ }
24560
+ .v-color-picker-swatches > div {
24561
+ display: flex;
24562
+ flex-wrap: wrap;
24563
+ justify-content: center;
24564
+ padding: 8px;
24565
+ }
24566
+
24567
+ .v-color-picker-swatches__swatch {
24568
+ display: flex;
24569
+ flex-direction: column;
24570
+ margin-bottom: 10px;
24571
+ }
24572
+
24573
+ .v-color-picker-swatches__color {
24574
+ position: relative;
24575
+ height: 18px;
24576
+ max-height: 18px;
24577
+ width: 45px;
24578
+ margin: 2px 4px;
24579
+ border-radius: 2px;
24580
+ -webkit-user-select: none;
24581
+ user-select: none;
24582
+ overflow: hidden;
24583
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
24584
+ cursor: pointer;
24585
+ }
24586
+ .v-color-picker-swatches__color > div {
24587
+ display: flex;
24588
+ align-items: center;
24589
+ justify-content: center;
24590
+ width: 100%;
24591
+ height: 100%;
24592
+ }.v-color-picker-canvas {
24593
+ display: flex;
24594
+ position: relative;
24595
+ overflow: hidden;
24596
+ contain: content;
24597
+ touch-action: none;
24598
+ }
24599
+ .v-color-picker-canvas__dot {
24600
+ position: absolute;
24601
+ top: 0;
24602
+ left: 0;
24603
+ width: 15px;
24604
+ height: 15px;
24605
+ background: transparent;
24606
+ border-radius: 50%;
24607
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
24608
+ }
24609
+ .v-color-picker-canvas__dot--disabled {
24610
+ 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);
24611
+ }
24612
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
24613
+ will-change: transform;
24557
24614
  }.v-color-picker-edit {
24558
24615
  display: flex;
24559
24616
  margin-top: 24px;
@@ -24651,63 +24708,6 @@ html.v-overlay-scroll-blocked {
24651
24708
  .v-color-picker-preview__eye-dropper {
24652
24709
  position: relative;
24653
24710
  margin-right: 12px;
24654
- }.v-color-picker-canvas {
24655
- display: flex;
24656
- position: relative;
24657
- overflow: hidden;
24658
- contain: content;
24659
- touch-action: none;
24660
- }
24661
- .v-color-picker-canvas__dot {
24662
- position: absolute;
24663
- top: 0;
24664
- left: 0;
24665
- width: 15px;
24666
- height: 15px;
24667
- background: transparent;
24668
- border-radius: 50%;
24669
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
24670
- }
24671
- .v-color-picker-canvas__dot--disabled {
24672
- 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);
24673
- }
24674
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
24675
- will-change: transform;
24676
- }.v-color-picker-swatches {
24677
- overflow-y: auto;
24678
- }
24679
- .v-color-picker-swatches > div {
24680
- display: flex;
24681
- flex-wrap: wrap;
24682
- justify-content: center;
24683
- padding: 8px;
24684
- }
24685
-
24686
- .v-color-picker-swatches__swatch {
24687
- display: flex;
24688
- flex-direction: column;
24689
- margin-bottom: 10px;
24690
- }
24691
-
24692
- .v-color-picker-swatches__color {
24693
- position: relative;
24694
- height: 18px;
24695
- max-height: 18px;
24696
- width: 45px;
24697
- margin: 2px 4px;
24698
- border-radius: 2px;
24699
- -webkit-user-select: none;
24700
- user-select: none;
24701
- overflow: hidden;
24702
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
24703
- cursor: pointer;
24704
- }
24705
- .v-color-picker-swatches__color > div {
24706
- display: flex;
24707
- align-items: center;
24708
- justify-content: center;
24709
- width: 100%;
24710
- height: 100%;
24711
24711
  }.v-picker.v-sheet {
24712
24712
  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));
24713
24713
  border-radius: 4px;