@vuetify/nightly 3.1.2-dev-20230112.0 → 3.1.2-next-20230112.0

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.
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.1.2-dev-20230112.0
2
+ * Vuetify v3.1.2-next-20230112.0
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -18425,6 +18425,16 @@ html.overflow-y-hidden {
18425
18425
  font-weight: normal;
18426
18426
  padding: 0.2em 0.4rem;
18427
18427
  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-penumbra-opacity, rgba(0, 0, 0, 0.12));
18428
+ }.v-virtual-scroll {
18429
+ display: block;
18430
+ flex: 1 1 auto;
18431
+ height: 100%;
18432
+ max-width: 100%;
18433
+ overflow: auto;
18434
+ position: relative;
18435
+ }
18436
+ .v-virtual-scroll__container {
18437
+ display: block;
18428
18438
  }.v-data-table {
18429
18439
  width: 100%;
18430
18440
  }
@@ -18543,16 +18553,21 @@ html.overflow-y-hidden {
18543
18553
 
18544
18554
  .v-data-table-rows-no-data {
18545
18555
  text-align: center;
18546
- }.v-virtual-scroll {
18547
- display: block;
18556
+ }.v-application {
18557
+ display: flex;
18558
+ background: rgb(var(--v-theme-background));
18559
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
18560
+ }
18561
+
18562
+ .v-application__wrap {
18563
+ -webkit-backface-visibility: hidden;
18564
+ backface-visibility: hidden;
18565
+ display: flex;
18566
+ flex-direction: column;
18548
18567
  flex: 1 1 auto;
18549
- height: 100%;
18550
18568
  max-width: 100%;
18551
- overflow: auto;
18569
+ min-height: 100vh;
18552
18570
  position: relative;
18553
- }
18554
- .v-virtual-scroll__container {
18555
- display: block;
18556
18571
  }.v-app-bar {
18557
18572
  display: flex;
18558
18573
  }
@@ -20500,6 +20515,26 @@ html.overflow-y-hidden {
20500
20515
  .v-chip-group--column {
20501
20516
  flex-wrap: wrap;
20502
20517
  white-space: normal;
20518
+ }.v-color-picker {
20519
+ align-self: flex-start;
20520
+ contain: content;
20521
+ }
20522
+ .v-color-picker.v-sheet {
20523
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
20524
+ border-radius: 4px;
20525
+ }
20526
+
20527
+ .v-color-picker__controls {
20528
+ display: flex;
20529
+ flex-direction: column;
20530
+ padding: 16px;
20531
+ }
20532
+
20533
+ .v-color-picker--flat {
20534
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
20535
+ }
20536
+ .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20537
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
20503
20538
  }.v-input--density-default {
20504
20539
  --combobox-chips-margin-bottom: 0px;
20505
20540
  }
@@ -20588,11 +20623,6 @@ html.overflow-y-hidden {
20588
20623
  }
20589
20624
  .v-combobox--single .v-field--focused .v-combobox__selection {
20590
20625
  opacity: 0;
20591
- }.v-counter {
20592
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20593
- flex: 0 1 auto;
20594
- font-size: 12px;
20595
- transition-duration: 150ms;
20596
20626
  }.v-container {
20597
20627
  width: 100%;
20598
20628
  padding: 16px;
@@ -21599,6 +21629,87 @@ html.overflow-y-hidden {
21599
21629
  .offset-xxl-11.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-11 {
21600
21630
  margin-right: 91.6666666667%;
21601
21631
  }
21632
+ }.v-counter {
21633
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
21634
+ flex: 0 1 auto;
21635
+ font-size: 12px;
21636
+ transition-duration: 150ms;
21637
+ }.v-dialog {
21638
+ align-items: center;
21639
+ justify-content: center;
21640
+ margin: auto;
21641
+ }
21642
+ .v-dialog .v-overlay__content {
21643
+ max-height: calc(100% - 48px);
21644
+ width: calc(100% - 48px);
21645
+ max-width: calc(100% - 48px);
21646
+ margin: 24px;
21647
+ display: flex;
21648
+ flex-direction: column;
21649
+ }
21650
+ .v-dialog .v-overlay__content > .v-card,
21651
+ .v-dialog .v-overlay__content > .v-sheet {
21652
+ --v-scrollbar-offset: 0px;
21653
+ border-radius: 4px;
21654
+ overflow-y: auto;
21655
+ box-shadow: 0px 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 9px 46px 8px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
21656
+ }
21657
+ .v-dialog .v-overlay__content > .v-card {
21658
+ display: flex;
21659
+ flex-direction: column;
21660
+ }
21661
+ .v-dialog .v-overlay__content > .v-card > .v-card-item {
21662
+ padding: 14px 24px 0;
21663
+ }
21664
+ .v-dialog .v-overlay__content > .v-card > .v-card-item + .v-card-text {
21665
+ padding-top: 10px;
21666
+ }
21667
+ .v-dialog .v-overlay__content > .v-card > .v-card-text {
21668
+ font-size: inherit;
21669
+ letter-spacing: 0.03125em;
21670
+ line-height: inherit;
21671
+ padding: 16px 24px 10px;
21672
+ }
21673
+
21674
+ .v-dialog--fullscreen {
21675
+ --v-scrollbar-offset: 0px;
21676
+ }
21677
+ .v-dialog--fullscreen .v-overlay__content {
21678
+ border-radius: 0;
21679
+ margin: 0;
21680
+ padding: 0;
21681
+ width: 100%;
21682
+ height: 100%;
21683
+ max-width: 100%;
21684
+ max-height: 100%;
21685
+ overflow-y: auto;
21686
+ top: 0;
21687
+ left: 0;
21688
+ }
21689
+ .v-dialog--fullscreen .v-overlay__content > .v-card,
21690
+ .v-dialog--fullscreen .v-overlay__content > .v-sheet {
21691
+ min-height: 100%;
21692
+ min-width: 100%;
21693
+ border-radius: 0;
21694
+ }
21695
+
21696
+ .v-dialog--scrollable .v-overlay__content,
21697
+ .v-dialog--scrollable .v-overlay__content > form {
21698
+ display: flex;
21699
+ }
21700
+ .v-dialog--scrollable .v-overlay__content > .v-card,
21701
+ .v-dialog--scrollable .v-overlay__content > form > .v-card {
21702
+ display: flex;
21703
+ flex: 1 1 100%;
21704
+ flex-direction: column;
21705
+ max-height: 100%;
21706
+ max-width: 100%;
21707
+ }
21708
+ .v-dialog--scrollable .v-overlay__content > .v-card > .v-card-text,
21709
+ .v-dialog--scrollable .v-overlay__content > form > .v-card > .v-card-text {
21710
+ -webkit-backface-visibility: hidden;
21711
+ backface-visibility: hidden;
21712
+ overflow-y: auto;
21602
21713
  }.v-divider {
21603
21714
  display: block;
21604
21715
  flex: 1 1 100%;
@@ -22279,82 +22390,6 @@ textarea.v-field__input::placeholder {
22279
22390
  .v-file-input .v-chip {
22280
22391
  margin-top: 2px;
22281
22392
  margin-bottom: var(--file-input-chips-margin-bottom);
22282
- }.v-dialog {
22283
- align-items: center;
22284
- justify-content: center;
22285
- margin: auto;
22286
- }
22287
- .v-dialog .v-overlay__content {
22288
- max-height: calc(100% - 48px);
22289
- width: calc(100% - 48px);
22290
- max-width: calc(100% - 48px);
22291
- margin: 24px;
22292
- display: flex;
22293
- flex-direction: column;
22294
- }
22295
- .v-dialog .v-overlay__content > .v-card,
22296
- .v-dialog .v-overlay__content > .v-sheet {
22297
- --v-scrollbar-offset: 0px;
22298
- border-radius: 4px;
22299
- overflow-y: auto;
22300
- box-shadow: 0px 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 9px 46px 8px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
22301
- }
22302
- .v-dialog .v-overlay__content > .v-card {
22303
- display: flex;
22304
- flex-direction: column;
22305
- }
22306
- .v-dialog .v-overlay__content > .v-card > .v-card-item {
22307
- padding: 14px 24px 0;
22308
- }
22309
- .v-dialog .v-overlay__content > .v-card > .v-card-item + .v-card-text {
22310
- padding-top: 10px;
22311
- }
22312
- .v-dialog .v-overlay__content > .v-card > .v-card-text {
22313
- font-size: inherit;
22314
- letter-spacing: 0.03125em;
22315
- line-height: inherit;
22316
- padding: 16px 24px 10px;
22317
- }
22318
-
22319
- .v-dialog--fullscreen {
22320
- --v-scrollbar-offset: 0px;
22321
- }
22322
- .v-dialog--fullscreen .v-overlay__content {
22323
- border-radius: 0;
22324
- margin: 0;
22325
- padding: 0;
22326
- width: 100%;
22327
- height: 100%;
22328
- max-width: 100%;
22329
- max-height: 100%;
22330
- overflow-y: auto;
22331
- top: 0;
22332
- left: 0;
22333
- }
22334
- .v-dialog--fullscreen .v-overlay__content > .v-card,
22335
- .v-dialog--fullscreen .v-overlay__content > .v-sheet {
22336
- min-height: 100%;
22337
- min-width: 100%;
22338
- border-radius: 0;
22339
- }
22340
-
22341
- .v-dialog--scrollable .v-overlay__content,
22342
- .v-dialog--scrollable .v-overlay__content > form {
22343
- display: flex;
22344
- }
22345
- .v-dialog--scrollable .v-overlay__content > .v-card,
22346
- .v-dialog--scrollable .v-overlay__content > form > .v-card {
22347
- display: flex;
22348
- flex: 1 1 100%;
22349
- flex-direction: column;
22350
- max-height: 100%;
22351
- max-width: 100%;
22352
- }
22353
- .v-dialog--scrollable .v-overlay__content > .v-card > .v-card-text,
22354
- .v-dialog--scrollable .v-overlay__content > form > .v-card > .v-card-text {
22355
- -webkit-backface-visibility: hidden;
22356
- backface-visibility: hidden;
22357
- overflow-y: auto;
22358
22393
  }.v-footer {
22359
22394
  align-items: center;
22360
22395
  display: flex;
@@ -23311,140 +23346,40 @@ html.v-overlay-scroll-blocked {
23311
23346
  }
23312
23347
  .v-parallax--active > .v-img__img {
23313
23348
  will-change: transform;
23314
- }.v-progress-circular {
23315
- align-items: center;
23316
- display: inline-flex;
23317
- justify-content: center;
23349
+ }.v-progress-linear {
23350
+ background: transparent;
23351
+ overflow: hidden;
23318
23352
  position: relative;
23319
- vertical-align: middle;
23320
- }
23321
- .v-progress-circular > svg {
23353
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23322
23354
  width: 100%;
23323
- height: 100%;
23324
- margin: auto;
23325
- position: absolute;
23326
- top: 0;
23355
+ }
23356
+
23357
+ .v-progress-linear__background {
23358
+ background: currentColor;
23327
23359
  bottom: 0;
23328
23360
  left: 0;
23329
- right: 0;
23330
- z-index: 0;
23361
+ opacity: var(--v-border-opacity);
23362
+ position: absolute;
23363
+ top: 0;
23364
+ transition-property: width, left, right;
23365
+ transition: inherit;
23331
23366
  }
23332
23367
 
23333
- .v-progress-circular__content {
23368
+ .v-progress-linear__content {
23334
23369
  align-items: center;
23335
23370
  display: flex;
23371
+ height: 100%;
23336
23372
  justify-content: center;
23373
+ left: 0;
23374
+ pointer-events: none;
23375
+ position: absolute;
23376
+ top: 0;
23377
+ width: 100%;
23337
23378
  }
23338
23379
 
23339
- .v-progress-circular__underlay {
23340
- color: rgba(var(--v-border-color), var(--v-border-opacity));
23341
- stroke: currentColor;
23342
- z-index: 1;
23343
- }
23344
-
23345
- .v-progress-circular__overlay {
23346
- stroke: currentColor;
23347
- transition: all 0.2s ease-in-out, stroke-width 0s;
23348
- z-index: 2;
23349
- }
23350
-
23351
- .v-progress-circular--size-x-small {
23352
- height: 16px;
23353
- width: 16px;
23354
- }
23355
- .v-progress-circular--size-small {
23356
- height: 24px;
23357
- width: 24px;
23358
- }
23359
- .v-progress-circular--size-default {
23360
- height: 32px;
23361
- width: 32px;
23362
- }
23363
- .v-progress-circular--size-large {
23364
- height: 48px;
23365
- width: 48px;
23366
- }
23367
- .v-progress-circular--size-x-large {
23368
- height: 64px;
23369
- width: 64px;
23370
- }
23371
-
23372
- .v-progress-circular--indeterminate > svg {
23373
- animation: progress-circular-rotate 1.4s linear infinite;
23374
- transform-origin: center center;
23375
- transition: all 0.2s ease-in-out;
23376
- }
23377
- .v-progress-circular--indeterminate .v-progress-circular__overlay {
23378
- animation: progress-circular-dash 1.4s ease-in-out infinite;
23379
- stroke-dasharray: 25, 200;
23380
- stroke-dashoffset: 0;
23381
- stroke-linecap: round;
23382
- }
23383
-
23384
- .v-progress-circular--disable-shrink > svg {
23385
- animation-duration: 0.7s;
23386
- }
23387
- .v-progress-circular--disable-shrink .v-progress-circular__overlay {
23388
- animation: none;
23389
- }
23390
-
23391
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
23392
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
23393
- animation-play-state: paused !important;
23394
- }
23395
-
23396
- @keyframes progress-circular-dash {
23397
- 0% {
23398
- stroke-dasharray: 1, 200;
23399
- stroke-dashoffset: 0px;
23400
- }
23401
- 50% {
23402
- stroke-dasharray: 100, 200;
23403
- stroke-dashoffset: -15px;
23404
- }
23405
- 100% {
23406
- stroke-dasharray: 100, 200;
23407
- stroke-dashoffset: -124px;
23408
- }
23409
- }
23410
- @keyframes progress-circular-rotate {
23411
- 100% {
23412
- transform: rotate(270deg);
23413
- }
23414
- }.v-progress-linear {
23415
- background: transparent;
23416
- overflow: hidden;
23417
- position: relative;
23418
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23419
- width: 100%;
23420
- }
23421
-
23422
- .v-progress-linear__background {
23423
- background: currentColor;
23424
- bottom: 0;
23425
- left: 0;
23426
- opacity: var(--v-border-opacity);
23427
- position: absolute;
23428
- top: 0;
23429
- transition-property: width, left, right;
23430
- transition: inherit;
23431
- }
23432
-
23433
- .v-progress-linear__content {
23434
- align-items: center;
23435
- display: flex;
23436
- height: 100%;
23437
- justify-content: center;
23438
- left: 0;
23439
- pointer-events: none;
23440
- position: absolute;
23441
- top: 0;
23442
- width: 100%;
23443
- }
23444
-
23445
- .v-progress-linear__determinate,
23446
- .v-progress-linear__indeterminate {
23447
- background: currentColor;
23380
+ .v-progress-linear__determinate,
23381
+ .v-progress-linear__indeterminate {
23382
+ background: currentColor;
23448
23383
  }
23449
23384
 
23450
23385
  .v-progress-linear__determinate {
@@ -23622,6 +23557,106 @@ html.v-overlay-scroll-blocked {
23622
23557
  0% {
23623
23558
  background-position-x: var(--v-progress-linear-height);
23624
23559
  }
23560
+ }.v-progress-circular {
23561
+ align-items: center;
23562
+ display: inline-flex;
23563
+ justify-content: center;
23564
+ position: relative;
23565
+ vertical-align: middle;
23566
+ }
23567
+ .v-progress-circular > svg {
23568
+ width: 100%;
23569
+ height: 100%;
23570
+ margin: auto;
23571
+ position: absolute;
23572
+ top: 0;
23573
+ bottom: 0;
23574
+ left: 0;
23575
+ right: 0;
23576
+ z-index: 0;
23577
+ }
23578
+
23579
+ .v-progress-circular__content {
23580
+ align-items: center;
23581
+ display: flex;
23582
+ justify-content: center;
23583
+ }
23584
+
23585
+ .v-progress-circular__underlay {
23586
+ color: rgba(var(--v-border-color), var(--v-border-opacity));
23587
+ stroke: currentColor;
23588
+ z-index: 1;
23589
+ }
23590
+
23591
+ .v-progress-circular__overlay {
23592
+ stroke: currentColor;
23593
+ transition: all 0.2s ease-in-out, stroke-width 0s;
23594
+ z-index: 2;
23595
+ }
23596
+
23597
+ .v-progress-circular--size-x-small {
23598
+ height: 16px;
23599
+ width: 16px;
23600
+ }
23601
+ .v-progress-circular--size-small {
23602
+ height: 24px;
23603
+ width: 24px;
23604
+ }
23605
+ .v-progress-circular--size-default {
23606
+ height: 32px;
23607
+ width: 32px;
23608
+ }
23609
+ .v-progress-circular--size-large {
23610
+ height: 48px;
23611
+ width: 48px;
23612
+ }
23613
+ .v-progress-circular--size-x-large {
23614
+ height: 64px;
23615
+ width: 64px;
23616
+ }
23617
+
23618
+ .v-progress-circular--indeterminate > svg {
23619
+ animation: progress-circular-rotate 1.4s linear infinite;
23620
+ transform-origin: center center;
23621
+ transition: all 0.2s ease-in-out;
23622
+ }
23623
+ .v-progress-circular--indeterminate .v-progress-circular__overlay {
23624
+ animation: progress-circular-dash 1.4s ease-in-out infinite;
23625
+ stroke-dasharray: 25, 200;
23626
+ stroke-dashoffset: 0;
23627
+ stroke-linecap: round;
23628
+ }
23629
+
23630
+ .v-progress-circular--disable-shrink > svg {
23631
+ animation-duration: 0.7s;
23632
+ }
23633
+ .v-progress-circular--disable-shrink .v-progress-circular__overlay {
23634
+ animation: none;
23635
+ }
23636
+
23637
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
23638
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
23639
+ animation-play-state: paused !important;
23640
+ }
23641
+
23642
+ @keyframes progress-circular-dash {
23643
+ 0% {
23644
+ stroke-dasharray: 1, 200;
23645
+ stroke-dashoffset: 0px;
23646
+ }
23647
+ 50% {
23648
+ stroke-dasharray: 100, 200;
23649
+ stroke-dashoffset: -15px;
23650
+ }
23651
+ 100% {
23652
+ stroke-dasharray: 100, 200;
23653
+ stroke-dashoffset: -124px;
23654
+ }
23655
+ }
23656
+ @keyframes progress-circular-rotate {
23657
+ 100% {
23658
+ transform: rotate(270deg);
23659
+ }
23625
23660
  }.v-radio-group > .v-input__control {
23626
23661
  flex-direction: column;
23627
23662
  }
@@ -24563,36 +24598,165 @@ html.v-overlay-scroll-blocked {
24563
24598
  /* endregion */.v-theme-provider {
24564
24599
  background: rgb(var(--v-theme-background));
24565
24600
  color: rgb(var(--v-theme-on-background));
24566
- }.v-timeline .v-timeline-divider__dot {
24601
+ }.v-toolbar {
24602
+ align-items: flex-start;
24603
+ display: flex;
24604
+ flex: none;
24605
+ flex-direction: column;
24606
+ justify-content: space-between;
24607
+ max-width: 100%;
24608
+ overflow: hidden;
24609
+ position: relative;
24610
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24611
+ transition-property: height, width, transform, max-width, left, right, top, bottom;
24612
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
24613
+ border-style: solid;
24614
+ border-width: 0;
24615
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
24616
+ border-radius: 0;
24567
24617
  background: rgb(var(--v-theme-on-surface-variant));
24618
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24568
24619
  }
24569
- .v-timeline .v-timeline-divider__inner-dot {
24570
- background: rgb(var(--v-theme-on-surface));
24620
+ .v-toolbar--border {
24621
+ border-width: thin;
24622
+ box-shadow: none;
24571
24623
  }
24572
-
24573
- .v-timeline {
24574
- display: grid;
24575
- grid-auto-flow: dense;
24576
- position: relative;
24624
+ .v-toolbar--absolute {
24625
+ position: absolute;
24577
24626
  }
24578
- .v-timeline--horizontal.v-timeline {
24579
- grid-column-gap: 24px;
24580
- width: 100%;
24627
+ .v-toolbar--collapse {
24628
+ max-width: 112px;
24629
+ overflow: hidden;
24581
24630
  }
24582
- .v-timeline--horizontal.v-timeline .v-timeline-item:first-child .v-timeline-divider, .v-timeline--horizontal.v-timeline .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline .v-timeline-item:first-child .v-timeline-item__opposite {
24583
- padding-inline-start: 24px;
24631
+ .v-toolbar--collapse .v-toolbar-title {
24632
+ display: none;
24584
24633
  }
24585
- .v-timeline--horizontal.v-timeline .v-timeline-item:last-child .v-timeline-divider, .v-timeline--horizontal.v-timeline .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline .v-timeline-item:last-child .v-timeline-item__opposite {
24586
- padding-inline-end: 24px;
24634
+ .v-toolbar--collapse.v-locale--is-ltr, .v-locale--is-ltr .v-toolbar--collapse {
24635
+ border-bottom-right-radius: 24px;
24587
24636
  }
24588
- .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__body {
24589
- grid-row: 3;
24590
- padding-block-start: 24px;
24637
+ .v-toolbar--collapse.v-locale--is-rtl, .v-locale--is-rtl .v-toolbar--collapse {
24638
+ border-bottom-left-radius: 24px;
24591
24639
  }
24592
- .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__opposite {
24593
- grid-row: 1;
24594
- padding-block-end: 24px;
24595
- align-self: flex-end;
24640
+ .v-toolbar--flat {
24641
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
24642
+ }
24643
+ .v-toolbar--floating {
24644
+ display: inline-flex;
24645
+ }
24646
+ .v-toolbar--rounded {
24647
+ border-radius: 4px;
24648
+ }
24649
+
24650
+ .v-toolbar__content,
24651
+ .v-toolbar__extension {
24652
+ align-items: center;
24653
+ display: flex;
24654
+ flex: 0 0 auto;
24655
+ position: relative;
24656
+ transition: inherit;
24657
+ width: 100%;
24658
+ }
24659
+
24660
+ .v-toolbar__content > .v-btn:first-child {
24661
+ margin-inline-start: 10px;
24662
+ }
24663
+ .v-toolbar__content > .v-btn:last-child {
24664
+ margin-inline-end: 10px;
24665
+ }
24666
+ .v-toolbar__content > .v-toolbar-title {
24667
+ margin-inline-start: 16px;
24668
+ }
24669
+ .v-toolbar--density-prominent .v-toolbar__content {
24670
+ align-items: flex-start;
24671
+ }
24672
+
24673
+ .v-toolbar__image {
24674
+ position: absolute;
24675
+ top: 0;
24676
+ left: 0;
24677
+ width: 100%;
24678
+ height: 100%;
24679
+ display: flex;
24680
+ }
24681
+
24682
+ .v-toolbar__prepend,
24683
+ .v-toolbar__append {
24684
+ align-items: center;
24685
+ display: flex;
24686
+ }
24687
+
24688
+ .v-toolbar__prepend {
24689
+ margin-inline-start: 10px;
24690
+ margin-inline-end: auto;
24691
+ }
24692
+
24693
+ .v-toolbar__append {
24694
+ margin-inline-start: auto;
24695
+ margin-inline-end: 10px;
24696
+ }
24697
+
24698
+ .v-toolbar-title {
24699
+ flex: 1 1;
24700
+ font-size: 1.25rem;
24701
+ min-width: 0;
24702
+ font-size: 1.25rem;
24703
+ font-weight: 400;
24704
+ letter-spacing: 0;
24705
+ line-height: 1.75rem;
24706
+ text-transform: none;
24707
+ }
24708
+ .v-toolbar--density-prominent .v-toolbar-title {
24709
+ align-self: flex-end;
24710
+ padding-bottom: 6px;
24711
+ font-size: 1.5rem;
24712
+ font-weight: 400;
24713
+ letter-spacing: 0;
24714
+ line-height: 2.25rem;
24715
+ text-transform: none;
24716
+ }
24717
+
24718
+ .v-toolbar-title__placeholder {
24719
+ overflow: hidden;
24720
+ text-overflow: ellipsis;
24721
+ white-space: nowrap;
24722
+ }
24723
+
24724
+ .v-toolbar-items {
24725
+ display: flex;
24726
+ height: inherit;
24727
+ }
24728
+ .v-toolbar-items > .v-btn {
24729
+ border-radius: 0;
24730
+ }.v-timeline .v-timeline-divider__dot {
24731
+ background: rgb(var(--v-theme-on-surface-variant));
24732
+ }
24733
+ .v-timeline .v-timeline-divider__inner-dot {
24734
+ background: rgb(var(--v-theme-on-surface));
24735
+ }
24736
+
24737
+ .v-timeline {
24738
+ display: grid;
24739
+ grid-auto-flow: dense;
24740
+ position: relative;
24741
+ }
24742
+ .v-timeline--horizontal.v-timeline {
24743
+ grid-column-gap: 24px;
24744
+ width: 100%;
24745
+ }
24746
+ .v-timeline--horizontal.v-timeline .v-timeline-item:first-child .v-timeline-divider, .v-timeline--horizontal.v-timeline .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline .v-timeline-item:first-child .v-timeline-item__opposite {
24747
+ padding-inline-start: 24px;
24748
+ }
24749
+ .v-timeline--horizontal.v-timeline .v-timeline-item:last-child .v-timeline-divider, .v-timeline--horizontal.v-timeline .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline .v-timeline-item:last-child .v-timeline-item__opposite {
24750
+ padding-inline-end: 24px;
24751
+ }
24752
+ .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__body {
24753
+ grid-row: 3;
24754
+ padding-block-start: 24px;
24755
+ }
24756
+ .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__opposite {
24757
+ grid-row: 1;
24758
+ padding-block-end: 24px;
24759
+ align-self: flex-end;
24596
24760
  }
24597
24761
  .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n+1) .v-timeline-item__body {
24598
24762
  grid-row: 1;
@@ -25008,135 +25172,6 @@ html.v-overlay-scroll-blocked {
25008
25172
 
25009
25173
  .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 {
25010
25174
  padding-inline-end: 0;
25011
- }.v-toolbar {
25012
- align-items: flex-start;
25013
- display: flex;
25014
- flex: none;
25015
- flex-direction: column;
25016
- justify-content: space-between;
25017
- max-width: 100%;
25018
- overflow: hidden;
25019
- position: relative;
25020
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
25021
- transition-property: height, width, transform, max-width, left, right, top, bottom;
25022
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
25023
- border-style: solid;
25024
- border-width: 0;
25025
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
25026
- border-radius: 0;
25027
- background: rgb(var(--v-theme-on-surface-variant));
25028
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
25029
- }
25030
- .v-toolbar--border {
25031
- border-width: thin;
25032
- box-shadow: none;
25033
- }
25034
- .v-toolbar--absolute {
25035
- position: absolute;
25036
- }
25037
- .v-toolbar--collapse {
25038
- max-width: 112px;
25039
- overflow: hidden;
25040
- }
25041
- .v-toolbar--collapse .v-toolbar-title {
25042
- display: none;
25043
- }
25044
- .v-toolbar--collapse.v-locale--is-ltr, .v-locale--is-ltr .v-toolbar--collapse {
25045
- border-bottom-right-radius: 24px;
25046
- }
25047
- .v-toolbar--collapse.v-locale--is-rtl, .v-locale--is-rtl .v-toolbar--collapse {
25048
- border-bottom-left-radius: 24px;
25049
- }
25050
- .v-toolbar--flat {
25051
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
25052
- }
25053
- .v-toolbar--floating {
25054
- display: inline-flex;
25055
- }
25056
- .v-toolbar--rounded {
25057
- border-radius: 4px;
25058
- }
25059
-
25060
- .v-toolbar__content,
25061
- .v-toolbar__extension {
25062
- align-items: center;
25063
- display: flex;
25064
- flex: 0 0 auto;
25065
- position: relative;
25066
- transition: inherit;
25067
- width: 100%;
25068
- }
25069
-
25070
- .v-toolbar__content > .v-btn:first-child {
25071
- margin-inline-start: 10px;
25072
- }
25073
- .v-toolbar__content > .v-btn:last-child {
25074
- margin-inline-end: 10px;
25075
- }
25076
- .v-toolbar__content > .v-toolbar-title {
25077
- margin-inline-start: 16px;
25078
- }
25079
- .v-toolbar--density-prominent .v-toolbar__content {
25080
- align-items: flex-start;
25081
- }
25082
-
25083
- .v-toolbar__image {
25084
- position: absolute;
25085
- top: 0;
25086
- left: 0;
25087
- width: 100%;
25088
- height: 100%;
25089
- display: flex;
25090
- }
25091
-
25092
- .v-toolbar__prepend,
25093
- .v-toolbar__append {
25094
- align-items: center;
25095
- display: flex;
25096
- }
25097
-
25098
- .v-toolbar__prepend {
25099
- margin-inline-start: 10px;
25100
- margin-inline-end: auto;
25101
- }
25102
-
25103
- .v-toolbar__append {
25104
- margin-inline-start: auto;
25105
- margin-inline-end: 10px;
25106
- }
25107
-
25108
- .v-toolbar-title {
25109
- flex: 1 1;
25110
- font-size: 1.25rem;
25111
- min-width: 0;
25112
- font-size: 1.25rem;
25113
- font-weight: 400;
25114
- letter-spacing: 0;
25115
- line-height: 1.75rem;
25116
- text-transform: none;
25117
- }
25118
- .v-toolbar--density-prominent .v-toolbar-title {
25119
- align-self: flex-end;
25120
- padding-bottom: 6px;
25121
- font-size: 1.5rem;
25122
- font-weight: 400;
25123
- letter-spacing: 0;
25124
- line-height: 2.25rem;
25125
- text-transform: none;
25126
- }
25127
-
25128
- .v-toolbar-title__placeholder {
25129
- overflow: hidden;
25130
- text-overflow: ellipsis;
25131
- white-space: nowrap;
25132
- }
25133
-
25134
- .v-toolbar-items {
25135
- display: flex;
25136
- height: inherit;
25137
- }
25138
- .v-toolbar-items > .v-btn {
25139
- border-radius: 0;
25140
25175
  }.v-tooltip .v-overlay__content {
25141
25176
  background: rgba(var(--v-theme-surface-variant), 0.7);
25142
25177
  color: rgb(var(--v-theme-on-surface-variant));
@@ -25227,62 +25262,178 @@ html.v-overlay-scroll-blocked {
25227
25262
  }
25228
25263
  .v-window-y-reverse-transition-leave-to {
25229
25264
  transform: translateY(100%);
25230
- }.v-application {
25265
+ }.v-data-table-footer {
25231
25266
  display: flex;
25232
- background: rgb(var(--v-theme-background));
25233
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
25267
+ align-items: center;
25268
+ flex-wrap: wrap;
25269
+ padding: 0 8px;
25270
+ justify-content: flex-end;
25234
25271
  }
25235
25272
 
25236
- .v-application__wrap {
25237
- -webkit-backface-visibility: hidden;
25238
- backface-visibility: hidden;
25273
+ .v-data-table-footer__items-per-page {
25274
+ padding-inline-end: 24px;
25239
25275
  display: flex;
25240
- flex-direction: column;
25241
- flex: 1 1 auto;
25242
- max-width: 100%;
25243
- min-height: 100vh;
25276
+ align-items: center;
25277
+ justify-content: space-between;
25278
+ }
25279
+ .v-data-table-footer__items-per-page > span {
25280
+ padding-inline-end: 24px;
25281
+ }
25282
+
25283
+ .v-data-table-footer__info {
25284
+ display: flex;
25285
+ padding-inline-end: 24px;
25286
+ }.v-color-picker-canvas {
25244
25287
  position: relative;
25245
- }.v-color-picker {
25246
- align-self: flex-start;
25247
- contain: content;
25288
+ overflow: hidden;
25289
+ contain: strict;
25248
25290
  }
25249
- .v-color-picker.v-sheet {
25250
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
25291
+ .v-color-picker-canvas__dot {
25292
+ position: absolute;
25293
+ top: 0;
25294
+ left: 0;
25295
+ width: 15px;
25296
+ height: 15px;
25297
+ background: transparent;
25298
+ border-radius: 50%;
25299
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25300
+ }
25301
+ .v-color-picker-canvas__dot--disabled {
25302
+ 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);
25303
+ }
25304
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25305
+ will-change: transform;
25306
+ }.v-color-picker-edit {
25307
+ display: flex;
25308
+ }
25309
+
25310
+ .v-color-picker-edit__input {
25311
+ width: 100%;
25312
+ display: flex;
25313
+ flex-wrap: wrap;
25314
+ justify-content: center;
25315
+ text-align: center;
25316
+ }
25317
+ .v-color-picker-edit__input:not(:last-child).v-locale--is-ltr, .v-locale--is-ltr .v-color-picker-edit__input:not(:last-child) {
25318
+ margin-right: 8px;
25319
+ }
25320
+ .v-color-picker-edit__input:not(:last-child).v-locale--is-rtl, .v-locale--is-rtl .v-color-picker-edit__input:not(:last-child) {
25321
+ margin-left: 8px;
25322
+ }
25323
+ .v-color-picker-edit__input input {
25251
25324
  border-radius: 4px;
25325
+ margin-bottom: 8px;
25326
+ min-width: 0;
25327
+ outline: none;
25328
+ text-align: center;
25329
+ width: 100%;
25330
+ height: 32px;
25331
+ background: rgba(var(--v-theme-surface-variant), 0.2);
25332
+ color: rgba(var(--v-theme-on-surface));
25333
+ }
25334
+ .v-color-picker-edit__input span {
25335
+ font-size: 0.75rem;
25336
+ }.v-color-picker-preview__alpha .v-slider-track__background {
25337
+ background-color: transparent !important;
25338
+ }
25339
+ .v-color-picker-preview__alpha .v-slider-track__background.v-locale--is-ltr, .v-locale--is-ltr .v-color-picker-preview__alpha .v-slider-track__background {
25340
+ background-image: linear-gradient(to right, transparent, var(--v-color-picker-color-hsv));
25341
+ }
25342
+ .v-color-picker-preview__alpha .v-slider-track__background.v-locale--is-rtl, .v-locale--is-rtl .v-color-picker-preview__alpha .v-slider-track__background {
25343
+ background-image: linear-gradient(to left, transparent, var(--v-color-picker-color-hsv));
25344
+ }
25345
+ .v-color-picker-preview__alpha .v-slider-track__background::after {
25346
+ content: "";
25347
+ z-index: -1;
25348
+ left: 0;
25349
+ top: 0;
25350
+ width: 100%;
25351
+ height: 100%;
25352
+ position: absolute;
25353
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25354
+ border-radius: inherit;
25252
25355
  }
25253
25356
 
25254
- .v-color-picker__controls {
25357
+ .v-color-picker-preview__sliders {
25255
25358
  display: flex;
25359
+ flex: 1 0 auto;
25256
25360
  flex-direction: column;
25257
- padding: 16px;
25258
25361
  }
25259
25362
 
25260
- .v-color-picker--flat {
25261
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
25363
+ .v-color-picker-preview__dot {
25364
+ position: relative;
25365
+ height: 30px;
25366
+ width: 30px;
25367
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25368
+ border-radius: 50%;
25369
+ overflow: hidden;
25262
25370
  }
25263
- .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
25264
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
25265
- }.v-data-table-footer {
25266
- display: flex;
25371
+ .v-color-picker-preview__dot.v-locale--is-ltr, .v-locale--is-ltr .v-color-picker-preview__dot {
25372
+ margin-right: 24px;
25373
+ }
25374
+ .v-color-picker-preview__dot.v-locale--is-rtl, .v-locale--is-rtl .v-color-picker-preview__dot {
25375
+ margin-left: 24px;
25376
+ }
25377
+ .v-color-picker-preview__dot > div {
25378
+ width: 100%;
25379
+ height: 100%;
25380
+ }
25381
+
25382
+ .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background.v-locale--is-ltr, .v-locale--is-ltr .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
25383
+ background: linear-gradient(to right, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
25384
+ }
25385
+ .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background.v-locale--is-rtl, .v-locale--is-rtl .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
25386
+ background: linear-gradient(to left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
25387
+ }
25388
+
25389
+ .v-color-picker-preview__track {
25390
+ position: relative;
25391
+ width: 100%;
25392
+ margin: 0 !important;
25393
+ }
25394
+ .v-color-picker-preview__track .v-slider-track__fill {
25395
+ display: none;
25396
+ }
25397
+
25398
+ .v-color-picker-preview {
25267
25399
  align-items: center;
25400
+ display: flex;
25401
+ margin-bottom: 24px;
25402
+ }.v-color-picker-swatches {
25403
+ overflow-y: auto;
25404
+ }
25405
+ .v-color-picker-swatches > div {
25406
+ display: flex;
25268
25407
  flex-wrap: wrap;
25269
- padding: 0 8px;
25270
- justify-content: flex-end;
25408
+ justify-content: center;
25409
+ padding: 8px;
25271
25410
  }
25272
25411
 
25273
- .v-data-table-footer__items-per-page {
25274
- padding-inline-end: 24px;
25412
+ .v-color-picker-swatches__swatch {
25275
25413
  display: flex;
25276
- align-items: center;
25277
- justify-content: space-between;
25278
- }
25279
- .v-data-table-footer__items-per-page > span {
25280
- padding-inline-end: 24px;
25414
+ flex-direction: column;
25415
+ margin-bottom: 10px;
25281
25416
  }
25282
25417
 
25283
- .v-data-table-footer__info {
25418
+ .v-color-picker-swatches__color {
25419
+ position: relative;
25420
+ height: 18px;
25421
+ max-height: 18px;
25422
+ width: 45px;
25423
+ margin: 2px 4px;
25424
+ border-radius: 2px;
25425
+ -webkit-user-select: none;
25426
+ user-select: none;
25427
+ overflow: hidden;
25428
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25429
+ cursor: pointer;
25430
+ }
25431
+ .v-color-picker-swatches__color > div {
25284
25432
  display: flex;
25285
- padding-inline-end: 24px;
25433
+ align-items: center;
25434
+ justify-content: center;
25435
+ width: 100%;
25436
+ height: 100%;
25286
25437
  }.v-slider-thumb {
25287
25438
  touch-action: none;
25288
25439
  color: rgb(var(--v-theme-surface-variant));
@@ -25594,155 +25745,4 @@ html.v-overlay-scroll-blocked {
25594
25745
 
25595
25746
  .v-slider-track__background--opacity {
25596
25747
  opacity: 0.38;
25597
- }.v-color-picker-canvas {
25598
- position: relative;
25599
- overflow: hidden;
25600
- contain: strict;
25601
- }
25602
- .v-color-picker-canvas__dot {
25603
- position: absolute;
25604
- top: 0;
25605
- left: 0;
25606
- width: 15px;
25607
- height: 15px;
25608
- background: transparent;
25609
- border-radius: 50%;
25610
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25611
- }
25612
- .v-color-picker-canvas__dot--disabled {
25613
- 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);
25614
- }
25615
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25616
- will-change: transform;
25617
- }.v-color-picker-edit {
25618
- display: flex;
25619
- }
25620
-
25621
- .v-color-picker-edit__input {
25622
- width: 100%;
25623
- display: flex;
25624
- flex-wrap: wrap;
25625
- justify-content: center;
25626
- text-align: center;
25627
- }
25628
- .v-color-picker-edit__input:not(:last-child).v-locale--is-ltr, .v-locale--is-ltr .v-color-picker-edit__input:not(:last-child) {
25629
- margin-right: 8px;
25630
- }
25631
- .v-color-picker-edit__input:not(:last-child).v-locale--is-rtl, .v-locale--is-rtl .v-color-picker-edit__input:not(:last-child) {
25632
- margin-left: 8px;
25633
- }
25634
- .v-color-picker-edit__input input {
25635
- border-radius: 4px;
25636
- margin-bottom: 8px;
25637
- min-width: 0;
25638
- outline: none;
25639
- text-align: center;
25640
- width: 100%;
25641
- height: 32px;
25642
- background: rgba(var(--v-theme-surface-variant), 0.2);
25643
- color: rgba(var(--v-theme-on-surface));
25644
- }
25645
- .v-color-picker-edit__input span {
25646
- font-size: 0.75rem;
25647
- }.v-color-picker-preview__alpha .v-slider-track__background {
25648
- background-color: transparent !important;
25649
- }
25650
- .v-color-picker-preview__alpha .v-slider-track__background.v-locale--is-ltr, .v-locale--is-ltr .v-color-picker-preview__alpha .v-slider-track__background {
25651
- background-image: linear-gradient(to right, transparent, var(--v-color-picker-color-hsv));
25652
- }
25653
- .v-color-picker-preview__alpha .v-slider-track__background.v-locale--is-rtl, .v-locale--is-rtl .v-color-picker-preview__alpha .v-slider-track__background {
25654
- background-image: linear-gradient(to left, transparent, var(--v-color-picker-color-hsv));
25655
- }
25656
- .v-color-picker-preview__alpha .v-slider-track__background::after {
25657
- content: "";
25658
- z-index: -1;
25659
- left: 0;
25660
- top: 0;
25661
- width: 100%;
25662
- height: 100%;
25663
- position: absolute;
25664
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25665
- border-radius: inherit;
25666
- }
25667
-
25668
- .v-color-picker-preview__sliders {
25669
- display: flex;
25670
- flex: 1 0 auto;
25671
- flex-direction: column;
25672
- }
25673
-
25674
- .v-color-picker-preview__dot {
25675
- position: relative;
25676
- height: 30px;
25677
- width: 30px;
25678
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25679
- border-radius: 50%;
25680
- overflow: hidden;
25681
- }
25682
- .v-color-picker-preview__dot.v-locale--is-ltr, .v-locale--is-ltr .v-color-picker-preview__dot {
25683
- margin-right: 24px;
25684
- }
25685
- .v-color-picker-preview__dot.v-locale--is-rtl, .v-locale--is-rtl .v-color-picker-preview__dot {
25686
- margin-left: 24px;
25687
- }
25688
- .v-color-picker-preview__dot > div {
25689
- width: 100%;
25690
- height: 100%;
25691
- }
25692
-
25693
- .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background.v-locale--is-ltr, .v-locale--is-ltr .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
25694
- background: linear-gradient(to right, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
25695
- }
25696
- .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background.v-locale--is-rtl, .v-locale--is-rtl .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
25697
- background: linear-gradient(to left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
25698
- }
25699
-
25700
- .v-color-picker-preview__track {
25701
- position: relative;
25702
- width: 100%;
25703
- margin: 0 !important;
25704
- }
25705
- .v-color-picker-preview__track .v-slider-track__fill {
25706
- display: none;
25707
- }
25708
-
25709
- .v-color-picker-preview {
25710
- align-items: center;
25711
- display: flex;
25712
- margin-bottom: 24px;
25713
- }.v-color-picker-swatches {
25714
- overflow-y: auto;
25715
- }
25716
- .v-color-picker-swatches > div {
25717
- display: flex;
25718
- flex-wrap: wrap;
25719
- justify-content: center;
25720
- padding: 8px;
25721
- }
25722
-
25723
- .v-color-picker-swatches__swatch {
25724
- display: flex;
25725
- flex-direction: column;
25726
- margin-bottom: 10px;
25727
- }
25728
-
25729
- .v-color-picker-swatches__color {
25730
- position: relative;
25731
- height: 18px;
25732
- max-height: 18px;
25733
- width: 45px;
25734
- margin: 2px 4px;
25735
- border-radius: 2px;
25736
- -webkit-user-select: none;
25737
- user-select: none;
25738
- overflow: hidden;
25739
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25740
- cursor: pointer;
25741
- }
25742
- .v-color-picker-swatches__color > div {
25743
- display: flex;
25744
- align-items: center;
25745
- justify-content: center;
25746
- width: 100%;
25747
- height: 100%;
25748
25748
  }