@vuetify/nightly 3.7.4-master.2024-11-07 → 3.7.4-master.2024-11-10

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.7.4-master.2024-11-07
2
+ * Vuetify v3.7.4-master.2024-11-10
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17978,6 +17978,18 @@ html.overflow-y-hidden {
17978
17978
  .v-ripple__animation--out {
17979
17979
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
17980
17980
  opacity: 0;
17981
+ }.v-app-bar {
17982
+ display: flex;
17983
+ }
17984
+ .v-app-bar.v-toolbar {
17985
+ background: rgb(var(--v-theme-surface));
17986
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17987
+ }
17988
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17989
+ 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));
17990
+ }
17991
+ .v-app-bar:not(.v-toolbar--absolute) {
17992
+ padding-inline-end: var(--v-scrollbar-offset);
17981
17993
  }.v-application {
17982
17994
  display: flex;
17983
17995
  background: rgb(var(--v-theme-background));
@@ -17994,103 +18006,6 @@ html.overflow-y-hidden {
17994
18006
  min-height: 100vh;
17995
18007
  min-height: 100dvh;
17996
18008
  position: relative;
17997
- }.v-app-bar {
17998
- display: flex;
17999
- }
18000
- .v-app-bar.v-toolbar {
18001
- background: rgb(var(--v-theme-surface));
18002
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18003
- }
18004
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
18005
- 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));
18006
- }
18007
- .v-app-bar:not(.v-toolbar--absolute) {
18008
- padding-inline-end: var(--v-scrollbar-offset);
18009
- }.v-autocomplete .v-field .v-text-field__prefix,
18010
- .v-autocomplete .v-field .v-text-field__suffix,
18011
- .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
18012
- cursor: text;
18013
- }
18014
- .v-autocomplete .v-field .v-field__input > input {
18015
- flex: 1 1;
18016
- }
18017
- .v-autocomplete .v-field input {
18018
- min-width: 64px;
18019
- }
18020
- .v-autocomplete .v-field:not(.v-field--focused) input {
18021
- min-width: 0;
18022
- }
18023
- .v-autocomplete .v-field--dirty .v-autocomplete__selection {
18024
- margin-inline-end: 2px;
18025
- }
18026
- .v-autocomplete .v-autocomplete__selection-text {
18027
- overflow: hidden;
18028
- text-overflow: ellipsis;
18029
- white-space: nowrap;
18030
- }
18031
-
18032
- .v-autocomplete__content {
18033
- overflow: hidden;
18034
- }
18035
- .v-autocomplete__content {
18036
- 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));
18037
- }
18038
- .v-autocomplete__content {
18039
- border-radius: 4px;
18040
- }
18041
- .v-autocomplete__mask {
18042
- background: rgb(var(--v-theme-surface-light));
18043
- }
18044
- .v-autocomplete__selection {
18045
- display: inline-flex;
18046
- align-items: center;
18047
- height: 1.5rem;
18048
- letter-spacing: inherit;
18049
- line-height: inherit;
18050
- max-width: calc(100% - 2px - 2px);
18051
- }
18052
- .v-autocomplete__selection:first-child {
18053
- margin-inline-start: 0;
18054
- }
18055
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
18056
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
18057
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
18058
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
18059
- top: 0px;
18060
- }
18061
- .v-autocomplete--selecting-index .v-autocomplete__selection {
18062
- opacity: var(--v-medium-emphasis-opacity);
18063
- }
18064
- .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
18065
- opacity: 1;
18066
- }
18067
- .v-autocomplete--selecting-index .v-field__input > input {
18068
- caret-color: transparent;
18069
- }
18070
- .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
18071
- flex: 1 1;
18072
- position: absolute;
18073
- left: 0;
18074
- right: 0;
18075
- width: 100%;
18076
- padding-inline: inherit;
18077
- }
18078
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
18079
- transition: none;
18080
- }
18081
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
18082
- opacity: 0;
18083
- }
18084
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
18085
- opacity: 0;
18086
- }
18087
- .v-autocomplete__menu-icon {
18088
- margin-inline-start: 4px;
18089
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18090
- }
18091
- .v-autocomplete--active-menu .v-autocomplete__menu-icon {
18092
- opacity: var(--v-high-emphasis-opacity);
18093
- transform: rotate(180deg);
18094
18009
  }.v-alert {
18095
18010
  display: grid;
18096
18011
  flex: 1 1;
@@ -18307,112 +18222,91 @@ html.overflow-y-hidden {
18307
18222
  text-transform: none;
18308
18223
  word-break: normal;
18309
18224
  word-wrap: break-word;
18310
- }.v-avatar {
18311
- flex: none;
18312
- align-items: center;
18313
- display: inline-flex;
18314
- justify-content: center;
18315
- line-height: normal;
18316
- overflow: hidden;
18317
- position: relative;
18318
- text-align: center;
18319
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18320
- transition-property: width, height;
18321
- vertical-align: middle;
18225
+ }.v-autocomplete .v-field .v-text-field__prefix,
18226
+ .v-autocomplete .v-field .v-text-field__suffix,
18227
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
18228
+ cursor: text;
18322
18229
  }
