vuetify 3.4.0-beta.1 → 3.4.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.
Files changed (41) hide show
  1. package/dist/json/attributes.json +275 -299
  2. package/dist/json/importMap.json +110 -110
  3. package/dist/json/tags.json +1 -7
  4. package/dist/json/web-types.json +577 -735
  5. package/dist/vuetify-labs.css +1149 -1151
  6. package/dist/vuetify-labs.d.ts +41 -134
  7. package/dist/vuetify-labs.esm.js +18 -14
  8. package/dist/vuetify-labs.esm.js.map +1 -1
  9. package/dist/vuetify-labs.js +18 -14
  10. package/dist/vuetify-labs.min.css +2 -2
  11. package/dist/vuetify.css +490 -492
  12. package/dist/vuetify.d.ts +74 -167
  13. package/dist/vuetify.esm.js +18 -14
  14. package/dist/vuetify.esm.js.map +1 -1
  15. package/dist/vuetify.js +18 -14
  16. package/dist/vuetify.js.map +1 -1
  17. package/dist/vuetify.min.css +2 -2
  18. package/dist/vuetify.min.js +12 -12
  19. package/dist/vuetify.min.js.map +1 -1
  20. package/lib/components/VBtn/VBtn.css +0 -1
  21. package/lib/components/VBtn/_variables.scss +1 -1
  22. package/lib/components/VBtnGroup/VBtnGroup.css +0 -1
  23. package/lib/components/VDataTable/VDataTableServer.mjs +2 -2
  24. package/lib/components/VDataTable/VDataTableServer.mjs.map +1 -1
  25. package/lib/components/VDataTable/VDataTableVirtual.mjs +2 -2
  26. package/lib/components/VDataTable/VDataTableVirtual.mjs.map +1 -1
  27. package/lib/components/VDataTable/index.d.mts +24 -24
  28. package/lib/components/VGrid/VSpacer.mjs +3 -0
  29. package/lib/components/VGrid/VSpacer.mjs.map +1 -1
  30. package/lib/components/VStepper/VStepperWindow.mjs +8 -6
  31. package/lib/components/VStepper/VStepperWindow.mjs.map +1 -1
  32. package/lib/components/VStepper/VStepperWindowItem.mjs +3 -1
  33. package/lib/components/VStepper/VStepperWindowItem.mjs.map +1 -1
  34. package/lib/components/VStepper/index.d.mts +18 -140
  35. package/lib/components/index.d.mts +41 -134
  36. package/lib/entry-bundler.mjs +1 -1
  37. package/lib/entry-bundler.mjs.map +1 -1
  38. package/lib/framework.mjs +1 -1
  39. package/lib/framework.mjs.map +1 -1
  40. package/lib/index.d.mts +33 -33
  41. package/package.json +3 -3
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.4.0-beta.1
2
+ * Vuetify v3.4.0
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17270,87 +17270,6 @@ html.overflow-y-hidden {
17270
17270
  text-transform: none;
17271
17271
  word-break: normal;
17272
17272
  word-wrap: break-word;
17273
- }.v-autocomplete .v-field .v-text-field__prefix,
17274
- .v-autocomplete .v-field .v-text-field__suffix,
17275
- .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17276
- cursor: text;
17277
- }
17278
- .v-autocomplete .v-field .v-field__input > input {
17279
- flex: 1 1;
17280
- }
17281
- .v-autocomplete .v-field input {
17282
- min-width: 64px;
17283
- }
17284
- .v-autocomplete .v-field:not(.v-field--focused) input {
17285
- min-width: 0;
17286
- }
17287
- .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17288
- margin-inline-end: 2px;
17289
- }
17290
- .v-autocomplete .v-autocomplete__selection-text {
17291
- overflow: hidden;
17292
- text-overflow: ellipsis;
17293
- white-space: nowrap;
17294
- }
17295
-
17296
- .v-autocomplete__content {
17297
- overflow: hidden;
17298
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17299
- border-radius: 4px;
17300
- }
17301
- .v-autocomplete__mask {
17302
- background: rgb(var(--v-theme-on-surface-variant));
17303
- }
17304
- .v-autocomplete__selection {
17305
- display: inline-flex;
17306
- align-items: center;
17307
- height: 1.5rem;
17308
- letter-spacing: inherit;
17309
- line-height: inherit;
17310
- max-width: calc(100% - 2px);
17311
- }
17312
- .v-autocomplete__selection:first-child {
17313
- margin-inline-start: 0;
17314
- }
17315
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17316
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17317
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17318
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17319
- top: 0px;
17320
- }
17321
- .v-autocomplete--selecting-index .v-autocomplete__selection {
17322
- opacity: var(--v-medium-emphasis-opacity);
17323
- }
17324
- .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17325
- opacity: 1;
17326
- }
17327
- .v-autocomplete--selecting-index .v-field__input > input {
17328
- caret-color: transparent;
17329
- }
17330
- .v-autocomplete--single.v-text-field input {
17331
- flex: 1 1;
17332
- position: absolute;
17333
- left: 0;
17334
- right: 0;
17335
- width: 100%;
17336
- padding-inline: inherit;
17337
- }
17338
- .v-autocomplete--single .v-field--active input {
17339
- transition: none;
17340
- }
17341
- .v-autocomplete--single .v-field--dirty:not(.v-field--focused) input {
17342
- opacity: 0;
17343
- }
17344
- .v-autocomplete--single .v-field--focused .v-autocomplete__selection {
17345
- opacity: 0;
17346
- }
17347
- .v-autocomplete__menu-icon {
17348
- margin-inline-start: 4px;
17349
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17350
- }
17351
- .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17352
- opacity: var(--v-high-emphasis-opacity);
17353
- transform: rotate(180deg);
17354
17273
  }.v-avatar {
17355
17274
  flex: none;
17356
17275
  align-items: center;
@@ -17438,77 +17357,6 @@ html.overflow-y-hidden {
17438
17357
  .v-avatar .v-img {
17439
17358
  height: 100%;
17440
17359
  width: 100%;
17441
- }.v-badge {
17442
- display: inline-block;
17443
- line-height: 1;
17444
- }
17445
-
17446
- .v-badge__badge {
17447
- align-items: center;
17448
- display: inline-flex;
17449
- border-radius: 10px;
17450
- font-size: 0.75rem;
17451
- font-weight: 500;
17452
- height: 1.25rem;
17453
- justify-content: center;
17454
- min-width: 20px;
17455
- padding: 4px 6px;
17456
- pointer-events: auto;
17457
- position: absolute;
17458
- text-align: center;
17459
- text-indent: 0;
17460
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
17461
- white-space: nowrap;
17462
- background: rgb(var(--v-theme-surface-variant));
17463
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
17464
- }
17465
- .v-badge--bordered .v-badge__badge::after {
17466
- border-radius: inherit;
17467
- border-style: solid;
17468
- border-width: 2px;
17469
- bottom: 0;
17470
- color: rgb(var(--v-theme-background));
17471
- content: "";
17472
- left: 0;
17473
- position: absolute;
17474
- right: 0;
17475
- top: 0;
17476
- transform: scale(1.05);
17477
- }
17478
- .v-badge--dot .v-badge__badge {
17479
- border-radius: 4.5px;
17480
- height: 9px;
17481
- min-width: 0;
17482
- padding: 0;
17483
- width: 9px;
17484
- }
17485
- .v-badge--dot .v-badge__badge::after {
17486
- border-width: 1.5px;
17487
- }
17488
- .v-badge--inline .v-badge__badge {
17489
- position: relative;
17490
- vertical-align: middle;
17491
- }
17492
- .v-badge__badge .v-icon {
17493
- color: inherit;
17494
- font-size: 0.75rem;
17495
- margin: 0 -2px;
17496
- }
17497
- .v-badge__badge img,
17498
- .v-badge__badge .v-img {
17499
- height: 100%;
17500
- width: 100%;
17501
- }
17502
-
17503
- .v-badge__wrapper {
17504
- display: flex;
17505
- position: relative;
17506
- }
17507
- .v-badge--inline .v-badge__wrapper {
17508
- align-items: center;
17509
- display: inline-flex;
17510
- justify-content: center;
17511
- margin: 0 4px;
17512
17360
  }.v-banner {
17513
17361
  display: grid;
17514
17362
  flex: 1 1;
@@ -17666,76 +17514,228 @@ html.overflow-y-hidden {
17666
17514
  }
17667
17515
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
17668
17516
  align-self: flex-start;
17669
- }.v-bottom-navigation {
17670
- display: flex;
17671
- max-width: 100%;
17672
- overflow: hidden;
17673
- position: absolute;
17674
- transition: transform, color 0.2s, 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17675
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17676
- border-style: solid;
17677
- border-width: 0;
17678
- border-radius: 0;
17679
- background: rgb(var(--v-theme-surface));
17680
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17517
+ }.v-autocomplete .v-field .v-text-field__prefix,
17518
+ .v-autocomplete .v-field .v-text-field__suffix,
17519
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17520
+ cursor: text;
17681
17521
  }
17682
- .v-bottom-navigation--border {
17683
- border-width: thin;
17684
- box-shadow: none;
17522
+ .v-autocomplete .v-field .v-field__input > input {
17523
+ flex: 1 1;
17685
17524
  }
17686
- .v-bottom-navigation--active {
17687
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17525
+ .v-autocomplete .v-field input {
17526
+ min-width: 64px;
17527
+ }
17528
+ .v-autocomplete .v-field:not(.v-field--focused) input {
17529
+ min-width: 0;
17530
+ }
17531
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17532
+ margin-inline-end: 2px;
17533
+ }
17534
+ .v-autocomplete .v-autocomplete__selection-text {
17535
+ overflow: hidden;
17536
+ text-overflow: ellipsis;
17537
+ white-space: nowrap;
17688
17538
  }
17689
17539
 
17690
- .v-bottom-navigation__content {
17691
- display: flex;
17692
- flex: none;
17693
- font-size: 0.75rem;
17694
- justify-content: center;
17695
- transition: inherit;
17696
- width: 100%;
17540
+ .v-autocomplete__content {
17541
+ overflow: hidden;
17542
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17543
+ border-radius: 4px;
17697
17544
  }
17698
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
17699
- font-size: inherit;
17700
- height: 100%;
17701
- max-width: 168px;
17702
- min-width: 80px;
17703
- text-transform: none;
17704
- transition: inherit;
17705
- width: auto;
17706
- border-radius: 0;
17545
+ .v-autocomplete__mask {
17546
+ background: rgb(var(--v-theme-on-surface-variant));
17707
17547
  }
17708
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
17709
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
17710
- transition: inherit;
17548
+ .v-autocomplete__selection {
17549
+ display: inline-flex;
17550
+ align-items: center;
17551
+ height: 1.5rem;
17552
+ letter-spacing: inherit;
17553
+ line-height: inherit;
17554
+ max-width: calc(100% - 2px);
17711
17555
  }
17712
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
17713
- font-size: 1.5rem;
17556
+ .v-autocomplete__selection:first-child {
17557
+ margin-inline-start: 0;
17714
17558
  }
17715
- .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
17716
- flex-grow: 1;
17559
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17560
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17561
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17562
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17563
+ top: 0px;
17717
17564
  }
17718
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
17719
- transition: inherit;
17720
- opacity: 0;
17565
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
17566
+ opacity: var(--v-medium-emphasis-opacity);
17721
17567
  }
17722
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
17723
- transform: translateY(0.5rem);
17724
- }.bottom-sheet-transition-enter-from {
17725
- transform: translateY(100%);
17568
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17569
+ opacity: 1;
17726
17570
  }
