@vuetify/nightly 3.6.11-master.2024-07-06 → 3.6.11-master.2024-07-07

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.11-master.2024-07-06
2
+ * Vuetify v3.6.11-master.2024-07-07
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17872,6 +17872,77 @@ 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;
17875
17946
  }.v-banner {
17876
17947
  display: grid;
17877
17948
  flex: 1 1;
@@ -18030,77 +18101,6 @@ html.overflow-y-hidden {
18030
18101
  }
18031
18102
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
18032
18103
  align-self: flex-start;
18033
- }.v-badge {
18034
- display: inline-block;
18035
- line-height: 1;
18036
- }
18037
-
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
18104
  }.v-bottom-navigation {
18105
18105
  display: flex;
18106
18106
  max-width: 100%;
@@ -18732,69 +18732,6 @@ html.overflow-y-hidden {
18732
18732
  .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18733
18733
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18734
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
18735
  }.v-card {
18799
18736
  display: block;
18800
18737
  overflow: hidden;
@@ -19094,44 +19031,107 @@ html.overflow-y-hidden {
19094
19031
  pointer-events: none;
19095
19032
  opacity: 0;
19096
19033
  transition: opacity 0.2s ease-in-out;
19097
- }.v-checkbox.v-input {
19098
- flex: 0 1 auto;
19099
- }
19100
- .v-checkbox .v-selection-control {
19101
- min-height: var(--v-input-control-height);
19102
- }.v-chip {
19103
- align-items: center;
19104
- display: inline-flex;
19105
- font-weight: 400;
19106
- max-width: 100%;
19107
- min-width: 0;
19034
+ }.v-carousel {
19108
19035
  overflow: hidden;
19109
19036
  position: relative;
19110
- text-decoration: none;
19111
- white-space: nowrap;
19112
- vertical-align: middle;
19113
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19114
- border-style: solid;
19115
- border-width: 0;
19116
- border-radius: 9999px;
19037
+ width: 100%;
19117
19038
  }
19118
- .v-chip .v-icon {
19119
- --v-icon-size-multiplier: 0.8571428571;
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));
19120
19051
  }
19121
- .v-chip.v-chip--size-x-small {
19122
- --v-chip-size: 0.625rem;
19123
- --v-chip-height: 20px;
19124
- font-size: 0.625rem;
19125
- padding: 0 8px;
19052
+ .v-carousel__controls > .v-item-group {
19053
+ flex: 0 1 auto;
19126
19054
  }
19127
- .v-chip.v-chip--size-x-small .v-avatar {
19128
- --v-avatar-height: 14px;
19055
+ .v-carousel__controls__item {
19056
+ margin: 0 8px;
19129
19057
  }
19130
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar {
19131
- --v-avatar-height: 20px;
19058
+ .v-carousel__controls__item .v-icon {
19059
+ opacity: 0.5;
19132
19060
  }
19133
-
19134
- .v-chip.v-chip--size-x-small .v-avatar--start {
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;
19097
+ }.v-checkbox.v-input {
19098
+ flex: 0 1 auto;
19099
+ }
19100
+ .v-checkbox .v-selection-control {
19101
+ min-height: var(--v-input-control-height);
19102
+ }.v-chip {
19103
+ align-items: center;
19104
+ display: inline-flex;
19105
+ font-weight: 400;
19106
+ max-width: 100%;
19107
+ min-width: 0;
19108
+ overflow: hidden;
19109
+ position: relative;
19110
+ text-decoration: none;
19111
+ white-space: nowrap;
19112
+ vertical-align: middle;
19113
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19114
+ border-style: solid;
19115
+ border-width: 0;
19116
+ border-radius: 9999px;
19117
+ }
19118
+ .v-chip .v-icon {
19119
+ --v-icon-size-multiplier: 0.8571428571;
19120
+ }
19121
+ .v-chip.v-chip--size-x-small {
19122
+ --v-chip-size: 0.625rem;
19123
+ --v-chip-height: 20px;
19124
+ font-size: 0.625rem;
19125
+ padding: 0 8px;
19126
+ }
19127
+ .v-chip.v-chip--size-x-small .v-avatar {
19128
+ --v-avatar-height: 14px;
19129
+ }
19130
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar {
19131
+ --v-avatar-height: 20px;
19132
+ }
19133
+
19134
+ .v-chip.v-chip--size-x-small .v-avatar--start {
19135
19135
  margin-inline-start: -5.6px;
19136
19136
  margin-inline-end: 4px;
19137
19137
  }
@@ -19859,6 +19859,62 @@ html.overflow-y-hidden {
19859
19859
  }
19860
19860
  .v-date-picker--show-week {
19861
19861
  width: 368px;
19862
+ }.v-date-picker-controls {
19863
+ display: flex;
19864
+ align-items: center;
19865
+ justify-content: space-between;
19866
+ font-size: 0.875rem;
19867
+ padding-top: 4px;
19868
+ padding-bottom: 4px;
19869
+ padding-inline-start: 6px;
19870
+ padding-inline-end: 12px;
19871
+ }
19872
+ .v-date-picker-controls > .v-btn:first-child {
19873
+ text-transform: none;
19874
+ font-weight: 400;
19875
+ line-height: initial;
19876
+ letter-spacing: initial;
19877
+ }
19878
+ .v-date-picker-controls--variant-classic {
19879
+ padding-inline-start: 12px;
19880
+ }
19881
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
19882
+ opacity: 0.7;
19883
+ }
19884
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
19885
+ cursor: pointer;
19886
+ }
19887
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
19888
+ opacity: 1;
19889
+ }
19890
+ .v-date-picker-controls .v-btn:last-child {
19891
+ margin-inline-start: 4px;
19892
+ }
19893
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
19894
+ transform: rotate(180deg);
19895
+ }
19896
+
19897
+ .v-date-picker-controls__date {
19898
+ margin-inline-end: 4px;
19899
+ }
19900
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
19901
+ margin: auto;
19902
+ text-align: center;
19903
+ }
19904
+
19905
+ .v-date-picker-controls__month {
19906
+ display: flex;
19907
+ }
19908
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
19909
+ flex-direction: row-reverse;
19910
+ }
19911
+
19912
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
19913
+ flex: 1 0 auto;
19914
+ }
19915
+
19916
+ .v-date-picker__title {
19917
+ display: inline-block;
19862
19918
  }.v-date-picker-header {
19863
19919
  align-items: flex-end;
19864
19920
  height: 70px;
@@ -19919,81 +19975,21 @@ html.overflow-y-hidden {
19919
19975
  .date-picker-header-reverse-transition-leave-to {
19920
19976
  opacity: 0;
19921
19977
  transform: translate(0, 100%);
19922
- }.v-date-picker-controls {
19923
- display: flex;
19924
- align-items: center;
19925
- justify-content: space-between;
19926
- font-size: 0.875rem;
19927
- padding-top: 4px;
19928
- padding-bottom: 4px;
19929
- padding-inline-start: 6px;
19930
- padding-inline-end: 12px;
19931
- }
19932
- .v-date-picker-controls > .v-btn:first-child {
19933
- text-transform: none;
19934
- font-weight: 400;
19935
- line-height: initial;
19936
- letter-spacing: initial;
19937
- }
19938
- .v-date-picker-controls--variant-classic {
19939
- padding-inline-start: 12px;
19940
- }
19941
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
19942
- opacity: 0.7;
19943
- }
19944
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
19945
- cursor: pointer;
19946
- }
19947
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
19948
- opacity: 1;
19949
- }
19950
- .v-date-picker-controls .v-btn:last-child {
19951
- margin-inline-start: 4px;
19952
- }
19953
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
19954
- transform: rotate(180deg);
19955
- }
19956
-
19957
- .v-date-picker-controls__date {
19958
- margin-inline-end: 4px;
19959
- }
19960
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
19961
- margin: auto;
19962
- text-align: center;
19963
- }
19964
-
19965
- .v-date-picker-controls__month {
19966
- display: flex;
19967
- }
19968
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
19969
- flex-direction: row-reverse;
19970
- }
19971
-
19972
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
19973
- flex: 1 0 auto;
19974
- }
19975
-
19976
- .v-date-picker__title {
19977
- display: inline-block;
19978
- }.v-date-picker-months {
19978
+ }.v-date-picker-years {
19979
19979
  height: 288px;
19980
+ overflow-y: scroll;
19980
19981
  }
19981
19982
 
