@vuetify/nightly 3.5.9-dev.2024-03-29 → 3.5.9-dev.2024-03-30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.5.9-dev.2024-03-29
2
+ * Vuetify v3.5.9-dev.2024-03-30
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -2719,10 +2719,10 @@ progress {
2719
2719
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
2720
2720
  }
2721
2721
  .picker-transition-enter-from {
2722
- transform: translate(0, 100%);
2722
+ transform: translate(100%, 0);
2723
2723
  }
2724
2724
  .picker-transition-leave-to {
2725
- transform: translate(0, -100%);
2725
+ transform: translate(-100%, 0);
2726
2726
  }
2727
2727
 
2728
2728
  .picker-reverse-transition-enter-active {
@@ -2739,10 +2739,10 @@ progress {
2739
2739
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
2740
2740
  }
2741
2741
  .picker-reverse-transition-enter-from {
2742
- transform: translate(0, -100%);
2742
+ transform: translate(-100%, 0);
2743
2743
  }
2744
2744
  .picker-reverse-transition-leave-to {
2745
- transform: translate(0, 100%);
2745
+ transform: translate(100%, 0);
2746
2746
  }
2747
2747
 
2748
2748
  .expand-transition-enter-active {
@@ -17045,99 +17045,6 @@ html.overflow-y-hidden {
17045
17045
  .v-ripple__animation--out {
17046
17046
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
17047
17047
  opacity: 0;
17048
- }.v-app-bar {
17049
- display: flex;
17050
- }
17051
- .v-app-bar.v-toolbar {
17052
- background: rgb(var(--v-theme-surface));
17053
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17054
- }
17055
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17056
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17057
- }
17058
- .v-app-bar:not(.v-toolbar--absolute) {
17059
- padding-inline-end: var(--v-scrollbar-offset);
17060
- }.v-autocomplete .v-field .v-text-field__prefix,
17061
- .v-autocomplete .v-field .v-text-field__suffix,
17062
- .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17063
- cursor: text;
17064
- }
17065
- .v-autocomplete .v-field .v-field__input > input {
17066
- flex: 1 1;
17067
- }
17068
- .v-autocomplete .v-field input {
17069
- min-width: 64px;
17070
- }
17071
- .v-autocomplete .v-field:not(.v-field--focused) input {
17072
- min-width: 0;
17073
- }
17074
- .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17075
- margin-inline-end: 2px;
17076
- }
17077
- .v-autocomplete .v-autocomplete__selection-text {
17078
- overflow: hidden;
17079
- text-overflow: ellipsis;
17080
- white-space: nowrap;
17081
- }
17082
-
17083
- .v-autocomplete__content {
17084
- overflow: hidden;
17085
- 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));
17086
- border-radius: 4px;
17087
- }
17088
- .v-autocomplete__mask {
17089
- background: rgb(var(--v-theme-surface-light));
17090
- }
17091
- .v-autocomplete__selection {
17092
- display: inline-flex;
17093
- align-items: center;
17094
- height: 1.5rem;
17095
- letter-spacing: inherit;
17096
- line-height: inherit;
17097
- max-width: calc(100% - 2px - 2px);
17098
- }
17099
- .v-autocomplete__selection:first-child {
17100
- margin-inline-start: 0;
17101
- }
17102
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17103
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17104
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17105
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17106
- top: 0px;
17107
- }
17108
- .v-autocomplete--selecting-index .v-autocomplete__selection {
17109
- opacity: var(--v-medium-emphasis-opacity);
17110
- }
17111
- .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17112
- opacity: 1;
17113
- }
17114
- .v-autocomplete--selecting-index .v-field__input > input {
17115
- caret-color: transparent;
17116
- }
17117
- .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
17118
- flex: 1 1;
17119
- position: absolute;
17120
- left: 0;
17121
- right: 0;
17122
- width: 100%;
17123
- padding-inline: inherit;
17124
- }
17125
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
17126
- transition: none;
17127
- }
17128
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
17129
- opacity: 0;
17130
- }
17131
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
17132
- opacity: 0;
17133
- }
17134
- .v-autocomplete__menu-icon {
17135
- margin-inline-start: 4px;
17136
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17137
- }
17138
- .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17139
- opacity: var(--v-high-emphasis-opacity);
17140
- transform: rotate(180deg);
17141
17048
  }.v-application {
17142
17049
  display: flex;
17143
17050
  background: rgb(var(--v-theme-background));
@@ -17154,93 +17061,6 @@ html.overflow-y-hidden {
17154
17061
  min-height: 100vh;
17155
17062
  min-height: 100dvh;
17156
17063
  position: relative;
17157
- }.v-avatar {
17158
- flex: none;
17159
- align-items: center;
17160
- display: inline-flex;
17161
- justify-content: center;
17162
- line-height: normal;
17163
- overflow: hidden;
17164
- position: relative;
17165
- text-align: center;
17166
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17167
- transition-property: width, height;
17168
- vertical-align: middle;
17169
- border-radius: 50%;
17170
- }
17171
- .v-avatar.v-avatar--size-x-small {
17172
- --v-avatar-height: 24px;
17173
- }
17174
- .v-avatar.v-avatar--size-small {
17175
- --v-avatar-height: 32px;
17176
- }
17177
- .v-avatar.v-avatar--size-default {
17178
- --v-avatar-height: 40px;
17179
- }
17180
- .v-avatar.v-avatar--size-large {
17181
- --v-avatar-height: 48px;
17182
- }
17183
- .v-avatar.v-avatar--size-x-large {
17184
- --v-avatar-height: 56px;
17185
- }
17186
- .v-avatar.v-avatar--density-default {
17187
- height: calc(var(--v-avatar-height) + 0px);
17188
- width: calc(var(--v-avatar-height) + 0px);
17189
- }
17190
- .v-avatar.v-avatar--density-comfortable {
17191
- height: calc(var(--v-avatar-height) + -4px);
17192
- width: calc(var(--v-avatar-height) + -4px);
17193
- }
17194
- .v-avatar.v-avatar--density-compact {
17195
- height: calc(var(--v-avatar-height) + -8px);
17196
- width: calc(var(--v-avatar-height) + -8px);
17197
- }
17198
- .v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
17199
- background: transparent;
17200
- color: inherit;
17201
- }
17202
- .v-avatar--variant-plain {
17203
- opacity: 0.62;
17204
- }
17205
- .v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
17206
- opacity: 1;
17207
- }
17208
- .v-avatar--variant-plain .v-avatar__overlay {
17209
- display: none;
17210
- }
17211
- .v-avatar--variant-elevated, .v-avatar--variant-flat {
17212
- background: var(--v-theme-surface);
17213
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
17214
- }
17215
- .v-avatar--variant-elevated {
17216
- box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17217
- }
17218
- .v-avatar--variant-flat {
17219
- 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));
17220
- }
17221
- .v-avatar--variant-outlined {
17222
- border: thin solid currentColor;
17223
- }
17224
- .v-avatar--variant-text .v-avatar__overlay {
17225
- background: currentColor;
17226
- }
17227
- .v-avatar--variant-tonal .v-avatar__underlay {
17228
- background: currentColor;
17229
- opacity: var(--v-activated-opacity);
17230
- border-radius: inherit;
17231
- position: absolute;
17232
- top: 0;
17233
- right: 0;
17234
- bottom: 0;
17235
- left: 0;
17236
- pointer-events: none;
17237
- }
17238
- .v-avatar--rounded {
17239
- border-radius: 4px;
17240
- }
17241
- .v-avatar .v-img {
17242
- height: 100%;
17243
- width: 100%;
17244
17064
  }.v-alert {
17245
17065
  display: grid;
17246
17066
  flex: 1 1;
@@ -17451,66 +17271,246 @@ html.overflow-y-hidden {
17451
17271
  text-transform: none;
17452
17272
  word-break: normal;
17453
17273
  word-wrap: break-word;
17454
- }.v-badge {
17455
- display: inline-block;
17456
- line-height: 1;
17274
+ }.v-app-bar {
17275
+ display: flex;
17457
17276
  }
17458
-
17459
- .v-badge__badge {
17460
- align-items: center;
17461
- display: inline-flex;
17462
- border-radius: 10px;
17463
- font-size: 0.75rem;
17464
- font-weight: 500;
17465
- height: 1.25rem;
17466
- justify-content: center;
17467
- min-width: 20px;
17468
- padding: 4px 6px;
17469
- pointer-events: auto;
17470
- position: absolute;
17471
- text-align: center;
17472
- text-indent: 0;
17473
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
17474
- white-space: nowrap;
17475
- background: rgb(var(--v-theme-surface-variant));
17476
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
17277
+ .v-app-bar.v-toolbar {
17278
+ background: rgb(var(--v-theme-surface));
17279
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17477
17280
  }
17478
- .v-badge--bordered .v-badge__badge::after {
17479
- border-radius: inherit;
17480
- border-style: solid;
17481
- border-width: 2px;
17482
- bottom: 0;
17483
- color: rgb(var(--v-theme-background));
17484
- content: "";
17485
- left: 0;
17486
- position: absolute;
17487
- right: 0;
17488
- top: 0;
17489
- transform: scale(1.05);
17281
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17282
+ 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));
17490
17283
  }
