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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.8.1-master.2025-04-15
2
+ * Vuetify v3.8.1-master.2025-04-16
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17985,18 +17985,106 @@ html.overflow-y-hidden {
17985
17985
  .v-ripple__animation--out {
17986
17986
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
17987
17987
  opacity: 0;
17988
- }.v-app-bar {
17988
+ }.v-application {
17989
17989
  display: flex;
17990
+ background: rgb(var(--v-theme-background));
17991
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
17990
17992
  }
17991
- .v-app-bar.v-toolbar {
17992
- background: rgb(var(--v-theme-surface));
17993
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17993
+
17994
+ .v-application__wrap {
17995
+ -webkit-backface-visibility: hidden;
17996
+ backface-visibility: hidden;
17997
+ display: flex;
17998
+ flex-direction: column;
17999
+ flex: 1 1 auto;
18000
+ max-width: 100%;
18001
+ min-height: 100vh;
18002
+ min-height: 100dvh;
18003
+ position: relative;
18004
+ }.v-autocomplete .v-field .v-text-field__prefix,
18005
+ .v-autocomplete .v-field .v-text-field__suffix,
18006
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
18007
+ cursor: text;
17994
18008
  }
17995
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
18009
+ .v-autocomplete .v-field .v-field__input > input {
18010
+ flex: 1 1;
18011
+ }
18012
+ .v-autocomplete .v-field input {
18013
+ min-width: 64px;
18014
+ }
18015
+ .v-autocomplete .v-field:not(.v-field--focused) input {
18016
+ min-width: 0;
18017
+ }
18018
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
18019
+ margin-inline-end: 2px;
18020
+ }
18021
+ .v-autocomplete .v-autocomplete__selection-text {
18022
+ overflow: hidden;
18023
+ text-overflow: ellipsis;
18024
+ white-space: nowrap;
18025
+ }
18026
+
18027
+ .v-autocomplete__content {
18028
+ overflow: hidden;
18029
+ }
18030
+ .v-autocomplete__content {
17996
18031
  box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17997
18032
  }
17998
- .v-app-bar:not(.v-toolbar--absolute) {
17999
- padding-inline-end: var(--v-scrollbar-offset);
18033
+ .v-autocomplete__content {
18034
+ border-radius: 4px;
18035
+ }
18036
+ .v-autocomplete__mask {
18037
+ background: rgb(var(--v-theme-surface-light));
18038
+ }
18039
+ .v-autocomplete__selection {
18040
+ display: inline-flex;
18041
+ align-items: center;
18042
+ height: 1.5rem;
18043
+ letter-spacing: inherit;
18044
+ line-height: inherit;
18045
+ max-width: calc(100% - 2px - 2px);
18046
+ }
18047
+ .v-autocomplete__selection:first-child {
18048
+ margin-inline-start: 0;
18049
+ }
18050
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
18051
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
18052
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
18053
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
18054
+ top: 0px;
18055
+ }
18056
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
18057
+ opacity: var(--v-medium-emphasis-opacity);
18058
+ }
18059
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
18060
+ opacity: 1;
18061
+ }
18062
+ .v-autocomplete--selecting-index .v-field__input > input {
18063
+ caret-color: transparent;
18064
+ }
18065
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
18066
+ flex: 1 1;
18067
+ position: absolute;
18068
+ left: 0;
18069
+ right: 0;
18070
+ width: 100%;
18071
+ padding-inline: inherit;
18072
+ }
18073
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
18074
+ transition: none;
18075
+ }
18076
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
18077
+ opacity: 0;
18078
+ }
18079
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
18080
+ opacity: 0;
18081
+ }
18082
+ .v-autocomplete__menu-icon {
18083
+ margin-inline-start: 4px;
18084
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18085
+ }
18086
+ .v-autocomplete--active-menu .v-autocomplete__menu-icon {
18087
+ transform: rotate(180deg);
18000
18088
  }.v-alert {
18001
18089
  display: grid;
18002
18090
  flex: 1 1;
@@ -18213,272 +18301,95 @@ html.overflow-y-hidden {
18213
18301
  text-transform: none;
18214
18302
  word-break: normal;
18215
18303
  word-wrap: break-word;
18216
- }.v-autocomplete .v-field .v-text-field__prefix,
18217
- .v-autocomplete .v-field .v-text-field__suffix,
18218
- .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
18219
- cursor: text;
18220
- }
18221
- .v-autocomplete .v-field .v-field__input > input {
18222
- flex: 1 1;
18223
- }
18224
- .v-autocomplete .v-field input {
18225
- min-width: 64px;
18226
- }
18227
- .v-autocomplete .v-field:not(.v-field--focused) input {
18228
- min-width: 0;
18229
- }
18230
- .v-autocomplete .v-field--dirty .v-autocomplete__selection {
18231
- margin-inline-end: 2px;
18232
- }
18233
- .v-autocomplete .v-autocomplete__selection-text {
18234
- overflow: hidden;
18235
- text-overflow: ellipsis;
18236
- white-space: nowrap;
18304
+ }.v-app-bar {
18305
+ display: flex;
18237
18306
  }
18238
-
18239
- .v-autocomplete__content {
18240
- overflow: hidden;
18307
+ .v-app-bar.v-toolbar {
18308
+ background: rgb(var(--v-theme-surface));
18309
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18241
18310
  }
18242
- .v-autocomplete__content {
18311
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
18243
18312
  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));
18244
18313
  }
