@vuetify/nightly 3.7.5-master.2024-12-03 → 3.7.5-master.2024-12-11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.7.5-master.2024-12-03
2
+ * Vuetify v3.7.5-master.2024-12-11
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17994,6 +17994,18 @@ html.overflow-y-hidden {
17994
17994
  min-height: 100vh;
17995
17995
  min-height: 100dvh;
17996
17996
  position: relative;
17997
+ }.v-app-bar {
17998
+ display: flex;
17999
+ }
18000
+ .v-app-bar.v-toolbar {
18001
+ background: rgb(var(--v-theme-surface));
18002
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18003
+ }
18004
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
18005
+ box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18006
+ }
18007
+ .v-app-bar:not(.v-toolbar--absolute) {
18008
+ padding-inline-end: var(--v-scrollbar-offset);
17997
18009
  }.v-alert {
17998
18010
  display: grid;
17999
18011
  flex: 1 1;
@@ -18210,18 +18222,6 @@ html.overflow-y-hidden {
18210
18222
  text-transform: none;
18211
18223
  word-break: normal;
18212
18224
  word-wrap: break-word;
18213
- }.v-app-bar {
18214
- display: flex;
18215
- }
18216
- .v-app-bar.v-toolbar {
18217
- background: rgb(var(--v-theme-surface));
18218
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18219
- }
18220
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
18221
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18222
- }
18223
- .v-app-bar:not(.v-toolbar--absolute) {
18224
- padding-inline-end: var(--v-scrollbar-offset);
18225
18225
  }.v-autocomplete .v-field .v-text-field__prefix,
18226
18226
  .v-autocomplete .v-field .v-text-field__suffix,
18227
18227
  .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
