.close-chip{--text-ink:rgb(0 0 0/0.7)}html.dark .close-chip:not(.circuit-home *){--text-ink:rgb(255 255 255/0.72)}.close-chip{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"face";place-items:center;width:42px;height:42px;padding:0;overflow:hidden;white-space:nowrap;border:0;color:var(--text-ink);cursor:pointer;filter:blur(var(--ink-soften-line));transition:width .18s cubic-bezier(.33,0,.2,1),background-color .15s ease,color .15s ease,opacity .12s ease}.close-chip,.close-chip.close-chip{border-radius:9999px}.close-chip:focus-visible,.close-chip:hover{width:6.4rem;outline:none}.close-chip>span,.close-chip>svg{grid-area:face;transition:opacity .12s ease}.close-chip>svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.close-chip>span{font-family:var(--font-mono,var(--font-diatype)),ui-monospace,"SF Mono",Menlo,monospace;font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;opacity:0;filter:none}.close-chip:focus-visible>svg,.close-chip:hover>svg{opacity:0;transition-duration:.08s}.close-chip:focus-visible>span,.close-chip:hover>span{opacity:1;transition-delay:.07s}html[data-sheet] .close-chip{opacity:0;pointer-events:none}html[data-sheet] .sheet-root .close-chip{opacity:1;pointer-events:auto}.close-chip.close-chip.is-open{width:-moz-max-content;width:max-content;padding:0 1.1rem}.close-chip.is-open>svg{display:none}.close-chip.is-open>span{opacity:1}