17727
- .bottom-sheet-transition-leave-to {
17728
- transform: translateY(100%);
17571
+ .v-autocomplete--selecting-index .v-field__input > input {
17572
+ caret-color: transparent;
17729
17573
  }
17730
-
17731
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
17732
- align-self: flex-end;
17733
- border-radius: 0;
17734
- flex: 0 1 auto;
17574
+ .v-autocomplete--single.v-text-field input {
17575
+ flex: 1 1;
17576
+ position: absolute;
17735
17577
  left: 0;
17736
17578
  right: 0;
17737
- margin-inline: 0;
17738
- margin-bottom: 0;
17579
+ width: 100%;
17580
+ padding-inline: inherit;
17581
+ }
17582
+ .v-autocomplete--single .v-field--active input {
17583
+ transition: none;
17584
+ }
17585
+ .v-autocomplete--single .v-field--dirty:not(.v-field--focused) input {
17586
+ opacity: 0;
17587
+ }
17588
+ .v-autocomplete--single .v-field--focused .v-autocomplete__selection {
17589
+ opacity: 0;
17590
+ }
17591
+ .v-autocomplete__menu-icon {
17592
+ margin-inline-start: 4px;
17593
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17594
+ }
17595
+ .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17596
+ opacity: var(--v-high-emphasis-opacity);
17597
+ transform: rotate(180deg);
17598
+ }.v-badge {
17599
+ display: inline-block;
17600
+ line-height: 1;
17601
+ }
17602
+
17603
+ .v-badge__badge {
17604
+ align-items: center;
17605
+ display: inline-flex;
17606
+ border-radius: 10px;
17607
+ font-size: 0.75rem;
17608
+ font-weight: 500;
17609
+ height: 1.25rem;
17610
+ justify-content: center;
17611
+ min-width: 20px;
17612
+ padding: 4px 6px;
17613
+ pointer-events: auto;
17614
+ position: absolute;
17615
+ text-align: center;
17616
+ text-indent: 0;
17617
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
17618
+ white-space: nowrap;
17619
+ background: rgb(var(--v-theme-surface-variant));
17620
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
17621
+ }
17622
+ .v-badge--bordered .v-badge__badge::after {
17623
+ border-radius: inherit;
17624
+ border-style: solid;
17625
+ border-width: 2px;
17626
+ bottom: 0;
17627
+ color: rgb(var(--v-theme-background));
17628
+ content: "";
17629
+ left: 0;
17630
+ position: absolute;
17631
+ right: 0;
17632
+ top: 0;
17633
+ transform: scale(1.05);
17634
+ }
17635
+ .v-badge--dot .v-badge__badge {
17636
+ border-radius: 4.5px;
17637
+ height: 9px;
17638
+ min-width: 0;
17639
+ padding: 0;
17640
+ width: 9px;
17641
+ }
17642
+ .v-badge--dot .v-badge__badge::after {
17643
+ border-width: 1.5px;
17644
+ }
17645
+ .v-badge--inline .v-badge__badge {
17646
+ position: relative;
17647
+ vertical-align: middle;
17648
+ }
17649
+ .v-badge__badge .v-icon {
17650
+ color: inherit;
17651
+ font-size: 0.75rem;
17652
+ margin: 0 -2px;
17653
+ }
17654
+ .v-badge__badge img,
17655
+ .v-badge__badge .v-img {
17656
+ height: 100%;
17657
+ width: 100%;
17658
+ }
17659
+
17660
+ .v-badge__wrapper {
17661
+ display: flex;
17662
+ position: relative;
17663
+ }
17664
+ .v-badge--inline .v-badge__wrapper {
17665
+ align-items: center;
17666
+ display: inline-flex;
17667
+ justify-content: center;
17668
+ margin: 0 4px;
17669
+ }.v-bottom-navigation {
17670
+ display: flex;
17671
+ max-width: 100%;
17672
+ overflow: hidden;
17673
+ position: absolute;
17674
+ transition: transform, color 0.2s, 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17675
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17676
+ border-style: solid;
17677
+ border-width: 0;
17678
+ border-radius: 0;
17679
+ background: rgb(var(--v-theme-surface));
17680
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17681
+ }
17682
+ .v-bottom-navigation--border {
17683
+ border-width: thin;
17684
+ box-shadow: none;
17685
+ }
17686
+ .v-bottom-navigation--active {
17687
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17688
+ }
17689
+
17690
+ .v-bottom-navigation__content {
17691
+ display: flex;
17692
+ flex: none;
17693
+ font-size: 0.75rem;
17694
+ justify-content: center;
17695
+ transition: inherit;
17696
+ width: 100%;
17697
+ }
17698
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
17699
+ font-size: inherit;
17700
+ height: 100%;
17701
+ max-width: 168px;
17702
+ min-width: 80px;
17703
+ text-transform: none;
17704
+ transition: inherit;
17705
+ width: auto;
17706
+ border-radius: 0;
17707
+ }
17708
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
17709
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
17710
+ transition: inherit;
17711
+ }
17712
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
17713
+ font-size: 1.5rem;
17714
+ }
17715
+ .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
17716
+ flex-grow: 1;
17717
+ }
17718
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
17719
+ transition: inherit;
17720
+ opacity: 0;
17721
+ }
17722
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
17723
+ transform: translateY(0.5rem);
17724
+ }.bottom-sheet-transition-enter-from {
17725
+ transform: translateY(100%);
17726
+ }
17727
+ .bottom-sheet-transition-leave-to {
17728
+ transform: translateY(100%);
17729
+ }
17730
+
17731
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
17732
+ align-self: flex-end;
17733
+ border-radius: 0;
17734
+ flex: 0 1 auto;
17735
+ left: 0;
17736
+ right: 0;
17737
+ margin-inline: 0;
17738
+ margin-bottom: 0;
17739
17739
  transition-duration: 0.2s;
17740
17740
  width: 100%;
17741
17741
  max-width: 100%;
@@ -17810,8 +17810,20 @@ html.overflow-y-hidden {
17810
17810
  display: inline-block;
17811
17811
  padding: 0 8px;
17812
17812
  vertical-align: middle;
17813
- }/** if false, disabled buttons will be greyed out */
17814
- .v-btn {
17813
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
17814
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
17815
+ }
17816
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
17817
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
17818
+ }
17819
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
17820
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
17821
+ }
17822
+ @supports not selector(:focus-visible) {
17823
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
17824
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
17825
+ }
17826
+ }.v-btn {
17815
17827
  align-items: center;
17816
17828
  border-radius: 4px;
17817
17829
  display: inline-grid;
@@ -18211,8 +18223,7 @@ html.overflow-y-hidden {
18211
18223
  }
18212
18224
  .v-pagination__item--is-active .v-btn__overlay {
18213
18225
  opacity: var(--v-border-opacity);
18214
- }/** if false, disabled buttons will be greyed out */
18215
- .v-btn-group {
18226
+ }.v-btn-group {
18216
18227
  display: inline-flex;
18217
18228
  flex-wrap: nowrap;
18218
18229
  max-width: 100%;
@@ -18268,19 +18279,68 @@ html.overflow-y-hidden {
18268
18279
  }
18269
18280
  .v-btn-group--tile {
18270
18281
  border-radius: 0;
18271
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18272
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18282
+ }.v-carousel {
18283
+ overflow: hidden;
18284
+ position: relative;
18285
+ width: 100%;
18273
18286
  }
18274
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18275
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18287
+ .v-carousel__controls {
18288
+ align-items: center;
18289
+ background: rgba(var(--v-theme-surface-variant), 0.3);
18290
+ bottom: 0;
18291
+ display: flex;
18292
+ height: 50px;
18293
+ justify-content: center;
18294
+ list-style-type: none;
18295
+ position: absolute;
18296
+ width: 100%;
18297
+ z-index: 1;
18276
18298
  }
18277
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18278
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18299
+ .v-carousel__controls > .v-item-group {
18300
+ flex: 0 1 auto;
18279
18301
  }
18280
- @supports not selector(:focus-visible) {
18281
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18282
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18283
- }
18302
+ .v-carousel__controls__item {
18303
+ margin: 0 8px;
18304
+ }
18305
+ .v-carousel__controls__item .v-icon {
18306
+ opacity: 0.5;
18307
+ }
18308
+ .v-carousel__controls__item--active .v-icon {
18309
+ opacity: 1;
18310
+ vertical-align: middle;
18311
+ }
18312
+ .v-carousel__controls__item:hover {
18313
+ background: none;
18314
+ }
18315
+ .v-carousel__controls__item:hover .v-icon {
18316
+ opacity: 0.8;
18317
+ }
18318
+
18319
+ .v-carousel__progress {
18320
+ margin: 0;
18321
+ position: absolute;
18322
+ bottom: 0;
18323
+ left: 0;
18324
+ right: 0;
18325
+ }
18326
+
18327
+ .v-carousel-item {
18328
+ display: block;
18329
+ height: inherit;
18330
+ text-decoration: none;
18331
+ }
18332
+ .v-carousel-item > .v-img {
18333
+ height: inherit;
18334
+ }
18335
+
18336
+ .v-carousel--hide-delimiter-background .v-carousel__controls {
18337
+ background: transparent;
18338
+ }
18339
+
18340
+ .v-carousel--vertical-delimiters .v-carousel__controls {
18341
+ flex-direction: column;
18342
+ height: 100% !important;
18343
+ width: 50px;
18284
18344
  }.v-card {
18285
18345
  display: block;
18286
18346
  overflow: hidden;
@@ -18573,77 +18633,13 @@ html.overflow-y-hidden {
18573
18633
  pointer-events: none;
18574
18634
  opacity: 0;
18575
18635
  transition: opacity 0.2s ease-in-out;
18576
- }.v-carousel {
18577
- overflow: hidden;
18578
- position: relative;
18579
- width: 100%;
18580
- }
18581
- .v-carousel__controls {
18582
- align-items: center;
18583
- background: rgba(var(--v-theme-surface-variant), 0.3);
18584
- bottom: 0;
18585
- display: flex;
18586
- height: 50px;
18587
- justify-content: center;
18588
- list-style-type: none;
18589
- position: absolute;
18590
- width: 100%;
18591
- z-index: 1;
18592
- }
18593
- .v-carousel__controls > .v-item-group {
18594
- flex: 0 1 auto;
18595
- }
18596
- .v-carousel__controls__item {
18597
- margin: 0 8px;
18598
- }
18599
- .v-carousel__controls__item .v-icon {
18600
- opacity: 0.5;
18601
- }
18602
- .v-carousel__controls__item--active .v-icon {
18603
- opacity: 1;
18604
- vertical-align: middle;
18605
- }
18606
- .v-carousel__controls__item:hover {
18607
- background: none;
18608
- }
18609
- .v-carousel__controls__item:hover .v-icon {
18610
- opacity: 0.8;
18611
- }
18612
-
18613
- .v-carousel__progress {
18614
- margin: 0;
18615
- position: absolute;
18616
- bottom: 0;
18617
- left: 0;
18618
- right: 0;
18619
- }
18620
-
18621
- .v-carousel-item {
18622
- display: block;
18623
- height: inherit;
18624
- text-decoration: none;
18625
- }
18626
- .v-carousel-item > .v-img {
18627
- height: inherit;
18628
- }
18629
-
18630
- .v-carousel--hide-delimiter-background .v-carousel__controls {
18631
- background: transparent;
18632
- }
18633
-
18634
- .v-carousel--vertical-delimiters .v-carousel__controls {
18635
- flex-direction: column;
18636
- height: 100% !important;
18637
- width: 50px;
18638
- }.v-checkbox .v-selection-control {
18639
- min-height: var(--v-input-control-height);
18640
- }.v-chip {
18641
- align-items: center;
18642
- cursor: default;
18643
- display: inline-flex;
18644
- font-weight: 400;
18645
- max-width: 100%;
18646
- min-width: 0;
18636
+ }.v-chip {
18637
+ align-items: center;
18638
+ cursor: default;
18639
+ display: inline-flex;
18640
+ font-weight: 400;
18641
+ max-width: 100%;
18642
+ min-width: 0;
18647
18643
  overflow: hidden;
18648
18644
  position: relative;
18649
18645
  text-decoration: none;
@@ -19045,24 +19041,8 @@ html.overflow-y-hidden {
19045
19041
 
19046
19042
  .v-chip--label {
19047
19043
  border-radius: 4px;
19048
- }.v-chip-group {
19049
- display: flex;
19050
- max-width: 100%;
19051
- min-width: 0;
19052
- overflow-x: auto;
19053
- padding: 4px 0;
19054
- flex-wrap: wrap;
19055
- }
19056
- .v-chip-group .v-chip {
19057
- margin: 4px 8px 4px 0;
19058
- }
19059
- .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
19060
- opacity: var(--v-activated-opacity);
19061
- }
19062
-
19063
- .v-chip-group--column {
19064
- flex-wrap: wrap;
19065
- white-space: normal;
19044
+ }.v-checkbox .v-selection-control {
19045
+ min-height: var(--v-input-control-height);
19066
19046
  }.v-color-picker {
19067
19047
  align-self: flex-start;
19068
19048
  contain: content;
@@ -19083,6 +19063,24 @@ html.overflow-y-hidden {
19083
19063
  }
19084
19064
  .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
19085
19065
  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));
19066
+ }.v-chip-group {
19067
+ display: flex;
19068
+ max-width: 100%;
19069
+ min-width: 0;
19070
+ overflow-x: auto;
19071
+ padding: 4px 0;
19072
+ flex-wrap: wrap;
19073
+ }
19074
+ .v-chip-group .v-chip {
19075
+ margin: 4px 8px 4px 0;
19076
+ }
19077
+ .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
19078
+ opacity: var(--v-activated-opacity);
19079
+ }
19080
+
19081
+ .v-chip-group--column {
19082
+ flex-wrap: wrap;
19083
+ white-space: normal;
19086
19084
  }.v-container {
19087
19085
  width: 100%;
19088
19086
  padding: 16px;
@@ -19841,260 +19839,102 @@ html.overflow-y-hidden {
19841
19839
  flex: 0 1 auto;
19842
19840
  font-size: 12px;
19843
19841
  transition-duration: 150ms;
19844
- }.v-data-table {
19845
- width: 100%;
19846
- }
19847
-
19848
- .v-data-table__table {
19849
- width: 100%;
19850
- border-collapse: separate;
19851
- border-spacing: 0;
19842
+ }.v-date-picker-controls {
19843
+ display: flex;
19844
+ align-items: center;
19845
+ justify-content: space-between;
19846
+ font-size: 0.875rem;
19847
+ padding-top: 4px;
19848
+ padding-bottom: 4px;
19849
+ padding-inline-start: 6px;
19850
+ padding-inline-end: 12px;
19852
19851
  }
19853
-
19854
- .v-data-table__tr--focus {
19855
- border: 1px dotted black;
19852
+ .v-date-picker-controls > .v-btn:first-child {
19853
+ text-transform: none;
19854
+ font-weight: 400;
19855
+ line-height: initial;
19856
+ letter-spacing: initial;
19856
19857
  }
19857
- .v-data-table__tr--clickable {
19858
- cursor: pointer;
19858
+ .v-date-picker-controls--variant-classic {
19859
+ padding-inline-start: 12px;
19859
19860
  }
19860
-
19861
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
19862
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
19863
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
19864
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
19865
- text-align: end;
19861
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
19862
+ opacity: 0.7;
19866
19863
  }
19867
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
19868
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
19869
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
19870
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
19871
- flex-direction: row-reverse;
19864
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
19865
+ cursor: pointer;
19872
19866
  }
19873
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
19874
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
19875
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
19876
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
19877
- text-align: center;
19867
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
19868
+ opacity: 1;
19878
19869
  }
19879
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
19880
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
19881
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
19882
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
19883
- justify-content: center;
19870
+ .v-date-picker-controls .v-btn:last-child {
19871
+ margin-inline-start: 4px;
19884
19872
  }
19885
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
19886
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
19887
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
19888
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
19889
- padding: 0 8px;
19873
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
19874
+ transform: rotate(180deg);
19890
19875
  }
