*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--tinta:#14141b;--indigo:#4b4be8;--niebla:#6b6b7b;--lino:#f7f7f4}body,html{height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--tinta);background:var(--lino);-webkit-font-smoothing:antialiased;line-height:1.5}.escala{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:6px;gap:6px}.escala.rpe{grid-template-columns:repeat(11,1fr);gap:4px}.escala input{position:absolute;opacity:0;pointer-events:none}.escala label{display:grid;place-items:center;aspect-ratio:1;min-height:40px;border:1.5px solid #dcdce2;border-radius:10px;background:#fff;font-weight:650;font-size:15px;color:#3a3a44;cursor:pointer;transition:background .08s,border-color .08s,color .08s}.escala.rpe label{font-size:13px;border-radius:8px}.escala label:hover{border-color:#b9b9ff}.escala input:checked+label{background:#4b4be8;border-color:#4b4be8;color:#fff}.escala input:focus-visible+label{outline:2px solid #4b4be8;outline-offset:2px}.escala-puntas{display:flex;justify-content:space-between;font-size:11.5px;color:#9a9aa6;margin-top:5px}