.material-color-tool_component_input__QfZmu{width:100%;padding:.6rem .85rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.95rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;background:#fff}.material-color-tool_component_input__QfZmu:focus{outline:none;border-color:#6366f1}.material-color-tool_component_colorRow__G3_vX{display:flex;gap:.5rem;align-items:center;margin-top:.4rem}.material-color-tool_component_colorRow__G3_vX>input[type=color]{width:50px;height:40px;padding:0;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer}.material-color-tool_component_note__d5DRz{margin-top:1rem;padding:.75rem 1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:.8rem;color:#64748b;line-height:1.5}.material-color-tool_component_roleBlock__uF93C{margin-bottom:1rem}.material-color-tool_component_roleHeader__bWxAI{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.material-color-tool_component_roleName__ueUn7{font-size:.95rem;font-weight:600;color:#0f172a;text-transform:capitalize}.material-color-tool_component_toneRow__b6147{display:grid;grid-template-columns:repeat(13,1fr);gap:2px}@media(max-width:768px){.material-color-tool_component_toneRow__b6147{grid-template-columns:repeat(7,1fr)}}.material-color-tool_component_toneSwatch__sYaKZ{height:50px;border-radius:4px;display:flex;align-items:flex-end;padding:.2rem;font-size:.65rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace}.material-color-tool_component_toneNum__6w_y1{opacity:.9}
/*# sourceMappingURL=e5b9dc1b82274bc8.css.map*/