@vuetify/nightly 3.6.14-master.2024-08-14 → 3.6.15-master.2024-08-15

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.6.14-master.2024-08-14
2
+ * Vuetify v3.6.15-master.2024-08-15
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -18477,6 +18477,69 @@ html.overflow-y-hidden {
18477
18477
  .v-avatar .v-img {
18478
18478
  height: 100%;
18479
18479
  width: 100%;
18480
+ }.v-bottom-navigation {
18481
+ display: flex;
18482
+ max-width: 100%;
18483
+ overflow: hidden;
18484
+ position: absolute;
18485
+ transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
18486
+ }
18487
+ .v-bottom-navigation {
18488
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18489
+ border-style: solid;
18490
+ border-width: 0;
18491
+ }
18492
+ .v-bottom-navigation--border {
18493
+ border-width: thin;
18494
+ box-shadow: none;
18495
+ }
18496
+ .v-bottom-navigation {
18497
+ border-radius: 0;
18498
+ }
18499
+ .v-bottom-navigation {
18500
+ background: rgb(var(--v-theme-surface));
18501
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18502
+ }
18503
+ .v-bottom-navigation--active {
18504
+ 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));
18505
+ }
18506
+
18507
+ .v-bottom-navigation__content {
18508
+ display: flex;
18509
+ flex: none;
18510
+ font-size: 0.75rem;
18511
+ justify-content: center;
18512
+ transition: inherit;
18513
+ width: 100%;
18514
+ }
18515
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18516
+ font-size: inherit;
18517
+ height: 100%;
18518
+ max-width: 168px;
18519
+ min-width: 80px;
18520
+ text-transform: none;
18521
+ transition: inherit;
18522
+ width: auto;
18523
+ }
18524
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18525
+ border-radius: 0;
18526
+ }
18527
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
18528
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18529
+ transition: inherit;
18530
+ }
18531
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18532
+ font-size: 1.5rem;
18533
+ }
18534
+ .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
18535
+ flex-grow: 1;
18536
+ }
18537
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
18538
+ transition: inherit;
18539
+ opacity: 0;
18540
+ }
18541
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18542
+ transform: translateY(0.5rem);
18480
18543
  }.v-banner {
18481
18544
  display: grid;
18482
18545
  flex: 1 1;
@@ -18643,69 +18706,6 @@ html.overflow-y-hidden {
18643
18706
  }
18644
18707
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
18645
18708
  align-self: flex-start;
18646
- }.v-bottom-navigation {
18647
- display: flex;
18648
- max-width: 100%;
18649
- overflow: hidden;
18650
- position: absolute;
18651
- transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
18652
- }
18653
- .v-bottom-navigation {
18654
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18655
- border-style: solid;
18656
- border-width: 0;
18657
- }
18658
- .v-bottom-navigation--border {
18659
- border-width: thin;
18660
- box-shadow: none;
18661
- }
18662
- .v-bottom-navigation {
18663
- border-radius: 0;
18664
- }
18665
- .v-bottom-navigation {
18666
- background: rgb(var(--v-theme-surface));
18667
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18668
- }
18669
- .v-bottom-navigation--active {
18670
- 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));
18671
- }
18672
-
18673
- .v-bottom-navigation__content {
18674
- display: flex;
18675
- flex: none;
18676
- font-size: 0.75rem;
18677
- justify-content: center;
18678
- transition: inherit;
18679
- width: 100%;
18680
- }
18681
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18682
- font-size: inherit;
18683
- height: 100%;
18684
- max-width: 168px;
18685
- min-width: 80px;
18686
- text-transform: none;
18687
- transition: inherit;
18688
- width: auto;
18689
- }
18690
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18691
- border-radius: 0;
18692
- }
18693
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
18694
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18695
- transition: inherit;
18696
- }
18697
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18698
- font-size: 1.5rem;
18699
- }
18700
- .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
18701
- flex-grow: 1;
18702
- }
18703
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
18704
- transition: inherit;
18705
- opacity: 0;
18706
- }
18707
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18708
- transform: translateY(0.5rem);
18709
18709
  }.bottom-sheet-transition-enter-from {
18710
18710
  transform: translateY(100%);
18711
18711
  }
@@ -19225,6 +19225,19 @@ html.overflow-y-hidden {
19225
19225
  }
19226
19226
  .v-pagination__item--is-active .v-btn__overlay {
19227
19227
  opacity: var(--v-border-opacity);
19228
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
19229
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19230
+ }
19231
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
19232
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19233
+ }
19234
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
19235
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19236
+ }
19237
+ @supports not selector(:focus-visible) {
19238
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
19239
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19240
+ }
19228
19241
  }.v-btn-group {
19229
19242
  display: inline-flex;
19230
19243
  flex-wrap: nowrap;
@@ -19289,19 +19302,6 @@ html.overflow-y-hidden {
19289
19302
  }
19290
19303
  .v-btn-group--tile {
19291
19304
  border-radius: 0;
19292
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
19293
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19294
- }
19295
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
19296
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19297
- }
19298
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
19299
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19300
- }
19301
- @supports not selector(:focus-visible) {
19302
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
19303
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19304
- }
19305
19305
  }.v-card {
19306
19306
  display: block;
19307
19307
  overflow: hidden;
@@ -19679,24 +19679,6 @@ html.overflow-y-hidden {
19679
19679
  }
19680
19680
  .v-checkbox .v-selection-control {
19681
19681
  min-height: var(--v-input-control-height);
19682
- }.v-chip-group {
19683
- display: flex;
19684
- max-width: 100%;
19685
- min-width: 0;
19686
- overflow-x: auto;
19687
- padding: 4px 0;
19688
- }
19689
- .v-chip-group .v-chip {
19690
- margin: 4px 8px 4px 0;
19691
- }
19692
- .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
19693
- opacity: var(--v-activated-opacity);
19694
- }
19695
-
19696
- .v-chip-group--column .v-slide-group__content {
19697
- white-space: normal;
19698
- flex-wrap: wrap;
19699
- max-width: 100%;
19700
19682
  }.v-chip {
19701
19683
  align-items: center;
19702
19684
  display: inline-flex;
@@ -20115,6 +20097,24 @@ html.overflow-y-hidden {
20115
20097
 
20116
20098
  .v-chip--label {
20117
20099
  border-radius: 4px;
20100
+ }.v-chip-group {
20101
+ display: flex;
20102
+ max-width: 100%;
20103
+ min-width: 0;
20104
+ overflow-x: auto;
20105
+ padding: 4px 0;
20106
+ }
20107
+ .v-chip-group .v-chip {
20108
+ margin: 4px 8px 4px 0;
20109
+ }
20110
+ .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
20111
+ opacity: var(--v-activated-opacity);
20112
+ }
20113
+
20114
+ .v-chip-group--column .v-slide-group__content {
20115
+ white-space: normal;
20116
+ flex-wrap: wrap;
20117
+ max-width: 100%;
20118
20118
  }.v-color-picker {
20119
20119
  align-self: flex-start;
20120
20120
  contain: content;
@@ -20227,244 +20227,33 @@ html.overflow-y-hidden {
20227
20227
  flex: 0 1 auto;
20228
20228
  font-size: 12px;
20229
20229
  transition-duration: 150ms;
20230
- }.v-date-picker {
20231
- overflow: hidden;
20232
- width: 328px;
20233
- }
20234
- .v-date-picker--show-week {
20235
- width: 368px;
20236
- }.v-date-picker-controls {
20237
- display: flex;
20238
- align-items: center;
20239
- justify-content: space-between;
20240
- font-size: 0.875rem;
20241
- padding-top: 4px;
20242
- padding-bottom: 4px;
20243
- padding-inline-start: 6px;
20244
- padding-inline-end: 12px;
20245
- }
20246
- .v-date-picker-controls > .v-btn:first-child {
20247
- text-transform: none;
20248
- font-weight: 400;
20249
- line-height: initial;
20250
- letter-spacing: initial;
20251
- }
20252
- .v-date-picker-controls--variant-classic {
20253
- padding-inline-start: 12px;
20254
- }
20255
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20256
- opacity: 0.7;
20257
- }
20258
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20259
- cursor: pointer;
20260
- }
20261
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20262
- opacity: 1;
20263
- }
20264
- .v-date-picker-controls .v-btn:last-child {
20265
- margin-inline-start: 4px;
20230
+ }.v-data-table {
20231
+ width: 100%;
20266
20232
  }
20267
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20268
- transform: rotate(180deg);
20233
+
20234
+ .v-data-table__table {
20235
+ width: 100%;
20236
+ border-collapse: separate;
20237
+ border-spacing: 0;
20269
20238
  }
20270
20239
 
