.echo-tag{max-width:100%;box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--echo-space-3);padding-block:var(--echo-space-2);padding-inline:var(--echo-space-5) var(--echo-space-3);border-radius:var(--echo-radius-md);font-family:var(--echo-font-machine,ui-sans-serif,system-ui,sans-serif);font-size:var(--echo-text-xs);line-height:var(--echo-leading-none,1);color:var(--echo-text);background:linear-gradient(180deg,var(--echo-cap) 0,var(--echo-cap-shadow) 100%);box-shadow:inset 0 1px 0 rgb(255 255 255/calc(.22 * var(--echo-gloss, 1))),0 0 0 var(--echo-line-width,0) var(--echo-line,transparent),0 calc(1px + 3px * var(--lift, 0) - 1px * var(--press, 0)) calc(3px + 6px * var(--lift, 0) - 2px * var(--press, 0)) color-mix(in oklab,var(--echo-cast-ink,black) calc(.45 * var(--echo-shade, 1) * 100%),transparent)}.echo-tag:not(:has(.echo-tag__remove)){padding-inline-end:var(--echo-space-5)}.echo-tag__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.echo-tag__remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:0;border-radius:var(--echo-radius-sm);cursor:pointer;color:var(--echo-text-dim);background:transparent;transition:color var(--echo-duration-tick) ease,background var(--echo-duration-tick) ease}.echo-tag__remove svg{width:var(--echo-icon-xs,12px);height:var(--echo-icon-xs,12px)}@media (hover:hover){.echo-tag__remove:hover{color:var(--echo-text);background:color-mix(in oklab,var(--echo-cast-ink,black) calc(.28 * var(--echo-shade, 1) * 100%),transparent)}}.echo-tag__remove:active{transform:translateY(1px)}.echo-tag__remove:focus-visible{outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 2px var(--echo-cap),0 0 0 4px var(--echo-accent-ink,var(--echo-accent-glow))}@media (prefers-reduced-motion:reduce){.echo-tag__remove{transition:none}.echo-tag__remove:active{transform:none}}.echo-tag__remove{position:relative;--echo-hit-area:24px}.echo-tag__remove:after{content:"";position:absolute;top:50%;left:50%;width:max(100%,24px);height:max(100%,24px);transform:translate(-50%,-50%)}@media (pointer:coarse){.echo-tag__remove{--echo-hit-area:44px}.echo-tag__remove:after{width:max(100%,44px);height:max(100%,44px)}}