@vuetify/nightly 3.8.1-master.2025-04-16 → 3.8.2-master.2025-04-17

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.8.1-master.2025-04-16
2
+ * Vuetify v3.8.2-master.2025-04-17
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17985,6 +17985,18 @@ html.overflow-y-hidden {
17985
17985
  .v-ripple__animation--out {
17986
17986
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
17987
17987
  opacity: 0;
17988
+ }.v-app-bar {
17989
+ display: flex;
17990
+ }
17991
+ .v-app-bar.v-toolbar {
17992
+ background: rgb(var(--v-theme-surface));
17993
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17994
+ }
17995
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17996
+ 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));
17997
+ }
17998
+ .v-app-bar:not(.v-toolbar--absolute) {
17999
+ padding-inline-end: var(--v-scrollbar-offset);
17988
18000
  }.v-application {
17989
18001
  display: flex;
17990
18002
  background: rgb(var(--v-theme-background));
@@ -18001,90 +18013,6 @@ html.overflow-y-hidden {
18001
18013
  min-height: 100vh;
18002
18014
  min-height: 100dvh;
18003
18015
  position: relative;
18004
- }.v-autocomplete .v-field .v-text-field__prefix,
18005
- .v-autocomplete .v-field .v-text-field__suffix,
18006
- .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
18007
- cursor: text;
18008
- }
18009
- .v-autocomplete .v-field .v-field__input > input {
18010
- flex: 1 1;
18011
- }
18012
- .v-autocomplete .v-field input {
18013
- min-width: 64px;
18014
- }
18015
- .v-autocomplete .v-field:not(.v-field--focused) input {
18016
- min-width: 0;
18017
- }
18018
- .v-autocomplete .v-field--dirty .v-autocomplete__selection {
18019
- margin-inline-end: 2px;
18020
- }
18021
- .v-autocomplete .v-autocomplete__selection-text {
18022
- overflow: hidden;
18023
- text-overflow: ellipsis;
18024
- white-space: nowrap;
18025
- }
18026
-
18027
- .v-autocomplete__content {
18028
- overflow: hidden;
18029
- }
18030
- .v-autocomplete__content {
18031
- 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));
18032
- }
18033
- .v-autocomplete__content {
18034
- border-radius: 4px;
18035
- }
18036
- .v-autocomplete__mask {
18037
- background: rgb(var(--v-theme-surface-light));
18038
- }
18039
- .v-autocomplete__selection {
18040
- display: inline-flex;
18041
- align-items: center;
18042
- height: 1.5rem;
18043
- letter-spacing: inherit;
18044
- line-height: inherit;
18045
- max-width: calc(100% - 2px - 2px);
18046
- }
18047
- .v-autocomplete__selection:first-child {
18048
- margin-inline-start: 0;
18049
- }
18050
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
18051
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
18052
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
18053
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
18054
- top: 0px;
18055
- }
18056
- .v-autocomplete--selecting-index .v-autocomplete__selection {
18057
- opacity: var(--v-medium-emphasis-opacity);
18058
- }
18059
- .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
18060
- opacity: 1;
18061
- }
18062
- .v-autocomplete--selecting-index .v-field__input > input {
18063
- caret-color: transparent;
18064
- }
18065
- .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
18066
- flex: 1 1;
18067
- position: absolute;
18068
- left: 0;
18069
- right: 0;
18070
- width: 100%;
18071
- padding-inline: inherit;
18072
- }
18073
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
18074
- transition: none;
18075
- }
18076
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
18077
- opacity: 0;
18078
- }
18079
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
18080
- opacity: 0;
18081
- }
18082
- .v-autocomplete__menu-icon {
18083
- margin-inline-start: 4px;
18084
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18085
- }
18086
- .v-autocomplete--active-menu .v-autocomplete__menu-icon {
18087
- transform: rotate(180deg);
18088
18016
  }.v-alert {
18089
18017
  display: grid;
18090
18018
  flex: 1 1;
@@ -18301,18 +18229,90 @@ html.overflow-y-hidden {
18301
18229
  text-transform: none;
18302
18230
  word-break: normal;
18303
18231
  word-wrap: break-word;
18304
- }.v-app-bar {
18305
- display: flex;
18232
+ }.v-autocomplete .v-field .v-text-field__prefix,
18233
+ .v-autocomplete .v-field .v-text-field__suffix,
18234
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
18235
+ cursor: text;
18306
18236
  }
18307
- .v-app-bar.v-toolbar {
18308
- background: rgb(var(--v-theme-surface));
18309
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18237
+ .v-autocomplete .v-field .v-field__input > input {
18238
+ flex: 1 1;
18310
18239
  }
18311
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
18240
+ .v-autocomplete .v-field input {
18241
+ min-width: 64px;
18242
+ }
18243
+ .v-autocomplete .v-field:not(.v-field--focused) input {
18244
+ min-width: 0;
18245
+ }
18246
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
18247
+ margin-inline-end: 2px;
18248
+ }
18249
+ .v-autocomplete .v-autocomplete__selection-text {
18250
+ overflow: hidden;
18251
+ text-overflow: ellipsis;
18252
+ white-space: nowrap;
18253
+ }
18254
+
18255
+ .v-autocomplete__content {
18256
+ overflow: hidden;
18257
+ }
18258
+ .v-autocomplete__content {
18312
18259
  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));
18313
18260
  }
