@omnia/runtime 8.0.8-vnext → 8.0.9-dev

package/dist/bundles/omfx.ux.rtf.core_b46f7161-e941-4240-b573-a9cd83e9d132.css

@@ -1,39 +1,3 @@
-.ProseMirror .tableWrapper {
-  overflow-x: auto;
-}
-.ProseMirror table {
-  border-collapse: collapse;
-  table-layout: fixed;
-  width: 100%;
-  overflow: hidden;
-}
-.ProseMirror td, .ProseMirror th {
-  vertical-align: top;
-  box-sizing: border-box;
-  position: relative;
-}
-.ProseMirror .column-resize-handle {
-  position: absolute;
-  right: -2px; top: 0; bottom: 0;
-  width: 4px;
-  z-index: 20;
-  background-color: #adf;
-  pointer-events: none;
-}
-.ProseMirror.resize-cursor {
-  cursor: ew-resize;
-  cursor: col-resize;
-}
-/* Give selected cells a blue overlay */
-.ProseMirror .selectedCell:after {
-  z-index: 2;
-  position: absolute;
-  content: "";
-  left: 0; right: 0; top: 0; bottom: 0;
-  background: rgba(200, 200, 255, 0.4);
-  pointer-events: none;
-}
-
 .omfx-medianode {
     position: relative;
     line-height: 0;

package/dist/bundles/omnia.fx.ux.autocomplete_5d79340e-c1ce-4006-b88b-ad101d2e031e.css

@@ -1,15 +1,3 @@
-.v-input--density-default {
-  --autocomplete-chips-margin-bottom: 0px;
-}
-
-.v-input--density-comfortable {
-  --autocomplete-chips-margin-bottom: 2px;
-}
-
-.v-input--density-compact {
-  --autocomplete-chips-margin-bottom: 4px;
-}
-
 .v-autocomplete .v-field .v-text-field__prefix,
 .v-autocomplete .v-field .v-text-field__suffix,
 .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
@@ -19,9 +7,8 @@
   align-self: flex-start;
   flex: 1 1;
 }
