@vuetify/nightly 3.6.9-master.2024-06-15 → 3.6.10-master.2024-06-20

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.9-master.2024-06-15
2
+ * Vuetify v3.6.10-master.2024-06-20
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17456,6 +17456,18 @@ html.overflow-y-hidden {
17456
17456
  .v-ripple__animation--out {
17457
17457
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
17458
17458
  opacity: 0;
17459
+ }.v-app-bar {
17460
+ display: flex;
17461
+ }
17462
+ .v-app-bar.v-toolbar {
17463
+ background: rgb(var(--v-theme-surface));
17464
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17465
+ }
17466
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17467
+ 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));
17468
+ }
17469
+ .v-app-bar:not(.v-toolbar--absolute) {
17470
+ padding-inline-end: var(--v-scrollbar-offset);
17459
17471
  }.v-application {
17460
17472
  display: flex;
17461
17473
  background: rgb(var(--v-theme-background));
@@ -17472,18 +17484,6 @@ html.overflow-y-hidden {
17472
17484
  min-height: 100vh;
17473
17485
  min-height: 100dvh;
17474
17486
  position: relative;
17475
- }.v-app-bar {
17476
- display: flex;
17477
- }
17478
- .v-app-bar.v-toolbar {
17479
- background: rgb(var(--v-theme-surface));
17480
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17481
- }
17482
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17483
- 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));
17484
- }
17485
- .v-app-bar:not(.v-toolbar--absolute) {
17486
- padding-inline-end: var(--v-scrollbar-offset);
17487
17487
  }.v-alert {
17488
17488
  display: grid;
17489
17489
  flex: 1 1;
@@ -19031,6 +19031,11 @@ html.overflow-y-hidden {
19031
19031
  pointer-events: none;
19032
19032
  opacity: 0;
19033
19033
  transition: opacity 0.2s ease-in-out;
19034
+ }.v-checkbox.v-input {
19035
+ flex: 0 1 auto;
19036
+ }
19037
+ .v-checkbox .v-selection-control {
19038
+ min-height: var(--v-input-control-height);
19034
19039
  }.v-carousel {
19035
19040
  overflow: hidden;
19036
19041
  position: relative;
@@ -19094,11 +19099,6 @@ html.overflow-y-hidden {
19094
19099
  flex-direction: column;
19095
19100
  height: 100% !important;
19096
19101
  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
19102
  }.v-chip {
19103
19103
  align-items: center;
19104
19104
  display: inline-flex;
@@ -19529,26 +19529,6 @@ html.overflow-y-hidden {
19529
19529
  white-space: normal;
19530
19530
  flex-wrap: wrap;
19531
19531
  max-width: 100%;
19532
- }.v-color-picker {
19533
- align-self: flex-start;
19534
- contain: content;
19535
- }
19536
- .v-color-picker.v-sheet {
19537
- 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));
19538
- border-radius: 4px;
19539
- }
19540
-
19541
- .v-color-picker__controls {
19542
- display: flex;
19543
- flex-direction: column;
19544
- padding: 16px;
19545
- }
19546
-
19547
- .v-color-picker--flat {
19548
- 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));
19549
- }
19550
- .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
19551
- 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));
19552
19532
  }.v-combobox .v-field .v-text-field__prefix,
19553
19533
  .v-combobox .v-field .v-text-field__suffix,
19554
19534
  .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
@@ -19630,6 +19610,26 @@ html.overflow-y-hidden {
19630
19610
  .v-combobox--active-menu .v-combobox__menu-icon {
19631
19611
  opacity: var(--v-high-emphasis-opacity);
19632
19612
  transform: rotate(180deg);
19613
+ }.v-color-picker {
19614
+ align-self: flex-start;
19615
+ contain: content;
19616
+ }
19617
+ .v-color-picker.v-sheet {
19618
+ 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));
19619
+ border-radius: 4px;
19620
+ }
19621
+
19622
+ .v-color-picker__controls {
19623
+ display: flex;
19624
+ flex-direction: column;
19625
+ padding: 16px;
19626
+ }
19627
+
19628
+ .v-color-picker--flat {
19629
+ 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));
19630
+ }
19631
+ .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
19632
+ 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));
19633
19633
  }.v-counter {
19634
19634
  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
19635
19635
  flex: 0 1 auto;
@@ -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,62 +19975,25 @@ 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;
19978
+ }.v-date-picker-months {
19979
+ height: 288px;
19970
19980
  }
