:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0}#content{position:relative;overflow:hidden}h1{font-size:3.2em;line-height:1.1}.hand-cursor{cursor:pointer}#content .lab-tooltip{position:absolute;z-index:90;background-color:#000000d9;color:#fff;border-radius:6px;padding:.5rem 1rem;font-size:.8rem;max-width:180px;line-height:1rem;transform-origin:top left;transform:scale(0);opacity:0;pointer-events:none;transition:transform .3s 0ms,opacity .2s 0ms}#content .lab-tooltip[data-active]{transform:scale(1);opacity:1;transition:transform .3s .55s,opacity .2s .55s}.modal{position:absolute;width:100%;height:100%;overflow:auto;backdrop-filter:blur(1rem);top:0rem;left:0rem;bottom:0rem;opacity:1;z-index:110}.modal .content{height:100%;overflow:auto}.modal .close{position:absolute;top:1rem;right:1rem;background-color:#fff;border-radius:50%;width:2rem;height:2rem;line-height:2rem;text-align:center;cursor:pointer;box-shadow:0 0 .6rem #000000bf;z-index:200}.input-value{--neutral-clr: #efebeb;--correct-clr: #34673b;--wrong-clr: #822c3e}.input-value{display:flex;align-items:baseline;background-color:#000;position:absolute;left:5%;top:30%;padding:.3rem 0rem;border-radius:1.2rem;border-color:var(--neutral-clr);border-style:solid;border-width:4px;box-shadow:0 0 .5rem #000000bf;opacity:1;z-index:90;transition:opacity .3s,border-color .3s,background-color .3s}.input-value button.ok{background-color:#000000b3;color:var(--neutral-clr);width:2rem;height:2rem;text-align:center;line-height:1rem;border:solid 3px var(--neutral-clr);border-radius:50%;font-weight:700;margin:0 .2rem;font-size:1rem;padding:0;cursor:pointer}.input-value button.ok:hover{background-color:#646464b3}.input-value button.ok:focus{outline:none}.input-value[data-correct=true]{background-color:var(--correct-clr)}.input-value[data-correct=false]{background-color:var(--wrong-clr)}.input-value.hidden{opacity:0;pointer-events:none}.input-value input[type=number]{border:none;width:3rem;background:transparent;color:var(--neutral-clr);font-size:1.5rem;font-weight:700}.input-value input[type=number]:focus{outline:none}.input-value .unit{color:var(--neutral-clr);font-weight:700;margin-right:1.2rem}.input-value input::-webkit-outer-spin-button,.input-value input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.modal .content .center{text-align:center}.modal.results .content{background-image:url(./notes.png);background-repeat:no-repeat;background-size:cover;width:40rem;margin:auto;color:#000;max-width:calc(100% - 10rem)}.modal.results .content.notes{overflow:hidden;height:90%}.modal.results .content article{height:65%;margin:15% 10% 0 5%;overflow:auto}.modal.instr:not([hidden]),.modal.reaction:not([hidden]),.modal.definitions:not([hidden]){display:table}.modal.instr .content,.modal.reaction .content,.modal.definitions .content{display:table-cell;vertical-align:middle;padding:1rem 2rem;background-color:#00000080}.modal.reaction .content{font-size:2rem}.modal footer{text-align:center;margin:.5rem auto}.modal footer button{border:solid 1px cornflowerblue;padding:.5rem 2rem;border-radius:.3rem;color:#2f4f4f;text-transform:uppercase;box-shadow:.05rem .05rem .3rem #0000004d;cursor:pointer;pointer-events:all}.modal{position:absolute;width:100%;height:100%;overflow:auto;backdrop-filter:blur(1rem);top:0rem;left:0rem;opacity:1;display:block;z-index:101}.modal[hidden]{opacity:0;display:none}.modal .close{position:absolute;width:2rem;height:2rem;line-height:2rem;text-align:center;cursor:pointer;z-index:100;top:1rem;right:1rem}.modal .close:not(.green){top:1rem;right:1rem;box-shadow:0 0 .6rem #000000bf;background-color:#fff;border-radius:50%}.modal .close.green img{width:100%;background-color:#fff;border-radius:50%}.pictograms:not(.naked){background-color:#000000b3;border:solid 6px black;border-radius:1rem}.pictograms{position:relative;margin:1rem auto;width:90%;height:calc(100% - 12px - 2rem);overflow:auto}.pictograms .center{text-align:center}.pictograms .item{padding:.5rem 0rem}.pictograms .item p{margin:1rem;color:#fff;line-height:1rem}.pictograms .row,.pictograms .row-names{display:flex;align-items:center;gap:1rem}.pictograms .row{padding:.5rem 3rem;margin:.5rem;border-radius:.3rem}.pictograms .row-names{padding:0rem 3rem;margin:.5rem auto}.pictograms .row:hover{background-color:#fff3}.pictograms .row-names{color:#fff;text-transform:uppercase;font-weight:700}.pictograms .row-names>div{text-align:center}.pictograms .picto,.pictograms .row-names .picto{width:20%}.pictograms .def{width:30%;color:#fff;font-weight:700}.pictograms .row-names .danger{flex-grow:1}.pictograms .picto img{max-width:6rem;height:auto;overflow:hidden}.pictograms .picto.bgd img{background-color:#fff;border-radius:.4rem}.pictograms .info{color:#fff}.pictograms .info p{margin:.6rem auto}.pictograms .header{font-size:1rem;line-height:1rem;padding:1.5rem 4rem;color:#fff;font-weight:700;margin:1rem 0;text-align:left}.pictograms .warning{background-color:#ffc90e;border:solid .3rem #000;border-radius:.7rem;padding:.5rem 1rem;display:flex;gap:1rem;align-items:center}.pictograms .warning .info h3,.pictograms .warning .info p{color:#000;text-align:center}.pictograms .warning h3{margin:0 auto 1rem}.pictograms .warning img{max-width:6rem}.pictograms .gradient{background:rgb(43,135,108);background:linear-gradient(90deg,rgba(43,135,108,.9) 0%,rgba(43,135,108,.1) 100%)}.pictograms .gradient-reversed{background:rgb(43,135,108);background:linear-gradient(90deg,rgba(43,135,108,.1) 0%,rgba(43,135,108,.9) 100%)}