@vuetify/nightly 3.7.0-master.2024-08-16 → 3.7.0-master.2024-08-21

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.
Files changed (81) hide show
  1. package/dist/json/attributes.json +169 -169
  2. package/dist/json/importMap-labs.json +24 -24
  3. package/dist/json/importMap.json +130 -130
  4. package/dist/json/web-types.json +210 -210
  5. package/dist/vuetify-labs.css +2226 -2226
  6. package/dist/vuetify-labs.d.ts +5 -2
  7. package/dist/vuetify-labs.esm.js +3 -3
  8. package/dist/vuetify-labs.esm.js.map +1 -1
  9. package/dist/vuetify-labs.js +3 -3
  10. package/dist/vuetify-labs.min.css +2 -2
  11. package/dist/vuetify.css +2018 -2018
  12. package/dist/vuetify.d.ts +82 -88
  13. package/dist/vuetify.esm.js +3 -3
  14. package/dist/vuetify.esm.js.map +1 -1
  15. package/dist/vuetify.js +3 -3
  16. package/dist/vuetify.js.map +1 -1
  17. package/dist/vuetify.min.css +2 -2
  18. package/dist/vuetify.min.js +3 -3
  19. package/dist/vuetify.min.js.map +1 -1
  20. package/lib/blueprints/index.d.mts +4 -1
  21. package/lib/blueprints/md1.d.mts +4 -1
  22. package/lib/blueprints/md2.d.mts +4 -1
  23. package/lib/blueprints/md3.d.mts +4 -1
  24. package/lib/components/VAlert/index.d.mts +4 -1
  25. package/lib/components/VAppBar/index.d.mts +4 -1
  26. package/lib/components/VAutocomplete/index.d.mts +4 -1
  27. package/lib/components/VAvatar/index.d.mts +4 -1
  28. package/lib/components/VBadge/index.d.mts +4 -1
  29. package/lib/components/VBanner/index.d.mts +4 -1
  30. package/lib/components/VBreadcrumbs/index.d.mts +4 -1
  31. package/lib/components/VBtn/index.d.mts +4 -1
  32. package/lib/components/VCard/index.d.mts +4 -1
  33. package/lib/components/VCarousel/index.d.mts +4 -1
  34. package/lib/components/VCheckbox/index.d.mts +4 -1
  35. package/lib/components/VChip/index.d.mts +4 -1
  36. package/lib/components/VChipGroup/index.d.mts +4 -1
  37. package/lib/components/VCombobox/index.d.mts +4 -1
  38. package/lib/components/VDataTable/index.d.mts +4 -1
  39. package/lib/components/VDatePicker/index.d.mts +4 -1
  40. package/lib/components/VEmptyState/index.d.mts +4 -1
  41. package/lib/components/VExpansionPanel/index.d.mts +4 -1
  42. package/lib/components/VFab/index.d.mts +4 -1
  43. package/lib/components/VField/index.d.mts +4 -1
  44. package/lib/components/VFileInput/index.d.mts +4 -1
  45. package/lib/components/VIcon/index.d.mts +4 -1
  46. package/lib/components/VInput/index.d.mts +4 -1
  47. package/lib/components/VList/index.d.mts +4 -1
  48. package/lib/components/VPagination/index.d.mts +4 -1
  49. package/lib/components/VRadio/index.d.mts +4 -1
  50. package/lib/components/VRadioGroup/index.d.mts +4 -1
  51. package/lib/components/VRangeSlider/index.d.mts +4 -1
  52. package/lib/components/VRating/index.d.mts +4 -1
  53. package/lib/components/VSelect/index.d.mts +4 -1
  54. package/lib/components/VSelectionControl/index.d.mts +4 -1
  55. package/lib/components/VSelectionControlGroup/index.d.mts +4 -1
  56. package/lib/components/VSlideGroup/index.d.mts +4 -1
  57. package/lib/components/VSlider/index.d.mts +4 -1
  58. package/lib/components/VSwitch/index.d.mts +4 -1
  59. package/lib/components/VTabs/index.d.mts +4 -1
  60. package/lib/components/VTextField/index.d.mts +4 -1
  61. package/lib/components/VTextarea/index.d.mts +4 -1
  62. package/lib/components/VTimeline/index.d.mts +4 -1
  63. package/lib/components/VWindow/index.d.mts +4 -1
  64. package/lib/components/index.d.mts +4 -1
  65. package/lib/composables/icons.mjs.map +1 -1
  66. package/lib/composables/index.mjs.map +1 -1
  67. package/lib/entry-bundler.mjs +1 -1
  68. package/lib/framework.mjs +1 -1
  69. package/lib/iconsets/fa-svg.d.mts +4 -1
  70. package/lib/iconsets/fa.d.mts +4 -1
  71. package/lib/iconsets/fa4.d.mts +4 -1
  72. package/lib/iconsets/md.d.mts +4 -1
  73. package/lib/iconsets/mdi-svg.d.mts +4 -1
  74. package/lib/iconsets/mdi.d.mts +4 -1
  75. package/lib/index.d.mts +82 -88
  76. package/lib/labs/VDateInput/index.d.mts +4 -1
  77. package/lib/labs/VNumberInput/index.d.mts +4 -1
  78. package/lib/labs/VStepperVertical/index.d.mts +4 -1
  79. package/lib/labs/VTreeview/index.d.mts +4 -1
  80. package/lib/labs/components.d.mts +4 -1
  81. package/package.json +1 -5
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.7.0-master.2024-08-16
2
+ * Vuetify v3.7.0-master.2024-08-21
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -18205,6 +18205,11 @@ html.overflow-y-hidden {
18205
18205
  }