19971
19981
 
19972
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
19973
- flex: 1 0 auto;
19982
+ .v-date-picker-months__content {
19983
+ align-items: center;
19984
+ display: grid;
19985
+ flex: 1 1;
19986
+ height: inherit;
19987
+ 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;
19974
19992
  }
19975
-
19976
- .v-date-picker__title {
19977
- display: inline-block;
19993
+ .v-date-picker-months__content .v-btn {
19994
+ text-transform: none;
19995
+ padding-inline-start: 8px;
19996
+ padding-inline-end: 8px;
19978
19997
  }.v-date-picker-month {
19979
19998
  display: flex;
19980
19999
  justify-content: center;
@@ -20045,25 +20064,6 @@ html.overflow-y-hidden {
20045
20064
  }
20046
20065
  .v-date-picker-years__content .v-btn {
20047
20066
  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
20067
  }.v-dialog {
20068
20068
  align-items: center;
20069
20069
  justify-content: center;
@@ -21852,6 +21852,42 @@ textarea.v-field__input::placeholder {
21852
21852
  .offset-xxl-11 {
21853
21853
  margin-inline-start: 91.6666666667%;
21854
21854
  }
21855
+ }.v-img {
21856
+ --v-theme-overlay-multiplier: 3;
21857
+ z-index: 0;
21858
+ }
21859
+ .v-img--booting .v-responsive__sizer {
21860
+ transition: none;
21861
+ }
21862
+ .v-img--rounded {
21863
+ border-radius: 4px;
21864
+ }
21865
+
21866
+ .v-img__img,
21867
+ .v-img__picture,
21868
+ .v-img__gradient,
21869
+ .v-img__placeholder,
21870
+ .v-img__error {
21871
+ z-index: -1;
21872
+ position: absolute;
21873
+ top: 0;
21874
+ left: 0;
21875
+ width: 100%;
21876
+ height: 100%;
21877
+ }
21878
+
21879
+ .v-img__img--preload {
21880
+ filter: blur(4px);
21881
+ }
21882
+ .v-img__img--contain {
21883
+ object-fit: contain;
21884
+ }
21885
+ .v-img__img--cover {
21886
+ object-fit: cover;
21887
+ }
21888
+
21889
+ .v-img__gradient {
21890
+ background-repeat: no-repeat;
21855
21891
  }.v-icon {
21856
21892
  --v-icon-size-multiplier: 1;
21857
21893
  align-items: center;
@@ -21905,67 +21941,6 @@ textarea.v-field__input::placeholder {
21905
21941
 
21906
21942
  .v-icon--end {
21907
21943
  margin-inline-start: 8px;
21908
- }.v-img {
21909
- --v-theme-overlay-multiplier: 3;
21910
- z-index: 0;
21911
- }
21912
- .v-img--booting .v-responsive__sizer {
21913
- transition: none;
21914
- }
21915
- .v-img--rounded {
21916
- border-radius: 4px;
21917
- }
21918
-
21919
- .v-img__img,
21920
- .v-img__picture,
21921
- .v-img__gradient,
21922
- .v-img__placeholder,
21923
- .v-img__error {
21924
- z-index: -1;
21925
- position: absolute;
21926
- top: 0;
21927
- left: 0;
21928
- width: 100%;
21929
- height: 100%;
21930
- }
21931
-
21932
- .v-img__img--preload {
21933
- filter: blur(4px);
21934
- }
21935
- .v-img__img--contain {
21936
- object-fit: contain;
21937
- }
21938
- .v-img__img--cover {
21939
- object-fit: cover;
21940
- }
21941
-
21942
- .v-img__gradient {
21943
- background-repeat: no-repeat;
21944
- }.v-infinite-scroll--horizontal {
21945
- display: flex;
21946
- flex-direction: row;
21947
- overflow-x: auto;
21948
- }
21949
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21950
- height: 100%;
21951
- width: 1px;
21952
- }
21953
-
21954
- .v-infinite-scroll--vertical {
21955
- display: flex;
21956
- flex-direction: column;
21957
- overflow-y: auto;
21958
- }
21959
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21960
- height: 1px;
21961
- width: 100%;
21962
- }
21963
-
21964
- .v-infinite-scroll__side {
21965
- align-items: center;
21966
- display: flex;
21967
- justify-content: center;
21968
- padding: 8px;
21969
21944
  }.v-input {
21970
21945
  display: grid;
21971
21946
  flex: 1 1 auto;
@@ -22108,6 +22083,36 @@ textarea.v-field__input::placeholder {
22108
22083
 
22109
22084
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
22110
22085
  padding-top: calc(var(--v-input-padding-top) + 0px);
22086
+ }.v-infinite-scroll--horizontal {
22087
+ display: flex;
22088
+ flex-direction: row;
22089
+ overflow-x: auto;
22090
+ }
22091
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
22092
+ height: 100%;
22093
+ width: 1px;
22094
+ }
22095
+
22096
+ .v-infinite-scroll--vertical {
22097
+ display: flex;
22098
+ flex-direction: column;
22099
+ overflow-y: auto;
22100
+ }
22101
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
22102
+ height: 1px;
22103
+ width: 100%;
22104
+ }
22105
+
22106
+ .v-infinite-scroll__side {
22107
+ align-items: center;
22108
+ display: flex;
22109
+ justify-content: center;
22110
+ padding: 8px;
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);
22111
22116
  }.v-label {
22112
22117
  align-items: center;
22113
22118
  color: inherit;
@@ -22123,18 +22128,6 @@ textarea.v-field__input::placeholder {
22123
22128
 
22124
22129
  .v-label--clickable {
22125
22130
  cursor: pointer;
22126
- }.v-item-group {
22127
- flex: 0 1 auto;
22128
- max-width: 100%;
22129
- position: relative;
22130
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
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;
@@ -22861,6 +22861,62 @@ textarea.v-field__input::placeholder {
22861
22861
  .v-navigation-drawer__append {
22862
22862
  flex: none;
22863
22863
  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%;
22874
+ }
22875
+
22876
+ .v-otp-input__divider {
22877
+ margin: 0 8px;
22878
+ }
22879
+
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;
22889
+ 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;
22864
22920
  }.v-overlay-container {
22865
22921
  contain: layout;
22866
22922
  left: 0;
@@ -22924,76 +22980,20 @@ html.v-overlay-scroll-blocked {
22924
22980
 
22925
22981
  .v-overlay--scroll-blocked {
22926
22982
  padding-inline-end: var(--v-scrollbar-offset);
22927
- }.v-otp-input {
22928
- border-radius: 4px;
22929
- align-items: center;
22930
- display: flex;
22931
- justify-content: center;
22932
- padding: 0.5rem 0;
22933
- position: relative;
22934
- }
22935
- .v-otp-input .v-field {
22936
- height: 100%;
22937
- }
22938
-
22939
- .v-otp-input__divider {
22940
- margin: 0 8px;
22941
- }
22942
-
22943
- .v-otp-input__content {
22944
- align-items: center;
22945
- display: flex;
22946
- gap: 0.5rem;
22947
- height: 64px;
22948
- padding: 0.5rem;
22949
- justify-content: center;
22950
- max-width: 320px;
22951
- position: relative;
22952
- border-radius: inherit;
22953
- }
22954
- .v-otp-input--divided .v-otp-input__content {
22955
- max-width: 360px;
22956
- }
22957
-
22958
- .v-otp-input__field {
22959
- color: inherit;
22960
- font-size: 1.25rem;
22961
- height: 100%;
22962
- outline: none;
22963
- text-align: center;
22964
- width: 100%;
22965
- }
22966
- .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
22967
- -webkit-appearance: none;
22968
- margin: 0;
22969
- }
22970
- .v-otp-input__field[type=number] {
22971
- -moz-appearance: textfield;
22972
- }
22973
-
22974
- .v-otp-input__loader {
22975
- align-items: center;
22976
- display: flex;
22977
- height: 100%;
22983
+ }.v-pagination__list {
22984
+ display: inline-flex;
22985
+ list-style-type: none;
22978
22986
  justify-content: center;
22979
22987
  width: 100%;
22980
22988
  }
22981
- .v-otp-input__loader .v-progress-linear {
22982
- position: absolute;
22989
+ .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
22990
+ margin: 0.3rem;
22983
22991
  }.v-parallax {
22984
22992
  position: relative;
22985
22993
  overflow: hidden;
22986
22994
  }
22987
22995
  .v-parallax--active > .v-img__img {
22988
22996
  will-change: transform;
22989
- }.v-pagination__list {
22990
- display: inline-flex;
22991
- list-style-type: none;
22992
- justify-content: center;
22993
- width: 100%;
22994
- }
22995
- .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
22996
- margin: 0.3rem;
22997
22997
  }.v-progress-linear {
22998
22998
  background: transparent;
22999
22999
  overflow: hidden;
@@ -23319,41 +23319,15 @@ html.v-overlay-scroll-blocked {
23319
23319
  }
23320
23320
  .v-radio-group .v-input__details {
23321
23321
  padding-inline: 16px;
23322
- }.v-responsive {
23323
- display: flex;
23324
- flex: 1 0 auto;
23325
- max-height: 100%;
23326
- max-width: 100%;
23327
- overflow: hidden;
23328
- position: relative;
23322
+ }.v-slider .v-slider__container input {
23323
+ cursor: default;
23324
+ padding: 0;
23325
+ width: 100%;
23326
+ display: none;
23329
23327
  }
23330
- .v-responsive--inline {
23331
- display: inline-flex;
23332
- flex: 0 0 auto;
23333
- }
23334
-
23335
- .v-responsive__content {
23336
- flex: 1 0 0px;
23337
- max-width: 100%;
23338
- }
23339
-
23340
- .v-responsive__sizer ~ .v-responsive__content {
23341
- margin-inline-start: -100%;
23342
- }
23343
-
23344
- .v-responsive__sizer {
23345
- flex: 1 0 0px;
23346
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23347
- pointer-events: none;
23348
- }.v-slider .v-slider__container input {
23349
- cursor: default;
23350
- padding: 0;
23351
- width: 100%;
23352
- display: none;
23353
- }
23354
- .v-slider > .v-input__append,
23355
- .v-slider > .v-input__prepend {
23356
- padding: 0;
23328
+ .v-slider > .v-input__append,
23329
+ .v-slider > .v-input__prepend {
23330
+ padding: 0;
23357
23331
  }
23358
23332
 
23359
23333
  .v-slider__container {
@@ -23402,6 +23376,134 @@ html.v-overlay-scroll-blocked {
23402
23376
 
23403
23377
  .v-slider__label {
23404
23378
  margin-inline-end: 12px;
23379
+ }.v-rating {
23380
+ max-width: 100%;
23381
+ display: inline-flex;
23382
+ white-space: nowrap;
23383
+ }
23384
+ .v-rating--readonly {
23385
+ pointer-events: none;
23386
+ }
23387
+
23388
+ .v-rating__wrapper {
23389
+ align-items: center;
23390
+ display: inline-flex;
23391
+ flex-direction: column;
23392
+ }
23393
+ .v-rating__wrapper--bottom {
23394
+ flex-direction: column-reverse;
23395
+ }
23396
+
23397
+ .v-rating__item {
23398
+ display: inline-flex;
23399
+ position: relative;
23400
+ }
23401
+ .v-rating__item label {
23402
+ cursor: pointer;
23403
+ }
23404
+ .v-rating__item .v-btn--variant-plain {
23405
+ opacity: 1;
23406
+ }
23407
+ .v-rating__item .v-btn {
23408
+ transition-property: transform;
23409
+ }
23410
+ .v-rating__item .v-btn .v-icon {
23411
+ transition: inherit;
23412
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
23413
+ }
23414
+ .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
23415
+ transform: scale(1.25);
23416
+ }
23417
+ .v-rating__item--half {
23418
+ overflow: hidden;
23419
+ position: absolute;
23420
+ -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23421
+ clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23422
+ z-index: 1;
23423
+ }
23424
+ .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
23425
+ opacity: 0;
23426
+ }
23427
+
23428
+ .v-rating__hidden {
23429
+ height: 0;
23430
+ opacity: 0;
23431
+ position: absolute;
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;
23459
+ }.v-select .v-field .v-text-field__prefix,
23460
+ .v-select .v-field .v-text-field__suffix,
23461
+ .v-select .v-field .v-field__input, .v-select .v-field.v-field {
23462
+ cursor: pointer;
23463
+ }
23464
+ .v-select .v-field .v-field__input > input {
23465
+ align-self: flex-start;
23466
+ opacity: 1;
23467
+ flex: 0 0;
23468
+ position: absolute;
23469
+ width: 100%;
23470
+ transition: none;
23471
+ pointer-events: none;
23472
+ caret-color: transparent;
23473
+ }
23474
+ .v-select .v-field--dirty .v-select__selection {
23475
+ margin-inline-end: 2px;
23476
+ }
23477
+ .v-select .v-select__selection-text {
23478
+ overflow: hidden;
23479
+ text-overflow: ellipsis;
23480
+ white-space: nowrap;
23481
+ }
23482
+ .v-select__content {
23483
+ overflow: hidden;
23484
+ 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));
23485
+ border-radius: 4px;
23486
+ }
23487
+ .v-select__selection {
23488
+ display: inline-flex;
23489
+ align-items: center;
23490
+ letter-spacing: inherit;
23491
+ line-height: inherit;
23492
+ max-width: 100%;
23493
+ }
23494
+ .v-select .v-select__selection:first-child {
23495
+ margin-inline-start: 0;
23496
+ }
23497
+ .v-select--selected .v-field .v-field__input > input {
23498
+ opacity: 0;
23499
+ }
23500
+ .v-select__menu-icon {
23501
+ margin-inline-start: 4px;
23502
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23503
+ }
23504
+ .v-select--active-menu .v-select__menu-icon {
23505
+ opacity: var(--v-high-emphasis-opacity);
23506
+ transform: rotate(180deg);
23405
23507
  }.v-selection-control {
23406
23508
  align-items: center;
23407
23509
  contain: layout;
@@ -23503,54 +23605,6 @@ html.v-overlay-scroll-blocked {
23503
23605
  }
23504
23606
  .v-selection-control--focus-visible .v-selection-control__input::before {
23505
23607
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
23506
- }.v-select .v-field .v-text-field__prefix,
23507
- .v-select .v-field .v-text-field__suffix,
23508
- .v-select .v-field .v-field__input, .v-select .v-field.v-field {
23509
- cursor: pointer;
23510
- }
23511
- .v-select .v-field .v-field__input > input {
23512
- align-self: flex-start;
23513
- opacity: 1;
23514
- flex: 0 0;
23515
- position: absolute;
23516
- width: 100%;
23517
- transition: none;
23518
- pointer-events: none;
23519
- caret-color: transparent;
23520
- }
23521
- .v-select .v-field--dirty .v-select__selection {
23522
- margin-inline-end: 2px;
23523
- }
23524
- .v-select .v-select__selection-text {
23525
- overflow: hidden;
23526
- text-overflow: ellipsis;
23527
- white-space: nowrap;
23528
- }
23529
- .v-select__content {
23530
- overflow: hidden;
23531
- 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));
23532
- border-radius: 4px;
23533
- }
23534
- .v-select__selection {
23535
- display: inline-flex;
23536
- align-items: center;
23537
- letter-spacing: inherit;
23538
- line-height: inherit;
23539
- max-width: 100%;
23540
- }
23541
- .v-select .v-select__selection:first-child {
23542
- margin-inline-start: 0;
23543
- }
23544
- .v-select--selected .v-field .v-field__input > input {
23545
- opacity: 0;
23546
- }
23547
- .v-select__menu-icon {
23548
- margin-inline-start: 4px;
23549
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23550
- }
23551
- .v-select--active-menu .v-select__menu-icon {
23552
- opacity: var(--v-high-emphasis-opacity);
23553
- transform: rotate(180deg);
23554
23608
  }.v-selection-control-group {
23555
23609
  grid-area: control;
23556
23610
  display: flex;
@@ -24003,47 +24057,6 @@ html.v-overlay-scroll-blocked {
24003
24057
  }
24004
24058
  .v-snackbar-transition-leave-to {
24005
24059
  opacity: 0;
24006
- }.v-speed-dial__content {
24007
- gap: 8px;
24008
- }
24009
- .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 {
24010
- flex-direction: row;
24011
- }
24012
- .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 {
24013
- flex-direction: row-reverse;
24014
- }
24015
- .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 {
24016
- flex-direction: column-reverse;
24017
- }
24018
- .v-speed-dial__content > *:nth-child(1) {
24019
- transition-delay: 0s;
24020
- }
24021
- .v-speed-dial__content > *:nth-child(2) {
24022
- transition-delay: 0.05s;
24023
- }
24024
- .v-speed-dial__content > *:nth-child(3) {
24025
- transition-delay: 0.1s;
24026
- }
24027
- .v-speed-dial__content > *:nth-child(4) {
24028
- transition-delay: 0.15s;
24029
- }
24030
- .v-speed-dial__content > *:nth-child(5) {
24031
- transition-delay: 0.2s;
24032
- }
24033
- .v-speed-dial__content > *:nth-child(6) {
24034
- transition-delay: 0.25s;
24035
- }
24036
- .v-speed-dial__content > *:nth-child(7) {
24037
- transition-delay: 0.3s;
24038
- }
24039
- .v-speed-dial__content > *:nth-child(8) {
24040
- transition-delay: 0.35s;
24041
- }
24042
- .v-speed-dial__content > *:nth-child(9) {
24043
- transition-delay: 0.4s;
24044
- }
24045
- .v-speed-dial__content > *:nth-child(10) {
24046
- transition-delay: 0.45s;
24047
24060
  }.v-stepper.v-sheet {
24048
24061
  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));
24049
24062
  border-radius: 4px;
@@ -24210,43 +24223,47 @@ html.v-overlay-scroll-blocked {
24210
24223
  width: 100%;
24211
24224
  height: 100%;
24212
24225
  pointer-events: none;
24213
- }.v-system-bar {
24214
- align-items: center;
24215
- display: flex;
24216
- flex: 1 1 auto;
24217
- height: 24px;
24218
- justify-content: flex-end;
24219
- max-width: 100%;
24220
- padding-inline: 8px;
24221
- position: relative;
24222
- text-align: end;
24223
- width: 100%;
24224
- 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));
24225
- background: rgba(var(--v-theme-surface-light));
24226
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24227
- font-size: 0.75rem;
24228
- font-weight: 400;
24229
- letter-spacing: 0.0333333333em;
24230
- line-height: 1.667;
24231
- text-transform: none;
24226
+ }.v-speed-dial__content {
24227
+ gap: 8px;
24232
24228
  }
24233
- .v-system-bar .v-icon {
24234
- opacity: var(--v-medium-emphasis-opacity);
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;
24235
24231
  }
24236
- .v-system-bar--absolute {
24237
- position: absolute;
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;
24238
24234
  }
24239
- .v-system-bar--fixed {
24240
- position: fixed;
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;
24241
24237
  }
24242
- .v-system-bar--rounded {
24243
- border-radius: 0;
24238
+ .v-speed-dial__content > *:nth-child(1) {
24239
+ transition-delay: 0s;
24244
24240
  }
24245
- .v-system-bar--window {
24246
- height: 32px;
24241
+ .v-speed-dial__content > *:nth-child(2) {
24242
+ transition-delay: 0.05s;
24247
24243
  }
24248
- .v-system-bar:not(.v-system-bar--absolute) {
24249
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24244
+ .v-speed-dial__content > *:nth-child(3) {
24245
+ transition-delay: 0.1s;
24246
+ }
24247
+ .v-speed-dial__content > *:nth-child(4) {
24248
+ transition-delay: 0.15s;
24249
+ }
24250
+ .v-speed-dial__content > *:nth-child(5) {
24251
+ transition-delay: 0.2s;
24252
+ }
24253
+ .v-speed-dial__content > *:nth-child(6) {
24254
+ transition-delay: 0.25s;
24255
+ }
24256
+ .v-speed-dial__content > *:nth-child(7) {
24257
+ transition-delay: 0.3s;
24258
+ }
24259
+ .v-speed-dial__content > *:nth-child(8) {
24260
+ transition-delay: 0.35s;
24261
+ }
24262
+ .v-speed-dial__content > *:nth-child(9) {
24263
+ transition-delay: 0.4s;
24264
+ }
24265
+ .v-speed-dial__content > *:nth-child(10) {
24266
+ transition-delay: 0.45s;
24250
24267
  }.v-switch .v-label {
24251
24268
  padding-inline-start: 10px;
24252
24269
  }
@@ -24660,6 +24677,43 @@ html.v-overlay-scroll-blocked {
24660
24677
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24661
24678
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24662
24679
  border-top: 0px !important;
24680
+ }.v-system-bar {
24681
+ align-items: center;
24682
+ display: flex;
24683
+ flex: 1 1 auto;
24684
+ height: 24px;
24685
+ justify-content: flex-end;
24686
+ max-width: 100%;
24687
+ padding-inline: 8px;
24688
+ position: relative;
24689
+ text-align: end;
24690
+ width: 100%;
24691
+ 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));
24692
+ background: rgba(var(--v-theme-surface-light));
24693
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24694
+ font-size: 0.75rem;
24695
+ font-weight: 400;
24696
+ letter-spacing: 0.0333333333em;
24697
+ line-height: 1.667;
24698
+ text-transform: none;
24699
+ }
24700
+ .v-system-bar .v-icon {
24701
+ opacity: var(--v-medium-emphasis-opacity);
24702
+ }
24703
+ .v-system-bar--absolute {
24704
+ position: absolute;
24705
+ }
24706
+ .v-system-bar--fixed {
24707
+ position: fixed;
24708
+ }
24709
+ .v-system-bar--rounded {
24710
+ border-radius: 0;
24711
+ }
24712
+ .v-system-bar--window {
24713
+ height: 32px;
24714
+ }
24715
+ .v-system-bar:not(.v-system-bar--absolute) {
24716
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24663
24717
  }.v-textarea .v-field {
24664
24718
  --v-textarea-control-height: var(--v-input-control-height);
24665
24719
  }
@@ -25415,60 +25469,6 @@ html.v-overlay-scroll-blocked {
25415
25469
  }
25416
25470
  .v-window-y-reverse-transition-leave-to {
25417
25471
  transform: translateY(100%);
25418
- }.v-rating {
25419
- max-width: 100%;
25420
- display: inline-flex;
25421
- white-space: nowrap;
25422
- }
25423
- .v-rating--readonly {
25424
- pointer-events: none;
25425
- }
25426
-
25427
- .v-rating__wrapper {
25428
- align-items: center;
25429
- display: inline-flex;
25430
- flex-direction: column;
25431
- }
25432
- .v-rating__wrapper--bottom {
25433
- flex-direction: column-reverse;
25434
- }
25435
-
25436
- .v-rating__item {
25437
- display: inline-flex;
25438
- position: relative;
25439
- }
25440
- .v-rating__item label {
25441
- cursor: pointer;
25442
- }
25443
- .v-rating__item .v-btn--variant-plain {
25444
- opacity: 1;
25445
- }
25446
- .v-rating__item .v-btn {
25447
- transition-property: transform;
25448
- }
25449
- .v-rating__item .v-btn .v-icon {
25450
- transition: inherit;
25451
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25452
- }
25453
- .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
25454
- transform: scale(1.25);
25455
- }
25456
- .v-rating__item--half {
25457
- overflow: hidden;
25458
- position: absolute;
25459
- -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
25460
- clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
25461
- z-index: 1;
25462
- }
25463
- .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
25464
- opacity: 0;
25465
- }
25466
-
25467
- .v-rating__hidden {
25468
- height: 0;
25469
- opacity: 0;
25470
- position: absolute;
25471
- width: 0;
25472
25472
  }.v-color-picker-canvas {
25473
25473
  display: flex;
25474
25474
  position: relative;
@@ -25491,41 +25491,34 @@ 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 {
25494
+ }.v-color-picker-edit {
25498
25495
  display: flex;
25499
- flex-wrap: wrap;
25500
- justify-content: center;
25501
- padding: 8px;
25496
+ margin-top: 24px;
25502
25497
  }
25503
25498
 
25504
- .v-color-picker-swatches__swatch {
25499
+ .v-color-picker-edit__input {
25500
+ width: 100%;
25505
25501
  display: flex;
25506
- flex-direction: column;
25507
- margin-bottom: 10px;
25502
+ flex-wrap: wrap;
25503
+ justify-content: center;
25504
+ text-align: center;
25508
25505
  }
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;
25506
+ .v-color-picker-edit__input:not(:last-child) {
25507
+ margin-inline-end: 8px;
25522
25508
  }
25523
- .v-color-picker-swatches__color > div {
25524
- display: flex;
25525
- align-items: center;
25526
- justify-content: center;
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;
25527
25515
  width: 100%;
25528
- height: 100%;
25516
+ height: 32px;
25517
+ background: rgba(var(--v-theme-surface-variant), 0.2);
25518
+ color: rgba(var(--v-theme-on-surface));
25519
+ }
25520
+ .v-color-picker-edit__input span {
25521
+ font-size: 0.75rem;
25529
25522
  }.v-color-picker-preview__alpha .v-slider-track__background {
25530
25523
  background-color: transparent !important;
25531
25524
  }
@@ -25596,34 +25589,41 @@ html.v-overlay-scroll-blocked {
25596
25589
  .v-color-picker-preview__eye-dropper {
25597
25590
  position: relative;
25598
25591
  margin-right: 12px;
25599
- }.v-color-picker-edit {
25600
- display: flex;
25601
- margin-top: 24px;
25592
+ }.v-color-picker-swatches {
25593
+ overflow-y: auto;
25602
25594
  }
25603
-
25604
- .v-color-picker-edit__input {
25605
- width: 100%;
25595
+ .v-color-picker-swatches > div {
25606
25596
  display: flex;
25607
25597
  flex-wrap: wrap;
25608
25598
  justify-content: center;
25609
- text-align: center;
25599
+ padding: 8px;
25610
25600
  }
25611
- .v-color-picker-edit__input:not(:last-child) {
25612
- margin-inline-end: 8px;
25601
+
25602
+ .v-color-picker-swatches__swatch {
25603
+ display: flex;
25604
+ flex-direction: column;
25605
+ margin-bottom: 10px;
25613
25606
  }
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));
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;
25624
25620
  }
25625
- .v-color-picker-edit__input span {
25626
- font-size: 0.75rem;
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;
@@ -25677,22 +25677,181 @@ html.v-overlay-scroll-blocked {
25677
25677
  padding-bottom: 16px;
25678
25678
  font-weight: 400;
25679
25679
  letter-spacing: 0.1666666667em;
25680
- }.v-slider-track__background {
25681
- background-color: rgb(var(--v-theme-surface-variant));
25680
+ }.v-slider-thumb {
25681
+ touch-action: none;
25682
+ color: rgb(var(--v-theme-surface-variant));
25682
25683
  }
25683
- @media (forced-colors: active) {
25684
- .v-slider-track__background {
25685
- background-color: highlight;
25686
- }
25684
+ .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25685
+ color: inherit;
25687
25686
  }
25688
25687
 
25689
- .v-slider-track__fill {
25690
- background-color: rgb(var(--v-theme-surface-variant));
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
25691
  }
25692
- @media (forced-colors: active) {
25693
- .v-slider-track__fill {
25694
- background-color: highlight;
25695
- }
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));
25841
+ }
25842
+ @media (forced-colors: active) {
25843
+ .v-slider-track__background {
25844
+ background-color: highlight;
25845
+ }
25846
+ }
25847
+
25848
+ .v-slider-track__fill {
25849
+ background-color: rgb(var(--v-theme-surface-variant));
25850
+ }
25851
+ @media (forced-colors: active) {
25852
+ .v-slider-track__fill {
25853
+ background-color: highlight;
25854
+ }
25696
25855
  }
25697
25856
 
25698
25857
  .v-slider-track__tick {
@@ -25855,163 +26014,4 @@ html.v-overlay-scroll-blocked {
25855
26014
 
25856
26015
  .v-slider-track__background--opacity {
25857
26016
  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
  }