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

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-06
2
+ * Vuetify v3.7.1-master.2024-09-09
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17978,18 +17978,6 @@ html.overflow-y-hidden {
17978
17978
  .v-ripple__animation--out {
17979
17979
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
17980
17980
  opacity: 0;
17981
- }.v-app-bar {
17982
- display: flex;
17983
- }
17984
- .v-app-bar.v-toolbar {
17985
- background: rgb(var(--v-theme-surface));
17986
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17987
- }
17988
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17989
- 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));
17990
- }
17991
- .v-app-bar:not(.v-toolbar--absolute) {
17992
- padding-inline-end: var(--v-scrollbar-offset);
17993
17981
  }.v-application {
17994
17982
  display: flex;
17995
17983
  background: rgb(var(--v-theme-background));
@@ -18006,91 +17994,18 @@ html.overflow-y-hidden {
18006
17994
  min-height: 100vh;
18007
17995
  min-height: 100dvh;
18008
17996
  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;
17997
+ }.v-app-bar {
17998
+ display: flex;
18030
17999
  }
18031
-
18032
- .v-autocomplete__content {
18033
- overflow: hidden;
18000
+ .v-app-bar.v-toolbar {
18001
+ background: rgb(var(--v-theme-surface));
18002
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18034
18003
  }
18035
- .v-autocomplete__content {
18004
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
18036
18005
  box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18037
18006
  }
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);
18007
+ .v-app-bar:not(.v-toolbar--absolute) {
18008
+ padding-inline-end: var(--v-scrollbar-offset);
18094
18009
  }.v-alert {
18095
18010
  display: grid;
18096
18011
  flex: 1 1;
@@ -18486,6 +18401,91 @@ html.overflow-y-hidden {
18486
18401
  display: inline-flex;
18487
18402
  justify-content: center;
18488
18403
  margin: 0 4px;
18404
+ }.v-autocomplete .v-field .v-text-field__prefix,
18405
+ .v-autocomplete .v-field .v-text-field__suffix,
18406
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
18407
+ cursor: text;
18408
+ }
18409
+ .v-autocomplete .v-field .v-field__input > input {
18410
+ flex: 1 1;
18411
+ }
18412
+ .v-autocomplete .v-field input {
18413
+ min-width: 64px;
18414
+ }
18415
+ .v-autocomplete .v-field:not(.v-field--focused) input {
18416
+ min-width: 0;
18417
+ }
18418
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
18419
+ margin-inline-end: 2px;
18420
+ }
18421
+ .v-autocomplete .v-autocomplete__selection-text {
18422
+ overflow: hidden;
18423
+ text-overflow: ellipsis;
18424
+ white-space: nowrap;
18425
+ }
18426
+
18427
+ .v-autocomplete__content {
18428
+ overflow: hidden;
18429
+ }
18430
+ .v-autocomplete__content {
18431
+ 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));
18432
+ }
18433
+ .v-autocomplete__content {
18434
+ border-radius: 4px;
18435
+ }
18436
+ .v-autocomplete__mask {
18437
+ background: rgb(var(--v-theme-surface-light));
18438
+ }
18439
+ .v-autocomplete__selection {
18440
+ display: inline-flex;
18441
+ align-items: center;
18442
+ height: 1.5rem;
18443
+ letter-spacing: inherit;
18444
+ line-height: inherit;
18445
+ max-width: calc(100% - 2px - 2px);
18446
+ }
18447
+ .v-autocomplete__selection:first-child {
18448
+ margin-inline-start: 0;
18449
+ }
18450
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
18451
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
18452
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
18453
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
18454
+ top: 0px;
18455
+ }
18456
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
18457
+ opacity: var(--v-medium-emphasis-opacity);
18458
+ }
18459
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
18460
+ opacity: 1;
18461
+ }
18462
+ .v-autocomplete--selecting-index .v-field__input > input {
18463
+ caret-color: transparent;
18464
+ }
18465
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
18466
+ flex: 1 1;
18467
+ position: absolute;
18468
+ left: 0;
18469
+ right: 0;
18470
+ width: 100%;
18471
+ padding-inline: inherit;
18472
+ }
18473
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
18474
+ transition: none;
18475
+ }
18476
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
18477
+ opacity: 0;
18478
+ }
18479
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
18480
+ opacity: 0;
18481
+ }
18482
+ .v-autocomplete__menu-icon {
18483
+ margin-inline-start: 4px;
18484
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18485
+ }
18486
+ .v-autocomplete--active-menu .v-autocomplete__menu-icon {
18487
+ opacity: var(--v-high-emphasis-opacity);
18488
+ transform: rotate(180deg);
18489
18489
  }.v-banner {
18490
18490
  display: grid;
18491
18491
  flex: 1 1;
@@ -18652,95 +18652,65 @@ html.overflow-y-hidden {
18652
18652
  }
18653
18653
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
18654
18654
  align-self: flex-start;
18655
- }.v-btn-group {
18656
- display: inline-flex;
18657
- flex-wrap: nowrap;
18655
+ }.bottom-sheet-transition-enter-from {
18656
+ transform: translateY(100%);
18657
+ }
18658
+ .bottom-sheet-transition-leave-to {
18659
+ transform: translateY(100%);
18660
+ }
18661
+
18662
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18663
+ align-self: flex-end;
18664
+ border-radius: 0;
18665
+ flex: 0 1 auto;
18666
+ left: 0;
18667
+ right: 0;
18668
+ margin-inline: 0;
18669
+ margin-bottom: 0;
18670
+ transition-duration: 0.2s;
18671
+ width: 100%;
18672
+ max-width: 100%;
18673
+ overflow: visible;
18674
+ }
18675
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18676
+ box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18677
+ }
18678
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18679
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18680
+ border-radius: 0;
18681
+ }
18682
+ .v-bottom-sheet.v-bottom-sheet--inset {
18683
+ max-width: none;
18684
+ }
18685
+ @media (min-width: 600px) {
18686
+ .v-bottom-sheet.v-bottom-sheet--inset {
18687
+ max-width: 70%;
18688
+ }
18689
+ }.v-bottom-navigation {
18690
+ display: flex;
18658
18691
  max-width: 100%;
18659
- min-width: 0;
18660
18692
  overflow: hidden;
18661
- vertical-align: middle;
18693
+ position: absolute;
18694
+ transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
18662
18695
  }
18663
- .v-btn-group {
18696
+ .v-bottom-navigation {
18664
18697
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18665
18698
  border-style: solid;
18666
18699
  border-width: 0;
18667
18700
  }
18668
- .v-btn-group--border {
18701
+ .v-bottom-navigation--border {
18669
18702
  border-width: thin;
18670
18703
  box-shadow: none;
18671
18704
  }
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;
18705
+ .v-bottom-navigation {
18706
+ border-radius: 0;
18677
18707
  }
18678
- .v-btn-group {
18679
- background: transparent;
18708
+ .v-bottom-navigation {
18709
+ background: rgb(var(--v-theme-surface));
18680
18710
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18681
18711
  }
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 {
18732
- border-width: thin;
18733
- box-shadow: none;
18734
- }
18735
- .v-bottom-navigation {
18736
- border-radius: 0;
18737
- }
18738
- .v-bottom-navigation {
18739
- background: rgb(var(--v-theme-surface));
18740
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18741
- }
18742
- .v-bottom-navigation--active {
18743
- 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));
18712
+ .v-bottom-navigation--active {
18713
+ box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18744
18714
  }
18745
18715
 
18746
18716
  .v-bottom-navigation__content {
@@ -18779,40 +18749,6 @@ html.overflow-y-hidden {
18779
18749
  }
18780
18750
  .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18781
18751
  transform: translateY(0.5rem);
18782
- }.bottom-sheet-transition-enter-from {
18783
- transform: translateY(100%);
18784
- }
18785
- .bottom-sheet-transition-leave-to {
18786
- transform: translateY(100%);
18787
- }
18788
-
18789
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18790
- align-self: flex-end;
18791
- border-radius: 0;
18792
- flex: 0 1 auto;
18793
- left: 0;
18794
- right: 0;
18795
- margin-inline: 0;
18796
- margin-bottom: 0;
18797
- transition-duration: 0.2s;
18798
- width: 100%;
18799
- max-width: 100%;
18800
- overflow: visible;
18801
- }
18802
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18803
- box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18804
- }
18805
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18806
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18807
- border-radius: 0;
18808
- }
18809
- .v-bottom-sheet.v-bottom-sheet--inset {
18810
- max-width: none;
18811
- }
18812
- @media (min-width: 600px) {
18813
- .v-bottom-sheet.v-bottom-sheet--inset {
18814
- max-width: 70%;
18815
- }
18816
18752
  }.v-breadcrumbs {
18817
18753
  display: flex;
18818
18754
  align-items: center;
@@ -18870,91 +18806,165 @@ html.overflow-y-hidden {
18870
18806
  display: inline-block;
18871
18807
  padding: 0 8px;
18872
18808
  vertical-align: middle;
18873
- }.v-card {
18874
- display: block;
18875
- overflow: hidden;
18876
- overflow-wrap: break-word;
18809
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18810
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18811
+ }
18812
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18813
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18814
+ }
18815
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18816
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18817
+ }
18818
+ @supports not selector(:focus-visible) {
18819
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18820
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18821
+ }
18822
+ }.v-btn {
18823
+ align-items: center;
18824
+ border-radius: 4px;
18825
+ display: inline-grid;
18826
+ grid-template-areas: "prepend content append";
18827
+ grid-template-columns: max-content auto max-content;
18828
+ font-weight: 500;
18829
+ justify-content: center;
18830
+ letter-spacing: 0.0892857143em;
18831
+ line-height: normal;
18832
+ max-width: 100%;
18833
+ outline: none;
18877
18834
  position: relative;
18878
- padding: 0;
18879
18835
  text-decoration: none;
18836
+ text-indent: 0.0892857143em;
18837
+ text-transform: uppercase;
18838
+ transition-property: box-shadow, transform, opacity, background;
18880
18839
  transition-duration: 0.28s;
18881
- transition-property: box-shadow, opacity, background;
18882
18840
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
18883
- z-index: 0;
18841
+ -webkit-user-select: none;
18842
+ user-select: none;
18843
+ vertical-align: middle;
18844
+ flex-shrink: 0;
18884
18845
  }
