.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}.Cf9Xjq_barOnly{--ink:#e9edf5;--line:#ffffff17;color:var(--ink);font-family:var(--font-discovery), sans-serif;padding:18px 20px}.Cf9Xjq_barOnly[data-theme=light]{--ink:#16202e;--line:#0f1e3c1a}.Cf9Xjq_side{--ink:#e9edf5;--line:#ffffff1a;color:var(--ink)}.Cf9Xjq_side .Cf9Xjq_bar{justify-content:flex-start;gap:10px}.Cf9Xjq_side .Cf9Xjq_swatches{justify-content:flex-start}.Cf9Xjq_root[data-theme=light]{--ink:#16202e;--soft:#16202e8c;--line:#0f1e3c1a;--raise:#0f1e3c0a}.Cf9Xjq_bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 20px;max-width:100%;display:flex}.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}.Cf9Xjq_segment[data-wide]{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.Cf9Xjq_segment[data-wide] button{text-align:center;padding-inline:8px}.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}.Cf9Xjq_segment button[aria-pressed=true]{background:var(--ink)}:is(.Cf9Xjq_root,.Cf9Xjq_barOnly,.Cf9Xjq_side)[data-theme=dark] .Cf9Xjq_segment button[aria-pressed=true]{color:#0b0e14}:is(.Cf9Xjq_root,.Cf9Xjq_barOnly)[data-theme=light] .Cf9Xjq_segment button[aria-pressed=true]{color:#fff}.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}.Cf9Xjq_swatch,.Cf9Xjq_picker{cursor:pointer;border:0;border-radius:50%;width:22px;height:22px;padding:0;transition:transform .16s ease-out;position:relative}.Cf9Xjq_swatch{background:var(--swatch)}.Cf9Xjq_swatch[style*=currentColor]{background:linear-gradient(135deg, var(--ink) 50%, transparent 50%);box-shadow:inset 0 0 0 1.5px var(--ink)}.Cf9Xjq_swatch[data-gap]{margin-inline-start:9px}.Cf9Xjq_swatch[data-gap]:before{content:"";top:3px;bottom:3px;background:var(--line);width:1px;position:absolute;inset-inline-start:-9px}.Cf9Xjq_swatch:active,.Cf9Xjq_picker:active{transform:scale(.92)}.Cf9Xjq_swatch[aria-pressed=true]:after,.Cf9Xjq_picker[data-on]:after{content:"";box-shadow:0 0 0 1.5px var(--ink);border-radius:50%;position:absolute;inset:-4px}.Cf9Xjq_picker{background:conic-gradient(#f43f5e,#f59e0b,#22c55e,#06b6d4,#6366f1,#d946ef,#f43f5e);display:block}.Cf9Xjq_picker input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.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}.Cf9Xjq_all:hover{box-shadow:inset 0 0 0 1px var(--ink)}.Cf9Xjq_all:active{transform:scale(.97)}.Cf9Xjq_all svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.Cf9Xjq_grid{grid-template-columns:repeat(auto-fill, minmax(var(--tile,96px), 1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.Cf9Xjq_grid[data-surface]{background:var(--play-page);border-radius:24px;padding:12px;transition:background-color .3s}.Cf9Xjq_grid[data-surface] .Cf9Xjq_tile{background:var(--play-card);color:var(--play-text);transition:background-color .3s,color .3s;box-shadow:0 1px 2px #0000000a}.Cf9Xjq_grid[data-surface] .Cf9Xjq_actions button{color:var(--play-text);opacity:.6}.Cf9Xjq_grid[data-solo]{grid-template-columns:minmax(0,300px);justify-content:center}.Cf9Xjq_grid[data-solo] .Cf9Xjq_tile{padding:40px 12px 24px;font-size:13px}.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}.Cf9Xjq_tile:hover{background:var(--raise)}.Cf9Xjq_glyph{display:grid}.Cf9Xjq_actions{top:6px;opacity:0;gap:2px;transition:opacity .16s;display:flex;position:absolute;inset-inline-end:6px}.Cf9Xjq_tile:hover .Cf9Xjq_actions,.Cf9Xjq_tile:focus-within .Cf9Xjq_actions{opacity:1}@media (hover:none){.Cf9Xjq_actions{opacity:.7}}.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}.Cf9Xjq_actions button:hover{background:var(--raise);color:var(--ink)}.Cf9Xjq_actions button:active{transform:scale(.94)}.Cf9Xjq_actions svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.Cf9Xjq_side .Cf9Xjq_search{flex:100%}.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}.Cf9Xjq_search::placeholder{color:inherit;opacity:.5}.Cf9Xjq_search:focus-visible{outline-offset:2px;outline:2px solid}.Cf9Xjq_groups{flex-wrap:wrap;gap:8px;margin:0 0 18px;display:flex}.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}.Cf9Xjq_groups button[aria-pressed=true]{color:#0b0c10;background:#eef1f5;border-color:#eef1f5}.Cf9Xjq_root[data-theme=light] .Cf9Xjq_groups button[aria-pressed=true]{color:#f4f5f7;background:#14161b;border-color:#14161b}
.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}.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(>.sLwJ9q_pill){isolation:isolate;position:relative}[data-pill-group]:has(>.sLwJ9q_pill)>:not(.sLwJ9q_pill){z-index:1;position:relative}[data-pill-group]:has(>.sLwJ9q_pill)>:is([aria-selected=true],[aria-pressed=true]){box-shadow:none!important;background:0 0!important}@media (prefers-reduced-motion:reduce){.sLwJ9q_pill[data-ready]{transition:opacity .2s}}