Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.
- Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
- Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
- Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
- Opera: Нажмите Ctrl+F5.
.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}