18885
- .v-card {
18846
+ .v-btn--size-x-small {
18847
+ --v-btn-size: 0.625rem;
18848
+ --v-btn-height: 20px;
18849
+ font-size: var(--v-btn-size);
18850
+ min-width: 36px;
18851
+ padding: 0 8px;
18852
+ }
18853
+
18854
+ .v-btn--size-small {
18855
+ --v-btn-size: 0.75rem;
18856
+ --v-btn-height: 28px;
18857
+ font-size: var(--v-btn-size);
18858
+ min-width: 50px;
18859
+ padding: 0 12px;
18860
+ }
18861
+
18862
+ .v-btn--size-default {
18863
+ --v-btn-size: 0.875rem;
18864
+ --v-btn-height: 36px;
18865
+ font-size: var(--v-btn-size);
18866
+ min-width: 64px;
18867
+ padding: 0 16px;
18868
+ }
18869
+
18870
+ .v-btn--size-large {
18871
+ --v-btn-size: 1rem;
18872
+ --v-btn-height: 44px;
18873
+ font-size: var(--v-btn-size);
18874
+ min-width: 78px;
18875
+ padding: 0 20px;
18876
+ }
18877
+
18878
+ .v-btn--size-x-large {
18879
+ --v-btn-size: 1.125rem;
18880
+ --v-btn-height: 52px;
18881
+ font-size: var(--v-btn-size);
18882
+ min-width: 92px;
18883
+ padding: 0 24px;
18884
+ }
18885
+
18886
+ .v-btn.v-btn--density-default {
18887
+ height: calc(var(--v-btn-height) + 0px);
18888
+ }
18889
+
18890
+ .v-btn.v-btn--density-comfortable {
18891
+ height: calc(var(--v-btn-height) + -8px);
18892
+ }
18893
+
18894
+ .v-btn.v-btn--density-compact {
18895
+ height: calc(var(--v-btn-height) + -12px);
18896
+ }
18897
+
18898
+ .v-btn {
18886
18899
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18887
18900
  border-style: solid;
18888
18901
  border-width: 0;
18889
18902
  }
18890
- .v-card--border {
18903
+ .v-btn--border {
18891
18904
  border-width: thin;
18892
18905
  box-shadow: none;
18893
18906
  }
18894
- .v-card--absolute {
18907
+ .v-btn--absolute {
18895
18908
  position: absolute;
18896
18909
  }
18897
- .v-card--fixed {
18910
+ .v-btn--fixed {
18898
18911
  position: fixed;
18899
18912
  }
18900
- .v-card {
18901
- border-radius: 4px;
18902
- }
18903
- .v-card:hover > .v-card__overlay {
18913
+ .v-btn:hover > .v-btn__overlay {
18904
18914
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
18905
18915
  }
18906
- .v-card:focus-visible > .v-card__overlay {
18916
+ .v-btn:focus-visible > .v-btn__overlay {
18907
18917
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
18908
18918
  }
18909
18919
  @supports not selector(:focus-visible) {
18910
- .v-card:focus > .v-card__overlay {
18920
+ .v-btn:focus > .v-btn__overlay {
18911
18921
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
18912
18922
  }
18913
18923
  }
18914
- .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
18924
+ .v-btn--active > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true] > .v-btn__overlay {
18915
18925
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18916
18926
  }
18917
- .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
18927
+ .v-btn--active:hover > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:hover > .v-btn__overlay {
18918
18928
  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18919
18929
  }
18920
- .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
18930
+ .v-btn--active:focus-visible > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-btn__overlay {
18921
18931
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18922
18932
  }
18923
18933
  @supports not selector(:focus-visible) {
18924
- .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
18934
+ .v-btn--active:focus > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-btn__overlay {
18925
18935
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18926
18936
  }
18927
18937
  }
18928
- .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
18938
+ .v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-tonal {
18929
18939
  background: transparent;
18930
18940
  color: inherit;
18931
18941
  }
18932
- .v-card--variant-plain {
18942
+ .v-btn--variant-plain {
18933
18943
  opacity: 0.62;
18934
18944
  }
18935
- .v-card--variant-plain:focus, .v-card--variant-plain:hover {
18945
+ .v-btn--variant-plain:focus, .v-btn--variant-plain:hover {
18936
18946
  opacity: 1;
18937
18947
  }
18938
- .v-card--variant-plain .v-card__overlay {
18948
+ .v-btn--variant-plain .v-btn__overlay {
18939
18949
  display: none;
18940
18950
  }
18941
- .v-card--variant-elevated, .v-card--variant-flat {
18951
+ .v-btn--variant-elevated, .v-btn--variant-flat {
18942
18952
  background: rgb(var(--v-theme-surface));
18943
18953
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18944
18954
  }
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));
18955
+ .v-btn--variant-elevated {
18956
+ 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));
18947
18957
  }
18948
- .v-card--variant-flat {
18958
+ .v-btn--variant-flat {
18949
18959
  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));
18950
18960
  }
18951
- .v-card--variant-outlined {
18961
+ .v-btn--variant-outlined {
18952
18962
  border: thin solid currentColor;
18953
18963
  }
18954
- .v-card--variant-text .v-card__overlay {
18964
+ .v-btn--variant-text .v-btn__overlay {
18955
18965
  background: currentColor;
18956
18966
  }
18957
- .v-card--variant-tonal .v-card__underlay {
18967
+ .v-btn--variant-tonal .v-btn__underlay {
18958
18968
  background: currentColor;
18959
18969
  opacity: var(--v-activated-opacity);
18960
18970
  border-radius: inherit;
@@ -18964,366 +18974,424 @@ html.overflow-y-hidden {
18964
18974
  left: 0;
18965
18975
  pointer-events: none;
18966
18976
  }
18967
- .v-card .v-card__underlay {
18977
+ .v-btn .v-btn__underlay {
18968
18978
  position: absolute;
18969
18979
  }
18970
- .v-card--disabled {
18971
- pointer-events: none;
18972
- -webkit-user-select: none;
18973
- user-select: none;
18980
+ @supports selector(:focus-visible) {
18981
+ .v-btn::after {
18982
+ pointer-events: none;
18983
+ border: 2px solid currentColor;
18984
+ border-radius: inherit;
18985
+ opacity: 0;
18986
+ transition: opacity 0.2s ease-in-out;
18987
+ }
18988
+ .v-btn::after {
18989
+ content: "";
18990
+ position: absolute;
18991
+ top: 0;
18992
+ left: 0;
18993
+ width: 100%;
18994
+ height: 100%;
18995
+ }
18996
+ .v-btn:focus-visible::after {
18997
+ opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
18998
+ }
18974
18999
  }
18975
- .v-card--disabled > :not(.v-card__loader) {
18976
- opacity: 0.6;
19000
+ .v-btn--icon {
19001
+ border-radius: 50%;
19002
+ min-width: 0;
19003
+ padding: 0;
18977
19004
  }
18978
- .v-card--flat {
18979
- box-shadow: none;
18980
- }
18981
- .v-card--hover {
18982
- cursor: pointer;
19005
+ .v-btn--icon.v-btn--size-default {
19006
+ --v-btn-size: 1rem;
18983
19007
  }
18984
- .v-card--hover::before, .v-card--hover::after {
18985
- border-radius: inherit;
18986
- bottom: 0;
18987
- content: "";
18988
- display: block;
18989
- left: 0;
18990
- pointer-events: none;
18991
- position: absolute;
18992
- right: 0;
18993
- top: 0;
18994
- transition: inherit;
19008
+ .v-btn--icon.v-btn--density-default {
19009
+ width: calc(var(--v-btn-height) + 12px);
19010
+ height: calc(var(--v-btn-height) + 12px);
18995
19011
  }
18996
- .v-card--hover::before {
18997
- opacity: 1;
18998
- z-index: -1;
19012
+ .v-btn--icon.v-btn--density-comfortable {
19013
+ width: calc(var(--v-btn-height) + 0px);
19014
+ height: calc(var(--v-btn-height) + 0px);
18999
19015
  }
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));
19016
+ .v-btn--icon.v-btn--density-compact {
19017
+ width: calc(var(--v-btn-height) + -8px);
19018
+ height: calc(var(--v-btn-height) + -8px);
19002
19019
  }
19003
- .v-card--hover::after {
19004
- z-index: 1;
19005
- opacity: 0;
19020
+
19021
+ .v-btn--elevated:hover, .v-btn--elevated:focus {
19022
+ 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));
19006
19023
  }
19007
- .v-card--hover::after {
19024
+ .v-btn--elevated:active {
19008
19025
  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));
19009
19026
  }
19010
- .v-card--hover:hover::after {
19027
+ .v-btn--flat {
19028
+ box-shadow: none;
19029
+ }
19030
+ .v-btn--block {
19031
+ display: flex;
19032
+ flex: 1 0 auto;
19033
+ min-width: 100%;
19034
+ }
19035
+ .v-btn--disabled {
19036
+ pointer-events: none;
19037
+ opacity: 0.26;
19038
+ }
19039
+ .v-btn--disabled:hover {
19040
+ opacity: 0.26;
19041
+ }
19042
+ .v-btn--disabled.v-btn--variant-elevated, .v-btn--disabled.v-btn--variant-flat {
19043
+ box-shadow: none;
19011
19044
  opacity: 1;
19045
+ color: rgba(var(--v-theme-on-surface), 0.26);
19046
+ background: rgb(var(--v-theme-surface));
19012
19047
  }
19013
- .v-card--hover:hover::before {
19014
- opacity: 0;
19048
+ .v-btn--disabled.v-btn--variant-elevated .v-btn__overlay, .v-btn--disabled.v-btn--variant-flat .v-btn__overlay {
19049
+ opacity: 0.4615384615;
19015
19050
  }
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));
19051
+ .v-btn--loading {
19052
+ pointer-events: none;
19018
19053
  }
19019
- .v-card--link {
19020
- cursor: pointer;
19054
+ .v-btn--loading .v-btn__content,
19055
+ .v-btn--loading .v-btn__prepend,
19056
+ .v-btn--loading .v-btn__append {
19057
+ opacity: 0;
19021
19058
  }
19022
-
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;
19059
+ .v-btn--stacked {
19060
+ grid-template-areas: "prepend" "content" "append";
19061
+ grid-template-columns: auto;
19062
+ grid-template-rows: max-content max-content max-content;
19063
+ justify-items: center;
19064
+ align-content: center;
19030
19065
  }
19031
-
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;
19066
+ .v-btn--stacked .v-btn__content {
19067
+ flex-direction: column;
19068
+ line-height: 1.25;
19039
19069
  }
19040
- .v-card-item + .v-card-text {
19041
- padding-top: 0;
19070
+ .v-btn--stacked .v-btn__prepend,
19071
+ .v-btn--stacked .v-btn__append,
19072
+ .v-btn--stacked .v-btn__content > .v-icon--start,
19073
+ .v-btn--stacked .v-btn__content > .v-icon--end {
19074
+ margin-inline: 0;
19042
19075
  }
19043
- .v-card-item__prepend, .v-card-item__append {
19044
- align-items: center;
19045
- display: flex;
19076
+ .v-btn--stacked .v-btn__prepend,
19077
+ .v-btn--stacked .v-btn__content > .v-icon--start {
19078
+ margin-bottom: 4px;
19046
19079
  }
19047
- .v-card-item__prepend {
19048
- grid-area: prepend;
19049
- padding-inline-end: 0.5rem;
19080
+ .v-btn--stacked .v-btn__append,
19081
+ .v-btn--stacked .v-btn__content > .v-icon--end {
19082
+ margin-top: 4px;
19050
19083
  }
19051
- .v-card-item__append {
19052
- grid-area: append;
19053
- padding-inline-start: 0.5rem;
19084
+ .v-btn--stacked.v-btn--size-x-small {
19085
+ --v-btn-size: 0.625rem;
19086
+ --v-btn-height: 56px;
19087
+ font-size: var(--v-btn-size);
19088
+ min-width: 56px;
19089
+ padding: 0 12px;
19054
19090
  }
19055
19091
 
19056
- .v-card-item__content {
19057
- align-self: center;
19058
- grid-area: content;
19059
- overflow: hidden;
19092
+ .v-btn--stacked.v-btn--size-small {
19093
+ --v-btn-size: 0.75rem;
19094
+ --v-btn-height: 64px;
19095
+ font-size: var(--v-btn-size);
19096
+ min-width: 64px;
19097
+ padding: 0 14px;
19060
19098
  }
19061
19099
 
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;
19079
- }
19080
- .v-card .v-card-title {
19081
- line-height: 1.6;
19100
+ .v-btn--stacked.v-btn--size-default {
19101
+ --v-btn-size: 0.875rem;
19102
+ --v-btn-height: 72px;
19103
+ font-size: var(--v-btn-size);
19104
+ min-width: 72px;
19105
+ padding: 0 16px;
19082
19106
  }
19083
- .v-card--density-comfortable .v-card-title {
19084
- line-height: 1.75rem;
19107
+
19108
+ .v-btn--stacked.v-btn--size-large {
19109
+ --v-btn-size: 1rem;
19110
+ --v-btn-height: 80px;
19111
+ font-size: var(--v-btn-size);
19112
+ min-width: 80px;
19113
+ padding: 0 18px;
19085
19114
  }
19086
- .v-card--density-compact .v-card-title {
19087
- line-height: 1.55rem;
19115
+
19116
+ .v-btn--stacked.v-btn--size-x-large {
19117
+ --v-btn-size: 1.125rem;
19118
+ --v-btn-height: 88px;
19119
+ font-size: var(--v-btn-size);
19120
+ min-width: 88px;
19121
+ padding: 0 20px;
19088
19122
  }
19089
- .v-card-item .v-card-title {
19090
- padding: 0;
19123
+
19124
+ .v-btn--stacked.v-btn--density-default {
19125
+ height: calc(var(--v-btn-height) + 0px);
19091
19126
  }
19092
- .v-card-title + .v-card-text,
19093
- .v-card-title + .v-card-actions {
19094
- padding-top: 0;
19127
+
19128
+ .v-btn--stacked.v-btn--density-comfortable {
19129
+ height: calc(var(--v-btn-height) + -16px);
19095
19130
  }
19096
19131
 
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;
19132
+ .v-btn--stacked.v-btn--density-compact {
19133
+ height: calc(var(--v-btn-height) + -24px);
19109
19134
  }
19110
- .v-card .v-card-subtitle {
19111
- line-height: 1.425;
19135
+
19136
+ .v-btn--slim {
19137
+ padding: 0 8px;
19112
19138
  }
19113
- .v-card--density-comfortable .v-card-subtitle {
19114
- line-height: 1.125rem;
19139
+ .v-btn--readonly {
19140
+ pointer-events: none;
19115
19141
  }
19116
- .v-card--density-compact .v-card-subtitle {
19117
- line-height: 1rem;
19142
+ .v-btn--rounded {
19143
+ border-radius: 24px;
19118
19144
  }
19119
- .v-card-item .v-card-subtitle {
19120
- padding: 0 0 0.25rem;
19145
+ .v-btn--rounded.v-btn--icon {
19146
+ border-radius: 4px;
19121
19147
  }
19122
-
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;
19148
+ .v-btn .v-icon {
19149
+ --v-icon-size-multiplier: 0.8571428571;
19131
19150
  }
19132
- .v-card .v-card-text {
19133
- line-height: 1.425;
19151
+ .v-btn--icon .v-icon {
19152
+ --v-icon-size-multiplier: 1;
19134
19153
  }
19135
- .v-card--density-comfortable .v-card-text {
19136
- line-height: 1.2rem;
19154
+ .v-btn--stacked .v-icon {
19155
+ --v-icon-size-multiplier: 1.1428571429;
19137
19156
  }
19138
- .v-card--density-compact .v-card-text {
19139
- line-height: 1.15rem;
19157
+ .v-btn--stacked.v-btn--block {
19158
+ min-width: 100%;
19140
19159
  }
19141
19160
 
19142
- .v-card__image {
19161
+ .v-btn__loader {
19162
+ align-items: center;
19143
19163
  display: flex;
19144
19164
  height: 100%;
19145
- flex: 1 1 auto;
19165
+ justify-content: center;
19146
19166
  left: 0;
19147
- overflow: hidden;
19148
19167
  position: absolute;
19149
19168
  top: 0;
19150
19169
  width: 100%;
19151
- z-index: -1;
19170
+ }
19171
+ .v-btn__loader > .v-progress-circular {
19172
+ width: 1.5em;
19173
+ height: 1.5em;
19152
19174
  }
19153
19175
 
19154
- .v-card__content {
19155
- border-radius: inherit;
19156
- overflow: hidden;
19157
- position: relative;
19176
+ .v-btn__content,
19177
+ .v-btn__prepend,
19178
+ .v-btn__append {
19179
+ align-items: center;
19180
+ display: flex;
19181
+ transition: transform, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
19158
19182
  }
19159
19183
 
19160
- .v-card__loader {
19161
- bottom: auto;
19162
- top: 0;
19163
- left: 0;
19164
- position: absolute;
19165
- right: 0;
19166
- width: 100%;
19167
- z-index: 1;
19184
+ .v-btn__prepend {
19185
+ grid-area: prepend;
19186
+ margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
19187
+ }
19188
+ .v-btn--slim .v-btn__prepend {
19189
+ margin-inline-start: 0;
19168
19190
  }
19169
19191
 
19170
- .v-card__overlay {
19192
+ .v-btn__append {
19193
+ grid-area: append;
19194
+ margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
19195
+ }
19196
+ .v-btn--slim .v-btn__append {
19197
+ margin-inline-end: 0;
19198
+ }
19199
+
19200
+ .v-btn__content {
19201
+ grid-area: content;
19202
+ justify-content: center;
19203
+ white-space: nowrap;
19204
+ }
19205
+ .v-btn__content > .v-icon--start {
19206
+ margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
19207
+ }
19208
+ .v-btn__content > .v-icon--end {
19209
+ margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
19210
+ }
19211
+ .v-btn--stacked .v-btn__content {
19212
+ white-space: normal;
19213
+ }
19214
+
19215
+ .v-btn__overlay {
19171
19216
  background-color: currentColor;
19172
19217
  border-radius: inherit;
19218
+ opacity: 0;
19219
+ transition: opacity 0.2s ease-in-out;
19220
+ }
19221
+
19222
+ .v-btn__overlay,
19223
+ .v-btn__underlay {
19224
+ pointer-events: none;
19225
+ }
19226
+ .v-btn__overlay,
19227
+ .v-btn__underlay {
19173
19228
  position: absolute;
19174
19229
  top: 0;
19175
- right: 0;
19176
- bottom: 0;
19177
19230
  left: 0;
19178
- pointer-events: none;
19179
- opacity: 0;
19180
- transition: opacity 0.2s ease-in-out;
19181
- }.v-btn {
19182
- align-items: center;
19231
+ width: 100%;
19232
+ height: 100%;
19233
+ }
19234
+
19235
+ .v-pagination .v-btn {
19183
19236
  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;
19237
+ }
19238
+ .v-pagination .v-btn--rounded {
19239
+ border-radius: 50%;
19240
+ }
19241
+ .v-btn__overlay {
19242
+ transition: none;
19243
+ }
19244
+ .v-pagination__item--is-active .v-btn__overlay {
19245
+ opacity: var(--v-border-opacity);
19246
+ }.v-btn-group {
19247
+ display: inline-flex;
19248
+ flex-wrap: nowrap;
19191
19249
  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;
19250
+ min-width: 0;
19251
+ overflow: hidden;
19202
19252
  vertical-align: middle;
19203
- flex-shrink: 0;
19204
19253
  }
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;
19254
+ .v-btn-group {
19255
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19256
+ border-style: solid;
19257
+ border-width: 0;
19211
19258
  }
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;
19259
+ .v-btn-group--border {
19260
+ border-width: thin;
19261
+ box-shadow: none;
19219
19262
  }
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;
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));
19227
19265
  }
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;
19266
+ .v-btn-group {
19267
+ border-radius: 4px;
19235
19268
  }
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;
19269
+ .v-btn-group {
19270
+ background: transparent;
19271
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19243
19272
  }
19244
-
19245
- .v-btn.v-btn--density-default {
19246
- height: calc(var(--v-btn-height) + 0px);
19273
+ .v-btn-group--density-default.v-btn-group {
19274
+ height: 48px;
19247
19275
  }
19248
19276
 
19249
- .v-btn.v-btn--density-comfortable {
19250
- height: calc(var(--v-btn-height) + -8px);
19277
+ .v-btn-group--density-comfortable.v-btn-group {
19278
+ height: 40px;
19251
19279
  }
19252
19280
 
19253
- .v-btn.v-btn--density-compact {
19254
- height: calc(var(--v-btn-height) + -12px);
19281
+ .v-btn-group--density-compact.v-btn-group {
19282
+ height: 36px;
19255
19283
  }
19256
19284
 
19257
- .v-btn {
19285
+ .v-btn-group .v-btn {
19286
+ border-radius: 0;
19287
+ border-color: inherit;
19288
+ }
19289
+ .v-btn-group .v-btn:not(:last-child) {
19290
+ border-inline-end: none;
19291
+ }
19292
+ .v-btn-group .v-btn:not(:first-child) {
19293
+ border-inline-start: none;
19294
+ }
19295
+ .v-btn-group .v-btn:first-child {
19296
+ border-start-start-radius: inherit;
19297
+ border-end-start-radius: inherit;
19298
+ }
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 {
19258
19323
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19259
19324
  border-style: solid;
19260
19325
  border-width: 0;
19261
19326
  }
19262
- .v-btn--border {
19327
+ .v-card--border {
19263
19328
  border-width: thin;
19264
19329
  box-shadow: none;
19265
19330
  }
19266
- .v-btn--absolute {
19331
+ .v-card--absolute {
19267
19332
  position: absolute;
19268
19333
  }
19269
- .v-btn--fixed {
19334
+ .v-card--fixed {
19270
19335
  position: fixed;
19271
19336
  }
19272
- .v-btn:hover > .v-btn__overlay {
19337
+ .v-card {
19338
+ border-radius: 4px;
19339
+ }
19340
+ .v-card:hover > .v-card__overlay {
19273
19341
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
19274
19342
  }
19275
- .v-btn:focus-visible > .v-btn__overlay {
19343
+ .v-card:focus-visible > .v-card__overlay {
19276
19344
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19277
19345
  }
19278
19346
  @supports not selector(:focus-visible) {
19279
- .v-btn:focus > .v-btn__overlay {
19347
+ .v-card:focus > .v-card__overlay {
19280
19348
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19281
19349
  }
19282
19350
  }
19283
- .v-btn--active > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true] > .v-btn__overlay {
19351
+ .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
19284
19352
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19285
19353
  }
19286
- .v-btn--active:hover > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:hover > .v-btn__overlay {
19354
+ .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
19287
19355
  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19288
19356
  }
19289
- .v-btn--active:focus-visible > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-btn__overlay {
19357
+ .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
19290
19358
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19291
19359
  }
19292
19360
  @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 {
19361
+ .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
19294
19362
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19295
19363
  }
19296
19364
  }
19297
- .v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-tonal {
19365
+ .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
19298
19366
  background: transparent;
19299
19367
  color: inherit;
19300
19368
  }
19301
- .v-btn--variant-plain {
19369
+ .v-card--variant-plain {
19302
19370
  opacity: 0.62;
19303
19371
  }
19304
- .v-btn--variant-plain:focus, .v-btn--variant-plain:hover {
19372
+ .v-card--variant-plain:focus, .v-card--variant-plain:hover {
19305
19373
  opacity: 1;
19306
19374
  }
19307
- .v-btn--variant-plain .v-btn__overlay {
19375
+ .v-card--variant-plain .v-card__overlay {
19308
19376
  display: none;
19309
19377
  }
19310
- .v-btn--variant-elevated, .v-btn--variant-flat {
19378
+ .v-card--variant-elevated, .v-card--variant-flat {
19311
19379
  background: rgb(var(--v-theme-surface));
19312
19380
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19313
19381
  }
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));
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));
19316
19384
  }
19317
- .v-btn--variant-flat {
19385
+ .v-card--variant-flat {
19318
19386
  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));
19319
19387
  }
19320
- .v-btn--variant-outlined {
19388
+ .v-card--variant-outlined {
19321
19389
  border: thin solid currentColor;
19322
19390
  }
19323
- .v-btn--variant-text .v-btn__overlay {
19391
+ .v-card--variant-text .v-card__overlay {
19324
19392
  background: currentColor;
19325
19393
  }
19326
- .v-btn--variant-tonal .v-btn__underlay {
19394
+ .v-card--variant-tonal .v-card__underlay {
19327
19395
  background: currentColor;
19328
19396
  opacity: var(--v-activated-opacity);
19329
19397
  border-radius: inherit;
@@ -19333,288 +19401,220 @@ html.overflow-y-hidden {
19333
19401
  left: 0;
19334
19402
  pointer-events: none;
19335
19403
  }
19336
- .v-btn .v-btn__underlay {
19404
+ .v-card .v-card__underlay {
19337
19405
  position: absolute;
19338
19406
  }
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
- }
19358
- }
19359
- .v-btn--icon {
19360
- border-radius: 50%;
19361
- min-width: 0;
19362
- padding: 0;
19363
- }
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);
19407
+ .v-card--disabled {
19408
+ pointer-events: none;
19409
+ -webkit-user-select: none;
19410
+ user-select: none;
19370
19411
  }
19371
- .v-btn--icon.v-btn--density-comfortable {
19372
- width: calc(var(--v-btn-height) + 0px);
19373
- height: calc(var(--v-btn-height) + 0px);
19412
+ .v-card--disabled > :not(.v-card__loader) {
19413
+ opacity: 0.6;
19374
19414
  }
19375
- .v-btn--icon.v-btn--density-compact {
19376
- width: calc(var(--v-btn-height) + -8px);
19377
- height: calc(var(--v-btn-height) + -8px);
19415
+ .v-card--flat {
19416
+ box-shadow: none;
19378
19417
  }
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));
19418
+ .v-card--hover {
19419
+ cursor: pointer;
19382
19420
  }
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));
19421
+ .v-card--hover::before, .v-card--hover::after {
19422
+ border-radius: inherit;
19423
+ bottom: 0;
19424
+ content: "";
19425
+ display: block;
19426
+ left: 0;
19427
+ pointer-events: none;
19428
+ position: absolute;
19429
+ right: 0;
19430
+ top: 0;
19431
+ transition: inherit;
19385
19432
  }
19386
- .v-btn--flat {
19387
- box-shadow: none;
19433
+ .v-card--hover::before {
19434
+ opacity: 1;
19435
+ z-index: -1;
19388
19436
  }
19389
- .v-btn--block {
19390
- display: flex;
19391
- flex: 1 0 auto;
19392
- min-width: 100%;
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));
19393
19439
  }
19394
- .v-btn--disabled {
19395
- pointer-events: none;
19396
- opacity: 0.26;
19440
+ .v-card--hover::after {
19441
+ z-index: 1;
19442
+ opacity: 0;
19397
19443
  }
19398
- .v-btn--disabled:hover {
19399
- opacity: 0.26;
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));
19400
19446
  }
19401
- .v-btn--disabled.v-btn--variant-elevated, .v-btn--disabled.v-btn--variant-flat {
19402
- box-shadow: none;
19447
+ .v-card--hover:hover::after {
19403
19448
  opacity: 1;
19404
- color: rgba(var(--v-theme-on-surface), 0.26);
19405
- background: rgb(var(--v-theme-surface));
19406
19449
  }
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;
19450
+ .v-card--hover:hover::before {
19451
+ opacity: 0;
19409
19452
  }
19410
- .v-btn--loading {
19411
- pointer-events: none;
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));
19412
19455
  }
19413
- .v-btn--loading .v-btn__content,
19414
- .v-btn--loading .v-btn__prepend,
19415
- .v-btn--loading .v-btn__append {
19416
- opacity: 0;
19456
+ .v-card--link {
19457
+ cursor: pointer;
19417
19458
  }
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;
19459
+
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;
19424
19467
  }
19425
- .v-btn--stacked .v-btn__content {
19426
- flex-direction: column;
19427
- line-height: 1.25;
19468
+
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;
19428
19476
  }
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;
19477
+ .v-card-item + .v-card-text {
19478
+ padding-top: 0;
19434
19479
  }
19435
- .v-btn--stacked .v-btn__prepend,
19436
- .v-btn--stacked .v-btn__content > .v-icon--start {
19437
- margin-bottom: 4px;
19480
+ .v-card-item__prepend, .v-card-item__append {
19481
+ align-items: center;
19482
+ display: flex;
19438
19483
  }
19439
- .v-btn--stacked .v-btn__append,
19440
- .v-btn--stacked .v-btn__content > .v-icon--end {
19441
- margin-top: 4px;
19484
+ .v-card-item__prepend {
19485
+ grid-area: prepend;
19486
+ padding-inline-end: 0.5rem;
19442
19487
  }
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;
19488
+ .v-card-item__append {
19489
+ grid-area: append;
19490
+ padding-inline-start: 0.5rem;
19449
19491
  }
19450
19492
 
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;
19493
+ .v-card-item__content {
19494
+ align-self: center;
19495
+ grid-area: content;
19496
+ overflow: hidden;
19457
19497
  }
19458
19498
 
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;
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;
19465
19516
  }
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;
19517
+ .v-card .v-card-title {
19518
+ line-height: 1.6;
19473
19519
  }
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;
19520
+ .v-card--density-comfortable .v-card-title {
19521
+ line-height: 1.75rem;
19481
19522
  }
19482
-
19483
- .v-btn--stacked.v-btn--density-default {
19484
- height: calc(var(--v-btn-height) + 0px);
19523
+ .v-card--density-compact .v-card-title {
19524
+ line-height: 1.55rem;
19485
19525
  }
19486
-
19487
- .v-btn--stacked.v-btn--density-comfortable {
19488
- height: calc(var(--v-btn-height) + -16px);
19526
+ .v-card-item .v-card-title {
19527
+ padding: 0;
19528
+ }
19529
+ .v-card-title + .v-card-text,
19530
+ .v-card-title + .v-card-actions {
19531
+ padding-top: 0;
19489
19532
  }
19490
19533
 
19491
- .v-btn--stacked.v-btn--density-compact {
19492
- height: calc(var(--v-btn-height) + -24px);
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;
19493
19546
  }
19494
-
19495
- .v-btn--slim {
19496
- padding: 0 8px;
19547
+ .v-card .v-card-subtitle {
19548
+ line-height: 1.425;
19497
19549
  }
19498
- .v-btn--readonly {
19499
- pointer-events: none;
19550
+ .v-card--density-comfortable .v-card-subtitle {
19551
+ line-height: 1.125rem;
19500
19552
  }
19501
- .v-btn--rounded {
19502
- border-radius: 24px;
19553
+ .v-card--density-compact .v-card-subtitle {
19554
+ line-height: 1rem;
19503
19555
  }
19504
- .v-btn--rounded.v-btn--icon {
19505
- border-radius: 4px;
19556
+ .v-card-item .v-card-subtitle {
19557
+ padding: 0 0 0.25rem;
19506
19558
  }
19507
- .v-btn .v-icon {
19508
- --v-icon-size-multiplier: 0.8571428571;
19559
+
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;
19509
19568
  }
19510
- .v-btn--icon .v-icon {
19511
- --v-icon-size-multiplier: 1;
19569
+ .v-card .v-card-text {
19570
+ line-height: 1.425;
19512
19571
  }
19513
- .v-btn--stacked .v-icon {
19514
- --v-icon-size-multiplier: 1.1428571429;
19572
+ .v-card--density-comfortable .v-card-text {
19573
+ line-height: 1.2rem;
19515
19574
  }
19516
- .v-btn--stacked.v-btn--block {
19517
- min-width: 100%;
19575
+ .v-card--density-compact .v-card-text {
19576
+ line-height: 1.15rem;
19518
19577
  }
19519
19578
 
19520
- .v-btn__loader {
19521
- align-items: center;
19579
+ .v-card__image {
19522
19580
  display: flex;
19523
19581
  height: 100%;
19524
- justify-content: center;
19582
+ flex: 1 1 auto;
19525
19583
  left: 0;
19584
+ overflow: hidden;
19526
19585
  position: absolute;
19527
19586
  top: 0;
19528
19587
  width: 100%;
19529
- }
19530
- .v-btn__loader > .v-progress-circular {
19531
- width: 1.5em;
19532
- height: 1.5em;
19533
- }
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);
19541
- }
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);
19546
- }
19547
- .v-btn--slim .v-btn__prepend {
19548
- margin-inline-start: 0;
19588
+ z-index: -1;
19549
19589
  }
19550
19590
 
19551
- .v-btn__append {
19552
- grid-area: append;
19553
- margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
19554
- }
19555
- .v-btn--slim .v-btn__append {
19556
- margin-inline-end: 0;
19591
+ .v-card__content {
19592
+ border-radius: inherit;
19593
+ overflow: hidden;
19594
+ position: relative;
19557
19595
  }
19558
19596
 
19559
- .v-btn__content {
19560
- grid-area: content;
19561
- justify-content: center;
19562
- white-space: nowrap;
19563
- }
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;
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;
19572
19605
  }
19573
19606
 
19574
- .v-btn__overlay {
19607
+ .v-card__overlay {
19575
19608
  background-color: currentColor;
19576
19609
  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 {
19587
19610
  position: absolute;
19588
19611
  top: 0;
19612
+ right: 0;
19613
+ bottom: 0;
19589
19614
  left: 0;
19590
- width: 100%;
19591
- height: 100%;
19592
- }
19593
-
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));
19607
- }
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));
19610
- }
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
- }
19615
+ pointer-events: none;
19616
+ opacity: 0;
19617
+ transition: opacity 0.2s ease-in-out;
19618
19618
  }.v-carousel {
19619
19619
  overflow: hidden;
19620
19620
  position: relative;
@@ -19680,6 +19680,11 @@ 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);
19683
19688
  }.v-chip {
19684
19689
  align-items: center;
19685
19690
  display: inline-flex;
@@ -20116,11 +20121,6 @@ html.overflow-y-hidden {
20116
20121
  white-space: normal;
20117
20122
  flex-wrap: wrap;
20118
20123
  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,11 +20143,6 @@ 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;
20151
20146
  }.v-combobox .v-field .v-text-field__prefix,
20152
20147
  .v-combobox .v-field .v-text-field__suffix,
20153
20148
  .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
@@ -20233,6 +20228,11 @@ html.overflow-y-hidden {
20233
20228
  .v-combobox--active-menu .v-combobox__menu-icon {
20234
20229
  opacity: var(--v-high-emphasis-opacity);
20235
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
20236
  }.v-data-table {
20237
20237
  width: 100%;
20238
20238
  }
@@ -20573,25 +20573,6 @@ html.overflow-y-hidden {
20573
20573
  .date-picker-header-reverse-transition-leave-to {
20574
20574
  opacity: 0;
20575
20575
  transform: translate(0, 100%);
20576
- }.v-date-picker-months {
20577
- height: 288px;
20578
- }
20579
-
20580
- .v-date-picker-months__content {
20581
- align-items: center;
20582
- display: grid;
20583
- flex: 1 1;
20584
- height: inherit;
20585
- justify-content: space-around;
20586
- grid-template-columns: repeat(2, 1fr);
20587
- grid-gap: 0px 24px;
20588
- padding-inline-start: 36px;
20589
- padding-inline-end: 36px;
20590
- }
20591
- .v-date-picker-months__content .v-btn {
20592
- text-transform: none;
20593
- padding-inline-start: 8px;
20594
- padding-inline-end: 8px;
20595
20576
  }.v-date-picker-month {
20596
20577
  display: flex;
20597
20578
  justify-content: center;
@@ -20647,6 +20628,25 @@ html.overflow-y-hidden {
20647
20628
 
20648
20629
  .v-date-picker-month__day--hide-adjacent {
20649
20630
  opacity: 0;
20631
+ }.v-date-picker-months {
20632
+ height: 288px;
20633
+ }
20634
+
20635
+ .v-date-picker-months__content {
20636
+ align-items: center;
20637
+ display: grid;
20638
+ flex: 1 1;
20639
+ height: inherit;
20640
+ justify-content: space-around;
20641
+ grid-template-columns: repeat(2, 1fr);
20642
+ grid-gap: 0px 24px;
20643
+ padding-inline-start: 36px;
20644
+ padding-inline-end: 36px;
20645
+ }
20646
+ .v-date-picker-months__content .v-btn {
20647
+ text-transform: none;
20648
+ padding-inline-start: 8px;
20649
+ padding-inline-end: 8px;
20650
20650
  }.v-date-picker-years {
20651
20651
  height: 288px;
20652
20652
  overflow-y: scroll;
@@ -21075,28 +21075,64 @@ html.overflow-y-hidden {
21075
21075
  margin-bottom: 4px;
21076
21076
  text-align: center;
21077
21077
  }
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;
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;
21085
+ }
21086
+
21087
+ .v-empty-state__content {
21088
+ padding: 24px 0;
21089
+ }
21090
+
21091
+ .v-empty-state__actions {
21092
+ display: flex;
21093
+ gap: 8px;
21094
+ padding: 16px;
21095
+ }
21096
+
21097
+ .v-empty-state__action-btn.v-btn {
21098
+ background-color: initial;
21099
+ color: initial;
21100
+ }.v-footer {
21101
+ align-items: center;
21102
+ display: flex;
21103
+ flex: 1 1 auto;
21104
+ padding: 8px 16px;
21105
+ position: relative;
21106
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21107
+ transition-property: height, width, transform, max-width, left, right, top, bottom;
21108
+ }
21109
+ .v-footer {
21110
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21111
+ border-style: solid;
21112
+ border-width: 0;
21113
+ }
21114
+ .v-footer--border {
21115
+ border-width: thin;
21116
+ box-shadow: none;
21117
+ }
21118
+ .v-footer {
21119
+ 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));
21085
21120
  }
21086
-
21087
- .v-empty-state__content {
21088
- padding: 24px 0;
21121
+ .v-footer--absolute {
21122
+ position: absolute;
21089
21123
  }
21090
-
21091
- .v-empty-state__actions {
21092
- display: flex;
21093
- gap: 8px;
21094
- padding: 16px;
21124
+ .v-footer--fixed {
21125
+ position: fixed;
21095
21126
  }
21096
-
21097
- .v-empty-state__action-btn.v-btn {
21098
- background-color: initial;
21099
- color: initial;
21127
+ .v-footer {
21128
+ border-radius: 0;
21129
+ }
21130
+ .v-footer {
21131
+ background: rgb(var(--v-theme-surface));
21132
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21133
+ }
21134
+ .v-footer--rounded {
21135
+ border-radius: 4px;
21100
21136
  }/* region INPUT */
21101
21137
  .v-field {
21102
21138
  display: grid;
@@ -21680,36 +21716,7 @@ textarea.v-field__input::placeholder {
21680
21716
  opacity: 0;
21681
21717
  }
21682
21718
 
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 {
21719
+ /* endregion */.v-fab {
21713
21720
  align-items: center;
21714
21721
  display: inline-flex;
21715
21722
  flex: 1 1 auto;
@@ -21778,42 +21785,35 @@ textarea.v-field__input::placeholder {
21778
21785
  }
21779
21786
  .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
21780
21787
  right: 0;
21781
- }.v-footer {
21782
- align-items: center;
21783
- display: flex;
21784
- flex: 1 1 auto;
21785
- padding: 8px 16px;
21786
- position: relative;
21787
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21788
- transition-property: height, width, transform, max-width, left, right, top, bottom;
21789
- }
21790
- .v-footer {
21791
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21792
- border-style: solid;
21793
- border-width: 0;
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;
21794
21792
  }
21795
- .v-footer--border {
21796
- border-width: thin;
21797
- box-shadow: none;
21793
+ .v-file-input--hide.v-input .v-input__prepend {
21794
+ grid-area: control;
21795
+ margin: 0 auto;
21798
21796
  }
21799
- .v-footer {
21800
- 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));
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;
21801
21802
  }
21802
- .v-footer--absolute {
21803
+ .v-file-input input[type=file] {
21804
+ height: 100%;
21805
+ left: 0;
21806
+ opacity: 0;
21803
21807
  position: absolute;
21808
+ top: 0;
21809
+ width: 100%;
21810
+ z-index: 1;
21804
21811
  }
21805
- .v-footer--fixed {
21806
- position: fixed;
21807
- }
21808
- .v-footer {
21809
- border-radius: 0;
21810
- }
21811
- .v-footer {
21812
- background: rgb(var(--v-theme-surface));
21813
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21812
+ .v-file-input .v-input__details {
21813
+ padding-inline: 16px;
21814
21814
  }
21815
- .v-footer--rounded {
21816
- border-radius: 4px;
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;
@@ -22486,6 +22486,57 @@ textarea.v-field__input::placeholder {
22486
22486
  .offset-xxl-11 {
22487
22487
  margin-inline-start: 91.6666666667%;
22488
22488
  }
22489
+ }.v-img {
22490
+ --v-theme-overlay-multiplier: 3;
22491
+ z-index: 0;
22492
+ }
22493
+ .v-img.v-img--absolute {
22494
+ height: 100%;
22495
+ left: 0;
22496
+ overflow: hidden;
22497
+ position: absolute;
22498
+ top: 0;
22499
+ width: 100%;
22500
+ z-index: -1;
22501
+ }
22502
+ .v-img--booting .v-responsive__sizer {
22503
+ transition: none;
22504
+ }
22505
+ .v-img--rounded {
22506
+ border-radius: 4px;
22507
+ }
22508
+
22509
+ .v-img__img,
22510
+ .v-img__picture,
22511
+ .v-img__gradient,
22512
+ .v-img__placeholder,
22513
+ .v-img__error {
22514
+ z-index: -1;
22515
+ }
22516
+ .v-img__img,
22517
+ .v-img__picture,
22518
+ .v-img__gradient,
22519
+ .v-img__placeholder,
22520
+ .v-img__error {
22521
+ position: absolute;
22522
+ top: 0;
22523
+ left: 0;
22524
+ width: 100%;
22525
+ height: 100%;
22526
+ }
22527
+
22528
+ .v-img__img--preload {
22529
+ filter: blur(4px);
22530
+ }
22531
+ .v-img__img--contain {
22532
+ object-fit: contain;
22533
+ }
22534
+ .v-img__img--cover {
22535
+ object-fit: cover;
22536
+ }
22537
+
22538
+ .v-img__gradient {
22539
+ background-repeat: no-repeat;
22489
22540
  }.v-icon {
22490
22541
  --v-icon-size-multiplier: 1;
22491
22542
  align-items: center;
@@ -22539,57 +22590,6 @@ textarea.v-field__input::placeholder {
22539
22590
 
22540
22591
  .v-icon--end {
22541
22592
  margin-inline-start: 8px;
22542
- }.v-img {
22543
- --v-theme-overlay-multiplier: 3;
22544
- z-index: 0;
22545
- }
22546
- .v-img.v-img--absolute {
22547
- height: 100%;
22548
- left: 0;
22549
- overflow: hidden;
22550
- position: absolute;
22551
- top: 0;
22552
- width: 100%;
22553
- z-index: -1;
22554
- }
22555
- .v-img--booting .v-responsive__sizer {
22556
- transition: none;
22557
- }
22558
- .v-img--rounded {
22559
- border-radius: 4px;
22560
- }
22561
-
22562
- .v-img__img,
22563
- .v-img__picture,
22564
- .v-img__gradient,
22565
- .v-img__placeholder,
22566
- .v-img__error {
22567
- z-index: -1;
22568
- }
22569
- .v-img__img,
22570
- .v-img__picture,
22571
- .v-img__gradient,
22572
- .v-img__placeholder,
22573
- .v-img__error {
22574
- position: absolute;
22575
- top: 0;
22576
- left: 0;
22577
- width: 100%;
22578
- height: 100%;
22579
- }
22580
-
22581
- .v-img__img--preload {
22582
- filter: blur(4px);
22583
- }
22584
- .v-img__img--contain {
22585
- object-fit: contain;
22586
- }
22587
- .v-img__img--cover {
22588
- object-fit: cover;
22589
- }
22590
-
22591
- .v-img__gradient {
22592
- background-repeat: no-repeat;
22593
22593
  }.v-infinite-scroll--horizontal {
22594
22594
  display: flex;
22595
22595
  flex-direction: row;
@@ -22632,6 +22632,21 @@ textarea.v-field__input::placeholder {
22632
22632
  max-width: 100%;
22633
22633
  position: relative;
22634
22634
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22635
+ }.v-label {
22636
+ align-items: center;
22637
+ color: inherit;
22638
+ display: inline-flex;
22639
+ font-size: 1rem;
22640
+ letter-spacing: 0.009375em;
22641
+ min-width: 0;
22642
+ opacity: var(--v-medium-emphasis-opacity);
22643
+ overflow: hidden;
22644
+ text-overflow: ellipsis;
22645
+ white-space: nowrap;
22646
+ }
22647
+
22648
+ .v-label--clickable {
22649
+ cursor: pointer;
22635
22650
  }.v-input {
22636
22651
  display: grid;
22637
22652
  flex: 1 1 auto;
@@ -22774,13 +22789,6 @@ textarea.v-field__input::placeholder {
22774
22789
 
22775
22790
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
22776
22791
  padding-top: calc(var(--v-input-padding-top) + 0px);
22777
- }.v-layout-item {
22778
- position: absolute;
22779
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22780
- }
22781
-
22782
- .v-layout-item--absolute {
22783
- position: absolute;
22784
22792
  }.v-layout {
22785
22793
  --v-scrollbar-offset: 0px;
22786
22794
  display: flex;
@@ -22789,21 +22797,13 @@ textarea.v-field__input::placeholder {
22789
22797
  .v-layout--full-height {
22790
22798
  --v-scrollbar-offset: inherit;
22791
22799
  height: 100%;
22792
- }.v-label {
22793
- align-items: center;
22794
- color: inherit;
22795
- display: inline-flex;
22796
- font-size: 1rem;
22797
- letter-spacing: 0.009375em;
22798
- min-width: 0;
22799
- opacity: var(--v-medium-emphasis-opacity);
22800
- overflow: hidden;
22801
- text-overflow: ellipsis;
22802
- white-space: nowrap;
22800
+ }.v-layout-item {
22801
+ position: absolute;
22802
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22803
22803
  }
22804
22804
 
22805
- .v-label--clickable {
22806
- cursor: pointer;
22805
+ .v-layout-item--absolute {
22806
+ position: absolute;
22807
22807
  }.v-list {
22808
22808
  overflow: auto;
22809
22809
  padding: 8px 0;
@@ -23379,6 +23379,8 @@ 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;
23382
23384
  }.v-main {
23383
23385
  flex: 1 0 auto;
23384
23386
  max-width: 100%;
@@ -23409,6 +23411,22 @@ textarea.v-field__input::placeholder {
23409
23411
  --v-layout-right: 0px;
23410
23412
  --v-layout-top: 0px;
23411
23413
  --v-layout-bottom: 0px;
23414
+ }.v-messages {
23415
+ flex: 1 1 auto;
23416
+ font-size: 12px;
23417
+ min-height: 14px;
23418
+ min-width: 1px;
23419
+ opacity: var(--v-medium-emphasis-opacity);
23420
+ position: relative;
23421
+ }
23422
+ .v-messages__message {
23423
+ line-height: 12px;
23424
+ word-break: break-word;
23425
+ overflow-wrap: break-word;
23426
+ word-wrap: break-word;
23427
+ -webkit-hyphens: auto;
23428
+ hyphens: auto;
23429
+ transition-duration: 150ms;
23412
23430
  }.v-navigation-drawer {
23413
23431
  -webkit-overflow-scrolling: touch;
23414
23432
  background: rgb(var(--v-theme-surface));
@@ -23517,27 +23535,6 @@ textarea.v-field__input::placeholder {
23517
23535
  .v-navigation-drawer__append {
23518
23536
  flex: none;
23519
23537
  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));
23541
23538
  }.v-otp-input {
23542
23539
  align-items: center;
23543
23540
  display: flex;
@@ -23659,20 +23656,122 @@ html.v-overlay-scroll-blocked {
23659
23656
 
23660
23657
  .v-overlay--scroll-blocked {
23661
23658
  padding-inline-end: var(--v-scrollbar-offset);
23659
+ }.v-pagination__list {
23660
+ display: inline-flex;
23661
+ list-style-type: none;
23662
+ justify-content: center;
23663
+ width: 100%;
23664
+ }
23665
+ .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
23666
+ margin: 0.3rem;
23662
23667
  }.v-parallax {
23663
23668
  position: relative;
23664
23669
  overflow: hidden;
23665
23670
  }
23666
23671
  .v-parallax--active > .v-img__img {
23667
23672
  will-change: transform;
23668
- }.v-pagination__list {
23673
+ }.v-progress-circular {
23674
+ align-items: center;
23669
23675
  display: inline-flex;
23670
- list-style-type: none;
23671
23676
  justify-content: center;
23677
+ position: relative;
23678
+ vertical-align: middle;
23679
+ }
23680
+ .v-progress-circular > svg {
23672
23681
  width: 100%;
23682
+ height: 100%;
23683
+ margin: auto;
23684
+ position: absolute;
23685
+ top: 0;
23686
+ bottom: 0;
23687
+ left: 0;
23688
+ right: 0;
23689
+ z-index: 0;
23673
23690
  }
23674
- .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
23675
- margin: 0.3rem;
23691
+
23692
+ .v-progress-circular__content {
23693
+ align-items: center;
23694
+ display: flex;
23695
+ justify-content: center;
23696
+ }
23697
+
23698
+ .v-progress-circular__underlay {
23699
+ color: rgba(var(--v-border-color), var(--v-border-opacity));
23700
+ stroke: currentColor;
23701
+ z-index: 1;
23702
+ }
23703
+
23704
+ .v-progress-circular__overlay {
23705
+ stroke: currentColor;
23706
+ transition: all 0.2s ease-in-out, stroke-width 0s;
23707
+ z-index: 2;
23708
+ }
23709
+
23710
+ .v-progress-circular--size-x-small {
23711
+ height: 16px;
23712
+ width: 16px;
23713
+ }
23714
+ .v-progress-circular--size-small {
23715
+ height: 24px;
23716
+ width: 24px;
23717
+ }
23718
+ .v-progress-circular--size-default {
23719
+ height: 32px;
23720
+ width: 32px;
23721
+ }
23722
+ .v-progress-circular--size-large {
23723
+ height: 48px;
23724
+ width: 48px;
23725
+ }
23726
+ .v-progress-circular--size-x-large {
23727
+ height: 64px;
23728
+ width: 64px;
23729
+ }
23730
+
23731
+ .v-progress-circular--indeterminate > svg {
23732
+ animation: progress-circular-rotate 1.4s linear infinite;
23733
+ transform-origin: center center;
23734
+ transition: all 0.2s ease-in-out;
23735
+ }
23736
+ .v-progress-circular--indeterminate .v-progress-circular__overlay {
23737
+ animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
23738
+ stroke-dasharray: 25, 200;
23739
+ stroke-dashoffset: 0;
23740
+ stroke-linecap: round;
23741
+ transform-origin: center center;
23742
+ transform: rotate(-90deg);
23743
+ }
23744
+
23745
+ .v-progress-circular--disable-shrink > svg {
23746
+ animation-duration: 0.7s;
23747
+ }
23748
+ .v-progress-circular--disable-shrink .v-progress-circular__overlay {
23749
+ animation: none;
23750
+ }
23751
+
23752
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
23753
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
23754
+ animation-play-state: paused !important;
23755
+ }
23756
+
23757
+ @keyframes progress-circular-dash {
23758
+ 0% {
23759
+ stroke-dasharray: 1, 200;
23760
+ stroke-dashoffset: 0px;
23761
+ }
23762
+ 50% {
23763
+ stroke-dasharray: 100, 200;
23764
+ stroke-dashoffset: -15px;
23765
+ }
23766
+ 100% {
23767
+ stroke-dasharray: 100, 200;
23768
+ stroke-dashoffset: -124px;
23769
+ }
23770
+ }
23771
+ @keyframes progress-circular-rotate {
23772
+ 100% {
23773
+ transform: rotate(270deg);
23774
+ }
23676
23775
  }.v-progress-linear {
23677
23776
  background: transparent;
23678
23777
  overflow: hidden;
@@ -23876,132 +23975,30 @@ html.v-overlay-scroll-blocked {
23876
23975
  100% {
23877
23976
  left: 107%;
23878
23977
  right: -8%;
23879
- }
23880
- }
23881
- @keyframes indeterminate-short-rtl {
23882
- 0% {
23883
- left: 100%;
23884
- right: -200%;
23885
- }
23886
- 60% {
23887
- left: -8%;
23888
- right: 107%;
23889
- }
23890
- 100% {
23891
- left: -8%;
23892
- right: 107%;
23893
- }
23894
- }
23895
- @keyframes stream {
23896
- to {
23897
- transform: translateX(var(--v-progress-linear-stream-to));
23898
- }
23899
- }
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;
23978
+ }
23986
23979
  }
23987
-
23988
- @keyframes progress-circular-dash {
23980
+ @keyframes indeterminate-short-rtl {
23989
23981
  0% {
23990
- stroke-dasharray: 1, 200;
23991
- stroke-dashoffset: 0px;
23982
+ left: 100%;
23983
+ right: -200%;
23992
23984
  }
23993
- 50% {
23994
- stroke-dasharray: 100, 200;
23995
- stroke-dashoffset: -15px;
23985
+ 60% {
23986
+ left: -8%;
23987
+ right: 107%;
23996
23988
  }
23997
23989
  100% {
23998
- stroke-dasharray: 100, 200;
23999
- stroke-dashoffset: -124px;
23990
+ left: -8%;
23991
+ right: 107%;
24000
23992
  }
24001
23993
  }
24002
- @keyframes progress-circular-rotate {
24003
- 100% {
24004
- transform: rotate(270deg);
23994
+ @keyframes stream {
23995
+ to {
23996
+ transform: translateX(var(--v-progress-linear-stream-to));
23997
+ }
23998
+ }
23999
+ @keyframes progress-linear-stripes {
24000
+ 0% {
24001
+ background-position-x: var(--v-progress-linear-height);
24005
24002
  }
24006
24003
  }.v-radio-group > .v-input__control {
24007
24004
  flex-direction: column;
@@ -24015,32 +24012,63 @@ html.v-overlay-scroll-blocked {
24015
24012
  }
24016
24013
  .v-radio-group .v-input__details {
24017
24014
  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;
24015
+ }.v-slider .v-slider__container input {
24016
+ cursor: default;
24017
+ padding: 0;
24018
+ width: 100%;
24019
+ display: none;
24020
+ }
24021
+ .v-slider > .v-input__append,
24022
+ .v-slider > .v-input__prepend {
24023
+ padding: 0;
24024
+ }
24025
+
24026
+ .v-slider__container {
24024
24027
  position: relative;
24028
+ min-height: inherit;
24029
+ width: 100%;
24030
+ height: 100%;
24031
+ display: flex;
24032
+ justify-content: center;
24033
+ align-items: center;
24034
+ cursor: pointer;
24025
24035
  }
24026
- .v-responsive--inline {
24027
- display: inline-flex;
24028
- flex: 0 0 auto;
24036
+ .v-input--disabled .v-slider__container {
24037
+ opacity: var(--v-disabled-opacity);
24038
+ }
24039
+ .v-input--error:not(.v-input--disabled) .v-slider__container {
24040
+ color: rgb(var(--v-theme-error));
24029
24041
  }
24030
24042
 
24031
- .v-responsive__content {
24032
- flex: 1 0 0px;
24033
- max-width: 100%;
24043
+ .v-slider.v-input--horizontal {
24044
+ align-items: center;
24045
+ margin-inline: 8px 8px;
24046
+ }
24047
+ .v-slider.v-input--horizontal > .v-input__control {
24048
+ min-height: 32px;
24049
+ display: flex;
24050
+ align-items: center;
24034
24051
  }
24035
24052
 
24036
- .v-responsive__sizer ~ .v-responsive__content {
24037
- margin-inline-start: -100%;
24053
+ .v-slider.v-input--vertical {
24054
+ justify-content: center;
24055
+ margin-top: 12px;
24056
+ margin-bottom: 12px;
24057
+ }
24058
+ .v-slider.v-input--vertical > .v-input__control {
24059
+ min-height: 300px;
24038
24060
  }
24039
24061
 
24040
- .v-responsive__sizer {
24041
- flex: 1 0 0px;
24042
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24062
+ .v-slider.v-input--disabled {
24043
24063
  pointer-events: none;
24064
+ }
24065
+
24066
+ .v-slider--has-labels > .v-input__control {
24067
+ margin-bottom: 4px;
24068
+ }
24069
+
24070
+ .v-slider__label {
24071
+ margin-inline-end: 12px;
24044
24072
  }.v-rating {
24045
24073
  max-width: 100%;
24046
24074
  display: inline-flex;
@@ -24094,115 +24122,32 @@ html.v-overlay-scroll-blocked {
24094
24122
  opacity: 0;
24095
24123
  position: absolute;
24096
24124
  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;
24125
+ }.v-responsive {
24126
+ display: flex;
24127
+ flex: 1 0 auto;
24128
+ max-height: 100%;
24134
24129
  max-width: 100%;
24135
- }
24136
- .v-select .v-select__selection:first-child {
24137
- margin-inline-start: 0;
24138
- }
24139
- .v-select--selected .v-field .v-field__input > input {
24140
- opacity: 0;
24141
- }
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);
24149
- }.v-slider .v-slider__container input {
24150
- cursor: default;
24151
- padding: 0;
24152
- width: 100%;
24153
- display: none;
24154
- }
24155
- .v-slider > .v-input__append,
24156
- .v-slider > .v-input__prepend {
24157
- padding: 0;
24158
- }
24159
-
24160
- .v-slider__container {
24130
+ overflow: hidden;
24161
24131
  position: relative;
24162
- min-height: inherit;
24163
- width: 100%;
24164
- height: 100%;
24165
- display: flex;
24166
- justify-content: center;
24167
- align-items: center;
24168
- cursor: pointer;
24169
- }
24170
- .v-input--disabled .v-slider__container {
24171
- opacity: var(--v-disabled-opacity);
24172
24132
  }
24173
- .v-input--error:not(.v-input--disabled) .v-slider__container {
24174
- color: rgb(var(--v-theme-error));
24133
+ .v-responsive--inline {
24134
+ display: inline-flex;
24135
+ flex: 0 0 auto;
24175
24136
  }
24176
24137
 
24177
- .v-slider.v-input--horizontal {
24178
- align-items: center;
24179
- margin-inline: 8px 8px;
24180
- }
24181
- .v-slider.v-input--horizontal > .v-input__control {
24182
- min-height: 32px;
24183
- display: flex;
24184
- align-items: center;
24138
+ .v-responsive__content {
24139
+ flex: 1 0 0px;
24140
+ max-width: 100%;
24185
24141
  }
24186
24142
 
24187
- .v-slider.v-input--vertical {
24188
- justify-content: center;
24189
- margin-top: 12px;
24190
- margin-bottom: 12px;
24191
- }
24192
- .v-slider.v-input--vertical > .v-input__control {
24193
- min-height: 300px;
24143
+ .v-responsive__sizer ~ .v-responsive__content {
24144
+ margin-inline-start: -100%;
24194
24145
  }
24195
24146
 
24196
- .v-slider.v-input--disabled {
24147
+ .v-responsive__sizer {
24148
+ flex: 1 0 0px;
24149
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24197
24150
  pointer-events: none;
24198
- }
24199
-
24200
- .v-slider--has-labels > .v-input__control {
24201
- margin-bottom: 4px;
24202
- }
24203
-
24204
- .v-slider__label {
24205
- margin-inline-end: 12px;
24206
24151
  }.v-selection-control {
24207
24152
  align-items: center;
24208
24153
  contain: layout;
@@ -24304,16 +24249,60 @@ html.v-overlay-scroll-blocked {
24304
24249
  .v-selection-control--error:not(.v-selection-control--disabled) .v-selection-control__input > .v-icon {
24305
24250
  color: rgb(var(--v-theme-error));
24306
24251
  }
24307
- .v-selection-control--focus-visible .v-selection-control__input::before {
24308
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
24309
- }.v-selection-control-group {
24310
- grid-area: control;
24311
- display: flex;
24312
- flex-direction: column;
24252
+ .v-selection-control--focus-visible .v-selection-control__input::before {
24253
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
24254
+ }.v-select .v-field .v-text-field__prefix,
24255
+ .v-select .v-field .v-text-field__suffix,
24256
+ .v-select .v-field .v-field__input, .v-select .v-field.v-field {
24257
+ cursor: pointer;
24258
+ }
24259
+ .v-select .v-field .v-field__input > input {
24260
+ align-self: flex-start;
24261
+ opacity: 1;
24262
+ flex: 0 0;
24263
+ position: absolute;
24264
+ width: 100%;
24265
+ transition: none;
24266
+ pointer-events: none;
24267
+ caret-color: transparent;
24268
+ }
24269
+ .v-select .v-field--dirty .v-select__selection {
24270
+ margin-inline-end: 2px;
24271
+ }
24272
+ .v-select .v-select__selection-text {
24273
+ overflow: hidden;
24274
+ text-overflow: ellipsis;
24275
+ white-space: nowrap;
24276
+ }
24277
+ .v-select__content {
24278
+ overflow: hidden;
24279
+ }
24280
+ .v-select__content {
24281
+ 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));
24282
+ }
24283
+ .v-select__content {
24284
+ border-radius: 4px;
24285
+ }
24286
+ .v-select__selection {
24287
+ display: inline-flex;
24288
+ align-items: center;
24289
+ letter-spacing: inherit;
24290
+ line-height: inherit;
24291
+ max-width: 100%;
24292
+ }
24293
+ .v-select .v-select__selection:first-child {
24294
+ margin-inline-start: 0;
24295
+ }
24296
+ .v-select--selected .v-field .v-field__input > input {
24297
+ opacity: 0;
24298
+ }
24299
+ .v-select__menu-icon {
24300
+ margin-inline-start: 4px;
24301
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24313
24302
  }
24314
- .v-selection-control-group--inline {
24315
- flex-direction: row;
24316
- flex-wrap: wrap;
24303
+ .v-select--active-menu .v-select__menu-icon {
24304
+ opacity: var(--v-high-emphasis-opacity);
24305
+ transform: rotate(180deg);
24317
24306
  }.v-sheet {
24318
24307
  display: block;
24319
24308
  }
@@ -24350,6 +24339,14 @@ html.v-overlay-scroll-blocked {
24350
24339
  }
24351
24340
  .v-sheet--rounded {
24352
24341
  border-radius: 4px;
24342
+ }.v-selection-control-group {
24343
+ grid-area: control;
24344
+ display: flex;
24345
+ flex-direction: column;
24346
+ }
24347
+ .v-selection-control-group--inline {
24348
+ flex-direction: row;
24349
+ flex-wrap: wrap;
24353
24350
  }.v-slide-group {
24354
24351
  display: flex;
24355
24352
  overflow: hidden;
@@ -24811,49 +24808,6 @@ html.v-overlay-scroll-blocked {
24811
24808
  }
24812
24809
  .v-speed-dial__content > *:nth-child(10) {
24813
24810
  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;
24848
- }
24849
- .v-system-bar--rounded {
24850
- border-radius: 0;
24851
- }
24852
- .v-system-bar--window {
24853
- height: 32px;
24854
- }
24855
- .v-system-bar:not(.v-system-bar--absolute) {
24856
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24857
24811
  }.v-stepper.v-sheet {
24858
24812
  overflow: hidden;
24859
24813
  }
@@ -25211,6 +25165,49 @@ html.v-overlay-scroll-blocked {
25211
25165
  .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
25212
25166
  border-width: 0;
25213
25167
  }
25168
+ }.v-system-bar {
25169
+ align-items: center;
25170
+ display: flex;
25171
+ flex: 1 1 auto;
25172
+ height: 24px;
25173
+ justify-content: flex-end;
25174
+ max-width: 100%;
25175
+ padding-inline: 8px;
25176
+ position: relative;
25177
+ text-align: end;
25178
+ width: 100%;
25179
+ }
25180
+ .v-system-bar .v-icon {
25181
+ opacity: var(--v-medium-emphasis-opacity);
25182
+ }
25183
+ .v-system-bar {
25184
+ 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));
25185
+ }
25186
+ .v-system-bar--absolute {
25187
+ position: absolute;
25188
+ }
25189
+ .v-system-bar--fixed {
25190
+ position: fixed;
25191
+ }
25192
+ .v-system-bar {
25193
+ background: rgba(var(--v-theme-surface-light));
25194
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
25195
+ }
25196
+ .v-system-bar {
25197
+ font-size: 0.75rem;
25198
+ font-weight: 400;
25199
+ letter-spacing: 0.0333333333em;
25200
+ line-height: 1.667;
25201
+ text-transform: none;
25202
+ }
25203
+ .v-system-bar--rounded {
25204
+ border-radius: 0;
25205
+ }
25206
+ .v-system-bar--window {
25207
+ height: 32px;
25208
+ }
25209
+ .v-system-bar:not(.v-system-bar--absolute) {
25210
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
25214
25211
  }.v-tab.v-tab.v-btn {
25215
25212
  height: var(--v-tabs-height);
25216
25213
  border-radius: 0;
@@ -25244,68 +25241,249 @@ html.v-overlay-scroll-blocked {
25244
25241
  display: flex;
25245
25242
  height: var(--v-tabs-height);
25246
25243
  }
25247
- .v-tabs--density-default {
25248
- --v-tabs-height: 48px;
25244
+ .v-tabs--density-default {
25245
+ --v-tabs-height: 48px;
25246
+ }
25247
+ .v-tabs--density-default.v-tabs--stacked {
25248
+ --v-tabs-height: 72px;
25249
+ }
25250
+
25251
+ .v-tabs--density-comfortable {
25252
+ --v-tabs-height: 44px;
25253
+ }
25254
+ .v-tabs--density-comfortable.v-tabs--stacked {
25255
+ --v-tabs-height: 68px;
25256
+ }
25257
+
25258
+ .v-tabs--density-compact {
25259
+ --v-tabs-height: 36px;
25260
+ }
25261
+ .v-tabs--density-compact.v-tabs--stacked {
25262
+ --v-tabs-height: 60px;
25263
+ }
25264
+
25265
+ .v-tabs.v-slide-group--vertical {
25266
+ height: auto;
25267
+ flex: none;
25268
+ --v-tabs-height: 48px;
25269
+ }
25270
+
25271
+ .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
25272
+ margin-inline-start: 42px;
25273
+ }
25274
+
25275
+ .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
25276
+ .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
25277
+ margin-inline-end: auto;
25278
+ }
25279
+ .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
25280
+ .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
25281
+ margin-inline-start: auto;
25282
+ }
25283
+
25284
+ .v-tabs--grow {
25285
+ flex-grow: 1;
25286
+ }
25287
+ .v-tabs--grow .v-tab {
25288
+ flex: 1 0 auto;
25289
+ max-width: none;
25290
+ }
25291
+
25292
+ .v-tabs--align-tabs-end .v-tab:first-child {
25293
+ margin-inline-start: auto;
25294
+ }
25295
+ .v-tabs--align-tabs-end .v-tab:last-child {
25296
+ margin-inline-end: 0;
25297
+ }
25298
+
25299
+ @media (max-width: 1279.98px) {
25300
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
25301
+ margin-inline-start: 52px;
25302
+ }
25303
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
25304
+ margin-inline-end: 52px;
25305
+ }
25306
+ }.v-table {
25307
+ font-size: 0.875rem;
25308
+ transition-duration: 0.28s;
25309
+ transition-property: box-shadow, opacity, background, height;
25310
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
25311
+ }
25312
+ .v-table {
25313
+ background: rgb(var(--v-theme-surface));
25314
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
25315
+ }
25316
+ .v-table .v-table-divider {
25317
+ border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
25318
+ }
25319
+ .v-table .v-table__wrapper > table > thead > tr > th {
25320
+ border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
25321
+ }
25322
+ .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > td,
25323
+ .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > th {
25324
+ border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
25325
+ }
25326
+ .v-table .v-table__wrapper > table > tfoot > tr > td,
25327
+ .v-table .v-table__wrapper > table > tfoot > tr > th {
25328
+ border-top: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
25329
+ }
25330
+ .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr > td {
25331
+ position: relative;
25332
+ }
25333
+ .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover > td::after {
25334
+ background: rgba(var(--v-border-color), var(--v-hover-opacity));
25335
+ pointer-events: none;
25336
+ }
25337
+ .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover > td::after {
25338
+ content: "";
25339
+ position: absolute;
25340
+ top: 0;
25341
+ left: 0;
25342
+ width: 100%;
25343
+ height: 100%;
25344
+ }
25345
+ .v-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
25346
+ background: rgb(var(--v-theme-surface));
25347
+ box-shadow: inset 0 -1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
25348
+ z-index: 1;
25349
+ }
25350
+ .v-table.v-table--fixed-footer > tfoot > tr > th,
25351
+ .v-table.v-table--fixed-footer > tfoot > tr > td {
25352
+ background: rgb(var(--v-theme-surface));
25353
+ box-shadow: inset 0 1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
25354
+ }
25355
+
25356
+ .v-table {
25357
+ border-radius: inherit;
25358
+ line-height: 1.5;
25359
+ max-width: 100%;
25360
+ display: flex;
25361
+ flex-direction: column;
25362
+ }
25363
+ .v-table > .v-table__wrapper > table {
25364
+ width: 100%;
25365
+ border-spacing: 0;
25366
+ }
25367
+ .v-table > .v-table__wrapper > table > tbody > tr > td,
25368
+ .v-table > .v-table__wrapper > table > tbody > tr > th,
25369
+ .v-table > .v-table__wrapper > table > thead > tr > td,
25370
+ .v-table > .v-table__wrapper > table > thead > tr > th,
25371
+ .v-table > .v-table__wrapper > table > tfoot > tr > td,
25372
+ .v-table > .v-table__wrapper > table > tfoot > tr > th {
25373
+ padding: 0 16px;
25374
+ transition-duration: 0.28s;
25375
+ transition-property: box-shadow, opacity, background, height;
25376
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
25377
+ }
25378
+ .v-table > .v-table__wrapper > table > tbody > tr > td,
25379
+ .v-table > .v-table__wrapper > table > thead > tr > td,
25380
+ .v-table > .v-table__wrapper > table > tfoot > tr > td {
25381
+ height: var(--v-table-row-height);
25382
+ }
25383
+ .v-table > .v-table__wrapper > table > tbody > tr > th,
25384
+ .v-table > .v-table__wrapper > table > thead > tr > th,
25385
+ .v-table > .v-table__wrapper > table > tfoot > tr > th {
25386
+ height: var(--v-table-header-height);
25387
+ font-weight: 500;
25388
+ -webkit-user-select: none;
25389
+ user-select: none;
25390
+ text-align: start;
25391
+ }
25392
+ .v-table--density-default {
25393
+ --v-table-header-height: 56px;
25394
+ --v-table-row-height: 52px;
25249
25395
  }
25250
- .v-tabs--density-default.v-tabs--stacked {
25251
- --v-tabs-height: 72px;
25396
+
25397
+ .v-table--density-comfortable {
25398
+ --v-table-header-height: 48px;
25399
+ --v-table-row-height: 44px;
25252
25400
  }
25253
25401
 
25254
- .v-tabs--density-comfortable {
25255
- --v-tabs-height: 44px;
25402
+ .v-table--density-compact {
25403
+ --v-table-header-height: 40px;
25404
+ --v-table-row-height: 36px;
25256
25405
  }
25257
- .v-tabs--density-comfortable.v-tabs--stacked {
25258
- --v-tabs-height: 68px;
25406
+
25407
+ .v-table__wrapper {
25408
+ border-radius: inherit;
25409
+ overflow: auto;
25410
+ flex: 1 1 auto;
25259
25411
  }
25260
25412
 
25261
- .v-tabs--density-compact {
25262
- --v-tabs-height: 36px;
25413
+ .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:first-child {
25414
+ border-top-left-radius: 0;
25263
25415
  }
25264
- .v-tabs--density-compact.v-tabs--stacked {
25265
- --v-tabs-height: 60px;
25416
+ .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:last-child {
25417
+ border-top-right-radius: 0;
25266
25418
  }
25267
25419
 
25268
- .v-tabs.v-slide-group--vertical {
25269
- height: auto;
25270
- flex: none;
25271
- --v-tabs-height: 48px;
25420
+ .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:first-child {
25421
+ border-bottom-left-radius: 0;
25422
+ }
25423
+ .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:last-child {
25424
+ border-bottom-right-radius: 0;
25272
25425
  }
25273
25426
 
25274
- .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
25275
- margin-inline-start: 42px;
25427
+ .v-table--fixed-height > .v-table__wrapper {
25428
+ overflow-y: auto;
25276
25429
  }
25277
25430
 
25278
- .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
25279
- .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
25280
- margin-inline-end: auto;
25431
+ .v-table--fixed-header > .v-table__wrapper > table > thead {
25432
+ position: sticky;
25433
+ top: 0;
25434
+ z-index: 2;
25281
25435
  }
25282
- .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
25283
- .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
25284
- margin-inline-start: auto;
25436
+ .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
25437
+ border-bottom: 0px !important;
25285
25438
  }
25286
25439
 
25287
- .v-tabs--grow {
25288
- flex-grow: 1;
25440
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
25441
+ position: sticky;
25442
+ bottom: 0;
25443
+ z-index: 1;
25289
25444
  }
25290
- .v-tabs--grow .v-tab {
25291
- flex: 1 0 auto;
25292
- max-width: none;
25445
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
25446
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
25447
+ border-top: 0px !important;
25448
+ }.v-textarea .v-field {
25449
+ --v-textarea-control-height: var(--v-input-control-height);
25293
25450
  }
25294
-
25295
- .v-tabs--align-tabs-end .v-tab:first-child {
25296
- margin-inline-start: auto;
25451
+ .v-textarea .v-field__field {
25452
+ --v-input-control-height: var(--v-textarea-control-height);
25297
25453
  }
25298
- .v-tabs--align-tabs-end .v-tab:last-child {
25299
- margin-inline-end: 0;
25454
+ .v-textarea .v-field__input {
25455
+ flex: 1 1 auto;
25456
+ outline: none;
25457
+ -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));
25458
+ 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));
25300
25459
  }
25301
-
25302
- @media (max-width: 1279.98px) {
25303
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
25304
- margin-inline-start: 52px;
25305
- }
25306
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
25307
- margin-inline-end: 52px;
25308
- }
25460
+ .v-textarea .v-field__input.v-textarea__sizer {
25461
+ visibility: hidden;
25462
+ position: absolute;
25463
+ top: 0;
25464
+ left: 0;
25465
+ height: 0 !important;
25466
+ min-height: 0 !important;
25467
+ pointer-events: none;
25468
+ }
25469
+ .v-textarea--no-resize .v-field__input {
25470
+ resize: none;
25471
+ }
25472
+ .v-textarea .v-field--no-label textarea,
25473
+ .v-textarea .v-field--active textarea {
25474
+ opacity: 1;
25475
+ }
25476
+ .v-textarea textarea {
25477
+ opacity: 0;
25478
+ flex: 1;
25479
+ min-width: 0;
25480
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25481
+ }
25482
+ .v-textarea textarea:focus, .v-textarea textarea:active {
25483
+ outline: none;
25484
+ }
25485
+ .v-textarea textarea:invalid {
25486
+ box-shadow: none;
25309
25487
  }/* region BLOCK */
25310
25488
  .v-text-field input {
25311
25489
  color: inherit;
@@ -25373,148 +25551,152 @@ html.v-overlay-scroll-blocked {
25373
25551
  padding-inline-end: var(--v-field-padding-end);
25374
25552
  }
25375
25553
 
25376
- /* endregion */.v-table {
25377
- font-size: 0.875rem;
25378
- transition-duration: 0.28s;
25379
- transition-property: box-shadow, opacity, background, height;
25380
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
25554
+ /* endregion */.v-toolbar {
25555
+ align-items: flex-start;
25556
+ display: flex;
25557
+ flex: none;
25558
+ flex-direction: column;
25559
+ justify-content: space-between;
25560
+ max-width: 100%;
25561
+ position: relative;
25562
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
25563
+ transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
25564
+ width: 100%;
25381
25565
  }
25382
- .v-table {
25383
- background: rgb(var(--v-theme-surface));
25384
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
25566
+ .v-toolbar {
25567
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
25568
+ border-style: solid;
25569
+ border-width: 0;
25385
25570
  }
25386
- .v-table .v-table-divider {
25387
- border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
25571
+ .v-toolbar--border {
25572
+ border-width: thin;
25573
+ box-shadow: none;
25388
25574
  }
25389
- .v-table .v-table__wrapper > table > thead > tr > th {
25390
- border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
25575
+ .v-toolbar {
25576
+ 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));
25391
25577
  }
25392
- .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > td,
25393
- .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > th {
25394
- border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
25578
+ .v-toolbar {
25579
+ border-radius: 0;
25395
25580
  }
25396
- .v-table .v-table__wrapper > table > tfoot > tr > td,
25397
- .v-table .v-table__wrapper > table > tfoot > tr > th {
25398
- border-top: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
25581
+ .v-toolbar {
25582
+ background: rgb(var(--v-theme-surface-light));
25583
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
25399
25584
  }
25400
- .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr > td {
25401
- position: relative;
25585
+ .v-toolbar--absolute {
25586
+ position: absolute;
25402
25587
  }
25403
- .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover > td::after {
25404
- background: rgba(var(--v-border-color), var(--v-hover-opacity));
25405
- pointer-events: none;
25588
+ .v-toolbar--collapse {
25589
+ max-width: 112px;
25590
+ overflow: hidden;
25591
+ border-end-end-radius: 24px;
25406
25592
  }
25407
- .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover > td::after {
25408
- content: "";
25409
- position: absolute;
25410
- top: 0;
25411
- left: 0;
25412
- width: 100%;
25413
- height: 100%;
25593
+ .v-toolbar--collapse .v-toolbar-title {
25594
+ display: none;
25414
25595
  }
25415
- .v-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
25416
- background: rgb(var(--v-theme-surface));
25417
- box-shadow: inset 0 -1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
25418
- z-index: 1;
25596
+ .v-toolbar--flat {
25597
+ 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));
25419
25598
  }
25420
- .v-table.v-table--fixed-footer > tfoot > tr > th,
25421
- .v-table.v-table--fixed-footer > tfoot > tr > td {
25422
- background: rgb(var(--v-theme-surface));
25423
- box-shadow: inset 0 1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
25599
+ .v-toolbar--floating {
25600
+ display: inline-flex;
25601
+ }
25602
+ .v-toolbar--rounded {
25603
+ border-radius: 4px;
25424
25604
  }
25425
25605
 
25426
- .v-table {
25427
- border-radius: inherit;
25428
- line-height: 1.5;
25429
- max-width: 100%;
25606
+ .v-toolbar__content,
25607
+ .v-toolbar__extension {
25608
+ align-items: center;
25430
25609
  display: flex;
25431
- flex-direction: column;
25432
- }
25433
- .v-table > .v-table__wrapper > table {
25610
+ flex: 0 0 auto;
25611
+ position: relative;
25612
+ transition: inherit;
25434
25613
  width: 100%;
25435
- border-spacing: 0;
25436
25614
  }
25437
- .v-table > .v-table__wrapper > table > tbody > tr > td,
25438
- .v-table > .v-table__wrapper > table > tbody > tr > th,
25439
- .v-table > .v-table__wrapper > table > thead > tr > td,
25440
- .v-table > .v-table__wrapper > table > thead > tr > th,
25441
- .v-table > .v-table__wrapper > table > tfoot > tr > td,
25442
- .v-table > .v-table__wrapper > table > tfoot > tr > th {
25443
- padding: 0 16px;
25444
- transition-duration: 0.28s;
25445
- transition-property: box-shadow, opacity, background, height;
25446
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
25615
+
25616
+ .v-toolbar__content {
25617
+ overflow: hidden;
25447
25618
  }
25448
- .v-table > .v-table__wrapper > table > tbody > tr > td,
25449
- .v-table > .v-table__wrapper > table > thead > tr > td,
25450
- .v-table > .v-table__wrapper > table > tfoot > tr > td {
25451
- height: var(--v-table-row-height);
25619
+ .v-toolbar__content > .v-btn:first-child {
25620
+ margin-inline-start: 4px;
25452
25621
  }
25453
- .v-table > .v-table__wrapper > table > tbody > tr > th,
25454
- .v-table > .v-table__wrapper > table > thead > tr > th,
25455
- .v-table > .v-table__wrapper > table > tfoot > tr > th {
25456
- height: var(--v-table-header-height);
25457
- font-weight: 500;
25458
- -webkit-user-select: none;
25459
- user-select: none;
25460
- text-align: start;
25622
+ .v-toolbar__content > .v-btn:last-child {
25623
+ margin-inline-end: 4px;
25461
25624
  }
25462
- .v-table--density-default {
25463
- --v-table-header-height: 56px;
25464
- --v-table-row-height: 52px;
25625
+ .v-toolbar__content > .v-toolbar-title {
25626
+ margin-inline-start: 20px;
25627
+ }
25628
+ .v-toolbar--density-prominent .v-toolbar__content {
25629
+ align-items: flex-start;
25630
+ }
25631
+
25632
+ .v-toolbar__image {
25633
+ display: flex;
25634
+ opacity: var(--v-toolbar-image-opacity, 1);
25635
+ transition-property: opacity;
25636
+ }
25637
+ .v-toolbar__image {
25638
+ position: absolute;
25639
+ top: 0;
25640
+ left: 0;
25641
+ width: 100%;
25642
+ height: 100%;
25465
25643
  }
25466
25644
 
25467
- .v-table--density-comfortable {
25468
- --v-table-header-height: 48px;
25469
- --v-table-row-height: 44px;
25645
+ .v-toolbar__prepend,
25646
+ .v-toolbar__append {
25647
+ align-items: center;
25648
+ align-self: stretch;
25649
+ display: flex;
25470
25650
  }
25471
25651
 
25472
- .v-table--density-compact {
25473
- --v-table-header-height: 40px;
25474
- --v-table-row-height: 36px;
25652
+ .v-toolbar__prepend {
25653
+ margin-inline: 4px auto;
25475
25654
  }
25476
25655
 
25477
- .v-table__wrapper {
25478
- border-radius: inherit;
25479
- overflow: auto;
25480
- flex: 1 1 auto;
25656
+ .v-toolbar__append {
25657
+ margin-inline: auto 4px;
25481
25658
  }
25482
25659
 
25483
- .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:first-child {
25484
- border-top-left-radius: 0;
25485
- }
25486
- .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:last-child {
25487
- border-top-right-radius: 0;
25660
+ .v-toolbar-title {
25661
+ flex: 1 1;
25662
+ font-size: 1.25rem;
25663
+ min-width: 0;
25488
25664
  }
25489
-
25490
- .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:first-child {
25491
- border-bottom-left-radius: 0;
25665
+ .v-toolbar-title {
25666
+ font-size: 1.25rem;
25667
+ font-weight: 400;
25668
+ letter-spacing: 0;
25669
+ line-height: 1.75rem;
25670
+ text-transform: none;
25492
25671
  }
25493
- .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:last-child {
25494
- border-bottom-right-radius: 0;
25672
+ .v-toolbar--density-prominent .v-toolbar-title {
25673
+ align-self: flex-end;
25674
+ padding-bottom: 6px;
25495
25675
  }
25496
-
25497
- .v-table--fixed-height > .v-table__wrapper {
25498
- overflow-y: auto;
25676
+ .v-toolbar--density-prominent .v-toolbar-title {
25677
+ font-size: 1.5rem;
25678
+ font-weight: 400;
25679
+ letter-spacing: 0;
25680
+ line-height: 2.25rem;
25681
+ text-transform: none;
25499
25682
  }
25500
25683
 
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;
25684
+ .v-toolbar-title__placeholder {
25685
+ overflow: hidden;
25686
+ text-overflow: ellipsis;
25687
+ white-space: nowrap;
25508
25688
  }
25509
25689
 
25510
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
25511
- position: sticky;
25512
- bottom: 0;
25513
- z-index: 1;
25690
+ .v-toolbar-items {
25691
+ display: flex;
25692
+ height: inherit;
25693
+ align-self: stretch;
25514
25694
  }
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;
25695
+ .v-toolbar-items > .v-btn {
25696
+ border-radius: 0;
25697
+ }.v-theme-provider {
25698
+ background: rgb(var(--v-theme-background));
25699
+ color: rgb(var(--v-theme-on-background));
25518
25700
  }.v-timeline .v-timeline-divider__dot {
25519
25701
  background: rgb(var(--v-theme-surface-light));
25520
25702
  }
@@ -25893,253 +26075,77 @@ html.v-overlay-scroll-blocked {
25893
26075
  .v-timeline--horizontal.v-timeline--align-start .v-timeline-divider .v-timeline-divider__after {
25894
26076
  width: calc(var(--v-timeline-line-size-base) - var(--v-timeline-dot-size) / 2 + var(--v-timeline-line-size-offset) - var(--v-timeline-line-inset));
25895
26077
  }
25896
-
25897
- .v-timeline--vertical.v-timeline--align-start {
25898
- align-items: flex-start;
25899
- }
25900
- .v-timeline--vertical.v-timeline--align-start .v-timeline-divider {
25901
- justify-content: flex-start;
25902
- }
25903
- .v-timeline--vertical.v-timeline--align-start .v-timeline-divider .v-timeline-divider__before {
25904
- height: calc(var(--v-timeline-line-size-offset) + var(--v-timeline-dot-size) / 2 - var(--v-timeline-line-inset));
25905
- }
25906
- .v-timeline--vertical.v-timeline--align-start .v-timeline-divider .v-timeline-divider__after {
25907
- height: calc(var(--v-timeline-line-size-base) - var(--v-timeline-dot-size) / 2 + var(--v-timeline-line-size-offset) - var(--v-timeline-line-inset));
25908
- }
25909
-
25910
- .v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider__before {
25911
- display: none;
25912
- }
25913
- .v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider__after {
25914
- --v-timeline-line-size-offset: 12px;
25915
- }
25916
- .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider, .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__opposite {
25917
- padding-block-start: 0;
25918
- }
25919
-
25920
- .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__opposite {
25921
- padding-inline-start: 0;
25922
- }
25923
-
25924
- .v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__after {
25925
- display: none;
25926
- }
25927
- .v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__before {
25928
- --v-timeline-line-size-offset: 12px;
25929
- }
25930
- .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
25931
- padding-block-end: 0;
25932
- }
25933
-
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 {
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;
26000
- }.v-toolbar {
26001
- align-items: flex-start;
26002
- display: flex;
26003
- flex: none;
26004
- flex-direction: column;
26005
- justify-content: space-between;
26006
- max-width: 100%;
26007
- position: relative;
26008
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
26009
- transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
26010
- width: 100%;
26011
- }
26012
- .v-toolbar {
26013
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
26014
- border-style: solid;
26015
- border-width: 0;
26016
- }
26017
- .v-toolbar--border {
26018
- border-width: thin;
26019
- box-shadow: none;
26020
- }
26021
- .v-toolbar {
26022
- 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));
26023
- }
26024
- .v-toolbar {
26025
- border-radius: 0;
26026
- }
26027
- .v-toolbar {
26028
- background: rgb(var(--v-theme-surface-light));
26029
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
26030
- }
26031
- .v-toolbar--absolute {
26032
- position: absolute;
26033
- }
26034
- .v-toolbar--collapse {
26035
- max-width: 112px;
26036
- overflow: hidden;
26037
- border-end-end-radius: 24px;
26038
- }
26039
- .v-toolbar--collapse .v-toolbar-title {
26040
- display: none;
26041
- }
26042
- .v-toolbar--flat {
26043
- 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));
26044
- }
26045
- .v-toolbar--floating {
26046
- display: inline-flex;
26047
- }
26048
- .v-toolbar--rounded {
26049
- border-radius: 4px;
26050
- }
26051
-
26052
- .v-toolbar__content,
26053
- .v-toolbar__extension {
26054
- align-items: center;
26055
- display: flex;
26056
- flex: 0 0 auto;
26057
- position: relative;
26058
- transition: inherit;
26059
- width: 100%;
26060
- }
26061
-
26062
- .v-toolbar__content {
26063
- overflow: hidden;
26064
- }
26065
- .v-toolbar__content > .v-btn:first-child {
26066
- margin-inline-start: 4px;
26067
- }
26068
- .v-toolbar__content > .v-btn:last-child {
26069
- margin-inline-end: 4px;
26070
- }
26071
- .v-toolbar__content > .v-toolbar-title {
26072
- margin-inline-start: 20px;
26073
- }
26074
- .v-toolbar--density-prominent .v-toolbar__content {
26078
+
26079
+ .v-timeline--vertical.v-timeline--align-start {
26075
26080
  align-items: flex-start;
26076
26081
  }
26077
-
26078
- .v-toolbar__image {
26079
- display: flex;
26080
- opacity: var(--v-toolbar-image-opacity, 1);
26081
- transition-property: opacity;
26082
+ .v-timeline--vertical.v-timeline--align-start .v-timeline-divider {
26083
+ justify-content: flex-start;
26082
26084
  }
26083
- .v-toolbar__image {
26084
- position: absolute;
26085
- top: 0;
26086
- left: 0;
26087
- width: 100%;
26088
- height: 100%;
26085
+ .v-timeline--vertical.v-timeline--align-start .v-timeline-divider .v-timeline-divider__before {
26086
+ height: calc(var(--v-timeline-line-size-offset) + var(--v-timeline-dot-size) / 2 - var(--v-timeline-line-inset));
26089
26087
  }
26090
-
26091
- .v-toolbar__prepend,
26092
- .v-toolbar__append {
26093
- align-items: center;
26094
- align-self: stretch;
26095
- display: flex;
26088
+ .v-timeline--vertical.v-timeline--align-start .v-timeline-divider .v-timeline-divider__after {
26089
+ height: calc(var(--v-timeline-line-size-base) - var(--v-timeline-dot-size) / 2 + var(--v-timeline-line-size-offset) - var(--v-timeline-line-inset));
26096
26090
  }
26097
26091
 
26098
- .v-toolbar__prepend {
26099
- margin-inline: 4px auto;
26092
+ .v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider__before {
26093
+ display: none;
26100
26094
  }
26101
-
26102
- .v-toolbar__append {
26103
- margin-inline: auto 4px;
26095
+ .v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider__after {
26096
+ --v-timeline-line-size-offset: 12px;
26097
+ }
26098
+ .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider, .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__opposite {
26099
+ padding-block-start: 0;
26104
26100
  }
26105
26101
 
26106
- .v-toolbar-title {
26107
- flex: 1 1;
26108
- font-size: 1.25rem;
26109
- min-width: 0;
26102
+ .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__opposite {
26103
+ padding-inline-start: 0;
26110
26104
  }
26111
- .v-toolbar-title {
26112
- font-size: 1.25rem;
26113
- font-weight: 400;
26114
- letter-spacing: 0;
26115
- line-height: 1.75rem;
26116
- text-transform: none;
26105
+
26106
+ .v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__after {
26107
+ display: none;
26117
26108
  }
26118
- .v-toolbar--density-prominent .v-toolbar-title {
26119
- align-self: flex-end;
26120
- padding-bottom: 6px;
26109
+ .v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__before {
26110
+ --v-timeline-line-size-offset: 12px;
26121
26111
  }
26122
- .v-toolbar--density-prominent .v-toolbar-title {
26123
- font-size: 1.5rem;
26124
- font-weight: 400;
26125
- letter-spacing: 0;
26126
- line-height: 2.25rem;
26127
- text-transform: none;
26112
+ .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
26113
+ padding-block-end: 0;
26128
26114
  }
26129
26115
 
26130
- .v-toolbar-title__placeholder {
26131
- overflow: hidden;
26132
- text-overflow: ellipsis;
26133
- white-space: nowrap;
26116
+ .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 {
26117
+ padding-inline-end: 0;
26118
+ }.v-tooltip > .v-overlay__content {
26119
+ background: rgb(var(--v-theme-surface-variant));
26120
+ color: rgb(var(--v-theme-on-surface-variant));
26121
+ border-radius: 4px;
26122
+ font-size: 0.875rem;
26123
+ line-height: 1.6;
26124
+ display: inline-block;
26125
+ padding: 5px 16px;
26126
+ text-transform: initial;
26127
+ width: auto;
26128
+ opacity: 1;
26129
+ pointer-events: none;
26130
+ transition-property: opacity, transform;
26131
+ overflow-wrap: break-word;
26134
26132
  }
26135
-
26136
- .v-toolbar-items {
26137
- display: flex;
26138
- height: inherit;
26139
- align-self: stretch;
26133
+ .v-tooltip > .v-overlay__content[class*=enter-active] {
26134
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
26135
+ transition-duration: 150ms;
26140
26136
  }
26141
- .v-toolbar-items > .v-btn {
26142
- border-radius: 0;
26137
+ .v-tooltip > .v-overlay__content[class*=leave-active] {
26138
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
26139
+ transition-duration: 75ms;
26140
+ }.v-virtual-scroll {
26141
+ display: block;
26142
+ flex: 1 1 auto;
26143
+ max-width: 100%;
26144
+ overflow: auto;
26145
+ position: relative;
26146
+ }
26147
+ .v-virtual-scroll__container {
26148
+ display: block;
26143
26149
  }.v-window {
26144
26150
  overflow: hidden;
26145
26151
  }
@@ -26210,88 +26216,25 @@ html.v-overlay-scroll-blocked {
26210
26216
  }
26211
26217
  .v-window-y-reverse-transition-leave-to {
26212
26218
  transform: translateY(100%);
26213
- }.v-virtual-scroll {
26214
- display: block;
26215
- flex: 1 1 auto;
26216
- max-width: 100%;
26217
- overflow: auto;
26218
- position: relative;
26219
- }
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;
26229
- }
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;
26238
- }.v-color-picker-canvas {
26239
- display: flex;
26240
- position: relative;
26241
- overflow: hidden;
26242
- contain: content;
26243
- touch-action: none;
26244
- }
26245
- .v-color-picker-canvas__dot {
26246
- position: absolute;
26247
- top: 0;
26248
- left: 0;
26249
- width: 15px;
26250
- height: 15px;
26251
- background: transparent;
26252
- border-radius: 50%;
26253
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
26254
- }
26255
- .v-color-picker-canvas__dot--disabled {
26256
- box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
26257
- }
26258
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
26259
- will-change: transform;
26260
- }.v-color-picker-swatches {
26261
- overflow-y: auto;
26262
- }
26263
- .v-color-picker-swatches > div {
26264
- display: flex;
26265
- flex-wrap: wrap;
26266
- justify-content: center;
26267
- padding: 8px;
26268
- }
26269
-
26270
- .v-color-picker-swatches__swatch {
26219
+ }.v-menu > .v-overlay__content {
26271
26220
  display: flex;
26272
26221
  flex-direction: column;
26273
- margin-bottom: 10px;
26274
26222
  }
26275
-
26276
- .v-color-picker-swatches__color {
26277
- position: relative;
26278
- height: 18px;
26279
- max-height: 18px;
26280
- width: 45px;
26281
- margin: 2px 4px;
26282
- border-radius: 2px;
26283
- -webkit-user-select: none;
26284
- user-select: none;
26285
- overflow: hidden;
26286
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
26287
- cursor: pointer;
26223
+ .v-menu > .v-overlay__content {
26224
+ border-radius: 4px;
26288
26225
  }
26289
- .v-color-picker-swatches__color > div {
26290
- display: flex;
26291
- align-items: center;
26292
- justify-content: center;
26293
- width: 100%;
26226
+ .v-menu > .v-overlay__content > .v-card,
26227
+ .v-menu > .v-overlay__content > .v-sheet,
26228
+ .v-menu > .v-overlay__content > .v-list {
26229
+ background: rgb(var(--v-theme-surface));
26230
+ border-radius: inherit;
26231
+ overflow: auto;
26294
26232
  height: 100%;
26233
+ }
26234
+ .v-menu > .v-overlay__content > .v-card,
26235
+ .v-menu > .v-overlay__content > .v-sheet,
26236
+ .v-menu > .v-overlay__content > .v-list {
26237
+ 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));
26295
26238
  }.v-color-picker-edit {
26296
26239
  display: flex;
26297
26240
  margin-top: 24px;
@@ -26390,6 +26333,63 @@ html.v-overlay-scroll-blocked {
26390
26333
  .v-color-picker-preview__eye-dropper {
26391
26334
  position: relative;
26392
26335
  margin-right: 12px;
26336
+ }.v-color-picker-canvas {
26337
+ display: flex;
26338
+ position: relative;
26339
+ overflow: hidden;
26340
+ contain: content;
26341
+ touch-action: none;
26342
+ }
26343
+ .v-color-picker-canvas__dot {
26344
+ position: absolute;
26345
+ top: 0;
26346
+ left: 0;
26347
+ width: 15px;
26348
+ height: 15px;
26349
+ background: transparent;
26350
+ border-radius: 50%;
26351
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
26352
+ }
26353
+ .v-color-picker-canvas__dot--disabled {
26354
+ box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
26355
+ }
26356
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
26357
+ will-change: transform;
26358
+ }.v-color-picker-swatches {
26359
+ overflow-y: auto;
26360
+ }
26361
+ .v-color-picker-swatches > div {
26362
+ display: flex;
26363
+ flex-wrap: wrap;
26364
+ justify-content: center;
26365
+ padding: 8px;
26366
+ }
26367
+
26368
+ .v-color-picker-swatches__swatch {
26369
+ display: flex;
26370
+ flex-direction: column;
26371
+ margin-bottom: 10px;
26372
+ }
26373
+
26374
+ .v-color-picker-swatches__color {
26375
+ position: relative;
26376
+ height: 18px;
26377
+ max-height: 18px;
26378
+ width: 45px;
26379
+ margin: 2px 4px;
26380
+ border-radius: 2px;
26381
+ -webkit-user-select: none;
26382
+ user-select: none;
26383
+ overflow: hidden;
26384
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
26385
+ cursor: pointer;
26386
+ }
26387
+ .v-color-picker-swatches__color > div {
26388
+ display: flex;
26389
+ align-items: center;
26390
+ justify-content: center;
26391
+ width: 100%;
26392
+ height: 100%;
26393
26393
  }.v-picker.v-sheet {
26394
26394
  display: grid;
26395
26395
  grid-auto-rows: min-content;