@vuetify/nightly 3.1.2 → 3.1.3-dev-20230125.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 (63) hide show
  1. package/CHANGELOG.md +8 -20
  2. package/dist/json/importMap.json +56 -56
  3. package/dist/vuetify-labs.css +630 -630
  4. package/dist/vuetify-labs.d.ts +191 -168
  5. package/dist/vuetify-labs.esm.js +183 -131
  6. package/dist/vuetify-labs.esm.js.map +1 -1
  7. package/dist/vuetify-labs.js +182 -130
  8. package/dist/vuetify-labs.min.css +2 -2
  9. package/dist/vuetify.css +954 -954
  10. package/dist/vuetify.d.ts +207 -184
  11. package/dist/vuetify.esm.js +183 -131
  12. package/dist/vuetify.esm.js.map +1 -1
  13. package/dist/vuetify.js +182 -130
  14. package/dist/vuetify.js.map +1 -1
  15. package/dist/vuetify.min.css +2 -2
  16. package/dist/vuetify.min.js +725 -717
  17. package/dist/vuetify.min.js.map +1 -1
  18. package/lib/blueprints/index.d.ts +2 -2
  19. package/lib/blueprints/md1.d.ts +2 -2
  20. package/lib/blueprints/md2.d.ts +2 -2
  21. package/lib/blueprints/md3.d.ts +2 -2
  22. package/lib/components/VAutocomplete/index.d.ts +43 -20
  23. package/lib/components/VCombobox/index.d.ts +43 -20
  24. package/lib/components/VDefaultsProvider/index.d.ts +5 -4
  25. package/lib/components/VDialog/VDialog.mjs +6 -5
  26. package/lib/components/VDialog/VDialog.mjs.map +1 -1
  27. package/lib/components/VDialog/index.d.ts +57 -34
  28. package/lib/components/VField/VField.mjs +29 -26
  29. package/lib/components/VField/VField.mjs.map +1 -1
  30. package/lib/components/VList/VList.mjs +4 -1
  31. package/lib/components/VList/VList.mjs.map +1 -1
  32. package/lib/components/VList/VListItem.mjs +29 -19
  33. package/lib/components/VList/VListItem.mjs.map +1 -1
  34. package/lib/components/VMenu/VMenu.mjs +6 -5
  35. package/lib/components/VMenu/VMenu.mjs.map +1 -1
  36. package/lib/components/VMenu/index.d.ts +57 -34
  37. package/lib/components/VOverlay/index.d.ts +34 -11
  38. package/lib/components/VOverlay/locationStrategies.mjs +40 -29
  39. package/lib/components/VOverlay/locationStrategies.mjs.map +1 -1
  40. package/lib/components/VOverlay/scrollStrategies.mjs +25 -16
  41. package/lib/components/VOverlay/scrollStrategies.mjs.map +1 -1
  42. package/lib/components/VSelect/index.d.ts +43 -20
  43. package/lib/components/VSnackbar/index.d.ts +42 -19
  44. package/lib/components/VTable/VTable.css +4 -4
  45. package/lib/components/VTable/VTable.sass +2 -2
  46. package/lib/components/VTooltip/VTooltip.mjs +4 -3
  47. package/lib/components/VTooltip/VTooltip.mjs.map +1 -1
  48. package/lib/components/VTooltip/index.d.ts +57 -34
  49. package/lib/components/index.d.ts +192 -168
  50. package/lib/composables/defaults.mjs +1 -1
  51. package/lib/composables/defaults.mjs.map +1 -1
  52. package/lib/composables/toggleScope.mjs +14 -7
  53. package/lib/composables/toggleScope.mjs.map +1 -1
  54. package/lib/entry-bundler.mjs +1 -1
  55. package/lib/entry-bundler.mjs.map +1 -1
  56. package/lib/framework.mjs +1 -1
  57. package/lib/framework.mjs.map +1 -1
  58. package/lib/index.d.ts +18 -18
  59. package/lib/util/defineComponent.mjs +21 -18
  60. package/lib/util/defineComponent.mjs.map +1 -1
  61. package/lib/util/helpers.mjs +5 -1
  62. package/lib/util/helpers.mjs.map +1 -1
  63. package/package.json +1 -1
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.1.2
2
+ * Vuetify v3.1.3-dev-20230125.0
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -18376,22 +18376,6 @@ html.overflow-y-hidden {
18376
18376
  .v-locale--is-ltr .float-print-start {
18377
18377
  float: left !important;
18378
18378
  }
18379
- }.v-code {
18380
- background-color: rgb(var(--v-theme-code));
18381
- color: rgb(var(--v-theme-on-code));
18382
- border-radius: 4px;
18383
- line-height: 1.8;
18384
- font-size: 0.9em;
18385
- font-weight: normal;
18386
- padding: 0.2em 0.4em;
18387
- }.v-kbd {
18388
- background: rgb(var(--v-theme-kbd));
18389
- color: rgb(var(--v-theme-on-kbd));
18390
- border-radius: 3px;
18391
- font-size: 85%;
18392
- font-weight: normal;
18393
- padding: 0.2em 0.4rem;
18394
- 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));
18395
18379
  }.v-ripple__container {
18396
18380
  color: inherit;
18397
18381
  border-radius: inherit;
@@ -18425,6 +18409,22 @@ html.overflow-y-hidden {
18425
18409
  }
18426
18410
  .v-ripple__animation--out {
18427
18411
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
18412
+ }.v-code {
18413
+ background-color: rgb(var(--v-theme-code));
18414
+ color: rgb(var(--v-theme-on-code));
18415
+ border-radius: 4px;
18416
+ line-height: 1.8;
18417
+ font-size: 0.9em;
18418
+ font-weight: normal;
18419
+ padding: 0.2em 0.4em;
18420
+ }.v-kbd {
18421
+ background: rgb(var(--v-theme-kbd));
18422
+ color: rgb(var(--v-theme-on-kbd));
18423
+ border-radius: 3px;
18424
+ font-size: 85%;
18425
+ font-weight: normal;
18426
+ padding: 0.2em 0.4rem;
18427
+ 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));
18428
18428
  }.v-application {
18429
18429
  display: flex;
18430
18430
  background: rgb(var(--v-theme-background));
@@ -19927,832 +19927,264 @@ html.overflow-y-hidden {
19927
19927
  pointer-events: none;
19928
19928
  opacity: 0;
19929
19929
  transition: opacity 0.2s ease-in-out;
19930
- }.v-carousel {
19931
- overflow: hidden;
19932
- position: relative;
19930
+ }.v-container {
19933
19931
  width: 100%;
19932
+ padding: 16px;
19933
+ margin-right: auto;
19934
+ margin-left: auto;
19934
19935
  }
19935
- .v-carousel__controls {
19936
+ @media (min-width: 960px) {
19937
+ .v-container {
19938
+ max-width: 900px;
19939
+ }
19940
+ }
19941
+ @media (min-width: 1280px) {
19942
+ .v-container {
19943
+ max-width: 1200px;
19944
+ }
19945
+ }
19946
+ @media (min-width: 1920px) {
19947
+ .v-container {
19948
+ max-width: 1800px;
19949
+ }
19950
+ }
19951
+ @media (min-width: 2560px) {
19952
+ .v-container {
19953
+ max-width: 2400px;
19954
+ }
19955
+ }
19956
+ .v-container--fluid {
19957
+ max-width: 100%;
19958
+ }
19959
+ .v-container.fill-height {
19936
19960
  align-items: center;
19937
- background: rgba(var(--v-theme-surface-variant), 0.3);
19938
- bottom: 0;
19939
19961
  display: flex;
19940
- height: 50px;
19941
- justify-content: center;
19942
- list-style-type: none;
19943
- position: absolute;
19944
- width: 100%;
19945
- z-index: 1;
19962
+ flex-wrap: wrap;
19946
19963
  }
19947
- .v-carousel__controls > .v-item-group {
19948
- flex: 0 1 auto;
19964
+
19965
+ .v-row {
19966
+ display: flex;
19967
+ flex-wrap: wrap;
19968
+ flex: 1 1 auto;
19969
+ margin: -12px;
19949
19970
  }
19950
- .v-carousel__controls__item {
19951
- margin: 0 8px;
19971
+ .v-row + .v-row {
19972
+ margin-top: 12px;
19952
19973
  }
19953
- .v-carousel__controls__item .v-icon {
19954
- opacity: 0.5;
19974
+ .v-row + .v-row--dense {
19975
+ margin-top: 4px;
19955
19976
  }
19956
- .v-carousel__controls__item--active .v-icon {
19957
- opacity: 1;
19958
- vertical-align: middle;
19977
+ .v-row--dense {
19978
+ margin: -4px;
19959
19979
  }
19960
- .v-carousel__controls__item:hover {
19961
- background: none;
19980
+ .v-row--dense > .v-col,
19981
+ .v-row--dense > [class*=v-col-] {
19982
+ padding: 4px;
19962
19983
  }
19963
- .v-carousel__controls__item:hover .v-icon {
19964
- opacity: 0.8;
19984
+ .v-row.v-row--no-gutters {
19985
+ margin: 0;
19986
+ }
19987
+ .v-row.v-row--no-gutters > .v-col,
19988
+ .v-row.v-row--no-gutters > [class*=v-col-] {
19989
+ padding: 0;
19965
19990
  }
19966
19991
 
19967
- .v-carousel__progress {
19968
- margin: 0;
19969
- position: absolute;
19970
- bottom: 0;
19971
- left: 0;
19972
- right: 0;
19992
+ .v-col-xxl,
19993
+ .v-col-xxl-auto, .v-col-xxl-12, .v-col-xxl-11, .v-col-xxl-10, .v-col-xxl-9, .v-col-xxl-8, .v-col-xxl-7, .v-col-xxl-6, .v-col-xxl-5, .v-col-xxl-4, .v-col-xxl-3, .v-col-xxl-2, .v-col-xxl-1, .v-col-xl,
19994
+ .v-col-xl-auto, .v-col-xl-12, .v-col-xl-11, .v-col-xl-10, .v-col-xl-9, .v-col-xl-8, .v-col-xl-7, .v-col-xl-6, .v-col-xl-5, .v-col-xl-4, .v-col-xl-3, .v-col-xl-2, .v-col-xl-1, .v-col-lg,
19995
+ .v-col-lg-auto, .v-col-lg-12, .v-col-lg-11, .v-col-lg-10, .v-col-lg-9, .v-col-lg-8, .v-col-lg-7, .v-col-lg-6, .v-col-lg-5, .v-col-lg-4, .v-col-lg-3, .v-col-lg-2, .v-col-lg-1, .v-col-md,
19996
+ .v-col-md-auto, .v-col-md-12, .v-col-md-11, .v-col-md-10, .v-col-md-9, .v-col-md-8, .v-col-md-7, .v-col-md-6, .v-col-md-5, .v-col-md-4, .v-col-md-3, .v-col-md-2, .v-col-md-1, .v-col-sm,
19997
+ .v-col-sm-auto, .v-col-sm-12, .v-col-sm-11, .v-col-sm-10, .v-col-sm-9, .v-col-sm-8, .v-col-sm-7, .v-col-sm-6, .v-col-sm-5, .v-col-sm-4, .v-col-sm-3, .v-col-sm-2, .v-col-sm-1, .v-col,
19998
+ .v-col-auto, .v-col-12, .v-col-11, .v-col-10, .v-col-9, .v-col-8, .v-col-7, .v-col-6, .v-col-5, .v-col-4, .v-col-3, .v-col-2, .v-col-1 {
19999
+ width: 100%;
20000
+ padding: 12px;
19973
20001
  }
19974
20002
 
19975
- .v-carousel-item {
19976
- display: block;
19977
- height: inherit;
19978
- text-decoration: none;
20003
+ .v-col {
20004
+ flex-basis: 0;
20005
+ flex-grow: 1;
20006
+ max-width: 100%;
19979
20007
  }
19980
- .v-carousel-item > .v-img {
19981
- height: inherit;
20008
+
20009
+ .v-col-auto {
20010
+ flex: 0 0 auto;
20011
+ width: auto;
20012
+ max-width: 100%;
19982
20013
  }
19983
20014
 
19984
- .v-carousel--hide-delimiter-background .v-carousel__controls {
19985
- background: transparent;
20015
+ .v-col-1 {
20016
+ flex: 0 0 8.3333333333%;
20017
+ max-width: 8.3333333333%;
19986
20018
  }
19987
20019
 
19988
- .v-carousel--vertical-delimiters .v-carousel__controls {
19989
- flex-direction: column;
19990
- height: 100% !important;
19991
- width: 50px;
19992
- }.v-checkbox .v-selection-control {
19993
- min-height: var(--v-input-control-height);
19994
- }.v-chip {
19995
- align-items: center;
19996
- cursor: default;
19997
- display: inline-flex;
19998
- font-weight: 400;
19999
- max-width: 100%;
20000
- overflow: hidden;
20001
- position: relative;
20002
- text-decoration: none;
20003
- white-space: nowrap;
20004
- vertical-align: middle;
20005
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20006
- border-style: solid;
20007
- border-width: 0;
20008
- border-radius: 9999px;
20020
+ .v-col-2 {
20021
+ flex: 0 0 16.6666666667%;
20022
+ max-width: 16.6666666667%;
20009
20023
  }
20010
- .v-chip.v-chip--size-x-small {
20011
- --v-chip-size: 0.625rem;
20012
- --v-chip-height: 20px;
20013
- font-size: 0.625rem;
20014
- padding: 0 8px;
20024
+
20025
+ .v-col-3 {
20026
+ flex: 0 0 25%;
20027
+ max-width: 25%;
20015
20028
  }
20016
- .v-chip.v-chip--size-x-small .v-avatar {
20017
- --v-avatar-height: 14px;
20029
+
20030
+ .v-col-4 {
20031
+ flex: 0 0 33.3333333333%;
20032
+ max-width: 33.3333333333%;
20018
20033
  }
20019
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar {
20020
- --v-avatar-height: 20px;
20034
+
20035
+ .v-col-5 {
20036
+ flex: 0 0 41.6666666667%;
20037
+ max-width: 41.6666666667%;
20021
20038
  }
20022
20039
 
20023
- .v-chip.v-chip--size-x-small .v-chip__filter,
20024
- .v-chip.v-chip--size-x-small .v-chip__prepend,
20025
- .v-chip.v-chip--size-x-small > .v-avatar--start,
20026
- .v-chip.v-chip--size-x-small > .v-icon--start {
20027
- margin-inline-end: 4px;
20040
+ .v-col-6 {
20041
+ flex: 0 0 50%;
20042
+ max-width: 50%;
20028
20043
  }
20029
- .v-chip.v-chip--size-x-small .v-chip__filter,
20030
- .v-chip.v-chip--size-x-small .v-chip__prepend,
20031
- .v-chip.v-chip--size-x-small .v-icon--start {
20032
- margin-inline-start: -4px;
20044
+
20045
+ .v-col-7 {
20046
+ flex: 0 0 58.3333333333%;
20047
+ max-width: 58.3333333333%;
20033
20048
  }
20034
- .v-chip.v-chip--size-x-small .v-avatar--start {
20035
- margin-inline-start: -5.6px;
20049
+
20050
+ .v-col-8 {
20051
+ flex: 0 0 66.6666666667%;
20052
+ max-width: 66.6666666667%;
20036
20053
  }
20037
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--start {
20038
- margin-inline-start: -8px;
20054
+
20055
+ .v-col-9 {
20056
+ flex: 0 0 75%;
20057
+ max-width: 75%;
20039
20058
  }
20040
20059
 
20041
- .v-chip.v-chip--size-x-small .v-chip__append,
20042
- .v-chip.v-chip--size-x-small .v-chip__close,
20043
- .v-chip.v-chip--size-x-small > .v-avatar--end,
20044
- .v-chip.v-chip--size-x-small > .v-icon--end {
20045
- margin-inline-start: 4px;
20046
- margin-inline-end: -4px;
20060
+ .v-col-10 {
20061
+ flex: 0 0 83.3333333333%;
20062
+ max-width: 83.3333333333%;
20047
20063
  }
20048
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-x-small .v-icon--end {
20049
- margin-inline-end: -8px;
20064
+
20065
+ .v-col-11 {
20066
+ flex: 0 0 91.6666666667%;
20067
+ max-width: 91.6666666667%;
20050
20068
  }
20051
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-x-small .v-icon--end + .v-chip__close {
20052
- margin-inline-start: 8px;
20069
+
20070
+ .v-col-12 {
20071
+ flex: 0 0 100%;
20072
+ max-width: 100%;
20053
20073
  }
20054
20074
 
20055
- .v-chip.v-chip--size-small {
20056
- --v-chip-size: 0.75rem;
20057
- --v-chip-height: 26px;
20058
- font-size: 0.75rem;
20059
- padding: 0 10px;
20075
+ .offset-1.v-locale--is-ltr, .v-locale--is-ltr .offset-1 {
20076
+ margin-left: 8.3333333333%;
20060
20077
  }
20061
- .v-chip.v-chip--size-small .v-avatar {
20062
- --v-avatar-height: 20px;
20078
+ .offset-1.v-locale--is-rtl, .v-locale--is-rtl .offset-1 {
20079
+ margin-right: 8.3333333333%;
20063
20080
  }
20064
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar {
20065
- --v-avatar-height: 26px;
20081
+
20082
+ .offset-2.v-locale--is-ltr, .v-locale--is-ltr .offset-2 {
20083
+ margin-left: 16.6666666667%;
20084
+ }
20085
+ .offset-2.v-locale--is-rtl, .v-locale--is-rtl .offset-2 {
20086
+ margin-right: 16.6666666667%;
20066
20087
  }
20067
20088
 
20068
- .v-chip.v-chip--size-small .v-chip__filter,
20069
- .v-chip.v-chip--size-small .v-chip__prepend,
20070
- .v-chip.v-chip--size-small > .v-avatar--start,
20071
- .v-chip.v-chip--size-small > .v-icon--start {
20072
- margin-inline-end: 5px;
20073
- }
20074
- .v-chip.v-chip--size-small .v-chip__filter,
20075
- .v-chip.v-chip--size-small .v-chip__prepend,
20076
- .v-chip.v-chip--size-small .v-icon--start {
20077
- margin-inline-start: -5px;
20078
- }
20079
- .v-chip.v-chip--size-small .v-avatar--start {
20080
- margin-inline-start: -7px;
20089
+ .offset-3.v-locale--is-ltr, .v-locale--is-ltr .offset-3 {
20090
+ margin-left: 25%;
20081
20091
  }
20082
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar--start {
20083
- margin-inline-start: -10px;
20092
+ .offset-3.v-locale--is-rtl, .v-locale--is-rtl .offset-3 {
20093
+ margin-right: 25%;
20084
20094
  }
20085
20095
 
20086
- .v-chip.v-chip--size-small .v-chip__append,
20087
- .v-chip.v-chip--size-small .v-chip__close,
20088
- .v-chip.v-chip--size-small > .v-avatar--end,
20089
- .v-chip.v-chip--size-small > .v-icon--end {
20090
- margin-inline-start: 5px;
20091
- margin-inline-end: -5px;
20092
- }
20093
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-small .v-icon--end {
20094
- margin-inline-end: -10px;
20096
+ .offset-4.v-locale--is-ltr, .v-locale--is-ltr .offset-4 {
20097
+ margin-left: 33.3333333333%;
20095
20098
  }
20096
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-small .v-icon--end + .v-chip__close {
20097
- margin-inline-start: 10px;
20099
+ .offset-4.v-locale--is-rtl, .v-locale--is-rtl .offset-4 {
20100
+ margin-right: 33.3333333333%;
20098
20101
  }
20099
20102
 
20100
- .v-chip.v-chip--size-default {
20101
- --v-chip-size: 0.875rem;
20102
- --v-chip-height: 32px;
20103
- font-size: 0.875rem;
20104
- padding: 0 12px;
20105
- }
20106
- .v-chip.v-chip--size-default .v-avatar {
20107
- --v-avatar-height: 26px;
20103
+ .offset-5.v-locale--is-ltr, .v-locale--is-ltr .offset-5 {
20104
+ margin-left: 41.6666666667%;
20108
20105
  }
20109
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar {
20110
- --v-avatar-height: 32px;
20106
+ .offset-5.v-locale--is-rtl, .v-locale--is-rtl .offset-5 {
20107
+ margin-right: 41.6666666667%;
20111
20108
  }
20112
20109
 
20113
- .v-chip.v-chip--size-default .v-chip__filter,
20114
- .v-chip.v-chip--size-default .v-chip__prepend,
20115
- .v-chip.v-chip--size-default > .v-avatar--start,
20116
- .v-chip.v-chip--size-default > .v-icon--start {
20117
- margin-inline-end: 6px;
20118
- }
20119
- .v-chip.v-chip--size-default .v-chip__filter,
20120
- .v-chip.v-chip--size-default .v-chip__prepend,
20121
- .v-chip.v-chip--size-default .v-icon--start {
20122
- margin-inline-start: -6px;
20123
- }
20124
- .v-chip.v-chip--size-default .v-avatar--start {
20125
- margin-inline-start: -8.4px;
20110
+ .offset-6.v-locale--is-ltr, .v-locale--is-ltr .offset-6 {
20111
+ margin-left: 50%;
20126
20112
  }
20127
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar--start {
20128
- margin-inline-start: -12px;
20113
+ .offset-6.v-locale--is-rtl, .v-locale--is-rtl .offset-6 {
20114
+ margin-right: 50%;
20129
20115
  }
20130
20116
 
20131
- .v-chip.v-chip--size-default .v-chip__append,
20132
- .v-chip.v-chip--size-default .v-chip__close,
20133
- .v-chip.v-chip--size-default > .v-avatar--end,
20134
- .v-chip.v-chip--size-default > .v-icon--end {
20135
- margin-inline-start: 6px;
20136
- margin-inline-end: -6px;
20137
- }
20138
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-default .v-icon--end {
20139
- margin-inline-end: -12px;
20117
+ .offset-7.v-locale--is-ltr, .v-locale--is-ltr .offset-7 {
20118
+ margin-left: 58.3333333333%;
20140
20119
  }
20141
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-default .v-icon--end + .v-chip__close {
20142
- margin-inline-start: 12px;
20120
+ .offset-7.v-locale--is-rtl, .v-locale--is-rtl .offset-7 {
20121
+ margin-right: 58.3333333333%;
20143
20122
  }
20144
20123
 
20145
- .v-chip.v-chip--size-large {
20146
- --v-chip-size: 1rem;
20147
- --v-chip-height: 38px;
20148
- font-size: 1rem;
20149
- padding: 0 14px;
20150
- }
20151
- .v-chip.v-chip--size-large .v-avatar {
20152
- --v-avatar-height: 32px;
20124
+ .offset-8.v-locale--is-ltr, .v-locale--is-ltr .offset-8 {
20125
+ margin-left: 66.6666666667%;
20153
20126
  }
20154
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar {
20155
- --v-avatar-height: 38px;
20127
+ .offset-8.v-locale--is-rtl, .v-locale--is-rtl .offset-8 {
20128
+ margin-right: 66.6666666667%;
20156
20129
  }
20157
20130
 
20158
- .v-chip.v-chip--size-large .v-chip__filter,
20159
- .v-chip.v-chip--size-large .v-chip__prepend,
20160
- .v-chip.v-chip--size-large > .v-avatar--start,
20161
- .v-chip.v-chip--size-large > .v-icon--start {
20162
- margin-inline-end: 7px;
20163
- }
20164
- .v-chip.v-chip--size-large .v-chip__filter,
20165
- .v-chip.v-chip--size-large .v-chip__prepend,
20166
- .v-chip.v-chip--size-large .v-icon--start {
20167
- margin-inline-start: -7px;
20168
- }
20169
- .v-chip.v-chip--size-large .v-avatar--start {
20170
- margin-inline-start: -9.8px;
20131
+ .offset-9.v-locale--is-ltr, .v-locale--is-ltr .offset-9 {
20132
+ margin-left: 75%;
20171
20133
  }
20172
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar--start {
20173
- margin-inline-start: -14px;
20134
+ .offset-9.v-locale--is-rtl, .v-locale--is-rtl .offset-9 {
20135
+ margin-right: 75%;
20174
20136
  }
20175
20137
 
20176
- .v-chip.v-chip--size-large .v-chip__append,
20177
- .v-chip.v-chip--size-large .v-chip__close,
20178
- .v-chip.v-chip--size-large > .v-avatar--end,
20179
- .v-chip.v-chip--size-large > .v-icon--end {
20180
- margin-inline-start: 7px;
20181
- margin-inline-end: -7px;
20182
- }
20183
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-large .v-icon--end {
20184
- margin-inline-end: -14px;
20138
+ .offset-10.v-locale--is-ltr, .v-locale--is-ltr .offset-10 {
20139
+ margin-left: 83.3333333333%;
20185
20140
  }
20186
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-large .v-icon--end + .v-chip__close {
20187
- margin-inline-start: 14px;
20141
+ .offset-10.v-locale--is-rtl, .v-locale--is-rtl .offset-10 {
20142
+ margin-right: 83.3333333333%;
20188
20143
  }
20189
20144
 
20190
- .v-chip.v-chip--size-x-large {
20191
- --v-chip-size: 1.125rem;
20192
- --v-chip-height: 44px;
20193
- font-size: 1.125rem;
20194
- padding: 0 17px;
20195
- }
20196
- .v-chip.v-chip--size-x-large .v-avatar {
20197
- --v-avatar-height: 38px;
20145
+ .offset-11.v-locale--is-ltr, .v-locale--is-ltr .offset-11 {
20146
+ margin-left: 91.6666666667%;
20198
20147
  }
20199
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar {
20200
- --v-avatar-height: 44px;
20148
+ .offset-11.v-locale--is-rtl, .v-locale--is-rtl .offset-11 {
20149
+ margin-right: 91.6666666667%;
20201
20150
  }
20202
20151
 
20203
- .v-chip.v-chip--size-x-large .v-chip__filter,
20204
- .v-chip.v-chip--size-x-large .v-chip__prepend,
20205
- .v-chip.v-chip--size-x-large > .v-avatar--start,
20206
- .v-chip.v-chip--size-x-large > .v-icon--start {
20207
- margin-inline-end: 8.5px;
20208
- }
20209
- .v-chip.v-chip--size-x-large .v-chip__filter,
20210
- .v-chip.v-chip--size-x-large .v-chip__prepend,
20211
- .v-chip.v-chip--size-x-large .v-icon--start {
20212
- margin-inline-start: -8.5px;
20213
- }
20214
- .v-chip.v-chip--size-x-large .v-avatar--start {
20215
- margin-inline-start: -11.9px;
20216
- }
20217
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--start {
20218
- margin-inline-start: -17px;
20219
- }
20152
+ @media (min-width: 600px) {
20153
+ .v-col-sm {
20154
+ flex-basis: 0;
20155
+ flex-grow: 1;
20156
+ max-width: 100%;
20157
+ }
20220
20158
 
20221
- .v-chip.v-chip--size-x-large .v-chip__append,
20222
- .v-chip.v-chip--size-x-large .v-chip__close,
20223
- .v-chip.v-chip--size-x-large > .v-avatar--end,
20224
- .v-chip.v-chip--size-x-large > .v-icon--end {
20225
- margin-inline-start: 8.5px;
20226
- margin-inline-end: -8.5px;
20227
- }
20228
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-x-large .v-icon--end {
20229
- margin-inline-end: -17px;
20230
- }
20231
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-x-large .v-icon--end + .v-chip__close {
20232
- margin-inline-start: 17px;
20233
- }
20159
+ .v-col-sm-auto {
20160
+ flex: 0 0 auto;
20161
+ width: auto;
20162
+ max-width: 100%;
20163
+ }
20234
20164
 
20235
- .v-chip.v-chip--density-default {
20236
- height: calc(var(--v-chip-height) + 0px);
20237
- }
20165
+ .v-col-sm-1 {
20166
+ flex: 0 0 8.3333333333%;
20167
+ max-width: 8.3333333333%;
20168
+ }
20238
20169
 
20239
- .v-chip.v-chip--density-comfortable {
20240
- height: calc(var(--v-chip-height) + -8px);
20241
- }
20170
+ .v-col-sm-2 {
20171
+ flex: 0 0 16.6666666667%;
20172
+ max-width: 16.6666666667%;
20173
+ }
20242
20174
 
20243
- .v-chip.v-chip--density-compact {
20244
- height: calc(var(--v-chip-height) + -12px);
20245
- }
20175
+ .v-col-sm-3 {
20176
+ flex: 0 0 25%;
20177
+ max-width: 25%;
20178
+ }
20246
20179
 
20247
- .v-chip:hover > .v-chip__overlay {
20248
- opacity: calc(0.04 * var(--v-theme-overlay-multiplier));
20249
- }
20250
- .v-chip:focus-visible > .v-chip__overlay {
20251
- opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
20252
- }
20253
- @supports not selector(:focus-visible) {
20254
- .v-chip:focus > .v-chip__overlay {
20255
- opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
20180
+ .v-col-sm-4 {
20181
+ flex: 0 0 33.3333333333%;
20182
+ max-width: 33.3333333333%;
20256
20183
  }
20257
- }
20258
- .v-chip--active > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true] > .v-chip__overlay {
20259
- opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
20260
- }
20261
- .v-chip--active:hover > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:hover > .v-chip__overlay {
20262
- opacity: calc(0.16 * var(--v-theme-overlay-multiplier));
20263
- }
20264
- .v-chip--active:focus-visible > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-chip__overlay {
20265
- opacity: calc(0.24 * var(--v-theme-overlay-multiplier));
20266
- }
20267
- @supports not selector(:focus-visible) {
20268
- .v-chip--active:focus > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus > .v-chip__overlay {
20269
- opacity: calc(0.24 * var(--v-theme-overlay-multiplier));
20270
- }
20271
- }
20272
- .v-chip--variant-plain, .v-chip--variant-outlined, .v-chip--variant-text, .v-chip--variant-tonal {
20273
- background: transparent;
20274
- color: inherit;
20275
- }
20276
- .v-chip--variant-plain {
20277
- opacity: 0.26;
20278
- }
20279
- .v-chip--variant-plain:focus, .v-chip--variant-plain:hover {
20280
- opacity: 1;
20281
- }
20282
- .v-chip--variant-plain .v-chip__overlay {
20283
- display: none;
20284
- }
20285
- .v-chip--variant-elevated, .v-chip--variant-flat {
20286
- background: rgb(var(--v-theme-surface-variant));
20287
- color: rgb(var(--v-theme-on-surface-variant));
20288
- }
20289
- .v-chip--variant-elevated {
20290
- 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));
20291
- }
20292
- .v-chip--variant-flat {
20293
- 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));
20294
- }
20295
- .v-chip--variant-outlined {
20296
- border: thin solid currentColor;
20297
- }
20298
- .v-chip--variant-text .v-chip__overlay {
20299
- background: currentColor;
20300
- }
20301
- .v-chip--variant-tonal .v-chip__underlay {
20302
- background: currentColor;
20303
- opacity: var(--v-activated-opacity);
20304
- border-radius: inherit;
20305
- position: absolute;
20306
- top: 0;
20307
- right: 0;
20308
- bottom: 0;
20309
- left: 0;
20310
- pointer-events: none;
20311
- }
20312
- .v-chip--border {
20313
- border-width: thin;
20314
- }
20315
- .v-chip--link {
20316
- cursor: pointer;
20317
- }
20318
- .v-chip--filter {
20319
- -webkit-user-select: none;
20320
- user-select: none;
20321
- }
20322
- .v-chip--label {
20323
- border-radius: 4px;
20324
- }
20325
-
20326
- .v-chip__filter,
20327
- .v-chip__prepend,
20328
- .v-chip__append,
20329
- .v-chip__close {
20330
- align-items: center;
20331
- display: inline-flex;
20332
- }
20333
-
20334
- .v-chip__close {
20335
- cursor: pointer;
20336
- flex: 0 1 auto;
20337
- font-size: 18px;
20338
- max-height: 18px;
20339
- max-width: 18px;
20340
- -webkit-user-select: none;
20341
- user-select: none;
20342
- }
20343
- .v-chip__close .v-icon {
20344
- font-size: inherit;
20345
- }
20346
-
20347
- .v-chip__filter {
20348
- transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
20349
- }
20350
-
20351
- .v-chip__overlay {
20352
- position: absolute;
20353
- top: 0;
20354
- left: 0;
20355
- width: 100%;
20356
- height: 100%;
20357
- background-color: currentColor;
20358
- border-radius: inherit;
20359
- pointer-events: none;
20360
- opacity: 0;
20361
- transition: opacity 0.2s ease-in-out;
20362
- }
20363
-
20364
- .v-chip--disabled {
20365
- opacity: 0.3;
20366
- pointer-events: none;
20367
- -webkit-user-select: none;
20368
- user-select: none;
20369
- }
20370
-
20371
- .v-chip--label {
20372
- border-radius: 4px;
20373
- }.v-chip-group {
20374
- display: flex;
20375
- max-width: 100%;
20376
- min-width: 0;
20377
- overflow-x: auto;
20378
- padding: 4px 0;
20379
- }
20380
- .v-chip-group .v-chip {
20381
- margin: 4px 8px 4px 0;
20382
- }
20383
- .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
20384
- opacity: var(--v-activated-opacity);
20385
- }
20386
-
20387
- .v-chip-group--column {
20388
- flex-wrap: wrap;
20389
- white-space: normal;
20390
- }.v-color-picker {
20391
- align-self: flex-start;
20392
- contain: content;
20393
- }
20394
- .v-color-picker.v-sheet {
20395
- 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));
20396
- border-radius: 4px;
20397
- }
20398
-
20399
- .v-color-picker__controls {
20400
- display: flex;
20401
- flex-direction: column;
20402
- padding: 16px;
20403
- }
20404
-
20405
- .v-color-picker--flat {
20406
- 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));
20407
- }
20408
- .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20409
- 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));
20410
- }.v-input--density-default {
20411
- --combobox-chips-margin-bottom: 0px;
20412
- }
20413
-
20414
- .v-input--density-comfortable {
20415
- --combobox-chips-margin-bottom: 2px;
20416
- }
20417
-
20418
- .v-input--density-compact {
20419
- --combobox-chips-margin-bottom: 4px;
20420
- }
20421
-
20422
- .v-combobox .v-field .v-text-field__prefix,
20423
- .v-combobox .v-field .v-text-field__suffix,
20424
- .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
20425
- cursor: text;
20426
- }
20427
- .v-combobox .v-field .v-field__input > input {
20428
- align-self: flex-start;
20429
- flex: 1 1;
20430
- }
20431
- .v-combobox .v-field .v-field__append-inner > .v-icon {
20432
- margin-inline-start: 4px;
20433
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
20434
- }
20435
- .v-combobox .v-field:not(.v-field--focused) input {
20436
- min-width: 0;
20437
- }
20438
- .v-combobox .v-field--dirty .v-combobox__selection {
20439
- margin-inline-end: 2px;
20440
- }
20441
- .v-combobox .v-field--single-line .v-combobox__selection-text {
20442
- overflow: hidden;
20443
- text-overflow: ellipsis;
20444
- white-space: nowrap;
20445
- }
20446
-
20447
- .v-combobox__content {
20448
- overflow: hidden;
20449
- 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));
20450
- border-radius: 4px;
20451
- }
20452
- .v-combobox__mask {
20453
- background: rgb(var(--v-theme-on-surface-variant));
20454
- }
20455
- .v-combobox__selection {
20456
- display: inline-flex;
20457
- letter-spacing: inherit;
20458
- line-height: inherit;
20459
- max-width: 100%;
20460
- }
20461
- .v-combobox--active-menu .v-field__append-inner > .v-icon {
20462
- opacity: var(--v-high-emphasis-opacity);
20463
- transform: rotate(180deg);
20464
- }
20465
- .v-combobox--chips .v-combobox__selection {
20466
- margin-top: 2px;
20467
- margin-bottom: var(--combobox-chips-margin-bottom);
20468
- }
20469
- .v-combobox--chips .v-combobox__selection:first-child {
20470
- margin-inline-start: 0;
20471
- }
20472
- .v-combobox--selecting-index .v-combobox__selection {
20473
- opacity: var(--v-medium-emphasis-opacity);
20474
- }
20475
- .v-combobox--selecting-index .v-combobox__selection--selected {
20476
- opacity: 1;
20477
- }
20478
- .v-combobox--selecting-index .v-field__input > input {
20479
- caret-color: transparent !important;
20480
- }
20481
- .v-combobox--single.v-text-field input {
20482
- flex: 1 1;
20483
- position: absolute;
20484
- left: 0;
20485
- right: 0;
20486
- width: 100%;
20487
- padding-inline-start: inherit;
20488
- padding-inline-end: inherit;
20489
- }
20490
- .v-combobox--single .v-field--active input {
20491
- transition: none;
20492
- }
20493
- .v-combobox--single .v-field--dirty:not(.v-field--focused) input {
20494
- opacity: 0;
20495
- }
20496
- .v-combobox--single .v-field--focused .v-combobox__selection {
20497
- opacity: 0;
20498
- }.v-container {
20499
- width: 100%;
20500
- padding: 16px;
20501
- margin-right: auto;
20502
- margin-left: auto;
20503
- }
20504
- @media (min-width: 960px) {
20505
- .v-container {
20506
- max-width: 900px;
20507
- }
20508
- }
20509
- @media (min-width: 1280px) {
20510
- .v-container {
20511
- max-width: 1200px;
20512
- }
20513
- }
20514
- @media (min-width: 1920px) {
20515
- .v-container {
20516
- max-width: 1800px;
20517
- }
20518
- }
20519
- @media (min-width: 2560px) {
20520
- .v-container {
20521
- max-width: 2400px;
20522
- }
20523
- }
20524
- .v-container--fluid {
20525
- max-width: 100%;
20526
- }
20527
- .v-container.fill-height {
20528
- align-items: center;
20529
- display: flex;
20530
- flex-wrap: wrap;
20531
- }
20532
-
20533
- .v-row {
20534
- display: flex;
20535
- flex-wrap: wrap;
20536
- flex: 1 1 auto;
20537
- margin: -12px;
20538
- }
20539
- .v-row + .v-row {
20540
- margin-top: 12px;
20541
- }
20542
- .v-row + .v-row--dense {
20543
- margin-top: 4px;
20544
- }
20545
- .v-row--dense {
20546
- margin: -4px;
20547
- }
20548
- .v-row--dense > .v-col,
20549
- .v-row--dense > [class*=v-col-] {
20550
- padding: 4px;
20551
- }
20552
- .v-row.v-row--no-gutters {
20553
- margin: 0;
20554
- }
20555
- .v-row.v-row--no-gutters > .v-col,
20556
- .v-row.v-row--no-gutters > [class*=v-col-] {
20557
- padding: 0;
20558
- }
20559
-
20560
- .v-col-xxl,
20561
- .v-col-xxl-auto, .v-col-xxl-12, .v-col-xxl-11, .v-col-xxl-10, .v-col-xxl-9, .v-col-xxl-8, .v-col-xxl-7, .v-col-xxl-6, .v-col-xxl-5, .v-col-xxl-4, .v-col-xxl-3, .v-col-xxl-2, .v-col-xxl-1, .v-col-xl,
20562
- .v-col-xl-auto, .v-col-xl-12, .v-col-xl-11, .v-col-xl-10, .v-col-xl-9, .v-col-xl-8, .v-col-xl-7, .v-col-xl-6, .v-col-xl-5, .v-col-xl-4, .v-col-xl-3, .v-col-xl-2, .v-col-xl-1, .v-col-lg,
20563
- .v-col-lg-auto, .v-col-lg-12, .v-col-lg-11, .v-col-lg-10, .v-col-lg-9, .v-col-lg-8, .v-col-lg-7, .v-col-lg-6, .v-col-lg-5, .v-col-lg-4, .v-col-lg-3, .v-col-lg-2, .v-col-lg-1, .v-col-md,
20564
- .v-col-md-auto, .v-col-md-12, .v-col-md-11, .v-col-md-10, .v-col-md-9, .v-col-md-8, .v-col-md-7, .v-col-md-6, .v-col-md-5, .v-col-md-4, .v-col-md-3, .v-col-md-2, .v-col-md-1, .v-col-sm,
20565
- .v-col-sm-auto, .v-col-sm-12, .v-col-sm-11, .v-col-sm-10, .v-col-sm-9, .v-col-sm-8, .v-col-sm-7, .v-col-sm-6, .v-col-sm-5, .v-col-sm-4, .v-col-sm-3, .v-col-sm-2, .v-col-sm-1, .v-col,
20566
- .v-col-auto, .v-col-12, .v-col-11, .v-col-10, .v-col-9, .v-col-8, .v-col-7, .v-col-6, .v-col-5, .v-col-4, .v-col-3, .v-col-2, .v-col-1 {
20567
- width: 100%;
20568
- padding: 12px;
20569
- }
20570
-
20571
- .v-col {
20572
- flex-basis: 0;
20573
- flex-grow: 1;
20574
- max-width: 100%;
20575
- }
20576
-
20577
- .v-col-auto {
20578
- flex: 0 0 auto;
20579
- width: auto;
20580
- max-width: 100%;
20581
- }
20582
-
20583
- .v-col-1 {
20584
- flex: 0 0 8.3333333333%;
20585
- max-width: 8.3333333333%;
20586
- }
20587
-
20588
- .v-col-2 {
20589
- flex: 0 0 16.6666666667%;
20590
- max-width: 16.6666666667%;
20591
- }
20592
-
20593
- .v-col-3 {
20594
- flex: 0 0 25%;
20595
- max-width: 25%;
20596
- }
20597
-
20598
- .v-col-4 {
20599
- flex: 0 0 33.3333333333%;
20600
- max-width: 33.3333333333%;
20601
- }
20602
-
20603
- .v-col-5 {
20604
- flex: 0 0 41.6666666667%;
20605
- max-width: 41.6666666667%;
20606
- }
20607
-
20608
- .v-col-6 {
20609
- flex: 0 0 50%;
20610
- max-width: 50%;
20611
- }
20612
-
20613
- .v-col-7 {
20614
- flex: 0 0 58.3333333333%;
20615
- max-width: 58.3333333333%;
20616
- }
20617
-
20618
- .v-col-8 {
20619
- flex: 0 0 66.6666666667%;
20620
- max-width: 66.6666666667%;
20621
- }
20622
-
20623
- .v-col-9 {
20624
- flex: 0 0 75%;
20625
- max-width: 75%;
20626
- }
20627
-
20628
- .v-col-10 {
20629
- flex: 0 0 83.3333333333%;
20630
- max-width: 83.3333333333%;
20631
- }
20632
-
20633
- .v-col-11 {
20634
- flex: 0 0 91.6666666667%;
20635
- max-width: 91.6666666667%;
20636
- }
20637
-
20638
- .v-col-12 {
20639
- flex: 0 0 100%;
20640
- max-width: 100%;
20641
- }
20642
-
20643
- .offset-1.v-locale--is-ltr, .v-locale--is-ltr .offset-1 {
20644
- margin-left: 8.3333333333%;
20645
- }
20646
- .offset-1.v-locale--is-rtl, .v-locale--is-rtl .offset-1 {
20647
- margin-right: 8.3333333333%;
20648
- }
20649
-
20650
- .offset-2.v-locale--is-ltr, .v-locale--is-ltr .offset-2 {
20651
- margin-left: 16.6666666667%;
20652
- }
20653
- .offset-2.v-locale--is-rtl, .v-locale--is-rtl .offset-2 {
20654
- margin-right: 16.6666666667%;
20655
- }
20656
-
20657
- .offset-3.v-locale--is-ltr, .v-locale--is-ltr .offset-3 {
20658
- margin-left: 25%;
20659
- }
20660
- .offset-3.v-locale--is-rtl, .v-locale--is-rtl .offset-3 {
20661
- margin-right: 25%;
20662
- }
20663
-
20664
- .offset-4.v-locale--is-ltr, .v-locale--is-ltr .offset-4 {
20665
- margin-left: 33.3333333333%;
20666
- }
20667
- .offset-4.v-locale--is-rtl, .v-locale--is-rtl .offset-4 {
20668
- margin-right: 33.3333333333%;
20669
- }
20670
-
20671
- .offset-5.v-locale--is-ltr, .v-locale--is-ltr .offset-5 {
20672
- margin-left: 41.6666666667%;
20673
- }
20674
- .offset-5.v-locale--is-rtl, .v-locale--is-rtl .offset-5 {
20675
- margin-right: 41.6666666667%;
20676
- }
20677
-
20678
- .offset-6.v-locale--is-ltr, .v-locale--is-ltr .offset-6 {
20679
- margin-left: 50%;
20680
- }
20681
- .offset-6.v-locale--is-rtl, .v-locale--is-rtl .offset-6 {
20682
- margin-right: 50%;
20683
- }
20684
-
20685
- .offset-7.v-locale--is-ltr, .v-locale--is-ltr .offset-7 {
20686
- margin-left: 58.3333333333%;
20687
- }
20688
- .offset-7.v-locale--is-rtl, .v-locale--is-rtl .offset-7 {
20689
- margin-right: 58.3333333333%;
20690
- }
20691
-
20692
- .offset-8.v-locale--is-ltr, .v-locale--is-ltr .offset-8 {
20693
- margin-left: 66.6666666667%;
20694
- }
20695
- .offset-8.v-locale--is-rtl, .v-locale--is-rtl .offset-8 {
20696
- margin-right: 66.6666666667%;
20697
- }
20698
-
20699
- .offset-9.v-locale--is-ltr, .v-locale--is-ltr .offset-9 {
20700
- margin-left: 75%;
20701
- }
20702
- .offset-9.v-locale--is-rtl, .v-locale--is-rtl .offset-9 {
20703
- margin-right: 75%;
20704
- }
20705
-
20706
- .offset-10.v-locale--is-ltr, .v-locale--is-ltr .offset-10 {
20707
- margin-left: 83.3333333333%;
20708
- }
20709
- .offset-10.v-locale--is-rtl, .v-locale--is-rtl .offset-10 {
20710
- margin-right: 83.3333333333%;
20711
- }
20712
-
20713
- .offset-11.v-locale--is-ltr, .v-locale--is-ltr .offset-11 {
20714
- margin-left: 91.6666666667%;
20715
- }
20716
- .offset-11.v-locale--is-rtl, .v-locale--is-rtl .offset-11 {
20717
- margin-right: 91.6666666667%;
20718
- }
20719
-
20720
- @media (min-width: 600px) {
20721
- .v-col-sm {
20722
- flex-basis: 0;
20723
- flex-grow: 1;
20724
- max-width: 100%;
20725
- }
20726
-
20727
- .v-col-sm-auto {
20728
- flex: 0 0 auto;
20729
- width: auto;
20730
- max-width: 100%;
20731
- }
20732
-
20733
- .v-col-sm-1 {
20734
- flex: 0 0 8.3333333333%;
20735
- max-width: 8.3333333333%;
20736
- }
20737
-
20738
- .v-col-sm-2 {
20739
- flex: 0 0 16.6666666667%;
20740
- max-width: 16.6666666667%;
20741
- }
20742
-
20743
- .v-col-sm-3 {
20744
- flex: 0 0 25%;
20745
- max-width: 25%;
20746
- }
20747
-
20748
- .v-col-sm-4 {
20749
- flex: 0 0 33.3333333333%;
20750
- max-width: 33.3333333333%;
20751
- }
20752
-
20753
- .v-col-sm-5 {
20754
- flex: 0 0 41.6666666667%;
20755
- max-width: 41.6666666667%;
20184
+
20185
+ .v-col-sm-5 {
20186
+ flex: 0 0 41.6666666667%;
20187
+ max-width: 41.6666666667%;
20756
20188
  }
20757
20189
 
20758
20190
  .v-col-sm-6 {
@@ -21206,301 +20638,869 @@ html.overflow-y-hidden {
21206
20638
  max-width: 8.3333333333%;
21207
20639
  }
21208
20640
 
21209
- .v-col-xl-2 {
20641
+ .v-col-xl-2 {
20642
+ flex: 0 0 16.6666666667%;
20643
+ max-width: 16.6666666667%;
20644
+ }
20645
+
20646
+ .v-col-xl-3 {
20647
+ flex: 0 0 25%;
20648
+ max-width: 25%;
20649
+ }
20650
+
20651
+ .v-col-xl-4 {
20652
+ flex: 0 0 33.3333333333%;
20653
+ max-width: 33.3333333333%;
20654
+ }
20655
+
20656
+ .v-col-xl-5 {
20657
+ flex: 0 0 41.6666666667%;
20658
+ max-width: 41.6666666667%;
20659
+ }
20660
+
20661
+ .v-col-xl-6 {
20662
+ flex: 0 0 50%;
20663
+ max-width: 50%;
20664
+ }
20665
+
20666
+ .v-col-xl-7 {
20667
+ flex: 0 0 58.3333333333%;
20668
+ max-width: 58.3333333333%;
20669
+ }
20670
+
20671
+ .v-col-xl-8 {
20672
+ flex: 0 0 66.6666666667%;
20673
+ max-width: 66.6666666667%;
20674
+ }
20675
+
20676
+ .v-col-xl-9 {
20677
+ flex: 0 0 75%;
20678
+ max-width: 75%;
20679
+ }
20680
+
20681
+ .v-col-xl-10 {
20682
+ flex: 0 0 83.3333333333%;
20683
+ max-width: 83.3333333333%;
20684
+ }
20685
+
20686
+ .v-col-xl-11 {
20687
+ flex: 0 0 91.6666666667%;
20688
+ max-width: 91.6666666667%;
20689
+ }
20690
+
20691
+ .v-col-xl-12 {
20692
+ flex: 0 0 100%;
20693
+ max-width: 100%;
20694
+ }
20695
+
20696
+ .offset-xl-0.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-0 {
20697
+ margin-left: 0;
20698
+ }
20699
+ .offset-xl-0.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-0 {
20700
+ margin-right: 0;
20701
+ }
20702
+
20703
+ .offset-xl-1.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-1 {
20704
+ margin-left: 8.3333333333%;
20705
+ }
20706
+ .offset-xl-1.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-1 {
20707
+ margin-right: 8.3333333333%;
20708
+ }
20709
+
20710
+ .offset-xl-2.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-2 {
20711
+ margin-left: 16.6666666667%;
20712
+ }
20713
+ .offset-xl-2.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-2 {
20714
+ margin-right: 16.6666666667%;
20715
+ }
20716
+
20717
+ .offset-xl-3.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-3 {
20718
+ margin-left: 25%;
20719
+ }
20720
+ .offset-xl-3.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-3 {
20721
+ margin-right: 25%;
20722
+ }
20723
+
20724
+ .offset-xl-4.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-4 {
20725
+ margin-left: 33.3333333333%;
20726
+ }
20727
+ .offset-xl-4.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-4 {
20728
+ margin-right: 33.3333333333%;
20729
+ }
20730
+
20731
+ .offset-xl-5.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-5 {
20732
+ margin-left: 41.6666666667%;
20733
+ }
20734
+ .offset-xl-5.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-5 {
20735
+ margin-right: 41.6666666667%;
20736
+ }
20737
+
20738
+ .offset-xl-6.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-6 {
20739
+ margin-left: 50%;
20740
+ }
20741
+ .offset-xl-6.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-6 {
20742
+ margin-right: 50%;
20743
+ }
20744
+
20745
+ .offset-xl-7.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-7 {
20746
+ margin-left: 58.3333333333%;
20747
+ }
20748
+ .offset-xl-7.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-7 {
20749
+ margin-right: 58.3333333333%;
20750
+ }
20751
+
20752
+ .offset-xl-8.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-8 {
20753
+ margin-left: 66.6666666667%;
20754
+ }
20755
+ .offset-xl-8.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-8 {
20756
+ margin-right: 66.6666666667%;
20757
+ }
20758
+
20759
+ .offset-xl-9.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-9 {
20760
+ margin-left: 75%;
20761
+ }
20762
+ .offset-xl-9.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-9 {
20763
+ margin-right: 75%;
20764
+ }
20765
+
20766
+ .offset-xl-10.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-10 {
20767
+ margin-left: 83.3333333333%;
20768
+ }
20769
+ .offset-xl-10.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-10 {
20770
+ margin-right: 83.3333333333%;
20771
+ }
20772
+
20773
+ .offset-xl-11.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-11 {
20774
+ margin-left: 91.6666666667%;
20775
+ }
20776
+ .offset-xl-11.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-11 {
20777
+ margin-right: 91.6666666667%;
20778
+ }
20779
+ }
20780
+ @media (min-width: 2560px) {
20781
+ .v-col-xxl {
20782
+ flex-basis: 0;
20783
+ flex-grow: 1;
20784
+ max-width: 100%;
20785
+ }
20786
+
20787
+ .v-col-xxl-auto {
20788
+ flex: 0 0 auto;
20789
+ width: auto;
20790
+ max-width: 100%;
20791
+ }
20792
+
20793
+ .v-col-xxl-1 {
20794
+ flex: 0 0 8.3333333333%;
20795
+ max-width: 8.3333333333%;
20796
+ }
20797
+
20798
+ .v-col-xxl-2 {
21210
20799
  flex: 0 0 16.6666666667%;
21211
20800
  max-width: 16.6666666667%;
21212
20801
  }
21213
20802
 
21214
- .v-col-xl-3 {
20803
+ .v-col-xxl-3 {
21215
20804
  flex: 0 0 25%;
21216
20805
  max-width: 25%;
21217
20806
  }
21218
20807
 
21219
- .v-col-xl-4 {
20808
+ .v-col-xxl-4 {
21220
20809
  flex: 0 0 33.3333333333%;
21221
20810
  max-width: 33.3333333333%;
21222
20811
  }
21223
20812
 
21224
- .v-col-xl-5 {
20813
+ .v-col-xxl-5 {
21225
20814
  flex: 0 0 41.6666666667%;
21226
20815
  max-width: 41.6666666667%;
21227
20816
  }
21228
20817
 
21229
- .v-col-xl-6 {
20818
+ .v-col-xxl-6 {
21230
20819
  flex: 0 0 50%;
21231
20820
  max-width: 50%;
21232
20821
  }
21233
20822
 
21234
- .v-col-xl-7 {
20823
+ .v-col-xxl-7 {
21235
20824
  flex: 0 0 58.3333333333%;
21236
20825
  max-width: 58.3333333333%;
21237
20826
  }
21238
20827
 
21239
- .v-col-xl-8 {
20828
+ .v-col-xxl-8 {
21240
20829
  flex: 0 0 66.6666666667%;
21241
20830
  max-width: 66.6666666667%;
21242
20831
  }
21243
20832
 
21244
- .v-col-xl-9 {
20833
+ .v-col-xxl-9 {
21245
20834
  flex: 0 0 75%;
21246
20835
  max-width: 75%;
21247
20836
  }
21248
20837
 
21249
- .v-col-xl-10 {
20838
+ .v-col-xxl-10 {
21250
20839
  flex: 0 0 83.3333333333%;
21251
20840
  max-width: 83.3333333333%;
21252
20841
  }
21253
20842
 
21254
- .v-col-xl-11 {
20843
+ .v-col-xxl-11 {
21255
20844
  flex: 0 0 91.6666666667%;
21256
20845
  max-width: 91.6666666667%;
21257
20846
  }
21258
20847
 
21259
- .v-col-xl-12 {
20848
+ .v-col-xxl-12 {
21260
20849
  flex: 0 0 100%;
21261
20850
  max-width: 100%;
21262
20851
  }
21263
20852
 
21264
- .offset-xl-0.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-0 {
20853
+ .offset-xxl-0.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-0 {
21265
20854
  margin-left: 0;
21266
20855
  }
21267
- .offset-xl-0.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-0 {
20856
+ .offset-xxl-0.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-0 {
21268
20857
  margin-right: 0;
21269
20858
  }
21270
20859
 
21271
- .offset-xl-1.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-1 {
20860
+ .offset-xxl-1.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-1 {
21272
20861
  margin-left: 8.3333333333%;
21273
20862
  }
21274
- .offset-xl-1.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-1 {
20863
+ .offset-xxl-1.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-1 {
21275
20864
  margin-right: 8.3333333333%;
21276
20865
  }
21277
20866
 
21278
- .offset-xl-2.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-2 {
20867
+ .offset-xxl-2.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-2 {
21279
20868
  margin-left: 16.6666666667%;
21280
20869
  }
21281
- .offset-xl-2.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-2 {
20870
+ .offset-xxl-2.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-2 {
21282
20871
  margin-right: 16.6666666667%;
21283
20872
  }
21284
20873
 
21285
- .offset-xl-3.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-3 {
20874
+ .offset-xxl-3.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-3 {
21286
20875
  margin-left: 25%;
21287
20876
  }
21288
- .offset-xl-3.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-3 {
20877
+ .offset-xxl-3.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-3 {
21289
20878
  margin-right: 25%;
21290
20879
  }
21291
20880
 
21292
- .offset-xl-4.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-4 {
20881
+ .offset-xxl-4.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-4 {
21293
20882
  margin-left: 33.3333333333%;
21294
20883
  }
21295
- .offset-xl-4.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-4 {
20884
+ .offset-xxl-4.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-4 {
21296
20885
  margin-right: 33.3333333333%;
21297
20886
  }
21298
20887
 
21299
- .offset-xl-5.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-5 {
20888
+ .offset-xxl-5.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-5 {
21300
20889
  margin-left: 41.6666666667%;
21301
20890
  }
21302
- .offset-xl-5.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-5 {
20891
+ .offset-xxl-5.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-5 {
21303
20892
  margin-right: 41.6666666667%;
21304
20893
  }
21305
20894
 
21306
- .offset-xl-6.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-6 {
20895
+ .offset-xxl-6.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-6 {
21307
20896
  margin-left: 50%;
21308
20897
  }
21309
- .offset-xl-6.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-6 {
20898
+ .offset-xxl-6.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-6 {
21310
20899
  margin-right: 50%;
21311
20900
  }
21312
20901
 
21313
- .offset-xl-7.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-7 {
20902
+ .offset-xxl-7.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-7 {
21314
20903
  margin-left: 58.3333333333%;
21315
20904
  }
21316
- .offset-xl-7.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-7 {
20905
+ .offset-xxl-7.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-7 {
21317
20906
  margin-right: 58.3333333333%;
21318
20907
  }
21319
20908
 
21320
- .offset-xl-8.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-8 {
20909
+ .offset-xxl-8.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-8 {
21321
20910
  margin-left: 66.6666666667%;
21322
20911
  }
21323
- .offset-xl-8.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-8 {
20912
+ .offset-xxl-8.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-8 {
21324
20913
  margin-right: 66.6666666667%;
21325
20914
  }
21326
20915
 
21327
- .offset-xl-9.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-9 {
20916
+ .offset-xxl-9.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-9 {
21328
20917
  margin-left: 75%;
21329
20918
  }
21330
- .offset-xl-9.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-9 {
20919
+ .offset-xxl-9.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-9 {
21331
20920
  margin-right: 75%;
21332
20921
  }
21333
20922
 
21334
- .offset-xl-10.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-10 {
20923
+ .offset-xxl-10.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-10 {
21335
20924
  margin-left: 83.3333333333%;
21336
20925
  }
21337
- .offset-xl-10.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-10 {
20926
+ .offset-xxl-10.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-10 {
21338
20927
  margin-right: 83.3333333333%;
21339
20928
  }
21340
20929
 
21341
- .offset-xl-11.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-11 {
21342
- margin-left: 91.6666666667%;
21343
- }
21344
- .offset-xl-11.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-11 {
21345
- margin-right: 91.6666666667%;
21346
- }
20930
+ .offset-xxl-11.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-11 {
20931
+ margin-left: 91.6666666667%;
20932
+ }
20933
+ .offset-xxl-11.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-11 {
20934
+ margin-right: 91.6666666667%;
20935
+ }
20936
+ }.v-carousel {
20937
+ overflow: hidden;
20938
+ position: relative;
20939
+ width: 100%;
20940
+ }
20941
+ .v-carousel__controls {
20942
+ align-items: center;
20943
+ background: rgba(var(--v-theme-surface-variant), 0.3);
20944
+ bottom: 0;
20945
+ display: flex;
20946
+ height: 50px;
20947
+ justify-content: center;
20948
+ list-style-type: none;
20949
+ position: absolute;
20950
+ width: 100%;
20951
+ z-index: 1;
20952
+ }
20953
+ .v-carousel__controls > .v-item-group {
20954
+ flex: 0 1 auto;
20955
+ }
20956
+ .v-carousel__controls__item {
20957
+ margin: 0 8px;
20958
+ }
20959
+ .v-carousel__controls__item .v-icon {
20960
+ opacity: 0.5;
20961
+ }
20962
+ .v-carousel__controls__item--active .v-icon {
20963
+ opacity: 1;
20964
+ vertical-align: middle;
20965
+ }
20966
+ .v-carousel__controls__item:hover {
20967
+ background: none;
20968
+ }
20969
+ .v-carousel__controls__item:hover .v-icon {
20970
+ opacity: 0.8;
20971
+ }
20972
+
20973
+ .v-carousel__progress {
20974
+ margin: 0;
20975
+ position: absolute;
20976
+ bottom: 0;
20977
+ left: 0;
20978
+ right: 0;
20979
+ }
20980
+
20981
+ .v-carousel-item {
20982
+ display: block;
20983
+ height: inherit;
20984
+ text-decoration: none;
20985
+ }
20986
+ .v-carousel-item > .v-img {
20987
+ height: inherit;
20988
+ }
20989
+
20990
+ .v-carousel--hide-delimiter-background .v-carousel__controls {
20991
+ background: transparent;
20992
+ }
20993
+
20994
+ .v-carousel--vertical-delimiters .v-carousel__controls {
20995
+ flex-direction: column;
20996
+ height: 100% !important;
20997
+ width: 50px;
20998
+ }.v-checkbox .v-selection-control {
20999
+ min-height: var(--v-input-control-height);
21000
+ }.v-chip {
21001
+ align-items: center;
21002
+ cursor: default;
21003
+ display: inline-flex;
21004
+ font-weight: 400;
21005
+ max-width: 100%;
21006
+ overflow: hidden;
21007
+ position: relative;
21008
+ text-decoration: none;
21009
+ white-space: nowrap;
21010
+ vertical-align: middle;
21011
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21012
+ border-style: solid;
21013
+ border-width: 0;
21014
+ border-radius: 9999px;
21015
+ }
21016
+ .v-chip.v-chip--size-x-small {
21017
+ --v-chip-size: 0.625rem;
21018
+ --v-chip-height: 20px;
21019
+ font-size: 0.625rem;
21020
+ padding: 0 8px;
21021
+ }
21022
+ .v-chip.v-chip--size-x-small .v-avatar {
21023
+ --v-avatar-height: 14px;
21024
+ }
21025
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar {
21026
+ --v-avatar-height: 20px;
21027
+ }
21028
+
21029
+ .v-chip.v-chip--size-x-small .v-chip__filter,
21030
+ .v-chip.v-chip--size-x-small .v-chip__prepend,
21031
+ .v-chip.v-chip--size-x-small > .v-avatar--start,
21032
+ .v-chip.v-chip--size-x-small > .v-icon--start {
21033
+ margin-inline-end: 4px;
21034
+ }
21035
+ .v-chip.v-chip--size-x-small .v-chip__filter,
21036
+ .v-chip.v-chip--size-x-small .v-chip__prepend,
21037
+ .v-chip.v-chip--size-x-small .v-icon--start {
21038
+ margin-inline-start: -4px;
21039
+ }
21040
+ .v-chip.v-chip--size-x-small .v-avatar--start {
21041
+ margin-inline-start: -5.6px;
21042
+ }
21043
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--start {
21044
+ margin-inline-start: -8px;
21045
+ }
21046
+
21047
+ .v-chip.v-chip--size-x-small .v-chip__append,
21048
+ .v-chip.v-chip--size-x-small .v-chip__close,
21049
+ .v-chip.v-chip--size-x-small > .v-avatar--end,
21050
+ .v-chip.v-chip--size-x-small > .v-icon--end {
21051
+ margin-inline-start: 4px;
21052
+ margin-inline-end: -4px;
21053
+ }
21054
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-x-small .v-icon--end {
21055
+ margin-inline-end: -8px;
21056
+ }
21057
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-x-small .v-icon--end + .v-chip__close {
21058
+ margin-inline-start: 8px;
21059
+ }
21060
+
21061
+ .v-chip.v-chip--size-small {
21062
+ --v-chip-size: 0.75rem;
21063
+ --v-chip-height: 26px;
21064
+ font-size: 0.75rem;
21065
+ padding: 0 10px;
21066
+ }
21067
+ .v-chip.v-chip--size-small .v-avatar {
21068
+ --v-avatar-height: 20px;
21069
+ }
21070
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar {
21071
+ --v-avatar-height: 26px;
21072
+ }
21073
+
21074
+ .v-chip.v-chip--size-small .v-chip__filter,
21075
+ .v-chip.v-chip--size-small .v-chip__prepend,
21076
+ .v-chip.v-chip--size-small > .v-avatar--start,
21077
+ .v-chip.v-chip--size-small > .v-icon--start {
21078
+ margin-inline-end: 5px;
21079
+ }
21080
+ .v-chip.v-chip--size-small .v-chip__filter,
21081
+ .v-chip.v-chip--size-small .v-chip__prepend,
21082
+ .v-chip.v-chip--size-small .v-icon--start {
21083
+ margin-inline-start: -5px;
21084
+ }
21085
+ .v-chip.v-chip--size-small .v-avatar--start {
21086
+ margin-inline-start: -7px;
21087
+ }
21088
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--start {
21089
+ margin-inline-start: -10px;
21090
+ }
21091
+
21092
+ .v-chip.v-chip--size-small .v-chip__append,
21093
+ .v-chip.v-chip--size-small .v-chip__close,
21094
+ .v-chip.v-chip--size-small > .v-avatar--end,
21095
+ .v-chip.v-chip--size-small > .v-icon--end {
21096
+ margin-inline-start: 5px;
21097
+ margin-inline-end: -5px;
21098
+ }
21099
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-small .v-icon--end {
21100
+ margin-inline-end: -10px;
21101
+ }
21102
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-small .v-icon--end + .v-chip__close {
21103
+ margin-inline-start: 10px;
21104
+ }
21105
+
21106
+ .v-chip.v-chip--size-default {
21107
+ --v-chip-size: 0.875rem;
21108
+ --v-chip-height: 32px;
21109
+ font-size: 0.875rem;
21110
+ padding: 0 12px;
21111
+ }
21112
+ .v-chip.v-chip--size-default .v-avatar {
21113
+ --v-avatar-height: 26px;
21114
+ }
21115
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar {
21116
+ --v-avatar-height: 32px;
21117
+ }
21118
+
21119
+ .v-chip.v-chip--size-default .v-chip__filter,
21120
+ .v-chip.v-chip--size-default .v-chip__prepend,
21121
+ .v-chip.v-chip--size-default > .v-avatar--start,
21122
+ .v-chip.v-chip--size-default > .v-icon--start {
21123
+ margin-inline-end: 6px;
21124
+ }
21125
+ .v-chip.v-chip--size-default .v-chip__filter,
21126
+ .v-chip.v-chip--size-default .v-chip__prepend,
21127
+ .v-chip.v-chip--size-default .v-icon--start {
21128
+ margin-inline-start: -6px;
21129
+ }
21130
+ .v-chip.v-chip--size-default .v-avatar--start {
21131
+ margin-inline-start: -8.4px;
21132
+ }
21133
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--start {
21134
+ margin-inline-start: -12px;
21347
21135
  }
21348
- @media (min-width: 2560px) {
21349
- .v-col-xxl {
21350
- flex-basis: 0;
21351
- flex-grow: 1;
21352
- max-width: 100%;
21353
- }
21354
21136
 
21355
- .v-col-xxl-auto {
21356
- flex: 0 0 auto;
21357
- width: auto;
21358
- max-width: 100%;
21359
- }
21137
+ .v-chip.v-chip--size-default .v-chip__append,
21138
+ .v-chip.v-chip--size-default .v-chip__close,
21139
+ .v-chip.v-chip--size-default > .v-avatar--end,
21140
+ .v-chip.v-chip--size-default > .v-icon--end {
21141
+ margin-inline-start: 6px;
21142
+ margin-inline-end: -6px;
21143
+ }
21144
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-default .v-icon--end {
21145
+ margin-inline-end: -12px;
21146
+ }
21147
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-default .v-icon--end + .v-chip__close {
21148
+ margin-inline-start: 12px;
21149
+ }
21360
21150
 
21361
- .v-col-xxl-1 {
21362
- flex: 0 0 8.3333333333%;
21363
- max-width: 8.3333333333%;
21364
- }
21151
+ .v-chip.v-chip--size-large {
21152
+ --v-chip-size: 1rem;
21153
+ --v-chip-height: 38px;
21154
+ font-size: 1rem;
21155
+ padding: 0 14px;
21156
+ }
21157
+ .v-chip.v-chip--size-large .v-avatar {
21158
+ --v-avatar-height: 32px;
21159
+ }
21160
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar {
21161
+ --v-avatar-height: 38px;
21162
+ }
21365
21163
 
21366
- .v-col-xxl-2 {
21367
- flex: 0 0 16.6666666667%;
21368
- max-width: 16.6666666667%;
21369
- }
21164
+ .v-chip.v-chip--size-large .v-chip__filter,
21165
+ .v-chip.v-chip--size-large .v-chip__prepend,
21166
+ .v-chip.v-chip--size-large > .v-avatar--start,
21167
+ .v-chip.v-chip--size-large > .v-icon--start {
21168
+ margin-inline-end: 7px;
21169
+ }
21170
+ .v-chip.v-chip--size-large .v-chip__filter,
21171
+ .v-chip.v-chip--size-large .v-chip__prepend,
21172
+ .v-chip.v-chip--size-large .v-icon--start {
21173
+ margin-inline-start: -7px;
21174
+ }
21175
+ .v-chip.v-chip--size-large .v-avatar--start {
21176
+ margin-inline-start: -9.8px;
21177
+ }
21178
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--start {
21179
+ margin-inline-start: -14px;
21180
+ }
21370
21181
 
21371
- .v-col-xxl-3 {
21372
- flex: 0 0 25%;
21373
- max-width: 25%;
21374
- }
21182
+ .v-chip.v-chip--size-large .v-chip__append,
21183
+ .v-chip.v-chip--size-large .v-chip__close,
21184
+ .v-chip.v-chip--size-large > .v-avatar--end,
21185
+ .v-chip.v-chip--size-large > .v-icon--end {
21186
+ margin-inline-start: 7px;
21187
+ margin-inline-end: -7px;
21188
+ }
21189
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-large .v-icon--end {
21190
+ margin-inline-end: -14px;
21191
+ }
21192
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-large .v-icon--end + .v-chip__close {
21193
+ margin-inline-start: 14px;
21194
+ }
21375
21195
 
21376
- .v-col-xxl-4 {
21377
- flex: 0 0 33.3333333333%;
21378
- max-width: 33.3333333333%;
21379
- }
21196
+ .v-chip.v-chip--size-x-large {
21197
+ --v-chip-size: 1.125rem;
21198
+ --v-chip-height: 44px;
21199
+ font-size: 1.125rem;
21200
+ padding: 0 17px;
21201
+ }
21202
+ .v-chip.v-chip--size-x-large .v-avatar {
21203
+ --v-avatar-height: 38px;
21204
+ }
21205
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar {
21206
+ --v-avatar-height: 44px;
21207
+ }
21380
21208
 
21381
- .v-col-xxl-5 {
21382
- flex: 0 0 41.6666666667%;
21383
- max-width: 41.6666666667%;
21384
- }
21209
+ .v-chip.v-chip--size-x-large .v-chip__filter,
21210
+ .v-chip.v-chip--size-x-large .v-chip__prepend,
21211
+ .v-chip.v-chip--size-x-large > .v-avatar--start,
21212
+ .v-chip.v-chip--size-x-large > .v-icon--start {
21213
+ margin-inline-end: 8.5px;
21214
+ }
21215
+ .v-chip.v-chip--size-x-large .v-chip__filter,
21216
+ .v-chip.v-chip--size-x-large .v-chip__prepend,
21217
+ .v-chip.v-chip--size-x-large .v-icon--start {
21218
+ margin-inline-start: -8.5px;
21219
+ }
21220
+ .v-chip.v-chip--size-x-large .v-avatar--start {
21221
+ margin-inline-start: -11.9px;
21222
+ }
21223
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--start {
21224
+ margin-inline-start: -17px;
21225
+ }
21385
21226
 
21386
- .v-col-xxl-6 {
21387
- flex: 0 0 50%;
21388
- max-width: 50%;
21389
- }
21227
+ .v-chip.v-chip--size-x-large .v-chip__append,
21228
+ .v-chip.v-chip--size-x-large .v-chip__close,
21229
+ .v-chip.v-chip--size-x-large > .v-avatar--end,
21230
+ .v-chip.v-chip--size-x-large > .v-icon--end {
21231
+ margin-inline-start: 8.5px;
21232
+ margin-inline-end: -8.5px;
21233
+ }
21234
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-x-large .v-icon--end {
21235
+ margin-inline-end: -17px;
21236
+ }
21237
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-x-large .v-icon--end + .v-chip__close {
21238
+ margin-inline-start: 17px;
21239
+ }
21390
21240
 
21391
- .v-col-xxl-7 {
21392
- flex: 0 0 58.3333333333%;
21393
- max-width: 58.3333333333%;
21394
- }
21241
+ .v-chip.v-chip--density-default {
21242
+ height: calc(var(--v-chip-height) + 0px);
21243
+ }
21395
21244
 
21396
- .v-col-xxl-8 {
21397
- flex: 0 0 66.6666666667%;
21398
- max-width: 66.6666666667%;
21399
- }
21245
+ .v-chip.v-chip--density-comfortable {
21246
+ height: calc(var(--v-chip-height) + -8px);
21247
+ }
21400
21248
 
21401
- .v-col-xxl-9 {
21402
- flex: 0 0 75%;
21403
- max-width: 75%;
21404
- }
21249
+ .v-chip.v-chip--density-compact {
21250
+ height: calc(var(--v-chip-height) + -12px);
21251
+ }
21405
21252
 
21406
- .v-col-xxl-10 {
21407
- flex: 0 0 83.3333333333%;
21408
- max-width: 83.3333333333%;
21253
+ .v-chip:hover > .v-chip__overlay {
21254
+ opacity: calc(0.04 * var(--v-theme-overlay-multiplier));
21255
+ }
21256
+ .v-chip:focus-visible > .v-chip__overlay {
21257
+ opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
21258
+ }
21259
+ @supports not selector(:focus-visible) {
21260
+ .v-chip:focus > .v-chip__overlay {
21261
+ opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
21409
21262
  }
21410
-
21411
- .v-col-xxl-11 {
21412
- flex: 0 0 91.6666666667%;
21413
- max-width: 91.6666666667%;
21263
+ }
21264
+ .v-chip--active > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true] > .v-chip__overlay {
21265
+ opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
21266
+ }
21267
+ .v-chip--active:hover > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:hover > .v-chip__overlay {
21268
+ opacity: calc(0.16 * var(--v-theme-overlay-multiplier));
21269
+ }
21270
+ .v-chip--active:focus-visible > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-chip__overlay {
21271
+ opacity: calc(0.24 * var(--v-theme-overlay-multiplier));
21272
+ }
21273
+ @supports not selector(:focus-visible) {
21274
+ .v-chip--active:focus > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus > .v-chip__overlay {
21275
+ opacity: calc(0.24 * var(--v-theme-overlay-multiplier));
21414
21276
  }
21277
+ }
21278
+ .v-chip--variant-plain, .v-chip--variant-outlined, .v-chip--variant-text, .v-chip--variant-tonal {
21279
+ background: transparent;
21280
+ color: inherit;
21281
+ }
21282
+ .v-chip--variant-plain {
21283
+ opacity: 0.26;
21284
+ }
21285
+ .v-chip--variant-plain:focus, .v-chip--variant-plain:hover {
21286
+ opacity: 1;
21287
+ }
21288
+ .v-chip--variant-plain .v-chip__overlay {
21289
+ display: none;
21290
+ }
21291
+ .v-chip--variant-elevated, .v-chip--variant-flat {
21292
+ background: rgb(var(--v-theme-surface-variant));
21293
+ color: rgb(var(--v-theme-on-surface-variant));
21294
+ }
21295
+ .v-chip--variant-elevated {
21296
+ 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));
21297
+ }
21298
+ .v-chip--variant-flat {
21299
+ 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));
21300
+ }
21301
+ .v-chip--variant-outlined {
21302
+ border: thin solid currentColor;
21303
+ }
21304
+ .v-chip--variant-text .v-chip__overlay {
21305
+ background: currentColor;
21306
+ }
21307
+ .v-chip--variant-tonal .v-chip__underlay {
21308
+ background: currentColor;
21309
+ opacity: var(--v-activated-opacity);
21310
+ border-radius: inherit;
21311
+ position: absolute;
21312
+ top: 0;
21313
+ right: 0;
21314
+ bottom: 0;
21315
+ left: 0;
21316
+ pointer-events: none;
21317
+ }
21318
+ .v-chip--border {
21319
+ border-width: thin;
21320
+ }
21321
+ .v-chip--link {
21322
+ cursor: pointer;
21323
+ }
21324
+ .v-chip--filter {
21325
+ -webkit-user-select: none;
21326
+ user-select: none;
21327
+ }
21328
+ .v-chip--label {
21329
+ border-radius: 4px;
21330
+ }
21415
21331
 
21416
- .v-col-xxl-12 {
21417
- flex: 0 0 100%;
21418
- max-width: 100%;
21419
- }
21332
+ .v-chip__filter,
21333
+ .v-chip__prepend,
21334
+ .v-chip__append,
21335
+ .v-chip__close {
21336
+ align-items: center;
21337
+ display: inline-flex;
21338
+ }
21420
21339
 
21421
- .offset-xxl-0.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-0 {
21422
- margin-left: 0;
21423
- }
21424
- .offset-xxl-0.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-0 {
21425
- margin-right: 0;
21426
- }
21340
+ .v-chip__close {
21341
+ cursor: pointer;
21342
+ flex: 0 1 auto;
21343
+ font-size: 18px;
21344
+ max-height: 18px;
21345
+ max-width: 18px;
21346
+ -webkit-user-select: none;
21347
+ user-select: none;
21348
+ }
21349
+ .v-chip__close .v-icon {
21350
+ font-size: inherit;
21351
+ }
21427
21352
 
21428
- .offset-xxl-1.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-1 {
21429
- margin-left: 8.3333333333%;
21430
- }
21431
- .offset-xxl-1.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-1 {
21432
- margin-right: 8.3333333333%;
21433
- }
21353
+ .v-chip__filter {
21354
+ transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
21355
+ }
21434
21356
 
21435
- .offset-xxl-2.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-2 {
21436
- margin-left: 16.6666666667%;
21437
- }
21438
- .offset-xxl-2.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-2 {
21439
- margin-right: 16.6666666667%;
21440
- }
21357
+ .v-chip__overlay {
21358
+ position: absolute;
21359
+ top: 0;
21360
+ left: 0;
21361
+ width: 100%;
21362
+ height: 100%;
21363
+ background-color: currentColor;
21364
+ border-radius: inherit;
21365
+ pointer-events: none;
21366
+ opacity: 0;
21367
+ transition: opacity 0.2s ease-in-out;
21368
+ }
21441
21369
 
21442
- .offset-xxl-3.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-3 {
21443
- margin-left: 25%;
21444
- }
21445
- .offset-xxl-3.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-3 {
21446
- margin-right: 25%;
21447
- }
21370
+ .v-chip--disabled {
21371
+ opacity: 0.3;
21372
+ pointer-events: none;
21373
+ -webkit-user-select: none;
21374
+ user-select: none;
21375
+ }
21448
21376
 
21449
- .offset-xxl-4.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-4 {
21450
- margin-left: 33.3333333333%;
21451
- }
21452
- .offset-xxl-4.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-4 {
21453
- margin-right: 33.3333333333%;
21454
- }
21377
+ .v-chip--label {
21378
+ border-radius: 4px;
21379
+ }.v-chip-group {
21380
+ display: flex;
21381
+ max-width: 100%;
21382
+ min-width: 0;
21383
+ overflow-x: auto;
21384
+ padding: 4px 0;
21385
+ }
21386
+ .v-chip-group .v-chip {
21387
+ margin: 4px 8px 4px 0;
21388
+ }
21389
+ .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
21390
+ opacity: var(--v-activated-opacity);
21391
+ }
21455
21392
 
21456
- .offset-xxl-5.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-5 {
21457
- margin-left: 41.6666666667%;
21458
- }
21459
- .offset-xxl-5.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-5 {
21460
- margin-right: 41.6666666667%;
21461
- }
21393
+ .v-chip-group--column {
21394
+ flex-wrap: wrap;
21395
+ white-space: normal;
21396
+ }.v-color-picker {
21397
+ align-self: flex-start;
21398
+ contain: content;
21399
+ }
21400
+ .v-color-picker.v-sheet {
21401
+ 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));
21402
+ border-radius: 4px;
21403
+ }
21462
21404
 
21463
- .offset-xxl-6.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-6 {
21464
- margin-left: 50%;
21465
- }
21466
- .offset-xxl-6.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-6 {
21467
- margin-right: 50%;
21468
- }
21405
+ .v-color-picker__controls {
21406
+ display: flex;
21407
+ flex-direction: column;
21408
+ padding: 16px;
21409
+ }
21469
21410
 
21470
- .offset-xxl-7.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-7 {
21471
- margin-left: 58.3333333333%;
21472
- }
21473
- .offset-xxl-7.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-7 {
21474
- margin-right: 58.3333333333%;
21475
- }
21411
+ .v-color-picker--flat {
21412
+ 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));
21413
+ }
21414
+ .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
21415
+ 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));
21416
+ }.v-input--density-default {
21417
+ --combobox-chips-margin-bottom: 0px;
21418
+ }
21476
21419
 
21477
- .offset-xxl-8.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-8 {
21478
- margin-left: 66.6666666667%;
21479
- }
21480
- .offset-xxl-8.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-8 {
21481
- margin-right: 66.6666666667%;
21482
- }
21420
+ .v-input--density-comfortable {
21421
+ --combobox-chips-margin-bottom: 2px;
21422
+ }
21483
21423
 
21484
- .offset-xxl-9.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-9 {
21485
- margin-left: 75%;
21486
- }
21487
- .offset-xxl-9.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-9 {
21488
- margin-right: 75%;
21489
- }
21424
+ .v-input--density-compact {
21425
+ --combobox-chips-margin-bottom: 4px;
21426
+ }
21490
21427
 
21491
- .offset-xxl-10.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-10 {
21492
- margin-left: 83.3333333333%;
21493
- }
21494
- .offset-xxl-10.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-10 {
21495
- margin-right: 83.3333333333%;
21496
- }
21428
+ .v-combobox .v-field .v-text-field__prefix,
21429
+ .v-combobox .v-field .v-text-field__suffix,
21430
+ .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
21431
+ cursor: text;
21432
+ }
21433
+ .v-combobox .v-field .v-field__input > input {
21434
+ align-self: flex-start;
21435
+ flex: 1 1;
21436
+ }
21437
+ .v-combobox .v-field .v-field__append-inner > .v-icon {
21438
+ margin-inline-start: 4px;
21439
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21440
+ }
21441
+ .v-combobox .v-field:not(.v-field--focused) input {
21442
+ min-width: 0;
21443
+ }
21444
+ .v-combobox .v-field--dirty .v-combobox__selection {
21445
+ margin-inline-end: 2px;
21446
+ }
21447
+ .v-combobox .v-field--single-line .v-combobox__selection-text {
21448
+ overflow: hidden;
21449
+ text-overflow: ellipsis;
21450
+ white-space: nowrap;
21451
+ }
21497
21452
 
21498
- .offset-xxl-11.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-11 {
21499
- margin-left: 91.6666666667%;
21500
- }
21501
- .offset-xxl-11.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-11 {
21502
- margin-right: 91.6666666667%;
21503
- }
21453
+ .v-combobox__content {
21454
+ overflow: hidden;
21455
+ 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));
21456
+ border-radius: 4px;
21457
+ }
21458
+ .v-combobox__mask {
21459
+ background: rgb(var(--v-theme-on-surface-variant));
21460
+ }
21461
+ .v-combobox__selection {
21462
+ display: inline-flex;
21463
+ letter-spacing: inherit;
21464
+ line-height: inherit;
21465
+ max-width: 100%;
21466
+ }
21467
+ .v-combobox--active-menu .v-field__append-inner > .v-icon {
21468
+ opacity: var(--v-high-emphasis-opacity);
21469
+ transform: rotate(180deg);
21470
+ }
21471
+ .v-combobox--chips .v-combobox__selection {
21472
+ margin-top: 2px;
21473
+ margin-bottom: var(--combobox-chips-margin-bottom);
21474
+ }
21475
+ .v-combobox--chips .v-combobox__selection:first-child {
21476
+ margin-inline-start: 0;
21477
+ }
21478
+ .v-combobox--selecting-index .v-combobox__selection {
21479
+ opacity: var(--v-medium-emphasis-opacity);
21480
+ }
21481
+ .v-combobox--selecting-index .v-combobox__selection--selected {
21482
+ opacity: 1;
21483
+ }
21484
+ .v-combobox--selecting-index .v-field__input > input {
21485
+ caret-color: transparent !important;
21486
+ }
21487
+ .v-combobox--single.v-text-field input {
21488
+ flex: 1 1;
21489
+ position: absolute;
21490
+ left: 0;
21491
+ right: 0;
21492
+ width: 100%;
21493
+ padding-inline-start: inherit;
21494
+ padding-inline-end: inherit;
21495
+ }
21496
+ .v-combobox--single .v-field--active input {
21497
+ transition: none;
21498
+ }
21499
+ .v-combobox--single .v-field--dirty:not(.v-field--focused) input {
21500
+ opacity: 0;
21501
+ }
21502
+ .v-combobox--single .v-field--focused .v-combobox__selection {
21503
+ opacity: 0;
21504
21504
  }.v-counter {
21505
21505
  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
21506
21506
  flex: 0 1 auto;
@@ -23737,6 +23737,14 @@ html.v-overlay-scroll-blocked {
23737
23737
  }
23738
23738
  .v-select--selected .v-field .v-field__input > input {
23739
23739
  opacity: 0;
23740
+ }.v-selection-control-group {
23741
+ grid-area: control;
23742
+ display: flex;
23743
+ flex-direction: column;
23744
+ }
23745
+ .v-selection-control-group--inline {
23746
+ flex-direction: row;
23747
+ flex-wrap: wrap;
23740
23748
  }.v-selection-control {
23741
23749
  align-items: center;
23742
23750
  contain: layout;
@@ -23839,14 +23847,6 @@ html.v-overlay-scroll-blocked {
23839
23847
  }
23840
23848
  .v-selection-control--focus-visible .v-selection-control__input::before {
23841
23849
  opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
23842
- }.v-selection-control-group {
23843
- grid-area: control;
23844
- display: flex;
23845
- flex-direction: column;
23846
- }
23847
- .v-selection-control-group--inline {
23848
- flex-direction: row;
23849
- flex-wrap: wrap;
23850
23850
  }.v-sheet {
23851
23851
  display: block;
23852
23852
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
@@ -24264,7 +24264,7 @@ html.v-overlay-scroll-blocked {
24264
24264
  }
24265
24265
 
24266
24266
  .v-table {
24267
- --v-table-header-height: $table-header-height;
24267
+ --v-table-header-height: 56px;
24268
24268
  border-radius: inherit;
24269
24269
  line-height: 1.5;
24270
24270
  max-width: 100%;
@@ -24293,7 +24293,7 @@ html.v-overlay-scroll-blocked {
24293
24293
  .v-table--density-default > .v-table__wrapper > table > tbody > tr > th,
24294
24294
  .v-table--density-default > .v-table__wrapper > table > thead > tr > th,
24295
24295
  .v-table--density-default > .v-table__wrapper > table > tfoot > tr > th {
24296
- height: 56px;
24296
+ height: calc(var(--v-table-header-height) + 0px);
24297
24297
  }
24298
24298
  .v-table--density-default > .v-table__wrapper > table > tbody > tr > td,
24299
24299
  .v-table--density-default > .v-table__wrapper > table > thead > tr > td,
@@ -24304,7 +24304,7 @@ html.v-overlay-scroll-blocked {
24304
24304
  .v-table--density-comfortable > .v-table__wrapper > table > tbody > tr > th,
24305
24305
  .v-table--density-comfortable > .v-table__wrapper > table > thead > tr > th,
24306
24306
  .v-table--density-comfortable > .v-table__wrapper > table > tfoot > tr > th {
24307
- height: 48px;
24307
+ height: calc(var(--v-table-header-height) - 8px);
24308
24308
  }
24309
24309
  .v-table--density-comfortable > .v-table__wrapper > table > tbody > tr > td,
24310
24310
  .v-table--density-comfortable > .v-table__wrapper > table > thead > tr > td,
@@ -24315,7 +24315,7 @@ html.v-overlay-scroll-blocked {
24315
24315
  .v-table--density-compact > .v-table__wrapper > table > tbody > tr > th,
24316
24316
  .v-table--density-compact > .v-table__wrapper > table > thead > tr > th,
24317
24317
  .v-table--density-compact > .v-table__wrapper > table > tfoot > tr > th {
24318
- height: 40px;
24318
+ height: calc(var(--v-table-header-height) - 16px);
24319
24319
  }
24320
24320
  .v-table--density-compact > .v-table__wrapper > table > tbody > tr > td,
24321
24321
  .v-table--density-compact > .v-table__wrapper > table > thead > tr > td,