@@ -18307,83 +18307,6 @@ html.overflow-y-hidden {
18307
18307
  .v-autocomplete--active-menu .v-autocomplete__menu-icon {
18308
18308
  opacity: var(--v-high-emphasis-opacity);
18309
18309
  transform: rotate(180deg);
18310
- }.v-badge {
18311
- display: inline-block;
18312
- line-height: 1;
18313
- }
18314
-
18315
- .v-badge__badge {
18316
- align-items: center;
18317
- display: inline-flex;
18318
- border-radius: 10px;
18319
- font-family: "Roboto", sans-serif;
18320
- font-size: 0.75rem;
18321
- font-weight: 500;
18322
- height: 1.25rem;
18323
- justify-content: center;
18324
- min-width: 20px;
18325
- padding: 4px 6px;
18326
- pointer-events: auto;
18327
- position: absolute;
18328
- text-align: center;
18329
- text-indent: 0;
18330
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
18331
- white-space: nowrap;
18332
- }
18333
- .v-badge__badge {
18334
- background: rgb(var(--v-theme-surface-variant));
18335
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
18336
- }
18337
- .v-badge__badge:has(.v-icon) {
18338
- padding: 4px 6px;
18339
- }
18340
- .v-badge--bordered .v-badge__badge::after {
18341
- border-radius: inherit;
18342
- border-style: solid;
18343
- border-width: 2px;
18344
- bottom: 0;
18345
- color: rgb(var(--v-theme-background));
18346
- content: "";
18347
- left: 0;
18348
- position: absolute;
18349
- right: 0;
18350
- top: 0;
18351
- transform: scale(1.05);
18352
- }
18353
- .v-badge--dot .v-badge__badge {
18354
- border-radius: 4.5px;
18355
- height: 9px;
18356
- min-width: 0;
18357
- padding: 0;
18358
- width: 9px;
18359
- }
18360
- .v-badge--dot .v-badge__badge::after {
18361
- border-width: 1.5px;
18362
- }
18363
- .v-badge--inline .v-badge__badge {
18364
- position: relative;
18365
- vertical-align: middle;
18366
- }
18367
- .v-badge__badge .v-icon {
18368
- color: inherit;
18369
- font-size: 0.75rem;
18370
- margin: 0 -2px;
18371
- }
18372
- .v-badge__badge img,
18373
- .v-badge__badge .v-img {
18374
- height: 100%;
18375
- width: 100%;
18376
- }
18377
-
18378
- .v-badge__wrapper {
18379
- display: flex;
18380
- position: relative;
18381
- }
18382
- .v-badge--inline .v-badge__wrapper {
18383
- align-items: center;
18384
- display: inline-flex;
18385
- justify-content: center;
18386
- margin: 0 4px;
18387
18310
  }.v-avatar {
18388
18311
  flex: none;
18389
18312
  align-items: center;
@@ -18490,69 +18413,83 @@ html.overflow-y-hidden {
18490
18413
  .v-avatar .v-img {
18491
18414
  height: 100%;
18492
18415
  width: 100%;
18493
- }.v-bottom-navigation {
18494
- display: flex;
18495
- max-width: 100%;
18496
- overflow: hidden;
18416
+ }.v-badge {
18417
+ display: inline-block;
18418
+ line-height: 1;
18419
+ }
18420
+
18421
+ .v-badge__badge {
18422
+ align-items: center;
18423
+ display: inline-flex;
18424
+ border-radius: 10px;
18425
+ font-family: "Roboto", sans-serif;
18426
+ font-size: 0.75rem;
18427
+ font-weight: 500;
18428
+ height: 1.25rem;
18429
+ justify-content: center;
18430
+ min-width: 20px;
18431
+ padding: 4px 6px;
18432
+ pointer-events: auto;
18497
18433
  position: absolute;
18498
- transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
18434
+ text-align: center;
18435
+ text-indent: 0;
18436
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
18437
+ white-space: nowrap;
18499
18438
  }
18500
- .v-bottom-navigation {
18501
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18502
- border-style: solid;
18503
- border-width: 0;
18439
+ .v-badge__badge {
18440
+ background: rgb(var(--v-theme-surface-variant));
18441
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
18504
18442
  }
18505
- .v-bottom-navigation--border {
18506
- border-width: thin;
18507
- box-shadow: none;
18443
+ .v-badge__badge:has(.v-icon) {
18444
+ padding: 4px 6px;
18508
18445
  }
18509
- .v-bottom-navigation {
18510
- border-radius: 0;
18446
+ .v-badge--bordered .v-badge__badge::after {
18447
+ border-radius: inherit;
18448
+ border-style: solid;
18449
+ border-width: 2px;
18450
+ bottom: 0;
18451
+ color: rgb(var(--v-theme-background));
18452
+ content: "";
18453
+ left: 0;
18454
+ position: absolute;
18455
+ right: 0;
18456
+ top: 0;
18457
+ transform: scale(1.05);
18511
18458
  }
18512
- .v-bottom-navigation {
18513
- background: rgb(var(--v-theme-surface));
18514
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18459
+ .v-badge--dot .v-badge__badge {
18460
+ border-radius: 4.5px;
18461
+ height: 9px;
18462
+ min-width: 0;
18463
+ padding: 0;
18464
+ width: 9px;
18515
18465
  }
18516
- .v-bottom-navigation--active {
18517
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18466
+ .v-badge--dot .v-badge__badge::after {
18467
+ border-width: 1.5px;
18518
18468
  }
18519
-
18520
- .v-bottom-navigation__content {
18521
- display: flex;
18522
- flex: none;
18469
+ .v-badge--inline .v-badge__badge {
18470
+ position: relative;
18471
+ vertical-align: middle;
18472
+ }
18473
+ .v-badge__badge .v-icon {
18474
+ color: inherit;
18523
18475
  font-size: 0.75rem;
18524
- justify-content: center;
18525
- transition: inherit;
18526
- width: 100%;
18476
+ margin: 0 -2px;
18527
18477
  }
18528
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18529
- font-size: inherit;
18478
+ .v-badge__badge img,
18479
+ .v-badge__badge .v-img {
18530
18480
  height: 100%;
18531
- max-width: 168px;
18532
- min-width: 80px;
18533
- text-transform: none;
18534
- transition: inherit;
18535
- width: auto;
18536
- }
18537
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18538
- border-radius: 0;
18539
- }
18540
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
18541
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18542
- transition: inherit;
18543
- }
18544
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18545
- font-size: 1.5rem;
18546
- }
18547
- .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
18548
- flex-grow: 1;
18481
+ width: 100%;
18549
18482
  }
18550
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
18551
- transition: inherit;
18552
- opacity: 0;
18483
+
18484
+ .v-badge__wrapper {
18485
+ display: flex;
18486
+ position: relative;
18553
18487
  }
18554
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18555
- transform: translateY(0.5rem);
18488
+ .v-badge--inline .v-badge__wrapper {
18489
+ align-items: center;
18490
+ display: inline-flex;
18491
+ justify-content: center;
18492
+ margin: 0 4px;
18556
18493
  }.v-banner {
18557
18494
  display: grid;
18558
18495
  flex: 1 1;
@@ -18719,63 +18656,69 @@ html.overflow-y-hidden {
18719
18656
  }
18720
18657
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
18721
18658
  align-self: flex-start;
18722
- }.v-breadcrumbs {
18659
+ }.v-bottom-navigation {
18723
18660
  display: flex;
18724
- align-items: center;
18725
- line-height: 1.6;
18726
- padding: 16px 12px;
18661
+ max-width: 100%;
18662
+ overflow: hidden;
18663
+ position: absolute;
18664
+ transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
18727
18665
  }
18728
- .v-breadcrumbs--rounded {
18729
- border-radius: 4px;
18666
+ .v-bottom-navigation {
18667
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18668
+ border-style: solid;
18669
+ border-width: 0;
18730
18670
  }
18731
- .v-breadcrumbs--density-default {
18732
- padding-top: 16px;
18733
- padding-bottom: 16px;
18671
+ .v-bottom-navigation--border {
18672
+ border-width: thin;
18673
+ box-shadow: none;
18734
18674
  }
18735
-
18736
- .v-breadcrumbs--density-comfortable {
18737
- padding-top: 12px;
18738
- padding-bottom: 12px;
18675
+ .v-bottom-navigation {
18676
+ border-radius: 0;
18739
18677
  }
18740
-
18741
- .v-breadcrumbs--density-compact {
18742
- padding-top: 8px;
18743
- padding-bottom: 8px;
18678
+ .v-bottom-navigation {
18679
+ background: rgb(var(--v-theme-surface));
18680
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18681
+ }
18682
+ .v-bottom-navigation--active {
18683
+ box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18744
18684
  }
18745
18685
 
18746
- .v-breadcrumbs__prepend {
18747
- align-items: center;
18748
- display: inline-flex;
18686
+ .v-bottom-navigation__content {
18687
+ display: flex;
18688
+ flex: none;
18689
+ font-size: 0.75rem;
18690
+ justify-content: center;
18691
+ transition: inherit;
18692
+ width: 100%;
18749
18693
  }
18750
-
18751
- .v-breadcrumbs-item {
18752
- align-items: center;
18753
- color: inherit;
18754
- display: inline-flex;
18755
- padding: 0 4px;
18756
- text-decoration: none;
18757
- vertical-align: middle;
18694
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18695
+ font-size: inherit;
18696
+ height: 100%;
18697
+ max-width: 168px;
18698
+ min-width: 80px;
18699
+ text-transform: none;
18700
+ transition: inherit;
18701
+ width: auto;
18758
18702
  }
18759
- .v-breadcrumbs-item--disabled {
18760
- opacity: var(--v-disabled-opacity);
18761
- pointer-events: none;
18703
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18704
+ border-radius: 0;
18762
18705
  }
18763
- .v-breadcrumbs-item--link {
18764
- color: inherit;
18765
- text-decoration: none;
18706
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
18707
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18708
+ transition: inherit;
18766
18709
  }
18767
- .v-breadcrumbs-item--link:hover {
18768
- text-decoration: underline;
18710
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18711
+ font-size: 1.5rem;
18769
18712
  }
18770
- .v-breadcrumbs-item .v-icon {
18771
- font-size: 1rem;
18772
- margin-inline: -4px 2px;
18713
+ .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
18714
+ flex-grow: 1;
18773
18715
  }
18774
-
18775
- .v-breadcrumbs-divider {
18776
- display: inline-block;
18777
- padding: 0 8px;
18778
- vertical-align: middle;
18716
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
18717
+ transition: inherit;
18718
+ opacity: 0;
18719
+ }
18720
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18721
+ transform: translateY(0.5rem);
18779
18722
  }.bottom-sheet-transition-enter-from {
18780
18723
  transform: translateY(100%);
18781
18724
  }
@@ -18810,6 +18753,127 @@ html.overflow-y-hidden {
18810
18753
  .v-bottom-sheet.v-bottom-sheet--inset {
18811
18754
  max-width: 70%;
18812
18755
  }
18756
+ }.v-breadcrumbs {
18757
+ display: flex;
18758
+ align-items: center;
18759
+ line-height: 1.6;
18760
+ padding: 16px 12px;
18761
+ }
18762
+ .v-breadcrumbs--rounded {
18763
+ border-radius: 4px;
18764
+ }
18765
+ .v-breadcrumbs--density-default {
18766
+ padding-top: 16px;
18767
+ padding-bottom: 16px;
18768
+ }
18769
+
18770
+ .v-breadcrumbs--density-comfortable {
18771
+ padding-top: 12px;
18772
+ padding-bottom: 12px;
18773
+ }
18774
+
18775
+ .v-breadcrumbs--density-compact {
18776
+ padding-top: 8px;
18777
+ padding-bottom: 8px;
18778
+ }
18779
+
18780
+ .v-breadcrumbs__prepend {
18781
+ align-items: center;
18782
+ display: inline-flex;
18783
+ }
18784
+
18785
+ .v-breadcrumbs-item {
18786
+ align-items: center;
18787
+ color: inherit;
18788
+ display: inline-flex;
18789
+ padding: 0 4px;
18790
+ text-decoration: none;
18791
+ vertical-align: middle;
18792
+ }
18793
+ .v-breadcrumbs-item--disabled {
18794
+ opacity: var(--v-disabled-opacity);
18795
+ pointer-events: none;
18796
+ }
18797
+ .v-breadcrumbs-item--link {
18798
+ color: inherit;
18799
+ text-decoration: none;
18800
+ }
18801
+ .v-breadcrumbs-item--link:hover {
18802
+ text-decoration: underline;
18803
+ }
18804
+ .v-breadcrumbs-item .v-icon {
18805
+ font-size: 1rem;
18806
+ margin-inline: -4px 2px;
18807
+ }
18808
+
18809
+ .v-breadcrumbs-divider {
18810
+ display: inline-block;
18811
+ padding: 0 8px;
18812
+ vertical-align: middle;
18813
+ }.v-btn-group {
18814
+ display: inline-flex;
18815
+ flex-wrap: nowrap;
18816
+ max-width: 100%;
18817
+ min-width: 0;
18818
+ overflow: hidden;
18819
+ vertical-align: middle;
18820
+ }
18821
+ .v-btn-group {
18822
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18823
+ border-style: solid;
18824
+ border-width: 0;
18825
+ }
18826
+ .v-btn-group--border {
18827
+ border-width: thin;
18828
+ box-shadow: none;
18829
+ }
18830
+ .v-btn-group {
18831
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18832
+ }
18833
+ .v-btn-group {
18834
+ border-radius: 4px;
18835
+ }
18836
+ .v-btn-group {
18837
+ background: transparent;
18838
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18839
+ }
18840
+ .v-btn-group--density-default.v-btn-group {
18841
+ height: 48px;
18842
+ }
18843
+
18844
+ .v-btn-group--density-comfortable.v-btn-group {
18845
+ height: 40px;
18846
+ }
18847
+
18848
+ .v-btn-group--density-compact.v-btn-group {
18849
+ height: 36px;
18850
+ }
18851
+
18852
+ .v-btn-group .v-btn {
18853
+ border-radius: 0;
18854
+ border-color: inherit;
18855
+ }
18856
+ .v-btn-group .v-btn:not(:last-child) {
18857
+ border-inline-end: none;
18858
+ }
18859
+ .v-btn-group .v-btn:not(:first-child) {
18860
+ border-inline-start: none;
18861
+ }
18862
+ .v-btn-group .v-btn:first-child {
18863
+ border-start-start-radius: inherit;
18864
+ border-end-start-radius: inherit;
18865
+ }
18866
+ .v-btn-group .v-btn:last-child {
18867
+ border-start-end-radius: inherit;
18868
+ border-end-end-radius: inherit;
18869
+ }
18870
+ .v-btn-group--divided .v-btn:not(:last-child) {
18871
+ border-inline-end-width: thin;
18872
+ border-inline-end-style: solid;
18873
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
18874
+ }
18875
+ .v-btn-group--tile {
18876
+ border-radius: 0;
18813
18877
  }.v-btn {
18814
18878
  align-items: center;
18815
18879
  border-radius: 4px;
@@ -19250,196 +19314,67 @@ html.overflow-y-hidden {
19250
19314
  }
19251
19315
  .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled).v-btn--variant-plain {
19252
19316
  opacity: 1;
19253
- }.v-btn-group {
19254
- display: inline-flex;
19255
- flex-wrap: nowrap;
19256
- max-width: 100%;
19257
- min-width: 0;
19317
+ }.v-card {
19318
+ display: block;
19258
19319
  overflow: hidden;
19259
- vertical-align: middle;
19320
+ overflow-wrap: break-word;
19321
+ position: relative;
19322
+ padding: 0;
19323
+ text-decoration: none;
19324
+ transition-duration: 0.28s;
19325
+ transition-property: box-shadow, opacity, background;
19326
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19327
+ z-index: 0;
19260
19328
  }
19261
- .v-btn-group {
19329
+ .v-card {
19262
19330
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19263
19331
  border-style: solid;
19264
19332
  border-width: 0;
19265
19333
  }
19266
- .v-btn-group--border {
19334
+ .v-card--border {
19267
19335
  border-width: thin;
19268
19336
  box-shadow: none;
19269
19337
  }
19270
- .v-btn-group {
19271
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19338
+ .v-card--absolute {
19339
+ position: absolute;
19272
19340
  }
19273
- .v-btn-group {
19341
+ .v-card--fixed {
19342
+ position: fixed;
19343
+ }
19344
+ .v-card {
19274
19345
  border-radius: 4px;
19275
19346
  }
19276
- .v-btn-group {
19277
- background: transparent;
19278
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19347
+ .v-card:hover > .v-card__overlay {
19348
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
19279
19349
  }
19280
- .v-btn-group--density-default.v-btn-group {
19281
- height: 48px;
19350
+ .v-card:focus-visible > .v-card__overlay {
19351
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19282
19352
  }
19283
-
19284
- .v-btn-group--density-comfortable.v-btn-group {
19285
- height: 40px;
19353
+ @supports not selector(:focus-visible) {
19354
+ .v-card:focus > .v-card__overlay {
19355
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19356
+ }
19286
19357
  }
19287
-
19288
- .v-btn-group--density-compact.v-btn-group {
19289
- height: 36px;
19358
+ .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
19359
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19290
19360
  }
19291
-
19292
- .v-btn-group .v-btn {
19293
- border-radius: 0;
19294
- border-color: inherit;
19361
+ .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
19362
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19295
19363
  }
19296
- .v-btn-group .v-btn:not(:last-child) {
19297
- border-inline-end: none;
19364
+ .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
19365
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19298
19366
  }
19299
- .v-btn-group .v-btn:not(:first-child) {
19300
- border-inline-start: none;
19367
+ @supports not selector(:focus-visible) {
19368
+ .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
19369
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19370
+ }
19301
19371
  }
19302
- .v-btn-group .v-btn:first-child {
19303
- border-start-start-radius: inherit;
19304
- border-end-start-radius: inherit;
19372
+ .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
19373
+ background: transparent;
19374
+ color: inherit;
19305
19375
  }
19306
- .v-btn-group .v-btn:last-child {
19307
- border-start-end-radius: inherit;
19308
- border-end-end-radius: inherit;
19309
- }
19310
- .v-btn-group--divided .v-btn:not(:last-child) {
19311
- border-inline-end-width: thin;
19312
- border-inline-end-style: solid;
19313
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
19314
- }
19315
- .v-btn-group--tile {
19316
- border-radius: 0;
19317
- }.v-carousel {
19318
- overflow: hidden;
19319
- position: relative;
19320
- width: 100%;
19321
- }
19322
- .v-carousel__controls {
19323
- align-items: center;
19324
- bottom: 0;
19325
- display: flex;
19326
- height: 50px;
19327
- justify-content: center;
19328
- list-style-type: none;
19329
- position: absolute;
19330
- width: 100%;
19331
- z-index: 1;
19332
- }
19333
- .v-carousel__controls {
19334
- background: rgba(var(--v-theme-surface-variant), 0.3);
19335
- color: rgb(var(--v-theme-on-surface-variant));
19336
- }
19337
- .v-carousel__controls > .v-item-group {
19338
- flex: 0 1 auto;
19339
- }
19340
- .v-carousel__controls__item {
19341
- margin: 0 8px;
19342
- }
19343
- .v-carousel__controls__item .v-icon {
19344
- opacity: 0.5;
19345
- }
19346
- .v-carousel__controls__item--active .v-icon {
19347
- opacity: 1;
19348
- vertical-align: middle;
19349
- }
19350
- .v-carousel__controls__item:hover {
19351
- background: none;
19352
- }
19353
- .v-carousel__controls__item:hover .v-icon {
19354
- opacity: 0.8;
19355
- }
19356
-
19357
- .v-carousel__progress {
19358
- margin: 0;
19359
- position: absolute;
19360
- bottom: 0;
19361
- left: 0;
19362
- right: 0;
19363
- }
19364
-
19365
- .v-carousel-item {
19366
- display: block;
19367
- height: inherit;
19368
- text-decoration: none;
19369
- }
19370
- .v-carousel-item > .v-img {
19371
- height: inherit;
19372
- }
19373
-
19374
- .v-carousel--hide-delimiter-background .v-carousel__controls {
19375
- background: transparent;
19376
- }
19377
-
19378
- .v-carousel--vertical-delimiters .v-carousel__controls {
19379
- flex-direction: column;
19380
- height: 100% !important;
19381
- width: 50px;
19382
- }.v-card {
19383
- display: block;
19384
- overflow: hidden;
19385
- overflow-wrap: break-word;
19386
- position: relative;
19387
- padding: 0;
19388
- text-decoration: none;
19389
- transition-duration: 0.28s;
19390
- transition-property: box-shadow, opacity, background;
19391
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19392
- z-index: 0;
19393
- }
19394
- .v-card {
19395
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19396
- border-style: solid;
19397
- border-width: 0;
19398
- }
19399
- .v-card--border {
19400
- border-width: thin;
19401
- box-shadow: none;
19402
- }
19403
- .v-card--absolute {
19404
- position: absolute;
19405
- }
19406
- .v-card--fixed {
19407
- position: fixed;
19408
- }
19409
- .v-card {
19410
- border-radius: 4px;
19411
- }
19412
- .v-card:hover > .v-card__overlay {
19413
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
19414
- }
19415
- .v-card:focus-visible > .v-card__overlay {
19416
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19417
- }
19418
- @supports not selector(:focus-visible) {
19419
- .v-card:focus > .v-card__overlay {
19420
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19421
- }
19422
- }
19423
- .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
19424
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19425
- }
19426
- .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
19427
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19428
- }
19429
- .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
19430
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19431
- }
19432
- @supports not selector(:focus-visible) {
19433
- .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
19434
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19435
- }
19436
- }
19437
- .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
19438
- background: transparent;
19439
- color: inherit;
19440
- }
19441
- .v-card--variant-plain {
19442
- opacity: 0.62;
19376
+ .v-card--variant-plain {
19377
+ opacity: 0.62;
19443
19378
  }
19444
19379
  .v-card--variant-plain:focus, .v-card--variant-plain:hover {
19445
19380
  opacity: 1;
@@ -19687,6 +19622,71 @@ html.overflow-y-hidden {
19687
19622
  pointer-events: none;
19688
19623
  opacity: 0;
19689
19624
  transition: opacity 0.2s ease-in-out;
19625
+ }.v-carousel {
19626
+ overflow: hidden;
19627
+ position: relative;
19628
+ width: 100%;
19629
+ }
19630
+ .v-carousel__controls {
19631
+ align-items: center;
19632
+ bottom: 0;
19633
+ display: flex;
19634
+ height: 50px;
19635
+ justify-content: center;
19636
+ list-style-type: none;
19637
+ position: absolute;
19638
+ width: 100%;
19639
+ z-index: 1;
19640
+ }
19641
+ .v-carousel__controls {
19642
+ background: rgba(var(--v-theme-surface-variant), 0.3);
19643
+ color: rgb(var(--v-theme-on-surface-variant));
19644
+ }
19645
+ .v-carousel__controls > .v-item-group {
19646
+ flex: 0 1 auto;
19647
+ }
19648
+ .v-carousel__controls__item {
19649
+ margin: 0 8px;
19650
+ }
19651
+ .v-carousel__controls__item .v-icon {
19652
+ opacity: 0.5;
19653
+ }
19654
+ .v-carousel__controls__item--active .v-icon {
19655
+ opacity: 1;
19656
+ vertical-align: middle;
19657
+ }
19658
+ .v-carousel__controls__item:hover {
19659
+ background: none;
19660
+ }
19661
+ .v-carousel__controls__item:hover .v-icon {
19662
+ opacity: 0.8;
19663
+ }
19664
+
19665
+ .v-carousel__progress {
19666
+ margin: 0;
19667
+ position: absolute;
19668
+ bottom: 0;
19669
+ left: 0;
19670
+ right: 0;
19671
+ }
19672
+
19673
+ .v-carousel-item {
19674
+ display: block;
19675
+ height: inherit;
19676
+ text-decoration: none;
19677
+ }
19678
+ .v-carousel-item > .v-img {
19679
+ height: inherit;
19680
+ }
19681
+
19682
+ .v-carousel--hide-delimiter-background .v-carousel__controls {
19683
+ background: transparent;
19684
+ }
19685
+
19686
+ .v-carousel--vertical-delimiters .v-carousel__controls {
19687
+ flex-direction: column;
19688
+ height: 100% !important;
19689
+ width: 50px;
19690
19690
  }.v-checkbox.v-input {
19691
19691
  flex: 0 1 auto;
19692
19692
  }
@@ -20235,224 +20235,77 @@ html.overflow-y-hidden {
20235
20235
  .v-combobox--active-menu .v-combobox__menu-icon {
20236
20236
  opacity: var(--v-high-emphasis-opacity);
20237
20237
  transform: rotate(180deg);
20238
- }.v-data-table {
20239
- width: 100%;
20238
+ }.v-counter {
20239
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20240
+ flex: 0 1 auto;
20241
+ font-size: 12px;
20242
+ transition-duration: 150ms;
20243
+ }.v-date-picker {
20244
+ overflow: hidden;
20245
+ width: 328px;
20246
+ }
20247
+ .v-date-picker--show-week {
20248
+ width: 368px;
20249
+ }.v-date-picker-header {
20250
+ align-items: flex-end;
20251
+ height: 70px;
20252
+ display: grid;
20253
+ grid-template-areas: "prepend content append";
20254
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
20255
+ overflow: hidden;
20256
+ padding-inline: 24px 12px;
20257
+ padding-bottom: 12px;
20240
20258
  }
20241
20259
 
20242
- .v-data-table__table {
20243
- width: 100%;
20244
- border-collapse: separate;
20245
- border-spacing: 0;
20260
+ .v-date-picker-header__append {
20261
+ grid-area: append;
20246
20262
  }
20247
20263
 
20248
- .v-data-table__tr--focus {
20249
- border: 1px dotted black;
20264
+ .v-date-picker-header__prepend {
20265
+ grid-area: prepend;
20266
+ padding-inline-start: 8px;
20250
20267
  }
20251
- .v-data-table__tr--clickable {
20268
+
20269
+ .v-date-picker-header__content {
20270
+ align-items: center;
20271
+ display: inline-flex;
20272
+ font-size: 32px;
20273
+ line-height: 40px;
20274
+ grid-area: content;
20275
+ justify-content: space-between;
20276
+ }
20277
+ .v-date-picker-header--clickable .v-date-picker-header__content {
20252
20278
  cursor: pointer;
20253
20279
  }
20280
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20281
+ opacity: 0.7;
20282
+ }
20254
20283
 
20255
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
20256
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
20257
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
20258
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
20259
- text-align: end;
20284
+ .date-picker-header-transition-enter-active,
20285
+ .date-picker-header-reverse-transition-enter-active {
20286
+ transition-duration: 0.3s;
20287
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20260
20288
  }
20261
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20262
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
20263
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20264
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
20265
- flex-direction: row-reverse;
20266
- }
20267
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
20268
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
20269
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
20270
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
20271
- text-align: center;
20272
- }
20273
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
20274
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
20275
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
20276
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
20277
- justify-content: center;
20278
- }
20279
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
20280
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
20281
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
20282
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
20283
- padding: 0 8px;
20284
- }
20285
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap,
20286
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap,
20287
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap,
20288
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap {
20289
- text-overflow: ellipsis;
20290
- text-wrap: nowrap;
20291
- overflow: hidden;
20292
- }
20293
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
20294
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap .v-data-table-header__content,
20295
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
20296
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap .v-data-table-header__content {
20297
- display: contents;
20298
- }
20299
- .v-data-table .v-table__wrapper > table > thead > tr > th,
20300
- .v-data-table .v-table__wrapper > table tbody > tr > th {
20301
- align-items: center;
20302
- }
20303
- .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--fixed,
20304
- .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--fixed {
20305
- position: sticky;
20306
- }
20307
- .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
20308
- .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
20309
- cursor: pointer;
20310
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20311
- }
20312
- .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
20313
- .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
20314
- opacity: 0;
20315
- }
20316
- .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon,
20317
- .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon {
20318
- opacity: 0.5;
20319
- }
20320
- .v-data-table .v-table__wrapper > table > thead > tr.v-data-table__tr--mobile > td,
20321
- .v-data-table .v-table__wrapper > table tbody > tr.v-data-table__tr--mobile > td {
20322
- height: -moz-fit-content;
20323
- height: fit-content;
20324
- }
20325
-
20326
- .v-data-table-column--fixed,
20327
- .v-data-table__th--sticky {
20328
- background: rgb(var(--v-theme-surface));
20329
- position: sticky !important;
20330
- left: 0;
20331
- z-index: 1;
20332
- }
20333
-
20334
- .v-data-table-column--last-fixed {
20335
- border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
20336
- }
20337
-
20338
- .v-data-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th.v-data-table-column--fixed {
20339
- z-index: 2;
20340
- }
20341
-
20342
- .v-data-table-group-header-row td {
20343
- background: rgba(var(--v-theme-surface));
20344
- color: rgba(var(--v-theme-on-surface));
20345
- }
20346
- .v-data-table-group-header-row td > span {
20347
- padding-left: 5px;
20348
- }
20349
-
20350
- .v-data-table--loading .v-data-table__td {
20351
- opacity: var(--v-disabled-opacity);
20352
- }
20353
-
20354
- .v-data-table-group-header-row__column {
20355
- padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
20356
- }
20357
-
20358
- .v-data-table-header__content {
20359
- display: flex;
20360
- align-items: center;
20361
- }
20362
-
20363
- .v-data-table-header__sort-badge {
20364
- display: inline-flex;
20365
- justify-content: center;
20366
- align-items: center;
20367
- font-size: 0.875rem;
20368
- padding: 4px;
20369
- border-radius: 50%;
20370
- background: rgba(var(--v-border-color), var(--v-border-opacity));
20371
- min-width: 20px;
20372
- min-height: 20px;
20373
- width: 20px;
20374
- height: 20px;
20375
- }
20376
-
20377
- .v-data-table-progress > th {
20378
- border: none !important;
20379
- height: auto !important;
20380
- padding: 0 !important;
20381
- }
20382
-
20383
- .v-data-table-progress__loader {
20384
- position: relative;
20385
- }
20386
-
20387
- .v-data-table-rows-loading,
20388
- .v-data-table-rows-no-data {
20389
- text-align: center;
20390
- }
20391
-
20392
- .v-data-table__tr--mobile > .v-data-table__td--expanded-row {
20393
- grid-template-columns: 0;
20394
- justify-content: center;
20395
- }
20396
- .v-data-table__tr--mobile > .v-data-table__td--select-row {
20397
- grid-template-columns: 0;
20398
- justify-content: end;
20399
- }
20400
- .v-data-table__tr--mobile > td {
20401
- align-items: center;
20402
- column-gap: 4px;
20403
- display: grid;
20404
- grid-template-columns: repeat(2, 1fr);
20405
- min-height: var(--v-table-row-height);
20406
- }
20407
- .v-data-table__tr--mobile > td:not(:last-child) {
20408
- border-bottom: 0 !important;
20289
+ .date-picker-header-transition-leave-active,
20290
+ .date-picker-header-reverse-transition-leave-active {
20291
+ transition-duration: 0.3s;
20292
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20409
20293
  }
20410
20294
 
20411
- .v-data-table__td-title {
20412
- font-weight: 500;
20413
- text-align: left;
20295
+ .date-picker-header-transition-enter-from {
20296
+ transform: translate(0, 100%);
20414
20297
  }
20415
-
20416
- .v-data-table__td-value {
20417
- text-align: right;
20298
+ .date-picker-header-transition-leave-to {
20299
+ opacity: 0;
20300
+ transform: translate(0, -100%);
20418
20301
  }
20419
20302
 
20420
- .v-data-table__td-sort-icon {
20421
- color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
20422
- }
20423
- .v-data-table__td-sort-icon-active {
20424
- color: rgba(var(--v-theme-on-surface));
20425
- }.v-data-table-footer {
20426
- align-items: center;
20427
- display: flex;
20428
- flex-wrap: wrap;
20429
- justify-content: flex-end;
20430
- padding: 8px 4px;
20431
- }
20432
- .v-data-table-footer__items-per-page {
20433
- align-items: center;
20434
- display: flex;
20435
- justify-content: center;
20436
- }
20437
- .v-data-table-footer__items-per-page > span {
20438
- padding-inline-end: 8px;
20439
- }
20440
- .v-data-table-footer__items-per-page > .v-select {
20441
- width: 90px;
20442
- }
20443
- .v-data-table-footer__info {
20444
- display: flex;
20445
- justify-content: flex-end;
20446
- min-width: 116px;
20447
- padding: 0 16px;
20448
- }
20449
- .v-data-table-footer__paginationz {
20450
- align-items: center;
20451
- display: flex;
20452
- margin-inline-start: 16px;
20303
+ .date-picker-header-reverse-transition-enter-from {
20304
+ transform: translate(0, -100%);
20453
20305
  }
20454
- .v-data-table-footer__page {
20455
- padding: 0 8px;
20306
+ .date-picker-header-reverse-transition-leave-to {
20307
+ opacity: 0;
20308
+ transform: translate(0, 100%);
20456
20309
  }.v-date-picker-controls {
20457
20310
  display: flex;
20458
20311
  align-items: center;
@@ -20505,76 +20358,10 @@ html.overflow-y-hidden {
20505
20358
 
20506
20359
  .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20507
20360
  flex: 1 0 auto;
20508
- }
20509
-
20510
- .v-date-picker__title {
20511
- display: inline-block;
20512
- }.v-date-picker-header {
20513
- align-items: flex-end;
20514
- height: 70px;
20515
- display: grid;
20516
- grid-template-areas: "prepend content append";
20517
- grid-template-columns: min-content minmax(0, 1fr) min-content;
20518
- overflow: hidden;
20519
- padding-inline: 24px 12px;
20520
- padding-bottom: 12px;
20521
- }
20522
-
20523
- .v-date-picker-header__append {
20524
- grid-area: append;
20525
- }
20526
-
20527
- .v-date-picker-header__prepend {
20528
- grid-area: prepend;
20529
- padding-inline-start: 8px;
20530
- }
20531
-
20532
- .v-date-picker-header__content {
20533
- align-items: center;
20534
- display: inline-flex;
20535
- font-size: 32px;
20536
- line-height: 40px;
20537
- grid-area: content;
20538
- justify-content: space-between;
20539
- }
20540
- .v-date-picker-header--clickable .v-date-picker-header__content {
20541
- cursor: pointer;
20542
- }
20543
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20544
- opacity: 0.7;
20545
- }
20546
-
20547
- .date-picker-header-transition-enter-active,
20548
- .date-picker-header-reverse-transition-enter-active {
20549
- transition-duration: 0.3s;
20550
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20551
- }
20552
- .date-picker-header-transition-leave-active,
20553
- .date-picker-header-reverse-transition-leave-active {
20554
- transition-duration: 0.3s;
20555
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20556
- }
20557
-
20558
- .date-picker-header-transition-enter-from {
20559
- transform: translate(0, 100%);
20560
- }
20561
- .date-picker-header-transition-leave-to {
20562
- opacity: 0;
20563
- transform: translate(0, -100%);
20564
- }
20565
-
20566
- .date-picker-header-reverse-transition-enter-from {
20567
- transform: translate(0, -100%);
20568
- }
20569
- .date-picker-header-reverse-transition-leave-to {
20570
- opacity: 0;
20571
- transform: translate(0, 100%);
20572
- }.v-date-picker {
20573
- overflow: hidden;
20574
- width: 328px;
20575
- }
20576
- .v-date-picker--show-week {
20577
- width: 368px;
20361
+ }
20362
+
20363
+ .v-date-picker__title {
20364
+ display: inline-block;
20578
20365
  }.v-date-picker-month {
20579
20366
  display: flex;
20580
20367
  justify-content: center;
@@ -20664,6 +20451,58 @@ html.overflow-y-hidden {
20664
20451
  }
20665
20452
  .v-date-picker-years__content .v-btn {
20666
20453
  padding-inline: 8px;
20454
+ }.v-divider {
20455
+ display: block;
20456
+ flex: 1 1 100%;
20457
+ height: 0px;
20458
+ max-height: 0px;
20459
+ opacity: var(--v-border-opacity);
20460
+ transition: inherit;
20461
+ }
20462
+ .v-divider {
20463
+ border-style: solid;
20464
+ border-width: thin 0 0 0;
20465
+ }
20466
+ .v-divider--vertical {
20467
+ align-self: stretch;
20468
+ border-width: 0 thin 0 0;
20469
+ display: inline-flex;
20470
+ height: auto;
20471
+ margin-left: -1px;
20472
+ max-height: 100%;
20473
+ max-width: 0px;
20474
+ vertical-align: text-bottom;
20475
+ width: 0px;
20476
+ }
20477
+ .v-divider--inset:not(.v-divider--vertical) {
20478
+ max-width: calc(100% - 72px);
20479
+ margin-inline-start: 72px;
20480
+ }
20481
+ .v-divider--inset.v-divider--vertical {
20482
+ margin-bottom: 8px;
20483
+ margin-top: 8px;
20484
+ max-height: calc(100% - 16px);
20485
+ }
20486
+
20487
+ .v-divider__content {
20488
+ padding: 0 16px;
20489
+ text-wrap: nowrap;
20490
+ }
20491
+ .v-divider__wrapper--vertical .v-divider__content {
20492
+ padding: 4px 0;
20493
+ }
20494
+
20495
+ .v-divider__wrapper {
20496
+ display: flex;
20497
+ align-items: center;
20498
+ justify-content: center;
20499
+ }
20500
+ .v-divider__wrapper--vertical {
20501
+ flex-direction: column;
20502
+ height: 100%;
20503
+ }
20504
+ .v-divider__wrapper--vertical .v-divider {
20505
+ margin: 0 auto;
20667
20506
  }.v-dialog {
20668
20507
  align-items: center;
20669
20508
  justify-content: center;
@@ -20760,11 +20599,6 @@ html.overflow-y-hidden {
20760
20599
  -webkit-backface-visibility: hidden;
20761
20600
  backface-visibility: hidden;
20762
20601
  overflow-y: auto;
20763
- }.v-counter {
20764
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20765
- flex: 0 1 auto;
20766
- font-size: 12px;
20767
- transition-duration: 150ms;
20768
20602
  }.v-empty-state {
20769
20603
  align-items: center;
20770
20604
  display: flex;
@@ -20832,58 +20666,75 @@ html.overflow-y-hidden {
20832
20666
  .v-empty-state__action-btn.v-btn {
20833
20667
  background-color: initial;
20834
20668
  color: initial;
20835
- }.v-divider {
20836
- display: block;
20837
- flex: 1 1 100%;
20838
- height: 0px;
20839
- max-height: 0px;
20840
- opacity: var(--v-border-opacity);
20841
- transition: inherit;
20842
- }
20843
- .v-divider {
20844
- border-style: solid;
20845
- border-width: thin 0 0 0;
20846
- }
20847
- .v-divider--vertical {
20848
- align-self: stretch;
20849
- border-width: 0 thin 0 0;
20669
+ }.v-fab {
20670
+ align-items: center;
20850
20671
  display: inline-flex;
20851
- height: auto;
20852
- margin-left: -1px;
20853
- max-height: 100%;
20854
- max-width: 0px;
20855
- vertical-align: text-bottom;
20856
- width: 0px;
20672
+ flex: 1 1 auto;
20673
+ pointer-events: none;
20674
+ position: relative;
20675
+ transition-duration: 0.2s;
20676
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20677
+ vertical-align: middle;
20857
20678
  }
20858
- .v-divider--inset:not(.v-divider--vertical) {
20859
- max-width: calc(100% - 72px);
20860
- margin-inline-start: 72px;
20679
+ .v-fab .v-btn {
20680
+ pointer-events: auto;
20861
20681
  }
20862
- .v-divider--inset.v-divider--vertical {
20863
- margin-bottom: 8px;
20864
- margin-top: 8px;
20865
- max-height: calc(100% - 16px);
20682
+ .v-fab .v-btn--variant-elevated {
20683
+ box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20866
20684
  }
20867
-
20868
- .v-divider__content {
20869
- padding: 0 16px;
20870
- text-wrap: nowrap;
20685
+ .v-fab--app, .v-fab--absolute {
20686
+ display: flex;
20871
20687
  }
20872
- .v-divider__wrapper--vertical .v-divider__content {
20873
- padding: 4px 0;
20688
+ .v-fab--start, .v-fab--left {
20689
+ justify-content: flex-start;
20874
20690
  }
20875
-
20876
- .v-divider__wrapper {
20877
- display: flex;
20691
+ .v-fab--center {
20878
20692
  align-items: center;
20879
20693
  justify-content: center;
20880
20694
  }
20881
- .v-divider__wrapper--vertical {
20882
- flex-direction: column;
20883
- height: 100%;
20695
+ .v-fab--end, .v-fab--right {
20696
+ justify-content: flex-end;
20884
20697
  }
20885
- .v-divider__wrapper--vertical .v-divider {
20886
- margin: 0 auto;
20698
+ .v-fab--bottom {
20699
+ align-items: flex-end;
20700
+ }
20701
+ .v-fab--top {
20702
+ align-items: flex-start;
20703
+ }
20704
+ .v-fab--extended .v-btn {
20705
+ border-radius: 9999px !important;
20706
+ }
20707
+
20708
+ .v-fab__container {
20709
+ align-self: center;
20710
+ display: inline-flex;
20711
+ position: absolute;
20712
+ vertical-align: middle;
20713
+ }
20714
+ .v-fab--app .v-fab__container {
20715
+ margin: 12px;
20716
+ }
20717
+ .v-fab--absolute .v-fab__container {
20718
+ position: absolute;
20719
+ z-index: 4;
20720
+ }
20721
+ .v-fab--offset.v-fab--top .v-fab__container {
20722
+ transform: translateY(-50%);
20723
+ }
20724
+ .v-fab--offset.v-fab--bottom .v-fab__container {
20725
+ transform: translateY(50%);
20726
+ }
20727
+ .v-fab--top .v-fab__container {
20728
+ top: 0;
20729
+ }
20730
+ .v-fab--bottom .v-fab__container {
20731
+ bottom: 0;
20732
+ }
20733
+ .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
20734
+ left: 0;
20735
+ }
20736
+ .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
20737
+ right: 0;
20887
20738
  }.v-expansion-panel {
20888
20739
  background-color: rgb(var(--v-theme-surface));
20889
20740
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -21100,75 +20951,6 @@ html.overflow-y-hidden {
21100
20951
  }
21101
20952
  .v-expansion-panels--tile > .v-expansion-panel {
21102
20953
  border-radius: 0;
21103
- }.v-fab {
21104
- align-items: center;
21105
- display: inline-flex;
21106
- flex: 1 1 auto;
21107
- pointer-events: none;
21108
- position: relative;
21109
- transition-duration: 0.2s;
21110
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21111
- vertical-align: middle;
21112
- }
21113
- .v-fab .v-btn {
21114
- pointer-events: auto;
21115
- }
21116
- .v-fab .v-btn--variant-elevated {
21117
- box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21118
- }
21119
- .v-fab--app, .v-fab--absolute {
21120
- display: flex;
21121
- }
21122
- .v-fab--start, .v-fab--left {
21123
- justify-content: flex-start;
21124
- }
21125
- .v-fab--center {
21126
- align-items: center;
21127
- justify-content: center;
21128
- }
21129
- .v-fab--end, .v-fab--right {
21130
- justify-content: flex-end;
21131
- }
21132
- .v-fab--bottom {
21133
- align-items: flex-end;
21134
- }
21135
- .v-fab--top {
21136
- align-items: flex-start;
21137
- }
21138
- .v-fab--extended .v-btn {
21139
- border-radius: 9999px !important;
21140
- }
21141
-
21142
- .v-fab__container {
21143
- align-self: center;
21144
- display: inline-flex;
21145
- position: absolute;
21146
- vertical-align: middle;
21147
- }
21148
- .v-fab--app .v-fab__container {
21149
- margin: 12px;
21150
- }
21151
- .v-fab--absolute .v-fab__container {
21152
- position: absolute;
21153
- z-index: 4;
21154
- }
21155
- .v-fab--offset.v-fab--top .v-fab__container {
21156
- transform: translateY(-50%);
21157
- }
21158
- .v-fab--offset.v-fab--bottom .v-fab__container {
21159
- transform: translateY(50%);
21160
- }
21161
- .v-fab--top .v-fab__container {
21162
- top: 0;
21163
- }
21164
- .v-fab--bottom .v-fab__container {
21165
- bottom: 0;
21166
- }
21167
- .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
21168
- left: 0;
21169
- }
21170
- .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
21171
- right: 0;
21172
20954
  }/* region INPUT */
21173
20955
  .v-field {
21174
20956
  display: grid;
@@ -21751,8 +21533,37 @@ textarea.v-field__input::placeholder {
21751
21533
  .v-field--loading .v-field__outline::before {
21752
21534
  opacity: 0;
21753
21535
  }
21754
-
21755
- /* endregion */.v-footer {
21536
+
21537
+ /* endregion */.v-file-input--hide.v-input .v-field,
21538
+ .v-file-input--hide.v-input .v-input__control,
21539
+ .v-file-input--hide.v-input .v-input__details {
21540
+ display: none;
21541
+ }
21542
+ .v-file-input--hide.v-input .v-input__prepend {
21543
+ grid-area: control;
21544
+ margin: 0 auto;
21545
+ }
21546
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21547
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21548
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21549
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21550
+ top: 0px;
21551
+ }
21552
+ .v-file-input input[type=file] {
21553
+ height: 100%;
21554
+ left: 0;
21555
+ opacity: 0;
21556
+ position: absolute;
21557
+ top: 0;
21558
+ width: 100%;
21559
+ z-index: 1;
21560
+ }
21561
+ .v-file-input .v-input__details {
21562
+ padding-inline: 16px;
21563
+ }
21564
+ .v-input--plain-underlined.v-file-input .v-input__details {
21565
+ padding-inline: 0;
21566
+ }.v-footer {
21756
21567
  align-items: center;
21757
21568
  display: flex;
21758
21569
  flex: 1 1 auto;
@@ -22460,35 +22271,57 @@ textarea.v-field__input::placeholder {
22460
22271
  .offset-xxl-11 {
22461
22272
  margin-inline-start: 91.6666666667%;
22462
22273
  }
22463
- }.v-file-input--hide.v-input .v-field,
22464
- .v-file-input--hide.v-input .v-input__control,
22465
- .v-file-input--hide.v-input .v-input__details {
22466
- display: none;
22467
- }
22468
- .v-file-input--hide.v-input .v-input__prepend {
22469
- grid-area: control;
22470
- margin: 0 auto;
22471
- }
22472
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
22473
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
22474
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
22475
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
22476
- top: 0px;
22274
+ }.v-img {
22275
+ --v-theme-overlay-multiplier: 3;
22276
+ z-index: 0;
22477
22277
  }
22478
- .v-file-input input[type=file] {
22278
+ .v-img.v-img--absolute {
22479
22279
  height: 100%;
22480
22280
  left: 0;
22481
- opacity: 0;
22281
+ overflow: hidden;
22482
22282
  position: absolute;
22483
22283
  top: 0;
22484
22284
  width: 100%;
22485
- z-index: 1;
22285
+ z-index: -1;
22486
22286
  }
22487
- .v-file-input .v-input__details {
22488
- padding-inline: 16px;
22287
+ .v-img--booting .v-responsive__sizer {
22288
+ transition: none;
22489
22289
  }
22490
- .v-input--plain-underlined.v-file-input .v-input__details {
22491
- padding-inline: 0;
22290
+ .v-img--rounded {
22291
+ border-radius: 4px;
22292
+ }
22293
+
22294
+ .v-img__img,
22295
+ .v-img__picture,
22296
+ .v-img__gradient,
22297
+ .v-img__placeholder,
22298
+ .v-img__error {
22299
+ z-index: -1;
22300
+ }
22301
+ .v-img__img,
22302
+ .v-img__picture,
22303
+ .v-img__gradient,
22304
+ .v-img__placeholder,
22305
+ .v-img__error {
22306
+ position: absolute;
22307
+ top: 0;
22308
+ left: 0;
22309
+ width: 100%;
22310
+ height: 100%;
22311
+ }
22312
+
22313
+ .v-img__img--preload {
22314
+ filter: blur(4px);
22315
+ }
22316
+ .v-img__img--contain {
22317
+ object-fit: contain;
22318
+ }
22319
+ .v-img__img--cover {
22320
+ object-fit: cover;
22321
+ }
22322
+
22323
+ .v-img__gradient {
22324
+ background-repeat: no-repeat;
22492
22325
  }.v-infinite-scroll--horizontal {
22493
22326
  display: flex;
22494
22327
  flex-direction: row;
@@ -22673,57 +22506,6 @@ textarea.v-field__input::placeholder {
22673
22506
  max-width: 100%;
22674
22507
  position: relative;
22675
22508
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22676
- }.v-img {
22677
- --v-theme-overlay-multiplier: 3;
22678
- z-index: 0;
22679
- }
22680
- .v-img.v-img--absolute {
22681
- height: 100%;
22682
- left: 0;
22683
- overflow: hidden;
22684
- position: absolute;
22685
- top: 0;
22686
- width: 100%;
22687
- z-index: -1;
22688
- }
22689
- .v-img--booting .v-responsive__sizer {
22690
- transition: none;
22691
- }
22692
- .v-img--rounded {
22693
- border-radius: 4px;
22694
- }
22695
-
22696
- .v-img__img,
22697
- .v-img__picture,
22698
- .v-img__gradient,
22699
- .v-img__placeholder,
22700
- .v-img__error {
22701
- z-index: -1;
22702
- }
22703
- .v-img__img,
22704
- .v-img__picture,
22705
- .v-img__gradient,
22706
- .v-img__placeholder,
22707
- .v-img__error {
22708
- position: absolute;
22709
- top: 0;
22710
- left: 0;
22711
- width: 100%;
22712
- height: 100%;
22713
- }
22714
-
22715
- .v-img__img--preload {
22716
- filter: blur(4px);
22717
- }
22718
- .v-img__img--contain {
22719
- object-fit: contain;
22720
- }
22721
- .v-img__img--cover {
22722
- object-fit: cover;
22723
- }
22724
-
22725
- .v-img__gradient {
22726
- background-repeat: no-repeat;
22727
22509
  }.v-label {
22728
22510
  align-items: center;
22729
22511
  color: inherit;
@@ -22739,21 +22521,6 @@ textarea.v-field__input::placeholder {
22739
22521
 
22740
22522
  .v-label--clickable {
22741
22523
  cursor: pointer;
22742
- }.v-layout-item {
22743
- position: absolute;
22744
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22745
- }
22746
-
22747
- .v-layout-item--absolute {
22748
- position: absolute;
22749
- }.v-layout {
22750
- --v-scrollbar-offset: 0px;
22751
- display: flex;
22752
- flex: 1 1 auto;
22753
- }
22754
- .v-layout--full-height {
22755
- --v-scrollbar-offset: inherit;
22756
- height: 100%;
22757
22524
  }.v-list {
22758
22525
  overflow: auto;
22759
22526
  padding: 8px 0;
@@ -23381,6 +23148,22 @@ textarea.v-field__input::placeholder {
23381
23148
  .v-menu > .v-overlay__content > .v-sheet,
23382
23149
  .v-menu > .v-overlay__content > .v-list {
23383
23150
  box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23151
+ }.v-messages {
23152
+ flex: 1 1 auto;
23153
+ font-size: 12px;
23154
+ min-height: 14px;
23155
+ min-width: 1px;
23156
+ opacity: var(--v-medium-emphasis-opacity);
23157
+ position: relative;
23158
+ }
23159
+ .v-messages__message {
23160
+ line-height: 12px;
23161
+ word-break: break-word;
23162
+ overflow-wrap: break-word;
23163
+ word-wrap: break-word;
23164
+ -webkit-hyphens: auto;
23165
+ hyphens: auto;
23166
+ transition-duration: 150ms;
23384
23167
  }.v-navigation-drawer {
23385
23168
  -webkit-overflow-scrolling: touch;
23386
23169
  background: rgb(var(--v-theme-surface));
@@ -23431,64 +23214,180 @@ textarea.v-field__input::placeholder {
23431
23214
  right: auto;
23432
23215
  border-right-width: thin;
23433
23216
  }
23434
- .v-navigation-drawer--right {
23217
+ .v-navigation-drawer--right {
23218
+ top: 0;
23219
+ left: auto;
23220
+ right: 0;
23221
+ border-left-width: thin;
23222
+ }
23223
+ .v-navigation-drawer--floating {
23224
+ border: none;
23225
+ }
23226
+ .v-navigation-drawer--temporary.v-navigation-drawer--active {
23227
+ box-shadow: 0px 8px 10px -5px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 16px 24px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 6px 30px 5px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23228
+ }
23229
+ .v-navigation-drawer--sticky {
23230
+ height: auto;
23231
+ transition: box-shadow, transform, visibility, width, height, left, right;
23232
+ }
23233
+ .v-navigation-drawer .v-list {
23234
+ overflow: hidden;
23235
+ }
23236
+
23237
+ .v-navigation-drawer__content {
23238
+ flex: 0 1 auto;
23239
+ height: 100%;
23240
+ max-width: 100%;
23241
+ overflow-x: hidden;
23242
+ overflow-y: auto;
23243
+ }
23244
+
23245
+ .v-navigation-drawer__img {
23246
+ height: 100%;
23247
+ left: 0;
23248
+ position: absolute;
23249
+ top: 0;
23250
+ width: 100%;
23251
+ z-index: -1;
23252
+ }
23253
+ .v-navigation-drawer__img img:not(.v-img__img) {
23254
+ height: inherit;
23255
+ object-fit: cover;
23256
+ width: inherit;
23257
+ }
23258
+
23259
+ .v-navigation-drawer__scrim {
23260
+ position: absolute;
23261
+ top: 0;
23262
+ left: 0;
23263
+ width: 100%;
23264
+ height: 100%;
23265
+ background: black;
23266
+ opacity: 0.2;
23267
+ transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23268
+ z-index: 1;
23269
+ }
23270
+
23271
+ .v-navigation-drawer__prepend,
23272
+ .v-navigation-drawer__append {
23273
+ flex: none;
23274
+ overflow: hidden;
23275
+ }.v-icon {
23276
+ --v-icon-size-multiplier: 1;
23277
+ align-items: center;
23278
+ display: inline-flex;
23279
+ font-feature-settings: "liga";
23280
+ height: 1em;
23281
+ justify-content: center;
23282
+ letter-spacing: normal;
23283
+ line-height: 1;
23284
+ position: relative;
23285
+ text-indent: 0;
23286
+ text-align: center;
23287
+ -webkit-user-select: none;
23288
+ user-select: none;
23289
+ vertical-align: middle;
23290
+ width: 1em;
23291
+ min-width: 1em;
23292
+ }
23293
+ .v-icon--clickable {
23294
+ cursor: pointer;
23295
+ }
23296
+ .v-icon--disabled {
23297
+ pointer-events: none;
23298
+ opacity: 0.38;
23299
+ }
23300
+ .v-icon--size-x-small {
23301
+ font-size: calc(var(--v-icon-size-multiplier) * 1em);
23302
+ }
23303
+ .v-icon--size-small {
23304
+ font-size: calc(var(--v-icon-size-multiplier) * 1.25em);
23305
+ }
23306
+ .v-icon--size-default {
23307
+ font-size: calc(var(--v-icon-size-multiplier) * 1.5em);
23308
+ }
23309
+ .v-icon--size-large {
23310
+ font-size: calc(var(--v-icon-size-multiplier) * 1.75em);
23311
+ }
23312
+ .v-icon--size-x-large {
23313
+ font-size: calc(var(--v-icon-size-multiplier) * 2em);
23314
+ }
23315
+
23316
+ .v-icon__svg {
23317
+ fill: currentColor;
23318
+ width: 100%;
23319
+ height: 100%;
23320
+ }
23321
+
23322
+ .v-icon--start {
23323
+ margin-inline-end: 8px;
23324
+ }
23325
+
23326
+ .v-icon--end {
23327
+ margin-inline-start: 8px;
23328
+ }.v-overlay-container {
23329
+ contain: layout;
23330
+ left: 0;
23331
+ pointer-events: none;
23332
+ position: absolute;
23435
23333
  top: 0;
23436
- left: auto;
23437
- right: 0;
23438
- border-left-width: thin;
23334
+ display: contents;
23439
23335
  }
23440
- .v-navigation-drawer--floating {
23441
- border: none;
23336
+
23337
+ .v-overlay-scroll-blocked {
23338
+ padding-inline-end: var(--v-scrollbar-offset);
23442
23339
  }
23443
- .v-navigation-drawer--temporary.v-navigation-drawer--active {
23444
- box-shadow: 0px 8px 10px -5px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 16px 24px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 6px 30px 5px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23340
+ .v-overlay-scroll-blocked:not(html) {
23341
+ overflow-y: hidden !important;
23445
23342
  }
23446
- .v-navigation-drawer--sticky {
23447
- height: auto;
23448
- transition: box-shadow, transform, visibility, width, height, left, right;
23343
+ html.v-overlay-scroll-blocked {
23344
+ position: fixed;
23345
+ top: var(--v-body-scroll-y);
23346
+ left: var(--v-body-scroll-x);
23347
+ width: 100%;
23348
+ height: 100%;
23449
23349
  }
23450
- .v-navigation-drawer .v-list {
23451
- overflow: hidden;
23350
+
23351
+ .v-overlay {
23352
+ border-radius: inherit;
23353
+ display: flex;
23354
+ left: 0;
23355
+ pointer-events: none;
23356
+ position: fixed;
23357
+ top: 0;
23358
+ bottom: 0;
23359
+ right: 0;
23452
23360
  }
23453
23361
 
23454
- .v-navigation-drawer__content {
23455
- flex: 0 1 auto;
23456
- height: 100%;
23457
- max-width: 100%;
23458
- overflow-x: hidden;
23459
- overflow-y: auto;
23362
+ .v-overlay__content {
23363
+ outline: none;
23364
+ position: absolute;
23365
+ pointer-events: auto;
23366
+ contain: layout;
23460
23367
  }
23461
23368
 
23462
- .v-navigation-drawer__img {
23463
- height: 100%;
23369
+ .v-overlay__scrim {
23370
+ pointer-events: auto;
23371
+ background: rgb(var(--v-theme-on-surface));
23372
+ border-radius: inherit;
23373
+ bottom: 0;
23464
23374
  left: 0;
23465
- position: absolute;
23375
+ opacity: var(--v-overlay-opacity, 0.32);
23376
+ position: fixed;
23377
+ right: 0;
23466
23378
  top: 0;
23467
- width: 100%;
23468
- z-index: -1;
23469
23379
  }
23470
- .v-navigation-drawer__img img:not(.v-img__img) {
23471
- height: inherit;
23472
- object-fit: cover;
23473
- width: inherit;
23380
+
23381
+ .v-overlay--absolute {
23382
+ position: absolute;
23474
23383
  }
23475
23384
 
23476
- .v-navigation-drawer__scrim {
23385
+ .v-overlay--contained .v-overlay__scrim {
23477
23386
  position: absolute;
23478
- top: 0;
23479
- left: 0;
23480
- width: 100%;
23481
- height: 100%;
23482
- background: black;
23483
- opacity: 0.2;
23484
- transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23485
- z-index: 1;
23486
23387
  }
23487
23388
 
23488
- .v-navigation-drawer__prepend,
23489
- .v-navigation-drawer__append {
23490
- flex: none;
23491
- overflow: hidden;
23389
+ .v-overlay--scroll-blocked {
23390
+ padding-inline-end: var(--v-scrollbar-offset);
23492
23391
  }.v-otp-input {
23493
23392
  align-items: center;
23494
23393
  display: flex;
@@ -23555,22 +23454,6 @@ textarea.v-field__input::placeholder {
23555
23454
  }
23556
23455
  .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
23557
23456
  margin: 0.3rem;
23558
- }.v-messages {
23559
- flex: 1 1 auto;
23560
- font-size: 12px;
23561
- min-height: 14px;
23562
- min-width: 1px;
23563
- opacity: var(--v-medium-emphasis-opacity);
23564
- position: relative;
23565
- }
23566
- .v-messages__message {
23567
- line-height: 12px;
23568
- word-break: break-word;
23569
- overflow-wrap: break-word;
23570
- word-wrap: break-word;
23571
- -webkit-hyphens: auto;
23572
- hyphens: auto;
23573
- transition-duration: 150ms;
23574
23457
  }.v-parallax {
23575
23458
  position: relative;
23576
23459
  overflow: hidden;
@@ -23976,6 +23859,59 @@ textarea.v-field__input::placeholder {
23976
23859
 
23977
23860
  .v-slider__label {
23978
23861
  margin-inline-end: 12px;
23862
+ }.v-rating {
23863
+ max-width: 100%;
23864
+ display: inline-flex;
23865
+ white-space: nowrap;
23866
+ }
23867
+ .v-rating--readonly {
23868
+ pointer-events: none;
23869
+ }
23870
+
23871
+ .v-rating__wrapper {
23872
+ align-items: center;
23873
+ display: inline-flex;
23874
+ flex-direction: column;
23875
+ }
23876
+ .v-rating__wrapper--bottom {
23877
+ flex-direction: column-reverse;
23878
+ }
23879
+
23880
+ .v-rating__item {
23881
+ display: inline-flex;
23882
+ position: relative;
23883
+ }
23884
+ .v-rating__item label {
23885
+ cursor: pointer;
23886
+ }
23887
+ .v-rating__item .v-btn--variant-plain {
23888
+ opacity: 1;
23889
+ }
23890
+ .v-rating__item .v-btn {
23891
+ transition-property: transform;
23892
+ }
23893
+ .v-rating__item .v-btn .v-icon {
23894
+ transition: inherit;
23895
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
23896
+ }
23897
+ .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
23898
+ transform: scale(1.25);
23899
+ }
23900
+ .v-rating__item--half {
23901
+ overflow: hidden;
23902
+ position: absolute;
23903
+ clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23904
+ z-index: 1;
23905
+ }
23906
+ .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
23907
+ opacity: 0;
23908
+ }
23909
+
23910
+ .v-rating__hidden {
23911
+ height: 0;
23912
+ opacity: 0;
23913
+ position: absolute;
23914
+ width: 0;
23979
23915
  }.v-responsive {
23980
23916
  display: flex;
23981
23917
  flex: 1 0 auto;
@@ -24054,59 +23990,6 @@ textarea.v-field__input::placeholder {
24054
23990
  .v-select--active-menu .v-select__menu-icon {
24055
23991
  opacity: var(--v-high-emphasis-opacity);
24056
23992
  transform: rotate(180deg);
24057
- }.v-rating {
24058
- max-width: 100%;
24059
- display: inline-flex;
24060
- white-space: nowrap;
24061
- }
24062
- .v-rating--readonly {
24063
- pointer-events: none;
24064
- }
24065
-
24066
- .v-rating__wrapper {
24067
- align-items: center;
24068
- display: inline-flex;
24069
- flex-direction: column;
24070
- }
24071
- .v-rating__wrapper--bottom {
24072
- flex-direction: column-reverse;
24073
- }
24074
-
24075
- .v-rating__item {
24076
- display: inline-flex;
24077
- position: relative;
24078
- }
24079
- .v-rating__item label {
24080
- cursor: pointer;
24081
- }
24082
- .v-rating__item .v-btn--variant-plain {
24083
- opacity: 1;
24084
- }
24085
- .v-rating__item .v-btn {
24086
- transition-property: transform;
24087
- }
24088
- .v-rating__item .v-btn .v-icon {
24089
- transition: inherit;
24090
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24091
- }
24092
- .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
24093
- transform: scale(1.25);
24094
- }
24095
- .v-rating__item--half {
24096
- overflow: hidden;
24097
- position: absolute;
24098
- clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
24099
- z-index: 1;
24100
- }
24101
- .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
24102
- opacity: 0;
24103
- }
24104
-
24105
- .v-rating__hidden {
24106
- height: 0;
24107
- opacity: 0;
24108
- position: absolute;
24109
- width: 0;
24110
23993
  }.v-selection-control {
24111
23994
  align-items: center;
24112
23995
  contain: layout;
@@ -24121,14 +24004,12 @@ textarea.v-field__input::placeholder {
24121
24004
  white-space: normal;
24122
24005
  word-break: break-word;
24123
24006
  height: 100%;
24007
+ opacity: 1;
24124
24008
  }
24125
24009
  .v-selection-control--disabled {
24126
24010
  opacity: var(--v-disabled-opacity);
24127
24011
  pointer-events: none;
24128
24012
  }
24129
- .v-selection-control--error .v-label, .v-selection-control--disabled .v-label {
24130
- opacity: 1;
24131
- }
24132
24013
  .v-selection-control--error:not(.v-selection-control--disabled) .v-label {
24133
24014
  color: rgb(var(--v-theme-error));
24134
24015
  }
@@ -24196,28 +24077,64 @@ textarea.v-field__input::placeholder {
24196
24077
  width: 100%;
24197
24078
  height: 100%;
24198
24079
  }
24199
- .v-selection-control__input:hover::before {
24200
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
24080
+ .v-selection-control__input:hover::before {
24081
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
24082
+ }
24083
+ .v-selection-control__input > .v-icon {
24084
+ opacity: var(--v-medium-emphasis-opacity);
24085
+ }
24086
+ .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 {
24087
+ opacity: 1;
24088
+ }
24089
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-selection-control__input > .v-icon {
24090
+ color: rgb(var(--v-theme-error));
24091
+ }
24092
+ .v-selection-control--focus-visible .v-selection-control__input::before {
24093
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
24094
+ }.v-selection-control-group {
24095
+ grid-area: control;
24096
+ display: flex;
24097
+ flex-direction: column;
24098
+ }
24099
+ .v-selection-control-group--inline {
24100
+ flex-direction: row;
24101
+ flex-wrap: wrap;
24102
+ }.v-sheet {
24103
+ display: block;
24104
+ }
24105
+ .v-sheet {
24106
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
24107
+ border-style: solid;
24108
+ border-width: 0;
24109
+ }
24110
+ .v-sheet--border {
24111
+ border-width: thin;
24112
+ box-shadow: none;
24113
+ }
24114
+ .v-sheet {
24115
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
24116
+ }
24117
+ .v-sheet--absolute {
24118
+ position: absolute;
24119
+ }
24120
+ .v-sheet--fixed {
24121
+ position: fixed;
24201
24122
  }
24202
- .v-selection-control__input > .v-icon {
24203
- opacity: var(--v-medium-emphasis-opacity);
24123
+ .v-sheet--relative {
24124
+ position: relative;
24204
24125
  }
24205
- .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 {
24206
- opacity: 1;
24126
+ .v-sheet--sticky {
24127
+ position: sticky;
24207
24128
  }
24208
- .v-selection-control--error:not(.v-selection-control--disabled) .v-selection-control__input > .v-icon {
24209
- color: rgb(var(--v-theme-error));
24129
+ .v-sheet {
24130
+ border-radius: 0;
24210
24131
  }
24211
- .v-selection-control--focus-visible .v-selection-control__input::before {
24212
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
24213
- }.v-selection-control-group {
24214
- grid-area: control;
24215
- display: flex;
24216
- flex-direction: column;
24132
+ .v-sheet {
24133
+ background: rgb(var(--v-theme-surface));
24134
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24217
24135
  }
24218
- .v-selection-control-group--inline {
24219
- flex-direction: row;
24220
- flex-wrap: wrap;
24136
+ .v-sheet--rounded {
24137
+ border-radius: 4px;
24221
24138
  }.v-skeleton-loader {
24222
24139
  align-items: center;
24223
24140
  background: rgb(var(--v-theme-surface));
@@ -25036,6 +24953,101 @@ textarea.v-field__input::placeholder {
25036
24953
  .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
25037
24954
  border-width: 0;
25038
24955
  }
24956
+ }.v-tab.v-tab.v-btn {
24957
+ height: var(--v-tabs-height);
24958
+ border-radius: 0;
24959
+ min-width: 90px;
24960
+ }
24961
+ .v-slide-group--horizontal .v-tab {
24962
+ max-width: 360px;
24963
+ }
24964
+ .v-slide-group--vertical .v-tab {
24965
+ justify-content: start;
24966
+ }
24967
+
24968
+ .v-tab__slider {
24969
+ position: absolute;
24970
+ bottom: 0;
24971
+ left: 0;
24972
+ height: 2px;
24973
+ width: 100%;
24974
+ background: currentColor;
24975
+ pointer-events: none;
24976
+ opacity: 0;
24977
+ }
24978
+ .v-tab--selected .v-tab__slider {
24979
+ opacity: 1;
24980
+ }
24981
+ .v-slide-group--vertical .v-tab__slider {
24982
+ top: 0;
24983
+ height: 100%;
24984
+ width: 2px;
24985
+ }.v-tabs {
24986
+ display: flex;
24987
+ height: var(--v-tabs-height);
24988
+ }
24989
+ .v-tabs--density-default {
24990
+ --v-tabs-height: 48px;
24991
+ }
24992
+ .v-tabs--density-default.v-tabs--stacked {
24993
+ --v-tabs-height: 72px;
24994
+ }
24995
+
24996
+ .v-tabs--density-comfortable {
24997
+ --v-tabs-height: 44px;
24998
+ }
24999
+ .v-tabs--density-comfortable.v-tabs--stacked {
25000
+ --v-tabs-height: 68px;
25001
+ }
25002
+
25003
+ .v-tabs--density-compact {
25004
+ --v-tabs-height: 36px;
25005
+ }
25006
+ .v-tabs--density-compact.v-tabs--stacked {
25007
+ --v-tabs-height: 60px;
25008
+ }
25009
+
25010
+ .v-tabs.v-slide-group--vertical {
25011
+ height: auto;
25012
+ flex: none;
25013
+ --v-tabs-height: 48px;
25014
+ }
25015
+
25016
+ .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
25017
+ margin-inline-start: 42px;
25018
+ }
25019
+
25020
+ .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
25021
+ .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
25022
+ margin-inline-end: auto;
25023
+ }
25024
+ .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
25025
+ .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
25026
+ margin-inline-start: auto;
25027
+ }
25028
+
25029
+ .v-tabs--grow {
25030
+ flex-grow: 1;
25031
+ }
25032
+ .v-tabs--grow .v-tab {
25033
+ flex: 1 0 auto;
25034
+ max-width: none;
25035
+ }
25036
+
25037
+ .v-tabs--align-tabs-end .v-tab:first-child {
25038
+ margin-inline-start: auto;
25039
+ }
25040
+ .v-tabs--align-tabs-end .v-tab:last-child {
25041
+ margin-inline-end: 0;
25042
+ }
25043
+
25044
+ @media (max-width: 1279.98px) {
25045
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
25046
+ margin-inline-start: 52px;
25047
+ }
25048
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
25049
+ margin-inline-end: 52px;
25050
+ }
25039
25051
  }.v-system-bar {
25040
25052
  align-items: center;
25041
25053
  display: flex;
@@ -25187,174 +25199,40 @@ textarea.v-field__input::placeholder {
25187
25199
  }
25188
25200
 
25189
25201
  .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:first-child {
25190
- border-top-left-radius: 0;
25191
- }
25192
- .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:last-child {
25193
- border-top-right-radius: 0;
25194
- }
25195
-
25196
- .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:first-child {
25197
- border-bottom-left-radius: 0;
25198
- }
25199
- .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:last-child {
25200
- border-bottom-right-radius: 0;
25201
- }
25202
-
25203
- .v-table--fixed-height > .v-table__wrapper {
25204
- overflow-y: auto;
25205
- }
25206
-
25207
- .v-table--fixed-header > .v-table__wrapper > table > thead {
25208
- position: sticky;
25209
- top: 0;
25210
- z-index: 2;
25211
- }
25212
- .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
25213
- border-bottom: 0px !important;
25214
- }
25215
-
25216
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
25217
- position: sticky;
25218
- bottom: 0;
25219
- z-index: 1;
25220
- }
25221
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
25222
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
25223
- border-top: 0px !important;
25224
- }.v-tab.v-tab.v-btn {
25225
- height: var(--v-tabs-height);
25226
- border-radius: 0;
25227
- min-width: 90px;
25228
- }
25229
- .v-slide-group--horizontal .v-tab {
25230
- max-width: 360px;
25231
- }
25232
- .v-slide-group--vertical .v-tab {
25233
- justify-content: start;
25234
- }
25235
-
25236
- .v-tab__slider {
25237
- position: absolute;
25238
- bottom: 0;
25239
- left: 0;
25240
- height: 2px;
25241
- width: 100%;
25242
- background: currentColor;
25243
- pointer-events: none;
25244
- opacity: 0;
25245
- }
25246
- .v-tab--selected .v-tab__slider {
25247
- opacity: 1;
25248
- }
25249
- .v-slide-group--vertical .v-tab__slider {
25250
- top: 0;
25251
- height: 100%;
25252
- width: 2px;
25253
- }.v-tabs {
25254
- display: flex;
25255
- height: var(--v-tabs-height);
25256
- }
25257
- .v-tabs--density-default {
25258
- --v-tabs-height: 48px;
25259
- }
25260
- .v-tabs--density-default.v-tabs--stacked {
25261
- --v-tabs-height: 72px;
25262
- }
25263
-
25264
- .v-tabs--density-comfortable {
25265
- --v-tabs-height: 44px;
25266
- }
25267
- .v-tabs--density-comfortable.v-tabs--stacked {
25268
- --v-tabs-height: 68px;
25269
- }
25270
-
25271
- .v-tabs--density-compact {
25272
- --v-tabs-height: 36px;
25273
- }
25274
- .v-tabs--density-compact.v-tabs--stacked {
25275
- --v-tabs-height: 60px;
25276
- }
25277
-
25278
- .v-tabs.v-slide-group--vertical {
25279
- height: auto;
25280
- flex: none;
25281
- --v-tabs-height: 48px;
25282
- }
25283
-
25284
- .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
25285
- margin-inline-start: 42px;
25286
- }
25287
-
25288
- .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
25289
- .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
25290
- margin-inline-end: auto;
25291
- }
25292
- .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
25293
- .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
25294
- margin-inline-start: auto;
25295
- }
25296
-
25297
- .v-tabs--grow {
25298
- flex-grow: 1;
25299
- }
25300
- .v-tabs--grow .v-tab {
25301
- flex: 1 0 auto;
25302
- max-width: none;
25303
- }
25304
-
25305
- .v-tabs--align-tabs-end .v-tab:first-child {
25306
- margin-inline-start: auto;
25307
- }
25308
- .v-tabs--align-tabs-end .v-tab:last-child {
25309
- margin-inline-end: 0;
25310
- }
25311
-
25312
- @media (max-width: 1279.98px) {
25313
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
25314
- margin-inline-start: 52px;
25315
- }
25316
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
25317
- margin-inline-end: 52px;
25318
- }
25319
- }.v-textarea .v-field {
25320
- --v-textarea-control-height: var(--v-input-control-height);
25202
+ border-top-left-radius: 0;
25321
25203
  }
25322
- .v-textarea .v-field__field {
25323
- --v-input-control-height: var(--v-textarea-control-height);
25204
+ .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:last-child {
25205
+ border-top-right-radius: 0;
25324
25206
  }
25325
- .v-textarea .v-field__input {
25326
- flex: 1 1 auto;
25327
- outline: none;
25328
- -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
25329
- mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
25207
+
25208
+ .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:first-child {
25209
+ border-bottom-left-radius: 0;
25330
25210
  }
25331
- .v-textarea .v-field__input.v-textarea__sizer {
25332
- visibility: hidden;
25333
- position: absolute;
25334
- top: 0;
25335
- left: 0;
25336
- height: 0 !important;
25337
- min-height: 0 !important;
25338
- pointer-events: none;
25211
+ .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:last-child {
25212
+ border-bottom-right-radius: 0;
25339
25213
  }
25340
- .v-textarea--no-resize .v-field__input {
25341
- resize: none;
25214
+
25215
+ .v-table--fixed-height > .v-table__wrapper {
25216
+ overflow-y: auto;
25342
25217
  }
25343
- .v-textarea .v-field--no-label textarea,
25344
- .v-textarea .v-field--active textarea {
25345
- opacity: 1;
25218
+
25219
+ .v-table--fixed-header > .v-table__wrapper > table > thead {
25220
+ position: sticky;
25221
+ top: 0;
25222
+ z-index: 2;
25346
25223
  }
25347
- .v-textarea textarea {
25348
- opacity: 0;
25349
- flex: 1;
25350
- min-width: 0;
25351
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25224
+ .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
25225
+ border-bottom: 0px !important;
25352
25226
  }
25353
- .v-textarea textarea:focus, .v-textarea textarea:active {
25354
- outline: none;
25227
+
25228
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
25229
+ position: sticky;
25230
+ bottom: 0;
25231
+ z-index: 1;
25355
25232
  }
25356
- .v-textarea textarea:invalid {
25357
- box-shadow: none;
25233
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
25234
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
25235
+ border-top: 0px !important;
25358
25236
  }/* region BLOCK */
25359
25237
  .v-text-field input {
25360
25238
  color: inherit;
@@ -25422,7 +25300,46 @@ textarea.v-field__input::placeholder {
25422
25300
  padding-inline-end: var(--v-field-padding-end);
25423
25301
  }
25424
25302
 
25425
- /* endregion */.v-theme-provider {
25303
+ /* endregion */.v-textarea .v-field {
25304
+ --v-textarea-control-height: var(--v-input-control-height);
25305
+ }
25306
+ .v-textarea .v-field__field {
25307
+ --v-input-control-height: var(--v-textarea-control-height);
25308
+ }
25309
+ .v-textarea .v-field__input {
25310
+ flex: 1 1 auto;
25311
+ outline: none;
25312
+ -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
25313
+ mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
25314
+ }
25315
+ .v-textarea .v-field__input.v-textarea__sizer {
25316
+ visibility: hidden;
25317
+ position: absolute;
25318
+ top: 0;
25319
+ left: 0;
25320
+ height: 0 !important;
25321
+ min-height: 0 !important;
25322
+ pointer-events: none;
25323
+ }
25324
+ .v-textarea--no-resize .v-field__input {
25325
+ resize: none;
25326
+ }
25327
+ .v-textarea .v-field--no-label textarea,
25328
+ .v-textarea .v-field--active textarea {
25329
+ opacity: 1;
25330
+ }
25331
+ .v-textarea textarea {
25332
+ opacity: 0;
25333
+ flex: 1;
25334
+ min-width: 0;
25335
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25336
+ }
25337
+ .v-textarea textarea:focus, .v-textarea textarea:active {
25338
+ outline: none;
25339
+ }
25340
+ .v-textarea textarea:invalid {
25341
+ box-shadow: none;
25342
+ }.v-theme-provider {
25426
25343
  background: rgb(var(--v-theme-background));
25427
25344
  color: rgb(var(--v-theme-on-background));
25428
25345
  }.v-timeline .v-timeline-divider__dot {
@@ -26008,15 +25925,6 @@ textarea.v-field__input::placeholder {
26008
25925
  .v-tooltip > .v-overlay__content[class*=leave-active] {
26009
25926
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
26010
25927
  transition-duration: 75ms;
26011
- }.v-virtual-scroll {
26012
- display: block;
26013
- flex: 1 1 auto;
26014
- max-width: 100%;
26015
- overflow: auto;
26016
- position: relative;
26017
- }
26018
- .v-virtual-scroll__container {
26019
- display: block;
26020
25928
  }.v-window {
26021
25929
  overflow: hidden;
26022
25930
  }
@@ -26087,186 +25995,248 @@ textarea.v-field__input::placeholder {
26087
25995
  }
26088
25996
  .v-window-y-reverse-transition-leave-to {
26089
25997
  transform: translateY(100%);
26090
- }.v-sheet {
25998
+ }.v-virtual-scroll {
26091
25999
  display: block;
26000
+ flex: 1 1 auto;
26001
+ max-width: 100%;
26002
+ overflow: auto;
26003
+ position: relative;
26092
26004
  }
26093
- .v-sheet {
26094
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
26095
- border-style: solid;
26096
- border-width: 0;
26005
+ .v-virtual-scroll__container {
26006
+ display: block;
26007
+ }.v-data-table {
26008
+ width: 100%;
26097
26009
  }
26098
- .v-sheet--border {
26099
- border-width: thin;
26100
- box-shadow: none;
26010
+
26011
+ .v-data-table__table {
26012
+ width: 100%;
26013
+ border-collapse: separate;
26014
+ border-spacing: 0;
26101
26015
  }
26102
- .v-sheet {
26103
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
26016
+
26017
+ .v-data-table__tr--focus {
26018
+ border: 1px dotted black;
26104
26019
  }
26105
- .v-sheet--absolute {
26106
- position: absolute;
26020
+ .v-data-table__tr--clickable {
26021
+ cursor: pointer;
26107
26022
  }
26108
- .v-sheet--fixed {
26109
- position: fixed;
26023
+
26024
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
26025
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
26026
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
26027
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
26028
+ text-align: end;
26110
26029
  }
26111
- .v-sheet--relative {
26112
- position: relative;
26030
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
26031
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
26032
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
26033
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
26034
+ flex-direction: row-reverse;
26113
26035
  }
26114
- .v-sheet--sticky {
26115
- position: sticky;
26036
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
26037
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
26038
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
26039
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
26040
+ text-align: center;
26116
26041
  }
26117
- .v-sheet {
26118
- border-radius: 0;
26042
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
26043
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
26044
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
26045
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
26046
+ justify-content: center;
26119
26047
  }
26120
- .v-sheet {
26121
- background: rgb(var(--v-theme-surface));
26122
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
26048
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
26049
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
26050
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
26051
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
26052
+ padding: 0 8px;
26123
26053
  }
26124
- .v-sheet--rounded {
26125
- border-radius: 4px;
26126
- }.v-icon {
26127
- --v-icon-size-multiplier: 1;
26054
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap,
26055
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap,
26056
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap,
26057
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap {
26058
+ text-overflow: ellipsis;
26059
+ text-wrap: nowrap;
26060
+ overflow: hidden;
26061
+ }
26062
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
26063
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap .v-data-table-header__content,
26064
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
26065
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap .v-data-table-header__content {
26066
+ display: contents;
26067
+ }
26068
+ .v-data-table .v-table__wrapper > table > thead > tr > th,
26069
+ .v-data-table .v-table__wrapper > table tbody > tr > th {
26128
26070
  align-items: center;
26129
- display: inline-flex;
26130
- font-feature-settings: "liga";
26131
- height: 1em;
26132
- justify-content: center;
26133
- letter-spacing: normal;
26134
- line-height: 1;
26135
- position: relative;
26136
- text-indent: 0;
26137
- text-align: center;
26138
- -webkit-user-select: none;
26139
- user-select: none;
26140
- vertical-align: middle;
26141
- width: 1em;
26142
- min-width: 1em;
26143
26071
  }
26144
- .v-icon--clickable {
26072
+ .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--fixed,
26073
+ .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--fixed {
26074
+ position: sticky;
26075
+ }
26076
+ .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
26077
+ .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
26145
26078
  cursor: pointer;
26079
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
26146
26080
  }
26147
- .v-icon--disabled {
26148
- pointer-events: none;
26149
- opacity: 0.38;
26081
+ .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
26082
+ .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
26083
+ opacity: 0;
26150
26084
  }
26151
- .v-icon--size-x-small {
26152
- font-size: calc(var(--v-icon-size-multiplier) * 1em);
26085
+ .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon,
26086
+ .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon {
26087
+ opacity: 0.5;
26153
26088
  }
26154
- .v-icon--size-small {
26155
- font-size: calc(var(--v-icon-size-multiplier) * 1.25em);
26089
+ .v-data-table .v-table__wrapper > table > thead > tr.v-data-table__tr--mobile > td,
26090
+ .v-data-table .v-table__wrapper > table tbody > tr.v-data-table__tr--mobile > td {
26091
+ height: -moz-fit-content;
26092
+ height: fit-content;
26156
26093
  }
26157
- .v-icon--size-default {
26158
- font-size: calc(var(--v-icon-size-multiplier) * 1.5em);
26094
+
26095
+ .v-data-table-column--fixed,
26096
+ .v-data-table__th--sticky {
26097
+ background: rgb(var(--v-theme-surface));
26098
+ position: sticky !important;
26099
+ left: 0;
26100
+ z-index: 1;
26159
26101
  }
26160
- .v-icon--size-large {
26161
- font-size: calc(var(--v-icon-size-multiplier) * 1.75em);
26102
+
26103
+ .v-data-table-column--last-fixed {
26104
+ border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
26162
26105
  }
26163
- .v-icon--size-x-large {
26164
- font-size: calc(var(--v-icon-size-multiplier) * 2em);
26106
+
26107
+ .v-data-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th.v-data-table-column--fixed {
26108
+ z-index: 2;
26109
+ }
26110
+
26111
+ .v-data-table-group-header-row td {
26112
+ background: rgba(var(--v-theme-surface));
26113
+ color: rgba(var(--v-theme-on-surface));
26114
+ }
26115
+ .v-data-table-group-header-row td > span {
26116
+ padding-left: 5px;
26165
26117
  }
26166
26118
 
26167
- .v-icon__svg {
26168
- fill: currentColor;
26169
- width: 100%;
26170
- height: 100%;
26119
+ .v-data-table--loading .v-data-table__td {
26120
+ opacity: var(--v-disabled-opacity);
26171
26121
  }
26172
26122
 
26173
- .v-icon--start {
26174
- margin-inline-end: 8px;
26123
+ .v-data-table-group-header-row__column {
26124
+ padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
26175
26125
  }
26176
26126
 
26177
- .v-icon--end {
26178
- margin-inline-start: 8px;
26179
- }.v-overlay-container {
26180
- contain: layout;
26181
- left: 0;
26182
- pointer-events: none;
26183
- position: absolute;
26184
- top: 0;
26185
- display: contents;
26127
+ .v-data-table-header__content {
26128
+ display: flex;
26129
+ align-items: center;
26186
26130
  }
26187
26131
 
26188
- .v-overlay-scroll-blocked {
26189
- padding-inline-end: var(--v-scrollbar-offset);
26190
- }
26191
- .v-overlay-scroll-blocked:not(html) {
26192
- overflow-y: hidden !important;
26193
- }
26194
- html.v-overlay-scroll-blocked {
26195
- position: fixed;
26196
- top: var(--v-body-scroll-y);
26197
- left: var(--v-body-scroll-x);
26198
- width: 100%;
26199
- height: 100%;
26132
+ .v-data-table-header__sort-badge {
26133
+ display: inline-flex;
26134
+ justify-content: center;
26135
+ align-items: center;
26136
+ font-size: 0.875rem;
26137
+ padding: 4px;
26138
+ border-radius: 50%;
26139
+ background: rgba(var(--v-border-color), var(--v-border-opacity));
26140
+ min-width: 20px;
26141
+ min-height: 20px;
26142
+ width: 20px;
26143
+ height: 20px;
26200
26144
  }
26201
26145
 
26202
- .v-overlay {
26203
- border-radius: inherit;
26204
- display: flex;
26205
- left: 0;
26206
- pointer-events: none;
26207
- position: fixed;
26208
- top: 0;
26209
- bottom: 0;
26210
- right: 0;
26146
+ .v-data-table-progress > th {
26147
+ border: none !important;
26148
+ height: auto !important;
26149
+ padding: 0 !important;
26211
26150
  }
26212
26151
 
26213
- .v-overlay__content {
26214
- outline: none;
26215
- position: absolute;
26216
- pointer-events: auto;
26217
- contain: layout;
26152
+ .v-data-table-progress__loader {
26153
+ position: relative;
26218
26154
  }
26219
26155
 
26220
- .v-overlay__scrim {
26221
- pointer-events: auto;
26222
- background: rgb(var(--v-theme-on-surface));
26223
- border-radius: inherit;
26224
- bottom: 0;
26225
- left: 0;
26226
- opacity: var(--v-overlay-opacity, 0.32);
26227
- position: fixed;
26228
- right: 0;
26229
- top: 0;
26156
+ .v-data-table-rows-loading,
26157
+ .v-data-table-rows-no-data {
26158
+ text-align: center;
26230
26159
  }
26231
26160
 
26232
- .v-overlay--absolute {
26233
- position: absolute;
26161
+ .v-data-table__tr--mobile > .v-data-table__td--expanded-row {
26162
+ grid-template-columns: 0;
26163
+ justify-content: center;
26164
+ }
26165
+ .v-data-table__tr--mobile > .v-data-table__td--select-row {
26166
+ grid-template-columns: 0;
26167
+ justify-content: end;
26168
+ }
26169
+ .v-data-table__tr--mobile > td {
26170
+ align-items: center;
26171
+ column-gap: 4px;
26172
+ display: grid;
26173
+ grid-template-columns: repeat(2, 1fr);
26174
+ min-height: var(--v-table-row-height);
26175
+ }
26176
+ .v-data-table__tr--mobile > td:not(:last-child) {
26177
+ border-bottom: 0 !important;
26234
26178
  }
26235
26179
 
26236
- .v-overlay--contained .v-overlay__scrim {
26237
- position: absolute;
26180
+ .v-data-table__td-title {
26181
+ font-weight: 500;
26182
+ text-align: left;
26238
26183
  }
26239
26184
 
26240
- .v-overlay--scroll-blocked {
26241
- padding-inline-end: var(--v-scrollbar-offset);
26242
- }.v-color-picker-edit {
26243
- display: flex;
26244
- margin-top: 24px;
26185
+ .v-data-table__td-value {
26186
+ text-align: right;
26245
26187
  }
26246
26188
 
26247
- .v-color-picker-edit__input {
26248
- width: 100%;
26189
+ .v-data-table__td-sort-icon {
26190
+ color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
26191
+ }
26192
+ .v-data-table__td-sort-icon-active {
26193
+ color: rgba(var(--v-theme-on-surface));
26194
+ }.v-data-table-footer {
26195
+ align-items: center;
26249
26196
  display: flex;
26250
26197
  flex-wrap: wrap;
26198
+ justify-content: flex-end;
26199
+ padding: 8px 4px;
26200
+ }
26201
+ .v-data-table-footer__items-per-page {
26202
+ align-items: center;
26203
+ display: flex;
26251
26204
  justify-content: center;
26252
- text-align: center;
26253
26205
  }
26254
- .v-color-picker-edit__input:not(:last-child) {
26255
- margin-inline-end: 8px;
26206
+ .v-data-table-footer__items-per-page > span {
26207
+ padding-inline-end: 8px;
26256
26208
  }
26257
- .v-color-picker-edit__input input {
26258
- border-radius: 4px;
26259
- margin-bottom: 8px;
26260
- min-width: 0;
26261
- outline: none;
26262
- text-align: center;
26263
- width: 100%;
26264
- height: 32px;
26265
- background: rgba(var(--v-theme-surface-variant), 0.2);
26266
- color: rgba(var(--v-theme-on-surface));
26209
+ .v-data-table-footer__items-per-page > .v-select {
26210
+ width: 90px;
26267
26211
  }
26268
- .v-color-picker-edit__input span {
26269
- font-size: 0.75rem;
26212
+ .v-data-table-footer__info {
26213
+ display: flex;
26214
+ justify-content: flex-end;
26215
+ min-width: 116px;
26216
+ padding: 0 16px;
26217
+ }
26218
+ .v-data-table-footer__paginationz {
26219
+ align-items: center;
26220
+ display: flex;
26221
+ margin-inline-start: 16px;
26222
+ }
26223
+ .v-data-table-footer__page {
26224
+ padding: 0 8px;
26225
+ }.v-layout {
26226
+ --v-scrollbar-offset: 0px;
26227
+ display: flex;
26228
+ flex: 1 1 auto;
26229
+ }
26230
+ .v-layout--full-height {
26231
+ --v-scrollbar-offset: inherit;
26232
+ height: 100%;
26233
+ }.v-layout-item {
26234
+ position: absolute;
26235
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
26236
+ }
26237
+
26238
+ .v-layout-item--absolute {
26239
+ position: absolute;
26270
26240
  }.v-color-picker-canvas {
26271
26241
  display: flex;
26272
26242
  position: relative;
@@ -26289,6 +26259,41 @@ html.v-overlay-scroll-blocked {
26289
26259
  }
26290
26260
  .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
26291
26261
  will-change: transform;
26262
+ }.v-color-picker-swatches {
26263
+ overflow-y: auto;
26264
+ }
26265
+ .v-color-picker-swatches > div {
26266
+ display: flex;
26267
+ flex-wrap: wrap;
26268
+ justify-content: center;
26269
+ padding: 8px;
26270
+ }
26271
+
26272
+ .v-color-picker-swatches__swatch {
26273
+ display: flex;
26274
+ flex-direction: column;
26275
+ margin-bottom: 10px;
26276
+ }
26277
+
26278
+ .v-color-picker-swatches__color {
26279
+ position: relative;
26280
+ height: 18px;
26281
+ max-height: 18px;
26282
+ width: 45px;
26283
+ margin: 2px 4px;
26284
+ border-radius: 2px;
26285
+ -webkit-user-select: none;
26286
+ user-select: none;
26287
+ overflow: hidden;
26288
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
26289
+ cursor: pointer;
26290
+ }
26291
+ .v-color-picker-swatches__color > div {
26292
+ display: flex;
26293
+ align-items: center;
26294
+ justify-content: center;
26295
+ width: 100%;
26296
+ height: 100%;
26292
26297
  }.v-color-picker-preview__alpha .v-slider-track__background {
26293
26298
  background-color: transparent !important;
26294
26299
  }
@@ -26359,41 +26364,34 @@ html.v-overlay-scroll-blocked {
26359
26364
  .v-color-picker-preview__eye-dropper {
26360
26365
  position: relative;
26361
26366
  margin-right: 12px;
26362
- }.v-color-picker-swatches {
26363
- overflow-y: auto;
26364
- }
26365
- .v-color-picker-swatches > div {
26367
+ }.v-color-picker-edit {
26366
26368
  display: flex;
26367
- flex-wrap: wrap;
26368
- justify-content: center;
26369
- padding: 8px;
26369
+ margin-top: 24px;
26370
26370
  }
26371
26371
 
26372
- .v-color-picker-swatches__swatch {
26372
+ .v-color-picker-edit__input {
26373
+ width: 100%;
26373
26374
  display: flex;
26374
- flex-direction: column;
26375
- margin-bottom: 10px;
26375
+ flex-wrap: wrap;
26376
+ justify-content: center;
26377
+ text-align: center;
26376
26378
  }
26377
-
26378
- .v-color-picker-swatches__color {
26379
- position: relative;
26380
- height: 18px;
26381
- max-height: 18px;
26382
- width: 45px;
26383
- margin: 2px 4px;
26384
- border-radius: 2px;
26385
- -webkit-user-select: none;
26386
- user-select: none;
26387
- overflow: hidden;
26388
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
26389
- cursor: pointer;
26379
+ .v-color-picker-edit__input:not(:last-child) {
26380
+ margin-inline-end: 8px;
26390
26381
  }
26391
- .v-color-picker-swatches__color > div {
26392
- display: flex;
26393
- align-items: center;
26394
- justify-content: center;
26382
+ .v-color-picker-edit__input input {
26383
+ border-radius: 4px;
26384
+ margin-bottom: 8px;
26385
+ min-width: 0;
26386
+ outline: none;
26387
+ text-align: center;
26395
26388
  width: 100%;
26396
- height: 100%;
26389
+ height: 32px;
26390
+ background: rgba(var(--v-theme-surface-variant), 0.2);
26391
+ color: rgba(var(--v-theme-on-surface));
26392
+ }
26393
+ .v-color-picker-edit__input span {
26394
+ font-size: 0.75rem;
26397
26395
  }.v-picker.v-sheet {
26398
26396
  display: grid;
26399
26397
  grid-auto-rows: min-content;