18206
18206
  .v-calendar-month__days.days-with-weeknumbers__7 > .v-calendar-month__day:nth-child(8n) {
18207
18207
  border-right: none;
18208
+ }.v-calendar-internal-event {
18209
+ overflow: hidden;
18210
+ padding: 4px;
18211
+ text-overflow: ellipsis;
18212
+ white-space: nowrap;
18208
18213
  }.v-calendar-header {
18209
18214
  align-items: center;
18210
18215
  display: flex;
@@ -18250,11 +18255,6 @@ html.overflow-y-hidden {
18250
18255
  }
18251
18256
  .v-calendar-weekly .v-calendar__container.days__0 {
18252
18257
  grid-template-columns: repeat(1, 1fr);
18253
- }.v-calendar-internal-event {
18254
- overflow: hidden;
18255
- padding: 4px;
18256
- text-overflow: ellipsis;
18257
- white-space: nowrap;
18258
18258
  }.v-calendar-day__row-with-label {
18259
18259
  display: grid;
18260
18260
  grid-template-columns: 48px 8px 1fr;
@@ -18297,63 +18297,6 @@ html.overflow-y-hidden {
18297
18297
  }
18298
18298
  .v-calendar-day__row-without-label .v-calendar-day__row-content.v-calendar-day__row-content-through {
18299
18299
  border-bottom: none;
18300
- }.v-picker.v-sheet {
18301
- display: grid;
18302
- grid-auto-rows: min-content;
18303
- grid-template-areas: "title" "header" "body";
18304
- overflow: hidden;
18305
- }
18306
- .v-picker.v-sheet {
18307
- 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));
18308
- }
18309
- .v-picker.v-sheet {
18310
- border-radius: 4px;
18311
- }
18312
- .v-picker.v-sheet.v-picker--with-actions {
18313
- grid-template-areas: "title" "header" "body" "actions";
18314
- }
18315
-
18316
- .v-picker__body {
18317
- grid-area: body;
18318
- overflow: hidden;
18319
- position: relative;
18320
- }
18321
-
18322
- .v-picker__header {
18323
- grid-area: header;
18324
- }
18325
-
18326
- .v-picker__actions {
18327
- grid-area: actions;
18328
- padding: 0 12px 12px;
18329
- display: flex;
18330
- align-items: center;
18331
- justify-content: flex-end;
18332
- }
18333
- .v-picker__actions .v-btn {
18334
- min-width: 48px;
18335
- }
18336
- .v-picker__actions .v-btn:not(:last-child) {
18337
- margin-inline-end: 8px;
18338
- }
18339
-
18340
- .v-picker--landscape {
18341
- grid-template-areas: "title" "header body" "header body";
18342
- }
18343
-
18344
- .v-picker--landscape.v-picker--with-actions {
18345
- grid-template-areas: "title" "header body" "header actions";
18346
- }
18347
-
18348
- .v-picker-title {
18349
- text-transform: uppercase;
18350
- font-size: 0.75rem;
18351
- grid-area: title;
18352
- padding-inline: 24px 12px;
18353
- padding-top: 16px;
18354
- padding-bottom: 16px;
18355
- font-weight: 400;
18356
- letter-spacing: 0.1666666667em;
18357
18300
  }.v-calendar-month__day {
18358
18301
  position: relative;
18359
18302
  display: flex;
@@ -18417,6 +18360,101 @@ html.overflow-y-hidden {
18417
18360
 
18418
18361
  .v-calendar-weekly__day-alldayevents-container {
18419
18362
  min-height: 24px;
18363
+ }.v-number-input input[type=number] {
18364
+ -moz-appearance: textfield;
18365
+ }
18366
+ .v-number-input input[type=number]::-webkit-outer-spin-button, .v-number-input input[type=number]::-webkit-inner-spin-button {
18367
+ -webkit-appearance: none;
18368
+ }
18369
+ .v-number-input .v-field {
18370
+ padding-inline-end: 0;
18371
+ padding-inline-start: 0;
18372
+ }
18373
+ .v-number-input--inset .v-divider {
18374
+ height: 55%;
18375
+ width: 55%;
18376
+ align-self: center;
18377
+ }
18378
+ .v-number-input--split .v-field__input {
18379
+ text-align: center;
18380
+ }
18381
+ .v-number-input--stacked .v-number-input__control {
18382
+ flex-direction: column-reverse;
18383
+ }
18384
+ .v-number-input--stacked .v-number-input__control .v-btn {
18385
+ flex: 1;
18386
+ }
18387
+ .v-number-input--hide-input .v-field {
18388
+ flex: none;
18389
+ }
18390
+ .v-number-input--hide-input .v-field__input {
18391
+ width: 0;
18392
+ padding-inline: 0;
18393
+ }
18394
+ .v-number-input__control {
18395
+ display: flex;
18396
+ height: 100%;
18397
+ }
18398
+ .v-number-input__control .v-btn {
18399
+ background-color: transparent;
18400
+ border-radius: 0;
18401
+ }.v-picker.v-sheet {
18402
+ display: grid;
18403
+ grid-auto-rows: min-content;
18404
+ grid-template-areas: "title" "header" "body";
18405
+ overflow: hidden;
18406
+ }
18407
+ .v-picker.v-sheet {
18408
+ 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));
18409
+ }
18410
+ .v-picker.v-sheet {
18411
+ border-radius: 4px;
18412
+ }
18413
+ .v-picker.v-sheet.v-picker--with-actions {
18414
+ grid-template-areas: "title" "header" "body" "actions";
18415
+ }
18416
+
18417
+ .v-picker__body {
18418
+ grid-area: body;
18419
+ overflow: hidden;
18420
+ position: relative;
18421
+ }
18422
+
18423
+ .v-picker__header {
18424
+ grid-area: header;
18425
+ }
18426
+
18427
+ .v-picker__actions {
18428
+ grid-area: actions;
18429
+ padding: 0 12px 12px;
18430
+ display: flex;
18431
+ align-items: center;
18432
+ justify-content: flex-end;
18433
+ }
18434
+ .v-picker__actions .v-btn {
18435
+ min-width: 48px;
18436
+ }
18437
+ .v-picker__actions .v-btn:not(:last-child) {
18438
+ margin-inline-end: 8px;
18439
+ }
18440
+
18441
+ .v-picker--landscape {
18442
+ grid-template-areas: "title" "header body" "header body";
18443
+ }
18444
+
18445
+ .v-picker--landscape.v-picker--with-actions {
18446
+ grid-template-areas: "title" "header body" "header actions";
18447
+ }
18448
+
18449
+ .v-picker-title {
18450
+ text-transform: uppercase;
18451
+ font-size: 0.75rem;
18452
+ grid-area: title;
18453
+ padding-inline: 24px 12px;
18454
+ padding-top: 16px;
18455
+ padding-bottom: 16px;
18456
+ font-weight: 400;
18457
+ letter-spacing: 0.1666666667em;
18420
18458
  }.v-stepper-vertical-item {
18421
18459
  position: relative;
18422
18460
  transition-duration: 0.2s;
@@ -18485,164 +18523,65 @@ html.overflow-y-hidden {
18485
18523
  justify-content: flex-end;
18486
18524
  padding: 24px 0 0;
18487
18525
  flex-direction: row-reverse;
18488
- }.v-time-picker.v-picker {
18489
- padding: 24px;
18490
- width: 328px;
18526
+ }.v-pull-to-refresh {
18527
+ overflow: hidden;
18528
+ position: relative;
18491
18529
  }
18492
- .v-time-picker.v-picker .v-picker-title {
18493
- padding: 0;
18494
- margin-bottom: 20px;
18495
- }.v-number-input input[type=number] {
18496
- -moz-appearance: textfield;
18530
+ .v-pull-to-refresh__pull-down {
18531
+ position: absolute;
18532
+ width: 100%;
18533
+ transition: top 0.3s ease-out;
18497
18534
  }
18498
- .v-number-input input[type=number]::-webkit-outer-spin-button, .v-number-input input[type=number]::-webkit-inner-spin-button {
18499
- -webkit-appearance: none;
18535
+ .v-pull-to-refresh__pull-down--touching {
18536
+ transition: none;
18500
18537
  }
18501
- .v-number-input .v-field {
18502
- padding-inline-end: 0;
18503
- padding-inline-start: 0;
18538
+ .v-pull-to-refresh__pull-down-default {
18539
+ display: flex;
18540
+ width: 100%;
18541
+ height: 100%;
18542
+ justify-content: center;
18543
+ align-items: flex-end;
18544
+ padding-bottom: 10px;
18504
18545
  }
18505
- .v-number-input--inset .v-divider {
18506
- height: 55%;
18507
- width: 55%;
18508
- align-self: center;
18546
+ .v-pull-to-refresh__scroll-container {
18547
+ position: relative;
18548
+ transition: top 0.3s ease-out;
18509
18549
  }
18510
- .v-number-input--split .v-field__input {
18511
- text-align: center;
18550
+ .v-pull-to-refresh__scroll-container--touching {
18551
+ transition: none;
18552
+ }.v-treeview-item.v-treeview-item--filtered {
18553
+ display: none;
18512
18554
  }
18513
- .v-number-input--stacked .v-number-input__control {
18514
- flex-direction: column-reverse;
18555
+
18556
+ .v-treeview {
18557
+ --indent-padding: 0px;
18515
18558
  }
18516
- .v-number-input--stacked .v-number-input__control .v-btn {
18517
- flex: 1;
18559
+
18560
+ .v-treeview-group.v-list-group {
18561
+ --list-indent-size: 16px;
18518
18562
  }
18519
- .v-number-input--hide-input .v-field {
18520
- flex: none;
18563
+ .v-list--slim .v-treeview-group.v-list-group {
18564
+ --prepend-width: 16px;
18521
18565
  }
18522
- .v-number-input--hide-input .v-field__input {
18523
- width: 0;
18524
- padding-inline: 0;
18566
+ .v-treeview-group.v-list-group .v-list-group__items .v-list-item {
18567
+ padding-inline-start: calc(12px + var(--indent-padding)) !important;
18568
+ }.v-time-picker.v-picker {
18569
+ padding: 24px;
18570
+ width: 328px;
18525
18571
  }
18526
- .v-number-input__control {
18527
- display: flex;
18528
- height: 100%;
18572
+ .v-time-picker.v-picker .v-picker-title {
18573
+ padding: 0;
18574
+ margin-bottom: 20px;
18575
+ }.v-time-picker-clock {
18576
+ background: rgb(var(--v-theme-background));
18577
+ color: rgb(var(--v-theme-on-background));
18529
18578
  }
18530
- .v-number-input__control .v-btn {
18531
- background-color: transparent;
18532
- border-radius: 0;
18533
- }.v-time-picker-controls {
18534
- display: flex;
18535
- align-items: center;
18536
- justify-content: center;
18537
- font-size: 0.875rem;
18538
- padding-top: 4px;
18539
- padding-bottom: 4px;
18540
- margin-bottom: 36px;
18579
+ .v-time-picker-clock:after {
18580
+ color: rgb(var(--v-theme-primary));
18541
18581
  }
18542
- .v-time-picker-controls__text {
18543
- padding-bottom: 12px;
18544
- }
18545
- .v-time-picker-controls__time {
18546
- display: flex;
18547
- white-space: nowrap;
18548
- direction: ltr;
18549
- justify-content: center;
18550
- }
18551
- .v-time-picker-controls__time__btn.v-btn--density-default.v-btn {
18552
- width: 96px;
18553
- height: 80px;
18554
- font-size: 56px;
18555
- }
18556
- .v-time-picker-controls__time__btn.v-btn--density-default.v-btn__active {
18557
- background: rgb(var(--v-theme-primary));
18558
- }
18559
- .v-time-picker-controls__time__btn.v-btn--density-default.v-btn.v-time-picker-controls__time--with-ampm__btn {
18560
- width: 96px;
18561
- height: 80px;
18562
- }
18563
- .v-time-picker-controls__time__btn.v-btn--density-default.v-btn.v-time-picker-controls__time--with-seconds__btn {
18564
- width: 64px;
18565
- height: 80px;
18566
- font-size: 40px;
18567
- }
18568
- .v-time-picker-controls__time__separator {
18569
- font-size: 56px;
18570
- height: 80px;
18571
- width: 24px;
18572
- text-align: center;
18573
- }
18574
- .v-time-picker-controls__time__separator.v-time-picker-controls--with-seconds__time__separator {
18575
- height: 80px;
18576
- font-size: 56px;
18577
- }
18578
-
18579
- .v-time-picker-controls__ampm {
18580
- margin-left: 12px;
18581
- align-self: flex-end;
18582
- display: flex;
18583
- flex-direction: column;
18584
- font-size: 18px;
18585
- text-transform: uppercase;
18586
- }
18587
- .v-time-picker-controls__ampm--readonly {
18588
- pointer-events: none;
18589
- }
18590
- .v-time-picker-controls__ampm--readonly .v-picker__title__btn.v-picker__title__btn--active {
18591
- opacity: 0.6;
18592
- }
18593
- .v-time-picker-controls__ampm__btn.v-btn.v-btn--density-default {
18594
- font-size: 18px;
18595
- padding: 0 8px;
18596
- min-width: 52px;
18597
- height: 40px;
18598
- }
18599
- .v-time-picker-controls__ampm__btn.v-btn.v-btn--density-default.v-time-picker-controls__ampm__am {
18600
- border-radius: 4px 4px 0 0;
18601
- border: 1px solid;
18602
- }
18603
- .v-time-picker-controls__ampm__btn.v-btn.v-btn--density-default.v-time-picker-controls__ampm__pm {
18604
- border-radius: 0 0 4px 4px;
18605
- border: 1px solid;
18606
- border-top: none;
18607
- }
18608
- .v-time-picker-controls__ampm__btn.v-btn.v-btn--density-default__active {
18609
- background: rgb(var(--v-theme-primary));
18610
- }
18611
-
18612
- .v-picker__title--landscape .v-time-picker-controls {
18613
- flex-direction: column;
18614
- justify-content: center;
18615
- height: 100%;
18616
- }
18617
- .v-picker__title--landscape .v-time-picker-controls__time {
18618
- text-align: right;
18619
- }
18620
- .v-picker__title--landscape .v-time-picker-controls__time .v-picker__title__btn,
18621
- .v-picker__title--landscape .v-time-picker-controls__time span {
18622
- height: 55px;
18623
- font-size: 55px;
18624
- }
18625
- .v-picker__title--landscape .v-time-picker-controls__ampm {
18626
- margin: 16px 0 0;
18627
- align-self: initial;
18628
- text-align: center;
18629
- }
18630
-
18631
- .v-picker--time .v-picker__title--landscape {
18632
- padding: 0;
18633
- }
18634
- .v-picker--time .v-picker__title--landscape .v-time-picker-controls__time {
18635
- text-align: center;
18636
- }.v-time-picker-clock {
18637
- background: rgb(var(--v-theme-background));
18638
- color: rgb(var(--v-theme-on-background));
18639
- }
18640
- .v-time-picker-clock:after {
18641
- color: rgb(var(--v-theme-primary));
18642
- }
18643
- .v-time-picker-clock .v-time-picker-clock__item--active {
18644
- background-color: rgb(var(--v-theme-surface-variant));
18645
- color: rgb(var(--v-theme-on-surface-variant));
18582
+ .v-time-picker-clock .v-time-picker-clock__item--active {
18583
+ background-color: rgb(var(--v-theme-surface-variant));
18584
+ color: rgb(var(--v-theme-on-surface-variant));
18646
18585
  }
18647
18586
 
18648
18587
  .v-time-picker-clock {
@@ -18764,64 +18703,109 @@ html.overflow-y-hidden {
18764
18703
 
18765
18704
  .v-picker--landscape .v-time-picker-clock__container {
18766
18705
  flex-direction: row;
18767
- }.v-pull-to-refresh {
18768
- overflow: hidden;
18769
- position: relative;
18770
- }
18771
- .v-pull-to-refresh__pull-down {
18772
- position: absolute;
18773
- width: 100%;
18774
- transition: top 0.3s ease-out;
18706
+ }.v-time-picker-controls {
18707
+ display: flex;
18708
+ align-items: center;
18709
+ justify-content: center;
18710
+ font-size: 0.875rem;
18711
+ padding-top: 4px;
18712
+ padding-bottom: 4px;
18713
+ margin-bottom: 36px;
18775
18714
  }
18776
- .v-pull-to-refresh__pull-down--touching {
18777
- transition: none;
18715
+ .v-time-picker-controls__text {
18716
+ padding-bottom: 12px;
18778
18717
  }
18779
- .v-pull-to-refresh__pull-down-default {
18718
+ .v-time-picker-controls__time {
18780
18719
  display: flex;
18781
- width: 100%;
18782
- height: 100%;
18720
+ white-space: nowrap;
18721
+ direction: ltr;
18783
18722
  justify-content: center;
18784
- align-items: flex-end;
18785
- padding-bottom: 10px;
18786
18723
  }
18787
- .v-pull-to-refresh__scroll-container {
18788
- position: relative;
18789
- transition: top 0.3s ease-out;
18724
+ .v-time-picker-controls__time__btn.v-btn--density-default.v-btn {
18725
+ width: 96px;
18726
+ height: 80px;
18727
+ font-size: 56px;
18790
18728
  }
18791
- .v-pull-to-refresh__scroll-container--touching {
18792
- transition: none;
18793
- }.v-treeview-item.v-treeview-item--filtered {
18794
- display: none;
18729
+ .v-time-picker-controls__time__btn.v-btn--density-default.v-btn__active {
18730
+ background: rgb(var(--v-theme-primary));
18795
18731
  }
18796
-
18797
- .v-treeview {
18798
- --indent-padding: 0px;
18732
+ .v-time-picker-controls__time__btn.v-btn--density-default.v-btn.v-time-picker-controls__time--with-ampm__btn {
18733
+ width: 96px;
18734
+ height: 80px;
18799
18735
  }
18800
-
18801
- .v-treeview-group.v-list-group {
18802
- --list-indent-size: 16px;
18736
+ .v-time-picker-controls__time__btn.v-btn--density-default.v-btn.v-time-picker-controls__time--with-seconds__btn {
18737
+ width: 64px;
18738
+ height: 80px;
18739
+ font-size: 40px;
18803
18740
  }
18804
- .v-list--slim .v-treeview-group.v-list-group {
18805
- --prepend-width: 16px;
18741
+ .v-time-picker-controls__time__separator {
18742
+ font-size: 56px;
18743
+ height: 80px;
18744
+ width: 24px;
18745
+ text-align: center;
18806
18746
  }
18807
- .v-treeview-group.v-list-group .v-list-group__items .v-list-item {
18808
- padding-inline-start: calc(12px + var(--indent-padding)) !important;
18809
- }.v-application {
18810
- display: flex;
18811
- background: rgb(var(--v-theme-background));
18812
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
18747
+ .v-time-picker-controls__time__separator.v-time-picker-controls--with-seconds__time__separator {
18748
+ height: 80px;
18749
+ font-size: 56px;
18813
18750
  }
18814
18751
 
18815
- .v-application__wrap {
18816
- -webkit-backface-visibility: hidden;
18817
- backface-visibility: hidden;
18752
+ .v-time-picker-controls__ampm {
18753
+ margin-left: 12px;
18754
+ align-self: flex-end;
18818
18755
  display: flex;
18819
18756
  flex-direction: column;
18820
- flex: 1 1 auto;
18821
- max-width: 100%;
18822
- min-height: 100vh;
18823
- min-height: 100dvh;
18824
- position: relative;
18757
+ font-size: 18px;
18758
+ text-transform: uppercase;
18759
+ }
18760
+ .v-time-picker-controls__ampm--readonly {
18761
+ pointer-events: none;
18762
+ }
18763
+ .v-time-picker-controls__ampm--readonly .v-picker__title__btn.v-picker__title__btn--active {
18764
+ opacity: 0.6;
18765
+ }
18766
+ .v-time-picker-controls__ampm__btn.v-btn.v-btn--density-default {
18767
+ font-size: 18px;
18768
+ padding: 0 8px;
18769
+ min-width: 52px;
18770
+ height: 40px;
18771
+ }
18772
+ .v-time-picker-controls__ampm__btn.v-btn.v-btn--density-default.v-time-picker-controls__ampm__am {
18773
+ border-radius: 4px 4px 0 0;
18774
+ border: 1px solid;
18775
+ }
18776
+ .v-time-picker-controls__ampm__btn.v-btn.v-btn--density-default.v-time-picker-controls__ampm__pm {
18777
+ border-radius: 0 0 4px 4px;
18778
+ border: 1px solid;
18779
+ border-top: none;
18780
+ }
18781
+ .v-time-picker-controls__ampm__btn.v-btn.v-btn--density-default__active {
18782
+ background: rgb(var(--v-theme-primary));
18783
+ }
18784
+
18785
+ .v-picker__title--landscape .v-time-picker-controls {
18786
+ flex-direction: column;
18787
+ justify-content: center;
18788
+ height: 100%;
18789
+ }
18790
+ .v-picker__title--landscape .v-time-picker-controls__time {
18791
+ text-align: right;
18792
+ }
18793
+ .v-picker__title--landscape .v-time-picker-controls__time .v-picker__title__btn,
18794
+ .v-picker__title--landscape .v-time-picker-controls__time span {
18795
+ height: 55px;
18796
+ font-size: 55px;
18797
+ }
18798
+ .v-picker__title--landscape .v-time-picker-controls__ampm {
18799
+ margin: 16px 0 0;
18800
+ align-self: initial;
18801
+ text-align: center;
18802
+ }
18803
+
18804
+ .v-picker--time .v-picker__title--landscape {
18805
+ padding: 0;
18806
+ }
18807
+ .v-picker--time .v-picker__title--landscape .v-time-picker-controls__time {
18808
+ text-align: center;
18825
18809
  }.v-app-bar {
18826
18810
  display: flex;
18827
18811
  }
@@ -18834,27 +18818,201 @@ html.overflow-y-hidden {
18834
18818
  }
18835
18819
  .v-app-bar:not(.v-toolbar--absolute) {
18836
18820
  padding-inline-end: var(--v-scrollbar-offset);
18837
- }.v-alert {
18838
- display: grid;
18839
- flex: 1 1;
18840
- grid-template-areas: "prepend content append close" ". content . .";
18841
- grid-template-columns: max-content auto max-content max-content;
18842
- position: relative;
18843
- padding: 16px;
18844
- overflow: hidden;
18845
- --v-border-color: currentColor;
18846
- }
18847
- .v-alert--absolute {
18848
- position: absolute;
18849
- }
18850
- .v-alert--fixed {
18851
- position: fixed;
18852
- }
18853
- .v-alert--sticky {
18854
- position: sticky;
18855
- }
18856
- .v-alert {
18857
- border-radius: 4px;
18821
+ }.v-badge {
18822
+ display: inline-block;
18823
+ line-height: 1;
18824
+ }
18825
+
18826
+ .v-badge__badge {
18827
+ align-items: center;
18828
+ display: inline-flex;
18829
+ border-radius: 10px;
18830
+ font-size: 0.75rem;
18831
+ font-weight: 500;
18832
+ height: 1.25rem;
18833
+ justify-content: center;
18834
+ min-width: 20px;
18835
+ padding: 4px 6px;
18836
+ pointer-events: auto;
18837
+ position: absolute;
18838
+ text-align: center;
18839
+ text-indent: 0;
18840
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
18841
+ white-space: nowrap;
18842
+ }
18843
+ .v-badge__badge {
18844
+ background: rgb(var(--v-theme-surface-variant));
18845
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
18846
+ }
18847
+ .v-badge--bordered .v-badge__badge::after {
18848
+ border-radius: inherit;
18849
+ border-style: solid;
18850
+ border-width: 2px;
18851
+ bottom: 0;
18852
+ color: rgb(var(--v-theme-background));
18853
+ content: "";
18854
+ left: 0;
18855
+ position: absolute;
18856
+ right: 0;
18857
+ top: 0;
18858
+ transform: scale(1.05);
18859
+ }
18860
+ .v-badge--dot .v-badge__badge {
18861
+ border-radius: 4.5px;
18862
+ height: 9px;
18863
+ min-width: 0;
18864
+ padding: 0;
18865
+ width: 9px;
18866
+ }
18867
+ .v-badge--dot .v-badge__badge::after {
18868
+ border-width: 1.5px;
18869
+ }
18870
+ .v-badge--inline .v-badge__badge {
18871
+ position: relative;
18872
+ vertical-align: middle;
18873
+ }
18874
+ .v-badge__badge .v-icon {
18875
+ color: inherit;
18876
+ font-size: 0.75rem;
18877
+ margin: 0 -2px;
18878
+ }
18879
+ .v-badge__badge img,
18880
+ .v-badge__badge .v-img {
18881
+ height: 100%;
18882
+ width: 100%;
18883
+ }
18884
+
18885
+ .v-badge__wrapper {
18886
+ display: flex;
18887
+ position: relative;
18888
+ }
18889
+ .v-badge--inline .v-badge__wrapper {
18890
+ align-items: center;
18891
+ display: inline-flex;
18892
+ justify-content: center;
18893
+ margin: 0 4px;
18894
+ }.v-application {
18895
+ display: flex;
18896
+ background: rgb(var(--v-theme-background));
18897
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
18898
+ }
18899
+
18900
+ .v-application__wrap {
18901
+ -webkit-backface-visibility: hidden;
18902
+ backface-visibility: hidden;
18903
+ display: flex;
18904
+ flex-direction: column;
18905
+ flex: 1 1 auto;
18906
+ max-width: 100%;
18907
+ min-height: 100vh;
18908
+ min-height: 100dvh;
18909
+ position: relative;
18910
+ }.v-autocomplete .v-field .v-text-field__prefix,
18911
+ .v-autocomplete .v-field .v-text-field__suffix,
18912
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
18913
+ cursor: text;
18914
+ }
18915
+ .v-autocomplete .v-field .v-field__input > input {
18916
+ flex: 1 1;
18917
+ }
18918
+ .v-autocomplete .v-field input {
18919
+ min-width: 64px;
18920
+ }
18921
+ .v-autocomplete .v-field:not(.v-field--focused) input {
18922
+ min-width: 0;
18923
+ }
18924
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
18925
+ margin-inline-end: 2px;
18926
+ }
18927
+ .v-autocomplete .v-autocomplete__selection-text {
18928
+ overflow: hidden;
18929
+ text-overflow: ellipsis;
18930
+ white-space: nowrap;
18931
+ }
18932
+
18933
+ .v-autocomplete__content {
18934
+ overflow: hidden;
18935
+ }
18936
+ .v-autocomplete__content {
18937
+ 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));
18938
+ }
18939
+ .v-autocomplete__content {
18940
+ border-radius: 4px;
18941
+ }
18942
+ .v-autocomplete__mask {
18943
+ background: rgb(var(--v-theme-surface-light));
18944
+ }
18945
+ .v-autocomplete__selection {
18946
+ display: inline-flex;
18947
+ align-items: center;
18948
+ height: 1.5rem;
18949
+ letter-spacing: inherit;
18950
+ line-height: inherit;
18951
+ max-width: calc(100% - 2px - 2px);
18952
+ }
18953
+ .v-autocomplete__selection:first-child {
18954
+ margin-inline-start: 0;
18955
+ }
18956
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
18957
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
18958
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
18959
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
18960
+ top: 0px;
18961
+ }
18962
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
18963
+ opacity: var(--v-medium-emphasis-opacity);
18964
+ }
18965
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
18966
+ opacity: 1;
18967
+ }
18968
+ .v-autocomplete--selecting-index .v-field__input > input {
18969
+ caret-color: transparent;
18970
+ }
18971
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
18972
+ flex: 1 1;
18973
+ position: absolute;
18974
+ left: 0;
18975
+ right: 0;
18976
+ width: 100%;
18977
+ padding-inline: inherit;
18978
+ }
18979
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
18980
+ transition: none;
18981
+ }
18982
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
18983
+ opacity: 0;
18984
+ }
18985
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
18986
+ opacity: 0;
18987
+ }
18988
+ .v-autocomplete__menu-icon {
18989
+ margin-inline-start: 4px;
18990
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18991
+ }
18992
+ .v-autocomplete--active-menu .v-autocomplete__menu-icon {
18993
+ opacity: var(--v-high-emphasis-opacity);
18994
+ transform: rotate(180deg);
18995
+ }.v-alert {
18996
+ display: grid;
18997
+ flex: 1 1;
18998
+ grid-template-areas: "prepend content append close" ". content . .";
18999
+ grid-template-columns: max-content auto max-content max-content;
19000
+ position: relative;
19001
+ padding: 16px;
19002
+ overflow: hidden;
19003
+ --v-border-color: currentColor;
19004
+ }
19005
+ .v-alert--absolute {
19006
+ position: absolute;
19007
+ }
19008
+ .v-alert--fixed {
19009
+ position: fixed;
19010
+ }
19011
+ .v-alert--sticky {
19012
+ position: sticky;
19013
+ }
19014
+ .v-alert {
19015
+ border-radius: 4px;
18858
19016
  }
18859
19017
  .v-alert--variant-plain, .v-alert--variant-outlined, .v-alert--variant-text, .v-alert--variant-tonal {
18860
19018
  background: transparent;
@@ -19050,66 +19208,163 @@ html.overflow-y-hidden {
19050
19208
  text-transform: none;
19051
19209
  word-break: normal;
19052
19210
  word-wrap: break-word;
19053
- }.v-avatar {
19054
- flex: none;
19055
- align-items: center;
19056
- display: inline-flex;
19057
- justify-content: center;
19058
- line-height: normal;
19211
+ }.v-bottom-navigation {
19212
+ display: flex;
19213
+ max-width: 100%;
19059
19214
  overflow: hidden;
19060
- position: relative;
19061
- text-align: center;
19062
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
19063
- transition-property: width, height;
19064
- vertical-align: middle;
19065
- }
19066
- .v-avatar.v-avatar--size-x-small {
19067
- --v-avatar-height: 24px;
19068
- }
19069
- .v-avatar.v-avatar--size-small {
19070
- --v-avatar-height: 32px;
19071
- }
19072
- .v-avatar.v-avatar--size-default {
19073
- --v-avatar-height: 40px;
19074
- }
19075
- .v-avatar.v-avatar--size-large {
19076
- --v-avatar-height: 48px;
19077
- }
19078
- .v-avatar.v-avatar--size-x-large {
19079
- --v-avatar-height: 56px;
19080
- }
19081
- .v-avatar.v-avatar--density-default {
19082
- height: calc(var(--v-avatar-height) + 0px);
19083
- width: calc(var(--v-avatar-height) + 0px);
19084
- }
19085
- .v-avatar.v-avatar--density-comfortable {
19086
- height: calc(var(--v-avatar-height) + -4px);
19087
- width: calc(var(--v-avatar-height) + -4px);
19088
- }
19089
- .v-avatar.v-avatar--density-compact {
19090
- height: calc(var(--v-avatar-height) + -8px);
19091
- width: calc(var(--v-avatar-height) + -8px);
19215
+ position: absolute;
19216
+ transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
19092
19217
  }
19093
- .v-avatar {
19218
+ .v-bottom-navigation {
19094
19219
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19095
19220
  border-style: solid;
19096
- border-width: thin;
19221
+ border-width: 0;
19097
19222
  }
19098
- .v-avatar--border {
19223
+ .v-bottom-navigation--border {
19099
19224
  border-width: thin;
19100
19225
  box-shadow: none;
19101
19226
  }
19102
- .v-avatar {
19103
- border-radius: 50%;
19227
+ .v-bottom-navigation {
19228
+ border-radius: 0;
19104
19229
  }
19105
- .v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
19106
- background: transparent;
19107
- color: inherit;
19230
+ .v-bottom-navigation {
19231
+ background: rgb(var(--v-theme-surface));
19232
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19108
19233
  }
19109
- .v-avatar--variant-plain {
19110
- opacity: 0.62;
19234
+ .v-bottom-navigation--active {
19235
+ 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));
19111
19236
  }
19112
- .v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
19237
+
19238
+ .v-bottom-navigation__content {
19239
+ display: flex;
19240
+ flex: none;
19241
+ font-size: 0.75rem;
19242
+ justify-content: center;
19243
+ transition: inherit;
19244
+ width: 100%;
19245
+ }
19246
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
19247
+ font-size: inherit;
19248
+ height: 100%;
19249
+ max-width: 168px;
19250
+ min-width: 80px;
19251
+ text-transform: none;
19252
+ transition: inherit;
19253
+ width: auto;
19254
+ }
19255
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
19256
+ border-radius: 0;
19257
+ }
19258
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
19259
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
19260
+ transition: inherit;
19261
+ }
19262
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
19263
+ font-size: 1.5rem;
19264
+ }
19265
+ .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
19266
+ flex-grow: 1;
19267
+ }
19268
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
19269
+ transition: inherit;
19270
+ opacity: 0;
19271
+ }
19272
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
19273
+ transform: translateY(0.5rem);
19274
+ }.bottom-sheet-transition-enter-from {
19275
+ transform: translateY(100%);
19276
+ }
19277
+ .bottom-sheet-transition-leave-to {
19278
+ transform: translateY(100%);
19279
+ }
19280
+
19281
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
19282
+ align-self: flex-end;
19283
+ border-radius: 0;
19284
+ flex: 0 1 auto;
19285
+ left: 0;
19286
+ right: 0;
19287
+ margin-inline: 0;
19288
+ margin-bottom: 0;
19289
+ transition-duration: 0.2s;
19290
+ width: 100%;
19291
+ max-width: 100%;
19292
+ overflow: visible;
19293
+ }
19294
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
19295
+ 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));
19296
+ }
19297
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
19298
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
19299
+ border-radius: 0;
19300
+ }
19301
+ .v-bottom-sheet.v-bottom-sheet--inset {
19302
+ max-width: none;
19303
+ }
19304
+ @media (min-width: 600px) {
19305
+ .v-bottom-sheet.v-bottom-sheet--inset {
19306
+ max-width: 70%;
19307
+ }
19308
+ }.v-avatar {
19309
+ flex: none;
19310
+ align-items: center;
19311
+ display: inline-flex;
19312
+ justify-content: center;
19313
+ line-height: normal;
19314
+ overflow: hidden;
19315
+ position: relative;
19316
+ text-align: center;
19317
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
19318
+ transition-property: width, height;
19319
+ vertical-align: middle;
19320
+ }
19321
+ .v-avatar.v-avatar--size-x-small {
19322
+ --v-avatar-height: 24px;
19323
+ }
19324
+ .v-avatar.v-avatar--size-small {
19325
+ --v-avatar-height: 32px;
19326
+ }
19327
+ .v-avatar.v-avatar--size-default {
19328
+ --v-avatar-height: 40px;
19329
+ }
19330
+ .v-avatar.v-avatar--size-large {
19331
+ --v-avatar-height: 48px;
19332
+ }
19333
+ .v-avatar.v-avatar--size-x-large {
19334
+ --v-avatar-height: 56px;
19335
+ }
19336
+ .v-avatar.v-avatar--density-default {
19337
+ height: calc(var(--v-avatar-height) + 0px);
19338
+ width: calc(var(--v-avatar-height) + 0px);
19339
+ }
19340
+ .v-avatar.v-avatar--density-comfortable {
19341
+ height: calc(var(--v-avatar-height) + -4px);
19342
+ width: calc(var(--v-avatar-height) + -4px);
19343
+ }
19344
+ .v-avatar.v-avatar--density-compact {
19345
+ height: calc(var(--v-avatar-height) + -8px);
19346
+ width: calc(var(--v-avatar-height) + -8px);
19347
+ }
19348
+ .v-avatar {
19349
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19350
+ border-style: solid;
19351
+ border-width: thin;
19352
+ }
19353
+ .v-avatar--border {
19354
+ border-width: thin;
19355
+ box-shadow: none;
19356
+ }
19357
+ .v-avatar {
19358
+ border-radius: 50%;
19359
+ }
19360
+ .v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
19361
+ background: transparent;
19362
+ color: inherit;
19363
+ }
19364
+ .v-avatar--variant-plain {
19365
+ opacity: 0.62;
19366
+ }
19367
+ .v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
19113
19368
  opacity: 1;
19114
19369
  }
19115
19370
  .v-avatar--variant-plain .v-avatar__overlay {
@@ -19322,478 +19577,102 @@ html.overflow-y-hidden {
19322
19577
  }
19323
19578
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
19324
19579
  align-self: flex-start;
19325
- }.v-autocomplete .v-field .v-text-field__prefix,
19326
- .v-autocomplete .v-field .v-text-field__suffix,
19327
- .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
19328
- cursor: text;
19580
+ }.v-btn {
19581
+ align-items: center;
19582
+ border-radius: 4px;
19583
+ display: inline-grid;
19584
+ grid-template-areas: "prepend content append";
19585
+ grid-template-columns: max-content auto max-content;
19586
+ font-weight: 500;
19587
+ justify-content: center;
19588
+ letter-spacing: 0.0892857143em;
19589
+ line-height: normal;
19590
+ max-width: 100%;
19591
+ outline: none;
19592
+ position: relative;
19593
+ text-decoration: none;
19594
+ text-indent: 0.0892857143em;
19595
+ text-transform: uppercase;
19596
+ transition-property: box-shadow, transform, opacity, background;
19597
+ transition-duration: 0.28s;
19598
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19599
+ -webkit-user-select: none;
19600
+ user-select: none;
19601
+ vertical-align: middle;
19602
+ flex-shrink: 0;
19329
19603
  }
19330
- .v-autocomplete .v-field .v-field__input > input {
19331
- flex: 1 1;
19604
+ .v-btn--size-x-small {
19605
+ --v-btn-size: 0.625rem;
19606
+ --v-btn-height: 20px;
19607
+ font-size: var(--v-btn-size);
19608
+ min-width: 36px;
19609
+ padding: 0 8px;
19332
19610
  }
19333
- .v-autocomplete .v-field input {
19334
- min-width: 64px;
19611
+
19612
+ .v-btn--size-small {
19613
+ --v-btn-size: 0.75rem;
19614
+ --v-btn-height: 28px;
19615
+ font-size: var(--v-btn-size);
19616
+ min-width: 50px;
19617
+ padding: 0 12px;
19335
19618
  }
19336
- .v-autocomplete .v-field:not(.v-field--focused) input {
19337
- min-width: 0;
19619
+
19620
+ .v-btn--size-default {
19621
+ --v-btn-size: 0.875rem;
19622
+ --v-btn-height: 36px;
19623
+ font-size: var(--v-btn-size);
19624
+ min-width: 64px;
19625
+ padding: 0 16px;
19338
19626
  }
19339
- .v-autocomplete .v-field--dirty .v-autocomplete__selection {
19340
- margin-inline-end: 2px;
19627
+
19628
+ .v-btn--size-large {
19629
+ --v-btn-size: 1rem;
19630
+ --v-btn-height: 44px;
19631
+ font-size: var(--v-btn-size);
19632
+ min-width: 78px;
19633
+ padding: 0 20px;
19341
19634
  }
19342
- .v-autocomplete .v-autocomplete__selection-text {
19343
- overflow: hidden;
19344
- text-overflow: ellipsis;
19345
- white-space: nowrap;
19635
+
19636
+ .v-btn--size-x-large {
19637
+ --v-btn-size: 1.125rem;
19638
+ --v-btn-height: 52px;
19639
+ font-size: var(--v-btn-size);
19640
+ min-width: 92px;
19641
+ padding: 0 24px;
19346
19642
  }
19347
19643
 
19348
- .v-autocomplete__content {
19349
- overflow: hidden;
19644
+ .v-btn.v-btn--density-default {
19645
+ height: calc(var(--v-btn-height) + 0px);
19350
19646
  }
19351
- .v-autocomplete__content {
19352
- 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));
19647
+
19648
+ .v-btn.v-btn--density-comfortable {
19649
+ height: calc(var(--v-btn-height) + -8px);
19353
19650
  }
19354
- .v-autocomplete__content {
19355
- border-radius: 4px;
19651
+
19652
+ .v-btn.v-btn--density-compact {
19653
+ height: calc(var(--v-btn-height) + -12px);
19356
19654
  }
19357
- .v-autocomplete__mask {
19358
- background: rgb(var(--v-theme-surface-light));
19655
+
19656
+ .v-btn {
19657
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19658
+ border-style: solid;
19659
+ border-width: 0;
19359
19660
  }
19360
- .v-autocomplete__selection {
19361
- display: inline-flex;
19362
- align-items: center;
19363
- height: 1.5rem;
19364
- letter-spacing: inherit;
19365
- line-height: inherit;
19366
- max-width: calc(100% - 2px - 2px);
19661
+ .v-btn--border {
19662
+ border-width: thin;
19663
+ box-shadow: none;
19367
19664
  }
19368
- .v-autocomplete__selection:first-child {
19369
- margin-inline-start: 0;
19665
+ .v-btn--absolute {
19666
+ position: absolute;
19370
19667
  }
19371
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
19372
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
19373
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
19374
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
19375
- top: 0px;
19668
+ .v-btn--fixed {
19669
+ position: fixed;
19376
19670
  }
19377
- .v-autocomplete--selecting-index .v-autocomplete__selection {
19378
- opacity: var(--v-medium-emphasis-opacity);
19671
+ .v-btn:hover > .v-btn__overlay {
19672
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
19379
19673
  }
19380
- .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
19381
- opacity: 1;
19382
- }
19383
- .v-autocomplete--selecting-index .v-field__input > input {
19384
- caret-color: transparent;
19385
- }
19386
- .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
19387
- flex: 1 1;
19388
- position: absolute;
19389
- left: 0;
19390
- right: 0;
19391
- width: 100%;
19392
- padding-inline: inherit;
19393
- }
19394
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
19395
- transition: none;
19396
- }
19397
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
19398
- opacity: 0;
19399
- }
19400
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
19401
- opacity: 0;
19402
- }
19403
- .v-autocomplete__menu-icon {
19404
- margin-inline-start: 4px;
19405
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
19406
- }
19407
- .v-autocomplete--active-menu .v-autocomplete__menu-icon {
19408
- opacity: var(--v-high-emphasis-opacity);
19409
- transform: rotate(180deg);
19410
- }.v-badge {
19411
- display: inline-block;
19412
- line-height: 1;
19413
- }
19414
-
19415
- .v-badge__badge {
19416
- align-items: center;
19417
- display: inline-flex;
19418
- border-radius: 10px;
19419
- font-size: 0.75rem;
19420
- font-weight: 500;
19421
- height: 1.25rem;
19422
- justify-content: center;
19423
- min-width: 20px;
19424
- padding: 4px 6px;
19425
- pointer-events: auto;
19426
- position: absolute;
19427
- text-align: center;
19428
- text-indent: 0;
19429
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
19430
- white-space: nowrap;
19431
- }
19432
- .v-badge__badge {
19433
- background: rgb(var(--v-theme-surface-variant));
19434
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
19435
- }
19436
- .v-badge--bordered .v-badge__badge::after {
19437
- border-radius: inherit;
19438
- border-style: solid;
19439
- border-width: 2px;
19440
- bottom: 0;
19441
- color: rgb(var(--v-theme-background));
19442
- content: "";
19443
- left: 0;
19444
- position: absolute;
19445
- right: 0;
19446
- top: 0;
19447
- transform: scale(1.05);
19448
- }
19449
- .v-badge--dot .v-badge__badge {
19450
- border-radius: 4.5px;
19451
- height: 9px;
19452
- min-width: 0;
19453
- padding: 0;
19454
- width: 9px;
19455
- }
19456
- .v-badge--dot .v-badge__badge::after {
19457
- border-width: 1.5px;
19458
- }
19459
- .v-badge--inline .v-badge__badge {
19460
- position: relative;
19461
- vertical-align: middle;
19462
- }
19463
- .v-badge__badge .v-icon {
19464
- color: inherit;
19465
- font-size: 0.75rem;
19466
- margin: 0 -2px;
19467
- }
19468
- .v-badge__badge img,
19469
- .v-badge__badge .v-img {
19470
- height: 100%;
19471
- width: 100%;
19472
- }
19473
-
19474
- .v-badge__wrapper {
19475
- display: flex;
19476
- position: relative;
19477
- }
19478
- .v-badge--inline .v-badge__wrapper {
19479
- align-items: center;
19480
- display: inline-flex;
19481
- justify-content: center;
19482
- margin: 0 4px;
19483
- }.v-bottom-navigation {
19484
- display: flex;
19485
- max-width: 100%;
19486
- overflow: hidden;
19487
- position: absolute;
19488
- transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
19489
- }
19490
- .v-bottom-navigation {
19491
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19492
- border-style: solid;
19493
- border-width: 0;
19494
- }
19495
- .v-bottom-navigation--border {
19496
- border-width: thin;
19497
- box-shadow: none;
19498
- }
19499
- .v-bottom-navigation {
19500
- border-radius: 0;
19501
- }
19502
- .v-bottom-navigation {
19503
- background: rgb(var(--v-theme-surface));
19504
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19505
- }
19506
- .v-bottom-navigation--active {
19507
- 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));
19508
- }
19509
-
19510
- .v-bottom-navigation__content {
19511
- display: flex;
19512
- flex: none;
19513
- font-size: 0.75rem;
19514
- justify-content: center;
19515
- transition: inherit;
19516
- width: 100%;
19517
- }
19518
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
19519
- font-size: inherit;
19520
- height: 100%;
19521
- max-width: 168px;
19522
- min-width: 80px;
19523
- text-transform: none;
19524
- transition: inherit;
19525
- width: auto;
19526
- }
19527
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
19528
- border-radius: 0;
19529
- }
19530
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
19531
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
19532
- transition: inherit;
19533
- }
19534
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
19535
- font-size: 1.5rem;
19536
- }
19537
- .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
19538
- flex-grow: 1;
19539
- }
19540
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
19541
- transition: inherit;
19542
- opacity: 0;
19543
- }
19544
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
19545
- transform: translateY(0.5rem);
19546
- }.bottom-sheet-transition-enter-from {
19547
- transform: translateY(100%);
19548
- }
19549
- .bottom-sheet-transition-leave-to {
19550
- transform: translateY(100%);
19551
- }
19552
-
19553
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
19554
- align-self: flex-end;
19555
- border-radius: 0;
19556
- flex: 0 1 auto;
19557
- left: 0;
19558
- right: 0;
19559
- margin-inline: 0;
19560
- margin-bottom: 0;
19561
- transition-duration: 0.2s;
19562
- width: 100%;
19563
- max-width: 100%;
19564
- overflow: visible;
19565
- }
19566
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
19567
- 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));
19568
- }
19569
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
19570
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
19571
- border-radius: 0;
19572
- }
19573
- .v-bottom-sheet.v-bottom-sheet--inset {
19574
- max-width: none;
19575
- }
19576
- @media (min-width: 600px) {
19577
- .v-bottom-sheet.v-bottom-sheet--inset {
19578
- max-width: 70%;
19579
- }
19580
- }.v-breadcrumbs {
19581
- display: flex;
19582
- align-items: center;
19583
- line-height: 1.6;
19584
- padding: 16px 12px;
19585
- }
19586
- .v-breadcrumbs--rounded {
19587
- border-radius: 4px;
19588
- }
19589
- .v-breadcrumbs--density-default {
19590
- padding-top: 16px;
19591
- padding-bottom: 16px;
19592
- }
19593
-
19594
- .v-breadcrumbs--density-comfortable {
19595
- padding-top: 12px;
19596
- padding-bottom: 12px;
19597
- }
19598
-
19599
- .v-breadcrumbs--density-compact {
19600
- padding-top: 8px;
19601
- padding-bottom: 8px;
19602
- }
19603
-
19604
- .v-breadcrumbs__prepend {
19605
- align-items: center;
19606
- display: inline-flex;
19607
- }
19608
-
19609
- .v-breadcrumbs-item {
19610
- align-items: center;
19611
- color: inherit;
19612
- display: inline-flex;
19613
- padding: 0 4px;
19614
- text-decoration: none;
19615
- vertical-align: middle;
19616
- }
19617
- .v-breadcrumbs-item--disabled {
19618
- opacity: var(--v-disabled-opacity);
19619
- pointer-events: none;
19620
- }
19621
- .v-breadcrumbs-item--link {
19622
- color: inherit;
19623
- text-decoration: none;
19624
- }
19625
- .v-breadcrumbs-item--link:hover {
19626
- text-decoration: underline;
19627
- }
19628
- .v-breadcrumbs-item .v-icon {
19629
- font-size: 1rem;
19630
- margin-inline: -4px 2px;
19631
- }
19632
-
19633
- .v-breadcrumbs-divider {
19634
- display: inline-block;
19635
- padding: 0 8px;
19636
- vertical-align: middle;
19637
- }.v-btn-group {
19638
- display: inline-flex;
19639
- flex-wrap: nowrap;
19640
- max-width: 100%;
19641
- min-width: 0;
19642
- overflow: hidden;
19643
- vertical-align: middle;
19644
- }
19645
- .v-btn-group {
19646
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19647
- border-style: solid;
19648
- border-width: 0;
19649
- }
19650
- .v-btn-group--border {
19651
- border-width: thin;
19652
- box-shadow: none;
19653
- }
19654
- .v-btn-group {
19655
- 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));
19656
- }
19657
- .v-btn-group {
19658
- border-radius: 4px;
19659
- }
19660
- .v-btn-group {
19661
- background: transparent;
19662
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19663
- }
19664
- .v-btn-group--density-default.v-btn-group {
19665
- height: 48px;
19666
- }
19667
-
19668
- .v-btn-group--density-comfortable.v-btn-group {
19669
- height: 40px;
19670
- }
19671
-
19672
- .v-btn-group--density-compact.v-btn-group {
19673
- height: 36px;
19674
- }
19675
-
19676
- .v-btn-group .v-btn {
19677
- border-radius: 0;
19678
- border-color: inherit;
19679
- }
19680
- .v-btn-group .v-btn:not(:last-child) {
19681
- border-inline-end: none;
19682
- }
19683
- .v-btn-group .v-btn:not(:first-child) {
19684
- border-inline-start: none;
19685
- }
19686
- .v-btn-group .v-btn:first-child {
19687
- border-start-start-radius: inherit;
19688
- border-end-start-radius: inherit;
19689
- }
19690
- .v-btn-group .v-btn:last-child {
19691
- border-start-end-radius: inherit;
19692
- border-end-end-radius: inherit;
19693
- }
19694
- .v-btn-group--divided .v-btn:not(:last-child) {
19695
- border-inline-end-width: thin;
19696
- border-inline-end-style: solid;
19697
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
19698
- }
19699
- .v-btn-group--tile {
19700
- border-radius: 0;
19701
- }.v-btn {
19702
- align-items: center;
19703
- border-radius: 4px;
19704
- display: inline-grid;
19705
- grid-template-areas: "prepend content append";
19706
- grid-template-columns: max-content auto max-content;
19707
- font-weight: 500;
19708
- justify-content: center;
19709
- letter-spacing: 0.0892857143em;
19710
- line-height: normal;
19711
- max-width: 100%;
19712
- outline: none;
19713
- position: relative;
19714
- text-decoration: none;
19715
- text-indent: 0.0892857143em;
19716
- text-transform: uppercase;
19717
- transition-property: box-shadow, transform, opacity, background;
19718
- transition-duration: 0.28s;
19719
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19720
- -webkit-user-select: none;
19721
- user-select: none;
19722
- vertical-align: middle;
19723
- flex-shrink: 0;
19724
- }
19725
- .v-btn--size-x-small {
19726
- --v-btn-size: 0.625rem;
19727
- --v-btn-height: 20px;
19728
- font-size: var(--v-btn-size);
19729
- min-width: 36px;
19730
- padding: 0 8px;
19731
- }
19732
-
19733
- .v-btn--size-small {
19734
- --v-btn-size: 0.75rem;
19735
- --v-btn-height: 28px;
19736
- font-size: var(--v-btn-size);
19737
- min-width: 50px;
19738
- padding: 0 12px;
19739
- }
19740
-
19741
- .v-btn--size-default {
19742
- --v-btn-size: 0.875rem;
19743
- --v-btn-height: 36px;
19744
- font-size: var(--v-btn-size);
19745
- min-width: 64px;
19746
- padding: 0 16px;
19747
- }
19748
-
19749
- .v-btn--size-large {
19750
- --v-btn-size: 1rem;
19751
- --v-btn-height: 44px;
19752
- font-size: var(--v-btn-size);
19753
- min-width: 78px;
19754
- padding: 0 20px;
19755
- }
19756
-
19757
- .v-btn--size-x-large {
19758
- --v-btn-size: 1.125rem;
19759
- --v-btn-height: 52px;
19760
- font-size: var(--v-btn-size);
19761
- min-width: 92px;
19762
- padding: 0 24px;
19763
- }
19764
-
19765
- .v-btn.v-btn--density-default {
19766
- height: calc(var(--v-btn-height) + 0px);
19767
- }
19768
-
19769
- .v-btn.v-btn--density-comfortable {
19770
- height: calc(var(--v-btn-height) + -8px);
19771
- }
19772
-
19773
- .v-btn.v-btn--density-compact {
19774
- height: calc(var(--v-btn-height) + -12px);
19775
- }
19776
-
19777
- .v-btn {
19778
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19779
- border-style: solid;
19780
- border-width: 0;
19781
- }
19782
- .v-btn--border {
19783
- border-width: thin;
19784
- box-shadow: none;
19785
- }
19786
- .v-btn--absolute {
19787
- position: absolute;
19788
- }
19789
- .v-btn--fixed {
19790
- position: fixed;
19791
- }
19792
- .v-btn:hover > .v-btn__overlay {
19793
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
19794
- }
19795
- .v-btn:focus-visible > .v-btn__overlay {
19796
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19674
+ .v-btn:focus-visible > .v-btn__overlay {
19675
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19797
19676
  }
19798
19677
  @supports not selector(:focus-visible) {
19799
19678
  .v-btn:focus > .v-btn__overlay {
@@ -20111,30 +19990,238 @@ html.overflow-y-hidden {
20111
19990
  height: 100%;
20112
19991
  }
20113
19992
 
20114
- .v-pagination .v-btn {
20115
- border-radius: 4px;
19993
+ .v-pagination .v-btn {
19994
+ border-radius: 4px;
19995
+ }
19996
+ .v-pagination .v-btn--rounded {
19997
+ border-radius: 50%;
19998
+ }
19999
+ .v-btn__overlay {
20000
+ transition: none;
20001
+ }
20002
+ .v-pagination__item--is-active .v-btn__overlay {
20003
+ opacity: var(--v-border-opacity);
20004
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
20005
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
20006
+ }
20007
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
20008
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20009
+ }
20010
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
20011
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20012
+ }
20013
+ @supports not selector(:focus-visible) {
20014
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
20015
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20016
+ }
20017
+ }.v-breadcrumbs {
20018
+ display: flex;
20019
+ align-items: center;
20020
+ line-height: 1.6;
20021
+ padding: 16px 12px;
20022
+ }
20023
+ .v-breadcrumbs--rounded {
20024
+ border-radius: 4px;
20025
+ }
20026
+ .v-breadcrumbs--density-default {
20027
+ padding-top: 16px;
20028
+ padding-bottom: 16px;
20029
+ }
20030
+
20031
+ .v-breadcrumbs--density-comfortable {
20032
+ padding-top: 12px;
20033
+ padding-bottom: 12px;
20034
+ }
20035
+
20036
+ .v-breadcrumbs--density-compact {
20037
+ padding-top: 8px;
20038
+ padding-bottom: 8px;
20039
+ }
20040
+
20041
+ .v-breadcrumbs__prepend {
20042
+ align-items: center;
20043
+ display: inline-flex;
20044
+ }
20045
+
20046
+ .v-breadcrumbs-item {
20047
+ align-items: center;
20048
+ color: inherit;
20049
+ display: inline-flex;
20050
+ padding: 0 4px;
20051
+ text-decoration: none;
20052
+ vertical-align: middle;
20053
+ }
20054
+ .v-breadcrumbs-item--disabled {
20055
+ opacity: var(--v-disabled-opacity);
20056
+ pointer-events: none;
20057
+ }
20058
+ .v-breadcrumbs-item--link {
20059
+ color: inherit;
20060
+ text-decoration: none;
20061
+ }
20062
+ .v-breadcrumbs-item--link:hover {
20063
+ text-decoration: underline;
20064
+ }
20065
+ .v-breadcrumbs-item .v-icon {
20066
+ font-size: 1rem;
20067
+ margin-inline: -4px 2px;
20068
+ }
20069
+
20070
+ .v-breadcrumbs-divider {
20071
+ display: inline-block;
20072
+ padding: 0 8px;
20073
+ vertical-align: middle;
20074
+ }.v-btn-group {
20075
+ display: inline-flex;
20076
+ flex-wrap: nowrap;
20077
+ max-width: 100%;
20078
+ min-width: 0;
20079
+ overflow: hidden;
20080
+ vertical-align: middle;
20081
+ }
20082
+ .v-btn-group {
20083
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20084
+ border-style: solid;
20085
+ border-width: 0;
20086
+ }
20087
+ .v-btn-group--border {
20088
+ border-width: thin;
20089
+ box-shadow: none;
20090
+ }
20091
+ .v-btn-group {
20092
+ 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));
20093
+ }
20094
+ .v-btn-group {
20095
+ border-radius: 4px;
20096
+ }
20097
+ .v-btn-group {
20098
+ background: transparent;
20099
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20100
+ }
20101
+ .v-btn-group--density-default.v-btn-group {
20102
+ height: 48px;
20103
+ }
20104
+
20105
+ .v-btn-group--density-comfortable.v-btn-group {
20106
+ height: 40px;
20107
+ }
20108
+
20109
+ .v-btn-group--density-compact.v-btn-group {
20110
+ height: 36px;
20111
+ }
20112
+
20113
+ .v-btn-group .v-btn {
20114
+ border-radius: 0;
20115
+ border-color: inherit;
20116
+ }
20117
+ .v-btn-group .v-btn:not(:last-child) {
20118
+ border-inline-end: none;
20119
+ }
20120
+ .v-btn-group .v-btn:not(:first-child) {
20121
+ border-inline-start: none;
20122
+ }
20123
+ .v-btn-group .v-btn:first-child {
20124
+ border-start-start-radius: inherit;
20125
+ border-end-start-radius: inherit;
20126
+ }
20127
+ .v-btn-group .v-btn:last-child {
20128
+ border-start-end-radius: inherit;
20129
+ border-end-end-radius: inherit;
20130
+ }
20131
+ .v-btn-group--divided .v-btn:not(:last-child) {
20132
+ border-inline-end-width: thin;
20133
+ border-inline-end-style: solid;
20134
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
20135
+ }
20136
+ .v-btn-group--tile {
20137
+ border-radius: 0;
20138
+ }.v-carousel {
20139
+ overflow: hidden;
20140
+ position: relative;
20141
+ width: 100%;
20142
+ }
20143
+ .v-carousel__controls {
20144
+ align-items: center;
20145
+ bottom: 0;
20146
+ display: flex;
20147
+ height: 50px;
20148
+ justify-content: center;
20149
+ list-style-type: none;
20150
+ position: absolute;
20151
+ width: 100%;
20152
+ z-index: 1;
20153
+ }
20154
+ .v-carousel__controls {
20155
+ background: rgba(var(--v-theme-surface-variant), 0.3);
20156
+ color: rgb(var(--v-theme-on-surface-variant));
20157
+ }
20158
+ .v-carousel__controls > .v-item-group {
20159
+ flex: 0 1 auto;
20160
+ }
20161
+ .v-carousel__controls__item {
20162
+ margin: 0 8px;
20163
+ }
20164
+ .v-carousel__controls__item .v-icon {
20165
+ opacity: 0.5;
20166
+ }
20167
+ .v-carousel__controls__item--active .v-icon {
20168
+ opacity: 1;
20169
+ vertical-align: middle;
20170
+ }
20171
+ .v-carousel__controls__item:hover {
20172
+ background: none;
20173
+ }
20174
+ .v-carousel__controls__item:hover .v-icon {
20175
+ opacity: 0.8;
20176
+ }
20177
+
20178
+ .v-carousel__progress {
20179
+ margin: 0;
20180
+ position: absolute;
20181
+ bottom: 0;
20182
+ left: 0;
20183
+ right: 0;
20184
+ }
20185
+
20186
+ .v-carousel-item {
20187
+ display: block;
20188
+ height: inherit;
20189
+ text-decoration: none;
20190
+ }
20191
+ .v-carousel-item > .v-img {
20192
+ height: inherit;
20193
+ }
20194
+
20195
+ .v-carousel--hide-delimiter-background .v-carousel__controls {
20196
+ background: transparent;
20116
20197
  }