18323
- .v-avatar.v-avatar--size-x-small {
18324
- --v-avatar-height: 24px;
18230
+ .v-autocomplete .v-field .v-field__input > input {
18231
+ flex: 1 1;
18325
18232
  }
18326
- .v-avatar.v-avatar--size-small {
18327
- --v-avatar-height: 32px;
18233
+ .v-autocomplete .v-field input {
18234
+ min-width: 64px;
18328
18235
  }
18329
- .v-avatar.v-avatar--size-default {
18330
- --v-avatar-height: 40px;
18236
+ .v-autocomplete .v-field:not(.v-field--focused) input {
18237
+ min-width: 0;
18331
18238
  }
18332
- .v-avatar.v-avatar--size-large {
18333
- --v-avatar-height: 48px;
18239
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
18240
+ margin-inline-end: 2px;
18334
18241
  }
18335
- .v-avatar.v-avatar--size-x-large {
18336
- --v-avatar-height: 56px;
18242
+ .v-autocomplete .v-autocomplete__selection-text {
18243
+ overflow: hidden;
18244
+ text-overflow: ellipsis;
18245
+ white-space: nowrap;
18337
18246
  }
18338
- .v-avatar.v-avatar--density-default {
18339
- height: calc(var(--v-avatar-height) + 0px);
18340
- width: calc(var(--v-avatar-height) + 0px);
18247
+
18248
+ .v-autocomplete__content {
18249
+ overflow: hidden;
18341
18250
  }
18342
- .v-avatar.v-avatar--density-comfortable {
18343
- height: calc(var(--v-avatar-height) + -4px);
18344
- width: calc(var(--v-avatar-height) + -4px);
18251
+ .v-autocomplete__content {
18252
+ 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));
18345
18253
  }
18346
- .v-avatar.v-avatar--density-compact {
18347
- height: calc(var(--v-avatar-height) + -8px);
18348
- width: calc(var(--v-avatar-height) + -8px);
18254
+ .v-autocomplete__content {
18255
+ border-radius: 4px;
18349
18256
  }
18350
- .v-avatar {
18351
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18352
- border-style: solid;
18353
- border-width: 0;
18257
+ .v-autocomplete__mask {
18258
+ background: rgb(var(--v-theme-surface-light));
18354
18259
  }
18355
- .v-avatar--border {
18356
- border-width: thin;
18357
- box-shadow: none;
18260
+ .v-autocomplete__selection {
18261
+ display: inline-flex;
18262
+ align-items: center;
18263
+ height: 1.5rem;
18264
+ letter-spacing: inherit;
18265
+ line-height: inherit;
18266
+ max-width: calc(100% - 2px - 2px);
18358
18267
  }
18359
- .v-avatar {
18360
- border-radius: 50%;
18268
+ .v-autocomplete__selection:first-child {
18269
+ margin-inline-start: 0;
18361
18270
  }
18362
- .v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
18363
- background: transparent;
18364
- color: inherit;
18271
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
18272
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
18273
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
18274
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
18275
+ top: 0px;
18365
18276
  }
18366
- .v-avatar--variant-plain {
18367
- opacity: 0.62;
18277
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
18278
+ opacity: var(--v-medium-emphasis-opacity);
18368
18279
  }
18369
- .v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
18280
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
18370
18281
  opacity: 1;
18371
18282
  }
18372
- .v-avatar--variant-plain .v-avatar__overlay {
18373
- display: none;
18374
- }
18375
- .v-avatar--variant-elevated, .v-avatar--variant-flat {
18376
- background: var(--v-theme-surface);
18377
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
18378
- }
18379
- .v-avatar--variant-elevated {
18380
- box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18381
- }
18382
- .v-avatar--variant-flat {
18383
- 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));
18384
- }
18385
- .v-avatar--variant-outlined {
18386
- border: thin solid currentColor;
18387
- }
18388
- .v-avatar--variant-text .v-avatar__overlay {
18389
- background: currentColor;
18283
+ .v-autocomplete--selecting-index .v-field__input > input {
18284
+ caret-color: transparent;
18390
18285
  }
18391
- .v-avatar--variant-tonal .v-avatar__underlay {
18392
- background: currentColor;
18393
- opacity: var(--v-activated-opacity);
18394
- border-radius: inherit;
18395
- top: 0;
18396
- right: 0;
18397
- bottom: 0;
18286
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
18287
+ flex: 1 1;
18288
+ position: absolute;
18398
18289
  left: 0;
18399
- pointer-events: none;
18290
+ right: 0;
18291
+ width: 100%;
18292
+ padding-inline: inherit;
18400
18293
  }
18401
- .v-avatar .v-avatar__underlay {
18402
- position: absolute;
18294
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
18295
+ transition: none;
18403
18296
  }
18404
- .v-avatar--rounded {
18405
- border-radius: 4px;
18297
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
18298
+ opacity: 0;
18406
18299
  }
18407
- .v-avatar--start {
18408
- margin-inline-end: 8px;
18300
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
18301
+ opacity: 0;
18409
18302
  }
18410
- .v-avatar--end {
18411
- margin-inline-start: 8px;
18303
+ .v-autocomplete__menu-icon {
18304
+ margin-inline-start: 4px;
18305
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18412
18306
  }
18413
- .v-avatar .v-img {
18414
- height: 100%;
18415
- width: 100%;
18307
+ .v-autocomplete--active-menu .v-autocomplete__menu-icon {
18308
+ opacity: var(--v-high-emphasis-opacity);
18309
+ transform: rotate(180deg);
18416
18310
  }.v-badge {
18417
18311
  display: inline-block;
18418
18312
  line-height: 1;
@@ -18486,69 +18380,112 @@ html.overflow-y-hidden {
18486
18380
  display: inline-flex;
18487
18381
  justify-content: center;
18488
18382
  margin: 0 4px;
18489
- }.v-bottom-navigation {
18490
- display: flex;
18491
- max-width: 100%;
18383
+ }.v-avatar {
18384
+ flex: none;
18385
+ align-items: center;
18386
+ display: inline-flex;
18387
+ justify-content: center;
18388
+ line-height: normal;
18492
18389
  overflow: hidden;
18493
- position: absolute;
18494
- transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
18390
+ position: relative;
18391
+ text-align: center;
18392
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18393
+ transition-property: width, height;
18394
+ vertical-align: middle;
18495
18395
  }
18496
- .v-bottom-navigation {
18396
+ .v-avatar.v-avatar--size-x-small {
18397
+ --v-avatar-height: 24px;
18398
+ }
18399
+ .v-avatar.v-avatar--size-small {
18400
+ --v-avatar-height: 32px;
18401
+ }
18402
+ .v-avatar.v-avatar--size-default {
18403
+ --v-avatar-height: 40px;
18404
+ }
18405
+ .v-avatar.v-avatar--size-large {
18406
+ --v-avatar-height: 48px;
18407
+ }
18408
+ .v-avatar.v-avatar--size-x-large {
18409
+ --v-avatar-height: 56px;
18410
+ }
18411
+ .v-avatar.v-avatar--density-default {
18412
+ height: calc(var(--v-avatar-height) + 0px);
18413
+ width: calc(var(--v-avatar-height) + 0px);
18414
+ }
18415
+ .v-avatar.v-avatar--density-comfortable {
18416
+ height: calc(var(--v-avatar-height) + -4px);
18417
+ width: calc(var(--v-avatar-height) + -4px);
18418
+ }
18419
+ .v-avatar.v-avatar--density-compact {
18420
+ height: calc(var(--v-avatar-height) + -8px);
18421
+ width: calc(var(--v-avatar-height) + -8px);
18422
+ }
18423
+ .v-avatar {
18497
18424
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18498
18425
  border-style: solid;
18499
18426
  border-width: 0;
18500
18427
  }
18501
- .v-bottom-navigation--border {
18428
+ .v-avatar--border {
18502
18429
  border-width: thin;
18503
18430
  box-shadow: none;
18504
18431
  }
18505
- .v-bottom-navigation {
18506
- border-radius: 0;
18432
+ .v-avatar {
18433
+ border-radius: 50%;
18507
18434
  }
18508
- .v-bottom-navigation {
18509
- background: rgb(var(--v-theme-surface));
18510
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18435
+ .v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
18436
+ background: transparent;
18437
+ color: inherit;
18511
18438
  }
18512
- .v-bottom-navigation--active {
18513
- 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));
18439
+ .v-avatar--variant-plain {
18440
+ opacity: 0.62;
18514
18441
  }
18515
-
18516
- .v-bottom-navigation__content {
18517
- display: flex;
18518
- flex: none;
18519
- font-size: 0.75rem;
18520
- justify-content: center;
18521
- transition: inherit;
18522
- width: 100%;
18442
+ .v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
18443
+ opacity: 1;
18523
18444
  }
18524
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18525
- font-size: inherit;
18526
- height: 100%;
18527
- max-width: 168px;
18528
- min-width: 80px;
18529
- text-transform: none;
18530
- transition: inherit;
18531
- width: auto;
18445
+ .v-avatar--variant-plain .v-avatar__overlay {
18446
+ display: none;
18532
18447
  }
18533
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18534
- border-radius: 0;
18448
+ .v-avatar--variant-elevated, .v-avatar--variant-flat {
18449
+ background: var(--v-theme-surface);
18450
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
18535
18451
  }
18536
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
18537
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18538
- transition: inherit;
18452
+ .v-avatar--variant-elevated {
18453
+ box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18539
18454
  }
18540
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18541
- font-size: 1.5rem;
18455
+ .v-avatar--variant-flat {
18456
+ 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));
18542
18457
  }
18543
- .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
18544
- flex-grow: 1;
18458
+ .v-avatar--variant-outlined {
18459
+ border: thin solid currentColor;
18545
18460
  }
18546
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
18547
- transition: inherit;
18548
- opacity: 0;
18461
+ .v-avatar--variant-text .v-avatar__overlay {
18462
+ background: currentColor;
18549
18463
  }
18550
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18551
- transform: translateY(0.5rem);
18464
+ .v-avatar--variant-tonal .v-avatar__underlay {
18465
+ background: currentColor;
18466
+ opacity: var(--v-activated-opacity);
18467
+ border-radius: inherit;
18468
+ top: 0;
18469
+ right: 0;
18470
+ bottom: 0;
18471
+ left: 0;
18472
+ pointer-events: none;
18473
+ }
18474
+ .v-avatar .v-avatar__underlay {
18475
+ position: absolute;
18476
+ }
18477
+ .v-avatar--rounded {
18478
+ border-radius: 4px;
18479
+ }
18480
+ .v-avatar--start {
18481
+ margin-inline-end: 8px;
18482
+ }
18483
+ .v-avatar--end {
18484
+ margin-inline-start: 8px;
18485
+ }
18486
+ .v-avatar .v-img {
18487
+ height: 100%;
18488
+ width: 100%;
18552
18489
  }.v-banner {
18553
18490
  display: grid;
18554
18491
  flex: 1 1;
@@ -18715,40 +18652,69 @@ html.overflow-y-hidden {
18715
18652
  }
18716
18653
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
18717
18654
  align-self: flex-start;
18718
- }.bottom-sheet-transition-enter-from {
18719
- transform: translateY(100%);
18655
+ }.v-bottom-navigation {
18656
+ display: flex;
18657
+ max-width: 100%;
18658
+ overflow: hidden;
18659
+ position: absolute;
18660
+ transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
18720
18661
  }
18721
- .bottom-sheet-transition-leave-to {
18722
- transform: translateY(100%);
18662
+ .v-bottom-navigation {
18663
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18664
+ border-style: solid;
18665
+ border-width: 0;
18723
18666
  }
18724
-
18725
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18726
- align-self: flex-end;
18667
+ .v-bottom-navigation--border {
18668
+ border-width: thin;
18669
+ box-shadow: none;
18670
+ }
18671
+ .v-bottom-navigation {
18727
18672
  border-radius: 0;
18728
- flex: 0 1 auto;
18729
- left: 0;
18730
- right: 0;
18731
- margin-inline: 0;
18732
- margin-bottom: 0;
18733
- transition-duration: 0.2s;
18673
+ }
18674
+ .v-bottom-navigation {
18675
+ background: rgb(var(--v-theme-surface));
18676
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18677
+ }
18678
+ .v-bottom-navigation--active {
18679
+ 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));
18680
+ }
18681
+
18682
+ .v-bottom-navigation__content {
18683
+ display: flex;
18684
+ flex: none;
18685
+ font-size: 0.75rem;
18686
+ justify-content: center;
18687
+ transition: inherit;
18734
18688
  width: 100%;
18735
- max-width: 100%;
18736
- overflow: visible;
18737
18689
  }
18738
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18739
- 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));
18690
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18691
+ font-size: inherit;
18692
+ height: 100%;
18693
+ max-width: 168px;
18694
+ min-width: 80px;
18695
+ text-transform: none;
18696
+ transition: inherit;
18697
+ width: auto;
18740
18698
  }
18741
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18742
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18699
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18743
18700
  border-radius: 0;
18744
18701
  }
18745
- .v-bottom-sheet.v-bottom-sheet--inset {
18746
- max-width: none;
18702
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
18703
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18704
+ transition: inherit;
18747
18705
  }
18748
- @media (min-width: 600px) {
18749
- .v-bottom-sheet.v-bottom-sheet--inset {
18750
- max-width: 70%;
18751
- }
18706
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18707
+ font-size: 1.5rem;
18708
+ }
18709
+ .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
18710
+ flex-grow: 1;
18711
+ }
18712
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
18713
+ transition: inherit;
18714
+ opacity: 0;
18715
+ }
18716
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18717
+ transform: translateY(0.5rem);
18752
18718
  }.v-breadcrumbs {
18753
18719
  display: flex;
18754
18720
  align-items: center;
@@ -18806,6 +18772,40 @@ html.overflow-y-hidden {
18806
18772
  display: inline-block;
18807
18773
  padding: 0 8px;
18808
18774
  vertical-align: middle;
18775
+ }.bottom-sheet-transition-enter-from {
18776
+ transform: translateY(100%);
18777
+ }
18778
+ .bottom-sheet-transition-leave-to {
18779
+ transform: translateY(100%);
18780
+ }
18781
+
18782
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18783
+ align-self: flex-end;
18784
+ border-radius: 0;
18785
+ flex: 0 1 auto;
18786
+ left: 0;
18787
+ right: 0;
18788
+ margin-inline: 0;
18789
+ margin-bottom: 0;
18790
+ transition-duration: 0.2s;
18791
+ width: 100%;
18792
+ max-width: 100%;
18793
+ overflow: visible;
18794
+ }
18795
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18796
+ 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));
18797
+ }
18798
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18799
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18800
+ border-radius: 0;
18801
+ }
18802
+ .v-bottom-sheet.v-bottom-sheet--inset {
18803
+ max-width: none;
18804
+ }
18805
+ @media (min-width: 600px) {
18806
+ .v-bottom-sheet.v-bottom-sheet--inset {
18807
+ max-width: 70%;
18808
+ }
18809
18809
  }.v-btn {
18810
18810
  align-items: center;
18811
18811
  border-radius: 4px;
@@ -19294,73 +19294,8 @@ html.overflow-y-hidden {
19294
19294
  }
19295
19295
  .v-btn-group--tile {
19296
19296
  border-radius: 0;
19297
- }.v-carousel {
19298
- overflow: hidden;
19299
- position: relative;
19300
- width: 100%;
19301
- }
19302
- .v-carousel__controls {
19303
- align-items: center;
19304
- bottom: 0;
19305
- display: flex;
19306
- height: 50px;
19307
- justify-content: center;
19308
- list-style-type: none;
19309
- position: absolute;
19310
- width: 100%;
19311
- z-index: 1;
19312
- }
19313
- .v-carousel__controls {
19314
- background: rgba(var(--v-theme-surface-variant), 0.3);
19315
- color: rgb(var(--v-theme-on-surface-variant));
19316
- }
19317
- .v-carousel__controls > .v-item-group {
19318
- flex: 0 1 auto;
19319
- }
19320
- .v-carousel__controls__item {
19321
- margin: 0 8px;
19322
- }
19323
- .v-carousel__controls__item .v-icon {
19324
- opacity: 0.5;
19325
- }
19326
- .v-carousel__controls__item--active .v-icon {
19327
- opacity: 1;
19328
- vertical-align: middle;
19329
- }
19330
- .v-carousel__controls__item:hover {
19331
- background: none;
19332
- }
19333
- .v-carousel__controls__item:hover .v-icon {
19334
- opacity: 0.8;
19335
- }
19336
-
19337
- .v-carousel__progress {
19338
- margin: 0;
19339
- position: absolute;
19340
- bottom: 0;
19341
- left: 0;
19342
- right: 0;
19343
- }
19344
-
19345
- .v-carousel-item {
19346
- display: block;
19347
- height: inherit;
19348
- text-decoration: none;
19349
- }
19350
- .v-carousel-item > .v-img {
19351
- height: inherit;
19352
- }
19353
-
19354
- .v-carousel--hide-delimiter-background .v-carousel__controls {
19355
- background: transparent;
19356
- }
19357
-
19358
- .v-carousel--vertical-delimiters .v-carousel__controls {
19359
- flex-direction: column;
19360
- height: 100% !important;
19361
- width: 50px;
19362
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
19363
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19297
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
19298
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19364
19299
  }
19365
19300
  .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
19366
19301
  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
@@ -19683,6 +19618,94 @@ html.overflow-y-hidden {
19683
19618
  pointer-events: none;
19684
19619
  opacity: 0;
19685
19620
  transition: opacity 0.2s ease-in-out;
19621
+ }.v-carousel {
19622
+ overflow: hidden;
19623
+ position: relative;
19624
+ width: 100%;
19625
+ }
19626
+ .v-carousel__controls {
19627
+ align-items: center;
19628
+ bottom: 0;
19629
+ display: flex;
19630
+ height: 50px;
19631
+ justify-content: center;
19632
+ list-style-type: none;
19633
+ position: absolute;
19634
+ width: 100%;
19635
+ z-index: 1;
19636
+ }
19637
+ .v-carousel__controls {
19638
+ background: rgba(var(--v-theme-surface-variant), 0.3);
19639
+ color: rgb(var(--v-theme-on-surface-variant));
19640
+ }
19641
+ .v-carousel__controls > .v-item-group {
19642
+ flex: 0 1 auto;
19643
+ }
19644
+ .v-carousel__controls__item {
19645
+ margin: 0 8px;
19646
+ }
19647
+ .v-carousel__controls__item .v-icon {
19648
+ opacity: 0.5;
19649
+ }
19650
+ .v-carousel__controls__item--active .v-icon {
19651
+ opacity: 1;
19652
+ vertical-align: middle;
19653
+ }
19654
+ .v-carousel__controls__item:hover {
19655
+ background: none;
19656
+ }
19657
+ .v-carousel__controls__item:hover .v-icon {
19658
+ opacity: 0.8;
19659
+ }
19660
+
19661
+ .v-carousel__progress {
19662
+ margin: 0;
19663
+ position: absolute;
19664
+ bottom: 0;
19665
+ left: 0;
19666
+ right: 0;
19667
+ }
19668
+
19669
+ .v-carousel-item {
19670
+ display: block;
19671
+ height: inherit;
19672
+ text-decoration: none;
19673
+ }
19674
+ .v-carousel-item > .v-img {
19675
+ height: inherit;
19676
+ }
19677
+
19678
+ .v-carousel--hide-delimiter-background .v-carousel__controls {
19679
+ background: transparent;
19680
+ }
19681
+
19682
+ .v-carousel--vertical-delimiters .v-carousel__controls {
19683
+ flex-direction: column;
19684
+ height: 100% !important;
19685
+ width: 50px;
19686
+ }.v-checkbox.v-input {
19687
+ flex: 0 1 auto;
19688
+ }
19689
+ .v-checkbox .v-selection-control {
19690
+ min-height: var(--v-input-control-height);
19691
+ }.v-chip-group {
19692
+ display: flex;
19693
+ max-width: 100%;
19694
+ min-width: 0;
19695
+ overflow-x: auto;
19696
+ padding: 4px 0;
19697
+ }
19698
+ .v-chip-group .v-chip {
19699
+ margin: 4px 8px 4px 0;
19700
+ }
19701
+ .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
19702
+ opacity: var(--v-activated-opacity);
19703
+ }
19704
+
19705
+ .v-chip-group--column .v-slide-group__content {
19706
+ white-space: normal;
19707
+ flex-wrap: wrap;
19708
+ max-width: 100%;
19686
19709
  }.v-chip {
19687
19710
  align-items: center;
19688
19711
  display: inline-flex;
@@ -20101,51 +20124,6 @@ html.overflow-y-hidden {
20101
20124
 
20102
20125
  .v-chip--label {
20103
20126
  border-radius: 4px;
20104
- }.v-checkbox.v-input {
20105
- flex: 0 1 auto;
20106
- }
20107
- .v-checkbox .v-selection-control {
20108
- min-height: var(--v-input-control-height);
20109
- }.v-chip-group {
20110
- display: flex;
20111
- max-width: 100%;
20112
- min-width: 0;
20113
- overflow-x: auto;
20114
- padding: 4px 0;
20115
- }
20116
- .v-chip-group .v-chip {
20117
- margin: 4px 8px 4px 0;
20118
- }
20119
- .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
20120
- opacity: var(--v-activated-opacity);
20121
- }
20122
-
20123
- .v-chip-group--column .v-slide-group__content {
20124
- white-space: normal;
20125
- flex-wrap: wrap;
20126
- max-width: 100%;
20127
- }.v-color-picker {
20128
- align-self: flex-start;
20129
- contain: content;
20130
- }
20131
- .v-color-picker.v-sheet {
20132
- 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));
20133
- }
20134
- .v-color-picker.v-sheet {
20135
- border-radius: 4px;
20136
- }
20137
-
20138
- .v-color-picker__controls {
20139
- display: flex;
20140
- flex-direction: column;
20141
- padding: 16px;
20142
- }
20143
-
20144
- .v-color-picker--flat {
20145
- 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));
20146
- }
20147
- .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20148
- 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));
20149
20127
  }.v-combobox .v-field .v-text-field__prefix,