20271
- .v-date-picker-controls__date {
20272
- margin-inline-end: 4px;
20240
+ .v-data-table__tr--focus {
20241
+ border: 1px dotted black;
20273
20242
  }
20274
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20275
- margin: auto;
20276
- text-align: center;
20243
+ .v-data-table__tr--clickable {
20244
+ cursor: pointer;
20277
20245
  }
20278
20246
 
20279
- .v-date-picker-controls__month {
20280
- display: flex;
20247
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
20248
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
20249
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
20250
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
20251
+ text-align: end;
20281
20252
  }
20282
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20283
- flex-direction: row-reverse;
20284
- }
20285
-
20286
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20287
- flex: 1 0 auto;
20288
- }
20289
-
20290
- .v-date-picker__title {
20291
- display: inline-block;
20292
- }.v-date-picker-header {
20293
- align-items: flex-end;
20294
- height: 70px;
20295
- display: grid;
20296
- grid-template-areas: "prepend content append";
20297
- grid-template-columns: min-content minmax(0, 1fr) min-content;
20298
- overflow: hidden;
20299
- padding-inline: 24px 12px;
20300
- padding-bottom: 12px;
20301
- }
20302
-
20303
- .v-date-picker-header__append {
20304
- grid-area: append;
20305
- }
20306
-
20307
- .v-date-picker-header__prepend {
20308
- grid-area: prepend;
20309
- padding-inline-start: 8px;
20310
- }
20311
-
20312
- .v-date-picker-header__content {
20313
- align-items: center;
20314
- display: inline-flex;
20315
- font-size: 32px;
20316
- line-height: 40px;
20317
- grid-area: content;
20318
- justify-content: space-between;
20319
- }
20320
- .v-date-picker-header--clickable .v-date-picker-header__content {
20321
- cursor: pointer;
20322
- }
20323
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20324
- opacity: 0.7;
20325
- }
20326
-
20327
- .date-picker-header-transition-enter-active,
20328
- .date-picker-header-reverse-transition-enter-active {
20329
- transition-duration: 0.3s;
20330
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20331
- }
20332
- .date-picker-header-transition-leave-active,
20333
- .date-picker-header-reverse-transition-leave-active {
20334
- transition-duration: 0.3s;
20335
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20336
- }
20337
-
20338
- .date-picker-header-transition-enter-from {
20339
- transform: translate(0, 100%);
20340
- }
20341
- .date-picker-header-transition-leave-to {
20342
- opacity: 0;
20343
- transform: translate(0, -100%);
20344
- }
20345
-
20346
- .date-picker-header-reverse-transition-enter-from {
20347
- transform: translate(0, -100%);
20348
- }
20349
- .date-picker-header-reverse-transition-leave-to {
20350
- opacity: 0;
20351
- transform: translate(0, 100%);
20352
- }.v-date-picker-month {
20353
- display: flex;
20354
- justify-content: center;
20355
- padding: 0 12px 8px;
20356
- --v-date-picker-month-day-diff: 4px;
20357
- }
20358
-
20359
- .v-date-picker-month__weeks {
20360
- display: grid;
20361
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20362
- column-gap: 4px;
20363
- font-size: 0.85rem;
20364
- }
20365
- .v-date-picker-month__weeks + .v-date-picker-month__days {
20366
- grid-row-gap: 0;
20367
- }
20368
-
20369
- .v-date-picker-month__weekday {
20370
- font-size: 0.85rem;
20371
- }
20372
-
20373
- .v-date-picker-month__days {
20374
- display: grid;
20375
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20376
- column-gap: 4px;
20377
- flex: 1 1;
20378
- justify-content: space-around;
20379
- }
20380
-
20381
- .v-date-picker-month__day {
20382
- align-items: center;
20383
- display: flex;
20384
- justify-content: center;
20385
- position: relative;
20386
- height: 40px;
20387
- width: 40px;
20388
- }
20389
- .v-date-picker-month__day--selected .v-btn {
20390
- background-color: rgb(var(--v-theme-surface-variant));
20391
- color: rgb(var(--v-theme-on-surface-variant));
20392
- }
20393
- .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20394
- --v-btn-height: 24px;
20395
- --v-btn-size: 0.85rem;
20396
- }
20397
- .v-date-picker-month__day--week {
20398
- font-size: var(--v-btn-size);
20399
- }
20400
-
20401
- .v-date-picker-month__day--adjacent {
20402
- opacity: 0.5;
20403
- }
20404
-
20405
- .v-date-picker-month__day--hide-adjacent {
20406
- opacity: 0;
20407
- }.v-date-picker-months {
20408
- height: 288px;
20409
- }
20410
-
20411
- .v-date-picker-months__content {
20412
- align-items: center;
20413
- display: grid;
20414
- flex: 1 1;
20415
- height: inherit;
20416
- justify-content: space-around;
20417
- grid-template-columns: repeat(2, 1fr);
20418
- grid-gap: 0px 24px;
20419
- padding-inline-start: 36px;
20420
- padding-inline-end: 36px;
20421
- }
20422
- .v-date-picker-months__content .v-btn {
20423
- text-transform: none;
20424
- padding-inline-start: 8px;
20425
- padding-inline-end: 8px;
20426
- }.v-date-picker-years {
20427
- height: 288px;
20428
- overflow-y: scroll;
20429
- }
20430
-
20431
- .v-date-picker-years__content {
20432
- display: grid;
20433
- flex: 1 1;
20434
- justify-content: space-around;
20435
- grid-template-columns: repeat(3, 1fr);
20436
- gap: 8px 24px;
20437
- padding-inline: 32px;
20438
- }
20439
- .v-date-picker-years__content .v-btn {
20440
- padding-inline: 8px;
20441
- }.v-data-table {
20442
- width: 100%;
20443
- }
20444
-
20445
- .v-data-table__table {
20446
- width: 100%;
20447
- border-collapse: separate;
20448
- border-spacing: 0;
20449
- }
20450
-
20451
- .v-data-table__tr--focus {
20452
- border: 1px dotted black;
20453
- }
20454
- .v-data-table__tr--clickable {
20455
- cursor: pointer;
20456
- }
20457
-
20458
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
20459
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
20460
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
20461
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
20462
- text-align: end;
20463
- }
20464
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20465
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
20466
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20467
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
20253
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20254
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
20255
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20256
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
20468
20257
  flex-direction: row-reverse;
20469
20258
  }
20470
20259
  .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
@@ -20656,64 +20445,275 @@ html.overflow-y-hidden {
20656
20445
  }
20657
20446
  .v-data-table-footer__page {
20658
20447
  padding: 0 8px;
20659
- }.v-dialog {
20660
- align-items: center;
20661
- justify-content: center;
20662
- margin: auto;
20663
- }
20664
- .v-dialog > .v-overlay__content {
20665
- max-height: calc(100% - 48px);
20666
- width: calc(100% - 48px);
20667
- max-width: calc(100% - 48px);
20668
- margin: 24px;
20669
- }
20670
- .v-dialog > .v-overlay__content,
20671
- .v-dialog > .v-overlay__content > form {
20448
+ }.v-date-picker-controls {
20672
20449
  display: flex;
20673
- flex-direction: column;
20674
- min-height: 0;
20450
+ align-items: center;
20451
+ justify-content: space-between;
20452
+ font-size: 0.875rem;
20453
+ padding-top: 4px;
20454
+ padding-bottom: 4px;
20455
+ padding-inline-start: 6px;
20456
+ padding-inline-end: 12px;
20675
20457
  }
20676
- .v-dialog > .v-overlay__content > .v-card,
20677
- .v-dialog > .v-overlay__content > .v-sheet,
20678
- .v-dialog > .v-overlay__content > form > .v-card,
20679
- .v-dialog > .v-overlay__content > form > .v-sheet {
20680
- --v-scrollbar-offset: 0px;
20681
- border-radius: 4px;
20682
- overflow-y: auto;
20458
+ .v-date-picker-controls > .v-btn:first-child {
20459
+ text-transform: none;
20460
+ font-weight: 400;
20461
+ line-height: initial;
20462
+ letter-spacing: initial;
20683
20463
  }
20684
- .v-dialog > .v-overlay__content > .v-card,
20685
- .v-dialog > .v-overlay__content > .v-sheet,
20686
- .v-dialog > .v-overlay__content > form > .v-card,
20687
- .v-dialog > .v-overlay__content > form > .v-sheet {
20688
- 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));
20464
+ .v-date-picker-controls--variant-classic {
20465
+ padding-inline-start: 12px;
20689
20466
  }
20690
- .v-dialog > .v-overlay__content > .v-card,
20691
- .v-dialog > .v-overlay__content > form > .v-card {
20692
- display: flex;
20693
- flex-direction: column;
20467
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20468
+ opacity: 0.7;
20694
20469
  }
20695
- .v-dialog > .v-overlay__content > .v-card > .v-card-item,
20696
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
20697
- padding: 16px 24px;
20470
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20471
+ cursor: pointer;
20698
20472
  }
20699
- .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
20700
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
20701
- padding-top: 0;
20473
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20474
+ opacity: 1;
20702
20475
  }
20703
- .v-dialog > .v-overlay__content > .v-card > .v-card-text,
20704
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
20705
- font-size: inherit;
20706
- letter-spacing: 0.03125em;
20707
- line-height: inherit;
20708
- padding: 16px 24px 24px;
20476
+ .v-date-picker-controls .v-btn:last-child {
20477
+ margin-inline-start: 4px;
20709
20478
  }
20710
- .v-dialog > .v-overlay__content > .v-card > .v-card-actions,
20711
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-actions {
20712
- justify-content: flex-end;
20479
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20480
+ transform: rotate(180deg);
20713
20481
  }
20714
20482
 
