@vuetify/nightly 3.5.9-dev.2024-03-17 → 3.5.9-dev.2024-03-26

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.5.9-dev.2024-03-17
2
+ * Vuetify v3.5.9-dev.2024-03-26
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17045,18 +17045,6 @@ html.overflow-y-hidden {
17045
17045
  .v-ripple__animation--out {
17046
17046
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
17047
17047
  opacity: 0;
17048
- }.v-app-bar {
17049
- display: flex;
17050
- }
17051
- .v-app-bar.v-toolbar {
17052
- background: rgb(var(--v-theme-surface));
17053
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17054
- }
17055
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17056
- 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));
17057
- }
17058
- .v-app-bar:not(.v-toolbar--absolute) {
17059
- padding-inline-end: var(--v-scrollbar-offset);
17060
17048
  }.v-application {
17061
17049
  display: flex;
17062
17050
  background: rgb(var(--v-theme-background));
@@ -17073,6 +17061,18 @@ html.overflow-y-hidden {
17073
17061
  min-height: 100vh;
17074
17062
  min-height: 100dvh;
17075
17063
  position: relative;
17064
+ }.v-app-bar {
17065
+ display: flex;
17066
+ }
17067
+ .v-app-bar.v-toolbar {
17068
+ background: rgb(var(--v-theme-surface));
17069
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17070
+ }
17071
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17072
+ 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));
17073
+ }
17074
+ .v-app-bar:not(.v-toolbar--absolute) {
17075
+ padding-inline-end: var(--v-scrollbar-offset);
17076
17076
  }.v-alert {
17077
17077
  display: grid;
17078
17078
  flex: 1 1;
@@ -18295,69 +18295,6 @@ html.overflow-y-hidden {
18295
18295
  .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18296
18296
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18297
18297
  }
18298
- }.v-carousel {
18299
- overflow: hidden;
18300
- position: relative;
18301
- width: 100%;
18302
- }
18303
- .v-carousel__controls {
18304
- align-items: center;
18305
- bottom: 0;
18306
- display: flex;
18307
- height: 50px;
18308
- justify-content: center;
18309
- list-style-type: none;
18310
- position: absolute;
18311
- width: 100%;
18312
- z-index: 1;
18313
- background: rgba(var(--v-theme-surface-variant), 0.3);
18314
- color: rgb(var(--v-theme-on-surface-variant));
18315
- }
18316
- .v-carousel__controls > .v-item-group {
18317
- flex: 0 1 auto;
18318
- }
18319
- .v-carousel__controls__item {
18320
- margin: 0 8px;
18321
- }
18322
- .v-carousel__controls__item .v-icon {
18323
- opacity: 0.5;
18324
- }
18325
- .v-carousel__controls__item--active .v-icon {
18326
- opacity: 1;
18327
- vertical-align: middle;
18328
- }
18329
- .v-carousel__controls__item:hover {
18330
- background: none;
18331
- }
18332
- .v-carousel__controls__item:hover .v-icon {
18333
- opacity: 0.8;
18334
- }
18335
-
18336
- .v-carousel__progress {
18337
- margin: 0;
18338
- position: absolute;
18339
- bottom: 0;
18340
- left: 0;
18341
- right: 0;
18342
- }
18343
-
18344
- .v-carousel-item {
18345
- display: block;
18346
- height: inherit;
18347
- text-decoration: none;
18348
- }
18349
- .v-carousel-item > .v-img {
18350
- height: inherit;
18351
- }
18352
-
18353
- .v-carousel--hide-delimiter-background .v-carousel__controls {
18354
- background: transparent;
18355
- }
18356
-
18357
- .v-carousel--vertical-delimiters .v-carousel__controls {
18358
- flex-direction: column;
18359
- height: 100% !important;
18360
- width: 50px;
18361
18298
  }.v-card {
18362
18299
  display: block;
18363
18300
  overflow: hidden;
@@ -18654,6 +18591,69 @@ html.overflow-y-hidden {
18654
18591
  pointer-events: none;
18655
18592
  opacity: 0;
18656
18593
  transition: opacity 0.2s ease-in-out;
18594
+ }.v-carousel {
18595
+ overflow: hidden;
18596
+ position: relative;
18597
+ width: 100%;
18598
+ }
18599
+ .v-carousel__controls {
18600
+ align-items: center;
18601
+ bottom: 0;
18602
+ display: flex;
18603
+ height: 50px;
18604
+ justify-content: center;
18605
+ list-style-type: none;
18606
+ position: absolute;
18607
+ width: 100%;
18608
+ z-index: 1;
18609
+ background: rgba(var(--v-theme-surface-variant), 0.3);
18610
+ color: rgb(var(--v-theme-on-surface-variant));
18611
+ }
18612
+ .v-carousel__controls > .v-item-group {
18613
+ flex: 0 1 auto;
18614
+ }
18615
+ .v-carousel__controls__item {
18616
+ margin: 0 8px;
18617
+ }
18618
+ .v-carousel__controls__item .v-icon {
18619
+ opacity: 0.5;
18620
+ }
18621
+ .v-carousel__controls__item--active .v-icon {
18622
+ opacity: 1;
18623
+ vertical-align: middle;
18624
+ }
18625
+ .v-carousel__controls__item:hover {
18626
+ background: none;
18627
+ }
18628
+ .v-carousel__controls__item:hover .v-icon {
18629
+ opacity: 0.8;
18630
+ }
18631
+
18632
+ .v-carousel__progress {
18633
+ margin: 0;
18634
+ position: absolute;
18635
+ bottom: 0;
18636
+ left: 0;
18637
+ right: 0;
18638
+ }
18639
+
18640
+ .v-carousel-item {
18641
+ display: block;
18642
+ height: inherit;
18643
+ text-decoration: none;
18644
+ }
18645
+ .v-carousel-item > .v-img {
18646
+ height: inherit;
18647
+ }
18648
+
18649
+ .v-carousel--hide-delimiter-background .v-carousel__controls {
18650
+ background: transparent;
18651
+ }
18652
+
18653
+ .v-carousel--vertical-delimiters .v-carousel__controls {
18654
+ flex-direction: column;
18655
+ height: 100% !important;
18656
+ width: 50px;
18657
18657
  }.v-checkbox.v-input {
18658
18658
  flex: 0 1 auto;
18659
18659
  }
@@ -20036,62 +20036,6 @@ html.overflow-y-hidden {
20036
20036
  }
20037
20037
  .v-date-picker--show-week {
20038
20038
  width: 368px;
20039
- }.v-date-picker-controls {
20040
- display: flex;
20041
- align-items: center;
20042
- justify-content: space-between;
20043
- font-size: 0.875rem;
20044
- padding-top: 4px;
20045
- padding-bottom: 4px;
20046
- padding-inline-start: 6px;
20047
- padding-inline-end: 12px;
20048
- }
20049
- .v-date-picker-controls > .v-btn:first-child {
20050
- text-transform: none;
20051
- font-weight: 400;
20052
- line-height: initial;
20053
- letter-spacing: initial;
20054
- }
20055
- .v-date-picker-controls--variant-classic {
20056
- padding-inline-start: 12px;
20057
- }
20058
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20059
- opacity: 0.7;
20060
- }
20061
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20062
- cursor: pointer;
20063
- }
20064
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20065
- opacity: 1;
20066
- }
20067
- .v-date-picker-controls .v-btn:last-child {
20068
- margin-inline-start: 4px;
20069
- }
20070
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20071
- transform: rotate(180deg);
20072
- }
20073
-
20074
- .v-date-picker-controls__date {
20075
- margin-inline-end: 4px;
20076
- }
20077
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20078
- margin: auto;
20079
- text-align: center;
20080
- }
20081
-
20082
- .v-date-picker-controls__month {
20083
- display: flex;
20084
- }
20085
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20086
- flex-direction: row-reverse;
20087
- }
20088
-
20089
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20090
- flex: 1 0 auto;
20091
- }
20092
-
20093
- .v-date-picker__title {
20094
- display: inline-block;
20095
20039
  }.v-date-picker-header {
20096
20040
  align-items: flex-end;
20097
20041
  height: 70px;
@@ -20152,33 +20096,89 @@ html.overflow-y-hidden {
20152
20096
  .date-picker-header-reverse-transition-leave-to {
20153
20097
  opacity: 0;
20154
20098
  transform: translate(0, 100%);
20155
- }.v-date-picker-month {
20099
+ }.v-date-picker-controls {
20156
20100
  display: flex;
20157
- justify-content: center;
20158
- padding: 0 12px 8px;
20159
- --v-date-picker-month-day-diff: 4px;
20101
+ align-items: center;
20102
+ justify-content: space-between;
20103
+ font-size: 0.875rem;
20104
+ padding-top: 4px;
20105
+ padding-bottom: 4px;
20106
+ padding-inline-start: 6px;
20107
+ padding-inline-end: 12px;
20160
20108
  }
20161
-
20162
- .v-date-picker-month__weeks {
20163
- display: grid;
20164
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20165
- column-gap: 4px;
20166
- font-size: 0.85rem;
20109
+ .v-date-picker-controls > .v-btn:first-child {
20110
+ text-transform: none;
20111
+ font-weight: 400;
20112
+ line-height: initial;
20113
+ letter-spacing: initial;
20167
20114
  }
20168
- .v-date-picker-month__weeks + .v-date-picker-month__days {
20169
- grid-row-gap: 0;
20115
+ .v-date-picker-controls--variant-classic {
20116
+ padding-inline-start: 12px;
20170
20117
  }
20171
-
20172
- .v-date-picker-month__weekday {
20173
- font-size: 0.85rem;
20118
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20119
+ opacity: 0.7;
20174
20120
  }
20175
-
20176
- .v-date-picker-month__days {
20177
- display: grid;
20178
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20179
- column-gap: 4px;
20180
- flex: 1 1;
20181
- justify-content: space-around;
20121
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20122
+ cursor: pointer;
20123
+ }
20124
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20125
+ opacity: 1;
20126
+ }
20127
+ .v-date-picker-controls .v-btn:last-child {
20128
+ margin-inline-start: 4px;
20129
+ }
20130
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20131
+ transform: rotate(180deg);
20132
+ }
20133
+
20134
+ .v-date-picker-controls__date {
20135
+ margin-inline-end: 4px;
20136
+ }
20137
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20138
+ margin: auto;
20139
+ text-align: center;
20140
+ }
20141
+
20142
+ .v-date-picker-controls__month {
20143
+ display: flex;
20144
+ }
20145
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20146
+ flex-direction: row-reverse;
20147
+ }
20148
+
20149
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20150
+ flex: 1 0 auto;
20151
+ }
20152
+
20153
+ .v-date-picker__title {
20154
+ display: inline-block;
20155
+ }.v-date-picker-month {
20156
+ display: flex;
20157
+ justify-content: center;
20158
+ padding: 0 12px 8px;
20159
+ --v-date-picker-month-day-diff: 4px;
20160
+ }
20161
+
20162
+ .v-date-picker-month__weeks {
20163
+ display: grid;
20164
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20165
+ column-gap: 4px;
20166
+ font-size: 0.85rem;
20167
+ }
20168
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
20169
+ grid-row-gap: 0;
20170
+ }
20171
+
20172
+ .v-date-picker-month__weekday {
20173
+ font-size: 0.85rem;
20174
+ }
20175
+
20176
+ .v-date-picker-month__days {
20177
+ display: grid;
20178
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20179
+ column-gap: 4px;
20180
+ flex: 1 1;
20181
+ justify-content: space-around;
20182
20182
  }
