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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.5.9-dev.2024-03-17
2
+ * Vuetify v3.5.9-dev.2024-03-29
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17057,6 +17057,87 @@ html.overflow-y-hidden {
17057
17057
  }
17058
17058
  .v-app-bar:not(.v-toolbar--absolute) {
17059
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);
17060
17141
  }.v-application {
17061
17142
  display: flex;
17062
17143
  background: rgb(var(--v-theme-background));
@@ -17073,6 +17154,93 @@ html.overflow-y-hidden {
17073
17154
  min-height: 100vh;
17074
17155
  min-height: 100dvh;
17075
17156
  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%;
17076
17244
  }.v-alert {
17077
17245
  display: grid;
17078
17246
  flex: 1 1;
@@ -17283,239 +17451,71 @@ html.overflow-y-hidden {
17283
17451
  text-transform: none;
17284
17452
  word-break: normal;
17285
17453
  word-wrap: break-word;
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;
17454
+ }.v-badge {
17455
+ display: inline-block;
17456
+ line-height: 1;
17290
17457
  }
17291
- .v-autocomplete .v-field .v-field__input > input {
17292
- flex: 1 1;
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));
17293
17477
  }
17294
- .v-autocomplete .v-field input {
17295
- min-width: 64px;
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);
17296
17490
  }
17297
- .v-autocomplete .v-field:not(.v-field--focused) input {
17491
+ .v-badge--dot .v-badge__badge {
17492
+ border-radius: 4.5px;
17493
+ height: 9px;
17298
17494
  min-width: 0;
17495
+ padding: 0;
17496
+ width: 9px;
17299
17497
  }
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;
17498
+ .v-badge--dot .v-badge__badge::after {
17499
+ border-width: 1.5px;
17307
17500
  }
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;
17501
+ .v-badge--inline .v-badge__badge {
17502
+ position: relative;
17503
+ vertical-align: middle;
17313
17504
  }
17314
- .v-autocomplete__mask {
17315
- background: rgb(var(--v-theme-surface-light));
17505
+ .v-badge__badge .v-icon {
17506
+ color: inherit;
17507
+ font-size: 0.75rem;
17508
+ margin: 0 -2px;
17316
17509
  }
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);
17510
+ .v-badge__badge img,
17511
+ .v-badge__badge .v-img {
17512
+ height: 100%;
17513
+ width: 100%;
17324
17514
  }
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
- }
17515
-
17516
- .v-badge__wrapper {
17517
- display: flex;
17518
- position: relative;
17515
+
17516
+ .v-badge__wrapper {
17517
+ display: flex;
17518
+ position: relative;
17519
17519
  }
17520
17520
  .v-badge--inline .v-badge__wrapper {
17521
17521
  align-items: center;
@@ -17766,63 +17766,6 @@ 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;
17826
17769
  }.v-btn {
17827
17770
  align-items: center;
17828
17771
  border-radius: 4px;
@@ -18226,13 +18169,83 @@ html.overflow-y-hidden {
18226
18169
  }
18227
18170
  .v-pagination__item--is-active .v-btn__overlay {
18228
18171
  opacity: var(--v-border-opacity);
18229
- }.v-btn-group {
18230
- display: inline-flex;
18231
- flex-wrap: nowrap;
18232
- max-width: 100%;
18233
- min-width: 0;
18234
- overflow: hidden;
18235
- vertical-align: middle;
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
+ }.v-btn-group {
18243
+ display: inline-flex;
18244
+ flex-wrap: nowrap;
18245
+ max-width: 100%;
18246
+ min-width: 0;
18247
+ overflow: hidden;
18248
+ vertical-align: middle;
18236
18249
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18237
18250
  border-style: solid;
18238
18251
  border-width: 0;
@@ -18282,82 +18295,11 @@ html.overflow-y-hidden {
18282
18295
  }
18283
18296
  .v-btn-group--tile {
18284
18297
  border-radius: 0;
18285
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18286
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18287
- }
18288
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18289
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18290
- }
18291
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18292
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18293
- }
18294
- @supports not selector(:focus-visible) {
18295
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18296
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18297
- }
18298
- }.v-carousel {
18299
- overflow: hidden;
18300
- position: relative;
18301
- width: 100%;
18302
- }
18303
- .v-carousel__controls {
18304
- align-items: center;
18305
- bottom: 0;
18306
- display: flex;
18307
- height: 50px;
18308
- justify-content: center;
18309
- list-style-type: none;
18310
- position: absolute;
18311
- width: 100%;
18312
- z-index: 1;
18313
- background: rgba(var(--v-theme-surface-variant), 0.3);
18314
- color: rgb(var(--v-theme-on-surface-variant));
18315
- }
18316
- .v-carousel__controls > .v-item-group {
18298
+ }.v-checkbox.v-input {
18317
18299
  flex: 0 1 auto;
18318
18300
  }