20715
- .v-dialog--fullscreen {
20716
- --v-scrollbar-offset: 0px;
20483
+ .v-date-picker-controls__date {
20484
+ margin-inline-end: 4px;
20485
+ }
20486
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20487
+ margin: auto;
20488
+ text-align: center;
20489
+ }
20490
+
20491
+ .v-date-picker-controls__month {
20492
+ display: flex;
20493
+ }
20494
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20495
+ flex-direction: row-reverse;
20496
+ }
20497
+
20498
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20499
+ flex: 1 0 auto;
20500
+ }
20501
+
20502
+ .v-date-picker__title {
20503
+ display: inline-block;
20504
+ }.v-date-picker {
20505
+ overflow: hidden;
20506
+ width: 328px;
20507
+ }
20508
+ .v-date-picker--show-week {
20509
+ width: 368px;
20510
+ }.v-date-picker-month {
20511
+ display: flex;
20512
+ justify-content: center;
20513
+ padding: 0 12px 8px;
20514
+ --v-date-picker-month-day-diff: 4px;
20515
+ }
20516
+
20517
+ .v-date-picker-month__weeks {
20518
+ display: grid;
20519
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20520
+ column-gap: 4px;
20521
+ font-size: 0.85rem;
20522
+ }
20523
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
20524
+ grid-row-gap: 0;
20525
+ }
20526
+
20527
+ .v-date-picker-month__weekday {
20528
+ font-size: 0.85rem;
20529
+ }
20530
+
20531
+ .v-date-picker-month__days {
20532
+ display: grid;
20533
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20534
+ column-gap: 4px;
20535
+ flex: 1 1;
20536
+ justify-content: space-around;
20537
+ }
20538
+
20539
+ .v-date-picker-month__day {
20540
+ align-items: center;
20541
+ display: flex;
20542
+ justify-content: center;
20543
+ position: relative;
20544
+ height: 40px;
20545
+ width: 40px;
20546
+ }
20547
+ .v-date-picker-month__day--selected .v-btn {
20548
+ background-color: rgb(var(--v-theme-surface-variant));
20549
+ color: rgb(var(--v-theme-on-surface-variant));
20550
+ }
20551
+ .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20552
+ --v-btn-height: 24px;
20553
+ --v-btn-size: 0.85rem;
20554
+ }
20555
+ .v-date-picker-month__day--week {
20556
+ font-size: var(--v-btn-size);
20557
+ }
20558
+
20559
+ .v-date-picker-month__day--adjacent {
20560
+ opacity: 0.5;
20561
+ }
20562
+
20563
+ .v-date-picker-month__day--hide-adjacent {
20564
+ opacity: 0;
20565
+ }.v-date-picker-header {
20566
+ align-items: flex-end;
20567
+ height: 70px;
20568
+ display: grid;
20569
+ grid-template-areas: "prepend content append";
20570
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
20571
+ overflow: hidden;
20572
+ padding-inline: 24px 12px;
20573
+ padding-bottom: 12px;
20574
+ }
20575
+
20576
+ .v-date-picker-header__append {
20577
+ grid-area: append;
20578
+ }
20579
+
20580
+ .v-date-picker-header__prepend {
20581
+ grid-area: prepend;
20582
+ padding-inline-start: 8px;
20583
+ }
20584
+
20585
+ .v-date-picker-header__content {
20586
+ align-items: center;
20587
+ display: inline-flex;
20588
+ font-size: 32px;
20589
+ line-height: 40px;
20590
+ grid-area: content;
20591
+ justify-content: space-between;
20592
+ }
20593
+ .v-date-picker-header--clickable .v-date-picker-header__content {
20594
+ cursor: pointer;
20595
+ }
20596
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20597
+ opacity: 0.7;
20598
+ }
20599
+
20600
+ .date-picker-header-transition-enter-active,
20601
+ .date-picker-header-reverse-transition-enter-active {
20602
+ transition-duration: 0.3s;
20603
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20604
+ }
20605
+ .date-picker-header-transition-leave-active,
20606
+ .date-picker-header-reverse-transition-leave-active {
20607
+ transition-duration: 0.3s;
20608
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20609
+ }
20610
+
20611
+ .date-picker-header-transition-enter-from {
20612
+ transform: translate(0, 100%);
20613
+ }
20614
+ .date-picker-header-transition-leave-to {
20615
+ opacity: 0;
20616
+ transform: translate(0, -100%);
20617
+ }
20618
+
20619
+ .date-picker-header-reverse-transition-enter-from {
20620
+ transform: translate(0, -100%);
20621
+ }
20622
+ .date-picker-header-reverse-transition-leave-to {
20623
+ opacity: 0;
20624
+ transform: translate(0, 100%);
20625
+ }.v-date-picker-months {
20626
+ height: 288px;
20627
+ }
20628
+
20629
+ .v-date-picker-months__content {
20630
+ align-items: center;
20631
+ display: grid;
20632
+ flex: 1 1;
20633
+ height: inherit;
20634
+ justify-content: space-around;
20635
+ grid-template-columns: repeat(2, 1fr);
20636
+ grid-gap: 0px 24px;
20637
+ padding-inline-start: 36px;
20638
+ padding-inline-end: 36px;
20639
+ }
20640
+ .v-date-picker-months__content .v-btn {
20641
+ text-transform: none;
20642
+ padding-inline-start: 8px;
20643
+ padding-inline-end: 8px;
20644
+ }.v-date-picker-years {
20645
+ height: 288px;
20646
+ overflow-y: scroll;
20647
+ }
20648
+
20649
+ .v-date-picker-years__content {
20650
+ display: grid;
20651
+ flex: 1 1;
20652
+ justify-content: space-around;
20653
+ grid-template-columns: repeat(3, 1fr);
20654
+ gap: 8px 24px;
20655
+ padding-inline: 32px;
20656
+ }
20657
+ .v-date-picker-years__content .v-btn {
20658
+ padding-inline: 8px;
20659
+ }.v-dialog {
20660
+ align-items: center;
20661
+ justify-content: center;
20662
+ margin: auto;
20663
+ }
20664
+ .v-dialog > .v-overlay__content {
20665
+ max-height: calc(100% - 48px);
20666
+ width: calc(100% - 48px);
20667
+ max-width: calc(100% - 48px);
20668
+ margin: 24px;
20669
+ }
20670
+ .v-dialog > .v-overlay__content,
20671
+ .v-dialog > .v-overlay__content > form {
20672
+ display: flex;
20673
+ flex-direction: column;
20674
+ min-height: 0;
20675
+ }
20676
+ .v-dialog > .v-overlay__content > .v-card,
20677
+ .v-dialog > .v-overlay__content > .v-sheet,
20678
+ .v-dialog > .v-overlay__content > form > .v-card,
20679
+ .v-dialog > .v-overlay__content > form > .v-sheet {
20680
+ --v-scrollbar-offset: 0px;
20681
+ border-radius: 4px;
20682
+ overflow-y: auto;
20683
+ }
20684
+ .v-dialog > .v-overlay__content > .v-card,
20685
+ .v-dialog > .v-overlay__content > .v-sheet,
20686
+ .v-dialog > .v-overlay__content > form > .v-card,
20687
+ .v-dialog > .v-overlay__content > form > .v-sheet {
20688
+ 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));
20689
+ }
20690
+ .v-dialog > .v-overlay__content > .v-card,
20691
+ .v-dialog > .v-overlay__content > form > .v-card {
20692
+ display: flex;
20693
+ flex-direction: column;
20694
+ }
20695
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item,
20696
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
20697
+ padding: 16px 24px;
20698
+ }
20699
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
20700
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
20701
+ padding-top: 0;
20702
+ }
20703
+ .v-dialog > .v-overlay__content > .v-card > .v-card-text,
20704
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
20705
+ font-size: inherit;
20706
+ letter-spacing: 0.03125em;
20707
+ line-height: inherit;
20708
+ padding: 16px 24px 24px;
20709
+ }
20710
+ .v-dialog > .v-overlay__content > .v-card > .v-card-actions,
20711
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-actions {
20712
+ justify-content: flex-end;
20713
+ }
20714
+
20715
+ .v-dialog--fullscreen {
20716
+ --v-scrollbar-offset: 0px;
20717
20717
  }
