@vuetify/nightly 4.0.0-dev-20230422.0 → 4.0.0-dev-20230426.0

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 (124) hide show
  1. package/CHANGELOG.md +3 -2
  2. package/dist/_component-variables-labs.sass +1 -0
  3. package/dist/json/attributes.json +56 -4
  4. package/dist/json/importMap-labs.json +4 -0
  5. package/dist/json/importMap.json +64 -64
  6. package/dist/json/tags.json +18 -0
  7. package/dist/json/web-types.json +237 -10
  8. package/dist/vuetify-labs.css +1379 -1354
  9. package/dist/vuetify-labs.d.ts +343 -0
  10. package/dist/vuetify-labs.esm.js +216 -6
  11. package/dist/vuetify-labs.esm.js.map +1 -1
  12. package/dist/vuetify-labs.js +216 -6
  13. package/dist/vuetify-labs.min.css +2 -2
  14. package/dist/vuetify.css +9 -9
  15. package/dist/vuetify.d.ts +18 -18
  16. package/dist/vuetify.esm.js +10 -6
  17. package/dist/vuetify.esm.js.map +1 -1
  18. package/dist/vuetify.js +10 -6
  19. package/dist/vuetify.js.map +1 -1
  20. package/dist/vuetify.min.css +2 -2
  21. package/dist/vuetify.min.js +7 -7
  22. package/dist/vuetify.min.js.map +1 -1
  23. package/lib/composables/intersectionObserver.mjs +2 -2
  24. package/lib/composables/intersectionObserver.mjs.map +1 -1
  25. package/lib/entry-bundler.mjs +1 -1
  26. package/lib/framework.mjs +1 -1
  27. package/lib/index.d.ts +18 -18
  28. package/lib/labs/VInfiniteScroll/VInfiniteScroll.css +26 -0
  29. package/lib/labs/VInfiniteScroll/VInfiniteScroll.mjs +215 -0
  30. package/lib/labs/VInfiniteScroll/VInfiniteScroll.mjs.map +1 -0
  31. package/lib/labs/VInfiniteScroll/VInfiniteScroll.sass +25 -0
  32. package/lib/labs/VInfiniteScroll/_variables.scss +3 -0
  33. package/lib/labs/VInfiniteScroll/index.d.ts +349 -0
  34. package/lib/labs/VInfiniteScroll/index.mjs +2 -0
  35. package/lib/labs/VInfiniteScroll/index.mjs.map +1 -0
  36. package/lib/labs/components.d.ts +343 -2
  37. package/lib/labs/components.mjs +1 -0
  38. package/lib/labs/components.mjs.map +1 -1
  39. package/lib/locale/af.mjs +5 -1
  40. package/lib/locale/af.mjs.map +1 -1
  41. package/lib/locale/ar.mjs +5 -1
  42. package/lib/locale/ar.mjs.map +1 -1
  43. package/lib/locale/az.mjs +5 -1
  44. package/lib/locale/az.mjs.map +1 -1
  45. package/lib/locale/bg.mjs +5 -1
  46. package/lib/locale/bg.mjs.map +1 -1
  47. package/lib/locale/ca.mjs +5 -1
  48. package/lib/locale/ca.mjs.map +1 -1
  49. package/lib/locale/ckb.mjs +5 -1
  50. package/lib/locale/ckb.mjs.map +1 -1
  51. package/lib/locale/cs.mjs +5 -1
  52. package/lib/locale/cs.mjs.map +1 -1
  53. package/lib/locale/da.mjs +5 -1
  54. package/lib/locale/da.mjs.map +1 -1
  55. package/lib/locale/de.mjs +5 -1
  56. package/lib/locale/de.mjs.map +1 -1
  57. package/lib/locale/el.mjs +5 -1
  58. package/lib/locale/el.mjs.map +1 -1
  59. package/lib/locale/en.mjs +5 -1
  60. package/lib/locale/en.mjs.map +1 -1
  61. package/lib/locale/es.mjs +5 -1
  62. package/lib/locale/es.mjs.map +1 -1
  63. package/lib/locale/et.mjs +5 -1
  64. package/lib/locale/et.mjs.map +1 -1
  65. package/lib/locale/fa.mjs +5 -1
  66. package/lib/locale/fa.mjs.map +1 -1
  67. package/lib/locale/fi.mjs +5 -1
  68. package/lib/locale/fi.mjs.map +1 -1
  69. package/lib/locale/fr.mjs +5 -1
  70. package/lib/locale/fr.mjs.map +1 -1
  71. package/lib/locale/he.mjs +5 -1
  72. package/lib/locale/he.mjs.map +1 -1
  73. package/lib/locale/hr.mjs +5 -1
  74. package/lib/locale/hr.mjs.map +1 -1
  75. package/lib/locale/hu.mjs +5 -1
  76. package/lib/locale/hu.mjs.map +1 -1
  77. package/lib/locale/id.mjs +5 -1
  78. package/lib/locale/id.mjs.map +1 -1
  79. package/lib/locale/index.d.ts +168 -0
  80. package/lib/locale/it.mjs +5 -1
  81. package/lib/locale/it.mjs.map +1 -1
  82. package/lib/locale/ja.mjs +5 -1
  83. package/lib/locale/ja.mjs.map +1 -1
  84. package/lib/locale/ko.mjs +5 -1
  85. package/lib/locale/ko.mjs.map +1 -1
  86. package/lib/locale/lt.mjs +5 -1
  87. package/lib/locale/lt.mjs.map +1 -1
  88. package/lib/locale/lv.mjs +5 -1
  89. package/lib/locale/lv.mjs.map +1 -1
  90. package/lib/locale/nl.mjs +5 -1
  91. package/lib/locale/nl.mjs.map +1 -1
  92. package/lib/locale/no.mjs +5 -1
  93. package/lib/locale/no.mjs.map +1 -1
  94. package/lib/locale/pl.mjs +5 -1
  95. package/lib/locale/pl.mjs.map +1 -1
  96. package/lib/locale/pt.mjs +5 -1
  97. package/lib/locale/pt.mjs.map +1 -1
  98. package/lib/locale/ro.mjs +5 -1
  99. package/lib/locale/ro.mjs.map +1 -1
  100. package/lib/locale/ru.mjs +5 -1
  101. package/lib/locale/ru.mjs.map +1 -1
  102. package/lib/locale/sk.mjs +5 -1
  103. package/lib/locale/sk.mjs.map +1 -1
  104. package/lib/locale/sl.mjs +5 -1
  105. package/lib/locale/sl.mjs.map +1 -1
  106. package/lib/locale/sr-Cyrl.mjs +5 -1
  107. package/lib/locale/sr-Cyrl.mjs.map +1 -1
  108. package/lib/locale/sr-Latn.mjs +5 -1
  109. package/lib/locale/sr-Latn.mjs.map +1 -1
  110. package/lib/locale/sv.mjs +5 -1
  111. package/lib/locale/sv.mjs.map +1 -1
  112. package/lib/locale/th.mjs +5 -1
  113. package/lib/locale/th.mjs.map +1 -1
  114. package/lib/locale/tr.mjs +5 -1
  115. package/lib/locale/tr.mjs.map +1 -1
  116. package/lib/locale/uk.mjs +5 -1
  117. package/lib/locale/uk.mjs.map +1 -1
  118. package/lib/locale/vi.mjs +5 -1
  119. package/lib/locale/vi.mjs.map +1 -1
  120. package/lib/locale/zh-Hans.mjs +5 -1
  121. package/lib/locale/zh-Hans.mjs.map +1 -1
  122. package/lib/locale/zh-Hant.mjs +5 -1
  123. package/lib/locale/zh-Hant.mjs.map +1 -1
  124. package/package.json +1 -1
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v4.0.0-dev-20230422.0
2
+ * Vuetify v4.0.0-dev-20230426.0
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -15954,169 +15954,6 @@ html.overflow-y-hidden {
15954
15954
  font-weight: normal;
15955
15955
  padding: 0.2em 0.4rem;
15956
15956
  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-penumbra-opacity, rgba(0, 0, 0, 0.12));