19891
- .v-data-table .v-table__wrapper > table > thead > tr > th,
19892
- .v-data-table .v-table__wrapper > table tbody > tr > th {
19893
- align-items: center;
19876
+
19877
+ .v-date-picker-controls__date {
19878
+ margin-inline-end: 4px;
19894
19879
  }
19895
- .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--fixed,
19896
- .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--fixed {
19897
- position: sticky;
19880
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
19881
+ margin: auto;
19882
+ text-align: center;
19898
19883
  }
19899
- .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
19900
- .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
19901
- cursor: pointer;
19902
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19884
+
19885
+ .v-date-picker-controls__month {
19886
+ display: flex;
19903
19887
  }
19904
- .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
19905
- .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
19906
- opacity: 0;
19888
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
19889
+ flex-direction: row-reverse;
19907
19890
  }
19908
- .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon,
19909
- .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon {
19910
- opacity: 0.5;
19891
+
19892
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
19893
+ flex: 1 0 auto;
19911
19894
  }
19912
19895
 
19913
- .v-data-table-column--fixed {
19914
- background: rgb(var(--v-theme-surface));
19915
- position: sticky !important;
19916
- left: 0;
19917
- z-index: 1;
19896
+ .v-date-picker__title {
19897
+ display: inline-block;
19898
+ }.v-date-picker__input {
19899
+ padding-top: 16px;
19900
+ padding-left: 24px;
19901
+ padding-right: 24px;
19918
19902
  }
19919
19903
 
19920
- .v-data-table-column--last-fixed {
19921
- border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
19904
+ .v-date-picker {
19905
+ overflow: hidden;
19922
19906
  }
19923
19907
 
19924
- .v-data-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th.v-data-table-column--fixed {
19925
- z-index: 2;
19908
+ .v-date-picker-month {
19909
+ padding: 0 12px 12px;
19926
19910
  }
19927
19911
 
19928
- .v-data-table-group-header-row td {
19929
- background: rgba(var(--v-theme-surface));
19930
- color: rgba(var(--v-theme-on-surface));
19912
+ .v-date-picker-month__day {
19913
+ height: 48px;
19914
+ width: 48px;
19931
19915
  }
19932
- .v-data-table-group-header-row td > span {
19933
- padding-left: 5px;
19916
+ .v-date-picker-month__day .v-btn {
19917
+ --v-btn-height: 28px;
19918
+ --v-btn-size: 0.85rem;
19919
+ }.v-date-picker-header {
19920
+ display: grid;
19921
+ grid-template-areas: "prepend content append";
19922
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
19923
+ overflow: hidden;
19924
+ padding-inline: 24px 12px;
19925
+ padding-bottom: 12px;
19934
19926
  }
19935
19927
 
19936
- .v-data-table--loading .v-data-table__td {
19937
- opacity: 0.3;
19928
+ .v-date-picker-header__append {
19929
+ grid-area: append;
19938
19930
  }
19939
19931
 
19940
- .v-data-table-group-header-row__column {
19941
- padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
19932
+ .v-date-picker-header__prepend {
19933
+ grid-area: prepend;
19934
+ padding-inline-start: 8px;
19942
19935
  }
19943
19936
 
19944
- .v-data-table-header__content {
19945
- display: flex;
19946
- align-items: center;
19947
- }
19948
-
19949
- .v-data-table-header__sort-badge {
19950
- display: inline-flex;
19951
- justify-content: center;
19952
- align-items: center;
19953
- font-size: 0.875rem;
19954
- padding: 4px;
19955
- border-radius: 50%;
19956
- background: rgba(var(--v-border-color), var(--v-border-opacity));
19957
- min-width: 20px;
19958
- min-height: 20px;
19959
- width: 20px;
19960
- height: 20px;
19961
- }
19962
-
19963
- .v-data-table-progress > th {
19964
- border: none !important;
19965
- height: auto !important;
19966
- padding: 0 !important;
19967
- }
19968
-
19969
- .v-data-table-rows-loading,
19970
- .v-data-table-rows-no-data {
19971
- text-align: center;
19972
- }.v-data-table-footer {
19973
- display: flex;
19974
- align-items: center;
19975
- flex-wrap: wrap;
19976
- padding: 0 8px;
19977
- justify-content: flex-end;
19978
- }
19979
-
19980
- .v-data-table-footer__items-per-page {
19981
- padding-inline-end: 24px;
19982
- display: flex;
19983
- align-items: center;
19984
- justify-content: space-between;
19985
- }
19986
- .v-data-table-footer__items-per-page > span {
19987
- padding-inline-end: 24px;
19988
- }
19989
-
19990
- .v-data-table-footer__info {
19991
- display: flex;
19992
- padding-inline-end: 24px;
19993
- }
19994
-
19995
- .v-data-table-footer__pagination {
19996
- display: flex;
19997
- align-items: center;
19998
- }
19999
-
20000
- .v-data-table-footer__page {
20001
- padding: 0 8px;
20002
- }.v-date-picker__input {
20003
- padding-top: 16px;
20004
- padding-left: 24px;
20005
- padding-right: 24px;
20006
- }
20007
-
20008
- .v-date-picker {
20009
- overflow: hidden;
20010
- }
20011
-
20012
- .v-date-picker-month {
20013
- padding: 0 12px 12px;
20014
- }
20015
-
20016
- .v-date-picker-month__day {
20017
- height: 48px;
20018
- width: 48px;
20019
- }
20020
- .v-date-picker-month__day .v-btn {
20021
- --v-btn-height: 28px;
20022
- --v-btn-size: 0.85rem;
20023
- }.v-date-picker-controls {
20024
- display: flex;
20025
- align-items: center;
20026
- justify-content: space-between;
20027
- font-size: 0.875rem;
20028
- padding-top: 4px;
20029
- padding-bottom: 4px;
20030
- padding-inline-start: 6px;
20031
- padding-inline-end: 12px;
20032
- }
20033
- .v-date-picker-controls > .v-btn:first-child {
20034
- text-transform: none;
20035
- font-weight: 400;
20036
- line-height: initial;
20037
- letter-spacing: initial;
20038
- }
20039
- .v-date-picker-controls--variant-classic {
20040
- padding-inline-start: 12px;
20041
- }
20042
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20043
- opacity: 0.7;
20044
- }
20045
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20046
- cursor: pointer;
20047
- }
20048
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20049
- opacity: 1;
20050
- }
20051
- .v-date-picker-controls .v-btn:last-child {
20052
- margin-inline-start: 4px;
20053
- }
20054
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20055
- transform: rotate(180deg);
20056
- }
20057
-
20058
- .v-date-picker-controls__date {
20059
- margin-inline-end: 4px;
20060
- }
20061
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20062
- margin: auto;
20063
- text-align: center;
20064
- }
20065
-
20066
- .v-date-picker-controls__month {
20067
- display: flex;
20068
- }
20069
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20070
- flex-direction: row-reverse;
20071
- }
20072
-
20073
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20074
- flex: 1 0 auto;
20075
- }
20076
-
20077
- .v-date-picker__title {
20078
- display: inline-block;
20079
- }.v-date-picker-header {
20080
- display: grid;
20081
- grid-template-areas: "prepend content append";
20082
- grid-template-columns: min-content minmax(0, 1fr) min-content;
20083
- overflow: hidden;
20084
- padding-inline: 24px 12px;
20085
- padding-bottom: 12px;
20086
- }
20087
-
20088
- .v-date-picker-header__append {
20089
- grid-area: append;
20090
- }
20091
-
20092
- .v-date-picker-header__prepend {
20093
- grid-area: prepend;
20094
- padding-inline-start: 8px;
20095
- }
20096
-
20097
- .v-date-picker-header__content {
19937
+ .v-date-picker-header__content {
20098
19938
  align-items: center;
20099
19939
  display: inline-flex;
20100
19940
  font-size: 32px;
@@ -20137,26 +19977,6 @@ html.overflow-y-hidden {
20137
19977
  .date-picker-header-reverse-transition-leave-to {
20138
19978
  opacity: 0;
20139
19979
  transform: translate(0, 100%);
20140
- }.v-date-picker-months {
20141
- height: 320px;
20142
- overflow-y: scroll;
20143
- }
20144
-
20145
- .v-date-picker-months__content {
20146
- align-items: center;
20147
- display: grid;
20148
- flex: 1 1;
20149
- height: inherit;
20150
- justify-content: space-around;
20151
- grid-template-columns: repeat(2, 1fr);
20152
- grid-gap: 4px 24px;
20153
- padding-inline-start: 36px;
20154
- padding-inline-end: 36px;
20155
- }
20156
- .v-date-picker-months__content .v-btn {
20157
- text-transform: none;
20158
- padding-inline-start: 8px;
20159
- padding-inline-end: 8px;
20160
19980
  }.v-date-picker-month {
20161
19981
  display: flex;
20162
19982
  justify-content: center;
@@ -20206,6 +20026,26 @@ html.overflow-y-hidden {
20206
20026
 
20207
20027
  .v-date-picker-month__day--hide-adjacent {
20208
20028
  opacity: 0;
20029
+ }.v-date-picker-months {
20030
+ height: 320px;
20031
+ overflow-y: scroll;
20032
+ }
20033
+
20034
+ .v-date-picker-months__content {
20035
+ align-items: center;
20036
+ display: grid;
20037
+ flex: 1 1;
20038
+ height: inherit;
20039
+ justify-content: space-around;
20040
+ grid-template-columns: repeat(2, 1fr);
20041
+ grid-gap: 4px 24px;
20042
+ padding-inline-start: 36px;
20043
+ padding-inline-end: 36px;
20044
+ }
20045
+ .v-date-picker-months__content .v-btn {
20046
+ text-transform: none;
20047
+ padding-inline-start: 8px;
20048
+ padding-inline-end: 8px;
20209
20049
  }.v-date-picker-years {
20210
20050
  height: 320px;
20211
20051
  overflow-y: scroll;
@@ -20221,91 +20061,164 @@ html.overflow-y-hidden {
20221
20061
  }
20222
20062
  .v-date-picker-years__content .v-btn {
20223
20063
  padding-inline: 8px;
20224
- }.v-dialog {
20225
- align-items: center;
20064
+ }.v-data-table {
20065
+ width: 100%;
20066
+ }
20067
+
20068
+ .v-data-table__table {
20069
+ width: 100%;
20070
+ border-collapse: separate;
20071
+ border-spacing: 0;
20072
+ }
20073
+
20074
+ .v-data-table__tr--focus {
20075
+ border: 1px dotted black;
20076
+ }
20077
+ .v-data-table__tr--clickable {
20078
+ cursor: pointer;
20079
+ }
20080
+
20081
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
20082
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
20083
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
20084
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
20085
+ text-align: end;
20086
+ }
20087
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20088
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
20089
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20090
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
20091
+ flex-direction: row-reverse;
20092
+ }
20093
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
20094
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
20095
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
20096
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
20097
+ text-align: center;
20098
+ }
20099
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
20100
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
20101
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
20102
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
20226
20103
  justify-content: center;
20227
- margin: auto;
20228
20104
  }
20229
- .v-dialog > .v-overlay__content {
20230
- max-height: calc(100% - 48px);
20231
- width: calc(100% - 48px);
20232
- max-width: calc(100% - 48px);
20233
- margin: 24px;
20234
- display: flex;
20235
- flex-direction: column;
20105
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
20106
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
20107
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
20108
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
20109
+ padding: 0 8px;
20236
20110
  }
20237
- .v-dialog > .v-overlay__content > .v-card,
20238
- .v-dialog > .v-overlay__content > .v-sheet,
20239
- .v-dialog > .v-overlay__content > form > .v-card,
20240
- .v-dialog > .v-overlay__content > form > .v-sheet {
20241
- --v-scrollbar-offset: 0px;
20242
- border-radius: 4px;
20243
- overflow-y: auto;
20244
- 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));
20111
+ .v-data-table .v-table__wrapper > table > thead > tr > th,
20112
+ .v-data-table .v-table__wrapper > table tbody > tr > th {
20113
+ align-items: center;
20245
20114
  }
20246
- .v-dialog > .v-overlay__content > .v-card,
20247
- .v-dialog > .v-overlay__content > form > .v-card {
20248
- display: flex;
20249
- flex-direction: column;
20115
+ .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--fixed,
20116
+ .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--fixed {
20117
+ position: sticky;
20250
20118
  }
20251
- .v-dialog > .v-overlay__content > .v-card > .v-card-item,
20252
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
20253
- padding: 14px 24px 0;
20119
+ .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
20120
+ .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
20121
+ cursor: pointer;
20122
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20254
20123
  }
20255
- .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
20256
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
20257
- padding-top: 10px;
20124
+ .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
20125
+ .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
20126
+ opacity: 0;
20258
20127
  }