20718
20718
  .v-dialog--fullscreen > .v-overlay__content {
20719
20719
  border-radius: 0;
@@ -20753,58 +20753,6 @@ html.overflow-y-hidden {
20753
20753
  -webkit-backface-visibility: hidden;
20754
20754
  backface-visibility: hidden;
20755
20755
  overflow-y: auto;
20756
- }.v-divider {
20757
- display: block;
20758
- flex: 1 1 100%;
20759
- height: 0px;
20760
- max-height: 0px;
20761
- opacity: var(--v-border-opacity);
20762
- transition: inherit;
20763
- }
20764
- .v-divider {
20765
- border-style: solid;
20766
- border-width: thin 0 0 0;
20767
- }
20768
- .v-divider--vertical {
20769
- align-self: stretch;
20770
- border-width: 0 thin 0 0;
20771
- display: inline-flex;
20772
- height: auto;
20773
- margin-left: -1px;
20774
- max-height: 100%;
20775
- max-width: 0px;
20776
- vertical-align: text-bottom;
20777
- width: 0px;
20778
- }
20779
- .v-divider--inset:not(.v-divider--vertical) {
20780
- max-width: calc(100% - 72px);
20781
- margin-inline-start: 72px;
20782
- }
20783
- .v-divider--inset.v-divider--vertical {
20784
- margin-bottom: 8px;
20785
- margin-top: 8px;
20786
- max-height: calc(100% - 16px);
20787
- }
20788
-
20789
- .v-divider__content {
20790
- padding: 0 16px;
20791
- text-wrap: nowrap;
20792
- }
20793
- .v-divider__wrapper--vertical .v-divider__content {
20794
- padding: 4px 0;
20795
- }
20796
-
20797
- .v-divider__wrapper {
20798
- display: flex;
20799
- align-items: center;
20800
- justify-content: center;
20801
- }
20802
- .v-divider__wrapper--vertical {
20803
- flex-direction: column;
20804
- height: 100%;
20805
- }
20806
- .v-divider__wrapper--vertical .v-divider {
20807
- margin: 0 auto;
20808
20756
  }.v-empty-state {
20809
20757
  align-items: center;
20810
20758
  display: flex;
@@ -20872,6 +20820,58 @@ html.overflow-y-hidden {
20872
20820
  .v-empty-state__action-btn.v-btn {
20873
20821
  background-color: initial;
20874
20822
  color: initial;
20823
+ }.v-divider {
20824
+ display: block;
20825
+ flex: 1 1 100%;
20826
+ height: 0px;
20827
+ max-height: 0px;
20828
+ opacity: var(--v-border-opacity);
20829
+ transition: inherit;
20830
+ }
20831
+ .v-divider {
20832
+ border-style: solid;
20833
+ border-width: thin 0 0 0;
20834
+ }
20835
+ .v-divider--vertical {
20836
+ align-self: stretch;
20837
+ border-width: 0 thin 0 0;
20838
+ display: inline-flex;
20839
+ height: auto;
20840
+ margin-left: -1px;
20841
+ max-height: 100%;
20842
+ max-width: 0px;
20843
+ vertical-align: text-bottom;
20844
+ width: 0px;
20845
+ }
20846
+ .v-divider--inset:not(.v-divider--vertical) {
20847
+ max-width: calc(100% - 72px);
20848
+ margin-inline-start: 72px;
20849
+ }
20850
+ .v-divider--inset.v-divider--vertical {
20851
+ margin-bottom: 8px;
20852
+ margin-top: 8px;
20853
+ max-height: calc(100% - 16px);
20854
+ }
20855
+
20856
+ .v-divider__content {
20857
+ padding: 0 16px;
20858
+ text-wrap: nowrap;
20859
+ }
20860
+ .v-divider__wrapper--vertical .v-divider__content {
20861
+ padding: 4px 0;
20862
+ }
20863
+
20864
+ .v-divider__wrapper {
20865
+ display: flex;
20866
+ align-items: center;
20867
+ justify-content: center;
20868
+ }
20869
+ .v-divider__wrapper--vertical {
20870
+ flex-direction: column;
20871
+ height: 100%;
20872
+ }
20873
+ .v-divider__wrapper--vertical .v-divider {
20874
+ margin: 0 auto;
20875
20875
  }.v-expansion-panel {
20876
20876
  background-color: rgb(var(--v-theme-surface));
20877
20877
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -22477,48 +22477,6 @@ textarea.v-field__input::placeholder {
22477
22477
  .offset-xxl-11 {
22478
22478
  margin-inline-start: 91.6666666667%;
22479
22479
  }
22480
- }.v-img {
22481
- --v-theme-overlay-multiplier: 3;
22482
- z-index: 0;
22483
- }
22484
- .v-img--booting .v-responsive__sizer {
22485
- transition: none;
22486
- }
22487
- .v-img--rounded {
22488
- border-radius: 4px;
22489
- }
22490
-
22491
- .v-img__img,
22492
- .v-img__picture,
22493
- .v-img__gradient,
22494
- .v-img__placeholder,
22495
- .v-img__error {
22496
- z-index: -1;
22497
- }
22498
- .v-img__img,
22499
- .v-img__picture,
22500
- .v-img__gradient,
22501
- .v-img__placeholder,
22502
- .v-img__error {
22503
- position: absolute;
22504
- top: 0;
22505
- left: 0;
22506
- width: 100%;
22507
- height: 100%;
22508
- }
22509
-
22510
- .v-img__img--preload {
22511
- filter: blur(4px);
22512
- }
22513
- .v-img__img--contain {
22514
- object-fit: contain;
22515
- }
22516
- .v-img__img--cover {
22517
- object-fit: cover;
22518
- }
22519
-
22520
- .v-img__gradient {
22521
- background-repeat: no-repeat;
22522
22480
  }.v-icon {
22523
22481
  --v-icon-size-multiplier: 1;
22524
22482
  align-items: center;
@@ -22572,6 +22530,48 @@ textarea.v-field__input::placeholder {
22572
22530
 
22573
22531
  .v-icon--end {
22574
22532
  margin-inline-start: 8px;
22533
+ }.v-img {
22534
+ --v-theme-overlay-multiplier: 3;
22535
+ z-index: 0;
22536
+ }
22537
+ .v-img--booting .v-responsive__sizer {
22538
+ transition: none;
22539
+ }
22540
+ .v-img--rounded {
22541
+ border-radius: 4px;
22542
+ }
22543
+
22544
+ .v-img__img,
22545
+ .v-img__picture,
22546
+ .v-img__gradient,
22547
+ .v-img__placeholder,
22548
+ .v-img__error {
22549
+ z-index: -1;
22550
+ }
22551
+ .v-img__img,
22552
+ .v-img__picture,
22553
+ .v-img__gradient,
22554
+ .v-img__placeholder,
22555
+ .v-img__error {
22556
+ position: absolute;
22557
+ top: 0;
22558
+ left: 0;
22559
+ width: 100%;
22560
+ height: 100%;
22561
+ }
22562
+
22563
+ .v-img__img--preload {
22564
+ filter: blur(4px);
22565
+ }
22566
+ .v-img__img--contain {
22567
+ object-fit: contain;
22568
+ }
22569
+ .v-img__img--cover {
22570
+ object-fit: cover;
22571
+ }
22572
+
22573
+ .v-img__gradient {
22574
+ background-repeat: no-repeat;
22575
22575
  }.v-infinite-scroll--horizontal {
22576
22576
  display: flex;
22577
22577
  flex-direction: row;
@@ -22744,6 +22744,21 @@ textarea.v-field__input::placeholder {
22744
22744
  max-width: 100%;
22745
22745
  position: relative;
22746
22746
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22747
+ }.v-label {
22748
+ align-items: center;
22749
+ color: inherit;
22750
+ display: inline-flex;
22751
+ font-size: 1rem;
22752
+ letter-spacing: 0.009375em;
22753
+ min-width: 0;
22754
+ opacity: var(--v-medium-emphasis-opacity);
22755
+ overflow: hidden;
22756
+ text-overflow: ellipsis;
22757
+ white-space: nowrap;
22758
+ }
22759
+
22760
+ .v-label--clickable {
22761
+ cursor: pointer;
22747
22762
  }.v-layout {
22748
22763
  --v-scrollbar-offset: 0px;
22749
22764
  display: flex;
@@ -23366,83 +23381,25 @@ textarea.v-field__input::placeholder {
23366
23381
  --v-layout-right: 0px;
23367
23382
  --v-layout-top: 0px;
23368
23383
  --v-layout-bottom: 0px;
23369
- }.v-menu > .v-overlay__content {
23370
- display: flex;
23371
- flex-direction: column;
23372
- }
23373
- .v-menu > .v-overlay__content {
23374
- border-radius: 4px;
23375
- }
23376
- .v-menu > .v-overlay__content > .v-card,
23377
- .v-menu > .v-overlay__content > .v-sheet,
23378
- .v-menu > .v-overlay__content > .v-list {
23379
- background: rgb(var(--v-theme-surface));
23380
- border-radius: inherit;
23381
- overflow: auto;
23382
- height: 100%;
23383
- }
23384
- .v-menu > .v-overlay__content > .v-card,
23385
- .v-menu > .v-overlay__content > .v-sheet,
23386
- .v-menu > .v-overlay__content > .v-list {
23387
- 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));
23388
- }.v-otp-input {
23389
- align-items: center;
23390
- display: flex;
23391
- justify-content: center;
23392
- padding: 0.5rem 0;
23393
- position: relative;
23394
- }
23395
- .v-otp-input {
23396
- border-radius: 4px;
23397
- }
23398
- .v-otp-input .v-field {
23399
- height: 100%;
23400
- }
23401
-
23402
- .v-otp-input__divider {
23403
- margin: 0 8px;
23404
- }
23405
-
23406
- .v-otp-input__content {
23407
- align-items: center;
23408
- display: flex;
23409
- gap: 0.5rem;
23410
- height: 64px;
23411
- padding: 0.5rem;
23412
- justify-content: center;
23413
- max-width: 320px;
23414
- position: relative;
23415
- border-radius: inherit;
23416
- }
23417
- .v-otp-input--divided .v-otp-input__content {
23418
- max-width: 360px;
23419
- }
23420
-
23421
- .v-otp-input__field {
23422
- color: inherit;
23423
- font-size: 1.25rem;
23424
- height: 100%;
23425
- outline: none;
23426
- text-align: center;
23427
- width: 100%;
23428
- }
23429
- .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
23430
- -webkit-appearance: none;
23431
- margin: 0;
23384
+ }.v-menu > .v-overlay__content {
23385
+ display: flex;
23386
+ flex-direction: column;
23432
23387
  }
23433
- .v-otp-input__field[type=number] {
23434
- -moz-appearance: textfield;
23388
+ .v-menu > .v-overlay__content {
23389
+ border-radius: 4px;
23435
23390
  }
23436
-
23437
- .v-otp-input__loader {
23438
- align-items: center;
23439
- display: flex;
23391
+ .v-menu > .v-overlay__content > .v-card,
23392
+ .v-menu > .v-overlay__content > .v-sheet,
23393
+ .v-menu > .v-overlay__content > .v-list {
23394
+ background: rgb(var(--v-theme-surface));
23395
+ border-radius: inherit;
23396
+ overflow: auto;
23440
23397
  height: 100%;
23441
- justify-content: center;
23442
- width: 100%;
23443
23398
  }
23444
- .v-otp-input__loader .v-progress-linear {
23445
- position: absolute;
23399
+ .v-menu > .v-overlay__content > .v-card,
23400
+ .v-menu > .v-overlay__content > .v-sheet,
23401
+ .v-menu > .v-overlay__content > .v-list {
23402
+ 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));
23446
23403
  }.v-navigation-drawer {
23447
23404
  -webkit-overflow-scrolling: touch;
23448
23405
  background: rgb(var(--v-theme-surface));
@@ -23567,6 +23524,64 @@ textarea.v-field__input::placeholder {
23567
23524
  -webkit-hyphens: auto;
23568
23525
  hyphens: auto;
23569
23526
  transition-duration: 150ms;
23527
+ }.v-otp-input {
23528
+ align-items: center;
23529
+ display: flex;
23530
+ justify-content: center;
23531
+ padding: 0.5rem 0;
23532
+ position: relative;
23533
+ }
23534
+ .v-otp-input {
23535
+ border-radius: 4px;
23536
+ }
23537
+ .v-otp-input .v-field {
23538
+ height: 100%;
23539
+ }
23540
+
23541
+ .v-otp-input__divider {
23542
+ margin: 0 8px;
23543
+ }
23544
+
23545
+ .v-otp-input__content {
23546
+ align-items: center;
23547
+ display: flex;
23548
+ gap: 0.5rem;
23549
+ height: 64px;
23550
+ padding: 0.5rem;
23551
+ justify-content: center;
23552
+ max-width: 320px;
23553
+ position: relative;
23554
+ border-radius: inherit;
23555
+ }
23556
+ .v-otp-input--divided .v-otp-input__content {
23557
+ max-width: 360px;
23558
+ }
23559
+
23560
+ .v-otp-input__field {
23561
+ color: inherit;
23562
+ font-size: 1.25rem;
23563
+ height: 100%;
23564
+ outline: none;
23565
+ text-align: center;
23566
+ width: 100%;
23567
+ }
23568
+ .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
23569
+ -webkit-appearance: none;
23570
+ margin: 0;
23571
+ }
23572
+ .v-otp-input__field[type=number] {
23573
+ -moz-appearance: textfield;
23574
+ }
23575
+
23576
+ .v-otp-input__loader {
23577
+ align-items: center;
23578
+ display: flex;
23579
+ height: 100%;
23580
+ justify-content: center;
23581
+ width: 100%;
23582
+ }
23583
+ .v-otp-input__loader .v-progress-linear {
23584
+ position: absolute;
23570
23585
  }.v-overlay-container {
23571
23586
  contain: layout;
23572
23587
  left: 0;
@@ -23630,6 +23645,12 @@ html.v-overlay-scroll-blocked {
23630
23645
 
23631
23646
  .v-overlay--scroll-blocked {
23632
23647
  padding-inline-end: var(--v-scrollbar-offset);
23648
+ }.v-parallax {
23649
+ position: relative;
23650
+ overflow: hidden;
23651
+ }
23652
+ .v-parallax--active > .v-img__img {
23653
+ will-change: transform;
23633
23654
  }.v-progress-circular {
23634
23655
  align-items: center;
23635
23656
  display: inline-flex;
@@ -23740,12 +23761,6 @@ html.v-overlay-scroll-blocked {
23740
23761
  }
23741
23762
  .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
23742
23763
  margin: 0.3rem;
23743
- }.v-parallax {
23744
- position: relative;
23745
- overflow: hidden;
23746
- }
23747
- .v-parallax--active > .v-img__img {
23748
- will-change: transform;
23749
23764
  }.v-progress-linear {
23750
23765
  background: transparent;
23751
23766
  overflow: hidden;
@@ -23986,6 +24001,59 @@ html.v-overlay-scroll-blocked {
23986
24001
  }
23987
24002
  .v-radio-group .v-input__details {
23988
24003
  padding-inline: 16px;
24004
+ }.v-rating {
24005
+ max-width: 100%;
24006
+ display: inline-flex;
24007
+ white-space: nowrap;
24008
+ }
24009
+ .v-rating--readonly {
24010
+ pointer-events: none;
24011
+ }
24012
+
24013
+ .v-rating__wrapper {
24014
+ align-items: center;
24015
+ display: inline-flex;
24016
+ flex-direction: column;
24017
+ }
24018
+ .v-rating__wrapper--bottom {
24019
+ flex-direction: column-reverse;
24020
+ }
24021
+
24022
+ .v-rating__item {
24023
+ display: inline-flex;
24024
+ position: relative;
24025
+ }
24026
+ .v-rating__item label {
24027
+ cursor: pointer;
24028
+ }
24029
+ .v-rating__item .v-btn--variant-plain {
24030
+ opacity: 1;
24031
+ }
24032
+ .v-rating__item .v-btn {
24033
+ transition-property: transform;
24034
+ }
24035
+ .v-rating__item .v-btn .v-icon {
24036
+ transition: inherit;
24037
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24038
+ }
24039
+ .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
24040
+ transform: scale(1.25);
24041
+ }
24042
+ .v-rating__item--half {
24043
+ overflow: hidden;
24044
+ position: absolute;
24045
+ clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
24046
+ z-index: 1;
24047
+ }
24048
+ .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
24049
+ opacity: 0;
24050
+ }
24051
+
24052
+ .v-rating__hidden {
24053
+ height: 0;
24054
+ opacity: 0;
24055
+ position: absolute;
24056
+ width: 0;
23989
24057
  }.v-slider .v-slider__container input {
23990
24058
  cursor: default;
23991
24059
  padding: 0;
@@ -24043,59 +24111,6 @@ html.v-overlay-scroll-blocked {
24043
24111
 
24044
24112
  .v-slider__label {
24045
24113
  margin-inline-end: 12px;
24046
- }.v-rating {
24047
- max-width: 100%;
24048
- display: inline-flex;
24049
- white-space: nowrap;
24050
- }
24051
- .v-rating--readonly {
24052
- pointer-events: none;
24053
- }
24054
-
24055
- .v-rating__wrapper {
24056
- align-items: center;
24057
- display: inline-flex;
24058
- flex-direction: column;
24059
- }
24060
- .v-rating__wrapper--bottom {
24061
- flex-direction: column-reverse;
24062
- }
24063
-
24064
- .v-rating__item {
24065
- display: inline-flex;
24066
- position: relative;
24067
- }
24068
- .v-rating__item label {
24069
- cursor: pointer;
24070
- }
24071
- .v-rating__item .v-btn--variant-plain {
24072
- opacity: 1;
24073
- }
24074
- .v-rating__item .v-btn {
24075
- transition-property: transform;
24076
- }
24077
- .v-rating__item .v-btn .v-icon {
24078
- transition: inherit;
24079
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24080
- }
24081
- .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
24082
- transform: scale(1.25);
24083
- }
24084
- .v-rating__item--half {
24085
- overflow: hidden;
24086
- position: absolute;
24087
- clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
24088
- z-index: 1;
24089
- }
24090
- .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
24091
- opacity: 0;
24092
- }
24093
-
24094
- .v-rating__hidden {
24095
- height: 0;
24096
- opacity: 0;
24097
- position: absolute;
24098
- width: 0;
24099
24114
  }.v-responsive {
24100
24115
  display: flex;
24101
24116
  flex: 1 0 auto;
@@ -24546,6 +24561,61 @@ html.v-overlay-scroll-blocked {
24546
24561
  100% {
24547
24562
  transform: translateX(100%);
24548
24563
  }
24564
+ }.v-slide-group {
24565
+ display: flex;
24566
+ overflow: hidden;
24567
+ }
24568
+
24569
+ .v-slide-group__next,
24570
+ .v-slide-group__prev {
24571
+ align-items: center;
24572
+ display: flex;
24573
+ flex: 0 1 52px;
24574
+ justify-content: center;
24575
+ min-width: 52px;
24576
+ cursor: pointer;
24577
+ }
24578
+ .v-slide-group__next--disabled,
24579
+ .v-slide-group__prev--disabled {
24580
+ pointer-events: none;
24581
+ opacity: var(--v-disabled-opacity);
24582
+ }
24583
+
24584
+ .v-slide-group__content {
24585
+ display: flex;
24586
+ flex: 1 0 auto;
24587
+ position: relative;
24588
+ transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
24589
+ white-space: nowrap;
24590
+ }
24591
+ .v-slide-group__content > * {
24592
+ white-space: initial;
24593
+ }
24594
+
24595
+ .v-slide-group__container {
24596
+ contain: content;
24597
+ display: flex;
24598
+ flex: 1 1 auto;
24599
+ overflow-x: auto;
24600
+ overflow-y: hidden;
24601
+ scrollbar-width: none;
24602
+ scrollbar-color: rgba(0, 0, 0, 0);
24603
+ }
24604
+ .v-slide-group__container::-webkit-scrollbar {
24605
+ display: none;
24606
+ }
24607
+
24608
+ .v-slide-group--vertical {
24609
+ max-height: inherit;
24610
+ }
24611
+ .v-slide-group--vertical,
24612
+ .v-slide-group--vertical .v-slide-group__container,
24613
+ .v-slide-group--vertical .v-slide-group__content {
24614
+ flex-direction: column;
24615
+ }
24616
+ .v-slide-group--vertical .v-slide-group__container {
24617
+ overflow-x: hidden;
24618
+ overflow-y: auto;
24549
24619
  }.v-snackbar {
24550
24620
  justify-content: center;
24551
24621
  z-index: 10000;
@@ -24727,6 +24797,188 @@ html.v-overlay-scroll-blocked {
24727
24797
  }
24728
24798
  .v-speed-dial__content > *:nth-child(10) {
24729
24799
  transition-delay: 0.45s;
24800
+ }.v-switch .v-label {
24801
+ padding-inline-start: 10px;
24802
+ }
24803
+
24804
+ .v-switch__loader {
24805
+ display: flex;
24806
+ }
24807
+ .v-switch__loader .v-progress-circular {
24808
+ color: rgb(var(--v-theme-surface));
24809
+ }
24810
+
24811
+ .v-switch__track,
24812
+ .v-switch__thumb {
24813
+ transition: none;
24814
+ }
24815
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
24816
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
24817
+ background-color: rgb(var(--v-theme-error));
24818
+ color: rgb(var(--v-theme-on-error));
24819
+ }
24820
+
24821
+ .v-switch__track-true {
24822
+ margin-inline-end: auto;
24823
+ }
24824
+ .v-selection-control:not(.v-selection-control--dirty) .v-switch__track-true {
24825
+ opacity: 0;
24826
+ }
24827
+
24828
+ .v-switch__track-false {
24829
+ margin-inline-start: auto;
24830
+ }
24831
+ .v-selection-control--dirty .v-switch__track-false {
24832
+ opacity: 0;
24833
+ }
24834
+
24835
+ .v-switch__track {
24836
+ display: inline-flex;
24837
+ align-items: center;
24838
+ font-size: 0.5rem;
24839
+ padding: 0 5px;
24840
+ background-color: rgb(var(--v-theme-surface-variant));
24841
+ border-radius: 9999px;
24842
+ height: 14px;
24843
+ opacity: 0.6;
24844
+ min-width: 36px;
24845
+ cursor: pointer;
24846
+ transition: 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
24847
+ }
24848
+ .v-switch--inset .v-switch__track {
24849
+ border-radius: 9999px;
24850
+ font-size: 0.75rem;
24851
+ height: 32px;
24852
+ min-width: 52px;
24853
+ }
24854
+
24855
+ .v-switch__thumb {
24856
+ align-items: center;
24857
+ background-color: rgb(var(--v-theme-surface-bright));
24858
+ color: rgb(var(--v-theme-on-surface-bright));
24859
+ border-radius: 50%;
24860
+ display: flex;
24861
+ font-size: 0.75rem;
24862
+ height: 20px;
24863
+ justify-content: center;
24864
+ width: 20px;
24865
+ pointer-events: none;
24866
+ transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1), 0.2s color cubic-bezier(0.4, 0, 0.2, 1), 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
24867
+ position: relative;
24868
+ overflow: hidden;
24869
+ }
24870
+ .v-switch:not(.v-switch--inset) .v-switch__thumb {
24871
+ 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));
24872
+ }
24873
+ .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
24874
+ background: rgb(var(--v-theme-surface-variant));
24875
+ color: rgb(var(--v-theme-on-surface-variant));
24876
+ }
24877
+ .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
24878
+ 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));
24879
+ }
24880
+ .v-switch--inset .v-switch__thumb {
24881
+ height: 24px;
24882
+ width: 24px;
24883
+ transform: scale(0.6666666667);
24884
+ }
24885
+ .v-switch--inset .v-switch__thumb--filled {
24886
+ transform: none;
24887
+ }
24888
+ .v-switch--inset .v-selection-control--dirty .v-switch__thumb {
24889
+ transform: none;
24890
+ transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
24891
+ }
24892
+
24893
+ .v-switch.v-input {
24894
+ flex: 0 1 auto;
24895
+ }
24896
+ .v-switch .v-selection-control {
24897
+ min-height: var(--v-input-control-height);
24898
+ }
24899
+ .v-switch .v-selection-control__input {
24900
+ border-radius: 50%;
24901
+ transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
24902
+ position: absolute;
24903
+ }
24904
+ .v-locale--is-ltr.v-switch .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control__input {
24905
+ transform: translateX(-10px);
24906
+ }
24907
+
24908
+ .v-locale--is-rtl.v-switch .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control__input {
24909
+ transform: translateX(10px);
24910
+ }
24911
+
24912
+ .v-switch .v-selection-control__input .v-icon {
24913
+ position: absolute;
24914
+ }
24915
+ .v-locale--is-ltr.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control--dirty .v-selection-control__input {
24916
+ transform: translateX(10px);
24917
+ }
24918
+
24919
+ .v-locale--is-rtl.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control--dirty .v-selection-control__input {
24920
+ transform: translateX(-10px);
24921
+ }
24922
+
24923
+ .v-switch.v-switch--indeterminate .v-selection-control__input {
24924
+ transform: scale(0.8);
24925
+ }
24926
+ .v-switch.v-switch--indeterminate .v-switch__thumb {
24927
+ transform: scale(0.75);
24928
+ box-shadow: none;
24929
+ }
24930
+ .v-switch.v-switch--inset .v-selection-control__wrapper {
24931
+ width: auto;
24932
+ }
24933
+ .v-switch.v-input--vertical .v-label {
24934
+ min-width: max-content;
24935
+ }
24936
+ .v-switch.v-input--vertical .v-selection-control__wrapper {
24937
+ transform: rotate(-90deg);
24938
+ }
24939
+
24940
+ @media (forced-colors: active) {
24941
+ .v-switch .v-switch__loader .v-progress-circular {
24942
+ color: currentColor;
24943
+ }
24944
+ .v-switch .v-switch__thumb {
24945
+ background-color: buttontext;
24946
+ }
24947
+ .v-switch .v-switch__track,
24948
+ .v-switch .v-switch__thumb {
24949
+ border: 1px solid;
24950
+ color: buttontext;
24951
+ }
24952
+ .v-switch:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
24953
+ background-color: highlight;
24954
+ }
24955
+ .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track {
24956
+ background-color: highlight;
24957
+ }
24958
+ .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track,
24959
+ .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
24960
+ color: highlight;
24961
+ }
24962
+ .v-switch.v-switch--inset .v-switch__track {
24963
+ border-width: 2px;
24964
+ }
24965
+ .v-switch.v-switch--inset:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
24966
+ background-color: highlighttext;
24967
+ color: highlighttext;
24968
+ }
24969
+ .v-switch.v-input--disabled .v-switch__thumb {
24970
+ background-color: graytext;
24971
+ }
24972
+ .v-switch.v-input--disabled .v-switch__track,
24973
+ .v-switch.v-input--disabled .v-switch__thumb {
24974
+ color: graytext;
24975
+ }
24976
+ .v-switch.v-switch--loading .v-switch__thumb {
24977
+ background-color: canvas;
24978
+ }
24979
+ .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
24980
+ border-width: 0;
24981
+ }
24730
24982
  }.v-stepper.v-sheet {
24731
24983
  overflow: hidden;
24732
24984
  }
