@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
package/dist/vuetify.css CHANGED
@@ -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
  */
@@ -17923,6 +17923,25 @@ html.overflow-y-hidden {
17923
17923
  .v-locale--is-ltr .float-print-start {
17924
17924
  float: left !important;
17925
17925
  }
17926
+ }.v-code {
17927
+ background-color: rgb(var(--v-theme-code));
17928
+ color: rgb(var(--v-theme-on-code));
17929
+ border-radius: 4px;
17930
+ line-height: 1.8;
17931
+ font-size: 0.9em;
17932
+ font-weight: normal;
17933
+ padding: 0.2em 0.4em;
17934
+ }.v-kbd {
17935
+ background: rgb(var(--v-theme-kbd));
17936
+ color: rgb(var(--v-theme-on-kbd));
17937
+ border-radius: 3px;
17938
+ display: inline;
17939
+ font-size: 85%;
17940
+ font-weight: normal;
17941
+ padding: 0.2em 0.4rem;
17942
+ }
17943
+ .v-kbd {
17944
+ 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));
17926
17945
  }.v-ripple__container {
17927
17946
  color: inherit;
17928
17947
  border-radius: inherit;
@@ -17959,25 +17978,22 @@ html.overflow-y-hidden {
17959
17978
  .v-ripple__animation--out {
17960
17979
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
17961
17980
  opacity: 0;
17962
- }.v-code {
17963
- background-color: rgb(var(--v-theme-code));
17964
- color: rgb(var(--v-theme-on-code));
17965
- border-radius: 4px;
17966
- line-height: 1.8;
17967
- font-size: 0.9em;
17968
- font-weight: normal;
17969
- padding: 0.2em 0.4em;
17970
- }.v-kbd {
17971
- background: rgb(var(--v-theme-kbd));
17972
- color: rgb(var(--v-theme-on-kbd));
17973
- border-radius: 3px;
17974
- display: inline;
17975
- font-size: 85%;
17976
- font-weight: normal;
17977
- padding: 0.2em 0.4rem;
17981
+ }.v-application {
17982
+ display: flex;
17983
+ background: rgb(var(--v-theme-background));
17984
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
17978
17985
  }
17979
- .v-kbd {
17980
- 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));
17986
+
17987
+ .v-application__wrap {
17988
+ -webkit-backface-visibility: hidden;
17989
+ backface-visibility: hidden;
17990
+ display: flex;
17991
+ flex-direction: column;
17992
+ flex: 1 1 auto;
17993
+ max-width: 100%;
17994
+ min-height: 100vh;
17995
+ min-height: 100dvh;
17996
+ position: relative;
17981
17997
  }.v-app-bar {
17982
17998
  display: flex;
17983
17999
  }
@@ -18470,6 +18486,69 @@ html.overflow-y-hidden {
18470
18486
  display: inline-flex;
18471
18487
  justify-content: center;
18472
18488
  margin: 0 4px;
18489
+ }.v-bottom-navigation {
18490
+ display: flex;
18491
+ max-width: 100%;
18492
+ overflow: hidden;
18493
+ position: absolute;
18494
+ transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
18495
+ }
18496
+ .v-bottom-navigation {
18497
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18498
+ border-style: solid;
18499
+ border-width: 0;
18500
+ }
18501
+ .v-bottom-navigation--border {
18502
+ border-width: thin;
18503
+ box-shadow: none;
18504
+ }
18505
+ .v-bottom-navigation {
18506
+ border-radius: 0;
18507
+ }
18508
+ .v-bottom-navigation {
18509
+ background: rgb(var(--v-theme-surface));
18510
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18511
+ }
18512
+ .v-bottom-navigation--active {
18513
+ box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18514
+ }
18515
+
18516
+ .v-bottom-navigation__content {
18517
+ display: flex;
18518
+ flex: none;
18519
+ font-size: 0.75rem;
18520
+ justify-content: center;
18521
+ transition: inherit;
18522
+ width: 100%;
18523
+ }
18524
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18525
+ font-size: inherit;
18526
+ height: 100%;
18527
+ max-width: 168px;
18528
+ min-width: 80px;
18529
+ text-transform: none;
18530
+ transition: inherit;
18531
+ width: auto;
18532
+ }
18533
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18534
+ border-radius: 0;
18535
+ }
18536
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
18537
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18538
+ transition: inherit;
18539
+ }
18540
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18541
+ font-size: 1.5rem;
18542
+ }
18543
+ .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
18544
+ flex-grow: 1;
18545
+ }
18546
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
18547
+ transition: inherit;
18548
+ opacity: 0;
18549
+ }
18550
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18551
+ transform: translateY(0.5rem);
18473
18552
  }.v-banner {
18474
18553
  display: grid;
18475
18554
  flex: 1 1;
@@ -18636,85 +18715,6 @@ html.overflow-y-hidden {
18636
18715
  }
18637
18716
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
18638
18717
  align-self: flex-start;
18639
- }.v-application {
18640
- display: flex;
18641
- background: rgb(var(--v-theme-background));
18642
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
18643
- }
18644
-
18645
- .v-application__wrap {
18646
- -webkit-backface-visibility: hidden;
18647
- backface-visibility: hidden;
18648
- display: flex;
18649
- flex-direction: column;
18650
- flex: 1 1 auto;
18651
- max-width: 100%;
18652
- min-height: 100vh;
18653
- min-height: 100dvh;
18654
- position: relative;
18655
- }.v-bottom-navigation {
18656
- display: flex;
18657
- max-width: 100%;
18658
- overflow: hidden;
18659
- position: absolute;
18660
- transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
18661
- }
18662
- .v-bottom-navigation {
18663
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18664
- border-style: solid;
18665
- border-width: 0;
18666
- }
18667
- .v-bottom-navigation--border {
18668
- border-width: thin;
18669
- box-shadow: none;
18670
- }
18671
- .v-bottom-navigation {
18672
- border-radius: 0;
18673
- }
18674
- .v-bottom-navigation {
18675
- background: rgb(var(--v-theme-surface));
18676
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18677
- }
18678
- .v-bottom-navigation--active {
18679
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18680
- }
18681
-
18682
- .v-bottom-navigation__content {
18683
- display: flex;
18684
- flex: none;
18685
- font-size: 0.75rem;
18686
- justify-content: center;
18687
- transition: inherit;
18688
- width: 100%;
18689
- }
18690
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18691
- font-size: inherit;
18692
- height: 100%;
18693
- max-width: 168px;
18694
- min-width: 80px;
18695
- text-transform: none;
18696
- transition: inherit;
18697
- width: auto;
18698
- }
18699
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18700
- border-radius: 0;
18701
- }
18702
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
18703
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18704
- transition: inherit;
18705
- }
18706
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18707
- font-size: 1.5rem;
18708
- }
18709
- .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
18710
- flex-grow: 1;
18711
- }
18712
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
18713
- transition: inherit;
18714
- opacity: 0;
18715
- }
18716
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18717
- transform: translateY(0.5rem);
18718
18718
  }.bottom-sheet-transition-enter-from {
18719
18719
  transform: translateY(100%);
18720
18720
  }
@@ -19230,6 +19230,19 @@ html.overflow-y-hidden {
19230
19230
  }