20183
20183
 
20184
20184
  .v-date-picker-month__day {
@@ -21136,27 +21136,7 @@ textarea.v-field__input::placeholder {
21136
21136
  opacity: 0;
21137
21137
  }
21138
21138
 
21139
- /* endregion */.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21140
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21141
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21142
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21143
- top: 0px;
21144
- }
21145
- .v-file-input input[type=file] {
21146
- height: 100%;
21147
- left: 0;
21148
- opacity: 0;
21149
- position: absolute;
21150
- top: 0;
21151
- width: 100%;
21152
- z-index: 1;
21153
- }
21154
- .v-file-input .v-input__details {
21155
- padding-inline: 16px;
21156
- }
21157
- .v-input--plain-underlined.v-file-input .v-input__details {
21158
- padding-inline: 0;
21159
- }.v-footer {
21139
+ /* endregion */.v-footer {
21160
21140
  align-items: center;
21161
21141
  display: flex;
21162
21142
  flex: 1 1 auto;
@@ -21184,6 +21164,26 @@ textarea.v-field__input::placeholder {
21184
21164
  }
21185
21165
  .v-footer--rounded {
21186
21166
  border-radius: 4px;
21167
+ }.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21168
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21169
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21170
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21171
+ top: 0px;
21172
+ }
21173
+ .v-file-input input[type=file] {
21174
+ height: 100%;
21175
+ left: 0;
21176
+ opacity: 0;
21177
+ position: absolute;
21178
+ top: 0;
21179
+ width: 100%;
21180
+ z-index: 1;
21181
+ }
21182
+ .v-file-input .v-input__details {
21183
+ padding-inline: 16px;
21184
+ }
21185
+ .v-input--plain-underlined.v-file-input .v-input__details {
21186
+ padding-inline: 0;
21187
21187
  }.v-icon {
21188
21188
  --v-icon-size-multiplier: 1;
21189
21189
  align-items: center;
@@ -22025,6 +22025,19 @@ textarea.v-field__input::placeholder {
22025
22025
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22026
22026
  }.v-locale-provider {
22027
22027
  display: contents;
22028
+ }.v-menu > .v-overlay__content {
22029
+ display: flex;
22030
+ flex-direction: column;
22031
+ border-radius: 4px;
22032
+ }
22033
+ .v-menu > .v-overlay__content > .v-card,
22034
+ .v-menu > .v-overlay__content > .v-sheet,
22035
+ .v-menu > .v-overlay__content > .v-list {
22036
+ background: rgb(var(--v-theme-surface));
22037
+ border-radius: inherit;
22038
+ overflow: auto;
22039
+ height: 100%;
22040
+ 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));
22028
22041
  }.v-main {
22029
22042
  flex: 1 0 auto;
22030
22043
  max-width: 100%;
@@ -22053,19 +22066,6 @@ textarea.v-field__input::placeholder {
22053
22066
  --v-layout-right: 0px;
22054
22067
  --v-layout-top: 0px;
22055
22068
  --v-layout-bottom: 0px;
22056
- }.v-menu > .v-overlay__content {
22057
- display: flex;
22058
- flex-direction: column;
22059
- border-radius: 4px;
22060
- }
22061
- .v-menu > .v-overlay__content > .v-card,
22062
- .v-menu > .v-overlay__content > .v-sheet,
22063
- .v-menu > .v-overlay__content > .v-list {
22064
- background: rgb(var(--v-theme-surface));
22065
- border-radius: inherit;
22066
- overflow: auto;
22067
- height: 100%;
22068
- 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));
22069
22069
  }.v-messages {
22070
22070
  flex: 1 1 auto;
22071
22071
  font-size: 12px;
@@ -23709,89 +23709,160 @@ html.v-overlay-scroll-blocked {
23709
23709
  top: 0;
23710
23710
  height: 100%;
23711
23711
  width: 2px;
23712
- }/* region BLOCK */
23713
- .v-text-field input {
23714
- color: inherit;
23715
- opacity: 0;
23716
- flex: 1;
23717
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
23718
- min-width: 0;
23719
- }
23720
- .v-text-field input:focus, .v-text-field input:active {
23721
- outline: none;
23712
+ }.v-table {
23713
+ background: rgb(var(--v-theme-surface));
23714
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
23715
+ font-size: 0.875rem;
23716
+ transition-duration: 0.28s;
23717
+ transition-property: box-shadow, opacity, background, height;
23718
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
23722
23719
  }
23723
- .v-text-field input:invalid {
23724
- box-shadow: none;
23720
+ .v-table .v-table-divider {
23721
+ border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23725
23722
  }
23726
- .v-text-field .v-field {
23727
- cursor: text;
23723
+ .v-table .v-table__wrapper > table > thead > tr > th {
23724
+ border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23728
23725
  }
23729
- .v-text-field--prefixed.v-text-field .v-field__input {
23730
- --v-field-padding-start: 6px;
23726
+ .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > td,
23727
+ .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > th {
23728
+ border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23731
23729
  }
23732
-
23733
- .v-text-field--suffixed.v-text-field .v-field__input {
23734
- --v-field-padding-end: 0;
23730
+ .v-table .v-table__wrapper > table > tfoot > tr > td,
23731
+ .v-table .v-table__wrapper > table > tfoot > tr > th {
23732
+ border-top: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23735
23733
  }
23736
-
23737
- .v-text-field .v-input__details {
23738
- padding-inline: 16px;
23734
+ .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr > td {
23735
+ position: relative;
23739
23736
  }
23740
- .v-input--plain-underlined.v-text-field .v-input__details {
23741
- padding-inline: 0;
23737
+ .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover > td::after {
23738
+ content: "";
23739
+ position: absolute;
23740
+ top: 0;
23741
+ left: 0;
23742
+ width: 100%;
23743
+ height: 100%;
23744
+ background: rgba(var(--v-border-color), var(--v-hover-opacity));
23745
+ pointer-events: none;
23742
23746
  }
23743
-
23744
- .v-text-field .v-field--no-label input,
23745
- .v-text-field .v-field--active input {
23746
- opacity: 1;
23747
+ .v-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
23748
+ background: rgb(var(--v-theme-surface));
23749
+ box-shadow: inset 0 -1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
23750
+ z-index: 1;
23747
23751
  }
23748
- .v-text-field .v-field--single-line input {
23749
- transition: none;
23752
+ .v-table.v-table--fixed-footer > tfoot > tr > th,
23753
+ .v-table.v-table--fixed-footer > tfoot > tr > td {
23754
+ background: rgb(var(--v-theme-surface));
23755
+ box-shadow: inset 0 1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
23750
23756
  }
23751
23757
 
23752
- /* endregion */
23753
- /* region ELEMENTS */
23754
- .v-text-field__prefix, .v-text-field__suffix {
23755
- align-items: center;
23756
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
23757
- cursor: default;
23758
+ .v-table {
23759
+ border-radius: inherit;
23760
+ line-height: 1.5;
23761
+ max-width: 100%;
23758
23762
  display: flex;
23759
- opacity: 0;
23760
- transition: inherit;
23761
- white-space: nowrap;
23762
- min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
23763
- padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
23764
- padding-bottom: var(--v-field-padding-bottom, 6px);
23763
+ flex-direction: column;
23765
23764
  }
23766
- .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
23767
- opacity: 1;
23765
+ .v-table > .v-table__wrapper > table {
23766
+ width: 100%;
23767
+ border-spacing: 0;
23768
23768
  }
23769
- .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
23770
- color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
23769
+ .v-table > .v-table__wrapper > table > tbody > tr > td,
23770
+ .v-table > .v-table__wrapper > table > tbody > tr > th,
23771
+ .v-table > .v-table__wrapper > table > thead > tr > td,
23772
+ .v-table > .v-table__wrapper > table > thead > tr > th,
23773
+ .v-table > .v-table__wrapper > table > tfoot > tr > td,
23774
+ .v-table > .v-table__wrapper > table > tfoot > tr > th {
23775
+ padding: 0 16px;
23776
+ transition-duration: 0.28s;
23777
+ transition-property: box-shadow, opacity, background, height;
23778
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
23771
23779
  }
23772
- .v-text-field__prefix {
23773
- padding-inline-start: var(--v-field-padding-start);
23780
+ .v-table > .v-table__wrapper > table > tbody > tr > td,
23781
+ .v-table > .v-table__wrapper > table > thead > tr > td,
23782
+ .v-table > .v-table__wrapper > table > tfoot > tr > td {
23783
+ height: var(--v-table-row-height);
23774
23784
  }
23775
- .v-text-field__suffix {
23776
- padding-inline-end: var(--v-field-padding-end);
23785
+ .v-table > .v-table__wrapper > table > tbody > tr > th,
23786
+ .v-table > .v-table__wrapper > table > thead > tr > th,
23787
+ .v-table > .v-table__wrapper > table > tfoot > tr > th {
23788
+ height: var(--v-table-header-height);
23789
+ font-weight: 500;
23790
+ -webkit-user-select: none;
23791
+ user-select: none;
23792
+ text-align: start;
23793
+ }
23794
+ .v-table--density-default {
23795
+ --v-table-header-height: 56px;
23796
+ --v-table-row-height: 52px;
23777
23797
  }
23778
23798
 
23779
- /* endregion */.v-textarea .v-field {
23780
- --v-textarea-control-height: var(--v-input-control-height);
23799
+ .v-table--density-comfortable {
23800
+ --v-table-header-height: 48px;
23801
+ --v-table-row-height: 44px;
23781
23802
  }
23782
- .v-textarea .v-field__field {
23783
- --v-input-control-height: var(--v-textarea-control-height);
23803
+
23804
+ .v-table--density-compact {
23805
+ --v-table-header-height: 40px;
23806
+ --v-table-row-height: 36px;
23784
23807
  }
23785
- .v-textarea .v-field__input {
23808
+
23809
+ .v-table__wrapper {
23810
+ border-radius: inherit;
23811
+ overflow: auto;
23786
23812
  flex: 1 1 auto;
23787
- outline: none;
23788
- -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
23789
- mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
23790
23813
  }
23791
- .v-textarea .v-field__input.v-textarea__sizer {
23792
- visibility: hidden;
23793
- position: absolute;
23794
- top: 0;
23814
+
23815
+ .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:first-child {
23816
+ border-top-left-radius: 0;
23817
+ }
23818
+ .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:last-child {
23819
+ border-top-right-radius: 0;
23820
+ }
23821
+
23822
+ .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:first-child {
23823
+ border-bottom-left-radius: 0;
23824
+ }
23825
+ .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:last-child {
23826
+ border-bottom-right-radius: 0;
23827
+ }
23828
+
23829
+ .v-table--fixed-height > .v-table__wrapper {
23830
+ overflow-y: auto;
23831
+ }
23832
+
23833
+ .v-table--fixed-header > .v-table__wrapper > table > thead {
23834
+ position: sticky;
23835
+ top: 0;
23836
+ z-index: 2;
23837
+ }
23838
+ .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
23839
+ border-bottom: 0px !important;
23840
+ }
23841
+
23842
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
23843
+ position: sticky;
23844
+ bottom: 0;
23845
+ z-index: 1;
23846
+ }
23847
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
23848
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
23849
+ border-top: 0px !important;
23850
+ }.v-textarea .v-field {
23851
+ --v-textarea-control-height: var(--v-input-control-height);
23852
+ }
23853
+ .v-textarea .v-field__field {
23854
+ --v-input-control-height: var(--v-textarea-control-height);
23855
+ }
23856
+ .v-textarea .v-field__input {
23857
+ flex: 1 1 auto;
23858
+ outline: none;
23859
+ -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
23860
+ mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
23861
+ }
23862
+ .v-textarea .v-field__input.v-textarea__sizer {
23863
+ visibility: hidden;
23864
+ position: absolute;
23865
+ top: 0;
23795
23866
  left: 0;
23796
23867
  height: 0 !important;
23797
23868
  min-height: 0 !important;
@@ -23815,7 +23886,74 @@ html.v-overlay-scroll-blocked {
23815
23886
  }
23816
23887
  .v-textarea textarea:invalid {
23817
23888
  box-shadow: none;
23818
- }.v-theme-provider {
23889
+ }/* region BLOCK */
23890
+ .v-text-field input {
23891
+ color: inherit;
23892
+ opacity: 0;
23893
+ flex: 1;
23894
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
23895
+ min-width: 0;
23896
+ }
23897
+ .v-text-field input:focus, .v-text-field input:active {
23898
+ outline: none;
23899
+ }
23900
+ .v-text-field input:invalid {
23901
+ box-shadow: none;
23902
+ }
23903
+ .v-text-field .v-field {
23904
+ cursor: text;
23905
+ }
23906
+ .v-text-field--prefixed.v-text-field .v-field__input {
23907
+ --v-field-padding-start: 6px;
23908
+ }
23909
+
23910
+ .v-text-field--suffixed.v-text-field .v-field__input {
23911
+ --v-field-padding-end: 0;
23912
+ }
23913
+
23914
+ .v-text-field .v-input__details {
23915
+ padding-inline: 16px;
23916
+ }
23917
+ .v-input--plain-underlined.v-text-field .v-input__details {
23918
+ padding-inline: 0;
23919
+ }
23920
+
23921
+ .v-text-field .v-field--no-label input,
23922
+ .v-text-field .v-field--active input {
23923
+ opacity: 1;
23924
+ }
23925
+ .v-text-field .v-field--single-line input {
23926
+ transition: none;
23927
+ }
23928
+
23929
+ /* endregion */
23930
+ /* region ELEMENTS */
23931
+ .v-text-field__prefix, .v-text-field__suffix {
23932
+ align-items: center;
23933
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
23934
+ cursor: default;
23935
+ display: flex;
23936
+ opacity: 0;
23937
+ transition: inherit;
23938
+ white-space: nowrap;
23939
+ min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
23940
+ padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
23941
+ padding-bottom: var(--v-field-padding-bottom, 6px);
23942
+ }
23943
+ .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
23944
+ opacity: 1;
23945
+ }
23946
+ .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
23947
+ color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
23948
+ }
23949
+ .v-text-field__prefix {
23950
+ padding-inline-start: var(--v-field-padding-start);
23951
+ }
23952
+ .v-text-field__suffix {
23953
+ padding-inline-end: var(--v-field-padding-end);
23954
+ }
23955
+
23956
+ /* endregion */.v-theme-provider {
23819
23957
  background: rgb(var(--v-theme-background));
23820
23958
  color: rgb(var(--v-theme-on-background));
23821
23959
  }.v-timeline .v-timeline-divider__dot {
@@ -24463,144 +24601,6 @@ html.v-overlay-scroll-blocked {
24463
24601
  }
24464
24602
  .v-window-y-reverse-transition-leave-to {
24465
24603
  transform: translateY(100%);
24466
- }.v-table {
24467
- background: rgb(var(--v-theme-surface));
24468
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24469
- font-size: 0.875rem;
24470
- transition-duration: 0.28s;
24471
- transition-property: box-shadow, opacity, background, height;
24472
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
24473
- }
24474
- .v-table .v-table-divider {
24475
- border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24476
- }
24477
- .v-table .v-table__wrapper > table > thead > tr > th {
24478
- border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24479
- }
24480
- .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > td,
24481
- .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > th {
24482
- border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24483
- }
24484
- .v-table .v-table__wrapper > table > tfoot > tr > td,
24485
- .v-table .v-table__wrapper > table > tfoot > tr > th {
24486
- border-top: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24487
- }
24488
- .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr > td {
24489
- position: relative;
24490
- }
24491
- .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover > td::after {
24492
- content: "";
24493
- position: absolute;
24494
- top: 0;
24495
- left: 0;
24496
- width: 100%;
24497
- height: 100%;
24498
- background: rgba(var(--v-border-color), var(--v-hover-opacity));
24499
- pointer-events: none;
24500
- }
24501
- .v-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
24502
- background: rgb(var(--v-theme-surface));
24503
- box-shadow: inset 0 -1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
24504
- z-index: 1;
24505
- }
24506
- .v-table.v-table--fixed-footer > tfoot > tr > th,
24507
- .v-table.v-table--fixed-footer > tfoot > tr > td {
24508
- background: rgb(var(--v-theme-surface));
24509
- box-shadow: inset 0 1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
24510
- }
24511
-
24512
- .v-table {
24513
- border-radius: inherit;
24514
- line-height: 1.5;
24515
- max-width: 100%;
24516
- display: flex;
24517
- flex-direction: column;
24518
- }
24519
- .v-table > .v-table__wrapper > table {
24520
- width: 100%;
24521
- border-spacing: 0;
24522
- }
24523
- .v-table > .v-table__wrapper > table > tbody > tr > td,
24524
- .v-table > .v-table__wrapper > table > tbody > tr > th,
24525
- .v-table > .v-table__wrapper > table > thead > tr > td,
24526
- .v-table > .v-table__wrapper > table > thead > tr > th,
24527
- .v-table > .v-table__wrapper > table > tfoot > tr > td,
24528
- .v-table > .v-table__wrapper > table > tfoot > tr > th {
24529
- padding: 0 16px;
24530
- transition-duration: 0.28s;
24531
- transition-property: box-shadow, opacity, background, height;
24532
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
24533
- }
24534
- .v-table > .v-table__wrapper > table > tbody > tr > td,
24535
- .v-table > .v-table__wrapper > table > thead > tr > td,
24536
- .v-table > .v-table__wrapper > table > tfoot > tr > td {
24537
- height: var(--v-table-row-height);
24538
- }
24539
- .v-table > .v-table__wrapper > table > tbody > tr > th,
24540
- .v-table > .v-table__wrapper > table > thead > tr > th,
24541
- .v-table > .v-table__wrapper > table > tfoot > tr > th {
24542
- height: var(--v-table-header-height);
24543
- font-weight: 500;
24544
- -webkit-user-select: none;
24545
- user-select: none;
24546
- text-align: start;
24547
- }
24548
- .v-table--density-default {
24549
- --v-table-header-height: 56px;
24550
- --v-table-row-height: 52px;
24551
- }
24552
-
24553
- .v-table--density-comfortable {
24554
- --v-table-header-height: 48px;
24555
- --v-table-row-height: 44px;
24556
- }
24557
-
24558
- .v-table--density-compact {
24559
- --v-table-header-height: 40px;
24560
- --v-table-row-height: 36px;
24561
- }
24562
-
24563
- .v-table__wrapper {
24564
- border-radius: inherit;
24565
- overflow: auto;
24566
- flex: 1 1 auto;
24567
- }
24568
-
24569
- .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:first-child {
24570
- border-top-left-radius: 0;
24571
- }
24572
- .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:last-child {
24573
- border-top-right-radius: 0;
24574
- }
24575
-
24576
- .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:first-child {
24577
- border-bottom-left-radius: 0;
24578
- }
24579
- .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:last-child {
24580
- border-bottom-right-radius: 0;
24581
- }
24582
-
24583
- .v-table--fixed-height > .v-table__wrapper {
24584
- overflow-y: auto;
24585
- }
24586
-
24587
- .v-table--fixed-header > .v-table__wrapper > table > thead {
24588
- position: sticky;
24589
- top: 0;
24590
- z-index: 2;
24591
- }
24592
- .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
24593
- border-bottom: 0px !important;
24594
- }
24595
-
24596
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
24597
- position: sticky;
24598
- bottom: 0;
24599
- z-index: 1;
24600
- }
24601
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24602
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24603
- border-top: 0px !important;
24604
24604
  }.v-color-picker-edit {
24605
24605
  display: flex;
24606
24606
  margin-top: 24px;
@@ -24651,41 +24651,6 @@ html.v-overlay-scroll-blocked {
24651
24651
  }
24652
24652
  .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
24653
24653
  will-change: transform;
24654
- }.v-color-picker-swatches {
24655
- overflow-y: auto;
24656
- }
24657
- .v-color-picker-swatches > div {
24658
- display: flex;
24659
- flex-wrap: wrap;
24660
- justify-content: center;
24661
- padding: 8px;
24662
- }
24663
-
24664
- .v-color-picker-swatches__swatch {
24665
- display: flex;
24666
- flex-direction: column;
24667
- margin-bottom: 10px;
24668
- }
24669
-
24670
- .v-color-picker-swatches__color {
24671
- position: relative;
24672
- height: 18px;
24673
- max-height: 18px;
24674
- width: 45px;
24675
- margin: 2px 4px;
24676
- border-radius: 2px;
24677
- -webkit-user-select: none;
24678
- user-select: none;
24679
- overflow: hidden;
24680
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
24681
- cursor: pointer;
24682
- }
24683
- .v-color-picker-swatches__color > div {
24684
- display: flex;
24685
- align-items: center;
24686
- justify-content: center;
24687
- width: 100%;
24688
- height: 100%;
24689
24654
  }.v-color-picker-preview__alpha .v-slider-track__background {
24690
24655
  background-color: transparent !important;
24691
24656
  }
@@ -24756,6 +24721,41 @@ html.v-overlay-scroll-blocked {
24756
24721
  .v-color-picker-preview__eye-dropper {
24757
24722
  position: relative;
24758
24723
  margin-right: 12px;
24724
+ }.v-color-picker-swatches {
24725
+ overflow-y: auto;
24726
+ }
24727
+ .v-color-picker-swatches > div {
24728
+ display: flex;
24729
+ flex-wrap: wrap;
24730
+ justify-content: center;
24731
+ padding: 8px;
24732
+ }
24733
+
24734
+ .v-color-picker-swatches__swatch {
24735
+ display: flex;
24736
+ flex-direction: column;
24737
+ margin-bottom: 10px;
24738
+ }
24739
+
24740
+ .v-color-picker-swatches__color {
24741
+ position: relative;
24742
+ height: 18px;
24743
+ max-height: 18px;
24744
+ width: 45px;
24745
+ margin: 2px 4px;
24746
+ border-radius: 2px;
24747
+ -webkit-user-select: none;
24748
+ user-select: none;
24749
+ overflow: hidden;
24750
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
24751
+ cursor: pointer;
24752
+ }
24753
+ .v-color-picker-swatches__color > div {
24754
+ display: flex;
24755
+ align-items: center;
24756
+ justify-content: center;
24757
+ width: 100%;
24758
+ height: 100%;
24759
24759
  }.v-picker.v-sheet {
24760
24760
  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));
24761
24761
  border-radius: 4px;
@@ -24807,6 +24807,160 @@ html.v-overlay-scroll-blocked {
24807
24807
  padding-bottom: 16px;
24808
24808
  font-weight: 400;
24809
24809
  letter-spacing: 0.1666666667em;
24810
+ }.v-slider-thumb {
24811
+ touch-action: none;
24812
+ color: rgb(var(--v-theme-surface-variant));
24813
+ }
24814
+ .v-input--error:not(.v-input--disabled) .v-slider-thumb {
24815
+ color: inherit;
24816
+ }
24817
+
24818
+ .v-slider-thumb__label {
24819
+ background: rgba(var(--v-theme-surface-variant), 0.7);
24820
+ color: rgb(var(--v-theme-on-surface-variant));
24821
+ }
24822
+ .v-slider-thumb__label::before {
24823
+ color: rgba(var(--v-theme-surface-variant), 0.7);
24824
+ }
24825
+
24826
+ .v-slider-thumb {
24827
+ outline: none;
24828
+ position: absolute;
24829
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
24830
+ }
24831
+
24832
+ .v-slider-thumb__surface {
24833
+ cursor: pointer;
24834
+ width: var(--v-slider-thumb-size);
24835
+ height: var(--v-slider-thumb-size);
24836
+ border-radius: 50%;
24837
+ -webkit-user-select: none;
24838
+ user-select: none;
24839
+ background-color: currentColor;
24840
+ }
24841
+ .v-slider-thumb__surface::before {
24842
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
24843
+ content: "";
24844
+ color: inherit;
24845
+ top: 0;
24846
+ left: 0;
24847
+ width: 100%;
24848
+ height: 100%;
24849
+ border-radius: 50%;
24850
+ background: currentColor;
24851
+ position: absolute;
24852
+ pointer-events: none;
24853
+ opacity: 0;
24854
+ }
24855
+ .v-slider-thumb__surface::after {
24856
+ content: "";
24857
+ width: 42px;
24858
+ height: 42px;
24859
+ position: absolute;
24860
+ top: 50%;
24861
+ left: 50%;
24862
+ transform: translate(-50%, -50%);
24863
+ }
24864
+
24865
+ .v-slider-thumb__label-container {
24866
+ position: absolute;
24867
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
24868
+ }
24869
+
24870
+ .v-slider-thumb__label {
24871
+ display: flex;
24872
+ align-items: center;
24873
+ justify-content: center;
24874
+ font-size: 0.75rem;
24875
+ min-width: 35px;
24876
+ height: 25px;
24877
+ border-radius: 4px;
24878
+ padding: 6px;
24879
+ position: absolute;
24880
+ -webkit-user-select: none;
24881
+ user-select: none;
24882
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
24883
+ }
24884
+ .v-slider-thumb__label::before {
24885
+ content: "";
24886
+ width: 0;
24887
+ height: 0;
24888
+ position: absolute;
24889
+ }
24890
+
24891
+ .v-slider-thumb__ripple {
24892
+ position: absolute;
24893
+ left: calc(var(--v-slider-thumb-size) / -2);
24894
+ top: calc(var(--v-slider-thumb-size) / -2);
24895
+ width: calc(var(--v-slider-thumb-size) * 2);
24896
+ height: calc(var(--v-slider-thumb-size) * 2);
24897
+ background: inherit;
24898
+ }
24899
+
24900
+ .v-slider.v-input--horizontal .v-slider-thumb {
24901
+ top: 50%;
24902
+ transform: translateY(-50%);
24903
+ inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
24904
+ }
24905
+ .v-slider.v-input--horizontal .v-slider-thumb__label-container {
24906
+ left: calc(var(--v-slider-thumb-size) / 2);
24907
+ top: 0;
24908
+ }
24909
+ .v-slider.v-input--horizontal .v-slider-thumb__label {
24910
+ bottom: calc(var(--v-slider-thumb-size) / 2);
24911
+ }
24912
+ .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 {
24913
+ transform: translateX(-50%);
24914
+ }
24915
+
24916
+ .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 {
24917
+ transform: translateX(50%);
24918
+ }
24919
+
24920
+ .v-slider.v-input--horizontal .v-slider-thumb__label::before {
24921
+ border-left: 6px solid transparent;
24922
+ border-right: 6px solid transparent;
24923
+ border-top: 6px solid currentColor;
24924
+ bottom: -6px;
24925
+ }
24926
+
24927
+ .v-slider.v-input--vertical .v-slider-thumb {
24928
+ top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
24929
+ }
24930
+ .v-slider.v-input--vertical .v-slider-thumb__label-container {
24931
+ top: calc(var(--v-slider-thumb-size) / 2);
24932
+ right: 0;
24933
+ }
24934
+ .v-slider.v-input--vertical .v-slider-thumb__label {
24935
+ top: -12.5px;
24936
+ left: calc(var(--v-slider-thumb-size) / 2);
24937
+ }
24938
+ .v-slider.v-input--vertical .v-slider-thumb__label::before {
24939
+ border-right: 6px solid currentColor;
24940
+ border-top: 6px solid transparent;
24941
+ border-bottom: 6px solid transparent;
24942
+ left: -6px;
24943
+ }
24944
+
24945
+ .v-slider-thumb--focused .v-slider-thumb__surface::before {
24946
+ transform: scale(2);
24947
+ opacity: var(--v-focus-opacity);
24948
+ }
24949
+
24950
+ .v-slider-thumb--pressed {
24951
+ transition: none;
24952
+ }
24953
+ .v-slider-thumb--pressed .v-slider-thumb__surface::before {
24954
+ opacity: var(--v-pressed-opacity);
24955
+ }
24956
+
24957
+ @media (hover: hover) {
24958
+ .v-slider-thumb:hover .v-slider-thumb__surface::before {
24959
+ transform: scale(2);
24960
+ }
24961
+ .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
24962
+ opacity: var(--v-hover-opacity);
24963
+ }
24810
24964
  }.v-slider-track__background {
24811
24965
  background-color: rgb(var(--v-theme-surface-variant));
24812
24966
  }
@@ -24970,158 +25124,4 @@ html.v-overlay-scroll-blocked {
24970
25124
 
24971
25125
  .v-slider-track__background--opacity {
24972
25126
  opacity: 0.38;
24973
- }.v-slider-thumb {
24974
- touch-action: none;
24975
- color: rgb(var(--v-theme-surface-variant));
24976
- }
24977
- .v-input--error:not(.v-input--disabled) .v-slider-thumb {
24978
- color: inherit;
24979
- }
24980
-
24981
- .v-slider-thumb__label {
24982
- background: rgba(var(--v-theme-surface-variant), 0.7);
24983
- color: rgb(var(--v-theme-on-surface-variant));
24984
- }
24985
- .v-slider-thumb__label::before {
24986
- color: rgba(var(--v-theme-surface-variant), 0.7);
24987
- }
24988
-
24989
- .v-slider-thumb {
24990
- outline: none;
24991
- position: absolute;
24992
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
24993
- }
24994
-
24995
- .v-slider-thumb__surface {
24996
- cursor: pointer;
24997
- width: var(--v-slider-thumb-size);
24998
- height: var(--v-slider-thumb-size);
24999
- border-radius: 50%;
25000
- -webkit-user-select: none;
25001
- user-select: none;
25002
- background-color: currentColor;
25003
- }
25004
- .v-slider-thumb__surface::before {
25005
- transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25006
- content: "";
25007
- color: inherit;
25008
- top: 0;
25009
- left: 0;
25010
- width: 100%;
25011
- height: 100%;
25012
- border-radius: 50%;
25013
- background: currentColor;
25014
- position: absolute;
25015
- pointer-events: none;
25016
- opacity: 0;
25017
- }
25018
- .v-slider-thumb__surface::after {
25019
- content: "";
25020
- width: 42px;
25021
- height: 42px;
25022
- position: absolute;
25023
- top: 50%;
25024
- left: 50%;
25025
- transform: translate(-50%, -50%);
25026
- }
25027
-
25028
- .v-slider-thumb__label-container {
25029
- position: absolute;
25030
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25031
- }
25032
-
25033
- .v-slider-thumb__label {
25034
- display: flex;
25035
- align-items: center;
25036
- justify-content: center;
25037
- font-size: 0.75rem;
25038
- min-width: 35px;
25039
- height: 25px;
25040
- border-radius: 4px;
25041
- padding: 6px;
25042
- position: absolute;
25043
- -webkit-user-select: none;
25044
- user-select: none;
25045
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25046
- }
25047
- .v-slider-thumb__label::before {
25048
- content: "";
25049
- width: 0;
25050
- height: 0;
25051
- position: absolute;
25052
- }
25053
-
25054
- .v-slider-thumb__ripple {
25055
- position: absolute;
25056
- left: calc(var(--v-slider-thumb-size) / -2);
25057
- top: calc(var(--v-slider-thumb-size) / -2);
25058
- width: calc(var(--v-slider-thumb-size) * 2);
25059
- height: calc(var(--v-slider-thumb-size) * 2);
25060
- background: inherit;
25061
- }
25062
-
25063
- .v-slider.v-input--horizontal .v-slider-thumb {
25064
- top: 50%;
25065
- transform: translateY(-50%);
25066
- inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25067
- }
25068
- .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25069
- left: calc(var(--v-slider-thumb-size) / 2);
25070
- top: 0;
25071
- }
25072
- .v-slider.v-input--horizontal .v-slider-thumb__label {
25073
- bottom: calc(var(--v-slider-thumb-size) / 2);
25074
- }
25075
- .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 {
25076
- transform: translateX(-50%);
25077
- }
25078
-
25079
- .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 {
25080
- transform: translateX(50%);
25081
- }
25082
-
25083
- .v-slider.v-input--horizontal .v-slider-thumb__label::before {
25084
- border-left: 6px solid transparent;
25085
- border-right: 6px solid transparent;
25086
- border-top: 6px solid currentColor;
25087
- bottom: -6px;
25088
- }
25089
-
25090
- .v-slider.v-input--vertical .v-slider-thumb {
25091
- top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25092
- }
25093
- .v-slider.v-input--vertical .v-slider-thumb__label-container {
25094
- top: calc(var(--v-slider-thumb-size) / 2);
25095
- right: 0;
25096
- }
25097
- .v-slider.v-input--vertical .v-slider-thumb__label {
25098
- top: -12.5px;
25099
- left: calc(var(--v-slider-thumb-size) / 2);
25100
- }
25101
- .v-slider.v-input--vertical .v-slider-thumb__label::before {
25102
- border-right: 6px solid currentColor;
25103
- border-top: 6px solid transparent;
25104
- border-bottom: 6px solid transparent;
25105
- left: -6px;
25106
- }
25107
-
25108
- .v-slider-thumb--focused .v-slider-thumb__surface::before {
25109
- transform: scale(2);
25110
- opacity: var(--v-focus-opacity);
25111
- }
25112
-
25113
- .v-slider-thumb--pressed {
25114
- transition: none;
25115
- }
25116
- .v-slider-thumb--pressed .v-slider-thumb__surface::before {
25117
- opacity: var(--v-pressed-opacity);
25118
- }
25119
-
25120
- @media (hover: hover) {
25121
- .v-slider-thumb:hover .v-slider-thumb__surface::before {
25122
- transform: scale(2);
25123
- }
25124
- .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
25125
- opacity: var(--v-hover-opacity);
25126
- }
25127
25127
  }