19982
- .v-date-picker-months__content {
19983
- align-items: center;
19983
+ .v-date-picker-years__content {
19984
19984
  display: grid;
19985
19985
  flex: 1 1;
19986
- height: inherit;
19987
19986
  justify-content: space-around;
19988
- grid-template-columns: repeat(2, 1fr);
19989
- grid-gap: 0px 24px;
19990
- padding-inline-start: 36px;
19991
- padding-inline-end: 36px;
19987
+ grid-template-columns: repeat(3, 1fr);
19988
+ gap: 8px 24px;
19989
+ padding-inline: 32px;
19992
19990
  }
19993
- .v-date-picker-months__content .v-btn {
19994
- text-transform: none;
19995
- padding-inline-start: 8px;
19996
- padding-inline-end: 8px;
19991
+ .v-date-picker-years__content .v-btn {
19992
+ padding-inline: 8px;
19997
19993
  }.v-date-picker-month {
19998
19994
  display: flex;
19999
19995
  justify-content: center;
@@ -20049,21 +20045,25 @@ html.overflow-y-hidden {
20049
20045
 
20050
20046
  .v-date-picker-month__day--hide-adjacent {
20051
20047
  opacity: 0;
20052
- }.v-date-picker-years {
20048
+ }.v-date-picker-months {
20053
20049
  height: 288px;
20054
- overflow-y: scroll;
20055
20050
  }
20056
20051
 
20057
- .v-date-picker-years__content {
20052
+ .v-date-picker-months__content {
20053
+ align-items: center;
20058
20054
  display: grid;
20059
20055
  flex: 1 1;
20056
+ height: inherit;
20060
20057
  justify-content: space-around;
20061
- grid-template-columns: repeat(3, 1fr);
20062
- gap: 8px 24px;
20063
- padding-inline: 32px;
20058
+ grid-template-columns: repeat(2, 1fr);
20059
+ grid-gap: 0px 24px;
20060
+ padding-inline-start: 36px;
20061
+ padding-inline-end: 36px;
20064
20062
  }
20065
- .v-date-picker-years__content .v-btn {
20066
- padding-inline: 8px;
20063
+ .v-date-picker-months__content .v-btn {
20064
+ text-transform: none;
20065
+ padding-inline-start: 8px;
20066
+ padding-inline-end: 8px;
20067
20067
  }.v-dialog {
20068
20068
  align-items: center;
20069
20069
  justify-content: center;
@@ -20273,26 +20273,95 @@ html.overflow-y-hidden {
20273
20273
  .v-empty-state__action-btn.v-btn {
20274
20274
  background-color: initial;
20275
20275
  color: initial;
20276
- }.v-expansion-panel {
20277
- background-color: rgb(var(--v-theme-surface));
20278
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20279
- }
20280
- .v-expansion-panel:not(:first-child)::after {
20281
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20276
+ }.v-fab {
20277
+ align-items: center;
20278
+ display: inline-flex;
20279
+ flex: 1 1 auto;
20280
+ pointer-events: none;
20281
+ position: relative;
20282
+ transition-duration: 0.2s;
20283
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20284
+ vertical-align: middle;
20282
20285
  }
20283
- .v-expansion-panel--disabled .v-expansion-panel-title {
20284
- color: rgba(var(--v-theme-on-surface), 0.26);
20286
+ .v-fab .v-btn {
20287
+ pointer-events: auto;
20285
20288
  }
20286
- .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
20287
- opacity: 0.4615384615;
20289
+ .v-fab .v-btn--variant-elevated {
20290
+ box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20288
20291
  }
20289
-
20290
- .v-expansion-panels {
20292
+ .v-fab--app, .v-fab--absolute {
20291
20293
  display: flex;
20292
- flex-wrap: wrap;
20293
- justify-content: center;
20294
- list-style-type: none;
20295
- padding: 0;
20294
+ }
20295
+ .v-fab--start, .v-fab--left {
20296
+ justify-content: flex-start;
20297
+ }
20298
+ .v-fab--center {
20299
+ align-items: center;
20300
+ justify-content: center;
20301
+ }
20302
+ .v-fab--end, .v-fab--right {
20303
+ justify-content: flex-end;
20304
+ }
20305
+ .v-fab--bottom {
20306
+ align-items: flex-end;
20307
+ }
20308
+ .v-fab--top {
20309
+ align-items: flex-start;
20310
+ }
20311
+ .v-fab--extended .v-btn {
20312
+ border-radius: 9999px !important;
20313
+ }
20314
+
20315
+ .v-fab__container {
20316
+ align-self: center;
20317
+ display: inline-flex;
20318
+ position: absolute;
20319
+ vertical-align: middle;
20320
+ }
20321
+ .v-fab--app .v-fab__container {
20322
+ margin: 12px;
20323
+ }
20324
+ .v-fab--absolute .v-fab__container {
20325
+ position: absolute;
20326
+ z-index: 4;
20327
+ }
20328
+ .v-fab--offset.v-fab--top .v-fab__container {
20329
+ transform: translateY(-50%);
20330
+ }
20331
+ .v-fab--offset.v-fab--bottom .v-fab__container {
20332
+ transform: translateY(50%);
20333
+ }
20334
+ .v-fab--top .v-fab__container {
20335
+ top: 0;
20336
+ }
20337
+ .v-fab--bottom .v-fab__container {
20338
+ bottom: 0;
20339
+ }
20340
+ .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
20341
+ left: 0;
20342
+ }
20343
+ .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
20344
+ right: 0;
20345
+ }.v-expansion-panel {
20346
+ background-color: rgb(var(--v-theme-surface));
20347
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20348
+ }
20349
+ .v-expansion-panel:not(:first-child)::after {
20350
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20351
+ }
20352
+ .v-expansion-panel--disabled .v-expansion-panel-title {
20353
+ color: rgba(var(--v-theme-on-surface), 0.26);
20354
+ }
20355
+ .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
20356
+ opacity: 0.4615384615;
20357
+ }
20358
+
20359
+ .v-expansion-panels {
20360
+ display: flex;
20361
+ flex-wrap: wrap;
20362
+ justify-content: center;
20363
+ list-style-type: none;
20364
+ padding: 0;
20296
20365
  width: 100%;
20297
20366
  position: relative;
20298
20367
  z-index: 1;
@@ -20483,75 +20552,6 @@ html.overflow-y-hidden {
20483
20552
  }
20484
20553
  .v-expansion-panels--tile > .v-expansion-panel {
20485
20554
  border-radius: 0;
20486
- }.v-fab {
20487
- align-items: center;
20488
- display: inline-flex;
20489
- flex: 1 1 auto;
20490
- pointer-events: none;
20491
- position: relative;
20492
- transition-duration: 0.2s;
20493
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20494
- vertical-align: middle;
20495
- }
20496
- .v-fab .v-btn {
20497
- pointer-events: auto;
20498
- }
20499
- .v-fab .v-btn--variant-elevated {
20500
- box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20501
- }
20502
- .v-fab--app, .v-fab--absolute {
20503
- display: flex;
20504
- }
20505
- .v-fab--start, .v-fab--left {
20506
- justify-content: flex-start;
20507
- }
20508
- .v-fab--center {
20509
- align-items: center;
20510
- justify-content: center;
20511
- }
20512
- .v-fab--end, .v-fab--right {
20513
- justify-content: flex-end;
20514
- }
20515
- .v-fab--bottom {
20516
- align-items: flex-end;
20517
- }
20518
- .v-fab--top {
20519
- align-items: flex-start;
20520
- }
20521
- .v-fab--extended .v-btn {
20522
- border-radius: 9999px !important;
20523
- }
20524
-
20525
- .v-fab__container {
20526
- align-self: center;
20527
- display: inline-flex;
20528
- position: absolute;
20529
- vertical-align: middle;
20530
- }
20531
- .v-fab--app .v-fab__container {
20532
- margin: 12px;
20533
- }
20534
- .v-fab--absolute .v-fab__container {
20535
- position: absolute;
20536
- z-index: 4;
20537
- }
20538
- .v-fab--offset.v-fab--top .v-fab__container {
20539
- transform: translateY(-50%);
20540
- }
20541
- .v-fab--offset.v-fab--bottom .v-fab__container {
20542
- transform: translateY(50%);
20543
- }
20544
- .v-fab--top .v-fab__container {
20545
- top: 0;
20546
- }
20547
- .v-fab--bottom .v-fab__container {
20548
- bottom: 0;
20549
- }
20550
- .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
20551
- left: 0;
20552
- }
20553
- .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
20554
- right: 0;
20555
20555
  }/* region INPUT */
20556
20556
  .v-field {
20557
20557
  --v-theme-overlay-multiplier: 1;
@@ -21152,34 +21152,6 @@ textarea.v-field__input::placeholder {
21152
21152
  }
21153
21153
  .v-input--plain-underlined.v-file-input .v-input__details {
21154
21154
  padding-inline: 0;
21155
- }.v-footer {
21156
- align-items: center;
21157
- display: flex;
21158
- flex: 1 1 auto;
21159
- padding: 8px 16px;
21160
- position: relative;
21161
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21162
- transition-property: height, width, transform, max-width, left, right, top, bottom;
21163
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21164
- border-style: solid;
21165
- border-width: 0;
21166
- 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));
21167
- border-radius: 0;
21168
- background: rgb(var(--v-theme-surface));
21169
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21170
- }
21171
- .v-footer--border {
21172
- border-width: thin;
21173
- box-shadow: none;
21174
- }
21175
- .v-footer--absolute {
21176
- position: absolute;
21177
- }
21178
- .v-footer--fixed {
21179
- position: fixed;
21180
- }
21181
- .v-footer--rounded {
21182
- border-radius: 4px;
21183
21155
  }.v-container {
21184
21156
  width: 100%;
21185
21157
  padding: 16px;
@@ -21966,6 +21938,11 @@ textarea.v-field__input::placeholder {
21966
21938
  display: flex;
21967
21939
  justify-content: center;
21968
21940
  padding: 8px;
21941
+ }.v-item-group {
21942
+ flex: 0 1 auto;
21943
+ max-width: 100%;
21944
+ position: relative;
21945
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21969
21946
  }.v-input {
21970
21947
  display: grid;
21971
21948
  flex: 1 1 auto;
@@ -22108,11 +22085,6 @@ textarea.v-field__input::placeholder {
22108
22085
 
22109
22086
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
22110
22087
  padding-top: calc(var(--v-input-padding-top) + 0px);
22111
- }.v-item-group {
22112
- flex: 0 1 auto;
22113
- max-width: 100%;
22114
- position: relative;
22115
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22116
22088
  }.v-label {
22117
22089
  align-items: center;
22118
22090
  color: inherit;
@@ -22702,6 +22674,19 @@ textarea.v-field__input::placeholder {
22702
22674
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22703
22675
  }.v-locale-provider {
22704
22676
  display: contents;
22677
+ }.v-menu > .v-overlay__content {
22678
+ display: flex;
22679
+ flex-direction: column;
22680
+ border-radius: 4px;
22681
+ }
22682
+ .v-menu > .v-overlay__content > .v-card,
22683
+ .v-menu > .v-overlay__content > .v-sheet,
22684
+ .v-menu > .v-overlay__content > .v-list {
22685
+ background: rgb(var(--v-theme-surface));
22686
+ border-radius: inherit;
22687
+ overflow: auto;
22688
+ height: 100%;
22689
+ 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));
22705
22690
  }.v-main {
22706
22691
  flex: 1 0 auto;
22707
22692
  max-width: 100%;
@@ -22730,19 +22715,6 @@ textarea.v-field__input::placeholder {
22730
22715
  --v-layout-right: 0px;
22731
22716
  --v-layout-top: 0px;
22732
22717
  --v-layout-bottom: 0px;
22733
- }.v-menu > .v-overlay__content {
22734
- display: flex;
22735
- flex-direction: column;
22736
- border-radius: 4px;
22737
- }
22738
- .v-menu > .v-overlay__content > .v-card,
22739
- .v-menu > .v-overlay__content > .v-sheet,
22740
- .v-menu > .v-overlay__content > .v-list {
22741
- background: rgb(var(--v-theme-surface));
22742
- border-radius: inherit;
22743
- overflow: auto;
22744
- height: 100%;
22745
- 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));
22746
22718
  }.v-messages {
22747
22719
  flex: 1 1 auto;
22748
22720
  font-size: 12px;
@@ -22861,94 +22833,38 @@ textarea.v-field__input::placeholder {
22861
22833
  .v-navigation-drawer__append {
22862
22834
  flex: none;
22863
22835
  overflow: hidden;
22864
- }.v-otp-input {
22865
- border-radius: 4px;
22866
- align-items: center;
22867
- display: flex;
22868
- justify-content: center;
22869
- padding: 0.5rem 0;
22870
- position: relative;
22871
- }
22872
- .v-otp-input .v-field {
22873
- height: 100%;
22836
+ }.v-overlay-container {
22837
+ contain: layout;
22838
+ left: 0;
22839
+ pointer-events: none;
22840
+ position: absolute;
22841
+ top: 0;
22842
+ display: contents;
22874
22843
  }
22875
22844
 
22876
- .v-otp-input__divider {
22877
- margin: 0 8px;
22845
+ .v-overlay-scroll-blocked {
22846
+ padding-inline-end: var(--v-scrollbar-offset);
22847
+ }
22848
+ .v-overlay-scroll-blocked:not(html) {
22849
+ overflow-y: hidden !important;
22850
+ }
22851
+ html.v-overlay-scroll-blocked {
22852
+ position: fixed;
22853
+ top: var(--v-body-scroll-y);
22854
+ left: var(--v-body-scroll-x);
22855
+ width: 100%;
22856
+ height: 100%;
22878
22857
  }
22879
22858
 
22880
- .v-otp-input__content {
22881
- align-items: center;
22882
- display: flex;
22883
- gap: 0.5rem;
22884
- height: 64px;
22885
- padding: 0.5rem;
22886
- justify-content: center;
22887
- max-width: 320px;
22888
- position: relative;
22859
+ .v-overlay {
22889
22860
  border-radius: inherit;
22890
- }
22891
- .v-otp-input--divided .v-otp-input__content {
22892
- max-width: 360px;
22893
- }
22894
-
22895
- .v-otp-input__field {
22896
- color: inherit;
22897
- font-size: 1.25rem;
22898
- height: 100%;
22899
- outline: none;
22900
- text-align: center;
22901
- width: 100%;
22902
- }
22903
- .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
22904
- -webkit-appearance: none;
22905
- margin: 0;
22906
- }
22907
- .v-otp-input__field[type=number] {
22908
- -moz-appearance: textfield;
22909
- }
22910
-
22911
- .v-otp-input__loader {
22912
- align-items: center;
22913
- display: flex;
22914
- height: 100%;
22915
- justify-content: center;
22916
- width: 100%;
22917
- }
22918
- .v-otp-input__loader .v-progress-linear {
22919
- position: absolute;
22920
- }.v-overlay-container {
22921
- contain: layout;
22922
- left: 0;
22923
- pointer-events: none;
22924
- position: absolute;
22925
- top: 0;
22926
- display: contents;
22927
- }
22928
-
22929
- .v-overlay-scroll-blocked {
22930
- padding-inline-end: var(--v-scrollbar-offset);
22931
- }
22932
- .v-overlay-scroll-blocked:not(html) {
22933
- overflow-y: hidden !important;
22934
- }
22935
- html.v-overlay-scroll-blocked {
22936
- position: fixed;
22937
- top: var(--v-body-scroll-y);
22938
- left: var(--v-body-scroll-x);
22939
- width: 100%;
22940
- height: 100%;
22941
- }
22942
-
22943
- .v-overlay {
22944
- border-radius: inherit;
22945
- display: flex;
22946
- left: 0;
22947
- pointer-events: none;
22948
- position: fixed;
22949
- top: 0;
22950
- bottom: 0;
22951
- right: 0;
22861
+ display: flex;
22862
+ left: 0;
22863
+ pointer-events: none;
22864
+ position: fixed;
22865
+ top: 0;
22866
+ bottom: 0;
22867
+ right: 0;
22952
22868
  }
22953
22869
 
22954
22870
  .v-overlay__content {
@@ -22980,12 +22896,62 @@ html.v-overlay-scroll-blocked {
22980
22896
 
22981
22897
  .v-overlay--scroll-blocked {
22982
22898
  padding-inline-end: var(--v-scrollbar-offset);
22983
- }.v-parallax {
22899
+ }.v-otp-input {
22900
+ border-radius: 4px;
22901
+ align-items: center;
22902
+ display: flex;
22903
+ justify-content: center;
22904
+ padding: 0.5rem 0;
22984
22905
  position: relative;
22985
- overflow: hidden;
22986
22906
  }
22987
- .v-parallax--active > .v-img__img {
22988
- will-change: transform;
22907
+ .v-otp-input .v-field {
22908
+ height: 100%;
22909
+ }
22910
+
22911
+ .v-otp-input__divider {
22912
+ margin: 0 8px;
22913
+ }
22914
+
22915
+ .v-otp-input__content {
22916
+ align-items: center;
22917
+ display: flex;
22918
+ gap: 0.5rem;
22919
+ height: 64px;
22920
+ padding: 0.5rem;
22921
+ justify-content: center;
22922
+ max-width: 320px;
22923
+ position: relative;
22924
+ border-radius: inherit;
22925
+ }
22926
+ .v-otp-input--divided .v-otp-input__content {
22927
+ max-width: 360px;
22928
+ }
22929
+
22930
+ .v-otp-input__field {
22931
+ color: inherit;
22932
+ font-size: 1.25rem;
22933
+ height: 100%;
22934
+ outline: none;
22935
+ text-align: center;
22936
+ width: 100%;
22937
+ }
22938
+ .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
22939
+ -webkit-appearance: none;
22940
+ margin: 0;
22941
+ }
22942
+ .v-otp-input__field[type=number] {
22943
+ -moz-appearance: textfield;
22944
+ }
22945
+
22946
+ .v-otp-input__loader {
22947
+ align-items: center;
22948
+ display: flex;
22949
+ height: 100%;
22950
+ justify-content: center;
22951
+ width: 100%;
22952
+ }
22953
+ .v-otp-input__loader .v-progress-linear {
22954
+ position: absolute;
22989
22955
  }.v-pagination__list {
22990
22956
  display: inline-flex;
22991
22957
  list-style-type: none;
@@ -22994,6 +22960,12 @@ html.v-overlay-scroll-blocked {
22994
22960
  }
22995
22961
  .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
22996
22962
  margin: 0.3rem;
22963
+ }.v-parallax {
22964
+ position: relative;
22965
+ overflow: hidden;
22966
+ }
22967
+ .v-parallax--active > .v-img__img {
22968
+ will-change: transform;
22997
22969
  }.v-progress-circular {
22998
22970
  align-items: center;
22999
22971
  display: inline-flex;
@@ -23376,6 +23348,32 @@ html.v-overlay-scroll-blocked {
23376
23348
 
23377
23349
  .v-slider__label {
23378
23350
  margin-inline-end: 12px;
23351
+ }.v-responsive {
23352
+ display: flex;
23353
+ flex: 1 0 auto;
23354
+ max-height: 100%;
23355
+ max-width: 100%;
23356
+ overflow: hidden;
23357
+ position: relative;
23358
+ }
23359
+ .v-responsive--inline {
23360
+ display: inline-flex;
23361
+ flex: 0 0 auto;
23362
+ }
23363
+
23364
+ .v-responsive__content {
23365
+ flex: 1 0 0px;
23366
+ max-width: 100%;
23367
+ }
23368
+
23369
+ .v-responsive__sizer ~ .v-responsive__content {
23370
+ margin-inline-start: -100%;
23371
+ }
23372
+
23373
+ .v-responsive__sizer {
23374
+ flex: 1 0 0px;
23375
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23376
+ pointer-events: none;
23379
23377
  }.v-rating {
23380
23378
  max-width: 100%;
23381
23379
  display: inline-flex;
@@ -23430,32 +23428,6 @@ html.v-overlay-scroll-blocked {
23430
23428
  opacity: 0;
23431
23429
  position: absolute;
23432
23430
  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;
23459
23431
  }.v-select .v-field .v-text-field__prefix,
23460
23432
  .v-select .v-field .v-text-field__suffix,
23461
23433
  .v-select .v-field .v-field__input, .v-select .v-field.v-field {
@@ -23605,14 +23577,34 @@ html.v-overlay-scroll-blocked {
23605
23577
  }
23606
23578
  .v-selection-control--focus-visible .v-selection-control__input::before {
23607
23579
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
23608
- }.v-selection-control-group {
23609
- grid-area: control;
23580
+ }.v-footer {
23581
+ align-items: center;
23610
23582
  display: flex;
23611
- flex-direction: column;
23583
+ flex: 1 1 auto;
23584
+ padding: 8px 16px;
23585
+ position: relative;
23586
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23587
+ transition-property: height, width, transform, max-width, left, right, top, bottom;
23588
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
23589
+ border-style: solid;
23590
+ border-width: 0;
23591
+ 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));
23592
+ border-radius: 0;
23593
+ background: rgb(var(--v-theme-surface));
23594
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
23612
23595
  }
23613
- .v-selection-control-group--inline {
23614
- flex-direction: row;
23615
- flex-wrap: wrap;
23596
+ .v-footer--border {
23597
+ border-width: thin;
23598
+ box-shadow: none;
23599
+ }
23600
+ .v-footer--absolute {
23601
+ position: absolute;
23602
+ }
23603
+ .v-footer--fixed {
23604
+ position: fixed;
23605
+ }
23606
+ .v-footer--rounded {
23607
+ border-radius: 4px;
23616
23608
  }.v-sheet {
23617
23609
  display: block;
23618
23610
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
@@ -23641,33 +23633,96 @@ html.v-overlay-scroll-blocked {
23641
23633
  }
23642
23634
  .v-sheet--rounded {
23643
23635
  border-radius: 4px;
23644
- }.v-skeleton-loader {
23645
- align-items: center;
23646
- background: rgb(var(--v-theme-surface));
23647
- border-radius: 4px;
23636
+ }.v-selection-control-group {
23637
+ grid-area: control;
23648
23638
  display: flex;
23639
+ flex-direction: column;
23640
+ }
23641
+ .v-selection-control-group--inline {
23642
+ flex-direction: row;
23649
23643
  flex-wrap: wrap;
23650
- position: relative;
23651
- vertical-align: top;
23644
+ }.v-slide-group {
23645
+ display: flex;
23646
+ overflow: hidden;
23652
23647
  }
23653
- .v-skeleton-loader__actions {
23654
- justify-content: end;
23648
+
23649
+ .v-slide-group__next,
23650
+ .v-slide-group__prev {
23651
+ align-items: center;
23652
+ display: flex;
23653
+ flex: 0 1 52px;
23654
+ justify-content: center;
23655
+ min-width: 52px;
23656
+ cursor: pointer;
23655
23657
  }
23656
- .v-skeleton-loader .v-skeleton-loader__ossein {
23657
- height: 100%;
23658
+ .v-slide-group__next--disabled,
23659
+ .v-slide-group__prev--disabled {
23660
+ pointer-events: none;
23661
+ opacity: var(--v-disabled-opacity);
23658
23662
  }
23659
- .v-skeleton-loader .v-skeleton-loader__avatar,
23660
- .v-skeleton-loader .v-skeleton-loader__button,
23661
- .v-skeleton-loader .v-skeleton-loader__chip,
23662
- .v-skeleton-loader .v-skeleton-loader__divider,
23663
- .v-skeleton-loader .v-skeleton-loader__heading,
23664
- .v-skeleton-loader .v-skeleton-loader__image,
23665
- .v-skeleton-loader .v-skeleton-loader__ossein,
23666
- .v-skeleton-loader .v-skeleton-loader__text {
23667
- background: rgba(var(--v-theme-on-surface), var(--v-border-opacity));
23663
+
23664
+ .v-slide-group__content {
23665
+ display: flex;
23666
+ flex: 1 0 auto;
23667
+ position: relative;
23668
+ transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
23669
+ white-space: nowrap;
23668
23670
  }
23669
- .v-skeleton-loader .v-skeleton-loader__list-item,
23670
- .v-skeleton-loader .v-skeleton-loader__list-item-avatar,
23671
+ .v-slide-group__content > * {
23672
+ white-space: initial;
23673
+ }
23674
+
23675
+ .v-slide-group__container {
23676
+ contain: content;
23677
+ display: flex;
23678
+ flex: 1 1 auto;
23679
+ overflow-x: auto;
23680
+ overflow-y: hidden;
23681
+ scrollbar-width: none;
23682
+ scrollbar-color: rgba(0, 0, 0, 0);
23683
+ }
23684
+ .v-slide-group__container::-webkit-scrollbar {
23685
+ display: none;
23686
+ }
23687
+
23688
+ .v-slide-group--vertical {
23689
+ max-height: inherit;
23690
+ }
23691
+ .v-slide-group--vertical,
23692
+ .v-slide-group--vertical .v-slide-group__container,
23693
+ .v-slide-group--vertical .v-slide-group__content {
23694
+ flex-direction: column;
23695
+ }
23696
+ .v-slide-group--vertical .v-slide-group__container {
23697
+ overflow-x: hidden;
23698
+ overflow-y: auto;
23699
+ }.v-skeleton-loader {
23700
+ align-items: center;
23701
+ background: rgb(var(--v-theme-surface));
23702
+ border-radius: 4px;
23703
+ display: flex;
23704
+ flex-wrap: wrap;
23705
+ position: relative;
23706
+ vertical-align: top;
23707
+ }
23708
+ .v-skeleton-loader__actions {
23709
+ justify-content: end;
23710
+ }
23711
+ .v-skeleton-loader .v-skeleton-loader__ossein {
23712
+ height: 100%;
23713
+ }
23714
+ .v-skeleton-loader .v-skeleton-loader__avatar,
23715
+ .v-skeleton-loader .v-skeleton-loader__button,
23716
+ .v-skeleton-loader .v-skeleton-loader__chip,
23717
+ .v-skeleton-loader .v-skeleton-loader__divider,
23718
+ .v-skeleton-loader .v-skeleton-loader__heading,
23719
+ .v-skeleton-loader .v-skeleton-loader__image,
23720
+ .v-skeleton-loader .v-skeleton-loader__ossein,
23721
+ .v-skeleton-loader .v-skeleton-loader__text {
23722
+ background: rgba(var(--v-theme-on-surface), var(--v-border-opacity));
23723
+ }
23724
+ .v-skeleton-loader .v-skeleton-loader__list-item,
23725
+ .v-skeleton-loader .v-skeleton-loader__list-item-avatar,
23671
23726
  .v-skeleton-loader .v-skeleton-loader__list-item-text,
23672
23727
  .v-skeleton-loader .v-skeleton-loader__list-item-two-line,
23673
23728
  .v-skeleton-loader .v-skeleton-loader__list-item-avatar-two-line,
@@ -23864,61 +23919,6 @@ html.v-overlay-scroll-blocked {
23864
23919
  100% {
23865
23920
  transform: translateX(100%);
23866
23921
  }
23867
- }.v-slide-group {
23868
- display: flex;
23869
- overflow: hidden;
23870
- }
23871
-
23872
- .v-slide-group__next,
23873
- .v-slide-group__prev {
23874
- align-items: center;
23875
- display: flex;
23876
- flex: 0 1 52px;
23877
- justify-content: center;
23878
- min-width: 52px;
23879
- cursor: pointer;
23880
- }
23881
- .v-slide-group__next--disabled,
23882
- .v-slide-group__prev--disabled {
23883
- pointer-events: none;
23884
- opacity: var(--v-disabled-opacity);
23885
- }
23886
-
23887
- .v-slide-group__content {
23888
- display: flex;
23889
- flex: 1 0 auto;
23890
- position: relative;
23891
- transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
23892
- white-space: nowrap;
23893
- }
23894
- .v-slide-group__content > * {
23895
- white-space: initial;
23896
- }
23897
-
23898
- .v-slide-group__container {
23899
- contain: content;
23900
- display: flex;
23901
- flex: 1 1 auto;
23902
- overflow-x: auto;
23903
- overflow-y: hidden;
23904
- scrollbar-width: none;
23905
- scrollbar-color: rgba(0, 0, 0, 0);
23906
- }
23907
- .v-slide-group__container::-webkit-scrollbar {
23908
- display: none;
23909
- }
23910
-
23911
- .v-slide-group--vertical {
23912
- max-height: inherit;
23913
- }
23914
- .v-slide-group--vertical,
23915
- .v-slide-group--vertical .v-slide-group__container,
23916
- .v-slide-group--vertical .v-slide-group__content {
23917
- flex-direction: column;
23918
- }
23919
- .v-slide-group--vertical .v-slide-group__container {
23920
- overflow-x: hidden;
23921
- overflow-y: auto;
23922
23922
  }.v-snackbar {
23923
23923
  justify-content: center;
23924
23924
  z-index: 10000;
@@ -24098,56 +24098,6 @@ html.v-overlay-scroll-blocked {
24098
24098
  }
24099
24099
  .v-speed-dial__content > *:nth-child(10) {
24100
24100
  transition-delay: 0.45s;
24101
- }.v-stepper.v-sheet {
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));
24103
- border-radius: 4px;
24104
- overflow: hidden;
24105
- }
24106
- .v-stepper.v-sheet.v-stepper--flat {
24107
- 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));
24108
- }
24109
-
24110
- .v-stepper-header {
24111
- 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));
24112
- align-items: center;
24113
- display: flex;
24114
- position: relative;
24115
- overflow-x: auto;
24116
- justify-content: space-between;
24117
- z-index: 1;
24118
- }
24119
- .v-stepper-header .v-divider {
24120
- margin: 0 -16px;
24121
- }
24122
- .v-stepper-header .v-divider:last-child {
24123
- margin-inline-end: 0;
24124
- }
24125
- .v-stepper-header .v-divider:first-child {
24126
- margin-inline-start: 0;
24127
- }
24128
- .v-stepper--alt-labels .v-stepper-header {
24129
- height: auto;
24130
- }
24131
- .v-stepper--alt-labels .v-stepper-header .v-divider {
24132
- align-self: flex-start;
24133
- margin: 35px -67px 0;
24134
- }
24135
-
24136
- .v-stepper-window {
24137
- margin: 1.5rem;
24138
- }
24139
-
24140
- .v-stepper-actions {
24141
- display: flex;
24142
- align-items: center;
24143
- justify-content: space-between;
24144
- padding: 1rem;
24145
- }
24146
- .v-stepper .v-stepper-actions {
24147
- padding: 0 1.5rem 1rem;
24148
- }
24149
- .v-stepper-window-item .v-stepper-actions {
24150
- padding: 1.5rem 0 0;
24151
24101
  }.v-stepper-item {
24152
24102
  align-items: center;
24153
24103
  align-self: stretch;
@@ -24264,6 +24214,56 @@ html.v-overlay-scroll-blocked {
24264
24214
  width: 100%;
24265
24215
  height: 100%;
24266
24216
  pointer-events: none;
24217
+ }.v-stepper.v-sheet {
24218
+ 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));
24219
+ border-radius: 4px;
24220
+ overflow: hidden;
24221
+ }
24222
+ .v-stepper.v-sheet.v-stepper--flat {
24223
+ 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));
24224
+ }
24225
+
24226
+ .v-stepper-header {
24227
+ 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));
24228
+ align-items: center;
24229
+ display: flex;
24230
+ position: relative;
24231
+ overflow-x: auto;
24232
+ justify-content: space-between;
24233
+ z-index: 1;
24234
+ }
24235
+ .v-stepper-header .v-divider {
24236
+ margin: 0 -16px;
24237
+ }
24238
+ .v-stepper-header .v-divider:last-child {
24239
+ margin-inline-end: 0;
24240
+ }
24241
+ .v-stepper-header .v-divider:first-child {
24242
+ margin-inline-start: 0;
24243
+ }
24244
+ .v-stepper--alt-labels .v-stepper-header {
24245
+ height: auto;
24246
+ }
24247
+ .v-stepper--alt-labels .v-stepper-header .v-divider {
24248
+ align-self: flex-start;
24249
+ margin: 35px -67px 0;
24250
+ }
24251
+
24252
+ .v-stepper-window {
24253
+ margin: 1.5rem;
24254
+ }
24255
+
24256
+ .v-stepper-actions {
24257
+ display: flex;
24258
+ align-items: center;
24259
+ justify-content: space-between;
24260
+ padding: 1rem;
24261
+ }
24262
+ .v-stepper .v-stepper-actions {
24263
+ padding: 0 1.5rem 1rem;
24264
+ }
24265
+ .v-stepper-window-item .v-stepper-actions {
24266
+ padding: 1.5rem 0 0;
24267
24267
  }.v-switch .v-label {
24268
24268
  padding-inline-start: 10px;
24269
24269
  }
@@ -24481,140 +24481,45 @@ html.v-overlay-scroll-blocked {
24481
24481
  }
24482
24482
  .v-system-bar:not(.v-system-bar--absolute) {
24483
24483
  padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24484
- }.v-tab.v-tab.v-btn {
24485
- height: var(--v-tabs-height);
24486
- border-radius: 0;
24487
- min-width: 90px;
24484
+ }.v-table {
24485
+ background: rgb(var(--v-theme-surface));
24486
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24487
+ font-size: 0.875rem;
24488
+ transition-duration: 0.28s;
24489
+ transition-property: box-shadow, opacity, background, height;
24490
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
24488
24491
  }
24489
- .v-slide-group--horizontal .v-tab {
24490
- max-width: 360px;
24492
+ .v-table .v-table-divider {
24493
+ border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24491
24494
  }
24492
- .v-slide-group--vertical .v-tab {
24493
- justify-content: start;
24495
+ .v-table .v-table__wrapper > table > thead > tr > th {
24496
+ border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24494
24497
  }
24495
-
24496
- .v-tab__slider {
24498
+ .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > td,
24499
+ .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > th {
24500
+ border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24501
+ }
24502
+ .v-table .v-table__wrapper > table > tfoot > tr > td,
24503
+ .v-table .v-table__wrapper > table > tfoot > tr > th {
24504
+ border-top: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24505
+ }
24506
+ .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr > td {
24507
+ position: relative;
24508
+ }
24509
+ .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover > td::after {
24510
+ content: "";
24497
24511
  position: absolute;
24498
- bottom: 0;
24512
+ top: 0;
24499
24513
  left: 0;
24500
- height: 2px;
24501
24514
  width: 100%;
24502
- background: currentColor;
24515
+ height: 100%;
24516
+ background: rgba(var(--v-border-color), var(--v-hover-opacity));
24503
24517
  pointer-events: none;
24504
- opacity: 0;
24505
24518
  }
24506
- .v-tab--selected .v-tab__slider {
24507
- opacity: 1;
24508
- }
24509
- .v-slide-group--vertical .v-tab__slider {
24510
- top: 0;
24511
- height: 100%;
24512
- width: 2px;
24513
- }.v-tabs {
24514
- display: flex;
24515
- height: var(--v-tabs-height);
24516
- }
24517
- .v-tabs--density-default {
24518
- --v-tabs-height: 48px;
24519
- }
24520
- .v-tabs--density-default.v-tabs--stacked {
24521
- --v-tabs-height: 72px;
24522
- }
24523
-
24524
- .v-tabs--density-comfortable {
24525
- --v-tabs-height: 44px;
24526
- }
24527
- .v-tabs--density-comfortable.v-tabs--stacked {
24528
- --v-tabs-height: 68px;
24529
- }
24530
-
24531
- .v-tabs--density-compact {
24532
- --v-tabs-height: 36px;
24533
- }
24534
- .v-tabs--density-compact.v-tabs--stacked {
24535
- --v-tabs-height: 60px;
24536
- }
24537
-
24538
- .v-tabs.v-slide-group--vertical {
24539
- height: auto;
24540
- flex: none;
24541
- --v-tabs-height: 48px;
24542
- }
24543
-
24544
- .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
24545
- margin-inline-start: 42px;
24546
- }
24547
-
24548
- .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
24549
- .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
24550
- margin-inline-end: auto;
24551
- }
24552
- .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
24553
- .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
24554
- margin-inline-start: auto;
24555
- }
24556
-
24557
- .v-tabs--grow {
24558
- flex-grow: 1;
24559
- }
24560
- .v-tabs--grow .v-tab {
24561
- flex: 1 0 auto;
24562
- max-width: none;
24563
- }
24564
-
24565
- .v-tabs--align-tabs-end .v-tab:first-child {
24566
- margin-inline-start: auto;
24567
- }
24568
- .v-tabs--align-tabs-end .v-tab:last-child {
24569
- margin-inline-end: 0;
24570
- }
24571
-
24572
- @media (max-width: 1279.98px) {
24573
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
24574
- margin-inline-start: 52px;
24575
- }
24576
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24577
- margin-inline-end: 52px;
24578
- }
24579
- }.v-table {
24580
- background: rgb(var(--v-theme-surface));
24581
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24582
- font-size: 0.875rem;
24583
- transition-duration: 0.28s;
24584
- transition-property: box-shadow, opacity, background, height;
24585
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
24586
- }
24587
- .v-table .v-table-divider {
24588
- border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24589
- }
24590
- .v-table .v-table__wrapper > table > thead > tr > th {
24591
- border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24592
- }
24593
- .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > td,
24594
- .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > th {
24595
- border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24596
- }
24597
- .v-table .v-table__wrapper > table > tfoot > tr > td,
24598
- .v-table .v-table__wrapper > table > tfoot > tr > th {
24599
- border-top: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24600
- }
24601
- .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr > td {
24602
- position: relative;
24603
- }
24604
- .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover > td::after {
24605
- content: "";
24606
- position: absolute;
24607
- top: 0;
24608
- left: 0;
24609
- width: 100%;
24610
- height: 100%;
24611
- background: rgba(var(--v-border-color), var(--v-hover-opacity));
24612
- pointer-events: none;
24613
- }
24614
- .v-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
24615
- background: rgb(var(--v-theme-surface));
24616
- box-shadow: inset 0 -1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
24617
- z-index: 1;
24519
+ .v-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
24520
+ background: rgb(var(--v-theme-surface));
24521
+ box-shadow: inset 0 -1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
24522
+ z-index: 1;
24618
24523
  }
24619
24524
  .v-table.v-table--fixed-footer > tfoot > tr > th,
24620
24525
  .v-table.v-table--fixed-footer > tfoot > tr > td {
@@ -24820,119 +24725,343 @@ html.v-overlay-scroll-blocked {
24820
24725
  padding-inline-end: var(--v-field-padding-end);
24821
24726
  }
24822
24727
 
24823
- /* endregion */.v-theme-provider {
24824
- background: rgb(var(--v-theme-background));
24825
- color: rgb(var(--v-theme-on-background));
24826
- }.v-timeline .v-timeline-divider__dot {
24827
- background: rgb(var(--v-theme-surface-light));
24728
+ /* endregion */.v-tab.v-tab.v-btn {
24729
+ height: var(--v-tabs-height);
24730
+ border-radius: 0;
24731
+ min-width: 90px;
24828
24732
  }
24829
- .v-timeline .v-timeline-divider__inner-dot {
24830
- background: rgb(var(--v-theme-on-surface));
24733
+ .v-slide-group--horizontal .v-tab {
24734
+ max-width: 360px;
24831
24735
  }
24832
-
24833
- .v-timeline {
24834
- display: grid;
24835
- grid-auto-flow: dense;
24836
- position: relative;
24736
+ .v-slide-group--vertical .v-tab {
24737
+ justify-content: start;
24837
24738
  }
24838
- .v-timeline--horizontal.v-timeline {
24839
- grid-column-gap: 24px;
24739
+
24740
+ .v-tab__slider {
24741
+ position: absolute;
24742
+ bottom: 0;
24743
+ left: 0;
24744
+ height: 2px;
24840
24745
  width: 100%;
24746
+ background: currentColor;
24747
+ pointer-events: none;
24748
+ opacity: 0;
24841
24749
  }
24842
- .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__body {
24843
- grid-row: 3;
24844
- padding-block-start: 24px;
24845
- }
24846
- .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__opposite {
24847
- grid-row: 1;
24848
- padding-block-end: 24px;
24849
- align-self: flex-end;
24850
- }
24851
- .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n+1) .v-timeline-item__body {
24852
- grid-row: 1;
24853
- padding-block-end: 24px;
24854
- align-self: flex-end;
24855
- }
24856
- .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n+1) .v-timeline-item__opposite {
24857
- grid-row: 3;
24858
- padding-block-start: 24px;
24750
+ .v-tab--selected .v-tab__slider {
24751
+ opacity: 1;
24859
24752
  }
24860
-
24861
- .v-timeline--vertical.v-timeline {
24862
- row-gap: 24px;
24753
+ .v-slide-group--vertical .v-tab__slider {
24754
+ top: 0;
24863
24755
  height: 100%;
24756
+ width: 2px;
24757
+ }.v-tabs {
24758
+ display: flex;
24759
+ height: var(--v-tabs-height);
24864
24760
  }
24865
- .v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-divider, .v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-item__opposite {
24866
- padding-block-start: 24px;
24761
+ .v-tabs--density-default {
24762
+ --v-tabs-height: 48px;
24867
24763
  }
24868
- .v-timeline--vertical.v-timeline .v-timeline-item:last-child .v-timeline-divider, .v-timeline--vertical.v-timeline .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--vertical.v-timeline .v-timeline-item:last-child .v-timeline-item__opposite {
24869
- padding-block-end: 24px;
24764
+ .v-tabs--density-default.v-tabs--stacked {
24765
+ --v-tabs-height: 72px;
24870
24766
  }
24871
- .v-timeline--vertical.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__body {
24872
- grid-column: 1;
24873
- padding-inline-end: 24px;
24767
+
24768
+ .v-tabs--density-comfortable {
24769
+ --v-tabs-height: 44px;
24874
24770
  }
24875
- .v-timeline--vertical.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__opposite {
24876
- grid-column: 3;
24877
- padding-inline-start: 24px;
24771
+ .v-tabs--density-comfortable.v-tabs--stacked {
24772
+ --v-tabs-height: 68px;
24878
24773
  }
24879
- .v-timeline--vertical.v-timeline .v-timeline-item:nth-child(2n+1) .v-timeline-item__body {
24880
- grid-column: 3;
24881
- padding-inline-start: 24px;
24774
+
24775
+ .v-tabs--density-compact {
24776
+ --v-tabs-height: 36px;
24882
24777
  }
24883
- .v-timeline--vertical.v-timeline .v-timeline-item:nth-child(2n+1) .v-timeline-item__opposite {
24884
- grid-column: 1;
24885
- justify-self: flex-end;
24886
- padding-inline-end: 24px;
24778
+ .v-tabs--density-compact.v-tabs--stacked {
24779
+ --v-tabs-height: 60px;
24887
24780
  }
24888
24781
 
24889
- .v-timeline-item {
24890
- display: contents;
24782
+ .v-tabs.v-slide-group--vertical {
24783
+ height: auto;
24784
+ flex: none;
24785
+ --v-tabs-height: 48px;
24891
24786
  }
24892
24787
 
24893
- .v-timeline-divider {
24894
- position: relative;
24895
- display: flex;
24896
- align-items: center;
24897
- }
24898
- .v-timeline--horizontal .v-timeline-divider {
24899
- flex-direction: row;
24900
- grid-row: 2;
24901
- width: 100%;
24788
+ .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
24789
+ margin-inline-start: 42px;
24902
24790
  }
24903
24791
 
24904
- .v-timeline--vertical .v-timeline-divider {
24905
- height: 100%;
24906
- flex-direction: column;
24907
- grid-column: 2;
24792
+ .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
24793
+ .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
24794
+ margin-inline-end: auto;
24795
+ }
24796
+ .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
24797
+ .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
24798
+ margin-inline-start: auto;
24908
24799
  }
24909
24800
 
24910
- .v-timeline-divider__before {
24911
- background: rgba(var(--v-border-color), var(--v-border-opacity));
24912
- position: absolute;
24801
+ .v-tabs--grow {
24802
+ flex-grow: 1;
24913
24803
  }
24914
- .v-timeline--horizontal .v-timeline-divider__before {
24915
- height: var(--v-timeline-line-thickness);
24916
- width: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
24917
- inset-inline-start: -12px;
24918
- inset-inline-end: initial;
24804
+ .v-tabs--grow .v-tab {
24805
+ flex: 1 0 auto;
24806
+ max-width: none;
24919
24807
  }
24920
24808
 
24921
- .v-timeline--vertical .v-timeline-divider__before {
24922
- height: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
24923
- width: var(--v-timeline-line-thickness);
24924
- top: -12px;
24809
+ .v-tabs--align-tabs-end .v-tab:first-child {
24810
+ margin-inline-start: auto;
24925
24811
  }
24926
-
24927
- .v-timeline-divider__after {
24928
- background: rgba(var(--v-border-color), var(--v-border-opacity));
24929
- position: absolute;
24812
+ .v-tabs--align-tabs-end .v-tab:last-child {
24813
+ margin-inline-end: 0;
24930
24814
  }
24931
- .v-timeline--horizontal .v-timeline-divider__after {
24932
- height: var(--v-timeline-line-thickness);
24933
- width: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
24934
- inset-inline-end: -12px;
24935
- inset-inline-start: initial;
24815
+
24816
+ @media (max-width: 1279.98px) {
24817
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
24818
+ margin-inline-start: 52px;
24819
+ }
24820
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24821
+ margin-inline-end: 52px;
24822
+ }
24823
+ }.v-theme-provider {
24824
+ background: rgb(var(--v-theme-background));
24825
+ color: rgb(var(--v-theme-on-background));
24826
+ }.v-toolbar {
24827
+ align-items: flex-start;
24828
+ display: flex;
24829
+ flex: none;
24830
+ flex-direction: column;
24831
+ justify-content: space-between;
24832
+ max-width: 100%;
24833
+ position: relative;
24834
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24835
+ transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
24836
+ width: 100%;
24837
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
24838
+ border-style: solid;
24839
+ border-width: 0;
24840
+ 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));
24841
+ border-radius: 0;
24842
+ background: rgb(var(--v-theme-surface-light));
24843
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24844
+ }
24845
+ .v-toolbar--border {
24846
+ border-width: thin;
24847
+ box-shadow: none;
24848
+ }
24849
+ .v-toolbar--absolute {
24850
+ position: absolute;
24851
+ }
24852
+ .v-toolbar--collapse {
24853
+ max-width: 112px;
24854
+ overflow: hidden;
24855
+ border-end-end-radius: 24px;
24856
+ }
24857
+ .v-toolbar--collapse .v-toolbar-title {
24858
+ display: none;
24859
+ }
24860
+ .v-toolbar--flat {
24861
+ 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));
24862
+ }
24863
+ .v-toolbar--floating {
24864
+ display: inline-flex;
24865
+ }
24866
+ .v-toolbar--rounded {
24867
+ border-radius: 4px;
24868
+ }
24869
+
24870
+ .v-toolbar__content,
24871
+ .v-toolbar__extension {
24872
+ align-items: center;
24873
+ display: flex;
24874
+ flex: 0 0 auto;
24875
+ position: relative;
24876
+ transition: inherit;
24877
+ width: 100%;
24878
+ }
24879
+
24880
+ .v-toolbar__content {
24881
+ overflow: hidden;
24882
+ }
24883
+ .v-toolbar__content > .v-btn:first-child {
24884
+ margin-inline-start: 4px;
24885
+ }
24886
+ .v-toolbar__content > .v-btn:last-child {
24887
+ margin-inline-end: 4px;
24888
+ }
24889
+ .v-toolbar__content > .v-toolbar-title {
24890
+ margin-inline-start: 20px;
24891
+ }
24892
+ .v-toolbar--density-prominent .v-toolbar__content {
24893
+ align-items: flex-start;
24894
+ }
24895
+
24896
+ .v-toolbar__image {
24897
+ position: absolute;
24898
+ top: 0;
24899
+ left: 0;
24900
+ width: 100%;
24901
+ height: 100%;
24902
+ display: flex;
24903
+ opacity: var(--v-toolbar-image-opacity, 1);
24904
+ transition-property: opacity;
24905
+ }
24906
+
24907
+ .v-toolbar__prepend,
24908
+ .v-toolbar__append {
24909
+ align-items: center;
24910
+ align-self: stretch;
24911
+ display: flex;
24912
+ }
24913
+
24914
+ .v-toolbar__prepend {
24915
+ margin-inline: 4px auto;
24916
+ }
24917
+
24918
+ .v-toolbar__append {
24919
+ margin-inline: auto 4px;
24920
+ }
24921
+
24922
+ .v-toolbar-title {
24923
+ flex: 1 1;
24924
+ font-size: 1.25rem;
24925
+ min-width: 0;
24926
+ font-size: 1.25rem;
24927
+ font-weight: 400;
24928
+ letter-spacing: 0;
24929
+ line-height: 1.75rem;
24930
+ text-transform: none;
24931
+ }
24932
+ .v-toolbar--density-prominent .v-toolbar-title {
24933
+ align-self: flex-end;
24934
+ padding-bottom: 6px;
24935
+ font-size: 1.5rem;
24936
+ font-weight: 400;
24937
+ letter-spacing: 0;
24938
+ line-height: 2.25rem;
24939
+ text-transform: none;
24940
+ }
24941
+
24942
+ .v-toolbar-title__placeholder {
24943
+ overflow: hidden;
24944
+ text-overflow: ellipsis;
24945
+ white-space: nowrap;
24946
+ }
24947
+
24948
+ .v-toolbar-items {
24949
+ display: flex;
24950
+ height: inherit;
24951
+ align-self: stretch;
24952
+ }
24953
+ .v-toolbar-items > .v-btn {
24954
+ border-radius: 0;
24955
+ }.v-timeline .v-timeline-divider__dot {
24956
+ background: rgb(var(--v-theme-surface-light));
24957
+ }
24958
+ .v-timeline .v-timeline-divider__inner-dot {
24959
+ background: rgb(var(--v-theme-on-surface));
24960
+ }
24961
+
24962
+ .v-timeline {
24963
+ display: grid;
24964
+ grid-auto-flow: dense;
24965
+ position: relative;
24966
+ }
24967
+ .v-timeline--horizontal.v-timeline {
24968
+ grid-column-gap: 24px;
24969
+ width: 100%;
24970
+ }
24971
+ .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__body {
24972
+ grid-row: 3;
24973
+ padding-block-start: 24px;
24974
+ }
24975
+ .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__opposite {
24976
+ grid-row: 1;
24977
+ padding-block-end: 24px;
24978
+ align-self: flex-end;
24979
+ }
24980
+ .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n+1) .v-timeline-item__body {
24981
+ grid-row: 1;
24982
+ padding-block-end: 24px;
24983
+ align-self: flex-end;
24984
+ }
24985
+ .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n+1) .v-timeline-item__opposite {
24986
+ grid-row: 3;
24987
+ padding-block-start: 24px;
24988
+ }
24989
+
24990
+ .v-timeline--vertical.v-timeline {
24991
+ row-gap: 24px;
24992
+ height: 100%;
24993
+ }
24994
+ .v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-divider, .v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-item__opposite {
24995
+ padding-block-start: 24px;
24996
+ }
24997
+ .v-timeline--vertical.v-timeline .v-timeline-item:last-child .v-timeline-divider, .v-timeline--vertical.v-timeline .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--vertical.v-timeline .v-timeline-item:last-child .v-timeline-item__opposite {
24998
+ padding-block-end: 24px;
24999
+ }
25000
+ .v-timeline--vertical.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__body {
25001
+ grid-column: 1;
25002
+ padding-inline-end: 24px;
25003
+ }
25004
+ .v-timeline--vertical.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__opposite {
25005
+ grid-column: 3;
25006
+ padding-inline-start: 24px;
25007
+ }
25008
+ .v-timeline--vertical.v-timeline .v-timeline-item:nth-child(2n+1) .v-timeline-item__body {
25009
+ grid-column: 3;
25010
+ padding-inline-start: 24px;
25011
+ }
25012
+ .v-timeline--vertical.v-timeline .v-timeline-item:nth-child(2n+1) .v-timeline-item__opposite {
25013
+ grid-column: 1;
25014
+ justify-self: flex-end;
25015
+ padding-inline-end: 24px;
25016
+ }
25017
+
25018
+ .v-timeline-item {
25019
+ display: contents;
25020
+ }
25021
+
25022
+ .v-timeline-divider {
25023
+ position: relative;
25024
+ display: flex;
25025
+ align-items: center;
25026
+ }
25027
+ .v-timeline--horizontal .v-timeline-divider {
25028
+ flex-direction: row;
25029
+ grid-row: 2;
25030
+ width: 100%;
25031
+ }
25032
+
25033
+ .v-timeline--vertical .v-timeline-divider {
25034
+ height: 100%;
25035
+ flex-direction: column;
25036
+ grid-column: 2;
25037
+ }
25038
+
25039
+ .v-timeline-divider__before {
25040
+ background: rgba(var(--v-border-color), var(--v-border-opacity));
25041
+ position: absolute;
25042
+ }
25043
+ .v-timeline--horizontal .v-timeline-divider__before {
25044
+ height: var(--v-timeline-line-thickness);
25045
+ width: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
25046
+ inset-inline-start: -12px;
25047
+ inset-inline-end: initial;
25048
+ }
25049
+
25050
+ .v-timeline--vertical .v-timeline-divider__before {
25051
+ height: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
25052
+ width: var(--v-timeline-line-thickness);
25053
+ top: -12px;
25054
+ }
25055
+
25056
+ .v-timeline-divider__after {
25057
+ background: rgba(var(--v-border-color), var(--v-border-opacity));
25058
+ position: absolute;
25059
+ }
25060
+ .v-timeline--horizontal .v-timeline-divider__after {
25061
+ height: var(--v-timeline-line-thickness);
25062
+ width: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
25063
+ inset-inline-end: -12px;
25064
+ inset-inline-start: initial;
24936
25065
  }
24937
25066
 
24938
25067
  .v-timeline--vertical .v-timeline-divider__after {
@@ -25239,135 +25368,6 @@ html.v-overlay-scroll-blocked {
25239
25368
 
25240
25369
  .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 {
25241
25370
  padding-inline-end: 0;
25242
- }.v-toolbar {
25243
- align-items: flex-start;
25244
- display: flex;
25245
- flex: none;
25246
- flex-direction: column;
25247
- justify-content: space-between;
25248
- max-width: 100%;
25249
- position: relative;
25250
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
25251
- transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
25252
- width: 100%;
25253
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
25254
- border-style: solid;
25255
- border-width: 0;
25256
- 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));
25257
- border-radius: 0;
25258
- background: rgb(var(--v-theme-surface-light));
25259
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
25260
- }
25261
- .v-toolbar--border {
25262
- border-width: thin;
25263
- box-shadow: none;
25264
- }
25265
- .v-toolbar--absolute {
25266
- position: absolute;
25267
- }
25268
- .v-toolbar--collapse {
25269
- max-width: 112px;
25270
- overflow: hidden;
25271
- border-end-end-radius: 24px;
25272
- }
25273
- .v-toolbar--collapse .v-toolbar-title {
25274
- display: none;
25275
- }
25276
- .v-toolbar--flat {
25277
- 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));
25278
- }
25279
- .v-toolbar--floating {
25280
- display: inline-flex;
25281
- }
25282
- .v-toolbar--rounded {
25283
- border-radius: 4px;
25284
- }
25285
-
25286
- .v-toolbar__content,
25287
- .v-toolbar__extension {
25288
- align-items: center;
25289
- display: flex;
25290
- flex: 0 0 auto;
25291
- position: relative;
25292
- transition: inherit;
25293
- width: 100%;
25294
- }
25295
-
25296
- .v-toolbar__content {
25297
- overflow: hidden;
25298
- }
25299
- .v-toolbar__content > .v-btn:first-child {
25300
- margin-inline-start: 4px;
25301
- }
25302
- .v-toolbar__content > .v-btn:last-child {
25303
- margin-inline-end: 4px;
25304
- }
25305
- .v-toolbar__content > .v-toolbar-title {
25306
- margin-inline-start: 20px;
25307
- }
25308
- .v-toolbar--density-prominent .v-toolbar__content {
25309
- align-items: flex-start;
25310
- }
25311
-
25312
- .v-toolbar__image {
25313
- position: absolute;
25314
- top: 0;
25315
- left: 0;
25316
- width: 100%;
25317
- height: 100%;
25318
- display: flex;
25319
- opacity: var(--v-toolbar-image-opacity, 1);
25320
- transition-property: opacity;
25321
- }
25322
-
25323
- .v-toolbar__prepend,
25324
- .v-toolbar__append {
25325
- align-items: center;
25326
- align-self: stretch;
25327
- display: flex;
25328
- }
25329
-
25330
- .v-toolbar__prepend {
25331
- margin-inline: 4px auto;
25332
- }
25333
-
25334
- .v-toolbar__append {
25335
- margin-inline: auto 4px;
25336
- }
25337
-
25338
- .v-toolbar-title {
25339
- flex: 1 1;
25340
- font-size: 1.25rem;
25341
- min-width: 0;
25342
- font-size: 1.25rem;
25343
- font-weight: 400;
25344
- letter-spacing: 0;
25345
- line-height: 1.75rem;
25346
- text-transform: none;
25347
- }
25348
- .v-toolbar--density-prominent .v-toolbar-title {
25349
- align-self: flex-end;
25350
- padding-bottom: 6px;
25351
- font-size: 1.5rem;
25352
- font-weight: 400;
25353
- letter-spacing: 0;
25354
- line-height: 2.25rem;
25355
- text-transform: none;
25356
- }
25357
-
25358
- .v-toolbar-title__placeholder {
25359
- overflow: hidden;
25360
- text-overflow: ellipsis;
25361
- white-space: nowrap;
25362
- }
25363
-
25364
- .v-toolbar-items {
25365
- display: flex;
25366
- height: inherit;
25367
- align-self: stretch;
25368
- }
25369
- .v-toolbar-items > .v-btn {
25370
- border-radius: 0;
25371
25371
  }.v-tooltip > .v-overlay__content {
25372
25372
  background: rgb(var(--v-theme-surface-variant));
25373
25373
  color: rgb(var(--v-theme-on-surface-variant));
@@ -25491,69 +25491,6 @@ html.v-overlay-scroll-blocked {
25491
25491
  }
25492
25492
  .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25493
25493
  will-change: transform;
25494
- }.v-color-picker-swatches {
25495
- overflow-y: auto;
25496
- }
25497
- .v-color-picker-swatches > div {
25498
- display: flex;
25499
- flex-wrap: wrap;
25500
- justify-content: center;
25501
- padding: 8px;
25502
- }
25503
-
25504
- .v-color-picker-swatches__swatch {
25505
- display: flex;
25506
- flex-direction: column;
25507
- margin-bottom: 10px;
25508
- }
25509
-
25510
- .v-color-picker-swatches__color {
25511
- position: relative;
25512
- height: 18px;
25513
- max-height: 18px;
25514
- width: 45px;
25515
- margin: 2px 4px;
25516
- border-radius: 2px;
25517
- -webkit-user-select: none;
25518
- user-select: none;
25519
- overflow: hidden;
25520
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25521
- cursor: pointer;
25522
- }
25523
- .v-color-picker-swatches__color > div {
25524
- display: flex;
25525
- align-items: center;
25526
- justify-content: center;
25527
- width: 100%;
25528
- height: 100%;
25529
- }.v-color-picker-edit {
25530
- display: flex;
25531
- margin-top: 24px;
25532
- }
25533
-
25534
- .v-color-picker-edit__input {
25535
- width: 100%;
25536
- display: flex;
25537
- flex-wrap: wrap;
25538
- justify-content: center;
25539
- text-align: center;
25540
- }
25541
- .v-color-picker-edit__input:not(:last-child) {
25542
- margin-inline-end: 8px;
25543
- }
25544
- .v-color-picker-edit__input input {
25545
- border-radius: 4px;
25546
- margin-bottom: 8px;
25547
- min-width: 0;
25548
- outline: none;
25549
- text-align: center;
25550
- width: 100%;
25551
- height: 32px;
25552
- background: rgba(var(--v-theme-surface-variant), 0.2);
25553
- color: rgba(var(--v-theme-on-surface));
25554
- }
25555
- .v-color-picker-edit__input span {
25556
- font-size: 0.75rem;
25557
25494
  }.v-color-picker-preview__alpha .v-slider-track__background {
25558
25495
  background-color: transparent !important;
25559
25496
  }
@@ -25624,6 +25561,69 @@ html.v-overlay-scroll-blocked {
25624
25561
  .v-color-picker-preview__eye-dropper {
25625
25562
  position: relative;
25626
25563
  margin-right: 12px;
25564
+ }.v-color-picker-swatches {
25565
+ overflow-y: auto;
25566
+ }
25567
+ .v-color-picker-swatches > div {
25568
+ display: flex;
25569
+ flex-wrap: wrap;
25570
+ justify-content: center;
25571
+ padding: 8px;
25572
+ }
25573
+
25574
+ .v-color-picker-swatches__swatch {
25575
+ display: flex;
25576
+ flex-direction: column;
25577
+ margin-bottom: 10px;
25578
+ }
25579
+
25580
+ .v-color-picker-swatches__color {
25581
+ position: relative;
25582
+ height: 18px;
25583
+ max-height: 18px;
25584
+ width: 45px;
25585
+ margin: 2px 4px;
25586
+ border-radius: 2px;
25587
+ -webkit-user-select: none;
25588
+ user-select: none;
25589
+ overflow: hidden;
25590
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25591
+ cursor: pointer;
25592
+ }
25593
+ .v-color-picker-swatches__color > div {
25594
+ display: flex;
25595
+ align-items: center;
25596
+ justify-content: center;
25597
+ width: 100%;
25598
+ height: 100%;
25599
+ }.v-color-picker-edit {
25600
+ display: flex;
25601
+ margin-top: 24px;
25602
+ }
25603
+
25604
+ .v-color-picker-edit__input {
25605
+ width: 100%;
25606
+ display: flex;
25607
+ flex-wrap: wrap;
25608
+ justify-content: center;
25609
+ text-align: center;
25610
+ }
25611
+ .v-color-picker-edit__input:not(:last-child) {
25612
+ margin-inline-end: 8px;
25613
+ }
25614
+ .v-color-picker-edit__input input {
25615
+ border-radius: 4px;
25616
+ margin-bottom: 8px;
25617
+ min-width: 0;
25618
+ outline: none;
25619
+ text-align: center;
25620
+ width: 100%;
25621
+ height: 32px;
25622
+ background: rgba(var(--v-theme-surface-variant), 0.2);
25623
+ color: rgba(var(--v-theme-on-surface));
25624
+ }
25625
+ .v-color-picker-edit__input span {
25626
+ font-size: 0.75rem;
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;
@@ -25677,167 +25677,8 @@ html.v-overlay-scroll-blocked {
25677
25677
  padding-bottom: 16px;
25678
25678
  font-weight: 400;
25679
25679
  letter-spacing: 0.1666666667em;
25680
- }.v-slider-thumb {
25681
- touch-action: none;
25682
- color: rgb(var(--v-theme-surface-variant));
25683
- }
25684
- .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25685
- color: inherit;
25686
- }
25687
-
25688
- .v-slider-thumb__label {
25689
- background: rgba(var(--v-theme-surface-variant), 0.7);
25690
- color: rgb(var(--v-theme-on-surface-variant));
25691
- }
25692
- .v-slider-thumb__label::before {
25693
- color: rgba(var(--v-theme-surface-variant), 0.7);
25694
- }
25695
-
25696
- .v-slider-thumb {
25697
- outline: none;
25698
- position: absolute;
25699
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25700
- }
25701
-
25702
- .v-slider-thumb__surface {
25703
- cursor: pointer;
25704
- width: var(--v-slider-thumb-size);
25705
- height: var(--v-slider-thumb-size);
25706
- border-radius: 50%;
25707
- -webkit-user-select: none;
25708
- user-select: none;
25709
- background-color: currentColor;
25710
- }
25711
- @media (forced-colors: active) {
25712
- .v-slider-thumb__surface {
25713
- background-color: highlight;
25714
- }
25715
- }
25716
- .v-slider-thumb__surface::before {
25717
- transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25718
- content: "";
25719
- color: inherit;
25720
- top: 0;
25721
- left: 0;
25722
- width: 100%;
25723
- height: 100%;
25724
- border-radius: 50%;
25725
- background: currentColor;
25726
- position: absolute;
25727
- pointer-events: none;
25728
- opacity: 0;
25729
- }
25730
- .v-slider-thumb__surface::after {
25731
- content: "";
25732
- width: 42px;
25733
- height: 42px;
25734
- position: absolute;
25735
- top: 50%;
25736
- left: 50%;
25737
- transform: translate(-50%, -50%);
25738
- }
25739
-
25740
- .v-slider-thumb__label-container {
25741
- position: absolute;
25742
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25743
- }
25744
-
25745
- .v-slider-thumb__label {
25746
- display: flex;
25747
- align-items: center;
25748
- justify-content: center;
25749
- font-size: 0.75rem;
25750
- min-width: 35px;
25751
- height: 25px;
25752
- border-radius: 4px;
25753
- padding: 6px;
25754
- position: absolute;
25755
- -webkit-user-select: none;
25756
- user-select: none;
25757
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25758
- }
25759
- .v-slider-thumb__label::before {
25760
- content: "";
25761
- width: 0;
25762
- height: 0;
25763
- position: absolute;
25764
- }
25765
-
25766
- .v-slider-thumb__ripple {
25767
- position: absolute;
25768
- left: calc(var(--v-slider-thumb-size) / -2);
25769
- top: calc(var(--v-slider-thumb-size) / -2);
25770
- width: calc(var(--v-slider-thumb-size) * 2);
25771
- height: calc(var(--v-slider-thumb-size) * 2);
25772
- background: inherit;
25773
- }
25774
-
25775
- .v-slider.v-input--horizontal .v-slider-thumb {
25776
- top: 50%;
25777
- transform: translateY(-50%);
25778
- inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25779
- }
25780
- .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25781
- left: calc(var(--v-slider-thumb-size) / 2);
25782
- top: 0;
25783
- }
25784
- .v-slider.v-input--horizontal .v-slider-thumb__label {
25785
- bottom: calc(var(--v-slider-thumb-size) / 2);
25786
- }
25787
- .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
25788
- transform: translateX(-50%);
25789
- }
25790
-
25791
- .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
25792
- transform: translateX(50%);
25793
- }
25794
-
25795
- .v-slider.v-input--horizontal .v-slider-thumb__label::before {
25796
- border-left: 6px solid transparent;
25797
- border-right: 6px solid transparent;
25798
- border-top: 6px solid currentColor;
25799
- bottom: -6px;
25800
- }
25801
-
25802
- .v-slider.v-input--vertical .v-slider-thumb {
25803
- top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25804
- }
25805
- .v-slider.v-input--vertical .v-slider-thumb__label-container {
25806
- top: calc(var(--v-slider-thumb-size) / 2);
25807
- right: 0;
25808
- }
25809
- .v-slider.v-input--vertical .v-slider-thumb__label {
25810
- top: -12.5px;
25811
- left: calc(var(--v-slider-thumb-size) / 2);
25812
- }
25813
- .v-slider.v-input--vertical .v-slider-thumb__label::before {
25814
- border-right: 6px solid currentColor;
25815
- border-top: 6px solid transparent;
25816
- border-bottom: 6px solid transparent;
25817
- left: -6px;
25818
- }
25819
-
25820
- .v-slider-thumb--focused .v-slider-thumb__surface::before {
25821
- transform: scale(2);
25822
- opacity: var(--v-focus-opacity);
25823
- }
25824
-
25825
- .v-slider-thumb--pressed {
25826
- transition: none;
25827
- }
25828
- .v-slider-thumb--pressed .v-slider-thumb__surface::before {
25829
- opacity: var(--v-pressed-opacity);
25830
- }
25831
-
25832
- @media (hover: hover) {
25833
- .v-slider-thumb:hover .v-slider-thumb__surface::before {
25834
- transform: scale(2);
25835
- }
25836
- .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
25837
- opacity: var(--v-hover-opacity);
25838
- }
25839
- }.v-slider-track__background {
25840
- background-color: rgb(var(--v-theme-surface-variant));
25680
+ }.v-slider-track__background {
25681
+ background-color: rgb(var(--v-theme-surface-variant));
25841
25682
  }
25842
25683
  @media (forced-colors: active) {
25843
25684
  .v-slider-track__background {
@@ -26014,4 +25855,163 @@ html.v-overlay-scroll-blocked {
26014
25855
 
26015
25856
  .v-slider-track__background--opacity {
26016
25857
  opacity: 0.38;
25858
+ }.v-slider-thumb {
25859
+ touch-action: none;
25860
+ color: rgb(var(--v-theme-surface-variant));
25861
+ }
25862
+ .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25863
+ color: inherit;
25864
+ }
25865
+
25866
+ .v-slider-thumb__label {
25867
+ background: rgba(var(--v-theme-surface-variant), 0.7);
25868
+ color: rgb(var(--v-theme-on-surface-variant));
25869
+ }
25870
+ .v-slider-thumb__label::before {
25871
+ color: rgba(var(--v-theme-surface-variant), 0.7);
25872
+ }
25873
+
25874
+ .v-slider-thumb {
25875
+ outline: none;
25876
+ position: absolute;
25877
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25878
+ }
25879
+
25880
+ .v-slider-thumb__surface {
25881
+ cursor: pointer;
25882
+ width: var(--v-slider-thumb-size);
25883
+ height: var(--v-slider-thumb-size);
25884
+ border-radius: 50%;
25885
+ -webkit-user-select: none;
25886
+ user-select: none;
25887
+ background-color: currentColor;
25888
+ }
25889
+ @media (forced-colors: active) {
25890
+ .v-slider-thumb__surface {
25891
+ background-color: highlight;
25892
+ }
25893
+ }
25894
+ .v-slider-thumb__surface::before {
25895
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25896
+ content: "";
25897
+ color: inherit;
25898
+ top: 0;
25899
+ left: 0;
25900
+ width: 100%;
25901
+ height: 100%;
25902
+ border-radius: 50%;
25903
+ background: currentColor;
25904
+ position: absolute;
25905
+ pointer-events: none;
25906
+ opacity: 0;
25907
+ }
25908
+ .v-slider-thumb__surface::after {
25909
+ content: "";
25910
+ width: 42px;
25911
+ height: 42px;
25912
+ position: absolute;
25913
+ top: 50%;
25914
+ left: 50%;
25915
+ transform: translate(-50%, -50%);
25916
+ }
25917
+
25918
+ .v-slider-thumb__label-container {
25919
+ position: absolute;
25920
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25921
+ }
25922
+
25923
+ .v-slider-thumb__label {
25924
+ display: flex;
25925
+ align-items: center;
25926
+ justify-content: center;
25927
+ font-size: 0.75rem;
25928
+ min-width: 35px;
25929
+ height: 25px;
25930
+ border-radius: 4px;
25931
+ padding: 6px;
25932
+ position: absolute;
25933
+ -webkit-user-select: none;
25934
+ user-select: none;
25935
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25936
+ }
25937
+ .v-slider-thumb__label::before {
25938
+ content: "";
25939
+ width: 0;
25940
+ height: 0;
25941
+ position: absolute;
25942
+ }
25943
+
25944
+ .v-slider-thumb__ripple {
25945
+ position: absolute;
25946
+ left: calc(var(--v-slider-thumb-size) / -2);
25947
+ top: calc(var(--v-slider-thumb-size) / -2);
25948
+ width: calc(var(--v-slider-thumb-size) * 2);
25949
+ height: calc(var(--v-slider-thumb-size) * 2);
25950
+ background: inherit;
25951
+ }
25952
+
25953
+ .v-slider.v-input--horizontal .v-slider-thumb {
25954
+ top: 50%;
25955
+ transform: translateY(-50%);
25956
+ inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25957
+ }
25958
+ .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25959
+ left: calc(var(--v-slider-thumb-size) / 2);
25960
+ top: 0;
25961
+ }
25962
+ .v-slider.v-input--horizontal .v-slider-thumb__label {
25963
+ bottom: calc(var(--v-slider-thumb-size) / 2);
25964
+ }
25965
+ .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
25966
+ transform: translateX(-50%);
25967
+ }
25968
+
25969
+ .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
25970
+ transform: translateX(50%);
25971
+ }
25972
+
25973
+ .v-slider.v-input--horizontal .v-slider-thumb__label::before {
25974
+ border-left: 6px solid transparent;
25975
+ border-right: 6px solid transparent;
25976
+ border-top: 6px solid currentColor;
25977
+ bottom: -6px;
25978
+ }
25979
+
25980
+ .v-slider.v-input--vertical .v-slider-thumb {
25981
+ top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25982
+ }
25983
+ .v-slider.v-input--vertical .v-slider-thumb__label-container {
25984
+ top: calc(var(--v-slider-thumb-size) / 2);
25985
+ right: 0;
25986
+ }
25987
+ .v-slider.v-input--vertical .v-slider-thumb__label {
25988
+ top: -12.5px;
25989
+ left: calc(var(--v-slider-thumb-size) / 2);
25990
+ }
25991
+ .v-slider.v-input--vertical .v-slider-thumb__label::before {
25992
+ border-right: 6px solid currentColor;
25993
+ border-top: 6px solid transparent;
25994
+ border-bottom: 6px solid transparent;
25995
+ left: -6px;
25996
+ }
25997
+
25998
+ .v-slider-thumb--focused .v-slider-thumb__surface::before {
25999
+ transform: scale(2);
26000
+ opacity: var(--v-focus-opacity);
26001
+ }
26002
+
26003
+ .v-slider-thumb--pressed {
26004
+ transition: none;
26005
+ }
26006
+ .v-slider-thumb--pressed .v-slider-thumb__surface::before {
26007
+ opacity: var(--v-pressed-opacity);
26008
+ }
26009
+
26010
+ @media (hover: hover) {
26011
+ .v-slider-thumb:hover .v-slider-thumb__surface::before {
26012
+ transform: scale(2);
26013
+ }
26014
+ .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
26015
+ opacity: var(--v-hover-opacity);
26016
+ }
26017
26017
  }