20259
- .v-dialog > .v-overlay__content > .v-card > .v-card-text,
20260
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
20261
- font-size: inherit;
20262
- letter-spacing: 0.03125em;
20263
- line-height: inherit;
20264
- padding: 16px 24px 10px;
20128
+ .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon,
20129
+ .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon {
20130
+ opacity: 0.5;
20265
20131
  }
20266
20132
 
20267
- .v-dialog--fullscreen {
20268
- --v-scrollbar-offset: 0px;
20269
- }
20270
- .v-dialog--fullscreen > .v-overlay__content {
20271
- border-radius: 0;
20272
- margin: 0;
20273
- padding: 0;
20274
- width: 100%;
20275
- height: 100%;
20276
- max-width: 100%;
20277
- max-height: 100%;
20278
- overflow-y: auto;
20279
- top: 0;
20133
+ .v-data-table-column--fixed {
20134
+ background: rgb(var(--v-theme-surface));
20135
+ position: sticky !important;
20280
20136
  left: 0;
20137
+ z-index: 1;
20281
20138
  }
20282
- .v-dialog--fullscreen > .v-overlay__content > .v-card,
20283
- .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
20284
- .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
20285
- .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
20286
- min-height: 100%;
20287
- min-width: 100%;
20288
- border-radius: 0;
20139
+
20140
+ .v-data-table-column--last-fixed {
20141
+ border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
20289
20142
  }
20290
20143
 
20291
- .v-dialog--scrollable > .v-overlay__content,
20292
- .v-dialog--scrollable > .v-overlay__content > form {
20144
+ .v-data-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th.v-data-table-column--fixed {
20145
+ z-index: 2;
20146
+ }
20147
+
20148
+ .v-data-table-group-header-row td {
20149
+ background: rgba(var(--v-theme-surface));
20150
+ color: rgba(var(--v-theme-on-surface));
20151
+ }
20152
+ .v-data-table-group-header-row td > span {
20153
+ padding-left: 5px;
20154
+ }
20155
+
20156
+ .v-data-table--loading .v-data-table__td {
20157
+ opacity: 0.3;
20158
+ }
20159
+
20160
+ .v-data-table-group-header-row__column {
20161
+ padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
20162
+ }
20163
+
20164
+ .v-data-table-header__content {
20293
20165
  display: flex;
20294
- overflow: hidden;
20166
+ align-items: center;
20295
20167
  }
20296
- .v-dialog--scrollable > .v-overlay__content > .v-card,
20297
- .v-dialog--scrollable > .v-overlay__content > form > .v-card {
20168
+
20169
+ .v-data-table-header__sort-badge {
20170
+ display: inline-flex;
20171
+ justify-content: center;
20172
+ align-items: center;
20173
+ font-size: 0.875rem;
20174
+ padding: 4px;
20175
+ border-radius: 50%;
20176
+ background: rgba(var(--v-border-color), var(--v-border-opacity));
20177
+ min-width: 20px;
20178
+ min-height: 20px;
20179
+ width: 20px;
20180
+ height: 20px;
20181
+ }
20182
+
20183
+ .v-data-table-progress > th {
20184
+ border: none !important;
20185
+ height: auto !important;
20186
+ padding: 0 !important;
20187
+ }
20188
+
20189
+ .v-data-table-rows-loading,
20190
+ .v-data-table-rows-no-data {
20191
+ text-align: center;
20192
+ }.v-data-table-footer {
20298
20193
  display: flex;
20299
- flex: 1 1 100%;
20300
- flex-direction: column;
20301
- max-height: 100%;
20302
- max-width: 100%;
20194
+ align-items: center;
20195
+ flex-wrap: wrap;
20196
+ padding: 0 8px;
20197
+ justify-content: flex-end;
20303
20198
  }
20304
- .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
20305
- .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
20306
- -webkit-backface-visibility: hidden;
20307
- backface-visibility: hidden;
20308
- overflow-y: auto;
20199
+
20200
+ .v-data-table-footer__items-per-page {
20201
+ padding-inline-end: 24px;
20202
+ display: flex;
20203
+ align-items: center;
20204
+ justify-content: space-between;
20205
+ }
20206
+ .v-data-table-footer__items-per-page > span {
20207
+ padding-inline-end: 24px;
20208
+ }
20209
+
20210
+ .v-data-table-footer__info {
20211
+ display: flex;
20212
+ padding-inline-end: 24px;
20213
+ }
20214
+
20215
+ .v-data-table-footer__pagination {
20216
+ display: flex;
20217
+ align-items: center;
20218
+ }
20219
+
20220
+ .v-data-table-footer__page {
20221
+ padding: 0 8px;
20309
20222
  }.v-divider {
20310
20223
  display: block;
20311
20224
  flex: 1 1 100%;
@@ -20490,50 +20403,152 @@ html.overflow-y-hidden {
20490
20403
  position: absolute;
20491
20404
  top: 0;
20492
20405
  left: 0;
20493
- width: 100%;
20494
- height: 100%;
20495
- background-color: currentColor;
20496
- border-radius: inherit;
20497
- opacity: 0;
20406
+ width: 100%;
20407
+ height: 100%;
20408
+ background-color: currentColor;
20409
+ border-radius: inherit;
20410
+ opacity: 0;
20411
+ }
20412
+
20413
+ .v-expansion-panel-title__icon {
20414
+ display: inline-flex;
20415
+ margin-bottom: -4px;
20416
+ margin-top: -4px;
20417
+ -webkit-user-select: none;
20418
+ user-select: none;
20419
+ margin-inline-start: auto;
20420
+ }
20421
+
20422
+ .v-expansion-panel-text {
20423
+ display: flex;
20424
+ }
20425
+ .v-expansion-panel-text__wrapper {
20426
+ padding: 8px 24px 16px;
20427
+ flex: 1 1 auto;
20428
+ max-width: 100%;
20429
+ }
20430
+
20431
+ .v-expansion-panels--variant-accordion > .v-expansion-panel {
20432
+ margin-top: 0;
20433
+ }
20434
+ .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
20435
+ opacity: 1;
20436
+ }
20437
+
20438
+ .v-expansion-panels--variant-popout > .v-expansion-panel {
20439
+ max-width: calc(100% - 32px);
20440
+ }
20441
+ .v-expansion-panels--variant-popout > .v-expansion-panel--active {
20442
+ max-width: calc(100% + 16px);
20443
+ }
20444
+
20445
+ .v-expansion-panels--variant-inset > .v-expansion-panel {
20446
+ max-width: 100%;
20447
+ }
20448
+ .v-expansion-panels--variant-inset > .v-expansion-panel--active {
20449
+ max-width: calc(100% - 32px);
20450
+ }.v-dialog {
20451
+ align-items: center;
20452
+ justify-content: center;
20453
+ margin: auto;
20454
+ }
20455
+ .v-dialog > .v-overlay__content {
20456
+ max-height: calc(100% - 48px);
20457
+ width: calc(100% - 48px);
20458
+ max-width: calc(100% - 48px);
20459
+ margin: 24px;
20460
+ display: flex;
20461
+ flex-direction: column;
20462
+ }
20463
+ .v-dialog > .v-overlay__content > .v-card,
20464
+ .v-dialog > .v-overlay__content > .v-sheet,
20465
+ .v-dialog > .v-overlay__content > form > .v-card,
20466
+ .v-dialog > .v-overlay__content > form > .v-sheet {
20467
+ --v-scrollbar-offset: 0px;
20468
+ border-radius: 4px;
20469
+ overflow-y: auto;
20470
+ 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));
20471
+ }
20472
+ .v-dialog > .v-overlay__content > .v-card,
20473
+ .v-dialog > .v-overlay__content > form > .v-card {
20474
+ display: flex;
20475
+ flex-direction: column;
20476
+ }
20477
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item,
20478
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
20479
+ padding: 14px 24px 0;
20480
+ }
20481
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
20482
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
20483
+ padding-top: 10px;
20484
+ }
20485
+ .v-dialog > .v-overlay__content > .v-card > .v-card-text,
20486
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
20487
+ font-size: inherit;
20488
+ letter-spacing: 0.03125em;
20489
+ line-height: inherit;
20490
+ padding: 16px 24px 10px;
20491
+ }
20492
+
20493
+ .v-dialog--fullscreen {
20494
+ --v-scrollbar-offset: 0px;
20495
+ }
20496
+ .v-dialog--fullscreen > .v-overlay__content {
20497
+ border-radius: 0;
20498
+ margin: 0;
20499
+ padding: 0;
20500
+ width: 100%;
20501
+ height: 100%;
20502
+ max-width: 100%;
20503
+ max-height: 100%;
20504
+ overflow-y: auto;
20505
+ top: 0;
20506
+ left: 0;
20498
20507
  }