18319
- .v-carousel__controls__item {
18320
- margin: 0 8px;
18321
- }
18322
- .v-carousel__controls__item .v-icon {
18323
- opacity: 0.5;
18324
- }
18325
- .v-carousel__controls__item--active .v-icon {
18326
- opacity: 1;
18327
- vertical-align: middle;
18328
- }
18329
- .v-carousel__controls__item:hover {
18330
- background: none;
18331
- }
18332
- .v-carousel__controls__item:hover .v-icon {
18333
- opacity: 0.8;
18334
- }
18335
-
18336
- .v-carousel__progress {
18337
- margin: 0;
18338
- position: absolute;
18339
- bottom: 0;
18340
- left: 0;
18341
- right: 0;
18342
- }
18343
-
18344
- .v-carousel-item {
18345
- display: block;
18346
- height: inherit;
18347
- text-decoration: none;
18348
- }
18349
- .v-carousel-item > .v-img {
18350
- height: inherit;
18351
- }
18352
-
18353
- .v-carousel--hide-delimiter-background .v-carousel__controls {
18354
- background: transparent;
18355
- }
18356
-
18357
- .v-carousel--vertical-delimiters .v-carousel__controls {
18358
- flex-direction: column;
18359
- height: 100% !important;
18360
- width: 50px;
18301
+ .v-checkbox .v-selection-control {
18302
+ min-height: var(--v-input-control-height);
18361
18303
  }.v-card {
18362
18304
  display: block;
18363
18305
  overflow: hidden;
@@ -18654,29 +18596,69 @@ html.overflow-y-hidden {
18654
18596
  pointer-events: none;
18655
18597
  opacity: 0;
18656
18598
  transition: opacity 0.2s ease-in-out;
18657
- }.v-checkbox.v-input {
18658
- flex: 0 1 auto;
18599
+ }.v-carousel {
18600
+ overflow: hidden;
18601
+ position: relative;
18602
+ width: 100%;
18659
18603
  }
18660
- .v-checkbox .v-selection-control {
18661
- min-height: var(--v-input-control-height);
18662
- }.v-chip-group {
18604
+ .v-carousel__controls {
18605
+ align-items: center;
18606
+ bottom: 0;
18663
18607
  display: flex;
18664
- max-width: 100%;
18665
- min-width: 0;
18666
- overflow-x: auto;
18667
- padding: 4px 0;
18608
+ height: 50px;
18609
+ justify-content: center;
18610
+ list-style-type: none;
18611
+ position: absolute;
18612
+ width: 100%;
18613
+ z-index: 1;
18614
+ background: rgba(var(--v-theme-surface-variant), 0.3);
18615
+ color: rgb(var(--v-theme-on-surface-variant));
18668
18616
  }
18669
- .v-chip-group .v-chip {
18670
- margin: 4px 8px 4px 0;
18617
+ .v-carousel__controls > .v-item-group {
18618
+ flex: 0 1 auto;
18671
18619
  }
18672
- .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
18673
- opacity: var(--v-activated-opacity);
18620
+ .v-carousel__controls__item {
18621
+ margin: 0 8px;
18622
+ }
18623
+ .v-carousel__controls__item .v-icon {
18624
+ opacity: 0.5;
18625
+ }
18626
+ .v-carousel__controls__item--active .v-icon {
18627
+ opacity: 1;
18628
+ vertical-align: middle;
18629
+ }
18630
+ .v-carousel__controls__item:hover {
18631
+ background: none;
18632
+ }
18633
+ .v-carousel__controls__item:hover .v-icon {
18634
+ opacity: 0.8;
18674
18635
  }
18675
18636
 
18676
- .v-chip-group--column .v-slide-group__content {
18677
- white-space: normal;
18678
- flex-wrap: wrap;
18679
- max-width: 100%;
18637
+ .v-carousel__progress {
18638
+ margin: 0;
18639
+ position: absolute;
18640
+ bottom: 0;
18641
+ left: 0;
18642
+ right: 0;
18643
+ }
18644
+
18645
+ .v-carousel-item {
18646
+ display: block;
18647
+ height: inherit;
18648
+ text-decoration: none;
18649
+ }
18650
+ .v-carousel-item > .v-img {
18651
+ height: inherit;
18652
+ }
18653
+
18654
+ .v-carousel--hide-delimiter-background .v-carousel__controls {
18655
+ background: transparent;
18656
+ }
18657
+
18658
+ .v-carousel--vertical-delimiters .v-carousel__controls {
18659
+ flex-direction: column;
18660
+ height: 100% !important;
18661
+ width: 50px;
18680
18662
  }.v-chip {
18681
18663
  align-items: center;
18682
18664
  display: inline-flex;
@@ -19084,6 +19066,24 @@ html.overflow-y-hidden {
19084
19066
 
19085
19067
  .v-chip--label {
19086
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
19087
  }.v-container {
19088
19088
  width: 100%;
19089
19089
  padding: 16px;
@@ -19776,6 +19776,11 @@ html.overflow-y-hidden {
19776
19776
  }
19777
19777
  .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
19778
19778
  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));
19779
+ }.v-counter {
19780
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
19781
+ flex: 0 1 auto;
19782
+ font-size: 12px;
19783
+ transition-duration: 150ms;
19779
19784
  }.v-combobox .v-field .v-text-field__prefix,
19780
19785
  .v-combobox .v-field .v-text-field__suffix,
19781
19786
  .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
@@ -19857,11 +19862,6 @@ html.overflow-y-hidden {
19857
19862
  .v-combobox--active-menu .v-combobox__menu-icon {
19858
19863
  opacity: var(--v-high-emphasis-opacity);
19859
19864
  transform: rotate(180deg);
19860
- }.v-counter {
19861
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
19862
- flex: 0 1 auto;
19863
- font-size: 12px;
19864
- transition-duration: 150ms;
19865
19865
  }.v-data-table {
19866
19866
  width: 100%;
19867
19867
  }
@@ -20207,6 +20207,21 @@ html.overflow-y-hidden {
20207
20207
 
20208
20208
  .v-date-picker-month__day--hide-adjacent {
20209
20209
  opacity: 0;
20210
+ }.v-date-picker-years {
20211
+ height: 288px;
20212
+ overflow-y: scroll;
20213
+ }
20214
+
20215
+ .v-date-picker-years__content {
20216
+ display: grid;
20217
+ flex: 1 1;
20218
+ justify-content: space-around;
20219
+ grid-template-columns: repeat(3, 1fr);
20220
+ gap: 8px 24px;
20221
+ padding-inline: 32px;
20222
+ }
20223
+ .v-date-picker-years__content .v-btn {
20224
+ padding-inline: 8px;
20210
20225
  }.v-date-picker-months {
20211
20226
  height: 288px;
20212
20227
  }
@@ -20226,21 +20241,6 @@ html.overflow-y-hidden {
20226
20241
  text-transform: none;
20227
20242
  padding-inline-start: 8px;
20228
20243
  padding-inline-end: 8px;
20229
- }.v-date-picker-years {
20230
- height: 288px;
20231
- overflow-y: scroll;
20232
- }
20233
-
20234
- .v-date-picker-years__content {
20235
- display: grid;
20236
- flex: 1 1;
20237
- justify-content: space-around;
20238
- grid-template-columns: repeat(3, 1fr);
20239
- gap: 8px 24px;
20240
- padding-inline: 32px;
20241
- }
20242
- .v-date-picker-years__content .v-btn {
20243
- padding-inline: 8px;
20244
20244
  }.v-dialog {
20245
20245
  align-items: center;
20246
20246
  justify-content: center;
@@ -21294,6 +21294,11 @@ 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);
21297
21302
  }.v-input {
21298
21303
  display: grid;
21299
21304
  flex: 1 1 auto;
@@ -21436,11 +21441,6 @@ textarea.v-field__input::placeholder {
21436
21441
 
21437
21442
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
21438
21443
  padding-top: calc(var(--v-input-padding-top) + 0px);
21439
- }.v-item-group {
21440
- flex: 0 1 auto;
21441
- max-width: 100%;
21442
- position: relative;
21443
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21444
21444
  }.v-label {
21445
21445
  align-items: center;
21446
21446
  color: inherit;
@@ -21456,6 +21456,13 @@ textarea.v-field__input::placeholder {
21456
21456
 
21457
21457
  .v-label--clickable {
21458
21458
  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;
21459
21466
  }.v-layout {
21460
21467
  --v-scrollbar-offset: 0px;
21461
21468
  display: flex;
@@ -21464,13 +21471,6 @@ textarea.v-field__input::placeholder {
21464
21471
  .v-layout--full-height {
21465
21472
  --v-scrollbar-offset: inherit;
21466
21473
  height: 100%;
21467
- }.v-layout-item {
21468
- position: absolute;
21469
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21470
- }
21471
-
21472
- .v-layout-item--absolute {
21473
- position: absolute;
21474
21474
  }.v-list {
21475
21475
  overflow: auto;
21476
21476
  padding: 8px 0;
@@ -23709,6 +23709,144 @@ html.v-overlay-scroll-blocked {
23709
23709
  top: 0;
23710
23710
  height: 100%;
23711
23711
  width: 2px;
23712
+ }.v-table {
23713
+ background: rgb(var(--v-theme-surface));
23714
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
23715
+ font-size: 0.875rem;
23716
+ transition-duration: 0.28s;
23717
+ transition-property: box-shadow, opacity, background, height;
23718
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
23719
+ }
23720
+ .v-table .v-table-divider {
23721
+ border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23722
+ }
23723
+ .v-table .v-table__wrapper > table > thead > tr > th {
23724
+ border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23725
+ }
23726
+ .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > td,
23727
+ .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > th {
23728
+ border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23729
+ }
23730
+ .v-table .v-table__wrapper > table > tfoot > tr > td,
23731
+ .v-table .v-table__wrapper > table > tfoot > tr > th {
23732
+ border-top: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23733
+ }
23734
+ .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr > td {
23735
+ position: relative;
23736
+ }
23737
+ .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover > td::after {
23738
+ content: "";
23739
+ position: absolute;
23740
+ top: 0;
23741
+ left: 0;
23742
+ width: 100%;
23743
+ height: 100%;
23744
+ background: rgba(var(--v-border-color), var(--v-hover-opacity));
23745
+ pointer-events: none;
23746
+ }
23747
+ .v-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
23748
+ background: rgb(var(--v-theme-surface));
23749
+ box-shadow: inset 0 -1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
23750
+ z-index: 1;
23751
+ }
23752
+ .v-table.v-table--fixed-footer > tfoot > tr > th,
23753
+ .v-table.v-table--fixed-footer > tfoot > tr > td {
23754
+ background: rgb(var(--v-theme-surface));
23755
+ box-shadow: inset 0 1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
23756
+ }
23757
+
23758
+ .v-table {
23759
+ border-radius: inherit;
23760
+ line-height: 1.5;
23761
+ max-width: 100%;
23762
+ display: flex;
23763
+ flex-direction: column;
23764
+ }
23765
+ .v-table > .v-table__wrapper > table {
23766
+ width: 100%;
23767
+ border-spacing: 0;
23768
+ }
23769
+ .v-table > .v-table__wrapper > table > tbody > tr > td,
23770
+ .v-table > .v-table__wrapper > table > tbody > tr > th,
23771
+ .v-table > .v-table__wrapper > table > thead > tr > td,
23772
+ .v-table > .v-table__wrapper > table > thead > tr > th,
23773
+ .v-table > .v-table__wrapper > table > tfoot > tr > td,
23774
+ .v-table > .v-table__wrapper > table > tfoot > tr > th {
23775
+ padding: 0 16px;
23776
+ transition-duration: 0.28s;
23777
+ transition-property: box-shadow, opacity, background, height;
23778
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
23779
+ }
23780
+ .v-table > .v-table__wrapper > table > tbody > tr > td,
23781
+ .v-table > .v-table__wrapper > table > thead > tr > td,
23782
+ .v-table > .v-table__wrapper > table > tfoot > tr > td {
23783
+ height: var(--v-table-row-height);
23784
+ }
23785
+ .v-table > .v-table__wrapper > table > tbody > tr > th,
23786
+ .v-table > .v-table__wrapper > table > thead > tr > th,
23787
+ .v-table > .v-table__wrapper > table > tfoot > tr > th {
23788
+ height: var(--v-table-header-height);
23789
+ font-weight: 500;
23790
+ -webkit-user-select: none;
23791
+ user-select: none;
23792
+ text-align: start;
23793
+ }
23794
+ .v-table--density-default {
23795
+ --v-table-header-height: 56px;
23796
+ --v-table-row-height: 52px;
23797
+ }
23798
+
23799
+ .v-table--density-comfortable {
23800
+ --v-table-header-height: 48px;
23801
+ --v-table-row-height: 44px;
23802
+ }
23803
+
23804
+ .v-table--density-compact {
23805
+ --v-table-header-height: 40px;
23806
+ --v-table-row-height: 36px;
23807
+ }
23808
+
23809
+ .v-table__wrapper {
23810
+ border-radius: inherit;
23811
+ overflow: auto;
23812
+ flex: 1 1 auto;
23813
+ }
23814
+
23815
+ .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:first-child {
23816
+ border-top-left-radius: 0;
23817
+ }
23818
+ .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:last-child {
23819
+ border-top-right-radius: 0;
23820
+ }
23821
+
23822
+ .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:first-child {
23823
+ border-bottom-left-radius: 0;
23824
+ }
23825
+ .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:last-child {
23826
+ border-bottom-right-radius: 0;
23827
+ }
23828
+
23829
+ .v-table--fixed-height > .v-table__wrapper {
23830
+ overflow-y: auto;
23831
+ }
23832
+
23833
+ .v-table--fixed-header > .v-table__wrapper > table > thead {
23834
+ position: sticky;
23835
+ top: 0;
23836
+ z-index: 2;
23837
+ }
23838
+ .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
23839
+ border-bottom: 0px !important;
23840
+ }
23841
+
23842
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
23843
+ position: sticky;
23844
+ bottom: 0;
23845
+ z-index: 1;
23846
+ }
23847
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
23848
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
23849
+ border-top: 0px !important;
23712
23850
  }/* region BLOCK */
23713
23851
  .v-text-field input {
23714
23852
  color: inherit;
@@ -24463,194 +24601,126 @@ html.v-overlay-scroll-blocked {
24463
24601
  }
24464
24602
  .v-window-y-reverse-transition-leave-to {
24465
24603
  transform: translateY(100%);
24466
- }.v-table {
24467
- background: rgb(var(--v-theme-surface));
24468
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24469
- font-size: 0.875rem;
24470
- transition-duration: 0.28s;
24471
- transition-property: box-shadow, opacity, background, height;
24472
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
24473
- }
24474
- .v-table .v-table-divider {
24475
- border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24604
+ }.v-color-picker-edit {
24605
+ display: flex;
24606
+ margin-top: 24px;
24476
24607
  }
24477
- .v-table .v-table__wrapper > table > thead > tr > th {
24478
- border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
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;
24479
24615
  }
24480
- .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > td,
24481
- .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > th {
24482
- border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24616
+ .v-color-picker-edit__input:not(:last-child) {
24617
+ margin-inline-end: 8px;
24483
24618
  }
24484
- .v-table .v-table__wrapper > table > tfoot > tr > td,
24485
- .v-table .v-table__wrapper > table > tfoot > tr > th {
24486
- border-top: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
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));
24487
24629
  }
24488
- .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr > td {
24630
+ .v-color-picker-edit__input span {
24631
+ font-size: 0.75rem;
24632
+ }.v-color-picker-canvas {
24633
+ display: flex;
24489
24634
  position: relative;
24635
+ overflow: hidden;
24636
+ contain: content;
24637
+ touch-action: none;
24490
24638
  }
24491
- .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover > td::after {
24492
- content: "";
24639
+ .v-color-picker-canvas__dot {
24493
24640
  position: absolute;
24494
24641
  top: 0;
24495
24642
  left: 0;
24496
- width: 100%;
24497
- height: 100%;
24498
- background: rgba(var(--v-border-color), var(--v-hover-opacity));
24499
- pointer-events: none;
24643
+ width: 15px;
24644
+ height: 15px;
24645
+ background: transparent;
24646
+ border-radius: 50%;
24647
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
24500
24648
  }
24501
- .v-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
24502
- background: rgb(var(--v-theme-surface));
24503
- box-shadow: inset 0 -1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
24504
- z-index: 1;
24505
- }
24506
- .v-table.v-table--fixed-footer > tfoot > tr > th,
24507
- .v-table.v-table--fixed-footer > tfoot > tr > td {
24508
- background: rgb(var(--v-theme-surface));
24509
- box-shadow: inset 0 1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
24510
- }
24511
-
24512
- .v-table {
24513
- border-radius: inherit;
24514
- line-height: 1.5;
24515
- max-width: 100%;
24516
- display: flex;
24517
- flex-direction: column;
24518
- }
24519
- .v-table > .v-table__wrapper > table {
24520
- width: 100%;
24521
- border-spacing: 0;
24522
- }
24523
- .v-table > .v-table__wrapper > table > tbody > tr > td,
24524
- .v-table > .v-table__wrapper > table > tbody > tr > th,
24525
- .v-table > .v-table__wrapper > table > thead > tr > td,
24526
- .v-table > .v-table__wrapper > table > thead > tr > th,
24527
- .v-table > .v-table__wrapper > table > tfoot > tr > td,
24528
- .v-table > .v-table__wrapper > table > tfoot > tr > th {
24529
- padding: 0 16px;
24530
- transition-duration: 0.28s;
24531
- transition-property: box-shadow, opacity, background, height;
24532
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
24533
- }
24534
- .v-table > .v-table__wrapper > table > tbody > tr > td,
24535
- .v-table > .v-table__wrapper > table > thead > tr > td,
24536
- .v-table > .v-table__wrapper > table > tfoot > tr > td {
24537
- height: var(--v-table-row-height);
24538
- }
24539
- .v-table > .v-table__wrapper > table > tbody > tr > th,
24540
- .v-table > .v-table__wrapper > table > thead > tr > th,
24541
- .v-table > .v-table__wrapper > table > tfoot > tr > th {
24542
- height: var(--v-table-header-height);
24543
- font-weight: 500;
24544
- -webkit-user-select: none;
24545
- user-select: none;
24546
- text-align: start;
24649
+ .v-color-picker-canvas__dot--disabled {
24650
+ box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
24547
24651
  }
24548
- .v-table--density-default {
24549
- --v-table-header-height: 56px;
24550
- --v-table-row-height: 52px;
24652
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
24653
+ will-change: transform;
24654
+ }.v-color-picker-preview__alpha .v-slider-track__background {
24655
+ background-color: transparent !important;
24551
24656
  }
24552
-
24553
- .v-table--density-comfortable {
24554
- --v-table-header-height: 48px;
24555
- --v-table-row-height: 44px;
24657
+ .v-locale--is-ltr.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__alpha .v-slider-track__background {
24658
+ background-image: linear-gradient(to right, transparent, var(--v-color-picker-color-hsv));
24556
24659
  }
24557
24660
 
24558
- .v-table--density-compact {
24559
- --v-table-header-height: 40px;
24560
- --v-table-row-height: 36px;
24661
+ .v-locale--is-rtl.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__alpha .v-slider-track__background {
24662
+ background-image: linear-gradient(to left, transparent, var(--v-color-picker-color-hsv));
24561
24663
  }
24562
24664
 
24563
- .v-table__wrapper {
24665
+ .v-color-picker-preview__alpha .v-slider-track__background::after {
24666
+ content: "";
24667
+ z-index: -1;
24668
+ left: 0;
24669
+ top: 0;
24670
+ width: 100%;
24671
+ height: 100%;
24672
+ position: absolute;
24673
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
24564
24674
  border-radius: inherit;
24565
- overflow: auto;
24566
- flex: 1 1 auto;
24567
24675
  }
24568
24676
 
24569
- .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:first-child {
24570
- border-top-left-radius: 0;
24571
- }
24572
- .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:last-child {
24573
- border-top-right-radius: 0;
24677
+ .v-color-picker-preview__sliders {
24678
+ display: flex;
24679
+ flex: 1 0 auto;
24680
+ flex-direction: column;
24681
+ padding-inline-end: 16px;
24574
24682
  }
24575
24683
 
24576
- .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:first-child {
24577
- border-bottom-left-radius: 0;
24684
+ .v-color-picker-preview__dot {
24685
+ position: relative;
24686
+ height: 30px;
24687
+ width: 30px;
24688
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
24689
+ border-radius: 50%;
24690
+ overflow: hidden;
24691
+ margin-inline-end: 24px;
24578
24692
  }
24579
- .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:last-child {
24580
- border-bottom-right-radius: 0;
24693
+ .v-color-picker-preview__dot > div {
24694
+ width: 100%;
24695
+ height: 100%;
24581
24696
  }
24582
24697
 
24583
- .v-table--fixed-height > .v-table__wrapper {
24584
- overflow-y: auto;
24698
+ .v-locale--is-ltr.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
24699
+ background: linear-gradient(to right, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
24585
24700
  }
24586
24701
 
24587
- .v-table--fixed-header > .v-table__wrapper > table > thead {
24588
- position: sticky;
24589
- top: 0;
24590
- z-index: 2;
24591
- }
24592
- .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
24593
- border-bottom: 0px !important;
24702
+ .v-locale--is-rtl.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
24703
+ background: linear-gradient(to left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
24594
24704
  }
24595
24705
 
24596
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
24597
- position: sticky;
24598
- bottom: 0;
24599
- z-index: 1;
24706
+ .v-color-picker-preview__track {
24707
+ position: relative;
24708
+ width: 100%;
24709
+ margin: 0 !important;
24600
24710
  }
24601
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24602
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24603
- border-top: 0px !important;
24604
- }.v-color-picker-edit {
24605
- display: flex;
24606
- margin-top: 24px;
24711
+ .v-color-picker-preview__track .v-slider-track__fill {
24712
+ display: none;
24607
24713
  }
24608
24714
 
24609
- .v-color-picker-edit__input {
24610
- width: 100%;
24715
+ .v-color-picker-preview {
24716
+ align-items: center;
24611
24717
  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));
24718
+ margin-bottom: 0;
24629
24719
  }
24630
- .v-color-picker-edit__input span {
24631
- font-size: 0.75rem;
24632
- }.v-color-picker-canvas {
24633
- display: flex;
24720
+
24721
+ .v-color-picker-preview__eye-dropper {
24634
24722
  position: relative;
24635
- overflow: hidden;
24636
- contain: content;
24637
- touch-action: none;
24638
- }
24639
- .v-color-picker-canvas__dot {
24640
- position: absolute;
24641
- top: 0;
24642
- left: 0;
24643
- width: 15px;
24644
- height: 15px;
24645
- background: transparent;
24646
- border-radius: 50%;
24647
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
24648
- }
24649
- .v-color-picker-canvas__dot--disabled {
24650
- box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
24651
- }
24652
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
24653
- will-change: transform;
24723
+ margin-right: 12px;
24654
24724
  }.v-color-picker-swatches {
24655
24725
  overflow-y: auto;
24656
24726
  }
@@ -24686,127 +24756,211 @@ html.v-overlay-scroll-blocked {
24686
24756
  justify-content: center;
24687
24757
  width: 100%;
24688
24758
  height: 100%;
24689
- }.v-color-picker-preview__alpha .v-slider-track__background {
24690
- background-color: transparent !important;
24759
+ }.v-picker.v-sheet {
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
+ border-radius: 4px;
24762
+ display: grid;
24763
+ grid-auto-rows: min-content;
24764
+ grid-template-areas: "title" "header" "body";
24765
+ overflow: hidden;
24691
24766
  }
24692
- .v-locale--is-ltr.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__alpha .v-slider-track__background {
24693
- background-image: linear-gradient(to right, transparent, var(--v-color-picker-color-hsv));
24767
+ .v-picker.v-sheet.v-picker--with-actions {
24768
+ grid-template-areas: "title" "header" "body" "actions";
24694
24769
  }
24695
24770
 
24696
- .v-locale--is-rtl.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__alpha .v-slider-track__background {
24697
- background-image: linear-gradient(to left, transparent, var(--v-color-picker-color-hsv));
24771
+ .v-picker__body {
24772
+ grid-area: body;
24698
24773
  }
24699
24774
 
24700
- .v-color-picker-preview__alpha .v-slider-track__background::after {
24775
+ .v-picker__header {
24776
+ grid-area: header;
24777
+ }
24778
+
24779
+ .v-picker__actions {
24780
+ grid-area: actions;
24781
+ padding: 0 12px 12px;
24782
+ display: flex;
24783
+ align-items: center;
24784
+ justify-content: flex-end;
24785
+ }
24786
+ .v-picker__actions .v-btn {
24787
+ min-width: 48px;
24788
+ }
24789
+ .v-picker__actions .v-btn:not(:last-child) {
24790
+ margin-inline-end: 8px;
24791
+ }
24792
+
24793
+ .v-picker--landscape {
24794
+ grid-template-areas: "title" "header body" "header body";
24795
+ }
24796
+
24797
+ .v-picker--landscape.v-picker--with-actions {
24798
+ grid-template-areas: "title" "header body" "header actions";
24799
+ }
24800
+
24801
+ .v-picker-title {
24802
+ text-transform: uppercase;
24803
+ font-size: 0.75rem;
24804
+ grid-area: title;
24805
+ padding-inline: 24px 12px;
24806
+ padding-top: 16px;
24807
+ padding-bottom: 16px;
24808
+ font-weight: 400;
24809
+ letter-spacing: 0.1666666667em;
24810
+ }.v-slider-thumb {
24811
+ touch-action: none;
24812
+ color: rgb(var(--v-theme-surface-variant));
24813
+ }
24814
+ .v-input--error:not(.v-input--disabled) .v-slider-thumb {
24815
+ color: inherit;
24816
+ }
24817
+
24818
+ .v-slider-thumb__label {
24819
+ background: rgba(var(--v-theme-surface-variant), 0.7);
24820
+ color: rgb(var(--v-theme-on-surface-variant));
24821
+ }
24822
+ .v-slider-thumb__label::before {
24823
+ color: rgba(var(--v-theme-surface-variant), 0.7);
24824
+ }
24825
+
24826
+ .v-slider-thumb {
24827
+ outline: none;
24828
+ position: absolute;
24829
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
24830
+ }
24831
+
24832
+ .v-slider-thumb__surface {
24833
+ cursor: pointer;
24834
+ width: var(--v-slider-thumb-size);
24835
+ height: var(--v-slider-thumb-size);
24836
+ border-radius: 50%;
24837
+ -webkit-user-select: none;
24838
+ user-select: none;
24839
+ background-color: currentColor;
24840
+ }
24841
+ .v-slider-thumb__surface::before {
24842
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
24701
24843
  content: "";
24702
- z-index: -1;
24703
- left: 0;
24844
+ color: inherit;
24704
24845
  top: 0;
24846
+ left: 0;
24705
24847
  width: 100%;
24706
24848
  height: 100%;
24849
+ border-radius: 50%;
24850
+ background: currentColor;
24707
24851
  position: absolute;
24708
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
24709
- border-radius: inherit;
24852
+ pointer-events: none;
24853
+ opacity: 0;
24854
+ }
24855
+ .v-slider-thumb__surface::after {
24856
+ content: "";
24857
+ width: 42px;
24858
+ height: 42px;
24859
+ position: absolute;
24860
+ top: 50%;
24861
+ left: 50%;
24862
+ transform: translate(-50%, -50%);
24710
24863
  }
24711
24864
 
24712
- .v-color-picker-preview__sliders {
24713
- display: flex;
24714
- flex: 1 0 auto;
24715
- flex-direction: column;
24716
- padding-inline-end: 16px;
24865
+ .v-slider-thumb__label-container {
24866
+ position: absolute;
24867
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
24717
24868
  }
24718
24869
 
24719
- .v-color-picker-preview__dot {
24720
- position: relative;
24721
- height: 30px;
24722
- width: 30px;
24723
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
24724
- border-radius: 50%;
24725
- overflow: hidden;
24726
- margin-inline-end: 24px;
24870
+ .v-slider-thumb__label {
24871
+ display: flex;
24872
+ align-items: center;
24873
+ justify-content: center;
24874
+ font-size: 0.75rem;
24875
+ min-width: 35px;
24876
+ height: 25px;
24877
+ border-radius: 4px;
24878
+ padding: 6px;
24879
+ position: absolute;
24880
+ -webkit-user-select: none;
24881
+ user-select: none;
24882
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
24727
24883
  }
24728
- .v-color-picker-preview__dot > div {
24729
- width: 100%;
24730
- height: 100%;
24884
+ .v-slider-thumb__label::before {
24885
+ content: "";
24886
+ width: 0;
24887
+ height: 0;
24888
+ position: absolute;
24731
24889
  }
24732
24890
 
24733
- .v-locale--is-ltr.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
24734
- background: linear-gradient(to right, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
24891
+ .v-slider-thumb__ripple {
24892
+ position: absolute;
24893
+ left: calc(var(--v-slider-thumb-size) / -2);
24894
+ top: calc(var(--v-slider-thumb-size) / -2);
24895
+ width: calc(var(--v-slider-thumb-size) * 2);
24896
+ height: calc(var(--v-slider-thumb-size) * 2);
24897
+ background: inherit;
24735
24898
  }
24736
24899
 
24737
- .v-locale--is-rtl.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
24738
- background: linear-gradient(to left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
24900
+ .v-slider.v-input--horizontal .v-slider-thumb {
24901
+ top: 50%;
24902
+ transform: translateY(-50%);
24903
+ inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
24739
24904
  }
24740
-
24741
- .v-color-picker-preview__track {
24742
- position: relative;
24743
- width: 100%;
24744
- margin: 0 !important;
24905
+ .v-slider.v-input--horizontal .v-slider-thumb__label-container {
24906
+ left: calc(var(--v-slider-thumb-size) / 2);
24907
+ top: 0;
24745
24908
  }
24746
- .v-color-picker-preview__track .v-slider-track__fill {
24747
- display: none;
24909
+ .v-slider.v-input--horizontal .v-slider-thumb__label {
24910
+ bottom: calc(var(--v-slider-thumb-size) / 2);
24748
24911
  }
24749
-
24750
- .v-color-picker-preview {
24751
- align-items: center;
24752
- display: flex;
24753
- margin-bottom: 0;
24912
+ .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
24913
+ transform: translateX(-50%);
24754
24914
  }
24755
24915
 
24756
- .v-color-picker-preview__eye-dropper {
24757
- position: relative;
24758
- margin-right: 12px;
24759
- }.v-picker.v-sheet {
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
- border-radius: 4px;
24762
- display: grid;
24763
- grid-auto-rows: min-content;
24764
- grid-template-areas: "title" "header" "body";
24765
- overflow: hidden;
24766
- }
24767
- .v-picker.v-sheet.v-picker--with-actions {
24768
- grid-template-areas: "title" "header" "body" "actions";
24916
+ .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
24917
+ transform: translateX(50%);
24769
24918
  }
24770
24919
 
24771
- .v-picker__body {
24772
- grid-area: body;
24920
+ .v-slider.v-input--horizontal .v-slider-thumb__label::before {
24921
+ border-left: 6px solid transparent;
24922
+ border-right: 6px solid transparent;
24923
+ border-top: 6px solid currentColor;
24924
+ bottom: -6px;
24773
24925
  }
24774
24926
 
24775
- .v-picker__header {
24776
- grid-area: header;
24927
+ .v-slider.v-input--vertical .v-slider-thumb {
24928
+ top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
24777
24929
  }
24778
-
24779
- .v-picker__actions {
24780
- grid-area: actions;
24781
- padding: 0 12px 12px;
24782
- display: flex;
24783
- align-items: center;
24784
- justify-content: flex-end;
24930
+ .v-slider.v-input--vertical .v-slider-thumb__label-container {
24931
+ top: calc(var(--v-slider-thumb-size) / 2);
24932
+ right: 0;
24785
24933
  }
24786
- .v-picker__actions .v-btn {
24787
- min-width: 48px;
24934
+ .v-slider.v-input--vertical .v-slider-thumb__label {
24935
+ top: -12.5px;
24936
+ left: calc(var(--v-slider-thumb-size) / 2);
24788
24937
  }
24789
- .v-picker__actions .v-btn:not(:last-child) {
24790
- margin-inline-end: 8px;
24938
+ .v-slider.v-input--vertical .v-slider-thumb__label::before {
24939
+ border-right: 6px solid currentColor;
24940
+ border-top: 6px solid transparent;
24941
+ border-bottom: 6px solid transparent;
24942
+ left: -6px;
24791
24943
  }
24792
24944
 
24793
- .v-picker--landscape {
24794
- grid-template-areas: "title" "header body" "header body";
24945
+ .v-slider-thumb--focused .v-slider-thumb__surface::before {
24946
+ transform: scale(2);
24947
+ opacity: var(--v-focus-opacity);
24795
24948
  }
24796
24949
 
24797
- .v-picker--landscape.v-picker--with-actions {
24798
- grid-template-areas: "title" "header body" "header actions";
24950
+ .v-slider-thumb--pressed {
24951
+ transition: none;
24952
+ }
24953
+ .v-slider-thumb--pressed .v-slider-thumb__surface::before {
24954
+ opacity: var(--v-pressed-opacity);
24799
24955
  }
24800
24956
 
24801
- .v-picker-title {
24802
- text-transform: uppercase;
24803
- font-size: 0.75rem;
24804
- grid-area: title;
24805
- padding-inline: 24px 12px;
24806
- padding-top: 16px;
24807
- padding-bottom: 16px;
24808
- font-weight: 400;
24809
- letter-spacing: 0.1666666667em;
24957
+ @media (hover: hover) {
24958
+ .v-slider-thumb:hover .v-slider-thumb__surface::before {
24959
+ transform: scale(2);
24960
+ }
24961
+ .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
24962
+ opacity: var(--v-hover-opacity);
24963
+ }
24810
24964
  }.v-slider-track__background {
24811
24965
  background-color: rgb(var(--v-theme-surface-variant));
24812
24966
  }
@@ -24970,158 +25124,4 @@ html.v-overlay-scroll-blocked {
24970
25124
 
24971
25125
  .v-slider-track__background--opacity {
24972
25126
  opacity: 0.38;
24973
- }.v-slider-thumb {
24974
- touch-action: none;
24975
- color: rgb(var(--v-theme-surface-variant));
24976
- }
24977
- .v-input--error:not(.v-input--disabled) .v-slider-thumb {
24978
- color: inherit;
24979
- }
24980
-
24981
- .v-slider-thumb__label {
24982
- background: rgba(var(--v-theme-surface-variant), 0.7);
24983
- color: rgb(var(--v-theme-on-surface-variant));
24984
- }
24985
- .v-slider-thumb__label::before {
24986
- color: rgba(var(--v-theme-surface-variant), 0.7);
24987
- }
24988
-
24989
- .v-slider-thumb {
24990
- outline: none;
24991
- position: absolute;
24992
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
24993
- }
24994
-
24995
- .v-slider-thumb__surface {
24996
- cursor: pointer;
24997
- width: var(--v-slider-thumb-size);
24998
- height: var(--v-slider-thumb-size);
24999
- border-radius: 50%;
25000
- -webkit-user-select: none;
25001
- user-select: none;
25002
- background-color: currentColor;
25003
- }
25004
- .v-slider-thumb__surface::before {
25005
- transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25006
- content: "";
25007
- color: inherit;
25008
- top: 0;
25009
- left: 0;
25010
- width: 100%;
25011
- height: 100%;
25012
- border-radius: 50%;
25013
- background: currentColor;
25014
- position: absolute;
25015
- pointer-events: none;
25016
- opacity: 0;
25017
- }
25018
- .v-slider-thumb__surface::after {
25019
- content: "";
25020
- width: 42px;
25021
- height: 42px;
25022
- position: absolute;
25023
- top: 50%;
25024
- left: 50%;
25025
- transform: translate(-50%, -50%);
25026
- }
25027
-
25028
- .v-slider-thumb__label-container {
25029
- position: absolute;
25030
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25031
- }
25032
-
25033
- .v-slider-thumb__label {
25034
- display: flex;
25035
- align-items: center;
25036
- justify-content: center;
25037
- font-size: 0.75rem;
25038
- min-width: 35px;
25039
- height: 25px;
25040
- border-radius: 4px;
25041
- padding: 6px;
25042
- position: absolute;
25043
- -webkit-user-select: none;
25044
- user-select: none;
25045
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25046
- }
25047
- .v-slider-thumb__label::before {
25048
- content: "";
25049
- width: 0;
25050
- height: 0;
25051
- position: absolute;
25052
- }
25053
-
25054
- .v-slider-thumb__ripple {
25055
- position: absolute;
25056
- left: calc(var(--v-slider-thumb-size) / -2);
25057
- top: calc(var(--v-slider-thumb-size) / -2);
25058
- width: calc(var(--v-slider-thumb-size) * 2);
25059
- height: calc(var(--v-slider-thumb-size) * 2);
25060
- background: inherit;
25061
- }
25062
-
25063
- .v-slider.v-input--horizontal .v-slider-thumb {
25064
- top: 50%;
25065
- transform: translateY(-50%);
25066
- inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25067
- }
25068
- .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25069
- left: calc(var(--v-slider-thumb-size) / 2);
25070
- top: 0;
25071
- }
25072
- .v-slider.v-input--horizontal .v-slider-thumb__label {
25073
- bottom: calc(var(--v-slider-thumb-size) / 2);
25074
- }
25075
- .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
25076
- transform: translateX(-50%);
25077
- }
25078
-
25079
- .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
25080
- transform: translateX(50%);
25081
- }
25082
-
25083
- .v-slider.v-input--horizontal .v-slider-thumb__label::before {
25084
- border-left: 6px solid transparent;
25085
- border-right: 6px solid transparent;
25086
- border-top: 6px solid currentColor;
25087
- bottom: -6px;
25088
- }
25089
-
25090
- .v-slider.v-input--vertical .v-slider-thumb {
25091
- top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25092
- }
25093
- .v-slider.v-input--vertical .v-slider-thumb__label-container {
25094
- top: calc(var(--v-slider-thumb-size) / 2);
25095
- right: 0;
25096
- }
25097
- .v-slider.v-input--vertical .v-slider-thumb__label {
25098
- top: -12.5px;
25099
- left: calc(var(--v-slider-thumb-size) / 2);
25100
- }
25101
- .v-slider.v-input--vertical .v-slider-thumb__label::before {
25102
- border-right: 6px solid currentColor;
25103
- border-top: 6px solid transparent;
25104
- border-bottom: 6px solid transparent;
25105
- left: -6px;
25106
- }
25107
-
25108
- .v-slider-thumb--focused .v-slider-thumb__surface::before {
25109
- transform: scale(2);
25110
- opacity: var(--v-focus-opacity);
25111
- }
25112
-
25113
- .v-slider-thumb--pressed {
25114
- transition: none;
25115
- }
25116
- .v-slider-thumb--pressed .v-slider-thumb__surface::before {
25117
- opacity: var(--v-pressed-opacity);
25118
- }
25119
-
25120
- @media (hover: hover) {
25121
- .v-slider-thumb:hover .v-slider-thumb__surface::before {
25122
- transform: scale(2);
25123
- }
25124
- .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
25125
- opacity: var(--v-hover-opacity);
25126
- }
25127
25127
  }