18245
- .v-autocomplete__content {
18246
- border-radius: 4px;
18247
- }
18248
- .v-autocomplete__mask {
18249
- background: rgb(var(--v-theme-surface-light));
18314
+ .v-app-bar:not(.v-toolbar--absolute) {
18315
+ padding-inline-end: var(--v-scrollbar-offset);
18316
+ }.v-badge {
18317
+ display: inline-block;
18318
+ line-height: 1;
18250
18319
  }
18251
- .v-autocomplete__selection {
18252
- display: inline-flex;
18320
+
18321
+ .v-badge__badge {
18253
18322
  align-items: center;
18254
- height: 1.5rem;
18255
- letter-spacing: inherit;
18256
- line-height: inherit;
18257
- max-width: calc(100% - 2px - 2px);
18258
- }
18259
- .v-autocomplete__selection:first-child {
18260
- margin-inline-start: 0;
18261
- }
18262
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
18263
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
18264
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
18265
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
18266
- top: 0px;
18267
- }
18268
- .v-autocomplete--selecting-index .v-autocomplete__selection {
18269
- opacity: var(--v-medium-emphasis-opacity);
18323
+ display: inline-flex;
18324
+ border-radius: 10px;
18325
+ font-family: "Roboto", sans-serif;
18326
+ font-size: 0.75rem;
18327
+ font-weight: 500;
18328
+ height: 1.25rem;
18329
+ justify-content: center;
18330
+ min-width: 20px;
18331
+ padding: 4px 6px;
18332
+ pointer-events: auto;
18333
+ position: absolute;
18334
+ text-align: center;
18335
+ text-indent: 0;
18336
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
18337
+ white-space: nowrap;
18270
18338
  }
18271
- .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
18272
- opacity: 1;
18339
+ .v-badge__badge {
18340
+ background: rgb(var(--v-theme-surface-variant));
18341
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
18273
18342
  }
18274
- .v-autocomplete--selecting-index .v-field__input > input {
18275
- caret-color: transparent;
18343
+ .v-badge__badge:has(.v-icon) {
18344
+ padding: 4px 6px;
18276
18345
  }
18277
- .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
18278
- flex: 1 1;
18279
- position: absolute;
18346
+ .v-badge--bordered .v-badge__badge::after {
18347
+ border-radius: inherit;
18348
+ border-style: solid;
18349
+ border-width: 2px;
18350
+ bottom: 0;
18351
+ color: rgb(var(--v-theme-background));
18352
+ content: "";
18280
18353
  left: 0;
18354
+ position: absolute;
18281
18355
  right: 0;
18282
- width: 100%;
18283
- padding-inline: inherit;
18356
+ top: 0;
18357
+ transform: scale(1.05);
18284
18358
  }
18285
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
18286
- transition: none;
18359
+ .v-badge--dot .v-badge__badge {
18360
+ border-radius: 4.5px;
18361
+ height: 9px;
18362
+ min-width: 0;
18363
+ padding: 0;
18364
+ width: 9px;
18287
18365
  }
18288
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
18289
- opacity: 0;
18366
+ .v-badge--dot .v-badge__badge::after {
18367
+ border-width: 1.5px;
18290
18368
  }
18291
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
18292
- opacity: 0;
18369
+ .v-badge--inline .v-badge__badge {
18370
+ position: relative;
18371
+ vertical-align: middle;
18293
18372
  }
18294
- .v-autocomplete__menu-icon {
18295
- margin-inline-start: 4px;
18296
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18373
+ .v-badge__badge .v-icon {
18374
+ color: inherit;
18375
+ font-size: 0.75rem;
18376
+ margin: 0 -2px;
18297
18377
  }
18298
- .v-autocomplete--active-menu .v-autocomplete__menu-icon {
18299
- transform: rotate(180deg);
18300
- }.v-application {
18301
- display: flex;
18302
- background: rgb(var(--v-theme-background));
18303
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
18378
+ .v-badge__badge img,
18379
+ .v-badge__badge .v-img {
18380
+ height: 100%;
18381
+ width: 100%;
18304
18382
  }
18305
18383
 
18306
- .v-application__wrap {
18307
- -webkit-backface-visibility: hidden;
18308
- backface-visibility: hidden;
18384
+ .v-badge__wrapper {
18309
18385
  display: flex;
18310
- flex-direction: column;
18311
- flex: 1 1 auto;
18312
- max-width: 100%;
18313
- min-height: 100vh;
18314
- min-height: 100dvh;
18315
18386
  position: relative;
18316
- }.v-banner {
18317
- display: grid;
18318
- flex: 1 1;
18319
- font-size: 0.875rem;
18320
- grid-template-areas: "prepend content actions";
18321
- grid-template-columns: max-content auto max-content;
18322
- grid-template-rows: max-content max-content;
18323
- line-height: 1.6;
18324
- overflow: hidden;
18325
- padding-inline: 16px 8px;
18326
- padding-top: 16px;
18327
- padding-bottom: 16px;
18328
- position: relative;
18329
- width: 100%;
18330
- }
18331
- .v-banner {
18332
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18333
- border-style: solid;
18334
- border-width: 0 0 thin 0;
18335
- }
18336
- .v-banner--border {
18337
- border-width: thin;
18338
- box-shadow: none;
18339
- }
18340
- .v-banner {
18341
- 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));
18342
- }
18343
- .v-banner--absolute {
18344
- position: absolute;
18345
- }
18346
- .v-banner--fixed {
18347
- position: fixed;
18348
- }
18349
- .v-banner--sticky {
18350
- position: sticky;
18351
- }
18352
- .v-banner {
18353
- border-radius: 0;
18354
- }
18355
- .v-banner {
18356
- background: rgb(var(--v-theme-surface));
18357
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18358
- }
18359
- .v-banner--rounded {
18360
- border-radius: 4px;
18361
- }
18362
- .v-banner--stacked:not(.v-banner--one-line) {
18363
- grid-template-areas: "prepend content" ". actions";
18364
- }
18365
- .v-banner--stacked .v-banner-text {
18366
- padding-inline-end: 36px;
18367
- }
18368
- .v-banner--density-default .v-banner-actions {
18369
- margin-bottom: -8px;
18370
- }
18371
- .v-banner--density-default.v-banner--one-line {
18372
- padding-top: 8px;
18373
- padding-bottom: 8px;
18374
- }
18375
- .v-banner--density-default.v-banner--one-line .v-banner-actions {
18376
- margin-bottom: 0;
18377
- }
18378
- .v-banner--density-default.v-banner--one-line {
18379
- padding-top: 10px;
18380
- }
18381
- .v-banner--density-default.v-banner--two-line {
18382
- padding-top: 16px;
18383
- padding-bottom: 16px;
18384
- }
18385
- .v-banner--density-default.v-banner--three-line {
18386
- padding-top: 24px;
18387
- padding-bottom: 16px;
18388
- }
18389
- .v-banner--density-default:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-default.v-banner--two-line .v-banner-actions, .v-banner--density-default.v-banner--three-line .v-banner-actions {
18390
- margin-top: 20px;
18391
18387
  }
18392
-
18393
- .v-banner--density-comfortable .v-banner-actions {
18394
- margin-bottom: -4px;
18395
- }
18396
- .v-banner--density-comfortable.v-banner--one-line {
18397
- padding-top: 4px;
18398
- padding-bottom: 4px;
18399
- }
18400
- .v-banner--density-comfortable.v-banner--one-line .v-banner-actions {
18401
- margin-bottom: 0;
18402
- }
18403
- .v-banner--density-comfortable.v-banner--two-line {
18404
- padding-top: 12px;
18405
- padding-bottom: 12px;
18406
- }
18407
- .v-banner--density-comfortable.v-banner--three-line {
18408
- padding-top: 20px;
18409
- padding-bottom: 12px;
18410
- }
18411
- .v-banner--density-comfortable:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-comfortable.v-banner--two-line .v-banner-actions, .v-banner--density-comfortable.v-banner--three-line .v-banner-actions {
18412
- margin-top: 16px;
18413
- }
18414
-
18415
- .v-banner--density-compact .v-banner-actions {
18416
- margin-bottom: 0px;
18417
- }
18418
- .v-banner--density-compact.v-banner--one-line {
18419
- padding-top: 0px;
18420
- padding-bottom: 0px;
18421
- }
18422
- .v-banner--density-compact.v-banner--one-line .v-banner-actions {
18423
- margin-bottom: 0;
18424
- }
18425
- .v-banner--density-compact.v-banner--two-line {
18426
- padding-top: 8px;
18427
- padding-bottom: 8px;
18428
- }
18429
- .v-banner--density-compact.v-banner--three-line {
18430
- padding-top: 16px;
18431
- padding-bottom: 8px;
18432
- }
18433
- .v-banner--density-compact:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-compact.v-banner--two-line .v-banner-actions, .v-banner--density-compact.v-banner--three-line .v-banner-actions {
18434
- margin-top: 12px;
18435
- }
18436
-
18437
- .v-banner--sticky {
18438
- top: 0;
18439
- z-index: 1;
18440
- }
18441
-
18442
- .v-banner__content {
18388
+ .v-badge--inline .v-badge__wrapper {
18443
18389
  align-items: center;
18444
- display: flex;
18445
- grid-area: content;
18446
- }
18447
-
18448
- .v-banner__prepend {
18449
- align-self: flex-start;
18450
- grid-area: prepend;
18451
- margin-inline-end: 24px;
18452
- }
18453
-
18454
- .v-banner-actions {
18455
- align-self: flex-end;
18456
- display: flex;
18457
- flex: 0 1;
18458
- grid-area: actions;
18459
- justify-content: flex-end;
18460
- }
18461
- .v-banner--two-line .v-banner-actions, .v-banner--three-line .v-banner-actions {
18462
- margin-top: 20px;
18463
- }
18464
-
18465
- .v-banner-text {
18466
- -webkit-box-orient: vertical;
18467
- display: -webkit-box;
18468
- padding-inline-end: 90px;
18469
- overflow: hidden;
18470
- }
18471
- .v-banner--one-line .v-banner-text {
18472
- -webkit-line-clamp: 1;
18473
- }
18474
- .v-banner--two-line .v-banner-text {
18475
- -webkit-line-clamp: 2;
18476
- }
18477
- .v-banner--three-line .v-banner-text {
18478
- -webkit-line-clamp: 3;
18479
- }
18480
- .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
18481
- align-self: flex-start;
18390
+ display: inline-flex;
18391
+ justify-content: center;
18392
+ margin: 0 4px;
18482
18393
  }.v-avatar {
18483
18394
  flex: none;
18484
18395
  align-items: center;
@@ -18649,63 +18560,6 @@ html.overflow-y-hidden {
18649
18560
  }
18650
18561
  .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18651
18562
  transform: translateY(0.5rem);
18652
- }.v-breadcrumbs {
18653
- display: flex;
18654
- align-items: center;
18655
- line-height: 1.6;
18656
- padding: 16px 12px;
18657
- }
18658
- .v-breadcrumbs--rounded {
18659
- border-radius: 4px;
18660
- }
18661
- .v-breadcrumbs--density-default {
18662
- padding-top: 16px;
18663
- padding-bottom: 16px;
18664
- }
18665
-
18666
- .v-breadcrumbs--density-comfortable {
18667
- padding-top: 12px;
18668
- padding-bottom: 12px;
18669
- }
18670
-
18671
- .v-breadcrumbs--density-compact {
18672
- padding-top: 8px;
18673
- padding-bottom: 8px;
18674
- }
18675
-
18676
- .v-breadcrumbs__prepend {
18677
- align-items: center;
18678
- display: inline-flex;
18679
- }
18680
-
18681
- .v-breadcrumbs-item {
18682
- align-items: center;
18683
- color: inherit;
18684
- display: inline-flex;
18685
- padding: 0 4px;
18686
- text-decoration: none;
18687
- vertical-align: middle;
18688
- }
18689
- .v-breadcrumbs-item--disabled {
18690
- opacity: var(--v-disabled-opacity);
18691
- pointer-events: none;
18692
- }
18693
- .v-breadcrumbs-item--link {
18694
- color: inherit;
18695
- text-decoration: none;
18696
- }
18697
- .v-breadcrumbs-item--link:hover {
18698
- text-decoration: underline;
18699
- }
18700
- .v-breadcrumbs-item .v-icon {
18701
- font-size: 1rem;
18702
- margin-inline: -4px 2px;
18703
- }
18704
-
18705
- .v-breadcrumbs-divider {
18706
- display: inline-block;
18707
- padding: 0 8px;
18708
- vertical-align: middle;
18709
18563
  }.v-btn {
18710
18564
  align-items: center;
18711
18565
  border-radius: 4px;
@@ -19130,40 +18984,6 @@ html.overflow-y-hidden {
19130
18984
  }
19131
18985
  .v-pagination .v-pagination__item--is-active .v-btn__overlay {
19132
18986
  opacity: var(--v-border-opacity);
19133
- }.bottom-sheet-transition-enter-from {
19134
- transform: translateY(100%);
19135
- }
19136
- .bottom-sheet-transition-leave-to {
19137
- transform: translateY(100%);
19138
- }
19139
-
19140
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
19141
- align-self: flex-end;
19142
- border-radius: 0;
19143
- flex: 0 1 auto;
19144
- left: 0;
19145
- right: 0;
19146
- margin-inline: 0;
19147
- margin-bottom: 0;
19148
- transition-duration: 0.2s;
19149
- width: 100%;
19150
- max-width: 100%;
19151
- overflow: visible;
19152
- }
19153
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
19154
- box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19155
- }
19156
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
19157
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
19158
- border-radius: 0;
19159
- }
19160
- .v-bottom-sheet.v-bottom-sheet--inset {
19161
- max-width: none;
19162
- }
19163
- @media (min-width: 600px) {
19164
- .v-bottom-sheet.v-bottom-sheet--inset {
19165
- max-width: 70%;
19166
- }
19167
18987
  }.v-btn-group {
19168
18988
  display: inline-flex;
19169
18989
  flex-wrap: nowrap;
@@ -19228,14 +19048,105 @@ html.overflow-y-hidden {
19228
19048
  }
19229
19049
  .v-btn-group--tile {
19230
19050
  border-radius: 0;
19231
- }.v-card {
19232
- display: block;
19233
- overflow: hidden;
19234
- overflow-wrap: break-word;
19235
- position: relative;
19236
- padding: 0;
19237
- text-decoration: none;
19238
- transition-duration: 0.28s;
19051
+ }.bottom-sheet-transition-enter-from {
19052
+ transform: translateY(100%);
19053
+ }
19054
+ .bottom-sheet-transition-leave-to {
19055
+ transform: translateY(100%);
19056
+ }
19057
+
19058
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
19059
+ align-self: flex-end;
19060
+ border-radius: 0;
19061
+ flex: 0 1 auto;
19062
+ left: 0;
19063
+ right: 0;
19064
+ margin-inline: 0;
19065
+ margin-bottom: 0;
19066
+ transition-duration: 0.2s;
19067
+ width: 100%;
19068
+ max-width: 100%;
19069
+ overflow: visible;
19070
+ }
19071
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
19072
+ box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19073
+ }
19074
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
19075
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
19076
+ border-radius: 0;
19077
+ }
19078
+ .v-bottom-sheet.v-bottom-sheet--inset {
19079
+ max-width: none;
19080
+ }
19081
+ @media (min-width: 600px) {
19082
+ .v-bottom-sheet.v-bottom-sheet--inset {
19083
+ max-width: 70%;
19084
+ }
19085
+ }.v-breadcrumbs {
19086
+ display: flex;
19087
+ align-items: center;
19088
+ line-height: 1.6;
19089
+ padding: 16px 12px;
19090
+ }
19091
+ .v-breadcrumbs--rounded {
19092
+ border-radius: 4px;
19093
+ }
19094
+ .v-breadcrumbs--density-default {
19095
+ padding-top: 16px;
19096
+ padding-bottom: 16px;
19097
+ }
19098
+
19099
+ .v-breadcrumbs--density-comfortable {
19100
+ padding-top: 12px;
19101
+ padding-bottom: 12px;
19102
+ }
19103
+
19104
+ .v-breadcrumbs--density-compact {
19105
+ padding-top: 8px;
19106
+ padding-bottom: 8px;
19107
+ }
19108
+
19109
+ .v-breadcrumbs__prepend {
19110
+ align-items: center;
19111
+ display: inline-flex;
19112
+ }
19113
+
19114
+ .v-breadcrumbs-item {
19115
+ align-items: center;
19116
+ color: inherit;
19117
+ display: inline-flex;
19118
+ padding: 0 4px;
19119
+ text-decoration: none;
19120
+ vertical-align: middle;
19121
+ }
19122
+ .v-breadcrumbs-item--disabled {
19123
+ opacity: var(--v-disabled-opacity);
19124
+ pointer-events: none;
19125
+ }
19126
+ .v-breadcrumbs-item--link {
19127
+ color: inherit;
19128
+ text-decoration: none;
19129
+ }
19130
+ .v-breadcrumbs-item--link:hover {
19131
+ text-decoration: underline;
19132
+ }
19133
+ .v-breadcrumbs-item .v-icon {
19134
+ font-size: 1rem;
19135
+ margin-inline: -4px 2px;
19136
+ }
19137
+
19138
+ .v-breadcrumbs-divider {
19139
+ display: inline-block;
19140
+ padding: 0 8px;
19141
+ vertical-align: middle;
19142
+ }.v-card {
19143
+ display: block;
19144
+ overflow: hidden;
19145
+ overflow-wrap: break-word;
19146
+ position: relative;
19147
+ padding: 0;
19148
+ text-decoration: none;
19149
+ transition-duration: 0.28s;
19239
19150
  transition-property: box-shadow, opacity, background;
19240
19151
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19241
19152
  z-index: 0;
@@ -19617,29 +19528,6 @@ html.overflow-y-hidden {
19617
19528
  flex-direction: column;
19618
19529
  height: 100% !important;
19619
19530
  width: 50px;
19620
- }.v-checkbox.v-input {
19621
- flex: 0 1 auto;
19622
- }
19623
- .v-checkbox .v-selection-control {
19624
- min-height: var(--v-input-control-height);
19625
- }.v-chip-group {
19626
- display: flex;
19627
- max-width: 100%;
19628
- min-width: 0;
19629
- overflow-x: auto;
19630
- padding: 4px 0;
19631
- }
19632
- .v-chip-group .v-chip {
19633
- margin: 4px 8px 4px 0;
19634
- }
19635
- .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
19636
- opacity: var(--v-activated-opacity);
19637
- }
19638
-
19639
- .v-chip-group--column .v-slide-group__content {
19640
- white-space: normal;
19641
- flex-wrap: wrap;
19642
- max-width: 100%;
19643
19531
  }.v-chip {
19644
19532
  align-items: center;
19645
19533
  display: inline-flex;
@@ -20058,6 +19946,29 @@ html.overflow-y-hidden {
20058
19946
 
20059
19947
  .v-chip--label {
20060
19948
  border-radius: 4px;
19949
+ }.v-checkbox.v-input {
19950
+ flex: 0 1 auto;
19951
+ }
19952
+ .v-checkbox .v-selection-control {
19953
+ min-height: var(--v-input-control-height);
19954
+ }.v-chip-group {
19955
+ display: flex;
19956
+ max-width: 100%;
19957
+ min-width: 0;
19958
+ overflow-x: auto;
19959
+ padding: 4px 0;
19960
+ }
19961
+ .v-chip-group .v-chip {
19962
+ margin: 4px 8px 4px 0;
19963
+ }
19964
+ .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
19965
+ opacity: var(--v-activated-opacity);
19966
+ }
19967
+
19968
+ .v-chip-group--column .v-slide-group__content {
19969
+ white-space: normal;
19970
+ flex-wrap: wrap;
19971
+ max-width: 100%;
20061
19972
  }.v-color-picker {
20062
19973
  align-self: flex-start;
20063
19974
  contain: content;
@@ -20842,155 +20753,224 @@ html.overflow-y-hidden {
20842
20753
  flex: 0 1 auto;
20843
20754
  font-size: 12px;
20844
20755
  transition-duration: 150ms;
20845
- }.v-date-picker-month {
20756
+ }.v-data-table-footer {
20757
+ align-items: center;
20846
20758
  display: flex;
20847
- justify-content: center;
20848
- padding: 0 12px 8px;
20849
- --v-date-picker-month-day-diff: 4px;
20850
- }
20851
-
20852
- .v-date-picker-month__weeks {
20853
- display: grid;
20854
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20855
- column-gap: 4px;
20856
- font-size: 0.85rem;
20857
- }
20858
- .v-date-picker-month__weeks + .v-date-picker-month__days {
20859
- grid-row-gap: 0;
20860
- }
20861
-
20862
- .v-date-picker-month__weekday {
20863
- font-size: 0.85rem;
20864
- }
20865
-
20866
- .v-date-picker-month__days {
20867
- display: grid;
20868
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20869
- column-gap: 4px;
20870
- flex: 1 1;
20871
- justify-content: space-around;
20759
+ flex-wrap: wrap;
20760
+ justify-content: flex-end;
20761
+ padding: 8px 4px;
20872
20762
  }
20873
-
20874
- .v-date-picker-month__day {
20763
+ .v-data-table-footer__items-per-page {
20875
20764
  align-items: center;
20876
20765
  display: flex;
20877
20766
  justify-content: center;
20878
- position: relative;
20879
- height: 40px;
20880
- width: 40px;
20881
20767
  }
20882
- .v-date-picker-month__day--selected .v-btn {
20883
- background-color: rgb(var(--v-theme-surface-variant));
20884
- color: rgb(var(--v-theme-on-surface-variant));
20768
+ .v-data-table-footer__items-per-page > span {
20769
+ padding-inline-end: 8px;
20885
20770
  }
20886
- .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20887
- --v-btn-height: 24px;
20888
- --v-btn-size: 0.85rem;
20771
+ .v-data-table-footer__items-per-page > .v-select {
20772
+ width: 90px;
20889
20773
  }
20890
- .v-date-picker-month__day--week {
20891
- font-size: var(--v-btn-size);
20774
+ .v-data-table-footer__info {
20775
+ display: flex;
20776
+ justify-content: flex-end;
20777
+ min-width: 116px;
20778
+ padding: 0 16px;
20892
20779
  }
20893
-
20894
- .v-date-picker-month__day--adjacent {
20895
- opacity: 0.5;
20780
+ .v-data-table-footer__paginationz {
20781
+ align-items: center;
20782
+ display: flex;
20783
+ margin-inline-start: 16px;
20784
+ }
20785
+ .v-data-table-footer__page {
20786
+ padding: 0 8px;
20787
+ }.v-data-table {
20788
+ width: 100%;
20896
20789
  }
20897
20790
 
20898
- .v-date-picker-month__day--hide-adjacent {
20899
- opacity: 0;
20900
- }.v-date-picker-months {
20901
- height: 288px;
20791
+ .v-data-table__table {
20792
+ width: 100%;
20793
+ border-collapse: separate;
20794
+ border-spacing: 0;
20902
20795
  }
20903
20796
 
20904
- .v-date-picker-months__content {
20905
- align-items: center;
20906
- display: grid;
20907
- flex: 1 1;
20908
- height: inherit;
20909
- justify-content: space-around;
20910
- grid-template-columns: repeat(2, 1fr);
20911
- grid-gap: 0px 24px;
20912
- padding-inline-start: 36px;
20913
- padding-inline-end: 36px;
20797
+ .v-data-table__tr--focus {
20798
+ border: 1px dotted black;
20914
20799
  }
20915
- .v-date-picker-months__content .v-btn {
20916
- text-transform: none;
20917
- padding-inline-start: 8px;
20918
- padding-inline-end: 8px;
20919
- }.v-date-picker-years {
20920
- height: 288px;
20921
- overflow-y: scroll;
20800
+ .v-data-table__tr--clickable {
20801
+ cursor: pointer;
20922
20802
  }
20923
20803
 
20924
- .v-date-picker-years__content {
20925
- display: grid;
20926
- flex: 1 1;
20927
- justify-content: space-around;
20928
- grid-template-columns: repeat(3, 1fr);
20929
- gap: 8px 24px;
20930
- padding-inline: 32px;
20804
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
20805
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
20806
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
20807
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
20808
+ text-align: end;
20931
20809
  }
20932
- .v-date-picker-years__content .v-btn {
20933
- padding-inline: 8px;
20934
- }.v-date-picker-header {
20935
- align-items: flex-end;
20936
- height: 70px;
20937
- display: grid;
20938
- grid-template-areas: "prepend content append";
20939
- grid-template-columns: min-content minmax(0, 1fr) min-content;
20810
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20811
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
20812
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20813
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
20814
+ flex-direction: row-reverse;
20815
+ }
20816
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
20817
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
20818
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
20819
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
20820
+ text-align: center;
20821
+ }
20822
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
20823
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
20824
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
20825
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
20826
+ justify-content: center;
20827
+ }
20828
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
20829
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
20830
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
20831
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
20832
+ padding: 0 8px;
20833
+ }
20834
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap,
20835
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap,
20836
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap,
20837
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap {
20838
+ text-overflow: ellipsis;
20839
+ text-wrap: nowrap;
20940
20840
  overflow: hidden;
20941
- padding-inline: 24px 12px;
20942
- padding-bottom: 12px;
20841
+ }
20842
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
20843
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap .v-data-table-header__content,
20844
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
20845
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap .v-data-table-header__content {
20846
+ display: contents;
20847
+ }
20848
+ .v-data-table .v-table__wrapper > table > thead > tr > th,
20849
+ .v-data-table .v-table__wrapper > table tbody > tr > th {
20850
+ align-items: center;
20851
+ }
20852
+ .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--fixed,
20853
+ .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--fixed {
20854
+ position: sticky;
20855
+ }
20856
+ .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
20857
+ .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
20858
+ cursor: pointer;
20859
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20860
+ }
20861
+ .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
20862
+ .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
20863
+ opacity: 0;
20864
+ }
20865
+ .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon,
20866
+ .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon {
20867
+ opacity: 0.5;
20868
+ }
20869
+ .v-data-table .v-table__wrapper > table > thead > tr.v-data-table__tr--mobile > td,
20870
+ .v-data-table .v-table__wrapper > table tbody > tr.v-data-table__tr--mobile > td {
20871
+ height: -moz-fit-content;
20872
+ height: fit-content;
20943
20873
  }
20944
20874
 
20945
- .v-date-picker-header__append {
20946
- grid-area: append;
20875
+ .v-data-table-column--fixed,
20876
+ .v-data-table__th--sticky {
20877
+ background: rgb(var(--v-theme-surface));
20878
+ position: sticky !important;
20879
+ left: 0;
20880
+ z-index: 1;
20947
20881
  }
20948
20882
 
20949
- .v-date-picker-header__prepend {
20950
- grid-area: prepend;
20951
- padding-inline-start: 8px;
20883
+ .v-data-table-column--last-fixed {
20884
+ border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
20952
20885
  }
20953
20886
 
20954
- .v-date-picker-header__content {
20887
+ .v-data-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th.v-data-table-column--fixed {
20888
+ z-index: 2;
20889
+ }
20890
+
20891
+ .v-data-table-group-header-row td {
20892
+ background: rgba(var(--v-theme-surface));
20893
+ color: rgba(var(--v-theme-on-surface));
20894
+ }
20895
+ .v-data-table-group-header-row td > span {
20896
+ padding-left: 5px;
20897
+ }
20898
+
20899
+ .v-data-table--loading .v-data-table__td {
20900
+ opacity: var(--v-disabled-opacity);
20901
+ }
20902
+
20903
+ .v-data-table-group-header-row__column {
20904
+ padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
20905
+ }
20906
+
20907
+ .v-data-table-header__content {
20908
+ display: flex;
20955
20909
  align-items: center;
20910
+ }
20911
+
20912
+ .v-data-table-header__sort-badge {
20956
20913
  display: inline-flex;
20957
- font-size: 32px;
20958
- line-height: 40px;
20959
- grid-area: content;
20960
- justify-content: space-between;
20914
+ justify-content: center;
20915
+ align-items: center;
20916
+ font-size: 0.875rem;
20917
+ padding: 4px;
20918
+ border-radius: 50%;
20919
+ background: rgba(var(--v-border-color), var(--v-border-opacity));
20920
+ min-width: 20px;
20921
+ min-height: 20px;
20922
+ width: 20px;
20923
+ height: 20px;
20961
20924
  }
20962
- .v-date-picker-header--clickable .v-date-picker-header__content {
20963
- cursor: pointer;
20925
+
20926
+ .v-data-table-progress > th {
20927
+ border: none !important;
20928
+ height: auto !important;
20929
+ padding: 0 !important;
20964
20930
  }
20965
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20966
- opacity: 0.7;
20931
+
20932
+ .v-data-table-progress__loader {
20933
+ position: relative;
20967
20934
  }
20968
20935
 
20969
- .date-picker-header-transition-enter-active,
20970
- .date-picker-header-reverse-transition-enter-active {
20971
- transition-duration: 0.3s;
20972
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20936
+ .v-data-table-rows-loading,
20937
+ .v-data-table-rows-no-data {
20938
+ text-align: center;
20973
20939
  }
20974
- .date-picker-header-transition-leave-active,
20975
- .date-picker-header-reverse-transition-leave-active {
20976
- transition-duration: 0.3s;
20977
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20940
+
20941
+ .v-data-table__tr--mobile > .v-data-table__td--expanded-row {
20942
+ grid-template-columns: auto;
20943
+ justify-content: center;
20944
+ }
20945
+ .v-data-table__tr--mobile > .v-data-table__td--select-row {
20946
+ grid-template-columns: 0;
20947
+ justify-content: end;
20948
+ }
20949
+ .v-data-table__tr--mobile > td {
20950
+ align-items: center;
20951
+ column-gap: 4px;
20952
+ display: grid;
20953
+ grid-template-columns: repeat(2, 1fr);
20954
+ min-height: var(--v-table-row-height);
20955
+ }
20956
+ .v-data-table__tr--mobile > td:not(:last-child) {
20957
+ border-bottom: 0 !important;
20978
20958
  }
20979
20959
 
20980
- .date-picker-header-transition-enter-from {
20981
- transform: translate(0, 100%);
20960
+ .v-data-table__td-title {
20961
+ font-weight: 500;
20962
+ text-align: start;
20982
20963
  }
20983
- .date-picker-header-transition-leave-to {
20984
- opacity: 0;
20985
- transform: translate(0, -100%);
20964
+
20965
+ .v-data-table__td-value {
20966
+ text-align: end;
20986
20967
  }
20987
20968
 
20988
- .date-picker-header-reverse-transition-enter-from {
20989
- transform: translate(0, -100%);
20969
+ .v-data-table__td-sort-icon {
20970
+ color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
20990
20971
  }
20991
- .date-picker-header-reverse-transition-leave-to {
20992
- opacity: 0;
20993
- transform: translate(0, 100%);
20972
+ .v-data-table__td-sort-icon-active {
20973
+ color: rgba(var(--v-theme-on-surface));
20994
20974
  }.v-date-picker-controls {
20995
20975
  display: flex;
20996
20976
  align-items: center;
@@ -21048,61 +21028,179 @@ html.overflow-y-hidden {
21048
21028
 
21049
21029
  .v-date-picker__title {
21050
21030
  display: inline-block;
21051
- }.v-date-picker {
21052
- overflow: hidden;
21053
- width: 328px;
21054
- }
21055
- .v-date-picker--show-week {
21056
- width: 368px;
21057
- }.v-data-table-footer {
21058
- align-items: center;
21059
- display: flex;
21060
- flex-wrap: wrap;
21061
- justify-content: flex-end;
21062
- padding: 8px 4px;
21063
- }
21064
- .v-data-table-footer__items-per-page {
21065
- align-items: center;
21031
+ }.v-date-picker-month {
21066
21032
  display: flex;
21067
21033
  justify-content: center;
21034
+ padding: 0 12px 8px;
21035
+ --v-date-picker-month-day-diff: 4px;
21068
21036
  }
21069
- .v-data-table-footer__items-per-page > span {
21070
- padding-inline-end: 8px;
21037
+
21038
+ .v-date-picker-month__weeks {
21039
+ display: grid;
21040
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
21041
+ column-gap: 4px;
21042
+ font-size: 0.85rem;
21071
21043
  }
21072
- .v-data-table-footer__items-per-page > .v-select {
21073
- width: 90px;
21044
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
21045
+ grid-row-gap: 0;
21074
21046
  }
21075
- .v-data-table-footer__info {
21076
- display: flex;
21077
- justify-content: flex-end;
21078
- min-width: 116px;
21079
- padding: 0 16px;
21047
+
21048
+ .v-date-picker-month__weekday {
21049
+ font-size: 0.85rem;
21080
21050
  }
21081
- .v-data-table-footer__paginationz {
21082
- align-items: center;
21083
- display: flex;
21084
- margin-inline-start: 16px;
21051
+
21052
+ .v-date-picker-month__days {
21053
+ display: grid;
21054
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
21055
+ column-gap: 4px;
21056
+ flex: 1 1;
21057
+ justify-content: space-around;
21085
21058
  }
21086
- .v-data-table-footer__page {
21087
- padding: 0 8px;
21088
- }.v-dialog {
21059
+
21060
+ .v-date-picker-month__day {
21089
21061
  align-items: center;
21062
+ display: flex;
21090
21063
  justify-content: center;
21091
- margin: auto;
21092
- }
21093
- .v-dialog > .v-overlay__content {
21094
- max-height: calc(100% - 48px);
21095
- width: calc(100% - 48px);
21096
- max-width: calc(100% - 48px);
21097
- margin: 24px;
21064
+ position: relative;
21065
+ height: 40px;
21066
+ width: 40px;
21098
21067
  }
21099
- .v-dialog > .v-overlay__content,
21100
- .v-dialog > .v-overlay__content > form {
21101
- display: flex;
21102
- flex-direction: column;
21103
- min-height: 0;
21068
+ .v-date-picker-month__day--selected .v-btn {
21069
+ background-color: rgb(var(--v-theme-surface-variant));
21070
+ color: rgb(var(--v-theme-on-surface-variant));
21104
21071
  }
21105
- .v-dialog > .v-overlay__content > .v-card,
21072
+ .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
21073
+ --v-btn-height: 24px;
21074
+ --v-btn-size: 0.85rem;
21075
+ }
21076
+ .v-date-picker-month__day--week {
21077
+ font-size: var(--v-btn-size);
21078
+ }
21079
+
21080
+ .v-date-picker-month__day--adjacent {
21081
+ opacity: 0.5;
21082
+ }
21083
+
21084
+ .v-date-picker-month__day--hide-adjacent {
21085
+ opacity: 0;
21086
+ }.v-date-picker-months {
21087
+ height: 288px;
21088
+ }
21089
+
21090
+ .v-date-picker-months__content {
21091
+ align-items: center;
21092
+ display: grid;
21093
+ flex: 1 1;
21094
+ height: inherit;
21095
+ justify-content: space-around;
21096
+ grid-template-columns: repeat(2, 1fr);
21097
+ grid-gap: 0px 24px;
21098
+ padding-inline-start: 36px;
21099
+ padding-inline-end: 36px;
21100
+ }
21101
+ .v-date-picker-months__content .v-btn {
21102
+ text-transform: none;
21103
+ padding-inline-start: 8px;
21104
+ padding-inline-end: 8px;
21105
+ }.v-date-picker {
21106
+ overflow: hidden;
21107
+ width: 328px;
21108
+ }
21109
+ .v-date-picker--show-week {
21110
+ width: 368px;
21111
+ }.v-date-picker-years {
21112
+ height: 288px;
21113
+ overflow-y: scroll;
21114
+ }
21115
+
21116
+ .v-date-picker-years__content {
21117
+ display: grid;
21118
+ flex: 1 1;
21119
+ justify-content: space-around;
21120
+ grid-template-columns: repeat(3, 1fr);
21121
+ gap: 8px 24px;
21122
+ padding-inline: 32px;
21123
+ }
21124
+ .v-date-picker-years__content .v-btn {
21125
+ padding-inline: 8px;
21126
+ }.v-date-picker-header {
21127
+ align-items: flex-end;
21128
+ height: 70px;
21129
+ display: grid;
21130
+ grid-template-areas: "prepend content append";
21131
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
21132
+ overflow: hidden;
21133
+ padding-inline: 24px 12px;
21134
+ padding-bottom: 12px;
21135
+ }
21136
+
21137
+ .v-date-picker-header__append {
21138
+ grid-area: append;
21139
+ }
21140
+
21141
+ .v-date-picker-header__prepend {
21142
+ grid-area: prepend;
21143
+ padding-inline-start: 8px;
21144
+ }
21145
+
21146
+ .v-date-picker-header__content {
21147
+ align-items: center;
21148
+ display: inline-flex;
21149
+ font-size: 32px;
21150
+ line-height: 40px;
21151
+ grid-area: content;
21152
+ justify-content: space-between;
21153
+ }
21154
+ .v-date-picker-header--clickable .v-date-picker-header__content {
21155
+ cursor: pointer;
21156
+ }
21157
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
21158
+ opacity: 0.7;
21159
+ }
21160
+
21161
+ .date-picker-header-transition-enter-active,
21162
+ .date-picker-header-reverse-transition-enter-active {
21163
+ transition-duration: 0.3s;
21164
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21165
+ }
21166
+ .date-picker-header-transition-leave-active,
21167
+ .date-picker-header-reverse-transition-leave-active {
21168
+ transition-duration: 0.3s;
21169
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21170
+ }
21171
+
21172
+ .date-picker-header-transition-enter-from {
21173
+ transform: translate(0, 100%);
21174
+ }
21175
+ .date-picker-header-transition-leave-to {
21176
+ opacity: 0;
21177
+ transform: translate(0, -100%);
21178
+ }
21179
+
21180
+ .date-picker-header-reverse-transition-enter-from {
21181
+ transform: translate(0, -100%);
21182
+ }
21183
+ .date-picker-header-reverse-transition-leave-to {
21184
+ opacity: 0;
21185
+ transform: translate(0, 100%);
21186
+ }.v-dialog {
21187
+ align-items: center;
21188
+ justify-content: center;
21189
+ margin: auto;
21190
+ }
21191
+ .v-dialog > .v-overlay__content {
21192
+ max-height: calc(100% - 48px);
21193
+ width: calc(100% - 48px);
21194
+ max-width: calc(100% - 48px);
21195
+ margin: 24px;
21196
+ }
21197
+ .v-dialog > .v-overlay__content,
21198
+ .v-dialog > .v-overlay__content > form {
21199
+ display: flex;
21200
+ flex-direction: column;
21201
+ min-height: 0;
21202
+ }
21203
+ .v-dialog > .v-overlay__content > .v-card,
21106
21204
  .v-dialog > .v-overlay__content > .v-sheet,
21107
21205
  .v-dialog > .v-overlay__content > form > .v-card,
21108
21206
  .v-dialog > .v-overlay__content > form > .v-sheet {
@@ -21184,193 +21282,125 @@ html.overflow-y-hidden {
21184
21282
  -webkit-backface-visibility: hidden;
21185
21283
  backface-visibility: hidden;
21186
21284
  overflow-y: auto;
21187
- }.v-data-table {
21188
- width: 100%;
21285
+ }.v-divider {
21286
+ display: block;
21287
+ flex: 1 1 100%;
21288
+ height: 0px;
21289
+ max-height: 0px;
21290
+ opacity: var(--v-border-opacity);
21291
+ transition: inherit;
21189
21292
  }
21190
-
21191
- .v-data-table__table {
21192
- width: 100%;
21193
- border-collapse: separate;
21194
- border-spacing: 0;
21293
+ .v-divider {
21294
+ border-style: solid;
21295
+ border-width: thin 0 0 0;
21195
21296
  }
21196
-
21197
- .v-data-table__tr--focus {
21198
- border: 1px dotted black;
21297
+ .v-divider--vertical {
21298
+ align-self: stretch;
21299
+ border-width: 0 thin 0 0;
21300
+ display: inline-flex;
21301
+ height: auto;
21302
+ margin-left: -1px;
21303
+ max-height: 100%;
21304
+ max-width: 0px;
21305
+ vertical-align: text-bottom;
21306
+ width: 0px;
21199
21307
  }
21200
- .v-data-table__tr--clickable {
21201
- cursor: pointer;
21308
+ .v-divider--inset:not(.v-divider--vertical) {
21309
+ max-width: calc(100% - 72px);
21310
+ margin-inline-start: 72px;
21202
21311
  }
21203
-
21204
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
21205
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
21206
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
21207
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
21208
- text-align: end;
21312
+ .v-divider--inset.v-divider--vertical {
21313
+ margin-bottom: 8px;
21314
+ margin-top: 8px;
21315
+ max-height: calc(100% - 16px);
21209
21316
  }
21210
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
21211
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
21212
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
21213
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
21214
- flex-direction: row-reverse;
21317
+
21318
+ .v-divider__content {
21319
+ padding: 0 16px;
21320
+ text-wrap: nowrap;
21215
21321
  }
21216
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
21217
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
21218
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
21219
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
21220
- text-align: center;
21322
+ .v-divider__wrapper--vertical .v-divider__content {
21323
+ padding: 4px 0;
21221
21324
  }
21222
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
21223
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
21224
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
21225
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
21325
+
21326
+ .v-divider__wrapper {
21327
+ display: flex;
21328
+ align-items: center;
21226
21329
  justify-content: center;
21227
21330
  }
21228
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
21229
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
21230
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
21231
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
21232
- padding: 0 8px;
21331
+ .v-divider__wrapper--vertical {
21332
+ flex-direction: column;
21333
+ height: 100%;
21233
21334
  }
21234
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap,
21235
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap,
21236
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap,
21237
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap {
21238
- text-overflow: ellipsis;
21239
- text-wrap: nowrap;
21240
- overflow: hidden;
21335
+ .v-divider__wrapper--vertical .v-divider {
21336
+ margin: 0 auto;
21337
+ }.v-empty-state {
21338
+ align-items: center;
21339
+ display: flex;
21340
+ flex-direction: column;
21341
+ justify-content: center;
21342
+ min-height: 100%;
21343
+ padding: 16px;
21241
21344
  }
21242
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
21243
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap .v-data-table-header__content,
21244
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
21245
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap .v-data-table-header__content {
21246
- display: contents;
21345
+ .v-empty-state--start {
21346
+ align-items: flex-start;
21247
21347
  }
21248
- .v-data-table .v-table__wrapper > table > thead > tr > th,
21249
- .v-data-table .v-table__wrapper > table tbody > tr > th {
21348
+ .v-empty-state--center {
21250
21349
  align-items: center;
21251
21350
  }
21252
- .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--fixed,
21253
- .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--fixed {
21254
- position: sticky;
21351
+ .v-empty-state--end {
21352
+ align-items: flex-end;
21255
21353
  }
21256
- .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
21257
- .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
21258
- cursor: pointer;
21259
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21354
+
21355
+ .v-empty-state__media {
21356
+ text-align: center;
21357
+ width: 100%;
21260
21358
  }
21261
- .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
21262
- .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
21263
- opacity: 0;
21264
- }
21265
- .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon,
21266
- .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon {
21267
- opacity: 0.5;
21268
- }
21269
- .v-data-table .v-table__wrapper > table > thead > tr.v-data-table__tr--mobile > td,
21270
- .v-data-table .v-table__wrapper > table tbody > tr.v-data-table__tr--mobile > td {
21271
- height: -moz-fit-content;
21272
- height: fit-content;
21273
- }
21274
-
21275
- .v-data-table-column--fixed,
21276
- .v-data-table__th--sticky {
21277
- background: rgb(var(--v-theme-surface));
21278
- position: sticky !important;
21279
- left: 0;
21280
- z-index: 1;
21281
- }
21282
-
21283
- .v-data-table-column--last-fixed {
21284
- border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
21285
- }
21286
-
21287
- .v-data-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th.v-data-table-column--fixed {
21288
- z-index: 2;
21289
- }
21290
-
21291
- .v-data-table-group-header-row td {
21292
- background: rgba(var(--v-theme-surface));
21293
- color: rgba(var(--v-theme-on-surface));
21294
- }
21295
- .v-data-table-group-header-row td > span {
21296
- padding-left: 5px;
21359
+ .v-empty-state__media .v-icon {
21360
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
21297
21361
  }
21298
21362
 
21299
- .v-data-table--loading .v-data-table__td {
21300
- opacity: var(--v-disabled-opacity);
21363
+ .v-empty-state__headline {
21364
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
21365
+ font-size: 3.75rem;
21366
+ font-weight: 300;
21367
+ line-height: 1;
21368
+ text-align: center;
21369
+ margin-bottom: 8px;
21301
21370
  }
21302
-
21303
- .v-data-table-group-header-row__column {
21304
- padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
21371
+ .v-empty-state--mobile .v-empty-state__headline {
21372
+ font-size: 2.125rem;
21305
21373
  }
21306
21374
 
21307
- .v-data-table-header__content {
21308
- display: flex;
21309
- align-items: center;
21375
+ .v-empty-state__title {
21376
+ font-size: 1.25rem;
21377
+ font-weight: 500;
21378
+ line-height: 1.6;
21379
+ margin-bottom: 4px;
21380
+ text-align: center;
21310
21381
  }
21311
21382
 
21312
- .v-data-table-header__sort-badge {
21313
- display: inline-flex;
21314
- justify-content: center;
21315
- align-items: center;
21383
+ .v-empty-state__text {
21316
21384
  font-size: 0.875rem;
21317
- padding: 4px;
21318
- border-radius: 50%;
21319
- background: rgba(var(--v-border-color), var(--v-border-opacity));
21320
- min-width: 20px;
21321
- min-height: 20px;
21322
- width: 20px;
21323
- height: 20px;
21324
- }
21325
-
21326
- .v-data-table-progress > th {
21327
- border: none !important;
21328
- height: auto !important;
21329
- padding: 0 !important;
21330
- }
21331
-
21332
- .v-data-table-progress__loader {
21333
- position: relative;
21334
- }
21335
-
21336
- .v-data-table-rows-loading,
21337
- .v-data-table-rows-no-data {
21385
+ font-weight: 400;
21386
+ line-height: 1.425;
21387
+ padding: 0 16px;
21338
21388
  text-align: center;
21339
21389
  }
21340
21390
 
21341
- .v-data-table__tr--mobile > .v-data-table__td--expanded-row {
21342
- grid-template-columns: auto;
21343
- justify-content: center;
21344
- }
21345
- .v-data-table__tr--mobile > .v-data-table__td--select-row {
21346
- grid-template-columns: 0;
21347
- justify-content: end;
21348
- }
21349
- .v-data-table__tr--mobile > td {
21350
- align-items: center;
21351
- column-gap: 4px;
21352
- display: grid;
21353
- grid-template-columns: repeat(2, 1fr);
21354
- min-height: var(--v-table-row-height);
21355
- }
21356
- .v-data-table__tr--mobile > td:not(:last-child) {
21357
- border-bottom: 0 !important;
21358
- }
21359
-
21360
- .v-data-table__td-title {
21361
- font-weight: 500;
21362
- text-align: start;
21391
+ .v-empty-state__content {
21392
+ padding: 24px 0;
21363
21393
  }
21364
21394
 
21365
- .v-data-table__td-value {
21366
- text-align: end;
21395
+ .v-empty-state__actions {
21396
+ display: flex;
21397
+ gap: 8px;
21398
+ padding: 16px;
21367
21399
  }
21368
21400
 
21369
- .v-data-table__td-sort-icon {
21370
- color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
21371
- }
21372
- .v-data-table__td-sort-icon-active {
21373
- color: rgba(var(--v-theme-on-surface));
21401
+ .v-empty-state__action-btn.v-btn {
21402
+ background-color: initial;
21403
+ color: initial;
21374
21404
  }.v-expansion-panel {
21375
21405
  background-color: rgb(var(--v-theme-surface));
21376
21406
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -21587,319 +21617,99 @@ html.overflow-y-hidden {
21587
21617
  }
21588
21618
  .v-expansion-panels--tile > .v-expansion-panel {
21589
21619
  border-radius: 0;
21590
- }.v-empty-state {
21591
- align-items: center;
21592
- display: flex;
21593
- flex-direction: column;
21594
- justify-content: center;
21595
- min-height: 100%;
21596
- padding: 16px;
21597
- }
21598
- .v-empty-state--start {
21599
- align-items: flex-start;
21620
+ }/* region INPUT */
21621
+ .v-field {
21622
+ display: grid;
21623
+ grid-template-areas: "prepend-inner field clear append-inner";
21624
+ grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
21625
+ font-size: 16px;
21626
+ letter-spacing: 0.009375em;
21627
+ max-width: 100%;
21628
+ border-radius: 4px;
21629
+ contain: layout;
21630
+ flex: 1 0;
21631
+ grid-area: control;
21632
+ position: relative;
21633
+ --v-theme-overlay-multiplier: 1;
21634
+ --v-field-padding-start: 16px;
21635
+ --v-field-padding-end: 16px;
21636
+ --v-field-padding-top: 8px;
21637
+ --v-field-padding-bottom: 4px;
21638
+ --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0px));
21639
+ --v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
21600
21640
  }
21601
- .v-empty-state--center {
21602
- align-items: center;
21641
+ .v-field--disabled {
21642
+ opacity: var(--v-disabled-opacity);
21643
+ pointer-events: none;
21603
21644
  }
21604
- .v-empty-state--end {
21605
- align-items: flex-end;
21645
+ .v-field .v-chip {
21646
+ --v-chip-height: 24px;
21606
21647
  }
21607
21648
 
21608
- .v-empty-state__media {
21609
- text-align: center;
21610
- width: 100%;
21649
+ /* endregion */
21650
+ /* region MODIFIERS */
21651
+ .v-field--prepended {
21652
+ padding-inline-start: 12px;
21611
21653
  }
21612
- .v-empty-state__media .v-icon {
21613
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
21654
+ .v-field--appended {
21655
+ padding-inline-end: 12px;
21614
21656
  }
21615
-
21616
- .v-empty-state__headline {
21617
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
21618
- font-size: 3.75rem;
21619
- font-weight: 300;
21620
- line-height: 1;
21621
- text-align: center;
21622
- margin-bottom: 8px;
21657
+ .v-field--variant-solo, .v-field--variant-solo-filled {
21658
+ background: rgb(var(--v-theme-surface));
21659
+ border-color: transparent;
21660
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21623
21661
  }
21624
- .v-empty-state--mobile .v-empty-state__headline {
21625
- font-size: 2.125rem;
21662
+ .v-field--variant-solo, .v-field--variant-solo-filled {
21663
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21664
+ }
21665
+ .v-field--variant-solo-inverted {
21666
+ background: rgb(var(--v-theme-surface));
21667
+ border-color: transparent;
21668
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21669
+ }
21670
+ .v-field--variant-solo-inverted {
21671
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21672
+ }
21673
+ .v-field--variant-solo-inverted.v-field--focused {
21674
+ color: rgb(var(--v-theme-on-surface-variant));
21675
+ }
21676
+ .v-field--variant-filled {
21677
+ border-bottom-left-radius: 0;
21678
+ border-bottom-right-radius: 0;
21679
+ }
21680
+ .v-input--density-default .v-field--variant-solo, .v-input--density-default .v-field--variant-solo-inverted, .v-input--density-default .v-field--variant-solo-filled, .v-input--density-default .v-field--variant-filled {
21681
+ --v-input-control-height: 56px;
21682
+ --v-field-padding-bottom: 4px;
21626
21683
  }
21627
21684
 
21628
- .v-empty-state__title {
21629
- font-size: 1.25rem;
21630
- font-weight: 500;
21631
- line-height: 1.6;
21632
- margin-bottom: 4px;
21633
- text-align: center;
21685
+ .v-input--density-comfortable .v-field--variant-solo, .v-input--density-comfortable .v-field--variant-solo-inverted, .v-input--density-comfortable .v-field--variant-solo-filled, .v-input--density-comfortable .v-field--variant-filled {
21686
+ --v-input-control-height: 48px;
21687
+ --v-field-padding-bottom: 0px;
21634
21688
  }
21635
21689
 
21636
- .v-empty-state__text {
21637
- font-size: 0.875rem;
21638
- font-weight: 400;
21639
- line-height: 1.425;
21640
- padding: 0 16px;
21641
- text-align: center;
21690
+ .v-input--density-compact .v-field--variant-solo, .v-input--density-compact .v-field--variant-solo-inverted, .v-input--density-compact .v-field--variant-solo-filled, .v-input--density-compact .v-field--variant-filled {
21691
+ --v-input-control-height: 40px;
21692
+ --v-field-padding-bottom: 0px;
21642
21693
  }
21643
21694
 
21644
- .v-empty-state__content {
21645
- padding: 24px 0;
21695
+ .v-field--variant-outlined, .v-field--single-line, .v-field--no-label {
21696
+ --v-field-padding-top: 0px;
21697
+ }
21698
+ .v-input--density-default .v-field--variant-outlined, .v-input--density-default .v-field--single-line, .v-input--density-default .v-field--no-label {
21699
+ --v-field-padding-bottom: 16px;
21646
21700
  }
21647
21701
 
21648
- .v-empty-state__actions {
21649
- display: flex;
21650
- gap: 8px;
21651
- padding: 16px;
21702
+ .v-input--density-comfortable .v-field--variant-outlined, .v-input--density-comfortable .v-field--single-line, .v-input--density-comfortable .v-field--no-label {
21703
+ --v-field-padding-bottom: 12px;
21652
21704
  }
21653
21705
 
21654
- .v-empty-state__action-btn.v-btn {
21655
- background-color: initial;
21656
- color: initial;
21657
- }.v-divider {
21658
- display: block;
21659
- flex: 1 1 100%;
21660
- height: 0px;
21661
- max-height: 0px;
21662
- opacity: var(--v-border-opacity);
21663
- transition: inherit;
21706
+ .v-input--density-compact .v-field--variant-outlined, .v-input--density-compact .v-field--single-line, .v-input--density-compact .v-field--no-label {
21707
+ --v-field-padding-bottom: 8px;
21664
21708
  }
21665
- .v-divider {
21666
- border-style: solid;
21667
- border-width: thin 0 0 0;
21668
- }
21669
- .v-divider--vertical {
21670
- align-self: stretch;
21671
- border-width: 0 thin 0 0;
21672
- display: inline-flex;
21673
- height: auto;
21674
- margin-left: -1px;
21675
- max-height: 100%;
21676
- max-width: 0px;
21677
- vertical-align: text-bottom;
21678
- width: 0px;
21679
- }
21680
- .v-divider--inset:not(.v-divider--vertical) {
21681
- max-width: calc(100% - 72px);
21682
- margin-inline-start: 72px;
21683
- }
21684
- .v-divider--inset.v-divider--vertical {
21685
- margin-bottom: 8px;
21686
- margin-top: 8px;
21687
- max-height: calc(100% - 16px);
21688
- }
21689
-
21690
- .v-divider__content {
21691
- padding: 0 16px;
21692
- text-wrap: nowrap;
21693
- }
21694
- .v-divider__wrapper--vertical .v-divider__content {
21695
- padding: 4px 0;
21696
- }
21697
-
21698
- .v-divider__wrapper {
21699
- display: flex;
21700
- align-items: center;
21701
- justify-content: center;
21702
- }
21703
- .v-divider__wrapper--vertical {
21704
- flex-direction: column;
21705
- height: 100%;
21706
- }
21707
- .v-divider__wrapper--vertical .v-divider {
21708
- margin: 0 auto;
21709
- }.v-fab {
21710
- align-items: center;
21711
- display: inline-flex;
21712
- flex: 1 1 auto;
21713
- pointer-events: none;
21714
- position: relative;
21715
- transition-duration: 0.2s;
21716
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21717
- vertical-align: middle;
21718
- }
21719
- .v-fab .v-btn {
21720
- pointer-events: auto;
21721
- }
21722
- .v-fab .v-btn--variant-elevated {
21723
- box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21724
- }
21725
- .v-fab--app, .v-fab--absolute {
21726
- display: flex;
21727
- }
21728
- .v-fab--absolute {
21729
- position: absolute;
21730
- inset: 0;
21731
- }
21732
- .v-fab--start, .v-fab--left {
21733
- justify-content: flex-start;
21734
- }
21735
- .v-fab--center {
21736
- align-items: center;
21737
- justify-content: center;
21738
- }
21739
- .v-fab--end, .v-fab--right {
21740
- justify-content: flex-end;
21741
- }
21742
- .v-fab--bottom {
21743
- align-items: flex-end;
21744
- }
21745
- .v-fab--top {
21746
- align-items: flex-start;
21747
- }
21748
- .v-fab--extended .v-btn {
21749
- border-radius: 9999px !important;
21750
- }
21751
-
21752
- .v-fab__container {
21753
- align-self: center;
21754
- display: inline-flex;
21755
- vertical-align: middle;
21756
- }
21757
- .v-fab--app .v-fab__container {
21758
- margin: 12px;
21759
- position: fixed;
21760
- }
21761
- .v-fab--absolute .v-fab__container {
21762
- position: absolute;
21763
- z-index: 4;
21764
- }
21765
- .v-fab--offset.v-fab--top .v-fab__container {
21766
- transform: translateY(-50%);
21767
- }
21768
- .v-fab--offset.v-fab--bottom .v-fab__container {
21769
- transform: translateY(50%);
21770
- }
21771
- .v-fab--top .v-fab__container {
21772
- top: 0;
21773
- }
21774
- .v-fab--bottom .v-fab__container {
21775
- bottom: 0;
21776
- }
21777
- .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
21778
- left: 0;
21779
- }
21780
- .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
21781
- right: 0;
21782
- }.v-file-input--hide.v-input .v-field,
21783
- .v-file-input--hide.v-input .v-input__control,
21784
- .v-file-input--hide.v-input .v-input__details {
21785
- display: none;
21786
- }
21787
- .v-file-input--hide.v-input .v-input__prepend {
21788
- grid-area: control;
21789
- margin: 0 auto;
21790
- }
21791
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21792
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21793
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21794
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21795
- top: 0px;
21796
- }
21797
- .v-file-input input[type=file] {
21798
- height: 100%;
21799
- left: 0;
21800
- opacity: 0;
21801
- position: absolute;
21802
- top: 0;
21803
- width: 100%;
21804
- }
21805
- .v-file-input .v-input__details {
21806
- padding-inline: 16px;
21807
- }
21808
- .v-input--plain-underlined.v-file-input .v-input__details {
21809
- padding-inline: 0;
21810
- }/* region INPUT */
21811
- .v-field {
21812
- display: grid;
21813
- grid-template-areas: "prepend-inner field clear append-inner";
21814
- grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
21815
- font-size: 16px;
21816
- letter-spacing: 0.009375em;
21817
- max-width: 100%;
21818
- border-radius: 4px;
21819
- contain: layout;
21820
- flex: 1 0;
21821
- grid-area: control;
21822
- position: relative;
21823
- --v-theme-overlay-multiplier: 1;
21824
- --v-field-padding-start: 16px;
21825
- --v-field-padding-end: 16px;
21826
- --v-field-padding-top: 8px;
21827
- --v-field-padding-bottom: 4px;
21828
- --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0px));
21829
- --v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
21830
- }
21831
- .v-field--disabled {
21832
- opacity: var(--v-disabled-opacity);
21833
- pointer-events: none;
21834
- }
21835
- .v-field .v-chip {
21836
- --v-chip-height: 24px;
21837
- }
21838
-
21839
- /* endregion */
21840
- /* region MODIFIERS */
21841
- .v-field--prepended {
21842
- padding-inline-start: 12px;
21843
- }
21844
- .v-field--appended {
21845
- padding-inline-end: 12px;
21846
- }
21847
- .v-field--variant-solo, .v-field--variant-solo-filled {
21848
- background: rgb(var(--v-theme-surface));
21849
- border-color: transparent;
21850
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21851
- }
21852
- .v-field--variant-solo, .v-field--variant-solo-filled {
21853
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21854
- }
21855
- .v-field--variant-solo-inverted {
21856
- background: rgb(var(--v-theme-surface));
21857
- border-color: transparent;
21858
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21859
- }
21860
- .v-field--variant-solo-inverted {
21861
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21862
- }
21863
- .v-field--variant-solo-inverted.v-field--focused {
21864
- color: rgb(var(--v-theme-on-surface-variant));
21865
- }
21866
- .v-field--variant-filled {
21867
- border-bottom-left-radius: 0;
21868
- border-bottom-right-radius: 0;
21869
- }
21870
- .v-input--density-default .v-field--variant-solo, .v-input--density-default .v-field--variant-solo-inverted, .v-input--density-default .v-field--variant-solo-filled, .v-input--density-default .v-field--variant-filled {
21871
- --v-input-control-height: 56px;
21872
- --v-field-padding-bottom: 4px;
21873
- }
21874
-
21875
- .v-input--density-comfortable .v-field--variant-solo, .v-input--density-comfortable .v-field--variant-solo-inverted, .v-input--density-comfortable .v-field--variant-solo-filled, .v-input--density-comfortable .v-field--variant-filled {
21876
- --v-input-control-height: 48px;
21877
- --v-field-padding-bottom: 0px;
21878
- }
21879
-
21880
- .v-input--density-compact .v-field--variant-solo, .v-input--density-compact .v-field--variant-solo-inverted, .v-input--density-compact .v-field--variant-solo-filled, .v-input--density-compact .v-field--variant-filled {
21881
- --v-input-control-height: 40px;
21882
- --v-field-padding-bottom: 0px;
21883
- }
21884
-
21885
- .v-field--variant-outlined, .v-field--single-line, .v-field--no-label {
21886
- --v-field-padding-top: 0px;
21887
- }
21888
- .v-input--density-default .v-field--variant-outlined, .v-input--density-default .v-field--single-line, .v-input--density-default .v-field--no-label {
21889
- --v-field-padding-bottom: 16px;
21890
- }
21891
-
21892
- .v-input--density-comfortable .v-field--variant-outlined, .v-input--density-comfortable .v-field--single-line, .v-input--density-comfortable .v-field--no-label {
21893
- --v-field-padding-bottom: 12px;
21894
- }
21895
-
21896
- .v-input--density-compact .v-field--variant-outlined, .v-input--density-compact .v-field--single-line, .v-input--density-compact .v-field--no-label {
21897
- --v-field-padding-bottom: 8px;
21898
- }
21899
-
21900
- .v-field--variant-plain, .v-field--variant-underlined {
21901
- border-radius: 0;
21902
- padding: 0;
21709
+
21710
+ .v-field--variant-plain, .v-field--variant-underlined {
21711
+ border-radius: 0;
21712
+ padding: 0;
21903
21713
  }
21904
21714
  .v-field--variant-plain.v-field, .v-field--variant-underlined.v-field {
21905
21715
  --v-field-padding-start: 0px;
@@ -22400,26 +22210,54 @@ textarea.v-field__input::placeholder {
22400
22210
  opacity: 0;
22401
22211
  }
22402
22212
 
22403
- /* endregion */.v-footer {
22404
- align-items: center;
22405
- display: flex;
22406
- flex: 1 1 auto;
22407
- padding: 8px 16px;
22408
- position: relative;
22409
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22410
- transition-property: height, width, transform, max-width, left, right, top, bottom;
22411
- }
22412
- .v-footer {
22413
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22414
- border-style: solid;
22415
- border-width: 0;
22213
+ /* endregion */.v-file-input--hide.v-input .v-field,
22214
+ .v-file-input--hide.v-input .v-input__control,
22215
+ .v-file-input--hide.v-input .v-input__details {
22216
+ display: none;
22416
22217
  }
22417
- .v-footer--border {
22418
- border-width: thin;
22419
- box-shadow: none;
22218
+ .v-file-input--hide.v-input .v-input__prepend {
22219
+ grid-area: control;
22220
+ margin: 0 auto;
22420
22221
  }
22421
- .v-footer {
22422
- 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));
22222
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
22223
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
22224
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
22225
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
22226
+ top: 0px;
22227
+ }
22228
+ .v-file-input input[type=file] {
22229
+ height: 100%;
22230
+ left: 0;
22231
+ opacity: 0;
22232
+ position: absolute;
22233
+ top: 0;
22234
+ width: 100%;
22235
+ }
22236
+ .v-file-input .v-input__details {
22237
+ padding-inline: 16px;
22238
+ }
22239
+ .v-input--plain-underlined.v-file-input .v-input__details {
22240
+ padding-inline: 0;
22241
+ }.v-footer {
22242
+ align-items: center;
22243
+ display: flex;
22244
+ flex: 1 1 auto;
22245
+ padding: 8px 16px;
22246
+ position: relative;
22247
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22248
+ transition-property: height, width, transform, max-width, left, right, top, bottom;
22249
+ }
22250
+ .v-footer {
22251
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22252
+ border-style: solid;
22253
+ border-width: 0;
22254
+ }
22255
+ .v-footer--border {
22256
+ border-width: thin;
22257
+ box-shadow: none;
22258
+ }
22259
+ .v-footer {
22260
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
22423
22261
  }
22424
22262
  .v-footer--absolute {
22425
22263
  position: absolute;
@@ -22436,6 +22274,79 @@ textarea.v-field__input::placeholder {
22436
22274
  }
22437
22275
  .v-footer--rounded {
22438
22276
  border-radius: 4px;
22277
+ }.v-fab {
22278
+ align-items: center;
22279
+ display: inline-flex;
22280
+ flex: 1 1 auto;
22281
+ pointer-events: none;
22282
+ position: relative;
22283
+ transition-duration: 0.2s;
22284
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
22285
+ vertical-align: middle;
22286
+ }
22287
+ .v-fab .v-btn {
22288
+ pointer-events: auto;
22289
+ }
22290
+ .v-fab .v-btn--variant-elevated {
22291
+ box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
22292
+ }
22293
+ .v-fab--app, .v-fab--absolute {
22294
+ display: flex;
22295
+ }
22296
+ .v-fab--absolute {
22297
+ position: absolute;
22298
+ inset: 0;
22299
+ }
22300
+ .v-fab--start, .v-fab--left {
22301
+ justify-content: flex-start;
22302
+ }
22303
+ .v-fab--center {
22304
+ align-items: center;
22305
+ justify-content: center;
22306
+ }
22307
+ .v-fab--end, .v-fab--right {
22308
+ justify-content: flex-end;
22309
+ }
22310
+ .v-fab--bottom {
22311
+ align-items: flex-end;
22312
+ }
22313
+ .v-fab--top {
22314
+ align-items: flex-start;
22315
+ }
22316
+ .v-fab--extended .v-btn {
22317
+ border-radius: 9999px !important;
22318
+ }
22319
+
22320
+ .v-fab__container {
22321
+ align-self: center;
22322
+ display: inline-flex;
22323
+ vertical-align: middle;
22324
+ }
22325
+ .v-fab--app .v-fab__container {
22326
+ margin: 12px;
22327
+ position: fixed;
22328
+ }
22329
+ .v-fab--absolute .v-fab__container {
22330
+ position: absolute;
22331
+ z-index: 4;
22332
+ }
22333
+ .v-fab--offset.v-fab--top .v-fab__container {
22334
+ transform: translateY(-50%);
22335
+ }
22336
+ .v-fab--offset.v-fab--bottom .v-fab__container {
22337
+ transform: translateY(50%);
22338
+ }
22339
+ .v-fab--top .v-fab__container {
22340
+ top: 0;
22341
+ }
22342
+ .v-fab--bottom .v-fab__container {
22343
+ bottom: 0;
22344
+ }
22345
+ .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
22346
+ left: 0;
22347
+ }
22348
+ .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
22349
+ right: 0;
22439
22350
  }.v-icon {
22440
22351
  --v-icon-size-multiplier: 1;
22441
22352
  align-items: center;
@@ -22730,23 +22641,6 @@ textarea.v-field__input::placeholder {
22730
22641
  max-width: 100%;
22731
22642
  position: relative;
22732
22643
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22733
- }.v-layout {
22734
- --v-scrollbar-offset: 0px;
22735
- display: flex;
22736
- flex: 1 1 auto;
22737
- }
22738
- .v-layout--full-height {
22739
- --v-scrollbar-offset: inherit;
22740
- height: 100%;
22741
- }.v-layout-item {
22742
- position: absolute;
22743
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22744
- }
22745
-
22746
- .v-layout-item--absolute {
22747
- position: absolute;
22748
- }.v-locale-provider {
22749
- display: contents;
22750
22644
  }.v-label {
22751
22645
  align-items: center;
22752
22646
  color: inherit;
@@ -22762,6 +22656,21 @@ textarea.v-field__input::placeholder {
22762
22656
 
22763
22657
  .v-label--clickable {
22764
22658
  cursor: pointer;
22659
+ }.v-layout {
22660
+ --v-scrollbar-offset: 0px;
22661
+ display: flex;
22662
+ flex: 1 1 auto;
22663
+ }
22664
+ .v-layout--full-height {
22665
+ --v-scrollbar-offset: inherit;
22666
+ height: 100%;
22667
+ }.v-layout-item {
22668
+ position: absolute;
22669
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22670
+ }
22671
+
22672
+ .v-layout-item--absolute {
22673
+ position: absolute;
22765
22674
  }.v-list {
22766
22675
  overflow: auto;
22767
22676
  padding: 8px 0;
@@ -23338,6 +23247,8 @@ textarea.v-field__input::placeholder {
23338
23247
  }
23339
23248
  .v-list-group__header:not(.v-treeview-item--activatable-group-activator).v-list-item--active:hover .v-list-item__overlay {
23340
23249
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
23250
+ }.v-locale-provider {
23251
+ display: contents;
23341
23252
  }.v-main {
23342
23253
  flex: 1 0 auto;
23343
23254
  max-width: 100%;
@@ -23403,83 +23314,6 @@ textarea.v-field__input::placeholder {
23403
23314
  -webkit-hyphens: auto;
23404
23315
  hyphens: auto;
23405
23316
  transition-duration: 150ms;
23406
- }.v-badge {
23407
- display: inline-block;
23408
- line-height: 1;
23409
- }
23410
-
23411
- .v-badge__badge {
23412
- align-items: center;
23413
- display: inline-flex;
23414
- border-radius: 10px;
23415
- font-family: "Roboto", sans-serif;
23416
- font-size: 0.75rem;
23417
- font-weight: 500;
23418
- height: 1.25rem;
23419
- justify-content: center;
23420
- min-width: 20px;
23421
- padding: 4px 6px;
23422
- pointer-events: auto;
23423
- position: absolute;
23424
- text-align: center;
23425
- text-indent: 0;
23426
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
23427
- white-space: nowrap;
23428
- }
23429
- .v-badge__badge {
23430
- background: rgb(var(--v-theme-surface-variant));
23431
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
23432
- }
23433
- .v-badge__badge:has(.v-icon) {
23434
- padding: 4px 6px;
23435
- }
23436
- .v-badge--bordered .v-badge__badge::after {
23437
- border-radius: inherit;
23438
- border-style: solid;
23439
- border-width: 2px;
23440
- bottom: 0;
23441
- color: rgb(var(--v-theme-background));
23442
- content: "";
23443
- left: 0;
23444
- position: absolute;
23445
- right: 0;
23446
- top: 0;
23447
- transform: scale(1.05);
23448
- }
23449
- .v-badge--dot .v-badge__badge {
23450
- border-radius: 4.5px;
23451
- height: 9px;
23452
- min-width: 0;
23453
- padding: 0;
23454
- width: 9px;
23455
- }
23456
- .v-badge--dot .v-badge__badge::after {
23457
- border-width: 1.5px;
23458
- }
23459
- .v-badge--inline .v-badge__badge {
23460
- position: relative;
23461
- vertical-align: middle;
23462
- }
23463
- .v-badge__badge .v-icon {
23464
- color: inherit;
23465
- font-size: 0.75rem;
23466
- margin: 0 -2px;
23467
- }
23468
- .v-badge__badge img,
23469
- .v-badge__badge .v-img {
23470
- height: 100%;
23471
- width: 100%;
23472
- }
23473
-
23474
- .v-badge__wrapper {
23475
- display: flex;
23476
- position: relative;
23477
- }
23478
- .v-badge--inline .v-badge__wrapper {
23479
- align-items: center;
23480
- display: inline-flex;
23481
- justify-content: center;
23482
- margin: 0 4px;
23483
23317
  }.v-navigation-drawer {
23484
23318
  -webkit-overflow-scrolling: touch;
23485
23319
  background: rgb(var(--v-theme-surface));
@@ -23642,26 +23476,90 @@ textarea.v-field__input::placeholder {
23642
23476
  }
23643
23477
  .v-otp-input__loader .v-progress-linear {
23644
23478
  position: absolute;
23645
- }.v-number-input input[type=number] {
23646
- -moz-appearance: textfield;
23647
- }
23648
- .v-number-input input[type=number]::-webkit-outer-spin-button, .v-number-input input[type=number]::-webkit-inner-spin-button {
23649
- -webkit-appearance: none;
23650
- }
23651
- .v-number-input .v-field:not(:has(.v-field__prepend-inner > .v-icon)) {
23652
- padding-inline-start: 0;
23479
+ }.v-overlay-container {
23480
+ contain: layout;
23481
+ left: 0;
23482
+ pointer-events: none;
23483
+ position: absolute;
23484
+ top: 0;
23485
+ display: contents;
23653
23486
  }
23654
- .v-number-input .v-field:not(:has(.v-field__append-inner > .v-icon)) {
23655
- padding-inline-end: 0;
23487
+
23488
+ .v-overlay-scroll-blocked {
23489
+ padding-inline-end: var(--v-scrollbar-offset);
23656
23490
  }
23657
- .v-number-input .v-field__prepend-inner:has(.v-number-input__control) > .v-icon {
23658
- margin-inline-end: 12px;
23491
+ .v-overlay-scroll-blocked:not(html) {
23492
+ overflow-y: hidden !important;
23659
23493
  }
23660
- .v-number-input .v-field__append-inner:has(.v-number-input__control) > .v-icon {
23661
- margin-inline-start: 12px;
23494
+ html.v-overlay-scroll-blocked {
23495
+ position: fixed;
23496
+ top: var(--v-body-scroll-y);
23497
+ left: var(--v-body-scroll-x);
23498
+ width: 100%;
23499
+ height: 100%;
23662
23500
  }
23663
- .v-number-input--inset .v-divider {
23664
- height: 55%;
23501
+
23502
+ .v-overlay {
23503
+ --v-overlay-opacity: 0.32;
23504
+ border-radius: inherit;
23505
+ display: flex;
23506
+ left: 0;
23507
+ pointer-events: none;
23508
+ position: fixed;
23509
+ top: 0;
23510
+ bottom: 0;
23511
+ right: 0;
23512
+ }
23513
+
23514
+ .v-overlay__content {
23515
+ outline: none;
23516
+ position: absolute;
23517
+ pointer-events: auto;
23518
+ contain: layout;
23519
+ }
23520
+
23521
+ .v-overlay__scrim {
23522
+ pointer-events: auto;
23523
+ background: rgb(var(--v-theme-on-surface));
23524
+ border-radius: inherit;
23525
+ bottom: 0;
23526
+ left: 0;
23527
+ opacity: var(--v-overlay-opacity);
23528
+ position: fixed;
23529
+ right: 0;
23530
+ top: 0;
23531
+ }
23532
+
23533
+ .v-overlay--absolute {
23534
+ position: absolute;
23535
+ }
23536
+
23537
+ .v-overlay--contained .v-overlay__scrim {
23538
+ position: absolute;
23539
+ }
23540
+
23541
+ .v-overlay--scroll-blocked {
23542
+ padding-inline-end: var(--v-scrollbar-offset);
23543
+ }.v-number-input input[type=number] {
23544
+ -moz-appearance: textfield;
23545
+ }
23546
+ .v-number-input input[type=number]::-webkit-outer-spin-button, .v-number-input input[type=number]::-webkit-inner-spin-button {
23547
+ -webkit-appearance: none;
23548
+ }
23549
+ .v-number-input .v-field:not(:has(.v-field__prepend-inner > .v-icon)) {
23550
+ padding-inline-start: 0;
23551
+ }
23552
+ .v-number-input .v-field:not(:has(.v-field__append-inner > .v-icon)) {
23553
+ padding-inline-end: 0;
23554
+ }
23555
+ .v-number-input .v-field__prepend-inner:has(.v-number-input__control) > .v-icon {
23556
+ margin-inline-end: 12px;
23557
+ }
23558
+ .v-number-input .v-field__append-inner:has(.v-number-input__control) > .v-icon {
23559
+ margin-inline-start: 12px;
23560
+ }
23561
+ .v-number-input--inset .v-divider {
23562
+ height: 55%;
23665
23563
  width: 55%;
23666
23564
  align-self: center;
23667
23565
  }
@@ -23688,114 +23586,6 @@ textarea.v-field__input::placeholder {
23688
23586
  .v-number-input__control .v-btn {
23689
23587
  background-color: transparent;
23690
23588
  border-radius: 0;
23691
- }.v-parallax {
23692
- position: relative;
23693
- overflow: hidden;
23694
- }
23695
- .v-parallax--active > .v-img__img {
23696
- will-change: transform;
23697
- }.v-progress-circular {
23698
- align-items: center;
23699
- display: inline-flex;
23700
- justify-content: center;
23701
- position: relative;
23702
- vertical-align: middle;
23703
- }
23704
- .v-progress-circular > svg {
23705
- width: 100%;
23706
- height: 100%;
23707
- margin: auto;
23708
- position: absolute;
23709
- top: 0;
23710
- bottom: 0;
23711
- left: 0;
23712
- right: 0;
23713
- z-index: 0;
23714
- }
23715
-
23716
- .v-progress-circular__content {
23717
- align-items: center;
23718
- display: flex;
23719
- justify-content: center;
23720
- }
23721
-
23722
- .v-progress-circular__underlay {
23723
- color: rgba(var(--v-border-color), var(--v-border-opacity));
23724
- stroke: currentColor;
23725
- z-index: 1;
23726
- }
23727
-
23728
- .v-progress-circular__overlay {
23729
- stroke: currentColor;
23730
- transition: all 0.2s ease-in-out, stroke-width 0s;
23731
- z-index: 2;
23732
- }
23733
-
23734
- .v-progress-circular--size-x-small {
23735
- height: 16px;
23736
- width: 16px;
23737
- }
23738
- .v-progress-circular--size-small {
23739
- height: 24px;
23740
- width: 24px;
23741
- }
23742
- .v-progress-circular--size-default {
23743
- height: 32px;
23744
- width: 32px;
23745
- }
23746
- .v-progress-circular--size-large {
23747
- height: 48px;
23748
- width: 48px;
23749
- }
23750
- .v-progress-circular--size-x-large {
23751
- height: 64px;
23752
- width: 64px;
23753
- }
23754
-
23755
- .v-progress-circular--indeterminate > svg {
23756
- animation: progress-circular-rotate 1.4s linear infinite;
23757
- transform-origin: center center;
23758
- transition: all 0.2s ease-in-out;
23759
- }
23760
- .v-progress-circular--indeterminate .v-progress-circular__overlay {
23761
- animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
23762
- stroke-dasharray: 25, 200;
23763
- stroke-dashoffset: 0;
23764
- stroke-linecap: round;
23765
- transform-origin: center center;
23766
- transform: rotate(-90deg);
23767
- }
23768
-
23769
- .v-progress-circular--disable-shrink > svg {
23770
- animation-duration: 0.7s;
23771
- }
23772
- .v-progress-circular--disable-shrink .v-progress-circular__overlay {
23773
- animation: none;
23774
- }
23775
-
23776
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
23777
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
23778
- animation-play-state: paused !important;
23779
- }
23780
-
23781
- @keyframes progress-circular-dash {
23782
- 0% {
23783
- stroke-dasharray: 1, 200;
23784
- stroke-dashoffset: 0px;
23785
- }
23786
- 50% {
23787
- stroke-dasharray: 100, 200;
23788
- stroke-dashoffset: -15px;
23789
- }
23790
- 100% {
23791
- stroke-dasharray: 100, 200;
23792
- stroke-dashoffset: -124px;
23793
- }
23794
- }
23795
- @keyframes progress-circular-rotate {
23796
- 100% {
23797
- transform: rotate(270deg);
23798
- }
23799
23589
  }.v-pagination__list {
23800
23590
  display: inline-flex;
23801
23591
  list-style-type: none;
@@ -23804,6 +23594,12 @@ textarea.v-field__input::placeholder {
23804
23594
  }
23805
23595
  .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
23806
23596
  margin: 0.3rem;
23597
+ }.v-parallax {
23598
+ position: relative;
23599
+ overflow: hidden;
23600
+ }
23601
+ .v-parallax--active > .v-img__img {
23602
+ will-change: transform;
23807
23603
  }.v-progress-linear {
23808
23604
  background: transparent;
23809
23605
  overflow: hidden;
@@ -24032,75 +23828,108 @@ textarea.v-field__input::placeholder {
24032
23828
  0% {
24033
23829
  background-position-x: var(--v-progress-linear-height);
24034
23830
  }
24035
- }.v-slider .v-slider__container input {
24036
- cursor: default;
24037
- padding: 0;
24038
- width: 100%;
24039
- display: none;
24040
- }
24041
- .v-slider > .v-input__append,
24042
- .v-slider > .v-input__prepend {
24043
- padding: 0;
24044
- }
24045
-
24046
- .v-slider__container {
23831
+ }.v-progress-circular {
23832
+ align-items: center;
23833
+ display: inline-flex;
23834
+ justify-content: center;
24047
23835
  position: relative;
24048
- min-height: inherit;
23836
+ vertical-align: middle;
23837
+ }
23838
+ .v-progress-circular > svg {
24049
23839
  width: 100%;
24050
23840
  height: 100%;
24051
- display: flex;
24052
- justify-content: center;
24053
- align-items: center;
24054
- cursor: pointer;
24055
- }
24056
- .v-input--disabled .v-slider__container {
24057
- opacity: var(--v-disabled-opacity);
24058
- }
24059
- .v-input--error:not(.v-input--disabled) .v-slider__container {
24060
- color: rgb(var(--v-theme-error));
23841
+ margin: auto;
23842
+ position: absolute;
23843
+ top: 0;
23844
+ bottom: 0;
23845
+ left: 0;
23846
+ right: 0;
23847
+ z-index: 0;
24061
23848
  }
24062
23849
 
24063
- .v-slider.v-input--horizontal {
23850
+ .v-progress-circular__content {
24064
23851
  align-items: center;
24065
- margin-inline: 8px 8px;
24066
- }
24067
- .v-slider.v-input--horizontal > .v-input__control {
24068
- min-height: 32px;
24069
23852
  display: flex;
24070
- align-items: center;
24071
- }
24072
-
24073
- .v-slider.v-input--vertical {
24074
23853
  justify-content: center;
24075
- margin-top: 12px;
24076
- margin-bottom: 12px;
24077
- }
24078
- .v-slider.v-input--vertical > .v-input__control {
24079
- min-height: 300px;
24080
23854
  }
24081
23855
 
24082
- .v-slider.v-input--disabled {
24083
- pointer-events: none;
23856
+ .v-progress-circular__underlay {
23857
+ color: rgba(var(--v-border-color), var(--v-border-opacity));
23858
+ stroke: currentColor;
23859
+ z-index: 1;
24084
23860
  }
24085
23861
 
24086
- .v-slider--has-labels > .v-input__control {
24087
- margin-bottom: 4px;
23862
+ .v-progress-circular__overlay {
23863
+ stroke: currentColor;
23864
+ transition: all 0.2s ease-in-out, stroke-width 0s;
23865
+ z-index: 2;
24088
23866
  }
24089
23867
 
24090
- .v-slider__label {
24091
- margin-inline-end: 12px;
24092
- }.v-radio-group > .v-input__control {
24093
- flex-direction: column;
24094
- }
24095
- .v-radio-group > .v-input__control > .v-label {
24096
- margin-inline-start: 16px;
23868
+ .v-progress-circular--size-x-small {
23869
+ height: 16px;
23870
+ width: 16px;
24097
23871
  }
24098
- .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
24099
- padding-inline-start: 6px;
24100
- margin-top: 8px;
23872
+ .v-progress-circular--size-small {
23873
+ height: 24px;
23874
+ width: 24px;
24101
23875
  }
24102
- .v-radio-group .v-input__details {
24103
- padding-inline: 16px;
23876
+ .v-progress-circular--size-default {
23877
+ height: 32px;
23878
+ width: 32px;
23879
+ }
23880
+ .v-progress-circular--size-large {
23881
+ height: 48px;
23882
+ width: 48px;
23883
+ }
23884
+ .v-progress-circular--size-x-large {
23885
+ height: 64px;
23886
+ width: 64px;
23887
+ }
23888
+
23889
+ .v-progress-circular--indeterminate > svg {
23890
+ animation: progress-circular-rotate 1.4s linear infinite;
23891
+ transform-origin: center center;
23892
+ transition: all 0.2s ease-in-out;
23893
+ }
23894
+ .v-progress-circular--indeterminate .v-progress-circular__overlay {
23895
+ animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
23896
+ stroke-dasharray: 25, 200;
23897
+ stroke-dashoffset: 0;
23898
+ stroke-linecap: round;
23899
+ transform-origin: center center;
23900
+ transform: rotate(-90deg);
23901
+ }
23902
+
23903
+ .v-progress-circular--disable-shrink > svg {
23904
+ animation-duration: 0.7s;
23905
+ }
23906
+ .v-progress-circular--disable-shrink .v-progress-circular__overlay {
23907
+ animation: none;
23908
+ }
23909
+
23910
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
23911
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
23912
+ animation-play-state: paused !important;
23913
+ }
23914
+
23915
+ @keyframes progress-circular-dash {
23916
+ 0% {
23917
+ stroke-dasharray: 1, 200;
23918
+ stroke-dashoffset: 0px;
23919
+ }
23920
+ 50% {
23921
+ stroke-dasharray: 100, 200;
23922
+ stroke-dashoffset: -15px;
23923
+ }
23924
+ 100% {
23925
+ stroke-dasharray: 100, 200;
23926
+ stroke-dashoffset: -124px;
23927
+ }
23928
+ }
23929
+ @keyframes progress-circular-rotate {
23930
+ 100% {
23931
+ transform: rotate(270deg);
23932
+ }
24104
23933
  }.v-rating {
24105
23934
  max-width: 100%;
24106
23935
  display: inline-flex;
@@ -24154,6 +23983,63 @@ textarea.v-field__input::placeholder {
24154
23983
  opacity: 0;
24155
23984
  position: absolute;
24156
23985
  width: 0;
23986
+ }.v-slider .v-slider__container input {
23987
+ cursor: default;
23988
+ padding: 0;
23989
+ width: 100%;
23990
+ display: none;
23991
+ }
23992
+ .v-slider > .v-input__append,
23993
+ .v-slider > .v-input__prepend {
23994
+ padding: 0;
23995
+ }
23996
+
23997
+ .v-slider__container {
23998
+ position: relative;
23999
+ min-height: inherit;
24000
+ width: 100%;
24001
+ height: 100%;
24002
+ display: flex;
24003
+ justify-content: center;
24004
+ align-items: center;
24005
+ cursor: pointer;
24006
+ }
24007
+ .v-input--disabled .v-slider__container {
24008
+ opacity: var(--v-disabled-opacity);
24009
+ }
24010
+ .v-input--error:not(.v-input--disabled) .v-slider__container {
24011
+ color: rgb(var(--v-theme-error));
24012
+ }
24013
+
24014
+ .v-slider.v-input--horizontal {
24015
+ align-items: center;
24016
+ margin-inline: 8px 8px;
24017
+ }
24018
+ .v-slider.v-input--horizontal > .v-input__control {
24019
+ min-height: 32px;
24020
+ display: flex;
24021
+ align-items: center;
24022
+ }
24023
+
24024
+ .v-slider.v-input--vertical {
24025
+ justify-content: center;
24026
+ margin-top: 12px;
24027
+ margin-bottom: 12px;
24028
+ }
24029
+ .v-slider.v-input--vertical > .v-input__control {
24030
+ min-height: 300px;
24031
+ }
24032
+
24033
+ .v-slider.v-input--disabled {
24034
+ pointer-events: none;
24035
+ }
24036
+
24037
+ .v-slider--has-labels > .v-input__control {
24038
+ margin-bottom: 4px;
24039
+ }
24040
+
24041
+ .v-slider__label {
24042
+ margin-inline-end: 12px;
24157
24043
  }.v-responsive {
24158
24044
  display: flex;
24159
24045
  flex: 1 0 auto;
@@ -24601,61 +24487,6 @@ textarea.v-field__input::placeholder {
24601
24487
  100% {
24602
24488
  transform: translateX(100%);
24603
24489
  }
24604
- }.v-slide-group {
24605
- display: flex;
24606
- overflow: hidden;
24607
- }
24608
-
24609
- .v-slide-group__next,
24610
- .v-slide-group__prev {
24611
- align-items: center;
24612
- display: flex;
24613
- flex: 0 1 52px;
24614
- justify-content: center;
24615
- min-width: 52px;
24616
- cursor: pointer;
24617
- }
24618
- .v-slide-group__next--disabled,
24619
- .v-slide-group__prev--disabled {
24620
- pointer-events: none;
24621
- opacity: var(--v-disabled-opacity);
24622
- }
24623
-
24624
- .v-slide-group__content {
24625
- display: flex;
24626
- flex: 1 0 auto;
24627
- position: relative;
24628
- transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
24629
- white-space: nowrap;
24630
- }
24631
- .v-slide-group__content > * {
24632
- white-space: initial;
24633
- }
24634
-
24635
- .v-slide-group__container {
24636
- contain: content;
24637
- display: flex;
24638
- flex: 1 1 auto;
24639
- overflow-x: auto;
24640
- overflow-y: hidden;
24641
- scrollbar-width: none;
24642
- scrollbar-color: rgba(0, 0, 0, 0);
24643
- }
24644
- .v-slide-group__container::-webkit-scrollbar {
24645
- display: none;
24646
- }
24647
-
24648
- .v-slide-group--vertical {
24649
- max-height: inherit;
24650
- }
24651
- .v-slide-group--vertical,
24652
- .v-slide-group--vertical .v-slide-group__container,
24653
- .v-slide-group--vertical .v-slide-group__content {
24654
- flex-direction: column;
24655
- }
24656
- .v-slide-group--vertical .v-slide-group__container {
24657
- overflow-x: hidden;
24658
- overflow-y: auto;
24659
24490
  }.v-snackbar {
24660
24491
  justify-content: center;
24661
24492
  z-index: 10000;
@@ -24796,58 +24627,238 @@ textarea.v-field__input::placeholder {
24796
24627
  }
24797
24628
  .v-snackbar-transition-leave-to {
24798
24629
  opacity: 0;
24799
- }.v-speed-dial__content {
24800
- gap: 8px;
24630
+ }.v-banner {
24631
+ display: grid;
24632
+ flex: 1 1;
24633
+ font-size: 0.875rem;
24634
+ grid-template-areas: "prepend content actions";
24635
+ grid-template-columns: max-content auto max-content;
24636
+ grid-template-rows: max-content max-content;
24637
+ line-height: 1.6;
24638
+ overflow: hidden;
24639
+ padding-inline: 16px 8px;
24640
+ padding-top: 16px;
24641
+ padding-bottom: 16px;
24642
+ position: relative;
24643
+ width: 100%;
24801
24644
  }
24802
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right-center {
24803
- flex-direction: row;
24645
+ .v-banner {
24646
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
24647
+ border-style: solid;
24648
+ border-width: 0 0 thin 0;
24804
24649
  }
24805
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start-center {
24806
- flex-direction: row-reverse;
24650
+ .v-banner--border {
24651
+ border-width: thin;
24652
+ box-shadow: none;
24807
24653
  }
24808
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top-center {
24809
- flex-direction: column-reverse;
24654
+ .v-banner {
24655
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
24810
24656
  }
24811
- .v-speed-dial__content > *:nth-child(1) {
24812
- transition-delay: 0s;
24657
+ .v-banner--absolute {
24658
+ position: absolute;
24813
24659
  }
24814
- .v-speed-dial__content > *:nth-child(2) {
24815
- transition-delay: 0.05s;
24660
+ .v-banner--fixed {
24661
+ position: fixed;
24816
24662
  }
24817
- .v-speed-dial__content > *:nth-child(3) {
24818
- transition-delay: 0.1s;
24663
+ .v-banner--sticky {
24664
+ position: sticky;
24819
24665
  }
24820
- .v-speed-dial__content > *:nth-child(4) {
24821
- transition-delay: 0.15s;
24666
+ .v-banner {
24667
+ border-radius: 0;
24822
24668
  }
24823
- .v-speed-dial__content > *:nth-child(5) {
24824
- transition-delay: 0.2s;
24669
+ .v-banner {
24670
+ background: rgb(var(--v-theme-surface));
24671
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24825
24672
  }
24826
- .v-speed-dial__content > *:nth-child(6) {
24827
- transition-delay: 0.25s;
24673
+ .v-banner--rounded {
24674
+ border-radius: 4px;
24828
24675
  }
24829
- .v-speed-dial__content > *:nth-child(7) {
24830
- transition-delay: 0.3s;
24676
+ .v-banner--stacked:not(.v-banner--one-line) {
24677
+ grid-template-areas: "prepend content" ". actions";
24831
24678
  }
24832
- .v-speed-dial__content > *:nth-child(8) {
24833
- transition-delay: 0.35s;
24679
+ .v-banner--stacked .v-banner-text {
24680
+ padding-inline-end: 36px;
24834
24681
  }
24835
- .v-speed-dial__content > *:nth-child(9) {
24836
- transition-delay: 0.4s;
24682
+ .v-banner--density-default .v-banner-actions {
24683
+ margin-bottom: -8px;
24837
24684
  }
24838
- .v-speed-dial__content > *:nth-child(10) {
24839
- transition-delay: 0.45s;
24840
- }.v-stepper.v-sheet {
24841
- overflow: hidden;
24685
+ .v-banner--density-default.v-banner--one-line {
24686
+ padding-top: 8px;
24687
+ padding-bottom: 8px;
24842
24688
  }
24843
- .v-stepper.v-sheet {
24844
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
24689
+ .v-banner--density-default.v-banner--one-line .v-banner-actions {
24690
+ margin-bottom: 0;
24845
24691
  }
24846
- .v-stepper.v-sheet {
24847
- border-radius: 4px;
24692
+ .v-banner--density-default.v-banner--one-line {
24693
+ padding-top: 10px;
24848
24694
  }
24849
- .v-stepper.v-sheet.v-stepper--flat {
24850
- 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));
24695
+ .v-banner--density-default.v-banner--two-line {
24696
+ padding-top: 16px;
24697
+ padding-bottom: 16px;
24698
+ }
24699
+ .v-banner--density-default.v-banner--three-line {
24700
+ padding-top: 24px;
24701
+ padding-bottom: 16px;
24702
+ }
24703
+ .v-banner--density-default:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-default.v-banner--two-line .v-banner-actions, .v-banner--density-default.v-banner--three-line .v-banner-actions {
24704
+ margin-top: 20px;
24705
+ }
24706
+
24707
+ .v-banner--density-comfortable .v-banner-actions {
24708
+ margin-bottom: -4px;
24709
+ }
24710
+ .v-banner--density-comfortable.v-banner--one-line {
24711
+ padding-top: 4px;
24712
+ padding-bottom: 4px;
24713
+ }
24714
+ .v-banner--density-comfortable.v-banner--one-line .v-banner-actions {
24715
+ margin-bottom: 0;
24716
+ }
24717
+ .v-banner--density-comfortable.v-banner--two-line {
24718
+ padding-top: 12px;
24719
+ padding-bottom: 12px;
24720
+ }
24721
+ .v-banner--density-comfortable.v-banner--three-line {
24722
+ padding-top: 20px;
24723
+ padding-bottom: 12px;
24724
+ }
24725
+ .v-banner--density-comfortable:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-comfortable.v-banner--two-line .v-banner-actions, .v-banner--density-comfortable.v-banner--three-line .v-banner-actions {
24726
+ margin-top: 16px;
24727
+ }
24728
+
24729
+ .v-banner--density-compact .v-banner-actions {
24730
+ margin-bottom: 0px;
24731
+ }
24732
+ .v-banner--density-compact.v-banner--one-line {
24733
+ padding-top: 0px;
24734
+ padding-bottom: 0px;
24735
+ }
24736
+ .v-banner--density-compact.v-banner--one-line .v-banner-actions {
24737
+ margin-bottom: 0;
24738
+ }
24739
+ .v-banner--density-compact.v-banner--two-line {
24740
+ padding-top: 8px;
24741
+ padding-bottom: 8px;
24742
+ }
24743
+ .v-banner--density-compact.v-banner--three-line {
24744
+ padding-top: 16px;
24745
+ padding-bottom: 8px;
24746
+ }
24747
+ .v-banner--density-compact:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-compact.v-banner--two-line .v-banner-actions, .v-banner--density-compact.v-banner--three-line .v-banner-actions {
24748
+ margin-top: 12px;
24749
+ }
24750
+
24751
+ .v-banner--sticky {
24752
+ top: 0;
24753
+ z-index: 1;
24754
+ }
24755
+
24756
+ .v-banner__content {
24757
+ align-items: center;
24758
+ display: flex;
24759
+ grid-area: content;
24760
+ }
24761
+
24762
+ .v-banner__prepend {
24763
+ align-self: flex-start;
24764
+ grid-area: prepend;
24765
+ margin-inline-end: 24px;
24766
+ }
24767
+
24768
+ .v-banner-actions {
24769
+ align-self: flex-end;
24770
+ display: flex;
24771
+ flex: 0 1;
24772
+ grid-area: actions;
24773
+ justify-content: flex-end;
24774
+ }
24775
+ .v-banner--two-line .v-banner-actions, .v-banner--three-line .v-banner-actions {
24776
+ margin-top: 20px;
24777
+ }
24778
+
24779
+ .v-banner-text {
24780
+ -webkit-box-orient: vertical;
24781
+ display: -webkit-box;
24782
+ padding-inline-end: 90px;
24783
+ overflow: hidden;
24784
+ }
24785
+ .v-banner--one-line .v-banner-text {
24786
+ -webkit-line-clamp: 1;
24787
+ }
24788
+ .v-banner--two-line .v-banner-text {
24789
+ -webkit-line-clamp: 2;
24790
+ }
24791
+ .v-banner--three-line .v-banner-text {
24792
+ -webkit-line-clamp: 3;
24793
+ }
24794
+ .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
24795
+ align-self: flex-start;
24796
+ }.v-slide-group {
24797
+ display: flex;
24798
+ overflow: hidden;
24799
+ }
24800
+
24801
+ .v-slide-group__next,
24802
+ .v-slide-group__prev {
24803
+ align-items: center;
24804
+ display: flex;
24805
+ flex: 0 1 52px;
24806
+ justify-content: center;
24807
+ min-width: 52px;
24808
+ cursor: pointer;
24809
+ }
24810
+ .v-slide-group__next--disabled,
24811
+ .v-slide-group__prev--disabled {
24812
+ pointer-events: none;
24813
+ opacity: var(--v-disabled-opacity);
24814
+ }
24815
+
24816
+ .v-slide-group__content {
24817
+ display: flex;
24818
+ flex: 1 0 auto;
24819
+ position: relative;
24820
+ transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
24821
+ white-space: nowrap;
24822
+ }
24823
+ .v-slide-group__content > * {
24824
+ white-space: initial;
24825
+ }
24826
+
24827
+ .v-slide-group__container {
24828
+ contain: content;
24829
+ display: flex;
24830
+ flex: 1 1 auto;
24831
+ overflow-x: auto;
24832
+ overflow-y: hidden;
24833
+ scrollbar-width: none;
24834
+ scrollbar-color: rgba(0, 0, 0, 0);
24835
+ }
24836
+ .v-slide-group__container::-webkit-scrollbar {
24837
+ display: none;
24838
+ }
24839
+
24840
+ .v-slide-group--vertical {
24841
+ max-height: inherit;
24842
+ }
24843
+ .v-slide-group--vertical,
24844
+ .v-slide-group--vertical .v-slide-group__container,
24845
+ .v-slide-group--vertical .v-slide-group__content {
24846
+ flex-direction: column;
24847
+ }
24848
+ .v-slide-group--vertical .v-slide-group__container {
24849
+ overflow-x: hidden;
24850
+ overflow-y: auto;
24851
+ }.v-stepper.v-sheet {
24852
+ overflow: hidden;
24853
+ }
24854
+ .v-stepper.v-sheet {
24855
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
24856
+ }
24857
+ .v-stepper.v-sheet {
24858
+ border-radius: 4px;
24859
+ }
24860
+ .v-stepper.v-sheet.v-stepper--flat {
24861
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
24851
24862
  }
24852
24863
 
24853
24864
  .v-stepper-header {
@@ -25012,6 +25023,47 @@ textarea.v-field__input::placeholder {
25012
25023
  left: 0;
25013
25024
  width: 100%;
25014
25025
  height: 100%;
25026
+ }.v-speed-dial__content {
25027
+ gap: 8px;
25028
+ }
25029
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right-center {
25030
+ flex-direction: row;
25031
+ }
25032
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start-center {
25033
+ flex-direction: row-reverse;
25034
+ }
25035
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top-center {
25036
+ flex-direction: column-reverse;
25037
+ }
25038
+ .v-speed-dial__content > *:nth-child(1) {
25039
+ transition-delay: 0s;
25040
+ }
25041
+ .v-speed-dial__content > *:nth-child(2) {
25042
+ transition-delay: 0.05s;
25043
+ }
25044
+ .v-speed-dial__content > *:nth-child(3) {
25045
+ transition-delay: 0.1s;
25046
+ }
25047
+ .v-speed-dial__content > *:nth-child(4) {
25048
+ transition-delay: 0.15s;
25049
+ }
25050
+ .v-speed-dial__content > *:nth-child(5) {
25051
+ transition-delay: 0.2s;
25052
+ }
25053
+ .v-speed-dial__content > *:nth-child(6) {
25054
+ transition-delay: 0.25s;
25055
+ }
25056
+ .v-speed-dial__content > *:nth-child(7) {
25057
+ transition-delay: 0.3s;
25058
+ }
25059
+ .v-speed-dial__content > *:nth-child(8) {
25060
+ transition-delay: 0.35s;
25061
+ }
25062
+ .v-speed-dial__content > *:nth-child(9) {
25063
+ transition-delay: 0.4s;
25064
+ }
25065
+ .v-speed-dial__content > *:nth-child(10) {
25066
+ transition-delay: 0.45s;
25015
25067
  }.v-switch .v-label {
25016
25068
  padding-inline-start: 10px;
25017
25069
  }
@@ -25194,49 +25246,6 @@ textarea.v-field__input::placeholder {
25194
25246
  .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
25195
25247
  border-width: 0;
25196
25248
  }
25197
- }.v-system-bar {
25198
- align-items: center;
25199
- display: flex;
25200
- flex: 1 1 auto;
25201
- height: 24px;
25202
- justify-content: flex-end;
25203
- max-width: 100%;
25204
- padding-inline: 8px;
25205
- position: relative;
25206
- text-align: end;
25207
- width: 100%;
25208
- }
25209
- .v-system-bar .v-icon {
25210
- opacity: var(--v-medium-emphasis-opacity);
25211
- }
25212
- .v-system-bar {
25213
- 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));
25214
- }
25215
- .v-system-bar--absolute {
25216
- position: absolute;
25217
- }
25218
- .v-system-bar--fixed {
25219
- position: fixed;
25220
- }
25221
- .v-system-bar {
25222
- background: rgba(var(--v-theme-surface-light));
25223
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
25224
- }
25225
- .v-system-bar {
25226
- font-size: 0.75rem;
25227
- font-weight: 400;
25228
- letter-spacing: 0.0333333333em;
25229
- line-height: 1.667;
25230
- text-transform: none;
25231
- }
25232
- .v-system-bar--rounded {
25233
- border-radius: 0;
25234
- }
25235
- .v-system-bar--window {
25236
- height: 32px;
25237
- }
25238
- .v-system-bar:not(.v-system-bar--absolute) {
25239
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
25240
25249
  }.v-tab.v-tab.v-btn {
25241
25250
  height: var(--v-tabs-height);
25242
25251
  border-radius: 0;
@@ -25332,46 +25341,6 @@ textarea.v-field__input::placeholder {
25332
25341
  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
25333
25342
  margin-inline-end: 52px;
25334
25343
  }
25335
- }.v-textarea .v-field {
25336
- --v-textarea-control-height: var(--v-input-control-height);
25337
- }
25338
- .v-textarea .v-field__field {
25339
- --v-input-control-height: var(--v-textarea-control-height);
25340
- }
25341
- .v-textarea .v-field__input {
25342
- flex: 1 1 auto;
25343
- outline: none;
25344
- -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
25345
- mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
25346
- }
25347
- .v-textarea .v-field__input.v-textarea__sizer {
25348
- visibility: hidden;
25349
- position: absolute;
25350
- top: 0;
25351
- left: 0;
25352
- height: 0 !important;
25353
- min-height: 0 !important;
25354
- pointer-events: none;
25355
- }
25356
- .v-textarea--no-resize .v-field__input {
25357
- resize: none;
25358
- }
25359
- .v-textarea .v-field--no-label textarea,
25360
- .v-textarea .v-field--active textarea {
25361
- opacity: 1;
25362
- }
25363
- .v-textarea textarea {
25364
- opacity: 0;
25365
- flex: 1;
25366
- min-width: 0;
25367
- height: 100%;
25368
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25369
- }
25370
- .v-textarea textarea:focus, .v-textarea textarea:active {
25371
- outline: none;
25372
- }
25373
- .v-textarea textarea:invalid {
25374
- box-shadow: none;
25375
25344
  }/* region BLOCK */
25376
25345
  .v-text-field input {
25377
25346
  color: inherit;
@@ -25598,9 +25567,89 @@ textarea.v-field__input::placeholder {
25598
25567
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
25599
25568
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
25600
25569
  border-top: 0px !important;
25601
- }.v-theme-provider {
25602
- background: rgb(var(--v-theme-background));
25603
- color: rgb(var(--v-theme-on-background));
25570
+ }.v-system-bar {
25571
+ align-items: center;
25572
+ display: flex;
25573
+ flex: 1 1 auto;
25574
+ height: 24px;
25575
+ justify-content: flex-end;
25576
+ max-width: 100%;
25577
+ padding-inline: 8px;
25578
+ position: relative;
25579
+ text-align: end;
25580
+ width: 100%;
25581
+ }
25582
+ .v-system-bar .v-icon {
25583
+ opacity: var(--v-medium-emphasis-opacity);
25584
+ }
25585
+ .v-system-bar {
25586
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
25587
+ }
25588
+ .v-system-bar--absolute {
25589
+ position: absolute;
25590
+ }
25591
+ .v-system-bar--fixed {
25592
+ position: fixed;
25593
+ }
25594
+ .v-system-bar {
25595
+ background: rgba(var(--v-theme-surface-light));
25596
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
25597
+ }
25598
+ .v-system-bar {
25599
+ font-size: 0.75rem;
25600
+ font-weight: 400;
25601
+ letter-spacing: 0.0333333333em;
25602
+ line-height: 1.667;
25603
+ text-transform: none;
25604
+ }
25605
+ .v-system-bar--rounded {
25606
+ border-radius: 0;
25607
+ }
25608
+ .v-system-bar--window {
25609
+ height: 32px;
25610
+ }
25611
+ .v-system-bar:not(.v-system-bar--absolute) {
25612
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
25613
+ }.v-textarea .v-field {
25614
+ --v-textarea-control-height: var(--v-input-control-height);
25615
+ }
25616
+ .v-textarea .v-field__field {
25617
+ --v-input-control-height: var(--v-textarea-control-height);
25618
+ }
25619
+ .v-textarea .v-field__input {
25620
+ flex: 1 1 auto;
25621
+ outline: none;
25622
+ -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
25623
+ mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
25624
+ }
25625
+ .v-textarea .v-field__input.v-textarea__sizer {
25626
+ visibility: hidden;
25627
+ position: absolute;
25628
+ top: 0;
25629
+ left: 0;
25630
+ height: 0 !important;
25631
+ min-height: 0 !important;
25632
+ pointer-events: none;
25633
+ }
25634
+ .v-textarea--no-resize .v-field__input {
25635
+ resize: none;
25636
+ }
25637
+ .v-textarea .v-field--no-label textarea,
25638
+ .v-textarea .v-field--active textarea {
25639
+ opacity: 1;
25640
+ }
25641
+ .v-textarea textarea {
25642
+ opacity: 0;
25643
+ flex: 1;
25644
+ min-width: 0;
25645
+ height: 100%;
25646
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25647
+ }
25648
+ .v-textarea textarea:focus, .v-textarea textarea:active {
25649
+ outline: none;
25650
+ }
25651
+ .v-textarea textarea:invalid {
25652
+ box-shadow: none;
25604
25653
  }.v-timeline .v-timeline-divider__dot {
25605
25654
  background: rgb(var(--v-theme-surface-light));
25606
25655
  }
@@ -26028,30 +26077,9 @@ textarea.v-field__input::placeholder {
26028
26077
 
26029
26078
  .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
26030
26079
  padding-inline-end: 0;
26031
- }.v-tooltip > .v-overlay__content {
26032
- background: rgb(var(--v-theme-surface-variant));
26033
- color: rgb(var(--v-theme-on-surface-variant));
26034
- border-radius: 4px;
26035
- font-size: 0.875rem;
26036
- line-height: 1.6;
26037
- display: inline-block;
26038
- padding: 5px 16px;
26039
- text-transform: initial;
26040
- width: auto;
26041
- opacity: 1;
26042
- transition-property: opacity, transform;
26043
- overflow-wrap: break-word;
26044
- }
26045
- .v-tooltip > .v-overlay__content[class*=enter-active] {
26046
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
26047
- transition-duration: 150ms;
26048
- }
26049
- .v-tooltip > .v-overlay__content[class*=leave-active] {
26050
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
26051
- transition-duration: 75ms;
26052
- }
26053
- .v-tooltip:not(.v-tooltip--interactive) > .v-overlay__content {
26054
- pointer-events: none;
26080
+ }.v-theme-provider {
26081
+ background: rgb(var(--v-theme-background));
26082
+ color: rgb(var(--v-theme-on-background));
26055
26083
  }.v-toolbar {
26056
26084
  align-items: flex-start;
26057
26085
  display: flex;
@@ -26196,6 +26224,30 @@ textarea.v-field__input::placeholder {
26196
26224
  }
26197
26225
  .v-toolbar-items > .v-btn {
26198
26226
  border-radius: 0;
26227
+ }.v-tooltip > .v-overlay__content {
26228
+ background: rgb(var(--v-theme-surface-variant));
26229
+ color: rgb(var(--v-theme-on-surface-variant));
26230
+ border-radius: 4px;
26231
+ font-size: 0.875rem;
26232
+ line-height: 1.6;
26233
+ display: inline-block;
26234
+ padding: 5px 16px;
26235
+ text-transform: initial;
26236
+ width: auto;
26237
+ opacity: 1;
26238
+ transition-property: opacity, transform;
26239
+ overflow-wrap: break-word;
26240
+ }
26241
+ .v-tooltip > .v-overlay__content[class*=enter-active] {
26242
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
26243
+ transition-duration: 150ms;
26244
+ }
26245
+ .v-tooltip > .v-overlay__content[class*=leave-active] {
26246
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
26247
+ transition-duration: 75ms;
26248
+ }
26249
+ .v-tooltip:not(.v-tooltip--interactive) > .v-overlay__content {
26250
+ pointer-events: none;
26199
26251
  }.v-virtual-scroll {
26200
26252
  display: block;
26201
26253
  flex: 1 1 auto;
@@ -26275,70 +26327,18 @@ textarea.v-field__input::placeholder {
26275
26327
  }
26276
26328
  .v-window-y-reverse-transition-leave-to {
26277
26329
  transform: translateY(100%);
26278
- }.v-overlay-container {
26279
- contain: layout;
26280
- left: 0;
26281
- pointer-events: none;
26282
- position: absolute;
26283
- top: 0;
26284
- display: contents;
26285
- }
26286
-
26287
- .v-overlay-scroll-blocked {
26288
- padding-inline-end: var(--v-scrollbar-offset);
26289
- }
26290
- .v-overlay-scroll-blocked:not(html) {
26291
- overflow-y: hidden !important;
26292
- }
26293
- html.v-overlay-scroll-blocked {
26294
- position: fixed;
26295
- top: var(--v-body-scroll-y);
26296
- left: var(--v-body-scroll-x);
26297
- width: 100%;
26298
- height: 100%;
26299
- }
26300
-
26301
- .v-overlay {
26302
- --v-overlay-opacity: 0.32;
26303
- border-radius: inherit;
26304
- display: flex;
26305
- left: 0;
26306
- pointer-events: none;
26307
- position: fixed;
26308
- top: 0;
26309
- bottom: 0;
26310
- right: 0;
26311
- }
26312
-
26313
- .v-overlay__content {
26314
- outline: none;
26315
- position: absolute;
26316
- pointer-events: auto;
26317
- contain: layout;
26318
- }
26319
-
26320
- .v-overlay__scrim {
26321
- pointer-events: auto;
26322
- background: rgb(var(--v-theme-on-surface));
26323
- border-radius: inherit;
26324
- bottom: 0;
26325
- left: 0;
26326
- opacity: var(--v-overlay-opacity);
26327
- position: fixed;
26328
- right: 0;
26329
- top: 0;
26330
+ }.v-radio-group > .v-input__control {
26331
+ flex-direction: column;
26330
26332
  }
26331
-
26332
- .v-overlay--absolute {
26333
- position: absolute;
26333
+ .v-radio-group > .v-input__control > .v-label {
26334
+ margin-inline-start: 16px;
26334
26335
  }
26335
-
26336
- .v-overlay--contained .v-overlay__scrim {
26337
- position: absolute;
26336
+ .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
26337
+ padding-inline-start: 6px;
26338
+ margin-top: 8px;
26338
26339
  }
26339
-
26340
- .v-overlay--scroll-blocked {
26341
- padding-inline-end: var(--v-scrollbar-offset);
26340
+ .v-radio-group .v-input__details {
26341
+ padding-inline: 16px;
26342
26342
  }.v-color-picker-edit {
26343
26343
  display: flex;
26344
26344
  margin-top: 24px;
@@ -26367,76 +26367,41 @@ html.v-overlay-scroll-blocked {
26367
26367
  }
26368
26368
  .v-color-picker-edit__input span {
26369
26369
  font-size: 0.75rem;
26370
- }.v-color-picker-preview__alpha .v-slider-track__background {
26371
- background-color: transparent !important;
26370
+ }.v-color-picker-swatches {
26371
+ overflow-y: auto;
26372
26372
  }
26373
- .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 {
26374
- background-image: linear-gradient(to right, transparent, var(--v-color-picker-color-hsv));
26373
+ .v-color-picker-swatches > div {
26374
+ display: flex;
26375
+ flex-wrap: wrap;
26376
+ justify-content: center;
26377
+ padding: 8px;
26375
26378
  }
26376
26379
 
26377
- .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 {
26378
- background-image: linear-gradient(to left, transparent, var(--v-color-picker-color-hsv));
26379
- }
26380
-
26381
- .v-color-picker-preview__alpha .v-slider-track__background::after {
26382
- content: "";
26383
- z-index: -1;
26384
- left: 0;
26385
- top: 0;
26386
- width: 100%;
26387
- height: 100%;
26388
- position: absolute;
26389
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
26390
- border-radius: inherit;
26391
- }
26392
-
26393
- .v-color-picker-preview__sliders {
26380
+ .v-color-picker-swatches__swatch {
26394
26381
  display: flex;
26395
- flex: 1 0 auto;
26396
26382
  flex-direction: column;
26397
- padding-inline-end: 16px;
26383
+ margin-bottom: 10px;
26398
26384
  }
26399
26385
 
26400
- .v-color-picker-preview__dot {
26386
+ .v-color-picker-swatches__color {
26401
26387
  position: relative;
26402
- height: 30px;
26403
- width: 30px;
26404
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
26405
- border-radius: 50%;
26388
+ height: 18px;
26389
+ max-height: 18px;
26390
+ width: 45px;
26391
+ margin: 2px 4px;
26392
+ border-radius: 2px;
26393
+ -webkit-user-select: none;
26394
+ user-select: none;
26406
26395
  overflow: hidden;
26407
- margin-inline-end: 24px;
26396
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
26397
+ cursor: pointer;
26408
26398
  }
26409
- .v-color-picker-preview__dot > div {
26399
+ .v-color-picker-swatches__color > div {
26400
+ display: flex;
26401
+ align-items: center;
26402
+ justify-content: center;
26410
26403
  width: 100%;
26411
26404
  height: 100%;
26412
- }
26413
-
26414
- .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 {
26415
- background: linear-gradient(to right, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
26416
- }
26417
-
26418
- .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 {
26419
- background: linear-gradient(to left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
26420
- }
26421
-
26422
- .v-color-picker-preview__track {
26423
- position: relative;
26424
- width: 100%;
26425
- margin: 0 !important;
26426
- }
26427
- .v-color-picker-preview__track .v-slider-track__fill {
26428
- display: none;
26429
- }
26430
-
26431
- .v-color-picker-preview {
26432
- align-items: center;
26433
- display: flex;
26434
- margin-bottom: 0;
26435
- }
26436
-
26437
- .v-color-picker-preview__eye-dropper {
26438
- position: relative;
26439
- margin-right: 12px;
26440
26405
  }.v-color-picker-canvas {
26441
26406
  display: flex;
26442
26407
  position: relative;
@@ -26459,263 +26424,139 @@ html.v-overlay-scroll-blocked {
26459
26424
  }
26460
26425
  .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
26461
26426
  will-change: transform;
26462
- }.v-color-picker-swatches {
26463
- overflow-y: auto;
26427
+ }.v-color-picker-preview__alpha .v-slider-track__background {
26428
+ background-color: transparent !important;
26464
26429
  }
26465
- .v-color-picker-swatches > div {
26466
- display: flex;
26467
- flex-wrap: wrap;
26468
- justify-content: center;
26469
- padding: 8px;
26430
+ .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 {
26431
+ background-image: linear-gradient(to right, transparent, var(--v-color-picker-color-hsv));
26470
26432
  }
26471
26433
 
26472
- .v-color-picker-swatches__swatch {
26473
- display: flex;
26474
- flex-direction: column;
26475
- margin-bottom: 10px;
26434
+ .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 {
26435
+ background-image: linear-gradient(to left, transparent, var(--v-color-picker-color-hsv));
26476
26436
  }
26477
26437
 
26478
- .v-color-picker-swatches__color {
26479
- position: relative;
26480
- height: 18px;
26481
- max-height: 18px;
26482
- width: 45px;
26483
- margin: 2px 4px;
26484
- border-radius: 2px;
26485
- -webkit-user-select: none;
26486
- user-select: none;
26487
- overflow: hidden;
26488
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
26489
- cursor: pointer;
26490
- }
26491
- .v-color-picker-swatches__color > div {
26492
- display: flex;
26493
- align-items: center;
26494
- justify-content: center;
26438
+ .v-color-picker-preview__alpha .v-slider-track__background::after {
26439
+ content: "";
26440
+ z-index: -1;
26441
+ left: 0;
26442
+ top: 0;
26495
26443
  width: 100%;
26496
26444
  height: 100%;
26497
- }.v-picker.v-sheet {
26498
- display: grid;
26499
- grid-auto-rows: min-content;
26500
- grid-template-areas: "title" "header" "body";
26501
- overflow: hidden;
26502
- }
26503
- .v-picker.v-sheet {
26504
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
26505
- }
26506
- .v-picker.v-sheet {
26507
- border-radius: 4px;
26508
- }
26509
- .v-picker.v-sheet.v-picker--with-actions {
26510
- grid-template-areas: "title" "header" "body" "actions";
26511
- }
26512
-
26513
- .v-picker__body {
26514
- grid-area: body;
26515
- overflow: hidden;
26516
- position: relative;
26517
- }
26518
-
26519
- .v-picker__header {
26520
- grid-area: header;
26445
+ position: absolute;
26446
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
26447
+ border-radius: inherit;
26521
26448
  }
26522
26449
 
26523
- .v-picker__actions {
26524
- grid-area: actions;
26525
- padding: 0 12px 12px;
26450
+ .v-color-picker-preview__sliders {
26526
26451
  display: flex;
26527
- align-items: center;
26528
- justify-content: flex-end;
26529
- }
26530
- .v-picker__actions .v-btn {
26531
- min-width: 48px;
26532
- }
26533
- .v-picker__actions .v-btn:not(:last-child) {
26534
- margin-inline-end: 8px;
26535
- }
26536
-
26537
- .v-picker--divided .v-picker__header {
26538
- border-bottom-color: rgba(var(--v-border-color), var(--v-border-opacity));
26539
- border-bottom-style: solid;
26540
- border-bottom-width: thin;
26541
- }
26542
-
26543
- .v-picker--landscape {
26544
- grid-template-areas: "title" "header body" "header body";
26545
- }
26546
-
26547
- .v-picker--landscape.v-picker--with-actions {
26548
- grid-template-areas: "title" "header body" "header actions";
26549
- }
26550
-
26551
- .v-picker-title {
26552
- text-transform: uppercase;
26553
- font-size: 0.75rem;
26554
- grid-area: title;
26555
- padding-inline: 24px 12px;
26556
- padding-top: 16px;
26557
- padding-bottom: 16px;
26558
- font-weight: 400;
26559
- letter-spacing: 0.1666666667em;
26560
- }.v-slider-thumb {
26561
- touch-action: none;
26562
- color: rgb(var(--v-theme-surface-variant));
26563
- }
26564
- .v-input--error:not(.v-input--disabled) .v-slider-thumb {
26565
- color: inherit;
26566
- }
26567
-
26568
- .v-slider-thumb__label {
26569
- background: rgba(var(--v-theme-surface-variant), 0.7);
26570
- color: rgb(var(--v-theme-on-surface-variant));
26571
- }
26572
- .v-slider-thumb__label::before {
26573
- color: rgba(var(--v-theme-surface-variant), 0.7);
26574
- }
26575
-
26576
- .v-slider-thumb {
26577
- outline: none;
26578
- position: absolute;
26579
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
26452
+ flex: 1 0 auto;
26453
+ flex-direction: column;
26454
+ padding-inline-end: 16px;
26580
26455
  }
26581
26456
 
26582
- .v-slider-thumb__surface {
26583
- cursor: pointer;
26584
- width: var(--v-slider-thumb-size);
26585
- height: var(--v-slider-thumb-size);
26457
+ .v-color-picker-preview__dot {
26458
+ position: relative;
26459
+ height: 30px;
26460
+ width: 30px;
26461
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
26586
26462
  border-radius: 50%;
26587
- -webkit-user-select: none;
26588
- user-select: none;
26589
- background-color: currentColor;
26590
- }
26591
- @media (forced-colors: active) {
26592
- .v-slider-thumb__surface {
26593
- background-color: highlight;
26594
- }
26463
+ overflow: hidden;
26464
+ margin-inline-end: 24px;
26595
26465
  }
26596
- .v-slider-thumb__surface::before {
26597
- transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
26598
- content: "";
26599
- color: inherit;
26600
- top: 0;
26601
- left: 0;
26466
+ .v-color-picker-preview__dot > div {
26602
26467
  width: 100%;
26603
26468
  height: 100%;
26604
- border-radius: 50%;
26605
- background: currentColor;
26606
- position: absolute;
26607
- pointer-events: none;
26608
- opacity: 0;
26609
26469
  }
26610
- .v-slider-thumb__surface::after {
26611
- content: "";
26612
- width: 42px;
26613
- height: 42px;
26614
- position: absolute;
26615
- top: 50%;
26616
- left: 50%;
26617
- transform: translate(-50%, -50%);
26470
+
26471
+ .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 {
26472
+ background: linear-gradient(to right, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
26618
26473
  }
26619
26474
 
26620
- .v-slider-thumb__label-container {
26621
- position: absolute;
26622
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
26475
+ .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 {
26476
+ background: linear-gradient(to left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
26623
26477
  }
26624
26478
 
26625
- .v-slider-thumb__label {
26626
- display: flex;
26627
- align-items: center;
26628
- justify-content: center;
26629
- font-size: 0.75rem;
26630
- min-width: 35px;
26631
- height: 25px;
26632
- border-radius: 4px;
26633
- padding: 6px;
26634
- position: absolute;
26635
- -webkit-user-select: none;
26636
- user-select: none;
26637
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
26479
+ .v-color-picker-preview__track {
26480
+ position: relative;
26481
+ width: 100%;
26482
+ margin: 0 !important;
26638
26483
  }
26639
- .v-slider-thumb__label::before {
26640
- content: "";
26641
- width: 0;
26642
- height: 0;
26643
- position: absolute;
26484
+ .v-color-picker-preview__track .v-slider-track__fill {
26485
+ display: none;
26644
26486
  }
26645
26487
 
26646
- .v-slider-thumb__ripple {
26647
- position: absolute;
26648
- left: calc(var(--v-slider-thumb-size) / -2);
26649
- top: calc(var(--v-slider-thumb-size) / -2);
26650
- width: calc(var(--v-slider-thumb-size) * 2);
26651
- height: calc(var(--v-slider-thumb-size) * 2);
26652
- background: inherit;
26488
+ .v-color-picker-preview {
26489
+ align-items: center;
26490
+ display: flex;
26491
+ margin-bottom: 0;
26653
26492
  }
26654
26493
 
26655
- .v-slider.v-input--horizontal .v-slider-thumb {
26656
- top: 50%;
26657
- transform: translateY(-50%);
26658
- inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26494
+ .v-color-picker-preview__eye-dropper {
26495
+ position: relative;
26496
+ margin-right: 12px;
26497
+ }.v-picker.v-sheet {
26498
+ display: grid;
26499
+ grid-auto-rows: min-content;
26500
+ grid-template-areas: "title" "header" "body";
26501
+ overflow: hidden;
26659
26502
  }
26660
- .v-slider.v-input--horizontal .v-slider-thumb__label-container {
26661
- left: calc(var(--v-slider-thumb-size) / 2);
26662
- top: 0;
26503
+ .v-picker.v-sheet {
26504
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
26663
26505
  }
26664
- .v-slider.v-input--horizontal .v-slider-thumb__label {
26665
- bottom: calc(var(--v-slider-thumb-size) / 2);
26506
+ .v-picker.v-sheet {
26507
+ border-radius: 4px;
26666
26508
  }
26667
- .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
26668
- transform: translateX(-50%);
26509
+ .v-picker.v-sheet.v-picker--with-actions {
26510
+ grid-template-areas: "title" "header" "body" "actions";
26669
26511
  }
26670
26512
 
26671
- .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
26672
- transform: translateX(50%);
26513
+ .v-picker__body {
26514
+ grid-area: body;
26515
+ overflow: hidden;
26516
+ position: relative;
26673
26517
  }
26674
26518
 
26675
- .v-slider.v-input--horizontal .v-slider-thumb__label::before {
26676
- border-left: 6px solid transparent;
26677
- border-right: 6px solid transparent;
26678
- border-top: 6px solid currentColor;
26679
- bottom: -6px;
26519
+ .v-picker__header {
26520
+ grid-area: header;
26680
26521
  }
26681
26522
 
26682
- .v-slider.v-input--vertical .v-slider-thumb {
26683
- top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26684
- }
26685
- .v-slider.v-input--vertical .v-slider-thumb__label-container {
26686
- top: calc(var(--v-slider-thumb-size) / 2);
26687
- right: 0;
26523
+ .v-picker__actions {
26524
+ grid-area: actions;
26525
+ padding: 0 12px 12px;
26526
+ display: flex;
26527
+ align-items: center;
26528
+ justify-content: flex-end;
26688
26529
  }
26689
- .v-slider.v-input--vertical .v-slider-thumb__label {
26690
- top: -12.5px;
26691
- left: calc(var(--v-slider-thumb-size) / 2);
26530
+ .v-picker__actions .v-btn {
26531
+ min-width: 48px;
26692
26532
  }
26693
- .v-slider.v-input--vertical .v-slider-thumb__label::before {
26694
- border-right: 6px solid currentColor;
26695
- border-top: 6px solid transparent;
26696
- border-bottom: 6px solid transparent;
26697
- left: -6px;
26533
+ .v-picker__actions .v-btn:not(:last-child) {
26534
+ margin-inline-end: 8px;
26698
26535
  }
26699
26536
 
26700
- .v-slider-thumb--focused .v-slider-thumb__surface::before {
26701
- transform: scale(2);
26702
- opacity: var(--v-focus-opacity);
26537
+ .v-picker--divided .v-picker__header {
26538
+ border-bottom-color: rgba(var(--v-border-color), var(--v-border-opacity));
26539
+ border-bottom-style: solid;
26540
+ border-bottom-width: thin;
26703
26541
  }
26704
26542
 
26705
- .v-slider-thumb--pressed {
26706
- transition: none;
26543
+ .v-picker--landscape {
26544
+ grid-template-areas: "title" "header body" "header body";
26707
26545
  }
26708
- .v-slider-thumb--pressed .v-slider-thumb__surface::before {
26709
- opacity: var(--v-pressed-opacity);
26546
+
26547
+ .v-picker--landscape.v-picker--with-actions {
26548
+ grid-template-areas: "title" "header body" "header actions";
26710
26549
  }
26711
26550
 
26712
- @media (hover: hover) {
26713
- .v-slider-thumb:hover .v-slider-thumb__surface::before {
26714
- transform: scale(2);
26715
- }
26716
- .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
26717
- opacity: var(--v-hover-opacity);
26718
- }
26551
+ .v-picker-title {
26552
+ text-transform: uppercase;
26553
+ font-size: 0.75rem;
26554
+ grid-area: title;
26555
+ padding-inline: 24px 12px;
26556
+ padding-top: 16px;
26557
+ padding-bottom: 16px;
26558
+ font-weight: 400;
26559
+ letter-spacing: 0.1666666667em;
26719
26560
  }.v-slider-track__background {
26720
26561
  background-color: rgb(var(--v-theme-surface-variant));
26721
26562
  }
@@ -26894,4 +26735,163 @@ html.v-overlay-scroll-blocked {
26894
26735
 
26895
26736
  .v-slider-track__background--opacity {
26896
26737
  opacity: 0.38;
26738
+ }.v-slider-thumb {
26739
+ touch-action: none;
26740
+ color: rgb(var(--v-theme-surface-variant));
26741
+ }
26742
+ .v-input--error:not(.v-input--disabled) .v-slider-thumb {
26743
+ color: inherit;
26744
+ }
26745
+
26746
+ .v-slider-thumb__label {
26747
+ background: rgba(var(--v-theme-surface-variant), 0.7);
26748
+ color: rgb(var(--v-theme-on-surface-variant));
26749
+ }
26750
+ .v-slider-thumb__label::before {
26751
+ color: rgba(var(--v-theme-surface-variant), 0.7);
26752
+ }
26753
+
26754
+ .v-slider-thumb {
26755
+ outline: none;
26756
+ position: absolute;
26757
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
26758
+ }
26759
+
26760
+ .v-slider-thumb__surface {
26761
+ cursor: pointer;
26762
+ width: var(--v-slider-thumb-size);
26763
+ height: var(--v-slider-thumb-size);
26764
+ border-radius: 50%;
26765
+ -webkit-user-select: none;
26766
+ user-select: none;
26767
+ background-color: currentColor;
26768
+ }
26769
+ @media (forced-colors: active) {
26770
+ .v-slider-thumb__surface {
26771
+ background-color: highlight;
26772
+ }
26773
+ }
26774
+ .v-slider-thumb__surface::before {
26775
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
26776
+ content: "";
26777
+ color: inherit;
26778
+ top: 0;
26779
+ left: 0;
26780
+ width: 100%;
26781
+ height: 100%;
26782
+ border-radius: 50%;
26783
+ background: currentColor;
26784
+ position: absolute;
26785
+ pointer-events: none;
26786
+ opacity: 0;
26787
+ }
26788
+ .v-slider-thumb__surface::after {
26789
+ content: "";
26790
+ width: 42px;
26791
+ height: 42px;
26792
+ position: absolute;
26793
+ top: 50%;
26794
+ left: 50%;
26795
+ transform: translate(-50%, -50%);
26796
+ }
26797
+
26798
+ .v-slider-thumb__label-container {
26799
+ position: absolute;
26800
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
26801
+ }
26802
+
26803
+ .v-slider-thumb__label {
26804
+ display: flex;
26805
+ align-items: center;
26806
+ justify-content: center;
26807
+ font-size: 0.75rem;
26808
+ min-width: 35px;
26809
+ height: 25px;
26810
+ border-radius: 4px;
26811
+ padding: 6px;
26812
+ position: absolute;
26813
+ -webkit-user-select: none;
26814
+ user-select: none;
26815
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
26816
+ }
26817
+ .v-slider-thumb__label::before {
26818
+ content: "";
26819
+ width: 0;
26820
+ height: 0;
26821
+ position: absolute;
26822
+ }
26823
+
26824
+ .v-slider-thumb__ripple {
26825
+ position: absolute;
26826
+ left: calc(var(--v-slider-thumb-size) / -2);
26827
+ top: calc(var(--v-slider-thumb-size) / -2);
26828
+ width: calc(var(--v-slider-thumb-size) * 2);
26829
+ height: calc(var(--v-slider-thumb-size) * 2);
26830
+ background: inherit;
26831
+ }
26832
+
26833
+ .v-slider.v-input--horizontal .v-slider-thumb {
26834
+ top: 50%;
26835
+ transform: translateY(-50%);
26836
+ inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26837
+ }
26838
+ .v-slider.v-input--horizontal .v-slider-thumb__label-container {
26839
+ left: calc(var(--v-slider-thumb-size) / 2);
26840
+ top: 0;
26841
+ }
26842
+ .v-slider.v-input--horizontal .v-slider-thumb__label {
26843
+ bottom: calc(var(--v-slider-thumb-size) / 2);
26844
+ }
26845
+ .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
26846
+ transform: translateX(-50%);
26847
+ }
26848
+
26849
+ .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
26850
+ transform: translateX(50%);
26851
+ }
26852
+
26853
+ .v-slider.v-input--horizontal .v-slider-thumb__label::before {
26854
+ border-left: 6px solid transparent;
26855
+ border-right: 6px solid transparent;
26856
+ border-top: 6px solid currentColor;
26857
+ bottom: -6px;
26858
+ }
26859
+
26860
+ .v-slider.v-input--vertical .v-slider-thumb {
26861
+ top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26862
+ }
26863
+ .v-slider.v-input--vertical .v-slider-thumb__label-container {
26864
+ top: calc(var(--v-slider-thumb-size) / 2);
26865
+ right: 0;
26866
+ }
26867
+ .v-slider.v-input--vertical .v-slider-thumb__label {
26868
+ top: -12.5px;
26869
+ left: calc(var(--v-slider-thumb-size) / 2);
26870
+ }
26871
+ .v-slider.v-input--vertical .v-slider-thumb__label::before {
26872
+ border-right: 6px solid currentColor;
26873
+ border-top: 6px solid transparent;
26874
+ border-bottom: 6px solid transparent;
26875
+ left: -6px;
26876
+ }
26877
+
26878
+ .v-slider-thumb--focused .v-slider-thumb__surface::before {
26879
+ transform: scale(2);
26880
+ opacity: var(--v-focus-opacity);
26881
+ }
26882
+
26883
+ .v-slider-thumb--pressed {
26884
+ transition: none;
26885
+ }
26886
+ .v-slider-thumb--pressed .v-slider-thumb__surface::before {
26887
+ opacity: var(--v-pressed-opacity);
26888
+ }
26889
+
26890
+ @media (hover: hover) {
26891
+ .v-slider-thumb:hover .v-slider-thumb__surface::before {
26892
+ transform: scale(2);
26893
+ }
26894
+ .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
26895
+ opacity: var(--v-hover-opacity);
26896
+ }
26897
26897
  }