.color-block{border-top:1px solid #353535;padding-top:18px;margin-top:4px}.color-block>p{font:9px var(--mono);letter-spacing:.1em;margin:0}.colors{display:flex;gap:8px;margin-top:14px}.color{display:flex;align-items:center;gap:9px;min-width:122px;height:45px;padding:0 11px;border:1px solid #454545;background:#151515;color:var(--off);font:10px var(--mono);cursor:pointer;transition:.2s}.color:hover,.color.selected{border-color:var(--off);background:#242424}.swatch{display:block;width:18px;height:18px;border:1px solid #777}.swatch.black{background:#080808}.swatch.graphite{background:#3c3c3c}