@vuetify/nightly 3.6.8-master.2024-06-07 → 3.6.8-master.2024-06-11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.6.8-master.2024-06-07
2
+ * Vuetify v3.6.8-master.2024-06-11
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17484,6 +17484,87 @@ html.overflow-y-hidden {
17484
17484
  }
17485
17485
  .v-app-bar:not(.v-toolbar--absolute) {
17486
17486
  padding-inline-end: var(--v-scrollbar-offset);
17487
+ }.v-autocomplete .v-field .v-text-field__prefix,
17488
+ .v-autocomplete .v-field .v-text-field__suffix,
17489
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17490
+ cursor: text;
17491
+ }
17492
+ .v-autocomplete .v-field .v-field__input > input {
17493
+ flex: 1 1;
17494
+ }
17495
+ .v-autocomplete .v-field input {
17496
+ min-width: 64px;
17497
+ }
17498
+ .v-autocomplete .v-field:not(.v-field--focused) input {
17499
+ min-width: 0;
17500
+ }
17501
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17502
+ margin-inline-end: 2px;
17503
+ }
17504
+ .v-autocomplete .v-autocomplete__selection-text {
17505
+ overflow: hidden;
17506
+ text-overflow: ellipsis;
17507
+ white-space: nowrap;
17508
+ }
17509
+
17510
+ .v-autocomplete__content {
17511
+ overflow: hidden;
17512
+ 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));
17513
+ border-radius: 4px;
17514
+ }
17515
+ .v-autocomplete__mask {
17516
+ background: rgb(var(--v-theme-surface-light));
17517
+ }
17518
+ .v-autocomplete__selection {
17519
+ display: inline-flex;
17520
+ align-items: center;
17521
+ height: 1.5rem;
17522
+ letter-spacing: inherit;
17523
+ line-height: inherit;
17524
+ max-width: calc(100% - 2px - 2px);
17525
+ }
17526
+ .v-autocomplete__selection:first-child {
17527
+ margin-inline-start: 0;
17528
+ }
17529
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17530
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17531
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17532
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17533
+ top: 0px;
17534
+ }
17535
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
17536
+ opacity: var(--v-medium-emphasis-opacity);
17537
+ }
17538
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17539
+ opacity: 1;
17540
+ }
17541
+ .v-autocomplete--selecting-index .v-field__input > input {
17542
+ caret-color: transparent;
17543
+ }
17544
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
17545
+ flex: 1 1;
17546
+ position: absolute;
17547
+ left: 0;
17548
+ right: 0;
17549
+ width: 100%;
17550
+ padding-inline: inherit;
17551
+ }
17552
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
17553
+ transition: none;
17554
+ }
17555
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
17556
+ opacity: 0;
17557
+ }
17558
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
17559
+ opacity: 0;
17560
+ }
17561
+ .v-autocomplete__menu-icon {
17562
+ margin-inline-start: 4px;
17563
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17564
+ }
17565
+ .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17566
+ opacity: var(--v-high-emphasis-opacity);
17567
+ transform: rotate(180deg);
17487
17568
  }.v-alert {
17488
17569
  display: grid;
17489
17570
  flex: 1 1;
@@ -17696,87 +17777,6 @@ html.overflow-y-hidden {
17696
17777
  text-transform: none;
17697
17778
  word-break: normal;
17698
17779
  word-wrap: break-word;
17699
- }.v-autocomplete .v-field .v-text-field__prefix,
17700
- .v-autocomplete .v-field .v-text-field__suffix,
17701
- .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17702
- cursor: text;
17703
- }
17704
- .v-autocomplete .v-field .v-field__input > input {
17705
- flex: 1 1;
17706
- }
17707
- .v-autocomplete .v-field input {
17708
- min-width: 64px;
17709
- }
17710
- .v-autocomplete .v-field:not(.v-field--focused) input {
17711
- min-width: 0;
17712
- }
17713
- .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17714
- margin-inline-end: 2px;
17715
- }
17716
- .v-autocomplete .v-autocomplete__selection-text {
17717
- overflow: hidden;
17718
- text-overflow: ellipsis;
17719
- white-space: nowrap;
17720
- }
17721
-
17722
- .v-autocomplete__content {
17723
- overflow: hidden;
17724
- 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));
17725
- border-radius: 4px;
17726
- }
17727
- .v-autocomplete__mask {
17728
- background: rgb(var(--v-theme-surface-light));
17729
- }
17730
- .v-autocomplete__selection {
17731
- display: inline-flex;
17732
- align-items: center;
17733
- height: 1.5rem;
17734
- letter-spacing: inherit;
17735
- line-height: inherit;
17736
- max-width: calc(100% - 2px - 2px);
17737
- }
17738
- .v-autocomplete__selection:first-child {
17739
- margin-inline-start: 0;
17740
- }
17741
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17742
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17743
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17744
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17745
- top: 0px;
17746
- }
17747
- .v-autocomplete--selecting-index .v-autocomplete__selection {
17748
- opacity: var(--v-medium-emphasis-opacity);
17749
- }
17750
- .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17751
- opacity: 1;
17752
- }
17753
- .v-autocomplete--selecting-index .v-field__input > input {
17754
- caret-color: transparent;
17755
- }
17756
- .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
17757
- flex: 1 1;
17758
- position: absolute;
17759
- left: 0;
17760
- right: 0;
17761
- width: 100%;
17762
- padding-inline: inherit;
17763
- }
17764
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
17765
- transition: none;
17766
- }
17767
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
17768
- opacity: 0;
17769
- }
17770
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
17771
- opacity: 0;
17772
- }
17773
- .v-autocomplete__menu-icon {
17774
- margin-inline-start: 4px;
17775
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17776
- }
17777
- .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17778
- opacity: var(--v-high-emphasis-opacity);
17779
- transform: rotate(180deg);
17780
17780
  }.v-avatar {
17781
17781
  flex: none;
17782
17782
  align-items: center;
@@ -17872,77 +17872,6 @@ html.overflow-y-hidden {
17872
17872
  .v-avatar .v-img {
17873
17873
  height: 100%;
17874
17874
  width: 100%;
17875
- }.v-badge {
17876
- display: inline-block;
17877
- line-height: 1;
17878
- }
17879
-
17880
- .v-badge__badge {
17881
- align-items: center;
17882
- display: inline-flex;
17883
- border-radius: 10px;
17884
- font-size: 0.75rem;
17885
- font-weight: 500;
17886
- height: 1.25rem;
17887
- justify-content: center;
17888
- min-width: 20px;
17889
- padding: 4px 6px;
17890
- pointer-events: auto;
17891
- position: absolute;
17892
- text-align: center;
17893
- text-indent: 0;
17894
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
17895
- white-space: nowrap;
17896
- background: rgb(var(--v-theme-surface-variant));
17897
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
17898
- }
17899
- .v-badge--bordered .v-badge__badge::after {
17900
- border-radius: inherit;
17901
- border-style: solid;
17902
- border-width: 2px;
17903
- bottom: 0;
17904
- color: rgb(var(--v-theme-background));
17905
- content: "";
17906
- left: 0;
17907
- position: absolute;
17908
- right: 0;
17909
- top: 0;
17910
- transform: scale(1.05);
17911
- }
17912
- .v-badge--dot .v-badge__badge {
17913
- border-radius: 4.5px;
17914
- height: 9px;
17915
- min-width: 0;
17916
- padding: 0;
17917
- width: 9px;
17918
- }
17919
- .v-badge--dot .v-badge__badge::after {
17920
- border-width: 1.5px;
17921
- }
17922
- .v-badge--inline .v-badge__badge {
17923
- position: relative;
17924
- vertical-align: middle;
17925
- }
17926
- .v-badge__badge .v-icon {
17927
- color: inherit;
17928
- font-size: 0.75rem;
17929
- margin: 0 -2px;
17930
- }
17931
- .v-badge__badge img,
17932
- .v-badge__badge .v-img {
17933
- height: 100%;
17934
- width: 100%;
17935
- }
17936
-
17937
- .v-badge__wrapper {
17938
- display: flex;
17939
- position: relative;
17940
- }
17941
- .v-badge--inline .v-badge__wrapper {
17942
- align-items: center;
17943
- display: inline-flex;
17944
- justify-content: center;
17945
- margin: 0 4px;
17946
17875
  }.v-banner {
17947
17876
  display: grid;
17948
17877
  flex: 1 1;
@@ -18101,28 +18030,99 @@ html.overflow-y-hidden {
18101
18030
  }
18102
18031
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
18103
18032
  align-self: flex-start;
18104
- }.v-bottom-navigation {
18105
- display: flex;
18106
- max-width: 100%;
18107
- overflow: hidden;
18108
- position: absolute;
18109
- transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
18110
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18111
- border-style: solid;
18112
- border-width: 0;
18113
- border-radius: 0;
18114
- background: rgb(var(--v-theme-surface));
18115
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18116
- }
18117
- .v-bottom-navigation--border {
18118
- border-width: thin;
18119
- box-shadow: none;
18120
- }
18121
- .v-bottom-navigation--active {
18122
- 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));
18033
+ }.v-badge {
18034
+ display: inline-block;
18035
+ line-height: 1;
18123
18036
  }
18124
18037
 
