.cf code,.cf .mono{font-family:var(--m)}.cftab{flex:none;font:600 1rem var(--d);letter-spacing:.01em;background:var(--line);color:var(--steel);border:0;padding:12px 20px 10px;cursor:pointer;position:relative;top:3px;border-radius:6px 6px 0 0}.cftab small{display:block;font:500 .72rem var(--m);color:inherit;opacity:.75;letter-spacing:0}.cftab[aria-selected=true]{background:var(--ink);color:#fff;top:0;padding-top:15px}.cftab[aria-selected=true] small{opacity:.6}.swatch{position:relative;text-align:left;background:var(--mat);border:1px solid var(--line);border-radius:4px;padding:18px 16px 14px;cursor:pointer;font:inherit;color:inherit}.swatch::before{content:"";position:absolute;top:10px;left:14px;width:9px;height:9px;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--steel)}.swatch::after{content:"";position:absolute;top:10px;left:23px;width:26px;height:1px;background:var(--steel);opacity:.5}.swatch .code{display:block;font:500 .72rem var(--m);color:var(--brass);text-align:right;margin-bottom:10px}.swatch .nm{display:block;font:700 1.15rem var(--d);line-height:1.1}.swatch .spec{display:block;font:500 .82rem var(--m);color:var(--steel);margin-top:6px}.swatch[aria-pressed=true]{background:var(--ink);border-color:var(--ink)}.swatch[aria-pressed=true] .nm{color:#fff}.swatch[aria-pressed=true] .spec{color:#b8c4d2}.swatch[aria-pressed=true]::before{box-shadow:inset 0 0 0 1.5px #b8c4d2;background:var(--ink)}.swatch[aria-pressed=true]::after{background:#b8c4d2}.swatch:hover{border-color:var(--brass)}.detail .code{font:500 .78rem var(--m);color:var(--brass)}.detail dl{display:grid;grid-template-columns:auto 1fr;gap:5px 18px;margin:.7rem 0 0;max-width:68ch}.detail dt{color:var(--steel);font-size:.95rem}.detail dd{margin:0}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.tags span{font-size:.82rem;background:var(--paper);border:1px solid var(--line);border-radius:3px;padding:2px 9px}