20150
20128
  .v-combobox .v-field .v-text-field__suffix,
20151
20129
  .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
@@ -20231,6 +20209,28 @@ html.overflow-y-hidden {
20231
20209
  .v-combobox--active-menu .v-combobox__menu-icon {
20232
20210
  opacity: var(--v-high-emphasis-opacity);
20233
20211
  transform: rotate(180deg);
20212
+ }.v-color-picker {
20213
+ align-self: flex-start;
20214
+ contain: content;
20215
+ }
20216
+ .v-color-picker.v-sheet {
20217
+ 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));
20218
+ }
20219
+ .v-color-picker.v-sheet {
20220
+ border-radius: 4px;
20221
+ }
20222
+
20223
+ .v-color-picker__controls {
20224
+ display: flex;
20225
+ flex-direction: column;
20226
+ padding: 16px;
20227
+ }
20228
+
20229
+ .v-color-picker--flat {
20230
+ 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));
20231
+ }
20232
+ .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20233
+ 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));
20234
20234
  }.v-counter {
20235
20235
  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20236
20236
  flex: 0 1 auto;
@@ -20454,32 +20454,134 @@ html.overflow-y-hidden {
20454
20454
  }
20455
20455
  .v-data-table-footer__page {
20456
20456
  padding: 0 8px;
20457
- }.v-date-picker-controls {
20458
- display: flex;
20457
+ }.v-dialog {
20459
20458
  align-items: center;
20460
- justify-content: space-between;
20461
- font-size: 0.875rem;
20462
- padding-top: 4px;
20463
- padding-bottom: 4px;
20464
- padding-inline-start: 6px;
20465
- padding-inline-end: 12px;
20459
+ justify-content: center;
20460
+ margin: auto;
20466
20461
  }
20467
- .v-date-picker-controls > .v-btn:first-child {
20468
- text-transform: none;
20469
- font-weight: 400;
20470
- line-height: initial;
20471
- letter-spacing: initial;
20462
+ .v-dialog > .v-overlay__content {
20463
+ max-height: calc(100% - 48px);
20464
+ width: calc(100% - 48px);
20465
+ max-width: calc(100% - 48px);
20466
+ margin: 24px;
20472
20467
  }
20473
- .v-date-picker-controls--variant-classic {
20474
- padding-inline-start: 12px;
20468
+ .v-dialog > .v-overlay__content,
20469
+ .v-dialog > .v-overlay__content > form {
20470
+ display: flex;
20471
+ flex-direction: column;
20472
+ min-height: 0;
20475
20473
  }
20476
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20477
- opacity: 0.7;
20474
+ .v-dialog > .v-overlay__content > .v-card,
20475
+ .v-dialog > .v-overlay__content > .v-sheet,
20476
+ .v-dialog > .v-overlay__content > form > .v-card,
20477
+ .v-dialog > .v-overlay__content > form > .v-sheet {
20478
+ --v-scrollbar-offset: 0px;
20479
+ border-radius: 4px;
20480
+ overflow-y: auto;
20481
+ flex: 1 1 100%;
20478
20482
  }
20479
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20480
- cursor: pointer;
20483
+ .v-dialog > .v-overlay__content > .v-card,
20484
+ .v-dialog > .v-overlay__content > .v-sheet,
20485
+ .v-dialog > .v-overlay__content > form > .v-card,
20486
+ .v-dialog > .v-overlay__content > form > .v-sheet {
20487
+ box-shadow: 0px 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 9px 46px 8px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20481
20488
  }
20482
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20489
+ .v-dialog > .v-overlay__content > .v-card,
20490
+ .v-dialog > .v-overlay__content > form > .v-card {
20491
+ display: flex;
20492
+ flex-direction: column;
20493
+ }
20494
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item,
20495
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
20496
+ padding: 16px 24px;
20497
+ }
20498
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
20499
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
20500
+ padding-top: 0;
20501
+ }
20502
+ .v-dialog > .v-overlay__content > .v-card > .v-card-text,
20503
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
20504
+ font-size: inherit;
20505
+ letter-spacing: 0.03125em;
20506
+ line-height: inherit;
20507
+ padding: 16px 24px 24px;
20508
+ }
20509
+ .v-dialog > .v-overlay__content > .v-card > .v-card-actions,
20510
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-actions {
20511
+ justify-content: flex-end;
20512
+ }
20513
+
20514
+ .v-dialog--fullscreen {
20515
+ --v-scrollbar-offset: 0px;
20516
+ }
20517
+ .v-dialog--fullscreen > .v-overlay__content {
20518
+ border-radius: 0;
20519
+ margin: 0;
20520
+ padding: 0;
20521
+ width: 100%;
20522
+ height: 100%;
20523
+ max-width: 100%;
20524
+ max-height: 100%;
20525
+ overflow-y: auto;
20526
+ top: 0;
20527
+ left: 0;
20528
+ }
20529
+ .v-dialog--fullscreen > .v-overlay__content > .v-card,
20530
+ .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
20531
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
20532
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
20533
+ min-height: 100%;
20534
+ min-width: 100%;
20535
+ border-radius: 0;
20536
+ }
20537
+
20538
+ .v-dialog--scrollable > .v-overlay__content,
20539
+ .v-dialog--scrollable > .v-overlay__content > .v-card,
20540
+ .v-dialog--scrollable > .v-overlay__content > form,
20541
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card {
20542
+ display: flex;
20543
+ flex: 1 1 100%;
20544
+ flex-direction: column;
20545
+ max-height: 100%;
20546
+ max-width: 100%;
20547
+ }
20548
+ .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
20549
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
20550
+ -webkit-backface-visibility: hidden;
20551
+ backface-visibility: hidden;
20552
+ overflow-y: auto;
20553
+ }.v-date-picker {
20554
+ overflow: hidden;
20555
+ width: 328px;
20556
+ }
20557
+ .v-date-picker--show-week {
20558
+ width: 368px;
20559
+ }.v-date-picker-controls {
20560
+ display: flex;
20561
+ align-items: center;
20562
+ justify-content: space-between;
20563
+ font-size: 0.875rem;
20564
+ padding-top: 4px;
20565
+ padding-bottom: 4px;
20566
+ padding-inline-start: 6px;
20567
+ padding-inline-end: 12px;
20568
+ }
20569
+ .v-date-picker-controls > .v-btn:first-child {
20570
+ text-transform: none;
20571
+ font-weight: 400;
20572
+ line-height: initial;
20573
+ letter-spacing: initial;
20574
+ }
20575
+ .v-date-picker-controls--variant-classic {
20576
+ padding-inline-start: 12px;
20577
+ }
20578
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20579
+ opacity: 0.7;
20580
+ }
20581
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20582
+ cursor: pointer;
20583
+ }
20584
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20483
20585
  opacity: 1;
20484
20586
  }
20485
20587
  .v-date-picker-controls .v-btn:last-child {
@@ -20510,6 +20612,61 @@ html.overflow-y-hidden {
20510
20612
 
20511
20613
  .v-date-picker__title {
20512
20614
  display: inline-block;
20615
+ }.v-date-picker-month {
20616
+ display: flex;
20617
+ justify-content: center;
20618
+ padding: 0 12px 8px;
20619
+ --v-date-picker-month-day-diff: 4px;
20620
+ }
20621
+
20622
+ .v-date-picker-month__weeks {
20623
+ display: grid;
20624
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20625
+ column-gap: 4px;
20626
+ font-size: 0.85rem;
20627
+ }
20628
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
20629
+ grid-row-gap: 0;
20630
+ }
20631
+
20632
+ .v-date-picker-month__weekday {
20633
+ font-size: 0.85rem;
20634
+ }
20635
+
20636
+ .v-date-picker-month__days {
20637
+ display: grid;
20638
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20639
+ column-gap: 4px;
20640
+ flex: 1 1;
20641
+ justify-content: space-around;
20642
+ }
20643
+
20644
+ .v-date-picker-month__day {
20645
+ align-items: center;
20646
+ display: flex;
20647
+ justify-content: center;
20648
+ position: relative;
20649
+ height: 40px;
20650
+ width: 40px;
20651
+ }
20652
+ .v-date-picker-month__day--selected .v-btn {
20653
+ background-color: rgb(var(--v-theme-surface-variant));
20654
+ color: rgb(var(--v-theme-on-surface-variant));
20655
+ }
20656
+ .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20657
+ --v-btn-height: 24px;
20658
+ --v-btn-size: 0.85rem;
20659
+ }
20660
+ .v-date-picker-month__day--week {
20661
+ font-size: var(--v-btn-size);
20662
+ }
20663
+
20664
+ .v-date-picker-month__day--adjacent {
20665
+ opacity: 0.5;
20666
+ }
20667
+
20668
+ .v-date-picker-month__day--hide-adjacent {
20669
+ opacity: 0;
20513
20670
  }.v-date-picker-header {
20514
20671
  align-items: flex-end;
20515
20672
  height: 70px;
@@ -20570,67 +20727,6 @@ html.overflow-y-hidden {
20570
20727
  .date-picker-header-reverse-transition-leave-to {
20571
20728
  opacity: 0;
20572
20729
  transform: translate(0, 100%);
20573
- }.v-date-picker {
20574
- overflow: hidden;
20575
- width: 328px;
20576
- }
20577
- .v-date-picker--show-week {
20578
- width: 368px;
20579
- }.v-date-picker-month {
20580
- display: flex;
20581
- justify-content: center;
20582
- padding: 0 12px 8px;
20583
- --v-date-picker-month-day-diff: 4px;
20584
- }
20585
-
20586
- .v-date-picker-month__weeks {
20587
- display: grid;
20588
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20589
- column-gap: 4px;
20590
- font-size: 0.85rem;
20591
- }
20592
- .v-date-picker-month__weeks + .v-date-picker-month__days {
20593
- grid-row-gap: 0;
20594
- }
20595
-
20596
- .v-date-picker-month__weekday {
20597
- font-size: 0.85rem;
20598
- }
20599
-
20600
- .v-date-picker-month__days {
20601
- display: grid;
20602
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20603
- column-gap: 4px;
20604
- flex: 1 1;
20605
- justify-content: space-around;
20606
- }
20607
-
20608
- .v-date-picker-month__day {
20609
- align-items: center;
20610
- display: flex;
20611
- justify-content: center;
20612
- position: relative;
20613
- height: 40px;
20614
- width: 40px;
20615
- }
20616
- .v-date-picker-month__day--selected .v-btn {
20617
- background-color: rgb(var(--v-theme-surface-variant));
20618
- color: rgb(var(--v-theme-on-surface-variant));
20619
- }
20620
- .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20621
- --v-btn-height: 24px;
20622
- --v-btn-size: 0.85rem;
20623
- }
20624
- .v-date-picker-month__day--week {
20625
- font-size: var(--v-btn-size);
20626
- }
20627
-
20628
- .v-date-picker-month__day--adjacent {
20629
- opacity: 0.5;
20630
- }
20631
-
20632
- .v-date-picker-month__day--hide-adjacent {
20633
- opacity: 0;
20634
20730
  }.v-date-picker-months {
20635
20731
  height: 288px;
20636
20732
  }
@@ -20659,108 +20755,12 @@ html.overflow-y-hidden {
20659
20755
  display: grid;
20660
20756
  flex: 1 1;
20661
20757
  justify-content: space-around;
20662
- grid-template-columns: repeat(3, 1fr);
20663
- gap: 8px 24px;
20664
- padding-inline: 32px;
20665
- }
20666
- .v-date-picker-years__content .v-btn {
20667
- padding-inline: 8px;
20668
- }.v-dialog {
20669
- align-items: center;
20670
- justify-content: center;
20671
- margin: auto;
20672
- }
20673
- .v-dialog > .v-overlay__content {
20674
- max-height: calc(100% - 48px);
20675
- width: calc(100% - 48px);
20676
- max-width: calc(100% - 48px);
20677
- margin: 24px;
20678
- }
20679
- .v-dialog > .v-overlay__content,
20680
- .v-dialog > .v-overlay__content > form {
20681
- display: flex;
20682
- flex-direction: column;
20683
- min-height: 0;
20684
- }
20685
- .v-dialog > .v-overlay__content > .v-card,
20686
- .v-dialog > .v-overlay__content > .v-sheet,
20687
- .v-dialog > .v-overlay__content > form > .v-card,
20688
- .v-dialog > .v-overlay__content > form > .v-sheet {
20689
- --v-scrollbar-offset: 0px;
20690
- border-radius: 4px;
20691
- overflow-y: auto;
20692
- flex: 1 1 100%;
20693
- }
20694
- .v-dialog > .v-overlay__content > .v-card,
20695
- .v-dialog > .v-overlay__content > .v-sheet,
20696
- .v-dialog > .v-overlay__content > form > .v-card,
20697
- .v-dialog > .v-overlay__content > form > .v-sheet {
20698
- box-shadow: 0px 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 9px 46px 8px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20699
- }
20700
- .v-dialog > .v-overlay__content > .v-card,
20701
- .v-dialog > .v-overlay__content > form > .v-card {
20702
- display: flex;
20703
- flex-direction: column;
20704
- }
20705
- .v-dialog > .v-overlay__content > .v-card > .v-card-item,
20706
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
20707
- padding: 16px 24px;
20708
- }
20709
- .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
20710
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
20711
- padding-top: 0;
20712
- }
20713
- .v-dialog > .v-overlay__content > .v-card > .v-card-text,
20714
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
20715
- font-size: inherit;
20716
- letter-spacing: 0.03125em;
20717
- line-height: inherit;
20718
- padding: 16px 24px 24px;
20719
- }
20720
- .v-dialog > .v-overlay__content > .v-card > .v-card-actions,
20721
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-actions {
20722
- justify-content: flex-end;
20723
- }
20724
-
20725
- .v-dialog--fullscreen {
20726
- --v-scrollbar-offset: 0px;
20727
- }
20728
- .v-dialog--fullscreen > .v-overlay__content {
20729
- border-radius: 0;
20730
- margin: 0;
20731
- padding: 0;
20732
- width: 100%;
20733
- height: 100%;
20734
- max-width: 100%;
20735
- max-height: 100%;
20736
- overflow-y: auto;
20737
- top: 0;
20738
- left: 0;
20739
- }
20740
- .v-dialog--fullscreen > .v-overlay__content > .v-card,
20741
- .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
20742
- .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
20743
- .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
20744
- min-height: 100%;
20745
- min-width: 100%;
20746
- border-radius: 0;
20747
- }
20748
-
20749
- .v-dialog--scrollable > .v-overlay__content,
20750
- .v-dialog--scrollable > .v-overlay__content > .v-card,
20751
- .v-dialog--scrollable > .v-overlay__content > form,
20752
- .v-dialog--scrollable > .v-overlay__content > form > .v-card {
20753
- display: flex;
20754
- flex: 1 1 100%;
20755
- flex-direction: column;
20756
- max-height: 100%;
20757
- max-width: 100%;
20758
+ grid-template-columns: repeat(3, 1fr);
20759
+ gap: 8px 24px;
20760
+ padding-inline: 32px;
20758
20761
  }