18125
- .v-bottom-navigation__content {
18038
+ .v-badge__badge {
18039
+ align-items: center;
18040
+ display: inline-flex;
18041
+ border-radius: 10px;
18042
+ font-size: 0.75rem;
18043
+ font-weight: 500;
18044
+ height: 1.25rem;
18045
+ justify-content: center;
18046
+ min-width: 20px;
18047
+ padding: 4px 6px;
18048
+ pointer-events: auto;
18049
+ position: absolute;
18050
+ text-align: center;
18051
+ text-indent: 0;
18052
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
18053
+ white-space: nowrap;
18054
+ background: rgb(var(--v-theme-surface-variant));
18055
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
18056
+ }
18057
+ .v-badge--bordered .v-badge__badge::after {
18058
+ border-radius: inherit;
18059
+ border-style: solid;
18060
+ border-width: 2px;
18061
+ bottom: 0;
18062
+ color: rgb(var(--v-theme-background));
18063
+ content: "";
18064
+ left: 0;
18065
+ position: absolute;
18066
+ right: 0;
18067
+ top: 0;
18068
+ transform: scale(1.05);
18069
+ }
18070
+ .v-badge--dot .v-badge__badge {
18071
+ border-radius: 4.5px;
18072
+ height: 9px;
18073
+ min-width: 0;
18074
+ padding: 0;
18075
+ width: 9px;
18076
+ }
18077
+ .v-badge--dot .v-badge__badge::after {
18078
+ border-width: 1.5px;
18079
+ }
18080
+ .v-badge--inline .v-badge__badge {
18081
+ position: relative;
18082
+ vertical-align: middle;
18083
+ }
18084
+ .v-badge__badge .v-icon {
18085
+ color: inherit;
18086
+ font-size: 0.75rem;
18087
+ margin: 0 -2px;
18088
+ }
18089
+ .v-badge__badge img,
18090
+ .v-badge__badge .v-img {
18091
+ height: 100%;
18092
+ width: 100%;
18093
+ }
18094
+
18095
+ .v-badge__wrapper {
18096
+ display: flex;
18097
+ position: relative;
18098
+ }
18099
+ .v-badge--inline .v-badge__wrapper {
18100
+ align-items: center;
18101
+ display: inline-flex;
18102
+ justify-content: center;
18103
+ margin: 0 4px;
18104
+ }.v-bottom-navigation {
18105
+ display: flex;
18106
+ max-width: 100%;
18107
+ overflow: hidden;
18108
+ position: absolute;
18109
+ transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
18110
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18111
+ border-style: solid;
18112
+ border-width: 0;
18113
+ border-radius: 0;
18114
+ background: rgb(var(--v-theme-surface));
18115
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18116
+ }
18117
+ .v-bottom-navigation--border {
18118
+ border-width: thin;
18119
+ box-shadow: none;
18120
+ }
18121
+ .v-bottom-navigation--active {
18122
+ 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));
18123
+ }
18124
+
18125
+ .v-bottom-navigation__content {
18126
18126
  display: flex;
18127
18127
  flex: none;
18128
18128
  font-size: 0.75rem;
@@ -18719,82 +18719,6 @@ html.overflow-y-hidden {
18719
18719
  }
18720
18720
  .v-btn-group--tile {
18721
18721
  border-radius: 0;
18722
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18723
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18724
- }
18725
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18726
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18727
- }
18728
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18729
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18730
- }
18731
- @supports not selector(:focus-visible) {
18732
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18733
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18734
- }
18735
- }.v-carousel {
18736
- overflow: hidden;
18737
- position: relative;
18738
- width: 100%;
18739
- }
18740
- .v-carousel__controls {
18741
- align-items: center;
18742
- bottom: 0;
18743
- display: flex;
18744
- height: 50px;
18745
- justify-content: center;
18746
- list-style-type: none;
18747
- position: absolute;
18748
- width: 100%;
18749
- z-index: 1;
18750
- background: rgba(var(--v-theme-surface-variant), 0.3);
18751
- color: rgb(var(--v-theme-on-surface-variant));
18752
- }
18753
- .v-carousel__controls > .v-item-group {
18754
- flex: 0 1 auto;
18755
- }
18756
- .v-carousel__controls__item {
18757
- margin: 0 8px;
18758
- }
18759
- .v-carousel__controls__item .v-icon {
18760
- opacity: 0.5;
18761
- }
18762
- .v-carousel__controls__item--active .v-icon {
18763
- opacity: 1;
18764
- vertical-align: middle;
18765
- }
18766
- .v-carousel__controls__item:hover {
18767
- background: none;
18768
- }
18769
- .v-carousel__controls__item:hover .v-icon {
18770
- opacity: 0.8;
18771
- }
18772
-
18773
- .v-carousel__progress {
18774
- margin: 0;
18775
- position: absolute;
18776
- bottom: 0;
18777
- left: 0;
18778
- right: 0;
18779
- }
18780
-
18781
- .v-carousel-item {
18782
- display: block;
18783
- height: inherit;
18784
- text-decoration: none;
18785
- }
18786
- .v-carousel-item > .v-img {
18787
- height: inherit;
18788
- }
18789
-
18790
- .v-carousel--hide-delimiter-background .v-carousel__controls {
18791
- background: transparent;
18792
- }
18793
-
18794
- .v-carousel--vertical-delimiters .v-carousel__controls {
18795
- flex-direction: column;
18796
- height: 100% !important;
18797
- width: 50px;
18798
18722
  }.v-card {
18799
18723
  display: block;
18800
18724
  overflow: hidden;
@@ -19094,11 +19018,82 @@ html.overflow-y-hidden {
19094
19018
  pointer-events: none;
19095
19019
  opacity: 0;
19096
19020
  transition: opacity 0.2s ease-in-out;
19097
- }.v-checkbox.v-input {
19021
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
19022
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19023
+ }
19024
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
19025
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19026
+ }
19027
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
19028
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19029
+ }
19030
+ @supports not selector(:focus-visible) {
19031
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
19032
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19033
+ }
19034
+ }.v-carousel {
19035
+ overflow: hidden;
19036
+ position: relative;
19037
+ width: 100%;
19038
+ }
19039
+ .v-carousel__controls {
19040
+ align-items: center;
19041
+ bottom: 0;
19042
+ display: flex;
19043
+ height: 50px;
19044
+ justify-content: center;
19045
+ list-style-type: none;
19046
+ position: absolute;
19047
+ width: 100%;
19048
+ z-index: 1;
19049
+ background: rgba(var(--v-theme-surface-variant), 0.3);
19050
+ color: rgb(var(--v-theme-on-surface-variant));
19051
+ }
19052
+ .v-carousel__controls > .v-item-group {
19098
19053
  flex: 0 1 auto;
19099
19054
  }
19100
- .v-checkbox .v-selection-control {
19101
- min-height: var(--v-input-control-height);
19055
+ .v-carousel__controls__item {
19056
+ margin: 0 8px;
19057
+ }
19058
+ .v-carousel__controls__item .v-icon {
19059
+ opacity: 0.5;
19060
+ }
19061
+ .v-carousel__controls__item--active .v-icon {
19062
+ opacity: 1;
19063
+ vertical-align: middle;
19064
+ }
19065
+ .v-carousel__controls__item:hover {
19066
+ background: none;
19067
+ }
19068
+ .v-carousel__controls__item:hover .v-icon {
19069
+ opacity: 0.8;
19070
+ }
19071
+
19072
+ .v-carousel__progress {
19073
+ margin: 0;
19074
+ position: absolute;
19075
+ bottom: 0;
19076
+ left: 0;
19077
+ right: 0;
19078
+ }
19079
+
19080
+ .v-carousel-item {
19081
+ display: block;
19082
+ height: inherit;
19083
+ text-decoration: none;
19084
+ }
19085
+ .v-carousel-item > .v-img {
19086
+ height: inherit;
19087
+ }
19088
+
19089
+ .v-carousel--hide-delimiter-background .v-carousel__controls {
19090
+ background: transparent;
19091
+ }
19092
+
19093
+ .v-carousel--vertical-delimiters .v-carousel__controls {
19094
+ flex-direction: column;
19095
+ height: 100% !important;
19096
+ width: 50px;
19102
19097
  }.v-chip {
19103
19098
  align-items: center;
19104
19099
  display: inline-flex;
@@ -19511,6 +19506,11 @@ html.overflow-y-hidden {
19511
19506
 
19512
19507
  .v-chip--label {
19513
19508
  border-radius: 4px;
19509
+ }.v-checkbox.v-input {
19510
+ flex: 0 1 auto;
19511
+ }
19512
+ .v-checkbox .v-selection-control {
19513
+ min-height: var(--v-input-control-height);
19514
19514
  }.v-chip-group {
19515
19515
  display: flex;
19516
19516
  max-width: 100%;
@@ -19635,219 +19635,8 @@ html.overflow-y-hidden {
19635
19635
  flex: 0 1 auto;
19636
19636
  font-size: 12px;
19637
19637
  transition-duration: 150ms;
19638
- }.v-date-picker {
19639
- overflow: hidden;
19640
- width: 328px;
19641
- }
19642
- .v-date-picker--show-week {
19643
- width: 368px;
19644
- }.v-date-picker-controls {
19645
- display: flex;
19646
- align-items: center;
19647
- justify-content: space-between;
19648
- font-size: 0.875rem;
19649
- padding-top: 4px;
19650
- padding-bottom: 4px;
19651
- padding-inline-start: 6px;
19652
- padding-inline-end: 12px;
19653
- }
19654
- .v-date-picker-controls > .v-btn:first-child {
19655
- text-transform: none;
19656
- font-weight: 400;
19657
- line-height: initial;
19658
- letter-spacing: initial;
19659
- }
19660
- .v-date-picker-controls--variant-classic {
19661
- padding-inline-start: 12px;
19662
- }
19663
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
19664
- opacity: 0.7;
19665
- }
19666
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
19667
- cursor: pointer;
19668
- }
19669
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
19670
- opacity: 1;
19671
- }
19672
- .v-date-picker-controls .v-btn:last-child {
19673
- margin-inline-start: 4px;
19674
- }
19675
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
19676
- transform: rotate(180deg);
19677
- }
19678
-
19679
- .v-date-picker-controls__date {
19680
- margin-inline-end: 4px;
19681
- }
19682
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
19683
- margin: auto;
19684
- text-align: center;
19685
- }
19686
-
19687
- .v-date-picker-controls__month {
19688
- display: flex;
19689
- }
19690
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
19691
- flex-direction: row-reverse;
19692
- }
19693
-
19694
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
19695
- flex: 1 0 auto;
19696
- }
19697
-
19698
- .v-date-picker__title {
19699
- display: inline-block;
19700
- }.v-date-picker-header {
19701
- align-items: flex-end;
19702
- height: 70px;
19703
- display: grid;
19704
- grid-template-areas: "prepend content append";
19705
- grid-template-columns: min-content minmax(0, 1fr) min-content;
19706
- overflow: hidden;
19707
- padding-inline: 24px 12px;
19708
- padding-bottom: 12px;
19709
- }
19710
-
19711
- .v-date-picker-header__append {
19712
- grid-area: append;
19713
- }
19714
-
19715
- .v-date-picker-header__prepend {
19716
- grid-area: prepend;
19717
- padding-inline-start: 8px;
19718
- }
19719
-
19720
- .v-date-picker-header__content {
19721
- align-items: center;
19722
- display: inline-flex;
19723
- font-size: 32px;
19724
- line-height: 40px;
19725
- grid-area: content;
19726
- justify-content: space-between;
19727
- }
19728
- .v-date-picker-header--clickable .v-date-picker-header__content {
19729
- cursor: pointer;
19730
- }
19731
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
19732
- opacity: 0.7;
19733
- }
19734
-
19735
- .date-picker-header-transition-enter-active,
19736
- .date-picker-header-reverse-transition-enter-active {
19737
- transition-duration: 0.3s;
19738
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19739
- }
19740
- .date-picker-header-transition-leave-active,
19741
- .date-picker-header-reverse-transition-leave-active {
19742
- transition-duration: 0.3s;
19743
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19744
- }
19745
-
19746
- .date-picker-header-transition-enter-from {
19747
- transform: translate(0, 100%);
19748
- }
19749
- .date-picker-header-transition-leave-to {
19750
- opacity: 0;
19751
- transform: translate(0, -100%);
19752
- }
19753
-
19754
- .date-picker-header-reverse-transition-enter-from {
19755
- transform: translate(0, -100%);
19756
- }
19757
- .date-picker-header-reverse-transition-leave-to {
19758
- opacity: 0;
19759
- transform: translate(0, 100%);
19760
- }.v-date-picker-month {
19761
- display: flex;
19762
- justify-content: center;
19763
- padding: 0 12px 8px;
19764
- --v-date-picker-month-day-diff: 4px;
19765
- }
19766
-
19767
- .v-date-picker-month__weeks {
19768
- display: grid;
19769
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
19770
- column-gap: 4px;
19771
- font-size: 0.85rem;
19772
- }
19773
- .v-date-picker-month__weeks + .v-date-picker-month__days {
19774
- grid-row-gap: 0;
19775
- }
19776
-
19777
- .v-date-picker-month__weekday {
19778
- font-size: 0.85rem;
19779
- }
19780
-
19781
- .v-date-picker-month__days {
19782
- display: grid;
19783
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
19784
- column-gap: 4px;
19785
- flex: 1 1;
19786
- justify-content: space-around;
19787
- }
19788
-
19789
- .v-date-picker-month__day {
19790
- align-items: center;
19791
- display: flex;
19792
- justify-content: center;
19793
- position: relative;
19794
- height: 40px;
19795
- width: 40px;
19796
- }
19797
- .v-date-picker-month__day--selected .v-btn {
19798
- background-color: rgb(var(--v-theme-surface-variant));
19799
- color: rgb(var(--v-theme-on-surface-variant));
19800
- }
19801
- .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
19802
- --v-btn-height: 24px;
19803
- --v-btn-size: 0.85rem;
19804
- }
19805
- .v-date-picker-month__day--week {
19806
- font-size: var(--v-btn-size);
19807
- }
19808
-
19809
- .v-date-picker-month__day--adjacent {
19810
- opacity: 0.5;
19811
- }
19812
-
19813
- .v-date-picker-month__day--hide-adjacent {
19814
- opacity: 0;
19815
- }.v-date-picker-months {
19816
- height: 288px;
19817
- }
19818
-
19819
- .v-date-picker-months__content {
19820
- align-items: center;
19821
- display: grid;
19822
- flex: 1 1;
19823
- height: inherit;
19824
- justify-content: space-around;
19825
- grid-template-columns: repeat(2, 1fr);
19826
- grid-gap: 0px 24px;
19827
- padding-inline-start: 36px;
19828
- padding-inline-end: 36px;
19829
- }
19830
- .v-date-picker-months__content .v-btn {
19831
- text-transform: none;
19832
- padding-inline-start: 8px;
19833
- padding-inline-end: 8px;
19834
- }.v-date-picker-years {
19835
- height: 288px;
19836
- overflow-y: scroll;
19837
- }
19838
-
19839
- .v-date-picker-years__content {
19840
- display: grid;
19841
- flex: 1 1;
19842
- justify-content: space-around;
19843
- grid-template-columns: repeat(3, 1fr);
19844
- gap: 8px 24px;
19845
- padding-inline: 32px;
19846
- }
19847
- .v-date-picker-years__content .v-btn {
19848
- padding-inline: 8px;
19849
- }.v-data-table {
19850
- width: 100%;
19638
+ }.v-data-table {
19639
+ width: 100%;
19851
19640
  }
