@vuetify/nightly 3.7.0-master.2024-08-26 → 3.7.1-dev.2024-08-28

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.7.0-master.2024-08-26
2
+ * Vuetify v3.7.1-dev.2024-08-28
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -18006,6 +18006,91 @@ html.overflow-y-hidden {
18006
18006
  }
18007
18007
  .v-app-bar:not(.v-toolbar--absolute) {
18008
18008
  padding-inline-end: var(--v-scrollbar-offset);
18009
+ }.v-autocomplete .v-field .v-text-field__prefix,
18010
+ .v-autocomplete .v-field .v-text-field__suffix,
18011
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
18012
+ cursor: text;
18013
+ }
18014
+ .v-autocomplete .v-field .v-field__input > input {
18015
+ flex: 1 1;
18016
+ }
18017
+ .v-autocomplete .v-field input {
18018
+ min-width: 64px;
18019
+ }
18020
+ .v-autocomplete .v-field:not(.v-field--focused) input {
18021
+ min-width: 0;
18022
+ }
18023
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
18024
+ margin-inline-end: 2px;
18025
+ }
18026
+ .v-autocomplete .v-autocomplete__selection-text {
18027
+ overflow: hidden;
18028
+ text-overflow: ellipsis;
18029
+ white-space: nowrap;
18030
+ }
18031
+
18032
+ .v-autocomplete__content {
18033
+ overflow: hidden;
18034
+ }
18035
+ .v-autocomplete__content {
18036
+ 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));
18037
+ }
18038
+ .v-autocomplete__content {
18039
+ border-radius: 4px;
18040
+ }
18041
+ .v-autocomplete__mask {
18042
+ background: rgb(var(--v-theme-surface-light));
18043
+ }
18044
+ .v-autocomplete__selection {
18045
+ display: inline-flex;
18046
+ align-items: center;
18047
+ height: 1.5rem;
18048
+ letter-spacing: inherit;
18049
+ line-height: inherit;
18050
+ max-width: calc(100% - 2px - 2px);
18051
+ }
18052
+ .v-autocomplete__selection:first-child {
18053
+ margin-inline-start: 0;
18054
+ }
18055
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
18056
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
18057
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
18058
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
18059
+ top: 0px;
18060
+ }
18061
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
18062
+ opacity: var(--v-medium-emphasis-opacity);
18063
+ }
18064
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
18065
+ opacity: 1;
18066
+ }
18067
+ .v-autocomplete--selecting-index .v-field__input > input {
18068
+ caret-color: transparent;
18069
+ }
18070
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
18071
+ flex: 1 1;
18072
+ position: absolute;
18073
+ left: 0;
18074
+ right: 0;
18075
+ width: 100%;
18076
+ padding-inline: inherit;
18077
+ }
18078
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
18079
+ transition: none;
18080
+ }
18081
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
18082
+ opacity: 0;
18083
+ }
18084
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
18085
+ opacity: 0;
18086
+ }
18087
+ .v-autocomplete__menu-icon {
18088
+ margin-inline-start: 4px;
18089
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18090
+ }
18091
+ .v-autocomplete--active-menu .v-autocomplete__menu-icon {
18092
+ opacity: var(--v-high-emphasis-opacity);
18093
+ transform: rotate(180deg);
18009
18094
  }.v-alert {
18010
18095
  display: grid;
18011
18096
  flex: 1 1;
@@ -18222,91 +18307,6 @@ html.overflow-y-hidden {
18222
18307
  text-transform: none;
18223
18308
  word-break: normal;
18224
18309
  word-wrap: break-word;
18225
- }.v-autocomplete .v-field .v-text-field__prefix,
18226
- .v-autocomplete .v-field .v-text-field__suffix,
18227
- .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
18228
- cursor: text;
18229
- }
18230
- .v-autocomplete .v-field .v-field__input > input {
18231
- flex: 1 1;
18232
- }
18233
- .v-autocomplete .v-field input {
18234
- min-width: 64px;
18235
- }
18236
- .v-autocomplete .v-field:not(.v-field--focused) input {
18237
- min-width: 0;
18238
- }
18239
- .v-autocomplete .v-field--dirty .v-autocomplete__selection {
18240
- margin-inline-end: 2px;
18241
- }
18242
- .v-autocomplete .v-autocomplete__selection-text {
18243
- overflow: hidden;
18244
- text-overflow: ellipsis;
18245
- white-space: nowrap;
18246
- }
18247
-
18248
- .v-autocomplete__content {
18249
- overflow: hidden;
18250
- }
18251
- .v-autocomplete__content {
18252
- 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));
18253
- }
18254
- .v-autocomplete__content {
18255
- border-radius: 4px;
18256
- }
18257
- .v-autocomplete__mask {
18258
- background: rgb(var(--v-theme-surface-light));
18259
- }
18260
- .v-autocomplete__selection {
18261
- display: inline-flex;
18262
- align-items: center;
18263
- height: 1.5rem;
18264
- letter-spacing: inherit;
18265
- line-height: inherit;
18266
- max-width: calc(100% - 2px - 2px);
18267
- }
18268
- .v-autocomplete__selection:first-child {
18269
- margin-inline-start: 0;
18270
- }
18271
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
18272
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
18273
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
18274
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
18275
- top: 0px;
18276
- }
18277
- .v-autocomplete--selecting-index .v-autocomplete__selection {
18278
- opacity: var(--v-medium-emphasis-opacity);
18279
- }
18280
- .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
18281
- opacity: 1;
18282
- }
18283
- .v-autocomplete--selecting-index .v-field__input > input {
18284
- caret-color: transparent;
18285
- }
18286
- .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
18287
- flex: 1 1;
18288
- position: absolute;
18289
- left: 0;
18290
- right: 0;
18291
- width: 100%;
18292
- padding-inline: inherit;
18293
- }
18294
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
18295
- transition: none;
18296
- }
18297
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
18298
- opacity: 0;
18299
- }
18300
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
18301
- opacity: 0;
18302
- }
18303
- .v-autocomplete__menu-icon {
18304
- margin-inline-start: 4px;
18305
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18306
- }
18307
- .v-autocomplete--active-menu .v-autocomplete__menu-icon {
18308
- opacity: var(--v-high-emphasis-opacity);
18309
- transform: rotate(180deg);
18310
18310
  }.v-avatar {
18311
18311
  flex: none;
18312
18312
  align-items: center;
@@ -18350,7 +18350,7 @@ html.overflow-y-hidden {
18350
18350
  .v-avatar {
18351
18351
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18352
18352
  border-style: solid;
18353
- border-width: thin;
18353
+ border-width: 0;
18354
18354
  }
18355
18355
  .v-avatar--border {
18356
18356
  border-width: thin;
@@ -19307,6 +19307,71 @@ html.overflow-y-hidden {
19307
19307
  .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
19308
19308
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19309
19309
  }
19310
+ }.v-carousel {
19311
+ overflow: hidden;
19312
+ position: relative;
19313
+ width: 100%;
19314
+ }
19315
+ .v-carousel__controls {
19316
+ align-items: center;
19317
+ bottom: 0;
19318
+ display: flex;
19319
+ height: 50px;
19320
+ justify-content: center;
19321
+ list-style-type: none;
19322
+ position: absolute;
19323
+ width: 100%;
19324
+ z-index: 1;
19325
+ }
19326
+ .v-carousel__controls {
19327
+ background: rgba(var(--v-theme-surface-variant), 0.3);
19328
+ color: rgb(var(--v-theme-on-surface-variant));
19329
+ }
19330
+ .v-carousel__controls > .v-item-group {
19331
+ flex: 0 1 auto;
19332
+ }
19333
+ .v-carousel__controls__item {
19334
+ margin: 0 8px;
19335
+ }
19336
+ .v-carousel__controls__item .v-icon {
19337
+ opacity: 0.5;
19338
+ }
19339
+ .v-carousel__controls__item--active .v-icon {
19340
+ opacity: 1;
19341
+ vertical-align: middle;
19342
+ }
19343
+ .v-carousel__controls__item:hover {
19344
+ background: none;
19345
+ }
19346
+ .v-carousel__controls__item:hover .v-icon {
19347
+ opacity: 0.8;
19348
+ }
19349
+
19350
+ .v-carousel__progress {
19351
+ margin: 0;
19352
+ position: absolute;
19353
+ bottom: 0;
19354
+ left: 0;
19355
+ right: 0;
19356
+ }
19357
+
19358
+ .v-carousel-item {
19359
+ display: block;
19360
+ height: inherit;
19361
+ text-decoration: none;
19362
+ }
19363
+ .v-carousel-item > .v-img {
19364
+ height: inherit;
19365
+ }
19366
+
19367
+ .v-carousel--hide-delimiter-background .v-carousel__controls {
19368
+ background: transparent;
19369
+ }
19370
+
19371
+ .v-carousel--vertical-delimiters .v-carousel__controls {
19372
+ flex-direction: column;
19373
+ height: 100% !important;
19374
+ width: 50px;
19310
19375
  }.v-card {
19311
19376
  display: block;
19312
19377
  overflow: hidden;
@@ -19615,87 +19680,22 @@ html.overflow-y-hidden {
19615
19680
  pointer-events: none;
19616
19681
  opacity: 0;
19617
19682
  transition: opacity 0.2s ease-in-out;
19618
- }.v-carousel {
19683
+ }.v-checkbox.v-input {
19684
+ flex: 0 1 auto;
19685
+ }
19686
+ .v-checkbox .v-selection-control {
19687
+ min-height: var(--v-input-control-height);
19688
+ }.v-chip {
19689
+ align-items: center;
19690
+ display: inline-flex;
19691
+ font-weight: 400;
19692
+ max-width: 100%;
19693
+ min-width: 0;
19619
19694
  overflow: hidden;
19620
19695
  position: relative;
19621
- width: 100%;
19622
- }
19623
- .v-carousel__controls {
19624
- align-items: center;
19625
- bottom: 0;
19626
- display: flex;
19627
- height: 50px;
19628
- justify-content: center;
19629
- list-style-type: none;
19630
- position: absolute;
19631
- width: 100%;
19632
- z-index: 1;
19633
- }
19634
- .v-carousel__controls {
19635
- background: rgba(var(--v-theme-surface-variant), 0.3);
19636
- color: rgb(var(--v-theme-on-surface-variant));
19637
- }
19638
- .v-carousel__controls > .v-item-group {
19639
- flex: 0 1 auto;
19640
- }
19641
- .v-carousel__controls__item {
19642
- margin: 0 8px;
19643
- }
19644
- .v-carousel__controls__item .v-icon {
19645
- opacity: 0.5;
19646
- }
19647
- .v-carousel__controls__item--active .v-icon {
19648
- opacity: 1;
19649
- vertical-align: middle;
19650
- }
19651
- .v-carousel__controls__item:hover {
19652
- background: none;
19653
- }
19654
- .v-carousel__controls__item:hover .v-icon {
19655
- opacity: 0.8;
19656
- }
19657
-
19658
- .v-carousel__progress {
19659
- margin: 0;
19660
- position: absolute;
19661
- bottom: 0;
19662
- left: 0;
19663
- right: 0;
19664
- }
19665
-
19666
- .v-carousel-item {
19667
- display: block;
19668
- height: inherit;
19669
- text-decoration: none;
19670
- }
19671
- .v-carousel-item > .v-img {
19672
- height: inherit;
19673
- }
19674
-
19675
- .v-carousel--hide-delimiter-background .v-carousel__controls {
19676
- background: transparent;
19677
- }
19678
-
19679
- .v-carousel--vertical-delimiters .v-carousel__controls {
19680
- flex-direction: column;
19681
- height: 100% !important;
19682
- width: 50px;
19683
- }.v-checkbox.v-input {
19684
- flex: 0 1 auto;
19685
- }
19686
- .v-checkbox .v-selection-control {
19687
- min-height: var(--v-input-control-height);
19688
- }.v-chip {
19689
- align-items: center;
19690
- display: inline-flex;
19691
- font-weight: 400;
19692
- max-width: 100%;
19693
- min-width: 0;
19694
- overflow: hidden;
19695
- position: relative;
19696
- text-decoration: none;
19697
- white-space: nowrap;
19698
- vertical-align: middle;
19696
+ text-decoration: none;
19697
+ white-space: nowrap;
19698
+ vertical-align: middle;
19699
19699
  }
19700
19700
  .v-chip .v-icon {
19701
19701
  --v-icon-size-multiplier: 0.8571428571;
@@ -20457,61 +20457,62 @@ html.overflow-y-hidden {
20457
20457
  }
20458
20458
  .v-date-picker--show-week {
20459
20459
  width: 368px;
20460
- }.v-date-picker-month {
20460
+ }.v-date-picker-controls {
20461
20461
  display: flex;
20462
- justify-content: center;
20463
- padding: 0 12px 8px;
20464
- --v-date-picker-month-day-diff: 4px;
20462
+ align-items: center;
20463
+ justify-content: space-between;
20464
+ font-size: 0.875rem;
20465
+ padding-top: 4px;
20466
+ padding-bottom: 4px;
20467
+ padding-inline-start: 6px;
20468
+ padding-inline-end: 12px;
20465
20469
  }
20466
-
20467
- .v-date-picker-month__weeks {
20468
- display: grid;
20469
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20470
- column-gap: 4px;
20471
- font-size: 0.85rem;
20470
+ .v-date-picker-controls > .v-btn:first-child {
20471
+ text-transform: none;
20472
+ font-weight: 400;
20473
+ line-height: initial;
20474
+ letter-spacing: initial;
20472
20475
  }
20473
- .v-date-picker-month__weeks + .v-date-picker-month__days {
20474
- grid-row-gap: 0;
20476
+ .v-date-picker-controls--variant-classic {
20477
+ padding-inline-start: 12px;
20475
20478
  }
20476
-
20477
- .v-date-picker-month__weekday {
20478
- font-size: 0.85rem;
20479
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20480
+ opacity: 0.7;
20479
20481
  }
20480
-
20481
- .v-date-picker-month__days {
20482
- display: grid;
20483
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20484
- column-gap: 4px;
20485
- flex: 1 1;
20486
- justify-content: space-around;
20482
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20483
+ cursor: pointer;
20484
+ }
20485
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20486
+ opacity: 1;
20487
+ }
20488
+ .v-date-picker-controls .v-btn:last-child {
20489
+ margin-inline-start: 4px;
20490
+ }
20491
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20492
+ transform: rotate(180deg);
20487
20493
  }
20488
20494
 
20489
- .v-date-picker-month__day {
20490
- align-items: center;
20491
- display: flex;
20492
- justify-content: center;
20493
- position: relative;
20494
- height: 40px;
20495
- width: 40px;
20495
+ .v-date-picker-controls__date {
20496
+ margin-inline-end: 4px;
20496
20497
  }
20497
- .v-date-picker-month__day--selected .v-btn {
20498
- background-color: rgb(var(--v-theme-surface-variant));
20499
- color: rgb(var(--v-theme-on-surface-variant));
20498
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20499
+ margin: auto;
20500
+ text-align: center;
20500
20501
  }
20501
- .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20502
- --v-btn-height: 24px;
20503
- --v-btn-size: 0.85rem;
20502
+
20503
+ .v-date-picker-controls__month {
20504
+ display: flex;
20504
20505
  }
20505
- .v-date-picker-month__day--week {
20506
- font-size: var(--v-btn-size);
20506
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20507
+ flex-direction: row-reverse;
20507
20508
  }
20508
20509
 
20509
- .v-date-picker-month__day--adjacent {
20510
- opacity: 0.5;
20510
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20511
+ flex: 1 0 auto;
20511
20512
  }
20512
20513
 
20513
- .v-date-picker-month__day--hide-adjacent {
20514
- opacity: 0;
20514
+ .v-date-picker__title {
20515
+ display: inline-block;
20515
20516
  }.v-date-picker-header {
20516
20517
  align-items: flex-end;
20517
20518
  height: 70px;
@@ -20572,6 +20573,61 @@ html.overflow-y-hidden {
20572
20573
  .date-picker-header-reverse-transition-leave-to {
20573
20574
  opacity: 0;
20574
20575
  transform: translate(0, 100%);
20576
+ }.v-date-picker-month {
20577
+ display: flex;
20578
+ justify-content: center;
20579
+ padding: 0 12px 8px;
20580
+ --v-date-picker-month-day-diff: 4px;
20581
+ }
20582
+
20583
+ .v-date-picker-month__weeks {
20584
+ display: grid;
20585
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20586
+ column-gap: 4px;
20587
+ font-size: 0.85rem;
20588
+ }
20589
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
20590
+ grid-row-gap: 0;
20591
+ }
20592
+
20593
+ .v-date-picker-month__weekday {
20594
+ font-size: 0.85rem;
20595
+ }
20596
+
20597
+ .v-date-picker-month__days {
20598
+ display: grid;
20599
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20600
+ column-gap: 4px;
20601
+ flex: 1 1;
20602
+ justify-content: space-around;
20603
+ }
20604
+
20605
+ .v-date-picker-month__day {
20606
+ align-items: center;
20607
+ display: flex;
20608
+ justify-content: center;
20609
+ position: relative;
20610
+ height: 40px;
20611
+ width: 40px;
20612
+ }
20613
+ .v-date-picker-month__day--selected .v-btn {
20614
+ background-color: rgb(var(--v-theme-surface-variant));
20615
+ color: rgb(var(--v-theme-on-surface-variant));
20616
+ }
20617
+ .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20618
+ --v-btn-height: 24px;
20619
+ --v-btn-size: 0.85rem;
20620
+ }
20621
+ .v-date-picker-month__day--week {
20622
+ font-size: var(--v-btn-size);
20623
+ }
20624
+
20625
+ .v-date-picker-month__day--adjacent {
20626
+ opacity: 0.5;
20627
+ }
20628
+
20629
+ .v-date-picker-month__day--hide-adjacent {
20630
+ opacity: 0;
20575
20631
  }.v-date-picker-months {
20576
20632
  height: 288px;
20577
20633
  }
@@ -20591,87 +20647,31 @@ html.overflow-y-hidden {
20591
20647
  text-transform: none;
20592
20648
  padding-inline-start: 8px;
20593
20649
  padding-inline-end: 8px;
20594
- }.v-date-picker-controls {
20595
- display: flex;
20596
- align-items: center;
20597
- justify-content: space-between;
20598
- font-size: 0.875rem;
20599
- padding-top: 4px;
20600
- padding-bottom: 4px;
20601
- padding-inline-start: 6px;
20602
- padding-inline-end: 12px;
20603
- }
20604
- .v-date-picker-controls > .v-btn:first-child {
20605
- text-transform: none;
20606
- font-weight: 400;
20607
- line-height: initial;
20608
- letter-spacing: initial;
20650
+ }.v-date-picker-years {
20651
+ height: 288px;
20652
+ overflow-y: scroll;
20609
20653
  }
20610
- .v-date-picker-controls--variant-classic {
20611
- padding-inline-start: 12px;
20654
+
20655
+ .v-date-picker-years__content {
20656
+ display: grid;
20657
+ flex: 1 1;
20658
+ justify-content: space-around;
20659
+ grid-template-columns: repeat(3, 1fr);
20660
+ gap: 8px 24px;
20661
+ padding-inline: 32px;
20612
20662
  }
20613
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20614
- opacity: 0.7;
20663
+ .v-date-picker-years__content .v-btn {
20664
+ padding-inline: 8px;
20665
+ }.v-dialog {
20666
+ align-items: center;
20667
+ justify-content: center;
20668
+ margin: auto;
20615
20669
  }
20616
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20617
- cursor: pointer;
20618
- }
20619
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20620
- opacity: 1;
20621
- }
20622
- .v-date-picker-controls .v-btn:last-child {
20623
- margin-inline-start: 4px;
20624
- }
20625
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20626
- transform: rotate(180deg);
20627
- }
20628
-
20629
- .v-date-picker-controls__date {
20630
- margin-inline-end: 4px;
20631
- }
20632
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20633
- margin: auto;
20634
- text-align: center;
20635
- }
20636
-
20637
- .v-date-picker-controls__month {
20638
- display: flex;
20639
- }
20640
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20641
- flex-direction: row-reverse;
20642
- }
20643
-
20644
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20645
- flex: 1 0 auto;
20646
- }
20647
-
20648
- .v-date-picker__title {
20649
- display: inline-block;
20650
- }.v-date-picker-years {
20651
- height: 288px;
20652
- overflow-y: scroll;
20653
- }
20654
-
20655
- .v-date-picker-years__content {
20656
- display: grid;
20657
- flex: 1 1;
20658
- justify-content: space-around;
20659
- grid-template-columns: repeat(3, 1fr);
20660
- gap: 8px 24px;
20661
- padding-inline: 32px;
20662
- }
20663
- .v-date-picker-years__content .v-btn {
20664
- padding-inline: 8px;
20665
- }.v-dialog {
20666
- align-items: center;
20667
- justify-content: center;
20668
- margin: auto;
20669
- }
20670
- .v-dialog > .v-overlay__content {
20671
- max-height: calc(100% - 48px);
20672
- width: calc(100% - 48px);
20673
- max-width: calc(100% - 48px);
20674
- margin: 24px;
20670
+ .v-dialog > .v-overlay__content {
20671
+ max-height: calc(100% - 48px);
20672
+ width: calc(100% - 48px);
20673
+ max-width: calc(100% - 48px);
20674
+ margin: 24px;
20675
20675
  }
20676
20676
  .v-dialog > .v-overlay__content,
20677
20677
  .v-dialog > .v-overlay__content > form {
@@ -20759,6 +20759,58 @@ html.overflow-y-hidden {
20759
20759
  -webkit-backface-visibility: hidden;
20760
20760
  backface-visibility: hidden;
20761
20761
  overflow-y: auto;
20762
+ }.v-divider {
20763
+ display: block;
20764
+ flex: 1 1 100%;
20765
+ height: 0px;
20766
+ max-height: 0px;
20767
+ opacity: var(--v-border-opacity);
20768
+ transition: inherit;
20769
+ }
20770
+ .v-divider {
20771
+ border-style: solid;
20772
+ border-width: thin 0 0 0;
20773
+ }
20774
+ .v-divider--vertical {
20775
+ align-self: stretch;
20776
+ border-width: 0 thin 0 0;
20777
+ display: inline-flex;
20778
+ height: auto;
20779
+ margin-left: -1px;
20780
+ max-height: 100%;
20781
+ max-width: 0px;
20782
+ vertical-align: text-bottom;
20783
+ width: 0px;
20784
+ }
20785
+ .v-divider--inset:not(.v-divider--vertical) {
20786
+ max-width: calc(100% - 72px);
20787
+ margin-inline-start: 72px;
20788
+ }
20789
+ .v-divider--inset.v-divider--vertical {
20790
+ margin-bottom: 8px;
20791
+ margin-top: 8px;
20792
+ max-height: calc(100% - 16px);
20793
+ }
20794
+
20795
+ .v-divider__content {
20796
+ padding: 0 16px;
20797
+ text-wrap: nowrap;
20798
+ }
20799
+ .v-divider__wrapper--vertical .v-divider__content {
20800
+ padding: 4px 0;
20801
+ }
20802
+
20803
+ .v-divider__wrapper {
20804
+ display: flex;
20805
+ align-items: center;
20806
+ justify-content: center;
20807
+ }
20808
+ .v-divider__wrapper--vertical {
20809
+ flex-direction: column;
20810
+ height: 100%;
20811
+ }
20812
+ .v-divider__wrapper--vertical .v-divider {
20813
+ margin: 0 auto;
20762
20814
  }.v-empty-state {
20763
20815
  align-items: center;
20764
20816
  display: flex;
@@ -20826,58 +20878,6 @@ html.overflow-y-hidden {
20826
20878
  .v-empty-state__action-btn.v-btn {
20827
20879
  background-color: initial;
20828
20880
  color: initial;
20829
- }.v-divider {
20830
- display: block;
20831
- flex: 1 1 100%;
20832
- height: 0px;
20833
- max-height: 0px;
20834
- opacity: var(--v-border-opacity);
20835
- transition: inherit;
20836
- }
20837
- .v-divider {
20838
- border-style: solid;
20839
- border-width: thin 0 0 0;
20840
- }
20841
- .v-divider--vertical {
20842
- align-self: stretch;
20843
- border-width: 0 thin 0 0;
20844
- display: inline-flex;
20845
- height: auto;
20846
- margin-left: -1px;
20847
- max-height: 100%;
20848
- max-width: 0px;
20849
- vertical-align: text-bottom;
20850
- width: 0px;
20851
- }
20852
- .v-divider--inset:not(.v-divider--vertical) {
20853
- max-width: calc(100% - 72px);
20854
- margin-inline-start: 72px;
20855
- }
20856
- .v-divider--inset.v-divider--vertical {
20857
- margin-bottom: 8px;
20858
- margin-top: 8px;
20859
- max-height: calc(100% - 16px);
20860
- }
20861
-
20862
- .v-divider__content {
20863
- padding: 0 16px;
20864
- text-wrap: nowrap;
20865
- }
20866
- .v-divider__wrapper--vertical .v-divider__content {
20867
- padding: 4px 0;
20868
- }
20869
-
20870
- .v-divider__wrapper {
20871
- display: flex;
20872
- align-items: center;
20873
- justify-content: center;
20874
- }
20875
- .v-divider__wrapper--vertical {
20876
- flex-direction: column;
20877
- height: 100%;
20878
- }
20879
- .v-divider__wrapper--vertical .v-divider {
20880
- margin: 0 auto;
20881
20881
  }.v-expansion-panel {
20882
20882
  background-color: rgb(var(--v-theme-surface));
20883
20883
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -22483,57 +22483,6 @@ textarea.v-field__input::placeholder {
22483
22483
  .offset-xxl-11 {
22484
22484
  margin-inline-start: 91.6666666667%;
22485
22485
  }
22486
- }.v-img {
22487
- --v-theme-overlay-multiplier: 3;
22488
- z-index: 0;
22489
- }
22490
- .v-img.v-img--absolute {
22491
- height: 100%;
22492
- left: 0;
22493
- overflow: hidden;
22494
- position: absolute;
22495
- top: 0;
22496
- width: 100%;
22497
- z-index: -1;
22498
- }
22499
- .v-img--booting .v-responsive__sizer {
22500
- transition: none;
22501
- }
22502
- .v-img--rounded {
22503
- border-radius: 4px;
22504
- }
22505
-
22506
- .v-img__img,
22507
- .v-img__picture,
22508
- .v-img__gradient,
22509
- .v-img__placeholder,
22510
- .v-img__error {
22511
- z-index: -1;
22512
- }
22513
- .v-img__img,
22514
- .v-img__picture,
22515
- .v-img__gradient,
22516
- .v-img__placeholder,
22517
- .v-img__error {
22518
- position: absolute;
22519
- top: 0;
22520
- left: 0;
22521
- width: 100%;
22522
- height: 100%;
22523
- }
22524
-
22525
- .v-img__img--preload {
22526
- filter: blur(4px);
22527
- }
22528
- .v-img__img--contain {
22529
- object-fit: contain;
22530
- }
22531
- .v-img__img--cover {
22532
- object-fit: cover;
22533
- }
22534
-
22535
- .v-img__gradient {
22536
- background-repeat: no-repeat;
22537
22486
  }.v-icon {
22538
22487
  --v-icon-size-multiplier: 1;
22539
22488
  align-items: center;
@@ -22587,31 +22536,57 @@ textarea.v-field__input::placeholder {
22587
22536
 
22588
22537
  .v-icon--end {
22589
22538
  margin-inline-start: 8px;
22590
- }.v-infinite-scroll--horizontal {
22591
- display: flex;
22592
- flex-direction: row;
22593
- overflow-x: auto;
22539
+ }.v-img {
22540
+ --v-theme-overlay-multiplier: 3;
22541
+ z-index: 0;
22594
22542
  }
22595
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
22543
+ .v-img.v-img--absolute {
22596
22544
  height: 100%;
22597
- width: 1px;
22545
+ left: 0;
22546
+ overflow: hidden;
22547
+ position: absolute;
22548
+ top: 0;
22549
+ width: 100%;
22550
+ z-index: -1;
22551
+ }
22552
+ .v-img--booting .v-responsive__sizer {
22553
+ transition: none;
22554
+ }
22555
+ .v-img--rounded {
22556
+ border-radius: 4px;
22598
22557
  }
22599
22558
 
22600
- .v-infinite-scroll--vertical {
22601
- display: flex;
22602
- flex-direction: column;
22603
- overflow-y: auto;
22559
+ .v-img__img,
22560
+ .v-img__picture,
22561
+ .v-img__gradient,
22562
+ .v-img__placeholder,
22563
+ .v-img__error {
22564
+ z-index: -1;
22604
22565
  }
22605
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
22606
- height: 1px;
22566
+ .v-img__img,
22567
+ .v-img__picture,
22568
+ .v-img__gradient,
22569
+ .v-img__placeholder,
22570
+ .v-img__error {
22571
+ position: absolute;
22572
+ top: 0;
22573
+ left: 0;
22607
22574
  width: 100%;
22575
+ height: 100%;
22608
22576
  }
22609
22577
 
22610
- .v-infinite-scroll__side {
22611
- align-items: center;
22612
- display: flex;
22613
- justify-content: center;
22614
- padding: 8px;
22578
+ .v-img__img--preload {
22579
+ filter: blur(4px);
22580
+ }
22581
+ .v-img__img--contain {
22582
+ object-fit: contain;
22583
+ }
22584
+ .v-img__img--cover {
22585
+ object-fit: cover;
22586
+ }
22587
+
22588
+ .v-img__gradient {
22589
+ background-repeat: no-repeat;
22615
22590
  }.v-input {
22616
22591
  display: grid;
22617
22592
  flex: 1 1 auto;
@@ -22754,6 +22729,43 @@ textarea.v-field__input::placeholder {
22754
22729
 
22755
22730
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
22756
22731
  padding-top: calc(var(--v-input-padding-top) + 0px);
22732
+ }.v-infinite-scroll--horizontal {
22733
+ display: flex;
22734
+ flex-direction: row;
22735
+ overflow-x: auto;
22736
+ }
22737
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
22738
+ height: 100%;
22739
+ width: var(--v-infinite-margin-size, 1px);
22740
+ }
22741
+
22742
+ .v-infinite-scroll--vertical {
22743
+ display: flex;
22744
+ flex-direction: column;
22745
+ overflow-y: auto;
22746
+ }
22747
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
22748
+ height: 1px;
22749
+ width: 100%;
22750
+ }
22751
+
22752
+ .v-infinite-scroll-intersect {
22753
+ pointer-events: none;
22754
+ margin-top: var(--v-infinite-margin);
22755
+ margin-bottom: calc(var(--v-infinite-margin) * -1);
22756
+ }
22757
+ .v-infinite-scroll-intersect:nth-child(2) {
22758
+ --v-infinite-margin: var(--v-infinite-margin-size, 1px);
22759
+ }
22760
+ .v-infinite-scroll-intersect:nth-last-child(2) {
22761
+ --v-infinite-margin: calc(var(--v-infinite-margin-size, 1px) * -1);
22762
+ }
22763
+
22764
+ .v-infinite-scroll__side {
22765
+ align-items: center;
22766
+ display: flex;
22767
+ justify-content: center;
22768
+ padding: 8px;
22757
22769
  }.v-item-group {
22758
22770
  flex: 0 1 auto;
22759
22771
  max-width: 100%;
@@ -22774,14 +22786,6 @@ textarea.v-field__input::placeholder {
22774
22786
 
22775
22787
  .v-label--clickable {
22776
22788
  cursor: pointer;
22777
- }.v-layout {
22778
- --v-scrollbar-offset: 0px;
22779
- display: flex;
22780
- flex: 1 1 auto;
22781
- }
22782
- .v-layout--full-height {
22783
- --v-scrollbar-offset: inherit;
22784
- height: 100%;
22785
22789
  }.v-layout-item {
22786
22790
  position: absolute;
22787
22791
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
@@ -22789,115 +22793,14 @@ textarea.v-field__input::placeholder {
22789
22793
 
22790
22794
  .v-layout-item--absolute {
22791
22795
  position: absolute;
22792
- }.v-list {
22793
- overflow: auto;
22794
- padding: 8px 0;
22795
- position: relative;
22796
- outline: none;
22797
- }
22798
- .v-list {
22799
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22800
- border-style: solid;
22801
- border-width: 0;
22802
- }
22803
- .v-list--border {
22804
- border-width: thin;
22805
- box-shadow: none;
22806
- }
22807
- .v-list {
22808
- 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));
22809
- }
22810
- .v-list {
22811
- border-radius: 0;
22812
- }
22813
- .v-list {
22814
- background: rgba(var(--v-theme-surface));
22815
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22816
- }
22817
- .v-list--disabled {
22818
- pointer-events: none;
22819
- -webkit-user-select: none;
22820
- user-select: none;
22821
- }
22822
- .v-list--nav {
22823
- padding-inline: 8px;
22824
- }
22825
- .v-list--rounded {
22826
- border-radius: 4px;
22827
- }
22828
- .v-list--subheader {
22829
- padding-top: 0;
22830
- }
22831
-
22832
- .v-list-img {
22833
- border-radius: inherit;
22834
- display: flex;
22835
- height: 100%;
22836
- left: 0;
22837
- overflow: hidden;
22838
- position: absolute;
22839
- top: 0;
22840
- width: 100%;
22841
- z-index: -1;
22842
- }
22843
-
22844
- .v-list-subheader {
22845
- align-items: center;
22846
- background: inherit;
22847
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
22796
+ }.v-layout {
22797
+ --v-scrollbar-offset: 0px;
22848
22798
  display: flex;
22849
- font-size: 0.875rem;
22850
- font-weight: 400;
22851
- line-height: 1.375rem;
22852
- padding-inline-end: 16px;
22853
- min-height: 40px;
22854
- transition: 0.2s min-height cubic-bezier(0.4, 0, 0.2, 1);
22855
- }
22856
- .v-list-subheader__text {
22857
- overflow: hidden;
22858
- text-overflow: ellipsis;
22859
- white-space: nowrap;
22860
- }
22861
- .v-list--density-default .v-list-subheader {
22862
- min-height: 40px;
22863
- padding-inline-start: calc(16px + var(--indent-padding)) !important;
22864
- }
22865
-
22866
- .v-list--density-comfortable .v-list-subheader {
22867
- min-height: 36px;
22868
- padding-inline-start: calc(16px + var(--indent-padding)) !important;
22869
- }
22870
-
22871
- .v-list--density-compact .v-list-subheader {
22872
- min-height: 32px;
22873
- padding-inline-start: calc(16px + var(--indent-padding)) !important;
22874
- }
22875
-
22876
- .v-list-subheader--inset {
22877
- --indent-padding: 56px;
22878
- }
22879
- .v-list--nav .v-list-subheader {
22880
- font-size: 0.75rem;
22881
- }
22882
- .v-list-subheader--sticky {
22883
- background: inherit;
22884
- left: 0;
22885
- position: sticky;
22886
- top: 0;
22887
- z-index: 1;
22799
+ flex: 1 1 auto;
22888
22800
  }
22889
-
22890
- .v-list__overlay {
22891
- background-color: currentColor;
22892
- border-radius: inherit;
22893
- bottom: 0;
22894
- left: 0;
22895
- opacity: 0;
22896
- pointer-events: none;
22897
- position: absolute;
22898
- right: 0;
22899
- top: 0;
22900
- transition: opacity 0.2s ease-in-out;
22801
+ .v-layout--full-height {
22802
+ --v-scrollbar-offset: inherit;
22803
+ height: 100%;
22901
22804
  }.v-list-item {
22902
22805
  align-items: center;
22903
22806
  display: grid;
@@ -23364,103 +23267,212 @@ textarea.v-field__input::placeholder {
23364
23267
  }
23365
23268
  .v-list-group__header:not(.v-treeview-item--activatable-group-activator).v-list-item--active:hover .v-list-item__overlay {
23366
23269
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
23367
- }.v-locale-provider {
23368
- display: contents;
23369
- }.v-menu > .v-overlay__content {
23370
- display: flex;
23371
- flex-direction: column;
23372
- }
23373
- .v-menu > .v-overlay__content {
23374
- border-radius: 4px;
23375
- }
23376
- .v-menu > .v-overlay__content > .v-card,
23377
- .v-menu > .v-overlay__content > .v-sheet,
23378
- .v-menu > .v-overlay__content > .v-list {
23379
- background: rgb(var(--v-theme-surface));
23380
- border-radius: inherit;
23270
+ }.v-list {
23381
23271
  overflow: auto;
23382
- height: 100%;
23383
- }
23384
- .v-menu > .v-overlay__content > .v-card,
23385
- .v-menu > .v-overlay__content > .v-sheet,
23386
- .v-menu > .v-overlay__content > .v-list {
23387
- box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23388
- }.v-main {
23389
- flex: 1 0 auto;
23390
- max-width: 100%;
23391
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23392
- padding-left: var(--v-layout-left);
23393
- padding-right: var(--v-layout-right);
23394
- padding-top: var(--v-layout-top);
23395
- padding-bottom: var(--v-layout-bottom);
23396
- }
23397
- .v-main__scroller {
23398
- max-width: 100%;
23399
- position: relative;
23400
- }
23401
- .v-main--scrollable {
23402
- display: flex;
23403
- }
23404
- .v-main--scrollable {
23405
- position: absolute;
23406
- top: 0;
23407
- left: 0;
23408
- width: 100%;
23409
- height: 100%;
23410
- }
23411
- .v-main--scrollable > .v-main__scroller {
23412
- flex: 1 1 auto;
23413
- overflow-y: auto;
23414
- --v-layout-left: 0px;
23415
- --v-layout-right: 0px;
23416
- --v-layout-top: 0px;
23417
- --v-layout-bottom: 0px;
23418
- }.v-messages {
23419
- flex: 1 1 auto;
23420
- font-size: 12px;
23421
- min-height: 14px;
23422
- min-width: 1px;
23423
- opacity: var(--v-medium-emphasis-opacity);
23272
+ padding: 8px 0;
23424
23273
  position: relative;
23274
+ outline: none;
23425
23275
  }
23426
- .v-messages__message {
23427
- line-height: 12px;
23428
- word-break: break-word;
23429
- overflow-wrap: break-word;
23430
- word-wrap: break-word;
23431
- -webkit-hyphens: auto;
23432
- hyphens: auto;
23433
- transition-duration: 150ms;
23434
- }.v-navigation-drawer {
23435
- -webkit-overflow-scrolling: touch;
23436
- background: rgb(var(--v-theme-surface));
23437
- display: flex;
23438
- flex-direction: column;
23439
- height: 100%;
23440
- max-width: 100%;
23441
- pointer-events: auto;
23442
- transition-duration: 0.2s;
23443
- transition-property: box-shadow, transform, visibility, width, height, left, right, top, bottom;
23444
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
23445
- position: absolute;
23446
- }
23447
- .v-navigation-drawer {
23276
+ .v-list {
23448
23277
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
23449
23278
  border-style: solid;
23450
23279
  border-width: 0;
23451
23280
  }
23452
- .v-navigation-drawer--border {
23281
+ .v-list--border {
23453
23282
  border-width: thin;
23454
23283
  box-shadow: none;
23455
23284
  }
23456
- .v-navigation-drawer {
23285
+ .v-list {
23457
23286
  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));
23458
23287
  }
23459
- .v-navigation-drawer {
23460
- background: rgb(var(--v-theme-surface));
23461
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
23288
+ .v-list {
23289
+ border-radius: 0;
23462
23290
  }
23463
- .v-navigation-drawer--rounded {
23291
+ .v-list {
23292
+ background: rgba(var(--v-theme-surface));
23293
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
23294
+ }
23295
+ .v-list--disabled {
23296
+ pointer-events: none;
23297
+ -webkit-user-select: none;
23298
+ user-select: none;
23299
+ }
23300
+ .v-list--nav {
23301
+ padding-inline: 8px;
23302
+ }
23303
+ .v-list--rounded {
23304
+ border-radius: 4px;
23305
+ }
23306
+ .v-list--subheader {
23307
+ padding-top: 0;
23308
+ }
23309
+
23310
+ .v-list-img {
23311
+ border-radius: inherit;
23312
+ display: flex;
23313
+ height: 100%;
23314
+ left: 0;
23315
+ overflow: hidden;
23316
+ position: absolute;
23317
+ top: 0;
23318
+ width: 100%;
23319
+ z-index: -1;
23320
+ }
23321
+
23322
+ .v-list-subheader {
23323
+ align-items: center;
23324
+ background: inherit;
23325
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
23326
+ display: flex;
23327
+ font-size: 0.875rem;
23328
+ font-weight: 400;
23329
+ line-height: 1.375rem;
23330
+ padding-inline-end: 16px;
23331
+ min-height: 40px;
23332
+ transition: 0.2s min-height cubic-bezier(0.4, 0, 0.2, 1);
23333
+ }
23334
+ .v-list-subheader__text {
23335
+ overflow: hidden;
23336
+ text-overflow: ellipsis;
23337
+ white-space: nowrap;
23338
+ }
23339
+ .v-list--density-default .v-list-subheader {
23340
+ min-height: 40px;
23341
+ padding-inline-start: calc(16px + var(--indent-padding)) !important;
23342
+ }
23343
+
23344
+ .v-list--density-comfortable .v-list-subheader {
23345
+ min-height: 36px;
23346
+ padding-inline-start: calc(16px + var(--indent-padding)) !important;
23347
+ }
23348
+
23349
+ .v-list--density-compact .v-list-subheader {
23350
+ min-height: 32px;
23351
+ padding-inline-start: calc(16px + var(--indent-padding)) !important;
23352
+ }
23353
+
23354
+ .v-list-subheader--inset {
23355
+ --indent-padding: 56px;
23356
+ }
23357
+ .v-list--nav .v-list-subheader {
23358
+ font-size: 0.75rem;
23359
+ }
23360
+ .v-list-subheader--sticky {
23361
+ background: inherit;
23362
+ left: 0;
23363
+ position: sticky;
23364
+ top: 0;
23365
+ z-index: 1;
23366
+ }
23367
+
23368
+ .v-list__overlay {
23369
+ background-color: currentColor;
23370
+ border-radius: inherit;
23371
+ bottom: 0;
23372
+ left: 0;
23373
+ opacity: 0;
23374
+ pointer-events: none;
23375
+ position: absolute;
23376
+ right: 0;
23377
+ top: 0;
23378
+ transition: opacity 0.2s ease-in-out;
23379
+ }.v-main {
23380
+ flex: 1 0 auto;
23381
+ max-width: 100%;
23382
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23383
+ padding-left: var(--v-layout-left);
23384
+ padding-right: var(--v-layout-right);
23385
+ padding-top: var(--v-layout-top);
23386
+ padding-bottom: var(--v-layout-bottom);
23387
+ }
23388
+ .v-main__scroller {
23389
+ max-width: 100%;
23390
+ position: relative;
23391
+ }
23392
+ .v-main--scrollable {
23393
+ display: flex;
23394
+ }
23395
+ .v-main--scrollable {
23396
+ position: absolute;
23397
+ top: 0;
23398
+ left: 0;
23399
+ width: 100%;
23400
+ height: 100%;
23401
+ }
23402
+ .v-main--scrollable > .v-main__scroller {
23403
+ flex: 1 1 auto;
23404
+ overflow-y: auto;
23405
+ --v-layout-left: 0px;
23406
+ --v-layout-right: 0px;
23407
+ --v-layout-top: 0px;
23408
+ --v-layout-bottom: 0px;
23409
+ }.v-locale-provider {
23410
+ display: contents;
23411
+ }.v-messages {
23412
+ flex: 1 1 auto;
23413
+ font-size: 12px;
23414
+ min-height: 14px;
23415
+ min-width: 1px;
23416
+ opacity: var(--v-medium-emphasis-opacity);
23417
+ position: relative;
23418
+ }
23419
+ .v-messages__message {
23420
+ line-height: 12px;
23421
+ word-break: break-word;
23422
+ overflow-wrap: break-word;
23423
+ word-wrap: break-word;
23424
+ -webkit-hyphens: auto;
23425
+ hyphens: auto;
23426
+ transition-duration: 150ms;
23427
+ }.v-menu > .v-overlay__content {
23428
+ display: flex;
23429
+ flex-direction: column;
23430
+ }
23431
+ .v-menu > .v-overlay__content {
23432
+ border-radius: 4px;
23433
+ }
23434
+ .v-menu > .v-overlay__content > .v-card,
23435
+ .v-menu > .v-overlay__content > .v-sheet,
23436
+ .v-menu > .v-overlay__content > .v-list {
23437
+ background: rgb(var(--v-theme-surface));
23438
+ border-radius: inherit;
23439
+ overflow: auto;
23440
+ height: 100%;
23441
+ }
23442
+ .v-menu > .v-overlay__content > .v-card,
23443
+ .v-menu > .v-overlay__content > .v-sheet,
23444
+ .v-menu > .v-overlay__content > .v-list {
23445
+ box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23446
+ }.v-navigation-drawer {
23447
+ -webkit-overflow-scrolling: touch;
23448
+ background: rgb(var(--v-theme-surface));
23449
+ display: flex;
23450
+ flex-direction: column;
23451
+ height: 100%;
23452
+ max-width: 100%;
23453
+ pointer-events: auto;
23454
+ transition-duration: 0.2s;
23455
+ transition-property: box-shadow, transform, visibility, width, height, left, right, top, bottom;
23456
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
23457
+ position: absolute;
23458
+ }
23459
+ .v-navigation-drawer {
23460
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
23461
+ border-style: solid;
23462
+ border-width: 0;
23463
+ }
23464
+ .v-navigation-drawer--border {
23465
+ border-width: thin;
23466
+ box-shadow: none;
23467
+ }
23468
+ .v-navigation-drawer {
23469
+ 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));
23470
+ }
23471
+ .v-navigation-drawer {
23472
+ background: rgb(var(--v-theme-surface));
23473
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
23474
+ }
23475
+ .v-navigation-drawer--rounded {
23464
23476
  border-radius: 4px;
23465
23477
  }
23466
23478
  .v-navigation-drawer--top, .v-navigation-drawer--bottom {
@@ -23539,6 +23551,64 @@ textarea.v-field__input::placeholder {
23539
23551
  .v-navigation-drawer__append {
23540
23552
  flex: none;
23541
23553
  overflow: hidden;
23554
+ }.v-otp-input {
23555
+ align-items: center;
23556
+ display: flex;
23557
+ justify-content: center;
23558
+ padding: 0.5rem 0;
23559
+ position: relative;
23560
+ }
23561
+ .v-otp-input {
23562
+ border-radius: 4px;
23563
+ }
23564
+ .v-otp-input .v-field {
23565
+ height: 100%;
23566
+ }
23567
+
23568
+ .v-otp-input__divider {
23569
+ margin: 0 8px;
23570
+ }
23571
+
23572
+ .v-otp-input__content {
23573
+ align-items: center;
23574
+ display: flex;
23575
+ gap: 0.5rem;
23576
+ height: 64px;
23577
+ padding: 0.5rem;
23578
+ justify-content: center;
23579
+ max-width: 320px;
23580
+ position: relative;
23581
+ border-radius: inherit;
23582
+ }
23583
+ .v-otp-input--divided .v-otp-input__content {
23584
+ max-width: 360px;
23585
+ }
23586
+
23587
+ .v-otp-input__field {
23588
+ color: inherit;
23589
+ font-size: 1.25rem;
23590
+ height: 100%;
23591
+ outline: none;
23592
+ text-align: center;
23593
+ width: 100%;
23594
+ }
23595
+ .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
23596
+ -webkit-appearance: none;
23597
+ margin: 0;
23598
+ }
23599
+ .v-otp-input__field[type=number] {
23600
+ -moz-appearance: textfield;
23601
+ }
23602
+
23603
+ .v-otp-input__loader {
23604
+ align-items: center;
23605
+ display: flex;
23606
+ height: 100%;
23607
+ justify-content: center;
23608
+ width: 100%;
23609
+ }
23610
+ .v-otp-input__loader .v-progress-linear {
23611
+ position: absolute;
23542
23612
  }.v-overlay-container {
23543
23613
  contain: layout;
23544
23614
  left: 0;
@@ -23602,64 +23672,6 @@ html.v-overlay-scroll-blocked {
23602
23672
 
23603
23673
  .v-overlay--scroll-blocked {
23604
23674
  padding-inline-end: var(--v-scrollbar-offset);
23605
- }.v-otp-input {
23606
- align-items: center;
23607
- display: flex;
23608
- justify-content: center;
23609
- padding: 0.5rem 0;
23610
- position: relative;
23611
- }
23612
- .v-otp-input {
23613
- border-radius: 4px;
23614
- }
23615
- .v-otp-input .v-field {
23616
- height: 100%;
23617
- }
23618
-
23619
- .v-otp-input__divider {
23620
- margin: 0 8px;
23621
- }
23622
-
23623
- .v-otp-input__content {
23624
- align-items: center;
23625
- display: flex;
23626
- gap: 0.5rem;
23627
- height: 64px;
23628
- padding: 0.5rem;
23629
- justify-content: center;
23630
- max-width: 320px;
23631
- position: relative;
23632
- border-radius: inherit;
23633
- }
23634
- .v-otp-input--divided .v-otp-input__content {
23635
- max-width: 360px;
23636
- }
23637
-
23638
- .v-otp-input__field {
23639
- color: inherit;
23640
- font-size: 1.25rem;
23641
- height: 100%;
23642
- outline: none;
23643
- text-align: center;
23644
- width: 100%;
23645
- }
23646
- .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
23647
- -webkit-appearance: none;
23648
- margin: 0;
23649
- }
23650
- .v-otp-input__field[type=number] {
23651
- -moz-appearance: textfield;
23652
- }
23653
-
23654
- .v-otp-input__loader {
23655
- align-items: center;
23656
- display: flex;
23657
- height: 100%;
23658
- justify-content: center;
23659
- width: 100%;
23660
- }
23661
- .v-otp-input__loader .v-progress-linear {
23662
- position: absolute;
23663
23675
  }.v-pagination__list {
23664
23676
  display: inline-flex;
23665
23677
  list-style-type: none;
@@ -24315,42 +24327,6 @@ html.v-overlay-scroll-blocked {
24315
24327
  .v-selection-control-group--inline {
24316
24328
  flex-direction: row;
24317
24329
  flex-wrap: wrap;
24318
- }.v-sheet {
24319
- display: block;
24320
- }
24321
- .v-sheet {
24322
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
24323
- border-style: solid;
24324
- border-width: 0;
24325
- }
24326
- .v-sheet--border {
24327
- border-width: thin;
24328
- box-shadow: none;
24329
- }
24330
- .v-sheet {
24331
- 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));
24332
- }
24333
- .v-sheet--absolute {
24334
- position: absolute;
24335
- }
24336
- .v-sheet--fixed {
24337
- position: fixed;
24338
- }
24339
- .v-sheet--relative {
24340
- position: relative;
24341
- }
24342
- .v-sheet--sticky {
24343
- position: sticky;
24344
- }
24345
- .v-sheet {
24346
- border-radius: 0;
24347
- }
24348
- .v-sheet {
24349
- background: rgb(var(--v-theme-surface));
24350
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24351
- }
24352
- .v-sheet--rounded {
24353
- border-radius: 4px;
24354
24330
  }.v-skeleton-loader {
24355
24331
  align-items: center;
24356
24332
  background: rgb(var(--v-theme-surface));
@@ -24565,17 +24541,53 @@ html.v-overlay-scroll-blocked {
24565
24541
  .v-skeleton-loader--is-loading {
24566
24542
  overflow: hidden;
24567
24543
  }
24568
- .v-skeleton-loader--tile {
24544
+ .v-skeleton-loader--tile {
24545
+ border-radius: 0;
24546
+ }
24547
+ .v-skeleton-loader--tile .v-skeleton-loader__bone {
24548
+ border-radius: 0;
24549
+ }
24550
+
24551
+ @keyframes loading {
24552
+ 100% {
24553
+ transform: translateX(100%);
24554
+ }
24555
+ }.v-sheet {
24556
+ display: block;
24557
+ }
24558
+ .v-sheet {
24559
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
24560
+ border-style: solid;
24561
+ border-width: 0;
24562
+ }
24563
+ .v-sheet--border {
24564
+ border-width: thin;
24565
+ box-shadow: none;
24566
+ }
24567
+ .v-sheet {
24568
+ 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));
24569
+ }
24570
+ .v-sheet--absolute {
24571
+ position: absolute;
24572
+ }
24573
+ .v-sheet--fixed {
24574
+ position: fixed;
24575
+ }
24576
+ .v-sheet--relative {
24577
+ position: relative;
24578
+ }
24579
+ .v-sheet--sticky {
24580
+ position: sticky;
24581
+ }
24582
+ .v-sheet {
24569
24583
  border-radius: 0;
24570
24584
  }
24571
- .v-skeleton-loader--tile .v-skeleton-loader__bone {
24572
- border-radius: 0;
24585
+ .v-sheet {
24586
+ background: rgb(var(--v-theme-surface));
24587
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24573
24588
  }
24574
-
24575
- @keyframes loading {
24576
- 100% {
24577
- transform: translateX(100%);
24578
- }
24589
+ .v-sheet--rounded {
24590
+ border-radius: 4px;
24579
24591
  }.v-slide-group {
24580
24592
  display: flex;
24581
24593
  overflow: hidden;
@@ -24771,47 +24783,6 @@ html.v-overlay-scroll-blocked {
24771
24783
  }
24772
24784
  .v-snackbar-transition-leave-to {
24773
24785
  opacity: 0;
24774
- }.v-speed-dial__content {
24775
- gap: 8px;
24776
- }
24777
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right-center {
24778
- flex-direction: row;
24779
- }
24780
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start-center {
24781
- flex-direction: row-reverse;
24782
- }
24783
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top-center {
24784
- flex-direction: column-reverse;
24785
- }
24786
- .v-speed-dial__content > *:nth-child(1) {
24787
- transition-delay: 0s;
24788
- }
24789
- .v-speed-dial__content > *:nth-child(2) {
24790
- transition-delay: 0.05s;
24791
- }
24792
- .v-speed-dial__content > *:nth-child(3) {
24793
- transition-delay: 0.1s;
24794
- }
24795
- .v-speed-dial__content > *:nth-child(4) {
24796
- transition-delay: 0.15s;
24797
- }
24798
- .v-speed-dial__content > *:nth-child(5) {
24799
- transition-delay: 0.2s;
24800
- }
24801
- .v-speed-dial__content > *:nth-child(6) {
24802
- transition-delay: 0.25s;
24803
- }
24804
- .v-speed-dial__content > *:nth-child(7) {
24805
- transition-delay: 0.3s;
24806
- }
24807
- .v-speed-dial__content > *:nth-child(8) {
24808
- transition-delay: 0.35s;
24809
- }
24810
- .v-speed-dial__content > *:nth-child(9) {
24811
- transition-delay: 0.4s;
24812
- }
24813
- .v-speed-dial__content > *:nth-child(10) {
24814
- transition-delay: 0.45s;
24815
24786
  }.v-stepper.v-sheet {
24816
24787
  overflow: hidden;
24817
24788
  }
@@ -24987,6 +24958,47 @@ html.v-overlay-scroll-blocked {
24987
24958
  left: 0;
24988
24959
  width: 100%;
24989
24960
  height: 100%;
24961
+ }.v-speed-dial__content {
24962
+ gap: 8px;
24963
+ }
24964
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right-center {
24965
+ flex-direction: row;
24966
+ }
24967
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start-center {
24968
+ flex-direction: row-reverse;
24969
+ }
24970
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top-center {
24971
+ flex-direction: column-reverse;
24972
+ }
24973
+ .v-speed-dial__content > *:nth-child(1) {
24974
+ transition-delay: 0s;
24975
+ }
24976
+ .v-speed-dial__content > *:nth-child(2) {
24977
+ transition-delay: 0.05s;
24978
+ }
24979
+ .v-speed-dial__content > *:nth-child(3) {
24980
+ transition-delay: 0.1s;
24981
+ }
24982
+ .v-speed-dial__content > *:nth-child(4) {
24983
+ transition-delay: 0.15s;
24984
+ }
24985
+ .v-speed-dial__content > *:nth-child(5) {
24986
+ transition-delay: 0.2s;
24987
+ }
24988
+ .v-speed-dial__content > *:nth-child(6) {
24989
+ transition-delay: 0.25s;
24990
+ }
24991
+ .v-speed-dial__content > *:nth-child(7) {
24992
+ transition-delay: 0.3s;
24993
+ }
24994
+ .v-speed-dial__content > *:nth-child(8) {
24995
+ transition-delay: 0.35s;
24996
+ }
24997
+ .v-speed-dial__content > *:nth-child(9) {
24998
+ transition-delay: 0.4s;
24999
+ }
25000
+ .v-speed-dial__content > *:nth-child(10) {
25001
+ transition-delay: 0.45s;
24990
25002
  }.v-switch .v-label {
24991
25003
  padding-inline-start: 10px;
24992
25004
  }
@@ -25148,165 +25160,27 @@ html.v-overlay-scroll-blocked {
25148
25160
  .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track,
25149
25161
  .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
25150
25162
  color: highlight;
25151
- }
25152
- .v-switch.v-switch--inset .v-switch__track {
25153
- border-width: 2px;
25154
- }
25155
- .v-switch.v-switch--inset:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
25156
- background-color: highlighttext;
25157
- color: highlighttext;
25158
- }
25159
- .v-switch.v-input--disabled .v-switch__thumb {
25160
- background-color: graytext;
25161
- }
25162
- .v-switch.v-input--disabled .v-switch__track,
25163
- .v-switch.v-input--disabled .v-switch__thumb {
25164
- color: graytext;
25165
- }
25166
- .v-switch.v-switch--loading .v-switch__thumb {
25167
- background-color: canvas;
25168
- }
25169
- .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
25170
- border-width: 0;
25171
- }
25172
- }.v-tabs {
25173
- display: flex;
25174
- height: var(--v-tabs-height);
25175
- }
25176
- .v-tabs--density-default {
25177
- --v-tabs-height: 48px;
25178
- }
25179
- .v-tabs--density-default.v-tabs--stacked {
25180
- --v-tabs-height: 72px;
25181
- }
25182
-
25183
- .v-tabs--density-comfortable {
25184
- --v-tabs-height: 44px;
25185
- }
25186
- .v-tabs--density-comfortable.v-tabs--stacked {
25187
- --v-tabs-height: 68px;
25188
- }
25189
-
25190
- .v-tabs--density-compact {
25191
- --v-tabs-height: 36px;
25192
- }
25193
- .v-tabs--density-compact.v-tabs--stacked {
25194
- --v-tabs-height: 60px;
25195
- }
25196
-
25197
- .v-tabs.v-slide-group--vertical {
25198
- height: auto;
25199
- flex: none;
25200
- --v-tabs-height: 48px;
25201
- }
25202
-
25203
- .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
25204
- margin-inline-start: 42px;
25205
- }
25206
-
25207
- .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
25208
- .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
25209
- margin-inline-end: auto;
25210
- }
25211
- .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
25212
- .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
25213
- margin-inline-start: auto;
25214
- }
25215
-
25216
- .v-tabs--grow {
25217
- flex-grow: 1;
25218
- }
25219
- .v-tabs--grow .v-tab {
25220
- flex: 1 0 auto;
25221
- max-width: none;
25222
- }
25223
-
25224
- .v-tabs--align-tabs-end .v-tab:first-child {
25225
- margin-inline-start: auto;
25226
- }
25227
- .v-tabs--align-tabs-end .v-tab:last-child {
25228
- margin-inline-end: 0;
25229
- }
25230
-
25231
- @media (max-width: 1279.98px) {
25232
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
25233
- margin-inline-start: 52px;
25234
- }
25235
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
25236
- margin-inline-end: 52px;
25237
- }
25238
- }.v-tab.v-tab.v-btn {
25239
- height: var(--v-tabs-height);
25240
- border-radius: 0;
25241
- min-width: 90px;
25242
- }
25243
- .v-slide-group--horizontal .v-tab {
25244
- max-width: 360px;
25245
- }
25246
- .v-slide-group--vertical .v-tab {
25247
- justify-content: start;
25248
- }
25249
-
25250
- .v-tab__slider {
25251
- position: absolute;
25252
- bottom: 0;
25253
- left: 0;
25254
- height: 2px;
25255
- width: 100%;
25256
- background: currentColor;
25257
- pointer-events: none;
25258
- opacity: 0;
25259
- }
25260
- .v-tab--selected .v-tab__slider {
25261
- opacity: 1;
25262
- }
25263
- .v-slide-group--vertical .v-tab__slider {
25264
- top: 0;
25265
- height: 100%;
25266
- width: 2px;
25267
- }.v-system-bar {
25268
- align-items: center;
25269
- display: flex;
25270
- flex: 1 1 auto;
25271
- height: 24px;
25272
- justify-content: flex-end;
25273
- max-width: 100%;
25274
- padding-inline: 8px;
25275
- position: relative;
25276
- text-align: end;
25277
- width: 100%;
25278
- }
25279
- .v-system-bar .v-icon {
25280
- opacity: var(--v-medium-emphasis-opacity);
25281
- }
25282
- .v-system-bar {
25283
- 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));
25284
- }
25285
- .v-system-bar--absolute {
25286
- position: absolute;
25287
- }
25288
- .v-system-bar--fixed {
25289
- position: fixed;
25290
- }
25291
- .v-system-bar {
25292
- background: rgba(var(--v-theme-surface-light));
25293
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
25294
- }
25295
- .v-system-bar {
25296
- font-size: 0.75rem;
25297
- font-weight: 400;
25298
- letter-spacing: 0.0333333333em;
25299
- line-height: 1.667;
25300
- text-transform: none;
25301
- }
25302
- .v-system-bar--rounded {
25303
- border-radius: 0;
25304
- }
25305
- .v-system-bar--window {
25306
- height: 32px;
25307
- }
25308
- .v-system-bar:not(.v-system-bar--absolute) {
25309
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
25163
+ }
25164
+ .v-switch.v-switch--inset .v-switch__track {
25165
+ border-width: 2px;
25166
+ }
25167
+ .v-switch.v-switch--inset:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
25168
+ background-color: highlighttext;
25169
+ color: highlighttext;
25170
+ }
25171
+ .v-switch.v-input--disabled .v-switch__thumb {
25172
+ background-color: graytext;
25173
+ }
25174
+ .v-switch.v-input--disabled .v-switch__track,
25175
+ .v-switch.v-input--disabled .v-switch__thumb {
25176
+ color: graytext;
25177
+ }
25178
+ .v-switch.v-switch--loading .v-switch__thumb {
25179
+ background-color: canvas;
25180
+ }
25181
+ .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
25182
+ border-width: 0;
25183
+ }
25310
25184
  }.v-table {
25311
25185
  font-size: 0.875rem;
25312
25186
  transition-duration: 0.28s;
@@ -25449,6 +25323,49 @@ html.v-overlay-scroll-blocked {
25449
25323
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
25450
25324
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
25451
25325
  border-top: 0px !important;
25326
+ }.v-system-bar {
25327
+ align-items: center;
25328
+ display: flex;
25329
+ flex: 1 1 auto;
25330
+ height: 24px;
25331
+ justify-content: flex-end;
25332
+ max-width: 100%;
25333
+ padding-inline: 8px;
25334
+ position: relative;
25335
+ text-align: end;
25336
+ width: 100%;
25337
+ }
25338
+ .v-system-bar .v-icon {
25339
+ opacity: var(--v-medium-emphasis-opacity);
25340
+ }
25341
+ .v-system-bar {
25342
+ 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));
25343
+ }
25344
+ .v-system-bar--absolute {
25345
+ position: absolute;
25346
+ }
25347
+ .v-system-bar--fixed {
25348
+ position: fixed;
25349
+ }
25350
+ .v-system-bar {
25351
+ background: rgba(var(--v-theme-surface-light));
25352
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
25353
+ }
25354
+ .v-system-bar {
25355
+ font-size: 0.75rem;
25356
+ font-weight: 400;
25357
+ letter-spacing: 0.0333333333em;
25358
+ line-height: 1.667;
25359
+ text-transform: none;
25360
+ }
25361
+ .v-system-bar--rounded {
25362
+ border-radius: 0;
25363
+ }
25364
+ .v-system-bar--window {
25365
+ height: 32px;
25366
+ }
25367
+ .v-system-bar:not(.v-system-bar--absolute) {
25368
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
25452
25369
  }/* region BLOCK */
25453
25370
  .v-text-field input {
25454
25371
  color: inherit;
@@ -25516,7 +25433,102 @@ html.v-overlay-scroll-blocked {
25516
25433
  padding-inline-end: var(--v-field-padding-end);
25517
25434
  }
25518
25435
 
25519
- /* endregion */.v-textarea .v-field {
25436
+ /* endregion */.v-tab.v-tab.v-btn {
25437
+ height: var(--v-tabs-height);
25438
+ border-radius: 0;
25439
+ min-width: 90px;
25440
+ }
25441
+ .v-slide-group--horizontal .v-tab {
25442
+ max-width: 360px;
25443
+ }
25444
+ .v-slide-group--vertical .v-tab {
25445
+ justify-content: start;
25446
+ }
25447
+
25448
+ .v-tab__slider {
25449
+ position: absolute;
25450
+ bottom: 0;
25451
+ left: 0;
25452
+ height: 2px;
25453
+ width: 100%;
25454
+ background: currentColor;
25455
+ pointer-events: none;
25456
+ opacity: 0;
25457
+ }
25458
+ .v-tab--selected .v-tab__slider {
25459
+ opacity: 1;
25460
+ }
25461
+ .v-slide-group--vertical .v-tab__slider {
25462
+ top: 0;
25463
+ height: 100%;
25464
+ width: 2px;
25465
+ }.v-tabs {
25466
+ display: flex;
25467
+ height: var(--v-tabs-height);
25468
+ }
25469
+ .v-tabs--density-default {
25470
+ --v-tabs-height: 48px;
25471
+ }
25472
+ .v-tabs--density-default.v-tabs--stacked {
25473
+ --v-tabs-height: 72px;
25474
+ }
25475
+
25476
+ .v-tabs--density-comfortable {
25477
+ --v-tabs-height: 44px;
25478
+ }
25479
+ .v-tabs--density-comfortable.v-tabs--stacked {
25480
+ --v-tabs-height: 68px;
25481
+ }
25482
+
25483
+ .v-tabs--density-compact {
25484
+ --v-tabs-height: 36px;
25485
+ }
25486
+ .v-tabs--density-compact.v-tabs--stacked {
25487
+ --v-tabs-height: 60px;
25488
+ }
25489
+
25490
+ .v-tabs.v-slide-group--vertical {
25491
+ height: auto;
25492
+ flex: none;
25493
+ --v-tabs-height: 48px;
25494
+ }
25495
+
25496
+ .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
25497
+ margin-inline-start: 42px;
25498
+ }
25499
+
25500
+ .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
25501
+ .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
25502
+ margin-inline-end: auto;
25503
+ }
25504
+ .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
25505
+ .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
25506
+ margin-inline-start: auto;
25507
+ }
25508
+
25509
+ .v-tabs--grow {
25510
+ flex-grow: 1;
25511
+ }
25512
+ .v-tabs--grow .v-tab {
25513
+ flex: 1 0 auto;
25514
+ max-width: none;
25515
+ }
25516
+
25517
+ .v-tabs--align-tabs-end .v-tab:first-child {
25518
+ margin-inline-start: auto;
25519
+ }
25520
+ .v-tabs--align-tabs-end .v-tab:last-child {
25521
+ margin-inline-end: 0;
25522
+ }
25523
+
25524
+ @media (max-width: 1279.98px) {
25525
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
25526
+ margin-inline-start: 52px;
25527
+ }
25528
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
25529
+ margin-inline-end: 52px;
25530
+ }
25531
+ }.v-textarea .v-field {
25520
25532
  --v-textarea-control-height: var(--v-input-control-height);
25521
25533
  }
25522
25534
  .v-textarea .v-field__field {
@@ -25555,9 +25567,6 @@ html.v-overlay-scroll-blocked {
25555
25567
  }
25556
25568
  .v-textarea textarea:invalid {
25557
25569
  box-shadow: none;
25558
- }.v-theme-provider {
25559
- background: rgb(var(--v-theme-background));
25560
- color: rgb(var(--v-theme-on-background));
25561
25570
  }.v-timeline .v-timeline-divider__dot {
25562
25571
  background: rgb(var(--v-theme-surface-light));
25563
25572
  }
@@ -25943,39 +25952,143 @@ html.v-overlay-scroll-blocked {
25943
25952
  .v-timeline--vertical.v-timeline--align-start .v-timeline-divider {
25944
25953
  justify-content: flex-start;
25945
25954
  }
25946
- .v-timeline--vertical.v-timeline--align-start .v-timeline-divider .v-timeline-divider__before {
25947
- height: calc(var(--v-timeline-line-size-offset) + var(--v-timeline-dot-size) / 2 - var(--v-timeline-line-inset));
25955
+ .v-timeline--vertical.v-timeline--align-start .v-timeline-divider .v-timeline-divider__before {
25956
+ height: calc(var(--v-timeline-line-size-offset) + var(--v-timeline-dot-size) / 2 - var(--v-timeline-line-inset));
25957
+ }
25958
+ .v-timeline--vertical.v-timeline--align-start .v-timeline-divider .v-timeline-divider__after {
25959
+ height: calc(var(--v-timeline-line-size-base) - var(--v-timeline-dot-size) / 2 + var(--v-timeline-line-size-offset) - var(--v-timeline-line-inset));
25960
+ }
25961
+
25962
+ .v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider__before {
25963
+ display: none;
25964
+ }
25965
+ .v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider__after {
25966
+ --v-timeline-line-size-offset: 12px;
25967
+ }
25968
+ .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider, .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__opposite {
25969
+ padding-block-start: 0;
25970
+ }
25971
+
25972
+ .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__opposite {
25973
+ padding-inline-start: 0;
25974
+ }
25975
+
25976
+ .v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__after {
25977
+ display: none;
25978
+ }
25979
+ .v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__before {
25980
+ --v-timeline-line-size-offset: 12px;
25981
+ }
25982
+ .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
25983
+ padding-block-end: 0;
25984
+ }
25985
+
25986
+ .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 {
25987
+ padding-inline-end: 0;
25988
+ }.v-theme-provider {
25989
+ background: rgb(var(--v-theme-background));
25990
+ color: rgb(var(--v-theme-on-background));
25991
+ }.v-tooltip > .v-overlay__content {
25992
+ background: rgb(var(--v-theme-surface-variant));
25993
+ color: rgb(var(--v-theme-on-surface-variant));
25994
+ border-radius: 4px;
25995
+ font-size: 0.875rem;
25996
+ line-height: 1.6;
25997
+ display: inline-block;
25998
+ padding: 5px 16px;
25999
+ text-transform: initial;
26000
+ width: auto;
26001
+ opacity: 1;
26002
+ pointer-events: none;
26003
+ transition-property: opacity, transform;
26004
+ overflow-wrap: break-word;
26005
+ }
26006
+ .v-tooltip > .v-overlay__content[class*=enter-active] {
26007
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
26008
+ transition-duration: 150ms;
26009
+ }
26010
+ .v-tooltip > .v-overlay__content[class*=leave-active] {
26011
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
26012
+ transition-duration: 75ms;
26013
+ }.v-virtual-scroll {
26014
+ display: block;
26015
+ flex: 1 1 auto;
26016
+ max-width: 100%;
26017
+ overflow: auto;
26018
+ position: relative;
26019
+ }
26020
+ .v-virtual-scroll__container {
26021
+ display: block;
26022
+ }.v-window {
26023
+ overflow: hidden;
26024
+ }
26025
+ .v-window__container {
26026
+ display: flex;
26027
+ flex-direction: column;
26028
+ height: inherit;
26029
+ position: relative;
26030
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
26031
+ }
26032
+ .v-window__controls {
26033
+ position: absolute;
26034
+ left: 0;
26035
+ top: 0;
26036
+ width: 100%;
26037
+ height: 100%;
26038
+ display: flex;
26039
+ align-items: center;
26040
+ justify-content: space-between;
26041
+ padding: 0 16px;
26042
+ pointer-events: none;
26043
+ }
26044
+ .v-window__controls > * {
26045
+ pointer-events: auto;
26046
+ }
26047
+ .v-window--show-arrows-on-hover {
26048
+ overflow: hidden;
26049
+ }
26050
+ .v-window--show-arrows-on-hover .v-window__left {
26051
+ transform: translateX(-200%);
25948
26052
  }
25949
- .v-timeline--vertical.v-timeline--align-start .v-timeline-divider .v-timeline-divider__after {
25950
- height: calc(var(--v-timeline-line-size-base) - var(--v-timeline-dot-size) / 2 + var(--v-timeline-line-size-offset) - var(--v-timeline-line-inset));
26053
+ .v-window--show-arrows-on-hover .v-window__right {
26054
+ transform: translateX(200%);
26055
+ }
26056
+ .v-window--show-arrows-on-hover:hover .v-window__left,
26057
+ .v-window--show-arrows-on-hover:hover .v-window__right {
26058
+ transform: translateX(0);
25951
26059
  }
25952
26060
 
25953
- .v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider__before {
25954
- display: none;
26061
+ .v-window-x-transition-enter-active, .v-window-x-transition-leave-active, .v-window-x-reverse-transition-enter-active, .v-window-x-reverse-transition-leave-active, .v-window-y-transition-enter-active, .v-window-y-transition-leave-active, .v-window-y-reverse-transition-enter-active, .v-window-y-reverse-transition-leave-active {
26062
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25955
26063
  }
25956
- .v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider__after {
25957
- --v-timeline-line-size-offset: 12px;
26064
+ .v-window-x-transition-leave-from, .v-window-x-transition-leave-to, .v-window-x-reverse-transition-leave-from, .v-window-x-reverse-transition-leave-to, .v-window-y-transition-leave-from, .v-window-y-transition-leave-to, .v-window-y-reverse-transition-leave-from, .v-window-y-reverse-transition-leave-to {
26065
+ position: absolute !important;
26066
+ top: 0;
26067
+ width: 100%;
25958
26068
  }
25959
- .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider, .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__opposite {
25960
- padding-block-start: 0;
26069
+ .v-window-x-transition-enter-from {
26070
+ transform: translateX(100%);
25961
26071
  }
25962
-
25963
- .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__opposite {
25964
- padding-inline-start: 0;
26072
+ .v-window-x-transition-leave-to {
26073
+ transform: translateX(-100%);
25965
26074
  }
25966
-
25967
- .v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__after {
25968
- display: none;
26075
+ .v-window-x-reverse-transition-enter-from {
26076
+ transform: translateX(-100%);
25969
26077
  }
25970
- .v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__before {
25971
- --v-timeline-line-size-offset: 12px;
26078
+ .v-window-x-reverse-transition-leave-to {
26079
+ transform: translateX(100%);
25972
26080
  }
25973
- .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
25974
- padding-block-end: 0;
26081
+ .v-window-y-transition-enter-from {
26082
+ transform: translateY(100%);
25975
26083
  }
25976
-
25977
- .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 {
25978
- padding-inline-end: 0;
26084
+ .v-window-y-transition-leave-to {
26085
+ transform: translateY(-100%);
26086
+ }
26087
+ .v-window-y-reverse-transition-enter-from {
26088
+ transform: translateY(-100%);
26089
+ }
26090
+ .v-window-y-reverse-transition-leave-to {
26091
+ transform: translateY(100%);
25979
26092
  }.v-toolbar {
25980
26093
  align-items: flex-start;
25981
26094
  display: flex;
@@ -26119,107 +26232,28 @@ html.v-overlay-scroll-blocked {
26119
26232
  }
26120
26233
  .v-toolbar-items > .v-btn {
26121
26234
  border-radius: 0;
26122
- }.v-tooltip > .v-overlay__content {
26123
- background: rgb(var(--v-theme-surface-variant));
26124
- color: rgb(var(--v-theme-on-surface-variant));
26125
- border-radius: 4px;
26126
- font-size: 0.875rem;
26127
- line-height: 1.6;
26128
- display: inline-block;
26129
- padding: 5px 16px;
26130
- text-transform: initial;
26131
- width: auto;
26132
- opacity: 1;
26133
- pointer-events: none;
26134
- transition-property: opacity, transform;
26135
- overflow-wrap: break-word;
26136
- }
26137
- .v-tooltip > .v-overlay__content[class*=enter-active] {
26138
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
26139
- transition-duration: 150ms;
26140
- }
26141
- .v-tooltip > .v-overlay__content[class*=leave-active] {
26142
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
26143
- transition-duration: 75ms;
26144
- }.v-virtual-scroll {
26145
- display: block;
26146
- flex: 1 1 auto;
26147
- max-width: 100%;
26148
- overflow: auto;
26149
- position: relative;
26150
- }
26151
- .v-virtual-scroll__container {
26152
- display: block;
26153
- }.v-window {
26154
- overflow: hidden;
26155
- }
26156
- .v-window__container {
26235
+ }.v-color-picker-canvas {
26157
26236
  display: flex;
26158
- flex-direction: column;
26159
- height: inherit;
26160
26237
  position: relative;
26161
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
26162
- }
26163
- .v-window__controls {
26164
- position: absolute;
26165
- left: 0;
26166
- top: 0;
26167
- width: 100%;
26168
- height: 100%;
26169
- display: flex;
26170
- align-items: center;
26171
- justify-content: space-between;
26172
- padding: 0 16px;
26173
- pointer-events: none;
26174
- }
26175
- .v-window__controls > * {
26176
- pointer-events: auto;
26177
- }
26178
- .v-window--show-arrows-on-hover {
26179
26238
  overflow: hidden;
26239
+ contain: content;
26240
+ touch-action: none;
26180
26241
  }
26181
- .v-window--show-arrows-on-hover .v-window__left {
26182
- transform: translateX(-200%);
26183
- }
26184
- .v-window--show-arrows-on-hover .v-window__right {
26185
- transform: translateX(200%);
26186
- }
26187
- .v-window--show-arrows-on-hover:hover .v-window__left,
26188
- .v-window--show-arrows-on-hover:hover .v-window__right {
26189
- transform: translateX(0);
26190
- }
26191
-
26192
- .v-window-x-transition-enter-active, .v-window-x-transition-leave-active, .v-window-x-reverse-transition-enter-active, .v-window-x-reverse-transition-leave-active, .v-window-y-transition-enter-active, .v-window-y-transition-leave-active, .v-window-y-reverse-transition-enter-active, .v-window-y-reverse-transition-leave-active {
26193
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
26194
- }
26195
- .v-window-x-transition-leave-from, .v-window-x-transition-leave-to, .v-window-x-reverse-transition-leave-from, .v-window-x-reverse-transition-leave-to, .v-window-y-transition-leave-from, .v-window-y-transition-leave-to, .v-window-y-reverse-transition-leave-from, .v-window-y-reverse-transition-leave-to {
26196
- position: absolute !important;
26242
+ .v-color-picker-canvas__dot {
26243
+ position: absolute;
26197
26244
  top: 0;
26198
- width: 100%;
26199
- }
26200
- .v-window-x-transition-enter-from {
26201
- transform: translateX(100%);
26202
- }
26203
- .v-window-x-transition-leave-to {
26204
- transform: translateX(-100%);
26205
- }
26206
- .v-window-x-reverse-transition-enter-from {
26207
- transform: translateX(-100%);
26208
- }
26209
- .v-window-x-reverse-transition-leave-to {
26210
- transform: translateX(100%);
26211
- }
26212
- .v-window-y-transition-enter-from {
26213
- transform: translateY(100%);
26214
- }
26215
- .v-window-y-transition-leave-to {
26216
- transform: translateY(-100%);
26245
+ left: 0;
26246
+ width: 15px;
26247
+ height: 15px;
26248
+ background: transparent;
26249
+ border-radius: 50%;
26250
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
26217
26251
  }
26218
- .v-window-y-reverse-transition-enter-from {
26219
- transform: translateY(-100%);
26252
+ .v-color-picker-canvas__dot--disabled {
26253
+ 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);
26220
26254
  }
26221
- .v-window-y-reverse-transition-leave-to {
26222
- transform: translateY(100%);
26255
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
26256
+ will-change: transform;
26223
26257
  }.v-color-picker-edit {
26224
26258
  display: flex;
26225
26259
  margin-top: 24px;
@@ -26248,6 +26282,41 @@ html.v-overlay-scroll-blocked {
26248
26282
  }
26249
26283
  .v-color-picker-edit__input span {
26250
26284
  font-size: 0.75rem;
26285
+ }.v-color-picker-swatches {
26286
+ overflow-y: auto;
26287
+ }
26288
+ .v-color-picker-swatches > div {
26289
+ display: flex;
26290
+ flex-wrap: wrap;
26291
+ justify-content: center;
26292
+ padding: 8px;
26293
+ }
26294
+
26295
+ .v-color-picker-swatches__swatch {
26296
+ display: flex;
26297
+ flex-direction: column;
26298
+ margin-bottom: 10px;
26299
+ }
26300
+
26301
+ .v-color-picker-swatches__color {
26302
+ position: relative;
26303
+ height: 18px;
26304
+ max-height: 18px;
26305
+ width: 45px;
26306
+ margin: 2px 4px;
26307
+ border-radius: 2px;
26308
+ -webkit-user-select: none;
26309
+ user-select: none;
26310
+ overflow: hidden;
26311
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
26312
+ cursor: pointer;
26313
+ }
26314
+ .v-color-picker-swatches__color > div {
26315
+ display: flex;
26316
+ align-items: center;
26317
+ justify-content: center;
26318
+ width: 100%;
26319
+ height: 100%;
26251
26320
  }.v-color-picker-preview__alpha .v-slider-track__background {
26252
26321
  background-color: transparent !important;
26253
26322
  }
@@ -26318,63 +26387,6 @@ html.v-overlay-scroll-blocked {
26318
26387
  .v-color-picker-preview__eye-dropper {
26319
26388
  position: relative;
26320
26389
  margin-right: 12px;
26321
- }.v-color-picker-swatches {
26322
- overflow-y: auto;
26323
- }
26324
- .v-color-picker-swatches > div {
26325
- display: flex;
26326
- flex-wrap: wrap;
26327
- justify-content: center;
26328
- padding: 8px;
26329
- }
26330
-
26331
- .v-color-picker-swatches__swatch {
26332
- display: flex;
26333
- flex-direction: column;
26334
- margin-bottom: 10px;
26335
- }
26336
-
26337
- .v-color-picker-swatches__color {
26338
- position: relative;
26339
- height: 18px;
26340
- max-height: 18px;
26341
- width: 45px;
26342
- margin: 2px 4px;
26343
- border-radius: 2px;
26344
- -webkit-user-select: none;
26345
- user-select: none;
26346
- overflow: hidden;
26347
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
26348
- cursor: pointer;
26349
- }
26350
- .v-color-picker-swatches__color > div {
26351
- display: flex;
26352
- align-items: center;
26353
- justify-content: center;
26354
- width: 100%;
26355
- height: 100%;
26356
- }.v-color-picker-canvas {
26357
- display: flex;
26358
- position: relative;
26359
- overflow: hidden;
26360
- contain: content;
26361
- touch-action: none;
26362
- }
26363
- .v-color-picker-canvas__dot {
26364
- position: absolute;
26365
- top: 0;
26366
- left: 0;
26367
- width: 15px;
26368
- height: 15px;
26369
- background: transparent;
26370
- border-radius: 50%;
26371
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
26372
- }
26373
- .v-color-picker-canvas__dot--disabled {
26374
- 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);
26375
- }
26376
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
26377
- will-change: transform;
26378
26390
  }.v-picker.v-sheet {
26379
26391
  display: grid;
26380
26392
  grid-auto-rows: min-content;