#machine{border:solid 1px var(--foreground);border-radius:var(--standard-unit);padding:var(--standard-unit);background-color:var(--tech-light);font-family:Pixolde,serif}#machine-top-bar{padding:var(--standard-unit) calc(var(--standard-unit) * .65);justify-content:space-between;align-items:center;display:flex}#machine-controls{gap:var(--standard-unit);margin:0;padding:0;display:flex}.control{width:calc(var(--standard-unit) * 2);height:calc(var(--standard-unit) * 2);cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-size:0;transition:all .21s ease-in-out;display:inline-block}.control svg{object-fit:contain;width:100%;height:100%;position:relative}.control svg *{fill:var(--foreground)}.control:hover svg *{fill:var(--primary)}#machine-screen{background-color:var(--body-bg);border:solid 1px var(--foreground);border-radius:var(--standard-unit);width:360px;height:270px;color:var(--foreground);max-width:calc(100dvw - 4 * var(--standard-unit));transition:width .21s ease-in-out,height .21s ease-in-out;overflow:hidden}#screen-content{margin:calc(var(--standard-unit) * .5);padding:var(--standard-unit);height:calc(100% - (4.5 * var(--standard-unit)));overflow:hidden auto}#screen-content::-webkit-scrollbar{width:calc(var(--standard-unit) * 2)}#screen-content::-webkit-scrollbar-track{box-shadow:none;background:0 0}#screen-content::-webkit-scrollbar-thumb{background:var(--tech);border:1px solid var(--foreground);border-radius:2px}#machine-title{margin:0;font-size:1em}#machine-title a{color:inherit;text-decoration:none}@media (width<=800px){:root{--standard-unit:.35rem;font-size:1.5em}#machine-screen{height:calc(100dvh - (10 *var(--standard-unit)));width:calc(100dvw - (2 *var(--standard-unit)))}.maximise{display:none}}@media (width>=801px){#machine[data-fullscreen=true] #machine-screen{width:119.7dvh;height:90dvh}#machine[data-fullscreen=true]{--standard-unit:.75rem;font-size:2em}}