20759
- .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
20760
- .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
20761
- -webkit-backface-visibility: hidden;
20762
- backface-visibility: hidden;
20763
- overflow-y: auto;
20762
+ .v-date-picker-years__content .v-btn {
20763
+ padding-inline: 8px;
20764
20764
  }.v-divider {
20765
20765
  display: block;
20766
20766
  flex: 1 1 100%;
@@ -21748,36 +21748,7 @@ textarea.v-field__input::placeholder {
21748
21748
  opacity: 0;
21749
21749
  }
21750
21750
 
21751
- /* endregion */.v-file-input--hide.v-input .v-field,
21752
- .v-file-input--hide.v-input .v-input__control,
21753
- .v-file-input--hide.v-input .v-input__details {
21754
- display: none;
21755
- }
21756
- .v-file-input--hide.v-input .v-input__prepend {
21757
- grid-area: control;
21758
- margin: 0 auto;
21759
- }
21760
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21761
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21762
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21763
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21764
- top: 0px;
21765
- }
21766
- .v-file-input input[type=file] {
21767
- height: 100%;
21768
- left: 0;
21769
- opacity: 0;
21770
- position: absolute;
21771
- top: 0;
21772
- width: 100%;
21773
- z-index: 1;
21774
- }
21775
- .v-file-input .v-input__details {
21776
- padding-inline: 16px;
21777
- }
21778
- .v-input--plain-underlined.v-file-input .v-input__details {
21779
- padding-inline: 0;
21780
- }.v-footer {
21751
+ /* endregion */.v-footer {
21781
21752
  align-items: center;
21782
21753
  display: flex;
21783
21754
  flex: 1 1 auto;
@@ -22538,6 +22509,43 @@ textarea.v-field__input::placeholder {
22538
22509
 
22539
22510
  .v-icon--end {
22540
22511
  margin-inline-start: 8px;
22512
+ }.v-infinite-scroll--horizontal {
22513
+ display: flex;
22514
+ flex-direction: row;
22515
+ overflow-x: auto;
22516
+ }
22517
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
22518
+ height: 100%;
22519
+ width: var(--v-infinite-margin-size, 1px);
22520
+ }
22521
+
22522
+ .v-infinite-scroll--vertical {
22523
+ display: flex;
22524
+ flex-direction: column;
22525
+ overflow-y: auto;
22526
+ }
22527
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
22528
+ height: 1px;
22529
+ width: 100%;
22530
+ }
22531
+
22532
+ .v-infinite-scroll-intersect {
22533
+ pointer-events: none;
22534
+ margin-top: var(--v-infinite-margin);
22535
+ margin-bottom: calc(var(--v-infinite-margin) * -1);
22536
+ }
22537
+ .v-infinite-scroll-intersect:nth-child(2) {
22538
+ --v-infinite-margin: var(--v-infinite-margin-size, 1px);
22539
+ }
22540
+ .v-infinite-scroll-intersect:nth-last-child(2) {
22541
+ --v-infinite-margin: calc(var(--v-infinite-margin-size, 1px) * -1);
22542
+ }
22543
+
22544
+ .v-infinite-scroll__side {
22545
+ align-items: center;
22546
+ display: flex;
22547
+ justify-content: center;
22548
+ padding: 8px;
22541
22549
  }.v-img {
22542
22550
  --v-theme-overlay-multiplier: 3;
22543
22551
  z-index: 0;
@@ -22589,43 +22597,6 @@ textarea.v-field__input::placeholder {
22589
22597
 
22590
22598
  .v-img__gradient {
22591
22599
  background-repeat: no-repeat;
22592
- }.v-infinite-scroll--horizontal {
22593
- display: flex;
22594
- flex-direction: row;
22595
- overflow-x: auto;
22596
- }
22597
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
22598
- height: 100%;
22599
- width: var(--v-infinite-margin-size, 1px);
22600
- }
22601
-
22602
- .v-infinite-scroll--vertical {
22603
- display: flex;
22604
- flex-direction: column;
22605
- overflow-y: auto;
22606
- }
22607
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
22608
- height: 1px;
22609
- width: 100%;
22610
- }
22611
-
22612
- .v-infinite-scroll-intersect {
22613
- pointer-events: none;
22614
- margin-top: var(--v-infinite-margin);
22615
- margin-bottom: calc(var(--v-infinite-margin) * -1);
22616
- }
22617
- .v-infinite-scroll-intersect:nth-child(2) {
22618
- --v-infinite-margin: var(--v-infinite-margin-size, 1px);
22619
- }
22620
- .v-infinite-scroll-intersect:nth-last-child(2) {
22621
- --v-infinite-margin: calc(var(--v-infinite-margin-size, 1px) * -1);
22622
- }
22623
-
22624
- .v-infinite-scroll__side {
22625
- align-items: center;
22626
- display: flex;
22627
- justify-content: center;
22628
- padding: 8px;
22629
22600
  }.v-input {
22630
22601
  display: grid;
22631
22602
  flex: 1 1 auto;
@@ -23379,6 +23350,8 @@ textarea.v-field__input::placeholder {
23379
23350
  }
23380
23351
  .v-list-group__header:not(.v-treeview-item--activatable-group-activator).v-list-item--active:hover .v-list-item__overlay {
23381
23352
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
23353
+ }.v-locale-provider {
23354
+ display: contents;
23382
23355
  }.v-main {
23383
23356
  flex: 1 0 auto;
23384
23357
  max-width: 100%;
@@ -23409,8 +23382,25 @@ textarea.v-field__input::placeholder {
23409
23382
  --v-layout-right: 0px;
23410
23383
  --v-layout-top: 0px;
23411
23384
  --v-layout-bottom: 0px;
23412
- }.v-locale-provider {
23413
- display: contents;
23385
+ }.v-menu > .v-overlay__content {
23386
+ display: flex;
23387
+ flex-direction: column;
23388
+ }
23389
+ .v-menu > .v-overlay__content {
23390
+ border-radius: 4px;
23391
+ }
23392
+ .v-menu > .v-overlay__content > .v-card,
23393
+ .v-menu > .v-overlay__content > .v-sheet,
23394
+ .v-menu > .v-overlay__content > .v-list {
23395
+ background: rgb(var(--v-theme-surface));
23396
+ border-radius: inherit;
23397
+ overflow: auto;
23398
+ height: 100%;
23399
+ }
23400
+ .v-menu > .v-overlay__content > .v-card,
23401
+ .v-menu > .v-overlay__content > .v-sheet,
23402
+ .v-menu > .v-overlay__content > .v-list {
23403
+ box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23414
23404
  }.v-messages {
23415
23405
  flex: 1 1 auto;
23416
23406
  font-size: 12px;
@@ -23535,25 +23525,6 @@ textarea.v-field__input::placeholder {
23535
23525
  .v-navigation-drawer__append {
23536
23526
  flex: none;
23537
23527
  overflow: hidden;
23538
- }.v-menu > .v-overlay__content {
23539
- display: flex;
23540
- flex-direction: column;
23541
- }
23542
- .v-menu > .v-overlay__content {
23543
- border-radius: 4px;
23544
- }
23545
- .v-menu > .v-overlay__content > .v-card,
23546
- .v-menu > .v-overlay__content > .v-sheet,
23547
- .v-menu > .v-overlay__content > .v-list {
23548
- background: rgb(var(--v-theme-surface));
23549
- border-radius: inherit;
23550
- overflow: auto;
23551
- height: 100%;
23552
- }
23553
- .v-menu > .v-overlay__content > .v-card,
23554
- .v-menu > .v-overlay__content > .v-sheet,
23555
- .v-menu > .v-overlay__content > .v-list {
23556
- box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23557
23528
  }.v-otp-input {
23558
23529
  align-items: center;
23559
23530
  display: flex;
@@ -23664,133 +23635,31 @@ html.v-overlay-scroll-blocked {
23664
23635
  right: 0;
23665
23636
  top: 0;
23666
23637
  }
23667
-
23668
- .v-overlay--absolute {
23669
- position: absolute;
23670
- }
23671
-
23672
- .v-overlay--contained .v-overlay__scrim {
23673
- position: absolute;
23674
- }
23675
-
23676
- .v-overlay--scroll-blocked {
23677
- padding-inline-end: var(--v-scrollbar-offset);
23678
- }.v-parallax {
23679
- position: relative;
23680
- overflow: hidden;
23681
- }
23682
- .v-parallax--active > .v-img__img {
23683
- will-change: transform;
23684
- }.v-pagination__list {
23685
- display: inline-flex;
23686
- list-style-type: none;
23687
- justify-content: center;
23688
- width: 100%;
23689
- }
23690
- .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
23691
- margin: 0.3rem;
23692
- }.v-progress-circular {
23693
- align-items: center;
23694
- display: inline-flex;
23695
- justify-content: center;
23696
- position: relative;
23697
- vertical-align: middle;
23698
- }
23699
- .v-progress-circular > svg {
23700
- width: 100%;
23701
- height: 100%;
23702
- margin: auto;
23703
- position: absolute;
23704
- top: 0;
23705
- bottom: 0;
23706
- left: 0;
23707
- right: 0;
23708
- z-index: 0;
23709
- }
23710
-
23711
- .v-progress-circular__content {
23712
- align-items: center;
23713
- display: flex;
23714
- justify-content: center;
23715
- }
23716
-
23717
- .v-progress-circular__underlay {
23718
- color: rgba(var(--v-border-color), var(--v-border-opacity));
23719
- stroke: currentColor;
23720
- z-index: 1;
23721
- }
23722
-
23723
- .v-progress-circular__overlay {
23724
- stroke: currentColor;
23725
- transition: all 0.2s ease-in-out, stroke-width 0s;
23726
- z-index: 2;
23727
- }
23728
-
23729
- .v-progress-circular--size-x-small {
23730
- height: 16px;
23731
- width: 16px;
23732
- }
23733
- .v-progress-circular--size-small {
23734
- height: 24px;
23735
- width: 24px;
23736
- }
23737
- .v-progress-circular--size-default {
23738
- height: 32px;
23739
- width: 32px;
23740
- }
23741
- .v-progress-circular--size-large {
23742
- height: 48px;
23743
- width: 48px;
23744
- }
23745
- .v-progress-circular--size-x-large {
23746
- height: 64px;
23747
- width: 64px;
23748
- }
23749
-
23750
- .v-progress-circular--indeterminate > svg {
23751
- animation: progress-circular-rotate 1.4s linear infinite;
23752
- transform-origin: center center;
23753
- transition: all 0.2s ease-in-out;
23754
- }
23755
- .v-progress-circular--indeterminate .v-progress-circular__overlay {
23756
- animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
23757
- stroke-dasharray: 25, 200;
23758
- stroke-dashoffset: 0;
23759
- stroke-linecap: round;
23760
- transform-origin: center center;
23761
- transform: rotate(-90deg);
23762
- }
23763
-
23764
- .v-progress-circular--disable-shrink > svg {
23765
- animation-duration: 0.7s;
23766
- }
23767
- .v-progress-circular--disable-shrink .v-progress-circular__overlay {
23768
- animation: none;
23638
+
23639
+ .v-overlay--absolute {
23640
+ position: absolute;
23769
23641
  }
23770
23642
 
23771
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
23772
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
23773
- animation-play-state: paused !important;
23643
+ .v-overlay--contained .v-overlay__scrim {
23644
+ position: absolute;
23774
23645
  }
23775
23646
 
23776
- @keyframes progress-circular-dash {
23777
- 0% {
23778
- stroke-dasharray: 1, 200;
23779
- stroke-dashoffset: 0px;
23780
- }
23781
- 50% {
23782
- stroke-dasharray: 100, 200;
23783
- stroke-dashoffset: -15px;
23784
- }
23785
- 100% {
23786
- stroke-dasharray: 100, 200;
23787
- stroke-dashoffset: -124px;
23788
- }
23647
+ .v-overlay--scroll-blocked {
23648
+ padding-inline-end: var(--v-scrollbar-offset);
23649
+ }.v-pagination__list {
23650
+ display: inline-flex;
23651
+ list-style-type: none;
23652
+ justify-content: center;
23653
+ width: 100%;
23789
23654
  }
23790
- @keyframes progress-circular-rotate {
23791
- 100% {
23792
- transform: rotate(270deg);
23793
- }
23655
+ .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
23656
+ margin: 0.3rem;
23657
+ }.v-parallax {
23658
+ position: relative;
23659
+ overflow: hidden;
23660
+ }
23661
+ .v-parallax--active > .v-img__img {
23662
+ will-change: transform;
23794
23663
  }.v-progress-linear {
23795
23664
  background: transparent;
23796
23665
  overflow: hidden;
@@ -24019,6 +23888,108 @@ html.v-overlay-scroll-blocked {
24019
23888
  0% {
24020
23889
  background-position-x: var(--v-progress-linear-height);
24021
23890
  }
23891
+ }.v-progress-circular {
23892
+ align-items: center;
23893
+ display: inline-flex;
23894
+ justify-content: center;
23895
+ position: relative;
23896
+ vertical-align: middle;
23897
+ }
23898
+ .v-progress-circular > svg {
23899
+ width: 100%;
23900
+ height: 100%;
23901
+ margin: auto;
23902
+ position: absolute;
23903
+ top: 0;
23904
+ bottom: 0;
23905
+ left: 0;
23906
+ right: 0;
23907
+ z-index: 0;
23908
+ }
23909
+
23910
+ .v-progress-circular__content {
23911
+ align-items: center;
23912
+ display: flex;
23913
+ justify-content: center;
23914
+ }
23915
+
23916
+ .v-progress-circular__underlay {
23917
+ color: rgba(var(--v-border-color), var(--v-border-opacity));
23918
+ stroke: currentColor;
23919
+ z-index: 1;
23920
+ }
23921
+
23922
+ .v-progress-circular__overlay {
23923
+ stroke: currentColor;
23924
+ transition: all 0.2s ease-in-out, stroke-width 0s;
23925
+ z-index: 2;
23926
+ }
23927
+
23928
+ .v-progress-circular--size-x-small {
23929
+ height: 16px;
23930
+ width: 16px;
23931
+ }
23932
+ .v-progress-circular--size-small {
23933
+ height: 24px;
23934
+ width: 24px;
23935
+ }
23936
+ .v-progress-circular--size-default {
23937
+ height: 32px;
23938
+ width: 32px;
23939
+ }
23940
+ .v-progress-circular--size-large {
23941
+ height: 48px;
23942
+ width: 48px;
23943
+ }
23944
+ .v-progress-circular--size-x-large {
23945
+ height: 64px;
23946
+ width: 64px;
23947
+ }
23948
+
23949
+ .v-progress-circular--indeterminate > svg {
23950
+ animation: progress-circular-rotate 1.4s linear infinite;
23951
+ transform-origin: center center;
23952
+ transition: all 0.2s ease-in-out;
23953
+ }
23954
+ .v-progress-circular--indeterminate .v-progress-circular__overlay {
23955
+ animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
23956
+ stroke-dasharray: 25, 200;
23957
+ stroke-dashoffset: 0;
23958
+ stroke-linecap: round;
23959
+ transform-origin: center center;
23960
+ transform: rotate(-90deg);
23961
+ }
23962
+
23963
+ .v-progress-circular--disable-shrink > svg {
23964
+ animation-duration: 0.7s;
23965
+ }
23966
+ .v-progress-circular--disable-shrink .v-progress-circular__overlay {
23967
+ animation: none;
23968
+ }
23969
+
23970
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
23971
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
23972
+ animation-play-state: paused !important;
23973
+ }
23974
+
23975
+ @keyframes progress-circular-dash {
23976
+ 0% {
23977
+ stroke-dasharray: 1, 200;
23978
+ stroke-dashoffset: 0px;
23979
+ }
23980
+ 50% {
23981
+ stroke-dasharray: 100, 200;
23982
+ stroke-dashoffset: -15px;
23983
+ }
23984
+ 100% {
23985
+ stroke-dasharray: 100, 200;
23986
+ stroke-dashoffset: -124px;
23987
+ }
23988
+ }
23989
+ @keyframes progress-circular-rotate {
23990
+ 100% {
23991
+ transform: rotate(270deg);
23992
+ }
24022
23993
  }.v-radio-group > .v-input__control {
24023
23994
  flex-direction: column;
24024
23995
  }
@@ -24088,32 +24059,6 @@ html.v-overlay-scroll-blocked {
24088
24059
 
24089
24060
  .v-slider__label {
24090
24061
  margin-inline-end: 12px;
24091
- }.v-responsive {
24092
- display: flex;
24093
- flex: 1 0 auto;
24094
- max-height: 100%;
24095
- max-width: 100%;
24096
- overflow: hidden;
24097
- position: relative;
24098
- }
24099
- .v-responsive--inline {
24100
- display: inline-flex;
24101
- flex: 0 0 auto;
24102
- }
24103
-
24104
- .v-responsive__content {
24105
- flex: 1 0 0px;
24106
- max-width: 100%;
24107
- }
24108
-
24109
- .v-responsive__sizer ~ .v-responsive__content {
24110
- margin-inline-start: -100%;
24111
- }
24112
-
24113
- .v-responsive__sizer {
24114
- flex: 1 0 0px;
24115
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24116
- pointer-events: none;
24117
24062
  }.v-rating {
24118
24063
  max-width: 100%;
24119
24064
  display: inline-flex;
@@ -24167,6 +24112,32 @@ html.v-overlay-scroll-blocked {
24167
24112
  opacity: 0;
24168
24113
  position: absolute;
24169
24114
  width: 0;
24115
+ }.v-responsive {
24116
+ display: flex;
24117
+ flex: 1 0 auto;
24118
+ max-height: 100%;
24119
+ max-width: 100%;
24120
+ overflow: hidden;
24121
+ position: relative;
24122
+ }
24123
+ .v-responsive--inline {
24124
+ display: inline-flex;
24125
+ flex: 0 0 auto;
24126
+ }
24127
+
24128
+ .v-responsive__content {
24129
+ flex: 1 0 0px;
24130
+ max-width: 100%;
24131
+ }
24132
+
24133
+ .v-responsive__sizer ~ .v-responsive__content {
24134
+ margin-inline-start: -100%;
24135
+ }
24136
+
24137
+ .v-responsive__sizer {
24138
+ flex: 1 0 0px;
24139
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24140
+ pointer-events: none;
24170
24141
  }.v-select .v-field .v-text-field__prefix,
24171
24142
  .v-select .v-field .v-text-field__suffix,
24172
24143
  .v-select .v-field .v-field__input, .v-select .v-field.v-field {
@@ -24322,14 +24293,6 @@ html.v-overlay-scroll-blocked {
24322
24293
  }
24323
24294
  .v-selection-control--focus-visible .v-selection-control__input::before {
24324
24295
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
24325
- }.v-selection-control-group {
24326
- grid-area: control;
24327
- display: flex;
24328
- flex-direction: column;
24329
- }
24330
- .v-selection-control-group--inline {
24331
- flex-direction: row;
24332
- flex-wrap: wrap;
24333
24296
  }.v-sheet {
24334
24297
  display: block;
24335
24298
  }
@@ -24351,76 +24314,29 @@ html.v-overlay-scroll-blocked {
24351
24314
  .v-sheet--fixed {
24352
24315
  position: fixed;
24353
24316
  }
24354
- .v-sheet--relative {
24355
- position: relative;
24356
- }
24357
- .v-sheet--sticky {
24358
- position: sticky;
24359
- }
24360
- .v-sheet {
24361
- border-radius: 0;
24362
- }
24363
- .v-sheet {
24364
- background: rgb(var(--v-theme-surface));
24365
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24366
- }
24367
- .v-sheet--rounded {
24368
- border-radius: 4px;
24369
- }.v-slide-group {
24370
- display: flex;
24371
- overflow: hidden;
24372
- }
24373
-
24374
- .v-slide-group__next,
24375
- .v-slide-group__prev {
24376
- align-items: center;
24377
- display: flex;
24378
- flex: 0 1 52px;
24379
- justify-content: center;
24380
- min-width: 52px;
24381
- cursor: pointer;
24382
- }
24383
- .v-slide-group__next--disabled,
24384
- .v-slide-group__prev--disabled {
24385
- pointer-events: none;
24386
- opacity: var(--v-disabled-opacity);
24387
- }
24388
-
24389
- .v-slide-group__content {
24390
- display: flex;
24391
- flex: 1 0 auto;
24392
- position: relative;
24393
- transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
24394
- white-space: nowrap;
24395
- }
24396
- .v-slide-group__content > * {
24397
- white-space: initial;
24398
- }
24399
-
24400
- .v-slide-group__container {
24401
- contain: content;
24402
- display: flex;
24403
- flex: 1 1 auto;
24404
- overflow-x: auto;
24405
- overflow-y: hidden;
24406
- scrollbar-width: none;
24407
- scrollbar-color: rgba(0, 0, 0, 0);
24317
+ .v-sheet--relative {
24318
+ position: relative;
24408
24319
  }
24409
- .v-slide-group__container::-webkit-scrollbar {
24410
- display: none;
24320
+ .v-sheet--sticky {
24321
+ position: sticky;
24411
24322
  }
24412
-
24413
- .v-slide-group--vertical {
24414
- max-height: inherit;
24323
+ .v-sheet {
24324
+ border-radius: 0;
24415
24325
  }
24416
- .v-slide-group--vertical,
24417
- .v-slide-group--vertical .v-slide-group__container,
24418
- .v-slide-group--vertical .v-slide-group__content {
24326
+ .v-sheet {
24327
+ background: rgb(var(--v-theme-surface));
24328
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24329
+ }
24330
+ .v-sheet--rounded {
24331
+ border-radius: 4px;
24332
+ }.v-selection-control-group {
24333
+ grid-area: control;
24334
+ display: flex;
24419
24335
  flex-direction: column;
24420
24336
  }
24421
- .v-slide-group--vertical .v-slide-group__container {
24422
- overflow-x: hidden;
24423
- overflow-y: auto;
24337
+ .v-selection-control-group--inline {
24338
+ flex-direction: row;
24339
+ flex-wrap: wrap;
24424
24340
  }.v-skeleton-loader {
24425
24341
  align-items: center;
24426
24342
  background: rgb(var(--v-theme-surface));
@@ -24646,6 +24562,61 @@ html.v-overlay-scroll-blocked {
24646
24562
  100% {
24647
24563
  transform: translateX(100%);
24648
24564
  }
24565
+ }.v-slide-group {
24566
+ display: flex;
24567
+ overflow: hidden;
24568
+ }
24569
+
24570
+ .v-slide-group__next,
24571
+ .v-slide-group__prev {
24572
+ align-items: center;
24573
+ display: flex;
24574
+ flex: 0 1 52px;
24575
+ justify-content: center;
24576
+ min-width: 52px;
24577
+ cursor: pointer;
24578
+ }
24579
+ .v-slide-group__next--disabled,
24580
+ .v-slide-group__prev--disabled {
24581
+ pointer-events: none;
24582
+ opacity: var(--v-disabled-opacity);
24583
+ }
24584
+
24585
+ .v-slide-group__content {
24586
+ display: flex;
24587
+ flex: 1 0 auto;
24588
+ position: relative;
24589
+ transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
24590
+ white-space: nowrap;
24591
+ }
24592
+ .v-slide-group__content > * {
24593
+ white-space: initial;
24594
+ }
24595
+
24596
+ .v-slide-group__container {
24597
+ contain: content;
24598
+ display: flex;
24599
+ flex: 1 1 auto;
24600
+ overflow-x: auto;
24601
+ overflow-y: hidden;
24602
+ scrollbar-width: none;
24603
+ scrollbar-color: rgba(0, 0, 0, 0);
24604
+ }
24605
+ .v-slide-group__container::-webkit-scrollbar {
24606
+ display: none;
24607
+ }
24608
+
24609
+ .v-slide-group--vertical {
24610
+ max-height: inherit;
24611
+ }
24612
+ .v-slide-group--vertical,
24613
+ .v-slide-group--vertical .v-slide-group__container,
24614
+ .v-slide-group--vertical .v-slide-group__content {
24615
+ flex-direction: column;
24616
+ }
24617
+ .v-slide-group--vertical .v-slide-group__container {
24618
+ overflow-x: hidden;
24619
+ overflow-y: auto;
24649
24620
  }.v-snackbar {
24650
24621
  justify-content: center;
24651
24622
  z-index: 10000;
@@ -25227,6 +25198,35 @@ html.v-overlay-scroll-blocked {
25227
25198
  }
25228
25199
  .v-system-bar:not(.v-system-bar--absolute) {
25229
25200
  padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
25201
+ }.v-tab.v-tab.v-btn {
25202
+ height: var(--v-tabs-height);
25203
+ border-radius: 0;
25204
+ min-width: 90px;
25205
+ }
25206
+ .v-slide-group--horizontal .v-tab {
25207
+ max-width: 360px;
25208
+ }
25209
+ .v-slide-group--vertical .v-tab {
25210
+ justify-content: start;
25211
+ }
25212
+
25213
+ .v-tab__slider {
25214
+ position: absolute;
25215
+ bottom: 0;
25216
+ left: 0;
25217
+ height: 2px;
25218
+ width: 100%;
25219
+ background: currentColor;
25220
+ pointer-events: none;
25221
+ opacity: 0;
25222
+ }
25223
+ .v-tab--selected .v-tab__slider {
25224
+ opacity: 1;
25225
+ }
25226
+ .v-slide-group--vertical .v-tab__slider {
25227
+ top: 0;
25228
+ height: 100%;
25229
+ width: 2px;
25230
25230
  }.v-tabs {
25231
25231
  display: flex;
25232
25232
  height: var(--v-tabs-height);
@@ -25293,35 +25293,6 @@ html.v-overlay-scroll-blocked {
25293
25293
  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
25294
25294
  margin-inline-end: 52px;
25295
25295
  }
25296
- }.v-tab.v-tab.v-btn {
25297
- height: var(--v-tabs-height);
25298
- border-radius: 0;
25299
- min-width: 90px;
25300
- }
25301
- .v-slide-group--horizontal .v-tab {
25302
- max-width: 360px;
25303
- }
25304
- .v-slide-group--vertical .v-tab {
25305
- justify-content: start;
25306
- }
25307
-
25308
- .v-tab__slider {
25309
- position: absolute;
25310
- bottom: 0;
25311
- left: 0;
25312
- height: 2px;
25313
- width: 100%;
25314
- background: currentColor;
25315
- pointer-events: none;
25316
- opacity: 0;
25317
- }
25318
- .v-tab--selected .v-tab__slider {
25319
- opacity: 1;
25320
- }
25321
- .v-slide-group--vertical .v-tab__slider {
25322
- top: 0;
25323
- height: 100%;
25324
- width: 2px;
25325
25296
  }.v-table {
25326
25297
  font-size: 0.875rem;
25327
25298
  transition-duration: 0.28s;
@@ -25464,74 +25435,7 @@ html.v-overlay-scroll-blocked {
25464
25435
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
25465
25436
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
25466
25437
  border-top: 0px !important;
25467
- }/* region BLOCK */
25468
- .v-text-field input {
25469
- color: inherit;
25470
- opacity: 0;
25471
- flex: 1;
25472
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25473
- min-width: 0;
25474
- }
25475
- .v-text-field input:focus, .v-text-field input:active {
25476
- outline: none;
25477
- }
25478
- .v-text-field input:invalid {
25479
- box-shadow: none;
25480
- }
25481
- .v-text-field .v-field {
25482
- cursor: text;
25483
- }
25484
- .v-text-field--prefixed.v-text-field .v-field__input {
25485
- --v-field-padding-start: 6px;
25486
- }
25487
-
25488
- .v-text-field--suffixed.v-text-field .v-field__input {
25489
- --v-field-padding-end: 0;
25490
- }
25491
-
25492
- .v-text-field .v-input__details {
25493
- padding-inline: 16px;
25494
- }
25495
- .v-input--plain-underlined.v-text-field .v-input__details {
25496
- padding-inline: 0;
25497
- }
25498
-
25499
- .v-text-field .v-field--no-label input,
25500
- .v-text-field .v-field--active input {
25501
- opacity: 1;
25502
- }
25503
- .v-text-field .v-field--single-line input {
25504
- transition: none;
25505
- }
25506
-
25507
- /* endregion */
25508
- /* region ELEMENTS */
25509
- .v-text-field__prefix, .v-text-field__suffix {
25510
- align-items: center;
25511
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
25512
- cursor: default;
25513
- display: flex;
25514
- opacity: 0;
25515
- transition: inherit;
25516
- white-space: nowrap;
25517
- min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
25518
- padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
25519
- padding-bottom: var(--v-field-padding-bottom, 6px);
25520
- }
25521
- .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
25522
- opacity: 1;
25523
- }
25524
- .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
25525
- color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
25526
- }
25527
- .v-text-field__prefix {
25528
- padding-inline-start: var(--v-field-padding-start);
25529
- }
25530
- .v-text-field__suffix {
25531
- padding-inline-end: var(--v-field-padding-end);
25532
- }
25533
-
25534
- /* endregion */.v-textarea .v-field {
25438
+ }.v-textarea .v-field {
25535
25439
  --v-textarea-control-height: var(--v-input-control-height);
25536
25440
  }
25537
25441
  .v-textarea .v-field__field {
@@ -25570,152 +25474,76 @@ html.v-overlay-scroll-blocked {
25570
25474
  }
25571
25475
  .v-textarea textarea:invalid {
25572
25476
  box-shadow: none;
25573
- }.v-theme-provider {
25574
- background: rgb(var(--v-theme-background));
25575
- color: rgb(var(--v-theme-on-background));
25576
- }.v-toolbar {
25577
- align-items: flex-start;
25578
- display: flex;
25579
- flex: none;
25580
- flex-direction: column;
25581
- justify-content: space-between;
25582
- max-width: 100%;
25583
- position: relative;
25584
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
25585
- transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
25586
- width: 100%;
25587
- }
25588
- .v-toolbar {
25589
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
25590
- border-style: solid;
25591
- border-width: 0;
25592
- }
25593
- .v-toolbar--border {
25594
- border-width: thin;
25595
- box-shadow: none;
25596
- }
25597
- .v-toolbar {
25598
- 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));
25599
- }
25600
- .v-toolbar {
25601
- border-radius: 0;
25602
- }
25603
- .v-toolbar {
25604
- background: rgb(var(--v-theme-surface-light));
25605
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
25606
- }
25607
- .v-toolbar--absolute {
25608
- position: absolute;
25609
- }
25610
- .v-toolbar--collapse {
25611
- max-width: 112px;
25612
- overflow: hidden;
25613
- border-end-end-radius: 24px;
25477
+ }/* region BLOCK */
25478
+ .v-text-field input {
25479
+ color: inherit;
25480
+ opacity: 0;
25481
+ flex: 1;
25482
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25483
+ min-width: 0;
25614
25484
  }
25615
- .v-toolbar--collapse .v-toolbar-title {
25616
- display: none;
25485
+ .v-text-field input:focus, .v-text-field input:active {
25486
+ outline: none;
25617
25487
  }
25618
- .v-toolbar--flat {
25619
- 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));
25488
+ .v-text-field input:invalid {
25489
+ box-shadow: none;
25620
25490
  }
25621
- .v-toolbar--floating {
25622
- display: inline-flex;
25491
+ .v-text-field .v-field {
25492
+ cursor: text;
25623
25493
  }
25624
- .v-toolbar--rounded {
25625
- border-radius: 4px;
25494
+ .v-text-field--prefixed.v-text-field .v-field__input {
25495
+ --v-field-padding-start: 6px;
25626
25496
  }
25627
25497
 
25628
- .v-toolbar__content,
25629
- .v-toolbar__extension {
25630
- align-items: center;
25631
- display: flex;
25632
- flex: 0 0 auto;
25633
- position: relative;
25634
- transition: inherit;
25635
- width: 100%;
25498
+ .v-text-field--suffixed.v-text-field .v-field__input {
25499
+ --v-field-padding-end: 0;
25636
25500
  }
25637
25501
 
25638
- .v-toolbar__content {
25639
- overflow: hidden;
25640
- }
25641
- .v-toolbar__content > .v-btn:first-child {
25642
- margin-inline-start: 4px;
25643
- }
25644
- .v-toolbar__content > .v-btn:last-child {
25645
- margin-inline-end: 4px;
25646
- }
25647
- .v-toolbar__content > .v-toolbar-title {
25648
- margin-inline-start: 20px;
25502
+ .v-text-field .v-input__details {
25503
+ padding-inline: 16px;
25649
25504
  }
25650
- .v-toolbar--density-prominent .v-toolbar__content {
25651
- align-items: flex-start;
25505
+ .v-input--plain-underlined.v-text-field .v-input__details {
25506
+ padding-inline: 0;
25652
25507
  }
25653
25508
 
25654
- .v-toolbar__image {
25655
- display: flex;
25656
- opacity: var(--v-toolbar-image-opacity, 1);
25657
- transition-property: opacity;
25509
+ .v-text-field .v-field--no-label input,
25510
+ .v-text-field .v-field--active input {
25511
+ opacity: 1;
25658
25512
  }
25659
- .v-toolbar__image {
25660
- position: absolute;
25661
- top: 0;
25662
- left: 0;
25663
- width: 100%;
25664
- height: 100%;
25513
+ .v-text-field .v-field--single-line input {
25514
+ transition: none;
25665
25515
  }
25666
25516
 
25667
- .v-toolbar__prepend,
25668
- .v-toolbar__append {
25517
+ /* endregion */
25518
+ /* region ELEMENTS */
25519
+ .v-text-field__prefix, .v-text-field__suffix {
25669
25520
  align-items: center;
25670
- align-self: stretch;
25521
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
25522
+ cursor: default;
25671
25523
  display: flex;
25524
+ opacity: 0;
25525
+ transition: inherit;
25526
+ white-space: nowrap;
25527
+ min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
25528
+ padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
25529
+ padding-bottom: var(--v-field-padding-bottom, 6px);
25672
25530
  }
25673
-
25674
- .v-toolbar__prepend {
25675
- margin-inline: 4px auto;
25676
- }
25677
-
25678
- .v-toolbar__append {
25679
- margin-inline: auto 4px;
25680
- }
25681
-
25682
- .v-toolbar-title {
25683
- flex: 1 1;
25684
- font-size: 1.25rem;
25685
- min-width: 0;
25686
- }
25687
- .v-toolbar-title {
25688
- font-size: 1.25rem;
25689
- font-weight: 400;
25690
- letter-spacing: 0;
25691
- line-height: 1.75rem;
25692
- text-transform: none;
25531
+ .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
25532
+ opacity: 1;
25693
25533
  }
25694
- .v-toolbar--density-prominent .v-toolbar-title {
25695
- align-self: flex-end;
25696
- padding-bottom: 6px;
25534
+ .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
25535
+ color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
25697
25536
  }
25698
- .v-toolbar--density-prominent .v-toolbar-title {
25699
- font-size: 1.5rem;
25700
- font-weight: 400;
25701
- letter-spacing: 0;
25702
- line-height: 2.25rem;
25703
- text-transform: none;
25537
+ .v-text-field__prefix {
25538
+ padding-inline-start: var(--v-field-padding-start);
25704
25539
  }
25705
-
25706
- .v-toolbar-title__placeholder {
25707
- overflow: hidden;
25708
- text-overflow: ellipsis;
25709
- white-space: nowrap;
25540
+ .v-text-field__suffix {
25541
+ padding-inline-end: var(--v-field-padding-end);
25710
25542
  }
25711
25543
 
25712
- .v-toolbar-items {
25713
- display: flex;
25714
- height: inherit;
25715
- align-self: stretch;
25716
- }
25717
- .v-toolbar-items > .v-btn {
25718
- border-radius: 0;
25544
+ /* endregion */.v-theme-provider {
25545
+ background: rgb(var(--v-theme-background));
25546
+ color: rgb(var(--v-theme-on-background));
25719
25547
  }.v-timeline .v-timeline-divider__dot {
25720
25548
  background: rgb(var(--v-theme-surface-light));
25721
25549
  }
@@ -26149,13 +25977,156 @@ html.v-overlay-scroll-blocked {
26149
25977
  transition-property: opacity, transform;
26150
25978
  overflow-wrap: break-word;
26151
25979
  }
26152
- .v-tooltip > .v-overlay__content[class*=enter-active] {
26153
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
26154
- transition-duration: 150ms;
25980
+ .v-tooltip > .v-overlay__content[class*=enter-active] {
25981
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25982
+ transition-duration: 150ms;
25983
+ }
25984
+ .v-tooltip > .v-overlay__content[class*=leave-active] {
25985
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25986
+ transition-duration: 75ms;
25987
+ }.v-toolbar {
25988
+ align-items: flex-start;
25989
+ display: flex;
25990
+ flex: none;
25991
+ flex-direction: column;
25992
+ justify-content: space-between;
25993
+ max-width: 100%;
25994
+ position: relative;
25995
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
25996
+ transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
25997
+ width: 100%;
25998
+ }
25999
+ .v-toolbar {
26000
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
26001
+ border-style: solid;
26002
+ border-width: 0;
26003
+ }
26004
+ .v-toolbar--border {
26005
+ border-width: thin;
26006
+ box-shadow: none;
26007
+ }
26008
+ .v-toolbar {
26009
+ 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));
26010
+ }
26011
+ .v-toolbar {
26012
+ border-radius: 0;
26013
+ }
26014
+ .v-toolbar {
26015
+ background: rgb(var(--v-theme-surface-light));
26016
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
26017
+ }
26018
+ .v-toolbar--absolute {
26019
+ position: absolute;
26020
+ }
26021
+ .v-toolbar--collapse {
26022
+ max-width: 112px;
26023
+ overflow: hidden;
26024
+ border-end-end-radius: 24px;
26025
+ }
26026
+ .v-toolbar--collapse .v-toolbar-title {
26027
+ display: none;
26028
+ }
26029
+ .v-toolbar--flat {
26030
+ 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));
26031
+ }
26032
+ .v-toolbar--floating {
26033
+ display: inline-flex;
26034
+ }
26035
+ .v-toolbar--rounded {
26036
+ border-radius: 4px;
26037
+ }
26038
+
26039
+ .v-toolbar__content,
26040
+ .v-toolbar__extension {
26041
+ align-items: center;
26042
+ display: flex;
26043
+ flex: 0 0 auto;
26044
+ position: relative;
26045
+ transition: inherit;
26046
+ width: 100%;
26047
+ }
26048
+
26049
+ .v-toolbar__content {
26050
+ overflow: hidden;
26051
+ }
26052
+ .v-toolbar__content > .v-btn:first-child {
26053
+ margin-inline-start: 4px;
26054
+ }
26055
+ .v-toolbar__content > .v-btn:last-child {
26056
+ margin-inline-end: 4px;
26057
+ }
26058
+ .v-toolbar__content > .v-toolbar-title {
26059
+ margin-inline-start: 20px;
26060
+ }
26061
+ .v-toolbar--density-prominent .v-toolbar__content {
26062
+ align-items: flex-start;
26063
+ }
26064
+
26065
+ .v-toolbar__image {
26066
+ display: flex;
26067
+ opacity: var(--v-toolbar-image-opacity, 1);
26068
+ transition-property: opacity;
26069
+ }
26070
+ .v-toolbar__image {
26071
+ position: absolute;
26072
+ top: 0;
26073
+ left: 0;
26074
+ width: 100%;
26075
+ height: 100%;
26076
+ }
26077
+
26078
+ .v-toolbar__prepend,
26079
+ .v-toolbar__append {
26080
+ align-items: center;
26081
+ align-self: stretch;
26082
+ display: flex;
26083
+ }
26084
+
26085
+ .v-toolbar__prepend {
26086
+ margin-inline: 4px auto;
26087
+ }
26088
+
26089
+ .v-toolbar__append {
26090
+ margin-inline: auto 4px;
26091
+ }
26092
+
26093
+ .v-toolbar-title {
26094
+ flex: 1 1;
26095
+ font-size: 1.25rem;
26096
+ min-width: 0;
26097
+ }
26098
+ .v-toolbar-title {
26099
+ font-size: 1.25rem;
26100
+ font-weight: 400;
26101
+ letter-spacing: 0;
26102
+ line-height: 1.75rem;
26103
+ text-transform: none;
26104
+ }
26105
+ .v-toolbar--density-prominent .v-toolbar-title {
26106
+ align-self: flex-end;
26107
+ padding-bottom: 6px;
26108
+ }
26109
+ .v-toolbar--density-prominent .v-toolbar-title {
26110
+ font-size: 1.5rem;
26111
+ font-weight: 400;
26112
+ letter-spacing: 0;
26113
+ line-height: 2.25rem;
26114
+ text-transform: none;
26115
+ }
26116
+
26117
+ .v-toolbar-title__placeholder {
26118
+ overflow: hidden;
26119
+ text-overflow: ellipsis;
26120
+ white-space: nowrap;
26155
26121
  }
26156
- .v-tooltip > .v-overlay__content[class*=leave-active] {
26157
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
26158
- transition-duration: 75ms;
26122
+
26123
+ .v-toolbar-items {
26124
+ display: flex;
26125
+ height: inherit;
26126
+ align-self: stretch;
26127
+ }
26128
+ .v-toolbar-items > .v-btn {
26129
+ border-radius: 0;
26159
26130
  }.v-virtual-scroll {
26160
26131
  display: block;
26161
26132
  flex: 1 1 auto;
@@ -26235,34 +26206,35 @@ html.v-overlay-scroll-blocked {
26235
26206
  }
26236
26207
  .v-window-y-reverse-transition-leave-to {
26237
26208
  transform: translateY(100%);
26238
- }.v-color-picker-edit {
26239
- display: flex;
26240
- margin-top: 24px;
26209
+ }.v-file-input--hide.v-input .v-field,
26210
+ .v-file-input--hide.v-input .v-input__control,
26211
+ .v-file-input--hide.v-input .v-input__details {
26212
+ display: none;
26241
26213
  }
26242
-
26243
- .v-color-picker-edit__input {
26244
- width: 100%;
26245
- display: flex;
26246
- flex-wrap: wrap;
26247
- justify-content: center;
26248
- text-align: center;
26214
+ .v-file-input--hide.v-input .v-input__prepend {
26215
+ grid-area: control;
26216
+ margin: 0 auto;
26249
26217
  }
26250
- .v-color-picker-edit__input:not(:last-child) {
26251
- margin-inline-end: 8px;
26218
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
26219
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
26220
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
26221
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
26222
+ top: 0px;
26252
26223
  }
26253
- .v-color-picker-edit__input input {
26254
- border-radius: 4px;
26255
- margin-bottom: 8px;
26256
- min-width: 0;
26257
- outline: none;
26258
- text-align: center;
26224
+ .v-file-input input[type=file] {
26225
+ height: 100%;
26226
+ left: 0;
26227
+ opacity: 0;
26228
+ position: absolute;
26229
+ top: 0;
26259
26230
  width: 100%;
26260
- height: 32px;
26261
- background: rgba(var(--v-theme-surface-variant), 0.2);
26262
- color: rgba(var(--v-theme-on-surface));
26231
+ z-index: 1;
26263
26232
  }
26264
- .v-color-picker-edit__input span {
26265
- font-size: 0.75rem;
26233
+ .v-file-input .v-input__details {
26234
+ padding-inline: 16px;
26235
+ }
26236
+ .v-input--plain-underlined.v-file-input .v-input__details {
26237
+ padding-inline: 0;
26266
26238
  }.v-color-picker-canvas {
26267
26239
  display: flex;
26268
26240
  position: relative;
@@ -26355,6 +26327,34 @@ html.v-overlay-scroll-blocked {
26355
26327
  .v-color-picker-preview__eye-dropper {
26356
26328
  position: relative;
26357
26329
  margin-right: 12px;
26330
+ }.v-color-picker-edit {
26331
+ display: flex;
26332
+ margin-top: 24px;
26333
+ }
26334
+
26335
+ .v-color-picker-edit__input {
26336
+ width: 100%;
26337
+ display: flex;
26338
+ flex-wrap: wrap;
26339
+ justify-content: center;
26340
+ text-align: center;
26341
+ }
26342
+ .v-color-picker-edit__input:not(:last-child) {
26343
+ margin-inline-end: 8px;
26344
+ }
26345
+ .v-color-picker-edit__input input {
26346
+ border-radius: 4px;
26347
+ margin-bottom: 8px;
26348
+ min-width: 0;
26349
+ outline: none;
26350
+ text-align: center;
26351
+ width: 100%;
26352
+ height: 32px;
26353
+ background: rgba(var(--v-theme-surface-variant), 0.2);
26354
+ color: rgba(var(--v-theme-on-surface));
26355
+ }
26356
+ .v-color-picker-edit__input span {
26357
+ font-size: 0.75rem;
26358
26358
  }.v-color-picker-swatches {
26359
26359
  overflow-y: auto;
26360
26360
  }
@@ -26380,232 +26380,73 @@ html.v-overlay-scroll-blocked {
26380
26380
  border-radius: 2px;
26381
26381
  -webkit-user-select: none;
26382
26382
  user-select: none;
26383
- overflow: hidden;
26384
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
26385
- cursor: pointer;
26386
- }
26387
- .v-color-picker-swatches__color > div {
26388
- display: flex;
26389
- align-items: center;
26390
- justify-content: center;
26391
- width: 100%;
26392
- height: 100%;
26393
- }.v-picker.v-sheet {
26394
- display: grid;
26395
- grid-auto-rows: min-content;
26396
- grid-template-areas: "title" "header" "body";
26397
- overflow: hidden;
26398
- }
26399
- .v-picker.v-sheet {
26400
- 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));
26401
- }
26402
- .v-picker.v-sheet {
26403
- border-radius: 4px;
26404
- }
26405
- .v-picker.v-sheet.v-picker--with-actions {
26406
- grid-template-areas: "title" "header" "body" "actions";
26407
- }
26408
-
26409
- .v-picker__body {
26410
- grid-area: body;
26411
- overflow: hidden;
26412
- position: relative;
26413
- }
26414
-
26415
- .v-picker__header {
26416
- grid-area: header;
26417
- }
26418
-
26419
- .v-picker__actions {
26420
- grid-area: actions;
26421
- padding: 0 12px 12px;
26422
- display: flex;
26423
- align-items: center;
26424
- justify-content: flex-end;
26425
- }
26426
- .v-picker__actions .v-btn {
26427
- min-width: 48px;
26428
- }
26429
- .v-picker__actions .v-btn:not(:last-child) {
26430
- margin-inline-end: 8px;
26431
- }
26432
-
26433
- .v-picker--landscape {
26434
- grid-template-areas: "title" "header body" "header body";
26435
- }
26436
-
26437
- .v-picker--landscape.v-picker--with-actions {
26438
- grid-template-areas: "title" "header body" "header actions";
26439
- }
26440
-
26441
- .v-picker-title {
26442
- text-transform: uppercase;
26443
- font-size: 0.75rem;
26444
- grid-area: title;
26445
- padding-inline: 24px 12px;
26446
- padding-top: 16px;
26447
- padding-bottom: 16px;
26448
- font-weight: 400;
26449
- letter-spacing: 0.1666666667em;
26450
- }.v-slider-thumb {
26451
- touch-action: none;
26452
- color: rgb(var(--v-theme-surface-variant));
26453
- }
26454
- .v-input--error:not(.v-input--disabled) .v-slider-thumb {
26455
- color: inherit;
26456
- }
26457
-
26458
- .v-slider-thumb__label {
26459
- background: rgba(var(--v-theme-surface-variant), 0.7);
26460
- color: rgb(var(--v-theme-on-surface-variant));
26461
- }
26462
- .v-slider-thumb__label::before {
26463
- color: rgba(var(--v-theme-surface-variant), 0.7);
26464
- }
26465
-
26466
- .v-slider-thumb {
26467
- outline: none;
26468
- position: absolute;
26469
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
26470
- }
26471
-
26472
- .v-slider-thumb__surface {
26473
- cursor: pointer;
26474
- width: var(--v-slider-thumb-size);
26475
- height: var(--v-slider-thumb-size);
26476
- border-radius: 50%;
26477
- -webkit-user-select: none;
26478
- user-select: none;
26479
- background-color: currentColor;
26480
- }
26481
- @media (forced-colors: active) {
26482
- .v-slider-thumb__surface {
26483
- background-color: highlight;
26484
- }
26485
- }
26486
- .v-slider-thumb__surface::before {
26487
- transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
26488
- content: "";
26489
- color: inherit;
26490
- top: 0;
26491
- left: 0;
26492
- width: 100%;
26493
- height: 100%;
26494
- border-radius: 50%;
26495
- background: currentColor;
26496
- position: absolute;
26497
- pointer-events: none;
26498
- opacity: 0;
26499
- }
26500
- .v-slider-thumb__surface::after {
26501
- content: "";
26502
- width: 42px;
26503
- height: 42px;
26504
- position: absolute;
26505
- top: 50%;
26506
- left: 50%;
26507
- transform: translate(-50%, -50%);
26508
- }
26509
-
26510
- .v-slider-thumb__label-container {
26511
- position: absolute;
26512
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
26513
- }
26514
-
26515
- .v-slider-thumb__label {
26516
- display: flex;
26517
- align-items: center;
26518
- justify-content: center;
26519
- font-size: 0.75rem;
26520
- min-width: 35px;
26521
- height: 25px;
26522
- border-radius: 4px;
26523
- padding: 6px;
26524
- position: absolute;
26525
- -webkit-user-select: none;
26526
- user-select: none;
26527
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
26528
- }
26529
- .v-slider-thumb__label::before {
26530
- content: "";
26531
- width: 0;
26532
- height: 0;
26533
- position: absolute;
26534
- }
26535
-
26536
- .v-slider-thumb__ripple {
26537
- position: absolute;
26538
- left: calc(var(--v-slider-thumb-size) / -2);
26539
- top: calc(var(--v-slider-thumb-size) / -2);
26540
- width: calc(var(--v-slider-thumb-size) * 2);
26541
- height: calc(var(--v-slider-thumb-size) * 2);
26542
- background: inherit;
26383
+ overflow: hidden;
26384
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
26385
+ cursor: pointer;
26543
26386
  }
26544
-
26545
- .v-slider.v-input--horizontal .v-slider-thumb {
26546
- top: 50%;
26547
- transform: translateY(-50%);
26548
- inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26387
+ .v-color-picker-swatches__color > div {
26388
+ display: flex;
26389
+ align-items: center;
26390
+ justify-content: center;
26391
+ width: 100%;
26392
+ height: 100%;
26393
+ }.v-picker.v-sheet {
26394
+ display: grid;
26395
+ grid-auto-rows: min-content;
26396
+ grid-template-areas: "title" "header" "body";
26397
+ overflow: hidden;
26549
26398
  }
26550
- .v-slider.v-input--horizontal .v-slider-thumb__label-container {
26551
- left: calc(var(--v-slider-thumb-size) / 2);
26552
- top: 0;
26399
+ .v-picker.v-sheet {
26400
+ 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));
26553
26401
  }
26554
- .v-slider.v-input--horizontal .v-slider-thumb__label {
26555
- bottom: calc(var(--v-slider-thumb-size) / 2);
26402
+ .v-picker.v-sheet {
26403
+ border-radius: 4px;
26556
26404
  }
26557
- .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 {
26558
- transform: translateX(-50%);
26405
+ .v-picker.v-sheet.v-picker--with-actions {
26406
+ grid-template-areas: "title" "header" "body" "actions";
26559
26407
  }
26560
26408
 
26561
- .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 {
26562
- transform: translateX(50%);
26409
+ .v-picker__body {
26410
+ grid-area: body;
26411
+ overflow: hidden;
26412
+ position: relative;
26563
26413
  }
26564
26414
 
26565
- .v-slider.v-input--horizontal .v-slider-thumb__label::before {
26566
- border-left: 6px solid transparent;
26567
- border-right: 6px solid transparent;
26568
- border-top: 6px solid currentColor;
26569
- bottom: -6px;
26415
+ .v-picker__header {
26416
+ grid-area: header;
26570
26417
  }
26571
26418
 
26572
- .v-slider.v-input--vertical .v-slider-thumb {
26573
- top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26574
- }
26575
- .v-slider.v-input--vertical .v-slider-thumb__label-container {
26576
- top: calc(var(--v-slider-thumb-size) / 2);
26577
- right: 0;
26419
+ .v-picker__actions {
26420
+ grid-area: actions;
26421
+ padding: 0 12px 12px;
26422
+ display: flex;
26423
+ align-items: center;
26424
+ justify-content: flex-end;
26578
26425
  }
26579
- .v-slider.v-input--vertical .v-slider-thumb__label {
26580
- top: -12.5px;
26581
- left: calc(var(--v-slider-thumb-size) / 2);
26426
+ .v-picker__actions .v-btn {
26427
+ min-width: 48px;
26582
26428
  }
26583
- .v-slider.v-input--vertical .v-slider-thumb__label::before {
26584
- border-right: 6px solid currentColor;
26585
- border-top: 6px solid transparent;
26586
- border-bottom: 6px solid transparent;
26587
- left: -6px;
26429
+ .v-picker__actions .v-btn:not(:last-child) {
26430
+ margin-inline-end: 8px;
26588
26431
  }
26589
26432
 
26590
- .v-slider-thumb--focused .v-slider-thumb__surface::before {
26591
- transform: scale(2);
26592
- opacity: var(--v-focus-opacity);
26433
+ .v-picker--landscape {
26434
+ grid-template-areas: "title" "header body" "header body";
26593
26435
  }
26594
26436
 
26595
- .v-slider-thumb--pressed {
26596
- transition: none;
26597
- }
26598
- .v-slider-thumb--pressed .v-slider-thumb__surface::before {
26599
- opacity: var(--v-pressed-opacity);
26437
+ .v-picker--landscape.v-picker--with-actions {
26438
+ grid-template-areas: "title" "header body" "header actions";
26600
26439
  }
26601
26440
 
26602
- @media (hover: hover) {
26603
- .v-slider-thumb:hover .v-slider-thumb__surface::before {
26604
- transform: scale(2);
26605
- }
26606
- .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
26607
- opacity: var(--v-hover-opacity);
26608
- }
26441
+ .v-picker-title {
26442
+ text-transform: uppercase;
26443
+ font-size: 0.75rem;
26444
+ grid-area: title;
26445
+ padding-inline: 24px 12px;
26446
+ padding-top: 16px;
26447
+ padding-bottom: 16px;
26448
+ font-weight: 400;
26449
+ letter-spacing: 0.1666666667em;
26609
26450
  }.v-slider-track__background {
26610
26451
  background-color: rgb(var(--v-theme-surface-variant));
26611
26452
  }
@@ -26784,4 +26625,163 @@ html.v-overlay-scroll-blocked {
26784
26625
 
26785
26626
  .v-slider-track__background--opacity {
26786
26627
  opacity: 0.38;
26628
+ }.v-slider-thumb {
26629
+ touch-action: none;
26630
+ color: rgb(var(--v-theme-surface-variant));
26631
+ }
26632
+ .v-input--error:not(.v-input--disabled) .v-slider-thumb {
26633
+ color: inherit;
26634
+ }
26635
+
26636
+ .v-slider-thumb__label {
26637
+ background: rgba(var(--v-theme-surface-variant), 0.7);
26638
+ color: rgb(var(--v-theme-on-surface-variant));
26639
+ }
26640
+ .v-slider-thumb__label::before {
26641
+ color: rgba(var(--v-theme-surface-variant), 0.7);
26642
+ }
26643
+
26644
+ .v-slider-thumb {
26645
+ outline: none;
26646
+ position: absolute;
26647
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
26648
+ }
26649
+
26650
+ .v-slider-thumb__surface {
26651
+ cursor: pointer;
26652
+ width: var(--v-slider-thumb-size);
26653
+ height: var(--v-slider-thumb-size);
26654
+ border-radius: 50%;
26655
+ -webkit-user-select: none;
26656
+ user-select: none;
26657
+ background-color: currentColor;
26658
+ }
26659
+ @media (forced-colors: active) {
26660
+ .v-slider-thumb__surface {
26661
+ background-color: highlight;
26662
+ }
26663
+ }
26664
+ .v-slider-thumb__surface::before {
26665
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
26666
+ content: "";
26667
+ color: inherit;
26668
+ top: 0;
26669
+ left: 0;
26670
+ width: 100%;
26671
+ height: 100%;
26672
+ border-radius: 50%;
26673
+ background: currentColor;
26674
+ position: absolute;
26675
+ pointer-events: none;
26676
+ opacity: 0;
26677
+ }
26678
+ .v-slider-thumb__surface::after {
26679
+ content: "";
26680
+ width: 42px;
26681
+ height: 42px;
26682
+ position: absolute;
26683
+ top: 50%;
26684
+ left: 50%;
26685
+ transform: translate(-50%, -50%);
26686
+ }
26687
+
26688
+ .v-slider-thumb__label-container {
26689
+ position: absolute;
26690
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
26691
+ }
26692
+
26693
+ .v-slider-thumb__label {
26694
+ display: flex;
26695
+ align-items: center;
26696
+ justify-content: center;
26697
+ font-size: 0.75rem;
26698
+ min-width: 35px;
26699
+ height: 25px;
26700
+ border-radius: 4px;
26701
+ padding: 6px;
26702
+ position: absolute;
26703
+ -webkit-user-select: none;
26704
+ user-select: none;
26705
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
26706
+ }
26707
+ .v-slider-thumb__label::before {
26708
+ content: "";
26709
+ width: 0;
26710
+ height: 0;
26711
+ position: absolute;
26712
+ }
26713
+
26714
+ .v-slider-thumb__ripple {
26715
+ position: absolute;
26716
+ left: calc(var(--v-slider-thumb-size) / -2);
26717
+ top: calc(var(--v-slider-thumb-size) / -2);
26718
+ width: calc(var(--v-slider-thumb-size) * 2);
26719
+ height: calc(var(--v-slider-thumb-size) * 2);
26720
+ background: inherit;
26721
+ }
26722
+
26723
+ .v-slider.v-input--horizontal .v-slider-thumb {
26724
+ top: 50%;
26725
+ transform: translateY(-50%);
26726
+ inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26727
+ }
26728
+ .v-slider.v-input--horizontal .v-slider-thumb__label-container {
26729
+ left: calc(var(--v-slider-thumb-size) / 2);
26730
+ top: 0;
26731
+ }
26732
+ .v-slider.v-input--horizontal .v-slider-thumb__label {
26733
+ bottom: calc(var(--v-slider-thumb-size) / 2);
26734
+ }
26735
+ .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 {
26736
+ transform: translateX(-50%);
26737
+ }
26738
+
26739
+ .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 {
26740
+ transform: translateX(50%);
26741
+ }
26742
+
26743
+ .v-slider.v-input--horizontal .v-slider-thumb__label::before {
26744
+ border-left: 6px solid transparent;
26745
+ border-right: 6px solid transparent;
26746
+ border-top: 6px solid currentColor;
26747
+ bottom: -6px;
26748
+ }
26749
+
26750
+ .v-slider.v-input--vertical .v-slider-thumb {
26751
+ top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26752
+ }
26753
+ .v-slider.v-input--vertical .v-slider-thumb__label-container {
26754
+ top: calc(var(--v-slider-thumb-size) / 2);
26755
+ right: 0;
26756
+ }
26757
+ .v-slider.v-input--vertical .v-slider-thumb__label {
26758
+ top: -12.5px;
26759
+ left: calc(var(--v-slider-thumb-size) / 2);
26760
+ }
26761
+ .v-slider.v-input--vertical .v-slider-thumb__label::before {
26762
+ border-right: 6px solid currentColor;
26763
+ border-top: 6px solid transparent;
26764
+ border-bottom: 6px solid transparent;
26765
+ left: -6px;
26766
+ }
26767
+
26768
+ .v-slider-thumb--focused .v-slider-thumb__surface::before {
26769
+ transform: scale(2);
26770
+ opacity: var(--v-focus-opacity);
26771
+ }
26772
+
26773
+ .v-slider-thumb--pressed {
26774
+ transition: none;
26775
+ }
26776
+ .v-slider-thumb--pressed .v-slider-thumb__surface::before {
26777
+ opacity: var(--v-pressed-opacity);
26778
+ }
26779
+
26780
+ @media (hover: hover) {
26781
+ .v-slider-thumb:hover .v-slider-thumb__surface::before {
26782
+ transform: scale(2);
26783
+ }
26784
+ .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
26785
+ opacity: var(--v-hover-opacity);
26786
+ }
26787
26787
  }