19852
19641
 
19853
19642
  .v-data-table__table {
@@ -20064,43 +19853,254 @@ html.overflow-y-hidden {
20064
19853
  }
20065
19854
  .v-data-table-footer__page {
20066
19855
  padding: 0 8px;
20067
- }.v-dialog {
20068
- align-items: center;
20069
- justify-content: center;
20070
- margin: auto;
20071
- }
20072
- .v-dialog > .v-overlay__content {
20073
- max-height: calc(100% - 48px);
20074
- width: calc(100% - 48px);
20075
- max-width: calc(100% - 48px);
20076
- margin: 24px;
19856
+ }.v-date-picker {
19857
+ overflow: hidden;
19858
+ width: 328px;
20077
19859
  }
20078
- .v-dialog > .v-overlay__content,
20079
- .v-dialog > .v-overlay__content > form {
19860
+ .v-date-picker--show-week {
19861
+ width: 368px;
19862
+ }.v-date-picker-month {
20080
19863
  display: flex;
20081
- flex-direction: column;
20082
- min-height: 0;
19864
+ justify-content: center;
19865
+ padding: 0 12px 8px;
19866
+ --v-date-picker-month-day-diff: 4px;
20083
19867
  }
20084
- .v-dialog > .v-overlay__content > .v-card,
20085
- .v-dialog > .v-overlay__content > .v-sheet,
20086
- .v-dialog > .v-overlay__content > form > .v-card,
20087
- .v-dialog > .v-overlay__content > form > .v-sheet {
20088
- --v-scrollbar-offset: 0px;
20089
- border-radius: 4px;
20090
- overflow-y: auto;
20091
- box-shadow: 0px 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 9px 46px 8px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19868
+
19869
+ .v-date-picker-month__weeks {
19870
+ display: grid;
19871
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
19872
+ column-gap: 4px;
19873
+ font-size: 0.85rem;
20092
19874
  }
20093
- .v-dialog > .v-overlay__content > .v-card,
20094
- .v-dialog > .v-overlay__content > form > .v-card {
20095
- display: flex;
20096
- flex-direction: column;
19875
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
19876
+ grid-row-gap: 0;
20097
19877
  }
20098
- .v-dialog > .v-overlay__content > .v-card > .v-card-item,
20099
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
20100
- padding: 16px 24px;
19878
+
19879
+ .v-date-picker-month__weekday {
19880
+ font-size: 0.85rem;
20101
19881
  }
20102
- .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
20103
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
19882
+
19883
+ .v-date-picker-month__days {
19884
+ display: grid;
19885
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
19886
+ column-gap: 4px;
19887
+ flex: 1 1;
19888
+ justify-content: space-around;
19889
+ }
19890
+
19891
+ .v-date-picker-month__day {
19892
+ align-items: center;
19893
+ display: flex;
19894
+ justify-content: center;
19895
+ position: relative;
19896
+ height: 40px;
19897
+ width: 40px;
19898
+ }
19899
+ .v-date-picker-month__day--selected .v-btn {
19900
+ background-color: rgb(var(--v-theme-surface-variant));
19901
+ color: rgb(var(--v-theme-on-surface-variant));
19902
+ }
19903
+ .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
19904
+ --v-btn-height: 24px;
19905
+ --v-btn-size: 0.85rem;
19906
+ }
19907
+ .v-date-picker-month__day--week {
19908
+ font-size: var(--v-btn-size);
19909
+ }
19910
+
19911
+ .v-date-picker-month__day--adjacent {
19912
+ opacity: 0.5;
19913
+ }
19914
+
19915
+ .v-date-picker-month__day--hide-adjacent {
19916
+ opacity: 0;
19917
+ }.v-date-picker-controls {
19918
+ display: flex;
19919
+ align-items: center;
19920
+ justify-content: space-between;
19921
+ font-size: 0.875rem;
19922
+ padding-top: 4px;
19923
+ padding-bottom: 4px;
19924
+ padding-inline-start: 6px;
19925
+ padding-inline-end: 12px;
19926
+ }
19927
+ .v-date-picker-controls > .v-btn:first-child {
19928
+ text-transform: none;
19929
+ font-weight: 400;
19930
+ line-height: initial;
19931
+ letter-spacing: initial;
19932
+ }
19933
+ .v-date-picker-controls--variant-classic {
19934
+ padding-inline-start: 12px;
19935
+ }
19936
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
19937
+ opacity: 0.7;
19938
+ }
19939
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
19940
+ cursor: pointer;
19941
+ }
19942
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
19943
+ opacity: 1;
19944
+ }
19945
+ .v-date-picker-controls .v-btn:last-child {
19946
+ margin-inline-start: 4px;
19947
+ }
19948
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
19949
+ transform: rotate(180deg);
19950
+ }
19951
+
19952
+ .v-date-picker-controls__date {
19953
+ margin-inline-end: 4px;
19954
+ }
19955
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
19956
+ margin: auto;
19957
+ text-align: center;
19958
+ }
19959
+
19960
+ .v-date-picker-controls__month {
19961
+ display: flex;
19962
+ }
19963
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
19964
+ flex-direction: row-reverse;
19965
+ }
19966
+
19967
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
19968
+ flex: 1 0 auto;
19969
+ }
19970
+
19971
+ .v-date-picker__title {
19972
+ display: inline-block;
19973
+ }.v-date-picker-header {
19974
+ align-items: flex-end;
19975
+ height: 70px;
19976
+ display: grid;
19977
+ grid-template-areas: "prepend content append";
19978
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
19979
+ overflow: hidden;
19980
+ padding-inline: 24px 12px;
19981
+ padding-bottom: 12px;
19982
+ }
19983
+
19984
+ .v-date-picker-header__append {
19985
+ grid-area: append;
19986
+ }
19987
+
19988
+ .v-date-picker-header__prepend {
19989
+ grid-area: prepend;
19990
+ padding-inline-start: 8px;
19991
+ }
19992
+
19993
+ .v-date-picker-header__content {
19994
+ align-items: center;
19995
+ display: inline-flex;
19996
+ font-size: 32px;
19997
+ line-height: 40px;
19998
+ grid-area: content;
19999
+ justify-content: space-between;
20000
+ }
20001
+ .v-date-picker-header--clickable .v-date-picker-header__content {
20002
+ cursor: pointer;
20003
+ }
20004
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20005
+ opacity: 0.7;
20006
+ }
20007
+
20008
+ .date-picker-header-transition-enter-active,
20009
+ .date-picker-header-reverse-transition-enter-active {
20010
+ transition-duration: 0.3s;
20011
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20012
+ }
20013
+ .date-picker-header-transition-leave-active,
20014
+ .date-picker-header-reverse-transition-leave-active {
20015
+ transition-duration: 0.3s;
20016
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20017
+ }
20018
+
20019
+ .date-picker-header-transition-enter-from {
20020
+ transform: translate(0, 100%);
20021
+ }
20022
+ .date-picker-header-transition-leave-to {
20023
+ opacity: 0;
20024
+ transform: translate(0, -100%);
20025
+ }
20026
+
20027
+ .date-picker-header-reverse-transition-enter-from {
20028
+ transform: translate(0, -100%);
20029
+ }
20030
+ .date-picker-header-reverse-transition-leave-to {
20031
+ opacity: 0;
20032
+ transform: translate(0, 100%);
20033
+ }.v-date-picker-years {
20034
+ height: 288px;
20035
+ overflow-y: scroll;
20036
+ }
20037
+
20038
+ .v-date-picker-years__content {
20039
+ display: grid;
20040
+ flex: 1 1;
20041
+ justify-content: space-around;
20042
+ grid-template-columns: repeat(3, 1fr);
20043
+ gap: 8px 24px;
20044
+ padding-inline: 32px;
20045
+ }
20046
+ .v-date-picker-years__content .v-btn {
20047
+ padding-inline: 8px;
20048
+ }.v-date-picker-months {
20049
+ height: 288px;
20050
+ }
20051
+
20052
+ .v-date-picker-months__content {
20053
+ align-items: center;
20054
+ display: grid;
20055
+ flex: 1 1;
20056
+ height: inherit;
20057
+ justify-content: space-around;
20058
+ grid-template-columns: repeat(2, 1fr);
20059
+ grid-gap: 0px 24px;
20060
+ padding-inline-start: 36px;
20061
+ padding-inline-end: 36px;
20062
+ }
20063
+ .v-date-picker-months__content .v-btn {
20064
+ text-transform: none;
20065
+ padding-inline-start: 8px;
20066
+ padding-inline-end: 8px;
20067
+ }.v-dialog {
20068
+ align-items: center;
20069
+ justify-content: center;
20070
+ margin: auto;
20071
+ }
20072
+ .v-dialog > .v-overlay__content {
20073
+ max-height: calc(100% - 48px);
20074
+ width: calc(100% - 48px);
20075
+ max-width: calc(100% - 48px);
20076
+ margin: 24px;
20077
+ }
20078
+ .v-dialog > .v-overlay__content,
20079
+ .v-dialog > .v-overlay__content > form {
20080
+ display: flex;
20081
+ flex-direction: column;
20082
+ min-height: 0;
20083
+ }
20084
+ .v-dialog > .v-overlay__content > .v-card,
20085
+ .v-dialog > .v-overlay__content > .v-sheet,
20086
+ .v-dialog > .v-overlay__content > form > .v-card,
20087
+ .v-dialog > .v-overlay__content > form > .v-sheet {
20088
+ --v-scrollbar-offset: 0px;
20089
+ border-radius: 4px;
20090
+ overflow-y: auto;
20091
+ box-shadow: 0px 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 9px 46px 8px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20092
+ }
20093
+ .v-dialog > .v-overlay__content > .v-card,
20094
+ .v-dialog > .v-overlay__content > form > .v-card {
20095
+ display: flex;
20096
+ flex-direction: column;
20097
+ }
20098
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item,
20099
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
20100
+ padding: 16px 24px;
20101
+ }
20102
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
20103
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
20104
20104
  padding-top: 0;