20499
-
20500
- .v-expansion-panel-title__icon {
20501
- display: inline-flex;
20502
- margin-bottom: -4px;
20503
- margin-top: -4px;
20504
- -webkit-user-select: none;
20505
- user-select: none;
20506
- margin-inline-start: auto;
20508
+ .v-dialog--fullscreen > .v-overlay__content > .v-card,
20509
+ .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
20510
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
20511
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
20512
+ min-height: 100%;
20513
+ min-width: 100%;
20514
+ border-radius: 0;
20507
20515
  }
20508
20516
 
20509
- .v-expansion-panel-text {
20517
+ .v-dialog--scrollable > .v-overlay__content,
20518
+ .v-dialog--scrollable > .v-overlay__content > form {
20510
20519
  display: flex;
20520
+ overflow: hidden;
20511
20521
  }
20512
- .v-expansion-panel-text__wrapper {
20513
- padding: 8px 24px 16px;
20514
- flex: 1 1 auto;
20522
+ .v-dialog--scrollable > .v-overlay__content > .v-card,
20523
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card {
20524
+ display: flex;
20525
+ flex: 1 1 100%;
20526
+ flex-direction: column;
20527
+ max-height: 100%;
20515
20528
  max-width: 100%;
20516
20529
  }
20517
-
20518
- .v-expansion-panels--variant-accordion > .v-expansion-panel {
20519
- margin-top: 0;
20520
- }
20521
- .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
20522
- opacity: 1;
20523
- }
20524
-
20525
- .v-expansion-panels--variant-popout > .v-expansion-panel {
20526
- max-width: calc(100% - 32px);
20527
- }
20528
- .v-expansion-panels--variant-popout > .v-expansion-panel--active {
20529
- max-width: calc(100% + 16px);
20530
+ .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
20531
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
20532
+ -webkit-backface-visibility: hidden;
20533
+ backface-visibility: hidden;
20534
+ overflow-y: auto;
20535
+ }.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
20536
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
20537
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
20538
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20539
+ top: 0px;
20530
20540
  }