@@ -24945,187 +25197,100 @@ html.v-overlay-scroll-blocked {
24945
25197
  }
24946
25198
  .v-system-bar:not(.v-system-bar--absolute) {
24947
25199
  padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24948
- }.v-switch .v-label {
24949
- padding-inline-start: 10px;
24950
- }
24951
-
24952
- .v-switch__loader {
24953
- display: flex;
24954
- }
24955
- .v-switch__loader .v-progress-circular {
24956
- color: rgb(var(--v-theme-surface));
24957
- }
24958
-
24959
- .v-switch__track,
24960
- .v-switch__thumb {
24961
- transition: none;
24962
- }
24963
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
24964
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
24965
- background-color: rgb(var(--v-theme-error));
24966
- color: rgb(var(--v-theme-on-error));
24967
- }
24968
-
24969
- .v-switch__track-true {
24970
- margin-inline-end: auto;
24971
- }
24972
- .v-selection-control:not(.v-selection-control--dirty) .v-switch__track-true {
24973
- opacity: 0;
24974
- }
24975
-
24976
- .v-switch__track-false {
24977
- margin-inline-start: auto;
24978
- }
24979
- .v-selection-control--dirty .v-switch__track-false {
24980
- opacity: 0;
25200
+ }.v-tab.v-tab.v-btn {
25201
+ height: var(--v-tabs-height);
25202
+ border-radius: 0;
25203
+ min-width: 90px;
24981
25204
  }
