.IconPlayground-module__Cf9Xjq__root{--ink:#e9edf5;--soft:#e9edf58c;--line:#ffffff17;--raise:#ffffff0d;box-sizing:border-box;width:100%;max-width:1080px;color:var(--ink);font-family:var(--font-discovery), sans-serif;align-content:start;gap:22px;margin-inline:auto;padding:28px 20px;display:grid}.IconPlayground-module__Cf9Xjq__barOnly{--ink:#e9edf5;--line:#ffffff17;color:var(--ink);font-family:var(--font-discovery), sans-serif;padding:18px 20px}.IconPlayground-module__Cf9Xjq__barOnly[data-theme=light]{--ink:#16202e;--line:#0f1e3c1a}.IconPlayground-module__Cf9Xjq__side{--ink:#e9edf5;--line:#ffffff1a;color:var(--ink)}.IconPlayground-module__Cf9Xjq__side .IconPlayground-module__Cf9Xjq__bar{justify-content:flex-start;gap:10px}.IconPlayground-module__Cf9Xjq__side .IconPlayground-module__Cf9Xjq__swatches{justify-content:flex-start}.IconPlayground-module__Cf9Xjq__root[data-theme=light]{--ink:#16202e;--soft:#16202e8c;--line:#0f1e3c1a;--raise:#0f1e3c0a}.IconPlayground-module__Cf9Xjq__bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 20px;max-width:100%;display:flex}.IconPlayground-module__Cf9Xjq__segment{--pill-bg:var(--ink);--pill-shadow:none;max-width:100%;box-shadow:inset 0 0 0 1px var(--line);border-radius:22px;flex-wrap:wrap;gap:4px;padding:4px;display:flex}.IconPlayground-module__Cf9Xjq__segment[data-wide]{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.IconPlayground-module__Cf9Xjq__segment[data-wide] button{text-align:center;padding-inline:8px}.IconPlayground-module__Cf9Xjq__segment button{white-space:nowrap;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 14px;font-size:13px;transition:background-color .16s,color .16s}.IconPlayground-module__Cf9Xjq__segment button[aria-pressed=true]{background:var(--ink)}:is(.IconPlayground-module__Cf9Xjq__root,.IconPlayground-module__Cf9Xjq__barOnly,.IconPlayground-module__Cf9Xjq__side)[data-theme=dark] .IconPlayground-module__Cf9Xjq__segment button[aria-pressed=true]{color:#0b0e14}:is(.IconPlayground-module__Cf9Xjq__root,.IconPlayground-module__Cf9Xjq__barOnly)[data-theme=light] .IconPlayground-module__Cf9Xjq__segment button[aria-pressed=true]{color:#fff}.IconPlayground-module__Cf9Xjq__swatches{max-width:100%;box-shadow:inset 0 0 0 1px var(--line);border-radius:22px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:6px 10px;display:flex}.IconPlayground-module__Cf9Xjq__swatch,.IconPlayground-module__Cf9Xjq__picker{cursor:pointer;border:0;border-radius:50%;width:22px;height:22px;padding:0;transition:transform .16s ease-out;position:relative}.IconPlayground-module__Cf9Xjq__swatch{background:var(--swatch)}.IconPlayground-module__Cf9Xjq__swatch[style*=currentColor]{background:linear-gradient(135deg, var(--ink) 50%, transparent 50%);box-shadow:inset 0 0 0 1.5px var(--ink)}.IconPlayground-module__Cf9Xjq__swatch[data-gap]{margin-inline-start:9px}.IconPlayground-module__Cf9Xjq__swatch[data-gap]:before{content:"";top:3px;bottom:3px;background:var(--line);width:1px;position:absolute;inset-inline-start:-9px}.IconPlayground-module__Cf9Xjq__swatch:active,.IconPlayground-module__Cf9Xjq__picker:active{transform:scale(.92)}.IconPlayground-module__Cf9Xjq__swatch[aria-pressed=true]:after,.IconPlayground-module__Cf9Xjq__picker[data-on]:after{content:"";box-shadow:0 0 0 1.5px var(--ink);border-radius:50%;position:absolute;inset:-4px}.IconPlayground-module__Cf9Xjq__picker{background:conic-gradient(#f43f5e,#f59e0b,#22c55e,#06b6d4,#6366f1,#d946ef,#f43f5e);display:block}.IconPlayground-module__Cf9Xjq__picker input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.IconPlayground-module__Cf9Xjq__all{height:36px;box-shadow:inset 0 0 0 1px var(--line);color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:13px;transition:box-shadow .16s,transform .16s ease-out;display:inline-flex}.IconPlayground-module__Cf9Xjq__all:hover{box-shadow:inset 0 0 0 1px var(--ink)}.IconPlayground-module__Cf9Xjq__all:active{transform:scale(.97)}.IconPlayground-module__Cf9Xjq__all svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.IconPlayground-module__Cf9Xjq__grid{grid-template-columns:repeat(auto-fill, minmax(var(--tile,96px), 1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.IconPlayground-module__Cf9Xjq__grid[data-surface]{background:var(--play-page);border-radius:24px;padding:12px;transition:background-color .3s}.IconPlayground-module__Cf9Xjq__grid[data-surface] .IconPlayground-module__Cf9Xjq__tile{background:var(--play-card);color:var(--play-text);transition:background-color .3s,color .3s;box-shadow:0 1px 2px #0000000a}.IconPlayground-module__Cf9Xjq__grid[data-surface] .IconPlayground-module__Cf9Xjq__actions button{color:var(--play-text);opacity:.6}.IconPlayground-module__Cf9Xjq__grid[data-solo]{grid-template-columns:minmax(0,300px);justify-content:center}.IconPlayground-module__Cf9Xjq__grid[data-solo] .IconPlayground-module__Cf9Xjq__tile{padding:40px 12px 24px;font-size:13px}.IconPlayground-module__Cf9Xjq__tile{box-shadow:inset 0 0 0 1px var(--line);border-radius:16px;justify-items:center;gap:8px;padding:18px 6px 14px;font-size:12px;transition:background-color .16s;display:grid;position:relative}.IconPlayground-module__Cf9Xjq__tile:hover{background:var(--raise)}.IconPlayground-module__Cf9Xjq__glyph{display:grid}.IconPlayground-module__Cf9Xjq__actions{top:6px;opacity:0;gap:2px;transition:opacity .16s;display:flex;position:absolute;inset-inline-end:6px}.IconPlayground-module__Cf9Xjq__tile:hover .IconPlayground-module__Cf9Xjq__actions,.IconPlayground-module__Cf9Xjq__tile:focus-within .IconPlayground-module__Cf9Xjq__actions{opacity:1}@media (hover:none){.IconPlayground-module__Cf9Xjq__actions{opacity:.7}}.IconPlayground-module__Cf9Xjq__actions button{width:24px;height:24px;color:var(--soft);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;padding:0;transition:background-color .16s,color .16s,transform .16s ease-out;display:grid}.IconPlayground-module__Cf9Xjq__actions button:hover{background:var(--raise);color:var(--ink)}.IconPlayground-module__Cf9Xjq__actions button:active{transform:scale(.94)}.IconPlayground-module__Cf9Xjq__actions svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.IconPlayground-module__Cf9Xjq__side .IconPlayground-module__Cf9Xjq__search{flex:100%}.IconPlayground-module__Cf9Xjq__search{border:1px solid var(--play-line,#ffffff24);min-width:150px;height:36px;color:inherit;font:inherit;background:0 0;border-radius:99px;padding:0 14px;font-size:13px}.IconPlayground-module__Cf9Xjq__search::placeholder{color:inherit;opacity:.5}.IconPlayground-module__Cf9Xjq__search:focus-visible{outline-offset:2px;outline:2px solid}.IconPlayground-module__Cf9Xjq__groups{flex-wrap:wrap;gap:8px;margin:0 0 18px;display:flex}.IconPlayground-module__Cf9Xjq__groups button{border:1px solid var(--play-line,#ffffff24);color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:99px;padding:7px 14px;font-size:13px;transition:background-color .2s,color .2s}.IconPlayground-module__Cf9Xjq__groups button[aria-pressed=true]{color:#0b0c10;background:#eef1f5;border-color:#eef1f5}.IconPlayground-module__Cf9Xjq__root[data-theme=light] .IconPlayground-module__Cf9Xjq__groups button[aria-pressed=true]{color:#f4f5f7;background:#14161b;border-color:#14161b}
.PillIndicator-module__sLwJ9q__pill{z-index:0;background:var(--pill-bg,#ffffff1a);box-shadow:var(--pill-shadow,inset 0 0 0 1px #ffffff0f);opacity:0;pointer-events:none;border-radius:99px;position:absolute;top:0;left:0}.PillIndicator-module__sLwJ9q__pill[data-ready]{transition:transform .42s cubic-bezier(.23,1,.32,1),width .42s cubic-bezier(.23,1,.32,1),height .42s cubic-bezier(.23,1,.32,1),opacity .2s}[data-pill-group]:has(>.PillIndicator-module__sLwJ9q__pill){isolation:isolate;position:relative}[data-pill-group]:has(>.PillIndicator-module__sLwJ9q__pill)>:not(.PillIndicator-module__sLwJ9q__pill){z-index:1;position:relative}[data-pill-group]:has(>.PillIndicator-module__sLwJ9q__pill)>:is([aria-selected=true],[aria-pressed=true]){box-shadow:none!important;background:0 0!important}@media (prefers-reduced-motion:reduce){.PillIndicator-module__sLwJ9q__pill[data-ready]{transition:opacity .2s}}