/* Minified CSS */
*,*::after,*::before{box-sizing:border-box}:root{font-size:12px}body{margin:0;--color-text:#111;--color-bg:#e5e3df;--color-link:#000;--color-link-hover:#000;color:var(--color-text);background-color:var(--color-bg);font-family:tenon,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.button{position:relative}.active{cursor:pointer}.js body{opacity:0;transition:opacity .3s}.js body.render{opacity:1}.js .loading::before,.js .loading::after{content:'';position:fixed;z-index:1000}.js .loading::before{top:0;left:0;width:100%;height:100%;background:var(--color-bg)}.js .loading::after{top:50%;left:50%;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;opacity:.4;background:var(--color-link);animation:loaderAnim .7s linear infinite alternate forwards}@keyframes loaderAnim{to{opacity:1;transform:scale3d(0.5,0.5,1)}}a{text-decoration:underline;color:var(--color-link);outline:0}a:hover,a:focus{color:var(--color-link-hover);outline:0;text-decoration:none}main{background-color:inherit;display:grid;height:100vh;width:100%;padding:3rem;align-content:space-between;grid-column-gap:5vw;grid-template-columns:1fr;grid-template-rows:auto auto auto;grid-template-areas:'header' 'content' 'demos'}.header{grid-area:header;display:flex;flex-wrap:wrap;text-transform:uppercase}.header__title{font-size:1rem;margin:0 7vw 1rem 0;font-weight:normal;text-transform:uppercase}.header__links a:not(:last-child){margin-right:1rem}.demos{grid-area:demos;justify-self:center;position:relative;text-align:center;display:flex}.demo{display:block;width:14px;height:14px;margin:0 4px;border-radius:50%;border:2px solid var(--color-link);background:var(--color-link)}.demo--current{border-color:var(--color-link-hover);background:0;pointer-events:none}.demo:hover,.demo:focus{opacity:.5}.content{grid-area:content;display:flex;flex-direction:column;align-items:center;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cursor{display:none}@media(any-pointer:fine){.cursor{position:fixed;top:0;left:0;display:block;pointer-events:none}.cursor__inner{fill:var(--cursor-fill);stroke:var(--cursor-stroke);stroke-width:var(--cursor-stroke-width)}.credits{padding-left:25vw}}