|
|
| Строка 1: |
Строка 1: |
| .chem-wrap{display:flex;flex-direction:column;gap:12px}
| | |
| .chem-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:#171717;color:#ddd;padding:8px 10px;border-radius:12px}
| |
| .chem-input{padding:6px 10px;border:1px solid #333;border-radius:10px;background:#0f0f0f;color:#eee}
| |
| .chem-pill{display:inline-block;padding:6px 10px;border-radius:999px;background:#232323;border:1px solid #333;cursor:pointer;user-select:none}
| |
| .chem-pill[aria-pressed="true"]{outline:2px solid #555}
| |
| .chem-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
| |
| .chem-card{background:#111;border:1px solid #2a2a2a;border-radius:14px;padding:10px;color:#e8e8e8}
| |
| .chem-card h3{margin:0 0 6px 0;font-size:16px}
| |
| .chem-meta{font-size:12px;color:#bdbdbd;margin-bottom:6px}
| |
| .chem-badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
| |
| .chem-badge{padding:2px 6px;border-radius:8px;border:1px solid #303030;background:#191919;font-size:12px}
| |
| .chem-table{width:100%;border-collapse:collapse;margin-top:6px}
| |
| .chem-table th,.chem-table td{border:1px solid #2a2a2a;padding:6px;text-align:left}
| |
| .chem-table th{background:#151515}
| |
| .chem-empty{color:#aaa;padding:8px}
| |
| .chem-btn{display:inline-block;padding:6px 10px;border-radius:10px;border:1px solid #333;background:#1a1a1a;cursor:pointer}
| |
