@vuetify/nightly 3.7.3-master.2024-10-27 → 3.7.3-master.2024-10-29

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.3-master.2024-10-27
2
+ * Vuetify v3.7.3-master.2024-10-29
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17978,6 +17978,22 @@ html.overflow-y-hidden {
17978
17978
  .v-ripple__animation--out {
17979
17979
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
17980
17980
  opacity: 0;
17981
+ }.v-application {
17982
+ display: flex;
17983
+ background: rgb(var(--v-theme-background));
17984
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
17985
+ }
17986
+
17987
+ .v-application__wrap {
17988
+ -webkit-backface-visibility: hidden;
17989
+ backface-visibility: hidden;
17990
+ display: flex;
17991
+ flex-direction: column;
17992
+ flex: 1 1 auto;
17993
+ max-width: 100%;
17994
+ min-height: 100vh;
17995
+ min-height: 100dvh;
17996
+ position: relative;
17981
17997
  }.v-app-bar {
17982
17998
  display: flex;
17983
17999
  }
@@ -18206,22 +18222,6 @@ html.overflow-y-hidden {
18206
18222
  text-transform: none;
18207
18223
  word-break: normal;
18208
18224
  word-wrap: break-word;
18209
- }.v-application {
18210
- display: flex;
18211
- background: rgb(var(--v-theme-background));
18212
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
18213
- }
18214
-
18215
- .v-application__wrap {
18216
- -webkit-backface-visibility: hidden;
18217
- backface-visibility: hidden;
18218
- display: flex;
18219
- flex-direction: column;
18220
- flex: 1 1 auto;
18221
- max-width: 100%;
18222
- min-height: 100vh;
18223
- min-height: 100dvh;
18224
- position: relative;
18225
18225
  }.v-autocomplete .v-field .v-text-field__prefix,
18226
18226
  .v-autocomplete .v-field .v-text-field__suffix,
18227
18227
  .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
@@ -18307,6 +18307,79 @@ html.overflow-y-hidden {
18307
18307
  .v-autocomplete--active-menu .v-autocomplete__menu-icon {
18308
18308
  opacity: var(--v-high-emphasis-opacity);
18309
18309
  transform: rotate(180deg);
18310
+ }.v-badge {
18311
+ display: inline-block;
18312
+ line-height: 1;
18313
+ }
18314
+
18315
+ .v-badge__badge {
18316
+ align-items: center;
18317
+ display: inline-flex;
18318
+ border-radius: 10px;
18319
+ font-size: 0.75rem;
18320
+ font-weight: 500;
18321
+ height: 1.25rem;
18322
+ justify-content: center;
18323
+ min-width: 20px;
18324
+ padding: 4px 6px;
18325
+ pointer-events: auto;
18326
+ position: absolute;
18327
+ text-align: center;
18328
+ text-indent: 0;
18329
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
18330
+ white-space: nowrap;
18331
+ }
18332
+ .v-badge__badge {
18333
+ background: rgb(var(--v-theme-surface-variant));
18334
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
18335
+ }
18336
+ .v-badge--bordered .v-badge__badge::after {
18337
+ border-radius: inherit;
18338
+ border-style: solid;
18339
+ border-width: 2px;
18340
+ bottom: 0;
18341
+ color: rgb(var(--v-theme-background));
18342
+ content: "";
18343
+ left: 0;
18344
+ position: absolute;
18345
+ right: 0;
18346
+ top: 0;
18347
+ transform: scale(1.05);
18348
+ }
18349
+ .v-badge--dot .v-badge__badge {
18350
+ border-radius: 4.5px;
18351
+ height: 9px;
18352
+ min-width: 0;
18353
+ padding: 0;
18354
+ width: 9px;
18355
+ }
18356
+ .v-badge--dot .v-badge__badge::after {
18357
+ border-width: 1.5px;
18358
+ }
18359
+ .v-badge--inline .v-badge__badge {
18360
+ position: relative;
18361
+ vertical-align: middle;
18362
+ }
18363
+ .v-badge__badge .v-icon {
18364
+ color: inherit;
18365
+ font-size: 0.75rem;
18366
+ margin: 0 -2px;
18367
+ }
18368
+ .v-badge__badge img,
18369
+ .v-badge__badge .v-img {
18370
+ height: 100%;
18371
+ width: 100%;
18372
+ }
18373
+
18374
+ .v-badge__wrapper {
18375
+ display: flex;
18376
+ position: relative;
18377
+ }
18378
+ .v-badge--inline .v-badge__wrapper {
18379
+ align-items: center;
18380
+ display: inline-flex;
18381
+ justify-content: center;
18382
+ margin: 0 4px;
18310
18383
  }.v-avatar {
18311
18384
  flex: none;
18312
18385
  align-items: center;
@@ -18413,284 +18486,118 @@ html.overflow-y-hidden {
18413
18486
  .v-avatar .v-img {
18414
18487
  height: 100%;
18415
18488
  width: 100%;
18416
- }.v-banner {
18417
- display: grid;
18418
- flex: 1 1;
18419
- font-size: 0.875rem;
18420
- grid-template-areas: "prepend content actions";
18421
- grid-template-columns: max-content auto max-content;
18422
- grid-template-rows: max-content max-content;
18423
- line-height: 1.6;
18424
- overflow: hidden;
18425
- padding-inline: 16px 8px;
18426
- padding-top: 16px;
18427
- padding-bottom: 16px;
18428
- position: relative;
18489
+ }.bottom-sheet-transition-enter-from {
18490
+ transform: translateY(100%);
18491
+ }
18492
+ .bottom-sheet-transition-leave-to {
18493
+ transform: translateY(100%);
18494
+ }
18495
+
18496
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18497
+ align-self: flex-end;
18498
+ border-radius: 0;
18499
+ flex: 0 1 auto;
18500
+ left: 0;
18501
+ right: 0;
18502
+ margin-inline: 0;
18503
+ margin-bottom: 0;
18504
+ transition-duration: 0.2s;
18429
18505
  width: 100%;
18506
+ max-width: 100%;
18507
+ overflow: visible;
18430
18508
  }
18431
- .v-banner {
18432
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18433
- border-style: solid;
18434
- border-width: 0 0 thin 0;
18509
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18510
+ box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18435
18511
  }
18436
- .v-banner--border {
18437
- border-width: thin;
18438
- box-shadow: none;
18512
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18513
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18514
+ border-radius: 0;
18439
18515
  }
18440
- .v-banner {
18441
- 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));
18516
+ .v-bottom-sheet.v-bottom-sheet--inset {
18517
+ max-width: none;
18442
18518
  }
18443
- .v-banner--absolute {
18519
+ @media (min-width: 600px) {
18520
+ .v-bottom-sheet.v-bottom-sheet--inset {
18521
+ max-width: 70%;
18522
+ }
18523
+ }.v-bottom-navigation {
18524
+ display: flex;
18525
+ max-width: 100%;
18526
+ overflow: hidden;
18444
18527
  position: absolute;
18528
+ transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
18445
18529
  }
18446
- .v-banner--fixed {
18447
- position: fixed;
18530
+ .v-bottom-navigation {
18531
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18532
+ border-style: solid;
18533
+ border-width: 0;
18448
18534
  }
18449
- .v-banner--sticky {
18450
- position: sticky;
18535
+ .v-bottom-navigation--border {
18536
+ border-width: thin;
18537
+ box-shadow: none;
18451
18538
  }
18452
- .v-banner {
18539
+ .v-bottom-navigation {
18453
18540
  border-radius: 0;
18454
18541
  }
18455
- .v-banner {
18542
+ .v-bottom-navigation {
18456
18543
  background: rgb(var(--v-theme-surface));
18457
18544
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18458
18545
  }
18459
- .v-banner--rounded {
18460
- border-radius: 4px;
18461
- }
18462
- .v-banner--stacked:not(.v-banner--one-line) {
18463
- grid-template-areas: "prepend content" ". actions";
18464
- }
18465
- .v-banner--stacked .v-banner-text {
18466
- padding-inline-end: 36px;
18546
+ .v-bottom-navigation--active {
18547
+ 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));
18467
18548
  }
18468
- .v-banner--density-default .v-banner-actions {
18469
- margin-bottom: -8px;
18549
+
18550
+ .v-bottom-navigation__content {
18551
+ display: flex;
18552
+ flex: none;
18553
+ font-size: 0.75rem;
18554
+ justify-content: center;
18555
+ transition: inherit;
18556
+ width: 100%;
18470
18557
  }
18471
- .v-banner--density-default.v-banner--one-line {
18472
- padding-top: 8px;
18473
- padding-bottom: 8px;
18558
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18559
+ font-size: inherit;
18560
+ height: 100%;
18561
+ max-width: 168px;
18562
+ min-width: 80px;
18563
+ text-transform: none;
18564
+ transition: inherit;
18565
+ width: auto;
18474
18566
  }
18475
- .v-banner--density-default.v-banner--one-line .v-banner-actions {
18476
- margin-bottom: 0;
18567
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18568
+ border-radius: 0;
18477
18569
  }
18478
- .v-banner--density-default.v-banner--one-line {
18479
- padding-top: 10px;
18570
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
18571
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18572
+ transition: inherit;
18480
18573
  }
18481
- .v-banner--density-default.v-banner--two-line {
18482
- padding-top: 16px;
18483
- padding-bottom: 16px;
18574
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18575
+ font-size: 1.5rem;
18484
18576
  }
18485
- .v-banner--density-default.v-banner--three-line {
18486
- padding-top: 24px;
18487
- padding-bottom: 16px;
18577
+ .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
18578
+ flex-grow: 1;
18488
18579
  }
18489
- .v-banner--density-default:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-default.v-banner--two-line .v-banner-actions, .v-banner--density-default.v-banner--three-line .v-banner-actions {
18490
- margin-top: 20px;
18580
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
18581
+ transition: inherit;
18582
+ opacity: 0;
18491
18583
  }
18492
-
18493
- .v-banner--density-comfortable .v-banner-actions {
18494
- margin-bottom: -4px;
18584
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18585
+ transform: translateY(0.5rem);
18586
+ }.v-breadcrumbs {
18587
+ display: flex;
18588
+ align-items: center;
18589
+ line-height: 1.6;
18590
+ padding: 16px 12px;
18495
18591
  }
18496
- .v-banner--density-comfortable.v-banner--one-line {
18497
- padding-top: 4px;
18498
- padding-bottom: 4px;
18592
+ .v-breadcrumbs--rounded {
18593
+ border-radius: 4px;
18499
18594
  }
18500
- .v-banner--density-comfortable.v-banner--one-line .v-banner-actions {
18501
- margin-bottom: 0;
18595
+ .v-breadcrumbs--density-default {
18596
+ padding-top: 16px;
18597
+ padding-bottom: 16px;
18502
18598
  }
18503
- .v-banner--density-comfortable.v-banner--two-line {
18504
- padding-top: 12px;
18505
- padding-bottom: 12px;
18506
- }
18507
- .v-banner--density-comfortable.v-banner--three-line {
18508
- padding-top: 20px;
18509
- padding-bottom: 12px;
18510
- }
18511
- .v-banner--density-comfortable:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-comfortable.v-banner--two-line .v-banner-actions, .v-banner--density-comfortable.v-banner--three-line .v-banner-actions {
18512
- margin-top: 16px;
18513
- }
18514
-
18515
- .v-banner--density-compact .v-banner-actions {
18516
- margin-bottom: 0px;
18517
- }
18518
- .v-banner--density-compact.v-banner--one-line {
18519
- padding-top: 0px;
18520
- padding-bottom: 0px;
18521
- }
18522
- .v-banner--density-compact.v-banner--one-line .v-banner-actions {
18523
- margin-bottom: 0;
18524
- }
18525
- .v-banner--density-compact.v-banner--two-line {
18526
- padding-top: 8px;
18527
- padding-bottom: 8px;
18528
- }
18529
- .v-banner--density-compact.v-banner--three-line {
18530
- padding-top: 16px;
18531
- padding-bottom: 8px;
18532
- }
18533
- .v-banner--density-compact:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-compact.v-banner--two-line .v-banner-actions, .v-banner--density-compact.v-banner--three-line .v-banner-actions {
18534
- margin-top: 12px;
18535
- }
18536
-
18537
- .v-banner--sticky {
18538
- top: 0;
18539
- z-index: 1;
18540
- }
18541
-
18542
- .v-banner__content {
18543
- align-items: center;
18544
- display: flex;
18545
- grid-area: content;
18546
- }
18547
-
18548
- .v-banner__prepend {
18549
- align-self: flex-start;
18550
- grid-area: prepend;
18551
- margin-inline-end: 24px;
18552
- }
18553
-
18554
- .v-banner-actions {
18555
- align-self: flex-end;
18556
- display: flex;
18557
- flex: 0 1;
18558
- grid-area: actions;
18559
- justify-content: flex-end;
18560
- }
18561
- .v-banner--two-line .v-banner-actions, .v-banner--three-line .v-banner-actions {
18562
- margin-top: 20px;
18563
- }
18564
-
18565
- .v-banner-text {
18566
- -webkit-box-orient: vertical;
18567
- display: -webkit-box;
18568
- padding-inline-end: 90px;
18569
- overflow: hidden;
18570
- }
18571
- .v-banner--one-line .v-banner-text {
18572
- -webkit-line-clamp: 1;
18573
- }
18574
- .v-banner--two-line .v-banner-text {
18575
- -webkit-line-clamp: 2;
18576
- }
18577
- .v-banner--three-line .v-banner-text {
18578
- -webkit-line-clamp: 3;
18579
- }
18580
- .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
18581
- align-self: flex-start;
18582
- }.v-bottom-navigation {
18583
- display: flex;
18584
- max-width: 100%;
18585
- overflow: hidden;
18586
- position: absolute;
18587
- transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
18588
- }
18589
- .v-bottom-navigation {
18590
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18591
- border-style: solid;
18592
- border-width: 0;
18593
- }
18594
- .v-bottom-navigation--border {
18595
- border-width: thin;
18596
- box-shadow: none;
18597
- }
18598
- .v-bottom-navigation {
18599
- border-radius: 0;
18600
- }
18601
- .v-bottom-navigation {
18602
- background: rgb(var(--v-theme-surface));
18603
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18604
- }
18605
- .v-bottom-navigation--active {
18606
- 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));
18607
- }
18608
-
18609
- .v-bottom-navigation__content {
18610
- display: flex;
18611
- flex: none;
18612
- font-size: 0.75rem;
18613
- justify-content: center;
18614
- transition: inherit;
18615
- width: 100%;
18616
- }
18617
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18618
- font-size: inherit;
18619
- height: 100%;
18620
- max-width: 168px;
18621
- min-width: 80px;
18622
- text-transform: none;
18623
- transition: inherit;
18624
- width: auto;
18625
- }
18626
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18627
- border-radius: 0;
18628
- }
18629
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
18630
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18631
- transition: inherit;
18632
- }
18633
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18634
- font-size: 1.5rem;
18635
- }
18636
- .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
18637
- flex-grow: 1;
18638
- }
18639
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
18640
- transition: inherit;
18641
- opacity: 0;
18642
- }
18643
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18644
- transform: translateY(0.5rem);
18645
- }.bottom-sheet-transition-enter-from {
18646
- transform: translateY(100%);
18647
- }
18648
- .bottom-sheet-transition-leave-to {
18649
- transform: translateY(100%);
18650
- }
18651
-
18652
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18653
- align-self: flex-end;
18654
- border-radius: 0;
18655
- flex: 0 1 auto;
18656
- left: 0;
18657
- right: 0;
18658
- margin-inline: 0;
18659
- margin-bottom: 0;
18660
- transition-duration: 0.2s;
18661
- width: 100%;
18662
- max-width: 100%;
18663
- overflow: visible;
18664
- }
18665
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18666
- box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18667
- }
18668
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18669
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18670
- border-radius: 0;
18671
- }
18672
- .v-bottom-sheet.v-bottom-sheet--inset {
18673
- max-width: none;
18674
- }
18675
- @media (min-width: 600px) {
18676
- .v-bottom-sheet.v-bottom-sheet--inset {
18677
- max-width: 70%;
18678
- }
18679
- }.v-breadcrumbs {
18680
- display: flex;
18681
- align-items: center;
18682
- line-height: 1.6;
18683
- padding: 16px 12px;
18684
- }
18685
- .v-breadcrumbs--rounded {
18686
- border-radius: 4px;
18687
- }
18688
- .v-breadcrumbs--density-default {
18689
- padding-top: 16px;
18690
- padding-bottom: 16px;
18691
- }
18692
-
18693
- .v-breadcrumbs--density-comfortable {
18599
+
18600
+ .v-breadcrumbs--density-comfortable {
18694
18601
  padding-top: 12px;
18695
18602
  padding-bottom: 12px;
18696
18603
  }
@@ -19607,105 +19514,37 @@ html.overflow-y-hidden {
19607
19514
  flex-direction: column;
19608
19515
  height: 100% !important;
19609
19516
  width: 50px;
19610
- }.v-badge {
19611
- display: inline-block;
19612
- line-height: 1;
19517
+ }.v-checkbox.v-input {
19518
+ flex: 0 1 auto;
19613
19519
  }
19614
-
19615
- .v-badge__badge {
19520
+ .v-checkbox .v-selection-control {
19521
+ min-height: var(--v-input-control-height);
19522
+ }.v-chip {
19616
19523
  align-items: center;
19617
19524
  display: inline-flex;
19618
- border-radius: 10px;
19619
- font-size: 0.75rem;
19620
- font-weight: 500;
19621
- height: 1.25rem;
19622
- justify-content: center;
19623
- min-width: 20px;
19624
- padding: 4px 6px;
19625
- pointer-events: auto;
19626
- position: absolute;
19627
- text-align: center;
19628
- text-indent: 0;
19629
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
19525
+ font-weight: 400;
19526
+ max-width: 100%;
19527
+ min-width: 0;
19528
+ overflow: hidden;
19529
+ position: relative;
19530
+ text-decoration: none;
19630
19531
  white-space: nowrap;
19532
+ vertical-align: middle;
19631
19533
  }
19632
- .v-badge__badge {
19633
- background: rgb(var(--v-theme-surface-variant));
19634
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
19635
- }
19636
- .v-badge--bordered .v-badge__badge::after {
19637
- border-radius: inherit;
19638
- border-style: solid;
19639
- border-width: 2px;
19640
- bottom: 0;
19641
- color: rgb(var(--v-theme-background));
19642
- content: "";
19643
- left: 0;
19644
- position: absolute;
19645
- right: 0;
19646
- top: 0;
19647
- transform: scale(1.05);
19534
+ .v-chip .v-icon {
19535
+ --v-icon-size-multiplier: 0.8571428571;
19648
19536
  }
19649
- .v-badge--dot .v-badge__badge {
19650
- border-radius: 4.5px;
19651
- height: 9px;
19652
- min-width: 0;
19653
- padding: 0;
19654
- width: 9px;
19537
+ .v-chip.v-chip--size-x-small {
19538
+ --v-chip-size: 0.625rem;
19539
+ --v-chip-height: 20px;
19540
+ font-size: 0.625rem;
19541
+ padding: 0 8px;
19655
19542
  }
19656
- .v-badge--dot .v-badge__badge::after {
19657
- border-width: 1.5px;
19543
+ .v-chip.v-chip--size-x-small .v-avatar {
19544
+ --v-avatar-height: 14px;
19658
19545
  }
19659
- .v-badge--inline .v-badge__badge {
19660
- position: relative;
19661
- vertical-align: middle;
19662
- }
19663
- .v-badge__badge .v-icon {
19664
- color: inherit;
19665
- font-size: 0.75rem;
19666
- margin: 0 -2px;
19667
- }
19668
- .v-badge__badge img,
19669
- .v-badge__badge .v-img {
19670
- height: 100%;
19671
- width: 100%;
19672
- }
19673
-
19674
- .v-badge__wrapper {
19675
- display: flex;
19676
- position: relative;
19677
- }
19678
- .v-badge--inline .v-badge__wrapper {
19679
- align-items: center;
19680
- display: inline-flex;
19681
- justify-content: center;
19682
- margin: 0 4px;
19683
- }.v-chip {
19684
- align-items: center;
19685
- display: inline-flex;
19686
- font-weight: 400;
19687
- max-width: 100%;
19688
- min-width: 0;
19689
- overflow: hidden;
19690
- position: relative;
19691
- text-decoration: none;
19692
- white-space: nowrap;
19693
- vertical-align: middle;
19694
- }
19695
- .v-chip .v-icon {
19696
- --v-icon-size-multiplier: 0.8571428571;
19697
- }
19698
- .v-chip.v-chip--size-x-small {
19699
- --v-chip-size: 0.625rem;
19700
- --v-chip-height: 20px;
19701
- font-size: 0.625rem;
19702
- padding: 0 8px;
19703
- }
19704
- .v-chip.v-chip--size-x-small .v-avatar {
19705
- --v-avatar-height: 14px;
19706
- }
19707
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar {
19708
- --v-avatar-height: 20px;
19546
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar {
19547
+ --v-avatar-height: 20px;
19709
19548
  }
19710
19549
 
19711
19550
  .v-chip.v-chip--size-x-small .v-avatar--start {
@@ -20116,11 +19955,28 @@ html.overflow-y-hidden {
20116
19955
  white-space: normal;
20117
19956
  flex-wrap: wrap;
20118
19957
  max-width: 100%;
20119
- }.v-checkbox.v-input {
20120
- flex: 0 1 auto;
19958
+ }.v-color-picker {
19959
+ align-self: flex-start;
19960
+ contain: content;
20121
19961
  }
20122
- .v-checkbox .v-selection-control {
20123
- min-height: var(--v-input-control-height);
19962
+ .v-color-picker.v-sheet {
19963
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19964
+ }
19965
+ .v-color-picker.v-sheet {
19966
+ border-radius: 4px;
19967
+ }
19968
+
19969
+ .v-color-picker__controls {
19970
+ display: flex;
19971
+ flex-direction: column;
19972
+ padding: 16px;
19973
+ }
19974
+
19975
+ .v-color-picker--flat {
19976
+ 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));
19977
+ }
19978
+ .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
19979
+ 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));
20124
19980
  }.v-combobox .v-field .v-text-field__prefix,
20125
19981
  .v-combobox .v-field .v-text-field__suffix,
20126
19982
  .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
@@ -20206,28 +20062,6 @@ html.overflow-y-hidden {
20206
20062
  .v-combobox--active-menu .v-combobox__menu-icon {
20207
20063
  opacity: var(--v-high-emphasis-opacity);
20208
20064
  transform: rotate(180deg);
20209
- }.v-color-picker {
20210
- align-self: flex-start;
20211
- contain: content;
20212
- }
20213
- .v-color-picker.v-sheet {
20214
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20215
- }
20216
- .v-color-picker.v-sheet {
20217
- border-radius: 4px;
20218
- }
20219
-
20220
- .v-color-picker__controls {
20221
- display: flex;
20222
- flex-direction: column;
20223
- padding: 16px;
20224
- }
20225
-
20226
- .v-color-picker--flat {
20227
- 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));
20228
- }
20229
- .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20230
- 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));
20231
20065
  }.v-counter {
20232
20066
  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20233
20067
  flex: 0 1 auto;
@@ -20513,66 +20347,6 @@ html.overflow-y-hidden {
20513
20347
 
20514
20348
  .v-date-picker__title {
20515
20349
  display: inline-block;
20516
- }.v-date-picker-header {
20517
- align-items: flex-end;
20518
- height: 70px;
20519
- display: grid;
20520
- grid-template-areas: "prepend content append";
20521
- grid-template-columns: min-content minmax(0, 1fr) min-content;
20522
- overflow: hidden;
20523
- padding-inline: 24px 12px;
20524
- padding-bottom: 12px;
20525
- }
20526
-
20527
- .v-date-picker-header__append {
20528
- grid-area: append;
20529
- }
20530
-
20531
- .v-date-picker-header__prepend {
20532
- grid-area: prepend;
20533
- padding-inline-start: 8px;
20534
- }
20535
-
20536
- .v-date-picker-header__content {
20537
- align-items: center;
20538
- display: inline-flex;
20539
- font-size: 32px;
20540
- line-height: 40px;
20541
- grid-area: content;
20542
- justify-content: space-between;
20543
- }
20544
- .v-date-picker-header--clickable .v-date-picker-header__content {
20545
- cursor: pointer;
20546
- }
20547
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20548
- opacity: 0.7;
20549
- }
20550
-
20551
- .date-picker-header-transition-enter-active,
20552
- .date-picker-header-reverse-transition-enter-active {
20553
- transition-duration: 0.3s;
20554
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20555
- }
20556
- .date-picker-header-transition-leave-active,
20557
- .date-picker-header-reverse-transition-leave-active {
20558
- transition-duration: 0.3s;
20559
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20560
- }
20561
-
20562
- .date-picker-header-transition-enter-from {
20563
- transform: translate(0, 100%);
20564
- }
20565
- .date-picker-header-transition-leave-to {
20566
- opacity: 0;
20567
- transform: translate(0, -100%);
20568
- }
20569
-
20570
- .date-picker-header-reverse-transition-enter-from {
20571
- transform: translate(0, -100%);
20572
- }
20573
- .date-picker-header-reverse-transition-leave-to {
20574
- opacity: 0;
20575
- transform: translate(0, 100%);
20576
20350
  }.v-date-picker-month {
20577
20351
  display: flex;
20578
20352
  justify-content: center;
@@ -20628,21 +20402,6 @@ html.overflow-y-hidden {
20628
20402
 
20629
20403
  .v-date-picker-month__day--hide-adjacent {
20630
20404
  opacity: 0;
20631
- }.v-date-picker-years {
20632
- height: 288px;
20633
- overflow-y: scroll;
20634
- }
20635
-
20636
- .v-date-picker-years__content {
20637
- display: grid;
20638
- flex: 1 1;
20639
- justify-content: space-around;
20640
- grid-template-columns: repeat(3, 1fr);
20641
- gap: 8px 24px;
20642
- padding-inline: 32px;
20643
- }
20644
- .v-date-picker-years__content .v-btn {
20645
- padding-inline: 8px;
20646
20405
  }.v-date-picker-months {
20647
20406
  height: 288px;
20648
20407
  }
@@ -20662,64 +20421,87 @@ html.overflow-y-hidden {
20662
20421
  text-transform: none;
20663
20422
  padding-inline-start: 8px;
20664
20423
  padding-inline-end: 8px;
20665
- }.v-divider {
20666
- display: block;
20667
- flex: 1 1 100%;
20668
- height: 0px;
20669
- max-height: 0px;
20670
- opacity: var(--v-border-opacity);
20671
- transition: inherit;
20424
+ }.v-date-picker-header {
20425
+ align-items: flex-end;
20426
+ height: 70px;
20427
+ display: grid;
20428
+ grid-template-areas: "prepend content append";
20429
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
20430
+ overflow: hidden;
20431
+ padding-inline: 24px 12px;
20432
+ padding-bottom: 12px;
20672
20433
  }
20673
- .v-divider {
20674
- border-style: solid;
20675
- border-width: thin 0 0 0;
20434
+
20435
+ .v-date-picker-header__append {
20436
+ grid-area: append;
20676
20437
  }
20677
- .v-divider--vertical {
20678
- align-self: stretch;
20679
- border-width: 0 thin 0 0;
20438
+
20439
+ .v-date-picker-header__prepend {
20440
+ grid-area: prepend;
20441
+ padding-inline-start: 8px;
20442
+ }
20443
+
20444
+ .v-date-picker-header__content {
20445
+ align-items: center;
20680
20446
  display: inline-flex;
20681
- height: auto;
20682
- margin-left: -1px;
20683
- max-height: 100%;
20684
- max-width: 0px;
20685
- vertical-align: text-bottom;
20686
- width: 0px;
20447
+ font-size: 32px;
20448
+ line-height: 40px;
20449
+ grid-area: content;
20450
+ justify-content: space-between;
20687
20451
  }
20688
- .v-divider--inset:not(.v-divider--vertical) {
20689
- max-width: calc(100% - 72px);
20690
- margin-inline-start: 72px;
20452
+ .v-date-picker-header--clickable .v-date-picker-header__content {
20453
+ cursor: pointer;
20691
20454
  }
20692
- .v-divider--inset.v-divider--vertical {
20693
- margin-bottom: 8px;
20694
- margin-top: 8px;
20695
- max-height: calc(100% - 16px);
20455
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20456
+ opacity: 0.7;
20696
20457
  }
20697
20458
 
20698
- .v-divider__content {
20699
- padding: 0 16px;
20700
- text-wrap: nowrap;
20459
+ .date-picker-header-transition-enter-active,
20460
+ .date-picker-header-reverse-transition-enter-active {
20461
+ transition-duration: 0.3s;
20462
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20701
20463
  }
20702
- .v-divider__wrapper--vertical .v-divider__content {
20703
- padding: 4px 0;
20464
+ .date-picker-header-transition-leave-active,
20465
+ .date-picker-header-reverse-transition-leave-active {
20466
+ transition-duration: 0.3s;
20467
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20704
20468
  }
20705
20469
 
20706
- .v-divider__wrapper {
20707
- display: flex;
20708
- align-items: center;
20709
- justify-content: center;
20710
- }
20711
- .v-divider__wrapper--vertical {
20712
- flex-direction: column;
20713
- height: 100%;
20470
+ .date-picker-header-transition-enter-from {
20471
+ transform: translate(0, 100%);
20714
20472
  }
20715
- .v-divider__wrapper--vertical .v-divider {
20716
- margin: 0 auto;
20717
- }.v-dialog {
20718
- align-items: center;
20719
- justify-content: center;
20720
- margin: auto;
20473
+ .date-picker-header-transition-leave-to {
20474
+ opacity: 0;
20475
+ transform: translate(0, -100%);
20721
20476
  }
20722
- .v-dialog > .v-overlay__content {
20477
+
20478
+ .date-picker-header-reverse-transition-enter-from {
20479
+ transform: translate(0, -100%);
20480
+ }
20481
+ .date-picker-header-reverse-transition-leave-to {
20482
+ opacity: 0;
20483
+ transform: translate(0, 100%);
20484
+ }.v-date-picker-years {
20485
+ height: 288px;
20486
+ overflow-y: scroll;
20487
+ }
20488
+
20489
+ .v-date-picker-years__content {
20490
+ display: grid;
20491
+ flex: 1 1;
20492
+ justify-content: space-around;
20493
+ grid-template-columns: repeat(3, 1fr);
20494
+ gap: 8px 24px;
20495
+ padding-inline: 32px;
20496
+ }
20497
+ .v-date-picker-years__content .v-btn {
20498
+ padding-inline: 8px;
20499
+ }.v-dialog {
20500
+ align-items: center;
20501
+ justify-content: center;
20502
+ margin: auto;
20503
+ }
20504
+ .v-dialog > .v-overlay__content {
20723
20505
  max-height: calc(100% - 48px);
20724
20506
  width: calc(100% - 48px);
20725
20507
  max-width: calc(100% - 48px);
@@ -20814,6 +20596,58 @@ html.overflow-y-hidden {
20814
20596
  -webkit-backface-visibility: hidden;
20815
20597
  backface-visibility: hidden;
20816
20598
  overflow-y: auto;
20599
+ }.v-divider {
20600
+ display: block;
20601
+ flex: 1 1 100%;
20602
+ height: 0px;
20603
+ max-height: 0px;
20604
+ opacity: var(--v-border-opacity);
20605
+ transition: inherit;
20606
+ }
20607
+ .v-divider {
20608
+ border-style: solid;
20609
+ border-width: thin 0 0 0;
20610
+ }
20611
+ .v-divider--vertical {
20612
+ align-self: stretch;
20613
+ border-width: 0 thin 0 0;
20614
+ display: inline-flex;
20615
+ height: auto;
20616
+ margin-left: -1px;
20617
+ max-height: 100%;
20618
+ max-width: 0px;
20619
+ vertical-align: text-bottom;
20620
+ width: 0px;
20621
+ }
20622
+ .v-divider--inset:not(.v-divider--vertical) {
20623
+ max-width: calc(100% - 72px);
20624
+ margin-inline-start: 72px;
20625
+ }
20626
+ .v-divider--inset.v-divider--vertical {
20627
+ margin-bottom: 8px;
20628
+ margin-top: 8px;
20629
+ max-height: calc(100% - 16px);
20630
+ }
20631
+
20632
+ .v-divider__content {
20633
+ padding: 0 16px;
20634
+ text-wrap: nowrap;
20635
+ }
20636
+ .v-divider__wrapper--vertical .v-divider__content {
20637
+ padding: 4px 0;
20638
+ }
20639
+
20640
+ .v-divider__wrapper {
20641
+ display: flex;
20642
+ align-items: center;
20643
+ justify-content: center;
20644
+ }
20645
+ .v-divider__wrapper--vertical {
20646
+ flex-direction: column;
20647
+ height: 100%;
20648
+ }
20649
+ .v-divider__wrapper--vertical .v-divider {
20650
+ margin: 0 auto;
20817
20651
  }.v-empty-state {
20818
20652
  align-items: center;
20819
20653
  display: flex;
@@ -21166,6 +21000,35 @@ html.overflow-y-hidden {
21166
21000
  }
21167
21001
  .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
21168
21002
  right: 0;
21003
+ }.v-file-input--hide.v-input .v-field,
21004
+ .v-file-input--hide.v-input .v-input__control,
21005
+ .v-file-input--hide.v-input .v-input__details {
21006
+ display: none;
21007
+ }
21008
+ .v-file-input--hide.v-input .v-input__prepend {
21009
+ grid-area: control;
21010
+ margin: 0 auto;
21011
+ }
21012
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21013
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21014
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21015
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21016
+ top: 0px;
21017
+ }
21018
+ .v-file-input input[type=file] {
21019
+ height: 100%;
21020
+ left: 0;
21021
+ opacity: 0;
21022
+ position: absolute;
21023
+ top: 0;
21024
+ width: 100%;
21025
+ z-index: 1;
21026
+ }
21027
+ .v-file-input .v-input__details {
21028
+ padding-inline: 16px;
21029
+ }
21030
+ .v-input--plain-underlined.v-file-input .v-input__details {
21031
+ padding-inline: 0;
21169
21032
  }/* region INPUT */
21170
21033
  .v-field {
21171
21034
  display: grid;
@@ -21749,36 +21612,7 @@ textarea.v-field__input::placeholder {
21749
21612
  opacity: 0;
21750
21613
  }
21751
21614
 
21752
- /* endregion */.v-file-input--hide.v-input .v-field,
21753
- .v-file-input--hide.v-input .v-input__control,
21754
- .v-file-input--hide.v-input .v-input__details {
21755
- display: none;
21756
- }
21757
- .v-file-input--hide.v-input .v-input__prepend {
21758
- grid-area: control;
21759
- margin: 0 auto;
21760
- }
21761
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21762
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21763
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21764
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21765
- top: 0px;
21766
- }
21767
- .v-file-input input[type=file] {
21768
- height: 100%;
21769
- left: 0;
21770
- opacity: 0;
21771
- position: absolute;
21772
- top: 0;
21773
- width: 100%;
21774
- z-index: 1;
21775
- }
21776
- .v-file-input .v-input__details {
21777
- padding-inline: 16px;
21778
- }
21779
- .v-input--plain-underlined.v-file-input .v-input__details {
21780
- padding-inline: 0;
21781
- }.v-footer {
21615
+ /* endregion */.v-footer {
21782
21616
  align-items: center;
21783
21617
  display: flex;
21784
21618
  flex: 1 1 auto;
@@ -22486,57 +22320,6 @@ textarea.v-field__input::placeholder {
22486
22320
  .offset-xxl-11 {
22487
22321
  margin-inline-start: 91.6666666667%;
22488
22322
  }
22489
- }.v-img {
22490
- --v-theme-overlay-multiplier: 3;
22491
- z-index: 0;
22492
- }
22493
- .v-img.v-img--absolute {
22494
- height: 100%;
22495
- left: 0;
22496
- overflow: hidden;
22497
- position: absolute;
22498
- top: 0;
22499
- width: 100%;
22500
- z-index: -1;
22501
- }
22502
- .v-img--booting .v-responsive__sizer {
22503
- transition: none;
22504
- }
22505
- .v-img--rounded {
22506
- border-radius: 4px;
22507
- }
22508
-
22509
- .v-img__img,
22510
- .v-img__picture,
22511
- .v-img__gradient,
22512
- .v-img__placeholder,
22513
- .v-img__error {
22514
- z-index: -1;
22515
- }
22516
- .v-img__img,
22517
- .v-img__picture,
22518
- .v-img__gradient,
22519
- .v-img__placeholder,
22520
- .v-img__error {
22521
- position: absolute;
22522
- top: 0;
22523
- left: 0;
22524
- width: 100%;
22525
- height: 100%;
22526
- }
22527
-
22528
- .v-img__img--preload {
22529
- filter: blur(4px);
22530
- }
22531
- .v-img__img--contain {
22532
- object-fit: contain;
22533
- }
22534
- .v-img__img--cover {
22535
- object-fit: cover;
22536
- }
22537
-
22538
- .v-img__gradient {
22539
- background-repeat: no-repeat;
22540
22323
  }.v-icon {
22541
22324
  --v-icon-size-multiplier: 1;
22542
22325
  align-items: center;
@@ -22627,11 +22410,57 @@ textarea.v-field__input::placeholder {
22627
22410
  display: flex;
22628
22411
  justify-content: center;
22629
22412
  padding: 8px;
22630
- }.v-item-group {
22631
- flex: 0 1 auto;
22632
- max-width: 100%;
22633
- position: relative;
22634
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22413
+ }.v-img {
22414
+ --v-theme-overlay-multiplier: 3;
22415
+ z-index: 0;
22416
+ }
22417
+ .v-img.v-img--absolute {
22418
+ height: 100%;
22419
+ left: 0;
22420
+ overflow: hidden;
22421
+ position: absolute;
22422
+ top: 0;
22423
+ width: 100%;
22424
+ z-index: -1;
22425
+ }
22426
+ .v-img--booting .v-responsive__sizer {
22427
+ transition: none;
22428
+ }
22429
+ .v-img--rounded {
22430
+ border-radius: 4px;
22431
+ }
22432
+
22433
+ .v-img__img,
22434
+ .v-img__picture,
22435
+ .v-img__gradient,
22436
+ .v-img__placeholder,
22437
+ .v-img__error {
22438
+ z-index: -1;
22439
+ }
22440
+ .v-img__img,
22441
+ .v-img__picture,
22442
+ .v-img__gradient,
22443
+ .v-img__placeholder,
22444
+ .v-img__error {
22445
+ position: absolute;
22446
+ top: 0;
22447
+ left: 0;
22448
+ width: 100%;
22449
+ height: 100%;
22450
+ }
22451
+
22452
+ .v-img__img--preload {
22453
+ filter: blur(4px);
22454
+ }
22455
+ .v-img__img--contain {
22456
+ object-fit: contain;
22457
+ }
22458
+ .v-img__img--cover {
22459
+ object-fit: cover;
22460
+ }
22461
+
22462
+ .v-img__gradient {
22463
+ background-repeat: no-repeat;
22635
22464
  }.v-input {
22636
22465
  display: grid;
22637
22466
  flex: 1 1 auto;
@@ -22774,6 +22603,11 @@ textarea.v-field__input::placeholder {
22774
22603
 
22775
22604
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
22776
22605
  padding-top: calc(var(--v-input-padding-top) + 0px);
22606
+ }.v-item-group {
22607
+ flex: 0 1 auto;
22608
+ max-width: 100%;
22609
+ position: relative;
22610
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22777
22611
  }.v-label {
22778
22612
  align-items: center;
22779
22613
  color: inherit;
@@ -23379,6 +23213,8 @@ textarea.v-field__input::placeholder {
23379
23213
  }
23380
23214
  .v-list-group__header:not(.v-treeview-item--activatable-group-activator).v-list-item--active:hover .v-list-item__overlay {
23381
23215
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
23216
+ }.v-locale-provider {
23217
+ display: contents;
23382
23218
  }.v-main {
23383
23219
  flex: 1 0 auto;
23384
23220
  max-width: 100%;
@@ -23409,8 +23245,6 @@ textarea.v-field__input::placeholder {
23409
23245
  --v-layout-right: 0px;
23410
23246
  --v-layout-top: 0px;
23411
23247
  --v-layout-bottom: 0px;
23412
- }.v-locale-provider {
23413
- display: contents;
23414
23248
  }.v-menu > .v-overlay__content {
23415
23249
  display: flex;
23416
23250
  flex-direction: column;
@@ -23554,10 +23388,68 @@ textarea.v-field__input::placeholder {
23554
23388
  .v-navigation-drawer__append {
23555
23389
  flex: none;
23556
23390
  overflow: hidden;
23557
- }.v-overlay-container {
23558
- contain: layout;
23559
- left: 0;
23560
- pointer-events: none;
23391
+ }.v-otp-input {
23392
+ align-items: center;
23393
+ display: flex;
23394
+ justify-content: center;
23395
+ padding: 0.5rem 0;
23396
+ position: relative;
23397
+ }
23398
+ .v-otp-input {
23399
+ border-radius: 4px;
23400
+ }
23401
+ .v-otp-input .v-field {
23402
+ height: 100%;
23403
+ }
23404
+
23405
+ .v-otp-input__divider {
23406
+ margin: 0 8px;
23407
+ }
23408
+
23409
+ .v-otp-input__content {
23410
+ align-items: center;
23411
+ display: flex;
23412
+ gap: 0.5rem;
23413
+ height: 64px;
23414
+ padding: 0.5rem;
23415
+ justify-content: center;
23416
+ max-width: 320px;
23417
+ position: relative;
23418
+ border-radius: inherit;
23419
+ }
23420
+ .v-otp-input--divided .v-otp-input__content {
23421
+ max-width: 360px;
23422
+ }
23423
+
23424
+ .v-otp-input__field {
23425
+ color: inherit;
23426
+ font-size: 1.25rem;
23427
+ height: 100%;
23428
+ outline: none;
23429
+ text-align: center;
23430
+ width: 100%;
23431
+ }
23432
+ .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
23433
+ -webkit-appearance: none;
23434
+ margin: 0;
23435
+ }
23436
+ .v-otp-input__field[type=number] {
23437
+ -moz-appearance: textfield;
23438
+ }
23439
+
23440
+ .v-otp-input__loader {
23441
+ align-items: center;
23442
+ display: flex;
23443
+ height: 100%;
23444
+ justify-content: center;
23445
+ width: 100%;
23446
+ }
23447
+ .v-otp-input__loader .v-progress-linear {
23448
+ position: absolute;
23449
+ }.v-overlay-container {
23450
+ contain: layout;
23451
+ left: 0;
23452
+ pointer-events: none;
23561
23453
  position: absolute;
23562
23454
  top: 0;
23563
23455
  display: contents;
@@ -23961,6 +23853,18 @@ html.v-overlay-scroll-blocked {
23961
23853
  0% {
23962
23854
  background-position-x: var(--v-progress-linear-height);
23963
23855
  }
23856
+ }.v-radio-group > .v-input__control {
23857
+ flex-direction: column;
23858
+ }
23859
+ .v-radio-group > .v-input__control > .v-label {
23860
+ margin-inline-start: 16px;
23861
+ }
23862
+ .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
23863
+ padding-inline-start: 6px;
23864
+ margin-top: 8px;
23865
+ }
23866
+ .v-radio-group .v-input__details {
23867
+ padding-inline: 16px;
23964
23868
  }.v-slider .v-slider__container input {
23965
23869
  cursor: default;
23966
23870
  padding: 0;
@@ -24018,18 +23922,6 @@ html.v-overlay-scroll-blocked {
24018
23922
 
24019
23923
  .v-slider__label {
24020
23924
  margin-inline-end: 12px;
24021
- }.v-radio-group > .v-input__control {
24022
- flex-direction: column;
24023
- }
24024
- .v-radio-group > .v-input__control > .v-label {
24025
- margin-inline-start: 16px;
24026
- }
24027
- .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
24028
- padding-inline-start: 6px;
24029
- margin-top: 8px;
24030
- }
24031
- .v-radio-group .v-input__details {
24032
- padding-inline: 16px;
24033
23925
  }.v-rating {
24034
23926
  max-width: 100%;
24035
23927
  display: inline-flex;
@@ -24109,64 +24001,6 @@ html.v-overlay-scroll-blocked {
24109
24001
  flex: 1 0 0px;
24110
24002
  transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24111
24003
  pointer-events: none;
24112
- }.v-otp-input {
24113
- align-items: center;
24114
- display: flex;
24115
- justify-content: center;
24116
- padding: 0.5rem 0;
24117
- position: relative;
24118
- }
24119
- .v-otp-input {
24120
- border-radius: 4px;
24121
- }
24122
- .v-otp-input .v-field {
24123
- height: 100%;
24124
- }
24125
-
24126
- .v-otp-input__divider {
24127
- margin: 0 8px;
24128
- }
24129
-
24130
- .v-otp-input__content {
24131
- align-items: center;
24132
- display: flex;
24133
- gap: 0.5rem;
24134
- height: 64px;
24135
- padding: 0.5rem;
24136
- justify-content: center;
24137
- max-width: 320px;
24138
- position: relative;
24139
- border-radius: inherit;
24140
- }
24141
- .v-otp-input--divided .v-otp-input__content {
24142
- max-width: 360px;
24143
- }
24144
-
24145
- .v-otp-input__field {
24146
- color: inherit;
24147
- font-size: 1.25rem;
24148
- height: 100%;
24149
- outline: none;
24150
- text-align: center;
24151
- width: 100%;
24152
- }
24153
- .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
24154
- -webkit-appearance: none;
24155
- margin: 0;
24156
- }
24157
- .v-otp-input__field[type=number] {
24158
- -moz-appearance: textfield;
24159
- }
24160
-
24161
- .v-otp-input__loader {
24162
- align-items: center;
24163
- display: flex;
24164
- height: 100%;
24165
- justify-content: center;
24166
- width: 100%;
24167
- }
24168
- .v-otp-input__loader .v-progress-linear {
24169
- position: absolute;
24170
24004
  }.v-select .v-field .v-text-field__prefix,
24171
24005
  .v-select .v-field .v-text-field__suffix,
24172
24006
  .v-select .v-field .v-field__input, .v-select .v-field.v-field {
@@ -24219,77 +24053,216 @@ html.v-overlay-scroll-blocked {
24219
24053
  .v-select--active-menu .v-select__menu-icon {
24220
24054
  opacity: var(--v-high-emphasis-opacity);
24221
24055
  transform: rotate(180deg);
24222
- }.v-selection-control-group {
24223
- grid-area: control;
24224
- display: flex;
24225
- flex-direction: column;
24226
- }
24227
- .v-selection-control-group--inline {
24228
- flex-direction: row;
24229
- flex-wrap: wrap;
24230
- }.v-skeleton-loader {
24056
+ }.v-selection-control {
24231
24057
  align-items: center;
24232
- background: rgb(var(--v-theme-surface));
24233
- border-radius: 4px;
24058
+ contain: layout;
24234
24059
  display: flex;
24235
- flex-wrap: wrap;
24060
+ flex: 1 0;
24061
+ grid-area: control;
24236
24062
  position: relative;
24237
- vertical-align: top;
24238
- }
24239
- .v-skeleton-loader__actions {
24240
- justify-content: end;
24063
+ -webkit-user-select: none;
24064
+ user-select: none;
24241
24065
  }
24242
- .v-skeleton-loader .v-skeleton-loader__ossein {
24066
+ .v-selection-control .v-label {
24067
+ white-space: normal;
24068
+ word-break: break-word;
24243
24069
  height: 100%;
24244
24070
  }
24245
- .v-skeleton-loader .v-skeleton-loader__avatar,
24246
- .v-skeleton-loader .v-skeleton-loader__button,
24247
- .v-skeleton-loader .v-skeleton-loader__chip,
24248
- .v-skeleton-loader .v-skeleton-loader__divider,
24249
- .v-skeleton-loader .v-skeleton-loader__heading,
24250
- .v-skeleton-loader .v-skeleton-loader__image,
24251
- .v-skeleton-loader .v-skeleton-loader__ossein,
24252
- .v-skeleton-loader .v-skeleton-loader__text {
24253
- background: rgba(var(--v-theme-on-surface), var(--v-border-opacity));
24071
+ .v-selection-control--disabled {
24072
+ opacity: var(--v-disabled-opacity);
24073
+ pointer-events: none;
24254
24074
  }
24255
- .v-skeleton-loader .v-skeleton-loader__list-item,
24256
- .v-skeleton-loader .v-skeleton-loader__list-item-avatar,
24257
- .v-skeleton-loader .v-skeleton-loader__list-item-text,
24258
- .v-skeleton-loader .v-skeleton-loader__list-item-two-line,
24259
- .v-skeleton-loader .v-skeleton-loader__list-item-avatar-two-line,
24260
- .v-skeleton-loader .v-skeleton-loader__list-item-three-line,
24261
- .v-skeleton-loader .v-skeleton-loader__list-item-avatar-three-line {
24262
- border-radius: 4px;
24075
+ .v-selection-control--error .v-label, .v-selection-control--disabled .v-label {
24076
+ opacity: 1;
24263
24077
  }
24264
- .v-skeleton-loader__bone {
24078
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-label {
24079
+ color: rgb(var(--v-theme-error));
24080
+ }
24081
+ .v-selection-control--inline {
24082
+ display: inline-flex;
24083
+ flex: 0 0 auto;
24084
+ min-width: 0;
24085
+ max-width: 100%;
24086
+ }
24087
+ .v-selection-control--inline .v-label {
24088
+ width: auto;
24089
+ }
24090
+ .v-selection-control--density-default {
24091
+ --v-selection-control-size: 40px;
24092
+ }
24093
+
24094
+ .v-selection-control--density-comfortable {
24095
+ --v-selection-control-size: 36px;
24096
+ }
24097
+
24098
+ .v-selection-control--density-compact {
24099
+ --v-selection-control-size: 28px;
24100
+ }
24101
+
24102
+ .v-selection-control__wrapper {
24103
+ width: var(--v-selection-control-size);
24104
+ height: var(--v-selection-control-size);
24105
+ display: inline-flex;
24265
24106
  align-items: center;
24266
- border-radius: inherit;
24267
- display: flex;
24268
- flex: 1 1 100%;
24269
- flex-wrap: wrap;
24270
- overflow: hidden;
24271
24107
  position: relative;
24108
+ justify-content: center;
24109
+ flex: none;
24272
24110
  }
24273
- .v-skeleton-loader__bone::after {
24274
- animation: loading 1.5s infinite;
24275
- background: linear-gradient(90deg, rgba(var(--v-theme-surface), 0), rgba(var(--v-theme-surface), 0.3), rgba(var(--v-theme-surface), 0));
24276
- transform: translateX(-100%);
24277
- z-index: 1;
24111
+
24112
+ .v-selection-control__input {
24113
+ width: var(--v-selection-control-size);
24114
+ height: var(--v-selection-control-size);
24115
+ align-items: center;
24116
+ display: flex;
24117
+ flex: none;
24118
+ justify-content: center;
24119
+ position: relative;
24120
+ border-radius: 50%;
24278
24121
  }
24279
- .v-skeleton-loader__bone::after {
24280
- content: "";
24122
+ .v-selection-control__input input {
24123
+ cursor: pointer;
24281
24124
  position: absolute;
24282
- top: 0;
24283
24125
  left: 0;
24126
+ top: 0;
24284
24127
  width: 100%;
24285
24128
  height: 100%;
24129
+ opacity: 0;
24286
24130
  }
24287
- .v-skeleton-loader__avatar {
24288
- border-radius: 50%;
24289
- flex: 0 1 auto;
24290
- margin: 8px 16px;
24291
- max-height: 48px;
24292
- min-height: 48px;
24131
+ .v-selection-control__input::before {
24132
+ border-radius: 100%;
24133
+ background-color: currentColor;
24134
+ opacity: 0;
24135
+ pointer-events: none;
24136
+ }
24137
+ .v-selection-control__input::before {
24138
+ content: "";
24139
+ position: absolute;
24140
+ top: 0;
24141
+ left: 0;
24142
+ width: 100%;
24143
+ height: 100%;
24144
+ }
24145
+ .v-selection-control__input:hover::before {
24146
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
24147
+ }
24148
+ .v-selection-control__input > .v-icon {
24149
+ opacity: var(--v-medium-emphasis-opacity);
24150
+ }
24151
+ .v-selection-control--disabled .v-selection-control__input > .v-icon, .v-selection-control--dirty .v-selection-control__input > .v-icon, .v-selection-control--error .v-selection-control__input > .v-icon {
24152
+ opacity: 1;
24153
+ }
24154
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-selection-control__input > .v-icon {
24155
+ color: rgb(var(--v-theme-error));
24156
+ }
24157
+ .v-selection-control--focus-visible .v-selection-control__input::before {
24158
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
24159
+ }.v-sheet {
24160
+ display: block;
24161
+ }
24162
+ .v-sheet {
24163
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
24164
+ border-style: solid;
24165
+ border-width: 0;
24166
+ }
24167
+ .v-sheet--border {
24168
+ border-width: thin;
24169
+ box-shadow: none;
24170
+ }
24171
+ .v-sheet {
24172
+ 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));
24173
+ }
24174
+ .v-sheet--absolute {
24175
+ position: absolute;
24176
+ }
24177
+ .v-sheet--fixed {
24178
+ position: fixed;
24179
+ }
24180
+ .v-sheet--relative {
24181
+ position: relative;
24182
+ }
24183
+ .v-sheet--sticky {
24184
+ position: sticky;
24185
+ }
24186
+ .v-sheet {
24187
+ border-radius: 0;
24188
+ }
24189
+ .v-sheet {
24190
+ background: rgb(var(--v-theme-surface));
24191
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24192
+ }
24193
+ .v-sheet--rounded {
24194
+ border-radius: 4px;
24195
+ }.v-selection-control-group {
24196
+ grid-area: control;
24197
+ display: flex;
24198
+ flex-direction: column;
24199
+ }
24200
+ .v-selection-control-group--inline {
24201
+ flex-direction: row;
24202
+ flex-wrap: wrap;
24203
+ }.v-skeleton-loader {
24204
+ align-items: center;
24205
+ background: rgb(var(--v-theme-surface));
24206
+ border-radius: 4px;
24207
+ display: flex;
24208
+ flex-wrap: wrap;
24209
+ position: relative;
24210
+ vertical-align: top;
24211
+ }
24212
+ .v-skeleton-loader__actions {
24213
+ justify-content: end;
24214
+ }
24215
+ .v-skeleton-loader .v-skeleton-loader__ossein {
24216
+ height: 100%;
24217
+ }
24218
+ .v-skeleton-loader .v-skeleton-loader__avatar,
24219
+ .v-skeleton-loader .v-skeleton-loader__button,
24220
+ .v-skeleton-loader .v-skeleton-loader__chip,
24221
+ .v-skeleton-loader .v-skeleton-loader__divider,
24222
+ .v-skeleton-loader .v-skeleton-loader__heading,
24223
+ .v-skeleton-loader .v-skeleton-loader__image,
24224
+ .v-skeleton-loader .v-skeleton-loader__ossein,
24225
+ .v-skeleton-loader .v-skeleton-loader__text {
24226
+ background: rgba(var(--v-theme-on-surface), var(--v-border-opacity));
24227
+ }
24228
+ .v-skeleton-loader .v-skeleton-loader__list-item,
24229
+ .v-skeleton-loader .v-skeleton-loader__list-item-avatar,
24230
+ .v-skeleton-loader .v-skeleton-loader__list-item-text,
24231
+ .v-skeleton-loader .v-skeleton-loader__list-item-two-line,
24232
+ .v-skeleton-loader .v-skeleton-loader__list-item-avatar-two-line,
24233
+ .v-skeleton-loader .v-skeleton-loader__list-item-three-line,
24234
+ .v-skeleton-loader .v-skeleton-loader__list-item-avatar-three-line {
24235
+ border-radius: 4px;
24236
+ }
24237
+ .v-skeleton-loader__bone {
24238
+ align-items: center;
24239
+ border-radius: inherit;
24240
+ display: flex;
24241
+ flex: 1 1 100%;
24242
+ flex-wrap: wrap;
24243
+ overflow: hidden;
24244
+ position: relative;
24245
+ }
24246
+ .v-skeleton-loader__bone::after {
24247
+ animation: loading 1.5s infinite;
24248
+ background: linear-gradient(90deg, rgba(var(--v-theme-surface), 0), rgba(var(--v-theme-surface), 0.3), rgba(var(--v-theme-surface), 0));
24249
+ transform: translateX(-100%);
24250
+ z-index: 1;
24251
+ }
24252
+ .v-skeleton-loader__bone::after {
24253
+ content: "";
24254
+ position: absolute;
24255
+ top: 0;
24256
+ left: 0;
24257
+ width: 100%;
24258
+ height: 100%;
24259
+ }
24260
+ .v-skeleton-loader__avatar {
24261
+ border-radius: 50%;
24262
+ flex: 0 1 auto;
24263
+ margin: 8px 16px;
24264
+ max-height: 48px;
24265
+ min-height: 48px;
24293
24266
  height: 48px;
24294
24267
  max-width: 48px;
24295
24268
  min-width: 48px;
@@ -24452,42 +24425,6 @@ html.v-overlay-scroll-blocked {
24452
24425
  100% {
24453
24426
  transform: translateX(100%);
24454
24427
  }
24455
- }.v-sheet {
24456
- display: block;
24457
- }
24458
- .v-sheet {
24459
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
24460
- border-style: solid;
24461
- border-width: 0;
24462
- }
24463
- .v-sheet--border {
24464
- border-width: thin;
24465
- box-shadow: none;
24466
- }
24467
- .v-sheet {
24468
- 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));
24469
- }
24470
- .v-sheet--absolute {
24471
- position: absolute;
24472
- }
24473
- .v-sheet--fixed {
24474
- position: fixed;
24475
- }
24476
- .v-sheet--relative {
24477
- position: relative;
24478
- }
24479
- .v-sheet--sticky {
24480
- position: sticky;
24481
- }
24482
- .v-sheet {
24483
- border-radius: 0;
24484
- }
24485
- .v-sheet {
24486
- background: rgb(var(--v-theme-surface));
24487
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24488
- }
24489
- .v-sheet--rounded {
24490
- border-radius: 4px;
24491
24428
  }.v-slide-group {
24492
24429
  display: flex;
24493
24430
  overflow: hidden;
@@ -24683,47 +24620,6 @@ html.v-overlay-scroll-blocked {
24683
24620
  }
24684
24621
  .v-snackbar-transition-leave-to {
24685
24622
  opacity: 0;
24686
- }.v-speed-dial__content {
24687
- gap: 8px;
24688
- }
24689
- .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 {
24690
- flex-direction: row;
24691
- }
24692
- .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 {
24693
- flex-direction: row-reverse;
24694
- }
24695
- .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 {
24696
- flex-direction: column-reverse;
24697
- }
24698
- .v-speed-dial__content > *:nth-child(1) {
24699
- transition-delay: 0s;
24700
- }
24701
- .v-speed-dial__content > *:nth-child(2) {
24702
- transition-delay: 0.05s;
24703
- }
24704
- .v-speed-dial__content > *:nth-child(3) {
24705
- transition-delay: 0.1s;
24706
- }
24707
- .v-speed-dial__content > *:nth-child(4) {
24708
- transition-delay: 0.15s;
24709
- }
24710
- .v-speed-dial__content > *:nth-child(5) {
24711
- transition-delay: 0.2s;
24712
- }
24713
- .v-speed-dial__content > *:nth-child(6) {
24714
- transition-delay: 0.25s;
24715
- }
24716
- .v-speed-dial__content > *:nth-child(7) {
24717
- transition-delay: 0.3s;
24718
- }
24719
- .v-speed-dial__content > *:nth-child(8) {
24720
- transition-delay: 0.35s;
24721
- }
24722
- .v-speed-dial__content > *:nth-child(9) {
24723
- transition-delay: 0.4s;
24724
- }
24725
- .v-speed-dial__content > *:nth-child(10) {
24726
- transition-delay: 0.45s;
24727
24623
  }.v-stepper.v-sheet {
24728
24624
  overflow: hidden;
24729
24625
  }
@@ -24899,49 +24795,6 @@ html.v-overlay-scroll-blocked {
24899
24795
  left: 0;
24900
24796
  width: 100%;
24901
24797
  height: 100%;
24902
- }.v-system-bar {
24903
- align-items: center;
24904
- display: flex;
24905
- flex: 1 1 auto;
24906
- height: 24px;
24907
- justify-content: flex-end;
24908
- max-width: 100%;
24909
- padding-inline: 8px;
24910
- position: relative;
24911
- text-align: end;
24912
- width: 100%;
24913
- }
24914
- .v-system-bar .v-icon {
24915
- opacity: var(--v-medium-emphasis-opacity);
24916
- }
24917
- .v-system-bar {
24918
- 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));
24919
- }
24920
- .v-system-bar--absolute {
24921
- position: absolute;
24922
- }
24923
- .v-system-bar--fixed {
24924
- position: fixed;
24925
- }
24926
- .v-system-bar {
24927
- background: rgba(var(--v-theme-surface-light));
24928
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24929
- }
24930
- .v-system-bar {
24931
- font-size: 0.75rem;
24932
- font-weight: 400;
24933
- letter-spacing: 0.0333333333em;
24934
- line-height: 1.667;
24935
- text-transform: none;
24936
- }
24937
- .v-system-bar--rounded {
24938
- border-radius: 0;
24939
- }
24940
- .v-system-bar--window {
24941
- height: 32px;
24942
- }
24943
- .v-system-bar:not(.v-system-bar--absolute) {
24944
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24945
24798
  }.v-switch .v-label {
24946
24799
  padding-inline-start: 10px;
24947
24800
  }
@@ -25124,7 +24977,120 @@ html.v-overlay-scroll-blocked {
25124
24977
  .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
25125
24978
  border-width: 0;
25126
24979
  }
25127
- }.v-tabs {
24980
+ }.v-speed-dial__content {
24981
+ gap: 8px;
24982
+ }
24983
+ .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 {
24984
+ flex-direction: row;
24985
+ }
24986
+ .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 {
24987
+ flex-direction: row-reverse;
24988
+ }
24989
+ .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 {
24990
+ flex-direction: column-reverse;
24991
+ }
24992
+ .v-speed-dial__content > *:nth-child(1) {
24993
+ transition-delay: 0s;
24994
+ }
24995
+ .v-speed-dial__content > *:nth-child(2) {
24996
+ transition-delay: 0.05s;
24997
+ }
24998
+ .v-speed-dial__content > *:nth-child(3) {
24999
+ transition-delay: 0.1s;
25000
+ }
25001
+ .v-speed-dial__content > *:nth-child(4) {
25002
+ transition-delay: 0.15s;
25003
+ }
25004
+ .v-speed-dial__content > *:nth-child(5) {
25005
+ transition-delay: 0.2s;
25006
+ }
25007
+ .v-speed-dial__content > *:nth-child(6) {
25008
+ transition-delay: 0.25s;
25009
+ }
25010
+ .v-speed-dial__content > *:nth-child(7) {
25011
+ transition-delay: 0.3s;
25012
+ }
25013
+ .v-speed-dial__content > *:nth-child(8) {
25014
+ transition-delay: 0.35s;
25015
+ }
25016
+ .v-speed-dial__content > *:nth-child(9) {
25017
+ transition-delay: 0.4s;
25018
+ }
25019
+ .v-speed-dial__content > *:nth-child(10) {
25020
+ transition-delay: 0.45s;
25021
+ }.v-system-bar {
25022
+ align-items: center;
25023
+ display: flex;
25024
+ flex: 1 1 auto;
25025
+ height: 24px;
25026
+ justify-content: flex-end;
25027
+ max-width: 100%;
25028
+ padding-inline: 8px;
25029
+ position: relative;
25030
+ text-align: end;
25031
+ width: 100%;
25032
+ }
25033
+ .v-system-bar .v-icon {
25034
+ opacity: var(--v-medium-emphasis-opacity);
25035
+ }
25036
+ .v-system-bar {
25037
+ 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));
25038
+ }
25039
+ .v-system-bar--absolute {
25040
+ position: absolute;
25041
+ }
25042
+ .v-system-bar--fixed {
25043
+ position: fixed;
25044
+ }
25045
+ .v-system-bar {
25046
+ background: rgba(var(--v-theme-surface-light));
25047
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
25048
+ }
25049
+ .v-system-bar {
25050
+ font-size: 0.75rem;
25051
+ font-weight: 400;
25052
+ letter-spacing: 0.0333333333em;
25053
+ line-height: 1.667;
25054
+ text-transform: none;
25055
+ }
25056
+ .v-system-bar--rounded {
25057
+ border-radius: 0;
25058
+ }
25059
+ .v-system-bar--window {
25060
+ height: 32px;
25061
+ }
25062
+ .v-system-bar:not(.v-system-bar--absolute) {
25063
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
25064
+ }.v-tab.v-tab.v-btn {
25065
+ height: var(--v-tabs-height);
25066
+ border-radius: 0;
25067
+ min-width: 90px;
25068
+ }
25069
+ .v-slide-group--horizontal .v-tab {
25070
+ max-width: 360px;
25071
+ }
25072
+ .v-slide-group--vertical .v-tab {
25073
+ justify-content: start;
25074
+ }
25075
+
25076
+ .v-tab__slider {
25077
+ position: absolute;
25078
+ bottom: 0;
25079
+ left: 0;
25080
+ height: 2px;
25081
+ width: 100%;
25082
+ background: currentColor;
25083
+ pointer-events: none;
25084
+ opacity: 0;
25085
+ }
25086
+ .v-tab--selected .v-tab__slider {
25087
+ opacity: 1;
25088
+ }
25089
+ .v-slide-group--vertical .v-tab__slider {
25090
+ top: 0;
25091
+ height: 100%;
25092
+ width: 2px;
25093
+ }.v-tabs {
25128
25094
  display: flex;
25129
25095
  height: var(--v-tabs-height);
25130
25096
  }
@@ -25190,35 +25156,6 @@ html.v-overlay-scroll-blocked {
25190
25156
  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
25191
25157
  margin-inline-end: 52px;
25192
25158
  }
25193
- }.v-tab.v-tab.v-btn {
25194
- height: var(--v-tabs-height);
25195
- border-radius: 0;
25196
- min-width: 90px;
25197
- }
25198
- .v-slide-group--horizontal .v-tab {
25199
- max-width: 360px;
25200
- }
25201
- .v-slide-group--vertical .v-tab {
25202
- justify-content: start;
25203
- }
25204
-
25205
- .v-tab__slider {
25206
- position: absolute;
25207
- bottom: 0;
25208
- left: 0;
25209
- height: 2px;
25210
- width: 100%;
25211
- background: currentColor;
25212
- pointer-events: none;
25213
- opacity: 0;
25214
- }
25215
- .v-tab--selected .v-tab__slider {
25216
- opacity: 1;
25217
- }
25218
- .v-slide-group--vertical .v-tab__slider {
25219
- top: 0;
25220
- height: 100%;
25221
- width: 2px;
25222
25159
  }.v-table {
25223
25160
  font-size: 0.875rem;
25224
25161
  transition-duration: 0.28s;
@@ -25361,6 +25298,45 @@ html.v-overlay-scroll-blocked {
25361
25298
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
25362
25299
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
25363
25300
  border-top: 0px !important;
25301
+ }.v-textarea .v-field {
25302
+ --v-textarea-control-height: var(--v-input-control-height);
25303
+ }
25304
+ .v-textarea .v-field__field {
25305
+ --v-input-control-height: var(--v-textarea-control-height);
25306
+ }
25307
+ .v-textarea .v-field__input {
25308
+ flex: 1 1 auto;
25309
+ outline: none;
25310
+ -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
25311
+ mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
25312
+ }
25313
+ .v-textarea .v-field__input.v-textarea__sizer {
25314
+ visibility: hidden;
25315
+ position: absolute;
25316
+ top: 0;
25317
+ left: 0;
25318
+ height: 0 !important;
25319
+ min-height: 0 !important;
25320
+ pointer-events: none;
25321
+ }
25322
+ .v-textarea--no-resize .v-field__input {
25323
+ resize: none;
25324
+ }
25325
+ .v-textarea .v-field--no-label textarea,
25326
+ .v-textarea .v-field--active textarea {
25327
+ opacity: 1;
25328
+ }
25329
+ .v-textarea textarea {
25330
+ opacity: 0;
25331
+ flex: 1;
25332
+ min-width: 0;
25333
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25334
+ }
25335
+ .v-textarea textarea:focus, .v-textarea textarea:active {
25336
+ outline: none;
25337
+ }
25338
+ .v-textarea textarea:invalid {
25339
+ box-shadow: none;
25364
25340
  }/* region BLOCK */
25365
25341
  .v-text-field input {
25366
25342
  color: inherit;
@@ -25428,46 +25404,7 @@ html.v-overlay-scroll-blocked {
25428
25404
  padding-inline-end: var(--v-field-padding-end);
25429
25405
  }
25430
25406
 
25431
- /* endregion */.v-textarea .v-field {
25432
- --v-textarea-control-height: var(--v-input-control-height);
25433
- }
25434
- .v-textarea .v-field__field {
25435
- --v-input-control-height: var(--v-textarea-control-height);
25436
- }
25437
- .v-textarea .v-field__input {
25438
- flex: 1 1 auto;
25439
- outline: none;
25440
- -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
25441
- mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
25442
- }
25443
- .v-textarea .v-field__input.v-textarea__sizer {
25444
- visibility: hidden;
25445
- position: absolute;
25446
- top: 0;
25447
- left: 0;
25448
- height: 0 !important;
25449
- min-height: 0 !important;
25450
- pointer-events: none;
25451
- }
25452
- .v-textarea--no-resize .v-field__input {
25453
- resize: none;
25454
- }
25455
- .v-textarea .v-field--no-label textarea,
25456
- .v-textarea .v-field--active textarea {
25457
- opacity: 1;
25458
- }
25459
- .v-textarea textarea {
25460
- opacity: 0;
25461
- flex: 1;
25462
- min-width: 0;
25463
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25464
- }
25465
- .v-textarea textarea:focus, .v-textarea textarea:active {
25466
- outline: none;
25467
- }
25468
- .v-textarea textarea:invalid {
25469
- box-shadow: none;
25470
- }.v-theme-provider {
25407
+ /* endregion */.v-theme-provider {
25471
25408
  background: rgb(var(--v-theme-background));
25472
25409
  color: rgb(var(--v-theme-on-background));
25473
25410
  }.v-timeline .v-timeline-divider__dot {
@@ -25888,118 +25825,17 @@ html.v-overlay-scroll-blocked {
25888
25825
 
25889
25826
  .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 {
25890
25827
  padding-inline-end: 0;
25891
- }.v-tooltip > .v-overlay__content {
25892
- background: rgb(var(--v-theme-surface-variant));
25893
- color: rgb(var(--v-theme-on-surface-variant));
25894
- border-radius: 4px;
25895
- font-size: 0.875rem;
25896
- line-height: 1.6;
25897
- display: inline-block;
25898
- padding: 5px 16px;
25899
- text-transform: initial;
25900
- width: auto;
25901
- opacity: 1;
25902
- pointer-events: none;
25903
- transition-property: opacity, transform;
25904
- overflow-wrap: break-word;
25905
- }
25906
- .v-tooltip > .v-overlay__content[class*=enter-active] {
25907
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25908
- transition-duration: 150ms;
25909
- }
25910
- .v-tooltip > .v-overlay__content[class*=leave-active] {
25911
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25912
- transition-duration: 75ms;
25913
- }.v-virtual-scroll {
25914
- display: block;
25915
- flex: 1 1 auto;
25828
+ }.v-toolbar {
25829
+ align-items: flex-start;
25830
+ display: flex;
25831
+ flex: none;
25832
+ flex-direction: column;
25833
+ justify-content: space-between;
25916
25834
  max-width: 100%;
25917
- overflow: auto;
25918
25835
  position: relative;
25919
- }
25920
- .v-virtual-scroll__container {
25921
- display: block;
25922
- }.v-window {
25923
- overflow: hidden;
25924
- }
25925
- .v-window__container {
25926
- display: flex;
25927
- flex-direction: column;
25928
- height: inherit;
25929
- position: relative;
25930
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25931
- }
25932
- .v-window__controls {
25933
- position: absolute;
25934
- left: 0;
25935
- top: 0;
25936
- width: 100%;
25937
- height: 100%;
25938
- display: flex;
25939
- align-items: center;
25940
- justify-content: space-between;
25941
- padding: 0 16px;
25942
- pointer-events: none;
25943
- }
25944
- .v-window__controls > * {
25945
- pointer-events: auto;
25946
- }
25947
- .v-window--show-arrows-on-hover {
25948
- overflow: hidden;
25949
- }
25950
- .v-window--show-arrows-on-hover .v-window__left {
25951
- transform: translateX(-200%);
25952
- }
25953
- .v-window--show-arrows-on-hover .v-window__right {
25954
- transform: translateX(200%);
25955
- }
25956
- .v-window--show-arrows-on-hover:hover .v-window__left,
25957
- .v-window--show-arrows-on-hover:hover .v-window__right {
25958
- transform: translateX(0);
25959
- }
25960
-
25961
- .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 {
25962
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25963
- }
25964
- .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 {
25965
- position: absolute !important;
25966
- top: 0;
25967
- width: 100%;
25968
- }
25969
- .v-window-x-transition-enter-from {
25970
- transform: translateX(100%);
25971
- }
25972
- .v-window-x-transition-leave-to {
25973
- transform: translateX(-100%);
25974
- }
25975
- .v-window-x-reverse-transition-enter-from {
25976
- transform: translateX(-100%);
25977
- }
25978
- .v-window-x-reverse-transition-leave-to {
25979
- transform: translateX(100%);
25980
- }
25981
- .v-window-y-transition-enter-from {
25982
- transform: translateY(100%);
25983
- }
25984
- .v-window-y-transition-leave-to {
25985
- transform: translateY(-100%);
25986
- }
25987
- .v-window-y-reverse-transition-enter-from {
25988
- transform: translateY(-100%);
25989
- }
25990
- .v-window-y-reverse-transition-leave-to {
25991
- transform: translateY(100%);
25992
- }.v-toolbar {
25993
- align-items: flex-start;
25994
- display: flex;
25995
- flex: none;
25996
- flex-direction: column;
25997
- justify-content: space-between;
25998
- max-width: 100%;
25999
- position: relative;
26000
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
26001
- transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
26002
- width: 100%;
25836
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
25837
+ transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
25838
+ width: 100%;
26003
25839
  }
26004
25840
  .v-toolbar {
26005
25841
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
@@ -26132,109 +25968,273 @@ html.v-overlay-scroll-blocked {
26132
25968
  }
26133
25969
  .v-toolbar-items > .v-btn {
26134
25970
  border-radius: 0;
26135
- }.v-selection-control {
26136
- align-items: center;
26137
- contain: layout;
25971
+ }.v-tooltip > .v-overlay__content {
25972
+ background: rgb(var(--v-theme-surface-variant));
25973
+ color: rgb(var(--v-theme-on-surface-variant));
25974
+ border-radius: 4px;
25975
+ font-size: 0.875rem;
25976
+ line-height: 1.6;
25977
+ display: inline-block;
25978
+ padding: 5px 16px;
25979
+ text-transform: initial;
25980
+ width: auto;
25981
+ opacity: 1;
25982
+ pointer-events: none;
25983
+ transition-property: opacity, transform;
25984
+ overflow-wrap: break-word;
25985
+ }
25986
+ .v-tooltip > .v-overlay__content[class*=enter-active] {
25987
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25988
+ transition-duration: 150ms;
25989
+ }
25990
+ .v-tooltip > .v-overlay__content[class*=leave-active] {
25991
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25992
+ transition-duration: 75ms;
25993
+ }.v-window {
25994
+ overflow: hidden;
25995
+ }
25996
+ .v-window__container {
26138
25997
  display: flex;
26139
- flex: 1 0;
26140
- grid-area: control;
25998
+ flex-direction: column;
25999
+ height: inherit;
26141
26000
  position: relative;
26142
- -webkit-user-select: none;
26143
- user-select: none;
26001
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
26144
26002
  }
26145
- .v-selection-control .v-label {
26146
- white-space: normal;
26147
- word-break: break-word;
26003
+ .v-window__controls {
26004
+ position: absolute;
26005
+ left: 0;
26006
+ top: 0;
26007
+ width: 100%;
26148
26008
  height: 100%;
26149
- }
26150
- .v-selection-control--disabled {
26151
- opacity: var(--v-disabled-opacity);
26009
+ display: flex;
26010
+ align-items: center;
26011
+ justify-content: space-between;
26012
+ padding: 0 16px;
26152
26013
  pointer-events: none;
26153
26014
  }
26154
- .v-selection-control--error .v-label, .v-selection-control--disabled .v-label {
26155
- opacity: 1;
26015
+ .v-window__controls > * {
26016
+ pointer-events: auto;
26156
26017
  }
26157
- .v-selection-control--error:not(.v-selection-control--disabled) .v-label {
26158
- color: rgb(var(--v-theme-error));
26018
+ .v-window--show-arrows-on-hover {
26019
+ overflow: hidden;
26159
26020
  }
26160
- .v-selection-control--inline {
26161
- display: inline-flex;
26162
- flex: 0 0 auto;
26163
- min-width: 0;
26021
+ .v-window--show-arrows-on-hover .v-window__left {
26022
+ transform: translateX(-200%);
26023
+ }
26024
+ .v-window--show-arrows-on-hover .v-window__right {
26025
+ transform: translateX(200%);
26026
+ }
26027
+ .v-window--show-arrows-on-hover:hover .v-window__left,
26028
+ .v-window--show-arrows-on-hover:hover .v-window__right {
26029
+ transform: translateX(0);
26030
+ }
26031
+
26032
+ .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 {
26033
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
26034
+ }
26035
+ .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 {
26036
+ position: absolute !important;
26037
+ top: 0;
26038
+ width: 100%;
26039
+ }
26040
+ .v-window-x-transition-enter-from {
26041
+ transform: translateX(100%);
26042
+ }
26043
+ .v-window-x-transition-leave-to {
26044
+ transform: translateX(-100%);
26045
+ }
26046
+ .v-window-x-reverse-transition-enter-from {
26047
+ transform: translateX(-100%);
26048
+ }
26049
+ .v-window-x-reverse-transition-leave-to {
26050
+ transform: translateX(100%);
26051
+ }
26052
+ .v-window-y-transition-enter-from {
26053
+ transform: translateY(100%);
26054
+ }
26055
+ .v-window-y-transition-leave-to {
26056
+ transform: translateY(-100%);
26057
+ }
26058
+ .v-window-y-reverse-transition-enter-from {
26059
+ transform: translateY(-100%);
26060
+ }
26061
+ .v-window-y-reverse-transition-leave-to {
26062
+ transform: translateY(100%);
26063
+ }.v-virtual-scroll {
26064
+ display: block;
26065
+ flex: 1 1 auto;
26164
26066
  max-width: 100%;
26067
+ overflow: auto;
26068
+ position: relative;
26165
26069
  }
26166
- .v-selection-control--inline .v-label {
26167
- width: auto;
26070
+ .v-virtual-scroll__container {
26071
+ display: block;
26072
+ }.v-banner {
26073
+ display: grid;
26074
+ flex: 1 1;
26075
+ font-size: 0.875rem;
26076
+ grid-template-areas: "prepend content actions";
26077
+ grid-template-columns: max-content auto max-content;
26078
+ grid-template-rows: max-content max-content;
26079
+ line-height: 1.6;
26080
+ overflow: hidden;
26081
+ padding-inline: 16px 8px;
26082
+ padding-top: 16px;
26083
+ padding-bottom: 16px;
26084
+ position: relative;
26085
+ width: 100%;
26168
26086
  }
26169
- .v-selection-control--density-default {
26170
- --v-selection-control-size: 40px;
26087
+ .v-banner {
26088
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
26089
+ border-style: solid;
26090
+ border-width: 0 0 thin 0;
26091
+ }
26092
+ .v-banner--border {
26093
+ border-width: thin;
26094
+ box-shadow: none;
26095
+ }
26096
+ .v-banner {
26097
+ 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));
26098
+ }
26099
+ .v-banner--absolute {
26100
+ position: absolute;
26101
+ }
26102
+ .v-banner--fixed {
26103
+ position: fixed;
26104
+ }
26105
+ .v-banner--sticky {
26106
+ position: sticky;
26107
+ }
26108
+ .v-banner {
26109
+ border-radius: 0;
26110
+ }
26111
+ .v-banner {
26112
+ background: rgb(var(--v-theme-surface));
26113
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
26114
+ }
26115
+ .v-banner--rounded {
26116
+ border-radius: 4px;
26117
+ }
26118
+ .v-banner--stacked:not(.v-banner--one-line) {
26119
+ grid-template-areas: "prepend content" ". actions";
26120
+ }
26121
+ .v-banner--stacked .v-banner-text {
26122
+ padding-inline-end: 36px;
26123
+ }
26124
+ .v-banner--density-default .v-banner-actions {
26125
+ margin-bottom: -8px;
26126
+ }
26127
+ .v-banner--density-default.v-banner--one-line {
26128
+ padding-top: 8px;
26129
+ padding-bottom: 8px;
26130
+ }
26131
+ .v-banner--density-default.v-banner--one-line .v-banner-actions {
26132
+ margin-bottom: 0;
26133
+ }
26134
+ .v-banner--density-default.v-banner--one-line {
26135
+ padding-top: 10px;
26136
+ }
26137
+ .v-banner--density-default.v-banner--two-line {
26138
+ padding-top: 16px;
26139
+ padding-bottom: 16px;
26140
+ }
26141
+ .v-banner--density-default.v-banner--three-line {
26142
+ padding-top: 24px;
26143
+ padding-bottom: 16px;
26144
+ }
26145
+ .v-banner--density-default:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-default.v-banner--two-line .v-banner-actions, .v-banner--density-default.v-banner--three-line .v-banner-actions {
26146
+ margin-top: 20px;
26171
26147
  }
26172
26148
 
26173
- .v-selection-control--density-comfortable {
26174
- --v-selection-control-size: 36px;
26149
+ .v-banner--density-comfortable .v-banner-actions {
26150
+ margin-bottom: -4px;
26151
+ }
26152
+ .v-banner--density-comfortable.v-banner--one-line {
26153
+ padding-top: 4px;
26154
+ padding-bottom: 4px;
26155
+ }
26156
+ .v-banner--density-comfortable.v-banner--one-line .v-banner-actions {
26157
+ margin-bottom: 0;
26158
+ }
26159
+ .v-banner--density-comfortable.v-banner--two-line {
26160
+ padding-top: 12px;
26161
+ padding-bottom: 12px;
26162
+ }
26163
+ .v-banner--density-comfortable.v-banner--three-line {
26164
+ padding-top: 20px;
26165
+ padding-bottom: 12px;
26166
+ }
26167
+ .v-banner--density-comfortable:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-comfortable.v-banner--two-line .v-banner-actions, .v-banner--density-comfortable.v-banner--three-line .v-banner-actions {
26168
+ margin-top: 16px;
26175
26169
  }
26176
26170
 
26177
- .v-selection-control--density-compact {
26178
- --v-selection-control-size: 28px;
26171
+ .v-banner--density-compact .v-banner-actions {
26172
+ margin-bottom: 0px;
26173
+ }
26174
+ .v-banner--density-compact.v-banner--one-line {
26175
+ padding-top: 0px;
26176
+ padding-bottom: 0px;
26177
+ }
26178
+ .v-banner--density-compact.v-banner--one-line .v-banner-actions {
26179
+ margin-bottom: 0;
26180
+ }
26181
+ .v-banner--density-compact.v-banner--two-line {
26182
+ padding-top: 8px;
26183
+ padding-bottom: 8px;
26184
+ }
26185
+ .v-banner--density-compact.v-banner--three-line {
26186
+ padding-top: 16px;
26187
+ padding-bottom: 8px;
26188
+ }
26189
+ .v-banner--density-compact:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-compact.v-banner--two-line .v-banner-actions, .v-banner--density-compact.v-banner--three-line .v-banner-actions {
26190
+ margin-top: 12px;
26179
26191
  }
26180
26192
 
26181
- .v-selection-control__wrapper {
26182
- width: var(--v-selection-control-size);
26183
- height: var(--v-selection-control-size);
26184
- display: inline-flex;
26185
- align-items: center;
26186
- position: relative;
26187
- justify-content: center;
26188
- flex: none;
26193
+ .v-banner--sticky {
26194
+ top: 0;
26195
+ z-index: 1;
26189
26196
  }
26190
26197
 
26191
- .v-selection-control__input {
26192
- width: var(--v-selection-control-size);
26193
- height: var(--v-selection-control-size);
26198
+ .v-banner__content {
26194
26199
  align-items: center;
26195
26200
  display: flex;
26196
- flex: none;
26197
- justify-content: center;
26198
- position: relative;
26199
- border-radius: 50%;
26201
+ grid-area: content;
26200
26202
  }
26201
- .v-selection-control__input input {
26202
- cursor: pointer;
26203
- position: absolute;
26204
- left: 0;
26205
- top: 0;
26206
- width: 100%;
26207
- height: 100%;
26208
- opacity: 0;
26203
+
26204
+ .v-banner__prepend {
26205
+ align-self: flex-start;
26206
+ grid-area: prepend;
26207
+ margin-inline-end: 24px;
26209
26208
  }
26210
- .v-selection-control__input::before {
26211
- border-radius: 100%;
26212
- background-color: currentColor;
26213
- opacity: 0;
26214
- pointer-events: none;
26209
+
26210
+ .v-banner-actions {
26211
+ align-self: flex-end;
26212
+ display: flex;
26213
+ flex: 0 1;
26214
+ grid-area: actions;
26215
+ justify-content: flex-end;
26215
26216
  }
26216
- .v-selection-control__input::before {
26217
- content: "";
26218
- position: absolute;
26219
- top: 0;
26220
- left: 0;
26221
- width: 100%;
26222
- height: 100%;
26217
+ .v-banner--two-line .v-banner-actions, .v-banner--three-line .v-banner-actions {
26218
+ margin-top: 20px;
26223
26219
  }
26224
- .v-selection-control__input:hover::before {
26225
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
26220
+
26221
+ .v-banner-text {
26222
+ -webkit-box-orient: vertical;
26223
+ display: -webkit-box;
26224
+ padding-inline-end: 90px;
26225
+ overflow: hidden;
26226
26226
  }
26227
- .v-selection-control__input > .v-icon {
26228
- opacity: var(--v-medium-emphasis-opacity);
26227
+ .v-banner--one-line .v-banner-text {
26228
+ -webkit-line-clamp: 1;
26229
26229
  }
26230
- .v-selection-control--disabled .v-selection-control__input > .v-icon, .v-selection-control--dirty .v-selection-control__input > .v-icon, .v-selection-control--error .v-selection-control__input > .v-icon {
26231
- opacity: 1;
26230
+ .v-banner--two-line .v-banner-text {
26231
+ -webkit-line-clamp: 2;
26232
26232
  }
26233
- .v-selection-control--error:not(.v-selection-control--disabled) .v-selection-control__input > .v-icon {
26234
- color: rgb(var(--v-theme-error));
26233
+ .v-banner--three-line .v-banner-text {
26234
+ -webkit-line-clamp: 3;
26235
26235
  }
26236
- .v-selection-control--focus-visible .v-selection-control__input::before {
26237
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
26236
+ .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
26237
+ align-self: flex-start;
26238
26238
  }.v-color-picker-canvas {
26239
26239
  display: flex;
26240
26240
  position: relative;
@@ -26257,34 +26257,6 @@ html.v-overlay-scroll-blocked {
26257
26257
  }
26258
26258
  .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
26259
26259
  will-change: transform;
26260
- }.v-color-picker-edit {
26261
- display: flex;
26262
- margin-top: 24px;
26263
- }
26264
-
26265
- .v-color-picker-edit__input {
26266
- width: 100%;
26267
- display: flex;
26268
- flex-wrap: wrap;
26269
- justify-content: center;
26270
- text-align: center;
26271
- }
26272
- .v-color-picker-edit__input:not(:last-child) {
26273
- margin-inline-end: 8px;
26274
- }
26275
- .v-color-picker-edit__input input {
26276
- border-radius: 4px;
26277
- margin-bottom: 8px;
26278
- min-width: 0;
26279
- outline: none;
26280
- text-align: center;
26281
- width: 100%;
26282
- height: 32px;
26283
- background: rgba(var(--v-theme-surface-variant), 0.2);
26284
- color: rgba(var(--v-theme-on-surface));
26285
- }
26286
- .v-color-picker-edit__input span {
26287
- font-size: 0.75rem;
26288
26260
  }.v-color-picker-preview__alpha .v-slider-track__background {
26289
26261
  background-color: transparent !important;
26290
26262
  }
@@ -26390,6 +26362,34 @@ html.v-overlay-scroll-blocked {
26390
26362
  justify-content: center;
26391
26363
  width: 100%;
26392
26364
  height: 100%;
26365
+ }.v-color-picker-edit {
26366
+ display: flex;
26367
+ margin-top: 24px;
26368
+ }
26369
+
26370
+ .v-color-picker-edit__input {
26371
+ width: 100%;
26372
+ display: flex;
26373
+ flex-wrap: wrap;
26374
+ justify-content: center;
26375
+ text-align: center;
26376
+ }
26377
+ .v-color-picker-edit__input:not(:last-child) {
26378
+ margin-inline-end: 8px;
26379
+ }
26380
+ .v-color-picker-edit__input input {
26381
+ border-radius: 4px;
26382
+ margin-bottom: 8px;
26383
+ min-width: 0;
26384
+ outline: none;
26385
+ text-align: center;
26386
+ width: 100%;
26387
+ height: 32px;
26388
+ background: rgba(var(--v-theme-surface-variant), 0.2);
26389
+ color: rgba(var(--v-theme-on-surface));
26390
+ }
26391
+ .v-color-picker-edit__input span {
26392
+ font-size: 0.75rem;
26393
26393
  }.v-picker.v-sheet {
26394
26394
  display: grid;
26395
26395
  grid-auto-rows: min-content;