way-of-life
Version:
Conway's game of life
1 lines • 57.6 kB
JavaScript
!function(n){function e(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return n[o].call(r.exports,r,r.exports,e),r.l=!0,r.exports}var t={};e.m=n,e.c=t,e.d=function(n,t,o){e.o(n,t)||Object.defineProperty(n,t,{configurable:!1,enumerable:!0,get:o})},e.n=function(n){var t=n&&n.__esModule?function(){return n.default}:function(){return n};return e.d(t,"a",t),t},e.o=function(n,e){return Object.prototype.hasOwnProperty.call(n,e)},e.p="",e(e.s=15)}([,,function(n,e,t){"use strict";function o(n,e){var t=n[1]||"",o=n[3];if(!o)return t;if(e&&"function"==typeof btoa){var i=r(o);return[t].concat(o.sources.map(function(n){return"/*# sourceURL="+o.sourceRoot+n+" */"})).concat([i]).join("\n")}return[t].join("\n")}function r(n){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(n))))+" */"}n.exports=function(n){var e=[];return e.toString=function(){return this.map(function(e){var t=o(e,n);return e[2]?"@media "+e[2]+"{"+t+"}":t}).join("")},e.i=function(n,t){"string"==typeof n&&(n=[[null,n,""]]);for(var o={},r=0;r<this.length;r++){var i=this[r][0];"number"==typeof i&&(o[i]=!0)}for(r=0;r<n.length;r++){var a=n[r];"number"==typeof a[0]&&o[a[0]]||(t&&!a[2]?a[2]=t:t&&(a[2]="("+a[2]+") and ("+t+")"),e.push(a))}},e}},,,,,,,,,,,,,function(n,e,t){var o=t(16);"string"==typeof o&&(o=[[n.i,o,""]]);var r={};r.transform=void 0;t(18)(o,r);o.locals&&(n.exports=o.locals)},function(n,e,t){e=n.exports=t(2)(!0),e.i(t(17),""),e.push([n.i,'/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}[class^=btn]{transition:all .3s cubic-bezier(.64,.09,.08,1);box-shadow:0 2px 5px 0 rgba(0,0,0,.14),0 2px 10px 0 rgba(0,0,0,.1);position:relative;cursor:pointer;text-transform:uppercase;margin-bottom:10px;background-image:none;background-size:0;background-repeat:no-repeat;background-position:50% 50%;transition:background-color .3s cubic-bezier(.64,.09,.08,1),box-shadow .3s cubic-bezier(.64,.09,.08,1);will-change:background-size,background-image;padding:10px 20px;display:inline-block;font-family:Roboto;border:0}[class^=btn]:after{position:absolute;content:"";transition:none;background:radial-gradient(circle,#fff 95%,transparent 0);background-size:.7%;background-position:50% 50%;background-repeat:no-repeat}[class^=btn]:focus{outline:none;background-size:1000%;transition:all 1s cubic-bezier(.64,.09,.08,1)}.btn--float{border-radius:50%;width:50px;height:50px;background-image:radial-gradient(circle,#ff5722 1%,#ff916f 15%,transparent 30%);background-color:#ff5722;will-change:box-shadow,background-color;font-size:22px;padding:0}.btn--float:hover{box-shadow:0 5px 11px 0 rgba(0,0,0,.16),0 4px 15px 0 rgba(0,0,0,.13);background-color:#ff6a3c}.btn--raised{border-radius:1.98px;box-shadow:0 2px 5px 0 rgba(0,0,0,.14),0 2px 10px 0 rgba(0,0,0,.1);background-image:radial-gradient(circle,#3498db 1%,#75b9e7 15%,transparent 30%);background-color:#3498db;will-change:box-shadow,background-color;color:#fff}.btn--raised:hover{box-shadow:0 5px 11px 0 rgba(0,0,0,.16),0 4px 15px 0 rgba(0,0,0,.13);background-color:#4aa3df}.btn--flat{background-image:radial-gradient(circle,#7f8c8d 1%,#a7b0b1 15%,transparent 30%);background-color:#7f8c8d;background-color:#fcfcfc;box-shadow:none}.btn--primary{background-image:radial-gradient(circle,#e67e22 1%,#eea667 15%,transparent 30%);background-color:#e67e22}.btn--primary:hover{background-color:#e98b39}.btn--secondary{background-image:radial-gradient(circle,#7f8c8d 1%,#a7b0b1 15%,transparent 30%);background-color:#7f8c8d}.btn--secondary:hover{background-color:#8c9899}.btn--accent{background-image:radial-gradient(circle,#ff5722 1%,#ff916f 15%,transparent 30%);background-color:#ff5722}.btn--accent:hover{background-color:#ff6a3c}.btn--red{background-image:radial-gradient(circle,#e74c3c 1%,#ef8b80 15%,transparent 30%);background-color:#e74c3c}.btn--red:hover{background-color:#ea6153}.btn--yellow{background-image:radial-gradient(circle,#f1c40f 1%,#f5d657 15%,transparent 30%);background-color:#f1c40f}.btn--yellow:hover{background-color:#f2ca27}.btn--green{background-image:radial-gradient(circle,#4caf50 1%,#80c883 15%,transparent 30%);background-color:#4caf50}.btn--green:hover{background-color:#5cb860}.btn--blue{background-image:radial-gradient(circle,#2196f3 1%,#6ab8f7 15%,transparent 30%);background-color:#2196f3}.btn--blue:hover{background-color:#39a1f4}label{color:#2e2e2e}input[type=email],input[type=password],input[type=text]{margin-bottom:40px;width:200px;display:block;border:none;padding:10px 0;border-bottom:1px solid #e67e22;will-change:background-position;transition:all .3s cubic-bezier(.64,.09,.08,1);background:linear-gradient(180deg,hsla(0,0%,100%,0) 96%,#e67e22 0);background-position:-200px 0;background-size:200px 100%;background-repeat:no-repeat;color:#924d10}input[type=email]:focus,input[type=email]:valid,input[type=password]:focus,input[type=password]:valid,input[type=text]:focus,input[type=text]:valid{box-shadow:none;outline:none;background-position:0 0}input[type=email]:focus::-webkit-input-placeholder,input[type=email]:valid::-webkit-input-placeholder,input[type=password]:focus::-webkit-input-placeholder,input[type=password]:valid::-webkit-input-placeholder,input[type=text]:focus::-webkit-input-placeholder,input[type=text]:valid::-webkit-input-placeholder{color:#e67e22;font-size:11px;transform:translateY(-20px);visibility:visible!important}input[type=email]::-webkit-input-placeholder,input[type=password]::-webkit-input-placeholder,input[type=text]::-webkit-input-placeholder{transition:all .2s cubic-bezier(.64,.09,.08,1)}input[type=checkbox]:not(.modal-trigger):not(.toggle):not(#alert-check):not([id*=lightbox-]){position:relative;cursor:pointer}input[type=checkbox]:not(.modal-trigger):not(.toggle):not(#alert-check):not([id*=lightbox-]):before{content:"";width:16px;height:16px;border:2px solid #e67e22;border-radius:3px;background:#fff;position:absolute}input[type=checkbox]:not(.modal-trigger):not(.toggle):not(#alert-check):not([id*=lightbox-]):after{content:"\\2713";color:#fff;background:#e67e22;position:absolute;top:0;left:0;width:16px;height:16px;border:2px solid #e67e22;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s cubic-bezier(.64,.09,.08,1);will-change:opacity}input[type=checkbox]:not(.modal-trigger):not(.toggle):not(#alert-check):not([id*=lightbox-]):checked:after{opacity:1}input[type=checkbox]:not(.modal-trigger):not(.toggle):not(#alert-check):not([id*=lightbox-]):focus{outline:none}input[type=radio]{position:relative;top:2px;left:2px;margin:0 8px;cursor:pointer}input[type=radio]:before{background-color:#fff;border-radius:50%;border:2px solid #e67e22;display:inline-block;top:-2px;left:-2px;background-image:radial-gradient(circle,#e67e22 40%,#fff 50%);background-size:0;background-position:50% 50%;background-repeat:no-repeat;will-change:background-size;z-index:2}input[type=radio]:after,input[type=radio]:before{content:"";width:16px;height:16px;position:absolute;transition:all .3s cubic-bezier(.64,.09,.08,1)}input[type=radio]:after{background:#fff;border-radius:50%}input[type=radio]:checked:before{background-size:14px 14px}input[type=radio]:focus{outline:none}select{border:none;border-bottom:1px solid #9e9e9e;color:#212121;padding:6px;cursor:pointer}input[type=range]{-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{height:3px;cursor:pointer;background:#9e9e9e}input[type=range]::-webkit-slider-thumb{height:16px;width:16px;border-radius:50%;background:#2ecc71;cursor:pointer;-webkit-appearance:none;margin-top:-6px;box-shadow:0 2px 5px 0 rgba(0,0,0,.1),0 2px 10px 0 rgba(0,0,0,.07)}input[type=range]::-moz-range-track{height:3px;cursor:pointer;background:#9e9e9e}input[type=range]::-moz-range-thumb{height:16px;width:16px;border-radius:50%;border:none;background:#2ecc71;cursor:pointer}input[type=range]::-ms-track{cursor:pointer;background:transparent;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower{background:#2ecc71}input[type=range]::-ms-fill-upper{background:#9e9e9e}input[type=range]::-ms-thumb{background:#2ecc71}.toggle{display:none}.toggle:checked+label{background:#93e7b6}.toggle:checked+label:after{background:#2ecc71;margin-left:18px}.toggle+label{position:absolute;width:30px;height:6px;margin-top:12px;background:#9e9e9e;transition:background .3s cubic-bezier(.64,.09,.08,1);will-change:background}.toggle+label:after{position:absolute;content:"";width:14px;height:14px;border-radius:50%;background:#dedede;display:inline-block;cursor:pointer;margin-top:-4px;margin-left:-1px;transition:all .3s ease;will-change:background,margin-left;box-shadow:0 2px 5px 0 rgba(0,0,0,.1),0 2px 10px 0 rgba(0,0,0,.07)}textarea{border:1px solid #9e9e9e;transition:border .3s cubic-bezier(.64,.09,.08,1)}textarea:focus{border:1px solid #e67e22;outline:none}.github-corner svg{fill:rgba(222,122,39,.5);color:#fff;position:fixed;top:0;border:0;right:0}.github-corner svg:hover{fill:rgba(255,118,5,.5)}.github-corner:hover .octo-arm{animation:octocat-wave .56s ease-in-out}@keyframes octocat-wave{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave .56s ease-in-out}}.github-button,iframe{position:fixed;top:20px;left:20px}::-moz-selection{background:#fff!important;color:#444!important}::selection{background:hsla(0,0%,100%,0)!important;color:#444!important}#universe{border:0;position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;cursor:crosshair}.APL{background:hsla(0,0%,95%,.5);font-family:APL385,APL385 Unicode,APLX Upright,Courier APL2 Unicode,SImPL,SiMPL medium,monospace;text-align:center;padding:.5em 0;border-radius:.5em}.APL a{text-decoration:none}.controls{text-align:center;position:fixed;bottom:0;margin-left:auto;margin-right:auto;left:0;right:0}.controls button{margin:.5rem 1rem}.hidden{display:none}.github-link{position:fixed;top:24px;left:125px;font-size:1rem}.github-link a{text-decoration:none}.github-link .octicon{height:20px;vertical-align:sub}#fps-info{min-width:10rem;position:fixed;top:26px;left:0;right:80px;text-align:right}.text-content{position:fixed;top:55px;bottom:115px;left:0;right:0;max-width:45rem;overflow:scroll;overflow-x:hidden;margin:auto}small{font-size:.9rem}',"",{version:3,sources:["/home/maxime/git/way-of-life/src/styles/main.scss","/home/maxime/git/way-of-life/src/styles/node_modules/normalize.css/normalize.css","/home/maxime/git/way-of-life/src/styles/src/styles/main.scss","/home/maxime/git/way-of-life/src/styles/node_modules/surface/src/scss/buttons.scss","/home/maxime/git/way-of-life/src/styles/node_modules/surface/src/scss/_imports/_variables.scss","/home/maxime/git/way-of-life/src/styles/node_modules/surface/src/scss/_imports/_colors.scss","/home/maxime/git/way-of-life/src/styles/node_modules/surface/src/scss/form.scss","/home/maxime/git/way-of-life/src/styles/src/styles/github-corner.scss"],names:[],mappings:"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",file:"main.scss",sourcesContent:['/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */@import url(screen.css);html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:0.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}[class^="btn"]{transition:all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);box-shadow:0 2px 5px 0 rgba(0,0,0,0.14),0 2px 10px 0 rgba(0,0,0,0.1);position:relative;cursor:pointer;text-transform:uppercase;margin-bottom:10px;background-image:none;background-size:0;background-repeat:no-repeat;background-position:50% 50%;transition:background-color 0.3s cubic-bezier(0.64, 0.09, 0.08, 1),box-shadow 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);will-change:background-size, background-image;padding:10px 20px;display:inline-block;font-family:Roboto;border:0}[class^="btn"]:after{position:absolute;content:\'\';transition:none;background:radial-gradient(circle, white 95%, transparent 95%);background-size:0.7%;background-position:50% 50%;background-repeat:no-repeat}[class^="btn"]:focus{outline:none;background-size:1000%;transition:all 1s cubic-bezier(0.64, 0.09, 0.08, 1)}.btn--float{border-radius:50%;width:50px;height:50px;background-image:radial-gradient(circle, #ff5722 1%, #ff916f 15%, transparent 30%);background-color:#ff5722;will-change:box-shadow, background-color;font-size:22px;padding:0}.btn--float:hover{box-shadow:0 5px 11px 0 rgba(0,0,0,0.16),0 4px 15px 0 rgba(0,0,0,0.13);background-color:#ff6a3c}.btn--raised{border-radius:1.98px;box-shadow:0 2px 5px 0 rgba(0,0,0,0.14),0 2px 10px 0 rgba(0,0,0,0.1);background-image:radial-gradient(circle, #3498db 1%, #75b9e7 15%, transparent 30%);background-color:#3498db;will-change:box-shadow, background-color;color:white}.btn--raised:hover{box-shadow:0 5px 11px 0 rgba(0,0,0,0.16),0 4px 15px 0 rgba(0,0,0,0.13);background-color:#4aa3df}.btn--flat{background-image:radial-gradient(circle, #7f8c8d 1%, #a7b0b1 15%, transparent 30%);background-color:#7f8c8d;background-color:#fcfcfc;box-shadow:none}.btn--primary{background-image:radial-gradient(circle, #e67e22 1%, #eea667 15%, transparent 30%);background-color:#e67e22}.btn--primary:hover{background-color:#e98b39}.btn--secondary{background-image:radial-gradient(circle, #7f8c8d 1%, #a7b0b1 15%, transparent 30%);background-color:#7f8c8d}.btn--secondary:hover{background-color:#8c9899}.btn--accent{background-image:radial-gradient(circle, #ff5722 1%, #ff916f 15%, transparent 30%);background-color:#ff5722}.btn--accent:hover{background-color:#ff6a3c}.btn--red{background-image:radial-gradient(circle, #e74c3c 1%, #ef8b80 15%, transparent 30%);background-color:#e74c3c}.btn--red:hover{background-color:#ea6153}.btn--yellow{background-image:radial-gradient(circle, #f1c40f 1%, #f5d657 15%, transparent 30%);background-color:#f1c40f}.btn--yellow:hover{background-color:#f2ca27}.btn--green{background-image:radial-gradient(circle, #4caf50 1%, #80c883 15%, transparent 30%);background-color:#4caf50}.btn--green:hover{background-color:#5cb860}.btn--blue{background-image:radial-gradient(circle, #2196f3 1%, #6ab8f7 15%, transparent 30%);background-color:#2196f3}.btn--blue:hover{background-color:#39a1f4}label{color:#2e2e2e}input[type="email"],input[type="text"],input[type="password"]{margin-bottom:40px;width:200px;display:block;border:none;padding:10px 0;border-bottom:solid 1px #e67e22;will-change:background-position;transition:all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);background:linear-gradient(to bottom, rgba(255,255,255,0) 96%, #e67e22 96%);background-position:-200px 0;background-size:200px 100%;background-repeat:no-repeat;color:#924d10}input[type="email"]:focus,input[type="email"]:valid,input[type="text"]:focus,input[type="text"]:valid,input[type="password"]:focus,input[type="password"]:valid{box-shadow:none;outline:none;background-position:0 0}input[type="email"]:focus::-webkit-input-placeholder,input[type="email"]:valid::-webkit-input-placeholder,input[type="text"]:focus::-webkit-input-placeholder,input[type="text"]:valid::-webkit-input-placeholder,input[type="password"]:focus::-webkit-input-placeholder,input[type="password"]:valid::-webkit-input-placeholder{color:#e67e22;font-size:11px;transform:translateY(-20px);visibility:visible !important}input[type="email"]::-webkit-input-placeholder,input[type="text"]::-webkit-input-placeholder,input[type="password"]::-webkit-input-placeholder{transition:all 0.2s cubic-bezier(0.64, 0.09, 0.08, 1)}input[type="checkbox"]:not(.modal-trigger):not(.toggle):not(#alert-check):not([id*="lightbox-"]){position:relative;cursor:pointer}input[type="checkbox"]:not(.modal-trigger):not(.toggle):not(#alert-check):not([id*="lightbox-"]):before{content:\'\';width:16px;height:16px;border:solid 2px #e67e22;border-radius:3px;background:white;position:absolute}input[type="checkbox"]:not(.modal-trigger):not(.toggle):not(#alert-check):not([id*="lightbox-"]):after{content:\'✓\';color:white;background:#e67e22;position:absolute;top:0;left:0;width:16px;height:16px;border:solid 2px #e67e22;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);will-change:opacity}input[type="checkbox"]:not(.modal-trigger):not(.toggle):not(#alert-check):not([id*="lightbox-"]):checked:after{opacity:1}input[type="checkbox"]:not(.modal-trigger):not(.toggle):not(#alert-check):not([id*="lightbox-"]):focus{outline:none}input[type="radio"]{position:relative;top:2px;left:2px;margin:0 8px;cursor:pointer}input[type="radio"]:before{content:\'\';background-color:white;width:16px;height:16px;border-radius:50%;border:solid 2px #e67e22;display:inline-block;position:absolute;top:-2px;left:-2px;background-image:radial-gradient(circle, #e67e22 40%, white 50%);background-size:0;background-position:50% 50%;background-repeat:no-repeat;transition:all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);will-change:background-size;z-index:2}input[type="radio"]:after{content:\'\';width:16px;height:16px;background:white;border-radius:50%;position:absolute;transition:all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1)}input[type="radio"]:checked:before{background-size:14px 14px}input[type="radio"]:focus{outline:none}select{border:none;border-bottom:solid 1px #9e9e9e;color:#212121;padding:6px;cursor:pointer}input[type=range]{-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{height:3px;cursor:pointer;background:#9e9e9e}input[type=range]::-webkit-slider-thumb{height:16px;width:16px;border-radius:50%;background:#2ecc71;cursor:pointer;-webkit-appearance:none;margin-top:-6px;box-shadow:0 2px 5px 0 rgba(0,0,0,0.1),0 2px 10px 0 rgba(0,0,0,0.07)}input[type=range]::-moz-range-track{height:3px;cursor:pointer;background:#9e9e9e}input[type=range]::-moz-range-thumb{height:16px;width:16px;border-radius:50%;border:none;background:#2ecc71;cursor:pointer}input[type=range]::-ms-track{cursor:pointer;background:transparent;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower{background:#2ecc71}input[type=range]::-ms-fill-upper{background:#9e9e9e}input[type=range]::-ms-thumb{background:#2ecc71}.toggle{display:none}.toggle:checked+label{background:#93e7b6}.toggle:checked+label:after{background:#2ecc71;margin-left:18px}.toggle+label{position:absolute;width:30px;height:6px;margin-top:12px;background:#9e9e9e;transition:background 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);will-change:background}.toggle+label:after{position:absolute;content:\'\';width:14px;height:14px;border-radius:50%;background:#dedede;display:inline-block;cursor:pointer;margin-top:-4px;margin-left:-1px;transition:all 0.3s ease;will-change:background, margin-left;box-shadow:0 2px 5px 0 rgba(0,0,0,0.1),0 2px 10px 0 rgba(0,0,0,0.07)}textarea{border:solid 1px #9e9e9e;transition:border 0.3s cubic-bezier(0.64, 0.09, 0.08, 1)}textarea:focus{border:solid 1px #e67e22;outline:none}.github-corner svg{fill:rgba(222,122,39,0.5);color:#fff;position:fixed;top:0;border:0;right:0}.github-corner svg:hover{fill:rgba(255,118,5,0.5)}.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width: 500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}.github-button,iframe{position:fixed;top:20px;left:20px}::-moz-selection{background:#fff !important;color:#444 !important}::selection{background:rgba(255,255,255,0) !important;color:#444 !important}#universe{border:0;position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;cursor:crosshair}.APL{background:rgba(243,243,243,0.5);font-family:"APL385", "APL385 Unicode", "APLX Upright", "Courier APL2 Unicode", "SImPL", "SiMPL medium", monospace;text-align:center;padding:0.5em 0;border-radius:0.5em}.APL a{text-decoration:none}.controls{text-align:center;position:fixed;bottom:0;margin-left:auto;margin-right:auto;left:0;right:0}.controls button{margin:0.5rem 1rem}.hidden{display:none}.github-link{position:fixed;top:24px;left:125px;font-size:1rem}.github-link a{text-decoration:none}.github-link .octicon{height:20px;vertical-align:sub}#fps-info{min-width:10rem;position:fixed;top:26px;left:0;right:80px;text-align:right}.text-content{position:fixed;top:55px;bottom:115px;left:0;right:0;max-width:45rem;overflow:scroll;overflow-x:hidden;margin:auto}small{font-size:0.9rem}\n','/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in\n * IE on Windows Phone and in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -ms-text-size-adjust: 100%; /* 2 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers (opinionated).\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Add the correct display in IE 9-.\n */\n\narticle,\naside,\nfooter,\nheader,\nnav,\nsection {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n * 1. Add the correct display in IE.\n */\n\nfigcaption,\nfigure,\nmain { /* 1 */\n display: block;\n}\n\n/**\n * Add the correct margin in IE 8.\n */\n\nfigure {\n margin: 1em 40px;\n}\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * 1. Remove the gray background on active links in IE 10.\n * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.\n */\n\na {\n background-color: transparent; /* 1 */\n -webkit-text-decoration-skip: objects; /* 2 */\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57- and Firefox 39-.\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Prevent the duplicate application of `bolder` by the next rule in Safari 6.\n */\n\nb,\nstrong {\n font-weight: inherit;\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font style in Android 4.3-.\n */\n\ndfn {\n font-style: italic;\n}\n\n/**\n * Add the correct background and color in IE 9-.\n */\n\nmark {\n background-color: #ff0;\n color: #000;\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n */\n\naudio,\nvideo {\n display: inline-block;\n}\n\n/**\n * Add the correct display in iOS 4-7.\n */\n\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\n/**\n * Remove the border on images inside links in IE 10-.\n */\n\nimg {\n border-style: none;\n}\n\n/**\n * Hide the overflow in IE.\n */\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers (opinionated).\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: sans-serif; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n * controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\nhtml [type="button"], /* 1 */\n[type="reset"],\n[type="submit"] {\n -webkit-appearance: button; /* 2 */\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type="button"]::-moz-focus-inner,\n[type="reset"]::-moz-focus-inner,\n[type="submit"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type="button"]:-moz-focusring,\n[type="reset"]:-moz-focusring,\n[type="submit"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * 1. Add the correct display in IE 9-.\n * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n display: inline-block; /* 1 */\n vertical-align: baseline; /* 2 */\n}\n\n/**\n * Remove the default vertical scrollbar in IE.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n\n[type="checkbox"],\n[type="radio"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type="number"]::-webkit-inner-spin-button,\n[type="number"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type="search"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.\n */\n\n[type="search"]::-webkit-search-cancel-button,\n[type="search"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in IE 9-.\n * 1. Add the correct display in Edge, IE, and Firefox.\n */\n\ndetails, /* 1 */\nmenu {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Scripting\n ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n */\n\ncanvas {\n display: inline-block;\n}\n\n/**\n * Add the correct display in IE.\n */\n\ntemplate {\n display: none;\n}\n\n/* Hidden\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10-.\n */\n\n[hidden] {\n display: none;\n}\n','// normalize.css\n@import "~normalize.css";\n\n// surface imports and customization\n// Colors\n@import "~surface/src/scss/_imports/_colors.scss";\n$primary: #e67e22;\n$secondary: $asbestos;\n$accent: #ff5722;\n\n@import "~surface/src/scss/buttons.scss";\n@import "~surface/src/scss/form.scss";\n\n@import \'screen.css\';\n\n@import \'github-corner.scss\';\n\n::-moz-selection {\n background: #fff !important;\n color: #444 !important;\n}\n\n::selection {\n background: rgba(255, 255, 255, 0) !important;\n color: #444 !important;\n}\n\n#universe {\n border: 0;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: -1;\n cursor: crosshair;\n}\n\n.APL {\n background: rgba(243, 243, 243, 0.5);\n font-family: "APL385", "APL385 Unicode", "APLX Upright", "Courier APL2 Unicode", "SImPL", "SiMPL medium", monospace;\n text-align: center;\n padding: 0.5em 0;\n border-radius: 0.5em;\n // -webkit-text-fill-color: #444;\n a {\n text-decoration: none;\n }\n}\n\n.controls {\n text-align: center;\n position: fixed;\n bottom: 0;\n margin-left: auto;\n margin-right: auto;\n left: 0;\n right: 0;\n\n button {\n margin: 0.5rem 1rem;\n }\n}\n\n.hidden {\n display: none;\n}\n\n.github-link {\n position: fixed;\n top: 24px;\n left: 125px;\n font-size: 1rem;\n a {\n text-decoration: none;\n }\n .octicon {\n height: 20px;\n vertical-align: sub;\n }\n}\n\n#fps-info {\n min-width: 10rem;\n position: fixed;\n top: 26px;\n left: 0;\n right: 80px;\n text-align: right;\n}\n\n.text-content {\n position: fixed;\n top: 55px;\n bottom: 115px;\n left: 0;\n right: 0;\n max-width: 45rem;\n overflow: scroll;\n overflow-x: hidden;\n margin: auto;\n\n // nice in FF, broken in chrome\n // -webkit-text-fill-color: transparent;\n // background: -webkit-linear-gradient(transparent, #444 5%, #444 95%, transparent);\n // background: -o-linear-gradient(transparent, #444 5%, #444 95%, transparent);\n // -webkit-background-clip: text;\n}\n\nsmall {\n font-size: 0.9rem;\n}',"@import './_imports/_variables';\n\n[class^=\"btn\"] {\n\ttransition: all 0.3s $cubic;\n\tbox-shadow: $box-shadow-float;\n\tposition: relative;\n\tcursor: pointer;\n\ttext-transform: uppercase;\n\tmargin-bottom: $space-small;\n\tbackground-image: none;\n\tbackground-size: 0;\n\tbackground-repeat: no-repeat;\n\tbackground-position: 50% 50%;\n\ttransition: background-color 0.3s $cubic, box-shadow 0.3s $cubic;\n\twill-change: background-size, background-image;\n\tpadding: $space-small $space-med;\n\tdisplay: inline-block;\n\tfont-family: Roboto;\n\tborder: 0;\n\t&:after {\n\t\tposition: absolute;\n\t\tcontent: '';\n\t\ttransition: none;\n\t\tbackground: radial-gradient(circle, white 95%, rgba(0,0,0,0) 95%);\n\t\tbackground-size: 0.7%;\n\t\tbackground-position: 50% 50%;\n\t\tbackground-repeat: no-repeat;\n\t}\n\t&:focus {\n\t\toutline: none;\n\t\tbackground-size: 1000%;\n \ttransition: all 1s $cubic;\n\t}\n}\n\n@mixin btn-gradient($c) {\n\tbackground-image: radial-gradient(circle, $c 1%, lighten($c, 15%) 15%, rgba(0,0,0,0) 30%);\n\tbackground-color: $c;\n}\n\n.btn--float {\n\tborder-radius: 50%;\n\twidth: 50px;\n\theight: 50px;\n\t@include btn-gradient($accent);\n\twill-change: box-shadow, background-color;\n\tfont-size: $font-big;\n\tpadding: 0;\n\t&:hover {\n\t\tbox-shadow: $box-shadow-float-hover;\n\t\tbackground-color: lighten($accent, 5%);\n\t}\n}\n\n.btn--raised {\n\tborder-radius: $border-radius-small*0.66;\n\tbox-shadow: $box-shadow-raised;\n\t@include btn-gradient($river);\n\twill-change: box-shadow, background-color;\n\tcolor: white;\n\t&:hover {\n\t\tbox-shadow: $box-shadow-raised-hover;\n\t\tbackground-color: lighten($river, 5%);\n\t}\n}\n\n.btn--flat {\n\t@include btn-gradient($secondary);\n\tbackground-color: $body-background;\n\tbox-shadow: none;\n}\n\n.btn--primary {\n\t@include btn-gradient($primary);\n\t&:hover {\n\t\tbackground-color: lighten($primary, 5%);\n\t}\n}\n\n.btn--secondary {\n\t@include btn-gradient($secondary);\n\t&:hover {\n\t\tbackground-color: lighten($secondary, 5%);\n\t}\n}\n\n.btn--accent {\n\t@include btn-gradient($accent);\n\t&:hover {\n\t\tbackground-color: lighten($accent, 5%);\n\t}\n}\n\n.btn--red {\n\t@include btn-gradient($alizarin);\n\t&:hover {\n\t\tbackground-color: lighten($alizarin, 5%);\n\t}\n}\n\n.btn--yellow {\n\t@include btn-gradient($sunflower);\n\t&:hover {\n\t\tbackground-color: lighten($sunflower, 5%);\n\t}\n}\n\n.btn--green {\n\t@include btn-gradient($green);\n\t&:hover {\n\t\tbackground-color: lighten($green, 5%);\n\t}\n}\n\n.btn--blue {\n\t@include btn-gradient($blue);\n\t&:hover {\n\t\tbackground-color: lighten($blue, 5%);\n\t}\n}\n\n","@import './colors';\n\n// Type\n$serif: 'Gentium Book Basic', serif !default;\n$sans: Roboto, sans-serif !default;\n$font-small: 12px !default;\n$font-med: 16px !default;\n$font-big: 22px !default;\n$font-huge: 40px !default;\n$line-height: 130% !default;\n\n// Colors\n$primary: $turqoise !default;\n$secondary: lighten($turqoise, 10%) !default;\n$accent: $yellow !default;\n\n$body-background: $off-white !default;\n\n// Grid\n$grid-columns: 12 !default;\n\n// Decorative\n$box-shadow-card: 0 2px 5px 0 rgba(0, 0, 0, 0.1), 0 2px 10px 0 rgba(0, 0, 0, 0.07) !default;\n$box-shadow-float: 0 2px 5px 0 rgba(0, 0, 0, 0.14), 0 2px 10px 0 rgba(0, 0, 0, 0.1) !default;\n$box-shadow-float-hover: 0 5px 11px 0 rgba(0, 0, 0, 0.16), 0 4px 15px 0 rgba(0, 0, 0, 0.13) !default;\n$box-shadow-raised: 0 2px 5px 0 rgba(0, 0, 0, 0.14), 0 2px 10px 0 rgba(0, 0, 0, 0.1) !default;\n$box-shadow-raised-hover: 0 5px 11px 0 rgba(0, 0, 0, 0.16), 0 4px 15px 0 rgba(0, 0, 0, 0.13) !default;\n\n$cubic: cubic-bezier(.64,.09,.08,1) !default;\n\n$border-radius-small: 3px !default;\n$border-radius-med: 6px !default;\n$border-radius-big: 10px !default;\n\n// Spacing\n$space-big: 40px !default;\n$space-med: 20px !default;\n$space-small: 10px !default;\n\n// Media Queries\n$media-med: 1200px !default;\n$media-small: 900px !default;\n$media-tiny: 520px !default;\n","//Greens\n$turqoise: #1abc9c;\n$green-sea: #16a085;\n$emerald: #2ecc71;\n$nephritis: #27ae60;\n$green: #4caf50;\n$light-green: #8bc34a;\n$lime: #cddc39;\n//Blues\n$river: #3498db;\n$belize: #2980b9;\n$asphalt: #34495e;\n$midnight-blue: #2c3e50;\n$blue: #2196f3;\n$light-blue: #03a9f4;\n$cyan: #00bcd4;\n$teal: #009688;\n//Reds\n$alizarin: #e74c3c;\n$pomegranate: #c0392b;\n$red: #f44336;\n//Oranges\n$carrot: #e67e22;\n$pumpkin: #d35400;\n$dull-orange: #f39c12;\n$orange: #ff9800;\n$blood-orange: #ff5722;\n$amber: #ffc107;\n//Yellows\n$sunflower: #f1c40f;\n$yellow: #ffeb3b;\n//Purples + Pinks\n$amethyst: #9b59b6;\n$plum: #8e44ad;\n$purple: #9c27b0;\n$deep-purple: #673ab7;\n$pink: #e91e63;\n$indigo: #3f51b5;\n//Browns\n$brown: #795548;\n//Greys\n$grey: #9e9e9e;\n$gun-metal: #607d8b;\n$asbestos: #7f8c8d;\n$concrete: #95a5a6;\n$silver: #bdc3c7;\n//Whites\n$clouds: #dde4e6;\n$paper: #efefef;\n$off-white: #fcfcfc;\n//Blacks\n$black: #212121;\n","@import './_imports/_variables';\n\nlabel {\n\tcolor: lighten($black, 5%);\n}\n\ninput {\n\t&[type=\"email\"], &[type=\"text\"], \n\t&[type=\"password\"] {\n\t margin-bottom: $space-big;\n\t width: 200px;\n\t display: block;\n\t border: none;\n\t padding: 10px 0;\n\t border-bottom: solid 1px $primary;\n\t will-change: background-position;\n\t transition: all 0.3s cubic-bezier(.64,.09,.08,1);\n\t background: linear-gradient(to bottom, rgba(255,255,255,0) 96%, $primary 96%);\n\t background-position: -200px 0;\n\t background-size: 200px 100%;\n\t background-repeat: no-repeat;\n\t color: darken($primary, 20%);\n\t &:focus, &:valid {\n\t box-shadow: none;\n\t outline: none;\n\t background-position: 0 0;\n\t &::-webkit-input-placeholder {\n\t color: $primary;\n\t font-size: 11px;\n\t transform: translateY(-20px);\n\t visibility: visible !important;\n\t }\n\t }\n\t &::-webkit-input-placeholder {\n\t \ttransition: all 0.2s $cubic;\n\t }\n\t}\n}\n\ninput[type=\"checkbox\"]:not(.modal-trigger):not(.toggle):not(#alert-check):not([id*=\"lightbox-\"]) {\n\tposition: relative;\n\tcursor: pointer;\n\t&:before {\n\t\tcontent: '';\n\t\twidth: 16px;\n\t\theight: 16px;\n\t\tborder: solid 2px $primary;\n\t\tborder-radius: $border-radius-small;\n\t\tbackground: white;\n\t\tposition: absolute;\n\t}\n\t&:after {\n\t\tcontent: '✓';\n\t\tcolor: white;\n\t\tbackground: $primary;\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\twidth: 16px;\n\t\theight: 16px;\n\t\tborder: solid 2px $primary;\n\t\tborder-radius: $border-radius-small;\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\topacity: 0;\n\t\ttransition: opacity 0.3s $cubic;\n\t\twill-change: opacity;\n\t}\n\t&:checked {\n\t\t&:after {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t&:focus {\n\t\toutline: none;\n\t}\n}\n\ninput[type=\"radio\"] {\n\tposition: relative;\n\ttop: 2px;\n\tleft: 2px;\n\tmargin: 0 8px;\n\tcursor: pointer;\n\t&:before {\n\t\tcontent: '';\n\t\tbackground-color: white;\n\t\twidth: 16px;\n\t\theight: 16px;\n\t\tborder-radius: 50%;\n\t\tborder: solid 2px $primary;\n\t\tdisplay: inline-block;\n\t\tposition: absolute;\n\t\ttop: -2px;\n\t\tleft: -2px;\n\t\tbackground-image: radial-gradient(circle, $primary 40%, white 50%);\n\t\tbackground-size: 0;\n\t\tbackground-position: 50% 50%;\n\t\tbackground-repeat: no-repeat;\n\t\ttransition: all 0.3s $cubic;\n\t\twill-change: background-size;\n\t\tz-index: 2;\n\t}\n\t&:after {\n\t\tcontent: '';\n\t\twidth: 16px;\n\t\theight: 16px;\n\t\tbackground: white;\n\t\tborder-radius: 50%;\n\t\tposition: absolute;\n\t\ttransition: all 0.3s $cubic;\n\t}\n\t&:checked {\n\t\t&:before {\n\t\t\tbackground-size: 14px 14px;\n\t\t}\n\t}\n\t&:focus {\n\t\toutline: none;\n\t}\n}\n\nselect {\n\tborder: none;\n\tborder-bottom: solid 1px $grey;\n\tcolor: $black;\n\tpadding: 6px;\n\tcursor: pointer;\n}\n\ninput[type=range] {\n -webkit-appearance: none;\n &:focus {\n \toutline: none;\n }\n}\n\ninput[type=range]::-webkit-slider-runnable-track {\n height: 3px;\n cursor: pointer;\n background: $grey;\n}\n\ninput[type=range]::-webkit-slider-thumb {\n height: 16px;\n width: 16px;\n border-radius: 50%;\n background: $emerald;\n cursor: pointer;\n -webkit-appearance: none;\n margin-top: -6px;\n box-shadow: $box-shadow-card;\n}\n\ninput[type=range]::-moz-range-track {\n height: 3px;\n cursor: pointer;\n background: $grey;\n}\n\ninput[type=range]::-moz-range-thumb {\n height: 16px;\n width: 16px;\n border-radius: 50%;\n border: none;\n background: $emerald;\n cursor: pointer;\n}\n\ninput[type=range]::-ms-track {\n cursor: pointer;\n background: transparent;\n border-color: transparent;\n color: transparent;\n}\n\ninput[type=range]::-ms-fill-lower {\n background: $emerald;\n}\n\ninput[type=range]::-ms-fill-upper {\n background: $grey;\n}\n\ninput[type=range]::-ms-thumb {\n background: $emerald;\n}\n\n.toggle {\n display: none;\n &:checked {\n + label {\n background: lighten($emerald, 25%);\n &:after {\n background: $emerald;\n \tmargin-left: 18px;\n }\n }\n }\n}\n\n.toggle + label {\n\tposition: absolute;\n\twidth: 30px;\n\theight: 6px;\n\tmargin-top: 12px;\n\tbackground: $grey;\n\ttransition: background 0.3s $cubic;\n\twill-change: background;\n\t&:after {\n\t\tposition: absolute;\n\t\tcontent: '';\n\t\twidth: 14px;\n\t\theight: 14px;\n\t\tborder-radius: 50%;\n\t\tbackground: lighten($grey, 25%);\n\t\tdisplay: inline-block;\n\t\tcursor: pointer;\n\t\tmargin-top: -4px;\n\t\tmargin-left: -1px;\n\t\ttransition: all 0.3s ease;\n\t\twill-change: background, margin-left;\n\t\tbox-shadow: $box-shadow-card;\n\t}\n}\n\ntextarea {\n\tborder: solid 1px $grey;\n\ttransition: border 0.3s $cubic;\n\t&:focus {\n\t\tborder: solid 1px $primary;\n\t\toutline: none;\n\t}\n}",".github-corner svg {\n fill: rgba(222,122,39,0.5);\n color: #fff;\n position: fixed;\n top: 0;\n border: 0;\n right: 0;\n}\n\n.github-corner svg:hover {\n fill: rgba(255,118,5,0.5);\n}\n\n.github-corner:hover .octo-arm {\n animation: octocat-wave 560ms ease-in-out\n}\n\n@keyframes octocat-wave {\n 0%,\n 100% {\n transform: rotate(0)\n }\n 20%,\n 60% {\n transform: rotate(-25deg)\n }\n 40%,\n 80% {\n transform: rotate(10deg)\n }\n}\n\n@media (max-width:500px) {\n .github-corner:hover .octo-arm {\n animation: none\n }\n .github-corner .octo-arm {\n animation: octocat-wave 560ms ease-in-out\n }\n}\n\n\n.github-button, iframe {\n position: fixed;\n top: 20px;\n left: 20px;\n}"],sourceRoot:""}])},function(n,e,t){e=n.exports=t(2)(!0),e.push([n.i,"*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}html{background-color:#fff;padding:0}body,html{margin:0;width:100%}body{height:100%;padding:1em;font-family:Alegreya,Palatino,Georgia,serif;font-size:100%;color:#444}a,a:visited{color:#444;transition:color .3s ease}a:hover{color:#000}.content{padding:.809em;max-width:30em;margin:auto}.content>footer{margin-top:4em;margin-bottom:2em;border-top:1px solid #eee;display:none}article>h1:first-child{display:none}article h1,article h2,article h3,article h4,article h5{font-weight:400;margin-top:2em;color:#000}article h1,article h2{font-size:1.5em}article h3{font-family:Alegreya SC,Palatino,Georgia,serif;font-weight:400;text-transform:lowercase}article h4{font-size:1em;font-styl