20117
- .v-pagination .v-btn--rounded {
20118
- border-radius: 50%;
20198
+
20199
+ .v-carousel--vertical-delimiters .v-carousel__controls {
20200
+ flex-direction: column;
20201
+ height: 100% !important;
20202
+ width: 50px;
20203
+ }.v-color-picker {
20204
+ align-self: flex-start;
20205
+ contain: content;
20119
20206
  }
20120
- .v-btn__overlay {
20121
- transition: none;
20207
+ .v-color-picker.v-sheet {
20208
+ 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));
20122
20209
  }
20123
- .v-pagination__item--is-active .v-btn__overlay {
20124
- opacity: var(--v-border-opacity);
20125
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
20126
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
20210
+ .v-color-picker.v-sheet {
20211
+ border-radius: 4px;
20127
20212
  }
20128
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
20129
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20213
+
20214
+ .v-color-picker__controls {
20215
+ display: flex;
20216
+ flex-direction: column;
20217
+ padding: 16px;
20130
20218
  }
20131
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
20132
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20219
+
20220
+ .v-color-picker--flat {
20221
+ 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));
20133
20222
  }
20134
- @supports not selector(:focus-visible) {
20135
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
20136
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20137
- }
20223
+ .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20224
+ 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));
20138
20225
  }.v-card {
20139
20226
  display: block;
20140
20227
  overflow: hidden;
@@ -20861,121 +20948,11 @@ html.overflow-y-hidden {
20861
20948
 
20862
20949
  .v-chip--label {
20863
20950
  border-radius: 4px;
20864
- }.v-chip-group {
20865
- display: flex;
20866
- max-width: 100%;
20867
- min-width: 0;
20868
- overflow-x: auto;
20869
- padding: 4px 0;
20870
- }
20871
- .v-chip-group .v-chip {
20872
- margin: 4px 8px 4px 0;
20873
- }
20874
- .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
20875
- opacity: var(--v-activated-opacity);
20876
- }
20877
-
20878
- .v-chip-group--column .v-slide-group__content {
20879
- white-space: normal;
20880
- flex-wrap: wrap;
20881
- max-width: 100%;
20882
- }.v-carousel {
20883
- overflow: hidden;
20884
- position: relative;
20885
- width: 100%;
20886
- }
20887
- .v-carousel__controls {
20888
- align-items: center;
20889
- bottom: 0;
20890
- display: flex;
20891
- height: 50px;
20892
- justify-content: center;
20893
- list-style-type: none;
20894
- position: absolute;
20895
- width: 100%;
20896
- z-index: 1;
20897
- }
20898
- .v-carousel__controls {
20899
- background: rgba(var(--v-theme-surface-variant), 0.3);
20900
- color: rgb(var(--v-theme-on-surface-variant));
20901
- }
20902
- .v-carousel__controls > .v-item-group {
20903
- flex: 0 1 auto;
20904
- }
20905
- .v-carousel__controls__item {
20906
- margin: 0 8px;
20907
- }
20908
- .v-carousel__controls__item .v-icon {
20909
- opacity: 0.5;
20910
- }
20911
- .v-carousel__controls__item--active .v-icon {
20912
- opacity: 1;
20913
- vertical-align: middle;
20914
- }
20915
- .v-carousel__controls__item:hover {
20916
- background: none;
20917
- }
20918
- .v-carousel__controls__item:hover .v-icon {
20919
- opacity: 0.8;
20920
- }
20921
-
20922
- .v-carousel__progress {
20923
- margin: 0;
20924
- position: absolute;
20925
- bottom: 0;
20926
- left: 0;
20927
- right: 0;
20928
- }
20929
-
20930
- .v-carousel-item {
20931
- display: block;
20932
- height: inherit;
20933
- text-decoration: none;
20934
- }
20935
- .v-carousel-item > .v-img {
20936
- height: inherit;
20937
- }
20938
-
20939
- .v-carousel--hide-delimiter-background .v-carousel__controls {
20940
- background: transparent;
20941
- }
20942
-
20943
- .v-carousel--vertical-delimiters .v-carousel__controls {
20944
- flex-direction: column;
20945
- height: 100% !important;
20946
- width: 50px;
20947
20951
  }.v-checkbox.v-input {
20948
20952
  flex: 0 1 auto;
20949
20953
  }
20950
20954
  .v-checkbox .v-selection-control {
20951
20955
  min-height: var(--v-input-control-height);
20952
- }.v-color-picker {
20953
- align-self: flex-start;
20954
- contain: content;
20955
- }
20956
- .v-color-picker.v-sheet {
20957
- 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));
20958
- }
20959
- .v-color-picker.v-sheet {
20960
- border-radius: 4px;
20961
- }
20962
-
20963
- .v-color-picker__controls {
20964
- display: flex;
20965
- flex-direction: column;
20966
- padding: 16px;
20967
- }
20968
-
20969
- .v-color-picker--flat {
20970
- 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));
20971
- }
20972
- .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20973
- 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));
20974
- }.v-counter {
20975
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20976
- flex: 0 1 auto;
20977
- font-size: 12px;
20978
- transition-duration: 150ms;
20979
20956
  }.v-container {
20980
20957
  width: 100%;
20981
20958
  padding: 16px;
@@ -21634,105 +21611,20 @@ html.overflow-y-hidden {
21634
21611
  margin-inline-start: 50%;
21635
21612
  }
21636
21613
  .offset-xxl-7 {
21637
- margin-inline-start: 58.3333333333%;
21638
- }
21639
- .offset-xxl-8 {
21640
- margin-inline-start: 66.6666666667%;
21641
- }
21642
- .offset-xxl-9 {
21643
- margin-inline-start: 75%;
21644
- }
21645
- .offset-xxl-10 {
21646
- margin-inline-start: 83.3333333333%;
21647
- }
21648
- .offset-xxl-11 {
21649
- margin-inline-start: 91.6666666667%;
21650
- }
21651
- }.v-combobox .v-field .v-text-field__prefix,
21652
- .v-combobox .v-field .v-text-field__suffix,
21653
- .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
21654
- cursor: text;
21655
- }
21656
- .v-combobox .v-field .v-field__input > input {
21657
- flex: 1 1;
21658
- }
21659
- .v-combobox .v-field input {
21660
- min-width: 64px;
21661
- }
21662
- .v-combobox .v-field:not(.v-field--focused) input {
21663
- min-width: 0;
21664
- }
21665
- .v-combobox .v-field--dirty .v-combobox__selection {
21666
- margin-inline-end: 2px;
21667
- }
21668
- .v-combobox .v-combobox__selection-text {
21669
- overflow: hidden;
21670
- text-overflow: ellipsis;
21671
- white-space: nowrap;
21672
- }
21673
-
21674
- .v-combobox__content {
21675
- overflow: hidden;
21676
- }
21677
- .v-combobox__content {
21678
- 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));
21679
- }
21680
- .v-combobox__content {
21681
- border-radius: 4px;
21682
- }
21683
- .v-combobox__mask {
21684
- background: rgb(var(--v-theme-surface-light));
21685
- }
21686
- .v-combobox__selection {
21687
- display: inline-flex;
21688
- align-items: center;
21689
- height: 1.5rem;
21690
- letter-spacing: inherit;
21691
- line-height: inherit;
21692
- max-width: calc(100% - 2px - 2px);
21693
- }
21694
- .v-combobox__selection:first-child {
21695
- margin-inline-start: 0;
21696
- }
21697
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21698
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21699
- .v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21700
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21701
- top: 0px;
21702
- }
21703
- .v-combobox--selecting-index .v-combobox__selection {
21704
- opacity: var(--v-medium-emphasis-opacity);
21705
- }
21706
- .v-combobox--selecting-index .v-combobox__selection--selected {
21707
- opacity: 1;
21708
- }
21709
- .v-combobox--selecting-index .v-field__input > input {
21710
- caret-color: transparent;
21711
- }
21712
- .v-combobox--single:not(.v-combobox--selection-slot).v-text-field input {
21713
- flex: 1 1;
21714
- position: absolute;
21715
- left: 0;
21716
- right: 0;
21717
- width: 100%;
21718
- padding-inline: inherit;
21719
- }
21720
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--active input {
21721
- transition: none;
21722
- }
21723
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--dirty:not(.v-field--focused) input {
21724
- opacity: 0;
21725
- }
21726
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--focused .v-combobox__selection {
21727
- opacity: 0;
21728
- }
21729
- .v-combobox__menu-icon {
21730
- margin-inline-start: 4px;
21731
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21732
- }
21733
- .v-combobox--active-menu .v-combobox__menu-icon {
21734
- opacity: var(--v-high-emphasis-opacity);
21735
- transform: rotate(180deg);
21614
+ margin-inline-start: 58.3333333333%;
21615
+ }
21616
+ .offset-xxl-8 {
21617
+ margin-inline-start: 66.6666666667%;
21618
+ }
21619
+ .offset-xxl-9 {
21620
+ margin-inline-start: 75%;
21621
+ }
21622
+ .offset-xxl-10 {
21623
+ margin-inline-start: 83.3333333333%;
21624
+ }
21625
+ .offset-xxl-11 {
21626
+ margin-inline-start: 91.6666666667%;
21627
+ }
21736
21628
  }.v-data-table {
21737
21629
  width: 100%;
21738
21630
  }