24982
-
24983
- .v-switch__track {
24984
- display: inline-flex;
24985
- align-items: center;
24986
- font-size: 0.5rem;
24987
- padding: 0 5px;
24988
- background-color: rgb(var(--v-theme-surface-variant));
24989
- border-radius: 9999px;
24990
- height: 14px;
24991
- opacity: 0.6;
24992
- min-width: 36px;
24993
- cursor: pointer;
24994
- transition: 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
25205
+ .v-slide-group--horizontal .v-tab {
25206
+ max-width: 360px;
24995
25207
  }
24996
- .v-switch--inset .v-switch__track {
24997
- border-radius: 9999px;
24998
- font-size: 0.75rem;
24999
- height: 32px;
25000
- min-width: 52px;
25208
+ .v-slide-group--vertical .v-tab {
25209
+ justify-content: start;
25001
25210
  }
25002
25211
 
25003
- .v-switch__thumb {
25004
- align-items: center;
25005
- background-color: rgb(var(--v-theme-surface-bright));
25006
- color: rgb(var(--v-theme-on-surface-bright));
25007
- border-radius: 50%;
25008
- display: flex;
25009
- font-size: 0.75rem;
25010
- height: 20px;
25011
- justify-content: center;
25012
- width: 20px;
25212
+ .v-tab__slider {
25213
+ position: absolute;
25214
+ bottom: 0;
25215
+ left: 0;
25216
+ height: 2px;
25217
+ width: 100%;
25218
+ background: currentColor;
25013
25219
  pointer-events: none;
25014
- transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1), 0.2s color cubic-bezier(0.4, 0, 0.2, 1), 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
25015
- position: relative;
25016
- overflow: hidden;
25017
- }
25018
- .v-switch:not(.v-switch--inset) .v-switch__thumb {
25019
- 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));
25020
- }
25021
- .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
25022
- background: rgb(var(--v-theme-surface-variant));
25023
- color: rgb(var(--v-theme-on-surface-variant));
25220
+ opacity: 0;
25024
25221
  }
25025
- .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
25026
- 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));
25222
+ .v-tab--selected .v-tab__slider {
25223
+ opacity: 1;
25027
25224
  }
