@vuetify/nightly 3.4.0-beta.1-dev.2023-11-08 → 3.4.0-dev.2023-12-01

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 (49) hide show
  1. package/CHANGELOG.md +7 -2
  2. package/dist/json/attributes.json +2066 -2074
  3. package/dist/json/importMap.json +96 -96
  4. package/dist/json/tags.json +5 -7
  5. package/dist/json/web-types.json +3991 -4113
  6. package/dist/vuetify-labs.css +1886 -1885
  7. package/dist/vuetify-labs.d.ts +89 -136
  8. package/dist/vuetify-labs.esm.js +125 -112
  9. package/dist/vuetify-labs.esm.js.map +1 -1
  10. package/dist/vuetify-labs.js +124 -111
  11. package/dist/vuetify-labs.min.css +2 -2
  12. package/dist/vuetify.css +161 -160
  13. package/dist/vuetify.d.ts +118 -165
  14. package/dist/vuetify.esm.js +125 -112
  15. package/dist/vuetify.esm.js.map +1 -1
  16. package/dist/vuetify.js +124 -111
  17. package/dist/vuetify.js.map +1 -1
  18. package/dist/vuetify.min.css +2 -2
  19. package/dist/vuetify.min.js +141 -140
  20. package/dist/vuetify.min.js.map +1 -1
  21. package/lib/components/VBtn/VBtn.css +0 -1
  22. package/lib/components/VBtn/_variables.scss +1 -1
  23. package/lib/components/VBtnGroup/VBtnGroup.css +0 -1
  24. package/lib/components/VCarousel/index.d.mts +24 -1
  25. package/lib/components/VDataTable/VDataTableServer.mjs +2 -2
  26. package/lib/components/VDataTable/VDataTableServer.mjs.map +1 -1
  27. package/lib/components/VDataTable/VDataTableVirtual.mjs +2 -2
  28. package/lib/components/VDataTable/VDataTableVirtual.mjs.map +1 -1
  29. package/lib/components/VDataTable/index.d.mts +24 -24
  30. package/lib/components/VGrid/VSpacer.mjs +3 -0
  31. package/lib/components/VGrid/VSpacer.mjs.map +1 -1
  32. package/lib/components/VImg/VImg.css +3 -0
  33. package/lib/components/VImg/VImg.mjs +14 -3
  34. package/lib/components/VImg/VImg.mjs.map +1 -1
  35. package/lib/components/VImg/VImg.sass +3 -0
  36. package/lib/components/VImg/_variables.scss +3 -0
  37. package/lib/components/VImg/index.d.mts +24 -1
  38. package/lib/components/VStepper/VStepperWindow.mjs +8 -6
  39. package/lib/components/VStepper/VStepperWindow.mjs.map +1 -1
  40. package/lib/components/VStepper/VStepperWindowItem.mjs +3 -1
  41. package/lib/components/VStepper/VStepperWindowItem.mjs.map +1 -1
  42. package/lib/components/VStepper/index.d.mts +18 -140
  43. package/lib/components/index.d.mts +89 -136
  44. package/lib/entry-bundler.mjs +1 -1
  45. package/lib/entry-bundler.mjs.map +1 -1
  46. package/lib/framework.mjs +1 -1
  47. package/lib/framework.mjs.map +1 -1
  48. package/lib/index.d.mts +29 -29
  49. package/package.json +2 -2
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.4.0-beta.1-dev.2023-11-08
2
+ * Vuetify v3.4.0-dev.2023-12-01
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17032,34 +17032,6 @@ html.overflow-y-hidden {
17032
17032
  padding-bottom: 16px;
17033
17033
  font-weight: 600;
17034
17034
  letter-spacing: 0.1666666667em;
17035
- }.v-application {
17036
- display: flex;
17037
- background: rgb(var(--v-theme-background));
17038
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
17039
- }
17040
-
17041
- .v-application__wrap {
17042
- -webkit-backface-visibility: hidden;
17043
- backface-visibility: hidden;
17044
- display: flex;
17045
- flex-direction: column;
17046
- flex: 1 1 auto;
17047
- max-width: 100%;
17048
- min-height: 100vh;
17049
- min-height: 100dvh;
17050
- position: relative;
17051
- }.v-app-bar {
17052
- display: flex;
17053
- }
17054
- .v-app-bar.v-toolbar {
17055
- background: rgb(var(--v-theme-surface));
17056
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17057
- }
17058
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17059
- 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));
17060
- }
17061
- .v-app-bar:not(.v-toolbar--absolute) {
17062
- padding-inline-end: var(--v-scrollbar-offset);
17063
17035
  }.v-alert {
17064
17036
  display: grid;
17065
17037
  flex: 1 1;
@@ -17270,87 +17242,34 @@ html.overflow-y-hidden {
17270
17242
  text-transform: none;
17271
17243
  word-break: normal;
17272
17244
  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;
17245
+ }.v-app-bar {
17246
+ display: flex;
17289
17247
  }
17290
- .v-autocomplete .v-autocomplete__selection-text {
17291
- overflow: hidden;
17292
- text-overflow: ellipsis;
17293
- white-space: nowrap;
17248
+ .v-app-bar.v-toolbar {
17249
+ background: rgb(var(--v-theme-surface));
17250
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17294
17251
  }
17295
-
17296
- .v-autocomplete__content {
17297
- overflow: hidden;
17252
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17298
17253
  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
17254
  }
17347
- .v-autocomplete__menu-icon {
17348
- margin-inline-start: 4px;
17349
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17255
+ .v-app-bar:not(.v-toolbar--absolute) {
17256
+ padding-inline-end: var(--v-scrollbar-offset);
17257
+ }.v-application {
17258
+ display: flex;
17259
+ background: rgb(var(--v-theme-background));
17260
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
17350
17261
  }
17351
- .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17352
- opacity: var(--v-high-emphasis-opacity);
17353
- transform: rotate(180deg);
17262
+
17263
+ .v-application__wrap {
17264
+ -webkit-backface-visibility: hidden;
17265
+ backface-visibility: hidden;
17266
+ display: flex;
17267
+ flex-direction: column;
17268
+ flex: 1 1 auto;
17269
+ max-width: 100%;
17270
+ min-height: 100vh;
17271
+ min-height: 100dvh;
17272
+ position: relative;
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,54 +17514,206 @@ 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));
17681
- }
17682
- .v-bottom-navigation--border {
17683
- border-width: thin;
17684
- box-shadow: none;
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;
17685
17521
  }
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));
17522
+ .v-autocomplete .v-field .v-field__input > input {
17523
+ flex: 1 1;
17688
17524
  }
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%;
17525
+ .v-autocomplete .v-field input {
17526
+ min-width: 64px;
17697
17527
  }
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;
17528
+ .v-autocomplete .v-field:not(.v-field--focused) input {
17529
+ min-width: 0;
17707
17530
  }
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;
17531
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17532
+ margin-inline-end: 2px;
17711
17533
  }
17712
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
17713
- font-size: 1.5rem;
17534
+ .v-autocomplete .v-autocomplete__selection-text {
17535
+ overflow: hidden;
17536
+ text-overflow: ellipsis;
17537
+ white-space: nowrap;
17714
17538
  }
17715
- .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
17716
- flex-grow: 1;
17539
+
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;
17544
+ }
17545
+ .v-autocomplete__mask {
17546
+ background: rgb(var(--v-theme-on-surface-variant));
17547
+ }
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);
17555
+ }
17556
+ .v-autocomplete__selection:first-child {
17557
+ margin-inline-start: 0;
17558
+ }
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;
17564
+ }
17565
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
17566
+ opacity: var(--v-medium-emphasis-opacity);
17567
+ }
17568
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17569
+ opacity: 1;
17570
+ }
17571
+ .v-autocomplete--selecting-index .v-field__input > input {
17572
+ caret-color: transparent;
17573
+ }
17574
+ .v-autocomplete--single.v-text-field input {
17575
+ flex: 1 1;
17576
+ position: absolute;
17577
+ left: 0;
17578
+ right: 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
17717
  }
17718
17718
  .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
17719
17719
  transition: inherit;
@@ -17810,151 +17810,143 @@ 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 {
17815
- align-items: center;
17816
- border-radius: 4px;
17817
- display: inline-grid;
17818
- grid-template-areas: "prepend content append";
17819
- grid-template-columns: max-content auto max-content;
17820
- font-weight: 500;
17821
- justify-content: center;
17822
- letter-spacing: 0.0892857143em;
17823
- line-height: normal;
17813
+ }.v-btn-group {
17814
+ display: inline-flex;
17815
+ flex-wrap: nowrap;
17824
17816
  max-width: 100%;
17825
- outline: none;
17826
- position: relative;
17827
- text-decoration: none;
17828
- text-indent: 0.0892857143em;
17829
- text-transform: uppercase;
17830
- transition-property: box-shadow, transform, opacity, background;
17831
- transition-duration: 0.28s;
17832
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
17833
- -webkit-user-select: none;
17834
- user-select: none;
17817
+ min-width: 0;
17818
+ overflow: hidden;
17835
17819
  vertical-align: middle;
17836
- flex-shrink: 0;
17837
17820
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17838
17821
  border-style: solid;
17839
17822
  border-width: 0;
17823
+ 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));
17824
+ border-radius: 4px;
17825
+ background: transparent;
17826
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17840
17827
  }
