.quick-preview{position:fixed;z-index:120;width:320px;max-width:calc(100vw - 24px);padding:12px;border:1px solid #4c6470;border-radius:10px;background:#202a2f;color:#edf3f5;box-shadow:0 10px 30px #0008;font:600 14px/1.45 Manrope,Arial,sans-serif;overflow-wrap:anywhere;pointer-events:none}
.quick-preview[hidden]{display:none!important}
.quick-preview-heading{display:flex;gap:9px;align-items:center;font-size:15px;line-height:1.3}
.quick-preview-heading strong{font-weight:750}
.quick-preview-heading>img,.quick-preview-heading>.source-icon{flex:none}
.quick-preview p{margin:9px 0 0;font-size:13px;font-weight:500;line-height:1.5;color:#d4dfe5;white-space:pre-line}
.quick-preview small{display:block;font-size:12px;color:#c2ced3;margin:8px 0 5px}
.quick-preview-ingredients{display:flex;flex-wrap:wrap;align-items:start;gap:9px;margin-top:9px}
.quick-preview-ingredient{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:38px}
.quick-preview-ingredient>b{font-size:12px;font-weight:750}
.quick-preview-unknown{display:grid;place-items:center;width:32px;height:32px;border:1px solid #71828c;border-radius:5px;font-weight:750}