19231
19231
  .v-pagination__item--is-active .v-btn__overlay {
19232
19232
  opacity: var(--v-border-opacity);
19233
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
19234
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19235
+ }
19236
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
19237
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19238
+ }
19239
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
19240
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19241
+ }
19242
+ @supports not selector(:focus-visible) {
19243
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
19244
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19245
+ }
19233
19246
  }.v-btn-group {
19234
19247
  display: inline-flex;
19235
19248
  flex-wrap: nowrap;
@@ -19294,19 +19307,6 @@ html.overflow-y-hidden {
19294
19307
  }
19295
19308
  .v-btn-group--tile {
19296
19309
  border-radius: 0;
19297
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
19298
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19299
- }
19300
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
19301
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19302
- }
19303
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
19304
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19305
- }
19306
- @supports not selector(:focus-visible) {
19307
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
19308
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19309
- }
19310
19310
  }.v-card {
19311
19311
  display: block;
19312
19312
  overflow: hidden;
@@ -20451,24 +20451,84 @@ html.overflow-y-hidden {
20451
20451
  }
20452
20452
  .v-data-table-footer__page {
20453
20453
  padding: 0 8px;
20454
- }.v-date-picker {
20454
+ }.v-date-picker-header {
20455
+ align-items: flex-end;
20456
+ height: 70px;
20457
+ display: grid;
20458
+ grid-template-areas: "prepend content append";
20459
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
20455
20460
  overflow: hidden;
20456
- width: 328px;
20461
+ padding-inline: 24px 12px;
20462
+ padding-bottom: 12px;
20457
20463
  }
20458
- .v-date-picker--show-week {
20459
- width: 368px;
20460
- }.v-date-picker-controls {
20461
- display: flex;
20464
+
20465
+ .v-date-picker-header__append {
20466
+ grid-area: append;
20467
+ }
20468
+
20469
+ .v-date-picker-header__prepend {
20470
+ grid-area: prepend;
20471
+ padding-inline-start: 8px;
20472
+ }
20473
+
20474
+ .v-date-picker-header__content {
20462
20475
  align-items: center;
20476
+ display: inline-flex;
20477
+ font-size: 32px;
20478
+ line-height: 40px;
20479
+ grid-area: content;
20463
20480
  justify-content: space-between;
20464
- font-size: 0.875rem;
20465
- padding-top: 4px;
20466
- padding-bottom: 4px;
20467
- padding-inline-start: 6px;
20468
- padding-inline-end: 12px;
20469
20481
  }
20470
- .v-date-picker-controls > .v-btn:first-child {
20471
- text-transform: none;
20482
+ .v-date-picker-header--clickable .v-date-picker-header__content {
20483
+ cursor: pointer;
20484
+ }
20485
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20486
+ opacity: 0.7;
20487
+ }
20488
+
20489
+ .date-picker-header-transition-enter-active,
20490
+ .date-picker-header-reverse-transition-enter-active {
20491
+ transition-duration: 0.3s;
20492
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20493
+ }
20494
+ .date-picker-header-transition-leave-active,
20495
+ .date-picker-header-reverse-transition-leave-active {
20496
+ transition-duration: 0.3s;
20497
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20498
+ }
20499
+
20500
+ .date-picker-header-transition-enter-from {
20501
+ transform: translate(0, 100%);
20502
+ }
20503
+ .date-picker-header-transition-leave-to {
20504
+ opacity: 0;
20505
+ transform: translate(0, -100%);
20506
+ }
20507
+
20508
+ .date-picker-header-reverse-transition-enter-from {
20509
+ transform: translate(0, -100%);
20510
+ }
20511
+ .date-picker-header-reverse-transition-leave-to {
20512
+ opacity: 0;
20513
+ transform: translate(0, 100%);
20514
+ }.v-date-picker {
20515
+ overflow: hidden;
20516
+ width: 328px;
20517
+ }
20518
+ .v-date-picker--show-week {
20519
+ width: 368px;
20520
+ }.v-date-picker-controls {
20521
+ display: flex;
20522
+ align-items: center;
20523
+ justify-content: space-between;
20524
+ font-size: 0.875rem;
20525
+ padding-top: 4px;
20526
+ padding-bottom: 4px;
20527
+ padding-inline-start: 6px;
20528
+ padding-inline-end: 12px;
20529
+ }
20530
+ .v-date-picker-controls > .v-btn:first-child {
20531
+ text-transform: none;
20472
20532
  font-weight: 400;
20473
20533
  line-height: initial;
20474
20534
  letter-spacing: initial;
@@ -20568,81 +20628,6 @@ html.overflow-y-hidden {
20568
20628
 
20569
20629
  .v-date-picker-month__day--hide-adjacent {
20570
20630
  opacity: 0;
20571
- }.v-date-picker-header {
20572
- align-items: flex-end;
20573
- height: 70px;
20574
- display: grid;
20575
- grid-template-areas: "prepend content append";
20576
- grid-template-columns: min-content minmax(0, 1fr) min-content;
20577
- overflow: hidden;
20578
- padding-inline: 24px 12px;
20579
- padding-bottom: 12px;
20580
- }
20581
-
20582
- .v-date-picker-header__append {
20583
- grid-area: append;
20584
- }
20585
-
20586
- .v-date-picker-header__prepend {
20587
- grid-area: prepend;
20588
- padding-inline-start: 8px;
20589
- }
20590
-
20591
- .v-date-picker-header__content {
20592
- align-items: center;
20593
- display: inline-flex;
20594
- font-size: 32px;
20595
- line-height: 40px;
20596
- grid-area: content;
20597
- justify-content: space-between;
20598
- }
20599
- .v-date-picker-header--clickable .v-date-picker-header__content {
20600
- cursor: pointer;
20601
- }
20602
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20603
- opacity: 0.7;
20604
- }
20605
-
20606
- .date-picker-header-transition-enter-active,
20607
- .date-picker-header-reverse-transition-enter-active {
20608
- transition-duration: 0.3s;
20609
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20610
- }
20611
- .date-picker-header-transition-leave-active,
20612
- .date-picker-header-reverse-transition-leave-active {
20613
- transition-duration: 0.3s;
20614
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20615
- }
20616
-
20617
- .date-picker-header-transition-enter-from {
20618
- transform: translate(0, 100%);
20619
- }
20620
- .date-picker-header-transition-leave-to {
20621
- opacity: 0;
20622
- transform: translate(0, -100%);
20623
- }
20624
-
20625
- .date-picker-header-reverse-transition-enter-from {
20626
- transform: translate(0, -100%);
20627
- }
20628
- .date-picker-header-reverse-transition-leave-to {
20629
- opacity: 0;
20630
- transform: translate(0, 100%);
20631
- }.v-date-picker-years {
20632
- height: 288px;
20633
- overflow-y: scroll;
20634
- }
20635
-
20636
- .v-date-picker-years__content {
20637
- display: grid;
20638
- flex: 1 1;
20639
- justify-content: space-around;
20640
- grid-template-columns: repeat(3, 1fr);
20641
- gap: 8px 24px;
20642
- padding-inline: 32px;
20643
- }
20644
- .v-date-picker-years__content .v-btn {
20645
- padding-inline: 8px;
20646
20631
  }.v-date-picker-months {
20647
20632
  height: 288px;
20648
20633
  }
@@ -20662,951 +20647,294 @@ html.overflow-y-hidden {
20662
20647
  text-transform: none;
20663
20648
  padding-inline-start: 8px;
20664
20649
  padding-inline-end: 8px;
20665
- }.v-container {
20666
- width: 100%;
20667
- padding: 16px;
20668
- margin-right: auto;
20669
- margin-left: auto;
20650
+ }.v-date-picker-years {
20651
+ height: 288px;
20652
+ overflow-y: scroll;
20670
20653
  }
20671
- @media (min-width: 960px) {
20672
- .v-container {
20673
- max-width: 900px;
20674
- }
20654
+
20655
+ .v-date-picker-years__content {
20656
+ display: grid;
20657
+ flex: 1 1;
20658
+ justify-content: space-around;
20659
+ grid-template-columns: repeat(3, 1fr);
20660
+ gap: 8px 24px;
20661
+ padding-inline: 32px;
20675
20662
  }
20676
- @media (min-width: 1280px) {
20677
- .v-container {
20678
- max-width: 1200px;
20679
- }
20663
+ .v-date-picker-years__content .v-btn {
20664
+ padding-inline: 8px;
20665
+ }.v-dialog {
20666
+ align-items: center;
20667
+ justify-content: center;
20668
+ margin: auto;
20680
20669
  }
20681
- @media (min-width: 1920px) {
20682
- .v-container {
20683
- max-width: 1800px;
20684
- }
20670
+ .v-dialog > .v-overlay__content {
20671
+ max-height: calc(100% - 48px);
20672
+ width: calc(100% - 48px);
20673
+ max-width: calc(100% - 48px);
20674
+ margin: 24px;
20685
20675
  }
20686
- @media (min-width: 2560px) {
20687
- .v-container {
20688
- max-width: 2400px;
20689
- }
20676
+ .v-dialog > .v-overlay__content,
20677
+ .v-dialog > .v-overlay__content > form {
20678
+ display: flex;
20679
+ flex-direction: column;
20680
+ min-height: 0;
20690
20681
  }
20691
- .v-container--fluid {
20692
- max-width: 100%;
20682
+ .v-dialog > .v-overlay__content > .v-card,
20683
+ .v-dialog > .v-overlay__content > .v-sheet,
20684
+ .v-dialog > .v-overlay__content > form > .v-card,
20685
+ .v-dialog > .v-overlay__content > form > .v-sheet {
20686
+ --v-scrollbar-offset: 0px;
20687
+ border-radius: 4px;
20688
+ overflow-y: auto;
20693
20689
  }
20694
- .v-container.fill-height {
20695
- align-items: center;
20696
- display: flex;
20697
- flex-wrap: wrap;
20690
+ .v-dialog > .v-overlay__content > .v-card,
20691
+ .v-dialog > .v-overlay__content > .v-sheet,
20692
+ .v-dialog > .v-overlay__content > form > .v-card,
20693
+ .v-dialog > .v-overlay__content > form > .v-sheet {
20694
+ 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));
20698
20695
  }
20699
-
20700
- .v-row {
20696
+ .v-dialog > .v-overlay__content > .v-card,
20697
+ .v-dialog > .v-overlay__content > form > .v-card {
20701
20698
  display: flex;
20702
- flex-wrap: wrap;
20703
- flex: 1 1 auto;
20704
- margin: -12px;
20699
+ flex-direction: column;
20705
20700
  }
20706
- .v-row + .v-row {
20707
- margin-top: 12px;
20701
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item,
20702
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
20703
+ padding: 16px 24px;
20708
20704
  }
20709
- .v-row + .v-row--dense {
20710
- margin-top: 4px;
20705
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
20706
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
20707
+ padding-top: 0;
20711
20708
  }
20712
- .v-row--dense {
20713
- margin: -4px;
20709
+ .v-dialog > .v-overlay__content > .v-card > .v-card-text,
20710
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
20711
+ font-size: inherit;
20712
+ letter-spacing: 0.03125em;
20713
+ line-height: inherit;
20714
+ padding: 16px 24px 24px;
20714
20715
  }
20715
- .v-row--dense > .v-col,
20716
- .v-row--dense > [class*=v-col-] {
20717
- padding: 4px;
20716
+ .v-dialog > .v-overlay__content > .v-card > .v-card-actions,
20717
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-actions {
20718
+ justify-content: flex-end;
20718
20719
  }
20719
- .v-row.v-row--no-gutters {
20720
- margin: 0;
20720
+
20721
+ .v-dialog--fullscreen {
20722
+ --v-scrollbar-offset: 0px;
20721
20723
  }
20722
- .v-row.v-row--no-gutters > .v-col,
20723
- .v-row.v-row--no-gutters > [class*=v-col-] {
20724
+ .v-dialog--fullscreen > .v-overlay__content {
20725
+ border-radius: 0;
20726
+ margin: 0;
20724
20727
  padding: 0;
20728
+ width: 100%;
20729
+ height: 100%;
20730
+ max-width: 100%;
20731
+ max-height: 100%;
20732
+ overflow-y: auto;
20733
+ top: 0;
20734
+ left: 0;
20725
20735
  }
20726
-
20727
- .v-spacer {
20728
- flex-grow: 1;
20736
+ .v-dialog--fullscreen > .v-overlay__content > .v-card,
20737
+ .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
20738
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
20739
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
20740
+ min-height: 100%;
20741
+ min-width: 100%;
20742
+ border-radius: 0;
20729
20743
  }
20730
20744
 
20731
- .v-col-xxl,
20732
- .v-col-xxl-auto, .v-col-xxl-12, .v-col-xxl-11, .v-col-xxl-10, .v-col-xxl-9, .v-col-xxl-8, .v-col-xxl-7, .v-col-xxl-6, .v-col-xxl-5, .v-col-xxl-4, .v-col-xxl-3, .v-col-xxl-2, .v-col-xxl-1, .v-col-xl,
20733
- .v-col-xl-auto, .v-col-xl-12, .v-col-xl-11, .v-col-xl-10, .v-col-xl-9, .v-col-xl-8, .v-col-xl-7, .v-col-xl-6, .v-col-xl-5, .v-col-xl-4, .v-col-xl-3, .v-col-xl-2, .v-col-xl-1, .v-col-lg,
20734
- .v-col-lg-auto, .v-col-lg-12, .v-col-lg-11, .v-col-lg-10, .v-col-lg-9, .v-col-lg-8, .v-col-lg-7, .v-col-lg-6, .v-col-lg-5, .v-col-lg-4, .v-col-lg-3, .v-col-lg-2, .v-col-lg-1, .v-col-md,
20735
- .v-col-md-auto, .v-col-md-12, .v-col-md-11, .v-col-md-10, .v-col-md-9, .v-col-md-8, .v-col-md-7, .v-col-md-6, .v-col-md-5, .v-col-md-4, .v-col-md-3, .v-col-md-2, .v-col-md-1, .v-col-sm,
20736
- .v-col-sm-auto, .v-col-sm-12, .v-col-sm-11, .v-col-sm-10, .v-col-sm-9, .v-col-sm-8, .v-col-sm-7, .v-col-sm-6, .v-col-sm-5, .v-col-sm-4, .v-col-sm-3, .v-col-sm-2, .v-col-sm-1, .v-col,
20737
- .v-col-auto, .v-col-12, .v-col-11, .v-col-10, .v-col-9, .v-col-8, .v-col-7, .v-col-6, .v-col-5, .v-col-4, .v-col-3, .v-col-2, .v-col-1 {
20738
- width: 100%;
20739
- padding: 12px;
20745
+ .v-dialog--scrollable > .v-overlay__content,
20746
+ .v-dialog--scrollable > .v-overlay__content > form {
20747
+ display: flex;
20740
20748
  }
20741
-
20742
- .v-col {
20743
- flex-basis: 0;
20744
- flex-grow: 1;
20749
+ .v-dialog--scrollable > .v-overlay__content > .v-card,
20750
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card {
20751
+ display: flex;
20752
+ flex: 1 1 100%;
20753
+ flex-direction: column;
20754
+ max-height: 100%;
20745
20755
  max-width: 100%;
20746
20756
  }
20747
-
20748
- .v-col-auto {
20749
- flex: 0 0 auto;
20750
- width: auto;
20751
- max-width: 100%;
20757
+ .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
20758
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
20759
+ -webkit-backface-visibility: hidden;
20760
+ backface-visibility: hidden;
20761
+ overflow-y: auto;
20762
+ }.v-divider {
20763
+ display: block;
20764
+ flex: 1 1 100%;
20765
+ height: 0px;
20766
+ max-height: 0px;
20767
+ opacity: var(--v-border-opacity);
20768
+ transition: inherit;
20752
20769
  }
20753
-
20754
- .v-col-1 {
20755
- flex: 0 0 8.3333333333%;
20756
- max-width: 8.3333333333%;
20770
+ .v-divider {
20771
+ border-style: solid;
20772
+ border-width: thin 0 0 0;
20757
20773
  }
20758
-
20759
- .v-col-2 {
20760
- flex: 0 0 16.6666666667%;
20761
- max-width: 16.6666666667%;
20774
+ .v-divider--vertical {
20775
+ align-self: stretch;
20776
+ border-width: 0 thin 0 0;
20777
+ display: inline-flex;
20778
+ height: auto;
20779
+ margin-left: -1px;
20780
+ max-height: 100%;
20781
+ max-width: 0px;
20782
+ vertical-align: text-bottom;
20783
+ width: 0px;
20762
20784
  }
20763
-
20764
- .v-col-3 {
20765
- flex: 0 0 25%;
20766
- max-width: 25%;
20785
+ .v-divider--inset:not(.v-divider--vertical) {
20786
+ max-width: calc(100% - 72px);
20787
+ margin-inline-start: 72px;
20767
20788
  }
20768
-
20769
- .v-col-4 {
20770
- flex: 0 0 33.3333333333%;
20771
- max-width: 33.3333333333%;
20789
+ .v-divider--inset.v-divider--vertical {
20790
+ margin-bottom: 8px;
20791
+ margin-top: 8px;
20792
+ max-height: calc(100% - 16px);
20772
20793
  }
20773
20794
 
20774
- .v-col-5 {
20775
- flex: 0 0 41.6666666667%;
20776
- max-width: 41.6666666667%;
20795
+ .v-divider__content {
20796
+ padding: 0 16px;
20797
+ text-wrap: nowrap;
20777
20798
  }
20778
-
20779
- .v-col-6 {
20780
- flex: 0 0 50%;
20781
- max-width: 50%;
20799
+ .v-divider__wrapper--vertical .v-divider__content {
20800
+ padding: 4px 0;
20782
20801
  }
20783
20802
 
20784
- .v-col-7 {
20785
- flex: 0 0 58.3333333333%;
20786
- max-width: 58.3333333333%;
20803
+ .v-divider__wrapper {
20804
+ display: flex;
20805
+ align-items: center;
20806
+ justify-content: center;
20787
20807
  }
20788
-
20789
- .v-col-8 {
20790
- flex: 0 0 66.6666666667%;
20791
- max-width: 66.6666666667%;
20808
+ .v-divider__wrapper--vertical {
20809
+ flex-direction: column;
20810
+ height: 100%;
20792
20811
  }
20793
-
20794
- .v-col-9 {
20795
- flex: 0 0 75%;
20796
- max-width: 75%;
20812
+ .v-divider__wrapper--vertical .v-divider {
20813
+ margin: 0 auto;
20814
+ }.v-empty-state {
20815
+ align-items: center;
20816
+ display: flex;
20817
+ flex-direction: column;
20818
+ justify-content: center;
20819
+ min-height: 100%;
20820
+ padding: 16px;
20797
20821
  }
20798
-
20799
- .v-col-10 {
20800
- flex: 0 0 83.3333333333%;
20801
- max-width: 83.3333333333%;
20822
+ .v-empty-state--start {
20823
+ align-items: flex-start;
20802
20824
  }
20803
-
20804
- .v-col-11 {
20805
- flex: 0 0 91.6666666667%;
20806
- max-width: 91.6666666667%;
20825
+ .v-empty-state--center {
20826
+ align-items: center;
20807
20827
  }
20808
-
20809
- .v-col-12 {
20810
- flex: 0 0 100%;
20811
- max-width: 100%;
20828
+ .v-empty-state--end {
20829
+ align-items: flex-end;
20812
20830
  }
20813
20831
 
20814
- .offset-1 {
20815
- margin-inline-start: 8.3333333333%;
20832
+ .v-empty-state__media {
20833
+ text-align: center;
20834
+ width: 100%;
20816
20835
  }
20817
-
20818
- .offset-2 {
20819
- margin-inline-start: 16.6666666667%;
20836
+ .v-empty-state__media .v-icon {
20837
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20820
20838
  }
20821
20839
 
20822
- .offset-3 {
20823
- margin-inline-start: 25%;
20840
+ .v-empty-state__headline {
20841
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20842
+ font-size: 3.75rem;
20843
+ font-weight: 300;
20844
+ line-height: 1;
20845
+ text-align: center;
20846
+ margin-bottom: 8px;
20824
20847
  }
20825
-
20826
- .offset-4 {
20827
- margin-inline-start: 33.3333333333%;
20848
+ .v-empty-state--mobile .v-empty-state__headline {
20849
+ font-size: 2.125rem;
20828
20850
  }
20829
20851
 
20830
- .offset-5 {
20831
- margin-inline-start: 41.6666666667%;
20852
+ .v-empty-state__title {
20853
+ font-size: 1.25rem;
20854
+ font-weight: 500;
20855
+ line-height: 1.6;
20856
+ margin-bottom: 4px;
20857
+ text-align: center;
20832
20858
  }
20833
20859
 
20834
- .offset-6 {
20835
- margin-inline-start: 50%;
20860
+ .v-empty-state__text {
20861
+ font-size: 0.875rem;
20862
+ font-weight: 400;
20863
+ line-height: 1.425;
20864
+ padding: 0 16px;
20865
+ text-align: center;
20836
20866
  }
20837
20867
 
20838
- .offset-7 {
20839
- margin-inline-start: 58.3333333333%;
20868
+ .v-empty-state__content {
20869
+ padding: 24px 0;
20840
20870
  }
20841
20871
 
20842
- .offset-8 {
20843
- margin-inline-start: 66.6666666667%;
20872
+ .v-empty-state__actions {
20873
+ display: flex;
20874
+ gap: 8px;
20875
+ padding: 16px;
20844
20876
  }
20845
20877
 
20846
- .offset-9 {
20847
- margin-inline-start: 75%;
20878
+ .v-empty-state__action-btn.v-btn {
20879
+ background-color: initial;
20880
+ color: initial;
20881
+ }.v-expansion-panel {
20882
+ background-color: rgb(var(--v-theme-surface));
20883
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20848
20884
  }
20849
-
20850
- .offset-10 {
20851
- margin-inline-start: 83.3333333333%;
20885
+ .v-expansion-panel:not(:first-child)::after {
20886
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20887
+ }
20888
+ .v-expansion-panel--disabled .v-expansion-panel-title {
20889
+ color: rgba(var(--v-theme-on-surface), 0.26);
20890
+ }
20891
+ .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
20892
+ opacity: 0.4615384615;
20852
20893
  }
20853
20894
 
20854
- .offset-11 {
20855
- margin-inline-start: 91.6666666667%;
20856
- }
20857
-
20858
- @media (min-width: 600px) {
20859
- .v-col-sm {
20860
- flex-basis: 0;
20861
- flex-grow: 1;
20862
- max-width: 100%;
20863
- }
20864
- .v-col-sm-auto {
20865
- flex: 0 0 auto;
20866
- width: auto;
20867
- max-width: 100%;
20868
- }
20869
- .v-col-sm-1 {
20870
- flex: 0 0 8.3333333333%;
20871
- max-width: 8.3333333333%;
20872
- }
20873
- .v-col-sm-2 {
20874
- flex: 0 0 16.6666666667%;
20875
- max-width: 16.6666666667%;
20876
- }
20877
- .v-col-sm-3 {
20878
- flex: 0 0 25%;
20879
- max-width: 25%;
20880
- }
20881
- .v-col-sm-4 {
20882
- flex: 0 0 33.3333333333%;
20883
- max-width: 33.3333333333%;
20884
- }
20885
- .v-col-sm-5 {
20886
- flex: 0 0 41.6666666667%;
20887
- max-width: 41.6666666667%;
20888
- }
20889
- .v-col-sm-6 {
20890
- flex: 0 0 50%;
20891
- max-width: 50%;
20892
- }
20893
- .v-col-sm-7 {
20894
- flex: 0 0 58.3333333333%;
20895
- max-width: 58.3333333333%;
20896
- }
20897
- .v-col-sm-8 {
20898
- flex: 0 0 66.6666666667%;
20899
- max-width: 66.6666666667%;
20900
- }
20901
- .v-col-sm-9 {
20902
- flex: 0 0 75%;
20903
- max-width: 75%;
20904
- }
20905
- .v-col-sm-10 {
20906
- flex: 0 0 83.3333333333%;
20907
- max-width: 83.3333333333%;
20908
- }
20909
- .v-col-sm-11 {
20910
- flex: 0 0 91.6666666667%;
20911
- max-width: 91.6666666667%;
20912
- }
20913
- .v-col-sm-12 {
20914
- flex: 0 0 100%;
20915
- max-width: 100%;
20916
- }
20917
- .offset-sm-0 {
20918
- margin-inline-start: 0;
20919
- }
20920
- .offset-sm-1 {
20921
- margin-inline-start: 8.3333333333%;
20922
- }
20923
- .offset-sm-2 {
20924
- margin-inline-start: 16.6666666667%;
20925
- }
20926
- .offset-sm-3 {
20927
- margin-inline-start: 25%;
20928
- }
20929
- .offset-sm-4 {
20930
- margin-inline-start: 33.3333333333%;
20931
- }
20932
- .offset-sm-5 {
20933
- margin-inline-start: 41.6666666667%;
20934
- }
20935
- .offset-sm-6 {
20936
- margin-inline-start: 50%;
20937
- }
20938
- .offset-sm-7 {
20939
- margin-inline-start: 58.3333333333%;
20940
- }
20941
- .offset-sm-8 {
20942
- margin-inline-start: 66.6666666667%;
20943
- }
20944
- .offset-sm-9 {
20945
- margin-inline-start: 75%;
20946
- }
20947
- .offset-sm-10 {
20948
- margin-inline-start: 83.3333333333%;
20949
- }
20950
- .offset-sm-11 {
20951
- margin-inline-start: 91.6666666667%;
20952
- }
20953
- }
20954
- @media (min-width: 960px) {
20955
- .v-col-md {
20956
- flex-basis: 0;
20957
- flex-grow: 1;
20958
- max-width: 100%;
20959
- }
20960
- .v-col-md-auto {
20961
- flex: 0 0 auto;
20962
- width: auto;
20963
- max-width: 100%;
20964
- }
20965
- .v-col-md-1 {
20966
- flex: 0 0 8.3333333333%;
20967
- max-width: 8.3333333333%;
20968
- }
20969
- .v-col-md-2 {
20970
- flex: 0 0 16.6666666667%;
20971
- max-width: 16.6666666667%;
20972
- }
20973
- .v-col-md-3 {
20974
- flex: 0 0 25%;
20975
- max-width: 25%;
20976
- }
20977
- .v-col-md-4 {
20978
- flex: 0 0 33.3333333333%;
20979
- max-width: 33.3333333333%;
20980
- }
20981
- .v-col-md-5 {
20982
- flex: 0 0 41.6666666667%;
20983
- max-width: 41.6666666667%;
20984
- }
20985
- .v-col-md-6 {
20986
- flex: 0 0 50%;
20987
- max-width: 50%;
20988
- }
20989
- .v-col-md-7 {
20990
- flex: 0 0 58.3333333333%;
20991
- max-width: 58.3333333333%;
20992
- }
20993
- .v-col-md-8 {
20994
- flex: 0 0 66.6666666667%;
20995
- max-width: 66.6666666667%;
20996
- }
20997
- .v-col-md-9 {
20998
- flex: 0 0 75%;
20999
- max-width: 75%;
21000
- }
21001
- .v-col-md-10 {
21002
- flex: 0 0 83.3333333333%;
21003
- max-width: 83.3333333333%;
21004
- }
21005
- .v-col-md-11 {
21006
- flex: 0 0 91.6666666667%;
21007
- max-width: 91.6666666667%;
21008
- }
21009
- .v-col-md-12 {
21010
- flex: 0 0 100%;
21011
- max-width: 100%;
21012
- }
21013
- .offset-md-0 {
21014
- margin-inline-start: 0;
21015
- }
21016
- .offset-md-1 {
21017
- margin-inline-start: 8.3333333333%;
21018
- }
21019
- .offset-md-2 {
21020
- margin-inline-start: 16.6666666667%;
21021
- }
21022
- .offset-md-3 {
21023
- margin-inline-start: 25%;
21024
- }
21025
- .offset-md-4 {
21026
- margin-inline-start: 33.3333333333%;
21027
- }
21028
- .offset-md-5 {
21029
- margin-inline-start: 41.6666666667%;
21030
- }
21031
- .offset-md-6 {
21032
- margin-inline-start: 50%;
21033
- }
21034
- .offset-md-7 {
21035
- margin-inline-start: 58.3333333333%;
21036
- }
21037
- .offset-md-8 {
21038
- margin-inline-start: 66.6666666667%;
21039
- }
21040
- .offset-md-9 {
21041
- margin-inline-start: 75%;
21042
- }
21043
- .offset-md-10 {
21044
- margin-inline-start: 83.3333333333%;
21045
- }
21046
- .offset-md-11 {
21047
- margin-inline-start: 91.6666666667%;
21048
- }
21049
- }
21050
- @media (min-width: 1280px) {
21051
- .v-col-lg {
21052
- flex-basis: 0;
21053
- flex-grow: 1;
21054
- max-width: 100%;
21055
- }
21056
- .v-col-lg-auto {
21057
- flex: 0 0 auto;
21058
- width: auto;
21059
- max-width: 100%;
21060
- }
21061
- .v-col-lg-1 {
21062
- flex: 0 0 8.3333333333%;
21063
- max-width: 8.3333333333%;
21064
- }
21065
- .v-col-lg-2 {
21066
- flex: 0 0 16.6666666667%;
21067
- max-width: 16.6666666667%;
21068
- }
21069
- .v-col-lg-3 {
21070
- flex: 0 0 25%;
21071
- max-width: 25%;
21072
- }
21073
- .v-col-lg-4 {
21074
- flex: 0 0 33.3333333333%;
21075
- max-width: 33.3333333333%;
21076
- }
21077
- .v-col-lg-5 {
21078
- flex: 0 0 41.6666666667%;
21079
- max-width: 41.6666666667%;
21080
- }
21081
- .v-col-lg-6 {
21082
- flex: 0 0 50%;
21083
- max-width: 50%;
21084
- }
21085
- .v-col-lg-7 {
21086
- flex: 0 0 58.3333333333%;
21087
- max-width: 58.3333333333%;
21088
- }
21089
- .v-col-lg-8 {
21090
- flex: 0 0 66.6666666667%;
21091
- max-width: 66.6666666667%;
21092
- }
21093
- .v-col-lg-9 {
21094
- flex: 0 0 75%;
21095
- max-width: 75%;
21096
- }
21097
- .v-col-lg-10 {
21098
- flex: 0 0 83.3333333333%;
21099
- max-width: 83.3333333333%;
21100
- }
21101
- .v-col-lg-11 {
21102
- flex: 0 0 91.6666666667%;
21103
- max-width: 91.6666666667%;
21104
- }
21105
- .v-col-lg-12 {
21106
- flex: 0 0 100%;
21107
- max-width: 100%;
21108
- }
21109
- .offset-lg-0 {
21110
- margin-inline-start: 0;
21111
- }
21112
- .offset-lg-1 {
21113
- margin-inline-start: 8.3333333333%;
21114
- }
21115
- .offset-lg-2 {
21116
- margin-inline-start: 16.6666666667%;
21117
- }
21118
- .offset-lg-3 {
21119
- margin-inline-start: 25%;
21120
- }
21121
- .offset-lg-4 {
21122
- margin-inline-start: 33.3333333333%;
21123
- }
21124
- .offset-lg-5 {
21125
- margin-inline-start: 41.6666666667%;
21126
- }
21127
- .offset-lg-6 {
21128
- margin-inline-start: 50%;
21129
- }
21130
- .offset-lg-7 {
21131
- margin-inline-start: 58.3333333333%;
21132
- }
21133
- .offset-lg-8 {
21134
- margin-inline-start: 66.6666666667%;
21135
- }
21136
- .offset-lg-9 {
21137
- margin-inline-start: 75%;
21138
- }
21139
- .offset-lg-10 {
21140
- margin-inline-start: 83.3333333333%;
21141
- }
21142
- .offset-lg-11 {
21143
- margin-inline-start: 91.6666666667%;
21144
- }
21145
- }
21146
- @media (min-width: 1920px) {
21147
- .v-col-xl {
21148
- flex-basis: 0;
21149
- flex-grow: 1;
21150
- max-width: 100%;
21151
- }
21152
- .v-col-xl-auto {
21153
- flex: 0 0 auto;
21154
- width: auto;
21155
- max-width: 100%;
21156
- }
21157
- .v-col-xl-1 {
21158
- flex: 0 0 8.3333333333%;
21159
- max-width: 8.3333333333%;
21160
- }
21161
- .v-col-xl-2 {
21162
- flex: 0 0 16.6666666667%;
21163
- max-width: 16.6666666667%;
21164
- }
21165
- .v-col-xl-3 {
21166
- flex: 0 0 25%;
21167
- max-width: 25%;
21168
- }
21169
- .v-col-xl-4 {
21170
- flex: 0 0 33.3333333333%;
21171
- max-width: 33.3333333333%;
21172
- }
21173
- .v-col-xl-5 {
21174
- flex: 0 0 41.6666666667%;
21175
- max-width: 41.6666666667%;
21176
- }
21177
- .v-col-xl-6 {
21178
- flex: 0 0 50%;
21179
- max-width: 50%;
21180
- }
21181
- .v-col-xl-7 {
21182
- flex: 0 0 58.3333333333%;
21183
- max-width: 58.3333333333%;
21184
- }
21185
- .v-col-xl-8 {
21186
- flex: 0 0 66.6666666667%;
21187
- max-width: 66.6666666667%;
21188
- }
21189
- .v-col-xl-9 {
21190
- flex: 0 0 75%;
21191
- max-width: 75%;
21192
- }
21193
- .v-col-xl-10 {
21194
- flex: 0 0 83.3333333333%;
21195
- max-width: 83.3333333333%;
21196
- }
21197
- .v-col-xl-11 {
21198
- flex: 0 0 91.6666666667%;
21199
- max-width: 91.6666666667%;
21200
- }
21201
- .v-col-xl-12 {
21202
- flex: 0 0 100%;
21203
- max-width: 100%;
21204
- }
21205
- .offset-xl-0 {
21206
- margin-inline-start: 0;
21207
- }
21208
- .offset-xl-1 {
21209
- margin-inline-start: 8.3333333333%;
21210
- }
21211
- .offset-xl-2 {
21212
- margin-inline-start: 16.6666666667%;
21213
- }
21214
- .offset-xl-3 {
21215
- margin-inline-start: 25%;
21216
- }
21217
- .offset-xl-4 {
21218
- margin-inline-start: 33.3333333333%;
21219
- }
21220
- .offset-xl-5 {
21221
- margin-inline-start: 41.6666666667%;
21222
- }
21223
- .offset-xl-6 {
21224
- margin-inline-start: 50%;
21225
- }
21226
- .offset-xl-7 {
21227
- margin-inline-start: 58.3333333333%;
21228
- }
21229
- .offset-xl-8 {
21230
- margin-inline-start: 66.6666666667%;
21231
- }
21232
- .offset-xl-9 {
21233
- margin-inline-start: 75%;
21234
- }
21235
- .offset-xl-10 {
21236
- margin-inline-start: 83.3333333333%;
21237
- }
21238
- .offset-xl-11 {
21239
- margin-inline-start: 91.6666666667%;
21240
- }
21241
- }
21242
- @media (min-width: 2560px) {
21243
- .v-col-xxl {
21244
- flex-basis: 0;
21245
- flex-grow: 1;
21246
- max-width: 100%;
21247
- }
21248
- .v-col-xxl-auto {
21249
- flex: 0 0 auto;
21250
- width: auto;
21251
- max-width: 100%;
21252
- }
21253
- .v-col-xxl-1 {
21254
- flex: 0 0 8.3333333333%;
21255
- max-width: 8.3333333333%;
21256
- }
21257
- .v-col-xxl-2 {
21258
- flex: 0 0 16.6666666667%;
21259
- max-width: 16.6666666667%;
21260
- }
21261
- .v-col-xxl-3 {
21262
- flex: 0 0 25%;
21263
- max-width: 25%;
21264
- }
21265
- .v-col-xxl-4 {
21266
- flex: 0 0 33.3333333333%;
21267
- max-width: 33.3333333333%;
21268
- }
21269
- .v-col-xxl-5 {
21270
- flex: 0 0 41.6666666667%;
21271
- max-width: 41.6666666667%;
21272
- }
21273
- .v-col-xxl-6 {
21274
- flex: 0 0 50%;
21275
- max-width: 50%;
21276
- }
21277
- .v-col-xxl-7 {
21278
- flex: 0 0 58.3333333333%;
21279
- max-width: 58.3333333333%;
21280
- }
21281
- .v-col-xxl-8 {
21282
- flex: 0 0 66.6666666667%;
21283
- max-width: 66.6666666667%;
21284
- }
21285
- .v-col-xxl-9 {
21286
- flex: 0 0 75%;
21287
- max-width: 75%;
21288
- }
21289
- .v-col-xxl-10 {
21290
- flex: 0 0 83.3333333333%;
21291
- max-width: 83.3333333333%;
21292
- }
21293
- .v-col-xxl-11 {
21294
- flex: 0 0 91.6666666667%;
21295
- max-width: 91.6666666667%;
21296
- }
21297
- .v-col-xxl-12 {
21298
- flex: 0 0 100%;
21299
- max-width: 100%;
21300
- }
21301
- .offset-xxl-0 {
21302
- margin-inline-start: 0;
21303
- }
21304
- .offset-xxl-1 {
21305
- margin-inline-start: 8.3333333333%;
21306
- }
21307
- .offset-xxl-2 {
21308
- margin-inline-start: 16.6666666667%;
21309
- }
21310
- .offset-xxl-3 {
21311
- margin-inline-start: 25%;
21312
- }
21313
- .offset-xxl-4 {
21314
- margin-inline-start: 33.3333333333%;
21315
- }
21316
- .offset-xxl-5 {
21317
- margin-inline-start: 41.6666666667%;
21318
- }
21319
- .offset-xxl-6 {
21320
- margin-inline-start: 50%;
21321
- }
21322
- .offset-xxl-7 {
21323
- margin-inline-start: 58.3333333333%;
21324
- }
21325
- .offset-xxl-8 {
21326
- margin-inline-start: 66.6666666667%;
21327
- }
21328
- .offset-xxl-9 {
21329
- margin-inline-start: 75%;
21330
- }
21331
- .offset-xxl-10 {
21332
- margin-inline-start: 83.3333333333%;
21333
- }
21334
- .offset-xxl-11 {
21335
- margin-inline-start: 91.6666666667%;
21336
- }
21337
- }.v-dialog {
21338
- align-items: center;
21339
- justify-content: center;
21340
- margin: auto;
21341
- }
21342
- .v-dialog > .v-overlay__content {
21343
- max-height: calc(100% - 48px);
21344
- width: calc(100% - 48px);
21345
- max-width: calc(100% - 48px);
21346
- margin: 24px;
21347
- }
21348
- .v-dialog > .v-overlay__content,
21349
- .v-dialog > .v-overlay__content > form {
21350
- display: flex;
21351
- flex-direction: column;
21352
- min-height: 0;
21353
- }
21354
- .v-dialog > .v-overlay__content > .v-card,
21355
- .v-dialog > .v-overlay__content > .v-sheet,
21356
- .v-dialog > .v-overlay__content > form > .v-card,
21357
- .v-dialog > .v-overlay__content > form > .v-sheet {
21358
- --v-scrollbar-offset: 0px;
21359
- border-radius: 4px;
21360
- overflow-y: auto;
21361
- }
21362
- .v-dialog > .v-overlay__content > .v-card,
21363
- .v-dialog > .v-overlay__content > .v-sheet,
21364
- .v-dialog > .v-overlay__content > form > .v-card,
21365
- .v-dialog > .v-overlay__content > form > .v-sheet {
21366
- 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));
21367
- }
21368
- .v-dialog > .v-overlay__content > .v-card,
21369
- .v-dialog > .v-overlay__content > form > .v-card {
21370
- display: flex;
21371
- flex-direction: column;
21372
- }
21373
- .v-dialog > .v-overlay__content > .v-card > .v-card-item,
21374
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
21375
- padding: 16px 24px;
21376
- }
21377
- .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
21378
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
21379
- padding-top: 0;
21380
- }
21381
- .v-dialog > .v-overlay__content > .v-card > .v-card-text,
21382
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
21383
- font-size: inherit;
21384
- letter-spacing: 0.03125em;
21385
- line-height: inherit;
21386
- padding: 16px 24px 24px;
21387
- }
21388
- .v-dialog > .v-overlay__content > .v-card > .v-card-actions,
21389
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-actions {
21390
- justify-content: flex-end;
21391
- }
21392
-
21393
- .v-dialog--fullscreen {
21394
- --v-scrollbar-offset: 0px;
21395
- }
21396
- .v-dialog--fullscreen > .v-overlay__content {
21397
- border-radius: 0;
21398
- margin: 0;
21399
- padding: 0;
21400
- width: 100%;
21401
- height: 100%;
21402
- max-width: 100%;
21403
- max-height: 100%;
21404
- overflow-y: auto;
21405
- top: 0;
21406
- left: 0;
21407
- }
21408
- .v-dialog--fullscreen > .v-overlay__content > .v-card,
21409
- .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
21410
- .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
21411
- .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
21412
- min-height: 100%;
21413
- min-width: 100%;
21414
- border-radius: 0;
21415
- }
21416
-
21417
- .v-dialog--scrollable > .v-overlay__content,
21418
- .v-dialog--scrollable > .v-overlay__content > form {
21419
- display: flex;
21420
- }
21421
- .v-dialog--scrollable > .v-overlay__content > .v-card,
21422
- .v-dialog--scrollable > .v-overlay__content > form > .v-card {
21423
- display: flex;
21424
- flex: 1 1 100%;
21425
- flex-direction: column;
21426
- max-height: 100%;
21427
- max-width: 100%;
21428
- }
21429
- .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
21430
- .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
21431
- -webkit-backface-visibility: hidden;
21432
- backface-visibility: hidden;
21433
- overflow-y: auto;
21434
- }.v-divider {
21435
- display: block;
21436
- flex: 1 1 100%;
21437
- height: 0px;
21438
- max-height: 0px;
21439
- opacity: var(--v-border-opacity);
21440
- transition: inherit;
21441
- }
21442
- .v-divider {
21443
- border-style: solid;
21444
- border-width: thin 0 0 0;
21445
- }
21446
- .v-divider--vertical {
21447
- align-self: stretch;
21448
- border-width: 0 thin 0 0;
21449
- display: inline-flex;
21450
- height: auto;
21451
- margin-left: -1px;
21452
- max-height: 100%;
21453
- max-width: 0px;
21454
- vertical-align: text-bottom;
21455
- width: 0px;
21456
- }
21457
- .v-divider--inset:not(.v-divider--vertical) {
21458
- max-width: calc(100% - 72px);
21459
- margin-inline-start: 72px;
21460
- }
21461
- .v-divider--inset.v-divider--vertical {
21462
- margin-bottom: 8px;
21463
- margin-top: 8px;
21464
- max-height: calc(100% - 16px);
21465
- }
21466
-
21467
- .v-divider__content {
21468
- padding: 0 16px;
21469
- text-wrap: nowrap;
21470
- }
21471
- .v-divider__wrapper--vertical .v-divider__content {
21472
- padding: 4px 0;
21473
- }
21474
-
21475
- .v-divider__wrapper {
21476
- display: flex;
21477
- align-items: center;
21478
- justify-content: center;
21479
- }
21480
- .v-divider__wrapper--vertical {
21481
- flex-direction: column;
21482
- height: 100%;
21483
- }
21484
- .v-divider__wrapper--vertical .v-divider {
21485
- margin: 0 auto;
21486
- }.v-empty-state {
21487
- align-items: center;
21488
- display: flex;
21489
- flex-direction: column;
21490
- justify-content: center;
21491
- min-height: 100%;
21492
- padding: 16px;
21493
- }
21494
- .v-empty-state--start {
21495
- align-items: flex-start;
21496
- }
21497
- .v-empty-state--center {
21498
- align-items: center;
21499
- }
21500
- .v-empty-state--end {
21501
- align-items: flex-end;
21502
- }
21503
-
21504
- .v-empty-state__media {
21505
- text-align: center;
21506
- width: 100%;
21507
- }
21508
- .v-empty-state__media .v-icon {
21509
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
21510
- }
21511
-
21512
- .v-empty-state__headline {
21513
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
21514
- font-size: 3.75rem;
21515
- font-weight: 300;
21516
- line-height: 1;
21517
- text-align: center;
21518
- margin-bottom: 8px;
21519
- }
21520
- .v-empty-state--mobile .v-empty-state__headline {
21521
- font-size: 2.125rem;
21522
- }
21523
-
21524
- .v-empty-state__title {
21525
- font-size: 1.25rem;
21526
- font-weight: 500;
21527
- line-height: 1.6;
21528
- margin-bottom: 4px;
21529
- text-align: center;
21530
- }
21531
-
21532
- .v-empty-state__text {
21533
- font-size: 0.875rem;
21534
- font-weight: 400;
21535
- line-height: 1.425;
21536
- padding: 0 16px;
21537
- text-align: center;
21538
- }
21539
-
21540
- .v-empty-state__content {
21541
- padding: 24px 0;
21542
- }
21543
-
21544
- .v-empty-state__actions {
21545
- display: flex;
21546
- gap: 8px;
21547
- padding: 16px;
21548
- }
21549
-
21550
- .v-empty-state__action-btn.v-btn {
21551
- background-color: initial;
21552
- color: initial;
21553
- }.v-expansion-panel {
21554
- background-color: rgb(var(--v-theme-surface));
21555
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21556
- }
21557
- .v-expansion-panel:not(:first-child)::after {
21558
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21559
- }
21560
- .v-expansion-panel--disabled .v-expansion-panel-title {
21561
- color: rgba(var(--v-theme-on-surface), 0.26);
21562
- }
21563
- .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
21564
- opacity: 0.4615384615;
21565
- }
21566
-
21567
- .v-expansion-panels {
21568
- display: flex;
21569
- flex-wrap: wrap;
21570
- justify-content: center;
21571
- list-style-type: none;
21572
- padding: 0;
21573
- width: 100%;
21574
- position: relative;
21575
- z-index: 1;
21576
- }
21577
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
21578
- border-bottom-left-radius: 0 !important;
21579
- border-bottom-right-radius: 0 !important;
21580
- }
21581
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
21582
- border-top-left-radius: 0 !important;
21583
- border-top-right-radius: 0 !important;
21584
- }
21585
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
21586
- border-bottom-left-radius: 0 !important;
21587
- border-bottom-right-radius: 0 !important;
21588
- }
21589
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :last-child:not(:first-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
21590
- border-top-left-radius: 0 !important;
21591
- border-top-right-radius: 0 !important;
21592
- }
21593
- .v-expansion-panels--variant-accordion > :first-child:not(:last-child) {
21594
- border-bottom-left-radius: 0 !important;
21595
- border-bottom-right-radius: 0 !important;
21596
- }
21597
- .v-expansion-panels--variant-accordion > :last-child:not(:first-child) {
21598
- border-top-left-radius: 0 !important;
21599
- border-top-right-radius: 0 !important;
21600
- }
21601
- .v-expansion-panels--variant-accordion > :last-child:not(:first-child) .v-expansion-panel-title--active {
21602
- border-bottom-left-radius: initial;
21603
- border-bottom-right-radius: initial;
21604
- }
21605
- .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
21606
- border-radius: 0 !important;
21607
- }
21608
- .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
21609
- transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
20895
+ .v-expansion-panels {
20896
+ display: flex;
20897
+ flex-wrap: wrap;
20898
+ justify-content: center;
20899
+ list-style-type: none;
20900
+ padding: 0;
20901
+ width: 100%;
20902
+ position: relative;
20903
+ z-index: 1;
20904
+ }
20905
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20906
+ border-bottom-left-radius: 0 !important;
20907
+ border-bottom-right-radius: 0 !important;
20908
+ }
20909
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
20910
+ border-top-left-radius: 0 !important;
20911
+ border-top-right-radius: 0 !important;
20912
+ }
20913
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20914
+ border-bottom-left-radius: 0 !important;
20915
+ border-bottom-right-radius: 0 !important;
20916
+ }
20917
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :last-child:not(:first-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
20918
+ border-top-left-radius: 0 !important;
20919
+ border-top-right-radius: 0 !important;
20920
+ }
20921
+ .v-expansion-panels--variant-accordion > :first-child:not(:last-child) {
20922
+ border-bottom-left-radius: 0 !important;
20923
+ border-bottom-right-radius: 0 !important;
20924
+ }
20925
+ .v-expansion-panels--variant-accordion > :last-child:not(:first-child) {
20926
+ border-top-left-radius: 0 !important;
20927
+ border-top-right-radius: 0 !important;
20928
+ }
20929
+ .v-expansion-panels--variant-accordion > :last-child:not(:first-child) .v-expansion-panel-title--active {
20930
+ border-bottom-left-radius: initial;
20931
+ border-bottom-right-radius: initial;
20932
+ }
20933
+ .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
20934
+ border-radius: 0 !important;
20935
+ }
20936
+ .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
20937
+ transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
21610
20938
  }
21611
20939
 
21612
20940
  .v-expansion-panel {
@@ -21776,713 +21104,1385 @@ html.overflow-y-hidden {
21776
21104
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21777
21105
  vertical-align: middle;
21778
21106
  }
21779
- .v-fab .v-btn {
21780
- pointer-events: auto;
21107
+ .v-fab .v-btn {
21108
+ pointer-events: auto;
21109
+ }
21110
+ .v-fab .v-btn--variant-elevated {
21111
+ box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21112
+ }
21113
+ .v-fab--app, .v-fab--absolute {
21114
+ display: flex;
21115
+ }
21116
+ .v-fab--start, .v-fab--left {
21117
+ justify-content: flex-start;
21118
+ }
21119
+ .v-fab--center {
21120
+ align-items: center;
21121
+ justify-content: center;
21122
+ }
21123
+ .v-fab--end, .v-fab--right {
21124
+ justify-content: flex-end;
21125
+ }
21126
+ .v-fab--bottom {
21127
+ align-items: flex-end;
21128
+ }
21129
+ .v-fab--top {
21130
+ align-items: flex-start;
21131
+ }
21132
+ .v-fab--extended .v-btn {
21133
+ border-radius: 9999px !important;
21134
+ }
21135
+
21136
+ .v-fab__container {
21137
+ align-self: center;
21138
+ display: inline-flex;
21139
+ position: absolute;
21140
+ vertical-align: middle;
21141
+ }
21142
+ .v-fab--app .v-fab__container {
21143
+ margin: 12px;
21144
+ }
21145
+ .v-fab--absolute .v-fab__container {
21146
+ position: absolute;
21147
+ z-index: 4;
21148
+ }
21149
+ .v-fab--offset.v-fab--top .v-fab__container {
21150
+ transform: translateY(-50%);
21151
+ }
21152
+ .v-fab--offset.v-fab--bottom .v-fab__container {
21153
+ transform: translateY(50%);
21154
+ }
21155
+ .v-fab--top .v-fab__container {
21156
+ top: 0;
21157
+ }
21158
+ .v-fab--bottom .v-fab__container {
21159
+ bottom: 0;
21160
+ }
21161
+ .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
21162
+ left: 0;
21163
+ }
21164
+ .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
21165
+ right: 0;
21166
+ }/* region INPUT */
21167
+ .v-field {
21168
+ display: grid;
21169
+ grid-template-areas: "prepend-inner field clear append-inner";
21170
+ grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
21171
+ font-size: 16px;
21172
+ letter-spacing: 0.009375em;
21173
+ max-width: 100%;
21174
+ border-radius: 4px;
21175
+ contain: layout;
21176
+ flex: 1 0;
21177
+ grid-area: control;
21178
+ position: relative;
21179
+ --v-theme-overlay-multiplier: 1;
21180
+ --v-field-padding-start: 16px;
21181
+ --v-field-padding-end: 16px;
21182
+ --v-field-padding-top: 8px;
21183
+ --v-field-padding-bottom: 4px;
21184
+ --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
21185
+ --v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
21186
+ }
21187
+ .v-field--disabled {
21188
+ opacity: var(--v-disabled-opacity);
21189
+ pointer-events: none;
21190
+ }
21191
+ .v-field .v-chip {
21192
+ --v-chip-height: 24px;
21193
+ }
21194
+
21195
+ /* endregion */
21196
+ /* region MODIFIERS */
21197
+ .v-field--prepended {
21198
+ padding-inline-start: 12px;
21199
+ }
21200
+ .v-field--appended {
21201
+ padding-inline-end: 12px;
21202
+ }
21203
+ .v-field--variant-solo, .v-field--variant-solo-filled {
21204
+ background: rgb(var(--v-theme-surface));
21205
+ border-color: transparent;
21206
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21207
+ }
21208
+ .v-field--variant-solo, .v-field--variant-solo-filled {
21209
+ 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));
21210
+ }
21211
+ .v-field--variant-solo-inverted {
21212
+ background: rgb(var(--v-theme-surface));
21213
+ border-color: transparent;
21214
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21215
+ }
21216
+ .v-field--variant-solo-inverted {
21217
+ 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));
21218
+ }
21219
+ .v-field--variant-solo-inverted.v-field--focused {
21220
+ color: rgb(var(--v-theme-on-surface-variant));
21221
+ }
21222
+ .v-field--variant-filled {
21223
+ border-bottom-left-radius: 0;
21224
+ border-bottom-right-radius: 0;
21225
+ }
21226
+ .v-input--density-default .v-field--variant-solo, .v-input--density-default .v-field--variant-solo-inverted, .v-input--density-default .v-field--variant-solo-filled, .v-input--density-default .v-field--variant-filled {
21227
+ --v-input-control-height: 56px;
21228
+ --v-field-padding-bottom: 4px;
21229
+ }
21230
+
21231
+ .v-input--density-comfortable .v-field--variant-solo, .v-input--density-comfortable .v-field--variant-solo-inverted, .v-input--density-comfortable .v-field--variant-solo-filled, .v-input--density-comfortable .v-field--variant-filled {
21232
+ --v-input-control-height: 48px;
21233
+ --v-field-padding-bottom: 0px;
21234
+ }
21235
+
21236
+ .v-input--density-compact .v-field--variant-solo, .v-input--density-compact .v-field--variant-solo-inverted, .v-input--density-compact .v-field--variant-solo-filled, .v-input--density-compact .v-field--variant-filled {
21237
+ --v-input-control-height: 40px;
21238
+ --v-field-padding-bottom: 0px;
21239
+ }
21240
+
21241
+ .v-field--variant-outlined, .v-field--single-line, .v-field--no-label {
21242
+ --v-field-padding-top: 0px;
21243
+ }
21244
+ .v-input--density-default .v-field--variant-outlined, .v-input--density-default .v-field--single-line, .v-input--density-default .v-field--no-label {
21245
+ --v-field-padding-bottom: 16px;
21246
+ }
21247
+
21248
+ .v-input--density-comfortable .v-field--variant-outlined, .v-input--density-comfortable .v-field--single-line, .v-input--density-comfortable .v-field--no-label {
21249
+ --v-field-padding-bottom: 12px;
21250
+ }
21251
+
21252
+ .v-input--density-compact .v-field--variant-outlined, .v-input--density-compact .v-field--single-line, .v-input--density-compact .v-field--no-label {
21253
+ --v-field-padding-bottom: 8px;
21254
+ }
21255
+
21256
+ .v-field--variant-plain, .v-field--variant-underlined {
21257
+ border-radius: 0;
21258
+ padding: 0;
21259
+ }
21260
+ .v-field--variant-plain.v-field, .v-field--variant-underlined.v-field {
21261
+ --v-field-padding-start: 0px;
21262
+ --v-field-padding-end: 0px;
21263
+ }
21264
+ .v-input--density-default .v-field--variant-plain, .v-input--density-default .v-field--variant-underlined {
21265
+ --v-input-control-height: 48px;
21266
+ --v-field-padding-top: 4px;
21267
+ --v-field-padding-bottom: 4px;
21268
+ }
21269
+
21270
+ .v-input--density-comfortable .v-field--variant-plain, .v-input--density-comfortable .v-field--variant-underlined {
21271
+ --v-input-control-height: 40px;
21272
+ --v-field-padding-top: 2px;
21273
+ --v-field-padding-bottom: 0px;
21274
+ }
21275
+
21276
+ .v-input--density-compact .v-field--variant-plain, .v-input--density-compact .v-field--variant-underlined {
21277
+ --v-input-control-height: 32px;
21278
+ --v-field-padding-top: 0px;
21279
+ --v-field-padding-bottom: 0px;
21280
+ }
21281
+
21282
+ .v-field--flat {
21283
+ box-shadow: none;
21284
+ }
21285
+ .v-field--rounded {
21286
+ border-radius: 24px;
21287
+ }
21288
+ .v-field.v-field--prepended {
21289
+ --v-field-padding-start: 6px;
21290
+ }
21291
+ .v-field.v-field--appended {
21292
+ --v-field-padding-end: 6px;
21293
+ }
21294
+
21295
+ /* endregion */
21296
+ /* region ELEMENTS */
21297
+ .v-field__input {
21298
+ align-items: center;
21299
+ color: inherit;
21300
+ column-gap: 2px;
21301
+ display: flex;
21302
+ flex-wrap: wrap;
21303
+ letter-spacing: 0.009375em;
21304
+ opacity: var(--v-high-emphasis-opacity);
21305
+ min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
21306
+ min-width: 0;
21307
+ padding-inline: var(--v-field-padding-start) var(--v-field-padding-end);
21308
+ padding-top: var(--v-field-input-padding-top);
21309
+ padding-bottom: var(--v-field-input-padding-bottom);
21310
+ position: relative;
21311
+ width: 100%;
21312
+ }
21313
+ .v-input--density-default .v-field__input {
21314
+ row-gap: 8px;
21315
+ }
21316
+
21317
+ .v-input--density-comfortable .v-field__input {
21318
+ row-gap: 6px;
21319
+ }
21320
+
21321
+ .v-input--density-compact .v-field__input {
21322
+ row-gap: 4px;
21323
+ }
21324
+
21325
+ .v-field__input input {
21326
+ letter-spacing: inherit;
21327
+ }
21328
+ .v-field__input input::placeholder,
21329
+ input.v-field__input::placeholder,
21330
+ textarea.v-field__input::placeholder {
21331
+ color: currentColor;
21332
+ opacity: var(--v-disabled-opacity);
21333
+ }
21334
+
21335
+ .v-field__input:focus, .v-field__input:active {
21336
+ outline: none;
21781
21337
  }
21782
- .v-fab .v-btn--variant-elevated {
21783
- box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21338
+ .v-field__input:invalid {
21339
+ box-shadow: none;
21784
21340
  }
21785
- .v-fab--app, .v-fab--absolute {
21341
+
21342
+ .v-field__field {
21343
+ flex: 1 0;
21344
+ grid-area: field;
21345
+ position: relative;
21346
+ align-items: flex-start;
21786
21347
  display: flex;
21787
21348
  }
21788
- .v-fab--start, .v-fab--left {
21789
- justify-content: flex-start;
21790
- }
21791
- .v-fab--center {
21792
- align-items: center;
21793
- justify-content: center;
21349
+
21350
+ /* endregion */
21351
+ /* region AFFIXES */
21352
+ .v-field__prepend-inner {
21353
+ grid-area: prepend-inner;
21354
+ padding-inline-end: var(--v-field-padding-after);
21794
21355
  }
21795
- .v-fab--end, .v-fab--right {
21796
- justify-content: flex-end;
21356
+
21357
+ .v-field__clearable {
21358
+ grid-area: clear;
21797
21359
  }
21798
- .v-fab--bottom {
21799
- align-items: flex-end;
21360
+
21361
+ .v-field__append-inner {
21362
+ grid-area: append-inner;
21363
+ padding-inline-start: var(--v-field-padding-after);
21800
21364
  }
21801
- .v-fab--top {
21365
+
21366
+ .v-field__append-inner,
21367
+ .v-field__clearable,
21368
+ .v-field__prepend-inner {
21369
+ display: flex;
21802
21370
  align-items: flex-start;
21371
+ padding-top: var(--v-input-padding-top, 8px);
21803
21372
  }
21804
- .v-fab--extended .v-btn {
21805
- border-radius: 9999px !important;
21373
+ .v-field--center-affix .v-field__append-inner,
21374
+ .v-field--center-affix .v-field__clearable,
21375
+ .v-field--center-affix .v-field__prepend-inner {
21376
+ align-items: center;
21377
+ padding-top: 0;
21806
21378
  }
21807
21379
 
21808
- .v-fab__container {
21809
- align-self: center;
21810
- display: inline-flex;
21811
- position: absolute;
21812
- vertical-align: middle;
21380
+ .v-field.v-field--variant-underlined .v-field__append-inner,
21381
+ .v-field.v-field--variant-underlined .v-field__clearable,
21382
+ .v-field.v-field--variant-underlined .v-field__prepend-inner,
21383
+ .v-field.v-field--variant-plain .v-field__append-inner,
21384
+ .v-field.v-field--variant-plain .v-field__clearable,
21385
+ .v-field.v-field--variant-plain .v-field__prepend-inner {
21386
+ align-items: flex-start;
21387
+ padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
21388
+ padding-bottom: var(--v-field-padding-bottom, 4px);
21813
21389
  }
21814
- .v-fab--app .v-fab__container {
21815
- margin: 12px;
21390
+
21391
+ .v-field--focused .v-field__prepend-inner,
21392
+ .v-field--focused .v-field__append-inner {
21393
+ opacity: 1;
21816
21394
  }
21817
- .v-fab--absolute .v-fab__container {
21818
- position: absolute;
21819
- z-index: 4;
21395
+
21396
+ .v-field__prepend-inner > .v-icon,
21397
+ .v-field__append-inner > .v-icon,
21398
+ .v-field__clearable > .v-icon {
21399
+ opacity: var(--v-medium-emphasis-opacity);
21820
21400
  }
21821
- .v-fab--offset.v-fab--top .v-fab__container {
21822
- transform: translateY(-50%);
21401
+ .v-field--disabled .v-field__prepend-inner > .v-icon, .v-field--error .v-field__prepend-inner > .v-icon,
21402
+ .v-field--disabled .v-field__append-inner > .v-icon,
21403
+ .v-field--error .v-field__append-inner > .v-icon,
21404
+ .v-field--disabled .v-field__clearable > .v-icon,
21405
+ .v-field--error .v-field__clearable > .v-icon {
21406
+ opacity: 1;
21823
21407
  }
21824
- .v-fab--offset.v-fab--bottom .v-fab__container {
21825
- transform: translateY(50%);
21408
+ .v-field--error:not(.v-field--disabled) .v-field__prepend-inner > .v-icon,
21409
+ .v-field--error:not(.v-field--disabled) .v-field__append-inner > .v-icon,
21410
+ .v-field--error:not(.v-field--disabled) .v-field__clearable > .v-icon {
21411
+ color: rgb(var(--v-theme-error));
21826
21412
  }
21827
- .v-fab--top .v-fab__container {
21828
- top: 0;
21413
+
21414
+ .v-field__clearable {
21415
+ cursor: pointer;
21416
+ opacity: 0;
21417
+ overflow: hidden;
21418
+ margin-inline: 4px;
21419
+ transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
21420
+ transition-property: opacity, transform, width;
21829
21421
  }
21830
- .v-fab--bottom .v-fab__container {
21831
- bottom: 0;
21422
+ .v-field--focused .v-field__clearable, .v-field--persistent-clear .v-field__clearable {
21423
+ opacity: 1;
21832
21424
  }
21833
- .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
21834
- left: 0;
21425
+ @media (hover: hover) {
21426
+ .v-field:hover .v-field__clearable {
21427
+ opacity: 1;
21428
+ }
21835
21429
  }
21836
- .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
21837
- right: 0;
21838
- }/* region INPUT */
21839
- .v-field {
21840
- display: grid;
21841
- grid-template-areas: "prepend-inner field clear append-inner";
21842
- grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
21843
- font-size: 16px;
21844
- letter-spacing: 0.009375em;
21845
- max-width: 100%;
21846
- border-radius: 4px;
21847
- contain: layout;
21848
- flex: 1 0;
21849
- grid-area: control;
21850
- position: relative;
21851
- --v-theme-overlay-multiplier: 1;
21852
- --v-field-padding-start: 16px;
21853
- --v-field-padding-end: 16px;
21854
- --v-field-padding-top: 8px;
21855
- --v-field-padding-bottom: 4px;
21856
- --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
21857
- --v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
21430
+ @media (hover: none) {
21431
+ .v-field__clearable {
21432
+ opacity: 1;
21433
+ }
21858
21434
  }
21859
- .v-field--disabled {
21860
- opacity: var(--v-disabled-opacity);
21435
+
21436
+ /* endregion */
21437
+ /* region LABEL */
21438
+ .v-label.v-field-label {
21439
+ contain: layout paint;
21440
+ display: block;
21441
+ margin-inline-start: var(--v-field-padding-start);
21442
+ margin-inline-end: var(--v-field-padding-end);
21443
+ max-width: calc(100% - var(--v-field-padding-start) - var(--v-field-padding-end));
21861
21444
  pointer-events: none;
21445
+ position: absolute;
21446
+ top: var(--v-input-padding-top);
21447
+ transform-origin: left center;
21448
+ transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
21449
+ transition-property: opacity, transform;
21450
+ z-index: 1;
21862
21451
  }
21863
- .v-field .v-chip {
21864
- --v-chip-height: 24px;
21452
+ .v-field--variant-underlined .v-label.v-field-label, .v-field--variant-plain .v-label.v-field-label {
21453
+ top: calc(var(--v-input-padding-top) + var(--v-field-padding-top));
21865
21454
  }
21866
-
21867
- /* endregion */
21868
- /* region MODIFIERS */
21869
- .v-field--prepended {
21870
- padding-inline-start: 12px;
21455
+ .v-field--center-affix .v-label.v-field-label {
21456
+ top: 50%;
21457
+ transform: translateY(-50%);
21871
21458
  }
21872
- .v-field--appended {
21873
- padding-inline-end: 12px;
21459
+ .v-field--active .v-label.v-field-label {
21460
+ visibility: hidden;
21874
21461
  }
21875
- .v-field--variant-solo, .v-field--variant-solo-filled {
21876
- background: rgb(var(--v-theme-surface));
21877
- border-color: transparent;
21878
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21462
+ .v-field--focused .v-label.v-field-label, .v-field--error .v-label.v-field-label {
21463
+ opacity: 1;
21879
21464
  }
21880
- .v-field--variant-solo, .v-field--variant-solo-filled {
21881
- 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));
21465
+ .v-field--error:not(.v-field--disabled) .v-label.v-field-label {
21466
+ color: rgb(var(--v-theme-error));
21882
21467
  }
21883
- .v-field--variant-solo-inverted {
21884
- background: rgb(var(--v-theme-surface));
21885
- border-color: transparent;
21886
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21468
+ .v-label.v-field-label--floating {
21469
+ --v-field-label-scale: 0.75em;
21470
+ font-size: var(--v-field-label-scale);
21471
+ visibility: hidden;
21472
+ max-width: 100%;
21887
21473
  }
21888
- .v-field--variant-solo-inverted {
21889
- 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));
21474
+ .v-field--center-affix .v-label.v-field-label--floating {
21475
+ transform: none;
21890
21476
  }
21891
- .v-field--variant-solo-inverted.v-field--focused {
21892
- color: rgb(var(--v-theme-on-surface-variant));
21477
+ .v-field.v-field--active .v-label.v-field-label--floating {
21478
+ visibility: unset;
21893
21479
  }
21894
- .v-field--variant-filled {
21895
- border-bottom-left-radius: 0;
21896
- border-bottom-right-radius: 0;
21480
+ .v-input--density-default .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-solo-filled .v-label.v-field-label--floating {
21481
+ top: 7px;
21897
21482
  }
21898
- .v-input--density-default .v-field--variant-solo, .v-input--density-default .v-field--variant-solo-inverted, .v-input--density-default .v-field--variant-solo-filled, .v-input--density-default .v-field--variant-filled {
21899
- --v-input-control-height: 56px;
21900
- --v-field-padding-bottom: 4px;
21483
+
21484
+ .v-input--density-comfortable .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-solo-filled .v-label.v-field-label--floating {
21485
+ top: 5px;
21901
21486
  }
21902
21487
 
21903
- .v-input--density-comfortable .v-field--variant-solo, .v-input--density-comfortable .v-field--variant-solo-inverted, .v-input--density-comfortable .v-field--variant-solo-filled, .v-input--density-comfortable .v-field--variant-filled {
21904
- --v-input-control-height: 48px;
21905
- --v-field-padding-bottom: 0px;
21488
+ .v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21489
+ top: 3px;
21906
21490
  }
21907
21491
 
21908
- .v-input--density-compact .v-field--variant-solo, .v-input--density-compact .v-field--variant-solo-inverted, .v-input--density-compact .v-field--variant-solo-filled, .v-input--density-compact .v-field--variant-filled {
21909
- --v-input-control-height: 40px;
21910
- --v-field-padding-bottom: 0px;
21492
+ .v-field--variant-plain .v-label.v-field-label--floating, .v-field--variant-underlined .v-label.v-field-label--floating {
21493
+ transform: translateY(-16px);
21494
+ margin: 0;
21495
+ top: var(--v-input-padding-top);
21496
+ }
21497
+ .v-field--variant-outlined .v-label.v-field-label--floating {
21498
+ transform: translateY(-50%);
21499
+ transform-origin: center;
21500
+ position: static;
21501
+ margin: 0 4px;
21911
21502
  }
21912
21503
 
21913
- .v-field--variant-outlined, .v-field--single-line, .v-field--no-label {
21914
- --v-field-padding-top: 0px;
21504
+ /* endregion */
21505
+ /* region OUTLINE */
21506
+ .v-field__outline {
21507
+ --v-field-border-width: 1px;
21508
+ --v-field-border-opacity: 0.38;
21509
+ align-items: stretch;
21510
+ contain: layout;
21511
+ display: flex;
21512
+ height: 100%;
21513
+ left: 0;
21514
+ pointer-events: none;
21515
+ position: absolute;
21516
+ right: 0;
21517
+ width: 100%;
21518
+ }
21519
+ @media (hover: hover) {
21520
+ .v-field:hover .v-field__outline {
21521
+ --v-field-border-opacity: var(--v-high-emphasis-opacity);
21522
+ }
21523
+ }
21524
+ .v-field--error:not(.v-field--disabled) .v-field__outline {
21525
+ color: rgb(var(--v-theme-error));
21915
21526
  }
21916
- .v-input--density-default .v-field--variant-outlined, .v-input--density-default .v-field--single-line, .v-input--density-default .v-field--no-label {
21917
- --v-field-padding-bottom: 16px;
21527
+ .v-field.v-field--focused .v-field__outline, .v-input.v-input--error .v-field__outline {
21528
+ --v-field-border-opacity: 1;
21918
21529
  }
21919
-
21920
- .v-input--density-comfortable .v-field--variant-outlined, .v-input--density-comfortable .v-field--single-line, .v-input--density-comfortable .v-field--no-label {
21921
- --v-field-padding-bottom: 12px;
21530
+ .v-field--variant-outlined.v-field--focused .v-field__outline {
21531
+ --v-field-border-width: 2px;
21922
21532
  }
21923
-
21924
- .v-input--density-compact .v-field--variant-outlined, .v-input--density-compact .v-field--single-line, .v-input--density-compact .v-field--no-label {
21925
- --v-field-padding-bottom: 8px;
21533
+ .v-field--variant-filled .v-field__outline::before, .v-field--variant-underlined .v-field__outline::before {
21534
+ border-color: currentColor;
21535
+ border-style: solid;
21536
+ border-width: 0 0 var(--v-field-border-width);
21537
+ opacity: var(--v-field-border-opacity);
21538
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21926
21539
  }
21927
-
21928
- .v-field--variant-plain, .v-field--variant-underlined {
21929
- border-radius: 0;
21930
- padding: 0;
21540
+ .v-field--variant-filled .v-field__outline::before, .v-field--variant-underlined .v-field__outline::before {
21541
+ content: "";
21542
+ position: absolute;
21543
+ top: 0;
21544
+ left: 0;
21545
+ width: 100%;
21546
+ height: 100%;
21931
21547
  }
21932
- .v-field--variant-plain.v-field, .v-field--variant-underlined.v-field {
21933
- --v-field-padding-start: 0px;
21934
- --v-field-padding-end: 0px;
21548
+ .v-field--variant-filled .v-field__outline::after, .v-field--variant-underlined .v-field__outline::after {
21549
+ border-color: currentColor;
21550
+ border-style: solid;
21551
+ border-width: 0 0 2px;
21552
+ transform: scaleX(0);
21553
+ transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
21935
21554
  }
21936
- .v-input--density-default .v-field--variant-plain, .v-input--density-default .v-field--variant-underlined {
21937
- --v-input-control-height: 48px;
21938
- --v-field-padding-top: 4px;
21939
- --v-field-padding-bottom: 4px;
21555
+ .v-field--variant-filled .v-field__outline::after, .v-field--variant-underlined .v-field__outline::after {
21556
+ content: "";
21557
+ position: absolute;
21558
+ top: 0;
21559
+ left: 0;
21560
+ width: 100%;
21561
+ height: 100%;
21940
21562
  }
21941
-
21942
- .v-input--density-comfortable .v-field--variant-plain, .v-input--density-comfortable .v-field--variant-underlined {
21943
- --v-input-control-height: 40px;
21944
- --v-field-padding-top: 2px;
21945
- --v-field-padding-bottom: 0px;
21563
+ .v-field--focused.v-field--variant-filled .v-field__outline::after, .v-field--focused.v-field--variant-underlined .v-field__outline::after {
21564
+ transform: scaleX(1);
21946
21565
  }
21947
21566
 
21948
- .v-input--density-compact .v-field--variant-plain, .v-input--density-compact .v-field--variant-underlined {
21949
- --v-input-control-height: 32px;
21950
- --v-field-padding-top: 0px;
21951
- --v-field-padding-bottom: 0px;
21567
+ .v-field--variant-outlined .v-field__outline {
21568
+ border-radius: inherit;
21952
21569
  }
21953
-
21954
- .v-field--flat {
21955
- box-shadow: none;
21570
+ .v-field--variant-outlined .v-field__outline__start, .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after, .v-field--variant-outlined .v-field__outline__end {
21571
+ border: 0 solid currentColor;
21572
+ opacity: var(--v-field-border-opacity);
21573
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21956
21574
  }
21957
- .v-field--rounded {
21958
- border-radius: 24px;
21575
+ .v-field--variant-outlined .v-field__outline__start {
21576
+ flex: 0 0 12px;
21577
+ border-top-width: var(--v-field-border-width);
21578
+ border-bottom-width: var(--v-field-border-width);
21579
+ border-inline-start-width: var(--v-field-border-width);
21580
+ border-start-start-radius: inherit;
21581
+ border-start-end-radius: 0;
21582
+ border-end-end-radius: 0;
21583
+ border-end-start-radius: inherit;
21959
21584
  }
21960
- .v-field.v-field--prepended {
21961
- --v-field-padding-start: 6px;
21585
+ .v-field--rounded.v-field--variant-outlined .v-field__outline__start,
21586
+ [class^=rounded-].v-field--variant-outlined .v-field__outline__start,
21587
+ [class*=" rounded-"].v-field--variant-outlined .v-field__outline__start {
21588
+ flex-basis: calc(var(--v-input-control-height) / 2 + 2px);
21962
21589
  }
21963
- .v-field.v-field--appended {
21964
- --v-field-padding-end: 6px;
21590
+
21591
+ .v-field--reverse.v-field--variant-outlined .v-field__outline__start {
21592
+ border-start-start-radius: 0;
21593
+ border-start-end-radius: inherit;
21594
+ border-end-end-radius: inherit;
21595
+ border-end-start-radius: 0;
21596
+ border-inline-end-width: var(--v-field-border-width);
21597
+ border-inline-start-width: 0;
21965
21598
  }
21966
21599
 
21967
- /* endregion */
21968
- /* region ELEMENTS */
21969
- .v-field__input {
21970
- align-items: center;
21971
- color: inherit;
21972
- column-gap: 2px;
21973
- display: flex;
21974
- flex-wrap: wrap;
21975
- letter-spacing: 0.009375em;
21976
- opacity: var(--v-high-emphasis-opacity);
21977
- min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
21978
- min-width: 0;
21979
- padding-inline: var(--v-field-padding-start) var(--v-field-padding-end);
21980
- padding-top: var(--v-field-input-padding-top);
21981
- padding-bottom: var(--v-field-input-padding-bottom);
21600
+ .v-field--variant-outlined .v-field__outline__notch {
21601
+ flex: none;
21982
21602
  position: relative;
21983
- width: 100%;
21603
+ max-width: calc(100% - 12px);
21984
21604
  }
21985
- .v-input--density-default .v-field__input {
21986
- row-gap: 8px;
21605
+ .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after {
21606
+ opacity: var(--v-field-border-opacity);
21607
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21987
21608
  }
21988
-
21989
- .v-input--density-comfortable .v-field__input {
21990
- row-gap: 6px;
21609
+ .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after {
21610
+ content: "";
21611
+ position: absolute;
21612
+ top: 0;
21613
+ left: 0;
21614
+ width: 100%;
21615
+ height: 100%;
21991
21616
  }
21992
-
21993
- .v-input--density-compact .v-field__input {
21994
- row-gap: 4px;
21617
+ .v-field--variant-outlined .v-field__outline__notch::before {
21618
+ border-width: var(--v-field-border-width) 0 0;
21995
21619
  }
21996
-
21997
- .v-field__input input {
21998
- letter-spacing: inherit;
21620
+ .v-field--variant-outlined .v-field__outline__notch::after {
21621
+ bottom: 0;
21622
+ border-width: 0 0 var(--v-field-border-width);
21999
21623
  }
22000
- .v-field__input input::placeholder,
22001
- input.v-field__input::placeholder,
22002
- textarea.v-field__input::placeholder {
22003
- color: currentColor;
22004
- opacity: var(--v-disabled-opacity);
21624
+ .v-field--active.v-field--variant-outlined .v-field__outline__notch::before {
21625
+ opacity: 0;
22005
21626
  }
22006
21627
 
22007
- .v-field__input:focus, .v-field__input:active {
22008
- outline: none;
21628
+ .v-field--variant-outlined .v-field__outline__end {
21629
+ flex: 1;
21630
+ border-top-width: var(--v-field-border-width);
21631
+ border-bottom-width: var(--v-field-border-width);
21632
+ border-inline-end-width: var(--v-field-border-width);
21633
+ border-start-start-radius: 0;
21634
+ border-start-end-radius: inherit;
21635
+ border-end-end-radius: inherit;
21636
+ border-end-start-radius: 0;
22009
21637
  }
22010
- .v-field__input:invalid {
22011
- box-shadow: none;
21638
+ .v-field--reverse.v-field--variant-outlined .v-field__outline__end {
21639
+ border-start-start-radius: inherit;
21640
+ border-start-end-radius: 0;
21641
+ border-end-end-radius: 0;
21642
+ border-end-start-radius: inherit;
21643
+ border-inline-end-width: 0;
21644
+ border-inline-start-width: var(--v-field-border-width);
22012
21645
  }
22013
21646
 
22014
- .v-field__field {
22015
- flex: 1 0;
22016
- grid-area: field;
22017
- position: relative;
22018
- align-items: flex-start;
22019
- display: flex;
21647
+ /* endregion */
21648
+ /* region LOADER */
21649
+ .v-field__loader {
21650
+ top: calc(100% - 2px);
21651
+ left: 0;
21652
+ position: absolute;
21653
+ right: 0;
21654
+ width: 100%;
21655
+ border-top-left-radius: 0;
21656
+ border-top-right-radius: 0;
21657
+ border-bottom-left-radius: inherit;
21658
+ border-bottom-right-radius: inherit;
21659
+ overflow: hidden;
21660
+ }
21661
+ .v-field--variant-outlined .v-field__loader {
21662
+ top: calc(100% - 3px);
21663
+ width: calc(100% - 1px * 2);
21664
+ left: 1px;
22020
21665
  }
22021
21666
 
22022
21667
  /* endregion */
22023
- /* region AFFIXES */
22024
- .v-field__prepend-inner {
22025
- grid-area: prepend-inner;
22026
- padding-inline-end: var(--v-field-padding-after);
21668
+ /* region OVERLAY */
21669
+ .v-field__overlay {
21670
+ border-radius: inherit;
21671
+ pointer-events: none;
22027
21672
  }
22028
-
22029
- .v-field__clearable {
22030
- grid-area: clear;
21673
+ .v-field__overlay {
21674
+ position: absolute;
21675
+ top: 0;
21676
+ left: 0;
21677
+ width: 100%;
21678
+ height: 100%;
22031
21679
  }
22032
21680
 
22033
- .v-field__append-inner {
22034
- grid-area: append-inner;
22035
- padding-inline-start: var(--v-field-padding-after);
21681
+ .v-field--variant-filled .v-field__overlay {
21682
+ background-color: currentColor;
21683
+ opacity: 0.04;
21684
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22036
21685
  }
22037
-
22038
- .v-field__append-inner,
22039
- .v-field__clearable,
22040
- .v-field__prepend-inner {
22041
- display: flex;
22042
- align-items: flex-start;
22043
- padding-top: var(--v-input-padding-top, 8px);
21686
+ .v-field--variant-filled.v-field--has-background .v-field__overlay {
21687
+ opacity: 0;
22044
21688
  }
22045
- .v-field--center-affix .v-field__append-inner,
22046
- .v-field--center-affix .v-field__clearable,
22047
- .v-field--center-affix .v-field__prepend-inner {
22048
- align-items: center;
22049
- padding-top: 0;
21689
+ @media (hover: hover) {
21690
+ .v-field--variant-filled:hover .v-field__overlay {
21691
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21692
+ }
21693
+ }
21694
+ .v-field--variant-filled.v-field--focused .v-field__overlay {
21695
+ opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
22050
21696
  }
22051
21697
 
22052
- .v-field.v-field--variant-underlined .v-field__append-inner,
22053
- .v-field.v-field--variant-underlined .v-field__clearable,
22054
- .v-field.v-field--variant-underlined .v-field__prepend-inner,
22055
- .v-field.v-field--variant-plain .v-field__append-inner,
22056
- .v-field.v-field--variant-plain .v-field__clearable,
22057
- .v-field.v-field--variant-plain .v-field__prepend-inner {
22058
- align-items: flex-start;
22059
- padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
22060
- padding-bottom: var(--v-field-padding-bottom, 4px);
21698
+ .v-field--variant-solo-filled .v-field__overlay {
21699
+ background-color: currentColor;
21700
+ opacity: 0.04;
21701
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21702
+ }
21703
+ @media (hover: hover) {
21704
+ .v-field--variant-solo-filled:hover .v-field__overlay {
21705
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21706
+ }
21707
+ }
21708
+ .v-field--variant-solo-filled.v-field--focused .v-field__overlay {
21709
+ opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
22061
21710
  }
22062
21711
 
22063
- .v-field--focused .v-field__prepend-inner,
22064
- .v-field--focused .v-field__append-inner {
21712
+ .v-field--variant-solo-inverted .v-field__overlay {
21713
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21714
+ }
21715
+ .v-field--variant-solo-inverted.v-field--has-background .v-field__overlay {
21716
+ opacity: 0;
21717
+ }
21718
+ @media (hover: hover) {
21719
+ .v-field--variant-solo-inverted:hover .v-field__overlay {
21720
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21721
+ }
21722
+ }
21723
+ .v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
21724
+ background-color: rgb(var(--v-theme-surface-variant));
22065
21725
  opacity: 1;
22066
21726
  }
22067
21727
 
22068
- .v-field__prepend-inner > .v-icon,
22069
- .v-field__append-inner > .v-icon,
22070
- .v-field__clearable > .v-icon {
22071
- opacity: var(--v-medium-emphasis-opacity);
21728
+ /* endregion */
21729
+ /* region MODIFIERS */
21730
+ .v-field--reverse .v-field__field,
21731
+ .v-field--reverse .v-field__input,
21732
+ .v-field--reverse .v-field__outline {
21733
+ flex-direction: row-reverse;
22072
21734
  }
22073
- .v-field--disabled .v-field__prepend-inner > .v-icon, .v-field--error .v-field__prepend-inner > .v-icon,
22074
- .v-field--disabled .v-field__append-inner > .v-icon,
22075
- .v-field--error .v-field__append-inner > .v-icon,
22076
- .v-field--disabled .v-field__clearable > .v-icon,
22077
- .v-field--error .v-field__clearable > .v-icon {
22078
- opacity: 1;
21735
+ .v-field--reverse .v-field__input, .v-field--reverse input {
21736
+ text-align: end;
22079
21737
  }
22080
- .v-field--error:not(.v-field--disabled) .v-field__prepend-inner > .v-icon,
22081
- .v-field--error:not(.v-field--disabled) .v-field__append-inner > .v-icon,
22082
- .v-field--error:not(.v-field--disabled) .v-field__clearable > .v-icon {
22083
- color: rgb(var(--v-theme-error));
21738
+
21739
+ .v-input--disabled .v-field--variant-filled .v-field__outline::before,
21740
+ .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
21741
+ border-image: repeating-linear-gradient(to right, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 0px, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 2px, transparent 2px, transparent 4px) 1 repeat;
22084
21742
  }
22085
21743
 
22086
- .v-field__clearable {
22087
- cursor: pointer;
21744
+ .v-field--loading .v-field__outline::after,
21745
+ .v-field--loading .v-field__outline::before {
22088
21746
  opacity: 0;
22089
- overflow: hidden;
22090
- margin-inline: 4px;
22091
- transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
22092
- transition-property: opacity, transform, width;
22093
21747
  }
22094
- .v-field--focused .v-field__clearable, .v-field--persistent-clear .v-field__clearable {
22095
- opacity: 1;
21748
+
21749
+ /* endregion */.v-file-input--hide.v-input .v-field,
21750
+ .v-file-input--hide.v-input .v-input__control,
21751
+ .v-file-input--hide.v-input .v-input__details {
21752
+ display: none;
22096
21753
  }
22097
- @media (hover: hover) {
22098
- .v-field:hover .v-field__clearable {
22099
- opacity: 1;
22100
- }
21754
+ .v-file-input--hide.v-input .v-input__prepend {
21755
+ grid-area: control;
21756
+ margin: 0 auto;
22101
21757
  }
22102
- @media (hover: none) {
22103
- .v-field__clearable {
22104
- opacity: 1;
22105
- }
21758
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21759
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21760
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21761
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21762
+ top: 0px;
22106
21763
  }
22107
-
22108
- /* endregion */
22109
- /* region LABEL */
22110
- .v-label.v-field-label {
22111
- contain: layout paint;
22112
- display: block;
22113
- margin-inline-start: var(--v-field-padding-start);
22114
- margin-inline-end: var(--v-field-padding-end);
22115
- max-width: calc(100% - var(--v-field-padding-start) - var(--v-field-padding-end));
22116
- pointer-events: none;
21764
+ .v-file-input input[type=file] {
21765
+ height: 100%;
21766
+ left: 0;
21767
+ opacity: 0;
22117
21768
  position: absolute;
22118
- top: var(--v-input-padding-top);
22119
- transform-origin: left center;
22120
- transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
22121
- transition-property: opacity, transform;
21769
+ top: 0;
21770
+ width: 100%;
22122
21771
  z-index: 1;
22123
21772
  }
22124
- .v-field--variant-underlined .v-label.v-field-label, .v-field--variant-plain .v-label.v-field-label {
22125
- top: calc(var(--v-input-padding-top) + var(--v-field-padding-top));
21773
+ .v-file-input .v-input__details {
21774
+ padding-inline: 16px;
22126
21775
  }
22127
- .v-field--center-affix .v-label.v-field-label {
22128
- top: 50%;
22129
- transform: translateY(-50%);
21776
+ .v-input--plain-underlined.v-file-input .v-input__details {
21777
+ padding-inline: 0;
21778
+ }.v-footer {
21779
+ align-items: center;
21780
+ display: flex;
21781
+ flex: 1 1 auto;
21782
+ padding: 8px 16px;
21783
+ position: relative;
21784
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21785
+ transition-property: height, width, transform, max-width, left, right, top, bottom;
22130
21786
  }
22131
- .v-field--active .v-label.v-field-label {
22132
- visibility: hidden;
21787
+ .v-footer {
21788
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21789
+ border-style: solid;
21790
+ border-width: 0;
22133
21791
  }
22134
- .v-field--focused .v-label.v-field-label, .v-field--error .v-label.v-field-label {
22135
- opacity: 1;
21792
+ .v-footer--border {
21793
+ border-width: thin;
21794
+ box-shadow: none;
22136
21795
  }
22137
- .v-field--error:not(.v-field--disabled) .v-label.v-field-label {
22138
- color: rgb(var(--v-theme-error));
21796
+ .v-footer {
21797
+ 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));
22139
21798
  }
22140
- .v-label.v-field-label--floating {
22141
- --v-field-label-scale: 0.75em;
22142
- font-size: var(--v-field-label-scale);
22143
- visibility: hidden;
22144
- max-width: 100%;
21799
+ .v-footer--absolute {
21800
+ position: absolute;
22145
21801
  }
22146
- .v-field--center-affix .v-label.v-field-label--floating {
22147
- transform: none;
21802
+ .v-footer--fixed {
21803
+ position: fixed;
22148
21804
  }
22149
- .v-field.v-field--active .v-label.v-field-label--floating {
22150
- visibility: unset;
21805
+ .v-footer {
21806
+ border-radius: 0;
22151
21807
  }
22152
- .v-input--density-default .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-solo-filled .v-label.v-field-label--floating {
22153
- top: 7px;
21808
+ .v-footer {
21809
+ background: rgb(var(--v-theme-surface));
21810
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22154
21811
  }
22155
-
22156
- .v-input--density-comfortable .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-solo-filled .v-label.v-field-label--floating {
22157
- top: 5px;
21812
+ .v-footer--rounded {
21813
+ border-radius: 4px;
21814
+ }.v-container {
21815
+ width: 100%;
21816
+ padding: 16px;
21817
+ margin-right: auto;
21818
+ margin-left: auto;
22158
21819
  }
22159
-
22160
- .v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
22161
- top: 3px;
21820
+ @media (min-width: 960px) {
21821
+ .v-container {
21822
+ max-width: 900px;
21823
+ }
21824
+ }
21825
+ @media (min-width: 1280px) {
21826
+ .v-container {
21827
+ max-width: 1200px;
21828
+ }
21829
+ }
21830
+ @media (min-width: 1920px) {
21831
+ .v-container {
21832
+ max-width: 1800px;
21833
+ }
21834
+ }
21835
+ @media (min-width: 2560px) {
21836
+ .v-container {
21837
+ max-width: 2400px;
21838
+ }
21839
+ }
21840
+ .v-container--fluid {
21841
+ max-width: 100%;
21842
+ }
21843
+ .v-container.fill-height {
21844
+ align-items: center;
21845
+ display: flex;
21846
+ flex-wrap: wrap;
22162
21847
  }
22163
21848
 
22164
- .v-field--variant-plain .v-label.v-field-label--floating, .v-field--variant-underlined .v-label.v-field-label--floating {
22165
- transform: translateY(-16px);
21849
+ .v-row {
21850
+ display: flex;
21851
+ flex-wrap: wrap;
21852
+ flex: 1 1 auto;
21853
+ margin: -12px;
21854
+ }
21855
+ .v-row + .v-row {
21856
+ margin-top: 12px;
21857
+ }
21858
+ .v-row + .v-row--dense {
21859
+ margin-top: 4px;
21860
+ }
21861
+ .v-row--dense {
21862
+ margin: -4px;
21863
+ }
21864
+ .v-row--dense > .v-col,
21865
+ .v-row--dense > [class*=v-col-] {
21866
+ padding: 4px;
21867
+ }
21868
+ .v-row.v-row--no-gutters {
22166
21869
  margin: 0;
22167
- top: var(--v-input-padding-top);
22168
21870
  }
22169
- .v-field--variant-outlined .v-label.v-field-label--floating {
22170
- transform: translateY(-50%);
22171
- transform-origin: center;
22172
- position: static;
22173
- margin: 0 4px;
21871
+ .v-row.v-row--no-gutters > .v-col,
21872
+ .v-row.v-row--no-gutters > [class*=v-col-] {
21873
+ padding: 0;
22174
21874
  }
22175
21875
 
22176
- /* endregion */
22177
- /* region OUTLINE */
22178
- .v-field__outline {
22179
- --v-field-border-width: 1px;
22180
- --v-field-border-opacity: 0.38;
22181
- align-items: stretch;
22182
- contain: layout;
22183
- display: flex;
22184
- height: 100%;
22185
- left: 0;
22186
- pointer-events: none;
22187
- position: absolute;
22188
- right: 0;
21876
+ .v-spacer {
21877
+ flex-grow: 1;
21878
+ }
21879
+
21880
+ .v-col-xxl,
21881
+ .v-col-xxl-auto, .v-col-xxl-12, .v-col-xxl-11, .v-col-xxl-10, .v-col-xxl-9, .v-col-xxl-8, .v-col-xxl-7, .v-col-xxl-6, .v-col-xxl-5, .v-col-xxl-4, .v-col-xxl-3, .v-col-xxl-2, .v-col-xxl-1, .v-col-xl,
21882
+ .v-col-xl-auto, .v-col-xl-12, .v-col-xl-11, .v-col-xl-10, .v-col-xl-9, .v-col-xl-8, .v-col-xl-7, .v-col-xl-6, .v-col-xl-5, .v-col-xl-4, .v-col-xl-3, .v-col-xl-2, .v-col-xl-1, .v-col-lg,
21883
+ .v-col-lg-auto, .v-col-lg-12, .v-col-lg-11, .v-col-lg-10, .v-col-lg-9, .v-col-lg-8, .v-col-lg-7, .v-col-lg-6, .v-col-lg-5, .v-col-lg-4, .v-col-lg-3, .v-col-lg-2, .v-col-lg-1, .v-col-md,
21884
+ .v-col-md-auto, .v-col-md-12, .v-col-md-11, .v-col-md-10, .v-col-md-9, .v-col-md-8, .v-col-md-7, .v-col-md-6, .v-col-md-5, .v-col-md-4, .v-col-md-3, .v-col-md-2, .v-col-md-1, .v-col-sm,
21885
+ .v-col-sm-auto, .v-col-sm-12, .v-col-sm-11, .v-col-sm-10, .v-col-sm-9, .v-col-sm-8, .v-col-sm-7, .v-col-sm-6, .v-col-sm-5, .v-col-sm-4, .v-col-sm-3, .v-col-sm-2, .v-col-sm-1, .v-col,
21886
+ .v-col-auto, .v-col-12, .v-col-11, .v-col-10, .v-col-9, .v-col-8, .v-col-7, .v-col-6, .v-col-5, .v-col-4, .v-col-3, .v-col-2, .v-col-1 {
22189
21887
  width: 100%;
21888
+ padding: 12px;
22190
21889
  }
22191
- @media (hover: hover) {
22192
- .v-field:hover .v-field__outline {
22193
- --v-field-border-opacity: var(--v-high-emphasis-opacity);
22194
- }
21890
+
21891
+ .v-col {
21892
+ flex-basis: 0;
21893
+ flex-grow: 1;
21894
+ max-width: 100%;
22195
21895
  }
22196
- .v-field--error:not(.v-field--disabled) .v-field__outline {
22197
- color: rgb(var(--v-theme-error));
21896
+
21897
+ .v-col-auto {
21898
+ flex: 0 0 auto;
21899
+ width: auto;
21900
+ max-width: 100%;
22198
21901
  }
22199
- .v-field.v-field--focused .v-field__outline, .v-input.v-input--error .v-field__outline {
22200
- --v-field-border-opacity: 1;
21902
+
21903
+ .v-col-1 {
21904
+ flex: 0 0 8.3333333333%;
21905
+ max-width: 8.3333333333%;
22201
21906
  }
22202
- .v-field--variant-outlined.v-field--focused .v-field__outline {
22203
- --v-field-border-width: 2px;
21907
+
21908
+ .v-col-2 {
21909
+ flex: 0 0 16.6666666667%;
21910
+ max-width: 16.6666666667%;
22204
21911
  }
22205
- .v-field--variant-filled .v-field__outline::before, .v-field--variant-underlined .v-field__outline::before {
22206
- border-color: currentColor;
22207
- border-style: solid;
22208
- border-width: 0 0 var(--v-field-border-width);
22209
- opacity: var(--v-field-border-opacity);
22210
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21912
+
21913
+ .v-col-3 {
21914
+ flex: 0 0 25%;
21915
+ max-width: 25%;
22211
21916
  }
22212
- .v-field--variant-filled .v-field__outline::before, .v-field--variant-underlined .v-field__outline::before {
22213
- content: "";
22214
- position: absolute;
22215
- top: 0;
22216
- left: 0;
22217
- width: 100%;
22218
- height: 100%;
21917
+
21918
+ .v-col-4 {
21919
+ flex: 0 0 33.3333333333%;
21920
+ max-width: 33.3333333333%;
22219
21921
  }
22220
- .v-field--variant-filled .v-field__outline::after, .v-field--variant-underlined .v-field__outline::after {
22221
- border-color: currentColor;
22222
- border-style: solid;
22223
- border-width: 0 0 2px;
22224
- transform: scaleX(0);
22225
- transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
21922
+
21923
+ .v-col-5 {
21924
+ flex: 0 0 41.6666666667%;
21925
+ max-width: 41.6666666667%;
22226
21926
  }
22227
- .v-field--variant-filled .v-field__outline::after, .v-field--variant-underlined .v-field__outline::after {
22228
- content: "";
22229
- position: absolute;
22230
- top: 0;
22231
- left: 0;
22232
- width: 100%;
22233
- height: 100%;
21927
+
21928
+ .v-col-6 {
21929
+ flex: 0 0 50%;
21930
+ max-width: 50%;
22234
21931
  }
22235
- .v-field--focused.v-field--variant-filled .v-field__outline::after, .v-field--focused.v-field--variant-underlined .v-field__outline::after {
22236
- transform: scaleX(1);
21932
+
21933
+ .v-col-7 {
21934
+ flex: 0 0 58.3333333333%;
21935
+ max-width: 58.3333333333%;
22237
21936
  }
22238
21937
 
22239
- .v-field--variant-outlined .v-field__outline {
22240
- border-radius: inherit;
21938
+ .v-col-8 {
21939
+ flex: 0 0 66.6666666667%;
21940
+ max-width: 66.6666666667%;
22241
21941
  }
22242
- .v-field--variant-outlined .v-field__outline__start, .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after, .v-field--variant-outlined .v-field__outline__end {
22243
- border: 0 solid currentColor;
22244
- opacity: var(--v-field-border-opacity);
22245
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21942
+
21943
+ .v-col-9 {
21944
+ flex: 0 0 75%;
21945
+ max-width: 75%;
22246
21946
  }
22247
- .v-field--variant-outlined .v-field__outline__start {
22248
- flex: 0 0 12px;
22249
- border-top-width: var(--v-field-border-width);
22250
- border-bottom-width: var(--v-field-border-width);
22251
- border-inline-start-width: var(--v-field-border-width);
22252
- border-start-start-radius: inherit;
22253
- border-start-end-radius: 0;
22254
- border-end-end-radius: 0;
22255
- border-end-start-radius: inherit;
21947
+
21948
+ .v-col-10 {
21949
+ flex: 0 0 83.3333333333%;
21950
+ max-width: 83.3333333333%;
22256
21951
  }
22257
- .v-field--rounded.v-field--variant-outlined .v-field__outline__start,
22258
- [class^=rounded-].v-field--variant-outlined .v-field__outline__start,
22259
- [class*=" rounded-"].v-field--variant-outlined .v-field__outline__start {
22260
- flex-basis: calc(var(--v-input-control-height) / 2 + 2px);
21952
+
21953
+ .v-col-11 {
21954
+ flex: 0 0 91.6666666667%;
21955
+ max-width: 91.6666666667%;
22261
21956
  }
22262
21957
 
22263
- .v-field--reverse.v-field--variant-outlined .v-field__outline__start {
22264
- border-start-start-radius: 0;
22265
- border-start-end-radius: inherit;
22266
- border-end-end-radius: inherit;
22267
- border-end-start-radius: 0;
22268
- border-inline-end-width: var(--v-field-border-width);
22269
- border-inline-start-width: 0;
21958
+ .v-col-12 {
21959
+ flex: 0 0 100%;
21960
+ max-width: 100%;
22270
21961
  }
22271
21962
 
22272
- .v-field--variant-outlined .v-field__outline__notch {
22273
- flex: none;
22274
- position: relative;
22275
- max-width: calc(100% - 12px);
21963
+ .offset-1 {
21964
+ margin-inline-start: 8.3333333333%;
22276
21965
  }
22277
- .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after {
22278
- opacity: var(--v-field-border-opacity);
22279
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21966
+
21967
+ .offset-2 {
21968
+ margin-inline-start: 16.6666666667%;
22280
21969
  }
22281
- .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after {
22282
- content: "";
22283
- position: absolute;
22284
- top: 0;
22285
- left: 0;
22286
- width: 100%;
22287
- height: 100%;
21970
+
21971
+ .offset-3 {
21972
+ margin-inline-start: 25%;
22288
21973
  }
22289
- .v-field--variant-outlined .v-field__outline__notch::before {
22290
- border-width: var(--v-field-border-width) 0 0;
21974
+
21975
+ .offset-4 {
21976
+ margin-inline-start: 33.3333333333%;
22291
21977
  }
22292
- .v-field--variant-outlined .v-field__outline__notch::after {
22293
- bottom: 0;
22294
- border-width: 0 0 var(--v-field-border-width);
21978
+
21979
+ .offset-5 {
21980
+ margin-inline-start: 41.6666666667%;
22295
21981
  }
22296
- .v-field--active.v-field--variant-outlined .v-field__outline__notch::before {
22297
- opacity: 0;
21982
+
21983
+ .offset-6 {
21984
+ margin-inline-start: 50%;
22298
21985
  }
22299
21986
 
22300
- .v-field--variant-outlined .v-field__outline__end {
22301
- flex: 1;
22302
- border-top-width: var(--v-field-border-width);
22303
- border-bottom-width: var(--v-field-border-width);
22304
- border-inline-end-width: var(--v-field-border-width);
22305
- border-start-start-radius: 0;
22306
- border-start-end-radius: inherit;
22307
- border-end-end-radius: inherit;
22308
- border-end-start-radius: 0;
21987
+ .offset-7 {
21988
+ margin-inline-start: 58.3333333333%;
22309
21989
  }
22310
- .v-field--reverse.v-field--variant-outlined .v-field__outline__end {
22311
- border-start-start-radius: inherit;
22312
- border-start-end-radius: 0;
22313
- border-end-end-radius: 0;
22314
- border-end-start-radius: inherit;
22315
- border-inline-end-width: 0;
22316
- border-inline-start-width: var(--v-field-border-width);
21990
+
21991
+ .offset-8 {
21992
+ margin-inline-start: 66.6666666667%;
22317
21993
  }
22318
21994
 
22319
- /* endregion */
22320
- /* region LOADER */
22321
- .v-field__loader {
22322
- top: calc(100% - 2px);
22323
- left: 0;
22324
- position: absolute;
22325
- right: 0;
22326
- width: 100%;
22327
- border-top-left-radius: 0;
22328
- border-top-right-radius: 0;
22329
- border-bottom-left-radius: inherit;
22330
- border-bottom-right-radius: inherit;
22331
- overflow: hidden;
21995
+ .offset-9 {
21996
+ margin-inline-start: 75%;
22332
21997
  }
22333
- .v-field--variant-outlined .v-field__loader {
22334
- top: calc(100% - 3px);
22335
- width: calc(100% - 1px * 2);
22336
- left: 1px;
21998
+
21999
+ .offset-10 {
22000
+ margin-inline-start: 83.3333333333%;
22337
22001
  }
22338
22002
 
22339
- /* endregion */
22340
- /* region OVERLAY */
22341
- .v-field__overlay {
22342
- border-radius: inherit;
22343
- pointer-events: none;
22003
+ .offset-11 {
22004
+ margin-inline-start: 91.6666666667%;
22344
22005
  }
22345
- .v-field__overlay {
22346
- position: absolute;
22347
- top: 0;
22348
- left: 0;
22349
- width: 100%;
22350
- height: 100%;
22006
+
22007
+ @media (min-width: 600px) {
22008
+ .v-col-sm {
22009
+ flex-basis: 0;
22010
+ flex-grow: 1;
22011
+ max-width: 100%;
22012
+ }
22013
+ .v-col-sm-auto {
22014
+ flex: 0 0 auto;
22015
+ width: auto;
22016
+ max-width: 100%;
22017
+ }
22018
+ .v-col-sm-1 {
22019
+ flex: 0 0 8.3333333333%;
22020
+ max-width: 8.3333333333%;
22021
+ }
22022
+ .v-col-sm-2 {
22023
+ flex: 0 0 16.6666666667%;
22024
+ max-width: 16.6666666667%;
22025
+ }
22026
+ .v-col-sm-3 {
22027
+ flex: 0 0 25%;
22028
+ max-width: 25%;
22029
+ }
22030
+ .v-col-sm-4 {
22031
+ flex: 0 0 33.3333333333%;
22032
+ max-width: 33.3333333333%;
22033
+ }
22034
+ .v-col-sm-5 {
22035
+ flex: 0 0 41.6666666667%;
22036
+ max-width: 41.6666666667%;
22037
+ }
22038
+ .v-col-sm-6 {
22039
+ flex: 0 0 50%;
22040
+ max-width: 50%;
22041
+ }
22042
+ .v-col-sm-7 {
22043
+ flex: 0 0 58.3333333333%;
22044
+ max-width: 58.3333333333%;
22045
+ }
22046
+ .v-col-sm-8 {
22047
+ flex: 0 0 66.6666666667%;
22048
+ max-width: 66.6666666667%;
22049
+ }
22050
+ .v-col-sm-9 {
22051
+ flex: 0 0 75%;
22052
+ max-width: 75%;
22053
+ }
22054
+ .v-col-sm-10 {
22055
+ flex: 0 0 83.3333333333%;
22056
+ max-width: 83.3333333333%;
22057
+ }
22058
+ .v-col-sm-11 {
22059
+ flex: 0 0 91.6666666667%;
22060
+ max-width: 91.6666666667%;
22061
+ }
22062
+ .v-col-sm-12 {
22063
+ flex: 0 0 100%;
22064
+ max-width: 100%;
22065
+ }
22066
+ .offset-sm-0 {
22067
+ margin-inline-start: 0;
22068
+ }
22069
+ .offset-sm-1 {
22070
+ margin-inline-start: 8.3333333333%;
22071
+ }
22072
+ .offset-sm-2 {
22073
+ margin-inline-start: 16.6666666667%;
22074
+ }
22075
+ .offset-sm-3 {
22076
+ margin-inline-start: 25%;
22077
+ }
22078
+ .offset-sm-4 {
22079
+ margin-inline-start: 33.3333333333%;
22080
+ }
22081
+ .offset-sm-5 {
22082
+ margin-inline-start: 41.6666666667%;
22083
+ }
22084
+ .offset-sm-6 {
22085
+ margin-inline-start: 50%;
22086
+ }
22087
+ .offset-sm-7 {
22088
+ margin-inline-start: 58.3333333333%;
22089
+ }
22090
+ .offset-sm-8 {
22091
+ margin-inline-start: 66.6666666667%;
22092
+ }
22093
+ .offset-sm-9 {
22094
+ margin-inline-start: 75%;
22095
+ }
22096
+ .offset-sm-10 {
22097
+ margin-inline-start: 83.3333333333%;
22098
+ }
22099
+ .offset-sm-11 {
22100
+ margin-inline-start: 91.6666666667%;
22101
+ }
22351
22102
  }
22352
-
22353
- .v-field--variant-filled .v-field__overlay {
22354
- background-color: currentColor;
22355
- opacity: 0.04;
22356
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22103
+ @media (min-width: 960px) {
22104
+ .v-col-md {
22105
+ flex-basis: 0;
22106
+ flex-grow: 1;
22107
+ max-width: 100%;
22108
+ }
22109
+ .v-col-md-auto {
22110
+ flex: 0 0 auto;
22111
+ width: auto;
22112
+ max-width: 100%;
22113
+ }
22114
+ .v-col-md-1 {
22115
+ flex: 0 0 8.3333333333%;
22116
+ max-width: 8.3333333333%;
22117
+ }
22118
+ .v-col-md-2 {
22119
+ flex: 0 0 16.6666666667%;
22120
+ max-width: 16.6666666667%;
22121
+ }
22122
+ .v-col-md-3 {
22123
+ flex: 0 0 25%;
22124
+ max-width: 25%;
22125
+ }
22126
+ .v-col-md-4 {
22127
+ flex: 0 0 33.3333333333%;
22128
+ max-width: 33.3333333333%;
22129
+ }
22130
+ .v-col-md-5 {
22131
+ flex: 0 0 41.6666666667%;
22132
+ max-width: 41.6666666667%;
22133
+ }
22134
+ .v-col-md-6 {
22135
+ flex: 0 0 50%;
22136
+ max-width: 50%;
22137
+ }
22138
+ .v-col-md-7 {
22139
+ flex: 0 0 58.3333333333%;
22140
+ max-width: 58.3333333333%;
22141
+ }
22142
+ .v-col-md-8 {
22143
+ flex: 0 0 66.6666666667%;
22144
+ max-width: 66.6666666667%;
22145
+ }
22146
+ .v-col-md-9 {
22147
+ flex: 0 0 75%;
22148
+ max-width: 75%;
22149
+ }
22150
+ .v-col-md-10 {
22151
+ flex: 0 0 83.3333333333%;
22152
+ max-width: 83.3333333333%;
22153
+ }
22154
+ .v-col-md-11 {
22155
+ flex: 0 0 91.6666666667%;
22156
+ max-width: 91.6666666667%;
22157
+ }
22158
+ .v-col-md-12 {
22159
+ flex: 0 0 100%;
22160
+ max-width: 100%;
22161
+ }
22162
+ .offset-md-0 {
22163
+ margin-inline-start: 0;
22164
+ }
22165
+ .offset-md-1 {
22166
+ margin-inline-start: 8.3333333333%;
22167
+ }
22168
+ .offset-md-2 {
22169
+ margin-inline-start: 16.6666666667%;
22170
+ }
22171
+ .offset-md-3 {
22172
+ margin-inline-start: 25%;
22173
+ }
22174
+ .offset-md-4 {
22175
+ margin-inline-start: 33.3333333333%;
22176
+ }
22177
+ .offset-md-5 {
22178
+ margin-inline-start: 41.6666666667%;
22179
+ }
22180
+ .offset-md-6 {
22181
+ margin-inline-start: 50%;
22182
+ }
22183
+ .offset-md-7 {
22184
+ margin-inline-start: 58.3333333333%;
22185
+ }
22186
+ .offset-md-8 {
22187
+ margin-inline-start: 66.6666666667%;
22188
+ }
22189
+ .offset-md-9 {
22190
+ margin-inline-start: 75%;
22191
+ }
22192
+ .offset-md-10 {
22193
+ margin-inline-start: 83.3333333333%;
22194
+ }
22195
+ .offset-md-11 {
22196
+ margin-inline-start: 91.6666666667%;
22197
+ }
22357
22198
  }
22358
- .v-field--variant-filled.v-field--has-background .v-field__overlay {
22359
- opacity: 0;
22199
+ @media (min-width: 1280px) {
22200
+ .v-col-lg {
22201
+ flex-basis: 0;
22202
+ flex-grow: 1;
22203
+ max-width: 100%;
22204
+ }
22205
+ .v-col-lg-auto {
22206
+ flex: 0 0 auto;
22207
+ width: auto;
22208
+ max-width: 100%;
22209
+ }
22210
+ .v-col-lg-1 {
22211
+ flex: 0 0 8.3333333333%;
22212
+ max-width: 8.3333333333%;
22213
+ }
22214
+ .v-col-lg-2 {
22215
+ flex: 0 0 16.6666666667%;
22216
+ max-width: 16.6666666667%;
22217
+ }
22218
+ .v-col-lg-3 {
22219
+ flex: 0 0 25%;
22220
+ max-width: 25%;
22221
+ }
22222
+ .v-col-lg-4 {
22223
+ flex: 0 0 33.3333333333%;
22224
+ max-width: 33.3333333333%;
22225
+ }
22226
+ .v-col-lg-5 {
22227
+ flex: 0 0 41.6666666667%;
22228
+ max-width: 41.6666666667%;
22229
+ }
22230
+ .v-col-lg-6 {
22231
+ flex: 0 0 50%;
22232
+ max-width: 50%;
22233
+ }
22234
+ .v-col-lg-7 {
22235
+ flex: 0 0 58.3333333333%;
22236
+ max-width: 58.3333333333%;
22237
+ }
22238
+ .v-col-lg-8 {
22239
+ flex: 0 0 66.6666666667%;
22240
+ max-width: 66.6666666667%;
22241
+ }
22242
+ .v-col-lg-9 {
22243
+ flex: 0 0 75%;
22244
+ max-width: 75%;
22245
+ }
22246
+ .v-col-lg-10 {
22247
+ flex: 0 0 83.3333333333%;
22248
+ max-width: 83.3333333333%;
22249
+ }
22250
+ .v-col-lg-11 {
22251
+ flex: 0 0 91.6666666667%;
22252
+ max-width: 91.6666666667%;
22253
+ }
22254
+ .v-col-lg-12 {
22255
+ flex: 0 0 100%;
22256
+ max-width: 100%;
22257
+ }
22258
+ .offset-lg-0 {
22259
+ margin-inline-start: 0;
22260
+ }
22261
+ .offset-lg-1 {
22262
+ margin-inline-start: 8.3333333333%;
22263
+ }
22264
+ .offset-lg-2 {
22265
+ margin-inline-start: 16.6666666667%;
22266
+ }
22267
+ .offset-lg-3 {
22268
+ margin-inline-start: 25%;
22269
+ }
22270
+ .offset-lg-4 {
22271
+ margin-inline-start: 33.3333333333%;
22272
+ }
22273
+ .offset-lg-5 {
22274
+ margin-inline-start: 41.6666666667%;
22275
+ }
22276
+ .offset-lg-6 {
22277
+ margin-inline-start: 50%;
22278
+ }
22279
+ .offset-lg-7 {
22280
+ margin-inline-start: 58.3333333333%;
22281
+ }
22282
+ .offset-lg-8 {
22283
+ margin-inline-start: 66.6666666667%;
22284
+ }
22285
+ .offset-lg-9 {
22286
+ margin-inline-start: 75%;
22287
+ }
22288
+ .offset-lg-10 {
22289
+ margin-inline-start: 83.3333333333%;
22290
+ }
22291
+ .offset-lg-11 {
22292
+ margin-inline-start: 91.6666666667%;
22293
+ }
22360
22294
  }
22361
- @media (hover: hover) {
22362
- .v-field--variant-filled:hover .v-field__overlay {
22363
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
22295
+ @media (min-width: 1920px) {
22296
+ .v-col-xl {
22297
+ flex-basis: 0;
22298
+ flex-grow: 1;
22299
+ max-width: 100%;
22300
+ }
22301
+ .v-col-xl-auto {
22302
+ flex: 0 0 auto;
22303
+ width: auto;
22304
+ max-width: 100%;
22305
+ }
22306
+ .v-col-xl-1 {
22307
+ flex: 0 0 8.3333333333%;
22308
+ max-width: 8.3333333333%;
22309
+ }
22310
+ .v-col-xl-2 {
22311
+ flex: 0 0 16.6666666667%;
22312
+ max-width: 16.6666666667%;
22364
22313
  }
22365
- }
22366
- .v-field--variant-filled.v-field--focused .v-field__overlay {
22367
- opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
22368
- }
22369
-
22370
- .v-field--variant-solo-filled .v-field__overlay {
22371
- background-color: currentColor;
22372
- opacity: 0.04;
22373
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22374
- }
22375
- @media (hover: hover) {
22376
- .v-field--variant-solo-filled:hover .v-field__overlay {
22377
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
22314
+ .v-col-xl-3 {
22315
+ flex: 0 0 25%;
22316
+ max-width: 25%;
22378
22317
  }
22379
- }
22380
- .v-field--variant-solo-filled.v-field--focused .v-field__overlay {
22381
- opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
22382
- }
22383
-
22384
- .v-field--variant-solo-inverted .v-field__overlay {
22385
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22386
- }
22387
- .v-field--variant-solo-inverted.v-field--has-background .v-field__overlay {
22388
- opacity: 0;
22389
- }
22390
- @media (hover: hover) {
22391
- .v-field--variant-solo-inverted:hover .v-field__overlay {
22392
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
22318
+ .v-col-xl-4 {
22319
+ flex: 0 0 33.3333333333%;
22320
+ max-width: 33.3333333333%;
22321
+ }
22322
+ .v-col-xl-5 {
22323
+ flex: 0 0 41.6666666667%;
22324
+ max-width: 41.6666666667%;
22325
+ }
22326
+ .v-col-xl-6 {
22327
+ flex: 0 0 50%;
22328
+ max-width: 50%;
22329
+ }
22330
+ .v-col-xl-7 {
22331
+ flex: 0 0 58.3333333333%;
22332
+ max-width: 58.3333333333%;
22333
+ }
22334
+ .v-col-xl-8 {
22335
+ flex: 0 0 66.6666666667%;
22336
+ max-width: 66.6666666667%;
22337
+ }
22338
+ .v-col-xl-9 {
22339
+ flex: 0 0 75%;
22340
+ max-width: 75%;
22341
+ }
22342
+ .v-col-xl-10 {
22343
+ flex: 0 0 83.3333333333%;
22344
+ max-width: 83.3333333333%;
22345
+ }
22346
+ .v-col-xl-11 {
22347
+ flex: 0 0 91.6666666667%;
22348
+ max-width: 91.6666666667%;
22349
+ }
22350
+ .v-col-xl-12 {
22351
+ flex: 0 0 100%;
22352
+ max-width: 100%;
22353
+ }
22354
+ .offset-xl-0 {
22355
+ margin-inline-start: 0;
22356
+ }
22357
+ .offset-xl-1 {
22358
+ margin-inline-start: 8.3333333333%;
22359
+ }
22360
+ .offset-xl-2 {
22361
+ margin-inline-start: 16.6666666667%;
22362
+ }
22363
+ .offset-xl-3 {
22364
+ margin-inline-start: 25%;
22365
+ }
22366
+ .offset-xl-4 {
22367
+ margin-inline-start: 33.3333333333%;
22368
+ }
22369
+ .offset-xl-5 {
22370
+ margin-inline-start: 41.6666666667%;
22371
+ }
22372
+ .offset-xl-6 {
22373
+ margin-inline-start: 50%;
22374
+ }
22375
+ .offset-xl-7 {
22376
+ margin-inline-start: 58.3333333333%;
22377
+ }
22378
+ .offset-xl-8 {
22379
+ margin-inline-start: 66.6666666667%;
22380
+ }
22381
+ .offset-xl-9 {
22382
+ margin-inline-start: 75%;
22383
+ }
22384
+ .offset-xl-10 {
22385
+ margin-inline-start: 83.3333333333%;
22386
+ }
22387
+ .offset-xl-11 {
22388
+ margin-inline-start: 91.6666666667%;
22393
22389
  }
22394
22390
  }
22395
- .v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
22396
- background-color: rgb(var(--v-theme-surface-variant));
22397
- opacity: 1;
22398
- }
22399
-
22400
- /* endregion */
22401
- /* region MODIFIERS */
22402
- .v-field--reverse .v-field__field,
22403
- .v-field--reverse .v-field__input,
22404
- .v-field--reverse .v-field__outline {
22405
- flex-direction: row-reverse;
22406
- }
22407
- .v-field--reverse .v-field__input, .v-field--reverse input {
22408
- text-align: end;
22409
- }
22410
-
22411
- .v-input--disabled .v-field--variant-filled .v-field__outline::before,
22412
- .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
22413
- border-image: repeating-linear-gradient(to right, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 0px, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 2px, transparent 2px, transparent 4px) 1 repeat;
22414
- }
22415
-
22416
- .v-field--loading .v-field__outline::after,
22417
- .v-field--loading .v-field__outline::before {
22418
- opacity: 0;
22419
- }
22420
-
22421
- /* endregion */.v-file-input--hide.v-input .v-field,
22422
- .v-file-input--hide.v-input .v-input__control,
22423
- .v-file-input--hide.v-input .v-input__details {
22424
- display: none;
22425
- }
22426
- .v-file-input--hide.v-input .v-input__prepend {
22427
- grid-area: control;
22428
- margin: 0 auto;
22429
- }
22430
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
22431
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
22432
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
22433
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
22434
- top: 0px;
22435
- }
22436
- .v-file-input input[type=file] {
22437
- height: 100%;
22438
- left: 0;
22439
- opacity: 0;
22440
- position: absolute;
22441
- top: 0;
22442
- width: 100%;
22443
- z-index: 1;
22444
- }
22445
- .v-file-input .v-input__details {
22446
- padding-inline: 16px;
22447
- }
22448
- .v-input--plain-underlined.v-file-input .v-input__details {
22449
- padding-inline: 0;
22450
- }.v-footer {
22451
- align-items: center;
22452
- display: flex;
22453
- flex: 1 1 auto;
22454
- padding: 8px 16px;
22455
- position: relative;
22456
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22457
- transition-property: height, width, transform, max-width, left, right, top, bottom;
22458
- }
22459
- .v-footer {
22460
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22461
- border-style: solid;
22462
- border-width: 0;
22463
- }
22464
- .v-footer--border {
22465
- border-width: thin;
22466
- box-shadow: none;
22467
- }
22468
- .v-footer {
22469
- 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));
22470
- }
22471
- .v-footer--absolute {
22472
- position: absolute;
22473
- }
22474
- .v-footer--fixed {
22475
- position: fixed;
22476
- }
22477
- .v-footer {
22478
- border-radius: 0;
22479
- }
22480
- .v-footer {
22481
- background: rgb(var(--v-theme-surface));
22482
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22483
- }
22484
- .v-footer--rounded {
22485
- border-radius: 4px;
22391
+ @media (min-width: 2560px) {
22392
+ .v-col-xxl {
22393
+ flex-basis: 0;
22394
+ flex-grow: 1;
22395
+ max-width: 100%;
22396
+ }
22397
+ .v-col-xxl-auto {
22398
+ flex: 0 0 auto;
22399
+ width: auto;
22400
+ max-width: 100%;
22401
+ }
22402
+ .v-col-xxl-1 {
22403
+ flex: 0 0 8.3333333333%;
22404
+ max-width: 8.3333333333%;
22405
+ }
22406
+ .v-col-xxl-2 {
22407
+ flex: 0 0 16.6666666667%;
22408
+ max-width: 16.6666666667%;
22409
+ }
22410
+ .v-col-xxl-3 {
22411
+ flex: 0 0 25%;
22412
+ max-width: 25%;
22413
+ }
22414
+ .v-col-xxl-4 {
22415
+ flex: 0 0 33.3333333333%;
22416
+ max-width: 33.3333333333%;
22417
+ }
22418
+ .v-col-xxl-5 {
22419
+ flex: 0 0 41.6666666667%;
22420
+ max-width: 41.6666666667%;
22421
+ }
22422
+ .v-col-xxl-6 {
22423
+ flex: 0 0 50%;
22424
+ max-width: 50%;
22425
+ }
22426
+ .v-col-xxl-7 {
22427
+ flex: 0 0 58.3333333333%;
22428
+ max-width: 58.3333333333%;
22429
+ }
22430
+ .v-col-xxl-8 {
22431
+ flex: 0 0 66.6666666667%;
22432
+ max-width: 66.6666666667%;
22433
+ }
22434
+ .v-col-xxl-9 {
22435
+ flex: 0 0 75%;
22436
+ max-width: 75%;
22437
+ }
22438
+ .v-col-xxl-10 {
22439
+ flex: 0 0 83.3333333333%;
22440
+ max-width: 83.3333333333%;
22441
+ }
22442
+ .v-col-xxl-11 {
22443
+ flex: 0 0 91.6666666667%;
22444
+ max-width: 91.6666666667%;
22445
+ }
22446
+ .v-col-xxl-12 {
22447
+ flex: 0 0 100%;
22448
+ max-width: 100%;
22449
+ }
22450
+ .offset-xxl-0 {
22451
+ margin-inline-start: 0;
22452
+ }
22453
+ .offset-xxl-1 {
22454
+ margin-inline-start: 8.3333333333%;
22455
+ }
22456
+ .offset-xxl-2 {
22457
+ margin-inline-start: 16.6666666667%;
22458
+ }
22459
+ .offset-xxl-3 {
22460
+ margin-inline-start: 25%;
22461
+ }
22462
+ .offset-xxl-4 {
22463
+ margin-inline-start: 33.3333333333%;
22464
+ }
22465
+ .offset-xxl-5 {
22466
+ margin-inline-start: 41.6666666667%;
22467
+ }
22468
+ .offset-xxl-6 {
22469
+ margin-inline-start: 50%;
22470
+ }
22471
+ .offset-xxl-7 {
22472
+ margin-inline-start: 58.3333333333%;
22473
+ }
22474
+ .offset-xxl-8 {
22475
+ margin-inline-start: 66.6666666667%;
22476
+ }
22477
+ .offset-xxl-9 {
22478
+ margin-inline-start: 75%;
22479
+ }
22480
+ .offset-xxl-10 {
22481
+ margin-inline-start: 83.3333333333%;
22482
+ }
22483
+ .offset-xxl-11 {
22484
+ margin-inline-start: 91.6666666667%;
22485
+ }
22486
22486
  }.v-icon {
22487
22487
  --v-icon-size-multiplier: 1;
22488
22488
  align-items: center;
@@ -22587,31 +22587,6 @@ textarea.v-field__input::placeholder {
22587
22587
 
22588
22588
  .v-img__gradient {
22589
22589
  background-repeat: no-repeat;
22590
- }.v-infinite-scroll--horizontal {
22591
- display: flex;
22592
- flex-direction: row;
22593
- overflow-x: auto;
22594
- }
22595
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
22596
- height: 100%;
22597
- width: 1px;
22598
- }
22599
-
22600
- .v-infinite-scroll--vertical {
22601
- display: flex;
22602
- flex-direction: column;
22603
- overflow-y: auto;
22604
- }
22605
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
22606
- height: 1px;
22607
- width: 100%;
22608
- }
22609
-
22610
- .v-infinite-scroll__side {
22611
- align-items: center;
22612
- display: flex;
22613
- justify-content: center;
22614
- padding: 8px;
22615
22590
  }.v-input {
22616
22591
  display: grid;
22617
22592
  flex: 1 1 auto;
@@ -22754,6 +22729,31 @@ textarea.v-field__input::placeholder {
22754
22729
 
22755
22730
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
22756
22731
  padding-top: calc(var(--v-input-padding-top) + 0px);
22732
+ }.v-infinite-scroll--horizontal {
22733
+ display: flex;
22734
+ flex-direction: row;
22735
+ overflow-x: auto;
22736
+ }
22737
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
22738
+ height: 100%;
22739
+ width: 1px;
22740
+ }
22741
+
22742
+ .v-infinite-scroll--vertical {
22743
+ display: flex;
22744
+ flex-direction: column;
22745
+ overflow-y: auto;
22746
+ }
22747
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
22748
+ height: 1px;
22749
+ width: 100%;
22750
+ }
22751
+
22752
+ .v-infinite-scroll__side {
22753
+ align-items: center;
22754
+ display: flex;
22755
+ justify-content: center;
22756
+ padding: 8px;
22757
22757
  }.v-item-group {
22758
22758
  flex: 0 1 auto;
22759
22759
  max-width: 100%;
@@ -23396,6 +23396,22 @@ textarea.v-field__input::placeholder {
23396
23396
  --v-layout-right: 0px;
23397
23397
  --v-layout-top: 0px;
23398
23398
  --v-layout-bottom: 0px;
23399
+ }.v-messages {
23400
+ flex: 1 1 auto;
23401
+ font-size: 12px;
23402
+ min-height: 14px;
23403
+ min-width: 1px;
23404
+ opacity: var(--v-medium-emphasis-opacity);
23405
+ position: relative;
23406
+ }
23407
+ .v-messages__message {
23408
+ line-height: 12px;
23409
+ word-break: break-word;
23410
+ overflow-wrap: break-word;
23411
+ word-wrap: break-word;
23412
+ -webkit-hyphens: auto;
23413
+ hyphens: auto;
23414
+ transition-duration: 150ms;
23399
23415
  }.v-menu > .v-overlay__content {
23400
23416
  display: flex;
23401
23417
  flex-direction: column;
@@ -23415,22 +23431,6 @@ textarea.v-field__input::placeholder {
23415
23431
  .v-menu > .v-overlay__content > .v-sheet,
23416
23432
  .v-menu > .v-overlay__content > .v-list {
23417
23433
  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));
23418
- }.v-messages {
23419
- flex: 1 1 auto;
23420
- font-size: 12px;
23421
- min-height: 14px;
23422
- min-width: 1px;
23423
- opacity: var(--v-medium-emphasis-opacity);
23424
- position: relative;
23425
- }
23426
- .v-messages__message {
23427
- line-height: 12px;
23428
- word-break: break-word;
23429
- overflow-wrap: break-word;
23430
- word-wrap: break-word;
23431
- -webkit-hyphens: auto;
23432
- hyphens: auto;
23433
- transition-duration: 150ms;
23434
23434
  }.v-navigation-drawer {
23435
23435
  -webkit-overflow-scrolling: touch;
23436
23436
  background: rgb(var(--v-theme-surface));
@@ -23660,6 +23660,14 @@ html.v-overlay-scroll-blocked {
23660
23660
 
23661
23661
  .v-overlay--scroll-blocked {
23662
23662
  padding-inline-end: var(--v-scrollbar-offset);
23663
+ }.v-pagination__list {
23664
+ display: inline-flex;
23665
+ list-style-type: none;
23666
+ justify-content: center;
23667
+ width: 100%;
23668
+ }
23669
+ .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
23670
+ margin: 0.3rem;
23663
23671
  }.v-parallax {
23664
23672
  position: relative;
23665
23673
  overflow: hidden;
@@ -24766,44 +24774,226 @@ html.v-overlay-scroll-blocked {
24766
24774
  }.v-speed-dial__content {
24767
24775
  gap: 8px;
24768
24776
  }
24769
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right-center {
24770
- flex-direction: row;
24777
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right-center {
24778
+ flex-direction: row;
24779
+ }
24780
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start-center {
24781
+ flex-direction: row-reverse;
24782
+ }
24783
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top-center {
24784
+ flex-direction: column-reverse;
24785
+ }
24786
+ .v-speed-dial__content > *:nth-child(1) {
24787
+ transition-delay: 0s;
24788
+ }
24789
+ .v-speed-dial__content > *:nth-child(2) {
24790
+ transition-delay: 0.05s;
24791
+ }
24792
+ .v-speed-dial__content > *:nth-child(3) {
24793
+ transition-delay: 0.1s;
24794
+ }
24795
+ .v-speed-dial__content > *:nth-child(4) {
24796
+ transition-delay: 0.15s;
24797
+ }
24798
+ .v-speed-dial__content > *:nth-child(5) {
24799
+ transition-delay: 0.2s;
24800
+ }
24801
+ .v-speed-dial__content > *:nth-child(6) {
24802
+ transition-delay: 0.25s;
24803
+ }
24804
+ .v-speed-dial__content > *:nth-child(7) {
24805
+ transition-delay: 0.3s;
24806
+ }
24807
+ .v-speed-dial__content > *:nth-child(8) {
24808
+ transition-delay: 0.35s;
24809
+ }
24810
+ .v-speed-dial__content > *:nth-child(9) {
24811
+ transition-delay: 0.4s;
24812
+ }
24813
+ .v-speed-dial__content > *:nth-child(10) {
24814
+ transition-delay: 0.45s;
24815
+ }.v-switch .v-label {
24816
+ padding-inline-start: 10px;
24817
+ }
24818
+
24819
+ .v-switch__loader {
24820
+ display: flex;
24821
+ }
24822
+ .v-switch__loader .v-progress-circular {
24823
+ color: rgb(var(--v-theme-surface));
24824
+ }
24825
+
24826
+ .v-switch__track,
24827
+ .v-switch__thumb {
24828
+ transition: none;
24829
+ }
24830
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
24831
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
24832
+ background-color: rgb(var(--v-theme-error));
24833
+ color: rgb(var(--v-theme-on-error));
24834
+ }
24835
+
24836
+ .v-switch__track-true {
24837
+ margin-inline-end: auto;
24838
+ }
24839
+ .v-selection-control:not(.v-selection-control--dirty) .v-switch__track-true {
24840
+ opacity: 0;
24841
+ }
24842
+
24843
+ .v-switch__track-false {
24844
+ margin-inline-start: auto;
24845
+ }
24846
+ .v-selection-control--dirty .v-switch__track-false {
24847
+ opacity: 0;
24848
+ }
24849
+
24850
+ .v-switch__track {
24851
+ display: inline-flex;
24852
+ align-items: center;
24853
+ font-size: 0.5rem;
24854
+ padding: 0 5px;
24855
+ background-color: rgb(var(--v-theme-surface-variant));
24856
+ border-radius: 9999px;
24857
+ height: 14px;
24858
+ opacity: 0.6;
24859
+ min-width: 36px;
24860
+ cursor: pointer;
24861
+ transition: 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
24862
+ }
24863
+ .v-switch--inset .v-switch__track {
24864
+ border-radius: 9999px;
24865
+ font-size: 0.75rem;
24866
+ height: 32px;
24867
+ min-width: 52px;
24868
+ }
24869
+
24870
+ .v-switch__thumb {
24871
+ align-items: center;
24872
+ background-color: rgb(var(--v-theme-surface-bright));
24873
+ color: rgb(var(--v-theme-on-surface-bright));
24874
+ border-radius: 50%;
24875
+ display: flex;
24876
+ font-size: 0.75rem;
24877
+ height: 20px;
24878
+ justify-content: center;
24879
+ width: 20px;
24880
+ pointer-events: none;
24881
+ transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1), 0.2s color cubic-bezier(0.4, 0, 0.2, 1), 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
24882
+ position: relative;
24883
+ overflow: hidden;
24884
+ }
24885
+ .v-switch:not(.v-switch--inset) .v-switch__thumb {
24886
+ 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));
24887
+ }
24888
+ .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
24889
+ background: rgb(var(--v-theme-surface-variant));
24890
+ color: rgb(var(--v-theme-on-surface-variant));
24891
+ }
24892
+ .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
24893
+ 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));
24894
+ }
24895
+ .v-switch--inset .v-switch__thumb {
24896
+ height: 24px;
24897
+ width: 24px;
24898
+ transform: scale(0.6666666667);
24899
+ }
24900
+ .v-switch--inset .v-switch__thumb--filled {
24901
+ transform: none;
24902
+ }
24903
+ .v-switch--inset .v-selection-control--dirty .v-switch__thumb {
24904
+ transform: none;
24905
+ transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
24906
+ }
24907
+
24908
+ .v-switch.v-input {
24909
+ flex: 0 1 auto;
24910
+ }
24911
+ .v-switch .v-selection-control {
24912
+ min-height: var(--v-input-control-height);
24771
24913
  }
24772
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start-center {
24773
- flex-direction: row-reverse;
24914
+ .v-switch .v-selection-control__input {
24915
+ border-radius: 50%;
24916
+ transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
24917
+ position: absolute;
24774
24918
  }
24775
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top-center {
24776
- flex-direction: column-reverse;
24919
+ .v-locale--is-ltr.v-switch .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control__input {
24920
+ transform: translateX(-10px);
24777
24921
  }
24778
- .v-speed-dial__content > *:nth-child(1) {
24779
- transition-delay: 0s;
24922
+
24923
+ .v-locale--is-rtl.v-switch .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control__input {
24924
+ transform: translateX(10px);
24780
24925
  }
24781
- .v-speed-dial__content > *:nth-child(2) {
24782
- transition-delay: 0.05s;
24926
+
24927
+ .v-switch .v-selection-control__input .v-icon {
24928
+ position: absolute;
24783
24929
  }
24784
- .v-speed-dial__content > *:nth-child(3) {
24785
- transition-delay: 0.1s;
24930
+ .v-locale--is-ltr.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control--dirty .v-selection-control__input {
24931
+ transform: translateX(10px);
24786
24932
  }
24787
- .v-speed-dial__content > *:nth-child(4) {
24788
- transition-delay: 0.15s;
24933
+
24934
+ .v-locale--is-rtl.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control--dirty .v-selection-control__input {
24935
+ transform: translateX(-10px);
24789
24936
  }
24790
- .v-speed-dial__content > *:nth-child(5) {
24791
- transition-delay: 0.2s;
24937
+
24938
+ .v-switch.v-switch--indeterminate .v-selection-control__input {
24939
+ transform: scale(0.8);
24792
24940
  }
24793
- .v-speed-dial__content > *:nth-child(6) {
24794
- transition-delay: 0.25s;
24941
+ .v-switch.v-switch--indeterminate .v-switch__thumb {
24942
+ transform: scale(0.75);
24943
+ box-shadow: none;
24795
24944
  }
24796
- .v-speed-dial__content > *:nth-child(7) {
24797
- transition-delay: 0.3s;
24945
+ .v-switch.v-switch--inset .v-selection-control__wrapper {
24946
+ width: auto;
24798
24947
  }
24799
- .v-speed-dial__content > *:nth-child(8) {
24800
- transition-delay: 0.35s;
24948
+ .v-switch.v-input--vertical .v-label {
24949
+ min-width: max-content;
24801
24950
  }
24802
- .v-speed-dial__content > *:nth-child(9) {
24803
- transition-delay: 0.4s;
24951
+ .v-switch.v-input--vertical .v-selection-control__wrapper {
24952
+ transform: rotate(-90deg);
24804
24953
  }
24805
- .v-speed-dial__content > *:nth-child(10) {
24806
- transition-delay: 0.45s;
24954
+
24955
+ @media (forced-colors: active) {
24956
+ .v-switch .v-switch__loader .v-progress-circular {
24957
+ color: currentColor;
24958
+ }
24959
+ .v-switch .v-switch__thumb {
24960
+ background-color: buttontext;
24961
+ }
24962
+ .v-switch .v-switch__track,
24963
+ .v-switch .v-switch__thumb {
24964
+ border: 1px solid;
24965
+ color: buttontext;
24966
+ }
24967
+ .v-switch:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
24968
+ background-color: highlight;
24969
+ }
24970
+ .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track {
24971
+ background-color: highlight;
24972
+ }
24973
+ .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track,
24974
+ .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
24975
+ color: highlight;
24976
+ }
24977
+ .v-switch.v-switch--inset .v-switch__track {
24978
+ border-width: 2px;
24979
+ }
24980
+ .v-switch.v-switch--inset:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
24981
+ background-color: highlighttext;
24982
+ color: highlighttext;
24983
+ }
24984
+ .v-switch.v-input--disabled .v-switch__thumb {
24985
+ background-color: graytext;
24986
+ }
24987
+ .v-switch.v-input--disabled .v-switch__track,
24988
+ .v-switch.v-input--disabled .v-switch__thumb {
24989
+ color: graytext;
24990
+ }
24991
+ .v-switch.v-switch--loading .v-switch__thumb {
24992
+ background-color: canvas;
24993
+ }
24994
+ .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
24995
+ border-width: 0;
24996
+ }
24807
24997
  }.v-stepper.v-sheet {
24808
24998
  overflow: hidden;
24809
24999
  }
@@ -24918,249 +25108,67 @@ html.v-overlay-scroll-blocked {
24918
25108
  flex-basis: 175px;
24919
25109
  }
24920
25110
 
24921
- .v-stepper-item__avatar.v-avatar {
24922
- background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
24923
- color: rgb(var(--v-theme-on-surface-variant));
24924
- font-size: 0.75rem;
24925
- margin-inline-end: 8px;
24926
- }
24927
- .v-stepper--mobile .v-stepper-item__avatar.v-avatar {
24928
- margin-inline-end: 0;
24929
- }
24930
- .v-stepper-item__avatar.v-avatar .v-icon {
24931
- font-size: 0.875rem;
24932
- }
24933
- .v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
24934
- background: rgb(var(--v-theme-surface-variant));
24935
- }
24936
- .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
24937
- background: rgb(var(--v-theme-error));
24938
- }
24939
- .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
24940
- margin-bottom: 16px;
24941
- margin-inline-end: 0;
24942
- }
24943
-
24944
- .v-stepper-item__title {
24945
- line-height: 1;
24946
- }
24947
- .v-stepper--mobile .v-stepper-item__title {
24948
- display: none;
24949
- }
24950
-
24951
- .v-stepper-item__subtitle {
24952
- font-size: 0.75rem;
24953
- text-align: left;
24954
- line-height: 1;
24955
- opacity: var(--v-medium-emphasis-opacity);
24956
- }
24957
- .v-stepper--alt-labels .v-stepper-item__subtitle {
24958
- text-align: center;
24959
- }
24960
- .v-stepper--mobile .v-stepper-item__subtitle {
24961
- display: none;
24962
- }
24963
-
24964
- .v-stepper-item__overlay {
24965
- background-color: currentColor;
24966
- border-radius: inherit;
24967
- opacity: 0;
24968
- transition: opacity 0.2s ease-in-out;
24969
- }
24970
-
24971
- .v-stepper-item__overlay,
24972
- .v-stepper-item__underlay {
24973
- pointer-events: none;
24974
- }
24975
- .v-stepper-item__overlay,
24976
- .v-stepper-item__underlay {
24977
- position: absolute;
24978
- top: 0;
24979
- left: 0;
24980
- width: 100%;
24981
- height: 100%;
24982
- }.v-switch .v-label {
24983
- padding-inline-start: 10px;
24984
- }
24985
-
24986
- .v-switch__loader {
24987
- display: flex;
24988
- }
24989
- .v-switch__loader .v-progress-circular {
24990
- color: rgb(var(--v-theme-surface));
24991
- }
24992
-
24993
- .v-switch__track,
24994
- .v-switch__thumb {
24995
- transition: none;
24996
- }
24997
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
24998
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
24999
- background-color: rgb(var(--v-theme-error));
25000
- color: rgb(var(--v-theme-on-error));
25001
- }
25002
-
25003
- .v-switch__track-true {
25004
- margin-inline-end: auto;
25005
- }
25006
- .v-selection-control:not(.v-selection-control--dirty) .v-switch__track-true {
25007
- opacity: 0;
25008
- }
25009
-
25010
- .v-switch__track-false {
25011
- margin-inline-start: auto;
25012
- }
25013
- .v-selection-control--dirty .v-switch__track-false {
25014
- opacity: 0;
25015
- }
25016
-
25017
- .v-switch__track {
25018
- display: inline-flex;
25019
- align-items: center;
25020
- font-size: 0.5rem;
25021
- padding: 0 5px;
25022
- background-color: rgb(var(--v-theme-surface-variant));
25023
- border-radius: 9999px;
25024
- height: 14px;
25025
- opacity: 0.6;
25026
- min-width: 36px;
25027
- cursor: pointer;
25028
- transition: 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
25029
- }
25030
- .v-switch--inset .v-switch__track {
25031
- border-radius: 9999px;
25032
- font-size: 0.75rem;
25033
- height: 32px;
25034
- min-width: 52px;
25035
- }
25036
-
25037
- .v-switch__thumb {
25038
- align-items: center;
25039
- background-color: rgb(var(--v-theme-surface-bright));
25040
- color: rgb(var(--v-theme-on-surface-bright));
25041
- border-radius: 50%;
25042
- display: flex;
25043
- font-size: 0.75rem;
25044
- height: 20px;
25045
- justify-content: center;
25046
- width: 20px;
25047
- pointer-events: none;
25048
- transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1), 0.2s color cubic-bezier(0.4, 0, 0.2, 1), 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
25049
- position: relative;
25050
- overflow: hidden;
25051
- }
25052
- .v-switch:not(.v-switch--inset) .v-switch__thumb {
25053
- 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));
25054
- }
25055
- .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
25056
- background: rgb(var(--v-theme-surface-variant));
25057
- color: rgb(var(--v-theme-on-surface-variant));
25058
- }
25059
- .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
25060
- 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));
25061
- }
25062
- .v-switch--inset .v-switch__thumb {
25063
- height: 24px;
25064
- width: 24px;
25065
- transform: scale(0.6666666667);
25066
- }
25067
- .v-switch--inset .v-switch__thumb--filled {
25068
- transform: none;
25069
- }
25070
- .v-switch--inset .v-selection-control--dirty .v-switch__thumb {
25071
- transform: none;
25072
- transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
25073
- }
25074
-
25075
- .v-switch.v-input {
25076
- flex: 0 1 auto;
25077
- }
25078
- .v-switch .v-selection-control {
25079
- min-height: var(--v-input-control-height);
25111
+ .v-stepper-item__avatar.v-avatar {
25112
+ background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
25113
+ color: rgb(var(--v-theme-on-surface-variant));
25114
+ font-size: 0.75rem;
25115
+ margin-inline-end: 8px;
25080
25116
  }
25081
- .v-switch .v-selection-control__input {
25082
- border-radius: 50%;
25083
- transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
25084
- position: absolute;
25117
+ .v-stepper--mobile .v-stepper-item__avatar.v-avatar {
25118
+ margin-inline-end: 0;
25085
25119
  }
25086
- .v-locale--is-ltr.v-switch .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control__input {
25087
- transform: translateX(-10px);
25120
+ .v-stepper-item__avatar.v-avatar .v-icon {
25121
+ font-size: 0.875rem;
25088
25122
  }
25089
-
25090
- .v-locale--is-rtl.v-switch .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control__input {
25091
- transform: translateX(10px);
25123
+ .v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
25124
+ background: rgb(var(--v-theme-surface-variant));
25092
25125
  }
25093
-
25094
- .v-switch .v-selection-control__input .v-icon {
25095
- position: absolute;
25126
+ .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
25127
+ background: rgb(var(--v-theme-error));
25096
25128
  }
25097
- .v-locale--is-ltr.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control--dirty .v-selection-control__input {
25098
- transform: translateX(10px);
25129
+ .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
25130
+ margin-bottom: 16px;
25131
+ margin-inline-end: 0;
25099
25132
  }
25100
25133
 
25101
- .v-locale--is-rtl.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control--dirty .v-selection-control__input {
25102
- transform: translateX(-10px);
25134
+ .v-stepper-item__title {
25135
+ line-height: 1;
25103
25136
  }
25104
-
25105
- .v-switch.v-switch--indeterminate .v-selection-control__input {
25106
- transform: scale(0.8);
25137
+ .v-stepper--mobile .v-stepper-item__title {
25138
+ display: none;
25107
25139
  }
25108
- .v-switch.v-switch--indeterminate .v-switch__thumb {
25109
- transform: scale(0.75);
25110
- box-shadow: none;
25140
+
25141
+ .v-stepper-item__subtitle {
25142
+ font-size: 0.75rem;
25143
+ text-align: left;
25144
+ line-height: 1;
25145
+ opacity: var(--v-medium-emphasis-opacity);
25111
25146
  }
25112
- .v-switch.v-switch--inset .v-selection-control__wrapper {
25113
- width: auto;
25147
+ .v-stepper--alt-labels .v-stepper-item__subtitle {
25148
+ text-align: center;
25114
25149
  }
25115
- .v-switch.v-input--vertical .v-label {
25116
- min-width: max-content;
25150
+ .v-stepper--mobile .v-stepper-item__subtitle {
25151
+ display: none;
25117
25152
  }
25118
- .v-switch.v-input--vertical .v-selection-control__wrapper {
25119
- transform: rotate(-90deg);
25153
+
25154
+ .v-stepper-item__overlay {
25155
+ background-color: currentColor;
25156
+ border-radius: inherit;
25157
+ opacity: 0;
25158
+ transition: opacity 0.2s ease-in-out;
25120
25159
  }
25121
25160
 
25122
- @media (forced-colors: active) {
25123
- .v-switch .v-switch__loader .v-progress-circular {
25124
- color: currentColor;
25125
- }
25126
- .v-switch .v-switch__thumb {
25127
- background-color: buttontext;
25128
- }
25129
- .v-switch .v-switch__track,
25130
- .v-switch .v-switch__thumb {
25131
- border: 1px solid;
25132
- color: buttontext;
25133
- }
25134
- .v-switch:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
25135
- background-color: highlight;
25136
- }
25137
- .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track {
25138
- background-color: highlight;
25139
- }
25140
- .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track,
25141
- .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
25142
- color: highlight;
25143
- }
25144
- .v-switch.v-switch--inset .v-switch__track {
25145
- border-width: 2px;
25146
- }
25147
- .v-switch.v-switch--inset:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
25148
- background-color: highlighttext;
25149
- color: highlighttext;
25150
- }
25151
- .v-switch.v-input--disabled .v-switch__thumb {
25152
- background-color: graytext;
25153
- }
25154
- .v-switch.v-input--disabled .v-switch__track,
25155
- .v-switch.v-input--disabled .v-switch__thumb {
25156
- color: graytext;
25157
- }
25158
- .v-switch.v-switch--loading .v-switch__thumb {
25159
- background-color: canvas;
25160
- }
25161
- .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
25162
- border-width: 0;
25163
- }
25161
+ .v-stepper-item__overlay,
25162
+ .v-stepper-item__underlay {
25163
+ pointer-events: none;
25164
+ }
25165
+ .v-stepper-item__overlay,
25166
+ .v-stepper-item__underlay {
25167
+ position: absolute;
25168
+ top: 0;
25169
+ left: 0;
25170
+ width: 100%;
25171
+ height: 100%;
25164
25172
  }.v-system-bar {
25165
25173
  align-items: center;
25166
25174
  display: flex;
@@ -26212,14 +26220,6 @@ html.v-overlay-scroll-blocked {
26212
26220
  }
26213
26221
  .v-window-y-reverse-transition-leave-to {
26214
26222
  transform: translateY(100%);
26215
- }.v-pagination__list {
26216
- display: inline-flex;
26217
- list-style-type: none;
26218
- justify-content: center;
26219
- width: 100%;
26220
- }
26221
- .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
26222
- margin: 0.3rem;
26223
26223
  }.v-color-picker-canvas {
26224
26224
  display: flex;
26225
26225
  position: relative;
@@ -26242,69 +26242,6 @@ html.v-overlay-scroll-blocked {
26242
26242
  }
26243
26243
  .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
26244
26244
  will-change: transform;
26245
- }.v-color-picker-edit {
26246
- display: flex;
26247
- margin-top: 24px;
26248
- }
26249
-
26250
- .v-color-picker-edit__input {
26251
- width: 100%;
26252
- display: flex;
26253
- flex-wrap: wrap;
26254
- justify-content: center;
26255
- text-align: center;
26256
- }
26257
- .v-color-picker-edit__input:not(:last-child) {
26258
- margin-inline-end: 8px;
26259
- }
26260
- .v-color-picker-edit__input input {
26261
- border-radius: 4px;
26262
- margin-bottom: 8px;
26263
- min-width: 0;
26264
- outline: none;
26265
- text-align: center;
26266
- width: 100%;
26267
- height: 32px;
26268
- background: rgba(var(--v-theme-surface-variant), 0.2);
26269
- color: rgba(var(--v-theme-on-surface));
26270
- }
26271
- .v-color-picker-edit__input span {
26272
- font-size: 0.75rem;
26273
- }.v-color-picker-swatches {
26274
- overflow-y: auto;
26275
- }
26276
- .v-color-picker-swatches > div {
26277
- display: flex;
26278
- flex-wrap: wrap;
26279
- justify-content: center;
26280
- padding: 8px;
26281
- }
26282
-
26283
- .v-color-picker-swatches__swatch {
26284
- display: flex;
26285
- flex-direction: column;
26286
- margin-bottom: 10px;
26287
- }
26288
-
26289
- .v-color-picker-swatches__color {
26290
- position: relative;
26291
- height: 18px;
26292
- max-height: 18px;
26293
- width: 45px;
26294
- margin: 2px 4px;
26295
- border-radius: 2px;
26296
- -webkit-user-select: none;
26297
- user-select: none;
26298
- overflow: hidden;
26299
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
26300
- cursor: pointer;
26301
- }
26302
- .v-color-picker-swatches__color > div {
26303
- display: flex;
26304
- align-items: center;
26305
- justify-content: center;
26306
- width: 100%;
26307
- height: 100%;
26308
26245
  }.v-color-picker-preview__alpha .v-slider-track__background {
26309
26246
  background-color: transparent !important;
26310
26247
  }
@@ -26375,6 +26312,69 @@ html.v-overlay-scroll-blocked {
26375
26312
  .v-color-picker-preview__eye-dropper {
26376
26313
  position: relative;
26377
26314
  margin-right: 12px;
26315
+ }.v-color-picker-edit {
26316
+ display: flex;
26317
+ margin-top: 24px;
26318
+ }
26319
+
26320
+ .v-color-picker-edit__input {
26321
+ width: 100%;
26322
+ display: flex;
26323
+ flex-wrap: wrap;
26324
+ justify-content: center;
26325
+ text-align: center;
26326
+ }
26327
+ .v-color-picker-edit__input:not(:last-child) {
26328
+ margin-inline-end: 8px;
26329
+ }
26330
+ .v-color-picker-edit__input input {
26331
+ border-radius: 4px;
26332
+ margin-bottom: 8px;
26333
+ min-width: 0;
26334
+ outline: none;
26335
+ text-align: center;
26336
+ width: 100%;
26337
+ height: 32px;
26338
+ background: rgba(var(--v-theme-surface-variant), 0.2);
26339
+ color: rgba(var(--v-theme-on-surface));
26340
+ }
26341
+ .v-color-picker-edit__input span {
26342
+ font-size: 0.75rem;
26343
+ }.v-color-picker-swatches {
26344
+ overflow-y: auto;
26345
+ }
26346
+ .v-color-picker-swatches > div {
26347
+ display: flex;
26348
+ flex-wrap: wrap;
26349
+ justify-content: center;
26350
+ padding: 8px;
26351
+ }
26352
+
26353
+ .v-color-picker-swatches__swatch {
26354
+ display: flex;
26355
+ flex-direction: column;
26356
+ margin-bottom: 10px;
26357
+ }
26358
+
26359
+ .v-color-picker-swatches__color {
26360
+ position: relative;
26361
+ height: 18px;
26362
+ max-height: 18px;
26363
+ width: 45px;
26364
+ margin: 2px 4px;
26365
+ border-radius: 2px;
26366
+ -webkit-user-select: none;
26367
+ user-select: none;
26368
+ overflow: hidden;
26369
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
26370
+ cursor: pointer;
26371
+ }
26372
+ .v-color-picker-swatches__color > div {
26373
+ display: flex;
26374
+ align-items: center;
26375
+ justify-content: center;
26376
+ width: 100%;
26377
+ height: 100%;
26378
26378
  }.v-picker.v-sheet {
26379
26379
  display: grid;
26380
26380
  grid-auto-rows: min-content;