15957
- }.v-data-table {
15958
- width: 100%;
15959
- }
15960
-
15961
- .v-data-table__table {
15962
- width: 100%;
15963
- border-collapse: separate;
15964
- border-spacing: 0;
15965
- }
15966
-
15967
- .v-data-table__tr--focus {
15968
- border: 1px dotted black;
15969
- }
15970
- .v-data-table__tr--clickable {
15971
- cursor: pointer;
15972
- }
15973
-
15974
- .v-data-table .v-table__wrapper > table > thead > tr > td,
15975
- .v-data-table .v-table__wrapper > table > thead > tr th,
15976
- .v-data-table .v-table__wrapper > table tbody > tr > td,
15977
- .v-data-table .v-table__wrapper > table tbody > tr th {
15978
- background: rgb(var(--v-theme-surface));
15979
- }
15980
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
15981
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
15982
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
15983
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
15984
- text-align: end;
15985
- }
15986
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
15987
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
15988
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
15989
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
15990
- flex-direction: row-reverse;
15991
- }
15992
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
15993
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
15994
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
15995
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
15996
- text-align: center;
15997
- }
15998
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
15999
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
16000
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
16001
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
16002
- justify-content: center;
16003
- }
16004
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
16005
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
16006
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
16007
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
16008
- padding: 0 8px;
16009
- }
16010
- .v-data-table .v-table__wrapper > table > thead > tr > th,
16011
- .v-data-table .v-table__wrapper > table tbody > tr > th {
16012
- align-items: center;
16013
- }
16014
- .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
16015
- .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
16016
- cursor: pointer;
16017
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
16018
- }
16019
- .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
16020
- .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
16021
- opacity: 0;
16022
- }
16023
- .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon,
16024
- .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon {
16025
- opacity: 0.5;
16026
- }
16027
-
16028
- .v-data-table-column--fixed {
16029
- position: sticky;
16030
- z-index: 2;
16031
- left: 0;
16032
- }
16033
-
16034
- .v-data-table-column--last-fixed {
16035
- border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
16036
- }
16037
-
16038
- .v-data-table-group-header-row td {
16039
- background: lightgrey;
16040
- }
16041
- .v-data-table-group-header-row td > span {
16042
- padding-left: 5px;
16043
- }
16044
-
16045
- .v-data-table--loading .v-data-table__td {
16046
- opacity: 0.3;
16047
- }
16048
-
16049
- .v-data-table__progress th {
16050
- position: relative;
16051
- border: none !important;
16052
- height: auto !important;
16053
- }
16054
-
16055
- .v-data-table-group-header-row__column {
16056
- padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
16057
- }
16058
-
16059
- .v-data-table-header__content {
16060
- display: flex;
16061
- align-items: center;
16062
- }
16063
-
16064
- .v-data-table-header__sort-badge {
16065
- display: inline-flex;
16066
- justify-content: center;
16067
- align-items: center;
16068
- font-size: 0.875rem;
16069
- padding: 4px;
16070
- border-radius: 50%;
16071
- background: rgba(var(--v-border-color), var(--v-border-opacity));
16072
- min-width: 20px;
16073
- min-height: 20px;
16074
- width: 20px;
16075
- height: 20px;
16076
- }
16077
-
16078
- .v-data-table-headers__loader {
16079
- bottom: auto;
16080
- top: 0;
16081
- left: 0;
16082
- position: absolute;
16083
- right: 0;
16084
- width: 100%;
16085
- z-index: 1;
16086
- }
16087
-
16088
- .v-data-table-rows-no-data {
16089
- text-align: center;
16090
- }.v-data-table-footer {
16091
- display: flex;
16092
- align-items: center;
16093
- flex-wrap: wrap;
16094
- padding: 0 8px;
16095
- justify-content: flex-end;
16096
- }
16097
-
16098
- .v-data-table-footer__items-per-page {
16099
- padding-inline-end: 24px;
16100
- display: flex;
16101
- align-items: center;
16102
- justify-content: space-between;
16103
- }
16104
- .v-data-table-footer__items-per-page > span {
16105
- padding-inline-end: 24px;
16106
- }
16107
-
16108
- .v-data-table-footer__info {
16109
- display: flex;
16110
- padding-inline-end: 24px;
16111
- }
16112
-
16113
- .v-data-table-footer__pagination {
16114
- display: flex;
16115
- align-items: center;
16116
- }
16117
-
16118
- .v-data-table-footer__page {
16119
- padding: 0 8px;
16120
15957
  }.v-skeleton-loader {
16121
15958
  align-items: center;
16122
15959
  background: rgb(var(--v-theme-surface));
@@ -16337,256 +16174,305 @@ html.overflow-y-hidden {
16337
16174
  100% {
16338
16175
  transform: translateX(100%);
16339
16176
  }
16340
- }.v-application {
16341
- display: flex;
16342
- background: rgb(var(--v-theme-background));
16343
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
16177
+ }.v-data-table {
16178
+ width: 100%;
16344
16179
  }
16345
16180
 
16346
- .v-application__wrap {
16347
- -webkit-backface-visibility: hidden;
16348
- backface-visibility: hidden;
16349
- display: flex;
16350
- flex-direction: column;
16351
- flex: 1 1 auto;
16352
- max-width: 100%;
16353
- min-height: 100vh;
16354
- min-height: 100dvh;
16355
- position: relative;
16356
- }.v-app-bar {
16357
- display: flex;
16181
+ .v-data-table__table {
16182
+ width: 100%;
16183
+ border-collapse: separate;
16184
+ border-spacing: 0;
16358
16185
  }
16359
- .v-app-bar.v-toolbar {
16360
- background: rgb(var(--v-theme-surface));
16361
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
16186
+
16187
+ .v-data-table__tr--focus {
16188
+ border: 1px dotted black;
16362
16189
  }
16363
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
16364
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
16190
+ .v-data-table__tr--clickable {
16191
+ cursor: pointer;
16365
16192
  }
16366
- .v-app-bar:not(.v-toolbar--absolute) {
16367
- padding-inline-end: var(--v-scrollbar-offset);
16368
- }.v-alert {
16369
- display: grid;
16370
- flex: 1 1;
16371
- grid-template-areas: "prepend content append close" ". content . .";
16372
- grid-template-columns: max-content auto max-content max-content;
16373
- position: relative;
16374
- padding: 16px;
16375
- overflow: hidden;
16376
- --v-border-color: currentColor;
16377
- border-radius: 4px;
16193
+
16194
+ .v-data-table .v-table__wrapper > table > thead > tr > td,
16195
+ .v-data-table .v-table__wrapper > table > thead > tr th,
16196
+ .v-data-table .v-table__wrapper > table tbody > tr > td,
16197
+ .v-data-table .v-table__wrapper > table tbody > tr th {
16198
+ background: rgb(var(--v-theme-surface));
16378
16199
  }
16379
- .v-alert--absolute {
16380
- position: absolute;
16200
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
16201
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
16202
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
16203
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
16204
+ text-align: end;
16381
16205
  }
16382
- .v-alert--fixed {
16383
- position: fixed;
16206
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
16207
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
16208
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
16209
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
16210
+ flex-direction: row-reverse;
16384
16211
  }
16385
- .v-alert--sticky {
16386
- position: sticky;
16212
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
16213
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
16214
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
16215
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
16216
+ text-align: center;
16387
16217
  }
16388
- .v-alert--variant-plain, .v-alert--variant-outlined, .v-alert--variant-text, .v-alert--variant-tonal {
16389
- background: transparent;
16390
- color: inherit;
16218
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
16219
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
16220
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
16221
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
16222
+ justify-content: center;
16391
16223
  }
16392
- .v-alert--variant-plain {
16393
- opacity: 0.62;
16224
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
16225
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
16226
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
16227
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
16228
+ padding: 0 8px;
16394
16229
  }
16395
- .v-alert--variant-plain:focus, .v-alert--variant-plain:hover {
16396
- opacity: 1;
16230
+ .v-data-table .v-table__wrapper > table > thead > tr > th,
16231
+ .v-data-table .v-table__wrapper > table tbody > tr > th {
16232
+ align-items: center;
16397
16233
  }
16398
- .v-alert--variant-plain .v-alert__overlay {
16399
- display: none;
16400
- }
16401
- .v-alert--variant-elevated, .v-alert--variant-flat {
16402
- background: rgb(var(--v-theme-on-surface-variant));
16234
+ .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
16235
+ .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
16236
+ cursor: pointer;
16403
16237
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
16404
16238
  }
16405
- .v-alert--variant-elevated {
16406
- box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
16407
- }
16408
- .v-alert--variant-flat {
16409
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
16410
- }
16411
- .v-alert--variant-outlined {
16412
- border: thin solid currentColor;
16239
+ .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
16240
+ .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
16241
+ opacity: 0;
16413
16242
  }
16414
- .v-alert--variant-text .v-alert__overlay {
16415
- background: currentColor;
16243
+ .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon,
16244
+ .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon {
16245
+ opacity: 0.5;
16416
16246
  }
16417
- .v-alert--variant-tonal .v-alert__underlay {
16418
- background: currentColor;
16419
- opacity: var(--v-activated-opacity);
16420
- border-radius: inherit;
16421
- position: absolute;
16422
- top: 0;
16423
- right: 0;
16424
- bottom: 0;
16247
+
16248
+ .v-data-table-column--fixed {
16249
+ position: sticky;
16250
+ z-index: 2;
16425
16251
  left: 0;
16426
- pointer-events: none;
16427
- }
16428
- .v-alert--prominent {
16429
- grid-template-areas: "prepend content append close" "prepend content . .";
16430
- }
16431
- .v-alert.v-alert--border {
16432
- --v-border-opacity: 0.38;
16433
- }
16434
- .v-alert.v-alert--border.v-alert--border-start {
16435
- padding-inline-start: 24px;
16436
- }
16437
- .v-alert.v-alert--border.v-alert--border-end {
16438
- padding-inline-end: 24px;
16439
- }
16440
- .v-alert--variant-plain {
16441
- transition: 0.2s opacity cubic-bezier(0.4, 0, 0.2, 1);
16442
16252
  }
16443
- .v-alert--density-default {
16444
- padding-bottom: 16px;
16445
- padding-top: 16px;
16253
+
16254
+ .v-data-table-column--last-fixed {
16255
+ border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
16446
16256
  }
16447
- .v-alert--density-default.v-alert--border-top {
16448
- padding-top: 24px;
16257
+
16258
+ .v-data-table-group-header-row td {
16259
+ background: lightgrey;
16449
16260
  }
16450
- .v-alert--density-default.v-alert--border-bottom {
16451
- padding-bottom: 24px;
16261
+ .v-data-table-group-header-row td > span {
16262
+ padding-left: 5px;
16452
16263
  }
16453
16264
 
16454
- .v-alert--density-comfortable {
16455
- padding-bottom: 12px;
16456
- padding-top: 12px;
16457
- }
16458
- .v-alert--density-comfortable.v-alert--border-top {
16459
- padding-top: 20px;
16265
+ .v-data-table--loading .v-data-table__td {
16266
+ opacity: 0.3;
16460
16267
  }
16461
- .v-alert--density-comfortable.v-alert--border-bottom {
16462
- padding-bottom: 20px;
16268
+
16269
+ .v-data-table__progress th {
16270
+ position: relative;
16271
+ border: none !important;
16272
+ height: auto !important;
16463
16273
  }
16464
16274
 
16465
- .v-alert--density-compact {
16466
- padding-bottom: 8px;
16467
- padding-top: 8px;
16275
+ .v-data-table-group-header-row__column {
16276
+ padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
16468
16277
  }
16469
- .v-alert--density-compact.v-alert--border-top {
16470
- padding-top: 16px;
16278
+
16279
+ .v-data-table-header__content {
16280
+ display: flex;
16281
+ align-items: center;
16471
16282
  }
16472
- .v-alert--density-compact.v-alert--border-bottom {
16473
- padding-bottom: 16px;
16283
+
16284
+ .v-data-table-header__sort-badge {
16285
+ display: inline-flex;
16286
+ justify-content: center;
16287
+ align-items: center;
16288
+ font-size: 0.875rem;
16289
+ padding: 4px;
16290
+ border-radius: 50%;
16291
+ background: rgba(var(--v-border-color), var(--v-border-opacity));
16292
+ min-width: 20px;
16293
+ min-height: 20px;
16294
+ width: 20px;
16295
+ height: 20px;
16474
16296
  }
16475
16297
 
16476
- .v-alert__border {
16477
- border-radius: inherit;
16478
- bottom: 0;
16298
+ .v-data-table-headers__loader {
16299
+ bottom: auto;
16300
+ top: 0;
16479
16301
  left: 0;
16480
- opacity: var(--v-border-opacity);
16481
16302
  position: absolute;
16482
- pointer-events: none;
16483
16303
  right: 0;
16484
- top: 0;
16485
16304
  width: 100%;
16486
- border-color: currentColor;
16487
- border-style: solid;
16488
- border-width: 0;
16489
- }
16490
- .v-alert__border--border {
16491
- border-width: 8px;
16492
- box-shadow: none;
16305
+ z-index: 1;
16493
16306
  }
16494
- .v-alert--border-start .v-alert__border {
16495
- border-inline-start-width: 8px;
16307
+
16308
+ .v-data-table-rows-no-data {
16309
+ text-align: center;
16310
+ }.v-infinite-scroll--horizontal {
16311
+ display: flex;
16312
+ flex-direction: row;
16313
+ overflow-x: auto;
16496
16314
  }
16497
- .v-alert--border-end .v-alert__border {
16498
- border-inline-end-width: 8px;
16315
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
16316
+ height: 100%;
16317
+ width: 1px;
16499
16318
  }
16500
- .v-alert--border-top .v-alert__border {
16501
- border-top-width: 8px;
16319
+
16320
+ .v-infinite-scroll--vertical {
16321
+ display: flex;
16322
+ flex-direction: column;
16323
+ overflow-y: auto;
16502
16324
  }
16503
- .v-alert--border-bottom .v-alert__border {
16504
- border-bottom-width: 8px;
16325
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
16326
+ height: 1px;
16327
+ width: 100%;
16505
16328
  }
16506
16329
 
16507
- .v-alert__close {
16508
- flex: 0 1 auto;
16509
- grid-area: close;
16330
+ .v-infinite-scroll__side {
16331
+ align-items: center;
16332
+ display: flex;
16333
+ justify-content: center;
16334
+ padding: 8px;
16335
+ }.v-data-table-footer {
16336
+ display: flex;
16337
+ align-items: center;
16338
+ flex-wrap: wrap;
16339
+ padding: 0 8px;
16340
+ justify-content: flex-end;
16510
16341
  }
16511
16342
 
16512
- .v-alert__content {
16513
- align-self: center;
16514
- grid-area: content;
16515
- overflow: hidden;
16343
+ .v-data-table-footer__items-per-page {
16344
+ padding-inline-end: 24px;
16345
+ display: flex;
16346
+ align-items: center;
16347
+ justify-content: space-between;
16516
16348
  }
16517
-
16518
- .v-alert__append,
16519
- .v-alert__close {
16520
- align-self: flex-start;
16521
- margin-inline-start: 16px;
16349
+ .v-data-table-footer__items-per-page > span {
16350
+ padding-inline-end: 24px;
16522
16351
  }
16523
16352
 
16524
- .v-alert__append {
16525
- align-self: flex-start;
16526
- grid-area: append;
16527
- }
16528
- .v-alert__append + .v-alert__close {
16529
- margin-inline-start: 16px;
16353
+ .v-data-table-footer__info {
16354
+ display: flex;
16355
+ padding-inline-end: 24px;
16530
16356
  }
16531
16357
 
16532
- .v-alert__prepend {
16533
- align-self: flex-start;
16358
+ .v-data-table-footer__pagination {
16534
16359
  display: flex;
16535
16360
  align-items: center;
16536
- grid-area: prepend;
16537
- margin-inline-end: 16px;
16538
- }
16539
- .v-alert--prominent .v-alert__prepend {
16540
- align-self: center;
16541
16361
  }
16542
16362
 
16543
- .v-alert__underlay {
16544
- grid-area: none;
16545
- position: absolute;
16546
- }
16547
- .v-alert--border-start .v-alert__underlay {
16548
- border-top-left-radius: 0;
16549
- border-bottom-left-radius: 0;
16550
- }
16551
- .v-alert--border-end .v-alert__underlay {
16552
- border-top-right-radius: 0;
16553
- border-bottom-right-radius: 0;
16363
+ .v-data-table-footer__page {
16364
+ padding: 0 8px;
16365
+ }.v-app-bar {
16366
+ display: flex;
16554
16367
  }
16555
- .v-alert--border-top .v-alert__underlay {
16556
- border-top-left-radius: 0;
16557
- border-top-right-radius: 0;
16368
+ .v-app-bar.v-toolbar {
16369
+ background: rgb(var(--v-theme-surface));
16370
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
16558
16371
  }
16559
- .v-alert--border-bottom .v-alert__underlay {
16560
- border-bottom-left-radius: 0;
16561
- border-bottom-right-radius: 0;
16372
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
16373
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
16562
16374
  }
16563
-
16564
- .v-alert-title {
16375
+ .v-app-bar:not(.v-toolbar--absolute) {
16376
+ padding-inline-end: var(--v-scrollbar-offset);
16377
+ }.v-avatar {
16378
+ flex: none;
16565
16379
  align-items: center;
16566
- align-self: center;
16567
- display: flex;
16568
- font-size: 1.25rem;
16569
- font-weight: 500;
16570
- -webkit-hyphens: auto;
16571
- hyphens: auto;
16572
- letter-spacing: 0.0125em;
16573
- line-height: 1.75rem;
16574
- overflow-wrap: normal;
16575
- text-transform: none;
16576
- word-break: normal;
16577
- word-wrap: break-word;
16578
- }.v-input--density-default {
16579
- --autocomplete-chips-margin-bottom: 0px;
16380
+ display: inline-flex;
16381
+ justify-content: center;
16382
+ line-height: normal;
16383
+ overflow: hidden;
16384
+ position: relative;
16385
+ text-align: center;
16386
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
16387
+ transition-property: width, height;
16388
+ vertical-align: middle;
16389
+ border-radius: 50%;
16580
16390
  }
16581
-
16582
- .v-input--density-comfortable {
16583
- --autocomplete-chips-margin-bottom: 2px;
16391
+ .v-avatar.v-avatar--size-x-small {
16392
+ --v-avatar-height: 24px;
16584
16393
  }
16585
-
16586
- .v-input--density-compact {
16587
- --autocomplete-chips-margin-bottom: 4px;
16394
+ .v-avatar.v-avatar--size-small {
16395
+ --v-avatar-height: 32px;
16588
16396
  }
16589
-
16397
+ .v-avatar.v-avatar--size-default {
16398
+ --v-avatar-height: 40px;
16399
+ }
16400
+ .v-avatar.v-avatar--size-large {
16401
+ --v-avatar-height: 48px;
16402
+ }
16403
+ .v-avatar.v-avatar--size-x-large {
16404
+ --v-avatar-height: 56px;
16405
+ }
16406
+ .v-avatar.v-avatar--density-default {
16407
+ height: calc(var(--v-avatar-height) + 0px);
16408
+ width: calc(var(--v-avatar-height) + 0px);
16409
+ }
16410
+ .v-avatar.v-avatar--density-comfortable {
16411
+ height: calc(var(--v-avatar-height) + -4px);
16412
+ width: calc(var(--v-avatar-height) + -4px);
16413
+ }
16414
+ .v-avatar.v-avatar--density-compact {
16415
+ height: calc(var(--v-avatar-height) + -8px);
16416
+ width: calc(var(--v-avatar-height) + -8px);
16417
+ }
16418
+ .v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
16419
+ background: transparent;
16420
+ color: inherit;
16421
+ }
16422
+ .v-avatar--variant-plain {
16423
+ opacity: 0.62;
16424
+ }
16425
+ .v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
16426
+ opacity: 1;
16427
+ }
16428
+ .v-avatar--variant-plain .v-avatar__overlay {
16429
+ display: none;
16430
+ }
16431
+ .v-avatar--variant-elevated, .v-avatar--variant-flat {
16432
+ background: var(--v-theme-surface);
16433
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
16434
+ }
16435
+ .v-avatar--variant-elevated {
16436
+ box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
16437
+ }
16438
+ .v-avatar--variant-flat {
16439
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
16440
+ }
16441
+ .v-avatar--variant-outlined {
16442
+ border: thin solid currentColor;
16443
+ }
16444
+ .v-avatar--variant-text .v-avatar__overlay {
16445
+ background: currentColor;
16446
+ }
16447
+ .v-avatar--variant-tonal .v-avatar__underlay {
16448
+ background: currentColor;
16449
+ opacity: var(--v-activated-opacity);
16450
+ border-radius: inherit;
16451
+ position: absolute;
16452
+ top: 0;
16453
+ right: 0;
16454
+ bottom: 0;
16455
+ left: 0;
16456
+ pointer-events: none;
16457
+ }
16458
+ .v-avatar--rounded {
16459
+ border-radius: 4px;
16460
+ }
16461
+ .v-avatar .v-img {
16462
+ height: 100%;
16463
+ width: 100%;
16464
+ }.v-input--density-default {
16465
+ --autocomplete-chips-margin-bottom: 0px;
16466
+ }
16467
+
16468
+ .v-input--density-comfortable {
16469
+ --autocomplete-chips-margin-bottom: 2px;
16470
+ }
16471
+
16472
+ .v-input--density-compact {
16473
+ --autocomplete-chips-margin-bottom: 4px;
16474
+ }
16475
+
16590
16476
  .v-autocomplete .v-field .v-text-field__prefix,
16591
16477
  .v-autocomplete .v-field .v-text-field__suffix,
16592
16478
  .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
@@ -16667,93 +16553,6 @@ html.overflow-y-hidden {
16667
16553
  .v-autocomplete--selection-slot.v-text-field input {
16668
16554
  position: relative;
16669
16555
  padding-inline-start: 0;
16670
- }.v-avatar {
16671
- flex: none;
16672
- align-items: center;
16673
- display: inline-flex;
16674
- justify-content: center;
16675
- line-height: normal;
16676
- overflow: hidden;
16677
- position: relative;
16678
- text-align: center;
16679
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
16680
- transition-property: width, height;
16681
- vertical-align: middle;
16682
- border-radius: 50%;
16683
- }
16684
- .v-avatar.v-avatar--size-x-small {
16685
- --v-avatar-height: 24px;
16686
- }
16687
- .v-avatar.v-avatar--size-small {
16688
- --v-avatar-height: 32px;
16689
- }
16690
- .v-avatar.v-avatar--size-default {
16691
- --v-avatar-height: 40px;
16692
- }
16693
- .v-avatar.v-avatar--size-large {
16694
- --v-avatar-height: 48px;
16695
- }
16696
- .v-avatar.v-avatar--size-x-large {
16697
- --v-avatar-height: 56px;
16698
- }
16699
- .v-avatar.v-avatar--density-default {
16700
- height: calc(var(--v-avatar-height) + 0px);
16701
- width: calc(var(--v-avatar-height) + 0px);
16702
- }
16703
- .v-avatar.v-avatar--density-comfortable {
16704
- height: calc(var(--v-avatar-height) + -4px);
16705
- width: calc(var(--v-avatar-height) + -4px);
16706
- }
16707
- .v-avatar.v-avatar--density-compact {
16708
- height: calc(var(--v-avatar-height) + -8px);
16709
- width: calc(var(--v-avatar-height) + -8px);
16710
- }
16711
- .v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
16712
- background: transparent;
16713
- color: inherit;
16714
- }
16715
- .v-avatar--variant-plain {
16716
- opacity: 0.62;
16717
- }
16718
- .v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
16719
- opacity: 1;
16720
- }
16721
- .v-avatar--variant-plain .v-avatar__overlay {
16722
- display: none;
16723
- }
16724
- .v-avatar--variant-elevated, .v-avatar--variant-flat {
16725
- background: var(--v-theme-surface);
16726
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
16727
- }
16728
- .v-avatar--variant-elevated {
16729
- box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
16730
- }
16731
- .v-avatar--variant-flat {
16732
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
16733
- }
16734
- .v-avatar--variant-outlined {
16735
- border: thin solid currentColor;
16736
- }
16737
- .v-avatar--variant-text .v-avatar__overlay {
16738
- background: currentColor;
16739
- }
16740
- .v-avatar--variant-tonal .v-avatar__underlay {
16741
- background: currentColor;
16742
- opacity: var(--v-activated-opacity);
16743
- border-radius: inherit;
16744
- position: absolute;
16745
- top: 0;
16746
- right: 0;
16747
- bottom: 0;
16748
- left: 0;
16749
- pointer-events: none;
16750
- }
16751
- .v-avatar--rounded {
16752
- border-radius: 4px;
16753
- }
16754
- .v-avatar .v-img {
16755
- height: 100%;
16756
- width: 100%;
16757
16556
  }.v-badge {
16758
16557
  display: inline-block;
16759
16558
  line-height: 1;
@@ -16825,6 +16624,22 @@ html.overflow-y-hidden {
16825
16624
  display: inline-flex;
16826
16625
  justify-content: center;
16827
16626
  margin: 0 4px;
16627
+ }.v-application {
16628
+ display: flex;
16629
+ background: rgb(var(--v-theme-background));
16630
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
16631
+ }
16632
+
16633
+ .v-application__wrap {
16634
+ -webkit-backface-visibility: hidden;
16635
+ backface-visibility: hidden;
16636
+ display: flex;
16637
+ flex-direction: column;
16638
+ flex: 1 1 auto;
16639
+ max-width: 100%;
16640
+ min-height: 100vh;
16641
+ min-height: 100dvh;
16642
+ position: relative;
16828
16643
  }.v-banner {
16829
16644
  display: grid;
16830
16645
  flex: 1 1;
@@ -17090,150 +16905,143 @@ html.overflow-y-hidden {
17090
16905
  padding: 0 8px;
17091
16906
  vertical-align: middle;
17092
16907
  }/** if false, disabled buttons will be greyed out */
17093
- .v-btn {
17094
- align-items: center;
17095
- border-radius: 4px;
17096
- display: inline-grid;
17097
- grid-template-areas: "prepend content append";
17098
- grid-template-columns: max-content auto max-content;
17099
- font-weight: 500;
17100
- justify-content: center;
17101
- letter-spacing: 0.0892857143em;
17102
- line-height: normal;
16908
+ .v-btn-group {
16909
+ display: inline-flex;
16910
+ flex-wrap: nowrap;
17103
16911
  max-width: 100%;
17104
- outline: none;
17105
- position: relative;
17106
- text-decoration: none;
17107
- text-indent: 0.0892857143em;
17108
- text-transform: uppercase;
17109
- transition-property: box-shadow, transform, opacity, background;
17110
- transition-duration: 0.28s;
17111
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
17112
- -webkit-user-select: none;
17113
- user-select: none;
16912
+ min-width: 0;
16913
+ overflow: hidden;
17114
16914
  vertical-align: middle;
17115
- flex-shrink: 0;
17116
16915
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17117
16916
  border-style: solid;
17118
16917
  border-width: 0;
16918
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
16919
+ border-radius: 4px;
16920
+ background: transparent;
16921
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17119
16922
  }
17120
- .v-btn--size-x-small {
17121
- --v-btn-size: 0.625rem;
17122
- --v-btn-height: 20px;
17123
- font-size: 0.625rem;
17124
- min-width: 36px;
17125
- padding: 0 8px;
16923
+ .v-btn-group--border {
16924
+ border-width: thin;
16925
+ box-shadow: none;
17126
16926
  }
17127
-
17128
- .v-btn--size-small {
17129
- --v-btn-size: 0.75rem;
17130
- --v-btn-height: 28px;
17131
- font-size: 0.75rem;
17132
- min-width: 50px;
17133
- padding: 0 12px;
16927
+ .v-btn-group--density-default.v-btn-group {
16928
+ height: 48px;
17134
16929
  }
17135
16930
 
17136
- .v-btn--size-default {
17137
- --v-btn-size: 0.875rem;
17138
- --v-btn-height: 36px;
17139
- font-size: 0.875rem;
17140
- min-width: 64px;
17141
- padding: 0 16px;
16931
+ .v-btn-group--density-comfortable.v-btn-group {
16932
+ height: 40px;
17142
16933
  }
17143
16934
 
17144
- .v-btn--size-large {
17145
- --v-btn-size: 1rem;
17146
- --v-btn-height: 44px;
17147
- font-size: 1rem;
17148
- min-width: 78px;
17149
- padding: 0 20px;
16935
+ .v-btn-group--density-compact.v-btn-group {
16936
+ height: 36px;
17150
16937
  }
17151
16938
 
17152
- .v-btn--size-x-large {
17153
- --v-btn-size: 1.125rem;
17154
- --v-btn-height: 52px;
17155
- font-size: 1.125rem;
17156
- min-width: 92px;
17157
- padding: 0 24px;
16939
+ .v-btn-group .v-btn {
16940
+ border-radius: 0;
16941
+ border-color: inherit;
17158
16942
  }
17159
-
17160
- .v-btn.v-btn--density-default {
17161
- height: calc(var(--v-btn-height) + 0px);
16943
+ .v-btn-group .v-btn:not(:last-child) {
16944
+ border-inline-end: none;
17162
16945
  }
17163
-
17164
- .v-btn.v-btn--density-comfortable {
17165
- height: calc(var(--v-btn-height) + -8px);
16946
+ .v-btn-group .v-btn:not(:first-child) {
16947
+ border-inline-start: none;
17166
16948
  }
17167
-
17168
- .v-btn.v-btn--density-compact {
17169
- height: calc(var(--v-btn-height) + -12px);
16949
+ .v-btn-group .v-btn:first-child {
16950
+ border-start-start-radius: inherit;
16951
+ border-end-start-radius: inherit;
17170
16952
  }
17171
-
17172
- .v-btn--border {
16953
+ .v-btn-group .v-btn:last-child {
16954
+ border-start-end-radius: inherit;
16955
+ border-end-end-radius: inherit;
16956
+ }
16957
+ .v-btn-group--divided .v-btn:not(:last-child) {
16958
+ border-inline-end-width: thin;
16959
+ border-inline-end-style: solid;
16960
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
16961
+ }
16962
+ .v-btn-group--tile {
16963
+ border-radius: 0;
16964
+ }.v-card {
16965
+ display: block;
16966
+ overflow: hidden;
16967
+ overflow-wrap: break-word;
16968
+ position: relative;
16969
+ padding: 0;
16970
+ text-decoration: none;
16971
+ transition-duration: 0.28s;
16972
+ transition-property: box-shadow, opacity, background;
16973
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
16974
+ z-index: 0;
16975
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
16976
+ border-style: solid;
16977
+ border-width: 0;
16978
+ border-radius: 4px;
16979
+ }
16980
+ .v-card--border {
17173
16981
  border-width: thin;
17174
16982
  box-shadow: none;
17175
16983
  }
17176
- .v-btn--absolute {
16984
+ .v-card--absolute {
17177
16985
  position: absolute;
17178
16986
  }
17179
- .v-btn--fixed {
16987
+ .v-card--fixed {
17180
16988
  position: fixed;
17181
16989
  }
17182
- .v-btn:hover > .v-btn__overlay {
16990
+ .v-card:hover > .v-card__overlay {
17183
16991
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
17184
16992
  }
17185
- .v-btn:focus-visible > .v-btn__overlay {
16993
+ .v-card:focus-visible > .v-card__overlay {
17186
16994
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
17187
16995
  }
17188
16996
  @supports not selector(:focus-visible) {
17189
- .v-btn:focus > .v-btn__overlay {
16997
+ .v-card:focus > .v-card__overlay {
17190
16998
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
17191
16999
  }
17192
17000
  }
17193
- .v-btn--active > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true] > .v-btn__overlay {
17001
+ .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
17194
17002
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
17195
17003
  }
17196
- .v-btn--active:hover > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:hover > .v-btn__overlay {
17004
+ .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
17197
17005
  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
17198
17006
  }
17199
- .v-btn--active:focus-visible > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-btn__overlay {
17007
+ .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
17200
17008
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
17201
17009
  }
17202
17010
  @supports not selector(:focus-visible) {
17203
- .v-btn--active:focus > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-btn__overlay {
17011
+ .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
17204
17012
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
17205
17013
  }
17206
17014
  }
17207
- .v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-tonal {
17015
+ .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
17208
17016
  background: transparent;
17209
17017
  color: inherit;
17210
17018
  }
17211
- .v-btn--variant-plain {
17019
+ .v-card--variant-plain {
17212
17020
  opacity: 0.62;
17213
17021
  }
17214
- .v-btn--variant-plain:focus, .v-btn--variant-plain:hover {
17022
+ .v-card--variant-plain:focus, .v-card--variant-plain:hover {
17215
17023
  opacity: 1;
17216
17024
  }
17217
- .v-btn--variant-plain .v-btn__overlay {
17025
+ .v-card--variant-plain .v-card__overlay {
17218
17026
  display: none;
17219
17027
  }
17220
- .v-btn--variant-elevated, .v-btn--variant-flat {
17028
+ .v-card--variant-elevated, .v-card--variant-flat {
17221
17029
  background: rgb(var(--v-theme-surface));
17222
17030
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17223
17031
  }
17224
- .v-btn--variant-elevated {
17225
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17032
+ .v-card--variant-elevated {
17033
+ box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17226
17034
  }
17227
- .v-btn--variant-flat {
17035
+ .v-card--variant-flat {
17228
17036
  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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17229
17037
  }
17230
- .v-btn--variant-outlined {
17038
+ .v-card--variant-outlined {
17231
17039
  border: thin solid currentColor;
17232
17040
  }
17233
- .v-btn--variant-text .v-btn__overlay {
17041
+ .v-card--variant-text .v-card__overlay {
17234
17042
  background: currentColor;
17235
17043
  }
17236
- .v-btn--variant-tonal .v-btn__underlay {
17044
+ .v-card--variant-tonal .v-card__underlay {
17237
17045
  background: currentColor;
17238
17046
  opacity: var(--v-activated-opacity);
17239
17047
  border-radius: inherit;
@@ -17244,399 +17052,352 @@ html.overflow-y-hidden {
17244
17052
  left: 0;
17245
17053
  pointer-events: none;
17246
17054
  }
17247
- @supports selector(:focus-visible) {
17248
- .v-btn::after {
17249
- content: "";
17250
- position: absolute;
17251
- top: 0;
17252
- left: 0;
17253
- width: 100%;
17254
- height: 100%;
17255
- pointer-events: none;
17256
- border: 2px solid currentColor;
17257
- border-radius: inherit;
17258
- opacity: 0;
17259
- transition: opacity 0.2s ease-in-out;
17260
- }
17261
- .v-btn:focus-visible::after {
17262
- opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
17263
- }
17264
- }
17265
- .v-btn--icon {
17266
- border-radius: 50%;
17267
- min-width: 0;
17268
- padding: 0;
17269
- }
17270
- .v-btn--icon.v-btn--size-default {
17271
- font-size: 1rem;
17272
- }
17273
- .v-btn--icon.v-btn--density-default {
17274
- width: calc(var(--v-btn-height) + 12px);
17275
- height: calc(var(--v-btn-height) + 12px);
17276
- }
17277
- .v-btn--icon.v-btn--density-comfortable {
17278
- width: calc(var(--v-btn-height) + 0px);
17279
- height: calc(var(--v-btn-height) + 0px);
17280
- }
17281
- .v-btn--icon.v-btn--density-compact {
17282
- width: calc(var(--v-btn-height) + -8px);
17283
- height: calc(var(--v-btn-height) + -8px);
17284
- }
17285
-
17286
- .v-btn--elevated:hover, .v-btn--elevated:focus {
17287
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17055
+ .v-card--disabled {
17056
+ pointer-events: none;
17057
+ -webkit-user-select: none;
17058
+ user-select: none;
17288
17059
  }
17289
- .v-btn--elevated:active {
17290
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17060
+ .v-card--disabled > :not(.v-card__loader) {
17061
+ opacity: 0.6;
17291
17062
  }
17292
- .v-btn--flat {
17063
+ .v-card--flat {
17293
17064
  box-shadow: none;
17294
17065
  }
17295
- .v-btn--block {
17296
- display: flex;
17297
- flex: 1 0 auto;
17298
- min-width: 100%;
17066
+ .v-card--hover {
17067
+ cursor: pointer;
17068
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17299
17069
  }
17300
- .v-btn--disabled {
17070
+ .v-card--hover::before, .v-card--hover::after {
17071
+ border-radius: inherit;
17072
+ bottom: 0;
17073
+ content: "";
17074
+ display: block;
17075
+ left: 0;
17301
17076
  pointer-events: none;
17302
- opacity: 0.26;
17077
+ position: absolute;
17078
+ right: 0;
17079
+ top: 0;
17080
+ transition: inherit;
17303
17081
  }
17304
- .v-btn--disabled.v-btn--variant-elevated, .v-btn--disabled.v-btn--variant-flat {
17305
- box-shadow: none;
17082
+ .v-card--hover::before {
17306
17083
  opacity: 1;
17307
- color: rgba(var(--v-theme-on-surface), 0.26);
17308
- background: rgb(var(--v-theme-surface));
17309
- }
17310
- .v-btn--disabled.v-btn--variant-elevated .v-btn__overlay, .v-btn--disabled.v-btn--variant-flat .v-btn__overlay {
17311
- opacity: 0.4615384615;
17312
- }
17313
- .v-btn--loading {
17314
- pointer-events: none;
17084
+ z-index: -1;
17085
+ box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17315
17086
  }
17316
- .v-btn--loading .v-btn__content,
17317
- .v-btn--loading .v-btn__prepend,
17318
- .v-btn--loading .v-btn__append {
17087
+ .v-card--hover::after {
17088
+ z-index: 1;
17319
17089
  opacity: 0;
17090
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17320
17091
  }
17321
- .v-btn--stacked {
17322
- grid-template-areas: "prepend" "content" "append";
17323
- grid-template-columns: auto;
17324
- grid-template-rows: max-content max-content max-content;
17325
- justify-items: center;
17326
- align-content: center;
17092
+ .v-card--hover:hover::after {
17093
+ opacity: 1;
17327
17094
  }
17328
- .v-btn--stacked .v-btn__content {
17329
- flex-direction: column;
17330
- line-height: 1.25;
17095
+ .v-card--hover:hover::before {
17096
+ opacity: 0;
17331
17097
  }
17332
- .v-btn--stacked .v-btn__prepend,
17333
- .v-btn--stacked .v-btn__append,
17334
- .v-btn--stacked .v-btn__content > .v-icon--start,
17335
- .v-btn--stacked .v-btn__content > .v-icon--end {
17336
- margin-inline-start: 0;
17337
- margin-inline-end: 0;
17098
+ .v-card--link {
17099
+ cursor: pointer;
17338
17100
  }
17339
- .v-btn--stacked .v-btn__prepend,
17340
- .v-btn--stacked .v-btn__content > .v-icon--start {
17341
- margin-bottom: 4px;
17101
+
17102
+ .v-card-actions {
17103
+ align-items: center;
17104
+ display: flex;
17105
+ flex: none;
17106
+ min-height: 52px;
17107
+ padding: 0.5rem;
17342
17108
  }
17343
- .v-btn--stacked .v-btn__append,
17344
- .v-btn--stacked .v-btn__content > .v-icon--end {
17345
- margin-top: 4px;
17109
+
17110
+ .v-card-item {
17111
+ align-items: center;
17112
+ display: grid;
17113
+ flex: none;
17114
+ grid-template-areas: "prepend content append";
17115
+ grid-template-columns: max-content auto max-content;
17116
+ padding: 0.625rem 1rem;
17346
17117
  }
17347
- .v-btn--stacked.v-btn--size-x-small {
17348
- --v-btn-size: 0.625rem;
17349
- --v-btn-height: 56px;
17350
- font-size: 0.625rem;
17351
- min-width: 56px;
17352
- padding: 0 12px;
17118
+ .v-card-item + .v-card-text {
17119
+ padding-top: 0;
17353
17120
  }
17354
-
17355
- .v-btn--stacked.v-btn--size-small {
17356
- --v-btn-size: 0.75rem;
17357
- --v-btn-height: 64px;
17358
- font-size: 0.75rem;
17359
- min-width: 64px;
17360
- padding: 0 14px;
17121
+ .v-card-item__prepend {
17122
+ grid-area: prepend;
17123
+ padding-inline-end: 1rem;
17361
17124
  }
17362
-
17363
- .v-btn--stacked.v-btn--size-default {
17364
- --v-btn-size: 0.875rem;
17365
- --v-btn-height: 72px;
17366
- font-size: 0.875rem;
17367
- min-width: 72px;
17368
- padding: 0 16px;
17125
+ .v-card-item__append {
17126
+ grid-area: append;
17127
+ padding-inline-start: 1rem;
17369
17128
  }
17370
17129
 
17371
- .v-btn--stacked.v-btn--size-large {
17372
- --v-btn-size: 1rem;
17373
- --v-btn-height: 80px;
17374
- font-size: 1rem;
17375
- min-width: 80px;
17376
- padding: 0 18px;
17130
+ .v-card-item__content {
17131
+ align-self: center;
17132
+ grid-area: content;
17133
+ overflow: hidden;
17377
17134
  }
17378
17135
 
17379
- .v-btn--stacked.v-btn--size-x-large {
17380
- --v-btn-size: 1.125rem;
17381
- --v-btn-height: 88px;
17382
- font-size: 1.125rem;
17383
- min-width: 88px;
17384
- padding: 0 20px;
17136
+ .v-card-title {
17137
+ display: block;
17138
+ flex: none;
17139
+ font-size: 1.25rem;
17140
+ font-weight: 500;
17141
+ -webkit-hyphens: auto;
17142
+ hyphens: auto;
17143
+ letter-spacing: 0.0125em;
17144
+ min-width: 0;
17145
+ overflow-wrap: normal;
17146
+ overflow: hidden;
17147
+ padding: 0.5rem 1rem;
17148
+ text-overflow: ellipsis;
17149
+ text-transform: none;
17150
+ white-space: nowrap;
17151
+ word-break: normal;
17152
+ word-wrap: break-word;
17385
17153
  }
17386
-
17387
- .v-btn--stacked.v-btn--density-default {
17388
- height: calc(var(--v-btn-height) + 0px);
17154
+ .v-card .v-card-title {
17155
+ line-height: 2rem;
17389
17156
  }
17390
-
17391
- .v-btn--stacked.v-btn--density-comfortable {
17392
- height: calc(var(--v-btn-height) + -16px);
17157
+ .v-card--density-comfortable .v-card-title {
17158
+ line-height: 1.75rem;
17159
+ }
17160
+ .v-card--density-compact .v-card-title {
17161
+ line-height: 1.55rem;
17162
+ }
17163
+ .v-card-item .v-card-title {
17164
+ padding: 0;
17165
+ }
17166
+ .v-card-title + .v-card-text,
17167
+ .v-card-title + .v-card-actions {
17168
+ padding-top: 0;
17393
17169
  }
17394
17170
 
17395
- .v-btn--stacked.v-btn--density-compact {
17396
- height: calc(var(--v-btn-height) + -24px);
17171
+ .v-card-subtitle {
17172
+ display: block;
17173
+ flex: none;
17174
+ font-size: 0.875rem;
17175
+ font-weight: 400;
17176
+ letter-spacing: 0.0178571429em;
17177
+ opacity: var(--v-medium-emphasis-opacity);
17178
+ overflow: hidden;
17179
+ padding: 0 1rem;
17180
+ text-overflow: ellipsis;
17181
+ text-transform: none;
17182
+ white-space: nowrap;
17183
+ }
17184
+ .v-card .v-card-subtitle {
17185
+ line-height: 1.25rem;
17186
+ }
17187
+ .v-card--density-comfortable .v-card-subtitle {
17188
+ line-height: 1.125rem;
17189
+ }
17190
+ .v-card--density-compact .v-card-subtitle {
17191
+ line-height: 1rem;
17192
+ }
17193
+ .v-card-item .v-card-subtitle {
17194
+ padding: 0 0 0.25rem;
17397
17195
  }
17398
17196
 
17399
- .v-btn--rounded {
17400
- border-radius: 24px;
17197
+ .v-card-text {
17198
+ flex: 1 1 auto;
17199
+ font-size: 0.875rem;
17200
+ font-weight: 400;
17201
+ letter-spacing: 0.0178571429em;
17202
+ padding: 1rem;
17203
+ text-transform: none;
17401
17204
  }
17402
- .v-btn .v-icon {
17403
- --v-icon-size-multiplier: 0.8571428571;
17205
+ .v-card .v-card-text {
17206
+ line-height: 1.25rem;
17404
17207
  }
17405
- .v-btn--icon .v-icon {
17406
- --v-icon-size-multiplier: 1;
17208
+ .v-card--density-comfortable .v-card-text {
17209
+ line-height: 1.2rem;
17407
17210
  }
17408
- .v-btn--stacked .v-icon {
17409
- --v-icon-size-multiplier: 1.1428571429;
17211
+ .v-card--density-compact .v-card-text {
17212
+ line-height: 1.15rem;
17410
17213
  }
17411
17214
 
17412
- .v-btn__loader {
17413
- align-items: center;
17215
+ .v-card__image {
17414
17216
  display: flex;
17415
17217
  height: 100%;
17416
- justify-content: center;
17218
+ flex: 1 1 auto;
17417
17219
  left: 0;
17220
+ overflow: hidden;
17418
17221
  position: absolute;
17419
17222
  top: 0;
17420
17223
  width: 100%;
17224
+ z-index: -1;
17421
17225
  }
17422
17226
 
17423
- .v-btn__content,
17424
- .v-btn__prepend,
17425
- .v-btn__append {
17426
- align-items: center;
17427
- display: flex;
17428
- transition: transform, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17429
- }
17430
-
17431
- .v-btn__prepend {
17432
- grid-area: prepend;
17433
- margin-inline-start: calc(var(--v-btn-height) / -9);
17434
- margin-inline-end: calc(var(--v-btn-height) / 4.5);
17435
- }
17436
-
17437
- .v-btn__append {
17438
- grid-area: append;
17439
- margin-inline-start: calc(var(--v-btn-height) / 4.5);
17440
- margin-inline-end: calc(var(--v-btn-height) / -9);
17227
+ .v-card__content {
17228
+ border-radius: inherit;
17229
+ overflow: hidden;
17230
+ position: relative;
17441
17231
  }
17442
17232
 
17443
- .v-btn__content {
17444
- grid-area: content;
17445
- justify-content: center;
17446
- white-space: nowrap;
17447
- }
17448
- .v-btn__content > .v-icon--start {
17449
- margin-inline-start: calc(var(--v-btn-height) / -9);
17450
- margin-inline-end: calc(var(--v-btn-height) / 4.5);
17451
- }
17452
- .v-btn__content > .v-icon--end {
17453
- margin-inline-start: calc(var(--v-btn-height) / 4.5);
17454
- margin-inline-end: calc(var(--v-btn-height) / -9);
17455
- }
17456
- .v-btn--stacked .v-btn__content {
17457
- white-space: normal;
17233
+ .v-card__loader {
17234
+ bottom: auto;
17235
+ top: 0;
17236
+ left: 0;
17237
+ position: absolute;
17238
+ right: 0;
17239
+ width: 100%;
17240
+ z-index: 1;
17458
17241
  }
17459
17242
 
17460
- .v-btn__overlay {
17243
+ .v-card__overlay {
17461
17244
  background-color: currentColor;
17462
17245
  border-radius: inherit;
17463
- opacity: 0;
17464
- transition: opacity 0.2s ease-in-out;
17465
- }
17466
-
17467
- .v-btn__overlay,
17468
- .v-btn__underlay {
17469
17246
  position: absolute;
17470
17247
  top: 0;
17248
+ right: 0;
17249
+ bottom: 0;
17471
17250
  left: 0;
17472
- width: 100%;
17473
- height: 100%;
17474
17251
  pointer-events: none;
17475
- }
17476
-
17477
- .v-card-actions .v-btn {
17478
- padding: 0 8px;
17479
- }
17480
- .v-card-actions .v-btn ~ .v-btn {
17481
- margin-inline-start: 0.5rem;
17482
- }
17483
-
17484
- .v-banner-actions .v-btn {
17485
- padding: 0 8px;
17486
- }
17487
-
17488
- .v-pagination .v-btn {
17489
- border-radius: 4px;
17490
- }
17491
- .v-btn__overlay {
17492
- transition: none;
17493
- }
17494
- .v-pagination__item--is-active .v-btn__overlay {
17495
- opacity: var(--v-border-opacity);
17496
- }
17497
-
17498
- .v-snackbar-actions .v-btn {
17499
- padding: 0 8px;
17252
+ opacity: 0;
17253
+ transition: opacity 0.2s ease-in-out;
17254
+ }.v-checkbox .v-selection-control {
17255
+ min-height: var(--v-input-control-height);
17500
17256
  }/** if false, disabled buttons will be greyed out */
17501
- .v-btn-group {
17502
- display: inline-flex;
17503
- flex-wrap: nowrap;
17257
+ .v-btn {
17258
+ align-items: center;
17259
+ border-radius: 4px;
17260
+ display: inline-grid;
17261
+ grid-template-areas: "prepend content append";
17262
+ grid-template-columns: max-content auto max-content;
17263
+ font-weight: 500;
17264
+ justify-content: center;
17265
+ letter-spacing: 0.0892857143em;
17266
+ line-height: normal;
17504
17267
  max-width: 100%;
17505
- min-width: 0;
17506
- overflow: hidden;
17268
+ outline: none;
17269
+ position: relative;
17270
+ text-decoration: none;
17271
+ text-indent: 0.0892857143em;
17272
+ text-transform: uppercase;
17273
+ transition-property: box-shadow, transform, opacity, background;
17274
+ transition-duration: 0.28s;
17275
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
17276
+ -webkit-user-select: none;
17277
+ user-select: none;
17507
17278
  vertical-align: middle;
17279
+ flex-shrink: 0;
17508
17280
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17509
17281
  border-style: solid;
17510
17282
  border-width: 0;
17511
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17512
- border-radius: 4px;
17513
- background: transparent;
17514
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17515
17283
  }
17516
- .v-btn-group--border {
17517
- border-width: thin;
17518
- box-shadow: none;
17284
+ .v-btn--size-x-small {
17285
+ --v-btn-size: 0.625rem;
17286
+ --v-btn-height: 20px;
17287
+ font-size: 0.625rem;
17288
+ min-width: 36px;
17289
+ padding: 0 8px;
17519
17290
  }
17520
- .v-btn-group--density-default.v-btn-group {
17521
- height: 48px;
17291
+
17292
+ .v-btn--size-small {
17293
+ --v-btn-size: 0.75rem;
17294
+ --v-btn-height: 28px;
17295
+ font-size: 0.75rem;
17296
+ min-width: 50px;
17297
+ padding: 0 12px;
17522
17298
  }
17523
17299
 
17524
- .v-btn-group--density-comfortable.v-btn-group {
17525
- height: 40px;
17300
+ .v-btn--size-default {
17301
+ --v-btn-size: 0.875rem;
17302
+ --v-btn-height: 36px;
17303
+ font-size: 0.875rem;
17304
+ min-width: 64px;
17305
+ padding: 0 16px;
17526
17306
  }
17527
17307
 
17528
- .v-btn-group--density-compact.v-btn-group {
17529
- height: 36px;
17308
+ .v-btn--size-large {
17309
+ --v-btn-size: 1rem;
17310
+ --v-btn-height: 44px;
17311
+ font-size: 1rem;
17312
+ min-width: 78px;
17313
+ padding: 0 20px;
17530
17314
  }
17531
17315
 
17532
- .v-btn-group .v-btn {
17533
- border-radius: 0;
17534
- border-color: inherit;
17316
+ .v-btn--size-x-large {
17317
+ --v-btn-size: 1.125rem;
17318
+ --v-btn-height: 52px;
17319
+ font-size: 1.125rem;
17320
+ min-width: 92px;
17321
+ padding: 0 24px;
17535
17322
  }
17536
- .v-btn-group .v-btn:not(:last-child) {
17537
- border-inline-end: none;
17538
- }
17539
- .v-btn-group .v-btn:not(:first-child) {
17540
- border-inline-start: none;
17541
- }
17542
- .v-btn-group .v-btn:first-child {
17543
- border-start-start-radius: inherit;
17544
- border-end-start-radius: inherit;
17545
- }
17546
- .v-btn-group .v-btn:last-child {
17547
- border-start-end-radius: inherit;
17548
- border-end-end-radius: inherit;
17323
+
17324
+ .v-btn.v-btn--density-default {
17325
+ height: calc(var(--v-btn-height) + 0px);
17549
17326
  }
17550
- .v-btn-group--divided .v-btn:not(:last-child) {
17551
- border-inline-end-width: thin;
17552
- border-inline-end-style: solid;
17553
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
17327
+
17328
+ .v-btn.v-btn--density-comfortable {
17329
+ height: calc(var(--v-btn-height) + -8px);
17554
17330
  }
17555
- .v-btn-group--tile {
17556
- border-radius: 0;
17557
- }.v-btn-toggle .v-btn.v-btn--selected:not(.v-btn--disabled) .v-btn__overlay {
17558
- opacity: var(--v-activated-opacity);
17559
- }.v-card {
17560
- display: block;
17561
- overflow: hidden;
17562
- overflow-wrap: break-word;
17563
- position: relative;
17564
- padding: 0;
17565
- text-decoration: none;
17566
- transition-duration: 0.28s;
17567
- transition-property: box-shadow, opacity, background;
17568
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
17569
- z-index: 0;
17570
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17571
- border-style: solid;
17572
- border-width: 0;
17573
- border-radius: 4px;
17331
+
17332
+ .v-btn.v-btn--density-compact {
17333
+ height: calc(var(--v-btn-height) + -12px);
17574
17334
  }
17575
- .v-card--border {
17335
+
17336
+ .v-btn--border {
17576
17337
  border-width: thin;
17577
17338
  box-shadow: none;
17578
17339
  }
17579
- .v-card--absolute {
17340
+ .v-btn--absolute {
17580
17341
  position: absolute;
17581
17342
  }
17582
- .v-card--fixed {
17343
+ .v-btn--fixed {
17583
17344
  position: fixed;
17584
17345
  }
17585
- .v-card:hover > .v-card__overlay {
17346
+ .v-btn:hover > .v-btn__overlay {
17586
17347
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
17587
17348
  }
17588
- .v-card:focus-visible > .v-card__overlay {
17349
+ .v-btn:focus-visible > .v-btn__overlay {
17589
17350
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
17590
17351
  }
17591
17352
  @supports not selector(:focus-visible) {
17592
- .v-card:focus > .v-card__overlay {
17353
+ .v-btn:focus > .v-btn__overlay {
17593
17354
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
17594
17355
  }
17595
17356
  }
17596
- .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
17357
+ .v-btn--active > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true] > .v-btn__overlay {
17597
17358
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
17598
17359
  }
17599
- .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
17360
+ .v-btn--active:hover > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:hover > .v-btn__overlay {
17600
17361
  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
17601
17362
  }
17602
- .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
17363
+ .v-btn--active:focus-visible > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-btn__overlay {
17603
17364
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
17604
17365
  }
17605
17366
  @supports not selector(:focus-visible) {
17606
- .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
17367
+ .v-btn--active:focus > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-btn__overlay {
17607
17368
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
17608
17369
  }
17609
17370
  }
17610
- .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
17371
+ .v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-tonal {
17611
17372
  background: transparent;
17612
17373
  color: inherit;
17613
17374
  }
17614
- .v-card--variant-plain {
17375
+ .v-btn--variant-plain {
17615
17376
  opacity: 0.62;
17616
17377
  }
17617
- .v-card--variant-plain:focus, .v-card--variant-plain:hover {
17378
+ .v-btn--variant-plain:focus, .v-btn--variant-plain:hover {
17618
17379
  opacity: 1;
17619
17380
  }
17620
- .v-card--variant-plain .v-card__overlay {
17381
+ .v-btn--variant-plain .v-btn__overlay {
17621
17382
  display: none;
17622
17383
  }
17623
- .v-card--variant-elevated, .v-card--variant-flat {
17384
+ .v-btn--variant-elevated, .v-btn--variant-flat {
17624
17385
  background: rgb(var(--v-theme-surface));
17625
17386
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17626
17387
  }
17627
- .v-card--variant-elevated {
17628
- box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17388
+ .v-btn--variant-elevated {
17389
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17629
17390
  }
17630
- .v-card--variant-flat {
17391
+ .v-btn--variant-flat {
17631
17392
  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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17632
17393
  }
17633
- .v-card--variant-outlined {
17394
+ .v-btn--variant-outlined {
17634
17395
  border: thin solid currentColor;
17635
17396
  }
17636
- .v-card--variant-text .v-card__overlay {
17397
+ .v-btn--variant-text .v-btn__overlay {
17637
17398
  background: currentColor;
17638
17399
  }
17639
- .v-card--variant-tonal .v-card__underlay {
17400
+ .v-btn--variant-tonal .v-btn__underlay {
17640
17401
  background: currentColor;
17641
17402
  opacity: var(--v-activated-opacity);
17642
17403
  border-radius: inherit;
@@ -17647,205 +17408,259 @@ html.overflow-y-hidden {
17647
17408
  left: 0;
17648
17409
  pointer-events: none;
17649
17410
  }
17650
- .v-card--disabled {
17651
- pointer-events: none;
17652
- -webkit-user-select: none;
17653
- user-select: none;
17411
+ @supports selector(:focus-visible) {
17412
+ .v-btn::after {
17413
+ content: "";
17414
+ position: absolute;
17415
+ top: 0;
17416
+ left: 0;
17417
+ width: 100%;
17418
+ height: 100%;
17419
+ pointer-events: none;
17420
+ border: 2px solid currentColor;
17421
+ border-radius: inherit;
17422
+ opacity: 0;
17423
+ transition: opacity 0.2s ease-in-out;
17424
+ }
17425
+ .v-btn:focus-visible::after {
17426
+ opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
17427
+ }
17654
17428
  }
17655
- .v-card--disabled > :not(.v-card__loader) {
17656
- opacity: 0.6;
17429
+ .v-btn--icon {
17430
+ border-radius: 50%;
17431
+ min-width: 0;
17432
+ padding: 0;
17657
17433
  }
17658
- .v-card--flat {
17434
+ .v-btn--icon.v-btn--size-default {
17435
+ font-size: 1rem;
17436
+ }
17437
+ .v-btn--icon.v-btn--density-default {
17438
+ width: calc(var(--v-btn-height) + 12px);
17439
+ height: calc(var(--v-btn-height) + 12px);
17440
+ }
17441
+ .v-btn--icon.v-btn--density-comfortable {
17442
+ width: calc(var(--v-btn-height) + 0px);
17443
+ height: calc(var(--v-btn-height) + 0px);
17444
+ }
17445
+ .v-btn--icon.v-btn--density-compact {
17446
+ width: calc(var(--v-btn-height) + -8px);
17447
+ height: calc(var(--v-btn-height) + -8px);
17448
+ }
17449
+
17450
+ .v-btn--elevated:hover, .v-btn--elevated:focus {
17451
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17452
+ }
17453
+ .v-btn--elevated:active {
17454
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17455
+ }
17456
+ .v-btn--flat {
17659
17457
  box-shadow: none;
17660
17458
  }
17661
- .v-card--hover {
17662
- cursor: pointer;
17663
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17459
+ .v-btn--block {
17460
+ display: flex;
17461
+ flex: 1 0 auto;
17462
+ min-width: 100%;
17664
17463
  }
17665
- .v-card--hover::before, .v-card--hover::after {
17666
- border-radius: inherit;
17667
- bottom: 0;
17668
- content: "";
17669
- display: block;
17670
- left: 0;
17464
+ .v-btn--disabled {
17671
17465
  pointer-events: none;
17672
- position: absolute;
17673
- right: 0;
17674
- top: 0;
17675
- transition: inherit;
17466
+ opacity: 0.26;
17676
17467
  }
17677
- .v-card--hover::before {
17468
+ .v-btn--disabled.v-btn--variant-elevated, .v-btn--disabled.v-btn--variant-flat {
17469
+ box-shadow: none;
17678
17470
  opacity: 1;
17679
- z-index: -1;
17680
- box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17471
+ color: rgba(var(--v-theme-on-surface), 0.26);
17472
+ background: rgb(var(--v-theme-surface));
17681
17473
  }
17682
- .v-card--hover::after {
17683
- z-index: 1;
17684
- opacity: 0;
17685
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17474
+ .v-btn--disabled.v-btn--variant-elevated .v-btn__overlay, .v-btn--disabled.v-btn--variant-flat .v-btn__overlay {
17475
+ opacity: 0.4615384615;
17686
17476
  }
17687
- .v-card--hover:hover::after {
17688
- opacity: 1;
17477
+ .v-btn--loading {
17478
+ pointer-events: none;
17689
17479
  }
17690
- .v-card--hover:hover::before {
17480
+ .v-btn--loading .v-btn__content,
17481
+ .v-btn--loading .v-btn__prepend,
17482
+ .v-btn--loading .v-btn__append {
17691
17483
  opacity: 0;
17692
17484
  }
17693
- .v-card--link {
17694
- cursor: pointer;
17485
+ .v-btn--stacked {
17486
+ grid-template-areas: "prepend" "content" "append";
17487
+ grid-template-columns: auto;
17488
+ grid-template-rows: max-content max-content max-content;
17489
+ justify-items: center;
17490
+ align-content: center;
17695
17491
  }
17696
-
17697
- .v-card-actions {
17698
- align-items: center;
17699
- display: flex;
17700
- flex: none;
17701
- min-height: 52px;
17702
- padding: 0.5rem;
17492
+ .v-btn--stacked .v-btn__content {
17493
+ flex-direction: column;
17494
+ line-height: 1.25;
17703
17495
  }
17704
-
17705
- .v-card-item {
17706
- align-items: center;
17707
- display: grid;
17708
- flex: none;
17709
- grid-template-areas: "prepend content append";
17710
- grid-template-columns: max-content auto max-content;
17711
- padding: 0.625rem 1rem;
17496
+ .v-btn--stacked .v-btn__prepend,
17497
+ .v-btn--stacked .v-btn__append,
17498
+ .v-btn--stacked .v-btn__content > .v-icon--start,
17499
+ .v-btn--stacked .v-btn__content > .v-icon--end {
17500
+ margin-inline-start: 0;
17501
+ margin-inline-end: 0;
17712
17502
  }
17713
- .v-card-item + .v-card-text {
17714
- padding-top: 0;
17503
+ .v-btn--stacked .v-btn__prepend,
17504
+ .v-btn--stacked .v-btn__content > .v-icon--start {
17505
+ margin-bottom: 4px;
17715
17506
  }
17716
- .v-card-item__prepend {
17717
- grid-area: prepend;
17718
- padding-inline-end: 1rem;
17507
+ .v-btn--stacked .v-btn__append,
17508
+ .v-btn--stacked .v-btn__content > .v-icon--end {
17509
+ margin-top: 4px;
17719
17510
  }
17720
- .v-card-item__append {
17721
- grid-area: append;
17722
- padding-inline-start: 1rem;
17511
+ .v-btn--stacked.v-btn--size-x-small {
17512
+ --v-btn-size: 0.625rem;
17513
+ --v-btn-height: 56px;
17514
+ font-size: 0.625rem;
17515
+ min-width: 56px;
17516
+ padding: 0 12px;
17723
17517
  }
17724
17518
 
17725
- .v-card-item__content {
17726
- align-self: center;
17727
- grid-area: content;
17728
- overflow: hidden;
17519
+ .v-btn--stacked.v-btn--size-small {
17520
+ --v-btn-size: 0.75rem;
17521
+ --v-btn-height: 64px;
17522
+ font-size: 0.75rem;
17523
+ min-width: 64px;
17524
+ padding: 0 14px;
17729
17525
  }
17730
17526
 
17731
- .v-card-title {
17732
- display: block;
17733
- flex: none;
17734
- font-size: 1.25rem;
17735
- font-weight: 500;
17736
- -webkit-hyphens: auto;
17737
- hyphens: auto;
17738
- letter-spacing: 0.0125em;
17739
- min-width: 0;
17740
- overflow-wrap: normal;
17741
- overflow: hidden;
17742
- padding: 0.5rem 1rem;
17743
- text-overflow: ellipsis;
17744
- text-transform: none;
17745
- white-space: nowrap;
17746
- word-break: normal;
17747
- word-wrap: break-word;
17748
- }
17749
- .v-card .v-card-title {
17750
- line-height: 2rem;
17751
- }
17752
- .v-card--density-comfortable .v-card-title {
17753
- line-height: 1.75rem;
17754
- }
17755
- .v-card--density-compact .v-card-title {
17756
- line-height: 1.55rem;
17757
- }
17758
- .v-card-item .v-card-title {
17759
- padding: 0;
17760
- }
17761
- .v-card-title + .v-card-text,
17762
- .v-card-title + .v-card-actions {
17763
- padding-top: 0;
17527
+ .v-btn--stacked.v-btn--size-default {
17528
+ --v-btn-size: 0.875rem;
17529
+ --v-btn-height: 72px;
17530
+ font-size: 0.875rem;
17531
+ min-width: 72px;
17532
+ padding: 0 16px;
17764
17533
  }
17765
17534
 
17766
- .v-card-subtitle {
17767
- display: block;
17768
- flex: none;
17769
- font-size: 0.875rem;
17770
- font-weight: 400;
17771
- letter-spacing: 0.0178571429em;
17772
- opacity: var(--v-medium-emphasis-opacity);
17773
- overflow: hidden;
17774
- padding: 0 1rem;
17775
- text-overflow: ellipsis;
17776
- text-transform: none;
17777
- white-space: nowrap;
17535
+ .v-btn--stacked.v-btn--size-large {
17536
+ --v-btn-size: 1rem;
17537
+ --v-btn-height: 80px;
17538
+ font-size: 1rem;
17539
+ min-width: 80px;
17540
+ padding: 0 18px;
17778
17541
  }
17779
- .v-card .v-card-subtitle {
17780
- line-height: 1.25rem;
17542
+
17543
+ .v-btn--stacked.v-btn--size-x-large {
17544
+ --v-btn-size: 1.125rem;
17545
+ --v-btn-height: 88px;
17546
+ font-size: 1.125rem;
17547
+ min-width: 88px;
17548
+ padding: 0 20px;
17781
17549
  }
17782
- .v-card--density-comfortable .v-card-subtitle {
17783
- line-height: 1.125rem;
17550
+
17551
+ .v-btn--stacked.v-btn--density-default {
17552
+ height: calc(var(--v-btn-height) + 0px);
17784
17553
  }
17785
- .v-card--density-compact .v-card-subtitle {
17786
- line-height: 1rem;
17554
+
17555
+ .v-btn--stacked.v-btn--density-comfortable {
17556
+ height: calc(var(--v-btn-height) + -16px);
17787
17557
  }
17788
- .v-card-item .v-card-subtitle {
17789
- padding: 0 0 0.25rem;
17558
+
17559
+ .v-btn--stacked.v-btn--density-compact {
17560
+ height: calc(var(--v-btn-height) + -24px);
17790
17561
  }
17791
17562
 
17792
- .v-card-text {
17793
- flex: 1 1 auto;
17794
- font-size: 0.875rem;
17795
- font-weight: 400;
17796
- letter-spacing: 0.0178571429em;
17797
- padding: 1rem;
17798
- text-transform: none;
17563
+ .v-btn--rounded {
17564
+ border-radius: 24px;
17799
17565
  }
17800
- .v-card .v-card-text {
17801
- line-height: 1.25rem;
17566
+ .v-btn .v-icon {
17567
+ --v-icon-size-multiplier: 0.8571428571;
17802
17568
  }
17803
- .v-card--density-comfortable .v-card-text {
17804
- line-height: 1.2rem;
17569
+ .v-btn--icon .v-icon {
17570
+ --v-icon-size-multiplier: 1;
17805
17571
  }
17806
- .v-card--density-compact .v-card-text {
17807
- line-height: 1.15rem;
17572
+ .v-btn--stacked .v-icon {
17573
+ --v-icon-size-multiplier: 1.1428571429;
17808
17574
  }
17809
17575
 
17810
- .v-card__image {
17576
+ .v-btn__loader {
17577
+ align-items: center;
17811
17578
  display: flex;
17812
17579
  height: 100%;
17813
- flex: 1 1 auto;
17580
+ justify-content: center;
17814
17581
  left: 0;
17815
- overflow: hidden;
17816
17582
  position: absolute;
17817
17583
  top: 0;
17818
17584
  width: 100%;
17819
- z-index: -1;
17820
17585
  }
17821
17586
 
17822
- .v-card__content {
17823
- border-radius: inherit;
17824
- overflow: hidden;
17825
- position: relative;
17587
+ .v-btn__content,
17588
+ .v-btn__prepend,
17589
+ .v-btn__append {
17590
+ align-items: center;
17591
+ display: flex;
17592
+ transition: transform, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17826
17593
  }
17827
17594
 
17828
- .v-card__loader {
17829
- bottom: auto;
17830
- top: 0;
17831
- left: 0;
17832
- position: absolute;
17833
- right: 0;
17834
- width: 100%;
17835
- z-index: 1;
17595
+ .v-btn__prepend {
17596
+ grid-area: prepend;
17597
+ margin-inline-start: calc(var(--v-btn-height) / -9);
17598
+ margin-inline-end: calc(var(--v-btn-height) / 4.5);
17836
17599
  }
17837
17600
 
17838
- .v-card__overlay {
17601
+ .v-btn__append {
17602
+ grid-area: append;
17603
+ margin-inline-start: calc(var(--v-btn-height) / 4.5);
17604
+ margin-inline-end: calc(var(--v-btn-height) / -9);
17605
+ }
17606
+
17607
+ .v-btn__content {
17608
+ grid-area: content;
17609
+ justify-content: center;
17610
+ white-space: nowrap;
17611
+ }
17612
+ .v-btn__content > .v-icon--start {
17613
+ margin-inline-start: calc(var(--v-btn-height) / -9);
17614
+ margin-inline-end: calc(var(--v-btn-height) / 4.5);
17615
+ }
17616
+ .v-btn__content > .v-icon--end {
17617
+ margin-inline-start: calc(var(--v-btn-height) / 4.5);
17618
+ margin-inline-end: calc(var(--v-btn-height) / -9);
17619
+ }
17620
+ .v-btn--stacked .v-btn__content {
17621
+ white-space: normal;
17622
+ }
17623
+
17624
+ .v-btn__overlay {
17839
17625
  background-color: currentColor;
17840
17626
  border-radius: inherit;
17627
+ opacity: 0;
17628
+ transition: opacity 0.2s ease-in-out;
17629
+ }
17630
+
17631
+ .v-btn__overlay,
17632
+ .v-btn__underlay {
17841
17633
  position: absolute;
17842
17634
  top: 0;
17843
- right: 0;
17844
- bottom: 0;
17845
17635
  left: 0;
17636
+ width: 100%;
17637
+ height: 100%;
17846
17638
  pointer-events: none;
17847
- opacity: 0;
17848
- transition: opacity 0.2s ease-in-out;
17639
+ }
17640
+
17641
+ .v-card-actions .v-btn {
17642
+ padding: 0 8px;
17643
+ }
17644
+ .v-card-actions .v-btn ~ .v-btn {
17645
+ margin-inline-start: 0.5rem;
17646
+ }
17647
+
17648
+ .v-banner-actions .v-btn {
17649
+ padding: 0 8px;
17650
+ }
17651
+
17652
+ .v-pagination .v-btn {
17653
+ border-radius: 4px;
17654
+ }
17655
+ .v-btn__overlay {
17656
+ transition: none;
17657
+ }
17658
+ .v-pagination__item--is-active .v-btn__overlay {
17659
+ opacity: var(--v-border-opacity);
17660
+ }
17661
+
17662
+ .v-snackbar-actions .v-btn {
17663
+ padding: 0 8px;
17849
17664
  }.v-carousel {
17850
17665
  overflow: hidden;
17851
17666
  position: relative;
@@ -17908,8 +17723,6 @@ html.overflow-y-hidden {
17908
17723
  flex-direction: column;
17909
17724
  height: 100% !important;
17910
17725
  width: 50px;
17911
- }.v-checkbox .v-selection-control {
17912
- min-height: var(--v-input-control-height);
17913
17726
  }.v-chip {
17914
17727
  align-items: center;
17915
17728
  cursor: default;
@@ -18327,6 +18140,8 @@ html.overflow-y-hidden {
18327
18140
  .v-chip-group--column {
18328
18141
  flex-wrap: wrap;
18329
18142
  white-space: normal;
18143
+ }.v-btn-toggle .v-btn.v-btn--selected:not(.v-btn--disabled) .v-btn__overlay {
18144
+ opacity: var(--v-activated-opacity);
18330
18145
  }.v-color-picker {
18331
18146
  align-self: flex-start;
18332
18147
  contain: content;
@@ -18435,6 +18250,11 @@ html.overflow-y-hidden {
18435
18250
  }
18436
18251
  .v-combobox--single .v-field--focused .v-combobox__selection {
18437
18252
  opacity: 0;
18253
+ }.v-counter {
18254
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
18255
+ flex: 0 1 auto;
18256
+ font-size: 12px;
18257
+ transition-duration: 150ms;
18438
18258
  }.v-container {
18439
18259
  width: 100%;
18440
18260
  padding: 16px;
@@ -19316,11 +19136,6 @@ html.overflow-y-hidden {
19316
19136
  .offset-xxl-11.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-11 {
19317
19137
  margin-right: 91.6666666667%;
19318
19138
  }
19319
- }.v-counter {
19320
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
19321
- flex: 0 1 auto;
19322
- font-size: 12px;
19323
- transition-duration: 150ms;
19324
19139
  }.v-dialog {
19325
19140
  align-items: center;
19326
19141
  justify-content: center;
@@ -20154,53 +19969,6 @@ textarea.v-field__input::placeholder {
20154
19969
  }
20155
19970
  .v-footer--rounded {
20156
19971
  border-radius: 4px;
20157
- }.v-icon {
20158
- --v-icon-size-multiplier: 1;
20159
- align-items: center;
20160
- display: inline-flex;
20161
- font-feature-settings: "liga";
20162
- height: 1em;
20163
- justify-content: center;
20164
- letter-spacing: normal;
20165
- line-height: 1;
20166
- position: relative;
20167
- text-indent: 0;
20168
- -webkit-user-select: none;
20169
- user-select: none;
20170
- vertical-align: middle;
20171
- width: 1em;
20172
- }
20173
- .v-icon--clickable {
20174
- cursor: pointer;
20175
- }
20176
- .v-icon--size-x-small {
20177
- font-size: calc(var(--v-icon-size-multiplier) * 1em);
20178
- }
20179
- .v-icon--size-small {
20180
- font-size: calc(var(--v-icon-size-multiplier) * 1.25em);
20181
- }
20182
- .v-icon--size-default {
20183
- font-size: calc(var(--v-icon-size-multiplier) * 1.5em);
20184
- }
20185
- .v-icon--size-large {
20186
- font-size: calc(var(--v-icon-size-multiplier) * 1.75em);
20187
- }
20188
- .v-icon--size-x-large {
20189
- font-size: calc(var(--v-icon-size-multiplier) * 2em);
20190
- }
20191
-
20192
- .v-icon__svg {
20193
- fill: currentColor;
20194
- width: 100%;
20195
- height: 100%;
20196
- }
20197
-
20198
- .v-icon--start {
20199
- margin-inline-end: 8px;
20200
- }
20201
-
20202
- .v-icon--end {
20203
- margin-inline-start: 8px;
20204
19972
  }.v-img {
20205
19973
  --v-theme-overlay-multiplier: 3;
20206
19974
  z-index: 0;
@@ -20346,32 +20114,72 @@ textarea.v-field__input::placeholder {
20346
20114
  .v-input__control {
20347
20115
  display: flex;
20348
20116
  grid-area: control;
20349
- }.v-item-group {
20350
- flex: 0 1 auto;
20351
- max-width: 100%;
20352
- position: relative;
20353
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
20354
- }.v-label {
20117
+ }.v-icon {
20118
+ --v-icon-size-multiplier: 1;
20355
20119
  align-items: center;
20356
20120
  display: inline-flex;
20357
- font-size: 1rem;
20358
- letter-spacing: 0.009375em;
20359
- min-width: 0;
20360
- opacity: var(--v-medium-emphasis-opacity);
20361
- overflow: hidden;
20362
- text-overflow: ellipsis;
20363
- white-space: nowrap;
20364
- }
20365
-
20366
- .v-label--clickable {
20367
- cursor: pointer;
20368
- }.v-layout-item {
20369
- position: absolute;
20121
+ font-feature-settings: "liga";
20122
+ height: 1em;
20123
+ justify-content: center;
20124
+ letter-spacing: normal;
20125
+ line-height: 1;
20126
+ position: relative;
20127
+ text-indent: 0;
20128
+ -webkit-user-select: none;
20129
+ user-select: none;
20130
+ vertical-align: middle;
20131
+ width: 1em;
20132
+ }
20133
+ .v-icon--clickable {
20134
+ cursor: pointer;
20135
+ }
20136
+ .v-icon--size-x-small {
20137
+ font-size: calc(var(--v-icon-size-multiplier) * 1em);
20138
+ }
20139
+ .v-icon--size-small {
20140
+ font-size: calc(var(--v-icon-size-multiplier) * 1.25em);
20141
+ }
20142
+ .v-icon--size-default {
20143
+ font-size: calc(var(--v-icon-size-multiplier) * 1.5em);
20144
+ }
20145
+ .v-icon--size-large {
20146
+ font-size: calc(var(--v-icon-size-multiplier) * 1.75em);
20147
+ }
20148
+ .v-icon--size-x-large {
20149
+ font-size: calc(var(--v-icon-size-multiplier) * 2em);
20150
+ }
20151
+
20152
+ .v-icon__svg {
20153
+ fill: currentColor;
20154
+ width: 100%;
20155
+ height: 100%;
20156
+ }
20157
+
20158
+ .v-icon--start {
20159
+ margin-inline-end: 8px;
20160
+ }
20161
+
20162
+ .v-icon--end {
20163
+ margin-inline-start: 8px;
20164
+ }.v-item-group {
20165
+ flex: 0 1 auto;
20166
+ max-width: 100%;
20167
+ position: relative;
20370
20168
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
20169
+ }.v-label {
20170
+ align-items: center;
20171
+ display: inline-flex;
20172
+ font-size: 1rem;
20173
+ letter-spacing: 0.009375em;
20174
+ min-width: 0;
20175
+ opacity: var(--v-medium-emphasis-opacity);
20176
+ overflow: hidden;
20177
+ text-overflow: ellipsis;
20178
+ white-space: nowrap;
20371
20179
  }
20372
20180
 
20373
- .v-layout-item--absolute {
20374
- position: absolute;
20181
+ .v-label--clickable {
20182
+ cursor: pointer;
20375
20183
  }.v-layout {
20376
20184
  --v-scrollbar-offset: 0px;
20377
20185
  display: flex;
@@ -20380,6 +20188,13 @@ textarea.v-field__input::placeholder {
20380
20188
  .v-layout--full-height {
20381
20189
  --v-scrollbar-offset: inherit;
20382
20190
  height: 100%;
20191
+ }.v-layout-item {
20192
+ position: absolute;
20193
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
20194
+ }
20195
+
20196
+ .v-layout-item--absolute {
20197
+ position: absolute;
20383
20198
  }.v-list {
20384
20199
  overflow: auto;
20385
20200
  padding: 8px 0;
@@ -20875,8 +20690,6 @@ textarea.v-field__input::placeholder {
20875
20690
 
20876
20691
  .v-list-group__header.v-list-item--active:not(:focus-visible) .v-list-item__overlay {
20877
20692
  opacity: 0;
20878
- }.v-locale-provider {
20879
- display: contents;
20880
20693
  }.v-main {
20881
20694
  flex: 1 0 auto;
20882
20695
  max-width: 100%;
@@ -20905,6 +20718,8 @@ textarea.v-field__input::placeholder {
20905
20718
  --v-layout-right: 0px;
20906
20719
  --v-layout-top: 0px;
20907
20720
  --v-layout-bottom: 0px;
20721
+ }.v-locale-provider {
20722
+ display: contents;
20908
20723
  }.v-menu > .v-overlay__content {
20909
20724
  display: flex;
20910
20725
  flex-direction: column;
@@ -20918,22 +20733,6 @@ textarea.v-field__input::placeholder {
20918
20733
  overflow: auto;
20919
20734
  height: 100%;
20920
20735
  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-penumbra-opacity, rgba(0, 0, 0, 0.12));
20921
- }.v-messages {
20922
- flex: 1 1 auto;
20923
- font-size: 12px;
20924
- min-height: 14px;
20925
- min-width: 1px;
20926
- opacity: var(--v-medium-emphasis-opacity);
20927
- position: relative;
20928
- }
20929
- .v-messages__message {
20930
- line-height: 12px;
20931
- word-break: break-word;
20932
- overflow-wrap: break-word;
20933
- word-wrap: break-word;
20934
- -webkit-hyphens: auto;
20935
- hyphens: auto;
20936
- transition-duration: 150ms;
20937
20736
  }.v-navigation-drawer {
20938
20737
  -webkit-overflow-scrolling: touch;
20939
20738
  background: rgb(var(--v-theme-surface));
@@ -21025,6 +20824,22 @@ textarea.v-field__input::placeholder {
21025
20824
  opacity: 0.2;
21026
20825
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21027
20826
  z-index: 1;
20827
+ }.v-messages {
20828
+ flex: 1 1 auto;
20829
+ font-size: 12px;
20830
+ min-height: 14px;
20831
+ min-width: 1px;
20832
+ opacity: var(--v-medium-emphasis-opacity);
20833
+ position: relative;
20834
+ }
20835
+ .v-messages__message {
20836
+ line-height: 12px;
20837
+ word-break: break-word;
20838
+ overflow-wrap: break-word;
20839
+ word-wrap: break-word;
20840
+ -webkit-hyphens: auto;
20841
+ hyphens: auto;
20842
+ transition-duration: 150ms;
21028
20843
  }.v-overlay-container {
21029
20844
  contain: layout;
21030
20845
  left: 0;
@@ -21100,108 +20915,6 @@ html.v-overlay-scroll-blocked {
21100
20915
  }
21101
20916
  .v-parallax--active > .v-img__img {
21102
20917
  will-change: transform;
21103
- }.v-progress-circular {
21104
- align-items: center;
21105
- display: inline-flex;
21106
- justify-content: center;
21107
- position: relative;
21108
- vertical-align: middle;
21109
- }
21110
- .v-progress-circular > svg {
21111
- width: 100%;
21112
- height: 100%;
21113
- margin: auto;
21114
- position: absolute;
21115
- top: 0;
21116
- bottom: 0;
21117
- left: 0;
21118
- right: 0;
21119
- z-index: 0;
21120
- }
21121
-
21122
- .v-progress-circular__content {
21123
- align-items: center;
21124
- display: flex;
21125
- justify-content: center;
21126
- }
21127
-
21128
- .v-progress-circular__underlay {
21129
- color: rgba(var(--v-border-color), var(--v-border-opacity));
21130
- stroke: currentColor;
21131
- z-index: 1;
21132
- }
21133
-
21134
- .v-progress-circular__overlay {
21135
- stroke: currentColor;
21136
- transition: all 0.2s ease-in-out, stroke-width 0s;
21137
- z-index: 2;
21138
- }
21139
-
21140
- .v-progress-circular--size-x-small {
21141
- height: 16px;
21142
- width: 16px;
21143
- }
21144
- .v-progress-circular--size-small {
21145
- height: 24px;
21146
- width: 24px;
21147
- }
21148
- .v-progress-circular--size-default {
21149
- height: 32px;
21150
- width: 32px;
21151
- }
21152
- .v-progress-circular--size-large {
21153
- height: 48px;
21154
- width: 48px;
21155
- }
21156
- .v-progress-circular--size-x-large {
21157
- height: 64px;
21158
- width: 64px;
21159
- }
21160
-
21161
- .v-progress-circular--indeterminate > svg {
21162
- animation: progress-circular-rotate 1.4s linear infinite;
21163
- transform-origin: center center;
21164
- transition: all 0.2s ease-in-out;
21165
- }
21166
- .v-progress-circular--indeterminate .v-progress-circular__overlay {
21167
- animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
21168
- stroke-dasharray: 25, 200;
21169
- stroke-dashoffset: 0;
21170
- stroke-linecap: round;
21171
- transform-origin: center center;
21172
- transform: rotate(-90deg);
21173
- }
21174
-
21175
- .v-progress-circular--disable-shrink > svg {
21176
- animation-duration: 0.7s;
21177
- }
21178
- .v-progress-circular--disable-shrink .v-progress-circular__overlay {
21179
- animation: none;
21180
- }
21181
-
21182
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
21183
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
21184
- animation-play-state: paused !important;
21185
- }
21186
-
21187
- @keyframes progress-circular-dash {
21188
- 0% {
21189
- stroke-dasharray: 1, 200;
21190
- stroke-dashoffset: 0px;
21191
- }
21192
- 50% {
21193
- stroke-dasharray: 100, 200;
21194
- stroke-dashoffset: -15px;
21195
- }
21196
- 100% {
21197
- stroke-dasharray: 100, 200;
21198
- stroke-dashoffset: -124px;
21199
- }
21200
- }
21201
- @keyframes progress-circular-rotate {
21202
- 100% {
21203
- transform: rotate(270deg);
21204
- }
21205
20918
  }.v-progress-linear {
21206
20919
  background: transparent;
21207
20920
  overflow: hidden;
@@ -21619,37 +21332,109 @@ html.v-overlay-scroll-blocked {
21619
21332
  }
21620
21333
  .v-select--selected .v-field .v-field__input > input {
21621
21334
  opacity: 0;
21622
- }.v-selection-control {
21623
- align-items: center;
21624
- contain: layout;
21625
- display: flex;
21626
- flex: 1 0;
21627
- grid-area: control;
21628
- position: relative;
21629
- -webkit-user-select: none;
21630
- user-select: none;
21335
+ }.v-sheet {
21336
+ display: block;
21337
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21338
+ border-style: solid;
21339
+ border-width: 0;
21340
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
21341
+ border-radius: 0;
21342
+ background: rgb(var(--v-theme-surface));
21343
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
21631
21344
  }
21632
- .v-selection-control .v-label {
21633
- white-space: normal;
21634
- word-break: break-word;
21635
- height: 100%;
21636
- width: 100%;
21345
+ .v-sheet--border {
21346
+ border-width: thin;
21347
+ box-shadow: none;
21637
21348
  }
21638
- .v-selection-control--disabled {
21639
- opacity: var(--v-disabled-opacity);
21640
- pointer-events: none;
21349
+ .v-sheet--absolute {
21350
+ position: absolute;
21641
21351
  }
21642
- .v-selection-control--error .v-label, .v-selection-control--disabled .v-label {
21643
- opacity: 1;
21352
+ .v-sheet--fixed {
21353
+ position: fixed;
21644
21354
  }
21645
- .v-selection-control--error:not(.v-selection-control--disabled) .v-label {
21646
- color: rgb(var(--v-theme-error));
21355
+ .v-sheet--rounded {
21356
+ border-radius: 4px;
21357
+ }.v-selection-control-group {
21358
+ grid-area: control;
21359
+ display: flex;
21360
+ flex-direction: column;
21647
21361
  }
21648
- .v-selection-control--inline {
21649
- display: inline-flex;
21650
- flex: 0 0 auto;
21651
- min-width: 0;
21652
- max-width: 100%;
21362
+ .v-selection-control-group--inline {
21363
+ flex-direction: row;
21364
+ flex-wrap: wrap;
21365
+ }.v-slide-group {
21366
+ display: flex;
21367
+ overflow: hidden;
21368
+ }
21369
+
21370
+ .v-slide-group__next,
21371
+ .v-slide-group__prev {
21372
+ align-items: center;
21373
+ display: flex;
21374
+ flex: 0 1 52px;
21375
+ justify-content: center;
21376
+ min-width: 52px;
21377
+ cursor: pointer;
21378
+ }
21379
+ .v-slide-group__next--disabled,
21380
+ .v-slide-group__prev--disabled {
21381
+ pointer-events: none;
21382
+ opacity: var(--v-disabled-opacity);
21383
+ }
21384
+
21385
+ .v-slide-group__content {
21386
+ display: flex;
21387
+ flex: 1 0 auto;
21388
+ position: relative;
21389
+ transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
21390
+ white-space: nowrap;
21391
+ }
21392
+ .v-slide-group__content > * {
21393
+ white-space: initial;
21394
+ }
21395
+
21396
+ .v-slide-group__container {
21397
+ contain: content;
21398
+ display: flex;
21399
+ flex: 1 1 auto;
21400
+ overflow: hidden;
21401
+ }
21402
+
21403
+ .v-slide-group--vertical,
21404
+ .v-slide-group--vertical .v-slide-group__container,
21405
+ .v-slide-group--vertical .v-slide-group__content {
21406
+ flex-direction: column;
21407
+ }.v-selection-control {
21408
+ align-items: center;
21409
+ contain: layout;
21410
+ display: flex;
21411
+ flex: 1 0;
21412
+ grid-area: control;
21413
+ position: relative;
21414
+ -webkit-user-select: none;
21415
+ user-select: none;
21416
+ }
21417
+ .v-selection-control .v-label {
21418
+ white-space: normal;
21419
+ word-break: break-word;
21420
+ height: 100%;
21421
+ width: 100%;
21422
+ }
21423
+ .v-selection-control--disabled {
21424
+ opacity: var(--v-disabled-opacity);
21425
+ pointer-events: none;
21426
+ }
21427
+ .v-selection-control--error .v-label, .v-selection-control--disabled .v-label {
21428
+ opacity: 1;
21429
+ }
21430
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-label {
21431
+ color: rgb(var(--v-theme-error));
21432
+ }
21433
+ .v-selection-control--inline {
21434
+ display: inline-flex;
21435
+ flex: 0 0 auto;
21436
+ min-width: 0;
21437
+ max-width: 100%;
21653
21438
  }
21654
21439
  .v-selection-control--inline .v-label {
21655
21440
  width: auto;
@@ -21721,78 +21506,6 @@ html.v-overlay-scroll-blocked {
21721
21506
  }
21722
21507
  .v-selection-control--focus-visible .v-selection-control__input::before {
21723
21508
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21724
- }.v-selection-control-group {
21725
- grid-area: control;
21726
- display: flex;
21727
- flex-direction: column;
21728
- }
21729
- .v-selection-control-group--inline {
21730
- flex-direction: row;
21731
- flex-wrap: wrap;
21732
- }.v-sheet {
21733
- display: block;
21734
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21735
- border-style: solid;
21736
- border-width: 0;
21737
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
21738
- border-radius: 0;
21739
- background: rgb(var(--v-theme-surface));
21740
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
21741
- }
21742
- .v-sheet--border {
21743
- border-width: thin;
21744
- box-shadow: none;
21745
- }
21746
- .v-sheet--absolute {
21747
- position: absolute;
21748
- }
21749
- .v-sheet--fixed {
21750
- position: fixed;
21751
- }
21752
- .v-sheet--rounded {
21753
- border-radius: 4px;
21754
- }.v-slide-group {
21755
- display: flex;
21756
- overflow: hidden;
21757
- }
21758
-
21759
- .v-slide-group__next,
21760
- .v-slide-group__prev {
21761
- align-items: center;
21762
- display: flex;
21763
- flex: 0 1 52px;
21764
- justify-content: center;
21765
- min-width: 52px;
21766
- cursor: pointer;
21767
- }
21768
- .v-slide-group__next--disabled,
21769
- .v-slide-group__prev--disabled {
21770
- pointer-events: none;
21771
- opacity: var(--v-disabled-opacity);
21772
- }
21773
-
21774
- .v-slide-group__content {
21775
- display: flex;
21776
- flex: 1 0 auto;
21777
- position: relative;
21778
- transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
21779
- white-space: nowrap;
21780
- }
21781
- .v-slide-group__content > * {
21782
- white-space: initial;
21783
- }
21784
-
21785
- .v-slide-group__container {
21786
- contain: content;
21787
- display: flex;
21788
- flex: 1 1 auto;
21789
- overflow: hidden;
21790
- }
21791
-
21792
- .v-slide-group--vertical,
21793
- .v-slide-group--vertical .v-slide-group__container,
21794
- .v-slide-group--vertical .v-slide-group__content {
21795
- flex-direction: column;
21796
21509
  }.v-snackbar {
21797
21510
  justify-content: center;
21798
21511
  z-index: 10000;
@@ -22971,67 +22684,379 @@ html.v-overlay-scroll-blocked {
22971
22684
  flex-direction: column;
22972
22685
  height: inherit;
22973
22686
  position: relative;
22974
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
22687
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
22688
+ }
22689
+ .v-window__controls {
22690
+ position: absolute;
22691
+ left: 0;
22692
+ top: 0;
22693
+ width: 100%;
22694
+ height: 100%;
22695
+ display: flex;
22696
+ align-items: center;
22697
+ justify-content: space-between;
22698
+ padding: 0 16px;
22699
+ pointer-events: none;
22700
+ }
22701
+ .v-window__controls * {
22702
+ pointer-events: auto;
22703
+ }
22704
+ .v-window--show-arrows-on-hover {
22705
+ overflow: hidden;
22706
+ }
22707
+ .v-window--show-arrows-on-hover .v-window__left {
22708
+ transform: translateX(-200%);
22709
+ }
22710
+ .v-window--show-arrows-on-hover .v-window__right {
22711
+ transform: translateX(200%);
22712
+ }
22713
+ .v-window--show-arrows-on-hover:hover .v-window__left,
22714
+ .v-window--show-arrows-on-hover:hover .v-window__right {
22715
+ transform: translateX(0);
22716
+ }
22717
+ .v-window-x-transition-enter-active, .v-window-x-transition-leave-active, .v-window-x-reverse-transition-enter-active, .v-window-x-reverse-transition-leave-active, .v-window-y-transition-enter-active, .v-window-y-transition-leave-active, .v-window-y-reverse-transition-enter-active, .v-window-y-reverse-transition-leave-active {
22718
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
22719
+ }
22720
+ .v-window-x-transition-leave-from, .v-window-x-transition-leave-to, .v-window-x-reverse-transition-leave-from, .v-window-x-reverse-transition-leave-to, .v-window-y-transition-leave-from, .v-window-y-transition-leave-to, .v-window-y-reverse-transition-leave-from, .v-window-y-reverse-transition-leave-to {
22721
+ position: absolute !important;
22722
+ top: 0;
22723
+ width: 100%;
22724
+ }
22725
+ .v-window-x-transition-enter-from {
22726
+ transform: translateX(100%);
22727
+ }
22728
+ .v-window-x-transition-leave-to {
22729
+ transform: translateX(-100%);
22730
+ }
22731
+ .v-window-x-reverse-transition-enter-from {
22732
+ transform: translateX(-100%);
22733
+ }
22734
+ .v-window-x-reverse-transition-leave-to {
22735
+ transform: translateX(100%);
22736
+ }
22737
+ .v-window-y-transition-enter-from {
22738
+ transform: translateY(100%);
22739
+ }
22740
+ .v-window-y-transition-leave-to {
22741
+ transform: translateY(-100%);
22742
+ }
22743
+ .v-window-y-reverse-transition-enter-from {
22744
+ transform: translateY(-100%);
22745
+ }
22746
+ .v-window-y-reverse-transition-leave-to {
22747
+ transform: translateY(100%);
22748
+ }.v-alert {
22749
+ display: grid;
22750
+ flex: 1 1;
22751
+ grid-template-areas: "prepend content append close" ". content . .";
22752
+ grid-template-columns: max-content auto max-content max-content;
22753
+ position: relative;
22754
+ padding: 16px;
22755
+ overflow: hidden;
22756
+ --v-border-color: currentColor;
22757
+ border-radius: 4px;
22758
+ }
22759
+ .v-alert--absolute {
22760
+ position: absolute;
22761
+ }
22762
+ .v-alert--fixed {
22763
+ position: fixed;
22764
+ }
22765
+ .v-alert--sticky {
22766
+ position: sticky;
22767
+ }
22768
+ .v-alert--variant-plain, .v-alert--variant-outlined, .v-alert--variant-text, .v-alert--variant-tonal {
22769
+ background: transparent;
22770
+ color: inherit;
22771
+ }
22772
+ .v-alert--variant-plain {
22773
+ opacity: 0.62;
22774
+ }
22775
+ .v-alert--variant-plain:focus, .v-alert--variant-plain:hover {
22776
+ opacity: 1;
22777
+ }
22778
+ .v-alert--variant-plain .v-alert__overlay {
22779
+ display: none;
22780
+ }
22781
+ .v-alert--variant-elevated, .v-alert--variant-flat {
22782
+ background: rgb(var(--v-theme-on-surface-variant));
22783
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22784
+ }
22785
+ .v-alert--variant-elevated {
22786
+ box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
22787
+ }
22788
+ .v-alert--variant-flat {
22789
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
22790
+ }
22791
+ .v-alert--variant-outlined {
22792
+ border: thin solid currentColor;
22793
+ }
22794
+ .v-alert--variant-text .v-alert__overlay {
22795
+ background: currentColor;
22796
+ }
22797
+ .v-alert--variant-tonal .v-alert__underlay {
22798
+ background: currentColor;
22799
+ opacity: var(--v-activated-opacity);
22800
+ border-radius: inherit;
22801
+ position: absolute;
22802
+ top: 0;
22803
+ right: 0;
22804
+ bottom: 0;
22805
+ left: 0;
22806
+ pointer-events: none;
22807
+ }
22808
+ .v-alert--prominent {
22809
+ grid-template-areas: "prepend content append close" "prepend content . .";
22810
+ }
22811
+ .v-alert.v-alert--border {
22812
+ --v-border-opacity: 0.38;
22813
+ }
22814
+ .v-alert.v-alert--border.v-alert--border-start {
22815
+ padding-inline-start: 24px;
22816
+ }
22817
+ .v-alert.v-alert--border.v-alert--border-end {
22818
+ padding-inline-end: 24px;
22819
+ }
22820
+ .v-alert--variant-plain {
22821
+ transition: 0.2s opacity cubic-bezier(0.4, 0, 0.2, 1);
22822
+ }
22823
+ .v-alert--density-default {
22824
+ padding-bottom: 16px;
22825
+ padding-top: 16px;
22826
+ }
22827
+ .v-alert--density-default.v-alert--border-top {
22828
+ padding-top: 24px;
22829
+ }
22830
+ .v-alert--density-default.v-alert--border-bottom {
22831
+ padding-bottom: 24px;
22832
+ }
22833
+
22834
+ .v-alert--density-comfortable {
22835
+ padding-bottom: 12px;
22836
+ padding-top: 12px;
22837
+ }
22838
+ .v-alert--density-comfortable.v-alert--border-top {
22839
+ padding-top: 20px;
22840
+ }
22841
+ .v-alert--density-comfortable.v-alert--border-bottom {
22842
+ padding-bottom: 20px;
22843
+ }
22844
+
22845
+ .v-alert--density-compact {
22846
+ padding-bottom: 8px;
22847
+ padding-top: 8px;
22848
+ }
22849
+ .v-alert--density-compact.v-alert--border-top {
22850
+ padding-top: 16px;
22851
+ }
22852
+ .v-alert--density-compact.v-alert--border-bottom {
22853
+ padding-bottom: 16px;
22854
+ }
22855
+
22856
+ .v-alert__border {
22857
+ border-radius: inherit;
22858
+ bottom: 0;
22859
+ left: 0;
22860
+ opacity: var(--v-border-opacity);
22861
+ position: absolute;
22862
+ pointer-events: none;
22863
+ right: 0;
22864
+ top: 0;
22865
+ width: 100%;
22866
+ border-color: currentColor;
22867
+ border-style: solid;
22868
+ border-width: 0;
22869
+ }
22870
+ .v-alert__border--border {
22871
+ border-width: 8px;
22872
+ box-shadow: none;
22873
+ }
22874
+ .v-alert--border-start .v-alert__border {
22875
+ border-inline-start-width: 8px;
22876
+ }
22877
+ .v-alert--border-end .v-alert__border {
22878
+ border-inline-end-width: 8px;
22879
+ }
22880
+ .v-alert--border-top .v-alert__border {
22881
+ border-top-width: 8px;
22882
+ }
22883
+ .v-alert--border-bottom .v-alert__border {
22884
+ border-bottom-width: 8px;
22885
+ }
22886
+
22887
+ .v-alert__close {
22888
+ flex: 0 1 auto;
22889
+ grid-area: close;
22890
+ }
22891
+
22892
+ .v-alert__content {
22893
+ align-self: center;
22894
+ grid-area: content;
22895
+ overflow: hidden;
22896
+ }
22897
+
22898
+ .v-alert__append,
22899
+ .v-alert__close {
22900
+ align-self: flex-start;
22901
+ margin-inline-start: 16px;
22902
+ }
22903
+
22904
+ .v-alert__append {
22905
+ align-self: flex-start;
22906
+ grid-area: append;
22907
+ }
22908
+ .v-alert__append + .v-alert__close {
22909
+ margin-inline-start: 16px;
22910
+ }
22911
+
22912
+ .v-alert__prepend {
22913
+ align-self: flex-start;
22914
+ display: flex;
22915
+ align-items: center;
22916
+ grid-area: prepend;
22917
+ margin-inline-end: 16px;
22918
+ }
22919
+ .v-alert--prominent .v-alert__prepend {
22920
+ align-self: center;
22921
+ }
22922
+
22923
+ .v-alert__underlay {
22924
+ grid-area: none;
22925
+ position: absolute;
22926
+ }
22927
+ .v-alert--border-start .v-alert__underlay {
22928
+ border-top-left-radius: 0;
22929
+ border-bottom-left-radius: 0;
22930
+ }
22931
+ .v-alert--border-end .v-alert__underlay {
22932
+ border-top-right-radius: 0;
22933
+ border-bottom-right-radius: 0;
22934
+ }
22935
+ .v-alert--border-top .v-alert__underlay {
22936
+ border-top-left-radius: 0;
22937
+ border-top-right-radius: 0;
22938
+ }
22939
+ .v-alert--border-bottom .v-alert__underlay {
22940
+ border-bottom-left-radius: 0;
22941
+ border-bottom-right-radius: 0;
22942
+ }
22943
+
22944
+ .v-alert-title {
22945
+ align-items: center;
22946
+ align-self: center;
22947
+ display: flex;
22948
+ font-size: 1.25rem;
22949
+ font-weight: 500;
22950
+ -webkit-hyphens: auto;
22951
+ hyphens: auto;
22952
+ letter-spacing: 0.0125em;
22953
+ line-height: 1.75rem;
22954
+ overflow-wrap: normal;
22955
+ text-transform: none;
22956
+ word-break: normal;
22957
+ word-wrap: break-word;
22958
+ }.v-progress-circular {
22959
+ align-items: center;
22960
+ display: inline-flex;
22961
+ justify-content: center;
22962
+ position: relative;
22963
+ vertical-align: middle;
22975
22964
  }
22976
- .v-window__controls {
22977
- position: absolute;
22978
- left: 0;
22979
- top: 0;
22965
+ .v-progress-circular > svg {
22980
22966
  width: 100%;
22981
22967
  height: 100%;
22982
- display: flex;
22983
- align-items: center;
22984
- justify-content: space-between;
22985
- padding: 0 16px;
22986
- pointer-events: none;
22968
+ margin: auto;
22969
+ position: absolute;
22970
+ top: 0;
22971
+ bottom: 0;
22972
+ left: 0;
22973
+ right: 0;
22974
+ z-index: 0;
22987
22975
  }
22988
- .v-window__controls * {
22989
- pointer-events: auto;
22976
+
22977
+ .v-progress-circular__content {
22978
+ align-items: center;
22979
+ display: flex;
22980
+ justify-content: center;
22990
22981
  }
22991
- .v-window--show-arrows-on-hover {
22992
- overflow: hidden;
22982
+
22983
+ .v-progress-circular__underlay {
22984
+ color: rgba(var(--v-border-color), var(--v-border-opacity));
22985
+ stroke: currentColor;
22986
+ z-index: 1;
22993
22987
  }
22994
- .v-window--show-arrows-on-hover .v-window__left {
22995
- transform: translateX(-200%);
22988
+
22989
+ .v-progress-circular__overlay {
22990
+ stroke: currentColor;
22991
+ transition: all 0.2s ease-in-out, stroke-width 0s;
22992
+ z-index: 2;
22996
22993
  }
22997
- .v-window--show-arrows-on-hover .v-window__right {
22998
- transform: translateX(200%);
22994
+
22995
+ .v-progress-circular--size-x-small {
22996
+ height: 16px;
22997
+ width: 16px;
22999
22998
  }
23000
- .v-window--show-arrows-on-hover:hover .v-window__left,
23001
- .v-window--show-arrows-on-hover:hover .v-window__right {
23002
- transform: translateX(0);
22999
+ .v-progress-circular--size-small {
23000
+ height: 24px;
23001
+ width: 24px;
23003
23002
  }
23004
- .v-window-x-transition-enter-active, .v-window-x-transition-leave-active, .v-window-x-reverse-transition-enter-active, .v-window-x-reverse-transition-leave-active, .v-window-y-transition-enter-active, .v-window-y-transition-leave-active, .v-window-y-reverse-transition-enter-active, .v-window-y-reverse-transition-leave-active {
23005
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
23003
+ .v-progress-circular--size-default {
23004
+ height: 32px;
23005
+ width: 32px;
23006
23006
  }
23007
- .v-window-x-transition-leave-from, .v-window-x-transition-leave-to, .v-window-x-reverse-transition-leave-from, .v-window-x-reverse-transition-leave-to, .v-window-y-transition-leave-from, .v-window-y-transition-leave-to, .v-window-y-reverse-transition-leave-from, .v-window-y-reverse-transition-leave-to {
23008
- position: absolute !important;
23009
- top: 0;
23010
- width: 100%;
23007
+ .v-progress-circular--size-large {
23008
+ height: 48px;
23009
+ width: 48px;
23011
23010
  }
23012
- .v-window-x-transition-enter-from {
23013
- transform: translateX(100%);
23011
+ .v-progress-circular--size-x-large {
23012
+ height: 64px;
23013
+ width: 64px;
23014
23014
  }
23015
- .v-window-x-transition-leave-to {
23016
- transform: translateX(-100%);
23015
+
23016
+ .v-progress-circular--indeterminate > svg {
23017
+ animation: progress-circular-rotate 1.4s linear infinite;
23018
+ transform-origin: center center;
23019
+ transition: all 0.2s ease-in-out;
23017
23020
  }
23018
- .v-window-x-reverse-transition-enter-from {
23019
- transform: translateX(-100%);
23021
+ .v-progress-circular--indeterminate .v-progress-circular__overlay {
23022
+ animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
23023
+ stroke-dasharray: 25, 200;
23024
+ stroke-dashoffset: 0;
23025
+ stroke-linecap: round;
23026
+ transform-origin: center center;
23027
+ transform: rotate(-90deg);
23020
23028
  }
23021
- .v-window-x-reverse-transition-leave-to {
23022
- transform: translateX(100%);
23029
+
23030
+ .v-progress-circular--disable-shrink > svg {
23031
+ animation-duration: 0.7s;
23023
23032
  }
23024
- .v-window-y-transition-enter-from {
23025
- transform: translateY(100%);
23033
+ .v-progress-circular--disable-shrink .v-progress-circular__overlay {
23034
+ animation: none;
23026
23035
  }
23027
- .v-window-y-transition-leave-to {
23028
- transform: translateY(-100%);
23036
+
23037
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
23038
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
23039
+ animation-play-state: paused !important;
23029
23040
  }
23030
- .v-window-y-reverse-transition-enter-from {
23031
- transform: translateY(-100%);
23041
+
23042
+ @keyframes progress-circular-dash {
23043
+ 0% {
23044
+ stroke-dasharray: 1, 200;
23045
+ stroke-dashoffset: 0px;
23046
+ }
23047
+ 50% {
23048
+ stroke-dasharray: 100, 200;
23049
+ stroke-dashoffset: -15px;
23050
+ }
23051
+ 100% {
23052
+ stroke-dasharray: 100, 200;
23053
+ stroke-dashoffset: -124px;
23054
+ }
23032
23055
  }
23033
- .v-window-y-reverse-transition-leave-to {
23034
- transform: translateY(100%);
23056
+ @keyframes progress-circular-rotate {
23057
+ 100% {
23058
+ transform: rotate(270deg);
23059
+ }
23035
23060
  }.v-color-picker-canvas {
23036
23061
  display: flex;
23037
23062
  position: relative;
@@ -23053,71 +23078,6 @@ html.v-overlay-scroll-blocked {
23053
23078
  }
23054
23079
  .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
23055
23080
  will-change: transform;
23056
- }.v-color-picker-edit {
23057
- display: flex;
23058
- }
23059
-
23060
- .v-color-picker-edit__input {
23061
- width: 100%;
23062
- display: flex;
23063
- flex-wrap: wrap;
23064
- justify-content: center;
23065
- text-align: center;
23066
- }
23067
- .v-color-picker-edit__input:not(:last-child).v-locale--is-ltr, .v-locale--is-ltr .v-color-picker-edit__input:not(:last-child) {
23068
- margin-right: 8px;
23069
- }
23070
- .v-color-picker-edit__input:not(:last-child).v-locale--is-rtl, .v-locale--is-rtl .v-color-picker-edit__input:not(:last-child) {
23071
- margin-left: 8px;
23072
- }
23073
- .v-color-picker-edit__input input {
23074
- border-radius: 4px;
23075
- margin-bottom: 8px;
23076
- min-width: 0;
23077
- outline: none;
23078
- text-align: center;
23079
- width: 100%;
23080
- height: 32px;
23081
- background: rgba(var(--v-theme-surface-variant), 0.2);
23082
- color: rgba(var(--v-theme-on-surface));
23083
- }
23084
- .v-color-picker-edit__input span {
23085
- font-size: 0.75rem;
23086
- }.v-color-picker-swatches {
23087
- overflow-y: auto;
23088
- }
23089
- .v-color-picker-swatches > div {
23090
- display: flex;
23091
- flex-wrap: wrap;
23092
- justify-content: center;
23093
- padding: 8px;
23094
- }
23095
-
23096
- .v-color-picker-swatches__swatch {
23097
- display: flex;
23098
- flex-direction: column;
23099
- margin-bottom: 10px;
23100
- }
23101
-
23102
- .v-color-picker-swatches__color {
23103
- position: relative;
23104
- height: 18px;
23105
- max-height: 18px;
23106
- width: 45px;
23107
- margin: 2px 4px;
23108
- border-radius: 2px;
23109
- -webkit-user-select: none;
23110
- user-select: none;
23111
- overflow: hidden;
23112
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
23113
- cursor: pointer;
23114
- }
23115
- .v-color-picker-swatches__color > div {
23116
- display: flex;
23117
- align-items: center;
23118
- justify-content: center;
23119
- width: 100%;
23120
- height: 100%;
23121
23081
  }.v-color-picker-preview__alpha .v-slider-track__background {
23122
23082
  background-color: transparent !important;
23123
23083
  }
@@ -23184,6 +23144,71 @@ html.v-overlay-scroll-blocked {
23184
23144
  align-items: center;
23185
23145
  display: flex;
23186
23146
  margin-bottom: 24px;
23147
+ }.v-color-picker-edit {
23148
+ display: flex;
23149
+ }
23150
+
23151
+ .v-color-picker-edit__input {
23152
+ width: 100%;
23153
+ display: flex;
23154
+ flex-wrap: wrap;
23155
+ justify-content: center;
23156
+ text-align: center;
23157
+ }
23158
+ .v-color-picker-edit__input:not(:last-child).v-locale--is-ltr, .v-locale--is-ltr .v-color-picker-edit__input:not(:last-child) {
23159
+ margin-right: 8px;
23160
+ }
23161
+ .v-color-picker-edit__input:not(:last-child).v-locale--is-rtl, .v-locale--is-rtl .v-color-picker-edit__input:not(:last-child) {
23162
+ margin-left: 8px;
23163
+ }
23164
+ .v-color-picker-edit__input input {
23165
+ border-radius: 4px;
23166
+ margin-bottom: 8px;
23167
+ min-width: 0;
23168
+ outline: none;
23169
+ text-align: center;
23170
+ width: 100%;
23171
+ height: 32px;
23172
+ background: rgba(var(--v-theme-surface-variant), 0.2);
23173
+ color: rgba(var(--v-theme-on-surface));
23174
+ }
23175
+ .v-color-picker-edit__input span {
23176
+ font-size: 0.75rem;
23177
+ }.v-color-picker-swatches {
23178
+ overflow-y: auto;
23179
+ }
23180
+ .v-color-picker-swatches > div {
23181
+ display: flex;
23182
+ flex-wrap: wrap;
23183
+ justify-content: center;
23184
+ padding: 8px;
23185
+ }
23186
+
23187
+ .v-color-picker-swatches__swatch {
23188
+ display: flex;
23189
+ flex-direction: column;
23190
+ margin-bottom: 10px;
23191
+ }
23192
+
23193
+ .v-color-picker-swatches__color {
23194
+ position: relative;
23195
+ height: 18px;
23196
+ max-height: 18px;
23197
+ width: 45px;
23198
+ margin: 2px 4px;
23199
+ border-radius: 2px;
23200
+ -webkit-user-select: none;
23201
+ user-select: none;
23202
+ overflow: hidden;
23203
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
23204
+ cursor: pointer;
23205
+ }
23206
+ .v-color-picker-swatches__color > div {
23207
+ display: flex;
23208
+ align-items: center;
23209
+ justify-content: center;
23210
+ width: 100%;
23211
+ height: 100%;
23187
23212
  }.v-slider-thumb {
23188
23213
  touch-action: none;
23189
23214
  color: rgb(var(--v-theme-surface-variant));