.proportion-lesson{min-width:0}.proportion-lesson th,.proportion-lesson td{border-bottom:1px solid var(--color-border);padding:.45rem .25rem}.proportion-lesson .proportion-equation,.proportion-lesson .proportion-work{font-size:1.15rem;line-height:2}.proportion-lesson .proportion-work p{margin-block:.45rem}.proportion-lesson .katex{white-space:normal}.cross-board{isolation:isolate;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;max-width:480px;height:230px;margin:1rem auto;display:grid;position:relative}.cross-board svg{pointer-events:none;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.cross-board line{stroke-width:1.2px;stroke-dasharray:100;stroke-dashoffset:0;animation:1s ease-out proportion-draw}.cross-first{stroke:var(--color-glow)}.cross-second{stroke:var(--color-flame)}.cross-value{background:var(--color-panel);border:2px solid var(--color-border);border-radius:12px;place-self:center;min-width:64px;min-height:64px;padding:.3rem .7rem;font-size:1.5rem;display:grid}.cross-value:first-of-type,.cross-value:nth-of-type(2){color:var(--color-glow)}.cross-value:nth-of-type(3),.cross-value:nth-of-type(4){color:var(--color-flame)}.cross-value.cross-first,.cross-value.cross-picked{border-color:var(--color-glow);color:var(--color-glow)}.cross-value.cross-second{border-color:var(--color-flame);color:var(--color-flame)}.cross-value:focus-visible{outline:3px solid var(--color-glow);outline-offset:3px}.cross-equals{background:var(--color-panel);padding:0 .25rem;font-size:2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cross-bar{background:var(--color-ice);width:27%;height:2px;position:absolute;top:50%}.cross-left{left:11.5%}.cross-right{right:11.5%}.cross-board[data-motion=off] line{animation:none}@keyframes proportion-draw{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.cross-board line{animation:none}}@media (width<=480px){.proportion-lesson .proportion-work{font-size:1rem}.cross-board{height:210px}}.proportion-lesson .proportion-work[aria-label=Regnetrinn]>p:last-child{border-left:3px solid var(--color-glow);padding-left:.75rem}