@charset "UTF-8";@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700&display=swap");:root{--color-page-bg:#456;--color-page-txt:#ddd}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}[hidden]{display:none}body{line-height:1}menu,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.pattern-cross-dots-sm{background-image:radial-gradient(currentColor .5px,transparent 0),radial-gradient(currentColor .5px,transparent 0);background-size:10px 10px;background-position:0 0,5px 5px}.pattern-cross-dots-md{background-image:radial-gradient(currentColor 1px,transparent 0),radial-gradient(currentColor 1px,transparent 0);background-size:20px 20px;background-position:0 0,10px 10px}.pattern-cross-dots-lg{background-image:radial-gradient(currentColor 1.5px,transparent 0),radial-gradient(currentColor 1.5px,transparent 0);background-size:30px 30px;background-position:0 0,15px 15px}.pattern-cross-dots-xl{background-image:radial-gradient(currentColor 2px,transparent 0),radial-gradient(currentColor 2px,transparent 0);background-size:40px 40px;background-position:0 0,20px 20px}.text-pattern{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.pattern-w-sm{width:10px}.pattern-h-sm{height:10px}.pattern-w-md{width:25px}.pattern-h-md{height:25px}.pattern-w-lg{width:50px}.pattern-h-lg{height:50px}.pattern-w-xl{width:100px}.pattern-h-xl{height:100px}body{color:#ddd;font-family:Source Sans Pro,sans-serif;font-size:16px;line-height:1.6;text-align:center}a{color:#49b;text-decoration:none;-webkit-transition:color .15s ease-in-out;transition:color .15s ease-in-out}a:hover{color:#69adc9}p{margin-bottom:1em}.h1,.h2,.h3,.h4{line-height:1.2;margin-bottom:1rem}.h1{font-size:3rem}.h2{font-size:2rem}.h3{font-size:1.5rem}.h4{font-size:1rem}small{font-size:70%}strong{font-weight:700}em{font-style:italic}hr{background:currentColor;opacity:.3;margin:2em 0;width:100%}.mb-0{margin-bottom:0}.hero{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:3rem;max-width:500px;min-height:3.5em;margin:0 auto 1em;padding:1em 0}.hero .heading{border-bottom:1px solid hsla(0,0%,100%,.25);padding-bottom:.25em;margin-bottom:.25em;font-weight:400;text-transform:uppercase}.hero .subheading{font-size:1.1rem}html{background-color:var(--color-page-bg);color:var(--color-page-txt);padding:0;margin:0}body,html{height:100%;min-height:100%}body{padding:0;margin:0}.content{margin:0 auto;width:100%;height:100%}.container{width:80%;max-width:800px;margin-left:auto;margin-right:auto}.content-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.content-intro{min-height:30vh;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:0;position:relative;margin-bottom:auto}.content-intro,.content-main{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}.content-main{-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2;padding:2em 0 4em}.pattern{opacity:.25;position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;z-index:1}.d-block{display:block}.txt-inherit{color:var(--color-page-txt)!important}.bg-inherit{background-color:var(--color-page-bg)!important}.txt-inherit-inverse{color:var(--color-page-bg)!important}.bg-inherit-inverse{background-color:var(--color-page-txt)!important}.btn{background-color:#49b;border-radius:.35rem;color:#fff;display:inline-block;padding:.5em 1.5em;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.btn:hover{background-color:#69adc9;color:#fff;-webkit-box-shadow:0 0 .5em .25em rgba(0,0,0,.2);box-shadow:0 0 .5em .25em rgba(0,0,0,.2)}.btn-sm{font-size:.8rem}.btn-md{font-size:1rem}.btn-lg{font-size:1.4rem}.btn-inherit-inverse{background-color:transparent;color:var(--color-page-txt);border:1px solid transparent}.btn-inherit-inverse:hover{background-color:var(--color-page-bg);color:var(--color-page-txt);border:1px solid var(--color-page-txt)}.btn-inherit,.btn-inherit:hover{background-color:var(--color-page-txt);border:1px solid var(--color-page-bg);color:var(--color-page-bg)}.btn-back,.btn-forward{display:inline-block;line-height:1;position:relative;padding-left:1.5em;text-transform:uppercase;vertical-align:middle}.btn-back:before,.btn-forward:after{font-weight:700;opacity:0;position:absolute;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;vertical-align:middle}.btn-back:before{content:"←";left:.25em;-webkit-transform:translate3d(.35em,0,0);transform:translate3d(.35em,0,0)}.btn-back span{display:inline-block;position:relative;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.btn-back:hover:before{opacity:.8;-webkit-transform:translateZ(0);transform:translateZ(0)}.btn-back:hover>span{-webkit-transform:translate3d(.5em,0,0);transform:translate3d(.5em,0,0)}.btn-forward:after{content:"→";right:.35em;-webkit-transform:translate3d(-.35em,0,0);transform:translate3d(-.35em,0,0)}.btn-forward span{display:inline-block;position:relative;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.btn-forward:hover:after{opacity:.8;-webkit-transform:translateZ(0);transform:translateZ(0)}.btn-forward:hover>span{-webkit-transform:translate3d(-.5em,0,0);transform:translate3d(-.5em,0,0)}.btn-copy{cursor:pointer;font-size:.7em;font-weight:700;text-transform:uppercase}.btn-copy.success{background-color:#292}.btn-copy.error{background-color:#d00}.cards{display:grid;grid-template-columns:repeat(1,1fr)}@media (min-width:767px){.cards{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px){.cards{grid-template-columns:repeat(3,1fr)}}@media (min-width:1200px){.cards{grid-template-columns:repeat(4,1fr)}}.card a{background-color:#333;border-radius:.35rem;color:#ddd;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:left;-ms-flex-align:left;align-items:left;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;text-align:left;font-size:1.45rem;font-weight:400;position:relative;padding:1em 2em 2em 1em;margin:1em;min-height:100px;overflow:hidden;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out}.card a .card-subheading{font-size:.8em;font-weight:700;opacity:.65}.card a .card-referral{font-size:.85rem;text-transform:uppercase;-webkit-transform:translate3d(0,.5em,0);transform:translate3d(0,.5em,0)}.card a .card-referral,.card a .card-tags{opacity:0;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.card a .card-tags{font-size:.65em;line-height:1;overflow:hidden;height:1.1em;margin-top:auto;text-overflow:ellipsis}.card a:hover{background-color:#444;-webkit-box-shadow:0 0 1em .5em rgba(0,0,0,.2);box-shadow:0 0 1em .5em rgba(0,0,0,.2)}.card a:hover .card-referral,.card a:hover .card-tags{opacity:.5;-webkit-transform:translateZ(0);transform:translateZ(0)}.card a:after{content:"";position:absolute;right:1em;bottom:1em;width:1em;height:1em;border-top:4px solid;border-right:4px solid;opacity:0;-webkit-transform:translate3d(-.5em,0,0) rotate(45deg);transform:translate3d(-.5em,0,0) rotate(45deg);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.card a:hover:after{opacity:.3;-webkit-transform:translateZ(0) rotate(45deg);transform:translateZ(0) rotate(45deg)}.card{opacity:1;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.card.hidden{opacity:.2;-webkit-filter:blur(10px) grayscale(.75);filter:blur(10px) grayscale(.75)}.code{background-color:rgba(0,0,0,.6);border-radius:.35rem;color:#ddd;display:block;font-weight:700;padding:1em 1em 2.5em;min-width:135px;position:relative;max-width:300px;margin:1em auto 2em}.code-title{display:block;font-size:80%;font-weight:400;opacity:.75;margin-bottom:.25rem;text-transform:uppercase}.code-copy-to-clipboard{background-color:rgba(0,0,0,.7);border:0;border-radius:0 0 .35rem .35rem;display:block;bottom:0;padding:.7em;left:0;right:0;position:absolute;width:100%}.code-copy-to-clipboard:hover{background-color:#468}.tags{margin-top:1.5em;opacity:.8}.tags .tag:not(:last-child){margin-right:.5em}.filter{background:rgba(0,0,0,.25);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:2em;border-radius:.5em;padding:1em}.filter .filter-title{font-weight:700;text-transform:uppercase;margin-right:1em}.filter ul{display:-webkit-box;display:-ms-flexbox;display:flex;overflow-x:scroll;overflow-y:hidden;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.filter li{border-radius:.25em;border:1px solid;cursor:pointer;padding:0 .5em}.filter li:not(:first-child){margin-left:1em}.filter li.active{background:#fff;color:#333}.header{padding:1rem;position:fixed;top:0;left:0;right:0;text-align:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;z-index:10}.logo{font-size:24px}.footer{background:rgba(0,0,0,.2);border-top:1px solid rgba(0,0,0,.35);font-size:.85rem;bottom:0;left:0;right:0;padding:1em;position:fixed;opacity:.8}.heart{color:#c20}