/* osir.co.uk: RAID Calculator */
.rd-bar { display: flex; height: 30px; margin-top: 16px; border-radius: 9px; overflow: hidden; border: 1px solid var(--border-strong); background: var(--surface-2); }
.rd-seg { display: grid; place-items: center; min-width: 2px; font-size: 12px; font-weight: 750; color: #fff; white-space: nowrap; overflow: hidden; }
.rd-data { background: #2563eb; }
.rd-fs { background: #64748b; }
.rd-par { background: #d97706; }
.rd-un { background: repeating-linear-gradient(45deg, #9ca3af 0 6px, #d1d5db 6px 12px); color: #111827; }
:root[data-theme="dark"] .rd-data { background: #3b82f6; }
:root[data-theme="dark"] .rd-un { background: repeating-linear-gradient(45deg, #4b5563 0 6px, #374151 6px 12px); color: #f3f4f6; }
.rd-legend { list-style: none; padding: 0; margin: 10px 0 0; display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 13.5px; color: var(--text-2); }
.rd-legend li { display: flex; align-items: center; gap: 6px; }
.rd-key { display: inline-block; width: 14px; height: 14px; border-radius: 4px; flex: none; }
.rd-h3 { margin-top: 18px; font-size: 15px; font-weight: 750; }
.rd-ure { display: grid; gap: 8px; margin-top: 10px; font-size: 14.5px; color: var(--text-2); }
.rd-ure p { margin: 0; }
.rd-perf-bar { display: block; width: 100%; min-width: 60px; height: 10px; margin-top: 5px; border-radius: 4px; background: var(--surface-2); overflow: hidden; }
.rd-perf-bar i { display: block; height: 100%; min-width: 2px; background: var(--brand-1); border-radius: 0 4px 4px 0; }
.rd-pick { border: 0; background: none; padding: 0; font: inherit; font-weight: 700; color: var(--brand-1); cursor: pointer; text-align: left; }
.rd-pick:hover { text-decoration: underline; }