20531
-
20532
- .v-expansion-panels--variant-inset > .v-expansion-panel {
20533
- max-width: 100%;
20541
+ .v-file-input input[type=file] {
20542
+ height: 100%;
20543
+ left: 0;
20544
+ opacity: 0;
20545
+ position: absolute;
20546
+ top: 0;
20547
+ width: 100%;
20548
+ z-index: 1;
20534
20549
  }
20535
- .v-expansion-panels--variant-inset > .v-expansion-panel--active {
20536
- max-width: calc(100% - 32px);
20550
+ .v-file-input .v-input__details {
20551
+ padding-inline: 16px;
20537
20552
  }/* region INPUT */
20538
20553
  .v-field {
20539
20554
  display: grid;
@@ -21076,24 +21091,7 @@ textarea.v-field__input::placeholder {
21076
21091
  opacity: 0;
21077
21092
  }
21078
21093
 
21079
- /* endregion */.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21080
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21081
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21082
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21083
- top: 0px;
21084
- }
21085
- .v-file-input input[type=file] {
21086
- height: 100%;
21087
- left: 0;
21088
- opacity: 0;
21089
- position: absolute;
21090
- top: 0;
21091
- width: 100%;
21092
- z-index: 1;
21093
- }
21094
- .v-file-input .v-input__details {
21095
- padding-inline: 16px;
21096
- }.v-footer {
21094
+ /* endregion */.v-footer {
21097
21095
  align-items: center;
21098
21096
  display: flex;
21099
21097
  flex: 1 1 auto;
@@ -21121,6 +21119,64 @@ textarea.v-field__input::placeholder {
21121
21119
  }
21122
21120
  .v-footer--rounded {
21123
21121
  border-radius: 4px;
21122
+ }.v-infinite-scroll--horizontal {
21123
+ display: flex;
21124
+ flex-direction: row;
21125
+ overflow-x: auto;
21126
+ }
21127
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21128
+ height: 100%;
21129
+ width: 1px;
21130
+ }
21131
+
21132
+ .v-infinite-scroll--vertical {
21133
+ display: flex;
21134
+ flex-direction: column;
21135
+ overflow-y: auto;
21136
+ }
21137
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21138
+ height: 1px;
21139
+ width: 100%;
21140
+ }
21141
+
21142
+ .v-infinite-scroll__side {
21143
+ align-items: center;
21144
+ display: flex;
21145
+ justify-content: center;
21146
+ padding: 8px;
21147
+ }.v-img {
21148
+ --v-theme-overlay-multiplier: 3;
21149
+ z-index: 0;
21150
+ }
21151
+ .v-img--booting .v-responsive__sizer {
21152
+ transition: none;
21153
+ }
21154
+
21155
+ .v-img__img,
21156
+ .v-img__picture,
21157
+ .v-img__gradient,
21158
+ .v-img__placeholder,
21159
+ .v-img__error {
21160
+ z-index: -1;
21161
+ position: absolute;
21162
+ top: 0;
21163
+ left: 0;
21164
+ width: 100%;
21165
+ height: 100%;
21166
+ }
21167
+
21168
+ .v-img__img--preload {
21169
+ filter: blur(4px);
21170
+ }
21171
+ .v-img__img--contain {
21172
+ object-fit: contain;
21173
+ }
21174
+ .v-img__img--cover {
21175
+ object-fit: cover;
21176
+ }
21177
+
21178
+ .v-img__gradient {
21179
+ background-repeat: no-repeat;
21124
21180
  }.v-icon {
21125
21181
  --v-icon-size-multiplier: 1;
21126
21182
  align-items: center;
@@ -21170,64 +21226,6 @@ textarea.v-field__input::placeholder {
21170
21226
 
21171
21227
  .v-icon--end {
21172
21228
  margin-inline-start: 8px;
21173
- }.v-img {
21174
- --v-theme-overlay-multiplier: 3;
21175
- z-index: 0;
21176
- }
21177
- .v-img--booting .v-responsive__sizer {
21178
- transition: none;
21179
- }
21180
-
21181
- .v-img__img,
21182
- .v-img__picture,
21183
- .v-img__gradient,
21184
- .v-img__placeholder,
21185
- .v-img__error {
21186
- z-index: -1;
21187
- position: absolute;
21188
- top: 0;
21189
- left: 0;
21190
- width: 100%;
21191
- height: 100%;
21192
- }
21193
-
21194
- .v-img__img--preload {
21195
- filter: blur(4px);
21196
- }
21197
- .v-img__img--contain {
21198
- object-fit: contain;
21199
- }
21200
- .v-img__img--cover {
21201
- object-fit: cover;
21202
- }
21203
-
21204
- .v-img__gradient {
21205
- background-repeat: no-repeat;
21206
- }.v-infinite-scroll--horizontal {
21207
- display: flex;
21208
- flex-direction: row;
21209
- overflow-x: auto;
21210
- }
21211
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21212
- height: 100%;
21213
- width: 1px;
21214
- }
21215
-
21216
- .v-infinite-scroll--vertical {
21217
- display: flex;
21218
- flex-direction: column;
21219
- overflow-y: auto;
21220
- }
21221
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21222
- height: 1px;
21223
- width: 100%;
21224
- }
21225
-
21226
- .v-infinite-scroll__side {
21227
- align-items: center;
21228
- display: flex;
21229
- justify-content: center;
21230
- padding: 8px;
21231
21229
  }.v-input {
21232
21230
  display: grid;
21233
21231
  flex: 1 1 auto;
@@ -21393,21 +21391,8 @@ textarea.v-field__input::placeholder {
21393
21391
 
21394
21392
  .v-label--clickable {
21395
21393
  cursor: pointer;
21396
- }.v-layout {
21397
- --v-scrollbar-offset: 0px;
21398
- display: flex;
21399
- flex: 1 1 auto;
21400
- }
21401
- .v-layout--full-height {
21402
- --v-scrollbar-offset: inherit;
21403
- height: 100%;
21404
- }.v-layout-item {
21405
- position: absolute;
21406
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21407
- }
21408
-
21409
- .v-layout-item--absolute {
21410
- position: absolute;
21394
+ }.v-locale-provider {
21395
+ display: contents;
21411
21396
  }.v-list {
21412
21397
  overflow: auto;
21413
21398
  padding: 8px 0;
@@ -21942,8 +21927,21 @@ textarea.v-field__input::placeholder {
21942
21927
  }
21943
21928
  .v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
21944
21929
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
21945
- }.v-locale-provider {
21946
- display: contents;
21930
+ }.v-layout {
21931
+ --v-scrollbar-offset: 0px;
21932
+ display: flex;
21933
+ flex: 1 1 auto;
21934
+ }
21935
+ .v-layout--full-height {
21936
+ --v-scrollbar-offset: inherit;
21937
+ height: 100%;
21938
+ }.v-layout-item {
21939
+ position: absolute;
21940
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21941
+ }
21942
+
21943
+ .v-layout-item--absolute {
21944
+ position: absolute;
21947
21945
  }.v-main {
21948
21946
  flex: 1 0 auto;
21949
21947
  max-width: 100%;
@@ -21972,19 +21970,6 @@ textarea.v-field__input::placeholder {
21972
21970
  --v-layout-right: 0px;
21973
21971
  --v-layout-top: 0px;
21974
21972
  --v-layout-bottom: 0px;
21975
- }.v-menu > .v-overlay__content {
21976
- display: flex;
21977
- flex-direction: column;
21978
- border-radius: 4px;
21979
- }
21980
- .v-menu > .v-overlay__content > .v-card,
21981
- .v-menu > .v-overlay__content > .v-sheet,
21982
- .v-menu > .v-overlay__content > .v-list {
21983
- background: rgb(var(--v-theme-surface));
21984
- border-radius: inherit;
21985
- overflow: auto;
21986
- height: 100%;
21987
- box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
21988
21973
  }.v-messages {
21989
21974
  flex: 1 1 auto;
21990
21975
  font-size: 12px;
@@ -22001,6 +21986,19 @@ textarea.v-field__input::placeholder {
22001
21986
  -webkit-hyphens: auto;
22002
21987
  hyphens: auto;
22003
21988
  transition-duration: 150ms;
21989
+ }.v-menu > .v-overlay__content {
21990
+ display: flex;
21991
+ flex-direction: column;
21992
+ border-radius: 4px;
21993
+ }
21994
+ .v-menu > .v-overlay__content > .v-card,
21995
+ .v-menu > .v-overlay__content > .v-sheet,
21996
+ .v-menu > .v-overlay__content > .v-list {
21997
+ background: rgb(var(--v-theme-surface));
21998
+ border-radius: inherit;
21999
+ overflow: auto;
22000
+ height: 100%;
22001
+ box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
22004
22002
  }.v-navigation-drawer {
22005
22003
  -webkit-overflow-scrolling: touch;
22006
22004
  background: rgb(var(--v-theme-surface));
@@ -22099,59 +22097,6 @@ textarea.v-field__input::placeholder {
22099
22097
  .v-navigation-drawer__append {
22100
22098
  flex: none;
22101
22099
  overflow: hidden;
22102
- }.v-otp-input {
22103
- border-radius: 4px;
22104
- align-items: center;
22105
- display: flex;
22106
- justify-content: center;
22107
- padding: 0.5rem 0;
22108
- position: relative;
22109
- }
22110
- .v-otp-input .v-field {
22111
- height: 100%;
22112
- }
22113
-
22114
- .v-otp-input__divider {
22115
- margin: 0 8px;
22116
- }
22117
-
22118
- .v-otp-input__content {
22119
- align-items: center;
22120
- display: flex;
22121
- gap: 0.5rem;
22122
- height: 64px;
22123
- padding: 0.5rem;
22124
- justify-content: center;
22125
- max-width: 320px;
22126
- position: relative;
22127
- border-radius: inherit;
22128
- }
22129
- .v-otp-input--divided .v-otp-input__content {
22130
- max-width: 360px;
22131
- }
22132
-
22133
- .v-otp-input__field {
22134
- color: inherit;
22135
- font-size: 1.25rem;
22136
- height: 100%;
22137
- outline: none;
22138
- text-align: center;
22139
- width: 100%;
22140
- }
22141
- .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
22142
- -webkit-appearance: none;
22143
- margin: 0;
22144
- }
22145
- .v-otp-input__field[type=number] {
22146
- -moz-appearance: textfield;
22147
- }
22148
-
22149
- .v-otp-input__loader {
22150
- align-items: center;
22151
- display: flex;
22152
- height: 100%;
22153
- justify-content: center;
22154
- width: 100%;
22155
22100
  }.v-overlay-container {
22156
22101
  contain: layout;
22157
22102
  left: 0;
@@ -22541,18 +22486,6 @@ html.v-overlay-scroll-blocked {
22541
22486
  0% {
22542
22487
  background-position-x: var(--v-progress-linear-height);
22543
22488
  }
22544
- }.v-radio-group > .v-input__control {
22545
- flex-direction: column;
22546
- }
22547
- .v-radio-group > .v-input__control > .v-label {
22548
- margin-inline-start: 16px;
22549
- }
22550
- .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
22551
- padding-inline-start: 6px;
22552
- margin-top: 8px;
22553
- }
22554
- .v-radio-group .v-input__details {
22555
- padding-inline: 16px;
22556
22489
  }.v-slider .v-slider__container input {
22557
22490
  cursor: default;
22558
22491
  padding: 0;
@@ -22610,6 +22543,18 @@ html.v-overlay-scroll-blocked {
22610
22543
 
22611
22544
  .v-slider__label {
22612
22545
  margin-inline-end: 12px;
22546
+ }.v-radio-group > .v-input__control {
22547
+ flex-direction: column;
22548
+ }
22549
+ .v-radio-group > .v-input__control > .v-label {
22550
+ margin-inline-start: 16px;
22551
+ }
22552
+ .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
22553
+ padding-inline-start: 6px;
22554
+ margin-top: 8px;
22555
+ }
22556
+ .v-radio-group .v-input__details {
22557
+ padding-inline: 16px;
22613
22558
  }.v-rating {
22614
22559
  max-width: 100%;
22615
22560
  display: inline-flex;
@@ -22738,6 +22683,14 @@ html.v-overlay-scroll-blocked {
22738
22683
  .v-select--active-menu .v-select__menu-icon {
22739
22684
  opacity: var(--v-high-emphasis-opacity);
22740
22685
  transform: rotate(180deg);
22686
+ }.v-selection-control-group {
22687
+ grid-area: control;
22688
+ display: flex;
22689
+ flex-direction: column;
22690
+ }
22691
+ .v-selection-control-group--inline {
22692
+ flex-direction: row;
22693
+ flex-wrap: wrap;
22741
22694
  }.v-selection-control {
22742
22695
  align-items: center;
22743
22696
  contain: layout;
@@ -22839,42 +22792,6 @@ html.v-overlay-scroll-blocked {
22839
22792
  }
22840
22793
  .v-selection-control--focus-visible .v-selection-control__input::before {
22841
22794
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
22842
- }.v-selection-control-group {
22843
- grid-area: control;
22844
- display: flex;
22845
- flex-direction: column;
22846
- }
22847
- .v-selection-control-group--inline {
22848
- flex-direction: row;
22849
- flex-wrap: wrap;
22850
- }.v-sheet {
22851
- display: block;
22852
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22853
- border-style: solid;
22854
- border-width: 0;
22855
- 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));
22856
- border-radius: 0;
22857
- background: rgb(var(--v-theme-surface));
22858
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
22859
- }
22860
- .v-sheet--border {
22861
- border-width: thin;
22862
- box-shadow: none;
22863
- }
22864
- .v-sheet--absolute {
22865
- position: absolute;
22866
- }
22867
- .v-sheet--fixed {
22868
- position: fixed;
22869
- }
22870
- .v-sheet--relative {
22871
- position: relative;
22872
- }
22873
- .v-sheet--sticky {
22874
- position: sticky;
22875
- }
22876
- .v-sheet--rounded {
22877
- border-radius: 4px;
22878
22795
  }.v-skeleton-loader {
22879
22796
  align-items: center;
22880
22797
  background: rgb(var(--v-theme-surface));
@@ -23090,175 +23007,84 @@ html.v-overlay-scroll-blocked {
23090
23007
  .v-skeleton-loader--tile {
23091
23008
  border-radius: 0;
23092
23009
  }
23093
- .v-skeleton-loader--tile .v-skeleton-loader__bone {
23094
- border-radius: 0;
23095
- }
23096
-
23097
- @keyframes loading {
23098
- 100% {
23099
- transform: translateX(100%);
23100
- }
23101
- }.v-slide-group {
23102
- display: flex;
23103
- overflow: hidden;
23104
- }
23105
-
23106
- .v-slide-group__next,
23107
- .v-slide-group__prev {
23108
- align-items: center;
23109
- display: flex;
23110
- flex: 0 1 52px;
23111
- justify-content: center;
23112
- min-width: 52px;
23113
- cursor: pointer;
23114
- }
23115
- .v-slide-group__next--disabled,
23116
- .v-slide-group__prev--disabled {
23117
- pointer-events: none;
23118
- opacity: var(--v-disabled-opacity);
23119
- }
23120
-
23121
- .v-slide-group__content {
23122
- display: flex;
23123
- flex: 1 0 auto;
23124
- position: relative;
23125
- transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
23126
- white-space: nowrap;
23127
- }
23128
- .v-slide-group__content > * {
23129
- white-space: initial;
23130
- }
23131
-
23132
- .v-slide-group__container {
23133
- contain: content;
23134
- display: flex;
23135
- flex: 1 1 auto;
23136
- overflow: hidden;
23137
- }
23138
-
23139
- .v-slide-group--vertical,
23140
- .v-slide-group--vertical .v-slide-group__container,
23141
- .v-slide-group--vertical .v-slide-group__content {
23142
- flex-direction: column;
23143
- }.v-snackbar {
23144
- justify-content: center;
23145
- z-index: 10000;
23146
- margin: 8px;
23147
- margin-inline-end: calc(8px + var(--v-scrollbar-offset));
23148
- }
23149
- .v-snackbar:not(.v-snackbar--centered):not(.v-snackbar--top) {
23150
- align-items: flex-end;
23151
- }
23152
- .v-snackbar__wrapper {
23153
- align-items: center;
23154
- display: flex;
23155
- max-width: 672px;
23156
- min-height: 48px;
23157
- min-width: 344px;
23158
- overflow: hidden;
23159
- padding: 0;
23160
- border-radius: 4px;
23161
- }
23162
- .v-snackbar--variant-plain, .v-snackbar--variant-outlined, .v-snackbar--variant-text, .v-snackbar--variant-tonal {
23163
- background: transparent;
23164
- color: inherit;
23165
- }
23166
- .v-snackbar--variant-plain {
23167
- opacity: 0.62;
23168
- }
23169
- .v-snackbar--variant-plain:focus, .v-snackbar--variant-plain:hover {
23170
- opacity: 1;
23171
- }
23172
- .v-snackbar--variant-plain .v-snackbar__overlay {
23173
- display: none;
23174
- }
23175
- .v-snackbar--variant-elevated, .v-snackbar--variant-flat {
23176
- background: rgb(var(--v-theme-surface-variant));
23177
- color: rgb(var(--v-theme-on-surface-variant));
23178
- }
23179
- .v-snackbar--variant-elevated {
23180
- box-shadow: 0px 3px 5px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 6px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 18px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
23181
- }
23182
- .v-snackbar--variant-flat {
23183
- 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));
23184
- }
23185
- .v-snackbar--variant-outlined {
23186
- border: thin solid currentColor;
23187
- }
23188
- .v-snackbar--variant-text .v-snackbar__overlay {
23189
- background: currentColor;
23190
- }
23191
- .v-snackbar--variant-tonal .v-snackbar__underlay {
23192
- background: currentColor;
23193
- opacity: var(--v-activated-opacity);
23194
- border-radius: inherit;
23195
- position: absolute;
23196
- top: 0;
23197
- right: 0;
23198
- bottom: 0;
23199
- left: 0;
23200
- pointer-events: none;
23201
- }
23202
-
23203
- .v-snackbar__content {
23204
- flex-grow: 1;
23205
- font-size: 0.875rem;
23206
- font-weight: 400;
23207
- letter-spacing: 0.0178571429em;
23208
- line-height: 1.25rem;
23209
- margin-right: auto;
23210
- padding: 14px 16px;
23211
- text-align: initial;
23212
- }
23213
- .v-snackbar__actions {
23214
- align-items: center;
23215
- align-self: center;
23216
- display: flex;
23217
- margin-inline-end: 8px;
23218
- }
23219
- .v-snackbar__actions > .v-btn {
23220
- padding: 0 8px;
23221
- min-width: auto;
23010
+ .v-skeleton-loader--tile .v-skeleton-loader__bone {
23011
+ border-radius: 0;
23222
23012
  }
23223
- .v-snackbar__timer {
23224
- width: 100%;
23225
- position: absolute;
23226
- top: 0;
23013
+
23014
+ @keyframes loading {
23015
+ 100% {
23016
+ transform: translateX(100%);
23017
+ }
23018
+ }.v-sheet {
23019
+ display: block;
23020
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
23021
+ border-style: solid;
23022
+ border-width: 0;
23023
+ 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));
23024
+ border-radius: 0;
23025
+ background: rgb(var(--v-theme-surface));
23026
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
23227
23027
  }
23228
- .v-snackbar__timer .v-progress-linear {
23229
- transition: 0.2s linear;
23028
+ .v-sheet--border {
23029
+ border-width: thin;
23030
+ box-shadow: none;
23230
23031
  }
23231
- .v-snackbar--absolute {
23032
+ .v-sheet--absolute {
23232
23033
  position: absolute;
23233
- z-index: 1;
23234
23034
  }
23235
- .v-snackbar--multi-line .v-snackbar__wrapper {
23236
- min-height: 68px;
23035
+ .v-sheet--fixed {
23036
+ position: fixed;
23237
23037
  }
23238
- .v-snackbar--vertical .v-snackbar__wrapper {
23239
- flex-direction: column;
23038
+ .v-sheet--relative {
23039
+ position: relative;
23240
23040
  }
23241
- .v-snackbar--vertical .v-snackbar__wrapper .v-snackbar__actions {
23242
- align-self: flex-end;
23243
- margin-bottom: 8px;
23041
+ .v-sheet--sticky {
23042
+ position: sticky;
23043
+ }
23044
+ .v-sheet--rounded {
23045
+ border-radius: 4px;
23046
+ }.v-slide-group {
23047
+ display: flex;
23048
+ overflow: hidden;
23244
23049
  }
23245
23050
 
23246
- .v-snackbar-transition-enter-active, .v-snackbar-transition-leave-active {
23247
- transition-duration: 0.15s;
23248
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
23051
+ .v-slide-group__next,
23052
+ .v-slide-group__prev {
23053
+ align-items: center;
23054
+ display: flex;
23055
+ flex: 0 1 52px;
23056
+ justify-content: center;
23057
+ min-width: 52px;
23058
+ cursor: pointer;
23249
23059
  }
23250
- .v-snackbar-transition-enter-active {
23251
- transition-property: opacity, transform;
23060
+ .v-slide-group__next--disabled,
23061
+ .v-slide-group__prev--disabled {
23062
+ pointer-events: none;
23063
+ opacity: var(--v-disabled-opacity);
23252
23064
  }
23253
- .v-snackbar-transition-enter-from {
23254
- opacity: 0;
23255
- transform: scale(0.8);
23065
+
23066
+ .v-slide-group__content {
23067
+ display: flex;
23068
+ flex: 1 0 auto;
23069
+ position: relative;
23070
+ transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
23071
+ white-space: nowrap;
23256
23072
  }
23257
- .v-snackbar-transition-leave-active {
23258
- transition-property: opacity;
23073
+ .v-slide-group__content > * {
23074
+ white-space: initial;
23259
23075
  }
23260
- .v-snackbar-transition-leave-to {
23261
- opacity: 0;
23076
+
23077
+ .v-slide-group__container {
23078
+ contain: content;
23079
+ display: flex;
23080
+ flex: 1 1 auto;
23081
+ overflow: hidden;
23082
+ }
23083
+
23084
+ .v-slide-group--vertical,
23085
+ .v-slide-group--vertical .v-slide-group__container,
23086
+ .v-slide-group--vertical .v-slide-group__content {
23087
+ flex-direction: column;
23262
23088
  }.v-stepper.v-sheet {
23263
23089
  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));
23264
23090
  border-radius: 4px;
@@ -23466,43 +23292,125 @@ html.v-overlay-scroll-blocked {
23466
23292
  }
23467
23293
  .v-switch.v-switch--inset .v-selection-control__wrapper {
23468
23294
  width: auto;
23469
- }.v-system-bar {
23295
+ }.v-snackbar {
23296
+ justify-content: center;
23297
+ z-index: 10000;
23298
+ margin: 8px;
23299
+ margin-inline-end: calc(8px + var(--v-scrollbar-offset));
23300
+ }
23301
+ .v-snackbar:not(.v-snackbar--centered):not(.v-snackbar--top) {
23302
+ align-items: flex-end;
23303
+ }
23304
+ .v-snackbar__wrapper {
23470
23305
  align-items: center;
23471
23306
  display: flex;
23472
- flex: 1 1 auto;
23473
- height: 24px;
23474
- justify-content: flex-end;
23475
- max-width: 100%;
23476
- padding-inline: 8px;
23477
- position: relative;
23478
- text-align: end;
23479
- width: 100%;
23307
+ max-width: 672px;
23308
+ min-height: 48px;
23309
+ min-width: 344px;
23310
+ overflow: hidden;
23311
+ padding: 0;
23312
+ border-radius: 4px;
23313
+ }
23314
+ .v-snackbar--variant-plain, .v-snackbar--variant-outlined, .v-snackbar--variant-text, .v-snackbar--variant-tonal {
23315
+ background: transparent;
23316
+ color: inherit;
23317
+ }
23318
+ .v-snackbar--variant-plain {
23319
+ opacity: 0.62;
23320
+ }
23321
+ .v-snackbar--variant-plain:focus, .v-snackbar--variant-plain:hover {
23322
+ opacity: 1;
23323
+ }
23324
+ .v-snackbar--variant-plain .v-snackbar__overlay {
23325
+ display: none;
23326
+ }
23327
+ .v-snackbar--variant-elevated, .v-snackbar--variant-flat {
23328
+ background: rgb(var(--v-theme-surface-variant));
23329
+ color: rgb(var(--v-theme-on-surface-variant));
23330
+ }
23331
+ .v-snackbar--variant-elevated {
23332
+ box-shadow: 0px 3px 5px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 6px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 18px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
23333
+ }
23334
+ .v-snackbar--variant-flat {
23480
23335
  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));
23481
- background: rgba(var(--v-theme-on-surface-variant));
23482
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
23483
- font-size: 0.75rem;
23336
+ }
23337
+ .v-snackbar--variant-outlined {
23338
+ border: thin solid currentColor;
23339
+ }
23340
+ .v-snackbar--variant-text .v-snackbar__overlay {
23341
+ background: currentColor;
23342
+ }
23343
+ .v-snackbar--variant-tonal .v-snackbar__underlay {
23344
+ background: currentColor;
23345
+ opacity: var(--v-activated-opacity);
23346
+ border-radius: inherit;
23347
+ position: absolute;
23348
+ top: 0;
23349
+ right: 0;
23350
+ bottom: 0;
23351
+ left: 0;
23352
+ pointer-events: none;
23353
+ }
23354
+
23355
+ .v-snackbar__content {
23356
+ flex-grow: 1;
23357
+ font-size: 0.875rem;
23484
23358
  font-weight: 400;
23485
- letter-spacing: 0.0333333333em;
23359
+ letter-spacing: 0.0178571429em;
23486
23360
  line-height: 1.25rem;
23487
- text-transform: none;
23361
+ margin-right: auto;
23362
+ padding: 14px 16px;
23363
+ text-align: initial;
23488
23364
  }
23489
- .v-system-bar .v-icon {
23490
- opacity: var(--v-medium-emphasis-opacity);
23365
+ .v-snackbar__actions {
23366
+ align-items: center;
23367
+ align-self: center;
23368
+ display: flex;
23369
+ margin-inline-end: 8px;
23491
23370
  }
23492
- .v-system-bar--absolute {
23371
+ .v-snackbar__actions > .v-btn {
23372
+ padding: 0 8px;
23373
+ min-width: auto;
23374
+ }
23375
+ .v-snackbar__timer {
23376
+ width: 100%;
23493
23377
  position: absolute;
23378
+ top: 0;
23494
23379
  }
23495
- .v-system-bar--fixed {
23496
- position: fixed;
23380
+ .v-snackbar__timer .v-progress-linear {
23381
+ transition: 0.2s linear;
23497
23382
  }
23498
- .v-system-bar--rounded {
23499
- border-radius: 0;
23383
+ .v-snackbar--absolute {
23384
+ position: absolute;
23385
+ z-index: 1;
23500
23386
  }
23501
- .v-system-bar--window {
23502
- height: 32px;
23387
+ .v-snackbar--multi-line .v-snackbar__wrapper {
23388
+ min-height: 68px;
23503
23389
  }
23504
- .v-system-bar:not(.v-system-bar--absolute) {
23505
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
23390
+ .v-snackbar--vertical .v-snackbar__wrapper {
23391
+ flex-direction: column;
23392
+ }
23393
+ .v-snackbar--vertical .v-snackbar__wrapper .v-snackbar__actions {
23394
+ align-self: flex-end;
23395
+ margin-bottom: 8px;
23396
+ }
23397
+
23398
+ .v-snackbar-transition-enter-active, .v-snackbar-transition-leave-active {
23399
+ transition-duration: 0.15s;
23400
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
23401
+ }
23402
+ .v-snackbar-transition-enter-active {
23403
+ transition-property: opacity, transform;
23404
+ }
23405
+ .v-snackbar-transition-enter-from {
23406
+ opacity: 0;
23407
+ transform: scale(0.8);
23408
+ }
23409
+ .v-snackbar-transition-leave-active {
23410
+ transition-property: opacity;
23411
+ }
23412
+ .v-snackbar-transition-leave-to {
23413
+ opacity: 0;
23506
23414
  }.v-tabs {
23507
23415
  display: flex;
23508
23416
  height: var(--v-tabs-height);
@@ -23598,6 +23506,43 @@ html.v-overlay-scroll-blocked {
23598
23506
  top: 0;
23599
23507
  height: 100%;
23600
23508
  width: 2px;
23509
+ }.v-system-bar {
23510
+ align-items: center;
23511
+ display: flex;
23512
+ flex: 1 1 auto;
23513
+ height: 24px;
23514
+ justify-content: flex-end;
23515
+ max-width: 100%;
23516
+ padding-inline: 8px;
23517
+ position: relative;
23518
+ text-align: end;
23519
+ width: 100%;
23520
+ 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));
23521
+ background: rgba(var(--v-theme-on-surface-variant));
23522
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
23523
+ font-size: 0.75rem;
23524
+ font-weight: 400;
23525
+ letter-spacing: 0.0333333333em;
23526
+ line-height: 1.25rem;
23527
+ text-transform: none;
23528
+ }
23529
+ .v-system-bar .v-icon {
23530
+ opacity: var(--v-medium-emphasis-opacity);
23531
+ }
23532
+ .v-system-bar--absolute {
23533
+ position: absolute;
23534
+ }
23535
+ .v-system-bar--fixed {
23536
+ position: fixed;
23537
+ }
23538
+ .v-system-bar--rounded {
23539
+ border-radius: 0;
23540
+ }
23541
+ .v-system-bar--window {
23542
+ height: 32px;
23543
+ }
23544
+ .v-system-bar:not(.v-system-bar--absolute) {
23545
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
23601
23546
  }.v-table {
23602
23547
  background: rgb(var(--v-theme-surface));
23603
23548
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -23749,6 +23694,45 @@ html.v-overlay-scroll-blocked {
23749
23694
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
23750
23695
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
23751
23696
  border-top: 0px !important;
23697
+ }.v-textarea .v-field {
23698
+ --v-textarea-control-height: var(--v-input-control-height);
23699
+ }
23700
+ .v-textarea .v-field__field {
23701
+ --v-input-control-height: var(--v-textarea-control-height);
23702
+ }
23703
+ .v-textarea .v-field__input {
23704
+ flex: 1 1 auto;
23705
+ outline: none;
23706
+ -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));
23707
+ 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));
23708
+ }
23709
+ .v-textarea .v-field__input.v-textarea__sizer {
23710
+ visibility: hidden;
23711
+ position: absolute;
23712
+ top: 0;
23713
+ left: 0;
23714
+ height: 0 !important;
23715
+ min-height: 0 !important;
23716
+ pointer-events: none;
23717
+ }
23718
+ .v-textarea--no-resize .v-field__input {
23719
+ resize: none;
23720
+ }
23721
+ .v-textarea .v-field--no-label textarea,
23722
+ .v-textarea .v-field--active textarea {
23723
+ opacity: 1;
23724
+ }
23725
+ .v-textarea textarea {
23726
+ opacity: 0;
23727
+ flex: 1;
23728
+ min-width: 0;
23729
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
23730
+ }
23731
+ .v-textarea textarea:focus, .v-textarea textarea:active {
23732
+ outline: none;
23733
+ }
23734
+ .v-textarea textarea:invalid {
23735
+ box-shadow: none;
23752
23736
  }/* region BLOCK */
23753
23737
  .v-text-field input {
23754
23738
  color: inherit;
@@ -23812,49 +23796,7 @@ html.v-overlay-scroll-blocked {
23812
23796
  padding-inline-end: var(--v-field-padding-end);
23813
23797
  }
23814
23798
 
23815
- /* endregion */.v-textarea .v-field {
23816
- --v-textarea-control-height: var(--v-input-control-height);
23817
- }
23818
- .v-textarea .v-field__field {
23819
- --v-input-control-height: var(--v-textarea-control-height);
23820
- }
23821
- .v-textarea .v-field__input {
23822
- flex: 1 1 auto;
23823
- outline: none;
23824
- -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));
23825
- 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));
23826
- }
23827
- .v-textarea .v-field__input.v-textarea__sizer {
23828
- visibility: hidden;
23829
- position: absolute;
23830
- top: 0;
23831
- left: 0;
23832
- height: 0 !important;
23833
- min-height: 0 !important;
23834
- pointer-events: none;
23835
- }
23836
- .v-textarea--no-resize .v-field__input {
23837
- resize: none;
23838
- }
23839
- .v-textarea .v-field--no-label textarea,
23840
- .v-textarea .v-field--active textarea {
23841
- opacity: 1;
23842
- }
23843
- .v-textarea textarea {
23844
- opacity: 0;
23845
- flex: 1;
23846
- min-width: 0;
23847
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
23848
- }
23849
- .v-textarea textarea:focus, .v-textarea textarea:active {
23850
- outline: none;
23851
- }
23852
- .v-textarea textarea:invalid {
23853
- box-shadow: none;
23854
- }.v-theme-provider {
23855
- background: rgb(var(--v-theme-background));
23856
- color: rgb(var(--v-theme-on-background));
23857
- }.v-timeline .v-timeline-divider__dot {
23799
+ /* endregion */.v-timeline .v-timeline-divider__dot {
23858
23800
  background: rgb(var(--v-theme-on-surface-variant));
23859
23801
  }
23860
23802
  .v-timeline .v-timeline-divider__inner-dot {
@@ -24270,6 +24212,27 @@ html.v-overlay-scroll-blocked {
24270
24212
 
24271
24213
  .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 {
24272
24214
  padding-inline-end: 0;
24215
+ }.v-tooltip > .v-overlay__content {
24216
+ background: rgb(var(--v-theme-surface-variant));
24217
+ color: rgb(var(--v-theme-on-surface-variant));
24218
+ border-radius: 4px;
24219
+ font-size: 0.875rem;
24220
+ line-height: 1.6;
24221
+ display: inline-block;
24222
+ padding: 5px 16px;
24223
+ text-transform: initial;
24224
+ width: auto;
24225
+ opacity: 1;
24226
+ pointer-events: none;
24227
+ transition-property: opacity, transform;
24228
+ }
24229
+ .v-tooltip > .v-overlay__content[class*=enter-active] {
24230
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24231
+ transition-duration: 150ms;
24232
+ }
24233
+ .v-tooltip > .v-overlay__content[class*=leave-active] {
24234
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
24235
+ transition-duration: 75ms;
24273
24236
  }.v-toolbar {
24274
24237
  align-items: flex-start;
24275
24238
  display: flex;
@@ -24397,36 +24360,6 @@ html.v-overlay-scroll-blocked {
24397
24360
  }
24398
24361
  .v-toolbar-items > .v-btn {
24399
24362
  border-radius: 0;
24400
- }.v-tooltip > .v-overlay__content {
24401
- background: rgb(var(--v-theme-surface-variant));
24402
- color: rgb(var(--v-theme-on-surface-variant));
24403
- border-radius: 4px;
24404
- font-size: 0.875rem;
24405
- line-height: 1.6;
24406
- display: inline-block;
24407
- padding: 5px 16px;
24408
- text-transform: initial;
24409
- width: auto;
24410
- opacity: 1;
24411
- pointer-events: none;
24412
- transition-property: opacity, transform;
24413
- }
24414
- .v-tooltip > .v-overlay__content[class*=enter-active] {
24415
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24416
- transition-duration: 150ms;
24417
- }
24418
- .v-tooltip > .v-overlay__content[class*=leave-active] {
24419
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
24420
- transition-duration: 75ms;
24421
- }.v-virtual-scroll {
24422
- display: block;
24423
- flex: 1 1 auto;
24424
- max-width: 100%;
24425
- overflow: auto;
24426
- position: relative;
24427
- }
24428
- .v-virtual-scroll__container {
24429
- display: block;
24430
24363
  }.v-window {
24431
24364
  overflow: hidden;
24432
24365
  }
@@ -24496,6 +24429,71 @@ html.v-overlay-scroll-blocked {
24496
24429
  }
24497
24430
  .v-window-y-reverse-transition-leave-to {
24498
24431
  transform: translateY(100%);
24432
+ }.v-virtual-scroll {
24433
+ display: block;
24434
+ flex: 1 1 auto;
24435
+ max-width: 100%;
24436
+ overflow: auto;
24437
+ position: relative;
24438
+ }
24439
+ .v-virtual-scroll__container {
24440
+ display: block;
24441
+ }.v-theme-provider {
24442
+ background: rgb(var(--v-theme-background));
24443
+ color: rgb(var(--v-theme-on-background));
24444
+ }.v-otp-input {
24445
+ border-radius: 4px;
24446
+ align-items: center;
24447
+ display: flex;
24448
+ justify-content: center;
24449
+ padding: 0.5rem 0;
24450
+ position: relative;
24451
+ }
24452
+ .v-otp-input .v-field {
24453
+ height: 100%;
24454
+ }
24455
+
24456
+ .v-otp-input__divider {
24457
+ margin: 0 8px;
24458
+ }
24459
+
24460
+ .v-otp-input__content {
24461
+ align-items: center;
24462
+ display: flex;
24463
+ gap: 0.5rem;
24464
+ height: 64px;
24465
+ padding: 0.5rem;
24466
+ justify-content: center;
24467
+ max-width: 320px;
24468
+ position: relative;
24469
+ border-radius: inherit;
24470
+ }
24471
+ .v-otp-input--divided .v-otp-input__content {
24472
+ max-width: 360px;
24473
+ }
24474
+
24475
+ .v-otp-input__field {
24476
+ color: inherit;
24477
+ font-size: 1.25rem;
24478
+ height: 100%;
24479
+ outline: none;
24480
+ text-align: center;
24481
+ width: 100%;
24482
+ }
24483
+ .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
24484
+ -webkit-appearance: none;
24485
+ margin: 0;
24486
+ }
24487
+ .v-otp-input__field[type=number] {
24488
+ -moz-appearance: textfield;
24489
+ }
24490
+
24491
+ .v-otp-input__loader {
24492
+ align-items: center;
24493
+ display: flex;
24494
+ height: 100%;
24495
+ justify-content: center;
24496
+ width: 100%;
24499
24497
  }.v-color-picker-canvas {
24500
24498
  display: flex;
24501
24499
  position: relative;
@@ -24518,34 +24516,6 @@ html.v-overlay-scroll-blocked {
24518
24516
  }
24519
24517
  .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
24520
24518
  will-change: transform;
24521
- }.v-color-picker-edit {
24522
- display: flex;
24523
- margin-top: 24px;
24524
- }
24525
-
24526
- .v-color-picker-edit__input {
24527
- width: 100%;
24528
- display: flex;
24529
- flex-wrap: wrap;
24530
- justify-content: center;
24531
- text-align: center;
24532
- }
24533
- .v-color-picker-edit__input:not(:last-child) {
24534
- margin-inline-end: 8px;
24535
- }
24536
- .v-color-picker-edit__input input {
24537
- border-radius: 4px;
24538
- margin-bottom: 8px;
24539
- min-width: 0;
24540
- outline: none;
24541
- text-align: center;
24542
- width: 100%;
24543
- height: 32px;
24544
- background: rgba(var(--v-theme-surface-variant), 0.2);
24545
- color: rgba(var(--v-theme-on-surface));
24546
- }
24547
- .v-color-picker-edit__input span {
24548
- font-size: 0.75rem;
24549
24519
  }.v-color-picker-preview__alpha .v-slider-track__background {
24550
24520
  background-color: transparent !important;
24551
24521
  }
@@ -24615,6 +24585,34 @@ html.v-overlay-scroll-blocked {
24615
24585
  .v-color-picker-preview__eye-dropper {
24616
24586
  position: relative;
24617
24587
  margin-right: 12px;
24588
+ }.v-color-picker-edit {
24589
+ display: flex;
24590
+ margin-top: 24px;
24591
+ }
24592
+
24593
+ .v-color-picker-edit__input {
24594
+ width: 100%;
24595
+ display: flex;
24596
+ flex-wrap: wrap;
24597
+ justify-content: center;
24598
+ text-align: center;
24599
+ }
24600
+ .v-color-picker-edit__input:not(:last-child) {
24601
+ margin-inline-end: 8px;
24602
+ }
24603
+ .v-color-picker-edit__input input {
24604
+ border-radius: 4px;
24605
+ margin-bottom: 8px;
24606
+ min-width: 0;
24607
+ outline: none;
24608
+ text-align: center;
24609
+ width: 100%;
24610
+ height: 32px;
24611
+ background: rgba(var(--v-theme-surface-variant), 0.2);
24612
+ color: rgba(var(--v-theme-on-surface));
24613
+ }
24614
+ .v-color-picker-edit__input span {
24615
+ font-size: 0.75rem;
24618
24616
  }.v-color-picker-swatches {
24619
24617
  overflow-y: auto;
24620
24618
  }