17491
- .v-badge--dot .v-badge__badge {
17492
- border-radius: 4.5px;
17493
- height: 9px;
17494
- min-width: 0;
17495
- padding: 0;
17496
- width: 9px;
17284
+ .v-app-bar:not(.v-toolbar--absolute) {
17285
+ padding-inline-end: var(--v-scrollbar-offset);
17286
+ }.v-autocomplete .v-field .v-text-field__prefix,
17287
+ .v-autocomplete .v-field .v-text-field__suffix,
17288
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17289
+ cursor: text;
17497
17290
  }
17498
- .v-badge--dot .v-badge__badge::after {
17499
- border-width: 1.5px;
17291
+ .v-autocomplete .v-field .v-field__input > input {
17292
+ flex: 1 1;
17500
17293
  }
17501
- .v-badge--inline .v-badge__badge {
17502
- position: relative;
17503
- vertical-align: middle;
17294
+ .v-autocomplete .v-field input {
17295
+ min-width: 64px;
17504
17296
  }
17505
- .v-badge__badge .v-icon {
17506
- color: inherit;
17507
- font-size: 0.75rem;
17508
- margin: 0 -2px;
17297
+ .v-autocomplete .v-field:not(.v-field--focused) input {
17298
+ min-width: 0;
17509
17299
  }
17510
- .v-badge__badge img,
17511
- .v-badge__badge .v-img {
17512
- height: 100%;
17513
- width: 100%;
17300
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17301
+ margin-inline-end: 2px;
17302
+ }
17303
+ .v-autocomplete .v-autocomplete__selection-text {
17304
+ overflow: hidden;
17305
+ text-overflow: ellipsis;
17306
+ white-space: nowrap;
17307
+ }
17308
+
17309
+ .v-autocomplete__content {
17310
+ overflow: hidden;
17311
+ 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));
17312
+ border-radius: 4px;
17313
+ }
17314
+ .v-autocomplete__mask {
17315
+ background: rgb(var(--v-theme-surface-light));
17316
+ }
17317
+ .v-autocomplete__selection {
17318
+ display: inline-flex;
17319
+ align-items: center;
17320
+ height: 1.5rem;
17321
+ letter-spacing: inherit;
17322
+ line-height: inherit;
17323
+ max-width: calc(100% - 2px - 2px);
17324
+ }
17325
+ .v-autocomplete__selection:first-child {
17326
+ margin-inline-start: 0;
17327
+ }
17328
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17329
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17330
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17331
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17332
+ top: 0px;
17333
+ }
17334
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
17335
+ opacity: var(--v-medium-emphasis-opacity);
17336
+ }
17337
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17338
+ opacity: 1;
17339
+ }
17340
+ .v-autocomplete--selecting-index .v-field__input > input {
17341
+ caret-color: transparent;
17342
+ }
17343
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
17344
+ flex: 1 1;
17345
+ position: absolute;
17346
+ left: 0;
17347
+ right: 0;
17348
+ width: 100%;
17349
+ padding-inline: inherit;
17350
+ }
17351
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
17352
+ transition: none;
17353
+ }
17354
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
17355
+ opacity: 0;
17356
+ }
17357
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
17358
+ opacity: 0;
17359
+ }
17360
+ .v-autocomplete__menu-icon {
17361
+ margin-inline-start: 4px;
17362
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17363
+ }
17364
+ .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17365
+ opacity: var(--v-high-emphasis-opacity);
17366
+ transform: rotate(180deg);
17367
+ }.v-avatar {
17368
+ flex: none;
17369
+ align-items: center;
17370
+ display: inline-flex;
17371
+ justify-content: center;
17372
+ line-height: normal;
17373
+ overflow: hidden;
17374
+ position: relative;
17375
+ text-align: center;
17376
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17377
+ transition-property: width, height;
17378
+ vertical-align: middle;
17379
+ border-radius: 50%;
17380
+ }
17381
+ .v-avatar.v-avatar--size-x-small {
17382
+ --v-avatar-height: 24px;
17383
+ }
17384
+ .v-avatar.v-avatar--size-small {
17385
+ --v-avatar-height: 32px;
17386
+ }
17387
+ .v-avatar.v-avatar--size-default {
17388
+ --v-avatar-height: 40px;
17389
+ }
17390
+ .v-avatar.v-avatar--size-large {
17391
+ --v-avatar-height: 48px;
17392
+ }
17393
+ .v-avatar.v-avatar--size-x-large {
17394
+ --v-avatar-height: 56px;
17395
+ }
17396
+ .v-avatar.v-avatar--density-default {
17397
+ height: calc(var(--v-avatar-height) + 0px);
17398
+ width: calc(var(--v-avatar-height) + 0px);
17399
+ }
17400
+ .v-avatar.v-avatar--density-comfortable {
17401
+ height: calc(var(--v-avatar-height) + -4px);
17402
+ width: calc(var(--v-avatar-height) + -4px);
17403
+ }
17404
+ .v-avatar.v-avatar--density-compact {
17405
+ height: calc(var(--v-avatar-height) + -8px);
17406
+ width: calc(var(--v-avatar-height) + -8px);
17407
+ }
17408
+ .v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
17409
+ background: transparent;
17410
+ color: inherit;
17411
+ }
17412
+ .v-avatar--variant-plain {
17413
+ opacity: 0.62;
17414
+ }
17415
+ .v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
17416
+ opacity: 1;
17417
+ }
17418
+ .v-avatar--variant-plain .v-avatar__overlay {
17419
+ display: none;
17420
+ }
17421
+ .v-avatar--variant-elevated, .v-avatar--variant-flat {
17422
+ background: var(--v-theme-surface);
17423
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
17424
+ }
17425
+ .v-avatar--variant-elevated {
17426
+ box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17427
+ }
17428
+ .v-avatar--variant-flat {
17429
+ 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));
17430
+ }
17431
+ .v-avatar--variant-outlined {
17432
+ border: thin solid currentColor;
17433
+ }
17434
+ .v-avatar--variant-text .v-avatar__overlay {
17435
+ background: currentColor;
17436
+ }
17437
+ .v-avatar--variant-tonal .v-avatar__underlay {
17438
+ background: currentColor;
17439
+ opacity: var(--v-activated-opacity);
17440
+ border-radius: inherit;
17441
+ position: absolute;
17442
+ top: 0;
17443
+ right: 0;
17444
+ bottom: 0;
17445
+ left: 0;
17446
+ pointer-events: none;
17447
+ }
17448
+ .v-avatar--rounded {
17449
+ border-radius: 4px;
17450
+ }
17451
+ .v-avatar .v-img {
17452
+ height: 100%;
17453
+ width: 100%;
17454
+ }.v-badge {
17455
+ display: inline-block;
17456
+ line-height: 1;
17457
+ }
17458
+
17459
+ .v-badge__badge {
17460
+ align-items: center;
17461
+ display: inline-flex;
17462
+ border-radius: 10px;
17463
+ font-size: 0.75rem;
17464
+ font-weight: 500;
17465
+ height: 1.25rem;
17466
+ justify-content: center;
17467
+ min-width: 20px;
17468
+ padding: 4px 6px;
17469
+ pointer-events: auto;
17470
+ position: absolute;
17471
+ text-align: center;
17472
+ text-indent: 0;
17473
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
17474
+ white-space: nowrap;
17475
+ background: rgb(var(--v-theme-surface-variant));
17476
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
17477
+ }
17478
+ .v-badge--bordered .v-badge__badge::after {
17479
+ border-radius: inherit;
17480
+ border-style: solid;
17481
+ border-width: 2px;
17482
+ bottom: 0;
17483
+ color: rgb(var(--v-theme-background));
17484
+ content: "";
17485
+ left: 0;
17486
+ position: absolute;
17487
+ right: 0;
17488
+ top: 0;
17489
+ transform: scale(1.05);
17490
+ }
17491
+ .v-badge--dot .v-badge__badge {
17492
+ border-radius: 4.5px;
17493
+ height: 9px;
17494
+ min-width: 0;
17495
+ padding: 0;
17496
+ width: 9px;
17497
+ }
17498
+ .v-badge--dot .v-badge__badge::after {
17499
+ border-width: 1.5px;
17500
+ }
17501
+ .v-badge--inline .v-badge__badge {
17502
+ position: relative;
17503
+ vertical-align: middle;
17504
+ }
17505
+ .v-badge__badge .v-icon {
17506
+ color: inherit;
17507
+ font-size: 0.75rem;
17508
+ margin: 0 -2px;
17509
+ }
17510
+ .v-badge__badge img,
17511
+ .v-badge__badge .v-img {
17512
+ height: 100%;
17513
+ width: 100%;
17514
17514
  }
