:root{--font-family: NewCicleGordita, Arial, Helvetica, sans-serif;--text-color: #222;--icon-bg-color: #000;--icon-fg-color: #fff;--icon-dimension: 512px}@font-face{font-family:NewCicleGordita;src:url(/styles/fonts/New_Cicle_Gordita-webfont.woff) format("woff");font-weight:400;font-style:normal}html,body{height:100%;margin:0;padding:0}body{background:#fff url(/images/project_papper.png);color:var(--text-color);font-family:Arial,Helvetica,sans-serif}a{color:var(--text-color)}h1,h2{font-family:var(--font-family);font-weight:400}h3{font-weight:400}h1{margin:0;grid-column:1 / 3;text-align:center}.subtitle{text-align:center}a.nav{position:relative;text-decoration:none;&:before{background:var(--text-color);bottom:0;content:"";height:2px;position:absolute;transform:scaleZ(1);transition:transform .1s;width:100%}&:hover:before{transform:scale3d(0,1,1)}}#content{display:grid;grid-template-columns:3fr 1fr;gap:1em;padding:0 1em}article{grid-column:1 / 3;margin:0 auto;width:60%}@media screen and (max-width: 620px){article{width:100%}}@media screen and (max-width: 1000px){main,aside{grid-column:1 / 3}aside{h2:first-child{margin-top:.5em}}}footer{font-size:.8em;padding:1em;text-align:center;span{margin:0 .5em}img{height:32px;vertical-align:middle;width:32px}}.bullet{height:1em;vertical-align:bottom}.icon{background:var(--icon-bg-color);border-radius:5px;box-shadow:0 5px 10px #0006;display:block;margin:0 auto;transition:all .2s}ul.tags{display:flex;flex-wrap:wrap;gap:.5em}.tags{font-size:1.2em;list-style:none;margin:0;padding:0;white-space:nowrap;a{background:var(--icon-bg-color);border-radius:5px;color:var(--icon-fg-color);display:inline-block;padding:.5em;transition:all .2s;&:hover{background:#333}span{background:#fff4c2;border:#fc3 solid 2px;border-width:2px;border-radius:50%;color:#000;display:inline-block;font-size:.8em;font-weight:700;height:1em;line-height:1.1em;margin-left:5px;text-align:center;vertical-align:middle;width:1em}}}.download{display:flex;font-weight:700;list-style:none;margin:0;padding:0;gap:1em;a{border:2px solid transparent;border-radius:5px;display:inline-block;min-width:96px;overflow:hidden;padding:.5em;position:relative;text-align:center;text-decoration:none;transition:all .2s;white-space:nowrap;&:hover{box-shadow:0 2px 5px #0006;img{top:0}span{transform:translateY(300%)}}img{height:100%;left:0;position:absolute;top:-100%;transition:all .3s;width:100%}span{display:inline-block;height:100%;transition:all .3s;width:100%}}}.tags.cover{padding:.5em;a{padding:0 .5em 0 0}img{box-shadow:none;display:inline;height:1.8em;margin:0 .2em 0 0;transition:none;vertical-align:middle;width:1.8em}li.parent{background:var(--icon-fg-color);border:2px solid var(--icon-bg-color);border-radius:5px;display:flex;flex-wrap:wrap;padding:10px;gap:.5em}}.icons{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;li{margin:.2em;position:relative;transition:all .2s ease-in-out;a{display:block}span{background:#fff4c2;border:#fc3 solid 2px;border-width:0 0 2px 2px;font-weight:700;right:0;padding:5px;position:absolute;z-index:1}img,svg{box-shadow:none;height:120px;width:120px}&:hover{backface-visibility:hidden;transform:translateZ(0) scale(1.2);z-index:42;span{display:none}}}}@media screen and (max-width: 620px){.icons{li{img,svg,.flipper{height:56px;width:56px}}}}.more{font-size:1.2em;padding:2em;text-align:center;li{display:inline}img{height:120px;width:120px}}.showcase{display:flex;flex-wrap:wrap;gap:.5em;list-style:none;padding:0;li{display:block;text-align:center}img{border:1px solid var(--icon-bg-color);display:block;margin-top:.5em}}.diapos{height:160px;list-style:none;margin:0;overflow:hidden;padding-top:200px;position:relative}.diapo{background:var(--icon-fg-color);border-radius:5px;box-shadow:#0000001a 10px 10px 10px;padding:5px;position:absolute;&:nth-child(1){left:12%;transform:scale(1.4) rotate(8deg);z-index:5;top:98px}&:nth-child(2){left:18%;top:250px;transform:scale(1.6) rotate(5deg);z-index:6}&:nth-child(3){left:27%;top:96px;transform:scale(1.7) rotate(-14deg);z-index:7}&:nth-child(4){left:40%;transform:scale(2) rotate(20deg);z-index:8}&:nth-child(5){left:54%;top:100px;transform:scale(1.8) rotate(-45deg);z-index:7}&:nth-child(6){left:57%;top:246px;transform:scale(1.6) rotate(11deg);z-index:6}&:nth-child(7){left:70%;top:129px;transform:scale(1.4) rotate(-32deg);z-index:5}&:nth-child(8){left:74%;top:244px;transform:scale(1.2) rotate(33deg);z-index:4}}header{align-items:center;display:flex;justify-content:space-between;font-family:var(--font-family);padding:1em}#logo{background:var(--icon-bg-color);border-radius:5px;color:var(--icon-fg-color);font-size:2em;padding:.5em;text-decoration:none;white-space:nowrap}#nav{ul{display:flex;justify-content:center;list-style:none;margin:0;padding:0}li{margin:0 .5em}a{cursor:pointer;display:inline-block;padding:.5em;text-decoration:underline}}#search{font-family:Arial,sans-serif;width:40%}@media screen and (max-width: 1000px){header{flex-wrap:wrap;justify-content:center}#logo{font-size:1.5em;margin-bottom:.5em}#nav{display:flex;justify-content:center;a{font-size:1.2em}}#search{width:100%}}#algolia-search{padding:5px 0}.algolia-autocomplete{width:100%;.aa-input,.aa-hint{width:100%}.aa-hint{color:#999}.aa-dropdown-menu{width:100%;background-color:#fff;border:1px solid #999;border-top:none;.aa-suggestion{cursor:pointer;display:flex;padding:5px;&.aa-cursor{background-color:#fff4c2}em{font-weight:700;font-style:normal}}}img{margin-right:10px}.name{margin-top:0}.description{font-size:.8em}hr{display:none}}.algolia-empty{padding:5px}.algolia-branding{display:flex;justify-content:space-between;margin:.5em .2em;a.promo{text-decoration:none}img{height:1.3em;margin-bottom:-.3em}}#algolia-advanced-search-wrapper{text-align:center;.algolia-branding{display:block;text-align:center;text-decoration:none}}#algolia-hits{.ais-hits--item{margin:1em 0}.ais-hits--item>a{display:flex;text-decoration:none}.ais-hits--item>a:hover{background:#fff}img{margin-right:10px}.name{margin-top:0}.description{font-size:.8em}em{font-weight:700;font-style:normal}.algolia-empty{margin:1em;text-align:center}}#algolia-pagination{text-align:center}.ais-pagination--item__active{background-color:#000!important}.popular-icons{.inlined-svg{position:absolute;top:0;transition:all 1s}.inlined-svg-enter{opacity:0}}.flipper{height:120px;position:relative;transform-style:preserve-3d;transition:.6s;width:120px;a{backface-visibility:hidden;left:0;position:absolute;top:0}.front{transform:rotateY(0);z-index:2}.back{transform:rotateY(180deg)}}.flipper.hover{transform:rotateY(180deg)}.icon-page{h1{grid-column:1 / 4}h4.author{grid-column:1 / 4;font-weight:400;margin-bottom:0;margin-top:0;text-align:center}#content{grid-template-columns:1fr 2fr 1fr}main{min-height:var(--icon-dimension);position:relative;.inlined-svg{position:absolute;top:0}}aside{>h2:first-child{margin-top:0}}.tag-nav{align-items:center;display:flex;margin-bottom:.2em}.previous,.next{a{display:block;padding:0}img{box-shadow:none;height:2em;width:2em}}.previous{margin-right:.2em}.next{margin-left:.2em}.emojis{display:flex;.codepoint{font-family:Arial,Helvetica,Twemoji Mozilla,sans-serif;font-size:2em;margin-right:.5em}a{display:block;text-decoration:none}span,code{margin-right:1em}code{text-decoration:underline}}}#icon{height:var(--icon-dimension);margin:0 auto;position:relative;transition:all .2s;width:var(--icon-dimension);svg{border-radius:0;box-shadow:none}>img.icon{height:var(--icon-dimension);width:var(--icon-dimension)}}@media screen and (max-width: 1000px){.icon-page{main,aside{grid-column:1 / 4;min-height:initial}aside{h2:first-child{margin-top:.5em}}.author{text-align:center}}}@media screen and (max-width: 512px){#icon,#canvas,.Icon{height:256px!important;width:256px!important}}.comments{list-style:none;padding:0;li{display:flex;background:#ffffff80;border-radius:5px;margin-bottom:1em;padding:1em;gap:1em;img{height:3em;width:3em}}}.done:before,.inprogress:before,.todo:before{border-radius:2px;color:#fff;display:inline-block;font-size:.8em;padding:.2em;margin-right:.5em}.done:before{background:green;content:"done"}.inprogress:before{background:orange;content:"in progress"}.todo:before{background:#c00;content:"todo"}[data-hint]{position:relative;display:inline-block}@media screen and (max-width: 620px){[data-hint]:before,[data-hint]:after{display:none}}[data-hint]:before,[data-hint]:after{opacity:0;pointer-events:none;position:absolute;transform:translateZ(0);transition:.3s ease;visibility:hidden;z-index:1000000}[data-hint]:hover:before,[data-hint]:hover:after,[data-hint]:focus:before,[data-hint]:focus:after{opacity:1;visibility:visible}[data-hint]:before{background:transparent;border:6px solid transparent;content:"";position:absolute;z-index:1000001}[data-hint]:after{background:#fff;border-radius:4px;box-shadow:0 4px 8px #0000004d;color:#000;content:attr(data-hint);font-size:12px;font-weight:700;line-height:12px;padding:8px 10px;white-space:nowrap}.hint--top:before{border-top-color:#fff}.hint--top:before{margin-bottom:-11px}.hint--top:before,.hint--top:after{bottom:100%;left:50%;transform:translate(-50%)}.hint--top:hover:after,.hint--top:hover:before,.hint--top:focus:after,.hint--top:focus:before{transform:translate(-50%,-8px)}.studio-help{.progression{align-items:center;display:flex;justify-content:center;img{height:64px;width:64px}}.samples{display:flex;flex-wrap:wrap;justify-content:space-around;img{height:120px;margin:10px;width:120px}}.arrow{font-size:42px;margin:0 21px}}.badges{list-style:none;padding:0;li{display:inline-block;margin:12px}img{height:64px;width:64px}}ul.emojis{list-style:none;margin:0 auto;padding:0;li.emoji{align-items:center;display:flex;.codepoint{font-family:Arial,Helvetica,Twemoji Mozilla,sans-serif;font-size:4em;margin:0 1em;min-width:80px}code{margin:0 1em}}}