.ratio-cells{display:flex;flex-wrap:wrap;gap:.3rem;margin:.5rem 0 1rem}.ratio-cells span{display:grid;place-items:center;width:1.7rem;height:1.7rem;border:2px solid;font-size:.8rem;font-weight:700}.ratio-cells .red{color:#8c2828;background:repeating-linear-gradient(45deg,#fff8f2,#fff8f2 4px,#f7ded5 0,#f7ded5 6px)}.ratio-cells .blue{color:#174969;background:#e4f0f6;border-radius:50%}.ratio-hundred{display:grid;grid-template-columns:repeat(10,1fr);gap:2px;max-width:20rem;margin:1rem auto}.ratio-hundred span{aspect-ratio:1;border:1px solid}.ratio-hundred .filled{background:repeating-linear-gradient(45deg,#315875,#315875 3px,#dce9ef 0,#dce9ef 5px)}.ratio-bundles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.ratio-bundles section{min-width:0}.ratio-table{width:100%;border-collapse:collapse;font-size:.85em}.ratio-table td,.ratio-table th{padding:.4rem;border:1px solid;overflow-wrap:anywhere}.ratio-table [data-selected=true]{background:#e5eaf0;font-weight:700}.qt-board svg{max-width:100%;height:auto}.qt-board select{max-width:100%;min-height:46px;font:inherit;background:var(--paper,#fffaf2);color:inherit;border:1px solid;padding:.35rem}.qt-board label{min-width:0}@media(max-width:500px){.ratio-bundles{grid-template-columns:1fr}}@media print{.ratio-hundred .filled{-webkit-print-color-adjust:exact;print-color-adjust:exact}.ratio-table [data-selected=true]{background:none}}