25028
- .v-switch--inset .v-switch__thumb {
25029
- height: 24px;
25030
- width: 24px;
25031
- transform: scale(0.6666666667);
25225
+ .v-slide-group--vertical .v-tab__slider {
25226
+ top: 0;
25227
+ height: 100%;
25228
+ width: 2px;
25229
+ }.v-tabs {
25230
+ display: flex;
25231
+ height: var(--v-tabs-height);
25032
25232
  }
25033
- .v-switch--inset .v-switch__thumb--filled {
25034
- transform: none;
25233
+ .v-tabs--density-default {
25234
+ --v-tabs-height: 48px;
25035
25235
  }
25036
- .v-switch--inset .v-selection-control--dirty .v-switch__thumb {
25037
- transform: none;
25038
- transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
25236
+ .v-tabs--density-default.v-tabs--stacked {
25237
+ --v-tabs-height: 72px;
25039
25238
  }
25040
25239
 
25041
- .v-switch.v-input {
25042
- flex: 0 1 auto;
25240
+ .v-tabs--density-comfortable {
25241
+ --v-tabs-height: 44px;
25043
25242
  }
25044
- .v-switch .v-selection-control {
25045
- min-height: var(--v-input-control-height);
25243
+ .v-tabs--density-comfortable.v-tabs--stacked {
25244
+ --v-tabs-height: 68px;
25046
25245
  }
25047
- .v-switch .v-selection-control__input {
25048
- border-radius: 50%;
25049
- transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
25050
- position: absolute;
25246
+
25247
+ .v-tabs--density-compact {
25248
+ --v-tabs-height: 36px;
25051
25249
  }
25052
- .v-locale--is-ltr.v-switch .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control__input {
25053
- transform: translateX(-10px);
25250
+ .v-tabs--density-compact.v-tabs--stacked {
25251
+ --v-tabs-height: 60px;
25054
25252
  }
25055
25253
 
25056
- .v-locale--is-rtl.v-switch .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control__input {
25057
- transform: translateX(10px);
25254
+ .v-tabs.v-slide-group--vertical {
25255
+ height: auto;
25256
+ flex: none;
25257
+ --v-tabs-height: 48px;
25058
25258
  }
25059
25259
 
25060
- .v-switch .v-selection-control__input .v-icon {
25061
- position: absolute;
25062
- }
25063
- .v-locale--is-ltr.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control--dirty .v-selection-control__input {
25064
- transform: translateX(10px);
25260
+ .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
25261
+ margin-inline-start: 42px;
25065
25262
  }
25066
25263
 
25067
- .v-locale--is-rtl.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control--dirty .v-selection-control__input {
25068
- transform: translateX(-10px);
25264
+ .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
25265
+ .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
25266
+ margin-inline-end: auto;
25069
25267
  }
25070
-
25071
- .v-switch.v-switch--indeterminate .v-selection-control__input {
25072
- transform: scale(0.8);
25268
+ .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
25269
+ .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
25270
+ margin-inline-start: auto;
25073
25271
  }
25074
- .v-switch.v-switch--indeterminate .v-switch__thumb {
25075
- transform: scale(0.75);
25076
- box-shadow: none;
25272
+
25273
+ .v-tabs--grow {
25274
+ flex-grow: 1;
25077
25275
  }
25078
- .v-switch.v-switch--inset .v-selection-control__wrapper {
25079
- width: auto;
25276
+ .v-tabs--grow .v-tab {
25277
+ flex: 1 0 auto;
25278
+ max-width: none;
25080
25279
  }
25081
- .v-switch.v-input--vertical .v-label {
25082
- min-width: max-content;
25280
+
25281
+ .v-tabs--align-tabs-end .v-tab:first-child {
25282
+ margin-inline-start: auto;
25083
25283
  }
25084
- .v-switch.v-input--vertical .v-selection-control__wrapper {
25085
- transform: rotate(-90deg);
25284
+ .v-tabs--align-tabs-end .v-tab:last-child {
25285
+ margin-inline-end: 0;
25086
25286
  }
25087
25287
 
25088
- @media (forced-colors: active) {
25089
- .v-switch .v-switch__loader .v-progress-circular {
25090
- color: currentColor;
25091
- }
25092
- .v-switch .v-switch__thumb {
25093
- background-color: buttontext;
25094
- }
25095
- .v-switch .v-switch__track,
25096
- .v-switch .v-switch__thumb {
25097
- border: 1px solid;
25098
- color: buttontext;
25099
- }
25100
- .v-switch:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
25101
- background-color: highlight;
25102
- }
25103
- .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track {
25104
- background-color: highlight;
25105
- }
25106
- .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track,
25107
- .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
25108
- color: highlight;
25109
- }
25110
- .v-switch.v-switch--inset .v-switch__track {
25111
- border-width: 2px;
25112
- }
25113
- .v-switch.v-switch--inset:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
25114
- background-color: highlighttext;
25115
- color: highlighttext;
25116
- }
25117
- .v-switch.v-input--disabled .v-switch__thumb {
25118
- background-color: graytext;
25119
- }
25120
- .v-switch.v-input--disabled .v-switch__track,
25121
- .v-switch.v-input--disabled .v-switch__thumb {
25122
- color: graytext;
25123
- }
25124
- .v-switch.v-switch--loading .v-switch__thumb {
25125
- background-color: canvas;
25288
+ @media (max-width: 1279.98px) {
25289
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
25290
+ margin-inline-start: 52px;
25126
25291
  }
25127
- .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
25128
- border-width: 0;
25292
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
25293
+ margin-inline-end: 52px;
25129
25294
  }
25130
25295
  }.v-table {
25131
25296
  font-size: 0.875rem;
@@ -25375,102 +25540,7 @@ html.v-overlay-scroll-blocked {
25375
25540
  padding-inline-end: var(--v-field-padding-end);
25376
25541
  }
25377
25542
 
25378
- /* endregion */.v-tab.v-tab.v-btn {
25379
- height: var(--v-tabs-height);
25380
- border-radius: 0;
25381
- min-width: 90px;
25382
- }
25383
- .v-slide-group--horizontal .v-tab {
25384
- max-width: 360px;
25385
- }
25386
- .v-slide-group--vertical .v-tab {
25387
- justify-content: start;
25388
- }
25389
-
25390
- .v-tab__slider {
25391
- position: absolute;
25392
- bottom: 0;
25393
- left: 0;
25394
- height: 2px;
25395
- width: 100%;
25396
- background: currentColor;
25397
- pointer-events: none;
25398
- opacity: 0;
25399
- }
25400
- .v-tab--selected .v-tab__slider {
25401
- opacity: 1;
25402
- }
25403
- .v-slide-group--vertical .v-tab__slider {
25404
- top: 0;
25405
- height: 100%;
25406
- width: 2px;
25407
- }.v-tabs {
25408
- display: flex;
25409
- height: var(--v-tabs-height);
25410
- }
25411
- .v-tabs--density-default {
25412
- --v-tabs-height: 48px;
25413
- }
25414
- .v-tabs--density-default.v-tabs--stacked {
25415
- --v-tabs-height: 72px;
25416
- }
25417
-
25418
- .v-tabs--density-comfortable {
25419
- --v-tabs-height: 44px;
25420
- }
25421
- .v-tabs--density-comfortable.v-tabs--stacked {
25422
- --v-tabs-height: 68px;
25423
- }
25424
-
25425
- .v-tabs--density-compact {
25426
- --v-tabs-height: 36px;
25427
- }
25428
- .v-tabs--density-compact.v-tabs--stacked {
25429
- --v-tabs-height: 60px;
25430
- }
25431
-
25432
- .v-tabs.v-slide-group--vertical {
25433
- height: auto;
25434
- flex: none;
25435
- --v-tabs-height: 48px;
25436
- }
25437
-
25438
- .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
25439
- margin-inline-start: 42px;
25440
- }
25441
-
25442
- .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
25443
- .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
25444
- margin-inline-end: auto;
25445
- }
25446
- .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
25447
- .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
25448
- margin-inline-start: auto;
25449
- }
25450
-
25451
- .v-tabs--grow {
25452
- flex-grow: 1;
25453
- }
25454
- .v-tabs--grow .v-tab {
25455
- flex: 1 0 auto;
25456
- max-width: none;
25457
- }
25458
-
25459
- .v-tabs--align-tabs-end .v-tab:first-child {
25460
- margin-inline-start: auto;
25461
- }
25462
- .v-tabs--align-tabs-end .v-tab:last-child {
25463
- margin-inline-end: 0;
25464
- }
25465
-
25466
- @media (max-width: 1279.98px) {
25467
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
25468
- margin-inline-start: 52px;
25469
- }
25470
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
25471
- margin-inline-end: 52px;
25472
- }
25473
- }.v-theme-provider {
25543
+ /* endregion */.v-theme-provider {
25474
25544
  background: rgb(var(--v-theme-background));
25475
25545
  color: rgb(var(--v-theme-on-background));
25476
25546
  }.v-timeline .v-timeline-divider__dot {
@@ -25888,9 +25958,31 @@ html.v-overlay-scroll-blocked {
25888
25958
  .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
25889
25959
  padding-block-end: 0;
25890
25960
  }
25891
-
25892
- .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
25893
- padding-inline-end: 0;
25961
+
25962
+ .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
25963
+ padding-inline-end: 0;
25964
+ }.v-tooltip > .v-overlay__content {
25965
+ background: rgb(var(--v-theme-surface-variant));
25966
+ color: rgb(var(--v-theme-on-surface-variant));
25967
+ border-radius: 4px;
25968
+ font-size: 0.875rem;
25969
+ line-height: 1.6;
25970
+ display: inline-block;
25971
+ padding: 5px 16px;
25972
+ text-transform: initial;
25973
+ width: auto;
25974
+ opacity: 1;
25975
+ pointer-events: none;
25976
+ transition-property: opacity, transform;
25977
+ overflow-wrap: break-word;
25978
+ }
25979
+ .v-tooltip > .v-overlay__content[class*=enter-active] {
25980
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25981
+ transition-duration: 150ms;
25982
+ }
25983
+ .v-tooltip > .v-overlay__content[class*=leave-active] {
25984
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25985
+ transition-duration: 75ms;
25894
25986
  }.v-toolbar {
25895
25987
  align-items: flex-start;
25896
25988
  display: flex;
@@ -26034,28 +26126,6 @@ html.v-overlay-scroll-blocked {
26034
26126
  }
26035
26127
  .v-toolbar-items > .v-btn {
26036
26128
  border-radius: 0;
26037
- }.v-tooltip > .v-overlay__content {
26038
- background: rgb(var(--v-theme-surface-variant));
26039
- color: rgb(var(--v-theme-on-surface-variant));
26040
- border-radius: 4px;
26041
- font-size: 0.875rem;
26042
- line-height: 1.6;
26043
- display: inline-block;
26044
- padding: 5px 16px;
26045
- text-transform: initial;
26046
- width: auto;
26047
- opacity: 1;
26048
- pointer-events: none;
26049
- transition-property: opacity, transform;
26050
- overflow-wrap: break-word;
26051
- }
26052
- .v-tooltip > .v-overlay__content[class*=enter-active] {
26053
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
26054
- transition-duration: 150ms;
26055
- }
26056
- .v-tooltip > .v-overlay__content[class*=leave-active] {
26057
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
26058
- transition-duration: 75ms;
26059
26129
  }.v-virtual-scroll {
26060
26130
  display: block;
26061
26131
  flex: 1 1 auto;
@@ -26135,76 +26205,6 @@ html.v-overlay-scroll-blocked {
26135
26205
  }
26136
26206
  .v-window-y-reverse-transition-leave-to {
26137
26207
  transform: translateY(100%);
26138
- }.v-label {
26139
- align-items: center;
26140
- color: inherit;
26141
- display: inline-flex;
26142
- font-size: 1rem;
26143
- letter-spacing: 0.009375em;
26144
- min-width: 0;
26145
- opacity: var(--v-medium-emphasis-opacity);
26146
- overflow: hidden;
26147
- text-overflow: ellipsis;
26148
- white-space: nowrap;
26149
- }
26150
-
26151
- .v-label--clickable {
26152
- cursor: pointer;
26153
- }.v-slide-group {
26154
- display: flex;
26155
- overflow: hidden;
26156
- }
26157
-
26158
- .v-slide-group__next,
26159
- .v-slide-group__prev {
26160
- align-items: center;
26161
- display: flex;
26162
- flex: 0 1 52px;
26163
- justify-content: center;
26164
- min-width: 52px;
26165
- cursor: pointer;
26166
- }
26167
- .v-slide-group__next--disabled,
26168
- .v-slide-group__prev--disabled {
26169
- pointer-events: none;
26170
- opacity: var(--v-disabled-opacity);
26171
- }
26172
-
26173
- .v-slide-group__content {
26174
- display: flex;
26175
- flex: 1 0 auto;
26176
- position: relative;
26177
- transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
26178
- white-space: nowrap;
26179
- }
26180
- .v-slide-group__content > * {
26181
- white-space: initial;
26182
- }
26183
-
26184
- .v-slide-group__container {
26185
- contain: content;
26186
- display: flex;
26187
- flex: 1 1 auto;
26188
- overflow-x: auto;
26189
- overflow-y: hidden;
26190
- scrollbar-width: none;
26191
- scrollbar-color: rgba(0, 0, 0, 0);
26192
- }
26193
- .v-slide-group__container::-webkit-scrollbar {
26194
- display: none;
26195
- }
26196
-
26197
- .v-slide-group--vertical {
26198
- max-height: inherit;
26199
- }
26200
- .v-slide-group--vertical,
26201
- .v-slide-group--vertical .v-slide-group__container,
26202
- .v-slide-group--vertical .v-slide-group__content {
26203
- flex-direction: column;
26204
- }
26205
- .v-slide-group--vertical .v-slide-group__container {
26206
- overflow-x: hidden;
26207
- overflow-y: auto;
26208
26208
  }.v-color-picker-canvas {
26209
26209
  display: flex;
26210
26210
  position: relative;
@@ -26354,69 +26354,228 @@ html.v-overlay-scroll-blocked {
26354
26354
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
26355
26355
  cursor: pointer;
26356
26356
  }
26357
- .v-color-picker-swatches__color > div {
26358
- display: flex;
26359
- align-items: center;
26360
- justify-content: center;
26361
- width: 100%;
26362
- height: 100%;
26363
- }.v-picker.v-sheet {
26364
- display: grid;
26365
- grid-auto-rows: min-content;
26366
- grid-template-areas: "title" "header" "body";
26367
- overflow: hidden;
26357
+ .v-color-picker-swatches__color > div {
26358
+ display: flex;
26359
+ align-items: center;
26360
+ justify-content: center;
26361
+ width: 100%;
26362
+ height: 100%;
26363
+ }.v-picker.v-sheet {
26364
+ display: grid;
26365
+ grid-auto-rows: min-content;
26366
+ grid-template-areas: "title" "header" "body";
26367
+ overflow: hidden;
26368
+ }
26369
+ .v-picker.v-sheet {
26370
+ 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));
26371
+ }
26372
+ .v-picker.v-sheet {
26373
+ border-radius: 4px;
26374
+ }
26375
+ .v-picker.v-sheet.v-picker--with-actions {
26376
+ grid-template-areas: "title" "header" "body" "actions";
26377
+ }
26378
+
26379
+ .v-picker__body {
26380
+ grid-area: body;
26381
+ overflow: hidden;
26382
+ position: relative;
26383
+ }
26384
+
26385
+ .v-picker__header {
26386
+ grid-area: header;
26387
+ }
26388
+
26389
+ .v-picker__actions {
26390
+ grid-area: actions;
26391
+ padding: 0 12px 12px;
26392
+ display: flex;
26393
+ align-items: center;
26394
+ justify-content: flex-end;
26395
+ }
26396
+ .v-picker__actions .v-btn {
26397
+ min-width: 48px;
26398
+ }
26399
+ .v-picker__actions .v-btn:not(:last-child) {
26400
+ margin-inline-end: 8px;
26401
+ }
26402
+
26403
+ .v-picker--landscape {
26404
+ grid-template-areas: "title" "header body" "header body";
26405
+ }
26406
+
26407
+ .v-picker--landscape.v-picker--with-actions {
26408
+ grid-template-areas: "title" "header body" "header actions";
26409
+ }
26410
+
26411
+ .v-picker-title {
26412
+ text-transform: uppercase;
26413
+ font-size: 0.75rem;
26414
+ grid-area: title;
26415
+ padding-inline: 24px 12px;
26416
+ padding-top: 16px;
26417
+ padding-bottom: 16px;
26418
+ font-weight: 400;
26419
+ letter-spacing: 0.1666666667em;
26420
+ }.v-slider-thumb {
26421
+ touch-action: none;
26422
+ color: rgb(var(--v-theme-surface-variant));
26423
+ }
26424
+ .v-input--error:not(.v-input--disabled) .v-slider-thumb {
26425
+ color: inherit;
26426
+ }
26427
+
26428
+ .v-slider-thumb__label {
26429
+ background: rgba(var(--v-theme-surface-variant), 0.7);
26430
+ color: rgb(var(--v-theme-on-surface-variant));
26431
+ }
26432
+ .v-slider-thumb__label::before {
26433
+ color: rgba(var(--v-theme-surface-variant), 0.7);
26434
+ }
26435
+
26436
+ .v-slider-thumb {
26437
+ outline: none;
26438
+ position: absolute;
26439
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
26440
+ }
26441
+
26442
+ .v-slider-thumb__surface {
26443
+ cursor: pointer;
26444
+ width: var(--v-slider-thumb-size);
26445
+ height: var(--v-slider-thumb-size);
26446
+ border-radius: 50%;
26447
+ -webkit-user-select: none;
26448
+ user-select: none;
26449
+ background-color: currentColor;
26450
+ }
26451
+ @media (forced-colors: active) {
26452
+ .v-slider-thumb__surface {
26453
+ background-color: highlight;
26454
+ }
26455
+ }
26456
+ .v-slider-thumb__surface::before {
26457
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
26458
+ content: "";
26459
+ color: inherit;
26460
+ top: 0;
26461
+ left: 0;
26462
+ width: 100%;
26463
+ height: 100%;
26464
+ border-radius: 50%;
26465
+ background: currentColor;
26466
+ position: absolute;
26467
+ pointer-events: none;
26468
+ opacity: 0;
26469
+ }
26470
+ .v-slider-thumb__surface::after {
26471
+ content: "";
26472
+ width: 42px;
26473
+ height: 42px;
26474
+ position: absolute;
26475
+ top: 50%;
26476
+ left: 50%;
26477
+ transform: translate(-50%, -50%);
26478
+ }
26479
+
26480
+ .v-slider-thumb__label-container {
26481
+ position: absolute;
26482
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
26483
+ }
26484
+
26485
+ .v-slider-thumb__label {
26486
+ display: flex;
26487
+ align-items: center;
26488
+ justify-content: center;
26489
+ font-size: 0.75rem;
26490
+ min-width: 35px;
26491
+ height: 25px;
26492
+ border-radius: 4px;
26493
+ padding: 6px;
26494
+ position: absolute;
26495
+ -webkit-user-select: none;
26496
+ user-select: none;
26497
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
26498
+ }
26499
+ .v-slider-thumb__label::before {
26500
+ content: "";
26501
+ width: 0;
26502
+ height: 0;
26503
+ position: absolute;
26504
+ }
26505
+
26506
+ .v-slider-thumb__ripple {
26507
+ position: absolute;
26508
+ left: calc(var(--v-slider-thumb-size) / -2);
26509
+ top: calc(var(--v-slider-thumb-size) / -2);
26510
+ width: calc(var(--v-slider-thumb-size) * 2);
26511
+ height: calc(var(--v-slider-thumb-size) * 2);
26512
+ background: inherit;
26513
+ }
26514
+
26515
+ .v-slider.v-input--horizontal .v-slider-thumb {
26516
+ top: 50%;
26517
+ transform: translateY(-50%);
26518
+ inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26368
26519
  }
26369
- .v-picker.v-sheet {
26370
- 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));
26520
+ .v-slider.v-input--horizontal .v-slider-thumb__label-container {
26521
+ left: calc(var(--v-slider-thumb-size) / 2);
26522
+ top: 0;
26371
26523
  }
26372
- .v-picker.v-sheet {
26373
- border-radius: 4px;
26524
+ .v-slider.v-input--horizontal .v-slider-thumb__label {
26525
+ bottom: calc(var(--v-slider-thumb-size) / 2);
26374
26526
  }
26375
- .v-picker.v-sheet.v-picker--with-actions {
26376
- grid-template-areas: "title" "header" "body" "actions";
26527
+ .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 {
26528
+ transform: translateX(-50%);
26377
26529
  }
26378
26530
 
26379
- .v-picker__body {
26380
- grid-area: body;
26381
- overflow: hidden;
26382
- position: relative;
26531
+ .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 {
26532
+ transform: translateX(50%);
26383
26533
  }
26384
26534
 
26385
- .v-picker__header {
26386
- grid-area: header;
26535
+ .v-slider.v-input--horizontal .v-slider-thumb__label::before {
26536
+ border-left: 6px solid transparent;
26537
+ border-right: 6px solid transparent;
26538
+ border-top: 6px solid currentColor;
26539
+ bottom: -6px;
26387
26540
  }
26388
26541
 
26389
- .v-picker__actions {
26390
- grid-area: actions;
26391
- padding: 0 12px 12px;
26392
- display: flex;
26393
- align-items: center;
26394
- justify-content: flex-end;
26542
+ .v-slider.v-input--vertical .v-slider-thumb {
26543
+ top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26395
26544
  }
26396
- .v-picker__actions .v-btn {
26397
- min-width: 48px;
26545
+ .v-slider.v-input--vertical .v-slider-thumb__label-container {
26546
+ top: calc(var(--v-slider-thumb-size) / 2);
26547
+ right: 0;
26398
26548
  }
26399
- .v-picker__actions .v-btn:not(:last-child) {
26400
- margin-inline-end: 8px;
26549
+ .v-slider.v-input--vertical .v-slider-thumb__label {
26550
+ top: -12.5px;
26551
+ left: calc(var(--v-slider-thumb-size) / 2);
26552
+ }
26553
+ .v-slider.v-input--vertical .v-slider-thumb__label::before {
26554
+ border-right: 6px solid currentColor;
26555
+ border-top: 6px solid transparent;
26556
+ border-bottom: 6px solid transparent;
26557
+ left: -6px;
26401
26558
  }
26402
26559
 
26403
- .v-picker--landscape {
26404
- grid-template-areas: "title" "header body" "header body";
26560
+ .v-slider-thumb--focused .v-slider-thumb__surface::before {
26561
+ transform: scale(2);
26562
+ opacity: var(--v-focus-opacity);
26405
26563
  }
26406
26564
 
26407
- .v-picker--landscape.v-picker--with-actions {
26408
- grid-template-areas: "title" "header body" "header actions";
26565
+ .v-slider-thumb--pressed {
26566
+ transition: none;
26567
+ }
26568
+ .v-slider-thumb--pressed .v-slider-thumb__surface::before {
26569
+ opacity: var(--v-pressed-opacity);
26409
26570
  }
26410
26571
 
26411
- .v-picker-title {
26412
- text-transform: uppercase;
26413
- font-size: 0.75rem;
26414
- grid-area: title;
26415
- padding-inline: 24px 12px;
26416
- padding-top: 16px;
26417
- padding-bottom: 16px;
26418
- font-weight: 400;
26419
- letter-spacing: 0.1666666667em;
26572
+ @media (hover: hover) {
26573
+ .v-slider-thumb:hover .v-slider-thumb__surface::before {
26574
+ transform: scale(2);
26575
+ }
26576
+ .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
26577
+ opacity: var(--v-hover-opacity);
26578
+ }
26420
26579
  }.v-slider-track__background {
26421
26580
  background-color: rgb(var(--v-theme-surface-variant));
26422
26581
  }
@@ -26595,163 +26754,4 @@ html.v-overlay-scroll-blocked {
26595
26754
 
26596
26755
  .v-slider-track__background--opacity {
26597
26756
  opacity: 0.38;
26598
- }.v-slider-thumb {
26599
- touch-action: none;
26600
- color: rgb(var(--v-theme-surface-variant));
26601
- }
26602
- .v-input--error:not(.v-input--disabled) .v-slider-thumb {
26603
- color: inherit;
26604
- }
26605
-
26606
- .v-slider-thumb__label {
26607
- background: rgba(var(--v-theme-surface-variant), 0.7);
26608
- color: rgb(var(--v-theme-on-surface-variant));
26609
- }
26610
- .v-slider-thumb__label::before {
26611
- color: rgba(var(--v-theme-surface-variant), 0.7);
26612
- }
26613
-
26614
- .v-slider-thumb {
26615
- outline: none;
26616
- position: absolute;
26617
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
26618
- }
26619
-
26620
- .v-slider-thumb__surface {
26621
- cursor: pointer;
26622
- width: var(--v-slider-thumb-size);
26623
- height: var(--v-slider-thumb-size);
26624
- border-radius: 50%;
26625
- -webkit-user-select: none;
26626
- user-select: none;
26627
- background-color: currentColor;
26628
- }
26629
- @media (forced-colors: active) {
26630
- .v-slider-thumb__surface {
26631
- background-color: highlight;
26632
- }
26633
- }
26634
- .v-slider-thumb__surface::before {
26635
- transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
26636
- content: "";
26637
- color: inherit;
26638
- top: 0;
26639
- left: 0;
26640
- width: 100%;
26641
- height: 100%;
26642
- border-radius: 50%;
26643
- background: currentColor;
26644
- position: absolute;
26645
- pointer-events: none;
26646
- opacity: 0;
26647
- }
26648
- .v-slider-thumb__surface::after {
26649
- content: "";
26650
- width: 42px;
26651
- height: 42px;
26652
- position: absolute;
26653
- top: 50%;
26654
- left: 50%;
26655
- transform: translate(-50%, -50%);
26656
- }
26657
-
26658
- .v-slider-thumb__label-container {
26659
- position: absolute;
26660
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
26661
- }
26662
-
26663
- .v-slider-thumb__label {
26664
- display: flex;
26665
- align-items: center;
26666
- justify-content: center;
26667
- font-size: 0.75rem;
26668
- min-width: 35px;
26669
- height: 25px;
26670
- border-radius: 4px;
26671
- padding: 6px;
26672
- position: absolute;
26673
- -webkit-user-select: none;
26674
- user-select: none;
26675
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
26676
- }
26677
- .v-slider-thumb__label::before {
26678
- content: "";
26679
- width: 0;
26680
- height: 0;
26681
- position: absolute;
26682
- }
26683
-
26684
- .v-slider-thumb__ripple {
26685
- position: absolute;
26686
- left: calc(var(--v-slider-thumb-size) / -2);
26687
- top: calc(var(--v-slider-thumb-size) / -2);
26688
- width: calc(var(--v-slider-thumb-size) * 2);
26689
- height: calc(var(--v-slider-thumb-size) * 2);
26690
- background: inherit;
26691
- }
26692
-
26693
- .v-slider.v-input--horizontal .v-slider-thumb {
26694
- top: 50%;
26695
- transform: translateY(-50%);
26696
- inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26697
- }
26698
- .v-slider.v-input--horizontal .v-slider-thumb__label-container {
26699
- left: calc(var(--v-slider-thumb-size) / 2);
26700
- top: 0;
26701
- }
26702
- .v-slider.v-input--horizontal .v-slider-thumb__label {
26703
- bottom: calc(var(--v-slider-thumb-size) / 2);
26704
- }
26705
- .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 {
26706
- transform: translateX(-50%);
26707
- }
26708
-
26709
- .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 {
26710
- transform: translateX(50%);
26711
- }
26712
-
26713
- .v-slider.v-input--horizontal .v-slider-thumb__label::before {
26714
- border-left: 6px solid transparent;
26715
- border-right: 6px solid transparent;
26716
- border-top: 6px solid currentColor;
26717
- bottom: -6px;
26718
- }
26719
-
26720
- .v-slider.v-input--vertical .v-slider-thumb {
26721
- top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26722
- }
26723
- .v-slider.v-input--vertical .v-slider-thumb__label-container {
26724
- top: calc(var(--v-slider-thumb-size) / 2);
26725
- right: 0;
26726
- }
26727
- .v-slider.v-input--vertical .v-slider-thumb__label {
26728
- top: -12.5px;
26729
- left: calc(var(--v-slider-thumb-size) / 2);
26730
- }
26731
- .v-slider.v-input--vertical .v-slider-thumb__label::before {
26732
- border-right: 6px solid currentColor;
26733
- border-top: 6px solid transparent;
26734
- border-bottom: 6px solid transparent;
26735
- left: -6px;
26736
- }
26737
-
26738
- .v-slider-thumb--focused .v-slider-thumb__surface::before {
26739
- transform: scale(2);
26740
- opacity: var(--v-focus-opacity);
26741
- }
26742
-
26743
- .v-slider-thumb--pressed {
26744
- transition: none;
26745
- }
26746
- .v-slider-thumb--pressed .v-slider-thumb__surface::before {
26747
- opacity: var(--v-pressed-opacity);
26748
- }
26749
-
26750
- @media (hover: hover) {
26751
- .v-slider-thumb:hover .v-slider-thumb__surface::before {
26752
- transform: scale(2);
26753
- }
26754
- .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
26755
- opacity: var(--v-hover-opacity);
26756
- }
26757
26757
  }