@@ -21951,68 +21843,172 @@ html.overflow-y-hidden {
21951
21843
  }
21952
21844
  .v-data-table-footer__page {
21953
21845
  padding: 0 8px;
21954
- }.v-date-picker {
21846
+ }.v-chip-group {
21847
+ display: flex;
21848
+ max-width: 100%;
21849
+ min-width: 0;
21850
+ overflow-x: auto;
21851
+ padding: 4px 0;
21852
+ }
21853
+ .v-chip-group .v-chip {
21854
+ margin: 4px 8px 4px 0;
21855
+ }
21856
+ .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
21857
+ opacity: var(--v-activated-opacity);
21858
+ }
21859
+
21860
+ .v-chip-group--column .v-slide-group__content {
21861
+ white-space: normal;
21862
+ flex-wrap: wrap;
21863
+ max-width: 100%;
21864
+ }.v-combobox .v-field .v-text-field__prefix,
21865
+ .v-combobox .v-field .v-text-field__suffix,
21866
+ .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
21867
+ cursor: text;
21868
+ }
21869
+ .v-combobox .v-field .v-field__input > input {
21870
+ flex: 1 1;
21871
+ }
21872
+ .v-combobox .v-field input {
21873
+ min-width: 64px;
21874
+ }
21875
+ .v-combobox .v-field:not(.v-field--focused) input {
21876
+ min-width: 0;
21877
+ }
21878
+ .v-combobox .v-field--dirty .v-combobox__selection {
21879
+ margin-inline-end: 2px;
21880
+ }
21881
+ .v-combobox .v-combobox__selection-text {
21955
21882
  overflow: hidden;
21956
- width: 328px;
21883
+ text-overflow: ellipsis;
21884
+ white-space: nowrap;
21957
21885
  }
21958
- .v-date-picker--show-week {
21959
- width: 368px;
21960
- }.v-date-picker-controls {
21961
- display: flex;
21962
- align-items: center;
21963
- justify-content: space-between;
21964
- font-size: 0.875rem;
21965
- padding-top: 4px;
21966
- padding-bottom: 4px;
21967
- padding-inline-start: 6px;
21968
- padding-inline-end: 12px;
21886
+
21887
+ .v-combobox__content {
21888
+ overflow: hidden;
21969
21889
  }
21970
- .v-date-picker-controls > .v-btn:first-child {
21971
- text-transform: none;
21972
- font-weight: 400;
21973
- line-height: initial;
21974
- letter-spacing: initial;
21890
+ .v-combobox__content {
21891
+ 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));
21975
21892
  }
21976
- .v-date-picker-controls--variant-classic {
21977
- padding-inline-start: 12px;
21893
+ .v-combobox__content {
21894
+ border-radius: 4px;
21978
21895
  }
21979
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
21980
- opacity: 0.7;
21896
+ .v-combobox__mask {
21897
+ background: rgb(var(--v-theme-surface-light));
21981
21898
  }
21982
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
21983
- cursor: pointer;
21899
+ .v-combobox__selection {
21900
+ display: inline-flex;
21901
+ align-items: center;
21902
+ height: 1.5rem;
21903
+ letter-spacing: inherit;
21904
+ line-height: inherit;
21905
+ max-width: calc(100% - 2px - 2px);
21984
21906
  }
21985
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
21907
+ .v-combobox__selection:first-child {
21908
+ margin-inline-start: 0;
21909
+ }
21910
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21911
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21912
+ .v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21913
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21914
+ top: 0px;
21915
+ }
21916
+ .v-combobox--selecting-index .v-combobox__selection {
21917
+ opacity: var(--v-medium-emphasis-opacity);
21918
+ }
21919
+ .v-combobox--selecting-index .v-combobox__selection--selected {
21986
21920
  opacity: 1;
21987
21921
  }
21988
- .v-date-picker-controls .v-btn:last-child {
21922
+ .v-combobox--selecting-index .v-field__input > input {
21923
+ caret-color: transparent;
21924
+ }
21925
+ .v-combobox--single:not(.v-combobox--selection-slot).v-text-field input {
21926
+ flex: 1 1;
21927
+ position: absolute;
21928
+ left: 0;
21929
+ right: 0;
21930
+ width: 100%;
21931
+ padding-inline: inherit;
21932
+ }
21933
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--active input {
21934
+ transition: none;
21935
+ }
21936
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--dirty:not(.v-field--focused) input {
21937
+ opacity: 0;
21938
+ }
21939
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--focused .v-combobox__selection {
21940
+ opacity: 0;
21941
+ }
21942
+ .v-combobox__menu-icon {
21989
21943
  margin-inline-start: 4px;
21944
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21990
21945
  }
21991
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
21946
+ .v-combobox--active-menu .v-combobox__menu-icon {
21947
+ opacity: var(--v-high-emphasis-opacity);
21992
21948
  transform: rotate(180deg);
21949
+ }.v-divider {
21950
+ display: block;
21951
+ flex: 1 1 100%;
21952
+ height: 0px;
21953
+ max-height: 0px;
21954
+ opacity: var(--v-border-opacity);
21955
+ transition: inherit;
21956
+ }
21957
+ .v-divider {
21958
+ border-style: solid;
21959
+ border-width: thin 0 0 0;
21960
+ }
21961
+ .v-divider--vertical {
21962
+ align-self: stretch;
21963
+ border-width: 0 thin 0 0;
21964
+ display: inline-flex;
21965
+ height: auto;
21966
+ margin-left: -1px;
21967
+ max-height: 100%;
21968
+ max-width: 0px;
21969
+ vertical-align: text-bottom;
21970
+ width: 0px;
21971
+ }
21972
+ .v-divider--inset:not(.v-divider--vertical) {
21973
+ max-width: calc(100% - 72px);
21974
+ margin-inline-start: 72px;
21975
+ }
21976
+ .v-divider--inset.v-divider--vertical {
21977
+ margin-bottom: 8px;
21978
+ margin-top: 8px;
21979
+ max-height: calc(100% - 16px);
21993
21980
  }
21994
21981
 
21995
- .v-date-picker-controls__date {
21996
- margin-inline-end: 4px;
21982
+ .v-divider__content {
21983
+ padding: 0 16px;
21984
+ text-wrap: nowrap;
21997
21985
  }
21998
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
21999
- margin: auto;
22000
- text-align: center;
21986
+ .v-divider__wrapper--vertical .v-divider__content {
21987
+ padding: 4px 0;
22001
21988
  }
22002
21989
 
22003
- .v-date-picker-controls__month {
21990
+ .v-divider__wrapper {
22004
21991
  display: flex;
21992
+ align-items: center;
21993
+ justify-content: center;
22005
21994
  }
22006
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
22007
- flex-direction: row-reverse;
21995
+ .v-divider__wrapper--vertical {
21996
+ flex-direction: column;
21997
+ height: 100%;
22008
21998
  }
22009
-
22010
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
22011
- flex: 1 0 auto;
21999
+ .v-divider__wrapper--vertical .v-divider {
22000
+ margin: 0 auto;
22001
+ }.v-counter {
22002
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
22003
+ flex: 0 1 auto;
22004
+ font-size: 12px;
22005
+ transition-duration: 150ms;
22006
+ }.v-date-picker {
22007
+ overflow: hidden;
22008
+ width: 328px;
22012
22009
  }
22013
-
22014
- .v-date-picker__title {
22015
- display: inline-block;
22010
+ .v-date-picker--show-week {
22011
+ width: 368px;
22016
22012
  }.v-date-picker-header {
22017
22013
  align-items: flex-end;
22018
22014
  height: 70px;
@@ -22073,6 +22069,62 @@ html.overflow-y-hidden {
22073
22069
  .date-picker-header-reverse-transition-leave-to {
22074
22070
  opacity: 0;
22075
22071
  transform: translate(0, 100%);
22072
+ }.v-date-picker-controls {
22073
+ display: flex;
22074
+ align-items: center;
22075
+ justify-content: space-between;
22076
+ font-size: 0.875rem;
22077
+ padding-top: 4px;
22078
+ padding-bottom: 4px;
22079
+ padding-inline-start: 6px;
22080
+ padding-inline-end: 12px;
22081
+ }
22082
+ .v-date-picker-controls > .v-btn:first-child {
22083
+ text-transform: none;
22084
+ font-weight: 400;
22085
+ line-height: initial;
22086
+ letter-spacing: initial;
22087
+ }
22088
+ .v-date-picker-controls--variant-classic {
22089
+ padding-inline-start: 12px;
22090
+ }
22091
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
22092
+ opacity: 0.7;
22093
+ }
22094
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
22095
+ cursor: pointer;
22096
+ }
22097
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
22098
+ opacity: 1;
22099
+ }
22100
+ .v-date-picker-controls .v-btn:last-child {
22101
+ margin-inline-start: 4px;
22102
+ }
22103
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
22104
+ transform: rotate(180deg);
22105
+ }
22106
+
22107
+ .v-date-picker-controls__date {
22108
+ margin-inline-end: 4px;
22109
+ }
22110
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
22111
+ margin: auto;
22112
+ text-align: center;
22113
+ }
22114
+
22115
+ .v-date-picker-controls__month {
22116
+ display: flex;
22117
+ }
22118
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
22119
+ flex-direction: row-reverse;
22120
+ }
22121
+
22122
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
22123
+ flex: 1 0 auto;
22124
+ }
22125
+
22126
+ .v-date-picker__title {
22127
+ display: inline-block;
22076
22128
  }.v-date-picker-years {
22077
22129
  height: 288px;
22078
22130
  overflow-y: scroll;
@@ -22088,6 +22140,25 @@ html.overflow-y-hidden {
22088
22140
  }
22089
22141
  .v-date-picker-years__content .v-btn {
22090
22142
  padding-inline: 8px;
22143
+ }.v-date-picker-months {
22144
+ height: 288px;
22145
+ }
22146
+
22147
+ .v-date-picker-months__content {
22148
+ align-items: center;
22149
+ display: grid;
22150
+ flex: 1 1;
22151
+ height: inherit;
22152
+ justify-content: space-around;
22153
+ grid-template-columns: repeat(2, 1fr);
22154
+ grid-gap: 0px 24px;
22155
+ padding-inline-start: 36px;
22156
+ padding-inline-end: 36px;
22157
+ }
22158
+ .v-date-picker-months__content .v-btn {
22159
+ text-transform: none;
22160
+ padding-inline-start: 8px;
22161
+ padding-inline-end: 8px;
22091
22162
  }.v-date-picker-month {
22092
22163
  display: flex;
22093
22164
  justify-content: center;
@@ -22134,250 +22205,15 @@ html.overflow-y-hidden {
22134
22205
  --v-btn-size: 0.85rem;
22135
22206
  }
22136
22207
  .v-date-picker-month__day--week {
22137
- font-size: var(--v-btn-size);
22138
- }
22139
-
22140
- .v-date-picker-month__day--adjacent {
22141
- opacity: 0.5;
22142
- }
22143
-
22144
- .v-date-picker-month__day--hide-adjacent {
22145
- opacity: 0;
22146
- }.v-date-picker-months {
22147
- height: 288px;
22148
- }
22149
-
22150
- .v-date-picker-months__content {
22151
- align-items: center;
22152
- display: grid;
22153
- flex: 1 1;
22154
- height: inherit;
22155
- justify-content: space-around;
22156
- grid-template-columns: repeat(2, 1fr);
22157
- grid-gap: 0px 24px;
22158
- padding-inline-start: 36px;
22159
- padding-inline-end: 36px;
22160
- }
22161
- .v-date-picker-months__content .v-btn {
22162
- text-transform: none;
22163
- padding-inline-start: 8px;
22164
- padding-inline-end: 8px;
22165
- }.v-dialog {
22166
- align-items: center;
22167
- justify-content: center;
22168
- margin: auto;
22169
- }
22170
- .v-dialog > .v-overlay__content {
22171
- max-height: calc(100% - 48px);
22172
- width: calc(100% - 48px);
22173
- max-width: calc(100% - 48px);
22174
- margin: 24px;
22175
- }
22176
- .v-dialog > .v-overlay__content,
22177
- .v-dialog > .v-overlay__content > form {
22178
- display: flex;
22179
- flex-direction: column;
22180
- min-height: 0;
22181
- }
22182
- .v-dialog > .v-overlay__content > .v-card,
22183
- .v-dialog > .v-overlay__content > .v-sheet,
22184
- .v-dialog > .v-overlay__content > form > .v-card,
22185
- .v-dialog > .v-overlay__content > form > .v-sheet {
22186
- --v-scrollbar-offset: 0px;
22187
- border-radius: 4px;
22188
- overflow-y: auto;
22189
- }
22190
- .v-dialog > .v-overlay__content > .v-card,
22191
- .v-dialog > .v-overlay__content > .v-sheet,
22192
- .v-dialog > .v-overlay__content > form > .v-card,
22193
- .v-dialog > .v-overlay__content > form > .v-sheet {
22194
- 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));
22195
- }
22196
- .v-dialog > .v-overlay__content > .v-card,
22197
- .v-dialog > .v-overlay__content > form > .v-card {
22198
- display: flex;
22199
- flex-direction: column;
22200
- }
22201
- .v-dialog > .v-overlay__content > .v-card > .v-card-item,
22202
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
22203
- padding: 16px 24px;
22204
- }
22205
- .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
22206
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
22207
- padding-top: 0;
22208
- }
22209
- .v-dialog > .v-overlay__content > .v-card > .v-card-text,
22210
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
22211
- font-size: inherit;
22212
- letter-spacing: 0.03125em;
22213
- line-height: inherit;
22214
- padding: 16px 24px 24px;
22215
- }
22216
- .v-dialog > .v-overlay__content > .v-card > .v-card-actions,
22217
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-actions {
22218
- justify-content: flex-end;
22219
- }
22220
-
22221
- .v-dialog--fullscreen {
22222
- --v-scrollbar-offset: 0px;
22223
- }
22224
- .v-dialog--fullscreen > .v-overlay__content {
22225
- border-radius: 0;
22226
- margin: 0;
22227
- padding: 0;
22228
- width: 100%;
22229
- height: 100%;
22230
- max-width: 100%;
22231
- max-height: 100%;
22232
- overflow-y: auto;
22233
- top: 0;
22234
- left: 0;
22235
- }
22236
- .v-dialog--fullscreen > .v-overlay__content > .v-card,
22237
- .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
22238
- .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
22239
- .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
22240
- min-height: 100%;
22241
- min-width: 100%;
22242
- border-radius: 0;
22243
- }
22244
-
22245
- .v-dialog--scrollable > .v-overlay__content,
22246
- .v-dialog--scrollable > .v-overlay__content > form {
22247
- display: flex;
22248
- }
22249
- .v-dialog--scrollable > .v-overlay__content > .v-card,
22250
- .v-dialog--scrollable > .v-overlay__content > form > .v-card {
22251
- display: flex;
22252
- flex: 1 1 100%;
22253
- flex-direction: column;
22254
- max-height: 100%;
22255
- max-width: 100%;
22256
- }
22257
- .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
22258
- .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
22259
- -webkit-backface-visibility: hidden;
22260
- backface-visibility: hidden;
22261
- overflow-y: auto;
22262
- }.v-empty-state {
22263
- align-items: center;
22264
- display: flex;
22265
- flex-direction: column;
22266
- justify-content: center;
22267
- min-height: 100%;
22268
- padding: 16px;
22269
- }
22270
- .v-empty-state--start {
22271
- align-items: flex-start;
22272
- }
22273
- .v-empty-state--center {
22274
- align-items: center;
22275
- }
22276
- .v-empty-state--end {
22277
- align-items: flex-end;
22278
- }
22279
-
22280
- .v-empty-state__media {
22281
- text-align: center;
22282
- width: 100%;
22283
- }
22284
- .v-empty-state__media .v-icon {
22285
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
22286
- }
22287
-
22288
- .v-empty-state__headline {
22289
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
22290
- font-size: 3.75rem;
22291
- font-weight: 300;
22292
- line-height: 1;
22293
- text-align: center;
22294
- margin-bottom: 8px;
22295
- }
22296
- .v-empty-state--mobile .v-empty-state__headline {
22297
- font-size: 2.125rem;
22298
- }
22299
-
22300
- .v-empty-state__title {
22301
- font-size: 1.25rem;
22302
- font-weight: 500;
22303
- line-height: 1.6;
22304
- margin-bottom: 4px;
22305
- text-align: center;
22306
- }
22307
-
22308
- .v-empty-state__text {
22309
- font-size: 0.875rem;
22310
- font-weight: 400;
22311
- line-height: 1.425;
22312
- padding: 0 16px;
22313
- text-align: center;
22314
- }
22315
-
22316
- .v-empty-state__content {
22317
- padding: 24px 0;
22318
- }
22319
-
22320
- .v-empty-state__actions {
22321
- display: flex;
22322
- gap: 8px;
22323
- padding: 16px;
22324
- }
22325
-
22326
- .v-empty-state__action-btn.v-btn {
22327
- background-color: initial;
22328
- color: initial;
22329
- }.v-divider {
22330
- display: block;
22331
- flex: 1 1 100%;
22332
- height: 0px;
22333
- max-height: 0px;
22334
- opacity: var(--v-border-opacity);
22335
- transition: inherit;
22336
- }
22337
- .v-divider {
22338
- border-style: solid;
22339
- border-width: thin 0 0 0;
22340
- }
22341
- .v-divider--vertical {
22342
- align-self: stretch;
22343
- border-width: 0 thin 0 0;
22344
- display: inline-flex;
22345
- height: auto;
22346
- margin-left: -1px;
22347
- max-height: 100%;
22348
- max-width: 0px;
22349
- vertical-align: text-bottom;
22350
- width: 0px;
22351
- }
22352
- .v-divider--inset:not(.v-divider--vertical) {
22353
- max-width: calc(100% - 72px);
22354
- margin-inline-start: 72px;
22355
- }
22356
- .v-divider--inset.v-divider--vertical {
22357
- margin-bottom: 8px;
22358
- margin-top: 8px;
22359
- max-height: calc(100% - 16px);
22360
- }
22361
-
22362
- .v-divider__content {
22363
- padding: 0 16px;
22364
- text-wrap: nowrap;
22365
- }
22366
- .v-divider__wrapper--vertical .v-divider__content {
22367
- padding: 4px 0;
22368
- }
22369
-
22370
- .v-divider__wrapper {
22371
- display: flex;
22372
- align-items: center;
22373
- justify-content: center;
22208
+ font-size: var(--v-btn-size);
22374
22209
  }
