@import"https://use.typekit.net/rjj0vph.css";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.bitcount-grid-single-circle-regular{font-family:bitcount-grid-single-circle,sans-serif;font-weight:400;font-style:normal}.roboto-mono-regular{font-family:Roboto Mono,monospace;font-optical-sizing:auto;font-weight:400;font-style:normal}.h61c-t{fill:currentColor;d:path("M9 1v2H3v6H1V2h1V1zm0 20v2H2v-1H1v-7h2v6zm14-6v7h-1v1h-7v-2h6v-6zm0-13v7h-2V3h-6V1h7v1z")}:root{--background-color: #0005d0;--text-color: white;--accent-color: white}html{background-color:var(--background-color)}nav{color:var(--text-color);font-family:bitcount-grid-single-square,sans-serif;width:60%;margin:0 auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--background-color);display:block;text-align:center;align-items:center;font-weight:400;font-style:normal;font-size:36px;padding:1rem 2rem}nav pre{font-size:12px}footer{font-family:Roboto Mono,monospace;font-optical-sizing:auto;font-weight:400;font-style:normal;text-align:center;padding:1rem;color:var(--text-color)}footer h1{font-size:24px;padding-bottom:.5rem;padding-top:.5rem}footer p{text-align:center;align-items:left;font-size:16px}.computer-grids{font-family:bitcount-grid-single-circle,sans-serif;font-weight:400;font-style:normal;font-size:24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;width:80%;margin:2rem auto}.computer-card{position:relative;padding:10px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-color);background-color:transparent}@media(hover:hover){.computer-card:hover{border:2px solid var(--accent-color)}}.computer-card-model{height:250px}.computer-card h2 a{color:inherit;text-decoration:none}.computer-card h2 a:hover{text-decoration:underline}.computer-card p{color:var(--text-color);font-size:14px}button{color:#000;background-color:transparent;border:0px;padding:10px;font-family:bitcount-grid-single-circle,sans-serif;font-weight:400;font-style:normal;font-size:16px}button:hover{text-decoration:underline;text-decoration-color:#000}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10}.lightboxButton{color:var(--text-color);background-color:transparent;border:0px;position:absolute;top:10px;right:10px;z-index:1}.lightbox-content{background:#fff;width:90vw;height:90vh;padding:20px;position:relative;display:flex;flex-direction:column}.lightbox-model{flex:1;min-height:0}.fidelity-toggle button{font:inherit;background:none;border:none;padding:0;cursor:pointer;color:inherit}.fidelity-toggle button:hover{text-decoration:underline}.fidelity-toggle button.active{background-color:var(--background-color);color:var(--text-color)}.lightbox-close{position:absolute;top:10px;right:10px;z-index:1}@media(max-width:600px){body{padding:10px}nav{width:100%;padding:1rem 0;font-size:22px}nav pre{font-size:2.2vw}.computer-grids{grid-template-columns:1fr;width:100%;font-size:20px}.lightbox-content{width:95vw;height:85dvh;padding:10px}.lightbox-content h2{padding-right:60px}.fidelity-toggle button{padding:10px 6px}}.cursor-trail{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}
