.demo-chip{z-index:60;border:1px solid var(--border);background:var(--surface-raised);box-shadow:var(--shadow);color:var(--muted);font:inherit;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:6px 8px 6px 12px;font-size:12px;line-height:1;display:flex;position:fixed;inset-block-end:calc(var(--statusbar-height,76px) + env(safe-area-inset-bottom,0px) + 12px);inset-inline-start:calc(env(safe-area-inset-left,0px) + 12px)}.demo-chip b{color:var(--text);font-weight:600}.demo-chip button{color:var(--faint);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;line-height:1}.demo-chip button:hover{color:var(--text)}.demo-chip .demo-chip-reset{background:var(--surface-sunken);border-radius:999px;padding:4px 8px}.demo-chip .demo-chip-close{border-radius:50%;place-items:center;width:20px;height:20px;font-size:14px;display:grid}.demo-chip .demo-chip-close:hover{background:var(--surface-sunken)}@media (width<=860px){.demo-chip .demo-chip-note,.demo-chip[data-hidden]{display:none}}