.chip-host{display:contents}.chip{--chip-bg: var(--control-bg-secondary-inverse);--chip-bg-hover: var(--control-bg-secondary-inverse-hover);--chip-outline: transparent;--chip-content: var(--control-content-primary);--chip-content-trailing: var(--control-content-secondary);--chip-focus-inset: calc(var(--space-x1) * -1);position:relative;display:inline-flex;align-items:center;gap:var(--space-x1);height:var(--space-x10);padding-block:var(--space-x3);padding-inline:var(--space-x4);box-shadow:inset 0 0 0 1px var(--chip-outline);border-radius:var(--radius-x2);background:var(--chip-bg);color:var(--chip-content);white-space:nowrap;cursor:default;transition:background-color .15s ease,box-shadow .15s ease,color .15s ease}.chip--outline{--chip-bg: transparent;--chip-bg-hover: var(--control-bg-secondary-inverse);--chip-outline: var(--control-border-subtle);--chip-focus-inset: -5px}@media(hover:hover){.chip:has(:enabled):hover{--chip-content-trailing: var(--control-content-primary);background:var(--chip-bg-hover)}}.chip:has(:enabled):active{--chip-content-trailing: var(--control-content-primary);background:var(--chip-bg-hover)}.chip:before{content:"";position:absolute;inset:var(--chip-focus-inset);border:2px solid transparent;border-radius:var(--radius-x3);pointer-events:none}.chip:has(:focus-visible):before{border-color:var(--control-border-focus)}.chip:has(:disabled){--chip-content: var(--control-content-disabled);--chip-content-trailing: var(--control-content-disabled)}.chip__icon{display:inline-flex;flex:none;width:var(--space-x4);height:var(--space-x4)}.chip__icon-svg{width:100%;height:100%}.chip__remove{-webkit-appearance:none;appearance:none;position:relative;display:inline-flex;flex:none;width:var(--space-x4);height:var(--space-x4);padding:0;border:0;background:none;color:var(--chip-content-trailing);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .15s ease}.chip__remove:before{content:"";position:absolute;inset:calc(var(--space-x1) * -1)}.chip__remove:focus-visible{outline:none}.chip__remove:disabled{cursor:not-allowed}.chip__spinner{display:none}action-button[data-loading=true] .chip{background:var(--chip-bg-hover);cursor:wait}action-button[data-loading=true] .chip__remove{cursor:wait}action-button[data-loading=true] .chip__label,action-button[data-loading=true] .chip__icon,action-button[data-loading=true] .chip__remove{opacity:0}action-button[data-loading=true] .chip__spinner{display:block;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:var(--space-x4);height:var(--space-x4);animation:chip-spin .8s linear infinite}@media(prefers-reduced-motion:reduce){.chip,.chip__remove{transition:none}action-button[data-loading=true] .chip__spinner{animation:none}}@keyframes chip-spin{to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/296/assets/rebirth-chip.css.map */