17841
- .v-btn--size-x-small {
17842
- --v-btn-size: 0.625rem;
17843
- --v-btn-height: 20px;
17844
- font-size: var(--v-btn-size);
17845
- min-width: 36px;
17846
- padding: 0 8px;
17828
+ .v-btn-group--border {
17829
+ border-width: thin;
17830
+ box-shadow: none;
17847
17831
  }
17848
-
17849
- .v-btn--size-small {
17850
- --v-btn-size: 0.75rem;
17851
- --v-btn-height: 28px;
17852
- font-size: var(--v-btn-size);
17853
- min-width: 50px;
17854
- padding: 0 12px;
17832
+ .v-btn-group--density-default.v-btn-group {
17833
+ height: 48px;
17855
17834
  }
17856
17835
 
17857
- .v-btn--size-default {
17858
- --v-btn-size: 0.875rem;
17859
- --v-btn-height: 36px;
17860
- font-size: var(--v-btn-size);
17861
- min-width: 64px;
17862
- padding: 0 16px;
17836
+ .v-btn-group--density-comfortable.v-btn-group {
17837
+ height: 40px;
17863
17838
  }
17864
17839
 
17865
- .v-btn--size-large {
17866
- --v-btn-size: 1rem;
17867
- --v-btn-height: 44px;
17868
- font-size: var(--v-btn-size);
17869
- min-width: 78px;
17870
- padding: 0 20px;
17840
+ .v-btn-group--density-compact.v-btn-group {
17841
+ height: 36px;
17871
17842
  }
17872
17843
 
17873
- .v-btn--size-x-large {
17874
- --v-btn-size: 1.125rem;
17875
- --v-btn-height: 52px;
17876
- font-size: var(--v-btn-size);
17877
- min-width: 92px;
17878
- padding: 0 24px;
17844
+ .v-btn-group .v-btn {
17845
+ border-radius: 0;
17846
+ border-color: inherit;
17879
17847
  }
17880
-
17881
- .v-btn.v-btn--density-default {
17882
- height: calc(var(--v-btn-height) + 0px);
17848
+ .v-btn-group .v-btn:not(:last-child) {
17849
+ border-inline-end: none;
17883
17850
  }
17884
-
17885
- .v-btn.v-btn--density-comfortable {
17886
- height: calc(var(--v-btn-height) + -8px);
17851
+ .v-btn-group .v-btn:not(:first-child) {
17852
+ border-inline-start: none;
17887
17853
  }
17888
-
17889
- .v-btn.v-btn--density-compact {
17890
- height: calc(var(--v-btn-height) + -12px);
17854
+ .v-btn-group .v-btn:first-child {
17855
+ border-start-start-radius: inherit;
17856
+ border-end-start-radius: inherit;
17891
17857
  }
17892
-
17893
- .v-btn--border {
17858
+ .v-btn-group .v-btn:last-child {
17859
+ border-start-end-radius: inherit;
17860
+ border-end-end-radius: inherit;
17861
+ }
17862
+ .v-btn-group--divided .v-btn:not(:last-child) {
17863
+ border-inline-end-width: thin;
17864
+ border-inline-end-style: solid;
17865
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
17866
+ }
17867
+ .v-btn-group--tile {
17868
+ border-radius: 0;
17869
+ }.v-card {
17870
+ display: block;
17871
+ overflow: hidden;
17872
+ overflow-wrap: break-word;
17873
+ position: relative;
17874
+ padding: 0;
17875
+ text-decoration: none;
17876
+ transition-duration: 0.28s;
17877
+ transition-property: box-shadow, opacity, background;
17878
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
17879
+ z-index: 0;
17880
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17881
+ border-style: solid;
17882
+ border-width: 0;
17883
+ border-radius: 4px;
17884
+ }
17885
+ .v-card--border {
17894
17886
  border-width: thin;
17895
17887
  box-shadow: none;
17896
17888
  }
17897
- .v-btn--absolute {
17889
+ .v-card--absolute {
17898
17890
  position: absolute;
17899
17891
  }
17900
- .v-btn--fixed {
17892
+ .v-card--fixed {
17901
17893
  position: fixed;
17902
17894
  }
17903
- .v-btn:hover > .v-btn__overlay {
17895
+ .v-card:hover > .v-card__overlay {
17904
17896
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
17905
17897
  }
17906
- .v-btn:focus-visible > .v-btn__overlay {
17898
+ .v-card:focus-visible > .v-card__overlay {
17907
17899
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
17908
17900
  }
17909
17901
  @supports not selector(:focus-visible) {
17910
- .v-btn:focus > .v-btn__overlay {
17902
+ .v-card:focus > .v-card__overlay {
17911
17903
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
17912
17904
  }
17913
17905
  }
17914
- .v-btn--active > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true] > .v-btn__overlay {
17906
+ .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
17915
17907
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
17916
17908
  }
17917
- .v-btn--active:hover > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:hover > .v-btn__overlay {
17909
+ .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
17918
17910
  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
17919
17911
  }
17920
- .v-btn--active:focus-visible > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-btn__overlay {
17912
+ .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
17921
17913
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
17922
17914
  }
17923
17915
  @supports not selector(:focus-visible) {
17924
- .v-btn--active:focus > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-btn__overlay {
17916
+ .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
17925
17917
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
17926
17918
  }
17927
17919
  }
17928
- .v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-tonal {
17920
+ .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
17929
17921
  background: transparent;
17930
17922
  color: inherit;
17931
17923
  }
17932
- .v-btn--variant-plain {
17924
+ .v-card--variant-plain {
17933
17925
  opacity: 0.62;
17934
17926
  }
17935
- .v-btn--variant-plain:focus, .v-btn--variant-plain:hover {
17927
+ .v-card--variant-plain:focus, .v-card--variant-plain:hover {
17936
17928
  opacity: 1;
17937
17929
  }
17938
- .v-btn--variant-plain .v-btn__overlay {
17930
+ .v-card--variant-plain .v-card__overlay {
17939
17931
  display: none;
17940
17932
  }
17941
- .v-btn--variant-elevated, .v-btn--variant-flat {
17933
+ .v-card--variant-elevated, .v-card--variant-flat {
17942
17934
  background: rgb(var(--v-theme-surface));
17943
17935
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17944
17936
  }
17945
- .v-btn--variant-elevated {
17946
- 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));
17937
+ .v-card--variant-elevated {
17938
+ box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17947
17939
  }
17948
- .v-btn--variant-flat {
17940
+ .v-card--variant-flat {
17949
17941
  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));
17950
17942
  }
17951
- .v-btn--variant-outlined {
17943
+ .v-card--variant-outlined {
17952
17944
  border: thin solid currentColor;
17953
17945
  }
17954
- .v-btn--variant-text .v-btn__overlay {
17946
+ .v-card--variant-text .v-card__overlay {
17955
17947
  background: currentColor;
17956
17948
  }
17957
- .v-btn--variant-tonal .v-btn__underlay {
17949
+ .v-card--variant-tonal .v-card__underlay {
17958
17950
  background: currentColor;
17959
17951
  opacity: var(--v-activated-opacity);
17960
17952
  border-radius: inherit;
@@ -17965,309 +17957,207 @@ html.overflow-y-hidden {
17965
17957
  left: 0;
17966
17958
  pointer-events: none;
17967
17959
  }
17968
- @supports selector(:focus-visible) {
17969
- .v-btn::after {
17970
- content: "";
17971
- position: absolute;
17972
- top: 0;
17973
- left: 0;
17974
- width: 100%;
17975
- height: 100%;
17976
- pointer-events: none;
17977
- border: 2px solid currentColor;
17978
- border-radius: inherit;
17979
- opacity: 0;
17980
- transition: opacity 0.2s ease-in-out;
17981
- }
17982
- .v-btn:focus-visible::after {
17983
- opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
17984
- }
17985
- }
17986
- .v-btn--icon {
17987
- border-radius: 50%;
17988
- min-width: 0;
17989
- padding: 0;
17990
- }
17991
- .v-btn--icon.v-btn--size-default {
17992
- --v-btn-size: 1rem;
17993
- }
17994
- .v-btn--icon.v-btn--density-default {
17995
- width: calc(var(--v-btn-height) + 12px);
17996
- height: calc(var(--v-btn-height) + 12px);
17997
- }
17998
- .v-btn--icon.v-btn--density-comfortable {
17999
- width: calc(var(--v-btn-height) + 0px);
18000
- height: calc(var(--v-btn-height) + 0px);
18001
- }
18002
- .v-btn--icon.v-btn--density-compact {
18003
- width: calc(var(--v-btn-height) + -8px);
18004
- height: calc(var(--v-btn-height) + -8px);
18005
- }
18006
-
18007
- .v-btn--elevated:hover, .v-btn--elevated:focus {
18008
- 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));
17960
+ .v-card--disabled {
17961
+ pointer-events: none;
17962
+ -webkit-user-select: none;
17963
+ user-select: none;
18009
17964
  }
18010
- .v-btn--elevated:active {
18011
- 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));
17965
+ .v-card--disabled > :not(.v-card__loader) {
17966
+ opacity: 0.6;
18012
17967
  }
18013
- .v-btn--flat {
17968
+ .v-card--flat {
18014
17969
  box-shadow: none;
18015
17970
  }
18016
- .v-btn--block {
18017
- display: flex;
18018
- flex: 1 0 auto;
18019
- min-width: 100%;
17971
+ .v-card--hover {
17972
+ cursor: pointer;
18020
17973
  }
18021
- .v-btn--disabled {
17974
+ .v-card--hover::before, .v-card--hover::after {
17975
+ border-radius: inherit;
17976
+ bottom: 0;
17977
+ content: "";
17978
+ display: block;
17979
+ left: 0;
18022
17980
  pointer-events: none;
18023
- opacity: 0.26;
18024
- }
18025
- .v-btn--disabled:hover {
18026
- opacity: 0.26;
17981
+ position: absolute;
17982
+ right: 0;
17983
+ top: 0;
17984
+ transition: inherit;
18027
17985
  }
18028
- .v-btn--disabled.v-btn--variant-elevated, .v-btn--disabled.v-btn--variant-flat {
18029
- box-shadow: none;
17986
+ .v-card--hover::before {
18030
17987
  opacity: 1;
18031
- color: rgba(var(--v-theme-on-surface), 0.26);
18032
- background: rgb(var(--v-theme-surface));
18033
- }
18034
- .v-btn--disabled.v-btn--variant-elevated .v-btn__overlay, .v-btn--disabled.v-btn--variant-flat .v-btn__overlay {
18035
- opacity: 0.4615384615;
18036
- }
18037
- .v-btn--loading {
18038
- pointer-events: none;
17988
+ z-index: -1;
17989
+ box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
18039
17990
  }
18040
- .v-btn--loading .v-btn__content,
18041
- .v-btn--loading .v-btn__prepend,
18042
- .v-btn--loading .v-btn__append {
17991
+ .v-card--hover::after {
17992
+ z-index: 1;
18043
17993
  opacity: 0;
17994
+ 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));
18044
17995
  }
18045
- .v-btn--stacked {
18046
- grid-template-areas: "prepend" "content" "append";
18047
- grid-template-columns: auto;
18048
- grid-template-rows: max-content max-content max-content;
18049
- justify-items: center;
18050
- align-content: center;
18051
- }
18052
- .v-btn--stacked .v-btn__content {
18053
- flex-direction: column;
18054
- line-height: 1.25;
18055
- }
18056
- .v-btn--stacked .v-btn__prepend,
18057
- .v-btn--stacked .v-btn__append,
18058
- .v-btn--stacked .v-btn__content > .v-icon--start,
18059
- .v-btn--stacked .v-btn__content > .v-icon--end {
18060
- margin-inline: 0;
17996
+ .v-card--hover:hover::after {
17997
+ opacity: 1;
18061
17998
  }
18062
- .v-btn--stacked .v-btn__prepend,
18063
- .v-btn--stacked .v-btn__content > .v-icon--start {
18064
- margin-bottom: 4px;
17999
+ .v-card--hover:hover::before {
18000
+ opacity: 0;
18065
18001
  }
18066
- .v-btn--stacked .v-btn__append,
18067
- .v-btn--stacked .v-btn__content > .v-icon--end {
18068
- margin-top: 4px;
18002
+ .v-card--hover:hover {
18003
+ 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));
18069
18004
  }
18070
- .v-btn--stacked.v-btn--size-x-small {
18071
- --v-btn-size: 0.625rem;
18072
- --v-btn-height: 56px;
18073
- font-size: var(--v-btn-size);
18074
- min-width: 56px;
18075
- padding: 0 12px;
18005
+ .v-card--link {
18006
+ cursor: pointer;
18076
18007
  }
18077
18008
 
18078
- .v-btn--stacked.v-btn--size-small {
18079
- --v-btn-size: 0.75rem;
18080
- --v-btn-height: 64px;
18081
- font-size: var(--v-btn-size);
18082
- min-width: 64px;
18083
- padding: 0 14px;
18009
+ .v-card-actions {
18010
+ align-items: center;
18011
+ display: flex;
18012
+ flex: none;
18013
+ min-height: 52px;
18014
+ padding: 0.5rem;
18084
18015
  }
18085
18016
 
18086
- .v-btn--stacked.v-btn--size-default {
18087
- --v-btn-size: 0.875rem;
18088
- --v-btn-height: 72px;
18089
- font-size: var(--v-btn-size);
18090
- min-width: 72px;
18091
- padding: 0 16px;
18017
+ .v-card-item {
18018
+ align-items: center;
18019
+ display: grid;
18020
+ flex: none;
18021
+ grid-template-areas: "prepend content append";
18022
+ grid-template-columns: max-content auto max-content;
18023
+ padding: 0.625rem 1rem;
18092
18024
  }
18093
-
18094
- .v-btn--stacked.v-btn--size-large {
18095
- --v-btn-size: 1rem;
18096
- --v-btn-height: 80px;
18097
- font-size: var(--v-btn-size);
18098
- min-width: 80px;
18099
- padding: 0 18px;
18025
+ .v-card-item + .v-card-text {
18026
+ padding-top: 0;
18100
18027
  }
18101
-
18102
- .v-btn--stacked.v-btn--size-x-large {
18103
- --v-btn-size: 1.125rem;
18104
- --v-btn-height: 88px;
18105
- font-size: var(--v-btn-size);
18106
- min-width: 88px;
18107
- padding: 0 20px;
18028
+ .v-card-item__prepend {
18029
+ grid-area: prepend;
18030
+ padding-inline-end: 1rem;
18108
18031
  }
18109
-
18110
- .v-btn--stacked.v-btn--density-default {
18111
- height: calc(var(--v-btn-height) + 0px);
18032
+ .v-card-item__append {
18033
+ grid-area: append;
18034
+ padding-inline-start: 1rem;
18112
18035
  }
18113
18036
 
18114
- .v-btn--stacked.v-btn--density-comfortable {
18115
- height: calc(var(--v-btn-height) + -16px);
18116
- }
18117
-
18118
- .v-btn--stacked.v-btn--density-compact {
18119
- height: calc(var(--v-btn-height) + -24px);
18037
+ .v-card-item__content {
18038
+ align-self: center;
18039
+ grid-area: content;
18040
+ overflow: hidden;
18120
18041
  }
18121
18042
 
18122
- .v-btn--slim {
18123
- padding: 0 8px;
18043
+ .v-card-title {
18044
+ display: block;
18045
+ flex: none;
18046
+ font-size: 1.25rem;
18047
+ font-weight: 500;
18048
+ -webkit-hyphens: auto;
18049
+ hyphens: auto;
18050
+ letter-spacing: 0.0125em;
18051
+ min-width: 0;
18052
+ overflow-wrap: normal;
18053
+ overflow: hidden;
18054
+ padding: 0.5rem 1rem;
18055
+ text-overflow: ellipsis;
18056
+ text-transform: none;
18057
+ white-space: nowrap;
18058
+ word-break: normal;
18059
+ word-wrap: break-word;
18124
18060
  }
18125
- .v-btn--rounded {
18126
- border-radius: 24px;
18061
+ .v-card .v-card-title {
18062
+ line-height: 2rem;
18127
18063
  }
18128
- .v-btn--rounded.v-btn--icon {
18129
- border-radius: 4px;
18064
+ .v-card--density-comfortable .v-card-title {
18065
+ line-height: 1.75rem;
18130
18066
  }
18131
- .v-btn .v-icon {
18132
- --v-icon-size-multiplier: 0.8571428571;
18067
+ .v-card--density-compact .v-card-title {
18068
+ line-height: 1.55rem;
18133
18069
  }
18134
- .v-btn--icon .v-icon {
18135
- --v-icon-size-multiplier: 1;
18070
+ .v-card-item .v-card-title {
18071
+ padding: 0;
18136
18072
  }
18137
- .v-btn--stacked .v-icon {
18138
- --v-icon-size-multiplier: 1.1428571429;
18073
+ .v-card-title + .v-card-text,
18074
+ .v-card-title + .v-card-actions {
18075
+ padding-top: 0;
18139
18076
  }
18140
18077
 
18141
- .v-btn__loader {
18142
- align-items: center;
18143
- display: flex;
18144
- height: 100%;
18145
- justify-content: center;
18146
- left: 0;
18147
- position: absolute;
18148
- top: 0;
18149
- width: 100%;
18078
+ .v-card-subtitle {
18079
+ display: block;
18080
+ flex: none;
18081
+ font-size: 0.875rem;
18082
+ font-weight: 400;
18083
+ letter-spacing: 0.0178571429em;
18084
+ opacity: var(--v-medium-emphasis-opacity);
18085
+ overflow: hidden;
18086
+ padding: 0 1rem;
18087
+ text-overflow: ellipsis;
18088
+ text-transform: none;
18089
+ white-space: nowrap;
18150
18090
  }
18151
-
18152
- .v-btn__content,
18153
- .v-btn__prepend,
18154
- .v-btn__append {
18155
- align-items: center;
18156
- display: flex;
18157
- transition: transform, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18091
+ .v-card .v-card-subtitle {
18092
+ line-height: 1.25rem;
18158
18093
  }
18159
-
18160
- .v-btn__prepend {
18161
- grid-area: prepend;
18162
- margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
18094
+ .v-card--density-comfortable .v-card-subtitle {
18095
+ line-height: 1.125rem;
18163
18096
  }
18164
-
18165
- .v-btn__append {
18166
- grid-area: append;
18167
- margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
18097
+ .v-card--density-compact .v-card-subtitle {
18098
+ line-height: 1rem;
18168
18099
  }
18169
-
18170
- .v-btn__content {
18171
- grid-area: content;
18172
- justify-content: center;
18173
- white-space: nowrap;
18100
+ .v-card-item .v-card-subtitle {
18101
+ padding: 0 0 0.25rem;
18174
18102
  }
18175
- .v-btn__content > .v-icon--start {
18176
- margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
18103
+
18104
+ .v-card-text {
18105
+ flex: 1 1 auto;
18106
+ font-size: 0.875rem;
18107
+ font-weight: 400;
18108
+ letter-spacing: 0.0178571429em;
18109
+ padding: 1rem;
18110
+ text-transform: none;
18177
18111
  }
18178
- .v-btn__content > .v-icon--end {
18179
- margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
18112
+ .v-card .v-card-text {
18113
+ line-height: 1.25rem;
18180
18114
  }
18181
- .v-btn--stacked .v-btn__content {
18182
- white-space: normal;
18115
+ .v-card--density-comfortable .v-card-text {
18116
+ line-height: 1.2rem;
18183
18117
  }
18184
-
18185
- .v-btn__overlay {
18186
- background-color: currentColor;
18187
- border-radius: inherit;
18188
- opacity: 0;
18189
- transition: opacity 0.2s ease-in-out;
18118
+ .v-card--density-compact .v-card-text {
18119
+ line-height: 1.15rem;
18190
18120
  }
18191
18121
 
18192
- .v-btn__overlay,
18193
- .v-btn__underlay {
18122
+ .v-card__image {
18123
+ display: flex;
18124
+ height: 100%;
18125
+ flex: 1 1 auto;
18126
+ left: 0;
18127
+ overflow: hidden;
18194
18128
  position: absolute;
18195
18129
  top: 0;
18196
- left: 0;
18197
18130
  width: 100%;
18198
- height: 100%;
18199
- pointer-events: none;
18200
- }
18201
-
18202
- .v-card-actions .v-btn ~ .v-btn:not(.v-btn-toggle .v-btn) {
18203
- margin-inline-start: 0.5rem;
18131
+ z-index: -1;
18204
18132
  }
18205
18133
 
18206
- .v-pagination .v-btn {
18207
- border-radius: 4px;
18208
- }
18209
- .v-btn__overlay {
18210
- transition: none;
18211
- }
18212
- .v-pagination__item--is-active .v-btn__overlay {
18213
- opacity: var(--v-border-opacity);
18214
- }/** if false, disabled buttons will be greyed out */
18215
- .v-btn-group {
18216
- display: inline-flex;
18217
- flex-wrap: nowrap;
18218
- max-width: 100%;
18219
- min-width: 0;
18134
+ .v-card__content {
18135
+ border-radius: inherit;
18220
18136
  overflow: hidden;
18221
- vertical-align: middle;
18222
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18223
- border-style: solid;
18224
- border-width: 0;
18225
- 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));
18226
- border-radius: 4px;
18227
- background: transparent;
18228
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18229
- }
18230
- .v-btn-group--border {
18231
- border-width: thin;
18232
- box-shadow: none;
18233
- }
18234
- .v-btn-group--density-default.v-btn-group {
18235
- height: 48px;
18236
- }
18237
-
18238
- .v-btn-group--density-comfortable.v-btn-group {
18239
- height: 40px;
18137
+ position: relative;
18240
18138
  }
18241
18139
 
18242
- .v-btn-group--density-compact.v-btn-group {
18243
- height: 36px;
18140
+ .v-card__loader {
18141
+ bottom: auto;
18142
+ top: 0;
18143
+ left: 0;
18144
+ position: absolute;
18145
+ right: 0;
18146
+ width: 100%;
18147
+ z-index: 1;
18244
18148
  }
18245
18149
 
18246
- .v-btn-group .v-btn {
18247
- border-radius: 0;
18248
- border-color: inherit;
18249
- }
18250
- .v-btn-group .v-btn:not(:last-child) {
18251
- border-inline-end: none;
18252
- }
18253
- .v-btn-group .v-btn:not(:first-child) {
18254
- border-inline-start: none;
18255
- }
18256
- .v-btn-group .v-btn:first-child {
18257
- border-start-start-radius: inherit;
18258
- border-end-start-radius: inherit;
18259
- }
18260
- .v-btn-group .v-btn:last-child {
18261
- border-start-end-radius: inherit;
18262
- border-end-end-radius: inherit;
18263
- }
18264
- .v-btn-group--divided .v-btn:not(:last-child) {
18265
- border-inline-end-width: thin;
18266
- border-inline-end-style: solid;
18267
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
18268
- }
18269
- .v-btn-group--tile {
18270
- border-radius: 0;
18150
+ .v-card__overlay {
18151
+ background-color: currentColor;
18152
+ border-radius: inherit;
18153
+ position: absolute;
18154
+ top: 0;
18155
+ right: 0;
18156
+ bottom: 0;
18157
+ left: 0;
18158
+ pointer-events: none;
18159
+ opacity: 0;
18160
+ transition: opacity 0.2s ease-in-out;
18271
18161
  }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18272
18162
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18273
18163
  }
@@ -18281,87 +18171,150 @@ html.overflow-y-hidden {
18281
18171
  .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18282
18172
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18283
18173
  }
18284
- }.v-card {
18285
- display: block;
18286
- overflow: hidden;
18287
- overflow-wrap: break-word;
18174
+ }.v-btn {
18175
+ align-items: center;
18176
+ border-radius: 4px;
18177
+ display: inline-grid;
18178
+ grid-template-areas: "prepend content append";
18179
+ grid-template-columns: max-content auto max-content;
18180
+ font-weight: 500;
18181
+ justify-content: center;
18182
+ letter-spacing: 0.0892857143em;
18183
+ line-height: normal;
18184
+ max-width: 100%;
18185
+ outline: none;
18288
18186
  position: relative;
18289
- padding: 0;
18290
18187
  text-decoration: none;
18188
+ text-indent: 0.0892857143em;
18189
+ text-transform: uppercase;
18190
+ transition-property: box-shadow, transform, opacity, background;
18291
18191
  transition-duration: 0.28s;
18292
- transition-property: box-shadow, opacity, background;
18293
18192
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
18294
- z-index: 0;
18193
+ -webkit-user-select: none;
18194
+ user-select: none;
18195
+ vertical-align: middle;
18196
+ flex-shrink: 0;
18295
18197
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18296
18198
  border-style: solid;
18297
18199
  border-width: 0;
18298
- border-radius: 4px;
18299
18200
  }
18300
- .v-card--border {
18301
- border-width: thin;
18302
- box-shadow: none;
18201
+ .v-btn--size-x-small {
18202
+ --v-btn-size: 0.625rem;
18203
+ --v-btn-height: 20px;
18204
+ font-size: var(--v-btn-size);
18205
+ min-width: 36px;
18206
+ padding: 0 8px;
18303
18207
  }
18304
- .v-card--absolute {
18208
+
18209
+ .v-btn--size-small {
18210
+ --v-btn-size: 0.75rem;
18211
+ --v-btn-height: 28px;
18212
+ font-size: var(--v-btn-size);
18213
+ min-width: 50px;
18214
+ padding: 0 12px;
18215
+ }
18216
+
18217
+ .v-btn--size-default {
18218
+ --v-btn-size: 0.875rem;
18219
+ --v-btn-height: 36px;
18220
+ font-size: var(--v-btn-size);
18221
+ min-width: 64px;
18222
+ padding: 0 16px;
18223
+ }
18224
+
18225
+ .v-btn--size-large {
18226
+ --v-btn-size: 1rem;
18227
+ --v-btn-height: 44px;
18228
+ font-size: var(--v-btn-size);
18229
+ min-width: 78px;
18230
+ padding: 0 20px;
18231
+ }
18232
+
18233
+ .v-btn--size-x-large {
18234
+ --v-btn-size: 1.125rem;
18235
+ --v-btn-height: 52px;
18236
+ font-size: var(--v-btn-size);
18237
+ min-width: 92px;
18238
+ padding: 0 24px;
18239
+ }
18240
+
18241
+ .v-btn.v-btn--density-default {
18242
+ height: calc(var(--v-btn-height) + 0px);
18243
+ }
18244
+
18245
+ .v-btn.v-btn--density-comfortable {
18246
+ height: calc(var(--v-btn-height) + -8px);
18247
+ }
18248
+
18249
+ .v-btn.v-btn--density-compact {
18250
+ height: calc(var(--v-btn-height) + -12px);
18251
+ }
18252
+
18253
+ .v-btn--border {
18254
+ border-width: thin;
18255
+ box-shadow: none;
18256
+ }
18257
+ .v-btn--absolute {
18305
18258
  position: absolute;
18306
18259
  }
18307
- .v-card--fixed {
18260
+ .v-btn--fixed {
18308
18261
  position: fixed;
18309
18262
  }
18310
- .v-card:hover > .v-card__overlay {
18263
+ .v-btn:hover > .v-btn__overlay {
18311
18264
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
18312
18265
  }
18313
- .v-card:focus-visible > .v-card__overlay {
18266
+ .v-btn:focus-visible > .v-btn__overlay {
18314
18267
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
18315
18268
  }
18316
18269
  @supports not selector(:focus-visible) {
18317
- .v-card:focus > .v-card__overlay {
18270
+ .v-btn:focus > .v-btn__overlay {
18318
18271
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
18319
18272
  }
18320
18273
  }
18321
- .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
18274
+ .v-btn--active > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true] > .v-btn__overlay {
18322
18275
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18323
18276
  }
18324
- .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
18277
+ .v-btn--active:hover > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:hover > .v-btn__overlay {
18325
18278
  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18326
18279
  }
18327
- .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
18280
+ .v-btn--active:focus-visible > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-btn__overlay {
18328
18281
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18329
18282
  }
18330
18283
  @supports not selector(:focus-visible) {
18331
- .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
18284
+ .v-btn--active:focus > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-btn__overlay {
18332
18285
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18333
18286
  }
18334
18287
  }
18335
- .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
18288
+ .v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-tonal {
18336
18289
  background: transparent;
18337
18290
  color: inherit;
18338
18291
  }
18339
- .v-card--variant-plain {
18292
+ .v-btn--variant-plain {
18340
18293
  opacity: 0.62;
18341
18294
  }
18342
- .v-card--variant-plain:focus, .v-card--variant-plain:hover {
18295
+ .v-btn--variant-plain:focus, .v-btn--variant-plain:hover {
18343
18296
  opacity: 1;
18344
18297
  }
18345
- .v-card--variant-plain .v-card__overlay {
18298
+ .v-btn--variant-plain .v-btn__overlay {
18346
18299
  display: none;
18347
18300
  }
18348
- .v-card--variant-elevated, .v-card--variant-flat {
18301
+ .v-btn--variant-elevated, .v-btn--variant-flat {
18349
18302
  background: rgb(var(--v-theme-surface));
18350
18303
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18351
18304
  }
18352
- .v-card--variant-elevated {
18353
- box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
18305
+ .v-btn--variant-elevated {
18306
+ 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));
18354
18307
  }
18355
- .v-card--variant-flat {
18308
+ .v-btn--variant-flat {
18356
18309
  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));
18357
18310
  }
18358
- .v-card--variant-outlined {
18311
+ .v-btn--variant-outlined {
18359
18312
  border: thin solid currentColor;
18360
18313
  }
18361
- .v-card--variant-text .v-card__overlay {
18314
+ .v-btn--variant-text .v-btn__overlay {
18362
18315
  background: currentColor;
18363
18316
  }
18364
- .v-card--variant-tonal .v-card__underlay {
18317
+ .v-btn--variant-tonal .v-btn__underlay {
18365
18318
  background: currentColor;
18366
18319
  opacity: var(--v-activated-opacity);
18367
18320
  border-radius: inherit;
@@ -18372,207 +18325,254 @@ html.overflow-y-hidden {
18372
18325
  left: 0;
18373
18326
  pointer-events: none;
18374
18327
  }
18375
- .v-card--disabled {
18376
- pointer-events: none;
18377
- -webkit-user-select: none;
18378
- user-select: none;
18328
+ @supports selector(:focus-visible) {
18329
+ .v-btn::after {
18330
+ content: "";
18331
+ position: absolute;
18332
+ top: 0;
18333
+ left: 0;
18334
+ width: 100%;
18335
+ height: 100%;
18336
+ pointer-events: none;
18337
+ border: 2px solid currentColor;
18338
+ border-radius: inherit;
18339
+ opacity: 0;
18340
+ transition: opacity 0.2s ease-in-out;
18341
+ }
18342
+ .v-btn:focus-visible::after {
18343
+ opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
18344
+ }
18379
18345
  }
18380
- .v-card--disabled > :not(.v-card__loader) {
18381
- opacity: 0.6;
18346
+ .v-btn--icon {
18347
+ border-radius: 50%;
18348
+ min-width: 0;
18349
+ padding: 0;
18382
18350
  }
18383
- .v-card--flat {
18351
+ .v-btn--icon.v-btn--size-default {
18352
+ --v-btn-size: 1rem;
18353
+ }
18354
+ .v-btn--icon.v-btn--density-default {
18355
+ width: calc(var(--v-btn-height) + 12px);
18356
+ height: calc(var(--v-btn-height) + 12px);
18357
+ }
18358
+ .v-btn--icon.v-btn--density-comfortable {
18359
+ width: calc(var(--v-btn-height) + 0px);
18360
+ height: calc(var(--v-btn-height) + 0px);
18361
+ }
18362
+ .v-btn--icon.v-btn--density-compact {
18363
+ width: calc(var(--v-btn-height) + -8px);
18364
+ height: calc(var(--v-btn-height) + -8px);
18365
+ }
18366
+
18367
+ .v-btn--elevated:hover, .v-btn--elevated:focus {
18368
+ 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));
18369
+ }
18370
+ .v-btn--elevated:active {
18371
+ 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));
18372
+ }
18373
+ .v-btn--flat {
18384
18374
  box-shadow: none;
18385
18375
  }
18386
- .v-card--hover {
18387
- cursor: pointer;
18376
+ .v-btn--block {
18377
+ display: flex;
18378
+ flex: 1 0 auto;
18379
+ min-width: 100%;
18388
18380
  }
18389
- .v-card--hover::before, .v-card--hover::after {
18390
- border-radius: inherit;
18391
- bottom: 0;
18392
- content: "";
18393
- display: block;
18394
- left: 0;
18381
+ .v-btn--disabled {
18395
18382
  pointer-events: none;
18396
- position: absolute;
18397
- right: 0;
18398
- top: 0;
18399
- transition: inherit;
18383
+ opacity: 0.26;
18400
18384
  }
18401
- .v-card--hover::before {
18385
+ .v-btn--disabled:hover {
18386
+ opacity: 0.26;
18387
+ }
18388
+ .v-btn--disabled.v-btn--variant-elevated, .v-btn--disabled.v-btn--variant-flat {
18389
+ box-shadow: none;
18402
18390
  opacity: 1;
18403
- z-index: -1;
18404
- box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
18391
+ color: rgba(var(--v-theme-on-surface), 0.26);
18392
+ background: rgb(var(--v-theme-surface));
18405
18393
  }
18406
- .v-card--hover::after {
18407
- z-index: 1;
18408
- opacity: 0;
18409
- 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));
18394
+ .v-btn--disabled.v-btn--variant-elevated .v-btn__overlay, .v-btn--disabled.v-btn--variant-flat .v-btn__overlay {
18395
+ opacity: 0.4615384615;
18410
18396
  }
18411
- .v-card--hover:hover::after {
18412
- opacity: 1;
18397
+ .v-btn--loading {
18398
+ pointer-events: none;
18413
18399
  }
18414
- .v-card--hover:hover::before {
18400
+ .v-btn--loading .v-btn__content,
18401
+ .v-btn--loading .v-btn__prepend,
18402
+ .v-btn--loading .v-btn__append {
18415
18403
  opacity: 0;
18416
18404
  }
18417
- .v-card--hover:hover {
18418
- 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));
18405
+ .v-btn--stacked {
18406
+ grid-template-areas: "prepend" "content" "append";
18407
+ grid-template-columns: auto;
18408
+ grid-template-rows: max-content max-content max-content;
18409
+ justify-items: center;
18410
+ align-content: center;
18419
18411
  }
18420
- .v-card--link {
18421
- cursor: pointer;
18412
+ .v-btn--stacked .v-btn__content {
18413
+ flex-direction: column;
18414
+ line-height: 1.25;
18422
18415
  }
18423
-
18424
- .v-card-actions {
18425
- align-items: center;
18426
- display: flex;
18427
- flex: none;
18428
- min-height: 52px;
18429
- padding: 0.5rem;
18416
+ .v-btn--stacked .v-btn__prepend,
18417
+ .v-btn--stacked .v-btn__append,
18418
+ .v-btn--stacked .v-btn__content > .v-icon--start,
18419
+ .v-btn--stacked .v-btn__content > .v-icon--end {
18420
+ margin-inline: 0;
18430
18421
  }
18431
-
18432
- .v-card-item {
18433
- align-items: center;
18434
- display: grid;
18435
- flex: none;
18436
- grid-template-areas: "prepend content append";
18437
- grid-template-columns: max-content auto max-content;
18438
- padding: 0.625rem 1rem;
18422
+ .v-btn--stacked .v-btn__prepend,
18423
+ .v-btn--stacked .v-btn__content > .v-icon--start {
18424
+ margin-bottom: 4px;
18439
18425
  }
18440
- .v-card-item + .v-card-text {
18441
- padding-top: 0;
18426
+ .v-btn--stacked .v-btn__append,
18427
+ .v-btn--stacked .v-btn__content > .v-icon--end {
18428
+ margin-top: 4px;
18442
18429
  }
18443
- .v-card-item__prepend {
18444
- grid-area: prepend;
18445
- padding-inline-end: 1rem;
18430
+ .v-btn--stacked.v-btn--size-x-small {
18431
+ --v-btn-size: 0.625rem;
18432
+ --v-btn-height: 56px;
18433
+ font-size: var(--v-btn-size);
18434
+ min-width: 56px;
18435
+ padding: 0 12px;
18446
18436
  }
18447
- .v-card-item__append {
18448
- grid-area: append;
18449
- padding-inline-start: 1rem;
18437
+
18438
+ .v-btn--stacked.v-btn--size-small {
18439
+ --v-btn-size: 0.75rem;
18440
+ --v-btn-height: 64px;
18441
+ font-size: var(--v-btn-size);
18442
+ min-width: 64px;
18443
+ padding: 0 14px;
18450
18444
  }
18451
18445
 
18452
- .v-card-item__content {
18453
- align-self: center;
18454
- grid-area: content;
18455
- overflow: hidden;
18446
+ .v-btn--stacked.v-btn--size-default {
18447
+ --v-btn-size: 0.875rem;
18448
+ --v-btn-height: 72px;
18449
+ font-size: var(--v-btn-size);
18450
+ min-width: 72px;
18451
+ padding: 0 16px;
18456
18452
  }
18457
18453
 
18458
- .v-card-title {
18459
- display: block;
18460
- flex: none;
18461
- font-size: 1.25rem;
18462
- font-weight: 500;
18463
- -webkit-hyphens: auto;
18464
- hyphens: auto;
18465
- letter-spacing: 0.0125em;
18466
- min-width: 0;
18467
- overflow-wrap: normal;
18468
- overflow: hidden;
18469
- padding: 0.5rem 1rem;
18470
- text-overflow: ellipsis;
18471
- text-transform: none;
18472
- white-space: nowrap;
18473
- word-break: normal;
18474
- word-wrap: break-word;
18475
- }
18476
- .v-card .v-card-title {
18477
- line-height: 2rem;
18478
- }
18479
- .v-card--density-comfortable .v-card-title {
18480
- line-height: 1.75rem;
18481
- }
18482
- .v-card--density-compact .v-card-title {
18483
- line-height: 1.55rem;
18484
- }
18485
- .v-card-item .v-card-title {
18486
- padding: 0;
18454
+ .v-btn--stacked.v-btn--size-large {
18455
+ --v-btn-size: 1rem;
18456
+ --v-btn-height: 80px;
18457
+ font-size: var(--v-btn-size);
18458
+ min-width: 80px;
18459
+ padding: 0 18px;
18487
18460
  }
18488
- .v-card-title + .v-card-text,
18489
- .v-card-title + .v-card-actions {
18490
- padding-top: 0;
18461
+
18462
+ .v-btn--stacked.v-btn--size-x-large {
18463
+ --v-btn-size: 1.125rem;
18464
+ --v-btn-height: 88px;
18465
+ font-size: var(--v-btn-size);
18466
+ min-width: 88px;
18467
+ padding: 0 20px;
18491
18468
  }
18492
18469
 
18493
- .v-card-subtitle {
18494
- display: block;
18495
- flex: none;
18496
- font-size: 0.875rem;
18497
- font-weight: 400;
18498
- letter-spacing: 0.0178571429em;
18499
- opacity: var(--v-medium-emphasis-opacity);
18500
- overflow: hidden;
18501
- padding: 0 1rem;
18502
- text-overflow: ellipsis;
18503
- text-transform: none;
18504
- white-space: nowrap;
18470
+ .v-btn--stacked.v-btn--density-default {
18471
+ height: calc(var(--v-btn-height) + 0px);
18505
18472
  }
18506
- .v-card .v-card-subtitle {
18507
- line-height: 1.25rem;
18473
+
18474
+ .v-btn--stacked.v-btn--density-comfortable {
18475
+ height: calc(var(--v-btn-height) + -16px);
18508
18476
  }
18509
- .v-card--density-comfortable .v-card-subtitle {
18510
- line-height: 1.125rem;
18477
+
18478
+ .v-btn--stacked.v-btn--density-compact {
18479
+ height: calc(var(--v-btn-height) + -24px);
18511
18480
  }
18512
- .v-card--density-compact .v-card-subtitle {
18513
- line-height: 1rem;
18481
+
18482
+ .v-btn--slim {
18483
+ padding: 0 8px;
18514
18484
  }
18515
- .v-card-item .v-card-subtitle {
18516
- padding: 0 0 0.25rem;
18485
+ .v-btn--rounded {
18486
+ border-radius: 24px;
18517
18487
  }
18518
-
18519
- .v-card-text {
18520
- flex: 1 1 auto;
18521
- font-size: 0.875rem;
18522
- font-weight: 400;
18523
- letter-spacing: 0.0178571429em;
18524
- padding: 1rem;
18525
- text-transform: none;
18488
+ .v-btn--rounded.v-btn--icon {
18489
+ border-radius: 4px;
18526
18490
  }
18527
- .v-card .v-card-text {
18528
- line-height: 1.25rem;
18491
+ .v-btn .v-icon {
18492
+ --v-icon-size-multiplier: 0.8571428571;
18529
18493
  }
18530
- .v-card--density-comfortable .v-card-text {
18531
- line-height: 1.2rem;
18494
+ .v-btn--icon .v-icon {
18495
+ --v-icon-size-multiplier: 1;
18532
18496
  }
18533
- .v-card--density-compact .v-card-text {
18534
- line-height: 1.15rem;
18497
+ .v-btn--stacked .v-icon {
18498
+ --v-icon-size-multiplier: 1.1428571429;
18535
18499
  }
18536
18500
 
18537
- .v-card__image {
18501
+ .v-btn__loader {
18502
+ align-items: center;
18538
18503
  display: flex;
18539
18504
  height: 100%;
18540
- flex: 1 1 auto;
18505
+ justify-content: center;
18541
18506
  left: 0;
18542
- overflow: hidden;
18543
18507
  position: absolute;
18544
18508
  top: 0;
18545
18509
  width: 100%;
18546
- z-index: -1;
18547
18510
  }
18548
18511
 
18549
- .v-card__content {
18550
- border-radius: inherit;
18551
- overflow: hidden;
18552
- position: relative;
18512
+ .v-btn__content,
18513
+ .v-btn__prepend,
18514
+ .v-btn__append {
18515
+ align-items: center;
18516
+ display: flex;
18517
+ transition: transform, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18553
18518
  }
18554
18519
 
18555
- .v-card__loader {
18556
- bottom: auto;
18557
- top: 0;
18558
- left: 0;
18559
- position: absolute;
18560
- right: 0;
18561
- width: 100%;
18562
- z-index: 1;
18520
+ .v-btn__prepend {
18521
+ grid-area: prepend;
18522
+ margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
18563
18523
  }
18564
18524
 
18565
- .v-card__overlay {
18525
+ .v-btn__append {
18526
+ grid-area: append;
18527
+ margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
18528
+ }
18529
+
18530
+ .v-btn__content {
18531
+ grid-area: content;
18532
+ justify-content: center;
18533
+ white-space: nowrap;
18534
+ }
18535
+ .v-btn__content > .v-icon--start {
18536
+ margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
18537
+ }
18538
+ .v-btn__content > .v-icon--end {
18539
+ margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
18540
+ }
18541
+ .v-btn--stacked .v-btn__content {
18542
+ white-space: normal;
18543
+ }
18544
+
18545
+ .v-btn__overlay {
18566
18546
  background-color: currentColor;
18567
18547
  border-radius: inherit;
18548
+ opacity: 0;
18549
+ transition: opacity 0.2s ease-in-out;
18550
+ }
18551
+
18552
+ .v-btn__overlay,
18553
+ .v-btn__underlay {
18568
18554
  position: absolute;
18569
18555
  top: 0;
18570
- right: 0;
18571
- bottom: 0;
18572
18556
  left: 0;
18557
+ width: 100%;
18558
+ height: 100%;
18573
18559
  pointer-events: none;
18574
- opacity: 0;
18575
- transition: opacity 0.2s ease-in-out;
18560
+ }
18561
+
18562
+ .v-card-actions .v-btn ~ .v-btn:not(.v-btn-toggle .v-btn) {
18563
+ margin-inline-start: 0.5rem;
18564
+ }
18565
+
18566
+ .v-pagination .v-btn {
18567
+ border-radius: 4px;
18568
+ }
18569
+ .v-btn__overlay {
18570
+ transition: none;
18571
+ }
18572
+ .v-pagination__item--is-active .v-btn__overlay {
18573
+ opacity: var(--v-border-opacity);
18574
+ }.v-checkbox .v-selection-control {
18575
+ min-height: var(--v-input-control-height);
18576
18576
  }.v-carousel {
18577
18577
  overflow: hidden;
18578
18578
  position: relative;
@@ -18635,8 +18635,6 @@ html.overflow-y-hidden {
18635
18635
  flex-direction: column;
18636
18636
  height: 100% !important;
18637
18637
  width: 50px;
18638
- }.v-checkbox .v-selection-control {
18639
- min-height: var(--v-input-control-height);
18640
18638
  }.v-chip {
18641
18639
  align-items: center;
18642
18640
  cursor: default;
@@ -19045,66 +19043,132 @@ html.overflow-y-hidden {
19045
19043
 
19046
19044
  .v-chip--label {
19047
19045
  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;
19046
+ }.v-combobox .v-field .v-text-field__prefix,
19047
+ .v-combobox .v-field .v-text-field__suffix,
19048
+ .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
19049
+ cursor: text;
19055
19050
  }
19056
- .v-chip-group .v-chip {
19057
- margin: 4px 8px 4px 0;
19051
+ .v-combobox .v-field .v-field__input > input {
19052
+ flex: 1 1;
19058
19053
  }
19059
- .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
19060
- opacity: var(--v-activated-opacity);
19054
+ .v-combobox .v-field input {
19055
+ min-width: 64px;
19061
19056
  }
19062
-
19063
- .v-chip-group--column {
19064
- flex-wrap: wrap;
19065
- white-space: normal;
19066
- }.v-color-picker {
19067
- align-self: flex-start;
19068
- contain: content;
19057
+ .v-combobox .v-field:not(.v-field--focused) input {
19058
+ min-width: 0;
19069
19059
  }
19070
- .v-color-picker.v-sheet {
19071
- 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));
19072
- border-radius: 4px;
19060
+ .v-combobox .v-field--dirty .v-combobox__selection {
19061
+ margin-inline-end: 2px;
19073
19062
  }
19074
-
19075
- .v-color-picker__controls {
19076
- display: flex;
19077
- flex-direction: column;
19078
- padding: 16px;
19063
+ .v-combobox .v-combobox__selection-text {
19064
+ overflow: hidden;
19065
+ text-overflow: ellipsis;
19066
+ white-space: nowrap;
19079
19067
  }
19080
19068
 
19081
- .v-color-picker--flat {
19082
- 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));
19083
- }
19084
- .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
19085
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
19086
- }.v-container {
19087
- width: 100%;
19088
- padding: 16px;
19089
- margin-right: auto;
19090
- margin-left: auto;
19069
+ .v-combobox__content {
19070
+ overflow: hidden;
19071
+ 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));
19072
+ border-radius: 4px;
19091
19073
  }
19092
- @media (min-width: 960px) {
19093
- .v-container {
19094
- max-width: 900px;
19095
- }
19074
+ .v-combobox__mask {
19075
+ background: rgb(var(--v-theme-on-surface-variant));
19096
19076
  }
19097
- @media (min-width: 1280px) {
19098
- .v-container {
19099
- max-width: 1200px;
19100
- }
19077
+ .v-combobox__selection {
19078
+ display: inline-flex;
19079
+ align-items: center;
19080
+ height: 1.5rem;
19081
+ letter-spacing: inherit;
19082
+ line-height: inherit;
19083
+ max-width: 90%;
19101
19084
  }
19102
- @media (min-width: 1920px) {
19103
- .v-container {
19104
- max-width: 1800px;
19105
- }
19085
+ .v-combobox__selection:first-child {
19086
+ margin-inline-start: 0;
19106
19087
  }
19107
- @media (min-width: 2560px) {
19088
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
19089
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
19090
+ .v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
19091
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
19092
+ top: 0px;
19093
+ }
19094
+ .v-combobox--selecting-index .v-combobox__selection {
19095
+ opacity: var(--v-medium-emphasis-opacity);
19096
+ }
19097
+ .v-combobox--selecting-index .v-combobox__selection--selected {
19098
+ opacity: 1;
19099
+ }
19100
+ .v-combobox--selecting-index .v-field__input > input {
19101
+ caret-color: transparent;
19102
+ }
19103
+ .v-combobox--single.v-text-field input {
19104
+ flex: 1 1;
19105
+ position: absolute;
19106
+ left: 0;
19107
+ right: 0;
19108
+ width: 100%;
19109
+ padding-inline: inherit;
19110
+ }
19111
+ .v-combobox--single .v-field--active input {
19112
+ transition: none;
19113
+ }
19114
+ .v-combobox--single .v-field--dirty:not(.v-field--focused) input {
19115
+ opacity: 0;
19116
+ }
19117
+ .v-combobox--single .v-field--focused .v-combobox__selection {
19118
+ opacity: 0;
19119
+ }
19120
+ .v-combobox__menu-icon {
19121
+ margin-inline-start: 4px;
19122
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
19123
+ }
19124
+ .v-combobox--active-menu .v-combobox__menu-icon {
19125
+ opacity: var(--v-high-emphasis-opacity);
19126
+ transform: rotate(180deg);
19127
+ }.v-chip-group {
19128
+ display: flex;
19129
+ max-width: 100%;
19130
+ min-width: 0;
19131
+ overflow-x: auto;
19132
+ padding: 4px 0;
19133
+ flex-wrap: wrap;
19134
+ }
19135
+ .v-chip-group .v-chip {
19136
+ margin: 4px 8px 4px 0;
19137
+ }
19138
+ .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
19139
+ opacity: var(--v-activated-opacity);
19140
+ }
19141
+
19142
+ .v-chip-group--column {
19143
+ flex-wrap: wrap;
19144
+ white-space: normal;
19145
+ }.v-counter {
19146
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
19147
+ flex: 0 1 auto;
19148
+ font-size: 12px;
19149
+ transition-duration: 150ms;
19150
+ }.v-container {
19151
+ width: 100%;
19152
+ padding: 16px;
19153
+ margin-right: auto;
19154
+ margin-left: auto;
19155
+ }
19156
+ @media (min-width: 960px) {
19157
+ .v-container {
19158
+ max-width: 900px;
19159
+ }
19160
+ }
19161
+ @media (min-width: 1280px) {
19162
+ .v-container {
19163
+ max-width: 1200px;
19164
+ }
19165
+ }
19166
+ @media (min-width: 1920px) {
19167
+ .v-container {
19168
+ max-width: 1800px;
19169
+ }
19170
+ }
19171
+ @media (min-width: 2560px) {
19108
19172
  .v-container {
19109
19173
  max-width: 2400px;
19110
19174
  }
@@ -19755,92 +19819,56 @@ html.overflow-y-hidden {
19755
19819
  .offset-xxl-11 {
19756
19820
  margin-inline-start: 91.6666666667%;
19757
19821
  }
19758
- }.v-combobox .v-field .v-text-field__prefix,
19759
- .v-combobox .v-field .v-text-field__suffix,
19760
- .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
19761
- cursor: text;
19762
- }
19763
- .v-combobox .v-field .v-field__input > input {
19764
- flex: 1 1;
19765
- }
19766
- .v-combobox .v-field input {
19767
- min-width: 64px;
19768
- }
19769
- .v-combobox .v-field:not(.v-field--focused) input {
19770
- min-width: 0;
19771
- }
19772
- .v-combobox .v-field--dirty .v-combobox__selection {
19773
- margin-inline-end: 2px;
19822
+ }.v-color-picker {
19823
+ align-self: flex-start;
19824
+ contain: content;
19774
19825
  }
19775
- .v-combobox .v-combobox__selection-text {
19776
- overflow: hidden;
19777
- text-overflow: ellipsis;
19778
- white-space: nowrap;
19826
+ .v-color-picker.v-sheet {
19827
+ 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));
19828
+ border-radius: 4px;
19779
19829
  }
19780
19830
 
19781
- .v-combobox__content {
19782
- overflow: hidden;
19783
- 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));
19784
- border-radius: 4px;
19831
+ .v-color-picker__controls {
19832
+ display: flex;
19833
+ flex-direction: column;
19834
+ padding: 16px;
19785
19835
  }
19786
- .v-combobox__mask {
19787
- background: rgb(var(--v-theme-on-surface-variant));
19836
+
19837
+ .v-color-picker--flat {
19838
+ 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));
19788
19839
  }
19789
- .v-combobox__selection {
19790
- display: inline-flex;
19840
+ .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
19841
+ 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));
19842
+ }.v-data-table-footer {
19843
+ display: flex;
19791
19844
  align-items: center;
19792
- height: 1.5rem;
19793
- letter-spacing: inherit;
19794
- line-height: inherit;
19795
- max-width: 90%;
19796
- }
19797
- .v-combobox__selection:first-child {
19798
- margin-inline-start: 0;
19799
- }
19800
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
19801
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
19802
- .v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
19803
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
19804
- top: 0px;
19805
- }
19806
- .v-combobox--selecting-index .v-combobox__selection {
19807
- opacity: var(--v-medium-emphasis-opacity);
19808
- }
19809
- .v-combobox--selecting-index .v-combobox__selection--selected {
19810
- opacity: 1;
19811
- }
19812
- .v-combobox--selecting-index .v-field__input > input {
19813
- caret-color: transparent;
19814
- }
19815
- .v-combobox--single.v-text-field input {
19816
- flex: 1 1;
19817
- position: absolute;
19818
- left: 0;
19819
- right: 0;
19820
- width: 100%;
19821
- padding-inline: inherit;
19845
+ flex-wrap: wrap;
19846
+ padding: 0 8px;
19847
+ justify-content: flex-end;
19822
19848
  }
19823
- .v-combobox--single .v-field--active input {
19824
- transition: none;
19849
+
19850
+ .v-data-table-footer__items-per-page {
19851
+ padding-inline-end: 24px;
19852
+ display: flex;
19853
+ align-items: center;
19854
+ justify-content: space-between;
19825
19855
  }
19826
- .v-combobox--single .v-field--dirty:not(.v-field--focused) input {
19827
- opacity: 0;
19856
+ .v-data-table-footer__items-per-page > span {
19857
+ padding-inline-end: 24px;
19828
19858
  }
19829
- .v-combobox--single .v-field--focused .v-combobox__selection {
19830
- opacity: 0;
19859
+
19860
+ .v-data-table-footer__info {
19861
+ display: flex;
19862
+ padding-inline-end: 24px;
19831
19863
  }
19832
- .v-combobox__menu-icon {
19833
- margin-inline-start: 4px;
19834
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
19864
+
19865
+ .v-data-table-footer__pagination {
19866
+ display: flex;
19867
+ align-items: center;
19835
19868
  }
19836
- .v-combobox--active-menu .v-combobox__menu-icon {
19837
- opacity: var(--v-high-emphasis-opacity);
19838
- transform: rotate(180deg);
19839
- }.v-counter {
19840
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
19841
- flex: 0 1 auto;
19842
- font-size: 12px;
19843
- transition-duration: 150ms;
19869
+
19870
+ .v-data-table-footer__page {
19871
+ padding: 0 8px;
19844
19872
  }.v-data-table {
19845
19873
  width: 100%;
19846
19874
  }
@@ -19969,57 +19997,91 @@ html.overflow-y-hidden {
19969
19997
  .v-data-table-rows-loading,
19970
19998
  .v-data-table-rows-no-data {
19971
19999
  text-align: center;
19972
- }.v-data-table-footer {
19973
- display: flex;
20000
+ }.v-dialog {
19974
20001
  align-items: center;
19975
- flex-wrap: wrap;
19976
- padding: 0 8px;
19977
- justify-content: flex-end;
20002
+ justify-content: center;
20003
+ margin: auto;
19978
20004
  }
19979
-
19980
- .v-data-table-footer__items-per-page {
19981
- padding-inline-end: 24px;
20005
+ .v-dialog > .v-overlay__content {
20006
+ max-height: calc(100% - 48px);
20007
+ width: calc(100% - 48px);
20008
+ max-width: calc(100% - 48px);
20009
+ margin: 24px;
19982
20010
  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;
20011
+ flex-direction: column;
19988
20012
  }
19989
-
19990
- .v-data-table-footer__info {
19991
- display: flex;
19992
- padding-inline-end: 24px;
20013
+ .v-dialog > .v-overlay__content > .v-card,
20014
+ .v-dialog > .v-overlay__content > .v-sheet,
20015
+ .v-dialog > .v-overlay__content > form > .v-card,
20016
+ .v-dialog > .v-overlay__content > form > .v-sheet {
20017
+ --v-scrollbar-offset: 0px;
20018
+ border-radius: 4px;
20019
+ overflow-y: auto;
20020
+ 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));
19993
20021
  }
19994
-
19995
- .v-data-table-footer__pagination {
20022
+ .v-dialog > .v-overlay__content > .v-card,
20023
+ .v-dialog > .v-overlay__content > form > .v-card {
19996
20024
  display: flex;
19997
- align-items: center;
20025
+ flex-direction: column;
19998
20026
  }
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;
20027
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item,
20028
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
20029
+ padding: 14px 24px 0;
20006
20030
  }
20007
-
20008
- .v-date-picker {
20009
- overflow: hidden;
20031
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
20032
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
20033
+ padding-top: 10px;
20010
20034
  }
20011
-
20012
- .v-date-picker-month {
20013
- padding: 0 12px 12px;
20035
+ .v-dialog > .v-overlay__content > .v-card > .v-card-text,
20036
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
20037
+ font-size: inherit;
20038
+ letter-spacing: 0.03125em;
20039
+ line-height: inherit;
20040
+ padding: 16px 24px 10px;
20014
20041
  }
20015
20042
 
20016
- .v-date-picker-month__day {
20017
- height: 48px;
20018
- width: 48px;
20043
+ .v-dialog--fullscreen {
20044
+ --v-scrollbar-offset: 0px;
20019
20045
  }
20020
- .v-date-picker-month__day .v-btn {
20021
- --v-btn-height: 28px;
20022
- --v-btn-size: 0.85rem;
20046
+ .v-dialog--fullscreen > .v-overlay__content {
20047
+ border-radius: 0;
20048
+ margin: 0;
20049
+ padding: 0;
20050
+ width: 100%;
20051
+ height: 100%;
20052
+ max-width: 100%;
20053
+ max-height: 100%;
20054
+ overflow-y: auto;
20055
+ top: 0;
20056
+ left: 0;
20057
+ }
20058
+ .v-dialog--fullscreen > .v-overlay__content > .v-card,
20059
+ .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
20060
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
20061
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
20062
+ min-height: 100%;
20063
+ min-width: 100%;
20064
+ border-radius: 0;
20065
+ }
20066
+
20067
+ .v-dialog--scrollable > .v-overlay__content,
20068
+ .v-dialog--scrollable > .v-overlay__content > form {
20069
+ display: flex;
20070
+ overflow: hidden;
20071
+ }
20072
+ .v-dialog--scrollable > .v-overlay__content > .v-card,
20073
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card {
20074
+ display: flex;
20075
+ flex: 1 1 100%;
20076
+ flex-direction: column;
20077
+ max-height: 100%;
20078
+ max-width: 100%;
20079
+ }
20080
+ .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
20081
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
20082
+ -webkit-backface-visibility: hidden;
20083
+ backface-visibility: hidden;
20084
+ overflow-y: auto;
20023
20085
  }.v-date-picker-controls {
20024
20086
  display: flex;
20025
20087
  align-items: center;
@@ -20137,55 +20199,6 @@ html.overflow-y-hidden {
20137
20199
  .date-picker-header-reverse-transition-leave-to {
20138
20200
  opacity: 0;
20139
20201
  transform: translate(0, 100%);
20140
- }.v-date-picker-month {
20141
- display: flex;
20142
- justify-content: center;
20143
- min-width: 328px;
20144
- --v-date-picker-month-day-diff: 4px;
20145
- }
20146
-
20147
- .v-date-picker-month__weeks {
20148
- display: grid;
20149
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20150
- row-gap: 4px;
20151
- font-size: 0.875rem;
20152
- }
20153
- .v-date-picker-month__weeks + .v-date-picker-month__days {
20154
- grid-row-gap: 0;
20155
- }
20156
-
20157
- .v-date-picker-month__weekday {
20158
- font-size: 0.875rem;
20159
- }
20160
-
20161
- .v-date-picker-month__days {
20162
- display: grid;
20163
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20164
- row-gap: 4px;
20165
- flex: 1 1;
20166
- justify-content: space-around;
20167
- }
20168
-
20169
- .v-date-picker-month__day {
20170
- align-items: center;
20171
- display: flex;
20172
- justify-content: center;
20173
- position: relative;
20174
- }
20175
- .v-date-picker-month__day--selected .v-btn {
20176
- background-color: rgb(var(--v-theme-surface-variant));
20177
- color: rgb(var(--v-theme-on-surface-variant));
20178
- }
20179
- .v-date-picker-month__day--week {
20180
- font-size: var(--v-btn-size);
20181
- }
20182
-
20183
- .v-date-picker-month__day--adjacent {
20184
- opacity: 0.5;
20185
- }
20186
-
20187
- .v-date-picker-month__day--hide-adjacent {
20188
- opacity: 0;
20189
20202
  }.v-date-picker-months {
20190
20203
  height: 320px;
20191
20204
  overflow-y: scroll;
@@ -20206,334 +20219,120 @@ html.overflow-y-hidden {
20206
20219
  text-transform: none;
20207
20220
  padding-inline-start: 8px;
20208
20221
  padding-inline-end: 8px;
20209
- }.v-date-picker-years {
20210
- height: 320px;
20211
- overflow-y: scroll;
20222
+ }.v-date-picker__input {
20223
+ padding-top: 16px;
20224
+ padding-left: 24px;
20225
+ padding-right: 24px;
20212
20226
  }
20213
20227
 
20214
- .v-date-picker-years__content {
20215
- display: grid;
20216
- flex: 1 1;
20217
- justify-content: space-around;
20218
- grid-template-columns: repeat(3, 1fr);
20219
- gap: 8px 24px;
20220
- padding-inline: 36px;
20221
- }
20222
- .v-date-picker-years__content .v-btn {
20223
- padding-inline: 8px;
20224
- }.v-dialog {
20225
- align-items: center;
20226
- justify-content: center;
20227
- margin: auto;
20228
- }
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;
20236
- }
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));
20245
- }
20246
- .v-dialog > .v-overlay__content > .v-card,
20247
- .v-dialog > .v-overlay__content > form > .v-card {
20248
- display: flex;
20249
- flex-direction: column;
20250
- }
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;
20254
- }
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;
20258
- }
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;
20228
+ .v-date-picker {
20229
+ overflow: hidden;
20265
20230
  }
20266
20231
 
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;
20280
- left: 0;
20281
- }
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;
20232
+ .v-date-picker-month {
20233
+ padding: 0 12px 12px;
20289
20234
  }
20290
20235
 
20291
- .v-dialog--scrollable > .v-overlay__content,
20292
- .v-dialog--scrollable > .v-overlay__content > form {
20293
- display: flex;
20294
- overflow: hidden;
20295
- }
20296
- .v-dialog--scrollable > .v-overlay__content > .v-card,
20297
- .v-dialog--scrollable > .v-overlay__content > form > .v-card {
20298
- display: flex;
20299
- flex: 1 1 100%;
20300
- flex-direction: column;
20301
- max-height: 100%;
20302
- max-width: 100%;
20303
- }
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;
20309
- }.v-divider {
20310
- display: block;
20311
- flex: 1 1 100%;
20312
- height: 0px;
20313
- max-height: 0px;
20314
- opacity: var(--v-border-opacity);
20315
- transition: inherit;
20316
- border-style: solid;
20317
- border-width: thin 0 0 0;
20318
- }
20319
- .v-divider--vertical {
20320
- align-self: stretch;
20321
- border-width: 0 thin 0 0;
20322
- display: inline-flex;
20323
- height: inherit;
20324
- margin-left: -1px;
20325
- max-height: 100%;
20326
- max-width: 0px;
20327
- vertical-align: text-bottom;
20328
- width: 0px;
20329
- }
20330
- .v-divider--inset:not(.v-divider--vertical) {
20331
- max-width: calc(100% - 72px);
20332
- margin-inline-start: 72px;
20333
- }
20334
- .v-divider--inset.v-divider--vertical {
20335
- margin-bottom: 8px;
20336
- margin-top: 8px;
20337
- max-height: calc(100% - 16px);
20338
- }.v-expansion-panel {
20339
- background-color: rgb(var(--v-theme-surface));
20340
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20341
- }
20342
- .v-expansion-panel:not(:first-child)::after {
20343
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20344
- }
20345
- .v-expansion-panel--disabled .v-expansion-panel-title {
20346
- color: rgba(var(--v-theme-on-surface), 0.26);
20347
- }
20348
- .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
20349
- opacity: 0.4615384615;
20236
+ .v-date-picker-month__day {
20237
+ height: 48px;
20238
+ width: 48px;
20350
20239
  }
20351
-
20352
- .v-expansion-panels {
20240
+ .v-date-picker-month__day .v-btn {
20241
+ --v-btn-height: 28px;
20242
+ --v-btn-size: 0.85rem;
20243
+ }.v-date-picker-month {
20353
20244
  display: flex;
20354
- flex-wrap: wrap;
20355
20245
  justify-content: center;
20356
- list-style-type: none;
20357
- padding: 0;
20358
- width: 100%;
20359
- position: relative;
20360
- z-index: 1;
20361
- }
20362
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20363
- border-bottom-left-radius: 0 !important;
20364
- border-bottom-right-radius: 0 !important;
20365
- }
20366
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
20367
- border-top-left-radius: 0 !important;
20368
- border-top-right-radius: 0 !important;
20369
- }
20370
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20371
- border-bottom-left-radius: 0 !important;
20372
- border-bottom-right-radius: 0 !important;
20373
- }
20374
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :last-child:not(:first-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
20375
- border-top-left-radius: 0 !important;
20376
- border-top-right-radius: 0 !important;
20377
- }
20378
- .v-expansion-panels--variant-accordion > :first-child {
20379
- border-bottom-left-radius: 0 !important;
20380
- border-bottom-right-radius: 0 !important;
20381
- }
20382
- .v-expansion-panels--variant-accordion > :last-child {
20383
- border-top-left-radius: 0 !important;
20384
- border-top-right-radius: 0 !important;
20385
- }
20386
- .v-expansion-panels--variant-accordion > :last-child .v-expansion-panel-title--active {
20387
- border-bottom-left-radius: initial;
20388
- border-bottom-right-radius: initial;
20389
- }
20390
- .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
20391
- border-radius: 0 !important;
20392
- }
20393
- .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
20394
- transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
20246
+ min-width: 328px;
20247
+ --v-date-picker-month-day-diff: 4px;
20395
20248
  }
20396
20249
 
20397
- .v-expansion-panel {
20398
- flex: 1 0 100%;
20399
- max-width: 100%;
20400
- position: relative;
20401
- transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
20402
- transition-property: margin-top, border-radius, border, max-width;
20403
- border-radius: 4px;
20404
- }
20405
- .v-expansion-panel:not(:first-child)::after {
20406
- border-top-style: solid;
20407
- border-top-width: thin;
20408
- content: "";
20409
- left: 0;
20410
- position: absolute;
20411
- right: 0;
20412
- top: 0;
20413
- transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
20414
- }
20415
- .v-expansion-panel--disabled .v-expansion-panel-title {
20416
- pointer-events: none;
20417
- }
20418
- .v-expansion-panel--active:not(:first-child),
20419
- .v-expansion-panel--active + .v-expansion-panel {
20420
- margin-top: 16px;
20421
- }
20422
- .v-expansion-panel--active:not(:first-child)::after,
20423
- .v-expansion-panel--active + .v-expansion-panel::after {
20424
- opacity: 0;
20250
+ .v-date-picker-month__weeks {
20251
+ display: grid;
20252
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20253
+ row-gap: 4px;
20254
+ font-size: 0.875rem;
20425
20255
  }
20426
- .v-expansion-panel--active > .v-expansion-panel-title {
20427
- border-bottom-left-radius: 0;
20428
- border-bottom-right-radius: 0;
20256
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
20257
+ grid-row-gap: 0;
20429
20258
  }
20430
- .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
20431
- min-height: 64px;
20259
+
20260
+ .v-date-picker-month__weekday {
20261
+ font-size: 0.875rem;
20432
20262
  }
20433
20263
 
20434
- .v-expansion-panel__shadow {
20435
- position: absolute;
20436
- top: 0;
20437
- left: 0;
20438
- width: 100%;
20439
- height: 100%;
20440
- 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));
20441
- border-radius: inherit;
20442
- z-index: -1;
20264
+ .v-date-picker-month__days {
20265
+ display: grid;
20266
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20267
+ row-gap: 4px;
20268
+ flex: 1 1;
20269
+ justify-content: space-around;
20443
20270
  }
20444
20271
 
20445
- .v-expansion-panel-title {
20272
+ .v-date-picker-month__day {
20446
20273
  align-items: center;
20447
- text-align: start;
20448
- border-radius: inherit;
20449
20274
  display: flex;
20450
- font-size: 0.9375rem;
20451
- line-height: 1;
20452
- min-height: 48px;
20453
- outline: none;
20454
- padding: 16px 24px;
20275
+ justify-content: center;
20455
20276
  position: relative;
20456
- transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
20457
- width: 100%;
20458
- justify-content: space-between;
20459
- }
20460
- .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
20461
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
20462
- }
20463
- .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
20464
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20465
20277
  }
20466
- @supports not selector(:focus-visible) {
20467
- .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
20468
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20469
- }
20470
- }
20471
- .v-expansion-panel-title--active > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true] > .v-expansion-panel-title__overlay {
20472
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
20473
- }
20474
- .v-expansion-panel-title--active:hover > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:hover > .v-expansion-panel-title__overlay {
20475
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20476
- }
20477
- .v-expansion-panel-title--active:focus-visible > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-expansion-panel-title__overlay {
20478
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20479
- }
20480
- @supports not selector(:focus-visible) {
20481
- .v-expansion-panel-title--active:focus > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus > .v-expansion-panel-title__overlay {
20482
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20483
- }
20484
- }
20485
- .v-expansion-panel-title--active::before {
20486
- opacity: 0.12;
20487
- }
20488
-
20489
- .v-expansion-panel-title__overlay {
20490
- position: absolute;
20491
- top: 0;
20492
- left: 0;
20493
- width: 100%;
20494
- height: 100%;
20495
- background-color: currentColor;
20496
- border-radius: inherit;
20497
- opacity: 0;
20278
+ .v-date-picker-month__day--selected .v-btn {
20279
+ background-color: rgb(var(--v-theme-surface-variant));
20280
+ color: rgb(var(--v-theme-on-surface-variant));
20498
20281
  }
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;
20282
+ .v-date-picker-month__day--week {
20283
+ font-size: var(--v-btn-size);
20507
20284
  }
20508
20285
 
20509
- .v-expansion-panel-text {
20510
- display: flex;
20511
- }
20512
- .v-expansion-panel-text__wrapper {
20513
- padding: 8px 24px 16px;
20514
- flex: 1 1 auto;
20515
- max-width: 100%;
20286
+ .v-date-picker-month__day--adjacent {
20287
+ opacity: 0.5;
20516
20288
  }
20517
20289
 
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;
20290
+ .v-date-picker-month__day--hide-adjacent {
20291
+ opacity: 0;
20292
+ }.v-date-picker-years {
20293
+ height: 320px;
20294
+ overflow-y: scroll;
20523
20295
  }
20524
20296
 
20525
- .v-expansion-panels--variant-popout > .v-expansion-panel {
20526
- max-width: calc(100% - 32px);
20297
+ .v-date-picker-years__content {
20298
+ display: grid;
20299
+ flex: 1 1;
20300
+ justify-content: space-around;
20301
+ grid-template-columns: repeat(3, 1fr);
20302
+ gap: 8px 24px;
20303
+ padding-inline: 36px;
20527
20304
  }
20528
- .v-expansion-panels--variant-popout > .v-expansion-panel--active {
20529
- max-width: calc(100% + 16px);
20305
+ .v-date-picker-years__content .v-btn {
20306
+ padding-inline: 8px;
20307
+ }.v-divider {
20308
+ display: block;
20309
+ flex: 1 1 100%;
20310
+ height: 0px;
20311
+ max-height: 0px;
20312
+ opacity: var(--v-border-opacity);
20313
+ transition: inherit;
20314
+ border-style: solid;
20315
+ border-width: thin 0 0 0;
20530
20316
  }
20531
-
20532
- .v-expansion-panels--variant-inset > .v-expansion-panel {
20533
- max-width: 100%;
20317
+ .v-divider--vertical {
20318
+ align-self: stretch;
20319
+ border-width: 0 thin 0 0;
20320
+ display: inline-flex;
20321
+ height: inherit;
20322
+ margin-left: -1px;
20323
+ max-height: 100%;
20324
+ max-width: 0px;
20325
+ vertical-align: text-bottom;
20326
+ width: 0px;
20534
20327
  }
20535
- .v-expansion-panels--variant-inset > .v-expansion-panel--active {
20536
- max-width: calc(100% - 32px);
20328
+ .v-divider--inset:not(.v-divider--vertical) {
20329
+ max-width: calc(100% - 72px);
20330
+ margin-inline-start: 72px;
20331
+ }
20332
+ .v-divider--inset.v-divider--vertical {
20333
+ margin-bottom: 8px;
20334
+ margin-top: 8px;
20335
+ max-height: calc(100% - 16px);
20537
20336
  }/* region INPUT */
20538
20337
  .v-field {
20539
20338
  display: grid;
@@ -21076,23 +20875,205 @@ textarea.v-field__input::placeholder {
21076
20875
  opacity: 0;
21077
20876
  }
21078
20877
 
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;
20878
+ /* endregion */.v-expansion-panel {
20879
+ background-color: rgb(var(--v-theme-surface));
20880
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21084
20881
  }
21085
- .v-file-input input[type=file] {
21086
- height: 100%;
20882
+ .v-expansion-panel:not(:first-child)::after {
20883
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20884
+ }
20885
+ .v-expansion-panel--disabled .v-expansion-panel-title {
20886
+ color: rgba(var(--v-theme-on-surface), 0.26);
20887
+ }
20888
+ .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
20889
+ opacity: 0.4615384615;
20890
+ }
20891
+
20892
+ .v-expansion-panels {
20893
+ display: flex;
20894
+ flex-wrap: wrap;
20895
+ justify-content: center;
20896
+ list-style-type: none;
20897
+ padding: 0;
20898
+ width: 100%;
20899
+ position: relative;
20900
+ z-index: 1;
20901
+ }
20902
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20903
+ border-bottom-left-radius: 0 !important;
20904
+ border-bottom-right-radius: 0 !important;
20905
+ }
20906
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
20907
+ border-top-left-radius: 0 !important;
20908
+ border-top-right-radius: 0 !important;
20909
+ }
20910
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20911
+ border-bottom-left-radius: 0 !important;
20912
+ border-bottom-right-radius: 0 !important;
20913
+ }
20914
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :last-child:not(:first-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
20915
+ border-top-left-radius: 0 !important;
20916
+ border-top-right-radius: 0 !important;
20917
+ }
20918
+ .v-expansion-panels--variant-accordion > :first-child {
20919
+ border-bottom-left-radius: 0 !important;
20920
+ border-bottom-right-radius: 0 !important;
20921
+ }
20922
+ .v-expansion-panels--variant-accordion > :last-child {
20923
+ border-top-left-radius: 0 !important;
20924
+ border-top-right-radius: 0 !important;
20925
+ }
20926
+ .v-expansion-panels--variant-accordion > :last-child .v-expansion-panel-title--active {
20927
+ border-bottom-left-radius: initial;
20928
+ border-bottom-right-radius: initial;
20929
+ }
20930
+ .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
20931
+ border-radius: 0 !important;
20932
+ }
20933
+ .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
20934
+ transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
20935
+ }
20936
+
20937
+ .v-expansion-panel {
20938
+ flex: 1 0 100%;
20939
+ max-width: 100%;
20940
+ position: relative;
20941
+ transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
20942
+ transition-property: margin-top, border-radius, border, max-width;
20943
+ border-radius: 4px;
20944
+ }
20945
+ .v-expansion-panel:not(:first-child)::after {
20946
+ border-top-style: solid;
20947
+ border-top-width: thin;
20948
+ content: "";
21087
20949
  left: 0;
20950
+ position: absolute;
20951
+ right: 0;
20952
+ top: 0;
20953
+ transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
20954
+ }
20955
+ .v-expansion-panel--disabled .v-expansion-panel-title {
20956
+ pointer-events: none;
20957
+ }
20958
+ .v-expansion-panel--active:not(:first-child),
20959
+ .v-expansion-panel--active + .v-expansion-panel {
20960
+ margin-top: 16px;
20961
+ }
20962
+ .v-expansion-panel--active:not(:first-child)::after,
20963
+ .v-expansion-panel--active + .v-expansion-panel::after {
21088
20964
  opacity: 0;
20965
+ }
20966
+ .v-expansion-panel--active > .v-expansion-panel-title {
20967
+ border-bottom-left-radius: 0;
20968
+ border-bottom-right-radius: 0;
20969
+ }
20970
+ .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
20971
+ min-height: 64px;
20972
+ }
20973
+
20974
+ .v-expansion-panel__shadow {
21089
20975
  position: absolute;
21090
20976
  top: 0;
20977
+ left: 0;
21091
20978
  width: 100%;
21092
- z-index: 1;
20979
+ height: 100%;
20980
+ 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));
20981
+ border-radius: inherit;
20982
+ z-index: -1;
21093
20983
  }
21094
- .v-file-input .v-input__details {
21095
- padding-inline: 16px;
20984
+
20985
+ .v-expansion-panel-title {
20986
+ align-items: center;
20987
+ text-align: start;
20988
+ border-radius: inherit;
20989
+ display: flex;
20990
+ font-size: 0.9375rem;
20991
+ line-height: 1;
20992
+ min-height: 48px;
20993
+ outline: none;
20994
+ padding: 16px 24px;
20995
+ position: relative;
20996
+ transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
20997
+ width: 100%;
20998
+ justify-content: space-between;
20999
+ }
21000
+ .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
21001
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
21002
+ }
21003
+ .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
21004
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21005
+ }
21006
+ @supports not selector(:focus-visible) {
21007
+ .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
21008
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21009
+ }
21010
+ }
21011
+ .v-expansion-panel-title--active > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true] > .v-expansion-panel-title__overlay {
21012
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
21013
+ }
21014
+ .v-expansion-panel-title--active:hover > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:hover > .v-expansion-panel-title__overlay {
21015
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21016
+ }
21017
+ .v-expansion-panel-title--active:focus-visible > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-expansion-panel-title__overlay {
21018
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21019
+ }
21020
+ @supports not selector(:focus-visible) {
21021
+ .v-expansion-panel-title--active:focus > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus > .v-expansion-panel-title__overlay {
21022
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21023
+ }
21024
+ }
21025
+ .v-expansion-panel-title--active::before {
21026
+ opacity: 0.12;
21027
+ }
21028
+
21029
+ .v-expansion-panel-title__overlay {
21030
+ position: absolute;
21031
+ top: 0;
21032
+ left: 0;
21033
+ width: 100%;
21034
+ height: 100%;
21035
+ background-color: currentColor;
21036
+ border-radius: inherit;
21037
+ opacity: 0;
21038
+ }
21039
+
21040
+ .v-expansion-panel-title__icon {
21041
+ display: inline-flex;
21042
+ margin-bottom: -4px;
21043
+ margin-top: -4px;
21044
+ -webkit-user-select: none;
21045
+ user-select: none;
21046
+ margin-inline-start: auto;
21047
+ }
21048
+
21049
+ .v-expansion-panel-text {
21050
+ display: flex;
21051
+ }
21052
+ .v-expansion-panel-text__wrapper {
21053
+ padding: 8px 24px 16px;
21054
+ flex: 1 1 auto;
21055
+ max-width: 100%;
21056
+ }
21057
+
21058
+ .v-expansion-panels--variant-accordion > .v-expansion-panel {
21059
+ margin-top: 0;
21060
+ }
21061
+ .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
21062
+ opacity: 1;
21063
+ }
21064
+
21065
+ .v-expansion-panels--variant-popout > .v-expansion-panel {
21066
+ max-width: calc(100% - 32px);
21067
+ }
21068
+ .v-expansion-panels--variant-popout > .v-expansion-panel--active {
21069
+ max-width: calc(100% + 16px);
21070
+ }
21071
+
21072
+ .v-expansion-panels--variant-inset > .v-expansion-panel {
21073
+ max-width: 100%;
21074
+ }
21075
+ .v-expansion-panels--variant-inset > .v-expansion-panel--active {
21076
+ max-width: calc(100% - 32px);
21096
21077
  }.v-footer {
21097
21078
  align-items: center;
21098
21079
  display: flex;
@@ -21121,6 +21102,59 @@ textarea.v-field__input::placeholder {
21121
21102
  }
21122
21103
  .v-footer--rounded {
21123
21104
  border-radius: 4px;
21105
+ }.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21106
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21107
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21108
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21109
+ top: 0px;
21110
+ }
21111
+ .v-file-input input[type=file] {
21112
+ height: 100%;
21113
+ left: 0;
21114
+ opacity: 0;
21115
+ position: absolute;
21116
+ top: 0;
21117
+ width: 100%;
21118
+ z-index: 1;
21119
+ }
21120
+ .v-file-input .v-input__details {
21121
+ padding-inline: 16px;
21122
+ }.v-img {
21123
+ --v-theme-overlay-multiplier: 3;
21124
+ z-index: 0;
21125
+ }
21126
+ .v-img--booting .v-responsive__sizer {
21127
+ transition: none;
21128
+ }
21129
+ .v-img--rounded {
21130
+ border-radius: 4px;
21131
+ }
21132
+
21133
+ .v-img__img,
21134
+ .v-img__picture,
21135
+ .v-img__gradient,
21136
+ .v-img__placeholder,
21137
+ .v-img__error {
21138
+ z-index: -1;
21139
+ position: absolute;
21140
+ top: 0;
21141
+ left: 0;
21142
+ width: 100%;
21143
+ height: 100%;
21144
+ }
21145
+
21146
+ .v-img__img--preload {
21147
+ filter: blur(4px);
21148
+ }
21149
+ .v-img__img--contain {
21150
+ object-fit: contain;
21151
+ }
21152
+ .v-img__img--cover {
21153
+ object-fit: cover;
21154
+ }
21155
+
21156
+ .v-img__gradient {
21157
+ background-repeat: no-repeat;
21124
21158
  }.v-icon {
21125
21159
  --v-icon-size-multiplier: 1;
21126
21160
  align-items: center;
@@ -21170,39 +21204,11 @@ textarea.v-field__input::placeholder {
21170
21204
 
21171
21205
  .v-icon--end {
21172
21206
  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;
21207
+ }.v-item-group {
21208
+ flex: 0 1 auto;
21209
+ max-width: 100%;
21210
+ position: relative;
21211
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21206
21212
  }.v-infinite-scroll--horizontal {
21207
21213
  display: flex;
21208
21214
  flex-direction: row;
@@ -21373,11 +21379,21 @@ textarea.v-field__input::placeholder {
21373
21379
 
21374
21380
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
21375
21381
  padding-top: calc(var(--v-input-padding-top) + 0px);
21376
- }.v-item-group {
21377
- flex: 0 1 auto;
21378
- max-width: 100%;
21379
- position: relative;
21382
+ }.v-layout {
21383
+ --v-scrollbar-offset: 0px;
21384
+ display: flex;
21385
+ flex: 1 1 auto;
21386
+ }
21387
+ .v-layout--full-height {
21388
+ --v-scrollbar-offset: inherit;
21389
+ height: 100%;
21390
+ }.v-layout-item {
21391
+ position: absolute;
21380
21392
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21393
+ }
21394
+
21395
+ .v-layout-item--absolute {
21396
+ position: absolute;
21381
21397
  }.v-label {
21382
21398
  align-items: center;
21383
21399
  color: inherit;
@@ -21393,21 +21409,6 @@ textarea.v-field__input::placeholder {
21393
21409
 
21394
21410
  .v-label--clickable {
21395
21411
  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;
21411
21412
  }.v-list {
21412
21413
  overflow: auto;
21413
21414
  padding: 8px 0;
@@ -21509,6 +21510,8 @@ textarea.v-field__input::placeholder {
21509
21510
  right: 0;
21510
21511
  top: 0;
21511
21512
  transition: opacity 0.2s ease-in-out;
21513
+ }.v-locale-provider {
21514
+ display: contents;
21512
21515
  }.v-list-item {
21513
21516
  align-items: center;
21514
21517
  display: grid;
@@ -21942,8 +21945,6 @@ textarea.v-field__input::placeholder {
21942
21945
  }
21943
21946
  .v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
21944
21947
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
21945
- }.v-locale-provider {
21946
- display: contents;
21947
21948
  }.v-main {
21948
21949
  flex: 1 0 auto;
21949
21950
  max-width: 100%;
@@ -22152,6 +22153,20 @@ textarea.v-field__input::placeholder {
22152
22153
  height: 100%;
22153
22154
  justify-content: center;
22154
22155
  width: 100%;
22156
+ }.v-pagination__list {
22157
+ display: inline-flex;
22158
+ list-style-type: none;
22159
+ justify-content: center;
22160
+ width: 100%;
22161
+ }
22162
+ .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
22163
+ margin: 0.3rem;
22164
+ }.v-parallax {
22165
+ position: relative;
22166
+ overflow: hidden;
22167
+ }
22168
+ .v-parallax--active > .v-img__img {
22169
+ will-change: transform;
22155
22170
  }.v-overlay-container {
22156
22171
  contain: layout;
22157
22172
  left: 0;
@@ -22215,122 +22230,6 @@ html.v-overlay-scroll-blocked {
22215
22230
 
22216
22231
  .v-overlay--scroll-blocked {
22217
22232
  padding-inline-end: var(--v-scrollbar-offset);
22218
- }.v-pagination__list {
22219
- display: inline-flex;
22220
- list-style-type: none;
22221
- justify-content: center;
22222
- width: 100%;
22223
- }
22224
- .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
22225
- margin: 0.3rem;
22226
- }.v-parallax {
22227
- position: relative;
22228
- overflow: hidden;
22229
- }
22230
- .v-parallax--active > .v-img__img {
22231
- will-change: transform;
22232
- }.v-progress-circular {
22233
- align-items: center;
22234
- display: inline-flex;
22235
- justify-content: center;
22236
- position: relative;
22237
- vertical-align: middle;
22238
- }
22239
- .v-progress-circular > svg {
22240
- width: 100%;
22241
- height: 100%;
22242
- margin: auto;
22243
- position: absolute;
22244
- top: 0;
22245
- bottom: 0;
22246
- left: 0;
22247
- right: 0;
22248
- z-index: 0;
22249
- }
22250
-
22251
- .v-progress-circular__content {
22252
- align-items: center;
22253
- display: flex;
22254
- justify-content: center;
22255
- }
22256
-
22257
- .v-progress-circular__underlay {
22258
- color: rgba(var(--v-border-color), var(--v-border-opacity));
22259
- stroke: currentColor;
22260
- z-index: 1;
22261
- }
22262
-
22263
- .v-progress-circular__overlay {
22264
- stroke: currentColor;
22265
- transition: all 0.2s ease-in-out, stroke-width 0s;
22266
- z-index: 2;
22267
- }
22268
-
22269
- .v-progress-circular--size-x-small {
22270
- height: 16px;
22271
- width: 16px;
22272
- }
22273
- .v-progress-circular--size-small {
22274
- height: 24px;
22275
- width: 24px;
22276
- }
22277
- .v-progress-circular--size-default {
22278
- height: 32px;
22279
- width: 32px;
22280
- }
22281
- .v-progress-circular--size-large {
22282
- height: 48px;
22283
- width: 48px;
22284
- }
22285
- .v-progress-circular--size-x-large {
22286
- height: 64px;
22287
- width: 64px;
22288
- }
22289
-
22290
- .v-progress-circular--indeterminate > svg {
22291
- animation: progress-circular-rotate 1.4s linear infinite;
22292
- transform-origin: center center;
22293
- transition: all 0.2s ease-in-out;
22294
- }
22295
- .v-progress-circular--indeterminate .v-progress-circular__overlay {
22296
- animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
22297
- stroke-dasharray: 25, 200;
22298
- stroke-dashoffset: 0;
22299
- stroke-linecap: round;
22300
- transform-origin: center center;
22301
- transform: rotate(-90deg);
22302
- }
22303
-
22304
- .v-progress-circular--disable-shrink > svg {
22305
- animation-duration: 0.7s;
22306
- }
22307
- .v-progress-circular--disable-shrink .v-progress-circular__overlay {
22308
- animation: none;
22309
- }
22310
-
22311
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
22312
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
22313
- animation-play-state: paused !important;
22314
- }
22315
-
22316
- @keyframes progress-circular-dash {
22317
- 0% {
22318
- stroke-dasharray: 1, 200;
22319
- stroke-dashoffset: 0px;
22320
- }
22321
- 50% {
22322
- stroke-dasharray: 100, 200;
22323
- stroke-dashoffset: -15px;
22324
- }
22325
- 100% {
22326
- stroke-dasharray: 100, 200;
22327
- stroke-dashoffset: -124px;
22328
- }
22329
- }
22330
- @keyframes progress-circular-rotate {
22331
- 100% {
22332
- transform: rotate(270deg);
22333
- }
22334
22233
  }.v-progress-linear {
22335
22234
  background: transparent;
22336
22235
  overflow: hidden;
@@ -22541,6 +22440,108 @@ html.v-overlay-scroll-blocked {
22541
22440
  0% {
22542
22441
  background-position-x: var(--v-progress-linear-height);
22543
22442
  }
22443
+ }.v-progress-circular {
22444
+ align-items: center;
22445
+ display: inline-flex;
22446
+ justify-content: center;
22447
+ position: relative;
22448
+ vertical-align: middle;
22449
+ }
22450
+ .v-progress-circular > svg {
22451
+ width: 100%;
22452
+ height: 100%;
22453
+ margin: auto;
22454
+ position: absolute;
22455
+ top: 0;
22456
+ bottom: 0;
22457
+ left: 0;
22458
+ right: 0;
22459
+ z-index: 0;
22460
+ }
22461
+
22462
+ .v-progress-circular__content {
22463
+ align-items: center;
22464
+ display: flex;
22465
+ justify-content: center;
22466
+ }
22467
+
22468
+ .v-progress-circular__underlay {
22469
+ color: rgba(var(--v-border-color), var(--v-border-opacity));
22470
+ stroke: currentColor;
22471
+ z-index: 1;
22472
+ }
22473
+
22474
+ .v-progress-circular__overlay {
22475
+ stroke: currentColor;
22476
+ transition: all 0.2s ease-in-out, stroke-width 0s;
22477
+ z-index: 2;
22478
+ }
22479
+
22480
+ .v-progress-circular--size-x-small {
22481
+ height: 16px;
22482
+ width: 16px;
22483
+ }
22484
+ .v-progress-circular--size-small {
22485
+ height: 24px;
22486
+ width: 24px;
22487
+ }
22488
+ .v-progress-circular--size-default {
22489
+ height: 32px;
22490
+ width: 32px;
22491
+ }
22492
+ .v-progress-circular--size-large {
22493
+ height: 48px;
22494
+ width: 48px;
22495
+ }
22496
+ .v-progress-circular--size-x-large {
22497
+ height: 64px;
22498
+ width: 64px;
22499
+ }
22500
+
22501
+ .v-progress-circular--indeterminate > svg {
22502
+ animation: progress-circular-rotate 1.4s linear infinite;
22503
+ transform-origin: center center;
22504
+ transition: all 0.2s ease-in-out;
22505
+ }
22506
+ .v-progress-circular--indeterminate .v-progress-circular__overlay {
22507
+ animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
22508
+ stroke-dasharray: 25, 200;
22509
+ stroke-dashoffset: 0;
22510
+ stroke-linecap: round;
22511
+ transform-origin: center center;
22512
+ transform: rotate(-90deg);
22513
+ }
22514
+
22515
+ .v-progress-circular--disable-shrink > svg {
22516
+ animation-duration: 0.7s;
22517
+ }
22518
+ .v-progress-circular--disable-shrink .v-progress-circular__overlay {
22519
+ animation: none;
22520
+ }
22521
+
22522
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
22523
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
22524
+ animation-play-state: paused !important;
22525
+ }
22526
+
22527
+ @keyframes progress-circular-dash {
22528
+ 0% {
22529
+ stroke-dasharray: 1, 200;
22530
+ stroke-dashoffset: 0px;
22531
+ }
22532
+ 50% {
22533
+ stroke-dasharray: 100, 200;
22534
+ stroke-dashoffset: -15px;
22535
+ }
22536
+ 100% {
22537
+ stroke-dasharray: 100, 200;
22538
+ stroke-dashoffset: -124px;
22539
+ }
22540
+ }
22541
+ @keyframes progress-circular-rotate {
22542
+ 100% {
22543
+ transform: rotate(270deg);
22544
+ }
22544
22545
  }.v-radio-group > .v-input__control {
22545
22546
  flex-direction: column;
22546
22547
  }
@@ -22553,6 +22554,133 @@ html.v-overlay-scroll-blocked {
22553
22554
  }
22554
22555
  .v-radio-group .v-input__details {
22555
22556
  padding-inline: 16px;
22557
+ }.v-responsive {
22558
+ display: flex;
22559
+ flex: 1 0 auto;
22560
+ max-height: 100%;
22561
+ max-width: 100%;
22562
+ overflow: hidden;
22563
+ position: relative;
22564
+ }
22565
+ .v-responsive--inline {
22566
+ display: inline-flex;
22567
+ flex: 0 0 auto;
22568
+ }
22569
+
22570
+ .v-responsive__content {
22571
+ flex: 1 0 0px;
22572
+ max-width: 100%;
22573
+ }
22574
+
22575
+ .v-responsive__sizer ~ .v-responsive__content {
22576
+ margin-inline-start: -100%;
22577
+ }
22578
+
22579
+ .v-responsive__sizer {
22580
+ flex: 1 0 0px;
22581
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22582
+ pointer-events: none;
22583
+ }.v-selection-control {
22584
+ align-items: center;
22585
+ contain: layout;
22586
+ display: flex;
22587
+ flex: 1 0;
22588
+ grid-area: control;
22589
+ position: relative;
22590
+ -webkit-user-select: none;
22591
+ user-select: none;
22592
+ }
22593
+ .v-selection-control .v-label {
22594
+ white-space: normal;
22595
+ word-break: break-word;
22596
+ height: 100%;
22597
+ }
22598
+ .v-selection-control--disabled {
22599
+ opacity: var(--v-disabled-opacity);
22600
+ pointer-events: none;
22601
+ }
22602
+ .v-selection-control--error .v-label, .v-selection-control--disabled .v-label {
22603
+ opacity: 1;
22604
+ }
22605
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-label {
22606
+ color: rgb(var(--v-theme-error));
22607
+ }
22608
+ .v-selection-control--inline {
22609
+ display: inline-flex;
22610
+ flex: 0 0 auto;
22611
+ min-width: 0;
22612
+ max-width: 100%;
22613
+ }
22614
+ .v-selection-control--inline .v-label {
22615
+ width: auto;
22616
+ }
22617
+ .v-selection-control--density-default {
22618
+ --v-selection-control-size: 40px;
22619
+ }
22620
+
22621
+ .v-selection-control--density-comfortable {
22622
+ --v-selection-control-size: 36px;
22623
+ }
22624
+
22625
+ .v-selection-control--density-compact {
22626
+ --v-selection-control-size: 28px;
22627
+ }
22628
+
22629
+ .v-selection-control__wrapper {
22630
+ width: var(--v-selection-control-size);
22631
+ height: var(--v-selection-control-size);
22632
+ display: inline-flex;
22633
+ align-items: center;
22634
+ position: relative;
22635
+ justify-content: center;
22636
+ flex: none;
22637
+ }
22638
+
22639
+ .v-selection-control__input {
22640
+ width: var(--v-selection-control-size);
22641
+ height: var(--v-selection-control-size);
22642
+ align-items: center;
22643
+ display: flex;
22644
+ flex: none;
22645
+ justify-content: center;
22646
+ position: relative;
22647
+ border-radius: 50%;
22648
+ }
22649
+ .v-selection-control__input input {
22650
+ cursor: pointer;
22651
+ position: absolute;
22652
+ left: 0;
22653
+ top: 0;
22654
+ width: 100%;
22655
+ height: 100%;
22656
+ opacity: 0;
22657
+ }
22658
+ .v-selection-control__input::before {
22659
+ content: "";
22660
+ position: absolute;
22661
+ top: 0;
22662
+ left: 0;
22663
+ width: 100%;
22664
+ height: 100%;
22665
+ border-radius: 100%;
22666
+ background-color: currentColor;
22667
+ opacity: 0;
22668
+ pointer-events: none;
22669
+ }
22670
+ .v-selection-control__input:hover::before {
22671
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22672
+ }
22673
+ .v-selection-control__input > .v-icon {
22674
+ opacity: var(--v-medium-emphasis-opacity);
22675
+ }
22676
+ .v-selection-control--disabled .v-selection-control__input > .v-icon, .v-selection-control--dirty .v-selection-control__input > .v-icon, .v-selection-control--error .v-selection-control__input > .v-icon {
22677
+ opacity: 1;
22678
+ }
22679
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-selection-control__input > .v-icon {
22680
+ color: rgb(var(--v-theme-error));
22681
+ }
22682
+ .v-selection-control--focus-visible .v-selection-control__input::before {
22683
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
22556
22684
  }.v-slider .v-slider__container input {
22557
22685
  cursor: default;
22558
22686
  padding: 0;
@@ -22663,33 +22791,7 @@ html.v-overlay-scroll-blocked {
22663
22791
  height: 0;
22664
22792
  opacity: 0;
22665
22793
  position: absolute;
22666
- width: 0;
22667
- }.v-responsive {
22668
- display: flex;
22669
- flex: 1 0 auto;
22670
- max-height: 100%;
22671
- max-width: 100%;
22672
- overflow: hidden;
22673
- position: relative;
22674
- }
22675
- .v-responsive--inline {
22676
- display: inline-flex;
22677
- flex: 0 0 auto;
22678
- }
22679
-
22680
- .v-responsive__content {
22681
- flex: 1 0 0px;
22682
- max-width: 100%;
22683
- }
22684
-
22685
- .v-responsive__sizer ~ .v-responsive__content {
22686
- margin-inline-start: -100%;
22687
- }
22688
-
22689
- .v-responsive__sizer {
22690
- flex: 1 0 0px;
22691
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22692
- pointer-events: none;
22794
+ width: 0;
22693
22795
  }.v-select .v-field .v-text-field__prefix,
22694
22796
  .v-select .v-field .v-text-field__suffix,
22695
22797
  .v-select .v-field .v-field__input, .v-select .v-field.v-field {
@@ -22738,143 +22840,6 @@ html.v-overlay-scroll-blocked {
22738
22840
  .v-select--active-menu .v-select__menu-icon {
22739
22841
  opacity: var(--v-high-emphasis-opacity);
22740
22842
  transform: rotate(180deg);
22741
- }.v-selection-control {
22742
- align-items: center;
22743
- contain: layout;
22744
- display: flex;
22745
- flex: 1 0;
22746
- grid-area: control;
22747
- position: relative;
22748
- -webkit-user-select: none;
22749
- user-select: none;
22750
- }
22751
- .v-selection-control .v-label {
22752
- white-space: normal;
22753
- word-break: break-word;
22754
- height: 100%;
22755
- }
22756
- .v-selection-control--disabled {
22757
- opacity: var(--v-disabled-opacity);
22758
- pointer-events: none;
22759
- }
22760
- .v-selection-control--error .v-label, .v-selection-control--disabled .v-label {
22761
- opacity: 1;
22762
- }
22763
- .v-selection-control--error:not(.v-selection-control--disabled) .v-label {
22764
- color: rgb(var(--v-theme-error));
22765
- }
22766
- .v-selection-control--inline {
22767
- display: inline-flex;
22768
- flex: 0 0 auto;
22769
- min-width: 0;
22770
- max-width: 100%;
22771
- }
22772
- .v-selection-control--inline .v-label {
22773
- width: auto;
22774
- }
22775
- .v-selection-control--density-default {
22776
- --v-selection-control-size: 40px;
22777
- }
22778
-
22779
- .v-selection-control--density-comfortable {
22780
- --v-selection-control-size: 36px;
22781
- }
22782
-
22783
- .v-selection-control--density-compact {
22784
- --v-selection-control-size: 28px;
22785
- }
22786
-
22787
- .v-selection-control__wrapper {
22788
- width: var(--v-selection-control-size);
22789
- height: var(--v-selection-control-size);
22790
- display: inline-flex;
22791
- align-items: center;
22792
- position: relative;
22793
- justify-content: center;
22794
- flex: none;
22795
- }
22796
-
22797
- .v-selection-control__input {
22798
- width: var(--v-selection-control-size);
22799
- height: var(--v-selection-control-size);
22800
- align-items: center;
22801
- display: flex;
22802
- flex: none;
22803
- justify-content: center;
22804
- position: relative;
22805
- border-radius: 50%;
22806
- }
22807
- .v-selection-control__input input {
22808
- cursor: pointer;
22809
- position: absolute;
22810
- left: 0;
22811
- top: 0;
22812
- width: 100%;
22813
- height: 100%;
22814
- opacity: 0;
22815
- }
22816
- .v-selection-control__input::before {
22817
- content: "";
22818
- position: absolute;
22819
- top: 0;
22820
- left: 0;
22821
- width: 100%;
22822
- height: 100%;
22823
- border-radius: 100%;
22824
- background-color: currentColor;
22825
- opacity: 0;
22826
- pointer-events: none;
22827
- }
22828
- .v-selection-control__input:hover::before {
22829
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22830
- }
22831
- .v-selection-control__input > .v-icon {
22832
- opacity: var(--v-medium-emphasis-opacity);
22833
- }
22834
- .v-selection-control--disabled .v-selection-control__input > .v-icon, .v-selection-control--dirty .v-selection-control__input > .v-icon, .v-selection-control--error .v-selection-control__input > .v-icon {
22835
- opacity: 1;
22836
- }
22837
- .v-selection-control--error:not(.v-selection-control--disabled) .v-selection-control__input > .v-icon {
22838
- color: rgb(var(--v-theme-error));
22839
- }
22840
- .v-selection-control--focus-visible .v-selection-control__input::before {
22841
- 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
22843
  }.v-skeleton-loader {
22879
22844
  align-items: center;
22880
22845
  background: rgb(var(--v-theme-surface));
@@ -23098,6 +23063,42 @@ html.v-overlay-scroll-blocked {
23098
23063
  100% {
23099
23064
  transform: translateX(100%);
23100
23065
  }
23066
+ }.v-selection-control-group {
23067
+ grid-area: control;
23068
+ display: flex;
23069
+ flex-direction: column;
23070
+ }
23071
+ .v-selection-control-group--inline {
23072
+ flex-direction: row;
23073
+ flex-wrap: wrap;
23074
+ }.v-sheet {
23075
+ display: block;
23076
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
23077
+ border-style: solid;
23078
+ border-width: 0;
23079
+ 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));
23080
+ border-radius: 0;
23081
+ background: rgb(var(--v-theme-surface));
23082
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
23083
+ }
23084
+ .v-sheet--border {
23085
+ border-width: thin;
23086
+ box-shadow: none;
23087
+ }
23088
+ .v-sheet--absolute {
23089
+ position: absolute;
23090
+ }
23091
+ .v-sheet--fixed {
23092
+ position: fixed;
23093
+ }
23094
+ .v-sheet--relative {
23095
+ position: relative;
23096
+ }
23097
+ .v-sheet--sticky {
23098
+ position: sticky;
23099
+ }
23100
+ .v-sheet--rounded {
23101
+ border-radius: 4px;
23101
23102
  }.v-slide-group {
23102
23103
  display: flex;
23103
23104
  overflow: hidden;
@@ -23375,6 +23376,43 @@ html.v-overlay-scroll-blocked {
23375
23376
  }
23376
23377
  .v-stepper--mobile .v-stepper-item__subtitle {
23377
23378
  display: none;
23379
+ }.v-system-bar {
23380
+ align-items: center;
23381
+ display: flex;
23382
+ flex: 1 1 auto;
23383
+ height: 24px;
23384
+ justify-content: flex-end;
23385
+ max-width: 100%;
23386
+ padding-inline: 8px;
23387
+ position: relative;
23388
+ text-align: end;
23389
+ width: 100%;
23390
+ 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));
23391
+ background: rgba(var(--v-theme-on-surface-variant));
23392
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
23393
+ font-size: 0.75rem;
23394
+ font-weight: 400;
23395
+ letter-spacing: 0.0333333333em;
23396
+ line-height: 1.25rem;
23397
+ text-transform: none;
23398
+ }
23399
+ .v-system-bar .v-icon {
23400
+ opacity: var(--v-medium-emphasis-opacity);
23401
+ }
23402
+ .v-system-bar--absolute {
23403
+ position: absolute;
23404
+ }
23405
+ .v-system-bar--fixed {
23406
+ position: fixed;
23407
+ }
23408
+ .v-system-bar--rounded {
23409
+ border-radius: 0;
23410
+ }
23411
+ .v-system-bar--window {
23412
+ height: 32px;
23413
+ }
23414
+ .v-system-bar:not(.v-system-bar--absolute) {
23415
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
23378
23416
  }.v-switch .v-label {
23379
23417
  padding-inline-start: 10px;
23380
23418
  }
@@ -23441,68 +23479,31 @@ html.v-overlay-scroll-blocked {
23441
23479
  transform: none;
23442
23480
  transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
23443
23481
  }
23444
-
23445
- .v-switch .v-selection-control {
23446
- min-height: var(--v-input-control-height);
23447
- }
23448
- .v-switch .v-selection-control__input {
23449
- border-radius: 50%;
23450
- transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
23451
- transform: translateX(-10px);
23452
- position: absolute;
23453
- }
23454
- .v-switch .v-selection-control__input .v-icon {
23455
- position: absolute;
23456
- }
23457
- .v-switch .v-selection-control--dirty .v-selection-control__input {
23458
- transform: translateX(10px);
23459
- }
23460
- .v-switch.v-switch--indeterminate .v-selection-control__input {
23461
- transform: scale(0.8);
23462
- }
23463
- .v-switch.v-switch--indeterminate .v-switch__thumb {
23464
- transform: scale(0.75);
23465
- box-shadow: none;
23466
- }
23467
- .v-switch.v-switch--inset .v-selection-control__wrapper {
23468
- width: auto;
23469
- }.v-system-bar {
23470
- align-items: center;
23471
- 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%;
23480
- 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;
23484
- font-weight: 400;
23485
- letter-spacing: 0.0333333333em;
23486
- line-height: 1.25rem;
23487
- text-transform: none;
23488
- }
23489
- .v-system-bar .v-icon {
23490
- opacity: var(--v-medium-emphasis-opacity);
23482
+
23483
+ .v-switch .v-selection-control {
23484
+ min-height: var(--v-input-control-height);
23491
23485
  }
23492
- .v-system-bar--absolute {
23486
+ .v-switch .v-selection-control__input {
23487
+ border-radius: 50%;
23488
+ transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
23489
+ transform: translateX(-10px);
23493
23490
  position: absolute;
23494
23491
  }
23495
- .v-system-bar--fixed {
23496
- position: fixed;
23492
+ .v-switch .v-selection-control__input .v-icon {
23493
+ position: absolute;
23497
23494
  }
23498
- .v-system-bar--rounded {
23499
- border-radius: 0;
23495
+ .v-switch .v-selection-control--dirty .v-selection-control__input {
23496
+ transform: translateX(10px);
23500
23497
  }
23501
- .v-system-bar--window {
23502
- height: 32px;
23498
+ .v-switch.v-switch--indeterminate .v-selection-control__input {
23499
+ transform: scale(0.8);
23503
23500
  }
23504
- .v-system-bar:not(.v-system-bar--absolute) {
23505
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
23501
+ .v-switch.v-switch--indeterminate .v-switch__thumb {
23502
+ transform: scale(0.75);
23503
+ box-shadow: none;
23504
+ }
23505
+ .v-switch.v-switch--inset .v-selection-control__wrapper {
23506
+ width: auto;
23506
23507
  }.v-tabs {
23507
23508
  display: flex;
23508
23509
  height: var(--v-tabs-height);
@@ -23812,7 +23813,10 @@ html.v-overlay-scroll-blocked {
23812
23813
  padding-inline-end: var(--v-field-padding-end);
23813
23814
  }
23814
23815
 
23815
- /* endregion */.v-textarea .v-field {
23816
+ /* endregion */.v-theme-provider {
23817
+ background: rgb(var(--v-theme-background));
23818
+ color: rgb(var(--v-theme-on-background));
23819
+ }.v-textarea .v-field {
23816
23820
  --v-textarea-control-height: var(--v-input-control-height);
23817
23821
  }
23818
23822
  .v-textarea .v-field__field {
@@ -23851,9 +23855,27 @@ html.v-overlay-scroll-blocked {
23851
23855
  }
23852
23856
  .v-textarea textarea:invalid {
23853
23857
  box-shadow: none;
23854
- }.v-theme-provider {
23855
- background: rgb(var(--v-theme-background));
23856
- color: rgb(var(--v-theme-on-background));
23858
+ }.v-tooltip > .v-overlay__content {
23859
+ background: rgb(var(--v-theme-surface-variant));
23860
+ color: rgb(var(--v-theme-on-surface-variant));
23861
+ border-radius: 4px;
23862
+ font-size: 0.875rem;
23863
+ line-height: 1.6;
23864
+ display: inline-block;
23865
+ padding: 5px 16px;
23866
+ text-transform: initial;
23867
+ width: auto;
23868
+ opacity: 1;
23869
+ pointer-events: none;
23870
+ transition-property: opacity, transform;
23871
+ }
23872
+ .v-tooltip > .v-overlay__content[class*=enter-active] {
23873
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
23874
+ transition-duration: 150ms;
23875
+ }
23876
+ .v-tooltip > .v-overlay__content[class*=leave-active] {
23877
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
23878
+ transition-duration: 75ms;
23857
23879
  }.v-timeline .v-timeline-divider__dot {
23858
23880
  background: rgb(var(--v-theme-on-surface-variant));
23859
23881
  }
@@ -24397,27 +24419,6 @@ html.v-overlay-scroll-blocked {
24397
24419
  }
24398
24420
  .v-toolbar-items > .v-btn {
24399
24421
  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
24422
  }.v-virtual-scroll {
24422
24423
  display: block;
24423
24424
  flex: 1 1 auto;
@@ -24546,75 +24547,6 @@ html.v-overlay-scroll-blocked {
24546
24547
  }
24547
24548
  .v-color-picker-edit__input span {
24548
24549
  font-size: 0.75rem;
24549
- }.v-color-picker-preview__alpha .v-slider-track__background {
24550
- background-color: transparent !important;
24551
- }
24552
- .v-locale--is-ltr.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__alpha .v-slider-track__background {
24553
- background-image: linear-gradient(to right, transparent, var(--v-color-picker-color-hsv));
24554
- }
24555
-
24556
- .v-locale--is-rtl.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__alpha .v-slider-track__background {
24557
- background-image: linear-gradient(to left, transparent, var(--v-color-picker-color-hsv));
24558
- }
24559
-
24560
- .v-color-picker-preview__alpha .v-slider-track__background::after {
24561
- content: "";
24562
- z-index: -1;
24563
- left: 0;
24564
- top: 0;
24565
- width: 100%;
24566
- height: 100%;
24567
- position: absolute;
24568
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
24569
- border-radius: inherit;
24570
- }
24571
-
24572
- .v-color-picker-preview__sliders {
24573
- display: flex;
24574
- flex: 1 0 auto;
24575
- flex-direction: column;
24576
- }
24577
-
24578
- .v-color-picker-preview__dot {
24579
- position: relative;
24580
- height: 30px;
24581
- width: 30px;
24582
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
24583
- border-radius: 50%;
24584
- overflow: hidden;
24585
- margin-inline-end: 24px;
24586
- }
24587
- .v-color-picker-preview__dot > div {
24588
- width: 100%;
24589
- height: 100%;
24590
- }
24591
-
24592
- .v-locale--is-ltr.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
24593
- background: linear-gradient(to right, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
24594
- }
24595
-
24596
- .v-locale--is-rtl.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
24597
- background: linear-gradient(to left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
24598
- }
24599
-
24600
- .v-color-picker-preview__track {
24601
- position: relative;
24602
- width: 100%;
24603
- margin: 0 !important;
24604
- }
24605
- .v-color-picker-preview__track .v-slider-track__fill {
24606
- display: none;
24607
- }
24608
-
24609
- .v-color-picker-preview {
24610
- align-items: center;
24611
- display: flex;
24612
- margin-bottom: 0;
24613
- }
24614
-
24615
- .v-color-picker-preview__eye-dropper {
24616
- position: relative;
24617
- margin-right: 12px;
24618
24550
  }.v-color-picker-swatches {
24619
24551
  overflow-y: auto;
24620
24552
  }
@@ -24637,173 +24569,88 @@ html.v-overlay-scroll-blocked {
24637
24569
  max-height: 18px;
24638
24570
  width: 45px;
24639
24571
  margin: 2px 4px;
24640
- border-radius: 2px;
24641
- -webkit-user-select: none;
24642
- user-select: none;
24643
- overflow: hidden;
24644
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
24645
- cursor: pointer;
24646
- }
24647
- .v-color-picker-swatches__color > div {
24648
- display: flex;
24649
- align-items: center;
24650
- justify-content: center;
24651
- width: 100%;
24652
- height: 100%;
24653
- }.v-slider-thumb {
24654
- touch-action: none;
24655
- color: rgb(var(--v-theme-surface-variant));
24656
- }
24657
- .v-input--error:not(.v-input--disabled) .v-slider-thumb {
24658
- color: inherit;
24659
- }
24660
-
24661
- .v-slider-thumb__label {
24662
- background: rgba(var(--v-theme-surface-variant), 0.7);
24663
- color: rgb(var(--v-theme-on-surface-variant));
24664
- }
24665
- .v-slider-thumb__label::before {
24666
- color: rgba(var(--v-theme-surface-variant), 0.7);
24667
- }
24668
-
24669
- .v-slider-thumb {
24670
- outline: none;
24671
- position: absolute;
24672
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
24673
- }
24674
-
24675
- .v-slider-thumb__surface {
24676
- cursor: pointer;
24677
- width: var(--v-slider-thumb-size);
24678
- height: var(--v-slider-thumb-size);
24679
- border-radius: 50%;
24680
- -webkit-user-select: none;
24681
- user-select: none;
24682
- background-color: currentColor;
24683
- }
24684
- .v-slider-thumb__surface::before {
24685
- transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
24686
- content: "";
24687
- color: inherit;
24688
- top: 0;
24689
- left: 0;
24690
- width: 100%;
24691
- height: 100%;
24692
- border-radius: 50%;
24693
- background: currentColor;
24694
- position: absolute;
24695
- pointer-events: none;
24696
- opacity: 0;
24697
- }
24698
- .v-slider-thumb__surface::after {
24699
- content: "";
24700
- width: 42px;
24701
- height: 42px;
24702
- position: absolute;
24703
- top: 50%;
24704
- left: 50%;
24705
- transform: translate(-50%, -50%);
24706
- }
24707
-
24708
- .v-slider-thumb__label-container {
24709
- position: absolute;
24710
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
24711
- }
24712
-
24713
- .v-slider-thumb__label {
24714
- display: flex;
24715
- align-items: center;
24716
- justify-content: center;
24717
- font-size: 0.75rem;
24718
- min-width: 35px;
24719
- height: 25px;
24720
- border-radius: 4px;
24721
- padding: 6px;
24722
- position: absolute;
24723
- -webkit-user-select: none;
24724
- user-select: none;
24725
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
24726
- }
24727
- .v-slider-thumb__label::before {
24728
- content: "";
24729
- width: 0;
24730
- height: 0;
24731
- position: absolute;
24732
- }
24733
-
24734
- .v-slider-thumb__ripple {
24735
- position: absolute;
24736
- left: calc(var(--v-slider-thumb-size) / -2);
24737
- top: calc(var(--v-slider-thumb-size) / -2);
24738
- width: calc(var(--v-slider-thumb-size) * 2);
24739
- height: calc(var(--v-slider-thumb-size) * 2);
24740
- background: inherit;
24741
- }
24742
-
24743
- .v-slider.v-input--horizontal .v-slider-thumb {
24744
- top: 50%;
24745
- transform: translateY(-50%);
24746
- inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
24747
- }
24748
- .v-slider.v-input--horizontal .v-slider-thumb__label-container {
24749
- left: calc(var(--v-slider-thumb-size) / 2);
24750
- top: 0;
24572
+ border-radius: 2px;
24573
+ -webkit-user-select: none;
24574
+ user-select: none;
24575
+ overflow: hidden;
24576
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
24577
+ cursor: pointer;
24751
24578
  }
24752
- .v-slider.v-input--horizontal .v-slider-thumb__label {
24753
- bottom: calc(var(--v-slider-thumb-size) / 2);
24579
+ .v-color-picker-swatches__color > div {
24580
+ display: flex;
24581
+ align-items: center;
24582
+ justify-content: center;
24583
+ width: 100%;
24584
+ height: 100%;
24585
+ }.v-color-picker-preview__alpha .v-slider-track__background {
24586
+ background-color: transparent !important;
24754
24587
  }
24755
- .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
24756
- transform: translateX(-50%);
24588
+ .v-locale--is-ltr.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__alpha .v-slider-track__background {
24589
+ background-image: linear-gradient(to right, transparent, var(--v-color-picker-color-hsv));
24757
24590
  }
24758
24591
 
24759
- .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
24760
- transform: translateX(50%);
24592
+ .v-locale--is-rtl.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__alpha .v-slider-track__background {
24593
+ background-image: linear-gradient(to left, transparent, var(--v-color-picker-color-hsv));
24761
24594
  }
24762
24595
 
24763
- .v-slider.v-input--horizontal .v-slider-thumb__label::before {
24764
- border-left: 6px solid transparent;
24765
- border-right: 6px solid transparent;
24766
- border-top: 6px solid currentColor;
24767
- bottom: -6px;
24596
+ .v-color-picker-preview__alpha .v-slider-track__background::after {
24597
+ content: "";
24598
+ z-index: -1;
24599
+ left: 0;
24600
+ top: 0;
24601
+ width: 100%;
24602
+ height: 100%;
24603
+ position: absolute;
24604
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
24605
+ border-radius: inherit;
24768
24606
  }
24769
24607
 
24770
- .v-slider.v-input--vertical .v-slider-thumb {
24771
- top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
24608
+ .v-color-picker-preview__sliders {
24609
+ display: flex;
24610
+ flex: 1 0 auto;
24611
+ flex-direction: column;
24772
24612
  }
24773
- .v-slider.v-input--vertical .v-slider-thumb__label-container {
24774
- top: calc(var(--v-slider-thumb-size) / 2);
24775
- right: 0;
24613
+
24614
+ .v-color-picker-preview__dot {
24615
+ position: relative;
24616
+ height: 30px;
24617
+ width: 30px;
24618
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
24619
+ border-radius: 50%;
24620
+ overflow: hidden;
24621
+ margin-inline-end: 24px;
24776
24622
  }
24777
- .v-slider.v-input--vertical .v-slider-thumb__label {
24778
- top: -12.5px;
24779
- left: calc(var(--v-slider-thumb-size) / 2);
24623
+ .v-color-picker-preview__dot > div {
24624
+ width: 100%;
24625
+ height: 100%;
24780
24626
  }
24781
- .v-slider.v-input--vertical .v-slider-thumb__label::before {
24782
- border-right: 6px solid currentColor;
24783
- border-top: 6px solid transparent;
24784
- border-bottom: 6px solid transparent;
24785
- left: -6px;
24627
+
24628
+ .v-locale--is-ltr.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
24629
+ background: linear-gradient(to right, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
24786
24630
  }
24787
24631
 
24788
- .v-slider-thumb--focused .v-slider-thumb__surface::before {
24789
- transform: scale(2);
24790
- opacity: var(--v-focus-opacity);
24632
+ .v-locale--is-rtl.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
24633
+ background: linear-gradient(to left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
24791
24634
  }
24792
24635
 
24793
- .v-slider-thumb--pressed {
24794
- transition: none;
24636
+ .v-color-picker-preview__track {
24637
+ position: relative;
24638
+ width: 100%;
24639
+ margin: 0 !important;
24795
24640
  }
24796
- .v-slider-thumb--pressed .v-slider-thumb__surface::before {
24797
- opacity: var(--v-pressed-opacity);
24641
+ .v-color-picker-preview__track .v-slider-track__fill {
24642
+ display: none;
24798
24643
  }
24799
24644
 
24800
- @media (hover: hover) {
24801
- .v-slider-thumb:hover .v-slider-thumb__surface::before {
24802
- transform: scale(2);
24803
- }
24804
- .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
24805
- opacity: var(--v-hover-opacity);
24806
- }
24645
+ .v-color-picker-preview {
24646
+ align-items: center;
24647
+ display: flex;
24648
+ margin-bottom: 0;
24649
+ }
24650
+
24651
+ .v-color-picker-preview__eye-dropper {
24652
+ position: relative;
24653
+ margin-right: 12px;
24807
24654
  }.v-slider-track__background {
24808
24655
  background-color: rgb(var(--v-theme-surface-variant));
24809
24656
  }
@@ -24967,4 +24814,158 @@ html.v-overlay-scroll-blocked {
24967
24814
 
24968
24815
  .v-slider-track__background--opacity {
24969
24816
  opacity: 0.38;
24817
+ }.v-slider-thumb {
24818
+ touch-action: none;
24819
+ color: rgb(var(--v-theme-surface-variant));
24820
+ }
24821
+ .v-input--error:not(.v-input--disabled) .v-slider-thumb {
24822
+ color: inherit;
24823
+ }
24824
+
24825
+ .v-slider-thumb__label {
24826
+ background: rgba(var(--v-theme-surface-variant), 0.7);
24827
+ color: rgb(var(--v-theme-on-surface-variant));
24828
+ }
24829
+ .v-slider-thumb__label::before {
24830
+ color: rgba(var(--v-theme-surface-variant), 0.7);
24831
+ }
24832
+
24833
+ .v-slider-thumb {
24834
+ outline: none;
24835
+ position: absolute;
24836
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
24837
+ }
24838
+
24839
+ .v-slider-thumb__surface {
24840
+ cursor: pointer;
24841
+ width: var(--v-slider-thumb-size);
24842
+ height: var(--v-slider-thumb-size);
24843
+ border-radius: 50%;
24844
+ -webkit-user-select: none;
24845
+ user-select: none;
24846
+ background-color: currentColor;
24847
+ }
24848
+ .v-slider-thumb__surface::before {
24849
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
24850
+ content: "";
24851
+ color: inherit;
24852
+ top: 0;
24853
+ left: 0;
24854
+ width: 100%;
24855
+ height: 100%;
24856
+ border-radius: 50%;
24857
+ background: currentColor;
24858
+ position: absolute;
24859
+ pointer-events: none;
24860
+ opacity: 0;
24861
+ }
24862
+ .v-slider-thumb__surface::after {
24863
+ content: "";
24864
+ width: 42px;
24865
+ height: 42px;
24866
+ position: absolute;
24867
+ top: 50%;
24868
+ left: 50%;
24869
+ transform: translate(-50%, -50%);
24870
+ }
24871
+
24872
+ .v-slider-thumb__label-container {
24873
+ position: absolute;
24874
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
24875
+ }
24876
+
24877
+ .v-slider-thumb__label {
24878
+ display: flex;
24879
+ align-items: center;
24880
+ justify-content: center;
24881
+ font-size: 0.75rem;
24882
+ min-width: 35px;
24883
+ height: 25px;
24884
+ border-radius: 4px;
24885
+ padding: 6px;
24886
+ position: absolute;
24887
+ -webkit-user-select: none;
24888
+ user-select: none;
24889
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
24890
+ }
24891
+ .v-slider-thumb__label::before {
24892
+ content: "";
24893
+ width: 0;
24894
+ height: 0;
24895
+ position: absolute;
24896
+ }
24897
+
24898
+ .v-slider-thumb__ripple {
24899
+ position: absolute;
24900
+ left: calc(var(--v-slider-thumb-size) / -2);
24901
+ top: calc(var(--v-slider-thumb-size) / -2);
24902
+ width: calc(var(--v-slider-thumb-size) * 2);
24903
+ height: calc(var(--v-slider-thumb-size) * 2);
24904
+ background: inherit;
24905
+ }
24906
+
24907
+ .v-slider.v-input--horizontal .v-slider-thumb {
24908
+ top: 50%;
24909
+ transform: translateY(-50%);
24910
+ inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
24911
+ }
24912
+ .v-slider.v-input--horizontal .v-slider-thumb__label-container {
24913
+ left: calc(var(--v-slider-thumb-size) / 2);
24914
+ top: 0;
24915
+ }
24916
+ .v-slider.v-input--horizontal .v-slider-thumb__label {
24917
+ bottom: calc(var(--v-slider-thumb-size) / 2);
24918
+ }
24919
+ .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
24920
+ transform: translateX(-50%);
24921
+ }
24922
+
24923
+ .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
24924
+ transform: translateX(50%);
24925
+ }
24926
+
24927
+ .v-slider.v-input--horizontal .v-slider-thumb__label::before {
24928
+ border-left: 6px solid transparent;
24929
+ border-right: 6px solid transparent;
24930
+ border-top: 6px solid currentColor;
24931
+ bottom: -6px;
24932
+ }
24933
+
24934
+ .v-slider.v-input--vertical .v-slider-thumb {
24935
+ top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
24936
+ }
24937
+ .v-slider.v-input--vertical .v-slider-thumb__label-container {
24938
+ top: calc(var(--v-slider-thumb-size) / 2);
24939
+ right: 0;
24940
+ }
24941
+ .v-slider.v-input--vertical .v-slider-thumb__label {
24942
+ top: -12.5px;
24943
+ left: calc(var(--v-slider-thumb-size) / 2);
24944
+ }
24945
+ .v-slider.v-input--vertical .v-slider-thumb__label::before {
24946
+ border-right: 6px solid currentColor;
24947
+ border-top: 6px solid transparent;
24948
+ border-bottom: 6px solid transparent;
24949
+ left: -6px;
24950
+ }
24951
+
24952
+ .v-slider-thumb--focused .v-slider-thumb__surface::before {
24953
+ transform: scale(2);
24954
+ opacity: var(--v-focus-opacity);
24955
+ }
24956
+
24957
+ .v-slider-thumb--pressed {
24958
+ transition: none;
24959
+ }
24960
+ .v-slider-thumb--pressed .v-slider-thumb__surface::before {
24961
+ opacity: var(--v-pressed-opacity);
24962
+ }
24963
+
24964
+ @media (hover: hover) {
24965
+ .v-slider-thumb:hover .v-slider-thumb__surface::before {
24966
+ transform: scale(2);
24967
+ }
24968
+ .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
24969
+ opacity: var(--v-hover-opacity);
24970
+ }
24970
24971
  }