22375
- .v-divider__wrapper--vertical {
22376
- flex-direction: column;
22377
- height: 100%;
22210
+
22211
+ .v-date-picker-month__day--adjacent {
22212
+ opacity: 0.5;
22378
22213
  }
22379
- .v-divider__wrapper--vertical .v-divider {
22380
- margin: 0 auto;
22214
+
22215
+ .v-date-picker-month__day--hide-adjacent {
22216
+ opacity: 0;
22381
22217
  }.v-expansion-panel {
22382
22218
  background-color: rgb(var(--v-theme-surface));
22383
22219
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -22663,6 +22499,206 @@ html.overflow-y-hidden {
22663
22499
  }
22664
22500
  .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
22665
22501
  right: 0;
22502
+ }.v-empty-state {
22503
+ align-items: center;
22504
+ display: flex;
22505
+ flex-direction: column;
22506
+ justify-content: center;
22507
+ min-height: 100%;
22508
+ padding: 16px;
22509
+ }
22510
+ .v-empty-state--start {
22511
+ align-items: flex-start;
22512
+ }
22513
+ .v-empty-state--center {
22514
+ align-items: center;
22515
+ }
22516
+ .v-empty-state--end {
22517
+ align-items: flex-end;
22518
+ }
22519
+
22520
+ .v-empty-state__media {
22521
+ text-align: center;
22522
+ width: 100%;
22523
+ }
22524
+ .v-empty-state__media .v-icon {
22525
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
22526
+ }
22527
+
22528
+ .v-empty-state__headline {
22529
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
22530
+ font-size: 3.75rem;
22531
+ font-weight: 300;
22532
+ line-height: 1;
22533
+ text-align: center;
22534
+ margin-bottom: 8px;
22535
+ }
22536
+ .v-empty-state--mobile .v-empty-state__headline {
22537
+ font-size: 2.125rem;
22538
+ }
22539
+
22540
+ .v-empty-state__title {
22541
+ font-size: 1.25rem;
22542
+ font-weight: 500;
22543
+ line-height: 1.6;
22544
+ margin-bottom: 4px;
22545
+ text-align: center;
22546
+ }
22547
+
22548
+ .v-empty-state__text {
22549
+ font-size: 0.875rem;
22550
+ font-weight: 400;
22551
+ line-height: 1.425;
22552
+ padding: 0 16px;
22553
+ text-align: center;
22554
+ }
22555
+
22556
+ .v-empty-state__content {
22557
+ padding: 24px 0;
22558
+ }
22559
+
22560
+ .v-empty-state__actions {
22561
+ display: flex;
22562
+ gap: 8px;
22563
+ padding: 16px;
22564
+ }
22565
+
22566
+ .v-empty-state__action-btn.v-btn {
22567
+ background-color: initial;
22568
+ color: initial;
22569
+ }.v-dialog {
22570
+ align-items: center;
22571
+ justify-content: center;
22572
+ margin: auto;
22573
+ }
22574
+ .v-dialog > .v-overlay__content {
22575
+ max-height: calc(100% - 48px);
22576
+ width: calc(100% - 48px);
22577
+ max-width: calc(100% - 48px);
22578
+ margin: 24px;
22579
+ }
22580
+ .v-dialog > .v-overlay__content,
22581
+ .v-dialog > .v-overlay__content > form {
22582
+ display: flex;
22583
+ flex-direction: column;
22584
+ min-height: 0;
22585
+ }
22586
+ .v-dialog > .v-overlay__content > .v-card,
22587
+ .v-dialog > .v-overlay__content > .v-sheet,
22588
+ .v-dialog > .v-overlay__content > form > .v-card,
22589
+ .v-dialog > .v-overlay__content > form > .v-sheet {
22590
+ --v-scrollbar-offset: 0px;
22591
+ border-radius: 4px;
22592
+ overflow-y: auto;
22593
+ }
22594
+ .v-dialog > .v-overlay__content > .v-card,
22595
+ .v-dialog > .v-overlay__content > .v-sheet,
22596
+ .v-dialog > .v-overlay__content > form > .v-card,
22597
+ .v-dialog > .v-overlay__content > form > .v-sheet {
22598
+ 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));
22599
+ }
22600
+ .v-dialog > .v-overlay__content > .v-card,
22601
+ .v-dialog > .v-overlay__content > form > .v-card {
22602
+ display: flex;
22603
+ flex-direction: column;
22604
+ }
22605
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item,
22606
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
22607
+ padding: 16px 24px;
22608
+ }
22609
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
22610
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
22611
+ padding-top: 0;
22612
+ }
22613
+ .v-dialog > .v-overlay__content > .v-card > .v-card-text,
22614
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
22615
+ font-size: inherit;
22616
+ letter-spacing: 0.03125em;
22617
+ line-height: inherit;
22618
+ padding: 16px 24px 24px;
22619
+ }
22620
+ .v-dialog > .v-overlay__content > .v-card > .v-card-actions,
22621
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-actions {
22622
+ justify-content: flex-end;
22623
+ }
22624
+
22625
+ .v-dialog--fullscreen {
22626
+ --v-scrollbar-offset: 0px;
22627
+ }
22628
+ .v-dialog--fullscreen > .v-overlay__content {
22629
+ border-radius: 0;
22630
+ margin: 0;
22631
+ padding: 0;
22632
+ width: 100%;
22633
+ height: 100%;
22634
+ max-width: 100%;
22635
+ max-height: 100%;
22636
+ overflow-y: auto;
22637
+ top: 0;
22638
+ left: 0;
22639
+ }
22640
+ .v-dialog--fullscreen > .v-overlay__content > .v-card,
22641
+ .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
22642
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
22643
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
22644
+ min-height: 100%;
22645
+ min-width: 100%;
22646
+ border-radius: 0;
22647
+ }
22648
+
22649
+ .v-dialog--scrollable > .v-overlay__content,
22650
+ .v-dialog--scrollable > .v-overlay__content > form {
22651
+ display: flex;
22652
+ }
22653
+ .v-dialog--scrollable > .v-overlay__content > .v-card,
22654
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card {
22655
+ display: flex;
22656
+ flex: 1 1 100%;
22657
+ flex-direction: column;
22658
+ max-height: 100%;
22659
+ max-width: 100%;
22660
+ }
22661
+ .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
22662
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
22663
+ -webkit-backface-visibility: hidden;
22664
+ backface-visibility: hidden;
22665
+ overflow-y: auto;
22666
+ }.v-footer {
22667
+ align-items: center;
22668
+ display: flex;
22669
+ flex: 1 1 auto;
22670
+ padding: 8px 16px;
22671
+ position: relative;
22672
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22673
+ transition-property: height, width, transform, max-width, left, right, top, bottom;
22674
+ }
22675
+ .v-footer {
22676
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22677
+ border-style: solid;
22678
+ border-width: 0;
22679
+ }
22680
+ .v-footer--border {
22681
+ border-width: thin;
22682
+ box-shadow: none;
22683
+ }
22684
+ .v-footer {
22685
+ 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));
22686
+ }
22687
+ .v-footer--absolute {
22688
+ position: absolute;
22689
+ }
22690
+ .v-footer--fixed {
22691
+ position: fixed;
22692
+ }
22693
+ .v-footer {
22694
+ border-radius: 0;
22695
+ }
22696
+ .v-footer {
22697
+ background: rgb(var(--v-theme-surface));
22698
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22699
+ }
22700
+ .v-footer--rounded {
22701
+ border-radius: 4px;
22666
22702
  }/* region INPUT */
22667
22703
  .v-field {
22668
22704
  display: grid;
@@ -23301,69 +23337,33 @@ textarea.v-field__input::placeholder {
23301
23337
  opacity: 0.38;
23302
23338
  }
23303
23339
  .v-icon--size-x-small {
23304
- font-size: calc(var(--v-icon-size-multiplier) * 1em);
23305
- }
23306
- .v-icon--size-small {
23307
- font-size: calc(var(--v-icon-size-multiplier) * 1.25em);
23308
- }
23309
- .v-icon--size-default {
23310
- font-size: calc(var(--v-icon-size-multiplier) * 1.5em);
23311
- }
23312
- .v-icon--size-large {
23313
- font-size: calc(var(--v-icon-size-multiplier) * 1.75em);
23314
- }
23315
- .v-icon--size-x-large {
23316
- font-size: calc(var(--v-icon-size-multiplier) * 2em);
23317
- }
23318
-
23319
- .v-icon__svg {
23320
- fill: currentColor;
23321
- width: 100%;
23322
- height: 100%;
23323
- }
23324
-
23325
- .v-icon--start {
23326
- margin-inline-end: 8px;
23327
- }
23328
-
23329
- .v-icon--end {
23330
- margin-inline-start: 8px;
23331
- }.v-footer {
23332
- align-items: center;
23333
- display: flex;
23334
- flex: 1 1 auto;
23335
- padding: 8px 16px;
23336
- position: relative;
23337
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23338
- transition-property: height, width, transform, max-width, left, right, top, bottom;
23339
- }
23340
- .v-footer {
23341
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
23342
- border-style: solid;
23343
- border-width: 0;
23344
- }
23345
- .v-footer--border {
23346
- border-width: thin;
23347
- box-shadow: none;
23340
+ font-size: calc(var(--v-icon-size-multiplier) * 1em);
23348
23341
  }
23349
- .v-footer {
23350
- 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));
23342
+ .v-icon--size-small {
23343
+ font-size: calc(var(--v-icon-size-multiplier) * 1.25em);
23351
23344
  }