18314
- .v-app-bar:not(.v-toolbar--absolute) {
18315
- padding-inline-end: var(--v-scrollbar-offset);
18261
+ .v-autocomplete__content {
18262
+ border-radius: 4px;
18263
+ }
18264
+ .v-autocomplete__mask {
18265
+ background: rgb(var(--v-theme-surface-light));
18266
+ }
18267
+ .v-autocomplete__selection {
18268
+ display: inline-flex;
18269
+ align-items: center;
18270
+ height: 1.5rem;
18271
+ letter-spacing: inherit;
18272
+ line-height: inherit;
18273
+ max-width: calc(100% - 2px - 2px);
18274
+ }
18275
+ .v-autocomplete__selection:first-child {
18276
+ margin-inline-start: 0;
18277
+ }
18278
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
18279
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
18280
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
18281
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
18282
+ top: 0px;
18283
+ }
18284
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
18285
+ opacity: var(--v-medium-emphasis-opacity);
18286
+ }
18287
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
18288
+ opacity: 1;
18289
+ }
18290
+ .v-autocomplete--selecting-index .v-field__input > input {
18291
+ caret-color: transparent;
18292
+ }
18293
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
18294
+ flex: 1 1;
18295
+ position: absolute;
18296
+ left: 0;
18297
+ right: 0;
18298
+ width: 100%;
18299
+ padding-inline: inherit;
18300
+ }
18301
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
18302
+ transition: none;
18303
+ }
18304
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
18305
+ opacity: 0;
18306
+ }
18307
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
18308
+ opacity: 0;
18309
+ }
18310
+ .v-autocomplete__menu-icon {
18311
+ margin-inline-start: 4px;
18312
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18313
+ }
18314
+ .v-autocomplete--active-menu .v-autocomplete__menu-icon {
18315
+ transform: rotate(180deg);
18316
18316
  }.v-badge {
18317
18317
  display: inline-block;
18318
18318
  line-height: 1;
@@ -18560,6 +18560,63 @@ html.overflow-y-hidden {
18560
18560
  }
18561
18561
  .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18562
18562
  transform: translateY(0.5rem);
18563
+ }.v-breadcrumbs {
18564
+ display: flex;
18565
+ align-items: center;
18566
+ line-height: 1.6;
18567
+ padding: 16px 12px;
18568
+ }
18569
+ .v-breadcrumbs--rounded {
18570
+ border-radius: 4px;
18571
+ }
18572
+ .v-breadcrumbs--density-default {
18573
+ padding-top: 16px;
18574
+ padding-bottom: 16px;
18575
+ }
18576
+
18577
+ .v-breadcrumbs--density-comfortable {
18578
+ padding-top: 12px;
18579
+ padding-bottom: 12px;
18580
+ }
18581
+
18582
+ .v-breadcrumbs--density-compact {
18583
+ padding-top: 8px;
18584
+ padding-bottom: 8px;
18585
+ }
18586
+
18587
+ .v-breadcrumbs__prepend {
18588
+ align-items: center;
18589
+ display: inline-flex;
18590
+ }
18591
+
18592
+ .v-breadcrumbs-item {
18593
+ align-items: center;
18594
+ color: inherit;
18595
+ display: inline-flex;
18596
+ padding: 0 4px;
18597
+ text-decoration: none;
18598
+ vertical-align: middle;
18599
+ }
18600
+ .v-breadcrumbs-item--disabled {
18601
+ opacity: var(--v-disabled-opacity);
18602
+ pointer-events: none;
18603
+ }
18604
+ .v-breadcrumbs-item--link {
18605
+ color: inherit;
18606
+ text-decoration: none;
18607
+ }
18608
+ .v-breadcrumbs-item--link:hover {
18609
+ text-decoration: underline;
18610
+ }
18611
+ .v-breadcrumbs-item .v-icon {
18612
+ font-size: 1rem;
18613
+ margin-inline: -4px 2px;
18614
+ }
18615
+
18616
+ .v-breadcrumbs-divider {
18617
+ display: inline-block;
18618
+ padding: 0 8px;
18619
+ vertical-align: middle;
18563
18620
  }.v-btn {
18564
18621
  align-items: center;
18565
18622
  border-radius: 4px;
@@ -18984,70 +19041,172 @@ html.overflow-y-hidden {
18984
19041
  }
18985
19042
  .v-pagination .v-pagination__item--is-active .v-btn__overlay {
18986
19043
  opacity: var(--v-border-opacity);
18987
- }.v-btn-group {
18988
- display: inline-flex;
18989
- flex-wrap: nowrap;
18990
- max-width: 100%;
18991
- min-width: 0;
19044
+ }.v-banner {
19045
+ display: grid;
19046
+ flex: 1 1;
19047
+ font-size: 0.875rem;
19048
+ grid-template-areas: "prepend content actions";
19049
+ grid-template-columns: max-content auto max-content;
19050
+ grid-template-rows: max-content max-content;
19051
+ line-height: 1.6;
18992
19052
  overflow: hidden;
18993
- vertical-align: middle;
18994
- }
18995
- .v-btn-group {
19053
+ padding-inline: 16px 8px;
19054
+ padding-top: 16px;
19055
+ padding-bottom: 16px;
19056
+ position: relative;
19057
+ width: 100%;
19058
+ }
19059
+ .v-banner {
18996
19060
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18997
19061
  border-style: solid;
18998
- border-width: 0;
19062
+ border-width: 0 0 thin 0;
18999
19063
  }
19000
- .v-btn-group--border {
19064
+ .v-banner--border {
19001
19065
  border-width: thin;
19002
19066
  box-shadow: none;
19003
19067
  }
19004
- .v-btn-group {
19068
+ .v-banner {
19005
19069
  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));
19006
19070
  }
19007
- .v-btn-group {
19008
- border-radius: 4px;
19071
+ .v-banner--absolute {
19072
+ position: absolute;
19009
19073
  }
19010
- .v-btn-group {
19011
- background: transparent;
19074
+ .v-banner--fixed {
19075
+ position: fixed;
19076
+ }
19077
+ .v-banner--sticky {
19078
+ position: sticky;
19079
+ }
19080
+ .v-banner {
19081
+ border-radius: 0;
19082
+ }
19083
+ .v-banner {
19084
+ background: rgb(var(--v-theme-surface));
19012
19085
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19013
19086
  }
19014
- .v-btn-group--density-default.v-btn-group {
19015
- height: 48px;
19087
+ .v-banner--rounded {
19088
+ border-radius: 4px;
19089
+ }
19090
+ .v-banner--stacked:not(.v-banner--one-line) {
19091
+ grid-template-areas: "prepend content" ". actions";
19092
+ }
19093
+ .v-banner--stacked .v-banner-text {
19094
+ padding-inline-end: 36px;
19095
+ }
19096
+ .v-banner--density-default .v-banner-actions {
19097
+ margin-bottom: -8px;
19098
+ }
19099
+ .v-banner--density-default.v-banner--one-line {
19100
+ padding-top: 8px;
19101
+ padding-bottom: 8px;
19102
+ }
19103
+ .v-banner--density-default.v-banner--one-line .v-banner-actions {
19104
+ margin-bottom: 0;
19105
+ }
19106
+ .v-banner--density-default.v-banner--one-line {
19107
+ padding-top: 10px;
19108
+ }
19109
+ .v-banner--density-default.v-banner--two-line {
19110
+ padding-top: 16px;
19111
+ padding-bottom: 16px;
19112
+ }
19113
+ .v-banner--density-default.v-banner--three-line {
19114
+ padding-top: 24px;
19115
+ padding-bottom: 16px;
19116
+ }
19117
+ .v-banner--density-default:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-default.v-banner--two-line .v-banner-actions, .v-banner--density-default.v-banner--three-line .v-banner-actions {
19118
+ margin-top: 20px;
19016
19119
  }
19017
19120
 
19018
- .v-btn-group--density-comfortable.v-btn-group {
19019
- height: 40px;
19121
+ .v-banner--density-comfortable .v-banner-actions {
19122
+ margin-bottom: -4px;
19123
+ }
19124
+ .v-banner--density-comfortable.v-banner--one-line {
19125
+ padding-top: 4px;
19126
+ padding-bottom: 4px;
19127
+ }
19128
+ .v-banner--density-comfortable.v-banner--one-line .v-banner-actions {
19129
+ margin-bottom: 0;
19130
+ }
19131
+ .v-banner--density-comfortable.v-banner--two-line {
19132
+ padding-top: 12px;
19133
+ padding-bottom: 12px;
19134
+ }
19135
+ .v-banner--density-comfortable.v-banner--three-line {
19136
+ padding-top: 20px;
19137
+ padding-bottom: 12px;
19138
+ }
19139
+ .v-banner--density-comfortable:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-comfortable.v-banner--two-line .v-banner-actions, .v-banner--density-comfortable.v-banner--three-line .v-banner-actions {
19140
+ margin-top: 16px;
19020
19141
  }
19021
19142
 
19022
- .v-btn-group--density-compact.v-btn-group {
19023
- height: 36px;
19143
+ .v-banner--density-compact .v-banner-actions {
19144
+ margin-bottom: 0px;
19145
+ }
19146
+ .v-banner--density-compact.v-banner--one-line {
19147
+ padding-top: 0px;
19148
+ padding-bottom: 0px;
19149
+ }
19150
+ .v-banner--density-compact.v-banner--one-line .v-banner-actions {
19151
+ margin-bottom: 0;
19152
+ }
19153
+ .v-banner--density-compact.v-banner--two-line {
19154
+ padding-top: 8px;
19155
+ padding-bottom: 8px;
19156
+ }
19157
+ .v-banner--density-compact.v-banner--three-line {
19158
+ padding-top: 16px;
19159
+ padding-bottom: 8px;
19160
+ }
19161
+ .v-banner--density-compact:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-compact.v-banner--two-line .v-banner-actions, .v-banner--density-compact.v-banner--three-line .v-banner-actions {
19162
+ margin-top: 12px;
19024
19163
  }
19025
19164
 
19026
- .v-btn-group .v-btn {
19027
- border-radius: 0;
19028
- border-color: inherit;
19165
+ .v-banner--sticky {
19166
+ top: 0;
19167
+ z-index: 1;
19029
19168
  }
19030
- .v-btn-group .v-btn:not(:last-child) {
19031
- border-inline-end: none;
19169
+
19170
+ .v-banner__content {
19171
+ align-items: center;
19172
+ display: flex;
19173
+ grid-area: content;
19032
19174
  }
19033
- .v-btn-group .v-btn:not(:first-child) {
19034
- border-inline-start: none;
19175
+
19176
+ .v-banner__prepend {
19177
+ align-self: flex-start;
19178
+ grid-area: prepend;
19179
+ margin-inline-end: 24px;
19035
19180
  }
19036
- .v-btn-group .v-btn:first-child {
19037
- border-start-start-radius: inherit;
19038
- border-end-start-radius: inherit;
19181
+
19182
+ .v-banner-actions {
19183
+ align-self: flex-end;
19184
+ display: flex;
19185
+ flex: 0 1;
19186
+ grid-area: actions;
19187
+ justify-content: flex-end;
19039
19188
  }
19040
- .v-btn-group .v-btn:last-child {
19041
- border-start-end-radius: inherit;
19042
- border-end-end-radius: inherit;
19189
+ .v-banner--two-line .v-banner-actions, .v-banner--three-line .v-banner-actions {
19190
+ margin-top: 20px;
19043
19191
  }
19044
- .v-btn-group--divided .v-btn:not(:last-child) {
19045
- border-inline-end-width: thin;
19046
- border-inline-end-style: solid;
19047
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
19192
+
19193
+ .v-banner-text {
19194
+ -webkit-box-orient: vertical;
19195
+ display: -webkit-box;
19196
+ padding-inline-end: 90px;
19197
+ overflow: hidden;
19048
19198
  }
19049
- .v-btn-group--tile {
19050
- border-radius: 0;
19199
+ .v-banner--one-line .v-banner-text {
19200
+ -webkit-line-clamp: 1;
19201
+ }
19202
+ .v-banner--two-line .v-banner-text {
19203
+ -webkit-line-clamp: 2;
19204
+ }
19205
+ .v-banner--three-line .v-banner-text {
19206
+ -webkit-line-clamp: 3;
19207
+ }
19208
+ .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
19209
+ align-self: flex-start;
19051
19210
  }.bottom-sheet-transition-enter-from {
19052
19211
  transform: translateY(100%);
19053
19212
  }
@@ -19082,89 +19241,112 @@ html.overflow-y-hidden {
19082
19241
  .v-bottom-sheet.v-bottom-sheet--inset {
19083
19242
  max-width: 70%;
19084
19243
  }
19085
- }.v-breadcrumbs {
19086
- display: flex;
19087
- align-items: center;
19088
- line-height: 1.6;
19089
- padding: 16px 12px;
19090
- }
19091
- .v-breadcrumbs--rounded {
19092
- border-radius: 4px;
19093
- }
19094
- .v-breadcrumbs--density-default {
19095
- padding-top: 16px;
19096
- padding-bottom: 16px;
19244
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
19245
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19097
19246
  }
19098
-
19099
- .v-breadcrumbs--density-comfortable {
19100
- padding-top: 12px;
19101
- padding-bottom: 12px;
19247
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
19248
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19102
19249
  }
19103
-
19104
- .v-breadcrumbs--density-compact {
19105
- padding-top: 8px;
19106
- padding-bottom: 8px;
19250
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
19251
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19107
19252
  }
19108
-
19109
- .v-breadcrumbs__prepend {
19110
- align-items: center;
19111
- display: inline-flex;
19253
+ @supports not selector(:focus-visible) {
19254
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
19255
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19256
+ }
19112
19257
  }
19113
-
19114
- .v-breadcrumbs-item {
19115
- align-items: center;
19116
- color: inherit;
19258
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled).v-btn--variant-plain {
19259
+ opacity: 1;
19260
+ }.v-btn-group {
19117
19261
  display: inline-flex;
19118
- padding: 0 4px;
19119
- text-decoration: none;
19120
- vertical-align: middle;
19121
- }
19122
- .v-breadcrumbs-item--disabled {
19123
- opacity: var(--v-disabled-opacity);
19124
- pointer-events: none;
19125
- }
19126
- .v-breadcrumbs-item--link {
19127
- color: inherit;
19128
- text-decoration: none;
19129
- }
19130
- .v-breadcrumbs-item--link:hover {
19131
- text-decoration: underline;
19132
- }
19133
- .v-breadcrumbs-item .v-icon {
19134
- font-size: 1rem;
19135
- margin-inline: -4px 2px;
19136
- }
19137
-
19138
- .v-breadcrumbs-divider {
19139
- display: inline-block;
19140
- padding: 0 8px;
19141
- vertical-align: middle;
19142
- }.v-card {
19143
- display: block;
19262
+ flex-wrap: nowrap;
19263
+ max-width: 100%;
19264
+ min-width: 0;
19144
19265
  overflow: hidden;
19145
- overflow-wrap: break-word;
19146
- position: relative;
19147
- padding: 0;
19148
- text-decoration: none;
19149
- transition-duration: 0.28s;
19150
- transition-property: box-shadow, opacity, background;
19151
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19152
- z-index: 0;
19266
+ vertical-align: middle;
19153
19267
  }
19154
- .v-card {
19268
+ .v-btn-group {
19155
19269
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19156
19270
  border-style: solid;
19157
19271
  border-width: 0;
19158
19272
  }
19159
- .v-card--border {
19273
+ .v-btn-group--border {
19160
19274
  border-width: thin;
19161
19275
  box-shadow: none;
19162
19276
  }
19163
- .v-card--absolute {
19164
- position: absolute;
19277
+ .v-btn-group {
19278
+ 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));
19165
19279
  }
19166
- .v-card--fixed {
19167
- position: fixed;
19280
+ .v-btn-group {
19281
+ border-radius: 4px;
19282
+ }
19283
+ .v-btn-group {
19284
+ background: transparent;
19285
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19286
+ }
19287
+ .v-btn-group--density-default.v-btn-group {
19288
+ height: 48px;
19289
+ }
19290
+
19291
+ .v-btn-group--density-comfortable.v-btn-group {
19292
+ height: 40px;
19293
+ }
19294
+
19295
+ .v-btn-group--density-compact.v-btn-group {
19296
+ height: 36px;
19297
+ }
19298
+
19299
+ .v-btn-group .v-btn {
19300
+ border-radius: 0;
19301
+ border-color: inherit;
19302
+ }
19303
+ .v-btn-group .v-btn:not(:last-child) {
19304
+ border-inline-end: none;
19305
+ }
19306
+ .v-btn-group .v-btn:not(:first-child) {
19307
+ border-inline-start: none;
19308
+ }
19309
+ .v-btn-group .v-btn:first-child {
19310
+ border-start-start-radius: inherit;
19311
+ border-end-start-radius: inherit;
19312
+ }
19313
+ .v-btn-group .v-btn:last-child {
19314
+ border-start-end-radius: inherit;
19315
+ border-end-end-radius: inherit;
19316
+ }
19317
+ .v-btn-group--divided .v-btn:not(:last-child) {
19318
+ border-inline-end-width: thin;
19319
+ border-inline-end-style: solid;
19320
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
19321
+ }
19322
+ .v-btn-group--tile {
19323
+ border-radius: 0;
19324
+ }.v-card {
19325
+ display: block;
19326
+ overflow: hidden;
19327
+ overflow-wrap: break-word;
19328
+ position: relative;
19329
+ padding: 0;
19330
+ text-decoration: none;
19331
+ transition-duration: 0.28s;
19332
+ transition-property: box-shadow, opacity, background;
19333
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19334
+ z-index: 0;
19335
+ }
19336
+ .v-card {
19337
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19338
+ border-style: solid;
19339
+ border-width: 0;
19340
+ }
19341
+ .v-card--border {
19342
+ border-width: thin;
19343
+ box-shadow: none;
19344
+ }
19345
+ .v-card--absolute {
19346
+ position: absolute;
19347
+ }
19348
+ .v-card--fixed {
19349
+ position: fixed;
19168
19350
  }
19169
19351
  .v-card {
19170
19352
  border-radius: 4px;
@@ -19447,87 +19629,6 @@ html.overflow-y-hidden {
19447
19629
  pointer-events: none;
19448
19630
  opacity: 0;
19449
19631
  transition: opacity 0.2s ease-in-out;
19450
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
19451
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19452
- }
19453
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
19454
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19455
- }
19456
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
19457
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19458
- }
19459
- @supports not selector(:focus-visible) {
19460
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
19461
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19462
- }
19463
- }
19464
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled).v-btn--variant-plain {
19465
- opacity: 1;
19466
- }.v-carousel {
19467
- overflow: hidden;
19468
- position: relative;
19469
- width: 100%;
19470
- }
19471
- .v-carousel__controls {
19472
- align-items: center;
19473
- bottom: 0;
19474
- display: flex;
19475
- height: 50px;
19476
- justify-content: center;
19477
- list-style-type: none;
19478
- position: absolute;
19479
- width: 100%;
19480
- z-index: 1;
19481
- }
19482
- .v-carousel__controls {
19483
- background: rgba(var(--v-theme-surface-variant), 0.3);
19484
- color: rgb(var(--v-theme-on-surface-variant));
19485
- }
19486
- .v-carousel__controls > .v-item-group {
19487
- flex: 0 1 auto;
19488
- }
19489
- .v-carousel__controls__item {
19490
- margin: 0 8px;
19491
- }
19492
- .v-carousel__controls__item .v-icon {
19493
- opacity: 0.5;
19494
- }
19495
- .v-carousel__controls__item--active .v-icon {
19496
- opacity: 1;
19497
- vertical-align: middle;
19498
- }
19499
- .v-carousel__controls__item:hover {
19500
- background: none;
19501
- }
19502
- .v-carousel__controls__item:hover .v-icon {
19503
- opacity: 0.8;
19504
- }
19505
-
19506
- .v-carousel__progress {
19507
- margin: 0;
19508
- position: absolute;
19509
- bottom: 0;
19510
- left: 0;
19511
- right: 0;
19512
- }
19513
-
19514
- .v-carousel-item {
19515
- display: block;
19516
- height: inherit;
19517
- text-decoration: none;
19518
- }
19519
- .v-carousel-item > .v-img {
19520
- height: inherit;
19521
- }
19522
-
19523
- .v-carousel--hide-delimiter-background .v-carousel__controls {
19524
- background: transparent;
19525
- }
19526
-
19527
- .v-carousel--vertical-delimiters .v-carousel__controls {
19528
- flex-direction: column;
19529
- height: 100% !important;
19530
- width: 50px;
19531
19632
  }.v-chip {
19532
19633
  align-items: center;
19533
19634
  display: inline-flex;
@@ -19946,11 +20047,6 @@ html.overflow-y-hidden {
19946
20047
 
19947
20048
  .v-chip--label {
19948
20049
  border-radius: 4px;
19949
- }.v-checkbox.v-input {
19950
- flex: 0 1 auto;
19951
- }
19952
- .v-checkbox .v-selection-control {
19953
- min-height: var(--v-input-control-height);
19954
20050
  }.v-chip-group {
19955
20051
  display: flex;
19956
20052
  max-width: 100%;
@@ -19969,29 +20065,76 @@ html.overflow-y-hidden {
19969
20065
  white-space: normal;
19970
20066
  flex-wrap: wrap;
19971
20067
  max-width: 100%;
19972
- }.v-color-picker {
19973
- align-self: flex-start;
19974
- contain: content;
19975
- width: 300px;
20068
+ }.v-carousel {
20069
+ overflow: hidden;
20070
+ position: relative;
20071
+ width: 100%;
19976
20072
  }
19977
- .v-color-picker.v-sheet.v-picker {
19978
- 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));
20073
+ .v-carousel__controls {
20074
+ align-items: center;
20075
+ bottom: 0;
20076
+ display: flex;
20077
+ height: 50px;
20078
+ justify-content: center;
20079
+ list-style-type: none;
20080
+ position: absolute;
20081
+ width: 100%;
20082
+ z-index: 1;
19979
20083
  }
19980
- .v-color-picker.v-sheet.v-picker {
19981
- border-radius: 4px;
20084
+ .v-carousel__controls {
20085
+ background: rgba(var(--v-theme-surface-variant), 0.3);
20086
+ color: rgb(var(--v-theme-on-surface-variant));
20087
+ }
20088
+ .v-carousel__controls > .v-item-group {
20089
+ flex: 0 1 auto;
20090
+ }
20091
+ .v-carousel__controls__item {
20092
+ margin: 0 8px;
20093
+ }
20094
+ .v-carousel__controls__item .v-icon {
20095
+ opacity: 0.5;
20096
+ }
20097
+ .v-carousel__controls__item--active .v-icon {
20098
+ opacity: 1;
20099
+ vertical-align: middle;
20100
+ }
20101
+ .v-carousel__controls__item:hover {
20102
+ background: none;
20103
+ }
20104
+ .v-carousel__controls__item:hover .v-icon {
20105
+ opacity: 0.8;
19982
20106
  }
19983
20107
 
19984
- .v-color-picker__controls {
19985
- display: flex;
19986
- flex-direction: column;
19987
- padding: 16px;
20108
+ .v-carousel__progress {
20109
+ margin: 0;
20110
+ position: absolute;
20111
+ bottom: 0;
20112
+ left: 0;
20113
+ right: 0;
19988
20114
  }
19989
20115
 
19990
- .v-color-picker--flat {
19991
- 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));
20116
+ .v-carousel-item {
20117
+ display: block;
20118
+ height: inherit;
20119
+ text-decoration: none;
19992
20120
  }
19993
- .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
19994
- 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));
20121
+ .v-carousel-item > .v-img {
20122
+ height: inherit;
20123
+ }
20124
+
20125
+ .v-carousel--hide-delimiter-background .v-carousel__controls {
20126
+ background: transparent;
20127
+ }
20128
+
20129
+ .v-carousel--vertical-delimiters .v-carousel__controls {
20130
+ flex-direction: column;
20131
+ height: 100% !important;
20132
+ width: 50px;
20133
+ }.v-checkbox.v-input {
20134
+ flex: 0 1 auto;
20135
+ }
20136
+ .v-checkbox .v-selection-control {
20137
+ min-height: var(--v-input-control-height);
19995
20138
  }.v-container {
19996
20139
  width: 100%;
19997
20140
  padding: 16px;
@@ -20748,22 +20891,45 @@ html.overflow-y-hidden {
20748
20891
  }
20749
20892
  .v-combobox--active-menu .v-combobox__menu-icon {
20750
20893
  transform: rotate(180deg);
20751
- }.v-counter {
20752
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20753
- flex: 0 1 auto;
20754
- font-size: 12px;
20755
- transition-duration: 150ms;
20756
- }.v-data-table-footer {
20757
- align-items: center;
20758
- display: flex;
20759
- flex-wrap: wrap;
20760
- justify-content: flex-end;
20761
- padding: 8px 4px;
20894
+ }.v-color-picker {
20895
+ align-self: flex-start;
20896
+ contain: content;
20897
+ width: 300px;
20762
20898
  }
20763
- .v-data-table-footer__items-per-page {
20764
- align-items: center;
20765
- display: flex;
20766
- justify-content: center;
20899
+ .v-color-picker.v-sheet.v-picker {
20900
+ 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));
20901
+ }
20902
+ .v-color-picker.v-sheet.v-picker {
20903
+ border-radius: 4px;
20904
+ }
20905
+
20906
+ .v-color-picker__controls {
20907
+ display: flex;
20908
+ flex-direction: column;
20909
+ padding: 16px;
20910
+ }
20911
+
20912
+ .v-color-picker--flat {
20913
+ 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));
20914
+ }
20915
+ .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20916
+ 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));
20917
+ }.v-counter {
20918
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20919
+ flex: 0 1 auto;
20920
+ font-size: 12px;
20921
+ transition-duration: 150ms;
20922
+ }.v-data-table-footer {
20923
+ align-items: center;
20924
+ display: flex;
20925
+ flex-wrap: wrap;
20926
+ justify-content: flex-end;
20927
+ padding: 8px 4px;
20928
+ }
20929
+ .v-data-table-footer__items-per-page {
20930
+ align-items: center;
20931
+ display: flex;
20932
+ justify-content: center;
20767
20933
  }
20768
20934
  .v-data-table-footer__items-per-page > span {
20769
20935
  padding-inline-end: 8px;
@@ -21028,61 +21194,66 @@ html.overflow-y-hidden {
21028
21194
 
21029
21195
  .v-date-picker__title {
21030
21196
  display: inline-block;
21031
- }.v-date-picker-month {
21032
- display: flex;
21033
- justify-content: center;
21034
- padding: 0 12px 8px;
21035
- --v-date-picker-month-day-diff: 4px;
21036
- }
21037
-
21038
- .v-date-picker-month__weeks {
21197
+ }.v-date-picker-header {
21198
+ align-items: flex-end;
21199
+ height: 70px;
21039
21200
  display: grid;
21040
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
21041
- column-gap: 4px;
21042
- font-size: 0.85rem;
21043
- }
21044
- .v-date-picker-month__weeks + .v-date-picker-month__days {
21045
- grid-row-gap: 0;
21201
+ grid-template-areas: "prepend content append";
21202
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
21203
+ overflow: hidden;
21204
+ padding-inline: 24px 12px;
21205
+ padding-bottom: 12px;
21046
21206
  }
21047
21207
 
21048
- .v-date-picker-month__weekday {
21049
- font-size: 0.85rem;
21208
+ .v-date-picker-header__append {
21209
+ grid-area: append;
21050
21210
  }
21051
21211
 
21052
- .v-date-picker-month__days {
21053
- display: grid;
21054
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
21055
- column-gap: 4px;
21056
- flex: 1 1;
21057
- justify-content: space-around;
21212
+ .v-date-picker-header__prepend {
21213
+ grid-area: prepend;
21214
+ padding-inline-start: 8px;
21058
21215
  }
21059
21216
 
21060
- .v-date-picker-month__day {
21217
+ .v-date-picker-header__content {
21061
21218
  align-items: center;
21062
- display: flex;
21063
- justify-content: center;
21064
- position: relative;
21065
- height: 40px;
21066
- width: 40px;
21219
+ display: inline-flex;
21220
+ font-size: 32px;
21221
+ line-height: 40px;
21222
+ grid-area: content;
21223
+ justify-content: space-between;
21067
21224
  }
21068
- .v-date-picker-month__day--selected .v-btn {
21069
- background-color: rgb(var(--v-theme-surface-variant));
21070
- color: rgb(var(--v-theme-on-surface-variant));
21225
+ .v-date-picker-header--clickable .v-date-picker-header__content {
21226
+ cursor: pointer;
21071
21227
  }
21072
- .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
21073
- --v-btn-height: 24px;
21074
- --v-btn-size: 0.85rem;
21228
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
21229
+ opacity: 0.7;
21075
21230
  }
21076
- .v-date-picker-month__day--week {
21077
- font-size: var(--v-btn-size);
21231
+
21232
+ .date-picker-header-transition-enter-active,
21233
+ .date-picker-header-reverse-transition-enter-active {
21234
+ transition-duration: 0.3s;
21235
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21236
+ }
21237
+ .date-picker-header-transition-leave-active,
21238
+ .date-picker-header-reverse-transition-leave-active {
21239
+ transition-duration: 0.3s;
21240
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21078
21241
  }
21079
21242
 
21080
- .v-date-picker-month__day--adjacent {
21081
- opacity: 0.5;
21243
+ .date-picker-header-transition-enter-from {
21244
+ transform: translate(0, 100%);
21245
+ }
21246
+ .date-picker-header-transition-leave-to {
21247
+ opacity: 0;
21248
+ transform: translate(0, -100%);
21082
21249
  }
21083
21250
 
21084
- .v-date-picker-month__day--hide-adjacent {
21251
+ .date-picker-header-reverse-transition-enter-from {
21252
+ transform: translate(0, -100%);
21253
+ }
21254
+ .date-picker-header-reverse-transition-leave-to {
21085
21255
  opacity: 0;
21256
+ transform: translate(0, 100%);
21086
21257
  }.v-date-picker-months {
21087
21258
  height: 288px;
21088
21259
  }
@@ -21102,12 +21273,6 @@ html.overflow-y-hidden {
21102
21273
  text-transform: none;
21103
21274
  padding-inline-start: 8px;
21104
21275
  padding-inline-end: 8px;
21105
- }.v-date-picker {
21106
- overflow: hidden;
21107
- width: 328px;
21108
- }
21109
- .v-date-picker--show-week {
21110
- width: 368px;
21111
21276
  }.v-date-picker-years {
21112
21277
  height: 288px;
21113
21278
  overflow-y: scroll;
@@ -21123,66 +21288,67 @@ html.overflow-y-hidden {
21123
21288
  }
21124
21289
  .v-date-picker-years__content .v-btn {
21125
21290
  padding-inline: 8px;
21126
- }.v-date-picker-header {
21127
- align-items: flex-end;
21128
- height: 70px;
21291
+ }.v-date-picker-month {
21292
+ display: flex;
21293
+ justify-content: center;
21294
+ padding: 0 12px 8px;
21295
+ --v-date-picker-month-day-diff: 4px;
21296
+ }
21297
+
21298
+ .v-date-picker-month__weeks {
21129
21299
  display: grid;
21130
- grid-template-areas: "prepend content append";
21131
- grid-template-columns: min-content minmax(0, 1fr) min-content;
21132
- overflow: hidden;
21133
- padding-inline: 24px 12px;
21134
- padding-bottom: 12px;
21300
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
21301
+ column-gap: 4px;
21302
+ font-size: 0.85rem;
21303
+ }
21304
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
21305
+ grid-row-gap: 0;
21135
21306
  }
21136
21307
 
21137
- .v-date-picker-header__append {
21138
- grid-area: append;
21308
+ .v-date-picker-month__weekday {
21309
+ font-size: 0.85rem;
21139
21310
  }
21140
21311
 
21141
- .v-date-picker-header__prepend {
21142
- grid-area: prepend;
21143
- padding-inline-start: 8px;
21312
+ .v-date-picker-month__days {
21313
+ display: grid;
21314
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
21315
+ column-gap: 4px;
21316
+ flex: 1 1;
21317
+ justify-content: space-around;
21144
21318
  }
21145
21319
 
21146
- .v-date-picker-header__content {
21320
+ .v-date-picker-month__day {
21147
21321
  align-items: center;
21148
- display: inline-flex;
21149
- font-size: 32px;
21150
- line-height: 40px;
21151
- grid-area: content;
21152
- justify-content: space-between;
21153
- }
21154
- .v-date-picker-header--clickable .v-date-picker-header__content {
21155
- cursor: pointer;
21322
+ display: flex;
21323
+ justify-content: center;
21324
+ position: relative;
21325
+ height: 40px;
21326
+ width: 40px;
21156
21327
  }
21157
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
21158
- opacity: 0.7;
21328
+ .v-date-picker-month__day--selected .v-btn {
21329
+ background-color: rgb(var(--v-theme-surface-variant));
21330
+ color: rgb(var(--v-theme-on-surface-variant));
21159
21331
  }
21160
-
21161
- .date-picker-header-transition-enter-active,
21162
- .date-picker-header-reverse-transition-enter-active {
21163
- transition-duration: 0.3s;
21164
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21332
+ .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
21333
+ --v-btn-height: 24px;
21334
+ --v-btn-size: 0.85rem;
21165
21335
  }
21166
- .date-picker-header-transition-leave-active,
21167
- .date-picker-header-reverse-transition-leave-active {
21168
- transition-duration: 0.3s;
21169
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21336
+ .v-date-picker-month__day--week {
21337
+ font-size: var(--v-btn-size);
21170
21338
  }
21171
21339
 
21172
- .date-picker-header-transition-enter-from {
21173
- transform: translate(0, 100%);
21174
- }
21175
- .date-picker-header-transition-leave-to {
21176
- opacity: 0;
21177
- transform: translate(0, -100%);
21340
+ .v-date-picker-month__day--adjacent {
21341
+ opacity: 0.5;
21178
21342
  }
21179
21343
 
21180
- .date-picker-header-reverse-transition-enter-from {
21181
- transform: translate(0, -100%);
21182
- }
21183
- .date-picker-header-reverse-transition-leave-to {
21344
+ .v-date-picker-month__day--hide-adjacent {
21184
21345
  opacity: 0;
21185
- transform: translate(0, 100%);
21346
+ }.v-date-picker {
21347
+ overflow: hidden;
21348
+ width: 328px;
21349
+ }
21350
+ .v-date-picker--show-week {
21351
+ width: 368px;
21186
21352
  }.v-dialog {
21187
21353
  align-items: center;
21188
21354
  justify-content: center;
@@ -21282,74 +21448,22 @@ html.overflow-y-hidden {
21282
21448
  -webkit-backface-visibility: hidden;
21283
21449
  backface-visibility: hidden;
21284
21450
  overflow-y: auto;
21285
- }.v-divider {
21286
- display: block;
21287
- flex: 1 1 100%;
21288
- height: 0px;
21289
- max-height: 0px;
21290
- opacity: var(--v-border-opacity);
21291
- transition: inherit;
21292
- }
21293
- .v-divider {
21294
- border-style: solid;
21295
- border-width: thin 0 0 0;
21451
+ }.v-empty-state {
21452
+ align-items: center;
21453
+ display: flex;
21454
+ flex-direction: column;
21455
+ justify-content: center;
21456
+ min-height: 100%;
21457
+ padding: 16px;
21296
21458
  }
21297
- .v-divider--vertical {
21298
- align-self: stretch;
21299
- border-width: 0 thin 0 0;
21300
- display: inline-flex;
21301
- height: auto;
21302
- margin-left: -1px;
21303
- max-height: 100%;
21304
- max-width: 0px;
21305
- vertical-align: text-bottom;
21306
- width: 0px;
21459
+ .v-empty-state--start {
21460
+ align-items: flex-start;
21307
21461
  }
21308
- .v-divider--inset:not(.v-divider--vertical) {
21309
- max-width: calc(100% - 72px);
21310
- margin-inline-start: 72px;
21462
+ .v-empty-state--center {
21463
+ align-items: center;
21311
21464
  }
21312
- .v-divider--inset.v-divider--vertical {
21313
- margin-bottom: 8px;
21314
- margin-top: 8px;
21315
- max-height: calc(100% - 16px);
21316
- }
21317
-
21318
- .v-divider__content {
21319
- padding: 0 16px;
21320
- text-wrap: nowrap;
21321
- }
21322
- .v-divider__wrapper--vertical .v-divider__content {
21323
- padding: 4px 0;
21324
- }
21325
-
21326
- .v-divider__wrapper {
21327
- display: flex;
21328
- align-items: center;
21329
- justify-content: center;
21330
- }
21331
- .v-divider__wrapper--vertical {
21332
- flex-direction: column;
21333
- height: 100%;
21334
- }
21335
- .v-divider__wrapper--vertical .v-divider {
21336
- margin: 0 auto;
21337
- }.v-empty-state {
21338
- align-items: center;
21339
- display: flex;
21340
- flex-direction: column;
21341
- justify-content: center;
21342
- min-height: 100%;
21343
- padding: 16px;
21344
- }
21345
- .v-empty-state--start {
21346
- align-items: flex-start;
21347
- }
21348
- .v-empty-state--center {
21349
- align-items: center;
21350
- }
21351
- .v-empty-state--end {
21352
- align-items: flex-end;
21465
+ .v-empty-state--end {
21466
+ align-items: flex-end;
21353
21467
  }
21354
21468
 
21355
21469
  .v-empty-state__media {
@@ -21401,315 +21515,151 @@ html.overflow-y-hidden {
21401
21515
  .v-empty-state__action-btn.v-btn {
21402
21516
  background-color: initial;
21403
21517
  color: initial;
21404
- }.v-expansion-panel {
21405
- background-color: rgb(var(--v-theme-surface));
21406
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21518
+ }.v-divider {
21519
+ display: block;
21520
+ flex: 1 1 100%;
21521
+ height: 0px;
21522
+ max-height: 0px;
21523
+ opacity: var(--v-border-opacity);
21524
+ transition: inherit;
21407
21525
  }
21408
- .v-expansion-panel:not(:first-child)::after {
21409
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21526
+ .v-divider {
21527
+ border-style: solid;
21528
+ border-width: thin 0 0 0;
21410
21529
  }
21411
- .v-expansion-panel--disabled .v-expansion-panel-title {
21412
- color: rgba(var(--v-theme-on-surface), 0.26);
21530
+ .v-divider--vertical {
21531
+ align-self: stretch;
21532
+ border-width: 0 thin 0 0;
21533
+ display: inline-flex;
21534
+ height: auto;
21535
+ margin-left: -1px;
21536
+ max-height: 100%;
21537
+ max-width: 0px;
21538
+ vertical-align: text-bottom;
21539
+ width: 0px;
21413
21540
  }
21414
- .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
21415
- opacity: 0.4615384615;
21541
+ .v-divider--inset:not(.v-divider--vertical) {
21542
+ max-width: calc(100% - 72px);
21543
+ margin-inline-start: 72px;
21416
21544
  }
21417
-
21418
- .v-expansion-panels {
21419
- display: flex;
21420
- flex-wrap: wrap;
21421
- justify-content: center;
21422
- list-style-type: none;
21423
- padding: 0;
21424
- width: 100%;
21425
- position: relative;
21426
- z-index: 1;
21545
+ .v-divider--inset.v-divider--vertical {
21546
+ margin-bottom: 8px;
21547
+ margin-top: 8px;
21548
+ max-height: calc(100% - 16px);
21427
21549
  }
21428
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
21429
- border-bottom-left-radius: 0 !important;
21430
- border-bottom-right-radius: 0 !important;
21550
+
21551
+ .v-divider__content {
21552
+ padding: 0 16px;
21553
+ text-wrap: nowrap;
21431
21554
  }
21432
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
21433
- border-top-left-radius: 0 !important;
21434
- border-top-right-radius: 0 !important;
21555
+ .v-divider__wrapper--vertical .v-divider__content {
21556
+ padding: 4px 0;
21435
21557
  }
21436
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
21437
- border-bottom-left-radius: 0 !important;
21438
- border-bottom-right-radius: 0 !important;
21558
+
21559
+ .v-divider__wrapper {
21560
+ display: flex;
21561
+ align-items: center;
21562
+ justify-content: center;
21439
21563
  }
21440
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :last-child:not(:first-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
21441
- border-top-left-radius: 0 !important;
21442
- border-top-right-radius: 0 !important;
21564
+ .v-divider__wrapper--vertical {
21565
+ flex-direction: column;
21566
+ height: 100%;
21443
21567
  }
21444
- .v-expansion-panels--variant-accordion > :first-child:not(:last-child) {
21445
- border-bottom-left-radius: 0 !important;
21446
- border-bottom-right-radius: 0 !important;
21568
+ .v-divider__wrapper--vertical .v-divider {
21569
+ margin: 0 auto;
21570
+ }/* region INPUT */
21571
+ .v-field {
21572
+ display: grid;
21573
+ grid-template-areas: "prepend-inner field clear append-inner";
21574
+ grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
21575
+ font-size: 16px;
21576
+ letter-spacing: 0.009375em;
21577
+ max-width: 100%;
21578
+ border-radius: 4px;
21579
+ contain: layout;
21580
+ flex: 1 0;
21581
+ grid-area: control;
21582
+ position: relative;
21583
+ --v-theme-overlay-multiplier: 1;
21584
+ --v-field-padding-start: 16px;
21585
+ --v-field-padding-end: 16px;
21586
+ --v-field-padding-top: 8px;
21587
+ --v-field-padding-bottom: 4px;
21588
+ --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0px));
21589
+ --v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
21447
21590
  }
21448
- .v-expansion-panels--variant-accordion > :last-child:not(:first-child) {
21449
- border-top-left-radius: 0 !important;
21450
- border-top-right-radius: 0 !important;
21591
+ .v-field--disabled {
21592
+ opacity: var(--v-disabled-opacity);
21593
+ pointer-events: none;
21451
21594
  }
21452
- .v-expansion-panels--variant-accordion > :last-child:not(:first-child) .v-expansion-panel-title--active {
21453
- border-bottom-left-radius: initial;
21454
- border-bottom-right-radius: initial;
21595
+ .v-field .v-chip {
21596
+ --v-chip-height: 24px;
21455
21597
  }
21456
- .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
21457
- border-radius: 0 !important;
21598
+
21599
+ /* endregion */
21600
+ /* region MODIFIERS */
21601
+ .v-field--prepended {
21602
+ padding-inline-start: 12px;
21458
21603
  }
21459
- .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
21460
- transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
21604
+ .v-field--appended {
21605
+ padding-inline-end: 12px;
21461
21606
  }
21462
-
21463
- .v-expansion-panel {
21464
- flex: 1 0 100%;
21465
- max-width: 100%;
21466
- position: relative;
21467
- transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
21468
- transition-property: margin-top, border-radius, border, max-width;
21469
- border-radius: 4px;
21607
+ .v-field--variant-solo, .v-field--variant-solo-filled {
21608
+ background: rgb(var(--v-theme-surface));
21609
+ border-color: transparent;
21610
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21470
21611
  }
21471
- .v-expansion-panel:not(:first-child)::after {
21472
- border-top-style: solid;
21473
- border-top-width: thin;
21474
- content: "";
21475
- left: 0;
21476
- position: absolute;
21477
- right: 0;
21478
- top: 0;
21479
- transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
21612
+ .v-field--variant-solo, .v-field--variant-solo-filled {
21613
+ 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));
21480
21614
  }
21481
- .v-expansion-panel--disabled .v-expansion-panel-title {
21482
- pointer-events: none;
21615
+ .v-field--variant-solo-inverted {
21616
+ background: rgb(var(--v-theme-surface));
21617
+ border-color: transparent;
21618
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21483
21619
  }
21484
- .v-expansion-panel--active:not(:first-child),
21485
- .v-expansion-panel--active + .v-expansion-panel {
21486
- margin-top: 16px;
21620
+ .v-field--variant-solo-inverted {
21621
+ 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));
21487
21622
  }
21488
- .v-expansion-panel--active:not(:first-child)::after,
21489
- .v-expansion-panel--active + .v-expansion-panel::after {
21490
- opacity: 0;
21623
+ .v-field--variant-solo-inverted.v-field--focused {
21624
+ color: rgb(var(--v-theme-on-surface-variant));
21491
21625
  }
21492
- .v-expansion-panel--active > .v-expansion-panel-title {
21626
+ .v-field--variant-filled {
21493
21627
  border-bottom-left-radius: 0;
21494
21628
  border-bottom-right-radius: 0;
21495
21629
  }
21496
- .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
21497
- min-height: 64px;
21630
+ .v-input--density-default .v-field--variant-solo, .v-input--density-default .v-field--variant-solo-inverted, .v-input--density-default .v-field--variant-solo-filled, .v-input--density-default .v-field--variant-filled {
21631
+ --v-input-control-height: 56px;
21632
+ --v-field-padding-bottom: 4px;
21498
21633
  }
21499
21634
 
21500
- .v-expansion-panel__shadow {
21501
- border-radius: inherit;
21502
- z-index: -1;
21503
- }
21504
- .v-expansion-panel__shadow {
21505
- position: absolute;
21506
- top: 0;
21507
- left: 0;
21508
- width: 100%;
21509
- height: 100%;
21510
- }
21511
- .v-expansion-panel__shadow {
21512
- 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));
21635
+ .v-input--density-comfortable .v-field--variant-solo, .v-input--density-comfortable .v-field--variant-solo-inverted, .v-input--density-comfortable .v-field--variant-solo-filled, .v-input--density-comfortable .v-field--variant-filled {
21636
+ --v-input-control-height: 48px;
21637
+ --v-field-padding-bottom: 0px;
21513
21638
  }
21514
21639
 
21515
- .v-expansion-panel-title {
21516
- align-items: center;
21517
- text-align: start;
21518
- border-radius: inherit;
21519
- display: flex;
21520
- font-size: 0.9375rem;
21521
- line-height: 1;
21522
- min-height: 48px;
21523
- outline: none;
21524
- padding: 16px 24px;
21525
- position: relative;
21526
- transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
21527
- width: 100%;
21528
- justify-content: space-between;
21640
+ .v-input--density-compact .v-field--variant-solo, .v-input--density-compact .v-field--variant-solo-inverted, .v-input--density-compact .v-field--variant-solo-filled, .v-input--density-compact .v-field--variant-filled {
21641
+ --v-input-control-height: 40px;
21642
+ --v-field-padding-bottom: 0px;
21529
21643
  }
21530
- .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
21531
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
21644
+
21645
+ .v-field--variant-outlined, .v-field--single-line, .v-field--no-label {
21646
+ --v-field-padding-top: 0px;
21532
21647
  }
21533
- .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
21534
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21648
+ .v-input--density-default .v-field--variant-outlined, .v-input--density-default .v-field--single-line, .v-input--density-default .v-field--no-label {
21649
+ --v-field-padding-bottom: 16px;
21535
21650
  }
21536
- @supports not selector(:focus-visible) {
21537
- .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
21538
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21539
- }
21651
+
21652
+ .v-input--density-comfortable .v-field--variant-outlined, .v-input--density-comfortable .v-field--single-line, .v-input--density-comfortable .v-field--no-label {
21653
+ --v-field-padding-bottom: 12px;
21540
21654
  }
21541
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active .v-expansion-panel-title__overlay {
21542
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
21655
+
21656
+ .v-input--density-compact .v-field--variant-outlined, .v-input--density-compact .v-field--single-line, .v-input--density-compact .v-field--no-label {
21657
+ --v-field-padding-bottom: 8px;
21543
21658
  }
21544
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:hover .v-expansion-panel-title__overlay {
21545
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21546
- }
21547
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus-visible .v-expansion-panel-title__overlay {
21548
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21549
- }
21550
- @supports not selector(:focus-visible) {
21551
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus .v-expansion-panel-title__overlay {
21552
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21553
- }
21554
- }
21555
-
21556
- .v-expansion-panel-title__overlay {
21557
- background-color: currentColor;
21558
- border-radius: inherit;
21559
- opacity: 0;
21560
- }
21561
- .v-expansion-panel-title__overlay {
21562
- position: absolute;
21563
- top: 0;
21564
- left: 0;
21565
- width: 100%;
21566
- height: 100%;
21567
- }
21568
-
21569
- .v-expansion-panel-title__icon {
21570
- display: inline-flex;
21571
- margin-bottom: -4px;
21572
- margin-top: -4px;
21573
- -webkit-user-select: none;
21574
- user-select: none;
21575
- margin-inline-start: auto;
21576
- }
21577
-
21578
- .v-expansion-panel-text {
21579
- display: flex;
21580
- }
21581
- .v-expansion-panel-text__wrapper {
21582
- padding: 8px 24px 16px;
21583
- flex: 1 1 auto;
21584
- max-width: 100%;
21585
- }
21586
-
21587
- .v-expansion-panels--variant-accordion > .v-expansion-panel {
21588
- margin-top: 0;
21589
- }
21590
- .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
21591
- opacity: 1;
21592
- }
21593
-
21594
- .v-expansion-panels--variant-popout > .v-expansion-panel {
21595
- max-width: calc(100% - 32px);
21596
- }
21597
- .v-expansion-panels--variant-popout > .v-expansion-panel--active {
21598
- max-width: calc(100% + 16px);
21599
- }
21600
-
21601
- .v-expansion-panels--variant-inset > .v-expansion-panel {
21602
- max-width: 100%;
21603
- }
21604
- .v-expansion-panels--variant-inset > .v-expansion-panel--active {
21605
- max-width: calc(100% - 32px);
21606
- }
21607
-
21608
- .v-expansion-panels--flat > .v-expansion-panel::after {
21609
- border-top: none;
21610
- }
21611
- .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
21612
- display: none;
21613
- }
21614
-
21615
- .v-expansion-panels--tile {
21616
- border-radius: 0;
21617
- }
21618
- .v-expansion-panels--tile > .v-expansion-panel {
21619
- border-radius: 0;
21620
- }/* region INPUT */
21621
- .v-field {
21622
- display: grid;
21623
- grid-template-areas: "prepend-inner field clear append-inner";
21624
- grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
21625
- font-size: 16px;
21626
- letter-spacing: 0.009375em;
21627
- max-width: 100%;
21628
- border-radius: 4px;
21629
- contain: layout;
21630
- flex: 1 0;
21631
- grid-area: control;
21632
- position: relative;
21633
- --v-theme-overlay-multiplier: 1;
21634
- --v-field-padding-start: 16px;
21635
- --v-field-padding-end: 16px;
21636
- --v-field-padding-top: 8px;
21637
- --v-field-padding-bottom: 4px;
21638
- --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0px));
21639
- --v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
21640
- }
21641
- .v-field--disabled {
21642
- opacity: var(--v-disabled-opacity);
21643
- pointer-events: none;
21644
- }
21645
- .v-field .v-chip {
21646
- --v-chip-height: 24px;
21647
- }
21648
-
21649
- /* endregion */
21650
- /* region MODIFIERS */
21651
- .v-field--prepended {
21652
- padding-inline-start: 12px;
21653
- }
21654
- .v-field--appended {
21655
- padding-inline-end: 12px;
21656
- }
21657
- .v-field--variant-solo, .v-field--variant-solo-filled {
21658
- background: rgb(var(--v-theme-surface));
21659
- border-color: transparent;
21660
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21661
- }
21662
- .v-field--variant-solo, .v-field--variant-solo-filled {
21663
- 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));
21664
- }
21665
- .v-field--variant-solo-inverted {
21666
- background: rgb(var(--v-theme-surface));
21667
- border-color: transparent;
21668
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21669
- }
21670
- .v-field--variant-solo-inverted {
21671
- 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));
21672
- }
21673
- .v-field--variant-solo-inverted.v-field--focused {
21674
- color: rgb(var(--v-theme-on-surface-variant));
21675
- }
21676
- .v-field--variant-filled {
21677
- border-bottom-left-radius: 0;
21678
- border-bottom-right-radius: 0;
21679
- }
21680
- .v-input--density-default .v-field--variant-solo, .v-input--density-default .v-field--variant-solo-inverted, .v-input--density-default .v-field--variant-solo-filled, .v-input--density-default .v-field--variant-filled {
21681
- --v-input-control-height: 56px;
21682
- --v-field-padding-bottom: 4px;
21683
- }
21684
-
21685
- .v-input--density-comfortable .v-field--variant-solo, .v-input--density-comfortable .v-field--variant-solo-inverted, .v-input--density-comfortable .v-field--variant-solo-filled, .v-input--density-comfortable .v-field--variant-filled {
21686
- --v-input-control-height: 48px;
21687
- --v-field-padding-bottom: 0px;
21688
- }
21689
-
21690
- .v-input--density-compact .v-field--variant-solo, .v-input--density-compact .v-field--variant-solo-inverted, .v-input--density-compact .v-field--variant-solo-filled, .v-input--density-compact .v-field--variant-filled {
21691
- --v-input-control-height: 40px;
21692
- --v-field-padding-bottom: 0px;
21693
- }
21694
-
21695
- .v-field--variant-outlined, .v-field--single-line, .v-field--no-label {
21696
- --v-field-padding-top: 0px;
21697
- }
21698
- .v-input--density-default .v-field--variant-outlined, .v-input--density-default .v-field--single-line, .v-input--density-default .v-field--no-label {
21699
- --v-field-padding-bottom: 16px;
21700
- }
21701
-
21702
- .v-input--density-comfortable .v-field--variant-outlined, .v-input--density-comfortable .v-field--single-line, .v-input--density-comfortable .v-field--no-label {
21703
- --v-field-padding-bottom: 12px;
21704
- }
21705
-
21706
- .v-input--density-compact .v-field--variant-outlined, .v-input--density-compact .v-field--single-line, .v-input--density-compact .v-field--no-label {
21707
- --v-field-padding-bottom: 8px;
21708
- }
21709
-
21710
- .v-field--variant-plain, .v-field--variant-underlined {
21711
- border-radius: 0;
21712
- padding: 0;
21659
+
21660
+ .v-field--variant-plain, .v-field--variant-underlined {
21661
+ border-radius: 0;
21662
+ padding: 0;
21713
21663
  }
21714
21664
  .v-field--variant-plain.v-field, .v-field--variant-underlined.v-field {
21715
21665
  --v-field-padding-start: 0px;
@@ -22210,143 +22160,286 @@ textarea.v-field__input::placeholder {
22210
22160
  opacity: 0;
22211
22161
  }
22212
22162
 
22213
- /* endregion */.v-file-input--hide.v-input .v-field,
22214
- .v-file-input--hide.v-input .v-input__control,
22215
- .v-file-input--hide.v-input .v-input__details {
22216
- display: none;
22217
- }
22218
- .v-file-input--hide.v-input .v-input__prepend {
22219
- grid-area: control;
22220
- margin: 0 auto;
22163
+ /* endregion */.v-expansion-panel {
22164
+ background-color: rgb(var(--v-theme-surface));
22165
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22221
22166
  }
22222
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
22223
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
22224
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
22225
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
22226
- top: 0px;
22167
+ .v-expansion-panel:not(:first-child)::after {
22168
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22227
22169
  }
22228
- .v-file-input input[type=file] {
22229
- height: 100%;
22230
- left: 0;
22231
- opacity: 0;
22232
- position: absolute;
22233
- top: 0;
22234
- width: 100%;
22170
+ .v-expansion-panel--disabled .v-expansion-panel-title {
22171
+ color: rgba(var(--v-theme-on-surface), 0.26);
22235
22172
  }
22236
- .v-file-input .v-input__details {
22237
- padding-inline: 16px;
22173
+ .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
22174
+ opacity: 0.4615384615;
22238
22175
  }
22239
- .v-input--plain-underlined.v-file-input .v-input__details {
22240
- padding-inline: 0;
22241
- }.v-footer {
22242
- align-items: center;
22176
+
22177
+ .v-expansion-panels {
22243
22178
  display: flex;
22244
- flex: 1 1 auto;
22245
- padding: 8px 16px;
22179
+ flex-wrap: wrap;
22180
+ justify-content: center;
22181
+ list-style-type: none;
22182
+ padding: 0;
22183
+ width: 100%;
22246
22184
  position: relative;
22247
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22248
- transition-property: height, width, transform, max-width, left, right, top, bottom;
22185
+ z-index: 1;
22249
22186
  }
22250
- .v-footer {
22251
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22252
- border-style: solid;
22253
- border-width: 0;
22187
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
22188
+ border-bottom-left-radius: 0 !important;
22189
+ border-bottom-right-radius: 0 !important;
22254
22190
  }
22255
- .v-footer--border {
22256
- border-width: thin;
22257
- box-shadow: none;
22191
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
22192
+ border-top-left-radius: 0 !important;
22193
+ border-top-right-radius: 0 !important;
22258
22194
  }
22259
- .v-footer {
22260
- 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));
22195
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
22196
+ border-bottom-left-radius: 0 !important;
22197
+ border-bottom-right-radius: 0 !important;
22261
22198
  }
22262
- .v-footer--absolute {
22263
- position: absolute;
22199
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :last-child:not(:first-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
22200
+ border-top-left-radius: 0 !important;
22201
+ border-top-right-radius: 0 !important;
22264
22202
  }
22265
- .v-footer--fixed {
22266
- position: fixed;
22203
+ .v-expansion-panels--variant-accordion > :first-child:not(:last-child) {
22204
+ border-bottom-left-radius: 0 !important;
22205
+ border-bottom-right-radius: 0 !important;
22267
22206
  }
22268
- .v-footer {
22269
- border-radius: 0;
22207
+ .v-expansion-panels--variant-accordion > :last-child:not(:first-child) {
22208
+ border-top-left-radius: 0 !important;
22209
+ border-top-right-radius: 0 !important;
22270
22210
  }
22271
- .v-footer {
22272
- background: rgb(var(--v-theme-surface));
22273
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22211
+ .v-expansion-panels--variant-accordion > :last-child:not(:first-child) .v-expansion-panel-title--active {
22212
+ border-bottom-left-radius: initial;
22213
+ border-bottom-right-radius: initial;
22274
22214
  }
22275
- .v-footer--rounded {
22276
- border-radius: 4px;
22277
- }.v-fab {
22278
- align-items: center;
22279
- display: inline-flex;
22280
- flex: 1 1 auto;
22281
- pointer-events: none;
22215
+ .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
22216
+ border-radius: 0 !important;
22217
+ }
22218
+ .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
22219
+ transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
22220
+ }
22221
+
22222
+ .v-expansion-panel {
22223
+ flex: 1 0 100%;
22224
+ max-width: 100%;
22282
22225
  position: relative;
22283
- transition-duration: 0.2s;
22284
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
22285
- vertical-align: middle;
22226
+ transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
22227
+ transition-property: margin-top, border-radius, border, max-width;
22228
+ border-radius: 4px;
22286
22229
  }
22287
- .v-fab .v-btn {
22288
- pointer-events: auto;
22230
+ .v-expansion-panel:not(:first-child)::after {
22231
+ border-top-style: solid;
22232
+ border-top-width: thin;
22233
+ content: "";
22234
+ left: 0;
22235
+ position: absolute;
22236
+ right: 0;
22237
+ top: 0;
22238
+ transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
22289
22239
  }
22290
- .v-fab .v-btn--variant-elevated {
22291
- box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
22240
+ .v-expansion-panel--disabled .v-expansion-panel-title {
22241
+ pointer-events: none;
22292
22242
  }
22293
- .v-fab--app, .v-fab--absolute {
22294
- display: flex;
22243
+ .v-expansion-panel--active:not(:first-child),
22244
+ .v-expansion-panel--active + .v-expansion-panel {
22245
+ margin-top: 16px;
22295
22246
  }
22296
- .v-fab--absolute {
22247
+ .v-expansion-panel--active:not(:first-child)::after,
22248
+ .v-expansion-panel--active + .v-expansion-panel::after {
22249
+ opacity: 0;
22250
+ }
22251
+ .v-expansion-panel--active > .v-expansion-panel-title {
22252
+ border-bottom-left-radius: 0;
22253
+ border-bottom-right-radius: 0;
22254
+ }
22255
+ .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
22256
+ min-height: 64px;
22257
+ }
22258
+
22259
+ .v-expansion-panel__shadow {
22260
+ border-radius: inherit;
22261
+ z-index: -1;
22262
+ }
22263
+ .v-expansion-panel__shadow {
22297
22264
  position: absolute;
22298
- inset: 0;
22265
+ top: 0;
22266
+ left: 0;
22267
+ width: 100%;
22268
+ height: 100%;
22299
22269
  }
22300
- .v-fab--start, .v-fab--left {
22301
- justify-content: flex-start;
22270
+ .v-expansion-panel__shadow {
22271
+ 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));
22302
22272
  }
22303
- .v-fab--center {
22273
+
22274
+ .v-expansion-panel-title {
22304
22275
  align-items: center;
22305
- justify-content: center;
22276
+ text-align: start;
22277
+ border-radius: inherit;
22278
+ display: flex;
22279
+ font-size: 0.9375rem;
22280
+ line-height: 1;
22281
+ min-height: 48px;
22282
+ outline: none;
22283
+ padding: 16px 24px;
22284
+ position: relative;
22285
+ transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
22286
+ width: 100%;
22287
+ justify-content: space-between;
22306
22288
  }
22307
- .v-fab--end, .v-fab--right {
22308
- justify-content: flex-end;
22289
+ .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
22290
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22309
22291
  }
22310
- .v-fab--bottom {
22311
- align-items: flex-end;
22292
+ .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
22293
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
22312
22294
  }
22313
- .v-fab--top {
22314
- align-items: flex-start;
22295
+ @supports not selector(:focus-visible) {
22296
+ .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
22297
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
22298
+ }
22315
22299
  }
22316
- .v-fab--extended .v-btn {
22317
- border-radius: 9999px !important;
22300
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active .v-expansion-panel-title__overlay {
22301
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
22302
+ }
22303
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:hover .v-expansion-panel-title__overlay {
22304
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
22305
+ }
22306
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus-visible .v-expansion-panel-title__overlay {
22307
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
22308
+ }
22309
+ @supports not selector(:focus-visible) {
22310
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus .v-expansion-panel-title__overlay {
22311
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
22312
+ }
22318
22313
  }
22319
22314
 
22320
- .v-fab__container {
22321
- align-self: center;
22315
+ .v-expansion-panel-title__overlay {
22316
+ background-color: currentColor;
22317
+ border-radius: inherit;
22318
+ opacity: 0;
22319
+ }
22320
+ .v-expansion-panel-title__overlay {
22321
+ position: absolute;
22322
+ top: 0;
22323
+ left: 0;
22324
+ width: 100%;
22325
+ height: 100%;
22326
+ }
22327
+
22328
+ .v-expansion-panel-title__icon {
22322
22329
  display: inline-flex;
22323
- vertical-align: middle;
22330
+ margin-bottom: -4px;
22331
+ margin-top: -4px;
22332
+ -webkit-user-select: none;
22333
+ user-select: none;
22334
+ margin-inline-start: auto;
22324
22335
  }
22325
- .v-fab--app .v-fab__container {
22326
- margin: 12px;
22327
- position: fixed;
22336
+
22337
+ .v-expansion-panel-text {
22338
+ display: flex;
22328
22339
  }
22329
- .v-fab--absolute .v-fab__container {
22340
+ .v-expansion-panel-text__wrapper {
22341
+ padding: 8px 24px 16px;
22342
+ flex: 1 1 auto;
22343
+ max-width: 100%;
22344
+ }
22345
+
22346
+ .v-expansion-panels--variant-accordion > .v-expansion-panel {
22347
+ margin-top: 0;
22348
+ }
22349
+ .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
22350
+ opacity: 1;
22351
+ }
22352
+
22353
+ .v-expansion-panels--variant-popout > .v-expansion-panel {
22354
+ max-width: calc(100% - 32px);
22355
+ }
22356
+ .v-expansion-panels--variant-popout > .v-expansion-panel--active {
22357
+ max-width: calc(100% + 16px);
22358
+ }
22359
+
22360
+ .v-expansion-panels--variant-inset > .v-expansion-panel {
22361
+ max-width: 100%;
22362
+ }
22363
+ .v-expansion-panels--variant-inset > .v-expansion-panel--active {
22364
+ max-width: calc(100% - 32px);
22365
+ }
22366
+
22367
+ .v-expansion-panels--flat > .v-expansion-panel::after {
22368
+ border-top: none;
22369
+ }
22370
+ .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
22371
+ display: none;
22372
+ }
22373
+
22374
+ .v-expansion-panels--tile {
22375
+ border-radius: 0;
22376
+ }
22377
+ .v-expansion-panels--tile > .v-expansion-panel {
22378
+ border-radius: 0;
22379
+ }.v-footer {
22380
+ align-items: center;
22381
+ display: flex;
22382
+ flex: 1 1 auto;
22383
+ padding: 8px 16px;
22384
+ position: relative;
22385
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22386
+ transition-property: height, width, transform, max-width, left, right, top, bottom;
22387
+ }
22388
+ .v-footer {
22389
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22390
+ border-style: solid;
22391
+ border-width: 0;
22392
+ }
22393
+ .v-footer--border {
22394
+ border-width: thin;
22395
+ box-shadow: none;
22396
+ }
22397
+ .v-footer {
22398
+ 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));
22399
+ }
22400
+ .v-footer--absolute {
22330
22401
  position: absolute;
22331
- z-index: 4;
22332
22402
  }
22333
- .v-fab--offset.v-fab--top .v-fab__container {
22334
- transform: translateY(-50%);
22403
+ .v-footer--fixed {
22404
+ position: fixed;
22335
22405
  }
22336
- .v-fab--offset.v-fab--bottom .v-fab__container {
22337
- transform: translateY(50%);
22406
+ .v-footer {
22407
+ border-radius: 0;
22338
22408
  }
22339
- .v-fab--top .v-fab__container {
22340
- top: 0;
22409
+ .v-footer {
22410
+ background: rgb(var(--v-theme-surface));
22411
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22341
22412
  }
22342
- .v-fab--bottom .v-fab__container {
22343
- bottom: 0;
22413
+ .v-footer--rounded {
22414
+ border-radius: 4px;
22415
+ }.v-file-input--hide.v-input .v-field,
22416
+ .v-file-input--hide.v-input .v-input__control,
22417
+ .v-file-input--hide.v-input .v-input__details {
22418
+ display: none;
22344
22419
  }
22345
- .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
22420
+ .v-file-input--hide.v-input .v-input__prepend {
22421
+ grid-area: control;
22422
+ margin: 0 auto;
22423
+ }
22424
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
22425
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
22426
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
22427
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
22428
+ top: 0px;
22429
+ }
22430
+ .v-file-input input[type=file] {
22431
+ height: 100%;
22346
22432
  left: 0;
22433
+ opacity: 0;
22434
+ position: absolute;
22435
+ top: 0;
22436
+ width: 100%;
22347
22437
  }
22348
- .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
22349
- right: 0;
22438
+ .v-file-input .v-input__details {
22439
+ padding-inline: 16px;
22440
+ }
22441
+ .v-input--plain-underlined.v-file-input .v-input__details {
22442
+ padding-inline: 0;
22350
22443
  }.v-icon {
22351
22444
  --v-icon-size-multiplier: 1;
22352
22445
  align-items: center;
@@ -23249,36 +23342,22 @@ textarea.v-field__input::placeholder {
23249
23342
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
23250
23343
  }.v-locale-provider {
23251
23344
  display: contents;
23252
- }.v-main {
23253
- flex: 1 0 auto;
23254
- max-width: 100%;
23255
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23256
- padding-left: var(--v-layout-left);
23257
- padding-right: var(--v-layout-right);
23258
- padding-top: var(--v-layout-top);
23259
- padding-bottom: var(--v-layout-bottom);
23260
- }
23261
- .v-main__scroller {
23262
- max-width: 100%;
23345
+ }.v-messages {
23346
+ flex: 1 1 auto;
23347
+ font-size: 12px;
23348
+ min-height: 14px;
23349
+ min-width: 1px;
23350
+ opacity: var(--v-medium-emphasis-opacity);
23263
23351
  position: relative;
23264
23352
  }
23265
- .v-main--scrollable {
23266
- display: flex;
23267
- }
23268
- .v-main--scrollable {
23269
- position: absolute;
23270
- top: 0;
23271
- left: 0;
23272
- width: 100%;
23273
- height: 100%;
23274
- }
23275
- .v-main--scrollable > .v-main__scroller {
23276
- flex: 1 1 auto;
23277
- overflow-y: auto;
23278
- --v-layout-left: 0px;
23279
- --v-layout-right: 0px;
23280
- --v-layout-top: 0px;
23281
- --v-layout-bottom: 0px;
23353
+ .v-messages__message {
23354
+ line-height: 12px;
23355
+ word-break: break-word;
23356
+ overflow-wrap: break-word;
23357
+ word-wrap: break-word;
23358
+ -webkit-hyphens: auto;
23359
+ hyphens: auto;
23360
+ transition-duration: 150ms;
23282
23361
  }.v-menu > .v-overlay__content {
23283
23362
  display: flex;
23284
23363
  flex-direction: column;
@@ -23298,22 +23377,36 @@ textarea.v-field__input::placeholder {
23298
23377
  .v-menu > .v-overlay__content > .v-sheet,
23299
23378
  .v-menu > .v-overlay__content > .v-list {
23300
23379
  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));
23301
- }.v-messages {
23302
- flex: 1 1 auto;
23303
- font-size: 12px;
23304
- min-height: 14px;
23305
- min-width: 1px;
23306
- opacity: var(--v-medium-emphasis-opacity);
23380
+ }.v-main {
23381
+ flex: 1 0 auto;
23382
+ max-width: 100%;
23383
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23384
+ padding-left: var(--v-layout-left);
23385
+ padding-right: var(--v-layout-right);
23386
+ padding-top: var(--v-layout-top);
23387
+ padding-bottom: var(--v-layout-bottom);
23388
+ }
23389
+ .v-main__scroller {
23390
+ max-width: 100%;
23307
23391
  position: relative;
23308
23392
  }
23309
- .v-messages__message {
23310
- line-height: 12px;
23311
- word-break: break-word;
23312
- overflow-wrap: break-word;
23313
- word-wrap: break-word;
23314
- -webkit-hyphens: auto;
23315
- hyphens: auto;
23316
- transition-duration: 150ms;
23393
+ .v-main--scrollable {
23394
+ display: flex;
23395
+ }
23396
+ .v-main--scrollable {
23397
+ position: absolute;
23398
+ top: 0;
23399
+ left: 0;
23400
+ width: 100%;
23401
+ height: 100%;
23402
+ }
23403
+ .v-main--scrollable > .v-main__scroller {
23404
+ flex: 1 1 auto;
23405
+ overflow-y: auto;
23406
+ --v-layout-left: 0px;
23407
+ --v-layout-right: 0px;
23408
+ --v-layout-top: 0px;
23409
+ --v-layout-bottom: 0px;
23317
23410
  }.v-navigation-drawer {
23318
23411
  -webkit-overflow-scrolling: touch;
23319
23412
  background: rgb(var(--v-theme-surface));
@@ -23418,64 +23511,52 @@ textarea.v-field__input::placeholder {
23418
23511
  .v-navigation-drawer__append {
23419
23512
  flex: none;
23420
23513
  overflow: hidden;
23421
- }.v-otp-input {
23422
- align-items: center;
23423
- display: flex;
23424
- justify-content: center;
23425
- padding: 0.5rem 0;
23426
- position: relative;
23514
+ }.v-number-input input[type=number] {
23515
+ -moz-appearance: textfield;
23427
23516
  }
23428
- .v-otp-input {
23429
- border-radius: 4px;
23517
+ .v-number-input input[type=number]::-webkit-outer-spin-button, .v-number-input input[type=number]::-webkit-inner-spin-button {
23518
+ -webkit-appearance: none;
23430
23519
  }
23431
- .v-otp-input .v-field {
23432
- height: 100%;
23520
+ .v-number-input .v-field:not(:has(.v-field__prepend-inner > .v-icon)) {
23521
+ padding-inline-start: 0;
23433
23522
  }
23434
-
23435
- .v-otp-input__divider {
23436
- margin: 0 8px;
23523
+ .v-number-input .v-field:not(:has(.v-field__append-inner > .v-icon)) {
23524
+ padding-inline-end: 0;
23437
23525
  }
23438
-
23439
- .v-otp-input__content {
23440
- align-items: center;
23441
- display: flex;
23442
- gap: 0.5rem;
23443
- height: 64px;
23444
- padding: 0.5rem;
23445
- justify-content: center;
23446
- max-width: 320px;
23447
- position: relative;
23448
- border-radius: inherit;
23526
+ .v-number-input .v-field__prepend-inner:has(.v-number-input__control) > .v-icon {
23527
+ margin-inline-end: 12px;
23449
23528
  }
23450
- .v-otp-input--divided .v-otp-input__content {
23451
- max-width: 360px;
23529
+ .v-number-input .v-field__append-inner:has(.v-number-input__control) > .v-icon {
23530
+ margin-inline-start: 12px;
23452
23531
  }
23453
-
23454
- .v-otp-input__field {
23455
- color: inherit;
23456
- font-size: 1.25rem;
23457
- height: 100%;
23458
- outline: none;
23532
+ .v-number-input--inset .v-divider {
23533
+ height: 55%;
23534
+ width: 55%;
23535
+ align-self: center;
23536
+ }
23537
+ .v-number-input--split .v-field__input {
23459
23538
  text-align: center;
23460
- width: 100%;
23461
23539
  }
23462
- .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
23463
- -webkit-appearance: none;
23464
- margin: 0;
23540
+ .v-number-input--stacked .v-number-input__control {
23541
+ flex-direction: column-reverse;
23465
23542
  }
23466
- .v-otp-input__field[type=number] {
23467
- -moz-appearance: textfield;
23543
+ .v-number-input--stacked .v-number-input__control .v-btn {
23544
+ flex: 1;
23468
23545
  }
23469
-
23470
- .v-otp-input__loader {
23471
- align-items: center;
23546
+ .v-number-input--hide-input .v-field {
23547
+ flex: none;
23548
+ }
23549
+ .v-number-input--hide-input .v-field__input {
23550
+ width: 0;
23551
+ padding-inline: 0;
23552
+ }
23553
+ .v-number-input__control {
23472
23554
  display: flex;
23473
23555
  height: 100%;
23474
- justify-content: center;
23475
- width: 100%;
23476
23556
  }
23477
- .v-otp-input__loader .v-progress-linear {
23478
- position: absolute;
23557
+ .v-number-input__control .v-btn {
23558
+ background-color: transparent;
23559
+ border-radius: 0;
23479
23560
  }.v-overlay-container {
23480
23561
  contain: layout;
23481
23562
  left: 0;
@@ -23540,52 +23621,64 @@ html.v-overlay-scroll-blocked {
23540
23621
 
23541
23622
  .v-overlay--scroll-blocked {
23542
23623
  padding-inline-end: var(--v-scrollbar-offset);
23543
- }.v-number-input input[type=number] {
23544
- -moz-appearance: textfield;
23545
- }
23546
- .v-number-input input[type=number]::-webkit-outer-spin-button, .v-number-input input[type=number]::-webkit-inner-spin-button {
23547
- -webkit-appearance: none;
23624
+ }.v-otp-input {
23625
+ align-items: center;
23626
+ display: flex;
23627
+ justify-content: center;
23628
+ padding: 0.5rem 0;
23629
+ position: relative;
23548
23630
  }
23549
- .v-number-input .v-field:not(:has(.v-field__prepend-inner > .v-icon)) {
23550
- padding-inline-start: 0;
23631
+ .v-otp-input {
23632
+ border-radius: 4px;
23551
23633
  }
23552
- .v-number-input .v-field:not(:has(.v-field__append-inner > .v-icon)) {
23553
- padding-inline-end: 0;
23634
+ .v-otp-input .v-field {
23635
+ height: 100%;
23554
23636
  }
23555
- .v-number-input .v-field__prepend-inner:has(.v-number-input__control) > .v-icon {
23556
- margin-inline-end: 12px;
23637
+
23638
+ .v-otp-input__divider {
23639
+ margin: 0 8px;
23557
23640
  }
23558
- .v-number-input .v-field__append-inner:has(.v-number-input__control) > .v-icon {
23559
- margin-inline-start: 12px;
23641
+
23642
+ .v-otp-input__content {
23643
+ align-items: center;
23644
+ display: flex;
23645
+ gap: 0.5rem;
23646
+ height: 64px;
23647
+ padding: 0.5rem;
23648
+ justify-content: center;
23649
+ max-width: 320px;
23650
+ position: relative;
23651
+ border-radius: inherit;
23560
23652
  }
23561
- .v-number-input--inset .v-divider {
23562
- height: 55%;
23563
- width: 55%;
23564
- align-self: center;
23653
+ .v-otp-input--divided .v-otp-input__content {
23654
+ max-width: 360px;
23565
23655
  }
23566
- .v-number-input--split .v-field__input {
23656
+
23657
+ .v-otp-input__field {
23658
+ color: inherit;
23659
+ font-size: 1.25rem;
23660
+ height: 100%;
23661
+ outline: none;
23567
23662
  text-align: center;
23663
+ width: 100%;
23568
23664
  }
23569
- .v-number-input--stacked .v-number-input__control {
23570
- flex-direction: column-reverse;
23571
- }
23572
- .v-number-input--stacked .v-number-input__control .v-btn {
23573
- flex: 1;
23574
- }
23575
- .v-number-input--hide-input .v-field {
23576
- flex: none;
23665
+ .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
23666
+ -webkit-appearance: none;
23667
+ margin: 0;
23577
23668
  }
23578
- .v-number-input--hide-input .v-field__input {
23579
- width: 0;
23580
- padding-inline: 0;
23669
+ .v-otp-input__field[type=number] {
23670
+ -moz-appearance: textfield;
23581
23671
  }
23582
- .v-number-input__control {
23672
+
23673
+ .v-otp-input__loader {
23674
+ align-items: center;
23583
23675
  display: flex;
23584
23676
  height: 100%;
23677
+ justify-content: center;
23678
+ width: 100%;
23585
23679
  }
23586
- .v-number-input__control .v-btn {
23587
- background-color: transparent;
23588
- border-radius: 0;
23680
+ .v-otp-input__loader .v-progress-linear {
23681
+ position: absolute;
23589
23682
  }.v-pagination__list {
23590
23683
  display: inline-flex;
23591
23684
  list-style-type: none;
@@ -23930,59 +24023,18 @@ html.v-overlay-scroll-blocked {
23930
24023
  100% {
23931
24024
  transform: rotate(270deg);
23932
24025
  }
23933
- }.v-rating {
23934
- max-width: 100%;
23935
- display: inline-flex;
23936
- white-space: nowrap;
23937
- }
23938
- .v-rating--readonly {
23939
- pointer-events: none;
23940
- }
23941
-
23942
- .v-rating__wrapper {
23943
- align-items: center;
23944
- display: inline-flex;
24026
+ }.v-radio-group > .v-input__control {
23945
24027
  flex-direction: column;
23946
24028
  }
23947
- .v-rating__wrapper--bottom {
23948
- flex-direction: column-reverse;
23949
- }
23950
-
23951
- .v-rating__item {
23952
- display: inline-flex;
23953
- position: relative;
24029
+ .v-radio-group > .v-input__control > .v-label {
24030
+ margin-inline-start: 16px;
23954
24031
  }
23955
- .v-rating__item label {
23956
- cursor: pointer;
24032
+ .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
24033
+ padding-inline-start: 6px;
24034
+ margin-top: 8px;
23957
24035
  }
23958
- .v-rating__item .v-btn--variant-plain {
23959
- opacity: 1;
23960
- }
23961
- .v-rating__item .v-btn {
23962
- transition-property: transform;
23963
- }
23964
- .v-rating__item .v-btn .v-icon {
23965
- transition: inherit;
23966
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
23967
- }
23968
- .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
23969
- transform: scale(1.25);
23970
- }
23971
- .v-rating__item--half {
23972
- overflow: hidden;
23973
- position: absolute;
23974
- clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23975
- z-index: 1;
23976
- }
23977
- .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
23978
- opacity: 0;
23979
- }
23980
-
23981
- .v-rating__hidden {
23982
- height: 0;
23983
- opacity: 0;
23984
- position: absolute;
23985
- width: 0;
24036
+ .v-radio-group .v-input__details {
24037
+ padding-inline: 16px;
23986
24038
  }.v-slider .v-slider__container input {
23987
24039
  cursor: default;
23988
24040
  padding: 0;
@@ -24040,6 +24092,59 @@ html.v-overlay-scroll-blocked {
24040
24092
 
24041
24093
  .v-slider__label {
24042
24094
  margin-inline-end: 12px;
24095
+ }.v-rating {
24096
+ max-width: 100%;
24097
+ display: inline-flex;
24098
+ white-space: nowrap;
24099
+ }
24100
+ .v-rating--readonly {
24101
+ pointer-events: none;
24102
+ }
24103
+
24104
+ .v-rating__wrapper {
24105
+ align-items: center;
24106
+ display: inline-flex;
24107
+ flex-direction: column;
24108
+ }
24109
+ .v-rating__wrapper--bottom {
24110
+ flex-direction: column-reverse;
24111
+ }
24112
+
24113
+ .v-rating__item {
24114
+ display: inline-flex;
24115
+ position: relative;
24116
+ }
24117
+ .v-rating__item label {
24118
+ cursor: pointer;
24119
+ }
24120
+ .v-rating__item .v-btn--variant-plain {
24121
+ opacity: 1;
24122
+ }
24123
+ .v-rating__item .v-btn {
24124
+ transition-property: transform;
24125
+ }
24126
+ .v-rating__item .v-btn .v-icon {
24127
+ transition: inherit;
24128
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24129
+ }
24130
+ .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
24131
+ transform: scale(1.25);
24132
+ }
24133
+ .v-rating__item--half {
24134
+ overflow: hidden;
24135
+ position: absolute;
24136
+ clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
24137
+ z-index: 1;
24138
+ }
24139
+ .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
24140
+ opacity: 0;
24141
+ }
24142
+
24143
+ .v-rating__hidden {
24144
+ height: 0;
24145
+ opacity: 0;
24146
+ position: absolute;
24147
+ width: 0;
24043
24148
  }.v-responsive {
24044
24149
  display: flex;
24045
24150
  flex: 1 0 auto;
@@ -24487,6 +24592,61 @@ html.v-overlay-scroll-blocked {
24487
24592
  100% {
24488
24593
  transform: translateX(100%);
24489
24594
  }
24595
+ }.v-slide-group {
24596
+ display: flex;
24597
+ overflow: hidden;
24598
+ }
24599
+
24600
+ .v-slide-group__next,
24601
+ .v-slide-group__prev {
24602
+ align-items: center;
24603
+ display: flex;
24604
+ flex: 0 1 52px;
24605
+ justify-content: center;
24606
+ min-width: 52px;
24607
+ cursor: pointer;
24608
+ }
24609
+ .v-slide-group__next--disabled,
24610
+ .v-slide-group__prev--disabled {
24611
+ pointer-events: none;
24612
+ opacity: var(--v-disabled-opacity);
24613
+ }
24614
+
24615
+ .v-slide-group__content {
24616
+ display: flex;
24617
+ flex: 1 0 auto;
24618
+ position: relative;
24619
+ transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
24620
+ white-space: nowrap;
24621
+ }
24622
+ .v-slide-group__content > * {
24623
+ white-space: initial;
24624
+ }
24625
+
24626
+ .v-slide-group__container {
24627
+ contain: content;
24628
+ display: flex;
24629
+ flex: 1 1 auto;
24630
+ overflow-x: auto;
24631
+ overflow-y: hidden;
24632
+ scrollbar-width: none;
24633
+ scrollbar-color: rgba(0, 0, 0, 0);
24634
+ }
24635
+ .v-slide-group__container::-webkit-scrollbar {
24636
+ display: none;
24637
+ }
24638
+
24639
+ .v-slide-group--vertical {
24640
+ max-height: inherit;
24641
+ }
24642
+ .v-slide-group--vertical,
24643
+ .v-slide-group--vertical .v-slide-group__container,
24644
+ .v-slide-group--vertical .v-slide-group__content {
24645
+ flex-direction: column;
24646
+ }
24647
+ .v-slide-group--vertical .v-slide-group__container {
24648
+ overflow-x: hidden;
24649
+ overflow-y: auto;
24490
24650
  }.v-snackbar {
24491
24651
  justify-content: center;
24492
24652
  z-index: 10000;
@@ -24627,256 +24787,76 @@ html.v-overlay-scroll-blocked {
24627
24787
  }
24628
24788
  .v-snackbar-transition-leave-to {
24629
24789
  opacity: 0;
24630
- }.v-banner {
24631
- display: grid;
24632
- flex: 1 1;
24633
- font-size: 0.875rem;
24634
- grid-template-areas: "prepend content actions";
24635
- grid-template-columns: max-content auto max-content;
24636
- grid-template-rows: max-content max-content;
24637
- line-height: 1.6;
24638
- overflow: hidden;
24639
- padding-inline: 16px 8px;
24640
- padding-top: 16px;
24641
- padding-bottom: 16px;
24642
- position: relative;
24643
- width: 100%;
24644
- }
24645
- .v-banner {
24646
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
24647
- border-style: solid;
24648
- border-width: 0 0 thin 0;
24649
- }
24650
- .v-banner--border {
24651
- border-width: thin;
24652
- box-shadow: none;
24790
+ }.v-speed-dial__content {
24791
+ gap: 8px;
24653
24792
  }
24654
- .v-banner {
24655
- 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));
24793
+ .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 {
24794
+ flex-direction: row;
24656
24795
  }
24657
- .v-banner--absolute {
24658
- position: absolute;
24796
+ .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 {
24797
+ flex-direction: row-reverse;
24659
24798
  }
24660
- .v-banner--fixed {
24661
- position: fixed;
24799
+ .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 {
24800
+ flex-direction: column-reverse;
24662
24801
  }
24663
- .v-banner--sticky {
24664
- position: sticky;
24802
+ .v-speed-dial__content > *:nth-child(1) {
24803
+ transition-delay: 0s;
24665
24804
  }
24666
- .v-banner {
24667
- border-radius: 0;
24805
+ .v-speed-dial__content > *:nth-child(2) {
24806
+ transition-delay: 0.05s;
24668
24807
  }
24669
- .v-banner {
24670
- background: rgb(var(--v-theme-surface));
24671
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24808
+ .v-speed-dial__content > *:nth-child(3) {
24809
+ transition-delay: 0.1s;
24672
24810
  }
24673
- .v-banner--rounded {
24674
- border-radius: 4px;
24811
+ .v-speed-dial__content > *:nth-child(4) {
24812
+ transition-delay: 0.15s;
24675
24813
  }
24676
- .v-banner--stacked:not(.v-banner--one-line) {
24677
- grid-template-areas: "prepend content" ". actions";
24814
+ .v-speed-dial__content > *:nth-child(5) {
24815
+ transition-delay: 0.2s;
24678
24816
  }
24679
- .v-banner--stacked .v-banner-text {
24680
- padding-inline-end: 36px;
24817
+ .v-speed-dial__content > *:nth-child(6) {
24818
+ transition-delay: 0.25s;
24681
24819
  }
24682
- .v-banner--density-default .v-banner-actions {
24683
- margin-bottom: -8px;
24820
+ .v-speed-dial__content > *:nth-child(7) {
24821
+ transition-delay: 0.3s;
24684
24822
  }
24685
- .v-banner--density-default.v-banner--one-line {
24686
- padding-top: 8px;
24687
- padding-bottom: 8px;
24823
+ .v-speed-dial__content > *:nth-child(8) {
24824
+ transition-delay: 0.35s;
24688
24825
  }
24689
- .v-banner--density-default.v-banner--one-line .v-banner-actions {
24690
- margin-bottom: 0;
24826
+ .v-speed-dial__content > *:nth-child(9) {
24827
+ transition-delay: 0.4s;
24691
24828
  }
24692
- .v-banner--density-default.v-banner--one-line {
24693
- padding-top: 10px;
24829
+ .v-speed-dial__content > *:nth-child(10) {
24830
+ transition-delay: 0.45s;
24831
+ }.v-stepper.v-sheet {
24832
+ overflow: hidden;
24694
24833
  }
24695
- .v-banner--density-default.v-banner--two-line {
24696
- padding-top: 16px;
24697
- padding-bottom: 16px;
24834
+ .v-stepper.v-sheet {
24835
+ 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));
24698
24836
  }
24699
- .v-banner--density-default.v-banner--three-line {
24700
- padding-top: 24px;
24701
- padding-bottom: 16px;
24837
+ .v-stepper.v-sheet {
24838
+ border-radius: 4px;
24702
24839
  }
24703
- .v-banner--density-default:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-default.v-banner--two-line .v-banner-actions, .v-banner--density-default.v-banner--three-line .v-banner-actions {
24704
- margin-top: 20px;
24840
+ .v-stepper.v-sheet.v-stepper--flat {
24841
+ 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));
24705
24842
  }
24706
24843
 
24707
- .v-banner--density-comfortable .v-banner-actions {
24708
- margin-bottom: -4px;
24844
+ .v-stepper-header {
24845
+ align-items: center;
24846
+ display: flex;
24847
+ position: relative;
24848
+ overflow-x: auto;
24849
+ justify-content: space-between;
24850
+ z-index: 1;
24709
24851
  }
24710
- .v-banner--density-comfortable.v-banner--one-line {
24711
- padding-top: 4px;
24712
- padding-bottom: 4px;
24852
+ .v-stepper-header {
24853
+ 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));
24713
24854
  }
24714
- .v-banner--density-comfortable.v-banner--one-line .v-banner-actions {
24715
- margin-bottom: 0;
24855
+ .v-stepper-header .v-divider {
24856
+ margin: 0 -16px;
24716
24857
  }
24717
- .v-banner--density-comfortable.v-banner--two-line {
24718
- padding-top: 12px;
24719
- padding-bottom: 12px;
24720
- }
24721
- .v-banner--density-comfortable.v-banner--three-line {
24722
- padding-top: 20px;
24723
- padding-bottom: 12px;
24724
- }
24725
- .v-banner--density-comfortable:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-comfortable.v-banner--two-line .v-banner-actions, .v-banner--density-comfortable.v-banner--three-line .v-banner-actions {
24726
- margin-top: 16px;
24727
- }
24728
-
24729
- .v-banner--density-compact .v-banner-actions {
24730
- margin-bottom: 0px;
24731
- }
24732
- .v-banner--density-compact.v-banner--one-line {
24733
- padding-top: 0px;
24734
- padding-bottom: 0px;
24735
- }
24736
- .v-banner--density-compact.v-banner--one-line .v-banner-actions {
24737
- margin-bottom: 0;
24738
- }
24739
- .v-banner--density-compact.v-banner--two-line {
24740
- padding-top: 8px;
24741
- padding-bottom: 8px;
24742
- }
24743
- .v-banner--density-compact.v-banner--three-line {
24744
- padding-top: 16px;
24745
- padding-bottom: 8px;
24746
- }
24747
- .v-banner--density-compact:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-compact.v-banner--two-line .v-banner-actions, .v-banner--density-compact.v-banner--three-line .v-banner-actions {
24748
- margin-top: 12px;
24749
- }
24750
-
24751
- .v-banner--sticky {
24752
- top: 0;
24753
- z-index: 1;
24754
- }
24755
-
24756
- .v-banner__content {
24757
- align-items: center;
24758
- display: flex;
24759
- grid-area: content;
24760
- }
24761
-
24762
- .v-banner__prepend {
24763
- align-self: flex-start;
24764
- grid-area: prepend;
24765
- margin-inline-end: 24px;
24766
- }
24767
-
24768
- .v-banner-actions {
24769
- align-self: flex-end;
24770
- display: flex;
24771
- flex: 0 1;
24772
- grid-area: actions;
24773
- justify-content: flex-end;
24774
- }
24775
- .v-banner--two-line .v-banner-actions, .v-banner--three-line .v-banner-actions {
24776
- margin-top: 20px;
24777
- }
24778
-
24779
- .v-banner-text {
24780
- -webkit-box-orient: vertical;
24781
- display: -webkit-box;
24782
- padding-inline-end: 90px;
24783
- overflow: hidden;
24784
- }
24785
- .v-banner--one-line .v-banner-text {
24786
- -webkit-line-clamp: 1;
24787
- }
24788
- .v-banner--two-line .v-banner-text {
24789
- -webkit-line-clamp: 2;
24790
- }
24791
- .v-banner--three-line .v-banner-text {
24792
- -webkit-line-clamp: 3;
24793
- }
24794
- .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
24795
- align-self: flex-start;
24796
- }.v-slide-group {
24797
- display: flex;
24798
- overflow: hidden;
24799
- }
24800
-
24801
- .v-slide-group__next,
24802
- .v-slide-group__prev {
24803
- align-items: center;
24804
- display: flex;
24805
- flex: 0 1 52px;
24806
- justify-content: center;
24807
- min-width: 52px;
24808
- cursor: pointer;
24809
- }
24810
- .v-slide-group__next--disabled,
24811
- .v-slide-group__prev--disabled {
24812
- pointer-events: none;
24813
- opacity: var(--v-disabled-opacity);
24814
- }
24815
-
24816
- .v-slide-group__content {
24817
- display: flex;
24818
- flex: 1 0 auto;
24819
- position: relative;
24820
- transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
24821
- white-space: nowrap;
24822
- }
24823
- .v-slide-group__content > * {
24824
- white-space: initial;
24825
- }
24826
-
24827
- .v-slide-group__container {
24828
- contain: content;
24829
- display: flex;
24830
- flex: 1 1 auto;
24831
- overflow-x: auto;
24832
- overflow-y: hidden;
24833
- scrollbar-width: none;
24834
- scrollbar-color: rgba(0, 0, 0, 0);
24835
- }
24836
- .v-slide-group__container::-webkit-scrollbar {
24837
- display: none;
24838
- }
24839
-
24840
- .v-slide-group--vertical {
24841
- max-height: inherit;
24842
- }
24843
- .v-slide-group--vertical,
24844
- .v-slide-group--vertical .v-slide-group__container,
24845
- .v-slide-group--vertical .v-slide-group__content {
24846
- flex-direction: column;
24847
- }
24848
- .v-slide-group--vertical .v-slide-group__container {
24849
- overflow-x: hidden;
24850
- overflow-y: auto;
24851
- }.v-stepper.v-sheet {
24852
- overflow: hidden;
24853
- }
24854
- .v-stepper.v-sheet {
24855
- 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));
24856
- }
24857
- .v-stepper.v-sheet {
24858
- border-radius: 4px;
24859
- }
24860
- .v-stepper.v-sheet.v-stepper--flat {
24861
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
24862
- }
24863
-
24864
- .v-stepper-header {
24865
- align-items: center;
24866
- display: flex;
24867
- position: relative;
24868
- overflow-x: auto;
24869
- justify-content: space-between;
24870
- z-index: 1;
24871
- }
24872
- .v-stepper-header {
24873
- 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));
24874
- }
24875
- .v-stepper-header .v-divider {
24876
- margin: 0 -16px;
24877
- }
24878
- .v-stepper-header .v-divider:last-child {
24879
- margin-inline-end: 0;
24858
+ .v-stepper-header .v-divider:last-child {
24859
+ margin-inline-end: 0;
24880
24860
  }
24881
24861
  .v-stepper-header .v-divider:first-child {
24882
24862
  margin-inline-start: 0;
@@ -25023,264 +25003,84 @@ html.v-overlay-scroll-blocked {
25023
25003
  left: 0;
25024
25004
  width: 100%;
25025
25005
  height: 100%;
25026
- }.v-speed-dial__content {
25027
- gap: 8px;
25006
+ }.v-system-bar {
25007
+ align-items: center;
25008
+ display: flex;
25009
+ flex: 1 1 auto;
25010
+ height: 24px;
25011
+ justify-content: flex-end;
25012
+ max-width: 100%;
25013
+ padding-inline: 8px;
25014
+ position: relative;
25015
+ text-align: end;
25016
+ width: 100%;
25028
25017
  }
25029
- .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 {
25030
- flex-direction: row;
25018
+ .v-system-bar .v-icon {
25019
+ opacity: var(--v-medium-emphasis-opacity);
25031
25020
  }
25032
- .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 {
25033
- flex-direction: row-reverse;
25021
+ .v-system-bar {
25022
+ 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));
25034
25023
  }
25035
- .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 {
25036
- flex-direction: column-reverse;
25024
+ .v-system-bar--absolute {
25025
+ position: absolute;
25037
25026
  }
25038
- .v-speed-dial__content > *:nth-child(1) {
25039
- transition-delay: 0s;
25027
+ .v-system-bar--fixed {
25028
+ position: fixed;
25040
25029
  }
25041
- .v-speed-dial__content > *:nth-child(2) {
25042
- transition-delay: 0.05s;
25030
+ .v-system-bar {
25031
+ background: rgba(var(--v-theme-surface-light));
25032
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
25043
25033
  }
25044
- .v-speed-dial__content > *:nth-child(3) {
25045
- transition-delay: 0.1s;
25034
+ .v-system-bar {
25035
+ font-size: 0.75rem;
25036
+ font-weight: 400;
25037
+ letter-spacing: 0.0333333333em;
25038
+ line-height: 1.667;
25039
+ text-transform: none;
25046
25040
  }
25047
- .v-speed-dial__content > *:nth-child(4) {
25048
- transition-delay: 0.15s;
25041
+ .v-system-bar--rounded {
25042
+ border-radius: 0;
25049
25043
  }
25050
- .v-speed-dial__content > *:nth-child(5) {
25051
- transition-delay: 0.2s;
25044
+ .v-system-bar--window {
25045
+ height: 32px;
25052
25046
  }
25053
- .v-speed-dial__content > *:nth-child(6) {
25054
- transition-delay: 0.25s;
25047
+ .v-system-bar:not(.v-system-bar--absolute) {
25048
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
25049
+ }.v-tab.v-tab.v-btn {
25050
+ height: var(--v-tabs-height);
25051
+ border-radius: 0;
25052
+ min-width: 90px;
25055
25053
  }
25056
- .v-speed-dial__content > *:nth-child(7) {
25057
- transition-delay: 0.3s;
25054
+ .v-slide-group--horizontal .v-tab {
25055
+ max-width: 360px;
25058
25056
  }
25059
- .v-speed-dial__content > *:nth-child(8) {
25060
- transition-delay: 0.35s;
25057
+ .v-slide-group--vertical .v-tab {
25058
+ justify-content: start;
25061
25059
  }
25062
- .v-speed-dial__content > *:nth-child(9) {
25063
- transition-delay: 0.4s;
25060
+
25061
+ .v-tab__slider {
25062
+ position: absolute;
25063
+ bottom: 0;
25064
+ left: 0;
25065
+ height: 2px;
25066
+ width: 100%;
25067
+ background: currentColor;
25068
+ pointer-events: none;
25069
+ opacity: 0;
25064
25070
  }
25065
- .v-speed-dial__content > *:nth-child(10) {
25066
- transition-delay: 0.45s;
25067
- }.v-switch .v-label {
25068
- padding-inline-start: 10px;
25071
+ .v-tab--selected .v-tab__slider {
25072
+ opacity: 1;
25069
25073
  }
25070
-
25071
- .v-switch__loader {
25074
+ .v-slide-group--vertical .v-tab__slider {
25075
+ top: 0;
25076
+ height: 100%;
25077
+ width: 2px;
25078
+ }.v-tabs {
25072
25079
  display: flex;
25080
+ height: var(--v-tabs-height);
25073
25081
  }
25074
- .v-switch__loader .v-progress-circular {
25075
- color: rgb(var(--v-theme-surface));
25076
- }
25077
-
25078
- .v-switch__track,
25079
- .v-switch__thumb {
25080
- transition: none;
25081
- }
25082
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
25083
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
25084
- background-color: rgb(var(--v-theme-error));
25085
- color: rgb(var(--v-theme-on-error));
25086
- }
25087
-
25088
- .v-switch__track-true {
25089
- margin-inline-end: auto;
25090
- }
25091
- .v-selection-control:not(.v-selection-control--dirty) .v-switch__track-true {
25092
- opacity: 0;
25093
- }
25094
-
25095
- .v-switch__track-false {
25096
- margin-inline-start: auto;
25097
- }
25098
- .v-selection-control--dirty .v-switch__track-false {
25099
- opacity: 0;
25100
- }
25101
-
25102
- .v-switch__track {
25103
- display: inline-flex;
25104
- align-items: center;
25105
- font-size: 0.5rem;
25106
- padding: 0 5px;
25107
- background-color: rgb(var(--v-theme-surface-variant));
25108
- border-radius: 9999px;
25109
- height: 14px;
25110
- opacity: 0.6;
25111
- min-width: 36px;
25112
- cursor: pointer;
25113
- transition: 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
25114
- }
25115
- .v-switch--inset .v-switch__track {
25116
- border-radius: 9999px;
25117
- font-size: 0.75rem;
25118
- height: 32px;
25119
- min-width: 52px;
25120
- }
25121
-
25122
- .v-switch__thumb {
25123
- align-items: center;
25124
- background-color: rgb(var(--v-theme-surface-bright));
25125
- color: rgb(var(--v-theme-on-surface-bright));
25126
- border-radius: 50%;
25127
- display: flex;
25128
- font-size: 0.75rem;
25129
- height: 20px;
25130
- justify-content: center;
25131
- width: 20px;
25132
- pointer-events: none;
25133
- transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1), 0.2s color cubic-bezier(0.4, 0, 0.2, 1), 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
25134
- position: relative;
25135
- overflow: hidden;
25136
- }
25137
- .v-switch:not(.v-switch--inset) .v-switch__thumb {
25138
- 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));
25139
- }
25140
- .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
25141
- background: rgb(var(--v-theme-surface-variant));
25142
- color: rgb(var(--v-theme-on-surface-variant));
25143
- }
25144
- .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
25145
- 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));
25146
- }
25147
- .v-switch--inset .v-switch__thumb {
25148
- height: 24px;
25149
- width: 24px;
25150
- transform: scale(0.6666666667);
25151
- }
25152
- .v-switch--inset .v-switch__thumb--filled {
25153
- transform: none;
25154
- }
25155
- .v-switch--inset .v-selection-control--dirty .v-switch__thumb {
25156
- transform: none;
25157
- transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
25158
- }
25159
-
25160
- .v-switch.v-input {
25161
- flex: 0 1 auto;
25162
- }
25163
- .v-switch .v-selection-control {
25164
- min-height: var(--v-input-control-height);
25165
- }
25166
- .v-switch .v-selection-control__input {
25167
- border-radius: 50%;
25168
- transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
25169
- position: absolute;
25170
- }
25171
- .v-locale--is-ltr.v-switch .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control__input {
25172
- transform: translateX(-10px);
25173
- }
25174
-
25175
- .v-locale--is-rtl.v-switch .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control__input {
25176
- transform: translateX(10px);
25177
- }
25178
-
25179
- .v-switch .v-selection-control__input .v-icon {
25180
- position: absolute;
25181
- }
25182
- .v-locale--is-ltr.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control--dirty .v-selection-control__input {
25183
- transform: translateX(10px);
25184
- }
25185
-
25186
- .v-locale--is-rtl.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control--dirty .v-selection-control__input {
25187
- transform: translateX(-10px);
25188
- }
25189
-
25190
- .v-switch.v-switch--indeterminate .v-selection-control__input {
25191
- transform: scale(0.8);
25192
- }
25193
- .v-switch.v-switch--indeterminate .v-switch__thumb {
25194
- transform: scale(0.75);
25195
- box-shadow: none;
25196
- }
25197
- .v-switch.v-switch--inset .v-selection-control__wrapper {
25198
- width: auto;
25199
- }
25200
- .v-switch.v-input--vertical .v-label {
25201
- min-width: max-content;
25202
- }
25203
- .v-switch.v-input--vertical .v-selection-control__wrapper {
25204
- transform: rotate(-90deg);
25205
- }
25206
-
25207
- @media (forced-colors: active) {
25208
- .v-switch .v-switch__loader .v-progress-circular {
25209
- color: currentColor;
25210
- }
25211
- .v-switch .v-switch__thumb {
25212
- background-color: buttontext;
25213
- }
25214
- .v-switch .v-switch__track,
25215
- .v-switch .v-switch__thumb {
25216
- border: 1px solid;
25217
- color: buttontext;
25218
- }
25219
- .v-switch:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
25220
- background-color: highlight;
25221
- }
25222
- .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track {
25223
- background-color: highlight;
25224
- }
25225
- .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track,
25226
- .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
25227
- color: highlight;
25228
- }
25229
- .v-switch.v-switch--inset .v-switch__track {
25230
- border-width: 2px;
25231
- }
25232
- .v-switch.v-switch--inset:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
25233
- background-color: highlighttext;
25234
- color: highlighttext;
25235
- }
25236
- .v-switch.v-input--disabled .v-switch__thumb {
25237
- background-color: graytext;
25238
- }
25239
- .v-switch.v-input--disabled .v-switch__track,
25240
- .v-switch.v-input--disabled .v-switch__thumb {
25241
- color: graytext;
25242
- }
25243
- .v-switch.v-switch--loading .v-switch__thumb {
25244
- background-color: canvas;
25245
- }
25246
- .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
25247
- border-width: 0;
25248
- }
25249
- }.v-tab.v-tab.v-btn {
25250
- height: var(--v-tabs-height);
25251
- border-radius: 0;
25252
- min-width: 90px;
25253
- }
25254
- .v-slide-group--horizontal .v-tab {
25255
- max-width: 360px;
25256
- }
25257
- .v-slide-group--vertical .v-tab {
25258
- justify-content: start;
25259
- }
25260
-
25261
- .v-tab__slider {
25262
- position: absolute;
25263
- bottom: 0;
25264
- left: 0;
25265
- height: 2px;
25266
- width: 100%;
25267
- background: currentColor;
25268
- pointer-events: none;
25269
- opacity: 0;
25270
- }
25271
- .v-tab--selected .v-tab__slider {
25272
- opacity: 1;
25273
- }
25274
- .v-slide-group--vertical .v-tab__slider {
25275
- top: 0;
25276
- height: 100%;
25277
- width: 2px;
25278
- }.v-tabs {
25279
- display: flex;
25280
- height: var(--v-tabs-height);
25281
- }
25282
- .v-tabs--density-default {
25283
- --v-tabs-height: 48px;
25082
+ .v-tabs--density-default {
25083
+ --v-tabs-height: 48px;
25284
25084
  }
25285
25085
  .v-tabs--density-default.v-tabs--stacked {
25286
25086
  --v-tabs-height: 72px;
@@ -25341,120 +25141,36 @@ html.v-overlay-scroll-blocked {
25341
25141
  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
25342
25142
  margin-inline-end: 52px;
25343
25143
  }
25344
- }/* region BLOCK */
25345
- .v-text-field input {
25346
- color: inherit;
25347
- opacity: 0;
25348
- flex: 1;
25349
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25350
- min-width: 0;
25144
+ }.v-table {
25145
+ font-size: 0.875rem;
25146
+ transition-duration: 0.28s;
25147
+ transition-property: box-shadow, opacity, background, height;
25148
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
25351
25149
  }
25352
- .v-text-field input:focus, .v-text-field input:active {
25353
- outline: none;
25150
+ .v-table {
25151
+ background: rgb(var(--v-theme-surface));
25152
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
25354
25153
  }
25355
- .v-text-field input:invalid {
25356
- box-shadow: none;
25154
+ .v-table .v-table-divider {
25155
+ border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
25357
25156
  }
25358
- .v-text-field .v-field {
25359
- cursor: text;
25157
+ .v-table .v-table__wrapper > table > thead > tr > th {
25158
+ border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
25360
25159
  }
25361
- .v-text-field--prefixed.v-text-field .v-field:not(.v-field--reverse) .v-field__input {
25362
- --v-field-padding-start: 6px;
25160
+ .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > td,
25161
+ .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > th {
25162
+ border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
25363
25163
  }
25364
-
25365
- .v-text-field--suffixed.v-text-field .v-field:not(.v-field--reverse) .v-field__input {
25366
- --v-field-padding-end: 0;
25164
+ .v-table .v-table__wrapper > table > tfoot > tr > td,
25165
+ .v-table .v-table__wrapper > table > tfoot > tr > th {
25166
+ border-top: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
25367
25167
  }
25368
-
25369
- .v-text-field--prefixed.v-text-field .v-field.v-field--reverse .v-field__input {
25370
- --v-field-padding-end: 6px;
25168
+ .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr > td {
25169
+ position: relative;
25371
25170
  }
25372
-
25373
- .v-text-field--suffixed.v-text-field .v-field.v-field--reverse .v-field__input {
25374
- --v-field-padding-start: 0;
25375
- }
25376
-
25377
- .v-text-field .v-input__details {
25378
- padding-inline: 16px;
25379
- }
25380
- .v-input--plain-underlined.v-text-field .v-input__details {
25381
- padding-inline: 0;
25382
- }
25383
-
25384
- .v-text-field .v-field--no-label input,
25385
- .v-text-field .v-field--active input {
25386
- opacity: 1;
25387
- }
25388
- .v-text-field .v-field--single-line input {
25389
- transition: none;
25390
- }
25391
-
25392
- /* endregion */
25393
- /* region ELEMENTS */
25394
- .v-text-field__prefix, .v-text-field__suffix {
25395
- align-items: center;
25396
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
25397
- cursor: default;
25398
- display: flex;
25399
- opacity: 0;
25400
- transition: inherit;
25401
- white-space: nowrap;
25402
- min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
25403
- padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
25404
- padding-bottom: var(--v-field-padding-bottom, 6px);
25405
- }
25406
- .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
25407
- opacity: 1;
25408
- }
25409
- .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
25410
- color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
25411
- }
25412
- .v-field:not(.v-field--reverse) .v-text-field__prefix {
25413
- padding-inline-start: var(--v-field-padding-start);
25414
- }
25415
-
25416
- .v-field.v-field--reverse .v-text-field__prefix {
25417
- padding-inline-end: var(--v-field-padding-end);
25418
- }
25419
-
25420
- .v-field:not(.v-field--reverse) .v-text-field__suffix {
25421
- padding-inline-end: var(--v-field-padding-end);
25422
- }
25423
-
25424
- .v-field.v-field--reverse .v-text-field__suffix {
25425
- padding-inline-start: var(--v-field-padding-start);
25426
- }
25427
-
25428
- /* endregion */.v-table {
25429
- font-size: 0.875rem;
25430
- transition-duration: 0.28s;
25431
- transition-property: box-shadow, opacity, background, height;
25432
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
25433
- }
25434
- .v-table {
25435
- background: rgb(var(--v-theme-surface));
25436
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
25437
- }
25438
- .v-table .v-table-divider {
25439
- border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
25440
- }
25441
- .v-table .v-table__wrapper > table > thead > tr > th {
25442
- border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
25443
- }
25444
- .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > td,
25445
- .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > th {
25446
- border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
25447
- }
25448
- .v-table .v-table__wrapper > table > tfoot > tr > td,
25449
- .v-table .v-table__wrapper > table > tfoot > tr > th {
25450
- border-top: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
25451
- }
25452
- .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr > td {
25453
- position: relative;
25454
- }
25455
- .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover > td::after {
25456
- background: rgba(var(--v-border-color), var(--v-hover-opacity));
25457
- pointer-events: none;
25171
+ .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover > td::after {
25172
+ background: rgba(var(--v-border-color), var(--v-hover-opacity));
25173
+ pointer-events: none;
25458
25174
  }
25459
25175
  .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover > td::after {
25460
25176
  content: "";
@@ -25567,49 +25283,6 @@ html.v-overlay-scroll-blocked {
25567
25283
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
25568
25284
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
25569
25285
  border-top: 0px !important;
25570
- }.v-system-bar {
25571
- align-items: center;
25572
- display: flex;
25573
- flex: 1 1 auto;
25574
- height: 24px;
25575
- justify-content: flex-end;
25576
- max-width: 100%;
25577
- padding-inline: 8px;
25578
- position: relative;
25579
- text-align: end;
25580
- width: 100%;
25581
- }
25582
- .v-system-bar .v-icon {
25583
- opacity: var(--v-medium-emphasis-opacity);
25584
- }
25585
- .v-system-bar {
25586
- 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));
25587
- }
25588
- .v-system-bar--absolute {
25589
- position: absolute;
25590
- }
25591
- .v-system-bar--fixed {
25592
- position: fixed;
25593
- }
25594
- .v-system-bar {
25595
- background: rgba(var(--v-theme-surface-light));
25596
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
25597
- }
25598
- .v-system-bar {
25599
- font-size: 0.75rem;
25600
- font-weight: 400;
25601
- letter-spacing: 0.0333333333em;
25602
- line-height: 1.667;
25603
- text-transform: none;
25604
- }
25605
- .v-system-bar--rounded {
25606
- border-radius: 0;
25607
- }
25608
- .v-system-bar--window {
25609
- height: 32px;
25610
- }
25611
- .v-system-bar:not(.v-system-bar--absolute) {
25612
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
25613
25286
  }.v-textarea .v-field {
25614
25287
  --v-textarea-control-height: var(--v-input-control-height);
25615
25288
  }
@@ -25650,102 +25323,333 @@ html.v-overlay-scroll-blocked {
25650
25323
  }
25651
25324
  .v-textarea textarea:invalid {
25652
25325
  box-shadow: none;
25653
- }.v-timeline .v-timeline-divider__dot {
25654
- background: rgb(var(--v-theme-surface-light));
25326
+ }/* region BLOCK */
25327
+ .v-text-field input {
25328
+ color: inherit;
25329
+ opacity: 0;
25330
+ flex: 1;
25331
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25332
+ min-width: 0;
25655
25333
  }
25656
- .v-timeline .v-timeline-divider__inner-dot {
25657
- background: rgb(var(--v-theme-on-surface));
25334
+ .v-text-field input:focus, .v-text-field input:active {
25335
+ outline: none;
25658
25336
  }
25659
-
25660
- .v-timeline {
25661
- display: grid;
25662
- grid-auto-flow: dense;
25663
- position: relative;
25337
+ .v-text-field input:invalid {
25338
+ box-shadow: none;
25664
25339
  }
25665
- .v-timeline--horizontal.v-timeline {
25666
- grid-column-gap: 24px;
25667
- width: 100%;
25340
+ .v-text-field .v-field {
25341
+ cursor: text;
25668
25342
  }
25669
- .v-timeline--horizontal.v-timeline .v-timeline--side-end > .v-timeline-item .v-timeline-item__body, .v-timeline--horizontal.v-timeline:not(.v-timeline--side-start) > .v-timeline-item--side-end .v-timeline-item__body, .v-timeline--horizontal.v-timeline:not(.v-timeline--side-start) > .v-timeline-item:nth-child(2n+1):not(.v-timeline-item--side-start) .v-timeline-item__body {
25670
- grid-row: 3;
25671
- align-self: flex-start;
25672
- padding-block-start: 24px;
25343
+ .v-text-field--prefixed.v-text-field .v-field:not(.v-field--reverse) .v-field__input {
25344
+ --v-field-padding-start: 6px;
25673
25345
  }
25674
- .v-timeline--horizontal.v-timeline .v-timeline--side-end > .v-timeline-item .v-timeline-item__opposite, .v-timeline--horizontal.v-timeline:not(.v-timeline--side-start) > .v-timeline-item--side-end .v-timeline-item__opposite, .v-timeline--horizontal.v-timeline:not(.v-timeline--side-start) > .v-timeline-item:nth-child(2n+1):not(.v-timeline-item--side-start) .v-timeline-item__opposite {
25675
- grid-row: 1;
25676
- align-self: flex-end;
25677
- padding-block-end: 24px;
25346
+
25347
+ .v-text-field--suffixed.v-text-field .v-field:not(.v-field--reverse) .v-field__input {
25348
+ --v-field-padding-end: 0;
25678
25349
  }
25679
- .v-timeline--horizontal.v-timeline .v-timeline--side-start > .v-timeline-item .v-timeline-item__body, .v-timeline--horizontal.v-timeline:not(.v-timeline--side-end) > .v-timeline-item--side-start .v-timeline-item__body, .v-timeline--horizontal.v-timeline:not(.v-timeline--side-end) > .v-timeline-item:nth-child(2n):not(.v-timeline-item--side-end) .v-timeline-item__body {
25680
- grid-row: 1;
25681
- align-self: flex-end;
25682
- padding-block-end: 24px;
25350
+
25351
+ .v-text-field--prefixed.v-text-field .v-field.v-field--reverse .v-field__input {
25352
+ --v-field-padding-end: 6px;
25683
25353
  }
25684
- .v-timeline--horizontal.v-timeline .v-timeline--side-start > .v-timeline-item .v-timeline-item__opposite, .v-timeline--horizontal.v-timeline:not(.v-timeline--side-end) > .v-timeline-item--side-start .v-timeline-item__opposite, .v-timeline--horizontal.v-timeline:not(.v-timeline--side-end) > .v-timeline-item:nth-child(2n):not(.v-timeline-item--side-end) .v-timeline-item__opposite {
25685
- grid-row: 3;
25686
- align-self: flex-start;
25687
- padding-block-start: 24px;
25354
+
25355
+ .v-text-field--suffixed.v-text-field .v-field.v-field--reverse .v-field__input {
25356
+ --v-field-padding-start: 0;
25688
25357
  }
25689
25358
 
25690
- .v-timeline--vertical.v-timeline {
25691
- row-gap: 24px;
25692
- height: 100%;
25359
+ .v-text-field .v-input__details {
25360
+ padding-inline: 16px;
25693
25361
  }
25694
- .v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-divider, .v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-item__opposite {
25695
- padding-block-start: 24px;
25362
+ .v-input--plain-underlined.v-text-field .v-input__details {
25363
+ padding-inline: 0;
25696
25364
  }
25697
- .v-timeline--vertical.v-timeline .v-timeline-item:last-child .v-timeline-divider, .v-timeline--vertical.v-timeline .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--vertical.v-timeline .v-timeline-item:last-child .v-timeline-item__opposite {
25698
- padding-block-end: 24px;
25365
+
25366
+ .v-text-field .v-field--no-label input,
25367
+ .v-text-field .v-field--active input {
25368
+ opacity: 1;
25699
25369
  }
25700
- .v-timeline--vertical.v-timeline .v-timeline--side-start > .v-timeline-item .v-timeline-item__body, .v-timeline--vertical.v-timeline:not(.v-timeline--side-end) > .v-timeline-item--side-start .v-timeline-item__body, .v-timeline--vertical.v-timeline:not(.v-timeline--side-end) > .v-timeline-item:nth-child(2n):not(.v-timeline-item--side-end) .v-timeline-item__body {
25701
- grid-column: 1;
25702
- justify-self: flex-end;
25703
- padding-inline-end: 24px;
25370
+ .v-text-field .v-field--single-line input {
25371
+ transition: none;
25704
25372
  }
25705
- .v-timeline--vertical.v-timeline .v-timeline--side-start > .v-timeline-item .v-timeline-item__opposite, .v-timeline--vertical.v-timeline:not(.v-timeline--side-end) > .v-timeline-item--side-start .v-timeline-item__opposite, .v-timeline--vertical.v-timeline:not(.v-timeline--side-end) > .v-timeline-item:nth-child(2n):not(.v-timeline-item--side-end) .v-timeline-item__opposite {
25706
- grid-column: 3;
25707
- justify-self: flex-start;
25708
- padding-inline-start: 24px;
25373
+
25374
+ /* endregion */
25375
+ /* region ELEMENTS */
25376
+ .v-text-field__prefix, .v-text-field__suffix {
25377
+ align-items: center;
25378
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
25379
+ cursor: default;
25380
+ display: flex;
25381
+ opacity: 0;
25382
+ transition: inherit;
25383
+ white-space: nowrap;
25384
+ min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
25385
+ padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
25386
+ padding-bottom: var(--v-field-padding-bottom, 6px);
25709
25387
  }
25710
- .v-timeline--vertical.v-timeline .v-timeline--side-end > .v-timeline-item .v-timeline-item__body, .v-timeline--vertical.v-timeline:not(.v-timeline--side-start) > .v-timeline-item--side-end .v-timeline-item__body, .v-timeline--vertical.v-timeline:not(.v-timeline--side-start) > .v-timeline-item:nth-child(2n+1):not(.v-timeline-item--side-start) .v-timeline-item__body {
25711
- grid-column: 3;
25712
- justify-self: flex-start;
25713
- padding-inline-start: 24px;
25388
+ .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
25389
+ opacity: 1;
25714
25390
  }
25715
- .v-timeline--vertical.v-timeline .v-timeline--side-end > .v-timeline-item .v-timeline-item__opposite, .v-timeline--vertical.v-timeline:not(.v-timeline--side-start) > .v-timeline-item--side-end .v-timeline-item__opposite, .v-timeline--vertical.v-timeline:not(.v-timeline--side-start) > .v-timeline-item:nth-child(2n+1):not(.v-timeline-item--side-start) .v-timeline-item__opposite {
25716
- grid-column: 1;
25717
- justify-self: flex-end;
25718
- padding-inline-end: 24px;
25391
+ .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
25392
+ color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
25719
25393
  }
25720
-
25721
- .v-timeline-item {
25722
- display: contents;
25394
+ .v-field:not(.v-field--reverse) .v-text-field__prefix {
25395
+ padding-inline-start: var(--v-field-padding-start);
25723
25396
  }
25724
25397
 
25725
- .v-timeline-divider {
25726
- position: relative;
25727
- display: flex;
25728
- align-items: center;
25729
- }
25730
- .v-timeline--horizontal .v-timeline-divider {
25731
- flex-direction: row;
25732
- grid-row: 2;
25733
- width: 100%;
25398
+ .v-field.v-field--reverse .v-text-field__prefix {
25399
+ padding-inline-end: var(--v-field-padding-end);
25734
25400
  }
25735
25401
 
25736
- .v-timeline--vertical .v-timeline-divider {
25737
- height: 100%;
25738
- flex-direction: column;
25739
- grid-column: 2;
25402
+ .v-field:not(.v-field--reverse) .v-text-field__suffix {
25403
+ padding-inline-end: var(--v-field-padding-end);
25740
25404
  }
25741
25405
 
25742
- .v-timeline-divider__before {
25743
- background: rgba(var(--v-border-color), var(--v-border-opacity));
25744
- position: absolute;
25406
+ .v-field.v-field--reverse .v-text-field__suffix {
25407
+ padding-inline-start: var(--v-field-padding-start);
25745
25408
  }
25746
- .v-timeline--horizontal .v-timeline-divider__before {
25747
- height: var(--v-timeline-line-thickness);
25748
- width: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
25409
+
25410
+ /* endregion */.v-toolbar {
25411
+ align-items: flex-start;
25412
+ display: flex;
25413
+ flex: none;
25414
+ flex-direction: column;
25415
+ justify-content: space-between;
25416
+ max-width: 100%;
25417
+ position: relative;
25418
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
25419
+ transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
25420
+ width: 100%;
25421
+ }
25422
+ .v-toolbar {
25423
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
25424
+ border-style: solid;
25425
+ border-width: 0;
25426
+ }
25427
+ .v-toolbar--border {
25428
+ border-width: thin;
25429
+ box-shadow: none;
25430
+ }
25431
+ .v-toolbar {
25432
+ 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));
25433
+ }
25434
+ .v-toolbar {
25435
+ border-radius: 0;
25436
+ }
25437
+ .v-toolbar {
25438
+ background: rgb(var(--v-theme-surface-light));
25439
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
25440
+ }
25441
+ .v-toolbar--absolute {
25442
+ position: absolute;
25443
+ }
25444
+ .v-toolbar--collapse {
25445
+ max-width: 112px;
25446
+ overflow: hidden;
25447
+ border-end-end-radius: 24px;
25448
+ }
25449
+ .v-toolbar--collapse .v-toolbar-title {
25450
+ display: none;
25451
+ }
25452
+ .v-toolbar--flat {
25453
+ 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));
25454
+ }
25455
+ .v-toolbar--floating {
25456
+ display: inline-flex;
25457
+ width: auto;
25458
+ }
25459
+ .v-toolbar--rounded {
25460
+ border-radius: 4px;
25461
+ }
25462
+
25463
+ .v-toolbar__content,
25464
+ .v-toolbar__extension {
25465
+ align-items: center;
25466
+ display: flex;
25467
+ flex: 0 0 auto;
25468
+ position: relative;
25469
+ transition: inherit;
25470
+ width: 100%;
25471
+ }
25472
+
25473
+ .v-toolbar__content {
25474
+ overflow: hidden;
25475
+ }
25476
+ .v-toolbar__content > .v-btn:first-child {
25477
+ margin-inline-start: 4px;
25478
+ }
25479
+ .v-toolbar__content > .v-btn:last-child {
25480
+ margin-inline-end: 4px;
25481
+ }
25482
+ .v-toolbar__content > .v-toolbar-title {
25483
+ margin-inline-start: 20px;
25484
+ }
25485
+ .v-toolbar--density-prominent .v-toolbar__content {
25486
+ align-items: flex-start;
25487
+ }
25488
+
25489
+ .v-toolbar__image {
25490
+ display: flex;
25491
+ opacity: var(--v-toolbar-image-opacity, 1);
25492
+ transition-property: opacity;
25493
+ }
25494
+ .v-toolbar__image {
25495
+ position: absolute;
25496
+ top: 0;
25497
+ left: 0;
25498
+ width: 100%;
25499
+ height: 100%;
25500
+ }
25501
+
25502
+ .v-toolbar__prepend,
25503
+ .v-toolbar__append {
25504
+ align-items: center;
25505
+ align-self: stretch;
25506
+ display: flex;
25507
+ }
25508
+
25509
+ .v-toolbar__prepend {
25510
+ margin-inline: 4px auto;
25511
+ }
25512
+
25513
+ .v-toolbar__append {
25514
+ margin-inline: auto 4px;
25515
+ }
25516
+
25517
+ .v-toolbar-title {
25518
+ flex: 1 1;
25519
+ font-size: 1.25rem;
25520
+ min-width: 0;
25521
+ }
25522
+ .v-toolbar-title {
25523
+ font-size: 1.25rem;
25524
+ font-weight: 400;
25525
+ letter-spacing: 0;
25526
+ line-height: 1.75rem;
25527
+ text-transform: none;
25528
+ }
25529
+ .v-toolbar--density-prominent .v-toolbar-title {
25530
+ align-self: flex-end;
25531
+ padding-bottom: 6px;
25532
+ }
25533
+ .v-toolbar--density-prominent .v-toolbar-title {
25534
+ font-size: 1.5rem;
25535
+ font-weight: 400;
25536
+ letter-spacing: 0;
25537
+ line-height: 2.25rem;
25538
+ text-transform: none;
25539
+ }
25540
+
25541
+ .v-toolbar-title__placeholder {
25542
+ overflow: hidden;
25543
+ text-overflow: ellipsis;
25544
+ white-space: nowrap;
25545
+ }
25546
+
25547
+ .v-toolbar-items {
25548
+ display: flex;
25549
+ height: inherit;
25550
+ align-self: stretch;
25551
+ }
25552
+ .v-toolbar-items > .v-btn {
25553
+ border-radius: 0;
25554
+ }.v-theme-provider {
25555
+ background: rgb(var(--v-theme-background));
25556
+ color: rgb(var(--v-theme-on-background));
25557
+ }.v-timeline .v-timeline-divider__dot {
25558
+ background: rgb(var(--v-theme-surface-light));
25559
+ }
25560
+ .v-timeline .v-timeline-divider__inner-dot {
25561
+ background: rgb(var(--v-theme-on-surface));
25562
+ }
25563
+
25564
+ .v-timeline {
25565
+ display: grid;
25566
+ grid-auto-flow: dense;
25567
+ position: relative;
25568
+ }
25569
+ .v-timeline--horizontal.v-timeline {
25570
+ grid-column-gap: 24px;
25571
+ width: 100%;
25572
+ }
25573
+ .v-timeline--horizontal.v-timeline .v-timeline--side-end > .v-timeline-item .v-timeline-item__body, .v-timeline--horizontal.v-timeline:not(.v-timeline--side-start) > .v-timeline-item--side-end .v-timeline-item__body, .v-timeline--horizontal.v-timeline:not(.v-timeline--side-start) > .v-timeline-item:nth-child(2n+1):not(.v-timeline-item--side-start) .v-timeline-item__body {
25574
+ grid-row: 3;
25575
+ align-self: flex-start;
25576
+ padding-block-start: 24px;
25577
+ }
25578
+ .v-timeline--horizontal.v-timeline .v-timeline--side-end > .v-timeline-item .v-timeline-item__opposite, .v-timeline--horizontal.v-timeline:not(.v-timeline--side-start) > .v-timeline-item--side-end .v-timeline-item__opposite, .v-timeline--horizontal.v-timeline:not(.v-timeline--side-start) > .v-timeline-item:nth-child(2n+1):not(.v-timeline-item--side-start) .v-timeline-item__opposite {
25579
+ grid-row: 1;
25580
+ align-self: flex-end;
25581
+ padding-block-end: 24px;
25582
+ }
25583
+ .v-timeline--horizontal.v-timeline .v-timeline--side-start > .v-timeline-item .v-timeline-item__body, .v-timeline--horizontal.v-timeline:not(.v-timeline--side-end) > .v-timeline-item--side-start .v-timeline-item__body, .v-timeline--horizontal.v-timeline:not(.v-timeline--side-end) > .v-timeline-item:nth-child(2n):not(.v-timeline-item--side-end) .v-timeline-item__body {
25584
+ grid-row: 1;
25585
+ align-self: flex-end;
25586
+ padding-block-end: 24px;
25587
+ }
25588
+ .v-timeline--horizontal.v-timeline .v-timeline--side-start > .v-timeline-item .v-timeline-item__opposite, .v-timeline--horizontal.v-timeline:not(.v-timeline--side-end) > .v-timeline-item--side-start .v-timeline-item__opposite, .v-timeline--horizontal.v-timeline:not(.v-timeline--side-end) > .v-timeline-item:nth-child(2n):not(.v-timeline-item--side-end) .v-timeline-item__opposite {
25589
+ grid-row: 3;
25590
+ align-self: flex-start;
25591
+ padding-block-start: 24px;
25592
+ }
25593
+
25594
+ .v-timeline--vertical.v-timeline {
25595
+ row-gap: 24px;
25596
+ height: 100%;
25597
+ }
25598
+ .v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-divider, .v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-item__opposite {
25599
+ padding-block-start: 24px;
25600
+ }
25601
+ .v-timeline--vertical.v-timeline .v-timeline-item:last-child .v-timeline-divider, .v-timeline--vertical.v-timeline .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--vertical.v-timeline .v-timeline-item:last-child .v-timeline-item__opposite {
25602
+ padding-block-end: 24px;
25603
+ }
25604
+ .v-timeline--vertical.v-timeline .v-timeline--side-start > .v-timeline-item .v-timeline-item__body, .v-timeline--vertical.v-timeline:not(.v-timeline--side-end) > .v-timeline-item--side-start .v-timeline-item__body, .v-timeline--vertical.v-timeline:not(.v-timeline--side-end) > .v-timeline-item:nth-child(2n):not(.v-timeline-item--side-end) .v-timeline-item__body {
25605
+ grid-column: 1;
25606
+ justify-self: flex-end;
25607
+ padding-inline-end: 24px;
25608
+ }
25609
+ .v-timeline--vertical.v-timeline .v-timeline--side-start > .v-timeline-item .v-timeline-item__opposite, .v-timeline--vertical.v-timeline:not(.v-timeline--side-end) > .v-timeline-item--side-start .v-timeline-item__opposite, .v-timeline--vertical.v-timeline:not(.v-timeline--side-end) > .v-timeline-item:nth-child(2n):not(.v-timeline-item--side-end) .v-timeline-item__opposite {
25610
+ grid-column: 3;
25611
+ justify-self: flex-start;
25612
+ padding-inline-start: 24px;
25613
+ }
25614
+ .v-timeline--vertical.v-timeline .v-timeline--side-end > .v-timeline-item .v-timeline-item__body, .v-timeline--vertical.v-timeline:not(.v-timeline--side-start) > .v-timeline-item--side-end .v-timeline-item__body, .v-timeline--vertical.v-timeline:not(.v-timeline--side-start) > .v-timeline-item:nth-child(2n+1):not(.v-timeline-item--side-start) .v-timeline-item__body {
25615
+ grid-column: 3;
25616
+ justify-self: flex-start;
25617
+ padding-inline-start: 24px;
25618
+ }
25619
+ .v-timeline--vertical.v-timeline .v-timeline--side-end > .v-timeline-item .v-timeline-item__opposite, .v-timeline--vertical.v-timeline:not(.v-timeline--side-start) > .v-timeline-item--side-end .v-timeline-item__opposite, .v-timeline--vertical.v-timeline:not(.v-timeline--side-start) > .v-timeline-item:nth-child(2n+1):not(.v-timeline-item--side-start) .v-timeline-item__opposite {
25620
+ grid-column: 1;
25621
+ justify-self: flex-end;
25622
+ padding-inline-end: 24px;
25623
+ }
25624
+
25625
+ .v-timeline-item {
25626
+ display: contents;
25627
+ }
25628
+
25629
+ .v-timeline-divider {
25630
+ position: relative;
25631
+ display: flex;
25632
+ align-items: center;
25633
+ }
25634
+ .v-timeline--horizontal .v-timeline-divider {
25635
+ flex-direction: row;
25636
+ grid-row: 2;
25637
+ width: 100%;
25638
+ }
25639
+
25640
+ .v-timeline--vertical .v-timeline-divider {
25641
+ height: 100%;
25642
+ flex-direction: column;
25643
+ grid-column: 2;
25644
+ }
25645
+
25646
+ .v-timeline-divider__before {
25647
+ background: rgba(var(--v-border-color), var(--v-border-opacity));
25648
+ position: absolute;
25649
+ }
25650
+ .v-timeline--horizontal .v-timeline-divider__before {
25651
+ height: var(--v-timeline-line-thickness);
25652
+ width: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
25749
25653
  inset-inline-start: -12px;
25750
25654
  inset-inline-end: initial;
25751
25655
  }
@@ -26077,153 +25981,6 @@ html.v-overlay-scroll-blocked {
26077
25981
 
26078
25982
  .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
26079
25983
  padding-inline-end: 0;
26080
- }.v-theme-provider {
26081
- background: rgb(var(--v-theme-background));
26082
- color: rgb(var(--v-theme-on-background));
26083
- }.v-toolbar {
26084
- align-items: flex-start;
26085
- display: flex;
26086
- flex: none;
26087
- flex-direction: column;
26088
- justify-content: space-between;
26089
- max-width: 100%;
26090
- position: relative;
26091
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
26092
- transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
26093
- width: 100%;
26094
- }
26095
- .v-toolbar {
26096
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
26097
- border-style: solid;
26098
- border-width: 0;
26099
- }
26100
- .v-toolbar--border {
26101
- border-width: thin;
26102
- box-shadow: none;
26103
- }
26104
- .v-toolbar {
26105
- 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));
26106
- }
26107
- .v-toolbar {
26108
- border-radius: 0;
26109
- }
26110
- .v-toolbar {
26111
- background: rgb(var(--v-theme-surface-light));
26112
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
26113
- }
26114
- .v-toolbar--absolute {
26115
- position: absolute;
26116
- }
26117
- .v-toolbar--collapse {
26118
- max-width: 112px;
26119
- overflow: hidden;
26120
- border-end-end-radius: 24px;
26121
- }
26122
- .v-toolbar--collapse .v-toolbar-title {
26123
- display: none;
26124
- }
26125
- .v-toolbar--flat {
26126
- 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));
26127
- }
26128
- .v-toolbar--floating {
26129
- display: inline-flex;
26130
- width: auto;
26131
- }
26132
- .v-toolbar--rounded {
26133
- border-radius: 4px;
26134
- }
26135
-
26136
- .v-toolbar__content,
26137
- .v-toolbar__extension {
26138
- align-items: center;
26139
- display: flex;
26140
- flex: 0 0 auto;
26141
- position: relative;
26142
- transition: inherit;
26143
- width: 100%;
26144
- }
26145
-
26146
- .v-toolbar__content {
26147
- overflow: hidden;
26148
- }
26149
- .v-toolbar__content > .v-btn:first-child {
26150
- margin-inline-start: 4px;
26151
- }
26152
- .v-toolbar__content > .v-btn:last-child {
26153
- margin-inline-end: 4px;
26154
- }
26155
- .v-toolbar__content > .v-toolbar-title {
26156
- margin-inline-start: 20px;
26157
- }
26158
- .v-toolbar--density-prominent .v-toolbar__content {
26159
- align-items: flex-start;
26160
- }
26161
-
26162
- .v-toolbar__image {
26163
- display: flex;
26164
- opacity: var(--v-toolbar-image-opacity, 1);
26165
- transition-property: opacity;
26166
- }
26167
- .v-toolbar__image {
26168
- position: absolute;
26169
- top: 0;
26170
- left: 0;
26171
- width: 100%;
26172
- height: 100%;
26173
- }
26174
-
26175
- .v-toolbar__prepend,
26176
- .v-toolbar__append {
26177
- align-items: center;
26178
- align-self: stretch;
26179
- display: flex;
26180
- }
26181
-
26182
- .v-toolbar__prepend {
26183
- margin-inline: 4px auto;
26184
- }
26185
-
26186
- .v-toolbar__append {
26187
- margin-inline: auto 4px;
26188
- }
26189
-
26190
- .v-toolbar-title {
26191
- flex: 1 1;
26192
- font-size: 1.25rem;
26193
- min-width: 0;
26194
- }
26195
- .v-toolbar-title {
26196
- font-size: 1.25rem;
26197
- font-weight: 400;
26198
- letter-spacing: 0;
26199
- line-height: 1.75rem;
26200
- text-transform: none;
26201
- }
26202
- .v-toolbar--density-prominent .v-toolbar-title {
26203
- align-self: flex-end;
26204
- padding-bottom: 6px;
26205
- }
26206
- .v-toolbar--density-prominent .v-toolbar-title {
26207
- font-size: 1.5rem;
26208
- font-weight: 400;
26209
- letter-spacing: 0;
26210
- line-height: 2.25rem;
26211
- text-transform: none;
26212
- }
26213
-
26214
- .v-toolbar-title__placeholder {
26215
- overflow: hidden;
26216
- text-overflow: ellipsis;
26217
- white-space: nowrap;
26218
- }
26219
-
26220
- .v-toolbar-items {
26221
- display: flex;
26222
- height: inherit;
26223
- align-self: stretch;
26224
- }
26225
- .v-toolbar-items > .v-btn {
26226
- border-radius: 0;
26227
25984
  }.v-tooltip > .v-overlay__content {
26228
25985
  background: rgb(var(--v-theme-surface-variant));
26229
25986
  color: rgb(var(--v-theme-on-surface-variant));
@@ -26327,81 +26084,261 @@ html.v-overlay-scroll-blocked {
26327
26084
  }
26328
26085
  .v-window-y-reverse-transition-leave-to {
26329
26086
  transform: translateY(100%);
26330
- }.v-radio-group > .v-input__control {
26331
- flex-direction: column;
26087
+ }.v-fab {
26088
+ align-items: center;
26089
+ display: inline-flex;
26090
+ flex: 1 1 auto;
26091
+ pointer-events: none;
26092
+ position: relative;
26093
+ transition-duration: 0.2s;
26094
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
26095
+ vertical-align: middle;
26332
26096
  }
26333
- .v-radio-group > .v-input__control > .v-label {
26334
- margin-inline-start: 16px;
26097
+ .v-fab .v-btn {
26098
+ pointer-events: auto;
26335
26099
  }
26336
- .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
26337
- padding-inline-start: 6px;
26338
- margin-top: 8px;
26100
+ .v-fab .v-btn--variant-elevated {
26101
+ box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
26339
26102
  }
26340
- .v-radio-group .v-input__details {
26341
- padding-inline: 16px;
26342
- }.v-color-picker-edit {
26103
+ .v-fab--app, .v-fab--absolute {
26343
26104
  display: flex;
26344
- margin-top: 24px;
26345
26105
  }
26346
-
26347
- .v-color-picker-edit__input {
26348
- width: 100%;
26349
- display: flex;
26350
- flex-wrap: wrap;
26106
+ .v-fab--absolute {
26107
+ position: absolute;
26108
+ inset: 0;
26109
+ }
26110
+ .v-fab--start, .v-fab--left {
26111
+ justify-content: flex-start;
26112
+ }
26113
+ .v-fab--center {
26114
+ align-items: center;
26351
26115
  justify-content: center;
26352
- text-align: center;
26353
26116
  }
26354
- .v-color-picker-edit__input:not(:last-child) {
26355
- margin-inline-end: 8px;
26117
+ .v-fab--end, .v-fab--right {
26118
+ justify-content: flex-end;
26356
26119
  }
26357
- .v-color-picker-edit__input input {
26358
- border-radius: 4px;
26359
- margin-bottom: 8px;
26360
- min-width: 0;
26361
- outline: none;
26362
- text-align: center;
26363
- width: 100%;
26364
- height: 32px;
26365
- background: rgba(var(--v-theme-surface-variant), 0.2);
26366
- color: rgba(var(--v-theme-on-surface));
26120
+ .v-fab--bottom {
26121
+ align-items: flex-end;
26367
26122
  }
26368
- .v-color-picker-edit__input span {
26369
- font-size: 0.75rem;
26370
- }.v-color-picker-swatches {
26371
- overflow-y: auto;
26123
+ .v-fab--top {
26124
+ align-items: flex-start;
26372
26125
  }
26373
- .v-color-picker-swatches > div {
26374
- display: flex;
26375
- flex-wrap: wrap;
26376
- justify-content: center;
26377
- padding: 8px;
26126
+ .v-fab--extended .v-btn {
26127
+ border-radius: 9999px !important;
26378
26128
  }
26379
26129
 
26380
- .v-color-picker-swatches__swatch {
26130
+ .v-fab__container {
26131
+ align-self: center;
26132
+ display: inline-flex;
26133
+ vertical-align: middle;
26134
+ }
26135
+ .v-fab--app .v-fab__container {
26136
+ margin: 12px;
26137
+ position: fixed;
26138
+ }
26139
+ .v-fab--absolute .v-fab__container {
26140
+ position: absolute;
26141
+ z-index: 4;
26142
+ }
26143
+ .v-fab--offset.v-fab--top .v-fab__container {
26144
+ transform: translateY(-50%);
26145
+ }
26146
+ .v-fab--offset.v-fab--bottom .v-fab__container {
26147
+ transform: translateY(50%);
26148
+ }
26149
+ .v-fab--top .v-fab__container {
26150
+ top: 0;
26151
+ }
26152
+ .v-fab--bottom .v-fab__container {
26153
+ bottom: 0;
26154
+ }
26155
+ .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
26156
+ left: 0;
26157
+ }
26158
+ .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
26159
+ right: 0;
26160
+ }.v-switch .v-label {
26161
+ padding-inline-start: 10px;
26162
+ }
26163
+
26164
+ .v-switch__loader {
26381
26165
  display: flex;
26382
- flex-direction: column;
26383
- margin-bottom: 10px;
26166
+ }
26167
+ .v-switch__loader .v-progress-circular {
26168
+ color: rgb(var(--v-theme-surface));
26384
26169
  }
26385
26170
 
26386
- .v-color-picker-swatches__color {
26387
- position: relative;
26388
- height: 18px;
26389
- max-height: 18px;
26390
- width: 45px;
26391
- margin: 2px 4px;
26392
- border-radius: 2px;
26393
- -webkit-user-select: none;
26394
- user-select: none;
26395
- overflow: hidden;
26396
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
26171
+ .v-switch__track,
26172
+ .v-switch__thumb {
26173
+ transition: none;
26174
+ }
26175
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
26176
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
26177
+ background-color: rgb(var(--v-theme-error));
26178
+ color: rgb(var(--v-theme-on-error));
26179
+ }
26180
+
26181
+ .v-switch__track-true {
26182
+ margin-inline-end: auto;
26183
+ }
26184
+ .v-selection-control:not(.v-selection-control--dirty) .v-switch__track-true {
26185
+ opacity: 0;
26186
+ }
26187
+
26188
+ .v-switch__track-false {
26189
+ margin-inline-start: auto;
26190
+ }
26191
+ .v-selection-control--dirty .v-switch__track-false {
26192
+ opacity: 0;
26193
+ }
26194
+
26195
+ .v-switch__track {
26196
+ display: inline-flex;
26197
+ align-items: center;
26198
+ font-size: 0.5rem;
26199
+ padding: 0 5px;
26200
+ background-color: rgb(var(--v-theme-surface-variant));
26201
+ border-radius: 9999px;
26202
+ height: 14px;
26203
+ opacity: 0.6;
26204
+ min-width: 36px;
26397
26205
  cursor: pointer;
26206
+ transition: 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
26398
26207
  }
26399
- .v-color-picker-swatches__color > div {
26400
- display: flex;
26208
+ .v-switch--inset .v-switch__track {
26209
+ border-radius: 9999px;
26210
+ font-size: 0.75rem;
26211
+ height: 32px;
26212
+ min-width: 52px;
26213
+ }
26214
+
26215
+ .v-switch__thumb {
26401
26216
  align-items: center;
26217
+ background-color: rgb(var(--v-theme-surface-bright));
26218
+ color: rgb(var(--v-theme-on-surface-bright));
26219
+ border-radius: 50%;
26220
+ display: flex;
26221
+ font-size: 0.75rem;
26222
+ height: 20px;
26402
26223
  justify-content: center;
26403
- width: 100%;
26404
- height: 100%;
26224
+ width: 20px;
26225
+ pointer-events: none;
26226
+ transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1), 0.2s color cubic-bezier(0.4, 0, 0.2, 1), 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
26227
+ position: relative;
26228
+ overflow: hidden;
26229
+ }
26230
+ .v-switch:not(.v-switch--inset) .v-switch__thumb {
26231
+ 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));
26232
+ }
26233
+ .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
26234
+ background: rgb(var(--v-theme-surface-variant));
26235
+ color: rgb(var(--v-theme-on-surface-variant));
26236
+ }
26237
+ .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
26238
+ 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));
26239
+ }
26240
+ .v-switch--inset .v-switch__thumb {
26241
+ height: 24px;
26242
+ width: 24px;
26243
+ transform: scale(0.6666666667);
26244
+ }
26245
+ .v-switch--inset .v-switch__thumb--filled {
26246
+ transform: none;
26247
+ }
26248
+ .v-switch--inset .v-selection-control--dirty .v-switch__thumb {
26249
+ transform: none;
26250
+ transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
26251
+ }
26252
+
26253
+ .v-switch.v-input {
26254
+ flex: 0 1 auto;
26255
+ }
26256
+ .v-switch .v-selection-control {
26257
+ min-height: var(--v-input-control-height);
26258
+ }
26259
+ .v-switch .v-selection-control__input {
26260
+ border-radius: 50%;
26261
+ transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
26262
+ position: absolute;
26263
+ }
26264
+ .v-locale--is-ltr.v-switch .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control__input {
26265
+ transform: translateX(-10px);
26266
+ }
26267
+
26268
+ .v-locale--is-rtl.v-switch .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control__input {
26269
+ transform: translateX(10px);
26270
+ }
26271
+
26272
+ .v-switch .v-selection-control__input .v-icon {
26273
+ position: absolute;
26274
+ }
26275
+ .v-locale--is-ltr.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control--dirty .v-selection-control__input {
26276
+ transform: translateX(10px);
26277
+ }
26278
+
26279
+ .v-locale--is-rtl.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control--dirty .v-selection-control__input {
26280
+ transform: translateX(-10px);
26281
+ }
26282
+
26283
+ .v-switch.v-switch--indeterminate .v-selection-control__input {
26284
+ transform: scale(0.8);
26285
+ }
26286
+ .v-switch.v-switch--indeterminate .v-switch__thumb {
26287
+ transform: scale(0.75);
26288
+ box-shadow: none;
26289
+ }
26290
+ .v-switch.v-switch--inset .v-selection-control__wrapper {
26291
+ width: auto;
26292
+ }
26293
+ .v-switch.v-input--vertical .v-label {
26294
+ min-width: max-content;
26295
+ }
26296
+ .v-switch.v-input--vertical .v-selection-control__wrapper {
26297
+ transform: rotate(-90deg);
26298
+ }
26299
+
26300
+ @media (forced-colors: active) {
26301
+ .v-switch .v-switch__loader .v-progress-circular {
26302
+ color: currentColor;
26303
+ }
26304
+ .v-switch .v-switch__thumb {
26305
+ background-color: buttontext;
26306
+ }
26307
+ .v-switch .v-switch__track,
26308
+ .v-switch .v-switch__thumb {
26309
+ border: 1px solid;
26310
+ color: buttontext;
26311
+ }
26312
+ .v-switch:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
26313
+ background-color: highlight;
26314
+ }
26315
+ .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track {
26316
+ background-color: highlight;
26317
+ }
26318
+ .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track,
26319
+ .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
26320
+ color: highlight;
26321
+ }
26322
+ .v-switch.v-switch--inset .v-switch__track {
26323
+ border-width: 2px;
26324
+ }
26325
+ .v-switch.v-switch--inset:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
26326
+ background-color: highlighttext;
26327
+ color: highlighttext;
26328
+ }
26329
+ .v-switch.v-input--disabled .v-switch__thumb {
26330
+ background-color: graytext;
26331
+ }
26332
+ .v-switch.v-input--disabled .v-switch__track,
26333
+ .v-switch.v-input--disabled .v-switch__thumb {
26334
+ color: graytext;
26335
+ }
26336
+ .v-switch.v-switch--loading .v-switch__thumb {
26337
+ background-color: canvas;
26338
+ }
26339
+ .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
26340
+ border-width: 0;
26341
+ }
26405
26342
  }.v-color-picker-canvas {
26406
26343
  display: flex;
26407
26344
  position: relative;
@@ -26491,72 +26428,294 @@ html.v-overlay-scroll-blocked {
26491
26428
  margin-bottom: 0;
26492
26429
  }
26493
26430
 
26494
- .v-color-picker-preview__eye-dropper {
26495
- position: relative;
26496
- margin-right: 12px;
26497
- }.v-picker.v-sheet {
26498
- display: grid;
26499
- grid-auto-rows: min-content;
26500
- grid-template-areas: "title" "header" "body";
26501
- overflow: hidden;
26431
+ .v-color-picker-preview__eye-dropper {
26432
+ position: relative;
26433
+ margin-right: 12px;
26434
+ }.v-color-picker-swatches {
26435
+ overflow-y: auto;
26436
+ }
26437
+ .v-color-picker-swatches > div {
26438
+ display: flex;
26439
+ flex-wrap: wrap;
26440
+ justify-content: center;
26441
+ padding: 8px;
26442
+ }
26443
+
26444
+ .v-color-picker-swatches__swatch {
26445
+ display: flex;
26446
+ flex-direction: column;
26447
+ margin-bottom: 10px;
26448
+ }
26449
+
26450
+ .v-color-picker-swatches__color {
26451
+ position: relative;
26452
+ height: 18px;
26453
+ max-height: 18px;
26454
+ width: 45px;
26455
+ margin: 2px 4px;
26456
+ border-radius: 2px;
26457
+ -webkit-user-select: none;
26458
+ user-select: none;
26459
+ overflow: hidden;
26460
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
26461
+ cursor: pointer;
26462
+ }
26463
+ .v-color-picker-swatches__color > div {
26464
+ display: flex;
26465
+ align-items: center;
26466
+ justify-content: center;
26467
+ width: 100%;
26468
+ height: 100%;
26469
+ }.v-color-picker-edit {
26470
+ display: flex;
26471
+ margin-top: 24px;
26472
+ }
26473
+
26474
+ .v-color-picker-edit__input {
26475
+ width: 100%;
26476
+ display: flex;
26477
+ flex-wrap: wrap;
26478
+ justify-content: center;
26479
+ text-align: center;
26480
+ }
26481
+ .v-color-picker-edit__input:not(:last-child) {
26482
+ margin-inline-end: 8px;
26483
+ }
26484
+ .v-color-picker-edit__input input {
26485
+ border-radius: 4px;
26486
+ margin-bottom: 8px;
26487
+ min-width: 0;
26488
+ outline: none;
26489
+ text-align: center;
26490
+ width: 100%;
26491
+ height: 32px;
26492
+ background: rgba(var(--v-theme-surface-variant), 0.2);
26493
+ color: rgba(var(--v-theme-on-surface));
26494
+ }
26495
+ .v-color-picker-edit__input span {
26496
+ font-size: 0.75rem;
26497
+ }.v-picker.v-sheet {
26498
+ display: grid;
26499
+ grid-auto-rows: min-content;
26500
+ grid-template-areas: "title" "header" "body";
26501
+ overflow: hidden;
26502
+ }
26503
+ .v-picker.v-sheet {
26504
+ 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));
26505
+ }
26506
+ .v-picker.v-sheet {
26507
+ border-radius: 4px;
26508
+ }
26509
+ .v-picker.v-sheet.v-picker--with-actions {
26510
+ grid-template-areas: "title" "header" "body" "actions";
26511
+ }
26512
+
26513
+ .v-picker__body {
26514
+ grid-area: body;
26515
+ overflow: hidden;
26516
+ position: relative;
26517
+ }
26518
+
26519
+ .v-picker__header {
26520
+ grid-area: header;
26521
+ }
26522
+
26523
+ .v-picker__actions {
26524
+ grid-area: actions;
26525
+ padding: 0 12px 12px;
26526
+ display: flex;
26527
+ align-items: center;
26528
+ justify-content: flex-end;
26529
+ }
26530
+ .v-picker__actions .v-btn {
26531
+ min-width: 48px;
26532
+ }
26533
+ .v-picker__actions .v-btn:not(:last-child) {
26534
+ margin-inline-end: 8px;
26535
+ }
26536
+
26537
+ .v-picker--divided .v-picker__header {
26538
+ border-bottom-color: rgba(var(--v-border-color), var(--v-border-opacity));
26539
+ border-bottom-style: solid;
26540
+ border-bottom-width: thin;
26541
+ }
26542
+
26543
+ .v-picker--landscape {
26544
+ grid-template-areas: "title" "header body" "header body";
26545
+ }
26546
+
26547
+ .v-picker--landscape.v-picker--with-actions {
26548
+ grid-template-areas: "title" "header body" "header actions";
26549
+ }
26550
+
26551
+ .v-picker-title {
26552
+ text-transform: uppercase;
26553
+ font-size: 0.75rem;
26554
+ grid-area: title;
26555
+ padding-inline: 24px 12px;
26556
+ padding-top: 16px;
26557
+ padding-bottom: 16px;
26558
+ font-weight: 400;
26559
+ letter-spacing: 0.1666666667em;
26560
+ }.v-slider-thumb {
26561
+ touch-action: none;
26562
+ color: rgb(var(--v-theme-surface-variant));
26563
+ }
26564
+ .v-input--error:not(.v-input--disabled) .v-slider-thumb {
26565
+ color: inherit;
26566
+ }
26567
+
26568
+ .v-slider-thumb__label {
26569
+ background: rgba(var(--v-theme-surface-variant), 0.7);
26570
+ color: rgb(var(--v-theme-on-surface-variant));
26571
+ }
26572
+ .v-slider-thumb__label::before {
26573
+ color: rgba(var(--v-theme-surface-variant), 0.7);
26574
+ }
26575
+
26576
+ .v-slider-thumb {
26577
+ outline: none;
26578
+ position: absolute;
26579
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
26580
+ }
26581
+
26582
+ .v-slider-thumb__surface {
26583
+ cursor: pointer;
26584
+ width: var(--v-slider-thumb-size);
26585
+ height: var(--v-slider-thumb-size);
26586
+ border-radius: 50%;
26587
+ -webkit-user-select: none;
26588
+ user-select: none;
26589
+ background-color: currentColor;
26590
+ }
26591
+ @media (forced-colors: active) {
26592
+ .v-slider-thumb__surface {
26593
+ background-color: highlight;
26594
+ }
26595
+ }
26596
+ .v-slider-thumb__surface::before {
26597
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
26598
+ content: "";
26599
+ color: inherit;
26600
+ top: 0;
26601
+ left: 0;
26602
+ width: 100%;
26603
+ height: 100%;
26604
+ border-radius: 50%;
26605
+ background: currentColor;
26606
+ position: absolute;
26607
+ pointer-events: none;
26608
+ opacity: 0;
26609
+ }
26610
+ .v-slider-thumb__surface::after {
26611
+ content: "";
26612
+ width: 42px;
26613
+ height: 42px;
26614
+ position: absolute;
26615
+ top: 50%;
26616
+ left: 50%;
26617
+ transform: translate(-50%, -50%);
26618
+ }
26619
+
26620
+ .v-slider-thumb__label-container {
26621
+ position: absolute;
26622
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
26623
+ }
26624
+
26625
+ .v-slider-thumb__label {
26626
+ display: flex;
26627
+ align-items: center;
26628
+ justify-content: center;
26629
+ font-size: 0.75rem;
26630
+ min-width: 35px;
26631
+ height: 25px;
26632
+ border-radius: 4px;
26633
+ padding: 6px;
26634
+ position: absolute;
26635
+ -webkit-user-select: none;
26636
+ user-select: none;
26637
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
26638
+ }
26639
+ .v-slider-thumb__label::before {
26640
+ content: "";
26641
+ width: 0;
26642
+ height: 0;
26643
+ position: absolute;
26644
+ }
26645
+
26646
+ .v-slider-thumb__ripple {
26647
+ position: absolute;
26648
+ left: calc(var(--v-slider-thumb-size) / -2);
26649
+ top: calc(var(--v-slider-thumb-size) / -2);
26650
+ width: calc(var(--v-slider-thumb-size) * 2);
26651
+ height: calc(var(--v-slider-thumb-size) * 2);
26652
+ background: inherit;
26653
+ }
26654
+
26655
+ .v-slider.v-input--horizontal .v-slider-thumb {
26656
+ top: 50%;
26657
+ transform: translateY(-50%);
26658
+ inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26502
26659
  }
26503
- .v-picker.v-sheet {
26504
- 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));
26660
+ .v-slider.v-input--horizontal .v-slider-thumb__label-container {
26661
+ left: calc(var(--v-slider-thumb-size) / 2);
26662
+ top: 0;
26505
26663
  }
26506
- .v-picker.v-sheet {
26507
- border-radius: 4px;
26664
+ .v-slider.v-input--horizontal .v-slider-thumb__label {
26665
+ bottom: calc(var(--v-slider-thumb-size) / 2);
26508
26666
  }
26509
- .v-picker.v-sheet.v-picker--with-actions {
26510
- grid-template-areas: "title" "header" "body" "actions";
26667
+ .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 {
26668
+ transform: translateX(-50%);
26511
26669
  }
26512
26670
 
26513
- .v-picker__body {
26514
- grid-area: body;
26515
- overflow: hidden;
26516
- position: relative;
26671
+ .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 {
26672
+ transform: translateX(50%);
26517
26673
  }
26518
26674
 
26519
- .v-picker__header {
26520
- grid-area: header;
26675
+ .v-slider.v-input--horizontal .v-slider-thumb__label::before {
26676
+ border-left: 6px solid transparent;
26677
+ border-right: 6px solid transparent;
26678
+ border-top: 6px solid currentColor;
26679
+ bottom: -6px;
26521
26680
  }
26522
26681
 
26523
- .v-picker__actions {
26524
- grid-area: actions;
26525
- padding: 0 12px 12px;
26526
- display: flex;
26527
- align-items: center;
26528
- justify-content: flex-end;
26682
+ .v-slider.v-input--vertical .v-slider-thumb {
26683
+ top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26529
26684
  }
26530
- .v-picker__actions .v-btn {
26531
- min-width: 48px;
26685
+ .v-slider.v-input--vertical .v-slider-thumb__label-container {
26686
+ top: calc(var(--v-slider-thumb-size) / 2);
26687
+ right: 0;
26532
26688
  }
26533
- .v-picker__actions .v-btn:not(:last-child) {
26534
- margin-inline-end: 8px;
26689
+ .v-slider.v-input--vertical .v-slider-thumb__label {
26690
+ top: -12.5px;
26691
+ left: calc(var(--v-slider-thumb-size) / 2);
26535
26692
  }
26536
-
26537
- .v-picker--divided .v-picker__header {
26538
- border-bottom-color: rgba(var(--v-border-color), var(--v-border-opacity));
26539
- border-bottom-style: solid;
26540
- border-bottom-width: thin;
26693
+ .v-slider.v-input--vertical .v-slider-thumb__label::before {
26694
+ border-right: 6px solid currentColor;
26695
+ border-top: 6px solid transparent;
26696
+ border-bottom: 6px solid transparent;
26697
+ left: -6px;
26541
26698
  }
26542
26699
 
26543
- .v-picker--landscape {
26544
- grid-template-areas: "title" "header body" "header body";
26700
+ .v-slider-thumb--focused .v-slider-thumb__surface::before {
26701
+ transform: scale(2);
26702
+ opacity: var(--v-focus-opacity);
26545
26703
  }
26546
26704
 
26547
- .v-picker--landscape.v-picker--with-actions {
26548
- grid-template-areas: "title" "header body" "header actions";
26705
+ .v-slider-thumb--pressed {
26706
+ transition: none;
26707
+ }
26708
+ .v-slider-thumb--pressed .v-slider-thumb__surface::before {
26709
+ opacity: var(--v-pressed-opacity);
26549
26710
  }
26550
26711
 
26551
- .v-picker-title {
26552
- text-transform: uppercase;
26553
- font-size: 0.75rem;
26554
- grid-area: title;
26555
- padding-inline: 24px 12px;
26556
- padding-top: 16px;
26557
- padding-bottom: 16px;
26558
- font-weight: 400;
26559
- letter-spacing: 0.1666666667em;
26712
+ @media (hover: hover) {
26713
+ .v-slider-thumb:hover .v-slider-thumb__surface::before {
26714
+ transform: scale(2);
26715
+ }
26716
+ .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
26717
+ opacity: var(--v-hover-opacity);
26718
+ }
26560
26719
  }.v-slider-track__background {
26561
26720
  background-color: rgb(var(--v-theme-surface-variant));
26562
26721
  }
@@ -26735,163 +26894,4 @@ html.v-overlay-scroll-blocked {
26735
26894
 
26736
26895
  .v-slider-track__background--opacity {
26737
26896
  opacity: 0.38;
26738
- }.v-slider-thumb {
26739
- touch-action: none;
26740
- color: rgb(var(--v-theme-surface-variant));
26741
- }
26742
- .v-input--error:not(.v-input--disabled) .v-slider-thumb {
26743
- color: inherit;
26744
- }
26745
-
26746
- .v-slider-thumb__label {
26747
- background: rgba(var(--v-theme-surface-variant), 0.7);
26748
- color: rgb(var(--v-theme-on-surface-variant));
26749
- }
26750
- .v-slider-thumb__label::before {
26751
- color: rgba(var(--v-theme-surface-variant), 0.7);
26752
- }
26753
-
26754
- .v-slider-thumb {
26755
- outline: none;
26756
- position: absolute;
26757
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
26758
- }
26759
-
26760
- .v-slider-thumb__surface {
26761
- cursor: pointer;
26762
- width: var(--v-slider-thumb-size);
26763
- height: var(--v-slider-thumb-size);
26764
- border-radius: 50%;
26765
- -webkit-user-select: none;
26766
- user-select: none;
26767
- background-color: currentColor;
26768
- }
26769
- @media (forced-colors: active) {
26770
- .v-slider-thumb__surface {
26771
- background-color: highlight;
26772
- }
26773
- }
26774
- .v-slider-thumb__surface::before {
26775
- transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
26776
- content: "";
26777
- color: inherit;
26778
- top: 0;
26779
- left: 0;
26780
- width: 100%;
26781
- height: 100%;
26782
- border-radius: 50%;
26783
- background: currentColor;
26784
- position: absolute;
26785
- pointer-events: none;
26786
- opacity: 0;
26787
- }
26788
- .v-slider-thumb__surface::after {
26789
- content: "";
26790
- width: 42px;
26791
- height: 42px;
26792
- position: absolute;
26793
- top: 50%;
26794
- left: 50%;
26795
- transform: translate(-50%, -50%);
26796
- }
26797
-
26798
- .v-slider-thumb__label-container {
26799
- position: absolute;
26800
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
26801
- }
26802
-
26803
- .v-slider-thumb__label {
26804
- display: flex;
26805
- align-items: center;
26806
- justify-content: center;
26807
- font-size: 0.75rem;
26808
- min-width: 35px;
26809
- height: 25px;
26810
- border-radius: 4px;
26811
- padding: 6px;
26812
- position: absolute;
26813
- -webkit-user-select: none;
26814
- user-select: none;
26815
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
26816
- }
26817
- .v-slider-thumb__label::before {
26818
- content: "";
26819
- width: 0;
26820
- height: 0;
26821
- position: absolute;
26822
- }
26823
-
26824
- .v-slider-thumb__ripple {
26825
- position: absolute;
26826
- left: calc(var(--v-slider-thumb-size) / -2);
26827
- top: calc(var(--v-slider-thumb-size) / -2);
26828
- width: calc(var(--v-slider-thumb-size) * 2);
26829
- height: calc(var(--v-slider-thumb-size) * 2);
26830
- background: inherit;
26831
- }
26832
-
26833
- .v-slider.v-input--horizontal .v-slider-thumb {
26834
- top: 50%;
26835
- transform: translateY(-50%);
26836
- inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26837
- }
26838
- .v-slider.v-input--horizontal .v-slider-thumb__label-container {
26839
- left: calc(var(--v-slider-thumb-size) / 2);
26840
- top: 0;
26841
- }
26842
- .v-slider.v-input--horizontal .v-slider-thumb__label {
26843
- bottom: calc(var(--v-slider-thumb-size) / 2);
26844
- }
26845
- .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 {
26846
- transform: translateX(-50%);
26847
- }
26848
-
26849
- .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 {
26850
- transform: translateX(50%);
26851
- }
26852
-
26853
- .v-slider.v-input--horizontal .v-slider-thumb__label::before {
26854
- border-left: 6px solid transparent;
26855
- border-right: 6px solid transparent;
26856
- border-top: 6px solid currentColor;
26857
- bottom: -6px;
26858
- }
26859
-
26860
- .v-slider.v-input--vertical .v-slider-thumb {
26861
- top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26862
- }
26863
- .v-slider.v-input--vertical .v-slider-thumb__label-container {
26864
- top: calc(var(--v-slider-thumb-size) / 2);
26865
- right: 0;
26866
- }
26867
- .v-slider.v-input--vertical .v-slider-thumb__label {
26868
- top: -12.5px;
26869
- left: calc(var(--v-slider-thumb-size) / 2);
26870
- }
26871
- .v-slider.v-input--vertical .v-slider-thumb__label::before {
26872
- border-right: 6px solid currentColor;
26873
- border-top: 6px solid transparent;
26874
- border-bottom: 6px solid transparent;
26875
- left: -6px;
26876
- }
26877
-
26878
- .v-slider-thumb--focused .v-slider-thumb__surface::before {
26879
- transform: scale(2);
26880
- opacity: var(--v-focus-opacity);
26881
- }
26882
-
26883
- .v-slider-thumb--pressed {
26884
- transition: none;
26885
- }
26886
- .v-slider-thumb--pressed .v-slider-thumb__surface::before {
26887
- opacity: var(--v-pressed-opacity);
26888
- }
26889
-
26890
- @media (hover: hover) {
26891
- .v-slider-thumb:hover .v-slider-thumb__surface::before {
26892
- transform: scale(2);
26893
- }
26894
- .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
26895
- opacity: var(--v-hover-opacity);
26896
- }
26897
26897
  }