@layer colors,config,root,reboot,layout,content,forms;@layer components{.chip{--cui-chip-height:1.75rem;--cui-chip-padding-x:.625rem;--cui-chip-gap:.3125rem;--cui-chip-font-size:.875rem;--cui-chip-font-weight:var(--cui-font-weight-normal);--cui-chip-border-radius:var(--cui-radius-pill);--cui-chip-img-size:1.25rem;--cui-chip-img-border-radius:50%;--cui-chip-icon-size:1rem;--cui-chip-remove-size:1rem;--cui-chip-remove-opacity:.65;--cui-chip-remove-hover-opacity:1;--cui-chip-disabled-opacity:.65;--cui-chip-active-opacity:.9;--cui-chip-transition:background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, color .15s ease-in-out;--cui-chip-color:var(--cui-fg-body);--cui-chip-bg:var(--cui-bg-2);--cui-chip-border-width:var(--cui-border-width);--cui-chip-border-color:transparent;--cui-chip-active-color:var(--cui-primary-contrast);--cui-chip-active-bg:var(--cui-primary-base);--cui-chip-active-border-color:transparent;--cui-chip-hover-color:var(--cui-fg-body);--cui-chip-hover-bg:var(--cui-bg-3);--cui-chip-hover-border-color:transparent;gap:var(--cui-chip-gap);height:var(--cui-chip-height);padding-inline:var(--cui-chip-padding-x);font-size:var(--cui-chip-font-size);font-weight:var(--cui-chip-font-weight);color:var(--cui-theme-fg-emphasis,var(--cui-chip-color));white-space:nowrap;vertical-align:middle;background-color:var(--cui-theme-bg-subtle,var(--cui-chip-bg));border:var(--cui-chip-border-width) solid var(--cui-chip-border-color);border-radius:var(--cui-chip-border-radius);align-items:center;text-decoration:none;display:inline-flex}@media (prefers-reduced-motion:no-preference){.chip{transition:var(--cui-chip-transition)}}.chip.active{color:var(--cui-theme-contrast,var(--cui-chip-active-color));background-color:var(--cui-theme-bg,var(--cui-chip-active-bg));border-color:var(--cui-chip-active-border-color)}.chip.disabled,.chip:disabled{pointer-events:none;opacity:var(--cui-chip-disabled-opacity)}.chip:focus-visible{outline:var(--cui-focus-ring-width) solid var(--cui-theme-focus-ring,var(--cui-focus-ring-color))}.chip .avatar{--cui-avatar-size:var(--cui-chip-img-size);font-size:inherit}.chip .avatar:first-child{margin-inline-start:-.375rem}.chip-outline{--cui-chip-color:var(--cui-theme-fg,var(--cui-fg-body));--cui-chip-bg:transparent;--cui-chip-border-color:var(--cui-theme-bg,var(--cui-border-color));--cui-chip-hover-bg:var(--cui-theme-bg-subtle,var(--cui-bg-3));--cui-chip-hover-color:var(--cui-theme-fg-emphasis,var(--cui-fg-body));--cui-chip-hover-border-color:var(--cui-theme-bg,var(--cui-border-color));--cui-chip-active-bg:var(--cui-theme-bg,var(--cui-primary-base));--cui-chip-active-color:var(--cui-theme-contrast,var(--cui-primary-contrast));color:var(--cui-chip-color);background-color:var(--cui-chip-bg);border-color:var(--cui-chip-border-color)}.chip-outline.chip-clickable:hover{color:var(--cui-chip-hover-color);background-color:var(--cui-chip-hover-bg);border-color:var(--cui-chip-hover-border-color)}.chip-clickable{cursor:pointer}.chip-clickable:hover{color:var(--cui-theme-fg-emphasis,var(--cui-chip-hover-color));background-color:var(--cui-theme-bg-muted,var(--cui-chip-hover-bg));border-color:var(--cui-chip-hover-border-color)}.chip-clickable.active:hover{color:var(--cui-theme-contrast,var(--cui-chip-active-color));background-color:var(--cui-theme-bg,var(--cui-chip-active-bg));opacity:var(--cui-chip-active-opacity)}.chip-img{width:var(--cui-chip-img-size);height:var(--cui-chip-img-size);border-radius:var(--cui-chip-img-border-radius)}.chip-img:first-child{margin-inline-start:-.375rem}.chip-icon{flex-shrink:0;justify-content:center;align-items:center;margin-inline-start:calc(var(--cui-chip-gap) * -.25);display:flex}.chip-icon>svg{width:var(--cui-chip-icon-size);height:var(--cui-chip-icon-size);display:block}.chip-icon>img{width:var(--cui-chip-icon-size);height:var(--cui-chip-icon-size);object-fit:cover;border-radius:var(--cui-chip-img-border-radius)}.chip-check{flex-shrink:0;justify-content:center;align-items:center;margin-inline-start:calc(var(--cui-chip-gap) * -.25);display:flex}.chip-check>svg{width:var(--cui-chip-icon-size);height:var(--cui-chip-icon-size);display:block}.chip-remove{width:var(--cui-chip-remove-size);height:var(--cui-chip-remove-size);color:inherit;cursor:pointer;opacity:var(--cui-chip-remove-opacity);background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;margin-inline-end:calc(var(--cui-chip-padding-x) * -.25);padding:0;display:flex}@media (prefers-reduced-motion:no-preference){.chip-remove{transition:opacity .15s ease-in-out}}.chip-remove:hover{opacity:var(--cui-chip-remove-hover-opacity)}.chip-remove:focus-visible{outline:var(--cui-focus-ring-width) solid var(--cui-theme-focus-ring,var(--cui-focus-ring-color));opacity:1}.chip-remove>svg{width:var(--cui-chip-remove-size);height:var(--cui-chip-remove-size);display:block}.chip-lg,.chip-input-lg .chip,.form-control-group.form-control-lg .chip{--cui-chip-height:2rem;--cui-chip-padding-x:.75rem;--cui-chip-gap:.375rem;--cui-chip-font-size:1rem;--cui-chip-img-size:1.5rem;--cui-chip-icon-size:1.25rem;--cui-chip-remove-size:1.25rem}.chip-sm,.chip-input-sm .chip,.form-control-group.form-control-sm .chip{--cui-chip-height:1.5rem;--cui-chip-padding-x:.625rem;--cui-chip-gap:.25rem;--cui-chip-font-size:.75rem;--cui-chip-img-size:1rem;--cui-chip-icon-size:.875rem;--cui-chip-remove-size:.875rem}}@layer custom,helpers,utilities;
