.ring-chip{flex:none;margin-inline:5px;display:inline-flex;position:relative}.ring-chip .chip[aria-pressed=true]{box-shadow:none;color:var(--ink);background:0 0;border-color:#0000}.ring-chip svg{pointer-events:none;width:110%;height:116%;position:absolute;top:-8%;left:-5%;overflow:visible}.ring-chip path{fill:none;stroke:var(--terra);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .55s cubic-bezier(.5,0,.2,1)}.ring-chip.on path{stroke-dashoffset:0}@media (prefers-reduced-motion:reduce){.ring-chip path{transition:none}}.ring-chip .chip[aria-pressed=false]{background:var(--soft);border-color:#0000}