@import url(https://fonts.googleapis.com/css2?family=Inter&family=Work+Sans&display=swap);.index-w{display:-moz-box;display:flex;-moz-box-orient:horizontal;-moz-box-direction:normal;flex-direction:row;position:fixed;-moz-box-align:end;align-items:flex-end;bottom:1.6rem;left:1.6rem;font-size:3.2rem}.index-w ul:nth-child(2){margin-left:80px}.index-w a:hover{color:#c00}:root{--g-container:96vw;--g-col-count:12;--g-gutter-share:0.05;--g-col:-moz-calc((var(--g-container)/var(--g-col-count)) - var(--g-gutter-share) * (var(--g-container)/var(--g-col-count)));--g-col:calc((var(--g-container) / var(--g-col-count)) - var(--g-gutter-share) * (var(--g-container) / var(--g-col-count)));--g-gutter:-moz-calc(var(--g-gutter-share) * (var(--g-container)/var(--g-col-count)));--g-gutter:calc(var(--g-gutter-share) * (var(--g-container) / var(--g-col-count)))}@media(max-width:600px){:root{--g-container:96vw;--g-col-count:6}}#grid-w{position:fixed;top:0;left:0;width:100%;height:100%;display:-moz-box;display:flex;-moz-box-pack:center;justify-content:center;z-index:-1}#grid,#grid-w{pointer-events:none}#grid{height:100vh;width:var(--g-container);background:#fff}#grid div{position:relative;display:-moz-inline-box;display:inline-flex;font-size:4rem;font-weight:800;width:var(--g-col);height:100%;color:#e0e0e0;background:#f2f2f2;margin-right:var(--g-gutter)}#grid div:last-child{margin-right:0}.page-wrapper{width:100%;height:100%;display:-moz-box;display:flex;-moz-box-pack:center;justify-content:center;overflow:hidden}.container{width:var(--g-container)}.col{height:24px;background:rgba(255,58,0,.2);-webkit-box-shadow:inset 1px 0 #ff3a00,inset -1px 0 #ff3a00;box-shadow:inset 1px 0 #ff3a00,inset -1px 0 #ff3a00;margin:2px 0!important;display:block!important}.col-1{width:-moz-calc(1 * var(--g-col) + (1 - 1) * var(--g-gutter));width:calc(1 * var(--g-col) + (1 - 1) * var(--g-gutter));margin-right:var(--g-gutter)!important}.col-1,.with-gutter .col-1{display:inline-block;vertical-align:top}.with-gutter .col-1{width:-moz-calc(1 * var(--g-col) + 1 * var(--g-gutter));width:calc(1 * var(--g-col) + 1 * var(--g-gutter));margin-right:0!important}.col-2{width:-moz-calc(2 * var(--g-col) + (2 - 1) * var(--g-gutter));width:calc(2 * var(--g-col) + (2 - 1) * var(--g-gutter));margin-right:var(--g-gutter)!important}.col-2,.with-gutter .col-2{display:inline-block;vertical-align:top}.with-gutter .col-2{width:-moz-calc(2 * var(--g-col) + 2 * var(--g-gutter));width:calc(2 * var(--g-col) + 2 * var(--g-gutter));margin-right:0!important}.col-3{width:-moz-calc(3 * var(--g-col) + (3 - 1) * var(--g-gutter));width:calc(3 * var(--g-col) + (3 - 1) * var(--g-gutter));margin-right:var(--g-gutter)!important}.col-3,.with-gutter .col-3{display:inline-block;vertical-align:top}.with-gutter .col-3{width:-moz-calc(3 * var(--g-col) + 3 * var(--g-gutter));width:calc(3 * var(--g-col) + 3 * var(--g-gutter));margin-right:0!important}.col-4{width:-moz-calc(4 * var(--g-col) + (4 - 1) * var(--g-gutter));width:calc(4 * var(--g-col) + (4 - 1) * var(--g-gutter));margin-right:var(--g-gutter)!important}.col-4,.with-gutter .col-4{display:inline-block;vertical-align:top}.with-gutter .col-4{width:-moz-calc(4 * var(--g-col) + 4 * var(--g-gutter));width:calc(4 * var(--g-col) + 4 * var(--g-gutter));margin-right:0!important}.col-5{width:-moz-calc(5 * var(--g-col) + (5 - 1) * var(--g-gutter));width:calc(5 * var(--g-col) + (5 - 1) * var(--g-gutter));margin-right:var(--g-gutter)!important}.col-5,.with-gutter .col-5{display:inline-block;vertical-align:top}.with-gutter .col-5{width:-moz-calc(5 * var(--g-col) + 5 * var(--g-gutter));width:calc(5 * var(--g-col) + 5 * var(--g-gutter));margin-right:0!important}.col-6{width:-moz-calc(6 * var(--g-col) + (6 - 1) * var(--g-gutter));width:calc(6 * var(--g-col) + (6 - 1) * var(--g-gutter));margin-right:var(--g-gutter)!important}.col-6,.with-gutter .col-6{display:inline-block;vertical-align:top}.with-gutter .col-6{width:-moz-calc(6 * var(--g-col) + 6 * var(--g-gutter));width:calc(6 * var(--g-col) + 6 * var(--g-gutter));margin-right:0!important}.col-7{width:-moz-calc(7 * var(--g-col) + (7 - 1) * var(--g-gutter));width:calc(7 * var(--g-col) + (7 - 1) * var(--g-gutter));margin-right:var(--g-gutter)!important}.col-7,.with-gutter .col-7{display:inline-block;vertical-align:top}.with-gutter .col-7{width:-moz-calc(7 * var(--g-col) + 7 * var(--g-gutter));width:calc(7 * var(--g-col) + 7 * var(--g-gutter));margin-right:0!important}.col-8{width:-moz-calc(8 * var(--g-col) + (8 - 1) * var(--g-gutter));width:calc(8 * var(--g-col) + (8 - 1) * var(--g-gutter));margin-right:var(--g-gutter)!important}.col-8,.with-gutter .col-8{display:inline-block;vertical-align:top}.with-gutter .col-8{width:-moz-calc(8 * var(--g-col) + 8 * var(--g-gutter));width:calc(8 * var(--g-col) + 8 * var(--g-gutter));margin-right:0!important}.col-9{width:-moz-calc(9 * var(--g-col) + (9 - 1) * var(--g-gutter));width:calc(9 * var(--g-col) + (9 - 1) * var(--g-gutter));margin-right:var(--g-gutter)!important}.col-9,.with-gutter .col-9{display:inline-block;vertical-align:top}.with-gutter .col-9{width:-moz-calc(9 * var(--g-col) + 9 * var(--g-gutter));width:calc(9 * var(--g-col) + 9 * var(--g-gutter));margin-right:0!important}.col-10{width:-moz-calc(10 * var(--g-col) + (10 - 1) * var(--g-gutter));width:calc(10 * var(--g-col) + (10 - 1) * var(--g-gutter));margin-right:var(--g-gutter)!important}.col-10,.with-gutter .col-10{display:inline-block;vertical-align:top}.with-gutter .col-10{width:-moz-calc(10 * var(--g-col) + 10 * var(--g-gutter));width:calc(10 * var(--g-col) + 10 * var(--g-gutter));margin-right:0!important}.col-11{width:-moz-calc(11 * var(--g-col) + (11 - 1) * var(--g-gutter));width:calc(11 * var(--g-col) + (11 - 1) * var(--g-gutter));margin-right:var(--g-gutter)!important}.col-11,.with-gutter .col-11{display:inline-block;vertical-align:top}.with-gutter .col-11{width:-moz-calc(11 * var(--g-col) + 11 * var(--g-gutter));width:calc(11 * var(--g-col) + 11 * var(--g-gutter));margin-right:0!important}.col-12{width:-moz-calc(12 * var(--g-col) + (12 - 1) * var(--g-gutter));width:calc(12 * var(--g-col) + (12 - 1) * var(--g-gutter));margin-right:var(--g-gutter)!important}.col-12,.with-gutter .col-12{display:inline-block;vertical-align:top}.with-gutter .col-12{width:-moz-calc(12 * var(--g-col) + 12 * var(--g-gutter) - var(--g-gutter));width:calc(12 * var(--g-col) + 12 * var(--g-gutter) - var(--g-gutter));margin-right:0!important}.margin-rt-0{margin-right:0}:root{--root-font-size:10px}html{font-size:var(--root-font-size)}#linneaus *{border:.1px solid red}#linneaus{--tiny:0.4;--default:0.8;--small:1.2;--medium:1.6;--large:2;--enormous:2.4;--giant:3.2;--giantx1:4;--giantx2:4.8;--giantx3:5.6;--giantx4:8;--giantx5:12}#linneaus .layout-container{max-width:1240px;display:-moz-box;display:flex;-moz-box-align:row;align-items:row;grid-gap:16px;gap:16px;margin:0 auto}@media only screen and (min-width:1240px){#linneaus .layout-container{max-width:1240px}#linneaus .col-sidebar{width:64}#linneaus .col-content{width:1144}}@media only screen and (min-width:1440px){#linneaus .layout-container{max-width:1440px}#linneaus .col-sidebar{width:240}#linneaus .col-content{width:1144}}@media only screen and (min-width:1920px){#linneaus .layout-container{max-width:1440px}}#linneaus .spacing-tiny{margin:.4rem}#linneaus .width-tiny{width:.4rem}#linneaus .spacing-default{margin:.8rem}#linneaus .width-default{width:.8rem}#linneaus .spacing-small{margin:1.2rem}#linneaus .width-small{width:1.2rem}#linneaus .spacing-medium{margin:1.6rem}#linneaus .width-medium{width:1.6rem}#linneaus .spacing-large{margin:2rem}#linneaus .width-large{width:2rem}#linneaus .spacing-enormous{margin:2.4rem}#linneaus .width-enormous{width:2.4rem}#linneaus .spacing-giant{margin:3.2rem}#linneaus .width-giant{width:3.2rem}#linneaus .spacing-giantx1{margin:4rem}#linneaus .width-giantx1{width:4rem}#linneaus .spacing-giantx2{margin:4.8rem}#linneaus .width-giantx2{width:4.8rem}#linneaus .spacing-giantx3{margin:5.6rem}#linneaus .width-giantx3{width:5.6rem}#linneaus .spacing-giantx4{margin:8rem}#linneaus .width-giantx4{width:8rem}#linneaus .spacing-giantx5{margin:12rem}#linneaus .width-giantx5{width:12rem}#linneaus .font-weight-light{font-weight:100rem}#linneaus .font-weight-regular{font-weight:400rem}#linneaus .font-weight-bold{font-weight:600rem}.linneaus-demo{padding-bottom:160px}.linneaus-demo .header-demo,.linneaus-demo .subheader-demo{font-size:32px;line-height:40px}.linneaus-demo .p-demo{font-size:16px;line-height:24px;max-width:56ch}.linneaus-demo .v-space-sm-demo{margin-top:16px;margin-bottom:16px}.linneaus-demo .v-space-demo{margin-top:40px;margin-bottom:40px}.linneaus-demo .spacing-demo{background:rgba(255,72,0,.2);height:24px}.linneaus-demo .box-spacing-demo{border-color:rgba(255,72,0,.2)!important}.linneaus-demo .grid-demo{position:relative}.linneaus-demo .grid-demo div{background:rgba(255,72,0,.2);height:360px}.linneaus-demo .grid-demo .col-sidebar{position:absolute;left:-256px}@media only screen and (max-width:1240px){.linneaus-demo .grid-demo .col-sidebar{left:-80px}}.linneaus-demo .grid-demo .col-content{position:relative}.linneaus-demo .grid-demo .col-content:after{content:"1120px";position:absolute;-webkit-font-feature-settings:normal;-moz-font-feature-settings:normal;font-feature-settings:normal;font-variant-numeric:normal;bottom:16px;left:16px}.linneaus-demo .color-demo{height:40px;width:120px}.linneaus-demo .input-range{height:24px;-webkit-appearance:none;margin:14px 0;width:180px}.linneaus-demo .input-range:focus{outline:none}.linneaus-demo .input-range::-webkit-slider-runnable-track{width:100%;height:8px;cursor:pointer;animate:.2s;-webkit-box-shadow:0 0 0 #000;box-shadow:0 0 0 #000;background:#000;border-radius:0;border:0 solid #000}.linneaus-demo .input-range::-webkit-slider-thumb{-webkit-box-shadow:0 0 0 #000;box-shadow:0 0 0 #000;border:2px solid #000;height:24px;width:24px;border-radius:24px;background:#fff;cursor:pointer;-webkit-appearance:none;margin-top:-8px}.linneaus-demo .input-range:focus::-webkit-slider-runnable-track{background:#000}.linneaus-demo .input-range::-moz-range-track{width:100%;height:8px;cursor:pointer;animate:.2s;box-shadow:0 0 0 #000;background:#000;border-radius:0;border:0 solid #000}.linneaus-demo .input-range::-moz-range-thumb{box-shadow:0 0 0 #000;border:2px solid #000;height:24px;width:24px;border-radius:24px;background:#fff;cursor:pointer}.linneaus-demo .input-range::-ms-track{width:100%;height:8px;cursor:pointer;animate:.2s;background:transparent;border-color:transparent;color:transparent}.linneaus-demo .input-range::-ms-fill-lower,.linneaus-demo .input-range::-ms-fill-upper{background:#000;border:0 solid #000;border-radius:0;box-shadow:0 0 0 #000}.linneaus-demo .input-range::-ms-thumb{margin-top:1px;box-shadow:0 0 0 #000;border:2px solid #000;height:24px;width:24px;border-radius:24px;background:#fff;cursor:pointer}.linneaus-demo .input-range:focus::-ms-fill-lower,.linneaus-demo .input-range:focus::-ms-fill-upper{background:#000}.linneaus-demo .documentation{display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;color:#fff;background:#1a1a1a;padding:24px 24px 24px 16px}:root{--unit:-moz-calc(var(--fontSize) * 0.5);--unit:calc(var(--fontSize) * 0.5);--line-height:-moz-calc(var(--fontSize) * 1.5);--line-height:calc(var(--fontSize) * 1.5);--input-color-bg:#fff;--input-track-color-bg:#fff;--input-slider-color-bg:transparent;--input-slider-color-fg:#fff;--input-slider-color-focus:#0082ff;--input-slider-knob-size:12px;--input-slider-track-size:6px;--input-slider-track-hit-size:10px;--surface1-color-bg:#000;--track-color-bg:#fff;--surface1-color-fg:#444}*,body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-overflow-scrolling:touch}a{color:inherit;text-decoration:none}ul{padding:0;margin:0}li{list-style:none}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=range]::-moz-focus-outer{border:0}input[type=range]{-webkit-appearance:none;background:transparent;cursor:default}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:0;height:var(--input-slider-knob-size);width:var(--input-slider-knob-size);border-radius:var(--input-slider-knob-size);background:var(--input-slider-color-fg);-webkit-box-shadow:0 0 0 4px var(--surface1-color-bg);box-shadow:0 0 0 4px var(--surface1-color-bg);margin-top:calc(calc(var(--input-slider-knob-size) - var(--input-slider-track-size)) / -3)}input[type=range]::-moz-range-thumb{border:0;height:var(--input-slider-knob-size);width:var(--input-slider-knob-size);border-radius:var(--input-slider-knob-size);background:var(--input-slider-color-fg);box-shadow:0 0 0 4px var(--surface1-color-bg);margin-top:calc(calc(var(--input-slider-knob-size) - var(--input-slider-track-size)) / -3)}input[type=range]::-webkit-slider-runnable-track{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:var(--input-slider-track-hit-size);background:var(--input-slider-color-bg);--border-w:-moz-calc(-moz-calc(var(--input-slider-track-hit-size) - var(--input-slider-track-size))/4);--border-w:calc(calc(var(--input-slider-track-hit-size) - var(--input-slider-track-size)) / 4);border:var(--border-w) solid var(--surface1-color-bg)}input[type=range]::-moz-range-track{-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:var(--input-slider-track-hit-size);background:var(--input-track-color-bg);border-radius:var(--input-slider-track-size);--border-w:-moz-calc(-moz-calc(var(--input-slider-track-hit-size) - var(--input-slider-track-size))/4);--border-w:calc(calc(var(--input-slider-track-hit-size) - var(--input-slider-track-size)) / 4);border:var(--border-w) solid var(--surface1-color-bg)}input[type=range]:focus::-webkit-slider-runnable-track{-webkit-box-shadow:0 0 0 2px var(--focus-color);box-shadow:0 0 0 2px var(--focus-color)}input[type=range]:focus::-moz-range-track{box-shadow:0 0 0 2px var(--focus-color)}.p5-container canvas{width:100vw!important;height:100vh!important}