17515
17515
 
17516
17516
  .v-badge__wrapper {
@@ -17766,6 +17766,63 @@ html.overflow-y-hidden {
17766
17766
  .v-bottom-sheet.v-bottom-sheet--inset {
17767
17767
  max-width: 70%;
17768
17768
  }
17769
+ }.v-breadcrumbs {
17770
+ display: flex;
17771
+ align-items: center;
17772
+ line-height: 1.375rem;
17773
+ padding: 16px 12px;
17774
+ }
17775
+ .v-breadcrumbs--rounded {
17776
+ border-radius: 4px;
17777
+ }
17778
+ .v-breadcrumbs--density-default {
17779
+ padding-top: 16px;
17780
+ padding-bottom: 16px;
17781
+ }
17782
+
17783
+ .v-breadcrumbs--density-comfortable {
17784
+ padding-top: 12px;
17785
+ padding-bottom: 12px;
17786
+ }
17787
+
17788
+ .v-breadcrumbs--density-compact {
17789
+ padding-top: 8px;
17790
+ padding-bottom: 8px;
17791
+ }
17792
+
17793
+ .v-breadcrumbs__prepend {
17794
+ align-items: center;
17795
+ display: inline-flex;
17796
+ }
17797
+
17798
+ .v-breadcrumbs-item {
17799
+ align-items: center;
17800
+ color: inherit;
17801
+ display: inline-flex;
17802
+ padding: 0 4px;
17803
+ text-decoration: none;
17804
+ vertical-align: middle;
17805
+ }
17806
+ .v-breadcrumbs-item--disabled {
17807
+ opacity: var(--v-disabled-opacity);
17808
+ pointer-events: none;
17809
+ }
17810
+ .v-breadcrumbs-item--link {
17811
+ color: inherit;
17812
+ text-decoration: none;
17813
+ }
17814
+ .v-breadcrumbs-item--link:hover {
17815
+ text-decoration: underline;
17816
+ }
17817
+ .v-breadcrumbs-item .v-icon {
17818
+ font-size: 1rem;
17819
+ margin-inline: -4px 2px;
17820
+ }
17821
+
17822
+ .v-breadcrumbs-divider {
17823
+ display: inline-block;
17824
+ padding: 0 8px;
17825
+ vertical-align: middle;
17769
17826
  }.v-btn {
17770
17827
  align-items: center;
17771
17828
  border-radius: 4px;
@@ -18169,76 +18226,6 @@ html.overflow-y-hidden {
18169
18226
  }
18170
18227
  .v-pagination__item--is-active .v-btn__overlay {
18171
18228
  opacity: var(--v-border-opacity);
18172
- }.v-breadcrumbs {
18173
- display: flex;
18174
- align-items: center;
18175
- line-height: 1.375rem;
18176
- padding: 16px 12px;
18177
- }
18178
- .v-breadcrumbs--rounded {
18179
- border-radius: 4px;
18180
- }
18181
- .v-breadcrumbs--density-default {
18182
- padding-top: 16px;
18183
- padding-bottom: 16px;
18184
- }
18185
-
18186
- .v-breadcrumbs--density-comfortable {
18187
- padding-top: 12px;
18188
- padding-bottom: 12px;
18189
- }
18190
-
18191
- .v-breadcrumbs--density-compact {
18192
- padding-top: 8px;
18193
- padding-bottom: 8px;
18194
- }
18195
-
18196
- .v-breadcrumbs__prepend {
18197
- align-items: center;
18198
- display: inline-flex;
18199
- }
18200
-
18201
- .v-breadcrumbs-item {
18202
- align-items: center;
18203
- color: inherit;
18204
- display: inline-flex;
18205
- padding: 0 4px;
18206
- text-decoration: none;
18207
- vertical-align: middle;
18208
- }
18209
- .v-breadcrumbs-item--disabled {
18210
- opacity: var(--v-disabled-opacity);
18211
- pointer-events: none;
18212
- }
18213
- .v-breadcrumbs-item--link {
18214
- color: inherit;
18215
- text-decoration: none;
18216
- }
18217
- .v-breadcrumbs-item--link:hover {
18218
- text-decoration: underline;
18219
- }
18220
- .v-breadcrumbs-item .v-icon {
18221
- font-size: 1rem;
18222
- margin-inline: -4px 2px;
18223
- }
18224
-
18225
- .v-breadcrumbs-divider {
18226
- display: inline-block;
18227
- padding: 0 8px;
18228
- vertical-align: middle;
18229
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18230
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18231
- }
18232
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18233
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18234
- }
18235
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18236
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18237
- }
18238
- @supports not selector(:focus-visible) {
18239
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18240
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18241
- }
18242
18229
  }.v-btn-group {
18243
18230
  display: inline-flex;
18244
18231
  flex-wrap: nowrap;
@@ -18295,11 +18282,6 @@ html.overflow-y-hidden {
18295
18282
  }
18296
18283
  .v-btn-group--tile {
18297
18284
  border-radius: 0;
18298
- }.v-checkbox.v-input {
18299
- flex: 0 1 auto;
18300
- }
18301
- .v-checkbox .v-selection-control {
18302
- min-height: var(--v-input-control-height);
18303
18285
  }.v-card {
18304
18286
  display: block;
18305
18287
  overflow: hidden;
@@ -18596,6 +18578,19 @@ html.overflow-y-hidden {
18596
18578
  pointer-events: none;
18597
18579
  opacity: 0;
18598
18580
  transition: opacity 0.2s ease-in-out;
18581
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18582
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18583
+ }
18584
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18585
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18586
+ }
18587
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18588
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18589
+ }
18590
+ @supports not selector(:focus-visible) {
18591
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18592
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18593
+ }
18599
18594
  }.v-carousel {
18600
18595
  overflow: hidden;
18601
18596
  position: relative;
@@ -18659,6 +18654,11 @@ html.overflow-y-hidden {
18659
18654
  flex-direction: column;
18660
18655
  height: 100% !important;
18661
18656
  width: 50px;
18657
+ }.v-checkbox.v-input {
18658
+ flex: 0 1 auto;
18659
+ }
18660
+ .v-checkbox .v-selection-control {
18661
+ min-height: var(--v-input-control-height);
18662
18662
  }.v-chip {
18663
18663
  align-items: center;
18664
18664
  display: inline-flex;
@@ -19066,24 +19066,6 @@ html.overflow-y-hidden {
19066
19066
 
19067
19067
  .v-chip--label {
19068
19068
  border-radius: 4px;
19069
- }.v-chip-group {
19070
- display: flex;
19071
- max-width: 100%;
19072
- min-width: 0;
19073
- overflow-x: auto;
19074
- padding: 4px 0;
19075
- }
19076
- .v-chip-group .v-chip {
19077
- margin: 4px 8px 4px 0;
19078
- }
19079
- .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
19080
- opacity: var(--v-activated-opacity);
19081
- }
19082
-
19083
- .v-chip-group--column .v-slide-group__content {
19084
- white-space: normal;
19085
- flex-wrap: wrap;
19086
- max-width: 100%;
19087
19069
  }.v-container {
19088
19070
  width: 100%;
19089
19071
  padding: 16px;
@@ -19756,6 +19738,24 @@ html.overflow-y-hidden {
19756
19738
  .offset-xxl-11 {
19757
19739
  margin-inline-start: 91.6666666667%;
19758
19740
  }
19741
+ }.v-chip-group {
19742
+ display: flex;
19743
+ max-width: 100%;
19744
+ min-width: 0;
19745
+ overflow-x: auto;
19746
+ padding: 4px 0;
19747
+ }
19748
+ .v-chip-group .v-chip {
19749
+ margin: 4px 8px 4px 0;
19750
+ }
19751
+ .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
19752
+ opacity: var(--v-activated-opacity);
19753
+ }
19754
+
19755
+ .v-chip-group--column .v-slide-group__content {
19756
+ white-space: normal;
19757
+ flex-wrap: wrap;
19758
+ max-width: 100%;
19759
19759
  }.v-color-picker {
19760
19760
  align-self: flex-start;
19761
19761
  contain: content;
@@ -20030,12 +20030,6 @@ html.overflow-y-hidden {
20030
20030
 
20031
20031
  .v-data-table-footer__page {
20032
20032
  padding: 0 8px;
20033
- }.v-date-picker {
20034
- overflow: hidden;
20035
- width: 328px;
20036
- }
20037
- .v-date-picker--show-week {
20038
- width: 368px;
20039
20033
  }.v-date-picker-controls {
20040
20034
  display: flex;
20041
20035
  align-items: center;
@@ -20092,6 +20086,12 @@ html.overflow-y-hidden {
20092
20086
 
20093
20087
  .v-date-picker__title {
20094
20088
  display: inline-block;
20089
+ }.v-date-picker {
20090
+ overflow: hidden;
20091
+ width: 328px;
20092
+ }
20093
+ .v-date-picker--show-week {
20094
+ width: 368px;
20095
20095
  }.v-date-picker-header {
20096
20096
  align-items: flex-end;
20097
20097
  height: 70px;
@@ -20241,6 +20241,35 @@ html.overflow-y-hidden {
20241
20241
  text-transform: none;
20242
20242
  padding-inline-start: 8px;
20243
20243
  padding-inline-end: 8px;
20244
+ }.v-divider {
20245
+ display: block;
20246
+ flex: 1 1 100%;
20247
+ height: 0px;
20248
+ max-height: 0px;
20249
+ opacity: var(--v-border-opacity);
20250
+ transition: inherit;
20251
+ border-style: solid;
20252
+ border-width: thin 0 0 0;
20253
+ }
20254
+ .v-divider--vertical {
20255
+ align-self: stretch;
20256
+ border-width: 0 thin 0 0;
20257
+ display: inline-flex;
20258
+ height: inherit;
20259
+ margin-left: -1px;
20260
+ max-height: 100%;
20261
+ max-width: 0px;
20262
+ vertical-align: text-bottom;
20263
+ width: 0px;
20264
+ }
20265
+ .v-divider--inset:not(.v-divider--vertical) {
20266
+ max-width: calc(100% - 72px);
20267
+ margin-inline-start: 72px;
20268
+ }
20269
+ .v-divider--inset.v-divider--vertical {
20270
+ margin-bottom: 8px;
20271
+ margin-top: 8px;
20272
+ max-height: calc(100% - 16px);
20244
20273
  }.v-dialog {
20245
20274
  align-items: center;
20246
20275
  justify-content: center;
@@ -20329,35 +20358,6 @@ html.overflow-y-hidden {
20329
20358
  -webkit-backface-visibility: hidden;
20330
20359
  backface-visibility: hidden;
20331
20360
  overflow-y: auto;
20332
- }.v-divider {
20333
- display: block;
20334
- flex: 1 1 100%;
20335
- height: 0px;
20336
- max-height: 0px;
20337
- opacity: var(--v-border-opacity);
20338
- transition: inherit;
20339
- border-style: solid;
20340
- border-width: thin 0 0 0;
20341
- }
20342
- .v-divider--vertical {
20343
- align-self: stretch;
20344
- border-width: 0 thin 0 0;
20345
- display: inline-flex;
20346
- height: inherit;
20347
- margin-left: -1px;
20348
- max-height: 100%;
20349
- max-width: 0px;
20350
- vertical-align: text-bottom;
20351
- width: 0px;
20352
- }
20353
- .v-divider--inset:not(.v-divider--vertical) {
20354
- max-width: calc(100% - 72px);
20355
- margin-inline-start: 72px;
20356
- }
20357
- .v-divider--inset.v-divider--vertical {
20358
- margin-bottom: 8px;
20359
- margin-top: 8px;
20360
- max-height: calc(100% - 16px);
20361
20361
  }.v-expansion-panel {
20362
20362
  background-color: rgb(var(--v-theme-surface));
20363
20363
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -21294,11 +21294,6 @@ textarea.v-field__input::placeholder {
21294
21294
  display: flex;
21295
21295
  justify-content: center;
21296
21296
  padding: 8px;
21297
- }.v-item-group {
21298
- flex: 0 1 auto;
21299
- max-width: 100%;
21300
- position: relative;
21301
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21302
21297
  }.v-input {
21303
21298
  display: grid;
21304
21299
  flex: 1 1 auto;
@@ -21456,13 +21451,6 @@ textarea.v-field__input::placeholder {
21456
21451
 
21457
21452
  .v-label--clickable {
21458
21453
  cursor: pointer;
21459
- }.v-layout-item {
21460
- position: absolute;
21461
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21462
- }
21463
-
21464
- .v-layout-item--absolute {
21465
- position: absolute;
21466
21454
  }.v-layout {
21467
21455
  --v-scrollbar-offset: 0px;
21468
21456
  display: flex;
@@ -21471,6 +21459,13 @@ textarea.v-field__input::placeholder {
21471
21459
  .v-layout--full-height {
21472
21460
  --v-scrollbar-offset: inherit;
21473
21461
  height: 100%;
21462
+ }.v-layout-item {
21463
+ position: absolute;
21464
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21465
+ }
21466
+
21467
+ .v-layout-item--absolute {
21468
+ position: absolute;
21474
21469
  }.v-list {
21475
21470
  overflow: auto;
21476
21471
  padding: 8px 0;
@@ -22307,12 +22302,6 @@ html.v-overlay-scroll-blocked {
22307
22302
  }
22308
22303
  .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
22309
22304
  margin: 0.3rem;
22310
- }.v-parallax {
22311
- position: relative;
22312
- overflow: hidden;
22313
- }
22314
- .v-parallax--active > .v-img__img {
22315
- will-change: transform;
22316
22305
  }.v-progress-circular {
22317
22306
  align-items: center;
22318
22307
  display: inline-flex;
@@ -22415,6 +22404,12 @@ html.v-overlay-scroll-blocked {
22415
22404
  100% {
22416
22405
  transform: rotate(270deg);
22417
22406
  }
22407
+ }.v-parallax {
22408
+ position: relative;
22409
+ overflow: hidden;
22410
+ }
22411
+ .v-parallax--active > .v-img__img {
22412
+ will-change: transform;
22418
22413
  }.v-progress-linear {
22419
22414
  background: transparent;
22420
22415
  overflow: hidden;
@@ -22694,6 +22689,32 @@ html.v-overlay-scroll-blocked {
22694
22689
 
22695
22690
  .v-slider__label {
22696
22691
  margin-inline-end: 12px;
22692
+ }.v-responsive {
22693
+ display: flex;
22694
+ flex: 1 0 auto;
22695
+ max-height: 100%;
22696
+ max-width: 100%;
22697
+ overflow: hidden;
22698
+ position: relative;
22699
+ }
22700
+ .v-responsive--inline {
22701
+ display: inline-flex;
22702
+ flex: 0 0 auto;
22703
+ }
22704
+
22705
+ .v-responsive__content {
22706
+ flex: 1 0 0px;
22707
+ max-width: 100%;
22708
+ }
22709
+
22710
+ .v-responsive__sizer ~ .v-responsive__content {
22711
+ margin-inline-start: -100%;
22712
+ }
22713
+
22714
+ .v-responsive__sizer {
22715
+ flex: 1 0 0px;
22716
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22717
+ pointer-events: none;
22697
22718
  }.v-rating {
22698
22719
  max-width: 100%;
22699
22720
  display: inline-flex;
@@ -22748,32 +22769,6 @@ html.v-overlay-scroll-blocked {
22748
22769
  opacity: 0;
22749
22770
  position: absolute;
22750
22771
  width: 0;
22751
- }.v-responsive {
22752
- display: flex;
22753
- flex: 1 0 auto;
22754
- max-height: 100%;
22755
- max-width: 100%;
22756
- overflow: hidden;
22757
- position: relative;
22758
- }
22759
- .v-responsive--inline {
22760
- display: inline-flex;
22761
- flex: 0 0 auto;
22762
- }
22763
-
22764
- .v-responsive__content {
22765
- flex: 1 0 0px;
22766
- max-width: 100%;
22767
- }
22768
-
22769
- .v-responsive__sizer ~ .v-responsive__content {
22770
- margin-inline-start: -100%;
22771
- }
22772
-
22773
- .v-responsive__sizer {
22774
- flex: 1 0 0px;
22775
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22776
- pointer-events: none;
22777
22772
  }.v-select .v-field .v-text-field__prefix,
22778
22773
  .v-select .v-field .v-text-field__suffix,
22779
22774
  .v-select .v-field .v-field__input, .v-select .v-field.v-field {
@@ -23459,6 +23454,43 @@ html.v-overlay-scroll-blocked {
23459
23454
  }
23460
23455
  .v-stepper--mobile .v-stepper-item__subtitle {
23461
23456
  display: none;
23457
+ }.v-system-bar {
23458
+ align-items: center;
23459
+ display: flex;
23460
+ flex: 1 1 auto;
23461
+ height: 24px;
23462
+ justify-content: flex-end;
23463
+ max-width: 100%;
23464
+ padding-inline: 8px;
23465
+ position: relative;
23466
+ text-align: end;
23467
+ width: 100%;
23468
+ 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));
23469
+ background: rgba(var(--v-theme-surface-light));
23470
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
23471
+ font-size: 0.75rem;
23472
+ font-weight: 400;
23473
+ letter-spacing: 0.0333333333em;
23474
+ line-height: 1.25rem;
23475
+ text-transform: none;
23476
+ }
23477
+ .v-system-bar .v-icon {
23478
+ opacity: var(--v-medium-emphasis-opacity);
23479
+ }
23480
+ .v-system-bar--absolute {
23481
+ position: absolute;
23482
+ }
23483
+ .v-system-bar--fixed {
23484
+ position: fixed;
23485
+ }
23486
+ .v-system-bar--rounded {
23487
+ border-radius: 0;
23488
+ }
23489
+ .v-system-bar--window {
23490
+ height: 32px;
23491
+ }
23492
+ .v-system-bar:not(.v-system-bar--absolute) {
23493
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
23462
23494
  }.v-switch .v-label {
23463
23495
  padding-inline-start: 10px;
23464
23496
  }
@@ -23577,43 +23609,6 @@ html.v-overlay-scroll-blocked {
23577
23609
  }
23578
23610
  .v-switch.v-switch--inset .v-selection-control__wrapper {
23579
23611
  width: auto;
23580
- }.v-system-bar {
23581
- align-items: center;
23582
- display: flex;
23583
- flex: 1 1 auto;
23584
- height: 24px;
23585
- justify-content: flex-end;
23586
- max-width: 100%;
23587
- padding-inline: 8px;
23588
- position: relative;
23589
- text-align: end;
23590
- width: 100%;
23591
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23592
- background: rgba(var(--v-theme-surface-light));
23593
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
23594
- font-size: 0.75rem;
23595
- font-weight: 400;
23596
- letter-spacing: 0.0333333333em;
23597
- line-height: 1.25rem;
23598
- text-transform: none;
23599
- }
23600
- .v-system-bar .v-icon {
23601
- opacity: var(--v-medium-emphasis-opacity);
23602
- }
23603
- .v-system-bar--absolute {
23604
- position: absolute;
23605
- }
23606
- .v-system-bar--fixed {
23607
- position: fixed;
23608
- }
23609
- .v-system-bar--rounded {
23610
- border-radius: 0;
23611
- }
23612
- .v-system-bar--window {
23613
- height: 32px;
23614
- }
23615
- .v-system-bar:not(.v-system-bar--absolute) {
23616
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
23617
23612
  }.v-tabs {
23618
23613
  display: flex;
23619
23614
  height: var(--v-tabs-height);
@@ -24601,34 +24596,11 @@ html.v-overlay-scroll-blocked {
24601
24596
  }
24602
24597
  .v-window-y-reverse-transition-leave-to {
24603
24598
  transform: translateY(100%);
24604
- }.v-color-picker-edit {
24605
- display: flex;
24606
- margin-top: 24px;
24607
- }
24608
-
24609
- .v-color-picker-edit__input {
24610
- width: 100%;
24611
- display: flex;
24612
- flex-wrap: wrap;
24613
- justify-content: center;
24614
- text-align: center;
24615
- }
24616
- .v-color-picker-edit__input:not(:last-child) {
24617
- margin-inline-end: 8px;
24618
- }
24619
- .v-color-picker-edit__input input {
24620
- border-radius: 4px;
24621
- margin-bottom: 8px;
24622
- min-width: 0;
24623
- outline: none;
24624
- text-align: center;
24625
- width: 100%;
24626
- height: 32px;
24627
- background: rgba(var(--v-theme-surface-variant), 0.2);
24628
- color: rgba(var(--v-theme-on-surface));
24629
- }
24630
- .v-color-picker-edit__input span {
24631
- font-size: 0.75rem;
24599
+ }.v-item-group {
24600
+ flex: 0 1 auto;
24601
+ max-width: 100%;
24602
+ position: relative;
24603
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24632
24604
  }.v-color-picker-canvas {
24633
24605
  display: flex;
24634
24606
  position: relative;
@@ -24756,6 +24728,34 @@ html.v-overlay-scroll-blocked {
24756
24728
  justify-content: center;
24757
24729
  width: 100%;
24758
24730
  height: 100%;
24731
+ }.v-color-picker-edit {
24732
+ display: flex;
24733
+ margin-top: 24px;
24734
+ }
24735
+
24736
+ .v-color-picker-edit__input {
24737
+ width: 100%;
24738
+ display: flex;
24739
+ flex-wrap: wrap;
24740
+ justify-content: center;
24741
+ text-align: center;
24742
+ }
24743
+ .v-color-picker-edit__input:not(:last-child) {
24744
+ margin-inline-end: 8px;
24745
+ }
24746
+ .v-color-picker-edit__input input {
24747
+ border-radius: 4px;
24748
+ margin-bottom: 8px;
24749
+ min-width: 0;
24750
+ outline: none;
24751
+ text-align: center;
24752
+ width: 100%;
24753
+ height: 32px;
24754
+ background: rgba(var(--v-theme-surface-variant), 0.2);
24755
+ color: rgba(var(--v-theme-on-surface));
24756
+ }
24757
+ .v-color-picker-edit__input span {
24758
+ font-size: 0.75rem;
24759
24759
  }.v-picker.v-sheet {
24760
24760
  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
24761
24761
  border-radius: 4px;
@@ -24770,6 +24770,8 @@ html.v-overlay-scroll-blocked {
24770
24770
 
24771
24771
  .v-picker__body {
24772
24772
  grid-area: body;
24773
+ overflow: hidden;
24774
+ position: relative;
24773
24775
  }
24774
24776
 
24775
24777
  .v-picker__header {