20105
20105
  }
20106
20106
  .v-dialog > .v-overlay__content > .v-card > .v-card-text,
@@ -20204,8 +20204,75 @@ html.overflow-y-hidden {
20204
20204
  flex-direction: column;
20205
20205
  height: 100%;
20206
20206
  }
20207
- .v-divider__wrapper--vertical .v-divider {
20208
- margin: 0 auto;
20207
+ .v-divider__wrapper--vertical .v-divider {
20208
+ margin: 0 auto;
20209
+ }.v-empty-state {
20210
+ align-items: center;
20211
+ display: flex;
20212
+ flex-direction: column;
20213
+ justify-content: center;
20214
+ min-height: 100%;
20215
+ padding: 16px;
20216
+ }
20217
+ .v-empty-state--start {
20218
+ align-items: flex-start;
20219
+ }
20220
+ .v-empty-state--center {
20221
+ align-items: center;
20222
+ }
20223
+ .v-empty-state--end {
20224
+ align-items: flex-end;
20225
+ }
20226
+
20227
+ .v-empty-state__media {
20228
+ text-align: center;
20229
+ width: 100%;
20230
+ }
20231
+ .v-empty-state__media .v-icon {
20232
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20233
+ }
20234
+
20235
+ .v-empty-state__headline {
20236
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20237
+ font-size: 3.75rem;
20238
+ font-weight: 300;
20239
+ line-height: 1;
20240
+ text-align: center;
20241
+ margin-bottom: 8px;
20242
+ }
20243
+ .v-empty-state--mobile .v-empty-state__headline {
20244
+ font-size: 2.125rem;
20245
+ }
20246
+
20247
+ .v-empty-state__title {
20248
+ font-size: 1.25rem;
20249
+ font-weight: 500;
20250
+ line-height: 1.6;
20251
+ margin-bottom: 4px;
20252
+ text-align: center;
20253
+ }
20254
+
20255
+ .v-empty-state__text {
20256
+ font-size: 0.875rem;
20257
+ font-weight: 400;
20258
+ line-height: 1.425;
20259
+ padding: 0 16px;
20260
+ text-align: center;
20261
+ }
20262
+
20263
+ .v-empty-state__content {
20264
+ padding: 24px 0;
20265
+ }
20266
+
20267
+ .v-empty-state__actions {
20268
+ display: flex;
20269
+ gap: 8px;
20270
+ padding: 16px;
20271
+ }
20272
+
20273
+ .v-empty-state__action-btn.v-btn {
20274
+ background-color: initial;
20275
+ color: initial;
20209
20276
  }.v-expansion-panel {
20210
20277
  background-color: rgb(var(--v-theme-surface));
20211
20278
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -20416,73 +20483,6 @@ html.overflow-y-hidden {
20416
20483
  }
20417
20484
  .v-expansion-panels--tile > .v-expansion-panel {
20418
20485
  border-radius: 0;
20419
- }.v-empty-state {
20420
- align-items: center;
20421
- display: flex;
20422
- flex-direction: column;
20423
- justify-content: center;
20424
- min-height: 100%;
20425
- padding: 16px;
20426
- }
20427
- .v-empty-state--start {
20428
- align-items: flex-start;
20429
- }
20430
- .v-empty-state--center {
20431
- align-items: center;
20432
- }
20433
- .v-empty-state--end {
20434
- align-items: flex-end;
20435
- }
20436
-
20437
- .v-empty-state__media {
20438
- text-align: center;
20439
- width: 100%;
20440
- }
20441
- .v-empty-state__media .v-icon {
20442
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20443
- }
20444
-
20445
- .v-empty-state__headline {
20446
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20447
- font-size: 3.75rem;
20448
- font-weight: 300;
20449
- line-height: 1;
20450
- text-align: center;
20451
- margin-bottom: 8px;
20452
- }
20453
- .v-empty-state--mobile .v-empty-state__headline {
20454
- font-size: 2.125rem;
20455
- }
20456
-
20457
- .v-empty-state__title {
20458
- font-size: 1.25rem;
20459
- font-weight: 500;
20460
- line-height: 1.6;
20461
- margin-bottom: 4px;
20462
- text-align: center;
20463
- }
20464
-
20465
- .v-empty-state__text {
20466
- font-size: 0.875rem;
20467
- font-weight: 400;
20468
- line-height: 1.425;
20469
- padding: 0 16px;
20470
- text-align: center;
20471
- }
20472
-
20473
- .v-empty-state__content {
20474
- padding: 24px 0;
20475
- }
20476
-
20477
- .v-empty-state__actions {
20478
- display: flex;
20479
- gap: 8px;
20480
- padding: 16px;
20481
- }
20482
-
20483
- .v-empty-state__action-btn.v-btn {
20484
- background-color: initial;
20485
- color: initial;
20486
20486
  }.v-fab {
20487
20487
  align-items: center;
20488
20488
  display: inline-flex;
@@ -20552,35 +20552,6 @@ html.overflow-y-hidden {
20552
20552
  }
20553
20553
  .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
20554
20554
  right: 0;
20555
- }.v-file-input--hide.v-input .v-field,
20556
- .v-file-input--hide.v-input .v-input__control,
20557
- .v-file-input--hide.v-input .v-input__details {
20558
- display: none;
20559
- }
20560
- .v-file-input--hide.v-input .v-input__prepend {
20561
- grid-area: control;
20562
- margin: 0 auto;
20563
- }
20564
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
20565
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
20566
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
20567
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20568
- top: 0px;
20569
- }
20570
- .v-file-input input[type=file] {
20571
- height: 100%;
20572
- left: 0;
20573
- opacity: 0;
20574
- position: absolute;
20575
- top: 0;
20576
- width: 100%;
20577
- z-index: 1;
20578
- }
20579
- .v-file-input .v-input__details {
20580
- padding-inline: 16px;
20581
- }
20582
- .v-input--plain-underlined.v-file-input .v-input__details {
20583
- padding-inline: 0;
20584
20555
  }/* region INPUT */
20585
20556
  .v-field {
20586
20557
  --v-theme-overlay-multiplier: 1;
@@ -21180,6 +21151,35 @@ textarea.v-field__input::placeholder {
21180
21151
  }
21181
21152
  .v-footer--rounded {
21182
21153
  border-radius: 4px;
21154
+ }.v-file-input--hide.v-input .v-field,
21155
+ .v-file-input--hide.v-input .v-input__control,
21156
+ .v-file-input--hide.v-input .v-input__details {
21157
+ display: none;
21158
+ }
21159
+ .v-file-input--hide.v-input .v-input__prepend {
21160
+ grid-area: control;
21161
+ margin: 0 auto;
21162
+ }
21163
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21164
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21165
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21166
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21167
+ top: 0px;
21168
+ }
21169
+ .v-file-input input[type=file] {
21170
+ height: 100%;
21171
+ left: 0;
21172
+ opacity: 0;
21173
+ position: absolute;
21174
+ top: 0;
21175
+ width: 100%;
21176
+ z-index: 1;
21177
+ }
21178
+ .v-file-input .v-input__details {
21179
+ padding-inline: 16px;
21180
+ }
21181
+ .v-input--plain-underlined.v-file-input .v-input__details {
21182
+ padding-inline: 0;
21183
21183
  }.v-container {
21184
21184
  width: 100%;
21185
21185
  padding: 16px;
@@ -22128,13 +22128,6 @@ textarea.v-field__input::placeholder {
22128
22128
 
22129
22129
  .v-label--clickable {
22130
22130
  cursor: pointer;
22131
- }.v-layout-item {
22132
- position: absolute;
22133
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22134
- }
22135
-
22136
- .v-layout-item--absolute {
22137
- position: absolute;
22138
22131
  }.v-layout {
22139
22132
  --v-scrollbar-offset: 0px;
22140
22133
  display: flex;
@@ -22143,6 +22136,13 @@ textarea.v-field__input::placeholder {
22143
22136
  .v-layout--full-height {
22144
22137
  --v-scrollbar-offset: inherit;
22145
22138
  height: 100%;
22139
+ }.v-layout-item {
22140
+ position: absolute;
22141
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22142
+ }
22143
+
22144
+ .v-layout-item--absolute {
22145
+ position: absolute;
22146
22146
  }.v-list {
22147
22147
  overflow: auto;
22148
22148
  padding: 8px 0;
@@ -22700,8 +22700,6 @@ textarea.v-field__input::placeholder {
22700
22700
  }
22701
22701
  .v-list-group__header:not(.v-treeview-item--activetable-group-activator).v-list-item--active:hover .v-list-item__overlay {
22702
22702
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22703
- }.v-locale-provider {
22704
- display: contents;
22705
22703
  }.v-main {
22706
22704
  flex: 1 0 auto;
22707
22705
  max-width: 100%;
@@ -22730,6 +22728,8 @@ textarea.v-field__input::placeholder {
22730
22728
  --v-layout-right: 0px;
22731
22729
  --v-layout-top: 0px;
22732
22730
  --v-layout-bottom: 0px;
22731
+ }.v-locale-provider {
22732
+ display: contents;
22733
22733
  }.v-menu > .v-overlay__content {
22734
22734
  display: flex;
22735
22735
  flex-direction: column;
@@ -23430,6 +23430,32 @@ html.v-overlay-scroll-blocked {
23430
23430
  opacity: 0;
23431
23431
  position: absolute;
23432
23432
  width: 0;
23433
+ }.v-responsive {
23434
+ display: flex;
23435
+ flex: 1 0 auto;
23436
+ max-height: 100%;
23437
+ max-width: 100%;
23438
+ overflow: hidden;
23439
+ position: relative;
23440
+ }
23441
+ .v-responsive--inline {
23442
+ display: inline-flex;
23443
+ flex: 0 0 auto;
23444
+ }
23445
+
23446
+ .v-responsive__content {
23447
+ flex: 1 0 0px;
23448
+ max-width: 100%;
23449
+ }
23450
+
23451
+ .v-responsive__sizer ~ .v-responsive__content {
23452
+ margin-inline-start: -100%;
23453
+ }
23454
+
23455
+ .v-responsive__sizer {
23456
+ flex: 1 0 0px;
23457
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23458
+ pointer-events: none;
23433
23459
  }.v-select .v-field .v-text-field__prefix,
23434
23460
  .v-select .v-field .v-text-field__suffix,
23435
23461
  .v-select .v-field .v-field__input, .v-select .v-field.v-field {
@@ -23478,32 +23504,14 @@ html.v-overlay-scroll-blocked {
23478
23504
  .v-select--active-menu .v-select__menu-icon {
23479
23505
  opacity: var(--v-high-emphasis-opacity);
23480
23506
  transform: rotate(180deg);
23481
- }.v-responsive {
23507
+ }.v-selection-control-group {
23508
+ grid-area: control;
23482
23509
  display: flex;
23483
- flex: 1 0 auto;
23484
- max-height: 100%;
23485
- max-width: 100%;
23486
- overflow: hidden;
23487
- position: relative;
23488
- }
23489
- .v-responsive--inline {
23490
- display: inline-flex;
23491
- flex: 0 0 auto;
23492
- }
23493
-
23494
- .v-responsive__content {
23495
- flex: 1 0 0px;
23496
- max-width: 100%;
23497
- }
23498
-
23499
- .v-responsive__sizer ~ .v-responsive__content {
23500
- margin-inline-start: -100%;
23510
+ flex-direction: column;
23501
23511
  }
23502
-
23503
- .v-responsive__sizer {
23504
- flex: 1 0 0px;
23505
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23506
- pointer-events: none;
23512
+ .v-selection-control-group--inline {
23513
+ flex-direction: row;
23514
+ flex-wrap: wrap;
23507
23515
  }.v-selection-control {
23508
23516
  align-items: center;
23509
23517
  contain: layout;
@@ -23605,14 +23613,6 @@ html.v-overlay-scroll-blocked {
23605
23613
  }
23606
23614
  .v-selection-control--focus-visible .v-selection-control__input::before {
23607
23615
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
23608
- }.v-selection-control-group {
23609
- grid-area: control;
23610
- display: flex;
23611
- flex-direction: column;
23612
- }
23613
- .v-selection-control-group--inline {
23614
- flex-direction: row;
23615
- flex-wrap: wrap;
23616
23616
  }.v-sheet {
23617
23617
  display: block;
23618
23618
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
@@ -24045,18 +24045,59 @@ html.v-overlay-scroll-blocked {
24045
24045
  transition-duration: 0.15s;
24046
24046
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24047
24047
  }
24048
- .v-snackbar-transition-enter-active {
24049
- transition-property: opacity, transform;
24048
+ .v-snackbar-transition-enter-active {
24049
+ transition-property: opacity, transform;
24050
+ }
24051
+ .v-snackbar-transition-enter-from {
24052
+ opacity: 0;
24053
+ transform: scale(0.8);
24054
+ }
24055
+ .v-snackbar-transition-leave-active {
24056
+ transition-property: opacity;
24057
+ }
24058
+ .v-snackbar-transition-leave-to {
24059
+ opacity: 0;
24060
+ }.v-speed-dial__content {
24061
+ gap: 8px;
24062
+ }
24063
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right-center {
24064
+ flex-direction: row;
24065
+ }
24066
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start-center {
24067
+ flex-direction: row-reverse;
24068
+ }
24069
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top-center {
24070
+ flex-direction: column-reverse;
24071
+ }
24072
+ .v-speed-dial__content > *:nth-child(1) {
24073
+ transition-delay: 0s;
24074
+ }
24075
+ .v-speed-dial__content > *:nth-child(2) {
24076
+ transition-delay: 0.05s;
24077
+ }
24078
+ .v-speed-dial__content > *:nth-child(3) {
24079
+ transition-delay: 0.1s;
24080
+ }
24081
+ .v-speed-dial__content > *:nth-child(4) {
24082
+ transition-delay: 0.15s;
24083
+ }
24084
+ .v-speed-dial__content > *:nth-child(5) {
24085
+ transition-delay: 0.2s;
24086
+ }
24087
+ .v-speed-dial__content > *:nth-child(6) {
24088
+ transition-delay: 0.25s;
24089
+ }
24090
+ .v-speed-dial__content > *:nth-child(7) {
24091
+ transition-delay: 0.3s;
24050
24092
  }
24051
- .v-snackbar-transition-enter-from {
24052
- opacity: 0;
24053
- transform: scale(0.8);
24093
+ .v-speed-dial__content > *:nth-child(8) {
24094
+ transition-delay: 0.35s;
24054
24095
  }
24055
- .v-snackbar-transition-leave-active {
24056
- transition-property: opacity;
24096
+ .v-speed-dial__content > *:nth-child(9) {
24097
+ transition-delay: 0.4s;
24057
24098
  }
24058
- .v-snackbar-transition-leave-to {
24059
- opacity: 0;
24099
+ .v-speed-dial__content > *:nth-child(10) {
24100
+ transition-delay: 0.45s;
24060
24101
  }.v-stepper.v-sheet {
24061
24102
  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));
24062
24103
  border-radius: 4px;
@@ -24223,47 +24264,186 @@ html.v-overlay-scroll-blocked {
24223
24264
  width: 100%;
24224
24265
  height: 100%;
24225
24266
  pointer-events: none;
24226
- }.v-speed-dial__content {
24227
- gap: 8px;
24267
+ }.v-switch .v-label {
24268
+ padding-inline-start: 10px;
24228
24269
  }
24229
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right-center {
24230
- flex-direction: row;
24270
+
24271
+ .v-switch__loader {
24272
+ display: flex;
24231
24273
  }
24232
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start-center {
24233
- flex-direction: row-reverse;
24274
+ .v-switch__loader .v-progress-circular {
24275
+ color: rgb(var(--v-theme-surface));
24234
24276
  }
24235
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top-center {
24236
- flex-direction: column-reverse;
24277
+
24278
+ .v-switch__track,
24279
+ .v-switch__thumb {
24280
+ transition: none;
24237
24281
  }
24238
- .v-speed-dial__content > *:nth-child(1) {
24239
- transition-delay: 0s;
24282
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
24283
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
24284
+ background-color: rgb(var(--v-theme-error));
24285
+ color: rgb(var(--v-theme-on-error));
24240
24286
  }
24241
- .v-speed-dial__content > *:nth-child(2) {
24242
- transition-delay: 0.05s;
24287
+
24288
+ .v-switch__track-true {
24289
+ margin-inline-end: auto;
24243
24290
  }
24244
- .v-speed-dial__content > *:nth-child(3) {
24245
- transition-delay: 0.1s;
24291
+ .v-selection-control:not(.v-selection-control--dirty) .v-switch__track-true {
24292
+ opacity: 0;
24246
24293
  }
24247
- .v-speed-dial__content > *:nth-child(4) {
24248
- transition-delay: 0.15s;
24294
+
24295
+ .v-switch__track-false {
24296
+ margin-inline-start: auto;
24249
24297
  }
24250
- .v-speed-dial__content > *:nth-child(5) {
24251
- transition-delay: 0.2s;
24298
+ .v-selection-control--dirty .v-switch__track-false {
24299
+ opacity: 0;
24252
24300
  }
24253
- .v-speed-dial__content > *:nth-child(6) {
24254
- transition-delay: 0.25s;
24301
+
24302
+ .v-switch__track {
24303
+ display: inline-flex;
24304
+ align-items: center;
24305
+ font-size: 0.5rem;
24306
+ padding: 0 5px;
24307
+ background-color: rgb(var(--v-theme-surface-variant));
24308
+ border-radius: 9999px;
24309
+ height: 14px;
24310
+ opacity: 0.6;
24311
+ min-width: 36px;
24312
+ cursor: pointer;
24313
+ transition: 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
24255
24314
  }
24256
- .v-speed-dial__content > *:nth-child(7) {
24257
- transition-delay: 0.3s;
24315
+ .v-switch--inset .v-switch__track {
24316
+ border-radius: 9999px;
24317
+ font-size: 0.75rem;
24318
+ height: 32px;
24319
+ min-width: 52px;
24258
24320
  }
24259
- .v-speed-dial__content > *:nth-child(8) {
24260
- transition-delay: 0.35s;
24321
+
24322
+ .v-switch__thumb {
24323
+ align-items: center;
24324
+ background-color: rgb(var(--v-theme-surface-bright));
24325
+ color: rgb(var(--v-theme-on-surface-bright));
24326
+ border-radius: 50%;
24327
+ display: flex;
24328
+ font-size: 0.75rem;
24329
+ height: 20px;
24330
+ justify-content: center;
24331
+ width: 20px;
24332
+ pointer-events: none;
24333
+ transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1), 0.2s color cubic-bezier(0.4, 0, 0.2, 1), 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
24334
+ position: relative;
24335
+ overflow: hidden;
24261
24336
  }
24262
- .v-speed-dial__content > *:nth-child(9) {
24263
- transition-delay: 0.4s;
24337
+ .v-switch:not(.v-switch--inset) .v-switch__thumb {
24338
+ 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));
24264
24339
  }
24265
- .v-speed-dial__content > *:nth-child(10) {
24266
- transition-delay: 0.45s;
24340
+ .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
24341
+ background: rgb(var(--v-theme-surface-variant));
24342
+ color: rgb(var(--v-theme-on-surface-variant));
24343
+ 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));
24344
+ }
24345
+ .v-switch--inset .v-switch__thumb {
24346
+ height: 24px;
24347
+ width: 24px;
24348
+ transform: scale(0.6666666667);
24349
+ }
24350
+ .v-switch--inset .v-switch__thumb--filled {
24351
+ transform: none;
24352
+ }
24353
+ .v-switch--inset .v-selection-control--dirty .v-switch__thumb {
24354
+ transform: none;
24355
+ transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
24356
+ }
24357
+
24358
+ .v-switch.v-input {
24359
+ flex: 0 1 auto;
24360
+ }
24361
+ .v-switch .v-selection-control {
24362
+ min-height: var(--v-input-control-height);
24363
+ }
24364
+ .v-switch .v-selection-control__input {
24365
+ border-radius: 50%;
24366
+ transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
24367
+ position: absolute;
24368
+ }
24369
+ .v-locale--is-ltr.v-switch .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control__input {
24370
+ transform: translateX(-10px);
24371
+ }
24372
+
24373
+ .v-locale--is-rtl.v-switch .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control__input {
24374
+ transform: translateX(10px);
24375
+ }
24376
+
24377
+ .v-switch .v-selection-control__input .v-icon {
24378
+ position: absolute;
24379
+ }
24380
+ .v-locale--is-ltr.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control--dirty .v-selection-control__input {
24381
+ transform: translateX(10px);
24382
+ }
24383
+
24384
+ .v-locale--is-rtl.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control--dirty .v-selection-control__input {
24385
+ transform: translateX(-10px);
24386
+ }
24387
+
24388
+ .v-switch.v-switch--indeterminate .v-selection-control__input {
24389
+ transform: scale(0.8);
24390
+ }
24391
+ .v-switch.v-switch--indeterminate .v-switch__thumb {
24392
+ transform: scale(0.75);
24393
+ box-shadow: none;
24394
+ }
24395
+ .v-switch.v-switch--inset .v-selection-control__wrapper {
24396
+ width: auto;
24397
+ }
24398
+ .v-switch.v-input--vertical .v-label {
24399
+ min-width: max-content;
24400
+ }
24401
+ .v-switch.v-input--vertical .v-selection-control__wrapper {
24402
+ transform: rotate(-90deg);
24403
+ }
24404
+
24405
+ @media (forced-colors: active) {
24406
+ .v-switch .v-switch__loader .v-progress-circular {
24407
+ color: currentColor;
24408
+ }
24409
+ .v-switch .v-switch__thumb {
24410
+ background-color: buttontext;
24411
+ }
24412
+ .v-switch .v-switch__track,
24413
+ .v-switch .v-switch__thumb {
24414
+ border: 1px solid;
24415
+ color: buttontext;
24416
+ }
24417
+ .v-switch:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
24418
+ background-color: highlight;
24419
+ }
24420
+ .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track {
24421
+ background-color: highlight;
24422
+ }
24423
+ .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track,
24424
+ .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
24425
+ color: highlight;
24426
+ }
24427
+ .v-switch.v-switch--inset .v-switch__track {
24428
+ border-width: 2px;
24429
+ }
24430
+ .v-switch.v-switch--inset:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
24431
+ background-color: highlighttext;
24432
+ color: highlighttext;
24433
+ }
24434
+ .v-switch.v-input--disabled .v-switch__thumb {
24435
+ background-color: graytext;
24436
+ }
24437
+ .v-switch.v-input--disabled .v-switch__track,
24438
+ .v-switch.v-input--disabled .v-switch__thumb {
24439
+ color: graytext;
24440
+ }
24441
+ .v-switch.v-switch--loading .v-switch__thumb {
24442
+ background-color: canvas;
24443
+ }
24444
+ .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
24445
+ border-width: 0;
24446
+ }
24267
24447
  }.v-tab.v-tab.v-btn {
24268
24448
  height: var(--v-tabs-height);
24269
24449
  border-radius: 0;
@@ -24340,25 +24520,62 @@ html.v-overlay-scroll-blocked {
24340
24520
  .v-tabs--grow {
24341
24521
  flex-grow: 1;
24342
24522
  }
24343
- .v-tabs--grow .v-tab {
24344
- flex: 1 0 auto;
24345
- max-width: none;
24523
+ .v-tabs--grow .v-tab {
24524
+ flex: 1 0 auto;
24525
+ max-width: none;
24526
+ }
24527
+
24528
+ .v-tabs--align-tabs-end .v-tab:first-child {
24529
+ margin-inline-start: auto;
24530
+ }
24531
+ .v-tabs--align-tabs-end .v-tab:last-child {
24532
+ margin-inline-end: 0;
24533
+ }
24534
+
24535
+ @media (max-width: 1279.98px) {
24536
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
24537
+ margin-inline-start: 52px;
24538
+ }
24539
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24540
+ margin-inline-end: 52px;
24541
+ }
24542
+ }.v-system-bar {
24543
+ align-items: center;
24544
+ display: flex;
24545
+ flex: 1 1 auto;
24546
+ height: 24px;
24547
+ justify-content: flex-end;
24548
+ max-width: 100%;
24549
+ padding-inline: 8px;
24550
+ position: relative;
24551
+ text-align: end;
24552
+ width: 100%;
24553
+ 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));
24554
+ background: rgba(var(--v-theme-surface-light));
24555
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24556
+ font-size: 0.75rem;
24557
+ font-weight: 400;
24558
+ letter-spacing: 0.0333333333em;
24559
+ line-height: 1.667;
24560
+ text-transform: none;
24561
+ }
24562
+ .v-system-bar .v-icon {
24563
+ opacity: var(--v-medium-emphasis-opacity);
24564
+ }
24565
+ .v-system-bar--absolute {
24566
+ position: absolute;
24346
24567
  }
24347
-
24348
- .v-tabs--align-tabs-end .v-tab:first-child {
24349
- margin-inline-start: auto;
24568
+ .v-system-bar--fixed {
24569
+ position: fixed;
24350
24570
  }
24351
- .v-tabs--align-tabs-end .v-tab:last-child {
24352
- margin-inline-end: 0;
24571
+ .v-system-bar--rounded {
24572
+ border-radius: 0;
24353
24573
  }
24354
-
24355
- @media (max-width: 1279.98px) {
24356
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
24357
- margin-inline-start: 52px;
24358
- }
24359
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24360
- margin-inline-end: 52px;
24361
- }
24574
+ .v-system-bar--window {
24575
+ height: 32px;
24576
+ }
24577
+ .v-system-bar:not(.v-system-bar--absolute) {
24578
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24362
24579
  }.v-table {
24363
24580
  background: rgb(var(--v-theme-surface));
24364
24581
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -24497,6 +24714,45 @@ html.v-overlay-scroll-blocked {
24497
24714
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24498
24715
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24499
24716
  border-top: 0px !important;
24717
+ }.v-textarea .v-field {
24718
+ --v-textarea-control-height: var(--v-input-control-height);
24719
+ }
24720
+ .v-textarea .v-field__field {
24721
+ --v-input-control-height: var(--v-textarea-control-height);
24722
+ }
24723
+ .v-textarea .v-field__input {
24724
+ flex: 1 1 auto;
24725
+ outline: none;
24726
+ -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));
24727
+ 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));
24728
+ }
24729
+ .v-textarea .v-field__input.v-textarea__sizer {
24730
+ visibility: hidden;
24731
+ position: absolute;
24732
+ top: 0;
24733
+ left: 0;
24734
+ height: 0 !important;
24735
+ min-height: 0 !important;
24736
+ pointer-events: none;
24737
+ }
24738
+ .v-textarea--no-resize .v-field__input {
24739
+ resize: none;
24740
+ }
24741
+ .v-textarea .v-field--no-label textarea,
24742
+ .v-textarea .v-field--active textarea {
24743
+ opacity: 1;
24744
+ }
24745
+ .v-textarea textarea {
24746
+ opacity: 0;
24747
+ flex: 1;
24748
+ min-width: 0;
24749
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24750
+ }
24751
+ .v-textarea textarea:focus, .v-textarea textarea:active {
24752
+ outline: none;
24753
+ }
24754
+ .v-textarea textarea:invalid {
24755
+ box-shadow: none;
24500
24756
  }/* region BLOCK */
24501
24757
  .v-text-field input {
24502
24758
  color: inherit;
@@ -24564,46 +24820,7 @@ html.v-overlay-scroll-blocked {
24564
24820
  padding-inline-end: var(--v-field-padding-end);
24565
24821
  }
24566
24822
 
24567
- /* endregion */.v-textarea .v-field {
24568
- --v-textarea-control-height: var(--v-input-control-height);
24569
- }
24570
- .v-textarea .v-field__field {
24571
- --v-input-control-height: var(--v-textarea-control-height);
24572
- }
24573
- .v-textarea .v-field__input {
24574
- flex: 1 1 auto;
24575
- outline: none;
24576
- -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));
24577
- 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));
24578
- }
24579
- .v-textarea .v-field__input.v-textarea__sizer {
24580
- visibility: hidden;
24581
- position: absolute;
24582
- top: 0;
24583
- left: 0;
24584
- height: 0 !important;
24585
- min-height: 0 !important;
24586
- pointer-events: none;
24587
- }
24588
- .v-textarea--no-resize .v-field__input {
24589
- resize: none;
24590
- }
24591
- .v-textarea .v-field--no-label textarea,
24592
- .v-textarea .v-field--active textarea {
24593
- opacity: 1;
24594
- }
24595
- .v-textarea textarea {
24596
- opacity: 0;
24597
- flex: 1;
24598
- min-width: 0;
24599
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24600
- }
24601
- .v-textarea textarea:focus, .v-textarea textarea:active {
24602
- outline: none;
24603
- }
24604
- .v-textarea textarea:invalid {
24605
- box-shadow: none;
24606
- }.v-theme-provider {
24823
+ /* endregion */.v-theme-provider {
24607
24824
  background: rgb(var(--v-theme-background));
24608
24825
  color: rgb(var(--v-theme-on-background));
24609
24826
  }.v-timeline .v-timeline-divider__dot {
@@ -25189,286 +25406,97 @@ html.v-overlay-scroll-blocked {
25189
25406
  display: flex;
25190
25407
  flex-direction: column;
25191
25408
  height: inherit;
25192
- position: relative;
25193
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25194
- }
25195
- .v-window__controls {
25196
- position: absolute;
25197
- left: 0;
25198
- top: 0;
25199
- width: 100%;
25200
- height: 100%;
25201
- display: flex;
25202
- align-items: center;
25203
- justify-content: space-between;
25204
- padding: 0 16px;
25205
- pointer-events: none;
25206
- }
25207
- .v-window__controls > * {
25208
- pointer-events: auto;
25209
- }
25210
- .v-window--show-arrows-on-hover {
25211
- overflow: hidden;
25212
- }
25213
- .v-window--show-arrows-on-hover .v-window__left {
25214
- transform: translateX(-200%);
25215
- }
25216
- .v-window--show-arrows-on-hover .v-window__right {
25217
- transform: translateX(200%);
25218
- }
25219
- .v-window--show-arrows-on-hover:hover .v-window__left,
25220
- .v-window--show-arrows-on-hover:hover .v-window__right {
25221
- transform: translateX(0);
25222
- }
25223
-
25224
- .v-window-x-transition-enter-active, .v-window-x-transition-leave-active, .v-window-x-reverse-transition-enter-active, .v-window-x-reverse-transition-leave-active, .v-window-y-transition-enter-active, .v-window-y-transition-leave-active, .v-window-y-reverse-transition-enter-active, .v-window-y-reverse-transition-leave-active {
25225
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25226
- }
25227
- .v-window-x-transition-leave-from, .v-window-x-transition-leave-to, .v-window-x-reverse-transition-leave-from, .v-window-x-reverse-transition-leave-to, .v-window-y-transition-leave-from, .v-window-y-transition-leave-to, .v-window-y-reverse-transition-leave-from, .v-window-y-reverse-transition-leave-to {
25228
- position: absolute !important;
25229
- top: 0;
25230
- width: 100%;
25231
- }
25232
- .v-window-x-transition-enter-from {
25233
- transform: translateX(100%);
25234
- }
25235
- .v-window-x-transition-leave-to {
25236
- transform: translateX(-100%);
25237
- }
25238
- .v-window-x-reverse-transition-enter-from {
25239
- transform: translateX(-100%);
25240
- }
25241
- .v-window-x-reverse-transition-leave-to {
25242
- transform: translateX(100%);
25243
- }
25244
- .v-window-y-transition-enter-from {
25245
- transform: translateY(100%);
25246
- }
25247
- .v-window-y-transition-leave-to {
25248
- transform: translateY(-100%);
25249
- }
25250
- .v-window-y-reverse-transition-enter-from {
25251
- transform: translateY(-100%);
25252
- }
25253
- .v-window-y-reverse-transition-leave-to {
25254
- transform: translateY(100%);
25255
- }.v-system-bar {
25256
- align-items: center;
25257
- display: flex;
25258
- flex: 1 1 auto;
25259
- height: 24px;
25260
- justify-content: flex-end;
25261
- max-width: 100%;
25262
- padding-inline: 8px;
25263
- position: relative;
25264
- text-align: end;
25265
- width: 100%;
25266
- 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));
25267
- background: rgba(var(--v-theme-surface-light));
25268
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
25269
- font-size: 0.75rem;
25270
- font-weight: 400;
25271
- letter-spacing: 0.0333333333em;
25272
- line-height: 1.667;
25273
- text-transform: none;
25274
- }
25275
- .v-system-bar .v-icon {
25276
- opacity: var(--v-medium-emphasis-opacity);
25277
- }
25278
- .v-system-bar--absolute {
25279
- position: absolute;
25280
- }
25281
- .v-system-bar--fixed {
25282
- position: fixed;
25283
- }
25284
- .v-system-bar--rounded {
25285
- border-radius: 0;
25286
- }
25287
- .v-system-bar--window {
25288
- height: 32px;
25289
- }
25290
- .v-system-bar:not(.v-system-bar--absolute) {
25291
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
25292
- }.v-switch .v-label {
25293
- padding-inline-start: 10px;
25294
- }
25295
-
25296
- .v-switch__loader {
25297
- display: flex;
25298
- }
25299
- .v-switch__loader .v-progress-circular {
25300
- color: rgb(var(--v-theme-surface));
25301
- }
25302
-
25303
- .v-switch__track,
25304
- .v-switch__thumb {
25305
- transition: none;
25306
- }
25307
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
25308
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
25309
- background-color: rgb(var(--v-theme-error));
25310
- color: rgb(var(--v-theme-on-error));
25311
- }
25312
-
25313
- .v-switch__track-true {
25314
- margin-inline-end: auto;
25315
- }
25316
- .v-selection-control:not(.v-selection-control--dirty) .v-switch__track-true {
25317
- opacity: 0;
25318
- }
25319
-
25320
- .v-switch__track-false {
25321
- margin-inline-start: auto;
25322
- }
25323
- .v-selection-control--dirty .v-switch__track-false {
25324
- opacity: 0;
25325
- }
25326
-
25327
- .v-switch__track {
25328
- display: inline-flex;
25329
- align-items: center;
25330
- font-size: 0.5rem;
25331
- padding: 0 5px;
25332
- background-color: rgb(var(--v-theme-surface-variant));
25333
- border-radius: 9999px;
25334
- height: 14px;
25335
- opacity: 0.6;
25336
- min-width: 36px;
25337
- cursor: pointer;
25338
- transition: 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
25339
- }
25340
- .v-switch--inset .v-switch__track {
25341
- border-radius: 9999px;
25342
- font-size: 0.75rem;
25343
- height: 32px;
25344
- min-width: 52px;
25409
+ position: relative;
25410
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25345
25411
  }
25346
-
25347
- .v-switch__thumb {
25348
- align-items: center;
25349
- background-color: rgb(var(--v-theme-surface-bright));
25350
- color: rgb(var(--v-theme-on-surface-bright));
25351
- border-radius: 50%;
25412
+ .v-window__controls {
25413
+ position: absolute;
25414
+ left: 0;
25415
+ top: 0;
25416
+ width: 100%;
25417
+ height: 100%;
25352
25418
  display: flex;
25353
- font-size: 0.75rem;
25354
- height: 20px;
25355
- justify-content: center;
25356
- width: 20px;
25419
+ align-items: center;
25420
+ justify-content: space-between;
25421
+ padding: 0 16px;
25357
25422
  pointer-events: none;
25358
- transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1), 0.2s color cubic-bezier(0.4, 0, 0.2, 1), 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
25359
- position: relative;
25360
- overflow: hidden;
25361
25423
  }
25362
- .v-switch:not(.v-switch--inset) .v-switch__thumb {
25363
- 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));
25424
+ .v-window__controls > * {
25425
+ pointer-events: auto;
25364
25426
  }
25365
- .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
25366
- background: rgb(var(--v-theme-surface-variant));
25367
- color: rgb(var(--v-theme-on-surface-variant));
25368
- 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));
25427
+ .v-window--show-arrows-on-hover {
25428
+ overflow: hidden;
25369
25429
  }
25370
- .v-switch--inset .v-switch__thumb {
25371
- height: 24px;
25372
- width: 24px;
25373
- transform: scale(0.6666666667);
25430
+ .v-window--show-arrows-on-hover .v-window__left {
25431
+ transform: translateX(-200%);
25374
25432
  }
25375
- .v-switch--inset .v-switch__thumb--filled {
25376
- transform: none;
25433
+ .v-window--show-arrows-on-hover .v-window__right {
25434
+ transform: translateX(200%);
25377
25435
  }
25378
- .v-switch--inset .v-selection-control--dirty .v-switch__thumb {
25379
- transform: none;
25380
- transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
25436
+ .v-window--show-arrows-on-hover:hover .v-window__left,
25437
+ .v-window--show-arrows-on-hover:hover .v-window__right {
25438
+ transform: translateX(0);
25381
25439
  }
25382
25440
 
25383
- .v-switch.v-input {
25384
- flex: 0 1 auto;
25441
+ .v-window-x-transition-enter-active, .v-window-x-transition-leave-active, .v-window-x-reverse-transition-enter-active, .v-window-x-reverse-transition-leave-active, .v-window-y-transition-enter-active, .v-window-y-transition-leave-active, .v-window-y-reverse-transition-enter-active, .v-window-y-reverse-transition-leave-active {
25442
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25385
25443
  }
25386
- .v-switch .v-selection-control {
25387
- min-height: var(--v-input-control-height);
25444
+ .v-window-x-transition-leave-from, .v-window-x-transition-leave-to, .v-window-x-reverse-transition-leave-from, .v-window-x-reverse-transition-leave-to, .v-window-y-transition-leave-from, .v-window-y-transition-leave-to, .v-window-y-reverse-transition-leave-from, .v-window-y-reverse-transition-leave-to {
25445
+ position: absolute !important;
25446
+ top: 0;
25447
+ width: 100%;
25388
25448
  }
25389
- .v-switch .v-selection-control__input {
25390
- border-radius: 50%;
25391
- transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
25392
- position: absolute;
25449
+ .v-window-x-transition-enter-from {
25450
+ transform: translateX(100%);
25393
25451
  }
25394
- .v-locale--is-ltr.v-switch .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control__input {
25395
- transform: translateX(-10px);
25452
+ .v-window-x-transition-leave-to {
25453
+ transform: translateX(-100%);
25396
25454
  }
25397
-
25398
- .v-locale--is-rtl.v-switch .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control__input {
25399
- transform: translateX(10px);
25455
+ .v-window-x-reverse-transition-enter-from {
25456
+ transform: translateX(-100%);
25400
25457
  }
25401
-
25402
- .v-switch .v-selection-control__input .v-icon {
25403
- position: absolute;
25458
+ .v-window-x-reverse-transition-leave-to {
25459
+ transform: translateX(100%);
25404
25460
  }
25405
- .v-locale--is-ltr.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control--dirty .v-selection-control__input {
25406
- transform: translateX(10px);
25461
+ .v-window-y-transition-enter-from {
25462
+ transform: translateY(100%);
25407
25463
  }
25408
-
25409
- .v-locale--is-rtl.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control--dirty .v-selection-control__input {
25410
- transform: translateX(-10px);
25464
+ .v-window-y-transition-leave-to {
25465
+ transform: translateY(-100%);
25411
25466
  }
25412
-
25413
- .v-switch.v-switch--indeterminate .v-selection-control__input {
25414
- transform: scale(0.8);
25467
+ .v-window-y-reverse-transition-enter-from {
25468
+ transform: translateY(-100%);
25415
25469
  }
25416
- .v-switch.v-switch--indeterminate .v-switch__thumb {
25417
- transform: scale(0.75);
25418
- box-shadow: none;
25470
+ .v-window-y-reverse-transition-leave-to {
25471
+ transform: translateY(100%);
25472
+ }.v-color-picker-edit {
25473
+ display: flex;
25474
+ margin-top: 24px;
25419
25475
  }
25420
- .v-switch.v-switch--inset .v-selection-control__wrapper {
25421
- width: auto;
25476
+
25477
+ .v-color-picker-edit__input {
25478
+ width: 100%;
25479
+ display: flex;
25480
+ flex-wrap: wrap;
25481
+ justify-content: center;
25482
+ text-align: center;
25422
25483
  }
25423
- .v-switch.v-input--vertical .v-label {
25424
- min-width: max-content;
25484
+ .v-color-picker-edit__input:not(:last-child) {
25485
+ margin-inline-end: 8px;
25425
25486
  }
25426
- .v-switch.v-input--vertical .v-selection-control__wrapper {
25427
- transform: rotate(-90deg);
25487
+ .v-color-picker-edit__input input {
25488
+ border-radius: 4px;
25489
+ margin-bottom: 8px;
25490
+ min-width: 0;
25491
+ outline: none;
25492
+ text-align: center;
25493
+ width: 100%;
25494
+ height: 32px;
25495
+ background: rgba(var(--v-theme-surface-variant), 0.2);
25496
+ color: rgba(var(--v-theme-on-surface));
25428
25497
  }
25429
-
25430
- @media (forced-colors: active) {
25431
- .v-switch .v-switch__loader .v-progress-circular {
25432
- color: currentColor;
25433
- }
25434
- .v-switch .v-switch__thumb {
25435
- background-color: buttontext;
25436
- }
25437
- .v-switch .v-switch__track,
25438
- .v-switch .v-switch__thumb {
25439
- border: 1px solid;
25440
- color: buttontext;
25441
- }
25442
- .v-switch:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
25443
- background-color: highlight;
25444
- }
25445
- .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track {
25446
- background-color: highlight;
25447
- }
25448
- .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track,
25449
- .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
25450
- color: highlight;
25451
- }
25452
- .v-switch.v-switch--inset .v-switch__track {
25453
- border-width: 2px;
25454
- }
25455
- .v-switch.v-switch--inset:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
25456
- background-color: highlighttext;
25457
- color: highlighttext;
25458
- }
25459
- .v-switch.v-input--disabled .v-switch__thumb {
25460
- background-color: graytext;
25461
- }
25462
- .v-switch.v-input--disabled .v-switch__track,
25463
- .v-switch.v-input--disabled .v-switch__thumb {
25464
- color: graytext;
25465
- }
25466
- .v-switch.v-switch--loading .v-switch__thumb {
25467
- background-color: canvas;
25468
- }
25469
- .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
25470
- border-width: 0;
25471
- }
25498
+ .v-color-picker-edit__input span {
25499
+ font-size: 0.75rem;
25472
25500
  }.v-color-picker-canvas {
25473
25501
  display: flex;
25474
25502
  position: relative;
@@ -25491,34 +25519,41 @@ html.v-overlay-scroll-blocked {
25491
25519
  }
25492
25520
  .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25493
25521
  will-change: transform;
25494
- }.v-color-picker-edit {
25495
- display: flex;
25496
- margin-top: 24px;
25522
+ }.v-color-picker-swatches {
25523
+ overflow-y: auto;
25497
25524
  }
25498
-
25499
- .v-color-picker-edit__input {
25500
- width: 100%;
25525
+ .v-color-picker-swatches > div {
25501
25526
  display: flex;
25502
25527
  flex-wrap: wrap;
25503
25528
  justify-content: center;
25504
- text-align: center;
25529
+ padding: 8px;
25505
25530
  }
25506
- .v-color-picker-edit__input:not(:last-child) {
25507
- margin-inline-end: 8px;
25531
+
25532
+ .v-color-picker-swatches__swatch {
25533
+ display: flex;
25534
+ flex-direction: column;
25535
+ margin-bottom: 10px;
25508
25536
  }
25509
- .v-color-picker-edit__input input {
25510
- border-radius: 4px;
25511
- margin-bottom: 8px;
25512
- min-width: 0;
25513
- outline: none;
25514
- text-align: center;
25515
- width: 100%;
25516
- height: 32px;
25517
- background: rgba(var(--v-theme-surface-variant), 0.2);
25518
- color: rgba(var(--v-theme-on-surface));
25537
+
25538
+ .v-color-picker-swatches__color {
25539
+ position: relative;
25540
+ height: 18px;
25541
+ max-height: 18px;
25542
+ width: 45px;
25543
+ margin: 2px 4px;
25544
+ border-radius: 2px;
25545
+ -webkit-user-select: none;
25546
+ user-select: none;
25547
+ overflow: hidden;
25548
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25549
+ cursor: pointer;
25519
25550
  }
25520
- .v-color-picker-edit__input span {
25521
- font-size: 0.75rem;
25551
+ .v-color-picker-swatches__color > div {
25552
+ display: flex;
25553
+ align-items: center;
25554
+ justify-content: center;
25555
+ width: 100%;
25556
+ height: 100%;
25522
25557
  }.v-color-picker-preview__alpha .v-slider-track__background {
25523
25558
  background-color: transparent !important;
25524
25559
  }
@@ -25589,41 +25624,6 @@ html.v-overlay-scroll-blocked {
25589
25624
  .v-color-picker-preview__eye-dropper {
25590
25625
  position: relative;
25591
25626
  margin-right: 12px;
25592
- }.v-color-picker-swatches {
25593
- overflow-y: auto;
25594
- }
25595
- .v-color-picker-swatches > div {
25596
- display: flex;
25597
- flex-wrap: wrap;
25598
- justify-content: center;
25599
- padding: 8px;
25600
- }
25601
-
25602
- .v-color-picker-swatches__swatch {
25603
- display: flex;
25604
- flex-direction: column;
25605
- margin-bottom: 10px;
25606
- }
25607
-
25608
- .v-color-picker-swatches__color {
25609
- position: relative;
25610
- height: 18px;
25611
- max-height: 18px;
25612
- width: 45px;
25613
- margin: 2px 4px;
25614
- border-radius: 2px;
25615
- -webkit-user-select: none;
25616
- user-select: none;
25617
- overflow: hidden;
25618
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25619
- cursor: pointer;
25620
- }
25621
- .v-color-picker-swatches__color > div {
25622
- display: flex;
25623
- align-items: center;
25624
- justify-content: center;
25625
- width: 100%;
25626
- height: 100%;
25627
25627
  }.v-picker.v-sheet {
25628
25628
  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));
25629
25629
  border-radius: 4px;