-.v-autocomplete .v-field .v-field__append-inner > .v-icon {
-  margin-inline-start: 4px;
-  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+.v-autocomplete .v-field input {
+  min-width: 64px;
 }
 .v-autocomplete .v-field:not(.v-field--focused) input {
   min-width: 0;
@@ -29,7 +16,7 @@
 .v-autocomplete .v-field--dirty .v-autocomplete__selection {
   margin-inline-end: 2px;
 }
-.v-autocomplete .v-field--single-line .v-autocomplete__selection-text {
+.v-autocomplete .v-autocomplete__selection-text {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -45,21 +32,27 @@
 }
 .v-autocomplete__selection {
   display: inline-flex;
+  align-items: center;
   letter-spacing: inherit;
   line-height: inherit;
-  max-width: 100%;
-}
-.v-autocomplete--active-menu .v-field__append-inner > .v-icon {
-  opacity: var(--v-high-emphasis-opacity);
-  transform: rotate(180deg);
+  max-width: 90%;
 }
-.v-autocomplete--chips .v-autocomplete__selection {
-  margin-top: 2px;
-  margin-bottom: var(--autocomplete-chips-margin-bottom);
+.v-autocomplete__selection {
+  margin-top: var(--v-input-chips-margin-top);
+  margin-bottom: var(--v-input-chips-margin-bottom);
 }
-.v-autocomplete--chips .v-autocomplete__selection:first-child {
+.v-autocomplete__selection:first-child {
   margin-inline-start: 0;
 }
+.v-autocomplete--selecting-index .v-autocomplete__selection {
+  opacity: var(--v-medium-emphasis-opacity);
+}
+.v-autocomplete--selecting-index .v-autocomplete__selection--selected {
+  opacity: 1;
+}
+.v-autocomplete--selecting-index .v-field__input > input {
+  caret-color: transparent;
+}
 .v-autocomplete--single.v-text-field input {
   flex: 1 1;
   position: absolute;
@@ -69,17 +62,25 @@
   padding-inline-start: inherit;
   padding-inline-end: inherit;
 }
+.v-autocomplete--single .v-field--variant-outlined input {
+  top: 50%;
+  transform: translateY(calc(-50% - (var(--v-input-chips-margin-top) + var(--v-input-chips-margin-bottom)) / 2));
+}
 .v-autocomplete--single .v-field--active input {
   transition: none;
 }
 .v-autocomplete--single .v-field--dirty:not(.v-field--focused) input {
   opacity: 0;
 }
-.v-autocomplete--single .v-field--focused .v-autocomplete__selection-text {
+.v-autocomplete--single .v-field--focused .v-autocomplete__selection {
   opacity: 0;
 }
-.v-autocomplete--selection-slot.v-text-field input {
-  position: relative;
-  padding-inline-start: 0;
+.v-autocomplete__menu-icon {
+  margin-inline-start: 4px;
+  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.v-autocomplete--active-menu .v-autocomplete__menu-icon {
+  opacity: var(--v-high-emphasis-opacity);
+  transform: rotate(180deg);
 }
 

package/dist/bundles/omnia.fx.ux.richtexteditor.component_7474e750-42e3-47b4-821b-bafdb1cb4ee0.css

@@ -5,8 +5,10 @@
 .ProseMirror {
   word-wrap: break-word;
   white-space: pre-wrap;
+  white-space: break-spaces;
   -webkit-font-variant-ligatures: none;
   font-variant-ligatures: none;
+  font-feature-settings: "liga" 0; /* the above doesn't seem to work in Edge */
 }
 
 .ProseMirror pre {
@@ -40,6 +42,14 @@ li.ProseMirror-selectednode:after {
   pointer-events: none;
 }
 
+/* Protect against generic img rules */
+
+img.ProseMirror-separator {
+  display: inline !important;
+  border: none !important;
+  margin: 0 !important;
+}
+
 .ProseMirror-gapcursor {
   display: none;
   pointer-events: none;

package/dist/bundles/omnia.fx.ux.vuetify.alert_c1e2b0f0-2f26-4ae9-b703-1347533c267d.css

@@ -151,7 +151,7 @@
 .v-alert__append,
 .v-alert__close {
   align-self: flex-start;
-  margin-inline-start: 90px;
+  margin-inline-start: 16px;
 }
 
 .v-alert__append {

package/dist/bundles/omnia.fx.ux.vuetify.bottomnav_2da93f43-df97-43bb-942c-01fa7bbf2898.css

@@ -48,6 +48,7 @@
   flex-grow: 1;
 }
 .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
+  transition: inherit;
   opacity: 0;
 }
 .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {

package/dist/bundles/omnia.fx.ux.vuetify.breadcrumbs_e485693c-04ad-4085-a38a-1dd720269ed4.css

@@ -39,6 +39,10 @@
   opacity: var(--v-disabled-opacity);
   pointer-events: none;
 }
+.v-breadcrumbs-item--link {
+  color: inherit;
+  text-decoration: none;
+}
 .v-breadcrumbs-item--link:hover {
   text-decoration: underline;
 }

package/dist/bundles/omnia.fx.ux.vuetify.chip_6c32c2f0-cce6-4c71-b376-9fb68d0d508e.css

@@ -1,2 +1,426 @@
-[data-omfx] .v-chip:not(.v-chip--outlined).primary, .v-menu__content .v-chip:not(.v-chip--outlined).primary, .v-tooltip__content .v-chip:not(.v-chip--outlined).primary, .v-dialog__content .v-chip:not(.v-chip--outlined).primary,[data-omfx] .v-chip:not(.v-chip--outlined).secondary, .v-menu__content .v-chip:not(.v-chip--outlined).secondary, .v-tooltip__content .v-chip:not(.v-chip--outlined).secondary, .v-dialog__content .v-chip:not(.v-chip--outlined).secondary,[data-omfx] .v-chip:not(.v-chip--outlined).accent, .v-menu__content .v-chip:not(.v-chip--outlined).accent, .v-tooltip__content .v-chip:not(.v-chip--outlined).accent, .v-dialog__content .v-chip:not(.v-chip--outlined).accent,[data-omfx] .v-chip:not(.v-chip--outlined).success, .v-menu__content .v-chip:not(.v-chip--outlined).success, .v-tooltip__content .v-chip:not(.v-chip--outlined).success, .v-dialog__content .v-chip:not(.v-chip--outlined).success,[data-omfx] .v-chip:not(.v-chip--outlined).error, .v-menu__content .v-chip:not(.v-chip--outlined).error, .v-tooltip__content .v-chip:not(.v-chip--outlined).error, .v-dialog__content .v-chip:not(.v-chip--outlined).error,[data-omfx] .v-chip:not(.v-chip--outlined).warning, .v-menu__content .v-chip:not(.v-chip--outlined).warning, .v-tooltip__content .v-chip:not(.v-chip--outlined).warning, .v-dialog__content .v-chip:not(.v-chip--outlined).warning,[data-omfx] .v-chip:not(.v-chip--outlined).info, .v-menu__content .v-chip:not(.v-chip--outlined).info, .v-tooltip__content .v-chip:not(.v-chip--outlined).info, .v-dialog__content .v-chip:not(.v-chip--outlined).info{color:#fff}html .theme--light.v-chip{border-color:rgba(0,0,0,.12);color:rgba(0,0,0,.87)}html .theme--light.v-chip:not(.v-chip--active){background:#e0e0e0}html .theme--light.v-chip:hover::before{opacity:.04}html .theme--light.v-chip:focus::before{opacity:.12}html .theme--light.v-chip--active:hover::before,html .theme--light.v-chip--active::before{opacity:.12}html .theme--light.v-chip--active:focus::before{opacity:.16}html .theme--dark.v-chip{border-color:rgba(255,255,255,.12);color:#fff}html .theme--dark.v-chip:not(.v-chip--active){background:#555}html .theme--dark.v-chip:hover::before{opacity:.08}html .theme--dark.v-chip:focus::before{opacity:.24}html .theme--dark.v-chip--active:hover::before,html .theme--dark.v-chip--active::before{opacity:.24}html .theme--dark.v-chip--active:focus::before{opacity:.32}[data-omfx] .v-chip, .v-menu__content .v-chip, .v-tooltip__content .v-chip, .v-dialog__content .v-chip{align-items:center;cursor:default;display:inline-flex;line-height:20px;max-width:100%;outline:none;overflow:hidden;padding:0 12px;position:relative;text-decoration:none;transition-duration:.28s;transition-property:box-shadow,opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);vertical-align:middle;white-space:nowrap}[data-omfx] .v-chip:before, .v-menu__content .v-chip:before, .v-tooltip__content .v-chip:before, .v-dialog__content .v-chip:before{background-color:currentColor;bottom:0;border-radius:inherit;content:"";left:0;opacity:0;position:absolute;pointer-events:none;right:0;top:0}[data-omfx] .v-chip .v-avatar, .v-menu__content .v-chip .v-avatar, .v-tooltip__content .v-chip .v-avatar, .v-dialog__content .v-chip .v-avatar{height:24px !important;min-width:24px !important;width:24px !important}[data-omfx] .v-chip .v-icon, .v-menu__content .v-chip .v-icon, .v-tooltip__content .v-chip .v-icon, .v-dialog__content .v-chip .v-icon{font-size:24px}html .v-application--is-ltr .v-chip .v-avatar--left,html .v-application--is-ltr .v-chip .v-icon--left{margin-left:-6px;margin-right:6px}html .v-application--is-ltr .v-chip .v-avatar--right,html .v-application--is-ltr .v-chip .v-icon--right{margin-left:6px;margin-right:-6px}html .v-application--is-rtl .v-chip .v-avatar--left,html .v-application--is-rtl .v-chip .v-icon--left{margin-left:6px;margin-right:-6px}html .v-application--is-rtl .v-chip .v-avatar--right,html .v-application--is-rtl .v-chip .v-icon--right{margin-left:-6px;margin-right:6px}[data-omfx] .v-chip:not(.v-chip--no-color) .v-icon, .v-menu__content .v-chip:not(.v-chip--no-color) .v-icon, .v-tooltip__content .v-chip:not(.v-chip--no-color) .v-icon, .v-dialog__content .v-chip:not(.v-chip--no-color) .v-icon{color:inherit}[data-omfx] .v-chip .v-chip__close.v-icon, .v-menu__content .v-chip .v-chip__close.v-icon, .v-tooltip__content .v-chip .v-chip__close.v-icon, .v-dialog__content .v-chip .v-chip__close.v-icon{font-size:18px;max-height:18px;max-width:18px;-webkit-user-select:none;-ms-user-select:none;user-select:none}html .v-application--is-ltr .v-chip .v-chip__close.v-icon.v-icon--right{margin-right:-4px}html .v-application--is-rtl .v-chip .v-chip__close.v-icon.v-icon--right{margin-left:-4px}[data-omfx] .v-chip .v-chip__close.v-icon:hover, .v-menu__content .v-chip .v-chip__close.v-icon:hover, .v-tooltip__content .v-chip .v-chip__close.v-icon:hover, .v-dialog__content .v-chip .v-chip__close.v-icon:hover,[data-omfx] .v-chip .v-chip__close.v-icon:focus, .v-menu__content .v-chip .v-chip__close.v-icon:focus, .v-tooltip__content .v-chip .v-chip__close.v-icon:focus, .v-dialog__content .v-chip .v-chip__close.v-icon:focus,[data-omfx] .v-chip .v-chip__close.v-icon:active, .v-menu__content .v-chip .v-chip__close.v-icon:active, .v-tooltip__content .v-chip .v-chip__close.v-icon:active, .v-dialog__content .v-chip .v-chip__close.v-icon:active{opacity:.72}[data-omfx] .v-chip .v-chip__content, .v-menu__content .v-chip .v-chip__content, .v-tooltip__content .v-chip .v-chip__content, .v-dialog__content .v-chip .v-chip__content{align-items:center;display:inline-flex;height:100%;max-width:100%}[data-omfx] .v-chip--active .v-icon, .v-menu__content .v-chip--active .v-icon, .v-tooltip__content .v-chip--active .v-icon, .v-dialog__content .v-chip--active .v-icon{color:inherit}[data-omfx] .v-chip--link::before, .v-menu__content .v-chip--link::before, .v-tooltip__content .v-chip--link::before, .v-dialog__content .v-chip--link::before{transition:opacity .3s cubic-bezier(0.25, 0.8, 0.5, 1)}[data-omfx] .v-chip--link:focus::before, .v-menu__content .v-chip--link:focus::before, .v-tooltip__content .v-chip--link:focus::before, .v-dialog__content .v-chip--link:focus::before{opacity:.32}[data-omfx] .v-chip--clickable, .v-menu__content .v-chip--clickable, .v-tooltip__content .v-chip--clickable, .v-dialog__content .v-chip--clickable{cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}[data-omfx] .v-chip--clickable:active, .v-menu__content .v-chip--clickable:active, .v-tooltip__content .v-chip--clickable:active, .v-dialog__content .v-chip--clickable:active{box-shadow:0px 3px 1px -2px rgba(0,0,0,.2),0px 2px 2px 0px rgba(0,0,0,.14),0px 1px 5px 0px rgba(0,0,0,.12)}[data-omfx] .v-chip--disabled, .v-menu__content .v-chip--disabled, .v-tooltip__content .v-chip--disabled, .v-dialog__content .v-chip--disabled{opacity:.4;pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}[data-omfx] .v-chip__filter, .v-menu__content .v-chip__filter, .v-tooltip__content .v-chip__filter, .v-dialog__content .v-chip__filter{max-width:24px}[data-omfx] .v-chip__filter.v-icon, .v-menu__content .v-chip__filter.v-icon, .v-tooltip__content .v-chip__filter.v-icon, .v-dialog__content .v-chip__filter.v-icon{color:inherit}[data-omfx] .v-chip__filter.expand-x-transition-leave-active, .v-menu__content .v-chip__filter.expand-x-transition-leave-active, .v-tooltip__content .v-chip__filter.expand-x-transition-leave-active, .v-dialog__content .v-chip__filter.expand-x-transition-leave-active,[data-omfx] .v-chip__filter.expand-x-transition-enter, .v-menu__content .v-chip__filter.expand-x-transition-enter, .v-tooltip__content .v-chip__filter.expand-x-transition-enter, .v-dialog__content .v-chip__filter.expand-x-transition-enter{margin:0}[data-omfx] .v-chip--pill .v-chip__filter, .v-menu__content .v-chip--pill .v-chip__filter, .v-tooltip__content .v-chip--pill .v-chip__filter, .v-dialog__content .v-chip--pill .v-chip__filter{margin:0 16px 0 0}[data-omfx] .v-chip--pill .v-avatar, .v-menu__content .v-chip--pill .v-avatar, .v-tooltip__content .v-chip--pill .v-avatar, .v-dialog__content .v-chip--pill .v-avatar{height:32px !important;width:32px !important}html .v-application--is-ltr .v-chip--pill .v-avatar--left{margin-left:-12px}html .v-application--is-ltr .v-chip--pill .v-avatar--right{margin-right:-12px}html .v-application--is-rtl .v-chip--pill .v-avatar--left{margin-right:-12px}html .v-application--is-rtl .v-chip--pill .v-avatar--right{margin-left:-12px}[data-omfx] .v-chip--label, .v-menu__content .v-chip--label, .v-tooltip__content .v-chip--label, .v-dialog__content .v-chip--label{border-radius:4px !important}[data-omfx] .v-chip.v-chip--outlined, .v-menu__content .v-chip.v-chip--outlined, .v-tooltip__content .v-chip.v-chip--outlined, .v-dialog__content .v-chip.v-chip--outlined{border-width:thin;border-style:solid}[data-omfx] .v-chip.v-chip--outlined.v-chip--active:before, .v-menu__content .v-chip.v-chip--outlined.v-chip--active:before, .v-tooltip__content .v-chip.v-chip--outlined.v-chip--active:before, .v-dialog__content .v-chip.v-chip--outlined.v-chip--active:before{opacity:.08}[data-omfx] .v-chip.v-chip--outlined .v-icon, .v-menu__content .v-chip.v-chip--outlined .v-icon, .v-tooltip__content .v-chip.v-chip--outlined .v-icon, .v-dialog__content .v-chip.v-chip--outlined .v-icon{color:inherit}[data-omfx] .v-chip.v-chip--outlined.v-chip.v-chip, .v-menu__content .v-chip.v-chip--outlined.v-chip.v-chip, .v-tooltip__content .v-chip.v-chip--outlined.v-chip.v-chip, .v-dialog__content .v-chip.v-chip--outlined.v-chip.v-chip{background-color:transparent !important}[data-omfx] .v-chip.v-chip--selected, .v-menu__content .v-chip.v-chip--selected, .v-tooltip__content .v-chip.v-chip--selected, .v-dialog__content .v-chip.v-chip--selected{background:transparent}[data-omfx] .v-chip.v-chip--selected:after, .v-menu__content .v-chip.v-chip--selected:after, .v-tooltip__content .v-chip.v-chip--selected:after, .v-dialog__content .v-chip.v-chip--selected:after{opacity:.28}[data-omfx] .v-chip.v-size--x-small, .v-menu__content .v-chip.v-size--x-small, .v-tooltip__content .v-chip.v-size--x-small, .v-dialog__content .v-chip.v-size--x-small{border-radius:8px;font-size:10px;height:16px}[data-omfx] .v-chip.v-size--small, .v-menu__content .v-chip.v-size--small, .v-tooltip__content .v-chip.v-size--small, .v-dialog__content .v-chip.v-size--small{border-radius:12px;font-size:12px;height:24px}[data-omfx] .v-chip.v-size--default, .v-menu__content .v-chip.v-size--default, .v-tooltip__content .v-chip.v-size--default, .v-dialog__content .v-chip.v-size--default{border-radius:16px;font-size:14px;height:32px}[data-omfx] .v-chip.v-size--large, .v-menu__content .v-chip.v-size--large, .v-tooltip__content .v-chip.v-size--large, .v-dialog__content .v-chip.v-size--large{border-radius:27px;font-size:16px;height:54px}[data-omfx] .v-chip.v-size--x-large, .v-menu__content .v-chip.v-size--x-large, .v-tooltip__content .v-chip.v-size--x-large, .v-dialog__content .v-chip.v-size--x-large{border-radius:33px;font-size:18px;height:66px}
+.v-chip {
+  align-items: center;
+  cursor: default;
+  display: inline-flex;
+  font-weight: 400;
+  max-width: 100%;
+  min-width: 0;
+  overflow: hidden;
+  position: relative;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
+  border-style: solid;
+  border-width: 0;
+  border-radius: 9999px;
+}
+.v-chip.v-chip--size-x-small {
+  --v-chip-size: 0.625rem;
+  --v-chip-height: 18px;
+  font-size: 0.625rem;
+  padding: 0 7px;
+}
+.v-chip.v-chip--size-x-small .v-avatar {
+  --v-avatar-height: 12px;
+}
+.v-chip--pill.v-chip.v-chip--size-x-small .v-avatar {
+  --v-avatar-height: 18px;
+}
+
+.v-chip.v-chip--size-x-small .v-avatar--start {
+  margin-inline-start: -4.9px;
+  margin-inline-end: 3.5px;
+}
+.v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--start {
+  margin-inline-start: -7px;
+}
+
+.v-chip.v-chip--size-x-small .v-avatar--end {
+  margin-inline-start: 3.5px;
+  margin-inline-end: -4.9px;
+}
+.v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end {
+  margin-inline-end: -7px;
+}
+
+.v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close {
+  margin-inline-start: 10.5px;
+}
+
+.v-chip.v-chip--size-x-small .v-icon--start,
+.v-chip.v-chip--size-x-small .v-chip__filter {
+  margin-inline-start: -3.5px;
+  margin-inline-end: 3.5px;
+}
+.v-chip.v-chip--size-x-small .v-icon--end,
+.v-chip.v-chip--size-x-small .v-chip__close {
+  margin-inline-start: 3.5px;
+  margin-inline-end: -3.5px;
+}
+.v-chip.v-chip--size-x-small .v-icon--end + .v-chip__close,
+.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close,
+.v-chip.v-chip--size-x-small .v-chip__append + .v-chip__close {
+  margin-inline-start: 7px;
+}
+
+.v-chip.v-chip--size-small {
+  --v-chip-size: 0.75rem;
+  --v-chip-height: 24px;
+  font-size: 0.75rem;
+  padding: 0 9px;
+}
+.v-chip.v-chip--size-small .v-avatar {
+  --v-avatar-height: 18px;
+}
+.v-chip--pill.v-chip.v-chip--size-small .v-avatar {
+  --v-avatar-height: 24px;
+}
+
+.v-chip.v-chip--size-small .v-avatar--start {
+  margin-inline-start: -6.3px;
+  margin-inline-end: 4.5px;
+}
+.v-chip--pill.v-chip.v-chip--size-small .v-avatar--start {
+  margin-inline-start: -9px;
+}
+
+.v-chip.v-chip--size-small .v-avatar--end {
+  margin-inline-start: 4.5px;
+  margin-inline-end: -6.3px;
+}
+.v-chip--pill.v-chip.v-chip--size-small .v-avatar--end {
+  margin-inline-end: -9px;
+}
+
+.v-chip--pill.v-chip.v-chip--size-small .v-avatar--end + .v-chip__close {
+  margin-inline-start: 13.5px;
+}
+
+.v-chip.v-chip--size-small .v-icon--start,
+.v-chip.v-chip--size-small .v-chip__filter {
+  margin-inline-start: -4.5px;
+  margin-inline-end: 4.5px;
+}
+.v-chip.v-chip--size-small .v-icon--end,
+.v-chip.v-chip--size-small .v-chip__close {
+  margin-inline-start: 4.5px;
+  margin-inline-end: -4.5px;
+}
+.v-chip.v-chip--size-small .v-icon--end + .v-chip__close,
+.v-chip.v-chip--size-small .v-avatar--end + .v-chip__close,
+.v-chip.v-chip--size-small .v-chip__append + .v-chip__close {
+  margin-inline-start: 9px;
+}
+
+.v-chip.v-chip--size-default {
+  --v-chip-size: 0.875rem;
+  --v-chip-height: 30px;
+  font-size: 0.875rem;
+  padding: 0 11px;
+}
+.v-chip.v-chip--size-default .v-avatar {
+  --v-avatar-height: 24px;
+}
+.v-chip--pill.v-chip.v-chip--size-default .v-avatar {
+  --v-avatar-height: 30px;
+}
+
+.v-chip.v-chip--size-default .v-avatar--start {
+  margin-inline-start: -7.7px;
+  margin-inline-end: 5.5px;
+}
+.v-chip--pill.v-chip.v-chip--size-default .v-avatar--start {
+  margin-inline-start: -11px;
+}
+
+.v-chip.v-chip--size-default .v-avatar--end {
+  margin-inline-start: 5.5px;
+  margin-inline-end: -7.7px;
+}
+.v-chip--pill.v-chip.v-chip--size-default .v-avatar--end {
+  margin-inline-end: -11px;
+}
+
+.v-chip--pill.v-chip.v-chip--size-default .v-avatar--end + .v-chip__close {
+  margin-inline-start: 16.5px;
+}
+
+.v-chip.v-chip--size-default .v-icon--start,
+.v-chip.v-chip--size-default .v-chip__filter {
+  margin-inline-start: -5.5px;
+  margin-inline-end: 5.5px;
+}
+.v-chip.v-chip--size-default .v-icon--end,
+.v-chip.v-chip--size-default .v-chip__close {
+  margin-inline-start: 5.5px;
+  margin-inline-end: -5.5px;
+}
+.v-chip.v-chip--size-default .v-icon--end + .v-chip__close,
+.v-chip.v-chip--size-default .v-avatar--end + .v-chip__close,
+.v-chip.v-chip--size-default .v-chip__append + .v-chip__close {
+  margin-inline-start: 11px;
+}
+
+.v-chip.v-chip--size-large {
+  --v-chip-size: 1rem;
+  --v-chip-height: 36px;
+  font-size: 1rem;
+  padding: 0 14px;
+}
+.v-chip.v-chip--size-large .v-avatar {
+  --v-avatar-height: 30px;
+}
+.v-chip--pill.v-chip.v-chip--size-large .v-avatar {
+  --v-avatar-height: 36px;
+}
+
+.v-chip.v-chip--size-large .v-avatar--start {
+  margin-inline-start: -9.8px;
+  margin-inline-end: 7px;
+}
+.v-chip--pill.v-chip.v-chip--size-large .v-avatar--start {
+  margin-inline-start: -14px;
+}
+
+.v-chip.v-chip--size-large .v-avatar--end {
+  margin-inline-start: 7px;
+  margin-inline-end: -9.8px;
+}
+.v-chip--pill.v-chip.v-chip--size-large .v-avatar--end {
+  margin-inline-end: -14px;
+}
+
+.v-chip--pill.v-chip.v-chip--size-large .v-avatar--end + .v-chip__close {
+  margin-inline-start: 21px;
+}
+
+.v-chip.v-chip--size-large .v-icon--start,
+.v-chip.v-chip--size-large .v-chip__filter {
+  margin-inline-start: -7px;
+  margin-inline-end: 7px;
+}
+.v-chip.v-chip--size-large .v-icon--end,
+.v-chip.v-chip--size-large .v-chip__close {
+  margin-inline-start: 7px;
+  margin-inline-end: -7px;
+}
+.v-chip.v-chip--size-large .v-icon--end + .v-chip__close,
+.v-chip.v-chip--size-large .v-avatar--end + .v-chip__close,
+.v-chip.v-chip--size-large .v-chip__append + .v-chip__close {
+  margin-inline-start: 14px;
+}
+
+.v-chip.v-chip--size-x-large {
+  --v-chip-size: 1.125rem;
+  --v-chip-height: 42px;
+  font-size: 1.125rem;
+  padding: 0 16px;
+}
+.v-chip.v-chip--size-x-large .v-avatar {
+  --v-avatar-height: 36px;
+}
+.v-chip--pill.v-chip.v-chip--size-x-large .v-avatar {
+  --v-avatar-height: 42px;
+}
+
+.v-chip.v-chip--size-x-large .v-avatar--start {
+  margin-inline-start: -11.2px;
+  margin-inline-end: 8px;
+}
+.v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--start {
+  margin-inline-start: -16px;
+}
+
+.v-chip.v-chip--size-x-large .v-avatar--end {
+  margin-inline-start: 8px;
+  margin-inline-end: -11.2px;
+}
+.v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end {
+  margin-inline-end: -16px;
+}
+
+.v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close {
+  margin-inline-start: 24px;
+}
+
+.v-chip.v-chip--size-x-large .v-icon--start,
+.v-chip.v-chip--size-x-large .v-chip__filter {
+  margin-inline-start: -8px;
+  margin-inline-end: 8px;
+}
+.v-chip.v-chip--size-x-large .v-icon--end,
+.v-chip.v-chip--size-x-large .v-chip__close {
+  margin-inline-start: 8px;
+  margin-inline-end: -8px;
+}
+.v-chip.v-chip--size-x-large .v-icon--end + .v-chip__close,
+.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close,
+.v-chip.v-chip--size-x-large .v-chip__append + .v-chip__close {
+  margin-inline-start: 16px;
+}
+
+.v-chip.v-chip--density-default {
+  height: calc(var(--v-chip-height) + 0px);
+}
+
+.v-chip.v-chip--density-comfortable {
+  height: calc(var(--v-chip-height) + -8px);
+}
+
+.v-chip.v-chip--density-compact {
+  height: calc(var(--v-chip-height) + -12px);
+}
+
+.v-chip:hover > .v-chip__overlay {
+  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
+}
+.v-chip:focus-visible > .v-chip__overlay {
+  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
+}
+@supports not selector(:focus-visible) {
+  .v-chip:focus > .v-chip__overlay {
+    opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
+  }
+}
+.v-chip--active > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true] > .v-chip__overlay {
+  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
+}
+.v-chip--active:hover > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:hover > .v-chip__overlay {
+  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
+}
+.v-chip--active:focus-visible > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-chip__overlay {
+  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
+}
+@supports not selector(:focus-visible) {
+  .v-chip--active:focus > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus > .v-chip__overlay {
+    opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
+  }
+}
+.v-chip--variant-plain, .v-chip--variant-outlined, .v-chip--variant-text, .v-chip--variant-tonal {
+  background: transparent;
+  color: inherit;
+}
+.v-chip--variant-plain {
+  opacity: 0.26;
+}
+.v-chip--variant-plain:focus, .v-chip--variant-plain:hover {
+  opacity: 1;
+}
+.v-chip--variant-plain .v-chip__overlay {
+  display: none;
+}
+.v-chip--variant-elevated, .v-chip--variant-flat {
+  background: rgb(var(--v-theme-surface-variant));
+  color: rgb(var(--v-theme-on-surface-variant));
+}
+.v-chip--variant-elevated {
+  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));
+}
+.v-chip--variant-flat {
+  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));
+}
+.v-chip--variant-outlined {
+  border: thin solid currentColor;
+}
+.v-chip--variant-text .v-chip__overlay {
+  background: currentColor;
+}
+.v-chip--variant-tonal .v-chip__underlay {
+  background: currentColor;
+  opacity: var(--v-activated-opacity);
+  border-radius: inherit;
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  pointer-events: none;
+}
+.v-chip--border {
+  border-width: thin;
+}
+.v-chip--link {
+  cursor: pointer;
+}
+.v-chip--filter {
+  user-select: none;
+}
+.v-chip--label {
+  border-radius: 4px;
+}
+
+.v-chip__content {
+  align-items: center;
+  display: inline-flex;
+}
+.v-autocomplete__selection .v-chip__content, .v-combobox__selection .v-chip__content, .v-select__selection .v-chip__content {
+  overflow: hidden;
+}
+
+.v-chip__filter,
+.v-chip__prepend,
+.v-chip__append,
+.v-chip__close {
+  align-items: center;
+  display: inline-flex;
+}
+
+.v-chip__close {
+  cursor: pointer;
+  flex: 0 1 auto;
+  font-size: 18px;
+  max-height: 18px;
+  max-width: 18px;
+  user-select: none;
+}
+.v-chip__close .v-icon {
+  font-size: inherit;
+}
+
+.v-chip__filter {
+  transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.v-chip__overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: currentColor;
+  border-radius: inherit;
+  pointer-events: none;
+  opacity: 0;
+  transition: opacity 0.2s ease-in-out;
+}
+
+.v-chip--disabled {
+  opacity: 0.3;
+  pointer-events: none;
+  user-select: none;
+}
+
+.v-chip--label {
+  border-radius: 4px;
+}
+.v-chip-group {
+  display: flex;
+  max-width: 100%;
+  min-width: 0;
+  overflow-x: auto;
+  padding: 4px 0;
+  flex-wrap: wrap;
+}
+.v-chip-group .v-chip {
+  margin: 4px 8px 4px 0;
+}
+.v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
+  opacity: var(--v-activated-opacity);
+}
+
+.v-chip-group--column {
+  flex-wrap: wrap;
+  white-space: normal;
+}