@vuetify/nightly 3.7.1-master.2024-09-04 → 3.7.1-master.2024-09-06

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.1-master.2024-09-04
2
+ * Vuetify v3.7.1-master.2024-09-06
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -18006,6 +18006,91 @@ html.overflow-y-hidden {
18006
18006
  min-height: 100vh;
18007
18007
  min-height: 100dvh;
18008
18008
  position: relative;
18009
+ }.v-autocomplete .v-field .v-text-field__prefix,
18010
+ .v-autocomplete .v-field .v-text-field__suffix,
18011
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
18012
+ cursor: text;
18013
+ }
18014
+ .v-autocomplete .v-field .v-field__input > input {
18015
+ flex: 1 1;
18016
+ }
18017
+ .v-autocomplete .v-field input {
18018
+ min-width: 64px;
18019
+ }
18020
+ .v-autocomplete .v-field:not(.v-field--focused) input {
18021
+ min-width: 0;
18022
+ }
18023
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
18024
+ margin-inline-end: 2px;
18025
+ }
18026
+ .v-autocomplete .v-autocomplete__selection-text {
18027
+ overflow: hidden;
18028
+ text-overflow: ellipsis;
18029
+ white-space: nowrap;
18030
+ }
18031
+
18032
+ .v-autocomplete__content {
18033
+ overflow: hidden;
18034
+ }
18035
+ .v-autocomplete__content {
18036
+ 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));
18037
+ }
18038
+ .v-autocomplete__content {
18039
+ border-radius: 4px;
18040
+ }
18041
+ .v-autocomplete__mask {
18042
+ background: rgb(var(--v-theme-surface-light));
18043
+ }
18044
+ .v-autocomplete__selection {
18045
+ display: inline-flex;
18046
+ align-items: center;
18047
+ height: 1.5rem;
18048
+ letter-spacing: inherit;
18049
+ line-height: inherit;
18050
+ max-width: calc(100% - 2px - 2px);
18051
+ }
18052
+ .v-autocomplete__selection:first-child {
18053
+ margin-inline-start: 0;
18054
+ }
18055
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
18056
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
18057
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
18058
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
18059
+ top: 0px;
18060
+ }
18061
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
18062
+ opacity: var(--v-medium-emphasis-opacity);
18063
+ }
18064
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
18065
+ opacity: 1;
18066
+ }
18067
+ .v-autocomplete--selecting-index .v-field__input > input {
18068
+ caret-color: transparent;
18069
+ }
18070
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
18071
+ flex: 1 1;
18072
+ position: absolute;
18073
+ left: 0;
18074
+ right: 0;
18075
+ width: 100%;
18076
+ padding-inline: inherit;
18077
+ }
18078
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
18079
+ transition: none;
18080
+ }
18081
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
18082
+ opacity: 0;
18083
+ }
18084
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
18085
+ opacity: 0;
18086
+ }
18087
+ .v-autocomplete__menu-icon {
18088
+ margin-inline-start: 4px;
18089
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18090
+ }
18091
+ .v-autocomplete--active-menu .v-autocomplete__menu-icon {
18092
+ opacity: var(--v-high-emphasis-opacity);
18093
+ transform: rotate(180deg);
18009
18094
  }.v-alert {
18010
18095
  display: grid;
18011
18096
  flex: 1 1;
@@ -18222,91 +18307,6 @@ html.overflow-y-hidden {
18222
18307
  text-transform: none;
18223
18308
  word-break: normal;
18224
18309
  word-wrap: break-word;
18225
- }.v-autocomplete .v-field .v-text-field__prefix,
18226
- .v-autocomplete .v-field .v-text-field__suffix,
18227
- .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
18228
- cursor: text;
18229
- }
18230
- .v-autocomplete .v-field .v-field__input > input {
18231
- flex: 1 1;
18232
- }
18233
- .v-autocomplete .v-field input {
18234
- min-width: 64px;
18235
- }
18236
- .v-autocomplete .v-field:not(.v-field--focused) input {
18237
- min-width: 0;
18238
- }
18239
- .v-autocomplete .v-field--dirty .v-autocomplete__selection {
18240
- margin-inline-end: 2px;
18241
- }
18242
- .v-autocomplete .v-autocomplete__selection-text {
18243
- overflow: hidden;
18244
- text-overflow: ellipsis;
18245
- white-space: nowrap;
18246
- }
18247
-
18248
- .v-autocomplete__content {
18249
- overflow: hidden;
18250
- }
18251
- .v-autocomplete__content {
18252
- 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));
18253
- }
18254
- .v-autocomplete__content {
18255
- border-radius: 4px;
18256
- }
18257
- .v-autocomplete__mask {
18258
- background: rgb(var(--v-theme-surface-light));
18259
- }
18260
- .v-autocomplete__selection {
18261
- display: inline-flex;
18262
- align-items: center;
18263
- height: 1.5rem;
18264
- letter-spacing: inherit;
18265
- line-height: inherit;
18266
- max-width: calc(100% - 2px - 2px);
18267
- }
18268
- .v-autocomplete__selection:first-child {
18269
- margin-inline-start: 0;
18270
- }
18271
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
18272
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
18273
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
18274
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
18275
- top: 0px;
18276
- }
18277
- .v-autocomplete--selecting-index .v-autocomplete__selection {
18278
- opacity: var(--v-medium-emphasis-opacity);
18279
- }
18280
- .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
18281
- opacity: 1;
18282
- }
18283
- .v-autocomplete--selecting-index .v-field__input > input {
18284
- caret-color: transparent;
18285
- }
18286
- .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
18287
- flex: 1 1;
18288
- position: absolute;
18289
- left: 0;
18290
- right: 0;
18291
- width: 100%;
18292
- padding-inline: inherit;
18293
- }
18294
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
18295
- transition: none;
18296
- }
18297
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
18298
- opacity: 0;
18299
- }
18300
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
18301
- opacity: 0;
18302
- }
18303
- .v-autocomplete__menu-icon {
18304
- margin-inline-start: 4px;
18305
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18306
- }
18307
- .v-autocomplete--active-menu .v-autocomplete__menu-icon {
18308
- opacity: var(--v-high-emphasis-opacity);
18309
- transform: rotate(180deg);
18310
18310
  }.v-avatar {
18311
18311
  flex: none;
18312
18312
  align-items: center;
@@ -18413,6 +18413,79 @@ html.overflow-y-hidden {
18413
18413
  .v-avatar .v-img {
18414
18414
  height: 100%;
18415
18415
  width: 100%;
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-size: 0.75rem;
18426
+ font-weight: 500;
18427
+ height: 1.25rem;
18428
+ justify-content: center;
18429
+ min-width: 20px;
18430
+ padding: 4px 6px;
18431
+ pointer-events: auto;
18432
+ position: absolute;
18433
+ text-align: center;
18434
+ text-indent: 0;
18435
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
18436
+ white-space: nowrap;
18437
+ }
18438
+ .v-badge__badge {
18439
+ background: rgb(var(--v-theme-surface-variant));
18440
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
18441
+ }
18442
+ .v-badge--bordered .v-badge__badge::after {
18443
+ border-radius: inherit;
18444
+ border-style: solid;
18445
+ border-width: 2px;
18446
+ bottom: 0;
18447
+ color: rgb(var(--v-theme-background));
18448
+ content: "";
18449
+ left: 0;
18450
+ position: absolute;
18451
+ right: 0;
18452
+ top: 0;
18453
+ transform: scale(1.05);
18454
+ }
18455
+ .v-badge--dot .v-badge__badge {
18456
+ border-radius: 4.5px;
18457
+ height: 9px;
18458
+ min-width: 0;
18459
+ padding: 0;
18460
+ width: 9px;
18461
+ }
18462
+ .v-badge--dot .v-badge__badge::after {
18463
+ border-width: 1.5px;
18464
+ }
18465
+ .v-badge--inline .v-badge__badge {
18466
+ position: relative;
18467
+ vertical-align: middle;
18468
+ }
18469
+ .v-badge__badge .v-icon {
18470
+ color: inherit;
18471
+ font-size: 0.75rem;
18472
+ margin: 0 -2px;
18473
+ }
18474
+ .v-badge__badge img,
18475
+ .v-badge__badge .v-img {
18476
+ height: 100%;
18477
+ width: 100%;
18478
+ }
18479
+
18480
+ .v-badge__wrapper {
18481
+ display: flex;
18482
+ position: relative;
18483
+ }
18484
+ .v-badge--inline .v-badge__wrapper {
18485
+ align-items: center;
18486
+ display: inline-flex;
18487
+ justify-content: center;
18488
+ margin: 0 4px;
18416
18489
  }.v-banner {
18417
18490
  display: grid;
18418
18491
  flex: 1 1;
@@ -18579,19 +18652,83 @@ html.overflow-y-hidden {
18579
18652
  }
18580
18653
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
18581
18654
  align-self: flex-start;
18582
- }.v-bottom-navigation {
18583
- display: flex;
18655
+ }.v-btn-group {
18656
+ display: inline-flex;
18657
+ flex-wrap: nowrap;
18584
18658
  max-width: 100%;
18659
+ min-width: 0;
18585
18660
  overflow: hidden;
18586
- position: absolute;
18587
- transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
18661
+ vertical-align: middle;
18588
18662
  }
18589
- .v-bottom-navigation {
18663
+ .v-btn-group {
18590
18664
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18591
18665
  border-style: solid;
18592
18666
  border-width: 0;
18593
18667
  }
18594
- .v-bottom-navigation--border {
18668
+ .v-btn-group--border {
18669
+ border-width: thin;
18670
+ box-shadow: none;
18671
+ }
18672
+ .v-btn-group {
18673
+ 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));
18674
+ }
18675
+ .v-btn-group {
18676
+ border-radius: 4px;
18677
+ }
18678
+ .v-btn-group {
18679
+ background: transparent;
18680
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18681
+ }
18682
+ .v-btn-group--density-default.v-btn-group {
18683
+ height: 48px;
18684
+ }
18685
+
18686
+ .v-btn-group--density-comfortable.v-btn-group {
18687
+ height: 40px;
18688
+ }
18689
+
18690
+ .v-btn-group--density-compact.v-btn-group {
18691
+ height: 36px;
18692
+ }
18693
+
18694
+ .v-btn-group .v-btn {
18695
+ border-radius: 0;
18696
+ border-color: inherit;
18697
+ }
18698
+ .v-btn-group .v-btn:not(:last-child) {
18699
+ border-inline-end: none;
18700
+ }
18701
+ .v-btn-group .v-btn:not(:first-child) {
18702
+ border-inline-start: none;
18703
+ }
18704
+ .v-btn-group .v-btn:first-child {
18705
+ border-start-start-radius: inherit;
18706
+ border-end-start-radius: inherit;
18707
+ }
18708
+ .v-btn-group .v-btn:last-child {
18709
+ border-start-end-radius: inherit;
18710
+ border-end-end-radius: inherit;
18711
+ }
18712
+ .v-btn-group--divided .v-btn:not(:last-child) {
18713
+ border-inline-end-width: thin;
18714
+ border-inline-end-style: solid;
18715
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
18716
+ }
18717
+ .v-btn-group--tile {
18718
+ border-radius: 0;
18719
+ }.v-bottom-navigation {
18720
+ display: flex;
18721
+ max-width: 100%;
18722
+ overflow: hidden;
18723
+ position: absolute;
18724
+ transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
18725
+ }
18726
+ .v-bottom-navigation {
18727
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18728
+ border-style: solid;
18729
+ border-width: 0;
18730
+ }
18731
+ .v-bottom-navigation--border {
18595
18732
  border-width: thin;
18596
18733
  box-shadow: none;
18597
18734
  }
@@ -18642,79 +18779,6 @@ html.overflow-y-hidden {
18642
18779
  }
18643
18780
  .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18644
18781
  transform: translateY(0.5rem);
18645
- }.v-badge {
18646
- display: inline-block;
18647
- line-height: 1;
18648
- }
18649
-
18650
- .v-badge__badge {
18651
- align-items: center;
18652
- display: inline-flex;
18653
- border-radius: 10px;
18654
- font-size: 0.75rem;
18655
- font-weight: 500;
18656
- height: 1.25rem;
18657
- justify-content: center;
18658
- min-width: 20px;
18659
- padding: 4px 6px;
18660
- pointer-events: auto;
18661
- position: absolute;
18662
- text-align: center;
18663
- text-indent: 0;
18664
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
18665
- white-space: nowrap;
18666
- }
18667
- .v-badge__badge {
18668
- background: rgb(var(--v-theme-surface-variant));
18669
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
18670
- }
18671
- .v-badge--bordered .v-badge__badge::after {
18672
- border-radius: inherit;
18673
- border-style: solid;
18674
- border-width: 2px;
18675
- bottom: 0;
18676
- color: rgb(var(--v-theme-background));
18677
- content: "";
18678
- left: 0;
18679
- position: absolute;
18680
- right: 0;
18681
- top: 0;
18682
- transform: scale(1.05);
18683
- }
18684
- .v-badge--dot .v-badge__badge {
18685
- border-radius: 4.5px;
18686
- height: 9px;
18687
- min-width: 0;
18688
- padding: 0;
18689
- width: 9px;
18690
- }
18691
- .v-badge--dot .v-badge__badge::after {
18692
- border-width: 1.5px;
18693
- }
18694
- .v-badge--inline .v-badge__badge {
18695
- position: relative;
18696
- vertical-align: middle;
18697
- }
18698
- .v-badge__badge .v-icon {
18699
- color: inherit;
18700
- font-size: 0.75rem;
18701
- margin: 0 -2px;
18702
- }
18703
- .v-badge__badge img,
18704
- .v-badge__badge .v-img {
18705
- height: 100%;
18706
- width: 100%;
18707
- }
18708
-
18709
- .v-badge__wrapper {
18710
- display: flex;
18711
- position: relative;
18712
- }
18713
- .v-badge--inline .v-badge__wrapper {
18714
- align-items: center;
18715
- display: inline-flex;
18716
- justify-content: center;
18717
- margin: 0 4px;
18718
18782
  }.bottom-sheet-transition-enter-from {
18719
18783
  transform: translateY(100%);
18720
18784
  }
@@ -18806,152 +18870,91 @@ html.overflow-y-hidden {
18806
18870
  display: inline-block;
18807
18871
  padding: 0 8px;
18808
18872
  vertical-align: middle;
18809
- }.v-btn {
18810
- align-items: center;
18811
- border-radius: 4px;
18812
- display: inline-grid;
18813
- grid-template-areas: "prepend content append";
18814
- grid-template-columns: max-content auto max-content;
18815
- font-weight: 500;
18816
- justify-content: center;
18817
- letter-spacing: 0.0892857143em;
18818
- line-height: normal;
18819
- max-width: 100%;
18820
- outline: none;
18873
+ }.v-card {
18874
+ display: block;
18875
+ overflow: hidden;
18876
+ overflow-wrap: break-word;
18821
18877
  position: relative;
18878
+ padding: 0;
18822
18879
  text-decoration: none;
18823
- text-indent: 0.0892857143em;
18824
- text-transform: uppercase;
18825
- transition-property: box-shadow, transform, opacity, background;
18826
18880
  transition-duration: 0.28s;
18881
+ transition-property: box-shadow, opacity, background;
18827
18882
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
18828
- -webkit-user-select: none;
18829
- user-select: none;
18830
- vertical-align: middle;
18831
- flex-shrink: 0;
18832
- }
18833
- .v-btn--size-x-small {
18834
- --v-btn-size: 0.625rem;
18835
- --v-btn-height: 20px;
18836
- font-size: var(--v-btn-size);
18837
- min-width: 36px;
18838
- padding: 0 8px;
18839
- }
18840
-
18841
- .v-btn--size-small {
18842
- --v-btn-size: 0.75rem;
18843
- --v-btn-height: 28px;
18844
- font-size: var(--v-btn-size);
18845
- min-width: 50px;
18846
- padding: 0 12px;
18847
- }
18848
-
18849
- .v-btn--size-default {
18850
- --v-btn-size: 0.875rem;
18851
- --v-btn-height: 36px;
18852
- font-size: var(--v-btn-size);
18853
- min-width: 64px;
18854
- padding: 0 16px;
18855
- }
18856
-
18857
- .v-btn--size-large {
18858
- --v-btn-size: 1rem;
18859
- --v-btn-height: 44px;
18860
- font-size: var(--v-btn-size);
18861
- min-width: 78px;
18862
- padding: 0 20px;
18863
- }
18864
-
18865
- .v-btn--size-x-large {
18866
- --v-btn-size: 1.125rem;
18867
- --v-btn-height: 52px;
18868
- font-size: var(--v-btn-size);
18869
- min-width: 92px;
18870
- padding: 0 24px;
18871
- }
18872
-
18873
- .v-btn.v-btn--density-default {
18874
- height: calc(var(--v-btn-height) + 0px);
18875
- }
18876
-
18877
- .v-btn.v-btn--density-comfortable {
18878
- height: calc(var(--v-btn-height) + -8px);
18879
- }
18880
-
18881
- .v-btn.v-btn--density-compact {
18882
- height: calc(var(--v-btn-height) + -12px);
18883
+ z-index: 0;
18883
18884
  }
18884
-
18885
- .v-btn {
18885
+ .v-card {
18886
18886
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18887
18887
  border-style: solid;
18888
18888
  border-width: 0;
18889
18889
  }
18890
- .v-btn--border {
18890
+ .v-card--border {
18891
18891
  border-width: thin;
18892
18892
  box-shadow: none;
18893
18893
  }
18894
- .v-btn--absolute {
18894
+ .v-card--absolute {
18895
18895
  position: absolute;
18896
18896
  }
18897
- .v-btn--fixed {
18897
+ .v-card--fixed {
18898
18898
  position: fixed;
18899
18899
  }
18900
- .v-btn:hover > .v-btn__overlay {
18900
+ .v-card {
18901
+ border-radius: 4px;
18902
+ }
18903
+ .v-card:hover > .v-card__overlay {
18901
18904
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
18902
18905
  }
18903
- .v-btn:focus-visible > .v-btn__overlay {
18906
+ .v-card:focus-visible > .v-card__overlay {
18904
18907
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
18905
18908
  }
18906
18909
  @supports not selector(:focus-visible) {
18907
- .v-btn:focus > .v-btn__overlay {
18910
+ .v-card:focus > .v-card__overlay {
18908
18911
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
18909
18912
  }
18910
18913
  }
18911
- .v-btn--active > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true] > .v-btn__overlay {
18914
+ .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
18912
18915
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18913
18916
  }
18914
- .v-btn--active:hover > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:hover > .v-btn__overlay {
18917
+ .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
18915
18918
  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18916
18919
  }
18917
- .v-btn--active:focus-visible > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-btn__overlay {
18920
+ .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
18918
18921
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18919
18922
  }
18920
18923
  @supports not selector(:focus-visible) {
18921
- .v-btn--active:focus > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-btn__overlay {
18924
+ .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
18922
18925
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18923
18926
  }
18924
18927
  }
18925
- .v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-tonal {
18928
+ .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
18926
18929
  background: transparent;
18927
18930
  color: inherit;
18928
18931
  }
18929
- .v-btn--variant-plain {
18932
+ .v-card--variant-plain {
18930
18933
  opacity: 0.62;
18931
18934
  }
18932
- .v-btn--variant-plain:focus, .v-btn--variant-plain:hover {
18935
+ .v-card--variant-plain:focus, .v-card--variant-plain:hover {
18933
18936
  opacity: 1;
18934
18937
  }
18935
- .v-btn--variant-plain .v-btn__overlay {
18938
+ .v-card--variant-plain .v-card__overlay {
18936
18939
  display: none;
18937
18940
  }
18938
- .v-btn--variant-elevated, .v-btn--variant-flat {
18941
+ .v-card--variant-elevated, .v-card--variant-flat {
18939
18942
  background: rgb(var(--v-theme-surface));
18940
18943
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18941
18944
  }
18942
- .v-btn--variant-elevated {
18943
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18945
+ .v-card--variant-elevated {
18946
+ box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18944
18947
  }
18945
- .v-btn--variant-flat {
18948
+ .v-card--variant-flat {
18946
18949
  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));
18947
18950
  }
18948
- .v-btn--variant-outlined {
18951
+ .v-card--variant-outlined {
18949
18952
  border: thin solid currentColor;
18950
18953
  }
18951
- .v-btn--variant-text .v-btn__overlay {
18954
+ .v-card--variant-text .v-card__overlay {
18952
18955
  background: currentColor;
18953
18956
  }
18954
- .v-btn--variant-tonal .v-btn__underlay {
18957
+ .v-card--variant-tonal .v-card__underlay {
18955
18958
  background: currentColor;
18956
18959
  opacity: var(--v-activated-opacity);
18957
18960
  border-radius: inherit;
@@ -18961,437 +18964,366 @@ html.overflow-y-hidden {
18961
18964
  left: 0;
18962
18965
  pointer-events: none;
18963
18966
  }
18964
- .v-btn .v-btn__underlay {
18967
+ .v-card .v-card__underlay {
18965
18968
  position: absolute;
18966
18969
  }
18967
- @supports selector(:focus-visible) {
18968
- .v-btn::after {
18969
- pointer-events: none;
18970
- border: 2px solid currentColor;
18971
- border-radius: inherit;
18972
- opacity: 0;
18973
- transition: opacity 0.2s ease-in-out;
18974
- }
18975
- .v-btn::after {
18976
- content: "";
18977
- position: absolute;
18978
- top: 0;
18979
- left: 0;
18980
- width: 100%;
18981
- height: 100%;
18982
- }
18983
- .v-btn:focus-visible::after {
18984
- opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
18985
- }
18986
- }
18987
- .v-btn--icon {
18988
- border-radius: 50%;
18989
- min-width: 0;
18990
- padding: 0;
18991
- }
18992
- .v-btn--icon.v-btn--size-default {
18993
- --v-btn-size: 1rem;
18994
- }
18995
- .v-btn--icon.v-btn--density-default {
18996
- width: calc(var(--v-btn-height) + 12px);
18997
- height: calc(var(--v-btn-height) + 12px);
18998
- }
18999
- .v-btn--icon.v-btn--density-comfortable {
19000
- width: calc(var(--v-btn-height) + 0px);
19001
- height: calc(var(--v-btn-height) + 0px);
19002
- }
19003
- .v-btn--icon.v-btn--density-compact {
19004
- width: calc(var(--v-btn-height) + -8px);
19005
- height: calc(var(--v-btn-height) + -8px);
19006
- }
19007
-
19008
- .v-btn--elevated:hover, .v-btn--elevated:focus {
19009
- 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));
18970
+ .v-card--disabled {
18971
+ pointer-events: none;
18972
+ -webkit-user-select: none;
18973
+ user-select: none;
19010
18974
  }
19011
- .v-btn--elevated:active {
19012
- 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));
18975
+ .v-card--disabled > :not(.v-card__loader) {
18976
+ opacity: 0.6;
19013
18977
  }
19014
- .v-btn--flat {
18978
+ .v-card--flat {
19015
18979
  box-shadow: none;
19016
18980
  }
19017
- .v-btn--block {
19018
- display: flex;
19019
- flex: 1 0 auto;
19020
- min-width: 100%;
18981
+ .v-card--hover {
18982
+ cursor: pointer;
19021
18983
  }
19022
- .v-btn--disabled {
18984
+ .v-card--hover::before, .v-card--hover::after {
18985
+ border-radius: inherit;
18986
+ bottom: 0;
18987
+ content: "";
18988
+ display: block;
18989
+ left: 0;
19023
18990
  pointer-events: none;
19024
- opacity: 0.26;
19025
- }
19026
- .v-btn--disabled:hover {
19027
- opacity: 0.26;
18991
+ position: absolute;
18992
+ right: 0;
18993
+ top: 0;
18994
+ transition: inherit;
19028
18995
  }
19029
- .v-btn--disabled.v-btn--variant-elevated, .v-btn--disabled.v-btn--variant-flat {
19030
- box-shadow: none;
18996
+ .v-card--hover::before {
19031
18997
  opacity: 1;
19032
- color: rgba(var(--v-theme-on-surface), 0.26);
19033
- background: rgb(var(--v-theme-surface));
19034
- }
19035
- .v-btn--disabled.v-btn--variant-elevated .v-btn__overlay, .v-btn--disabled.v-btn--variant-flat .v-btn__overlay {
19036
- opacity: 0.4615384615;
18998
+ z-index: -1;
19037
18999
  }
19038
- .v-btn--loading {
19039
- pointer-events: none;
19000
+ .v-card--hover::before {
19001
+ box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19040
19002
  }
19041
- .v-btn--loading .v-btn__content,
19042
- .v-btn--loading .v-btn__prepend,
19043
- .v-btn--loading .v-btn__append {
19003
+ .v-card--hover::after {
19004
+ z-index: 1;
19044
19005
  opacity: 0;
19045
19006
  }
19046
- .v-btn--stacked {
19047
- grid-template-areas: "prepend" "content" "append";
19048
- grid-template-columns: auto;
19049
- grid-template-rows: max-content max-content max-content;
19050
- justify-items: center;
19051
- align-content: center;
19052
- }
19053
- .v-btn--stacked .v-btn__content {
19054
- flex-direction: column;
19055
- line-height: 1.25;
19007
+ .v-card--hover::after {
19008
+ 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));
19056
19009
  }
19057
- .v-btn--stacked .v-btn__prepend,
19058
- .v-btn--stacked .v-btn__append,
19059
- .v-btn--stacked .v-btn__content > .v-icon--start,
19060
- .v-btn--stacked .v-btn__content > .v-icon--end {
19061
- margin-inline: 0;
19010
+ .v-card--hover:hover::after {
19011
+ opacity: 1;
19062
19012
  }
19063
- .v-btn--stacked .v-btn__prepend,
19064
- .v-btn--stacked .v-btn__content > .v-icon--start {
19065
- margin-bottom: 4px;
19013
+ .v-card--hover:hover::before {
19014
+ opacity: 0;
19066
19015
  }
19067
- .v-btn--stacked .v-btn__append,
19068
- .v-btn--stacked .v-btn__content > .v-icon--end {
19069
- margin-top: 4px;
19016
+ .v-card--hover:hover {
19017
+ 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));
19070
19018
  }
19071
- .v-btn--stacked.v-btn--size-x-small {
19072
- --v-btn-size: 0.625rem;
19073
- --v-btn-height: 56px;
19074
- font-size: var(--v-btn-size);
19075
- min-width: 56px;
19076
- padding: 0 12px;
19019
+ .v-card--link {
19020
+ cursor: pointer;
19077
19021
  }
19078
19022
 
19079
- .v-btn--stacked.v-btn--size-small {
19080
- --v-btn-size: 0.75rem;
19081
- --v-btn-height: 64px;
19082
- font-size: var(--v-btn-size);
19083
- min-width: 64px;
19084
- padding: 0 14px;
19023
+ .v-card-actions {
19024
+ align-items: center;
19025
+ display: flex;
19026
+ flex: none;
19027
+ min-height: 52px;
19028
+ padding: 0.5rem;
19029
+ gap: 0.5rem;
19085
19030
  }
19086
19031
 
19087
- .v-btn--stacked.v-btn--size-default {
19088
- --v-btn-size: 0.875rem;
19089
- --v-btn-height: 72px;
19090
- font-size: var(--v-btn-size);
19091
- min-width: 72px;
19092
- padding: 0 16px;
19032
+ .v-card-item {
19033
+ align-items: center;
19034
+ display: grid;
19035
+ flex: none;
19036
+ grid-template-areas: "prepend content append";
19037
+ grid-template-columns: max-content auto max-content;
19038
+ padding: 0.625rem 1rem;
19093
19039
  }
19094
-
19095
- .v-btn--stacked.v-btn--size-large {
19096
- --v-btn-size: 1rem;
19097
- --v-btn-height: 80px;
19098
- font-size: var(--v-btn-size);
19099
- min-width: 80px;
19100
- padding: 0 18px;
19040
+ .v-card-item + .v-card-text {
19041
+ padding-top: 0;
19101
19042
  }
19102
-
19103
- .v-btn--stacked.v-btn--size-x-large {
19104
- --v-btn-size: 1.125rem;
19105
- --v-btn-height: 88px;
19106
- font-size: var(--v-btn-size);
19107
- min-width: 88px;
19108
- padding: 0 20px;
19043
+ .v-card-item__prepend, .v-card-item__append {
19044
+ align-items: center;
19045
+ display: flex;
19109
19046
  }
19110
-
19111
- .v-btn--stacked.v-btn--density-default {
19112
- height: calc(var(--v-btn-height) + 0px);
19047
+ .v-card-item__prepend {
19048
+ grid-area: prepend;
19049
+ padding-inline-end: 0.5rem;
19113
19050
  }
19114
-
19115
- .v-btn--stacked.v-btn--density-comfortable {
19116
- height: calc(var(--v-btn-height) + -16px);
19051
+ .v-card-item__append {
19052
+ grid-area: append;
19053
+ padding-inline-start: 0.5rem;
19117
19054
  }
19118
19055
 
19119
- .v-btn--stacked.v-btn--density-compact {
19120
- height: calc(var(--v-btn-height) + -24px);
19056
+ .v-card-item__content {
19057
+ align-self: center;
19058
+ grid-area: content;
19059
+ overflow: hidden;
19121
19060
  }
19122
19061
 
19123
- .v-btn--slim {
19124
- padding: 0 8px;
19125
- }
19126
- .v-btn--readonly {
19127
- pointer-events: none;
19128
- }
19129
- .v-btn--rounded {
19130
- border-radius: 24px;
19062
+ .v-card-title {
19063
+ display: block;
19064
+ flex: none;
19065
+ font-size: 1.25rem;
19066
+ font-weight: 500;
19067
+ -webkit-hyphens: auto;
19068
+ hyphens: auto;
19069
+ letter-spacing: 0.0125em;
19070
+ min-width: 0;
19071
+ overflow-wrap: normal;
19072
+ overflow: hidden;
19073
+ padding: 0.5rem 1rem;
19074
+ text-overflow: ellipsis;
19075
+ text-transform: none;
19076
+ white-space: nowrap;
19077
+ word-break: normal;
19078
+ word-wrap: break-word;
19131
19079
  }
19132
- .v-btn--rounded.v-btn--icon {
19133
- border-radius: 4px;
19080
+ .v-card .v-card-title {
19081
+ line-height: 1.6;
19134
19082
  }
19135
- .v-btn .v-icon {
19136
- --v-icon-size-multiplier: 0.8571428571;
19083
+ .v-card--density-comfortable .v-card-title {
19084
+ line-height: 1.75rem;
19137
19085
  }
19138
- .v-btn--icon .v-icon {
19139
- --v-icon-size-multiplier: 1;
19086
+ .v-card--density-compact .v-card-title {
19087
+ line-height: 1.55rem;
19140
19088
  }
19141
- .v-btn--stacked .v-icon {
19142
- --v-icon-size-multiplier: 1.1428571429;
19089
+ .v-card-item .v-card-title {
19090
+ padding: 0;
19143
19091
  }
19144
- .v-btn--stacked.v-btn--block {
19145
- min-width: 100%;
19092
+ .v-card-title + .v-card-text,
19093
+ .v-card-title + .v-card-actions {
19094
+ padding-top: 0;
19146
19095
  }
19147
19096
 
19148
- .v-btn__loader {
19149
- align-items: center;
19150
- display: flex;
19151
- height: 100%;
19152
- justify-content: center;
19153
- left: 0;
19154
- position: absolute;
19155
- top: 0;
19156
- width: 100%;
19157
- }
19158
- .v-btn__loader > .v-progress-circular {
19159
- width: 1.5em;
19160
- height: 1.5em;
19161
- }
19162
-
19163
- .v-btn__content,
19164
- .v-btn__prepend,
19165
- .v-btn__append {
19166
- align-items: center;
19167
- display: flex;
19168
- transition: transform, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
19097
+ .v-card-subtitle {
19098
+ display: block;
19099
+ flex: none;
19100
+ font-size: 0.875rem;
19101
+ font-weight: 400;
19102
+ letter-spacing: 0.0178571429em;
19103
+ opacity: var(--v-card-subtitle-opacity, var(--v-medium-emphasis-opacity));
19104
+ overflow: hidden;
19105
+ padding: 0 1rem;
19106
+ text-overflow: ellipsis;
19107
+ text-transform: none;
19108
+ white-space: nowrap;
19169
19109
  }
19170
-
19171
- .v-btn__prepend {
19172
- grid-area: prepend;
19173
- margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
19110
+ .v-card .v-card-subtitle {
19111
+ line-height: 1.425;
19174
19112
  }
19175
- .v-btn--slim .v-btn__prepend {
19176
- margin-inline-start: 0;
19113
+ .v-card--density-comfortable .v-card-subtitle {
19114
+ line-height: 1.125rem;
19177
19115
  }
19178
-
19179
- .v-btn__append {
19180
- grid-area: append;
19181
- margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
19116
+ .v-card--density-compact .v-card-subtitle {
19117
+ line-height: 1rem;
19182
19118
  }
19183
- .v-btn--slim .v-btn__append {
19184
- margin-inline-end: 0;
19119
+ .v-card-item .v-card-subtitle {
19120
+ padding: 0 0 0.25rem;
19185
19121
  }
19186
19122
 
19187
- .v-btn__content {
19188
- grid-area: content;
19189
- justify-content: center;
19190
- white-space: nowrap;
19123
+ .v-card-text {
19124
+ flex: 1 1 auto;
19125
+ font-size: 0.875rem;
19126
+ font-weight: 400;
19127
+ letter-spacing: 0.0178571429em;
19128
+ opacity: var(--v-card-text-opacity, 1);
19129
+ padding: 1rem;
19130
+ text-transform: none;
19191
19131
  }
19192
- .v-btn__content > .v-icon--start {
19193
- margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
19132
+ .v-card .v-card-text {
19133
+ line-height: 1.425;
19194
19134
  }
19195
- .v-btn__content > .v-icon--end {
19196
- margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
19135
+ .v-card--density-comfortable .v-card-text {
19136
+ line-height: 1.2rem;
19197
19137
  }
19198
- .v-btn--stacked .v-btn__content {
19199
- white-space: normal;
19138
+ .v-card--density-compact .v-card-text {
19139
+ line-height: 1.15rem;
19200
19140
  }
19201
19141
 
19202
- .v-btn__overlay {
19203
- background-color: currentColor;
19204
- border-radius: inherit;
19205
- opacity: 0;
19206
- transition: opacity 0.2s ease-in-out;
19142
+ .v-card__image {
19143
+ display: flex;
19144
+ height: 100%;
19145
+ flex: 1 1 auto;
19146
+ left: 0;
19147
+ overflow: hidden;
19148
+ position: absolute;
19149
+ top: 0;
19150
+ width: 100%;
19151
+ z-index: -1;
19207
19152
  }
19208
19153
 
19209
- .v-btn__overlay,
19210
- .v-btn__underlay {
19211
- pointer-events: none;
19154
+ .v-card__content {
19155
+ border-radius: inherit;
19156
+ overflow: hidden;
19157
+ position: relative;
19212
19158
  }
19213
- .v-btn__overlay,
19214
- .v-btn__underlay {
19215
- position: absolute;
19159
+
19160
+ .v-card__loader {
19161
+ bottom: auto;
19216
19162
  top: 0;
19217
19163
  left: 0;
19164
+ position: absolute;
19165
+ right: 0;
19218
19166
  width: 100%;
19219
- height: 100%;
19167
+ z-index: 1;
19220
19168
  }
19221
19169
 
19222
- .v-pagination .v-btn {
19170
+ .v-card__overlay {
19171
+ background-color: currentColor;
19172
+ border-radius: inherit;
19173
+ position: absolute;
19174
+ top: 0;
19175
+ right: 0;
19176
+ bottom: 0;
19177
+ left: 0;
19178
+ pointer-events: none;
19179
+ opacity: 0;
19180
+ transition: opacity 0.2s ease-in-out;
19181
+ }.v-btn {
19182
+ align-items: center;
19223
19183
  border-radius: 4px;
19184
+ display: inline-grid;
19185
+ grid-template-areas: "prepend content append";
19186
+ grid-template-columns: max-content auto max-content;
19187
+ font-weight: 500;
19188
+ justify-content: center;
19189
+ letter-spacing: 0.0892857143em;
19190
+ line-height: normal;
19191
+ max-width: 100%;
19192
+ outline: none;
19193
+ position: relative;
19194
+ text-decoration: none;
19195
+ text-indent: 0.0892857143em;
19196
+ text-transform: uppercase;
19197
+ transition-property: box-shadow, transform, opacity, background;
19198
+ transition-duration: 0.28s;
19199
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19200
+ -webkit-user-select: none;
19201
+ user-select: none;
19202
+ vertical-align: middle;
19203
+ flex-shrink: 0;
19224
19204
  }
19225
- .v-pagination .v-btn--rounded {
19226
- border-radius: 50%;
19205
+ .v-btn--size-x-small {
19206
+ --v-btn-size: 0.625rem;
19207
+ --v-btn-height: 20px;
19208
+ font-size: var(--v-btn-size);
19209
+ min-width: 36px;
19210
+ padding: 0 8px;
19227
19211
  }
19228
- .v-btn__overlay {
19229
- transition: none;
19212
+
19213
+ .v-btn--size-small {
19214
+ --v-btn-size: 0.75rem;
19215
+ --v-btn-height: 28px;
19216
+ font-size: var(--v-btn-size);
19217
+ min-width: 50px;
19218
+ padding: 0 12px;
19230
19219
  }
19231
- .v-pagination__item--is-active .v-btn__overlay {
19232
- opacity: var(--v-border-opacity);
19233
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
19234
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19220
+
19221
+ .v-btn--size-default {
19222
+ --v-btn-size: 0.875rem;
19223
+ --v-btn-height: 36px;
19224
+ font-size: var(--v-btn-size);
19225
+ min-width: 64px;
19226
+ padding: 0 16px;
19235
19227
  }
19236
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
19237
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19228
+
19229
+ .v-btn--size-large {
19230
+ --v-btn-size: 1rem;
19231
+ --v-btn-height: 44px;
19232
+ font-size: var(--v-btn-size);
19233
+ min-width: 78px;
19234
+ padding: 0 20px;
19238
19235
  }
19239
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
19240
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19236
+
19237
+ .v-btn--size-x-large {
19238
+ --v-btn-size: 1.125rem;
19239
+ --v-btn-height: 52px;
19240
+ font-size: var(--v-btn-size);
19241
+ min-width: 92px;
19242
+ padding: 0 24px;
19241
19243
  }
19242
- @supports not selector(:focus-visible) {
19243
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
19244
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19245
- }
19246
- }.v-btn-group {
19247
- display: inline-flex;
19248
- flex-wrap: nowrap;
19249
- max-width: 100%;
19250
- min-width: 0;
19251
- overflow: hidden;
19252
- vertical-align: middle;
19244
+
19245
+ .v-btn.v-btn--density-default {
19246
+ height: calc(var(--v-btn-height) + 0px);
19253
19247
  }
19254
- .v-btn-group {
19248
+
19249
+ .v-btn.v-btn--density-comfortable {
19250
+ height: calc(var(--v-btn-height) + -8px);
19251
+ }
19252
+
19253
+ .v-btn.v-btn--density-compact {
19254
+ height: calc(var(--v-btn-height) + -12px);
19255
+ }
19256
+
19257
+ .v-btn {
19255
19258
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19256
19259
  border-style: solid;
19257
19260
  border-width: 0;
19258
19261
  }
19259
- .v-btn-group--border {
19262
+ .v-btn--border {
19260
19263
  border-width: thin;
19261
19264
  box-shadow: none;
19262
19265
  }
19263
- .v-btn-group {
19264
- 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));
19266
+ .v-btn--absolute {
19267
+ position: absolute;
19265
19268
  }
19266
- .v-btn-group {
19267
- border-radius: 4px;
19269
+ .v-btn--fixed {
19270
+ position: fixed;
19268
19271
  }
19269
- .v-btn-group {
19270
- background: transparent;
19271
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19272
+ .v-btn:hover > .v-btn__overlay {
19273
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
19272
19274
  }
19273
- .v-btn-group--density-default.v-btn-group {
19274
- height: 48px;
19275
+ .v-btn:focus-visible > .v-btn__overlay {
19276
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19275
19277
  }
19276
-
19277
- .v-btn-group--density-comfortable.v-btn-group {
19278
- height: 40px;
19278
+ @supports not selector(:focus-visible) {
19279
+ .v-btn:focus > .v-btn__overlay {
19280
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19281
+ }
19279
19282
  }
19280
-
19281
- .v-btn-group--density-compact.v-btn-group {
19282
- height: 36px;
19283
+ .v-btn--active > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true] > .v-btn__overlay {
19284
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19283
19285
  }
19284
-
19285
- .v-btn-group .v-btn {
19286
- border-radius: 0;
19287
- border-color: inherit;
19286
+ .v-btn--active:hover > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:hover > .v-btn__overlay {
19287
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19288
19288
  }
19289
- .v-btn-group .v-btn:not(:last-child) {
19290
- border-inline-end: none;
19289
+ .v-btn--active:focus-visible > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-btn__overlay {
19290
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19291
19291
  }
19292
- .v-btn-group .v-btn:not(:first-child) {
19293
- border-inline-start: none;
19292
+ @supports not selector(:focus-visible) {
19293
+ .v-btn--active:focus > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-btn__overlay {
19294
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19295
+ }
19294
19296
  }
19295
- .v-btn-group .v-btn:first-child {
19296
- border-start-start-radius: inherit;
19297
- border-end-start-radius: inherit;
19297
+ .v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-tonal {
19298
+ background: transparent;
19299
+ color: inherit;
19298
19300
  }
19299
- .v-btn-group .v-btn:last-child {
19300
- border-start-end-radius: inherit;
19301
- border-end-end-radius: inherit;
19302
- }
19303
- .v-btn-group--divided .v-btn:not(:last-child) {
19304
- border-inline-end-width: thin;
19305
- border-inline-end-style: solid;
19306
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
19307
- }
19308
- .v-btn-group--tile {
19309
- border-radius: 0;
19310
- }.v-card {
19311
- display: block;
19312
- overflow: hidden;
19313
- overflow-wrap: break-word;
19314
- position: relative;
19315
- padding: 0;
19316
- text-decoration: none;
19317
- transition-duration: 0.28s;
19318
- transition-property: box-shadow, opacity, background;
19319
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19320
- z-index: 0;
19321
- }
19322
- .v-card {
19323
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19324
- border-style: solid;
19325
- border-width: 0;
19326
- }
19327
- .v-card--border {
19328
- border-width: thin;
19329
- box-shadow: none;
19330
- }
19331
- .v-card--absolute {
19332
- position: absolute;
19333
- }
19334
- .v-card--fixed {
19335
- position: fixed;
19336
- }
19337
- .v-card {
19338
- border-radius: 4px;
19339
- }
19340
- .v-card:hover > .v-card__overlay {
19341
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
19342
- }
19343
- .v-card:focus-visible > .v-card__overlay {
19344
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19345
- }
19346
- @supports not selector(:focus-visible) {
19347
- .v-card:focus > .v-card__overlay {
19348
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19349
- }
19350
- }
19351
- .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
19352
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19353
- }
19354
- .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
19355
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19356
- }
19357
- .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
19358
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19359
- }
19360
- @supports not selector(:focus-visible) {
19361
- .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
19362
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19363
- }
19364
- }
19365
- .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
19366
- background: transparent;
19367
- color: inherit;
19368
- }
19369
- .v-card--variant-plain {
19301
+ .v-btn--variant-plain {
19370
19302
  opacity: 0.62;
19371
19303
  }
19372
- .v-card--variant-plain:focus, .v-card--variant-plain:hover {
19304
+ .v-btn--variant-plain:focus, .v-btn--variant-plain:hover {
19373
19305
  opacity: 1;
19374
19306
  }
19375
- .v-card--variant-plain .v-card__overlay {
19307
+ .v-btn--variant-plain .v-btn__overlay {
19376
19308
  display: none;
19377
19309
  }
19378
- .v-card--variant-elevated, .v-card--variant-flat {
19310
+ .v-btn--variant-elevated, .v-btn--variant-flat {
19379
19311
  background: rgb(var(--v-theme-surface));
19380
19312
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19381
19313
  }
19382
- .v-card--variant-elevated {
19383
- box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19314
+ .v-btn--variant-elevated {
19315
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19384
19316
  }
19385
- .v-card--variant-flat {
19317
+ .v-btn--variant-flat {
19386
19318
  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));
19387
19319
  }
19388
- .v-card--variant-outlined {
19320
+ .v-btn--variant-outlined {
19389
19321
  border: thin solid currentColor;
19390
19322
  }
19391
- .v-card--variant-text .v-card__overlay {
19323
+ .v-btn--variant-text .v-btn__overlay {
19392
19324
  background: currentColor;
19393
19325
  }
19394
- .v-card--variant-tonal .v-card__underlay {
19326
+ .v-btn--variant-tonal .v-btn__underlay {
19395
19327
  background: currentColor;
19396
19328
  opacity: var(--v-activated-opacity);
19397
19329
  border-radius: inherit;
@@ -19401,220 +19333,288 @@ html.overflow-y-hidden {
19401
19333
  left: 0;
19402
19334
  pointer-events: none;
19403
19335
  }
19404
- .v-card .v-card__underlay {
19336
+ .v-btn .v-btn__underlay {
19405
19337
  position: absolute;
19406
19338
  }
19407
- .v-card--disabled {
19408
- pointer-events: none;
19409
- -webkit-user-select: none;
19410
- user-select: none;
19339
+ @supports selector(:focus-visible) {
19340
+ .v-btn::after {
19341
+ pointer-events: none;
19342
+ border: 2px solid currentColor;
19343
+ border-radius: inherit;
19344
+ opacity: 0;
19345
+ transition: opacity 0.2s ease-in-out;
19346
+ }
19347
+ .v-btn::after {
19348
+ content: "";
19349
+ position: absolute;
19350
+ top: 0;
19351
+ left: 0;
19352
+ width: 100%;
19353
+ height: 100%;
19354
+ }
19355
+ .v-btn:focus-visible::after {
19356
+ opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
19357
+ }
19411
19358
  }
19412
- .v-card--disabled > :not(.v-card__loader) {
19413
- opacity: 0.6;
19359
+ .v-btn--icon {
19360
+ border-radius: 50%;
19361
+ min-width: 0;
19362
+ padding: 0;
19414
19363
  }
19415
- .v-card--flat {
19364
+ .v-btn--icon.v-btn--size-default {
19365
+ --v-btn-size: 1rem;
19366
+ }
19367
+ .v-btn--icon.v-btn--density-default {
19368
+ width: calc(var(--v-btn-height) + 12px);
19369
+ height: calc(var(--v-btn-height) + 12px);
19370
+ }
19371
+ .v-btn--icon.v-btn--density-comfortable {
19372
+ width: calc(var(--v-btn-height) + 0px);
19373
+ height: calc(var(--v-btn-height) + 0px);
19374
+ }
19375
+ .v-btn--icon.v-btn--density-compact {
19376
+ width: calc(var(--v-btn-height) + -8px);
19377
+ height: calc(var(--v-btn-height) + -8px);
19378
+ }
19379
+
19380
+ .v-btn--elevated:hover, .v-btn--elevated:focus {
19381
+ 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));
19382
+ }
19383
+ .v-btn--elevated:active {
19384
+ 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));
19385
+ }
19386
+ .v-btn--flat {
19416
19387
  box-shadow: none;
19417
19388
  }
19418
- .v-card--hover {
19419
- cursor: pointer;
19389
+ .v-btn--block {
19390
+ display: flex;
19391
+ flex: 1 0 auto;
19392
+ min-width: 100%;
19420
19393
  }
19421
- .v-card--hover::before, .v-card--hover::after {
19422
- border-radius: inherit;
19423
- bottom: 0;
19424
- content: "";
19425
- display: block;
19426
- left: 0;
19394
+ .v-btn--disabled {
19427
19395
  pointer-events: none;
19428
- position: absolute;
19429
- right: 0;
19430
- top: 0;
19431
- transition: inherit;
19396
+ opacity: 0.26;
19432
19397
  }
19433
- .v-card--hover::before {
19398
+ .v-btn--disabled:hover {
19399
+ opacity: 0.26;
19400
+ }
19401
+ .v-btn--disabled.v-btn--variant-elevated, .v-btn--disabled.v-btn--variant-flat {
19402
+ box-shadow: none;
19434
19403
  opacity: 1;
19435
- z-index: -1;
19404
+ color: rgba(var(--v-theme-on-surface), 0.26);
19405
+ background: rgb(var(--v-theme-surface));
19436
19406
  }
19437
- .v-card--hover::before {
19438
- box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19407
+ .v-btn--disabled.v-btn--variant-elevated .v-btn__overlay, .v-btn--disabled.v-btn--variant-flat .v-btn__overlay {
19408
+ opacity: 0.4615384615;
19439
19409
  }
19440
- .v-card--hover::after {
19441
- z-index: 1;
19410
+ .v-btn--loading {
19411
+ pointer-events: none;
19412
+ }
19413
+ .v-btn--loading .v-btn__content,
19414
+ .v-btn--loading .v-btn__prepend,
19415
+ .v-btn--loading .v-btn__append {
19442
19416
  opacity: 0;
19443
19417
  }
19444
- .v-card--hover::after {
19445
- 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));
19418
+ .v-btn--stacked {
19419
+ grid-template-areas: "prepend" "content" "append";
19420
+ grid-template-columns: auto;
19421
+ grid-template-rows: max-content max-content max-content;
19422
+ justify-items: center;
19423
+ align-content: center;
19446
19424
  }
19447
- .v-card--hover:hover::after {
19448
- opacity: 1;
19425
+ .v-btn--stacked .v-btn__content {
19426
+ flex-direction: column;
19427
+ line-height: 1.25;
19449
19428
  }
19450
- .v-card--hover:hover::before {
19451
- opacity: 0;
19429
+ .v-btn--stacked .v-btn__prepend,
19430
+ .v-btn--stacked .v-btn__append,
19431
+ .v-btn--stacked .v-btn__content > .v-icon--start,
19432
+ .v-btn--stacked .v-btn__content > .v-icon--end {
19433
+ margin-inline: 0;
19452
19434
  }
19453
- .v-card--hover:hover {
19454
- 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));
19435
+ .v-btn--stacked .v-btn__prepend,
19436
+ .v-btn--stacked .v-btn__content > .v-icon--start {
19437
+ margin-bottom: 4px;
19455
19438
  }
19456
- .v-card--link {
19457
- cursor: pointer;
19439
+ .v-btn--stacked .v-btn__append,
19440
+ .v-btn--stacked .v-btn__content > .v-icon--end {
19441
+ margin-top: 4px;
19442
+ }
19443
+ .v-btn--stacked.v-btn--size-x-small {
19444
+ --v-btn-size: 0.625rem;
19445
+ --v-btn-height: 56px;
19446
+ font-size: var(--v-btn-size);
19447
+ min-width: 56px;
19448
+ padding: 0 12px;
19458
19449
  }
19459
19450
 
19460
- .v-card-actions {
19461
- align-items: center;
19462
- display: flex;
19463
- flex: none;
19464
- min-height: 52px;
19465
- padding: 0.5rem;
19466
- gap: 0.5rem;
19451
+ .v-btn--stacked.v-btn--size-small {
19452
+ --v-btn-size: 0.75rem;
19453
+ --v-btn-height: 64px;
19454
+ font-size: var(--v-btn-size);
19455
+ min-width: 64px;
19456
+ padding: 0 14px;
19467
19457
  }
19468
19458
 
19469
- .v-card-item {
19470
- align-items: center;
19471
- display: grid;
19472
- flex: none;
19473
- grid-template-areas: "prepend content append";
19474
- grid-template-columns: max-content auto max-content;
19475
- padding: 0.625rem 1rem;
19459
+ .v-btn--stacked.v-btn--size-default {
19460
+ --v-btn-size: 0.875rem;
19461
+ --v-btn-height: 72px;
19462
+ font-size: var(--v-btn-size);
19463
+ min-width: 72px;
19464
+ padding: 0 16px;
19476
19465
  }
19477
- .v-card-item + .v-card-text {
19478
- padding-top: 0;
19466
+
19467
+ .v-btn--stacked.v-btn--size-large {
19468
+ --v-btn-size: 1rem;
19469
+ --v-btn-height: 80px;
19470
+ font-size: var(--v-btn-size);
19471
+ min-width: 80px;
19472
+ padding: 0 18px;
19479
19473
  }
19480
- .v-card-item__prepend, .v-card-item__append {
19481
- align-items: center;
19482
- display: flex;
19474
+
19475
+ .v-btn--stacked.v-btn--size-x-large {
19476
+ --v-btn-size: 1.125rem;
19477
+ --v-btn-height: 88px;
19478
+ font-size: var(--v-btn-size);
19479
+ min-width: 88px;
19480
+ padding: 0 20px;
19483
19481
  }
19484
- .v-card-item__prepend {
19485
- grid-area: prepend;
19486
- padding-inline-end: 0.5rem;
19482
+
19483
+ .v-btn--stacked.v-btn--density-default {
19484
+ height: calc(var(--v-btn-height) + 0px);
19487
19485
  }
19488
- .v-card-item__append {
19489
- grid-area: append;
19490
- padding-inline-start: 0.5rem;
19486
+
19487
+ .v-btn--stacked.v-btn--density-comfortable {
19488
+ height: calc(var(--v-btn-height) + -16px);
19491
19489
  }
19492
19490
 
19493
- .v-card-item__content {
19494
- align-self: center;
19495
- grid-area: content;
19496
- overflow: hidden;
19491
+ .v-btn--stacked.v-btn--density-compact {
19492
+ height: calc(var(--v-btn-height) + -24px);
19497
19493
  }
19498
19494
 
19499
- .v-card-title {
19500
- display: block;
19501
- flex: none;
19502
- font-size: 1.25rem;
19503
- font-weight: 500;
19504
- -webkit-hyphens: auto;
19505
- hyphens: auto;
19506
- letter-spacing: 0.0125em;
19507
- min-width: 0;
19508
- overflow-wrap: normal;
19509
- overflow: hidden;
19510
- padding: 0.5rem 1rem;
19511
- text-overflow: ellipsis;
19512
- text-transform: none;
19513
- white-space: nowrap;
19514
- word-break: normal;
19515
- word-wrap: break-word;
19495
+ .v-btn--slim {
19496
+ padding: 0 8px;
19516
19497
  }
19517
- .v-card .v-card-title {
19518
- line-height: 1.6;
19498
+ .v-btn--readonly {
19499
+ pointer-events: none;
19519
19500
  }
19520
- .v-card--density-comfortable .v-card-title {
19521
- line-height: 1.75rem;
19501
+ .v-btn--rounded {
19502
+ border-radius: 24px;
19522
19503
  }
19523
- .v-card--density-compact .v-card-title {
19524
- line-height: 1.55rem;
19504
+ .v-btn--rounded.v-btn--icon {
19505
+ border-radius: 4px;
19525
19506
  }
19526
- .v-card-item .v-card-title {
19527
- padding: 0;
19507
+ .v-btn .v-icon {
19508
+ --v-icon-size-multiplier: 0.8571428571;
19528
19509
  }
19529
- .v-card-title + .v-card-text,
19530
- .v-card-title + .v-card-actions {
19531
- padding-top: 0;
19510
+ .v-btn--icon .v-icon {
19511
+ --v-icon-size-multiplier: 1;
19512
+ }
19513
+ .v-btn--stacked .v-icon {
19514
+ --v-icon-size-multiplier: 1.1428571429;
19515
+ }
19516
+ .v-btn--stacked.v-btn--block {
19517
+ min-width: 100%;
19532
19518
  }
19533
19519
 
19534
- .v-card-subtitle {
19535
- display: block;
19536
- flex: none;
19537
- font-size: 0.875rem;
19538
- font-weight: 400;
19539
- letter-spacing: 0.0178571429em;
19540
- opacity: var(--v-card-subtitle-opacity, var(--v-medium-emphasis-opacity));
19541
- overflow: hidden;
19542
- padding: 0 1rem;
19543
- text-overflow: ellipsis;
19544
- text-transform: none;
19545
- white-space: nowrap;
19520
+ .v-btn__loader {
19521
+ align-items: center;
19522
+ display: flex;
19523
+ height: 100%;
19524
+ justify-content: center;
19525
+ left: 0;
19526
+ position: absolute;
19527
+ top: 0;
19528
+ width: 100%;
19546
19529
  }
19547
- .v-card .v-card-subtitle {
19548
- line-height: 1.425;
19530
+ .v-btn__loader > .v-progress-circular {
19531
+ width: 1.5em;
19532
+ height: 1.5em;
19549
19533
  }
19550
- .v-card--density-comfortable .v-card-subtitle {
19551
- line-height: 1.125rem;
19534
+
19535
+ .v-btn__content,
19536
+ .v-btn__prepend,
19537
+ .v-btn__append {
19538
+ align-items: center;
19539
+ display: flex;
19540
+ transition: transform, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
19552
19541
  }
19553
- .v-card--density-compact .v-card-subtitle {
19554
- line-height: 1rem;
19542
+
19543
+ .v-btn__prepend {
19544
+ grid-area: prepend;
19545
+ margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
19555
19546
  }
19556
- .v-card-item .v-card-subtitle {
19557
- padding: 0 0 0.25rem;
19547
+ .v-btn--slim .v-btn__prepend {
19548
+ margin-inline-start: 0;
19558
19549
  }
19559
19550
 
19560
- .v-card-text {
19561
- flex: 1 1 auto;
19562
- font-size: 0.875rem;
19563
- font-weight: 400;
19564
- letter-spacing: 0.0178571429em;
19565
- opacity: var(--v-card-text-opacity, 1);
19566
- padding: 1rem;
19567
- text-transform: none;
19551
+ .v-btn__append {
19552
+ grid-area: append;
19553
+ margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
19568
19554
  }
19569
- .v-card .v-card-text {
19570
- line-height: 1.425;
19555
+ .v-btn--slim .v-btn__append {
19556
+ margin-inline-end: 0;
19571
19557
  }
19572
- .v-card--density-comfortable .v-card-text {
19573
- line-height: 1.2rem;
19558
+
19559
+ .v-btn__content {
19560
+ grid-area: content;
19561
+ justify-content: center;
19562
+ white-space: nowrap;
19574
19563
  }
19575
- .v-card--density-compact .v-card-text {
19576
- line-height: 1.15rem;
19564
+ .v-btn__content > .v-icon--start {
19565
+ margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
19566
+ }
19567
+ .v-btn__content > .v-icon--end {
19568
+ margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
19569
+ }
19570
+ .v-btn--stacked .v-btn__content {
19571
+ white-space: normal;
19577
19572
  }
19578
19573
 
19579
- .v-card__image {
19580
- display: flex;
19581
- height: 100%;
19582
- flex: 1 1 auto;
19583
- left: 0;
19584
- overflow: hidden;
19574
+ .v-btn__overlay {
19575
+ background-color: currentColor;
19576
+ border-radius: inherit;
19577
+ opacity: 0;
19578
+ transition: opacity 0.2s ease-in-out;
19579
+ }
19580
+
19581
+ .v-btn__overlay,
19582
+ .v-btn__underlay {
19583
+ pointer-events: none;
19584
+ }
19585
+ .v-btn__overlay,
19586
+ .v-btn__underlay {
19585
19587
  position: absolute;
19586
19588
  top: 0;
19589
+ left: 0;
19587
19590
  width: 100%;
19588
- z-index: -1;
19591
+ height: 100%;
19589
19592
  }
19590
19593
 
19591
- .v-card__content {
19592
- border-radius: inherit;
19593
- overflow: hidden;
19594
- position: relative;
19594
+ .v-pagination .v-btn {
19595
+ border-radius: 4px;
19596
+ }
19597
+ .v-pagination .v-btn--rounded {
19598
+ border-radius: 50%;
19599
+ }
19600
+ .v-btn__overlay {
19601
+ transition: none;
19602
+ }
19603
+ .v-pagination__item--is-active .v-btn__overlay {
19604
+ opacity: var(--v-border-opacity);
19605
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
19606
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19595
19607
  }
19596
-
19597
- .v-card__loader {
19598
- bottom: auto;
19599
- top: 0;
19600
- left: 0;
19601
- position: absolute;
19602
- right: 0;
19603
- width: 100%;
19604
- z-index: 1;
19608
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
19609
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19605
19610
  }
19606
-
19607
- .v-card__overlay {
19608
- background-color: currentColor;
19609
- border-radius: inherit;
19610
- position: absolute;
19611
- top: 0;
19612
- right: 0;
19613
- bottom: 0;
19614
- left: 0;
19615
- pointer-events: none;
19616
- opacity: 0;
19617
- transition: opacity 0.2s ease-in-out;
19611
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
19612
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19613
+ }
19614
+ @supports not selector(:focus-visible) {
19615
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
19616
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19617
+ }
19618
19618
  }.v-carousel {
19619
19619
  overflow: hidden;
19620
19620
  position: relative;
@@ -19680,11 +19680,6 @@ html.overflow-y-hidden {
19680
19680
  flex-direction: column;
19681
19681
  height: 100% !important;
19682
19682
  width: 50px;
19683
- }.v-checkbox.v-input {
19684
- flex: 0 1 auto;
19685
- }
19686
- .v-checkbox .v-selection-control {
19687
- min-height: var(--v-input-control-height);
19688
19683
  }.v-chip {
19689
19684
  align-items: center;
19690
19685
  display: inline-flex;
@@ -20121,6 +20116,11 @@ html.overflow-y-hidden {
20121
20116
  white-space: normal;
20122
20117
  flex-wrap: wrap;
20123
20118
  max-width: 100%;
20119
+ }.v-checkbox.v-input {
20120
+ flex: 0 1 auto;
20121
+ }
20122
+ .v-checkbox .v-selection-control {
20123
+ min-height: var(--v-input-control-height);
20124
20124
  }.v-color-picker {
20125
20125
  align-self: flex-start;
20126
20126
  contain: content;
@@ -20143,6 +20143,11 @@ html.overflow-y-hidden {
20143
20143
  }
20144
20144
  .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20145
20145
  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));
20146
+ }.v-counter {
20147
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20148
+ flex: 0 1 auto;
20149
+ font-size: 12px;
20150
+ transition-duration: 150ms;
20146
20151
  }.v-combobox .v-field .v-text-field__prefix,
20147
20152
  .v-combobox .v-field .v-text-field__suffix,
20148
20153
  .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
@@ -20190,260 +20195,44 @@ html.overflow-y-hidden {
20190
20195
  margin-inline-start: 0;
20191
20196
  }
20192
20197
  .v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
20193
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
20194
- .v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
20195
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20196
- top: 0px;
20197
- }
20198
- .v-combobox--selecting-index .v-combobox__selection {
20199
- opacity: var(--v-medium-emphasis-opacity);
20200
- }
20201
- .v-combobox--selecting-index .v-combobox__selection--selected {
20202
- opacity: 1;
20203
- }
20204
- .v-combobox--selecting-index .v-field__input > input {
20205
- caret-color: transparent;
20206
- }
20207
- .v-combobox--single:not(.v-combobox--selection-slot).v-text-field input {
20208
- flex: 1 1;
20209
- position: absolute;
20210
- left: 0;
20211
- right: 0;
20212
- width: 100%;
20213
- padding-inline: inherit;
20214
- }
20215
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--active input {
20216
- transition: none;
20217
- }
20218
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--dirty:not(.v-field--focused) input {
20219
- opacity: 0;
20220
- }
20221
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--focused .v-combobox__selection {
20222
- opacity: 0;
20223
- }
20224
- .v-combobox__menu-icon {
20225
- margin-inline-start: 4px;
20226
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
20227
- }
20228
- .v-combobox--active-menu .v-combobox__menu-icon {
20229
- opacity: var(--v-high-emphasis-opacity);
20230
- transform: rotate(180deg);
20231
- }.v-counter {
20232
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20233
- flex: 0 1 auto;
20234
- font-size: 12px;
20235
- transition-duration: 150ms;
20236
- }.v-date-picker {
20237
- overflow: hidden;
20238
- width: 328px;
20239
- }
20240
- .v-date-picker--show-week {
20241
- width: 368px;
20242
- }.v-date-picker-controls {
20243
- display: flex;
20244
- align-items: center;
20245
- justify-content: space-between;
20246
- font-size: 0.875rem;
20247
- padding-top: 4px;
20248
- padding-bottom: 4px;
20249
- padding-inline-start: 6px;
20250
- padding-inline-end: 12px;
20251
- }
20252
- .v-date-picker-controls > .v-btn:first-child {
20253
- text-transform: none;
20254
- font-weight: 400;
20255
- line-height: initial;
20256
- letter-spacing: initial;
20257
- }
20258
- .v-date-picker-controls--variant-classic {
20259
- padding-inline-start: 12px;
20260
- }
20261
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20262
- opacity: 0.7;
20263
- }
20264
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20265
- cursor: pointer;
20266
- }
20267
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20268
- opacity: 1;
20269
- }
20270
- .v-date-picker-controls .v-btn:last-child {
20271
- margin-inline-start: 4px;
20272
- }
20273
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20274
- transform: rotate(180deg);
20275
- }
20276
-
20277
- .v-date-picker-controls__date {
20278
- margin-inline-end: 4px;
20279
- }
20280
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20281
- margin: auto;
20282
- text-align: center;
20283
- }
20284
-
20285
- .v-date-picker-controls__month {
20286
- display: flex;
20287
- }
20288
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20289
- flex-direction: row-reverse;
20290
- }
20291
-
20292
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20293
- flex: 1 0 auto;
20294
- }
20295
-
20296
- .v-date-picker__title {
20297
- display: inline-block;
20298
- }.v-date-picker-months {
20299
- height: 288px;
20300
- }
20301
-
20302
- .v-date-picker-months__content {
20303
- align-items: center;
20304
- display: grid;
20305
- flex: 1 1;
20306
- height: inherit;
20307
- justify-content: space-around;
20308
- grid-template-columns: repeat(2, 1fr);
20309
- grid-gap: 0px 24px;
20310
- padding-inline-start: 36px;
20311
- padding-inline-end: 36px;
20312
- }
20313
- .v-date-picker-months__content .v-btn {
20314
- text-transform: none;
20315
- padding-inline-start: 8px;
20316
- padding-inline-end: 8px;
20317
- }.v-date-picker-header {
20318
- align-items: flex-end;
20319
- height: 70px;
20320
- display: grid;
20321
- grid-template-areas: "prepend content append";
20322
- grid-template-columns: min-content minmax(0, 1fr) min-content;
20323
- overflow: hidden;
20324
- padding-inline: 24px 12px;
20325
- padding-bottom: 12px;
20326
- }
20327
-
20328
- .v-date-picker-header__append {
20329
- grid-area: append;
20330
- }
20331
-
20332
- .v-date-picker-header__prepend {
20333
- grid-area: prepend;
20334
- padding-inline-start: 8px;
20335
- }
20336
-
20337
- .v-date-picker-header__content {
20338
- align-items: center;
20339
- display: inline-flex;
20340
- font-size: 32px;
20341
- line-height: 40px;
20342
- grid-area: content;
20343
- justify-content: space-between;
20344
- }
20345
- .v-date-picker-header--clickable .v-date-picker-header__content {
20346
- cursor: pointer;
20347
- }
20348
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20349
- opacity: 0.7;
20350
- }
20351
-
20352
- .date-picker-header-transition-enter-active,
20353
- .date-picker-header-reverse-transition-enter-active {
20354
- transition-duration: 0.3s;
20355
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20356
- }
20357
- .date-picker-header-transition-leave-active,
20358
- .date-picker-header-reverse-transition-leave-active {
20359
- transition-duration: 0.3s;
20360
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20361
- }
20362
-
20363
- .date-picker-header-transition-enter-from {
20364
- transform: translate(0, 100%);
20365
- }
20366
- .date-picker-header-transition-leave-to {
20367
- opacity: 0;
20368
- transform: translate(0, -100%);
20369
- }
20370
-
20371
- .date-picker-header-reverse-transition-enter-from {
20372
- transform: translate(0, -100%);
20373
- }
20374
- .date-picker-header-reverse-transition-leave-to {
20375
- opacity: 0;
20376
- transform: translate(0, 100%);
20377
- }.v-date-picker-month {
20378
- display: flex;
20379
- justify-content: center;
20380
- padding: 0 12px 8px;
20381
- --v-date-picker-month-day-diff: 4px;
20382
- }
20383
-
20384
- .v-date-picker-month__weeks {
20385
- display: grid;
20386
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20387
- column-gap: 4px;
20388
- font-size: 0.85rem;
20389
- }
20390
- .v-date-picker-month__weeks + .v-date-picker-month__days {
20391
- grid-row-gap: 0;
20392
- }
20393
-
20394
- .v-date-picker-month__weekday {
20395
- font-size: 0.85rem;
20396
- }
20397
-
20398
- .v-date-picker-month__days {
20399
- display: grid;
20400
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20401
- column-gap: 4px;
20402
- flex: 1 1;
20403
- justify-content: space-around;
20198
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
20199
+ .v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
20200
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20201
+ top: 0px;
20404
20202
  }
20405
-
20406
- .v-date-picker-month__day {
20407
- align-items: center;
20408
- display: flex;
20409
- justify-content: center;
20410
- position: relative;
20411
- height: 40px;
20412
- width: 40px;
20203
+ .v-combobox--selecting-index .v-combobox__selection {
20204
+ opacity: var(--v-medium-emphasis-opacity);
20413
20205
  }
20414
- .v-date-picker-month__day--selected .v-btn {
20415
- background-color: rgb(var(--v-theme-surface-variant));
20416
- color: rgb(var(--v-theme-on-surface-variant));
20206
+ .v-combobox--selecting-index .v-combobox__selection--selected {
20207
+ opacity: 1;
20417
20208
  }
20418
- .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20419
- --v-btn-height: 24px;
20420
- --v-btn-size: 0.85rem;
20209
+ .v-combobox--selecting-index .v-field__input > input {
20210
+ caret-color: transparent;
20421
20211
  }
20422
- .v-date-picker-month__day--week {
20423
- font-size: var(--v-btn-size);
20212
+ .v-combobox--single:not(.v-combobox--selection-slot).v-text-field input {
20213
+ flex: 1 1;
20214
+ position: absolute;
20215
+ left: 0;
20216
+ right: 0;
20217
+ width: 100%;
20218
+ padding-inline: inherit;
20424
20219
  }
20425
-
20426
- .v-date-picker-month__day--adjacent {
20427
- opacity: 0.5;
20220
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--active input {
20221
+ transition: none;
20428
20222
  }
20429
-
20430
- .v-date-picker-month__day--hide-adjacent {
20223
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--dirty:not(.v-field--focused) input {
20431
20224
  opacity: 0;
20432
- }.v-date-picker-years {
20433
- height: 288px;
20434
- overflow-y: scroll;
20435
20225
  }
20436
-
20437
- .v-date-picker-years__content {
20438
- display: grid;
20439
- flex: 1 1;
20440
- justify-content: space-around;
20441
- grid-template-columns: repeat(3, 1fr);
20442
- gap: 8px 24px;
20443
- padding-inline: 32px;
20226
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--focused .v-combobox__selection {
20227
+ opacity: 0;
20444
20228
  }
20445
- .v-date-picker-years__content .v-btn {
20446
- padding-inline: 8px;
20229
+ .v-combobox__menu-icon {
20230
+ margin-inline-start: 4px;
20231
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
20232
+ }
20233
+ .v-combobox--active-menu .v-combobox__menu-icon {
20234
+ opacity: var(--v-high-emphasis-opacity);
20235
+ transform: rotate(180deg);
20447
20236
  }.v-data-table {
20448
20237
  width: 100%;
20449
20238
  }
@@ -20540,128 +20329,339 @@ html.overflow-y-hidden {
20540
20329
  z-index: 1;
20541
20330
  }
20542
20331
 
20543
- .v-data-table-column--last-fixed {
20544
- border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
20332
+ .v-data-table-column--last-fixed {
20333
+ border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
20334
+ }
20335
+
20336
+ .v-data-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th.v-data-table-column--fixed {
20337
+ z-index: 2;
20338
+ }
20339
+
20340
+ .v-data-table-group-header-row td {
20341
+ background: rgba(var(--v-theme-surface));
20342
+ color: rgba(var(--v-theme-on-surface));
20343
+ }
20344
+ .v-data-table-group-header-row td > span {
20345
+ padding-left: 5px;
20346
+ }
20347
+
20348
+ .v-data-table--loading .v-data-table__td {
20349
+ opacity: var(--v-disabled-opacity);
20350
+ }
20351
+
20352
+ .v-data-table-group-header-row__column {
20353
+ padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
20354
+ }
20355
+
20356
+ .v-data-table-header__content {
20357
+ display: flex;
20358
+ align-items: center;
20359
+ }
20360
+
20361
+ .v-data-table-header__sort-badge {
20362
+ display: inline-flex;
20363
+ justify-content: center;
20364
+ align-items: center;
20365
+ font-size: 0.875rem;
20366
+ padding: 4px;
20367
+ border-radius: 50%;
20368
+ background: rgba(var(--v-border-color), var(--v-border-opacity));
20369
+ min-width: 20px;
20370
+ min-height: 20px;
20371
+ width: 20px;
20372
+ height: 20px;
20373
+ }
20374
+
20375
+ .v-data-table-progress > th {
20376
+ border: none !important;
20377
+ height: auto !important;
20378
+ padding: 0 !important;
20379
+ }
20380
+
20381
+ .v-data-table-progress__loader {
20382
+ position: relative;
20383
+ }
20384
+
20385
+ .v-data-table-rows-loading,
20386
+ .v-data-table-rows-no-data {
20387
+ text-align: center;
20388
+ }
20389
+
20390
+ .v-data-table__tr--mobile > .v-data-table__td--expanded-row {
20391
+ grid-template-columns: 0;
20392
+ justify-content: center;
20393
+ }
20394
+ .v-data-table__tr--mobile > .v-data-table__td--select-row {
20395
+ grid-template-columns: 0;
20396
+ justify-content: end;
20397
+ }
20398
+ .v-data-table__tr--mobile > td {
20399
+ align-items: center;
20400
+ column-gap: 4px;
20401
+ display: grid;
20402
+ grid-template-columns: repeat(2, 1fr);
20403
+ min-height: var(--v-table-row-height);
20404
+ }
20405
+ .v-data-table__tr--mobile > td:not(:last-child) {
20406
+ border-bottom: 0 !important;
20407
+ }
20408
+
20409
+ .v-data-table__td-title {
20410
+ font-weight: 500;
20411
+ text-align: left;
20412
+ }
20413
+
20414
+ .v-data-table__td-value {
20415
+ text-align: right;
20416
+ }
20417
+
20418
+ .v-data-table__td-sort-icon {
20419
+ color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
20420
+ }
20421
+ .v-data-table__td-sort-icon-active {
20422
+ color: rgba(var(--v-theme-on-surface));
20423
+ }.v-data-table-footer {
20424
+ align-items: center;
20425
+ display: flex;
20426
+ flex-wrap: wrap;
20427
+ justify-content: flex-end;
20428
+ padding: 8px 4px;
20429
+ }
20430
+ .v-data-table-footer__items-per-page {
20431
+ align-items: center;
20432
+ display: flex;
20433
+ justify-content: center;
20434
+ }
20435
+ .v-data-table-footer__items-per-page > span {
20436
+ padding-inline-end: 8px;
20437
+ }
20438
+ .v-data-table-footer__items-per-page > .v-select {
20439
+ width: 90px;
20440
+ }
20441
+ .v-data-table-footer__info {
20442
+ display: flex;
20443
+ justify-content: flex-end;
20444
+ min-width: 116px;
20445
+ padding: 0 16px;
20446
+ }
20447
+ .v-data-table-footer__paginationz {
20448
+ align-items: center;
20449
+ display: flex;
20450
+ margin-inline-start: 16px;
20451
+ }
20452
+ .v-data-table-footer__page {
20453
+ padding: 0 8px;
20454
+ }.v-date-picker {
20455
+ overflow: hidden;
20456
+ width: 328px;
20457
+ }
20458
+ .v-date-picker--show-week {
20459
+ width: 368px;
20460
+ }.v-date-picker-controls {
20461
+ display: flex;
20462
+ align-items: center;
20463
+ justify-content: space-between;
20464
+ font-size: 0.875rem;
20465
+ padding-top: 4px;
20466
+ padding-bottom: 4px;
20467
+ padding-inline-start: 6px;
20468
+ padding-inline-end: 12px;
20469
+ }
20470
+ .v-date-picker-controls > .v-btn:first-child {
20471
+ text-transform: none;
20472
+ font-weight: 400;
20473
+ line-height: initial;
20474
+ letter-spacing: initial;
20475
+ }
20476
+ .v-date-picker-controls--variant-classic {
20477
+ padding-inline-start: 12px;
20478
+ }
20479
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20480
+ opacity: 0.7;
20481
+ }
20482
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20483
+ cursor: pointer;
20484
+ }
20485
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20486
+ opacity: 1;
20487
+ }
20488
+ .v-date-picker-controls .v-btn:last-child {
20489
+ margin-inline-start: 4px;
20490
+ }
20491
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20492
+ transform: rotate(180deg);
20493
+ }
20494
+
20495
+ .v-date-picker-controls__date {
20496
+ margin-inline-end: 4px;
20497
+ }
20498
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20499
+ margin: auto;
20500
+ text-align: center;
20501
+ }
20502
+
20503
+ .v-date-picker-controls__month {
20504
+ display: flex;
20505
+ }
20506
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20507
+ flex-direction: row-reverse;
20508
+ }
20509
+
20510
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20511
+ flex: 1 0 auto;
20512
+ }
20513
+
20514
+ .v-date-picker__title {
20515
+ display: inline-block;
20516
+ }.v-date-picker-header {
20517
+ align-items: flex-end;
20518
+ height: 70px;
20519
+ display: grid;
20520
+ grid-template-areas: "prepend content append";
20521
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
20522
+ overflow: hidden;
20523
+ padding-inline: 24px 12px;
20524
+ padding-bottom: 12px;
20525
+ }
20526
+
20527
+ .v-date-picker-header__append {
20528
+ grid-area: append;
20545
20529
  }
20546
20530
 
20547
- .v-data-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th.v-data-table-column--fixed {
20548
- z-index: 2;
20531
+ .v-date-picker-header__prepend {
20532
+ grid-area: prepend;
20533
+ padding-inline-start: 8px;
20549
20534
  }
20550
20535
 
20551
- .v-data-table-group-header-row td {
20552
- background: rgba(var(--v-theme-surface));
20553
- color: rgba(var(--v-theme-on-surface));
20536
+ .v-date-picker-header__content {
20537
+ align-items: center;
20538
+ display: inline-flex;
20539
+ font-size: 32px;
20540
+ line-height: 40px;
20541
+ grid-area: content;
20542
+ justify-content: space-between;
20554
20543
  }
20555
- .v-data-table-group-header-row td > span {
20556
- padding-left: 5px;
20544
+ .v-date-picker-header--clickable .v-date-picker-header__content {
20545
+ cursor: pointer;
20557
20546
  }
20558
-
20559
- .v-data-table--loading .v-data-table__td {
20560
- opacity: var(--v-disabled-opacity);
20547
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20548
+ opacity: 0.7;
20561
20549
  }
20562
20550
 
20563
- .v-data-table-group-header-row__column {
20564
- padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
20551
+ .date-picker-header-transition-enter-active,
20552
+ .date-picker-header-reverse-transition-enter-active {
20553
+ transition-duration: 0.3s;
20554
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20565
20555
  }
20566
-
20567
- .v-data-table-header__content {
20568
- display: flex;
20569
- align-items: center;
20556
+ .date-picker-header-transition-leave-active,
20557
+ .date-picker-header-reverse-transition-leave-active {
20558
+ transition-duration: 0.3s;
20559
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20570
20560
  }
20571
20561
 
20572
- .v-data-table-header__sort-badge {
20573
- display: inline-flex;
20574
- justify-content: center;
20575
- align-items: center;
20576
- font-size: 0.875rem;
20577
- padding: 4px;
20578
- border-radius: 50%;
20579
- background: rgba(var(--v-border-color), var(--v-border-opacity));
20580
- min-width: 20px;
20581
- min-height: 20px;
20582
- width: 20px;
20583
- height: 20px;
20562
+ .date-picker-header-transition-enter-from {
20563
+ transform: translate(0, 100%);
20584
20564
  }
20585
-
20586
- .v-data-table-progress > th {
20587
- border: none !important;
20588
- height: auto !important;
20589
- padding: 0 !important;
20565
+ .date-picker-header-transition-leave-to {
20566
+ opacity: 0;
20567
+ transform: translate(0, -100%);
20590
20568
  }
20591
20569
 
20592
- .v-data-table-progress__loader {
20593
- position: relative;
20570
+ .date-picker-header-reverse-transition-enter-from {
20571
+ transform: translate(0, -100%);
20594
20572
  }
20595
-
20596
- .v-data-table-rows-loading,
20597
- .v-data-table-rows-no-data {
20598
- text-align: center;
20573
+ .date-picker-header-reverse-transition-leave-to {
20574
+ opacity: 0;
20575
+ transform: translate(0, 100%);
20576
+ }.v-date-picker-months {
20577
+ height: 288px;
20599
20578
  }
20600
20579
 
20601
- .v-data-table__tr--mobile > .v-data-table__td--expanded-row {
20602
- grid-template-columns: 0;
20603
- justify-content: center;
20604
- }
20605
- .v-data-table__tr--mobile > .v-data-table__td--select-row {
20606
- grid-template-columns: 0;
20607
- justify-content: end;
20608
- }
20609
- .v-data-table__tr--mobile > td {
20580
+ .v-date-picker-months__content {
20610
20581
  align-items: center;
20611
- column-gap: 4px;
20612
20582
  display: grid;
20583
+ flex: 1 1;
20584
+ height: inherit;
20585
+ justify-content: space-around;
20613
20586
  grid-template-columns: repeat(2, 1fr);
20614
- min-height: var(--v-table-row-height);
20587
+ grid-gap: 0px 24px;
20588
+ padding-inline-start: 36px;
20589
+ padding-inline-end: 36px;
20615
20590
  }
20616
- .v-data-table__tr--mobile > td:not(:last-child) {
20617
- border-bottom: 0 !important;
20591
+ .v-date-picker-months__content .v-btn {
20592
+ text-transform: none;
20593
+ padding-inline-start: 8px;
20594
+ padding-inline-end: 8px;
20595
+ }.v-date-picker-month {
20596
+ display: flex;
20597
+ justify-content: center;
20598
+ padding: 0 12px 8px;
20599
+ --v-date-picker-month-day-diff: 4px;
20618
20600
  }
20619
20601
 
20620
- .v-data-table__td-title {
20621
- font-weight: 500;
20622
- text-align: left;
20602
+ .v-date-picker-month__weeks {
20603
+ display: grid;
20604
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20605
+ column-gap: 4px;
20606
+ font-size: 0.85rem;
20623
20607
  }
20624
-
20625
- .v-data-table__td-value {
20626
- text-align: right;
20608
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
20609
+ grid-row-gap: 0;
20627
20610
  }
20628
20611
 
20629
- .v-data-table__td-sort-icon {
20630
- color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
20612
+ .v-date-picker-month__weekday {
20613
+ font-size: 0.85rem;
20631
20614
  }
20632
- .v-data-table__td-sort-icon-active {
20633
- color: rgba(var(--v-theme-on-surface));
20634
- }.v-data-table-footer {
20635
- align-items: center;
20636
- display: flex;
20637
- flex-wrap: wrap;
20638
- justify-content: flex-end;
20639
- padding: 8px 4px;
20615
+
20616
+ .v-date-picker-month__days {
20617
+ display: grid;
20618
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20619
+ column-gap: 4px;
20620
+ flex: 1 1;
20621
+ justify-content: space-around;
20640
20622
  }
20641
- .v-data-table-footer__items-per-page {
20623
+
20624
+ .v-date-picker-month__day {
20642
20625
  align-items: center;
20643
20626
  display: flex;
20644
20627
  justify-content: center;
20628
+ position: relative;
20629
+ height: 40px;
20630
+ width: 40px;
20645
20631
  }
20646
- .v-data-table-footer__items-per-page > span {
20647
- padding-inline-end: 8px;
20632
+ .v-date-picker-month__day--selected .v-btn {
20633
+ background-color: rgb(var(--v-theme-surface-variant));
20634
+ color: rgb(var(--v-theme-on-surface-variant));
20648
20635
  }
20649
- .v-data-table-footer__items-per-page > .v-select {
20650
- width: 90px;
20636
+ .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20637
+ --v-btn-height: 24px;
20638
+ --v-btn-size: 0.85rem;
20651
20639
  }
20652
- .v-data-table-footer__info {
20653
- display: flex;
20654
- justify-content: flex-end;
20655
- min-width: 116px;
20656
- padding: 0 16px;
20640
+ .v-date-picker-month__day--week {
20641
+ font-size: var(--v-btn-size);
20657
20642
  }
20658
- .v-data-table-footer__paginationz {
20659
- align-items: center;
20660
- display: flex;
20661
- margin-inline-start: 16px;
20643
+
20644
+ .v-date-picker-month__day--adjacent {
20645
+ opacity: 0.5;
20662
20646
  }
20663
- .v-data-table-footer__page {
20664
- padding: 0 8px;
20647
+
20648
+ .v-date-picker-month__day--hide-adjacent {
20649
+ opacity: 0;
20650
+ }.v-date-picker-years {
20651
+ height: 288px;
20652
+ overflow-y: scroll;
20653
+ }
20654
+
20655
+ .v-date-picker-years__content {
20656
+ display: grid;
20657
+ flex: 1 1;
20658
+ justify-content: space-around;
20659
+ grid-template-columns: repeat(3, 1fr);
20660
+ gap: 8px 24px;
20661
+ padding-inline: 32px;
20662
+ }
20663
+ .v-date-picker-years__content .v-btn {
20664
+ padding-inline: 8px;
20665
20665
  }.v-dialog {
20666
20666
  align-items: center;
20667
20667
  justify-content: center;
@@ -20810,77 +20810,10 @@ html.overflow-y-hidden {
20810
20810
  }
20811
20811
  .v-divider__wrapper--vertical {
20812
20812
  flex-direction: column;
20813
- height: 100%;
20814
- }
20815
- .v-divider__wrapper--vertical .v-divider {
20816
- margin: 0 auto;
20817
- }.v-empty-state {
20818
- align-items: center;
20819
- display: flex;
20820
- flex-direction: column;
20821
- justify-content: center;
20822
- min-height: 100%;
20823
- padding: 16px;
20824
- }
20825
- .v-empty-state--start {
20826
- align-items: flex-start;
20827
- }
20828
- .v-empty-state--center {
20829
- align-items: center;
20830
- }
20831
- .v-empty-state--end {
20832
- align-items: flex-end;
20833
- }
20834
-
20835
- .v-empty-state__media {
20836
- text-align: center;
20837
- width: 100%;
20838
- }
20839
- .v-empty-state__media .v-icon {
20840
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20841
- }
20842
-
20843
- .v-empty-state__headline {
20844
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20845
- font-size: 3.75rem;
20846
- font-weight: 300;
20847
- line-height: 1;
20848
- text-align: center;
20849
- margin-bottom: 8px;
20850
- }
20851
- .v-empty-state--mobile .v-empty-state__headline {
20852
- font-size: 2.125rem;
20853
- }
20854
-
20855
- .v-empty-state__title {
20856
- font-size: 1.25rem;
20857
- font-weight: 500;
20858
- line-height: 1.6;
20859
- margin-bottom: 4px;
20860
- text-align: center;
20861
- }
20862
-
20863
- .v-empty-state__text {
20864
- font-size: 0.875rem;
20865
- font-weight: 400;
20866
- line-height: 1.425;
20867
- padding: 0 16px;
20868
- text-align: center;
20869
- }
20870
-
20871
- .v-empty-state__content {
20872
- padding: 24px 0;
20873
- }
20874
-
20875
- .v-empty-state__actions {
20876
- display: flex;
20877
- gap: 8px;
20878
- padding: 16px;
20813
+ height: 100%;
20879
20814
  }
20880
-
20881
- .v-empty-state__action-btn.v-btn {
20882
- background-color: initial;
20883
- color: initial;
20815
+ .v-divider__wrapper--vertical .v-divider {
20816
+ margin: 0 auto;
20884
20817
  }.v-expansion-panel {
20885
20818
  background-color: rgb(var(--v-theme-surface));
20886
20819
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -21097,75 +21030,73 @@ html.overflow-y-hidden {
21097
21030
  }
21098
21031
  .v-expansion-panels--tile > .v-expansion-panel {
21099
21032
  border-radius: 0;
21100
- }.v-fab {
21033
+ }.v-empty-state {
21101
21034
  align-items: center;
21102
- display: inline-flex;
21103
- flex: 1 1 auto;
21104
- pointer-events: none;
21105
- position: relative;
21106
- transition-duration: 0.2s;
21107
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21108
- vertical-align: middle;
21109
- }
21110
- .v-fab .v-btn {
21111
- pointer-events: auto;
21112
- }
21113
- .v-fab .v-btn--variant-elevated {
21114
- 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));
21115
- }
21116
- .v-fab--app, .v-fab--absolute {
21117
21035
  display: flex;
21036
+ flex-direction: column;
21037
+ justify-content: center;
21038
+ min-height: 100%;
21039
+ padding: 16px;
21118
21040
  }
21119
- .v-fab--start, .v-fab--left {
21120
- justify-content: flex-start;
21041
+ .v-empty-state--start {
21042
+ align-items: flex-start;
21121
21043
  }
21122
- .v-fab--center {
21044
+ .v-empty-state--center {
21123
21045
  align-items: center;
21124
- justify-content: center;
21125
- }
21126
- .v-fab--end, .v-fab--right {
21127
- justify-content: flex-end;
21128
21046
  }
21129
- .v-fab--bottom {
21047
+ .v-empty-state--end {
21130
21048
  align-items: flex-end;
21131
21049
  }
21132
- .v-fab--top {
21133
- align-items: flex-start;
21134
- }
21135
- .v-fab--extended .v-btn {
21136
- border-radius: 9999px !important;
21137
- }
21138
21050
 
21139
- .v-fab__container {
21140
- align-self: center;
21141
- display: inline-flex;
21142
- position: absolute;
21143
- vertical-align: middle;
21051
+ .v-empty-state__media {
21052
+ text-align: center;
21053
+ width: 100%;
21144
21054
  }
21145
- .v-fab--app .v-fab__container {
21146
- margin: 12px;
21055
+ .v-empty-state__media .v-icon {
21056
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
21147
21057
  }
21148
- .v-fab--absolute .v-fab__container {
21149
- position: absolute;
21150
- z-index: 4;
21058
+
21059
+ .v-empty-state__headline {
21060
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
21061
+ font-size: 3.75rem;
21062
+ font-weight: 300;
21063
+ line-height: 1;
21064
+ text-align: center;
21065
+ margin-bottom: 8px;
21151
21066
  }
21152
- .v-fab--offset.v-fab--top .v-fab__container {
21153
- transform: translateY(-50%);
21067
+ .v-empty-state--mobile .v-empty-state__headline {
21068
+ font-size: 2.125rem;
21154
21069
  }
21155
- .v-fab--offset.v-fab--bottom .v-fab__container {
21156
- transform: translateY(50%);
21070
+
21071
+ .v-empty-state__title {
21072
+ font-size: 1.25rem;
21073
+ font-weight: 500;
21074
+ line-height: 1.6;
21075
+ margin-bottom: 4px;
21076
+ text-align: center;
21157
21077
  }
21158
- .v-fab--top .v-fab__container {
21159
- top: 0;
21078
+
21079
+ .v-empty-state__text {
21080
+ font-size: 0.875rem;
21081
+ font-weight: 400;
21082
+ line-height: 1.425;
21083
+ padding: 0 16px;
21084
+ text-align: center;
21160
21085
  }
21161
- .v-fab--bottom .v-fab__container {
21162
- bottom: 0;
21086
+
21087
+ .v-empty-state__content {
21088
+ padding: 24px 0;
21163
21089
  }
21164
- .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
21165
- left: 0;
21090
+
21091
+ .v-empty-state__actions {
21092
+ display: flex;
21093
+ gap: 8px;
21094
+ padding: 16px;
21166
21095
  }
21167
- .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
21168
- right: 0;
21096
+
21097
+ .v-empty-state__action-btn.v-btn {
21098
+ background-color: initial;
21099
+ color: initial;
21169
21100
  }/* region INPUT */
21170
21101
  .v-field {
21171
21102
  display: grid;
@@ -21749,7 +21680,105 @@ textarea.v-field__input::placeholder {
21749
21680
  opacity: 0;
21750
21681
  }
21751
21682
 
21752
- /* endregion */.v-footer {
21683
+ /* endregion */.v-file-input--hide.v-input .v-field,
21684
+ .v-file-input--hide.v-input .v-input__control,
21685
+ .v-file-input--hide.v-input .v-input__details {
21686
+ display: none;
21687
+ }
21688
+ .v-file-input--hide.v-input .v-input__prepend {
21689
+ grid-area: control;
21690
+ margin: 0 auto;
21691
+ }
21692
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21693
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21694
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21695
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21696
+ top: 0px;
21697
+ }
21698
+ .v-file-input input[type=file] {
21699
+ height: 100%;
21700
+ left: 0;
21701
+ opacity: 0;
21702
+ position: absolute;
21703
+ top: 0;
21704
+ width: 100%;
21705
+ z-index: 1;
21706
+ }
21707
+ .v-file-input .v-input__details {
21708
+ padding-inline: 16px;
21709
+ }
21710
+ .v-input--plain-underlined.v-file-input .v-input__details {
21711
+ padding-inline: 0;
21712
+ }.v-fab {
21713
+ align-items: center;
21714
+ display: inline-flex;
21715
+ flex: 1 1 auto;
21716
+ pointer-events: none;
21717
+ position: relative;
21718
+ transition-duration: 0.2s;
21719
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21720
+ vertical-align: middle;
21721
+ }
21722
+ .v-fab .v-btn {
21723
+ pointer-events: auto;
21724
+ }
21725
+ .v-fab .v-btn--variant-elevated {
21726
+ 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));
21727
+ }
21728
+ .v-fab--app, .v-fab--absolute {
21729
+ display: flex;
21730
+ }
21731
+ .v-fab--start, .v-fab--left {
21732
+ justify-content: flex-start;
21733
+ }
21734
+ .v-fab--center {
21735
+ align-items: center;
21736
+ justify-content: center;
21737
+ }
21738
+ .v-fab--end, .v-fab--right {
21739
+ justify-content: flex-end;
21740
+ }
21741
+ .v-fab--bottom {
21742
+ align-items: flex-end;
21743
+ }
21744
+ .v-fab--top {
21745
+ align-items: flex-start;
21746
+ }
21747
+ .v-fab--extended .v-btn {
21748
+ border-radius: 9999px !important;
21749
+ }
21750
+
21751
+ .v-fab__container {
21752
+ align-self: center;
21753
+ display: inline-flex;
21754
+ position: absolute;
21755
+ vertical-align: middle;
21756
+ }
21757
+ .v-fab--app .v-fab__container {
21758
+ margin: 12px;
21759
+ }
21760
+ .v-fab--absolute .v-fab__container {
21761
+ position: absolute;
21762
+ z-index: 4;
21763
+ }
21764
+ .v-fab--offset.v-fab--top .v-fab__container {
21765
+ transform: translateY(-50%);
21766
+ }
21767
+ .v-fab--offset.v-fab--bottom .v-fab__container {
21768
+ transform: translateY(50%);
21769
+ }
21770
+ .v-fab--top .v-fab__container {
21771
+ top: 0;
21772
+ }
21773
+ .v-fab--bottom .v-fab__container {
21774
+ bottom: 0;
21775
+ }
21776
+ .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
21777
+ left: 0;
21778
+ }
21779
+ .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
21780
+ right: 0;
21781
+ }.v-footer {
21753
21782
  align-items: center;
21754
21783
  display: flex;
21755
21784
  flex: 1 1 auto;
@@ -21785,35 +21814,6 @@ textarea.v-field__input::placeholder {
21785
21814
  }
21786
21815
  .v-footer--rounded {
21787
21816
  border-radius: 4px;
21788
- }.v-file-input--hide.v-input .v-field,
21789
- .v-file-input--hide.v-input .v-input__control,
21790
- .v-file-input--hide.v-input .v-input__details {
21791
- display: none;
21792
- }
21793
- .v-file-input--hide.v-input .v-input__prepend {
21794
- grid-area: control;
21795
- margin: 0 auto;
21796
- }
21797
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21798
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21799
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21800
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21801
- top: 0px;
21802
- }
21803
- .v-file-input input[type=file] {
21804
- height: 100%;
21805
- left: 0;
21806
- opacity: 0;
21807
- position: absolute;
21808
- top: 0;
21809
- width: 100%;
21810
- z-index: 1;
21811
- }
21812
- .v-file-input .v-input__details {
21813
- padding-inline: 16px;
21814
- }
21815
- .v-input--plain-underlined.v-file-input .v-input__details {
21816
- padding-inline: 0;
21817
21817
  }.v-container {
21818
21818
  width: 100%;
21819
21819
  padding: 16px;
@@ -22527,55 +22527,18 @@ textarea.v-field__input::placeholder {
22527
22527
  font-size: calc(var(--v-icon-size-multiplier) * 2em);
22528
22528
  }
22529
22529
 
22530
- .v-icon__svg {
22531
- fill: currentColor;
22532
- width: 100%;
22533
- height: 100%;
22534
- }
22535
-
22536
- .v-icon--start {
22537
- margin-inline-end: 8px;
22538
- }
22539
-
22540
- .v-icon--end {
22541
- margin-inline-start: 8px;
22542
- }.v-infinite-scroll--horizontal {
22543
- display: flex;
22544
- flex-direction: row;
22545
- overflow-x: auto;
22546
- }
22547
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
22548
- height: 100%;
22549
- width: var(--v-infinite-margin-size, 1px);
22550
- }
22551
-
22552
- .v-infinite-scroll--vertical {
22553
- display: flex;
22554
- flex-direction: column;
22555
- overflow-y: auto;
22556
- }
22557
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
22558
- height: 1px;
22530
+ .v-icon__svg {
22531
+ fill: currentColor;
22559
22532
  width: 100%;
22533
+ height: 100%;
22560
22534
  }
22561
22535
 
22562
- .v-infinite-scroll-intersect {
22563
- pointer-events: none;
22564
- margin-top: var(--v-infinite-margin);
22565
- margin-bottom: calc(var(--v-infinite-margin) * -1);
22566
- }
22567
- .v-infinite-scroll-intersect:nth-child(2) {
22568
- --v-infinite-margin: var(--v-infinite-margin-size, 1px);
22569
- }
22570
- .v-infinite-scroll-intersect:nth-last-child(2) {
22571
- --v-infinite-margin: calc(var(--v-infinite-margin-size, 1px) * -1);
22536
+ .v-icon--start {
22537
+ margin-inline-end: 8px;
22572
22538
  }
22573
22539
 
22574
- .v-infinite-scroll__side {
22575
- align-items: center;
22576
- display: flex;
22577
- justify-content: center;
22578
- padding: 8px;
22540
+ .v-icon--end {
22541
+ margin-inline-start: 8px;
22579
22542
  }.v-img {
22580
22543
  --v-theme-overlay-multiplier: 3;
22581
22544
  z-index: 0;
@@ -22627,6 +22590,48 @@ textarea.v-field__input::placeholder {
22627
22590
 
22628
22591
  .v-img__gradient {
22629
22592
  background-repeat: no-repeat;
22593
+ }.v-infinite-scroll--horizontal {
22594
+ display: flex;
22595
+ flex-direction: row;
22596
+ overflow-x: auto;
22597
+ }
22598
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
22599
+ height: 100%;
22600
+ width: var(--v-infinite-margin-size, 1px);
22601
+ }
22602
+
22603
+ .v-infinite-scroll--vertical {
22604
+ display: flex;
22605
+ flex-direction: column;
22606
+ overflow-y: auto;
22607
+ }
22608
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
22609
+ height: 1px;
22610
+ width: 100%;
22611
+ }
22612
+
22613
+ .v-infinite-scroll-intersect {
22614
+ pointer-events: none;
22615
+ margin-top: var(--v-infinite-margin);
22616
+ margin-bottom: calc(var(--v-infinite-margin) * -1);
22617
+ }
22618
+ .v-infinite-scroll-intersect:nth-child(2) {
22619
+ --v-infinite-margin: var(--v-infinite-margin-size, 1px);
22620
+ }
22621
+ .v-infinite-scroll-intersect:nth-last-child(2) {
22622
+ --v-infinite-margin: calc(var(--v-infinite-margin-size, 1px) * -1);
22623
+ }
22624
+
22625
+ .v-infinite-scroll__side {
22626
+ align-items: center;
22627
+ display: flex;
22628
+ justify-content: center;
22629
+ padding: 8px;
22630
+ }.v-item-group {
22631
+ flex: 0 1 auto;
22632
+ max-width: 100%;
22633
+ position: relative;
22634
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22630
22635
  }.v-input {
22631
22636
  display: grid;
22632
22637
  flex: 1 1 auto;
@@ -22769,11 +22774,21 @@ textarea.v-field__input::placeholder {
22769
22774
 
22770
22775
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
22771
22776
  padding-top: calc(var(--v-input-padding-top) + 0px);
22772
- }.v-item-group {
22773
- flex: 0 1 auto;
22774
- max-width: 100%;
22775
- position: relative;
22777
+ }.v-layout-item {
22778
+ position: absolute;
22776
22779
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22780
+ }
22781
+
22782
+ .v-layout-item--absolute {
22783
+ position: absolute;
22784
+ }.v-layout {
22785
+ --v-scrollbar-offset: 0px;
22786
+ display: flex;
22787
+ flex: 1 1 auto;
22788
+ }
22789
+ .v-layout--full-height {
22790
+ --v-scrollbar-offset: inherit;
22791
+ height: 100%;
22777
22792
  }.v-label {
22778
22793
  align-items: center;
22779
22794
  color: inherit;
@@ -22789,21 +22804,6 @@ textarea.v-field__input::placeholder {
22789
22804
 
22790
22805
  .v-label--clickable {
22791
22806
  cursor: pointer;
22792
- }.v-layout-item {
22793
- position: absolute;
22794
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22795
- }
22796
-
22797
- .v-layout-item--absolute {
22798
- position: absolute;
22799
- }.v-layout {
22800
- --v-scrollbar-offset: 0px;
22801
- display: flex;
22802
- flex: 1 1 auto;
22803
- }
22804
- .v-layout--full-height {
22805
- --v-scrollbar-offset: inherit;
22806
- height: 100%;
22807
22807
  }.v-list {
22808
22808
  overflow: auto;
22809
22809
  padding: 8px 0;
@@ -23379,8 +23379,6 @@ textarea.v-field__input::placeholder {
23379
23379
  }
23380
23380
  .v-list-group__header:not(.v-treeview-item--activatable-group-activator).v-list-item--active:hover .v-list-item__overlay {
23381
23381
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
23382
- }.v-locale-provider {
23383
- display: contents;
23384
23382
  }.v-main {
23385
23383
  flex: 1 0 auto;
23386
23384
  max-width: 100%;
@@ -23411,41 +23409,6 @@ textarea.v-field__input::placeholder {
23411
23409
  --v-layout-right: 0px;
23412
23410
  --v-layout-top: 0px;
23413
23411
  --v-layout-bottom: 0px;
23414
- }.v-menu > .v-overlay__content {
23415
- display: flex;
23416
- flex-direction: column;
23417
- }
23418
- .v-menu > .v-overlay__content {
23419
- border-radius: 4px;
23420
- }
23421
- .v-menu > .v-overlay__content > .v-card,
23422
- .v-menu > .v-overlay__content > .v-sheet,
23423
- .v-menu > .v-overlay__content > .v-list {
23424
- background: rgb(var(--v-theme-surface));
23425
- border-radius: inherit;
23426
- overflow: auto;
23427
- height: 100%;
23428
- }
23429
- .v-menu > .v-overlay__content > .v-card,
23430
- .v-menu > .v-overlay__content > .v-sheet,
23431
- .v-menu > .v-overlay__content > .v-list {
23432
- 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));
23433
- }.v-messages {
23434
- flex: 1 1 auto;
23435
- font-size: 12px;
23436
- min-height: 14px;
23437
- min-width: 1px;
23438
- opacity: var(--v-medium-emphasis-opacity);
23439
- position: relative;
23440
- }
23441
- .v-messages__message {
23442
- line-height: 12px;
23443
- word-break: break-word;
23444
- overflow-wrap: break-word;
23445
- word-wrap: break-word;
23446
- -webkit-hyphens: auto;
23447
- hyphens: auto;
23448
- transition-duration: 150ms;
23449
23412
  }.v-navigation-drawer {
23450
23413
  -webkit-overflow-scrolling: touch;
23451
23414
  background: rgb(var(--v-theme-surface));
@@ -23554,6 +23517,27 @@ textarea.v-field__input::placeholder {
23554
23517
  .v-navigation-drawer__append {
23555
23518
  flex: none;
23556
23519
  overflow: hidden;
23520
+ }.v-locale-provider {
23521
+ display: contents;
23522
+ }.v-menu > .v-overlay__content {
23523
+ display: flex;
23524
+ flex-direction: column;
23525
+ }
23526
+ .v-menu > .v-overlay__content {
23527
+ border-radius: 4px;
23528
+ }
23529
+ .v-menu > .v-overlay__content > .v-card,
23530
+ .v-menu > .v-overlay__content > .v-sheet,
23531
+ .v-menu > .v-overlay__content > .v-list {
23532
+ background: rgb(var(--v-theme-surface));
23533
+ border-radius: inherit;
23534
+ overflow: auto;
23535
+ height: 100%;
23536
+ }
23537
+ .v-menu > .v-overlay__content > .v-card,
23538
+ .v-menu > .v-overlay__content > .v-sheet,
23539
+ .v-menu > .v-overlay__content > .v-list {
23540
+ 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));
23557
23541
  }.v-otp-input {
23558
23542
  align-items: center;
23559
23543
  display: flex;
@@ -23673,124 +23657,22 @@ html.v-overlay-scroll-blocked {
23673
23657
  position: absolute;
23674
23658
  }
23675
23659
 
23676
- .v-overlay--scroll-blocked {
23677
- padding-inline-end: var(--v-scrollbar-offset);
23678
- }.v-pagination__list {
23679
- display: inline-flex;
23680
- list-style-type: none;
23681
- justify-content: center;
23682
- width: 100%;
23683
- }
23684
- .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
23685
- margin: 0.3rem;
23686
- }.v-progress-circular {
23687
- align-items: center;
23688
- display: inline-flex;
23689
- justify-content: center;
23690
- position: relative;
23691
- vertical-align: middle;
23692
- }
23693
- .v-progress-circular > svg {
23694
- width: 100%;
23695
- height: 100%;
23696
- margin: auto;
23697
- position: absolute;
23698
- top: 0;
23699
- bottom: 0;
23700
- left: 0;
23701
- right: 0;
23702
- z-index: 0;
23703
- }
23704
-
23705
- .v-progress-circular__content {
23706
- align-items: center;
23707
- display: flex;
23708
- justify-content: center;
23709
- }
23710
-
23711
- .v-progress-circular__underlay {
23712
- color: rgba(var(--v-border-color), var(--v-border-opacity));
23713
- stroke: currentColor;
23714
- z-index: 1;
23715
- }
23716
-
23717
- .v-progress-circular__overlay {
23718
- stroke: currentColor;
23719
- transition: all 0.2s ease-in-out, stroke-width 0s;
23720
- z-index: 2;
23721
- }
23722
-
23723
- .v-progress-circular--size-x-small {
23724
- height: 16px;
23725
- width: 16px;
23726
- }
23727
- .v-progress-circular--size-small {
23728
- height: 24px;
23729
- width: 24px;
23730
- }
23731
- .v-progress-circular--size-default {
23732
- height: 32px;
23733
- width: 32px;
23734
- }
23735
- .v-progress-circular--size-large {
23736
- height: 48px;
23737
- width: 48px;
23738
- }
23739
- .v-progress-circular--size-x-large {
23740
- height: 64px;
23741
- width: 64px;
23742
- }
23743
-
23744
- .v-progress-circular--indeterminate > svg {
23745
- animation: progress-circular-rotate 1.4s linear infinite;
23746
- transform-origin: center center;
23747
- transition: all 0.2s ease-in-out;
23748
- }
23749
- .v-progress-circular--indeterminate .v-progress-circular__overlay {
23750
- animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
23751
- stroke-dasharray: 25, 200;
23752
- stroke-dashoffset: 0;
23753
- stroke-linecap: round;
23754
- transform-origin: center center;
23755
- transform: rotate(-90deg);
23756
- }
23757
-
23758
- .v-progress-circular--disable-shrink > svg {
23759
- animation-duration: 0.7s;
23760
- }
23761
- .v-progress-circular--disable-shrink .v-progress-circular__overlay {
23762
- animation: none;
23763
- }
23764
-
23765
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
23766
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
23767
- animation-play-state: paused !important;
23768
- }
23769
-
23770
- @keyframes progress-circular-dash {
23771
- 0% {
23772
- stroke-dasharray: 1, 200;
23773
- stroke-dashoffset: 0px;
23774
- }
23775
- 50% {
23776
- stroke-dasharray: 100, 200;
23777
- stroke-dashoffset: -15px;
23778
- }
23779
- 100% {
23780
- stroke-dasharray: 100, 200;
23781
- stroke-dashoffset: -124px;
23782
- }
23783
- }
23784
- @keyframes progress-circular-rotate {
23785
- 100% {
23786
- transform: rotate(270deg);
23787
- }
23660
+ .v-overlay--scroll-blocked {
23661
+ padding-inline-end: var(--v-scrollbar-offset);
23788
23662
  }.v-parallax {
23789
23663
  position: relative;
23790
23664
  overflow: hidden;
23791
23665
  }
23792
23666
  .v-parallax--active > .v-img__img {
23793
23667
  will-change: transform;
23668
+ }.v-pagination__list {
23669
+ display: inline-flex;
23670
+ list-style-type: none;
23671
+ justify-content: center;
23672
+ width: 100%;
23673
+ }
23674
+ .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
23675
+ margin: 0.3rem;
23794
23676
  }.v-progress-linear {
23795
23677
  background: transparent;
23796
23678
  overflow: hidden;
@@ -24015,22 +23897,255 @@ html.v-overlay-scroll-blocked {
24015
23897
  transform: translateX(var(--v-progress-linear-stream-to));
24016
23898
  }
24017
23899
  }
24018
- @keyframes progress-linear-stripes {
24019
- 0% {
24020
- background-position-x: var(--v-progress-linear-height);
24021
- }
24022
- }.v-radio-group > .v-input__control {
24023
- flex-direction: column;
23900
+ @keyframes progress-linear-stripes {
23901
+ 0% {
23902
+ background-position-x: var(--v-progress-linear-height);
23903
+ }
23904
+ }.v-progress-circular {
23905
+ align-items: center;
23906
+ display: inline-flex;
23907
+ justify-content: center;
23908
+ position: relative;
23909
+ vertical-align: middle;
23910
+ }
23911
+ .v-progress-circular > svg {
23912
+ width: 100%;
23913
+ height: 100%;
23914
+ margin: auto;
23915
+ position: absolute;
23916
+ top: 0;
23917
+ bottom: 0;
23918
+ left: 0;
23919
+ right: 0;
23920
+ z-index: 0;
23921
+ }
23922
+
23923
+ .v-progress-circular__content {
23924
+ align-items: center;
23925
+ display: flex;
23926
+ justify-content: center;
23927
+ }
23928
+
23929
+ .v-progress-circular__underlay {
23930
+ color: rgba(var(--v-border-color), var(--v-border-opacity));
23931
+ stroke: currentColor;
23932
+ z-index: 1;
23933
+ }
23934
+
23935
+ .v-progress-circular__overlay {
23936
+ stroke: currentColor;
23937
+ transition: all 0.2s ease-in-out, stroke-width 0s;
23938
+ z-index: 2;
23939
+ }
23940
+
23941
+ .v-progress-circular--size-x-small {
23942
+ height: 16px;
23943
+ width: 16px;
23944
+ }
23945
+ .v-progress-circular--size-small {
23946
+ height: 24px;
23947
+ width: 24px;
23948
+ }
23949
+ .v-progress-circular--size-default {
23950
+ height: 32px;
23951
+ width: 32px;
23952
+ }
23953
+ .v-progress-circular--size-large {
23954
+ height: 48px;
23955
+ width: 48px;
23956
+ }
23957
+ .v-progress-circular--size-x-large {
23958
+ height: 64px;
23959
+ width: 64px;
23960
+ }
23961
+
23962
+ .v-progress-circular--indeterminate > svg {
23963
+ animation: progress-circular-rotate 1.4s linear infinite;
23964
+ transform-origin: center center;
23965
+ transition: all 0.2s ease-in-out;
23966
+ }
23967
+ .v-progress-circular--indeterminate .v-progress-circular__overlay {
23968
+ animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
23969
+ stroke-dasharray: 25, 200;
23970
+ stroke-dashoffset: 0;
23971
+ stroke-linecap: round;
23972
+ transform-origin: center center;
23973
+ transform: rotate(-90deg);
23974
+ }
23975
+
23976
+ .v-progress-circular--disable-shrink > svg {
23977
+ animation-duration: 0.7s;
23978
+ }
23979
+ .v-progress-circular--disable-shrink .v-progress-circular__overlay {
23980
+ animation: none;
23981
+ }
23982
+
23983
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
23984
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
23985
+ animation-play-state: paused !important;
23986
+ }
23987
+
23988
+ @keyframes progress-circular-dash {
23989
+ 0% {
23990
+ stroke-dasharray: 1, 200;
23991
+ stroke-dashoffset: 0px;
23992
+ }
23993
+ 50% {
23994
+ stroke-dasharray: 100, 200;
23995
+ stroke-dashoffset: -15px;
23996
+ }
23997
+ 100% {
23998
+ stroke-dasharray: 100, 200;
23999
+ stroke-dashoffset: -124px;
24000
+ }
24001
+ }
24002
+ @keyframes progress-circular-rotate {
24003
+ 100% {
24004
+ transform: rotate(270deg);
24005
+ }
24006
+ }.v-radio-group > .v-input__control {
24007
+ flex-direction: column;
24008
+ }
24009
+ .v-radio-group > .v-input__control > .v-label {
24010
+ margin-inline-start: 16px;
24011
+ }
24012
+ .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
24013
+ padding-inline-start: 6px;
24014
+ margin-top: 8px;
24015
+ }
24016
+ .v-radio-group .v-input__details {
24017
+ padding-inline: 16px;
24018
+ }.v-responsive {
24019
+ display: flex;
24020
+ flex: 1 0 auto;
24021
+ max-height: 100%;
24022
+ max-width: 100%;
24023
+ overflow: hidden;
24024
+ position: relative;
24025
+ }
24026
+ .v-responsive--inline {
24027
+ display: inline-flex;
24028
+ flex: 0 0 auto;
24029
+ }
24030
+
24031
+ .v-responsive__content {
24032
+ flex: 1 0 0px;
24033
+ max-width: 100%;
24034
+ }
24035
+
24036
+ .v-responsive__sizer ~ .v-responsive__content {
24037
+ margin-inline-start: -100%;
24038
+ }
24039
+
24040
+ .v-responsive__sizer {
24041
+ flex: 1 0 0px;
24042
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24043
+ pointer-events: none;
24044
+ }.v-rating {
24045
+ max-width: 100%;
24046
+ display: inline-flex;
24047
+ white-space: nowrap;
24048
+ }
24049
+ .v-rating--readonly {
24050
+ pointer-events: none;
24051
+ }
24052
+
24053
+ .v-rating__wrapper {
24054
+ align-items: center;
24055
+ display: inline-flex;
24056
+ flex-direction: column;
24057
+ }
24058
+ .v-rating__wrapper--bottom {
24059
+ flex-direction: column-reverse;
24060
+ }
24061
+
24062
+ .v-rating__item {
24063
+ display: inline-flex;
24064
+ position: relative;
24065
+ }
24066
+ .v-rating__item label {
24067
+ cursor: pointer;
24068
+ }
24069
+ .v-rating__item .v-btn--variant-plain {
24070
+ opacity: 1;
24071
+ }
24072
+ .v-rating__item .v-btn {
24073
+ transition-property: transform;
24074
+ }
24075
+ .v-rating__item .v-btn .v-icon {
24076
+ transition: inherit;
24077
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24078
+ }
24079
+ .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
24080
+ transform: scale(1.25);
24081
+ }
24082
+ .v-rating__item--half {
24083
+ overflow: hidden;
24084
+ position: absolute;
24085
+ clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
24086
+ z-index: 1;
24087
+ }
24088
+ .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
24089
+ opacity: 0;
24090
+ }
24091
+
24092
+ .v-rating__hidden {
24093
+ height: 0;
24094
+ opacity: 0;
24095
+ position: absolute;
24096
+ width: 0;
24097
+ }.v-select .v-field .v-text-field__prefix,
24098
+ .v-select .v-field .v-text-field__suffix,
24099
+ .v-select .v-field .v-field__input, .v-select .v-field.v-field {
24100
+ cursor: pointer;
24101
+ }
24102
+ .v-select .v-field .v-field__input > input {
24103
+ align-self: flex-start;
24104
+ opacity: 1;
24105
+ flex: 0 0;
24106
+ position: absolute;
24107
+ width: 100%;
24108
+ transition: none;
24109
+ pointer-events: none;
24110
+ caret-color: transparent;
24111
+ }
24112
+ .v-select .v-field--dirty .v-select__selection {
24113
+ margin-inline-end: 2px;
24114
+ }
24115
+ .v-select .v-select__selection-text {
24116
+ overflow: hidden;
24117
+ text-overflow: ellipsis;
24118
+ white-space: nowrap;
24119
+ }
24120
+ .v-select__content {
24121
+ overflow: hidden;
24122
+ }
24123
+ .v-select__content {
24124
+ 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));
24125
+ }
24126
+ .v-select__content {
24127
+ border-radius: 4px;
24128
+ }
24129
+ .v-select__selection {
24130
+ display: inline-flex;
24131
+ align-items: center;
24132
+ letter-spacing: inherit;
24133
+ line-height: inherit;
24134
+ max-width: 100%;
24024
24135
  }
24025
- .v-radio-group > .v-input__control > .v-label {
24026
- margin-inline-start: 16px;
24136
+ .v-select .v-select__selection:first-child {
24137
+ margin-inline-start: 0;
24027
24138
  }
24028
- .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
24029
- padding-inline-start: 6px;
24030
- margin-top: 8px;
24139
+ .v-select--selected .v-field .v-field__input > input {
24140
+ opacity: 0;
24031
24141
  }
24032
- .v-radio-group .v-input__details {
24033
- padding-inline: 16px;
24142
+ .v-select__menu-icon {
24143
+ margin-inline-start: 4px;
24144
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24145
+ }
24146
+ .v-select--active-menu .v-select__menu-icon {
24147
+ opacity: var(--v-high-emphasis-opacity);
24148
+ transform: rotate(180deg);
24034
24149
  }.v-slider .v-slider__container input {
24035
24150
  cursor: default;
24036
24151
  padding: 0;
@@ -24088,85 +24203,6 @@ html.v-overlay-scroll-blocked {
24088
24203
 
24089
24204
  .v-slider__label {
24090
24205
  margin-inline-end: 12px;
24091
- }.v-rating {
24092
- max-width: 100%;
24093
- display: inline-flex;
24094
- white-space: nowrap;
24095
- }
24096
- .v-rating--readonly {
24097
- pointer-events: none;
24098
- }
24099
-
24100
- .v-rating__wrapper {
24101
- align-items: center;
24102
- display: inline-flex;
24103
- flex-direction: column;
24104
- }
24105
- .v-rating__wrapper--bottom {
24106
- flex-direction: column-reverse;
24107
- }
24108
-
24109
- .v-rating__item {
24110
- display: inline-flex;
24111
- position: relative;
24112
- }
24113
- .v-rating__item label {
24114
- cursor: pointer;
24115
- }
24116
- .v-rating__item .v-btn--variant-plain {
24117
- opacity: 1;
24118
- }
24119
- .v-rating__item .v-btn {
24120
- transition-property: transform;
24121
- }
24122
- .v-rating__item .v-btn .v-icon {
24123
- transition: inherit;
24124
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24125
- }
24126
- .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
24127
- transform: scale(1.25);
24128
- }
24129
- .v-rating__item--half {
24130
- overflow: hidden;
24131
- position: absolute;
24132
- clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
24133
- z-index: 1;
24134
- }
24135
- .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
24136
- opacity: 0;
24137
- }
24138
-
24139
- .v-rating__hidden {
24140
- height: 0;
24141
- opacity: 0;
24142
- position: absolute;
24143
- width: 0;
24144
- }.v-responsive {
24145
- display: flex;
24146
- flex: 1 0 auto;
24147
- max-height: 100%;
24148
- max-width: 100%;
24149
- overflow: hidden;
24150
- position: relative;
24151
- }
24152
- .v-responsive--inline {
24153
- display: inline-flex;
24154
- flex: 0 0 auto;
24155
- }
24156
-
24157
- .v-responsive__content {
24158
- flex: 1 0 0px;
24159
- max-width: 100%;
24160
- }
24161
-
24162
- .v-responsive__sizer ~ .v-responsive__content {
24163
- margin-inline-start: -100%;
24164
- }
24165
-
24166
- .v-responsive__sizer {
24167
- flex: 1 0 0px;
24168
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24169
- pointer-events: none;
24170
24206
  }.v-selection-control {
24171
24207
  align-items: center;
24172
24208
  contain: layout;
@@ -24314,6 +24350,61 @@ html.v-overlay-scroll-blocked {
24314
24350
  }
24315
24351
  .v-sheet--rounded {
24316
24352
  border-radius: 4px;
24353
+ }.v-slide-group {
24354
+ display: flex;
24355
+ overflow: hidden;
24356
+ }
24357
+
24358
+ .v-slide-group__next,
24359
+ .v-slide-group__prev {
24360
+ align-items: center;
24361
+ display: flex;
24362
+ flex: 0 1 52px;
24363
+ justify-content: center;
24364
+ min-width: 52px;
24365
+ cursor: pointer;
24366
+ }
24367
+ .v-slide-group__next--disabled,
24368
+ .v-slide-group__prev--disabled {
24369
+ pointer-events: none;
24370
+ opacity: var(--v-disabled-opacity);
24371
+ }
24372
+
24373
+ .v-slide-group__content {
24374
+ display: flex;
24375
+ flex: 1 0 auto;
24376
+ position: relative;
24377
+ transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
24378
+ white-space: nowrap;
24379
+ }
24380
+ .v-slide-group__content > * {
24381
+ white-space: initial;
24382
+ }
24383
+
24384
+ .v-slide-group__container {
24385
+ contain: content;
24386
+ display: flex;
24387
+ flex: 1 1 auto;
24388
+ overflow-x: auto;
24389
+ overflow-y: hidden;
24390
+ scrollbar-width: none;
24391
+ scrollbar-color: rgba(0, 0, 0, 0);
24392
+ }
24393
+ .v-slide-group__container::-webkit-scrollbar {
24394
+ display: none;
24395
+ }
24396
+
24397
+ .v-slide-group--vertical {
24398
+ max-height: inherit;
24399
+ }
24400
+ .v-slide-group--vertical,
24401
+ .v-slide-group--vertical .v-slide-group__container,
24402
+ .v-slide-group--vertical .v-slide-group__content {
24403
+ flex-direction: column;
24404
+ }
24405
+ .v-slide-group--vertical .v-slide-group__container {
24406
+ overflow-x: hidden;
24407
+ overflow-y: auto;
24317
24408
  }.v-skeleton-loader {
24318
24409
  align-items: center;
24319
24410
  background: rgb(var(--v-theme-surface));
@@ -24539,61 +24630,6 @@ html.v-overlay-scroll-blocked {
24539
24630
  100% {
24540
24631
  transform: translateX(100%);
24541
24632
  }
24542
- }.v-slide-group {
24543
- display: flex;
24544
- overflow: hidden;
24545
- }
24546
-
24547
- .v-slide-group__next,
24548
- .v-slide-group__prev {
24549
- align-items: center;
24550
- display: flex;
24551
- flex: 0 1 52px;
24552
- justify-content: center;
24553
- min-width: 52px;
24554
- cursor: pointer;
24555
- }
24556
- .v-slide-group__next--disabled,
24557
- .v-slide-group__prev--disabled {
24558
- pointer-events: none;
24559
- opacity: var(--v-disabled-opacity);
24560
- }
24561
-
24562
- .v-slide-group__content {
24563
- display: flex;
24564
- flex: 1 0 auto;
24565
- position: relative;
24566
- transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
24567
- white-space: nowrap;
24568
- }
24569
- .v-slide-group__content > * {
24570
- white-space: initial;
24571
- }
24572
-
24573
- .v-slide-group__container {
24574
- contain: content;
24575
- display: flex;
24576
- flex: 1 1 auto;
24577
- overflow-x: auto;
24578
- overflow-y: hidden;
24579
- scrollbar-width: none;
24580
- scrollbar-color: rgba(0, 0, 0, 0);
24581
- }
24582
- .v-slide-group__container::-webkit-scrollbar {
24583
- display: none;
24584
- }
24585
-
24586
- .v-slide-group--vertical {
24587
- max-height: inherit;
24588
- }
24589
- .v-slide-group--vertical,
24590
- .v-slide-group--vertical .v-slide-group__container,
24591
- .v-slide-group--vertical .v-slide-group__content {
24592
- flex-direction: column;
24593
- }
24594
- .v-slide-group--vertical .v-slide-group__container {
24595
- overflow-x: hidden;
24596
- overflow-y: auto;
24597
24633
  }.v-snackbar {
24598
24634
  justify-content: center;
24599
24635
  z-index: 10000;
@@ -24764,17 +24800,60 @@ html.v-overlay-scroll-blocked {
24764
24800
  .v-speed-dial__content > *:nth-child(6) {
24765
24801
  transition-delay: 0.25s;
24766
24802
  }
24767
- .v-speed-dial__content > *:nth-child(7) {
24768
- transition-delay: 0.3s;
24803
+ .v-speed-dial__content > *:nth-child(7) {
24804
+ transition-delay: 0.3s;
24805
+ }
24806
+ .v-speed-dial__content > *:nth-child(8) {
24807
+ transition-delay: 0.35s;
24808
+ }
24809
+ .v-speed-dial__content > *:nth-child(9) {
24810
+ transition-delay: 0.4s;
24811
+ }
24812
+ .v-speed-dial__content > *:nth-child(10) {
24813
+ transition-delay: 0.45s;
24814
+ }.v-system-bar {
24815
+ align-items: center;
24816
+ display: flex;
24817
+ flex: 1 1 auto;
24818
+ height: 24px;
24819
+ justify-content: flex-end;
24820
+ max-width: 100%;
24821
+ padding-inline: 8px;
24822
+ position: relative;
24823
+ text-align: end;
24824
+ width: 100%;
24825
+ }
24826
+ .v-system-bar .v-icon {
24827
+ opacity: var(--v-medium-emphasis-opacity);
24828
+ }
24829
+ .v-system-bar {
24830
+ 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));
24831
+ }
24832
+ .v-system-bar--absolute {
24833
+ position: absolute;
24834
+ }
24835
+ .v-system-bar--fixed {
24836
+ position: fixed;
24837
+ }
24838
+ .v-system-bar {
24839
+ background: rgba(var(--v-theme-surface-light));
24840
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24841
+ }
24842
+ .v-system-bar {
24843
+ font-size: 0.75rem;
24844
+ font-weight: 400;
24845
+ letter-spacing: 0.0333333333em;
24846
+ line-height: 1.667;
24847
+ text-transform: none;
24769
24848
  }
24770
- .v-speed-dial__content > *:nth-child(8) {
24771
- transition-delay: 0.35s;
24849
+ .v-system-bar--rounded {
24850
+ border-radius: 0;
24772
24851
  }
24773
- .v-speed-dial__content > *:nth-child(9) {
24774
- transition-delay: 0.4s;
24852
+ .v-system-bar--window {
24853
+ height: 32px;
24775
24854
  }
24776
- .v-speed-dial__content > *:nth-child(10) {
24777
- transition-delay: 0.45s;
24855
+ .v-system-bar:not(.v-system-bar--absolute) {
24856
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24778
24857
  }.v-stepper.v-sheet {
24779
24858
  overflow: hidden;
24780
24859
  }
@@ -25132,49 +25211,6 @@ html.v-overlay-scroll-blocked {
25132
25211
  .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
25133
25212
  border-width: 0;
25134
25213
  }
25135
- }.v-system-bar {
25136
- align-items: center;
25137
- display: flex;
25138
- flex: 1 1 auto;
25139
- height: 24px;
25140
- justify-content: flex-end;
25141
- max-width: 100%;
25142
- padding-inline: 8px;
25143
- position: relative;
25144
- text-align: end;
25145
- width: 100%;
25146
- }
25147
- .v-system-bar .v-icon {
25148
- opacity: var(--v-medium-emphasis-opacity);
25149
- }
25150
- .v-system-bar {
25151
- 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));
25152
- }
25153
- .v-system-bar--absolute {
25154
- position: absolute;
25155
- }
25156
- .v-system-bar--fixed {
25157
- position: fixed;
25158
- }
25159
- .v-system-bar {
25160
- background: rgba(var(--v-theme-surface-light));
25161
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
25162
- }
25163
- .v-system-bar {
25164
- font-size: 0.75rem;
25165
- font-weight: 400;
25166
- letter-spacing: 0.0333333333em;
25167
- line-height: 1.667;
25168
- text-transform: none;
25169
- }
25170
- .v-system-bar--rounded {
25171
- border-radius: 0;
25172
- }
25173
- .v-system-bar--window {
25174
- height: 32px;
25175
- }
25176
- .v-system-bar:not(.v-system-bar--absolute) {
25177
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
25178
25214
  }.v-tab.v-tab.v-btn {
25179
25215
  height: var(--v-tabs-height);
25180
25216
  border-radius: 0;
@@ -25270,7 +25306,74 @@ html.v-overlay-scroll-blocked {
25270
25306
  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
25271
25307
  margin-inline-end: 52px;
25272
25308
  }
25273
- }.v-table {
25309
+ }/* region BLOCK */
25310
+ .v-text-field input {
25311
+ color: inherit;
25312
+ opacity: 0;
25313
+ flex: 1;
25314
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25315
+ min-width: 0;
25316
+ }
25317
+ .v-text-field input:focus, .v-text-field input:active {
25318
+ outline: none;
25319
+ }
25320
+ .v-text-field input:invalid {
25321
+ box-shadow: none;
25322
+ }
25323
+ .v-text-field .v-field {
25324
+ cursor: text;
25325
+ }
25326
+ .v-text-field--prefixed.v-text-field .v-field__input {
25327
+ --v-field-padding-start: 6px;
25328
+ }
25329
+
25330
+ .v-text-field--suffixed.v-text-field .v-field__input {
25331
+ --v-field-padding-end: 0;
25332
+ }
25333
+
25334
+ .v-text-field .v-input__details {
25335
+ padding-inline: 16px;
25336
+ }
25337
+ .v-input--plain-underlined.v-text-field .v-input__details {
25338
+ padding-inline: 0;
25339
+ }
25340
+
25341
+ .v-text-field .v-field--no-label input,
25342
+ .v-text-field .v-field--active input {
25343
+ opacity: 1;
25344
+ }
25345
+ .v-text-field .v-field--single-line input {
25346
+ transition: none;
25347
+ }
25348
+
25349
+ /* endregion */
25350
+ /* region ELEMENTS */
25351
+ .v-text-field__prefix, .v-text-field__suffix {
25352
+ align-items: center;
25353
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
25354
+ cursor: default;
25355
+ display: flex;
25356
+ opacity: 0;
25357
+ transition: inherit;
25358
+ white-space: nowrap;
25359
+ min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
25360
+ padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
25361
+ padding-bottom: var(--v-field-padding-bottom, 6px);
25362
+ }
25363
+ .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
25364
+ opacity: 1;
25365
+ }
25366
+ .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
25367
+ color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
25368
+ }
25369
+ .v-text-field__prefix {
25370
+ padding-inline-start: var(--v-field-padding-start);
25371
+ }
25372
+ .v-text-field__suffix {
25373
+ padding-inline-end: var(--v-field-padding-end);
25374
+ }
25375
+
25376
+ /* endregion */.v-table {
25274
25377
  font-size: 0.875rem;
25275
25378
  transition-duration: 0.28s;
25276
25379
  transition-property: box-shadow, opacity, background, height;
@@ -25381,146 +25484,37 @@ html.v-overlay-scroll-blocked {
25381
25484
  border-top-left-radius: 0;
25382
25485
  }
25383
25486
  .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:last-child {
25384
- border-top-right-radius: 0;
25385
- }
25386
-
25387
- .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:first-child {
25388
- border-bottom-left-radius: 0;
25389
- }
25390
- .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:last-child {
25391
- border-bottom-right-radius: 0;
25392
- }
25393
-
25394
- .v-table--fixed-height > .v-table__wrapper {
25395
- overflow-y: auto;
25396
- }
25397
-
25398
- .v-table--fixed-header > .v-table__wrapper > table > thead {
25399
- position: sticky;
25400
- top: 0;
25401
- z-index: 2;
25402
- }
25403
- .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
25404
- border-bottom: 0px !important;
25405
- }
25406
-
25407
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
25408
- position: sticky;
25409
- bottom: 0;
25410
- z-index: 1;
25411
- }
25412
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
25413
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
25414
- border-top: 0px !important;
25415
- }.v-textarea .v-field {
25416
- --v-textarea-control-height: var(--v-input-control-height);
25417
- }
25418
- .v-textarea .v-field__field {
25419
- --v-input-control-height: var(--v-textarea-control-height);
25420
- }
25421
- .v-textarea .v-field__input {
25422
- flex: 1 1 auto;
25423
- outline: none;
25424
- -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));
25425
- 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));
25426
- }
25427
- .v-textarea .v-field__input.v-textarea__sizer {
25428
- visibility: hidden;
25429
- position: absolute;
25430
- top: 0;
25431
- left: 0;
25432
- height: 0 !important;
25433
- min-height: 0 !important;
25434
- pointer-events: none;
25435
- }
25436
- .v-textarea--no-resize .v-field__input {
25437
- resize: none;
25438
- }
25439
- .v-textarea .v-field--no-label textarea,
25440
- .v-textarea .v-field--active textarea {
25441
- opacity: 1;
25442
- }
25443
- .v-textarea textarea {
25444
- opacity: 0;
25445
- flex: 1;
25446
- min-width: 0;
25447
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25448
- }
25449
- .v-textarea textarea:focus, .v-textarea textarea:active {
25450
- outline: none;
25451
- }
25452
- .v-textarea textarea:invalid {
25453
- box-shadow: none;
25454
- }/* region BLOCK */
25455
- .v-text-field input {
25456
- color: inherit;
25457
- opacity: 0;
25458
- flex: 1;
25459
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25460
- min-width: 0;
25461
- }
25462
- .v-text-field input:focus, .v-text-field input:active {
25463
- outline: none;
25464
- }
25465
- .v-text-field input:invalid {
25466
- box-shadow: none;
25467
- }
25468
- .v-text-field .v-field {
25469
- cursor: text;
25470
- }
25471
- .v-text-field--prefixed.v-text-field .v-field__input {
25472
- --v-field-padding-start: 6px;
25473
- }
25474
-
25475
- .v-text-field--suffixed.v-text-field .v-field__input {
25476
- --v-field-padding-end: 0;
25477
- }
25478
-
25479
- .v-text-field .v-input__details {
25480
- padding-inline: 16px;
25481
- }
25482
- .v-input--plain-underlined.v-text-field .v-input__details {
25483
- padding-inline: 0;
25484
- }
25485
-
25486
- .v-text-field .v-field--no-label input,
25487
- .v-text-field .v-field--active input {
25488
- opacity: 1;
25489
- }
25490
- .v-text-field .v-field--single-line input {
25491
- transition: none;
25492
- }
25493
-
25494
- /* endregion */
25495
- /* region ELEMENTS */
25496
- .v-text-field__prefix, .v-text-field__suffix {
25497
- align-items: center;
25498
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
25499
- cursor: default;
25500
- display: flex;
25501
- opacity: 0;
25502
- transition: inherit;
25503
- white-space: nowrap;
25504
- min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
25505
- padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
25506
- padding-bottom: var(--v-field-padding-bottom, 6px);
25487
+ border-top-right-radius: 0;
25507
25488
  }
25508
- .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
25509
- opacity: 1;
25489
+
25490
+ .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:first-child {
25491
+ border-bottom-left-radius: 0;
25510
25492
  }
25511
- .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
25512
- color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
25493
+ .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:last-child {
25494
+ border-bottom-right-radius: 0;
25513
25495
  }
25514
- .v-text-field__prefix {
25515
- padding-inline-start: var(--v-field-padding-start);
25496
+
25497
+ .v-table--fixed-height > .v-table__wrapper {
25498
+ overflow-y: auto;
25516
25499
  }
25517
- .v-text-field__suffix {
25518
- padding-inline-end: var(--v-field-padding-end);
25500
+
25501
+ .v-table--fixed-header > .v-table__wrapper > table > thead {
25502
+ position: sticky;
25503
+ top: 0;
25504
+ z-index: 2;
25505
+ }
25506
+ .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
25507
+ border-bottom: 0px !important;
25519
25508
  }
25520
25509
 
25521
- /* endregion */.v-theme-provider {
25522
- background: rgb(var(--v-theme-background));
25523
- color: rgb(var(--v-theme-on-background));
25510
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
25511
+ position: sticky;
25512
+ bottom: 0;
25513
+ z-index: 1;
25514
+ }
25515
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
25516
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
25517
+ border-top: 0px !important;
25524
25518
  }.v-timeline .v-timeline-divider__dot {
25525
25519
  background: rgb(var(--v-theme-surface-light));
25526
25520
  }
@@ -25939,6 +25933,70 @@ html.v-overlay-scroll-blocked {
25939
25933
 
25940
25934
  .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
25941
25935
  padding-inline-end: 0;
25936
+ }.v-textarea .v-field {
25937
+ --v-textarea-control-height: var(--v-input-control-height);
25938
+ }
25939
+ .v-textarea .v-field__field {
25940
+ --v-input-control-height: var(--v-textarea-control-height);
25941
+ }
25942
+ .v-textarea .v-field__input {
25943
+ flex: 1 1 auto;
25944
+ outline: none;
25945
+ -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));
25946
+ 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));
25947
+ }
25948
+ .v-textarea .v-field__input.v-textarea__sizer {
25949
+ visibility: hidden;
25950
+ position: absolute;
25951
+ top: 0;
25952
+ left: 0;
25953
+ height: 0 !important;
25954
+ min-height: 0 !important;
25955
+ pointer-events: none;
25956
+ }
25957
+ .v-textarea--no-resize .v-field__input {
25958
+ resize: none;
25959
+ }
25960
+ .v-textarea .v-field--no-label textarea,
25961
+ .v-textarea .v-field--active textarea {
25962
+ opacity: 1;
25963
+ }
25964
+ .v-textarea textarea {
25965
+ opacity: 0;
25966
+ flex: 1;
25967
+ min-width: 0;
25968
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25969
+ }
25970
+ .v-textarea textarea:focus, .v-textarea textarea:active {
25971
+ outline: none;
25972
+ }
25973
+ .v-textarea textarea:invalid {
25974
+ box-shadow: none;
25975
+ }.v-theme-provider {
25976
+ background: rgb(var(--v-theme-background));
25977
+ color: rgb(var(--v-theme-on-background));
25978
+ }.v-tooltip > .v-overlay__content {
25979
+ background: rgb(var(--v-theme-surface-variant));
25980
+ color: rgb(var(--v-theme-on-surface-variant));
25981
+ border-radius: 4px;
25982
+ font-size: 0.875rem;
25983
+ line-height: 1.6;
25984
+ display: inline-block;
25985
+ padding: 5px 16px;
25986
+ text-transform: initial;
25987
+ width: auto;
25988
+ opacity: 1;
25989
+ pointer-events: none;
25990
+ transition-property: opacity, transform;
25991
+ overflow-wrap: break-word;
25992
+ }
25993
+ .v-tooltip > .v-overlay__content[class*=enter-active] {
25994
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25995
+ transition-duration: 150ms;
25996
+ }
25997
+ .v-tooltip > .v-overlay__content[class*=leave-active] {
25998
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25999
+ transition-duration: 75ms;
25942
26000
  }.v-toolbar {
25943
26001
  align-items: flex-start;
25944
26002
  display: flex;
@@ -26082,37 +26140,6 @@ html.v-overlay-scroll-blocked {
26082
26140
  }
26083
26141
  .v-toolbar-items > .v-btn {
26084
26142
  border-radius: 0;
26085
- }.v-tooltip > .v-overlay__content {
26086
- background: rgb(var(--v-theme-surface-variant));
26087
- color: rgb(var(--v-theme-on-surface-variant));
26088
- border-radius: 4px;
26089
- font-size: 0.875rem;
26090
- line-height: 1.6;
26091
- display: inline-block;
26092
- padding: 5px 16px;
26093
- text-transform: initial;
26094
- width: auto;
26095
- opacity: 1;
26096
- pointer-events: none;
26097
- transition-property: opacity, transform;
26098
- overflow-wrap: break-word;
26099
- }
26100
- .v-tooltip > .v-overlay__content[class*=enter-active] {
26101
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
26102
- transition-duration: 150ms;
26103
- }
26104
- .v-tooltip > .v-overlay__content[class*=leave-active] {
26105
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
26106
- transition-duration: 75ms;
26107
- }.v-virtual-scroll {
26108
- display: block;
26109
- flex: 1 1 auto;
26110
- max-width: 100%;
26111
- overflow: auto;
26112
- position: relative;
26113
- }
26114
- .v-virtual-scroll__container {
26115
- display: block;
26116
26143
  }.v-window {
26117
26144
  overflow: hidden;
26118
26145
  }
@@ -26183,86 +26210,31 @@ html.v-overlay-scroll-blocked {
26183
26210
  }
26184
26211
  .v-window-y-reverse-transition-leave-to {
26185
26212
  transform: translateY(100%);
26186
- }.v-select .v-field .v-text-field__prefix,
26187
- .v-select .v-field .v-text-field__suffix,
26188
- .v-select .v-field .v-field__input, .v-select .v-field.v-field {
26189
- cursor: pointer;
26190
- }
26191
- .v-select .v-field .v-field__input > input {
26192
- align-self: flex-start;
26193
- opacity: 1;
26194
- flex: 0 0;
26195
- position: absolute;
26196
- width: 100%;
26197
- transition: none;
26198
- pointer-events: none;
26199
- caret-color: transparent;
26200
- }
26201
- .v-select .v-field--dirty .v-select__selection {
26202
- margin-inline-end: 2px;
26203
- }
26204
- .v-select .v-select__selection-text {
26205
- overflow: hidden;
26206
- text-overflow: ellipsis;
26207
- white-space: nowrap;
26208
- }
26209
- .v-select__content {
26210
- overflow: hidden;
26211
- }
26212
- .v-select__content {
26213
- 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));
26214
- }
26215
- .v-select__content {
26216
- border-radius: 4px;
26217
- }
26218
- .v-select__selection {
26219
- display: inline-flex;
26220
- align-items: center;
26221
- letter-spacing: inherit;
26222
- line-height: inherit;
26213
+ }.v-virtual-scroll {
26214
+ display: block;
26215
+ flex: 1 1 auto;
26223
26216
  max-width: 100%;
26217
+ overflow: auto;
26218
+ position: relative;
26224
26219
  }
26225
- .v-select .v-select__selection:first-child {
26226
- margin-inline-start: 0;
26227
- }
26228
- .v-select--selected .v-field .v-field__input > input {
26229
- opacity: 0;
26230
- }
26231
- .v-select__menu-icon {
26232
- margin-inline-start: 4px;
26233
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
26234
- }
26235
- .v-select--active-menu .v-select__menu-icon {
26236
- opacity: var(--v-high-emphasis-opacity);
26237
- transform: rotate(180deg);
26238
- }.v-color-picker-edit {
26239
- display: flex;
26240
- margin-top: 24px;
26241
- }
26242
-
26243
- .v-color-picker-edit__input {
26244
- width: 100%;
26245
- display: flex;
26246
- flex-wrap: wrap;
26247
- justify-content: center;
26248
- text-align: center;
26249
- }
26250
- .v-color-picker-edit__input:not(:last-child) {
26251
- margin-inline-end: 8px;
26252
- }
26253
- .v-color-picker-edit__input input {
26254
- border-radius: 4px;
26255
- margin-bottom: 8px;
26256
- min-width: 0;
26257
- outline: none;
26258
- text-align: center;
26259
- width: 100%;
26260
- height: 32px;
26261
- background: rgba(var(--v-theme-surface-variant), 0.2);
26262
- color: rgba(var(--v-theme-on-surface));
26220
+ .v-virtual-scroll__container {
26221
+ display: block;
26222
+ }.v-messages {
26223
+ flex: 1 1 auto;
26224
+ font-size: 12px;
26225
+ min-height: 14px;
26226
+ min-width: 1px;
26227
+ opacity: var(--v-medium-emphasis-opacity);
26228
+ position: relative;
26263
26229
  }
26264
- .v-color-picker-edit__input span {
26265
- font-size: 0.75rem;
26230
+ .v-messages__message {
26231
+ line-height: 12px;
26232
+ word-break: break-word;
26233
+ overflow-wrap: break-word;
26234
+ word-wrap: break-word;
26235
+ -webkit-hyphens: auto;
26236
+ hyphens: auto;
26237
+ transition-duration: 150ms;
26266
26238
  }.v-color-picker-canvas {
26267
26239
  display: flex;
26268
26240
  position: relative;
@@ -26320,6 +26292,34 @@ html.v-overlay-scroll-blocked {
26320
26292
  justify-content: center;
26321
26293
  width: 100%;
26322
26294
  height: 100%;
26295
+ }.v-color-picker-edit {
26296
+ display: flex;
26297
+ margin-top: 24px;
26298
+ }
26299
+
26300
+ .v-color-picker-edit__input {
26301
+ width: 100%;
26302
+ display: flex;
26303
+ flex-wrap: wrap;
26304
+ justify-content: center;
26305
+ text-align: center;
26306
+ }
26307
+ .v-color-picker-edit__input:not(:last-child) {
26308
+ margin-inline-end: 8px;
26309
+ }
26310
+ .v-color-picker-edit__input input {
26311
+ border-radius: 4px;
26312
+ margin-bottom: 8px;
26313
+ min-width: 0;
26314
+ outline: none;
26315
+ text-align: center;
26316
+ width: 100%;
26317
+ height: 32px;
26318
+ background: rgba(var(--v-theme-surface-variant), 0.2);
26319
+ color: rgba(var(--v-theme-on-surface));
26320
+ }
26321
+ .v-color-picker-edit__input span {
26322
+ font-size: 0.75rem;
26323
26323
  }.v-color-picker-preview__alpha .v-slider-track__background {
26324
26324
  background-color: transparent !important;
26325
26325
  }