23352
- .v-footer--absolute {
23353
- position: absolute;
23345
+ .v-icon--size-default {
23346
+ font-size: calc(var(--v-icon-size-multiplier) * 1.5em);
23354
23347
  }
23355
- .v-footer--fixed {
23356
- position: fixed;
23348
+ .v-icon--size-large {
23349
+ font-size: calc(var(--v-icon-size-multiplier) * 1.75em);
23357
23350
  }
23358
- .v-footer {
23359
- border-radius: 0;
23351
+ .v-icon--size-x-large {
23352
+ font-size: calc(var(--v-icon-size-multiplier) * 2em);
23360
23353
  }
23361
- .v-footer {
23362
- background: rgb(var(--v-theme-surface));
23363
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
23354
+
23355
+ .v-icon__svg {
23356
+ fill: currentColor;
23357
+ width: 100%;
23358
+ height: 100%;
23364
23359
  }
23365
- .v-footer--rounded {
23366
- border-radius: 4px;
23360
+
23361
+ .v-icon--start {
23362
+ margin-inline-end: 8px;
23363
+ }
23364
+
23365
+ .v-icon--end {
23366
+ margin-inline-start: 8px;
23367
23367
  }.v-img {
23368
23368
  --v-theme-overlay-multiplier: 3;
23369
23369
  z-index: 0;
@@ -23415,36 +23415,6 @@ textarea.v-field__input::placeholder {
23415
23415
 
23416
23416
  .v-img__gradient {
23417
23417
  background-repeat: no-repeat;
23418
- }.v-item-group {
23419
- flex: 0 1 auto;
23420
- max-width: 100%;
23421
- position: relative;
23422
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23423
- }.v-infinite-scroll--horizontal {
23424
- display: flex;
23425
- flex-direction: row;
23426
- overflow-x: auto;
23427
- }
23428
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
23429
- height: 100%;
23430
- width: 1px;
23431
- }
23432
-
23433
- .v-infinite-scroll--vertical {
23434
- display: flex;
23435
- flex-direction: column;
23436
- overflow-y: auto;
23437
- }
23438
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
23439
- height: 1px;
23440
- width: 100%;
23441
- }
23442
-
23443
- .v-infinite-scroll__side {
23444
- align-items: center;
23445
- display: flex;
23446
- justify-content: center;
23447
- padding: 8px;
23448
23418
  }.v-input {
23449
23419
  display: grid;
23450
23420
  flex: 1 1 auto;
@@ -23587,42 +23557,36 @@ textarea.v-field__input::placeholder {
23587
23557
 
23588
23558
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
23589
23559
  padding-top: calc(var(--v-input-padding-top) + 0px);
23590
- }.v-label {
23591
- align-items: center;
23592
- color: inherit;
23593
- display: inline-flex;
23594
- font-size: 1rem;
23595
- letter-spacing: 0.009375em;
23596
- min-width: 0;
23597
- opacity: var(--v-medium-emphasis-opacity);
23598
- overflow: hidden;
23599
- text-overflow: ellipsis;
23600
- white-space: nowrap;
23560
+ }.v-infinite-scroll--horizontal {
23561
+ display: flex;
23562
+ flex-direction: row;
23563
+ overflow-x: auto;
23564
+ }
23565
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
23566
+ height: 100%;
23567
+ width: 1px;
23601
23568
  }
23602
23569
 
23603
- .v-label--clickable {
23604
- cursor: pointer;
23605
- }.v-menu > .v-overlay__content {
23570
+ .v-infinite-scroll--vertical {
23606
23571
  display: flex;
23607
23572
  flex-direction: column;
23573
+ overflow-y: auto;
23608
23574
  }
23609
- .v-menu > .v-overlay__content {
23610
- border-radius: 4px;
23611
- }
23612
- .v-menu > .v-overlay__content > .v-card,
23613
- .v-menu > .v-overlay__content > .v-sheet,
23614
- .v-menu > .v-overlay__content > .v-list {
23615
- background: rgb(var(--v-theme-surface));
23616
- border-radius: inherit;
23617
- overflow: auto;
23618
- height: 100%;
23575
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
23576
+ height: 1px;
23577
+ width: 100%;
23619
23578
  }
23620
- .v-menu > .v-overlay__content > .v-card,
23621
- .v-menu > .v-overlay__content > .v-sheet,
23622
- .v-menu > .v-overlay__content > .v-list {
23623
- 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));
23624
- }.v-locale-provider {
23625
- display: contents;
23579
+
23580
+ .v-infinite-scroll__side {
23581
+ align-items: center;
23582
+ display: flex;
23583
+ justify-content: center;
23584
+ padding: 8px;
23585
+ }.v-item-group {
23586
+ flex: 0 1 auto;
23587
+ max-width: 100%;
23588
+ position: relative;
23589
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23626
23590
  }.v-layout {
23627
23591
  --v-scrollbar-offset: 0px;
23628
23592
  display: flex;
@@ -23638,22 +23602,23 @@ textarea.v-field__input::placeholder {
23638
23602
 
23639
23603
  .v-layout-item--absolute {
23640
23604
  position: absolute;
23641
- }.v-messages {
23642
- flex: 1 1 auto;
23643
- font-size: 12px;
23644
- min-height: 14px;
23645
- min-width: 1px;
23605
+ }.v-locale-provider {
23606
+ display: contents;
23607
+ }.v-label {
23608
+ align-items: center;
23609
+ color: inherit;
23610
+ display: inline-flex;
23611
+ font-size: 1rem;
23612
+ letter-spacing: 0.009375em;
23613
+ min-width: 0;
23646
23614
  opacity: var(--v-medium-emphasis-opacity);
23647
- position: relative;
23615
+ overflow: hidden;
23616
+ text-overflow: ellipsis;
23617
+ white-space: nowrap;
23648
23618
  }
23649
- .v-messages__message {
23650
- line-height: 12px;
23651
- word-break: break-word;
23652
- overflow-wrap: break-word;
23653
- word-wrap: break-word;
23654
- -webkit-hyphens: auto;
23655
- hyphens: auto;
23656
- transition-duration: 150ms;
23619
+
23620
+ .v-label--clickable {
23621
+ cursor: pointer;
23657
23622
  }.v-list {
23658
23623
  overflow: auto;
23659
23624
  padding: 8px 0;
@@ -24229,6 +24194,25 @@ textarea.v-field__input::placeholder {
24229
24194
  }
24230
24195
  .v-list-group__header:not(.v-treeview-item--activatable-group-activator).v-list-item--active:hover .v-list-item__overlay {
24231
24196
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
24197
+ }.v-menu > .v-overlay__content {
24198
+ display: flex;
24199
+ flex-direction: column;
24200
+ }
24201
+ .v-menu > .v-overlay__content {
24202
+ border-radius: 4px;
24203
+ }
24204
+ .v-menu > .v-overlay__content > .v-card,
24205
+ .v-menu > .v-overlay__content > .v-sheet,
24206
+ .v-menu > .v-overlay__content > .v-list {
24207
+ background: rgb(var(--v-theme-surface));
24208
+ border-radius: inherit;
24209
+ overflow: auto;
24210
+ height: 100%;
24211
+ }
24212
+ .v-menu > .v-overlay__content > .v-card,
24213
+ .v-menu > .v-overlay__content > .v-sheet,
24214
+ .v-menu > .v-overlay__content > .v-list {
24215
+ 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));
24232
24216
  }.v-navigation-drawer {
24233
24217
  -webkit-overflow-scrolling: touch;
24234
24218
  background: rgb(var(--v-theme-surface));
@@ -24335,96 +24319,8 @@ textarea.v-field__input::placeholder {
24335
24319
 
24336
24320
  .v-navigation-drawer__prepend,
24337
24321
  .v-navigation-drawer__append {
24338
- flex: none;
24339
- overflow: hidden;
24340
- }.v-main {
24341
- flex: 1 0 auto;
24342
- max-width: 100%;
24343
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24344
- padding-left: var(--v-layout-left);
24345
- padding-right: var(--v-layout-right);
24346
- padding-top: var(--v-layout-top);
24347
- padding-bottom: var(--v-layout-bottom);
24348
- }
24349
- .v-main__scroller {
24350
- max-width: 100%;
24351
- position: relative;
24352
- }
24353
- .v-main--scrollable {
24354
- display: flex;
24355
- }
24356
- .v-main--scrollable {
24357
- position: absolute;
24358
- top: 0;
24359
- left: 0;
24360
- width: 100%;
24361
- height: 100%;
24362
- }
24363
- .v-main--scrollable > .v-main__scroller {
24364
- flex: 1 1 auto;
24365
- overflow-y: auto;
24366
- --v-layout-left: 0px;
24367
- --v-layout-right: 0px;
24368
- --v-layout-top: 0px;
24369
- --v-layout-bottom: 0px;
24370
- }.v-otp-input {
24371
- align-items: center;
24372
- display: flex;
24373
- justify-content: center;
24374
- padding: 0.5rem 0;
24375
- position: relative;
24376
- }
24377
- .v-otp-input {
24378
- border-radius: 4px;
24379
- }
24380
- .v-otp-input .v-field {
24381
- height: 100%;
24382
- }
24383
-
24384
- .v-otp-input__divider {
24385
- margin: 0 8px;
24386
- }
24387
-
24388
- .v-otp-input__content {
24389
- align-items: center;
24390
- display: flex;
24391
- gap: 0.5rem;
24392
- height: 64px;
24393
- padding: 0.5rem;
24394
- justify-content: center;
24395
- max-width: 320px;
24396
- position: relative;
24397
- border-radius: inherit;
24398
- }
24399
- .v-otp-input--divided .v-otp-input__content {
24400
- max-width: 360px;
24401
- }
24402
-
24403
- .v-otp-input__field {
24404
- color: inherit;
24405
- font-size: 1.25rem;
24406
- height: 100%;
24407
- outline: none;
24408
- text-align: center;
24409
- width: 100%;
24410
- }
24411
- .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
24412
- -webkit-appearance: none;
24413
- margin: 0;
24414
- }
24415
- .v-otp-input__field[type=number] {
24416
- -moz-appearance: textfield;
24417
- }
24418
-
24419
- .v-otp-input__loader {
24420
- align-items: center;
24421
- display: flex;
24422
- height: 100%;
24423
- justify-content: center;
24424
- width: 100%;
24425
- }
24426
- .v-otp-input__loader .v-progress-linear {
24427
- position: absolute;
24322
+ flex: none;
24323
+ overflow: hidden;
24428
24324
  }.v-overlay-container {
24429
24325
  contain: layout;
24430
24326
  left: 0;
@@ -24488,134 +24384,118 @@ html.v-overlay-scroll-blocked {
24488
24384
 
24489
24385
  .v-overlay--scroll-blocked {
24490
24386
  padding-inline-end: var(--v-scrollbar-offset);
24491
- }.v-progress-circular {
24492
- align-items: center;
24493
- display: inline-flex;
24494
- justify-content: center;
24387
+ }.v-messages {
24388
+ flex: 1 1 auto;
24389
+ font-size: 12px;
24390
+ min-height: 14px;
24391
+ min-width: 1px;
24392
+ opacity: var(--v-medium-emphasis-opacity);
24495
24393
  position: relative;
24496
- vertical-align: middle;
24497
24394
  }
24498
- .v-progress-circular > svg {
24499
- width: 100%;
24500
- height: 100%;
24501
- margin: auto;
24395
+ .v-messages__message {
24396
+ line-height: 12px;
24397
+ word-break: break-word;
24398
+ overflow-wrap: break-word;
24399
+ word-wrap: break-word;
24400
+ -webkit-hyphens: auto;
24401
+ hyphens: auto;
24402
+ transition-duration: 150ms;
24403
+ }.v-main {
24404
+ flex: 1 0 auto;
24405
+ max-width: 100%;
24406
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24407
+ padding-left: var(--v-layout-left);
24408
+ padding-right: var(--v-layout-right);
24409
+ padding-top: var(--v-layout-top);
24410
+ padding-bottom: var(--v-layout-bottom);
24411
+ }
24412
+ .v-main__scroller {
24413
+ max-width: 100%;
24414
+ position: relative;
24415
+ }
24416
+ .v-main--scrollable {
24417
+ display: flex;
24418
+ }
24419
+ .v-main--scrollable {
24502
24420
  position: absolute;
24503
24421
  top: 0;
24504
- bottom: 0;
24505
24422
  left: 0;
24506
- right: 0;
24507
- z-index: 0;
24423
+ width: 100%;
24424
+ height: 100%;
24508
24425
  }
24509
-
24510
- .v-progress-circular__content {
24426
+ .v-main--scrollable > .v-main__scroller {
24427
+ flex: 1 1 auto;
24428
+ overflow-y: auto;
24429
+ --v-layout-left: 0px;
24430
+ --v-layout-right: 0px;
24431
+ --v-layout-top: 0px;
24432
+ --v-layout-bottom: 0px;
24433
+ }.v-pagination__list {
24434
+ display: inline-flex;
24435
+ list-style-type: none;
24436
+ justify-content: center;
24437
+ width: 100%;
24438
+ }
24439
+ .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
24440
+ margin: 0.3rem;
24441
+ }.v-otp-input {
24511
24442
  align-items: center;
24512
24443
  display: flex;
24513
24444
  justify-content: center;
24445
+ padding: 0.5rem 0;
24446
+ position: relative;
24514
24447
  }
24515
-
24516
- .v-progress-circular__underlay {
24517
- color: rgba(var(--v-border-color), var(--v-border-opacity));
24518
- stroke: currentColor;
24519
- z-index: 1;
24448
+ .v-otp-input {
24449
+ border-radius: 4px;
24520
24450
  }
24521
-
24522
- .v-progress-circular__overlay {
24523
- stroke: currentColor;
24524
- transition: all 0.2s ease-in-out, stroke-width 0s;
24525
- z-index: 2;
24451
+ .v-otp-input .v-field {
24452
+ height: 100%;
24526
24453
  }
24527
24454
 
24528
- .v-progress-circular--size-x-small {
24529
- height: 16px;
24530
- width: 16px;
24531
- }
24532
- .v-progress-circular--size-small {
24533
- height: 24px;
24534
- width: 24px;
24535
- }
24536
- .v-progress-circular--size-default {
24537
- height: 32px;
24538
- width: 32px;
24539
- }
24540
- .v-progress-circular--size-large {
24541
- height: 48px;
24542
- width: 48px;
24543
- }
24544
- .v-progress-circular--size-x-large {
24545
- height: 64px;
24546
- width: 64px;
24455
+ .v-otp-input__divider {
24456
+ margin: 0 8px;
24547
24457
  }
24548
24458
 
24549
- .v-progress-circular--indeterminate > svg {
24550
- animation: progress-circular-rotate 1.4s linear infinite;
24551
- transform-origin: center center;
24552
- transition: all 0.2s ease-in-out;
24459
+ .v-otp-input__content {
24460
+ align-items: center;
24461
+ display: flex;
24462
+ gap: 0.5rem;
24463
+ height: 64px;
24464
+ padding: 0.5rem;
24465
+ justify-content: center;
24466
+ max-width: 320px;
24467
+ position: relative;
24468
+ border-radius: inherit;
24553
24469
  }
24554
- .v-progress-circular--indeterminate .v-progress-circular__overlay {
24555
- animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
24556
- stroke-dasharray: 25, 200;
24557
- stroke-dashoffset: 0;
24558
- stroke-linecap: round;
24559
- transform-origin: center center;
24560
- transform: rotate(-90deg);
24470
+ .v-otp-input--divided .v-otp-input__content {
24471
+ max-width: 360px;
24561
24472
  }
24562
24473
 
24563
- .v-progress-circular--disable-shrink > svg {
24564
- animation-duration: 0.7s;
24474
+ .v-otp-input__field {
24475
+ color: inherit;
24476
+ font-size: 1.25rem;
24477
+ height: 100%;
24478
+ outline: none;
24479
+ text-align: center;
24480
+ width: 100%;
24565
24481
  }
24566
- .v-progress-circular--disable-shrink .v-progress-circular__overlay {
24567
- animation: none;
24482
+ .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
24483
+ -webkit-appearance: none;
24484
+ margin: 0;
24568
24485
  }
24569
-
24570
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
24571
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
24572
- animation-play-state: paused !important;
24486
+ .v-otp-input__field[type=number] {
24487
+ -moz-appearance: textfield;
24573
24488
  }
24574
24489
 
24575
- @keyframes progress-circular-dash {
24576
- 0% {
24577
- stroke-dasharray: 1, 200;
24578
- stroke-dashoffset: 0px;
24579
- }
24580
- 50% {
24581
- stroke-dasharray: 100, 200;
24582
- stroke-dashoffset: -15px;
24583
- }
24584
- 100% {
24585
- stroke-dasharray: 100, 200;
24586
- stroke-dashoffset: -124px;
24587
- }
24588
- }
24589
- @keyframes progress-circular-rotate {
24590
- 100% {
24591
- transform: rotate(270deg);
24592
- }
24593
- }.v-parallax {
24594
- position: relative;
24595
- overflow: hidden;
24596
- }
24597
- .v-parallax--active > .v-img__img {
24598
- will-change: transform;
24599
- }.v-pagination__list {
24600
- display: inline-flex;
24601
- list-style-type: none;
24490
+ .v-otp-input__loader {
24491
+ align-items: center;
24492
+ display: flex;
24493
+ height: 100%;
24602
24494
  justify-content: center;
24603
24495
  width: 100%;
24604
24496
  }
24605
- .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
24606
- margin: 0.3rem;
24607
- }.v-radio-group > .v-input__control {
24608
- flex-direction: column;
24609
- }
24610
- .v-radio-group > .v-input__control > .v-label {
24611
- margin-inline-start: 16px;
24612
- }
24613
- .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
24614
- padding-inline-start: 6px;
24615
- margin-top: 8px;
24616
- }
24617
- .v-radio-group .v-input__details {
24618
- padding-inline: 16px;
24497
+ .v-otp-input__loader .v-progress-linear {
24498
+ position: absolute;
24619
24499
  }.v-progress-linear {
24620
24500
  background: transparent;
24621
24501
  overflow: hidden;
@@ -24844,59 +24724,126 @@ html.v-overlay-scroll-blocked {
24844
24724
  0% {
24845
24725
  background-position-x: var(--v-progress-linear-height);
24846
24726
  }
24847
- }.v-rating {
24848
- max-width: 100%;
24727
+ }.v-parallax {
24728
+ position: relative;
24729
+ overflow: hidden;
24730
+ }
24731
+ .v-parallax--active > .v-img__img {
24732
+ will-change: transform;
24733
+ }.v-progress-circular {
24734
+ align-items: center;
24849
24735
  display: inline-flex;
24850
- white-space: nowrap;
24736
+ justify-content: center;
24737
+ position: relative;
24738
+ vertical-align: middle;
24851
24739
  }
24852
- .v-rating--readonly {
24853
- pointer-events: none;
24740
+ .v-progress-circular > svg {
24741
+ width: 100%;
24742
+ height: 100%;
24743
+ margin: auto;
24744
+ position: absolute;
24745
+ top: 0;
24746
+ bottom: 0;
24747
+ left: 0;
24748
+ right: 0;
24749
+ z-index: 0;
24750
+ }
24751
+
24752
+ .v-progress-circular__content {
24753
+ align-items: center;
24754
+ display: flex;
24755
+ justify-content: center;
24756
+ }
24757
+
24758
+ .v-progress-circular__underlay {
24759
+ color: rgba(var(--v-border-color), var(--v-border-opacity));
24760
+ stroke: currentColor;
24761
+ z-index: 1;
24762
+ }
24763
+
24764
+ .v-progress-circular__overlay {
24765
+ stroke: currentColor;
24766
+ transition: all 0.2s ease-in-out, stroke-width 0s;
24767
+ z-index: 2;
24768
+ }
24769
+
24770
+ .v-progress-circular--size-x-small {
24771
+ height: 16px;
24772
+ width: 16px;
24773
+ }
24774
+ .v-progress-circular--size-small {
24775
+ height: 24px;
24776
+ width: 24px;
24777
+ }
24778
+ .v-progress-circular--size-default {
24779
+ height: 32px;
24780
+ width: 32px;
24781
+ }
24782
+ .v-progress-circular--size-large {
24783
+ height: 48px;
24784
+ width: 48px;
24785
+ }
24786
+ .v-progress-circular--size-x-large {
24787
+ height: 64px;
24788
+ width: 64px;
24854
24789
  }
24855
24790
 
24856
- .v-rating__wrapper {
24857
- align-items: center;
24858
- display: inline-flex;
24859
- flex-direction: column;
24791
+ .v-progress-circular--indeterminate > svg {
24792
+ animation: progress-circular-rotate 1.4s linear infinite;
24793
+ transform-origin: center center;
24794
+ transition: all 0.2s ease-in-out;
24860
24795
  }
24861
- .v-rating__wrapper--bottom {
24862
- flex-direction: column-reverse;
24796
+ .v-progress-circular--indeterminate .v-progress-circular__overlay {
24797
+ animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
24798
+ stroke-dasharray: 25, 200;
24799
+ stroke-dashoffset: 0;
24800
+ stroke-linecap: round;
24801
+ transform-origin: center center;
24802
+ transform: rotate(-90deg);
24863
24803
  }
24864
24804
 
24865
- .v-rating__item {
24866
- display: inline-flex;
24867
- position: relative;
24868
- }
24869
- .v-rating__item label {
24870
- cursor: pointer;
24805
+ .v-progress-circular--disable-shrink > svg {
24806
+ animation-duration: 0.7s;
24871
24807
  }
24872
- .v-rating__item .v-btn--variant-plain {
24873
- opacity: 1;
24808
+ .v-progress-circular--disable-shrink .v-progress-circular__overlay {
24809
+ animation: none;
24874
24810
  }
24875
- .v-rating__item .v-btn {
24876
- transition-property: transform;
24811
+
24812
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
24813
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
24814
+ animation-play-state: paused !important;
24877
24815
  }
24878
- .v-rating__item .v-btn .v-icon {
24879
- transition: inherit;
24880
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24816
+
24817
+ @keyframes progress-circular-dash {
24818
+ 0% {
24819
+ stroke-dasharray: 1, 200;
24820
+ stroke-dashoffset: 0px;
24821
+ }
24822
+ 50% {
24823
+ stroke-dasharray: 100, 200;
24824
+ stroke-dashoffset: -15px;
24825
+ }
24826
+ 100% {
24827
+ stroke-dasharray: 100, 200;
24828
+ stroke-dashoffset: -124px;
24829
+ }
24881
24830
  }
24882
- .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
24883
- transform: scale(1.25);
24831
+ @keyframes progress-circular-rotate {
24832
+ 100% {
24833
+ transform: rotate(270deg);
24834
+ }
24835
+ }.v-radio-group > .v-input__control {
24836
+ flex-direction: column;
24884
24837
  }
24885
- .v-rating__item--half {
24886
- overflow: hidden;
24887
- position: absolute;
24888
- clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
24889
- z-index: 1;
24838
+ .v-radio-group > .v-input__control > .v-label {
24839
+ margin-inline-start: 16px;
24890
24840
  }
24891
- .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
24892
- opacity: 0;
24841
+ .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
24842
+ padding-inline-start: 6px;
24843
+ margin-top: 8px;
24893
24844
  }
24894
-
24895
- .v-rating__hidden {
24896
- height: 0;
24897
- opacity: 0;
24898
- position: absolute;
24899
- width: 0;
24845
+ .v-radio-group .v-input__details {
24846
+ padding-inline: 16px;
24900
24847
  }.v-slider .v-slider__container input {
24901
24848
  cursor: default;
24902
24849
  padding: 0;
@@ -24954,161 +24901,6 @@ html.v-overlay-scroll-blocked {
24954
24901
 
24955
24902
  .v-slider__label {
24956
24903
  margin-inline-end: 12px;
24957
- }.v-select .v-field .v-text-field__prefix,
24958
- .v-select .v-field .v-text-field__suffix,
24959
- .v-select .v-field .v-field__input, .v-select .v-field.v-field {
24960
- cursor: pointer;
24961
- }
24962
- .v-select .v-field .v-field__input > input {
24963
- align-self: flex-start;
24964
- opacity: 1;
24965
- flex: 0 0;
24966
- position: absolute;
24967
- width: 100%;
24968
- transition: none;
24969
- pointer-events: none;
24970
- caret-color: transparent;
24971
- }
24972
- .v-select .v-field--dirty .v-select__selection {
24973
- margin-inline-end: 2px;
24974
- }
24975
- .v-select .v-select__selection-text {
24976
- overflow: hidden;
24977
- text-overflow: ellipsis;
24978
- white-space: nowrap;
24979
- }
24980
- .v-select__content {
24981
- overflow: hidden;
24982
- }
24983
- .v-select__content {
24984
- 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));
24985
- }
24986
- .v-select__content {
24987
- border-radius: 4px;
24988
- }
24989
- .v-select__selection {
24990
- display: inline-flex;
24991
- align-items: center;
24992
- letter-spacing: inherit;
24993
- line-height: inherit;
24994
- max-width: 100%;
24995
- }
24996
- .v-select .v-select__selection:first-child {
24997
- margin-inline-start: 0;
24998
- }
24999
- .v-select--selected .v-field .v-field__input > input {
25000
- opacity: 0;
25001
- }
25002
- .v-select__menu-icon {
25003
- margin-inline-start: 4px;
25004
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
25005
- }
25006
- .v-select--active-menu .v-select__menu-icon {
25007
- opacity: var(--v-high-emphasis-opacity);
25008
- transform: rotate(180deg);
25009
- }.v-selection-control {
25010
- align-items: center;
25011
- contain: layout;
25012
- display: flex;
25013
- flex: 1 0;
25014
- grid-area: control;
25015
- position: relative;
25016
- -webkit-user-select: none;
25017
- user-select: none;
25018
- }
25019
- .v-selection-control .v-label {
25020
- white-space: normal;
25021
- word-break: break-word;
25022
- height: 100%;
25023
- }
25024
- .v-selection-control--disabled {
25025
- opacity: var(--v-disabled-opacity);
25026
- pointer-events: none;
25027
- }
25028
- .v-selection-control--error .v-label, .v-selection-control--disabled .v-label {
25029
- opacity: 1;
25030
- }
25031
- .v-selection-control--error:not(.v-selection-control--disabled) .v-label {
25032
- color: rgb(var(--v-theme-error));
25033
- }
25034
- .v-selection-control--inline {
25035
- display: inline-flex;
25036
- flex: 0 0 auto;
25037
- min-width: 0;
25038
- max-width: 100%;
25039
- }
25040
- .v-selection-control--inline .v-label {
25041
- width: auto;
25042
- }
25043
- .v-selection-control--density-default {
25044
- --v-selection-control-size: 40px;
25045
- }
25046
-
25047
- .v-selection-control--density-comfortable {
25048
- --v-selection-control-size: 36px;
25049
- }
25050
-
25051
- .v-selection-control--density-compact {
25052
- --v-selection-control-size: 28px;
25053
- }
25054
-
25055
- .v-selection-control__wrapper {
25056
- width: var(--v-selection-control-size);
25057
- height: var(--v-selection-control-size);
25058
- display: inline-flex;
25059
- align-items: center;
25060
- position: relative;
25061
- justify-content: center;
25062
- flex: none;
25063
- }
25064
-
25065
- .v-selection-control__input {
25066
- width: var(--v-selection-control-size);
25067
- height: var(--v-selection-control-size);
25068
- align-items: center;
25069
- display: flex;
25070
- flex: none;
25071
- justify-content: center;
25072
- position: relative;
25073
- border-radius: 50%;
25074
- }
25075
- .v-selection-control__input input {
25076
- cursor: pointer;
25077
- position: absolute;
25078
- left: 0;
25079
- top: 0;
25080
- width: 100%;
25081
- height: 100%;
25082
- opacity: 0;
25083
- }
25084
- .v-selection-control__input::before {
25085
- border-radius: 100%;
25086
- background-color: currentColor;
25087
- opacity: 0;
25088
- pointer-events: none;
25089
- }
25090
- .v-selection-control__input::before {
25091
- content: "";
25092
- position: absolute;
25093
- top: 0;
25094
- left: 0;
25095
- width: 100%;
25096
- height: 100%;
25097
- }
25098
- .v-selection-control__input:hover::before {
25099
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
25100
- }
25101
- .v-selection-control__input > .v-icon {
25102
- opacity: var(--v-medium-emphasis-opacity);
25103
- }
25104
- .v-selection-control--disabled .v-selection-control__input > .v-icon, .v-selection-control--dirty .v-selection-control__input > .v-icon, .v-selection-control--error .v-selection-control__input > .v-icon {
25105
- opacity: 1;
25106
- }
25107
- .v-selection-control--error:not(.v-selection-control--disabled) .v-selection-control__input > .v-icon {
25108
- color: rgb(var(--v-theme-error));
25109
- }
25110
- .v-selection-control--focus-visible .v-selection-control__input::before {
25111
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
25112
24904
  }.v-responsive {
25113
24905
  display: flex;
25114
24906
  flex: 1 0 auto;
@@ -25135,50 +24927,59 @@ html.v-overlay-scroll-blocked {
25135
24927
  flex: 1 0 0px;
25136
24928
  transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
25137
24929
  pointer-events: none;
25138
- }.v-selection-control-group {
25139
- grid-area: control;
25140
- display: flex;
25141
- flex-direction: column;
24930
+ }.v-rating {
24931
+ max-width: 100%;
24932
+ display: inline-flex;
24933
+ white-space: nowrap;
25142
24934
  }
25143
- .v-selection-control-group--inline {
25144
- flex-direction: row;
25145
- flex-wrap: wrap;
25146
- }.v-sheet {
25147
- display: block;
24935
+ .v-rating--readonly {
24936
+ pointer-events: none;
24937
+ }
24938
+
24939
+ .v-rating__wrapper {
24940
+ align-items: center;
24941
+ display: inline-flex;
24942
+ flex-direction: column;
25148
24943
  }
25149
- .v-sheet {
25150
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
25151
- border-style: solid;
25152
- border-width: 0;
24944
+ .v-rating__wrapper--bottom {
24945
+ flex-direction: column-reverse;
25153
24946
  }
25154
- .v-sheet--border {
25155
- border-width: thin;
25156
- box-shadow: none;
24947
+
24948
+ .v-rating__item {
24949
+ display: inline-flex;
24950
+ position: relative;
25157
24951
  }
25158
- .v-sheet {
25159
- 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));
24952
+ .v-rating__item label {
24953
+ cursor: pointer;
25160
24954
  }
25161
- .v-sheet--absolute {
25162
- position: absolute;
24955
+ .v-rating__item .v-btn--variant-plain {
24956
+ opacity: 1;
25163
24957
  }
25164
- .v-sheet--fixed {
25165
- position: fixed;
24958
+ .v-rating__item .v-btn {
24959
+ transition-property: transform;
25166
24960
  }
25167
- .v-sheet--relative {
25168
- position: relative;
24961
+ .v-rating__item .v-btn .v-icon {
24962
+ transition: inherit;
24963
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25169
24964
  }
25170
- .v-sheet--sticky {
25171
- position: sticky;
24965
+ .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
24966
+ transform: scale(1.25);
25172
24967
  }
25173
- .v-sheet {
25174
- border-radius: 0;
24968
+ .v-rating__item--half {
24969
+ overflow: hidden;
24970
+ position: absolute;
24971
+ clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
24972
+ z-index: 1;
25175
24973
  }
25176
- .v-sheet {
25177
- background: rgb(var(--v-theme-surface));
25178
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24974
+ .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
24975
+ opacity: 0;
25179
24976
  }
25180
- .v-sheet--rounded {
25181
- border-radius: 4px;
24977
+
24978
+ .v-rating__hidden {
24979
+ height: 0;
24980
+ opacity: 0;
24981
+ position: absolute;
24982
+ width: 0;
25182
24983
  }.v-skeleton-loader {
25183
24984
  align-items: center;
25184
24985
  background: rgb(var(--v-theme-surface));
@@ -25404,6 +25205,205 @@ html.v-overlay-scroll-blocked {
25404
25205
  100% {
25405
25206
  transform: translateX(100%);
25406
25207
  }
25208
+ }.v-select .v-field .v-text-field__prefix,
25209
+ .v-select .v-field .v-text-field__suffix,
25210
+ .v-select .v-field .v-field__input, .v-select .v-field.v-field {
25211
+ cursor: pointer;
25212
+ }
25213
+ .v-select .v-field .v-field__input > input {
25214
+ align-self: flex-start;
25215
+ opacity: 1;
25216
+ flex: 0 0;
25217
+ position: absolute;
25218
+ width: 100%;
25219
+ transition: none;
25220
+ pointer-events: none;
25221
+ caret-color: transparent;
25222
+ }
25223
+ .v-select .v-field--dirty .v-select__selection {
25224
+ margin-inline-end: 2px;
25225
+ }
25226
+ .v-select .v-select__selection-text {
25227
+ overflow: hidden;
25228
+ text-overflow: ellipsis;
25229
+ white-space: nowrap;
25230
+ }
25231
+ .v-select__content {
25232
+ overflow: hidden;
25233
+ }
25234
+ .v-select__content {
25235
+ 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));
25236
+ }
25237
+ .v-select__content {
25238
+ border-radius: 4px;
25239
+ }
25240
+ .v-select__selection {
25241
+ display: inline-flex;
25242
+ align-items: center;
25243
+ letter-spacing: inherit;
25244
+ line-height: inherit;
25245
+ max-width: 100%;
25246
+ }
25247
+ .v-select .v-select__selection:first-child {
25248
+ margin-inline-start: 0;
25249
+ }
25250
+ .v-select--selected .v-field .v-field__input > input {
25251
+ opacity: 0;
25252
+ }
25253
+ .v-select__menu-icon {
25254
+ margin-inline-start: 4px;
25255
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
25256
+ }
25257
+ .v-select--active-menu .v-select__menu-icon {
25258
+ opacity: var(--v-high-emphasis-opacity);
25259
+ transform: rotate(180deg);
25260
+ }.v-selection-control-group {
25261
+ grid-area: control;
25262
+ display: flex;
25263
+ flex-direction: column;
25264
+ }
25265
+ .v-selection-control-group--inline {
25266
+ flex-direction: row;
25267
+ flex-wrap: wrap;
25268
+ }.v-sheet {
25269
+ display: block;
25270
+ }
25271
+ .v-sheet {
25272
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
25273
+ border-style: solid;
25274
+ border-width: 0;
25275
+ }
25276
+ .v-sheet--border {
25277
+ border-width: thin;
25278
+ box-shadow: none;
25279
+ }
25280
+ .v-sheet {
25281
+ 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));
25282
+ }
25283
+ .v-sheet--absolute {
25284
+ position: absolute;
25285
+ }
25286
+ .v-sheet--fixed {
25287
+ position: fixed;
25288
+ }
25289
+ .v-sheet--relative {
25290
+ position: relative;
25291
+ }
25292
+ .v-sheet--sticky {
25293
+ position: sticky;
25294
+ }
25295
+ .v-sheet {
25296
+ border-radius: 0;
25297
+ }
25298
+ .v-sheet {
25299
+ background: rgb(var(--v-theme-surface));
25300
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
25301
+ }
25302
+ .v-sheet--rounded {
25303
+ border-radius: 4px;
25304
+ }.v-selection-control {
25305
+ align-items: center;
25306
+ contain: layout;
25307
+ display: flex;
25308
+ flex: 1 0;
25309
+ grid-area: control;
25310
+ position: relative;
25311
+ -webkit-user-select: none;
25312
+ user-select: none;
25313
+ }
25314
+ .v-selection-control .v-label {
25315
+ white-space: normal;
25316
+ word-break: break-word;
25317
+ height: 100%;
25318
+ }
25319
+ .v-selection-control--disabled {
25320
+ opacity: var(--v-disabled-opacity);
25321
+ pointer-events: none;
25322
+ }
25323
+ .v-selection-control--error .v-label, .v-selection-control--disabled .v-label {
25324
+ opacity: 1;
25325
+ }
25326
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-label {
25327
+ color: rgb(var(--v-theme-error));
25328
+ }
25329
+ .v-selection-control--inline {
25330
+ display: inline-flex;
25331
+ flex: 0 0 auto;
25332
+ min-width: 0;
25333
+ max-width: 100%;
25334
+ }
25335
+ .v-selection-control--inline .v-label {
25336
+ width: auto;
25337
+ }
25338
+ .v-selection-control--density-default {
25339
+ --v-selection-control-size: 40px;
25340
+ }
25341
+
25342
+ .v-selection-control--density-comfortable {
25343
+ --v-selection-control-size: 36px;
25344
+ }
25345
+
25346
+ .v-selection-control--density-compact {
25347
+ --v-selection-control-size: 28px;
25348
+ }
25349
+
25350
+ .v-selection-control__wrapper {
25351
+ width: var(--v-selection-control-size);
25352
+ height: var(--v-selection-control-size);
25353
+ display: inline-flex;
25354
+ align-items: center;
25355
+ position: relative;
25356
+ justify-content: center;
25357
+ flex: none;
25358
+ }
25359
+
25360
+ .v-selection-control__input {
25361
+ width: var(--v-selection-control-size);
25362
+ height: var(--v-selection-control-size);
25363
+ align-items: center;
25364
+ display: flex;
25365
+ flex: none;
25366
+ justify-content: center;
25367
+ position: relative;
25368
+ border-radius: 50%;
25369
+ }
25370
+ .v-selection-control__input input {
25371
+ cursor: pointer;
25372
+ position: absolute;
25373
+ left: 0;
25374
+ top: 0;
25375
+ width: 100%;
25376
+ height: 100%;
25377
+ opacity: 0;
25378
+ }
25379
+ .v-selection-control__input::before {
25380
+ border-radius: 100%;
25381
+ background-color: currentColor;
25382
+ opacity: 0;
25383
+ pointer-events: none;
25384
+ }
25385
+ .v-selection-control__input::before {
25386
+ content: "";
25387
+ position: absolute;
25388
+ top: 0;
25389
+ left: 0;
25390
+ width: 100%;
25391
+ height: 100%;
25392
+ }
25393
+ .v-selection-control__input:hover::before {
25394
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
25395
+ }
25396
+ .v-selection-control__input > .v-icon {
25397
+ opacity: var(--v-medium-emphasis-opacity);
25398
+ }
25399
+ .v-selection-control--disabled .v-selection-control__input > .v-icon, .v-selection-control--dirty .v-selection-control__input > .v-icon, .v-selection-control--error .v-selection-control__input > .v-icon {
25400
+ opacity: 1;
25401
+ }
25402
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-selection-control__input > .v-icon {
25403
+ color: rgb(var(--v-theme-error));
25404
+ }
25405
+ .v-selection-control--focus-visible .v-selection-control__input::before {
25406
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
25407
25407
  }.v-slide-group {
25408
25408
  display: flex;
25409
25409
  overflow: hidden;
@@ -25997,6 +25997,49 @@ html.v-overlay-scroll-blocked {
25997
25997
  .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
25998
25998
  border-width: 0;
25999
25999
  }
26000
+ }.v-system-bar {
26001
+ align-items: center;
26002
+ display: flex;
26003
+ flex: 1 1 auto;
26004
+ height: 24px;
26005
+ justify-content: flex-end;
26006
+ max-width: 100%;
26007
+ padding-inline: 8px;
26008
+ position: relative;
26009
+ text-align: end;
26010
+ width: 100%;
26011
+ }
26012
+ .v-system-bar .v-icon {
26013
+ opacity: var(--v-medium-emphasis-opacity);
26014
+ }
26015
+ .v-system-bar {
26016
+ 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));
26017
+ }
26018
+ .v-system-bar--absolute {
26019
+ position: absolute;
26020
+ }
26021
+ .v-system-bar--fixed {
26022
+ position: fixed;
26023
+ }
26024
+ .v-system-bar {
26025
+ background: rgba(var(--v-theme-surface-light));
26026
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
26027
+ }
26028
+ .v-system-bar {
26029
+ font-size: 0.75rem;
26030
+ font-weight: 400;
26031
+ letter-spacing: 0.0333333333em;
26032
+ line-height: 1.667;
26033
+ text-transform: none;
26034
+ }
26035
+ .v-system-bar--rounded {
26036
+ border-radius: 0;
26037
+ }
26038
+ .v-system-bar--window {
26039
+ height: 32px;
26040
+ }
26041
+ .v-system-bar:not(.v-system-bar--absolute) {
26042
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
26000
26043
  }.v-table {
26001
26044
  font-size: 0.875rem;
26002
26045
  transition-duration: 0.28s;
@@ -26245,81 +26288,6 @@ html.v-overlay-scroll-blocked {
26245
26288
  }
26246
26289
  .v-textarea textarea:invalid {
26247
26290
  box-shadow: none;
26248
- }.v-theme-provider {
26249
- background: rgb(var(--v-theme-background));
26250
- color: rgb(var(--v-theme-on-background));
26251
- }.v-system-bar {
26252
- align-items: center;
26253
- display: flex;
26254
- flex: 1 1 auto;
26255
- height: 24px;
26256
- justify-content: flex-end;
26257
- max-width: 100%;
26258
- padding-inline: 8px;
26259
- position: relative;
26260
- text-align: end;
26261
- width: 100%;
26262
- }
26263
- .v-system-bar .v-icon {
26264
- opacity: var(--v-medium-emphasis-opacity);
26265
- }
26266
- .v-system-bar {
26267
- 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));
26268
- }
26269
- .v-system-bar--absolute {
26270
- position: absolute;
26271
- }
26272
- .v-system-bar--fixed {
26273
- position: fixed;
26274
- }
26275
- .v-system-bar {
26276
- background: rgba(var(--v-theme-surface-light));
26277
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
26278
- }
26279
- .v-system-bar {
26280
- font-size: 0.75rem;
26281
- font-weight: 400;
26282
- letter-spacing: 0.0333333333em;
26283
- line-height: 1.667;
26284
- text-transform: none;
26285
- }
26286
- .v-system-bar--rounded {
26287
- border-radius: 0;
26288
- }
26289
- .v-system-bar--window {
26290
- height: 32px;
26291
- }
26292
- .v-system-bar:not(.v-system-bar--absolute) {
26293
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
26294
- }.v-tab.v-tab.v-btn {
26295
- height: var(--v-tabs-height);
26296
- border-radius: 0;
26297
- min-width: 90px;
26298
- }
26299
- .v-slide-group--horizontal .v-tab {
26300
- max-width: 360px;
26301
- }
26302
- .v-slide-group--vertical .v-tab {
26303
- justify-content: start;
26304
- }
26305
-
26306
- .v-tab__slider {
26307
- position: absolute;
26308
- bottom: 0;
26309
- left: 0;
26310
- height: 2px;
26311
- width: 100%;
26312
- background: currentColor;
26313
- pointer-events: none;
26314
- opacity: 0;
26315
- }
26316
- .v-tab--selected .v-tab__slider {
26317
- opacity: 1;
26318
- }
26319
- .v-slide-group--vertical .v-tab__slider {
26320
- top: 0;
26321
- height: 100%;
26322
- width: 2px;
26323
26291
  }.v-tabs {
26324
26292
  display: flex;
26325
26293
  height: var(--v-tabs-height);
@@ -26386,6 +26354,35 @@ html.v-overlay-scroll-blocked {
26386
26354
  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
26387
26355
  margin-inline-end: 52px;
26388
26356
  }
26357
+ }.v-tab.v-tab.v-btn {
26358
+ height: var(--v-tabs-height);
26359
+ border-radius: 0;
26360
+ min-width: 90px;
26361
+ }
26362
+ .v-slide-group--horizontal .v-tab {
26363
+ max-width: 360px;
26364
+ }
26365
+ .v-slide-group--vertical .v-tab {
26366
+ justify-content: start;
26367
+ }
26368
+
26369
+ .v-tab__slider {
26370
+ position: absolute;
26371
+ bottom: 0;
26372
+ left: 0;
26373
+ height: 2px;
26374
+ width: 100%;
26375
+ background: currentColor;
26376
+ pointer-events: none;
26377
+ opacity: 0;
26378
+ }
26379
+ .v-tab--selected .v-tab__slider {
26380
+ opacity: 1;
26381
+ }
26382
+ .v-slide-group--vertical .v-tab__slider {
26383
+ top: 0;
26384
+ height: 100%;
26385
+ width: 2px;
26389
26386
  }.v-timeline .v-timeline-divider__dot {
26390
26387
  background: rgb(var(--v-theme-surface-light));
26391
26388
  }
@@ -26804,76 +26801,6 @@ html.v-overlay-scroll-blocked {
26804
26801
 
26805
26802
  .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 {
26806
26803
  padding-inline-end: 0;
26807
- }.v-window {
26808
- overflow: hidden;
26809
- }
26810
- .v-window__container {
26811
- display: flex;
26812
- flex-direction: column;
26813
- height: inherit;
26814
- position: relative;
26815
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
26816
- }
26817
- .v-window__controls {
26818
- position: absolute;
26819
- left: 0;
26820
- top: 0;
26821
- width: 100%;
26822
- height: 100%;
26823
- display: flex;
26824
- align-items: center;
26825
- justify-content: space-between;
26826
- padding: 0 16px;
26827
- pointer-events: none;
26828
- }
26829
- .v-window__controls > * {
26830
- pointer-events: auto;
26831
- }
26832
- .v-window--show-arrows-on-hover {
26833
- overflow: hidden;
26834
- }
26835
- .v-window--show-arrows-on-hover .v-window__left {
26836
- transform: translateX(-200%);
26837
- }
26838
- .v-window--show-arrows-on-hover .v-window__right {
26839
- transform: translateX(200%);
26840
- }
26841
- .v-window--show-arrows-on-hover:hover .v-window__left,
26842
- .v-window--show-arrows-on-hover:hover .v-window__right {
26843
- transform: translateX(0);
26844
- }
26845
-
26846
- .v-window-x-transition-enter-active, .v-window-x-transition-leave-active, .v-window-x-reverse-transition-enter-active, .v-window-x-reverse-transition-leave-active, .v-window-y-transition-enter-active, .v-window-y-transition-leave-active, .v-window-y-reverse-transition-enter-active, .v-window-y-reverse-transition-leave-active {
26847
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
26848
- }
26849
- .v-window-x-transition-leave-from, .v-window-x-transition-leave-to, .v-window-x-reverse-transition-leave-from, .v-window-x-reverse-transition-leave-to, .v-window-y-transition-leave-from, .v-window-y-transition-leave-to, .v-window-y-reverse-transition-leave-from, .v-window-y-reverse-transition-leave-to {
26850
- position: absolute !important;
26851
- top: 0;
26852
- width: 100%;
26853
- }
26854
- .v-window-x-transition-enter-from {
26855
- transform: translateX(100%);
26856
- }
26857
- .v-window-x-transition-leave-to {
26858
- transform: translateX(-100%);
26859
- }
26860
- .v-window-x-reverse-transition-enter-from {
26861
- transform: translateX(-100%);
26862
- }
26863
- .v-window-x-reverse-transition-leave-to {
26864
- transform: translateX(100%);
26865
- }
26866
- .v-window-y-transition-enter-from {
26867
- transform: translateY(100%);
26868
- }
26869
- .v-window-y-transition-leave-to {
26870
- transform: translateY(-100%);
26871
- }
26872
- .v-window-y-reverse-transition-enter-from {
26873
- transform: translateY(-100%);
26874
- }
26875
- .v-window-y-reverse-transition-leave-to {
26876
- transform: translateY(100%);
26877
26804
  }.v-toolbar {
26878
26805
  align-items: flex-start;
26879
26806
  display: flex;
@@ -27017,15 +26944,9 @@ html.v-overlay-scroll-blocked {
27017
26944
  }
27018
26945
  .v-toolbar-items > .v-btn {
27019
26946
  border-radius: 0;
27020
- }.v-virtual-scroll {
27021
- display: block;
27022
- flex: 1 1 auto;
27023
- max-width: 100%;
27024
- overflow: auto;
27025
- position: relative;
27026
- }
27027
- .v-virtual-scroll__container {
27028
- display: block;
26947
+ }.v-theme-provider {
26948
+ background: rgb(var(--v-theme-background));
26949
+ color: rgb(var(--v-theme-on-background));
27029
26950
  }.v-tooltip > .v-overlay__content {
27030
26951
  background: rgb(var(--v-theme-surface-variant));
27031
26952
  color: rgb(var(--v-theme-on-surface-variant));
@@ -27046,100 +26967,87 @@ html.v-overlay-scroll-blocked {
27046
26967
  transition-duration: 150ms;
27047
26968
  }
27048
26969
  .v-tooltip > .v-overlay__content[class*=leave-active] {
27049
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
27050
- transition-duration: 75ms;
27051
- }.v-color-picker-canvas {
27052
- display: flex;
27053
- position: relative;
27054
- overflow: hidden;
27055
- contain: content;
27056
- touch-action: none;
27057
- }
27058
- .v-color-picker-canvas__dot {
27059
- position: absolute;
27060
- top: 0;
27061
- left: 0;
27062
- width: 15px;
27063
- height: 15px;
27064
- background: transparent;
27065
- border-radius: 50%;
27066
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
27067
- }
27068
- .v-color-picker-canvas__dot--disabled {
27069
- box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
27070
- }
27071
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
27072
- will-change: transform;
27073
- }.v-color-picker-preview__alpha .v-slider-track__background {
27074
- background-color: transparent !important;
27075
- }
27076
- .v-locale--is-ltr.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__alpha .v-slider-track__background {
27077
- background-image: linear-gradient(to right, transparent, var(--v-color-picker-color-hsv));
26970
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
26971
+ transition-duration: 75ms;
26972
+ }.v-window {
26973
+ overflow: hidden;
27078
26974
  }
27079
-
27080
- .v-locale--is-rtl.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__alpha .v-slider-track__background {
27081
- background-image: linear-gradient(to left, transparent, var(--v-color-picker-color-hsv));
26975
+ .v-window__container {
26976
+ display: flex;
26977
+ flex-direction: column;
26978
+ height: inherit;
26979
+ position: relative;
26980
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
27082
26981
  }
27083
-
27084
- .v-color-picker-preview__alpha .v-slider-track__background::after {
27085
- content: "";
27086
- z-index: -1;
26982
+ .v-window__controls {
26983
+ position: absolute;
27087
26984
  left: 0;
27088
26985
  top: 0;
27089
26986
  width: 100%;
27090
26987
  height: 100%;
27091
- position: absolute;
27092
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
27093
- border-radius: inherit;
27094
- }
27095
-
27096
- .v-color-picker-preview__sliders {
27097
26988
  display: flex;
27098
- flex: 1 0 auto;
27099
- flex-direction: column;
27100
- padding-inline-end: 16px;
26989
+ align-items: center;
26990
+ justify-content: space-between;
26991
+ padding: 0 16px;
26992
+ pointer-events: none;
27101
26993
  }
27102
-
27103
- .v-color-picker-preview__dot {
27104
- position: relative;
27105
- height: 30px;
27106
- width: 30px;
27107
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
27108
- border-radius: 50%;
26994
+ .v-window__controls > * {
26995
+ pointer-events: auto;
26996
+ }
26997
+ .v-window--show-arrows-on-hover {
27109
26998
  overflow: hidden;
27110
- margin-inline-end: 24px;
27111
26999
  }
27112
- .v-color-picker-preview__dot > div {
27113
- width: 100%;
27114
- height: 100%;
27000
+ .v-window--show-arrows-on-hover .v-window__left {
27001
+ transform: translateX(-200%);
27115
27002
  }
27116
-
27117
- .v-locale--is-ltr.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
27118
- background: linear-gradient(to right, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
27003
+ .v-window--show-arrows-on-hover .v-window__right {
27004
+ transform: translateX(200%);
27119
27005
  }
27120
-
27121
- .v-locale--is-rtl.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
27122
- background: linear-gradient(to left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
27006
+ .v-window--show-arrows-on-hover:hover .v-window__left,
27007
+ .v-window--show-arrows-on-hover:hover .v-window__right {
27008
+ transform: translateX(0);
27123
27009
  }
27124
27010
 
27125
- .v-color-picker-preview__track {
27126
- position: relative;
27011
+ .v-window-x-transition-enter-active, .v-window-x-transition-leave-active, .v-window-x-reverse-transition-enter-active, .v-window-x-reverse-transition-leave-active, .v-window-y-transition-enter-active, .v-window-y-transition-leave-active, .v-window-y-reverse-transition-enter-active, .v-window-y-reverse-transition-leave-active {
27012
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
27013
+ }
27014
+ .v-window-x-transition-leave-from, .v-window-x-transition-leave-to, .v-window-x-reverse-transition-leave-from, .v-window-x-reverse-transition-leave-to, .v-window-y-transition-leave-from, .v-window-y-transition-leave-to, .v-window-y-reverse-transition-leave-from, .v-window-y-reverse-transition-leave-to {
27015
+ position: absolute !important;
27016
+ top: 0;
27127
27017
  width: 100%;
27128
- margin: 0 !important;
27129
27018
  }
27130
- .v-color-picker-preview__track .v-slider-track__fill {
27131
- display: none;
27019
+ .v-window-x-transition-enter-from {
27020
+ transform: translateX(100%);
27132
27021
  }
27133
-
27134
- .v-color-picker-preview {
27135
- align-items: center;
27136
- display: flex;
27137
- margin-bottom: 0;
27022
+ .v-window-x-transition-leave-to {
27023
+ transform: translateX(-100%);
27138
27024
  }
27139
-
27140
- .v-color-picker-preview__eye-dropper {
27025
+ .v-window-x-reverse-transition-enter-from {
27026
+ transform: translateX(-100%);
27027
+ }
27028
+ .v-window-x-reverse-transition-leave-to {
27029
+ transform: translateX(100%);
27030
+ }
27031
+ .v-window-y-transition-enter-from {
27032
+ transform: translateY(100%);
27033
+ }
27034
+ .v-window-y-transition-leave-to {
27035
+ transform: translateY(-100%);
27036
+ }
27037
+ .v-window-y-reverse-transition-enter-from {
27038
+ transform: translateY(-100%);
27039
+ }
27040
+ .v-window-y-reverse-transition-leave-to {
27041
+ transform: translateY(100%);
27042
+ }.v-virtual-scroll {
27043
+ display: block;
27044
+ flex: 1 1 auto;
27045
+ max-width: 100%;
27046
+ overflow: auto;
27141
27047
  position: relative;
27142
- margin-right: 12px;
27048
+ }
27049
+ .v-virtual-scroll__container {
27050
+ display: block;
27143
27051
  }.v-color-picker-swatches {
27144
27052
  overflow-y: auto;
27145
27053
  }
@@ -27175,193 +27083,126 @@ html.v-overlay-scroll-blocked {
27175
27083
  justify-content: center;
27176
27084
  width: 100%;
27177
27085
  height: 100%;
27178
- }.v-color-picker-edit {
27179
- display: flex;
27180
- margin-top: 24px;
27181
- }
27182
-
27183
- .v-color-picker-edit__input {
27184
- width: 100%;
27185
- display: flex;
27186
- flex-wrap: wrap;
27187
- justify-content: center;
27188
- text-align: center;
27189
- }
27190
- .v-color-picker-edit__input:not(:last-child) {
27191
- margin-inline-end: 8px;
27192
- }
27193
- .v-color-picker-edit__input input {
27194
- border-radius: 4px;
27195
- margin-bottom: 8px;
27196
- min-width: 0;
27197
- outline: none;
27198
- text-align: center;
27199
- width: 100%;
27200
- height: 32px;
27201
- background: rgba(var(--v-theme-surface-variant), 0.2);
27202
- color: rgba(var(--v-theme-on-surface));
27203
- }
27204
- .v-color-picker-edit__input span {
27205
- font-size: 0.75rem;
27206
- }.v-slider-thumb {
27207
- touch-action: none;
27208
- color: rgb(var(--v-theme-surface-variant));
27209
- }
27210
- .v-input--error:not(.v-input--disabled) .v-slider-thumb {
27211
- color: inherit;
27212
- }
27213
-
27214
- .v-slider-thumb__label {
27215
- background: rgba(var(--v-theme-surface-variant), 0.7);
27216
- color: rgb(var(--v-theme-on-surface-variant));
27086
+ }.v-color-picker-preview__alpha .v-slider-track__background {
27087
+ background-color: transparent !important;
27217
27088
  }
27218
- .v-slider-thumb__label::before {
27219
- color: rgba(var(--v-theme-surface-variant), 0.7);
27089
+ .v-locale--is-ltr.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__alpha .v-slider-track__background {
27090
+ background-image: linear-gradient(to right, transparent, var(--v-color-picker-color-hsv));
27220
27091
  }
27221
27092
 
27222
- .v-slider-thumb {
27223
- outline: none;
27224
- position: absolute;
27225
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
27093
+ .v-locale--is-rtl.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__alpha .v-slider-track__background {
27094
+ background-image: linear-gradient(to left, transparent, var(--v-color-picker-color-hsv));
27226
27095
  }
27227
27096
 
27228
- .v-slider-thumb__surface {
27229
- cursor: pointer;
27230
- width: var(--v-slider-thumb-size);
27231
- height: var(--v-slider-thumb-size);
27232
- border-radius: 50%;
27233
- -webkit-user-select: none;
27234
- user-select: none;
27235
- background-color: currentColor;
27236
- }
27237
- @media (forced-colors: active) {
27238
- .v-slider-thumb__surface {
27239
- background-color: highlight;
27240
- }
27241
- }
27242
- .v-slider-thumb__surface::before {
27243
- transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
27097
+ .v-color-picker-preview__alpha .v-slider-track__background::after {
27244
27098
  content: "";
27245
- color: inherit;
27246
- top: 0;
27099
+ z-index: -1;
27247
27100
  left: 0;
27101
+ top: 0;
27248
27102
  width: 100%;
27249
27103
  height: 100%;
27250
- border-radius: 50%;
27251
- background: currentColor;
27252
- position: absolute;
27253
- pointer-events: none;
27254
- opacity: 0;
27255
- }
27256
- .v-slider-thumb__surface::after {
27257
- content: "";
27258
- width: 42px;
27259
- height: 42px;
27260
- position: absolute;
27261
- top: 50%;
27262
- left: 50%;
27263
- transform: translate(-50%, -50%);
27264
- }
27265
-
27266
- .v-slider-thumb__label-container {
27267
27104
  position: absolute;
27268
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
27105
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
27106
+ border-radius: inherit;
27269
27107
  }
27270
27108
 
27271
- .v-slider-thumb__label {
27109
+ .v-color-picker-preview__sliders {
27272
27110
  display: flex;
27273
- align-items: center;
27274
- justify-content: center;
27275
- font-size: 0.75rem;
27276
- min-width: 35px;
27277
- height: 25px;
27278
- border-radius: 4px;
27279
- padding: 6px;
27280
- position: absolute;
27281
- -webkit-user-select: none;
27282
- user-select: none;
27283
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
27284
- }
27285
- .v-slider-thumb__label::before {
27286
- content: "";
27287
- width: 0;
27288
- height: 0;
27289
- position: absolute;
27290
- }
27291
-
27292
- .v-slider-thumb__ripple {
27293
- position: absolute;
27294
- left: calc(var(--v-slider-thumb-size) / -2);
27295
- top: calc(var(--v-slider-thumb-size) / -2);
27296
- width: calc(var(--v-slider-thumb-size) * 2);
27297
- height: calc(var(--v-slider-thumb-size) * 2);
27298
- background: inherit;
27111
+ flex: 1 0 auto;
27112
+ flex-direction: column;
27113
+ padding-inline-end: 16px;
27299
27114
  }
27300
27115
 
27301
- .v-slider.v-input--horizontal .v-slider-thumb {
27302
- top: 50%;
27303
- transform: translateY(-50%);
27304
- inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
27116
+ .v-color-picker-preview__dot {
27117
+ position: relative;
27118
+ height: 30px;
27119
+ width: 30px;
27120
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
27121
+ border-radius: 50%;
27122
+ overflow: hidden;
27123
+ margin-inline-end: 24px;
27305
27124
  }
27306
- .v-slider.v-input--horizontal .v-slider-thumb__label-container {
27307
- left: calc(var(--v-slider-thumb-size) / 2);
27308
- top: 0;
27125
+ .v-color-picker-preview__dot > div {
27126
+ width: 100%;
27127
+ height: 100%;
27309
27128
  }
27310
- .v-slider.v-input--horizontal .v-slider-thumb__label {
27311
- bottom: calc(var(--v-slider-thumb-size) / 2);
27129
+
27130
+ .v-locale--is-ltr.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
27131
+ background: linear-gradient(to right, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
27312
27132
  }
27313
- .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 {
27314
- transform: translateX(-50%);
27133
+
27134
+ .v-locale--is-rtl.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
27135
+ background: linear-gradient(to left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
27315
27136
  }
27316
27137
 
27317
- .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 {
27318
- transform: translateX(50%);
27138
+ .v-color-picker-preview__track {
27139
+ position: relative;
27140
+ width: 100%;
27141
+ margin: 0 !important;
27142
+ }
27143
+ .v-color-picker-preview__track .v-slider-track__fill {
27144
+ display: none;
27319
27145
  }
27320
27146
 
27321
- .v-slider.v-input--horizontal .v-slider-thumb__label::before {
27322
- border-left: 6px solid transparent;
27323
- border-right: 6px solid transparent;
27324
- border-top: 6px solid currentColor;
27325
- bottom: -6px;
27147
+ .v-color-picker-preview {
27148
+ align-items: center;
27149
+ display: flex;
27150
+ margin-bottom: 0;
27326
27151
  }
27327
27152
 
27328
- .v-slider.v-input--vertical .v-slider-thumb {
27329
- top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
27153
+ .v-color-picker-preview__eye-dropper {
27154
+ position: relative;
27155
+ margin-right: 12px;
27156
+ }.v-color-picker-edit {
27157
+ display: flex;
27158
+ margin-top: 24px;
27330
27159
  }
27331
- .v-slider.v-input--vertical .v-slider-thumb__label-container {
27332
- top: calc(var(--v-slider-thumb-size) / 2);
27333
- right: 0;
27160
+
27161
+ .v-color-picker-edit__input {
27162
+ width: 100%;
27163
+ display: flex;
27164
+ flex-wrap: wrap;
27165
+ justify-content: center;
27166
+ text-align: center;
27334
27167
  }
27335
- .v-slider.v-input--vertical .v-slider-thumb__label {
27336
- top: -12.5px;
27337
- left: calc(var(--v-slider-thumb-size) / 2);
27168
+ .v-color-picker-edit__input:not(:last-child) {
27169
+ margin-inline-end: 8px;
27338
27170
  }
27339
- .v-slider.v-input--vertical .v-slider-thumb__label::before {
27340
- border-right: 6px solid currentColor;
27341
- border-top: 6px solid transparent;
27342
- border-bottom: 6px solid transparent;
27343
- left: -6px;
27171
+ .v-color-picker-edit__input input {
27172
+ border-radius: 4px;
27173
+ margin-bottom: 8px;
27174
+ min-width: 0;
27175
+ outline: none;
27176
+ text-align: center;
27177
+ width: 100%;
27178
+ height: 32px;
27179
+ background: rgba(var(--v-theme-surface-variant), 0.2);
27180
+ color: rgba(var(--v-theme-on-surface));
27344
27181
  }
27345
-
27346
- .v-slider-thumb--focused .v-slider-thumb__surface::before {
27347
- transform: scale(2);
27348
- opacity: var(--v-focus-opacity);
27182
+ .v-color-picker-edit__input span {
27183
+ font-size: 0.75rem;
27184
+ }.v-color-picker-canvas {
27185
+ display: flex;
27186
+ position: relative;
27187
+ overflow: hidden;
27188
+ contain: content;
27189
+ touch-action: none;
27349
27190
  }
27350
-
27351
- .v-slider-thumb--pressed {
27352
- transition: none;
27191
+ .v-color-picker-canvas__dot {
27192
+ position: absolute;
27193
+ top: 0;
27194
+ left: 0;
27195
+ width: 15px;
27196
+ height: 15px;
27197
+ background: transparent;
27198
+ border-radius: 50%;
27199
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
27353
27200
  }
27354
- .v-slider-thumb--pressed .v-slider-thumb__surface::before {
27355
- opacity: var(--v-pressed-opacity);
27201
+ .v-color-picker-canvas__dot--disabled {
27202
+ box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
27356
27203
  }
27357
-
27358
- @media (hover: hover) {
27359
- .v-slider-thumb:hover .v-slider-thumb__surface::before {
27360
- transform: scale(2);
27361
- }
27362
- .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
27363
- opacity: var(--v-hover-opacity);
27364
- }
27204
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
27205
+ will-change: transform;
27365
27206
  }.v-slider-track__background {
27366
27207
  background-color: rgb(var(--v-theme-surface-variant));
27367
27208
  }
@@ -27540,4 +27381,163 @@ html.v-overlay-scroll-blocked {
27540
27381
 
27541
27382
  .v-slider-track__background--opacity {
27542
27383
  opacity: 0.38;
27384
+ }.v-slider-thumb {
27385
+ touch-action: none;
27386
+ color: rgb(var(--v-theme-surface-variant));
27387
+ }
27388
+ .v-input--error:not(.v-input--disabled) .v-slider-thumb {
27389
+ color: inherit;
27390
+ }
27391
+
27392
+ .v-slider-thumb__label {
27393
+ background: rgba(var(--v-theme-surface-variant), 0.7);
27394
+ color: rgb(var(--v-theme-on-surface-variant));
27395
+ }
27396
+ .v-slider-thumb__label::before {
27397
+ color: rgba(var(--v-theme-surface-variant), 0.7);
27398
+ }
27399
+
27400
+ .v-slider-thumb {
27401
+ outline: none;
27402
+ position: absolute;
27403
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
27404
+ }
27405
+
27406
+ .v-slider-thumb__surface {
27407
+ cursor: pointer;
27408
+ width: var(--v-slider-thumb-size);
27409
+ height: var(--v-slider-thumb-size);
27410
+ border-radius: 50%;
27411
+ -webkit-user-select: none;
27412
+ user-select: none;
27413
+ background-color: currentColor;
27414
+ }
27415
+ @media (forced-colors: active) {
27416
+ .v-slider-thumb__surface {
27417
+ background-color: highlight;
27418
+ }
27419
+ }
27420
+ .v-slider-thumb__surface::before {
27421
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
27422
+ content: "";
27423
+ color: inherit;
27424
+ top: 0;
27425
+ left: 0;
27426
+ width: 100%;
27427
+ height: 100%;
27428
+ border-radius: 50%;
27429
+ background: currentColor;
27430
+ position: absolute;
27431
+ pointer-events: none;
27432
+ opacity: 0;
27433
+ }
27434
+ .v-slider-thumb__surface::after {
27435
+ content: "";
27436
+ width: 42px;
27437
+ height: 42px;
27438
+ position: absolute;
27439
+ top: 50%;
27440
+ left: 50%;
27441
+ transform: translate(-50%, -50%);
27442
+ }
27443
+
27444
+ .v-slider-thumb__label-container {
27445
+ position: absolute;
27446
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
27447
+ }
27448
+
27449
+ .v-slider-thumb__label {
27450
+ display: flex;
27451
+ align-items: center;
27452
+ justify-content: center;
27453
+ font-size: 0.75rem;
27454
+ min-width: 35px;
27455
+ height: 25px;
27456
+ border-radius: 4px;
27457
+ padding: 6px;
27458
+ position: absolute;
27459
+ -webkit-user-select: none;
27460
+ user-select: none;
27461
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
27462
+ }
27463
+ .v-slider-thumb__label::before {
27464
+ content: "";
27465
+ width: 0;
27466
+ height: 0;
27467
+ position: absolute;
27468
+ }
27469
+
27470
+ .v-slider-thumb__ripple {
27471
+ position: absolute;
27472
+ left: calc(var(--v-slider-thumb-size) / -2);
27473
+ top: calc(var(--v-slider-thumb-size) / -2);
27474
+ width: calc(var(--v-slider-thumb-size) * 2);
27475
+ height: calc(var(--v-slider-thumb-size) * 2);
27476
+ background: inherit;
27477
+ }
27478
+
27479
+ .v-slider.v-input--horizontal .v-slider-thumb {
27480
+ top: 50%;
27481
+ transform: translateY(-50%);
27482
+ inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
27483
+ }
27484
+ .v-slider.v-input--horizontal .v-slider-thumb__label-container {
27485
+ left: calc(var(--v-slider-thumb-size) / 2);
27486
+ top: 0;
27487
+ }
27488
+ .v-slider.v-input--horizontal .v-slider-thumb__label {
27489
+ bottom: calc(var(--v-slider-thumb-size) / 2);
27490
+ }
27491
+ .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 {
27492
+ transform: translateX(-50%);
27493
+ }
27494
+
27495
+ .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 {
27496
+ transform: translateX(50%);
27497
+ }
27498
+
27499
+ .v-slider.v-input--horizontal .v-slider-thumb__label::before {
27500
+ border-left: 6px solid transparent;
27501
+ border-right: 6px solid transparent;
27502
+ border-top: 6px solid currentColor;
27503
+ bottom: -6px;
27504
+ }
27505
+
27506
+ .v-slider.v-input--vertical .v-slider-thumb {
27507
+ top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
27508
+ }
27509
+ .v-slider.v-input--vertical .v-slider-thumb__label-container {
27510
+ top: calc(var(--v-slider-thumb-size) / 2);
27511
+ right: 0;
27512
+ }
27513
+ .v-slider.v-input--vertical .v-slider-thumb__label {
27514
+ top: -12.5px;
27515
+ left: calc(var(--v-slider-thumb-size) / 2);
27516
+ }
27517
+ .v-slider.v-input--vertical .v-slider-thumb__label::before {
27518
+ border-right: 6px solid currentColor;
27519
+ border-top: 6px solid transparent;
27520
+ border-bottom: 6px solid transparent;
27521
+ left: -6px;
27522
+ }
27523
+
27524
+ .v-slider-thumb--focused .v-slider-thumb__surface::before {
27525
+ transform: scale(2);
27526
+ opacity: var(--v-focus-opacity);
27527
+ }
27528
+
27529
+ .v-slider-thumb--pressed {
27530
+ transition: none;
27531
+ }
27532
+ .v-slider-thumb--pressed .v-slider-thumb__surface::before {
27533
+ opacity: var(--v-pressed-opacity);
27534
+ }
27535
+
27536
+ @media (hover: hover) {
27537
+ .v-slider-thumb:hover .v-slider-thumb__surface::before {
27538
+ transform: scale(2);
27539
+ }
27540
+ .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
27541
+ opacity: var(--v-hover-opacity);
27542
+ }
27543
27543
  }