#results-container li h1 div,#filter-search-popup h1 div{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.filter-form{display:flex;flex-wrap:wrap;margin:1em 0}.filter-form>div{display:inline-block;flex:1 350px;max-width:100%;box-sizing:border-box;padding:0}.filter-form>div:nth-child(odd){margin-right:2em}.filter-form>div>label{display:block;margin:1.5em 0 0.5em;font-weight:bold;color:#ccc8ce}.filter-form>div>label span{font-weight:normal;float:right}.filter-form>div>label span svg{vertical-align:middle}.filter-form>div>label span svg path{fill:#675f6b}.filter-form>div>label span svg:hover path,.filter-form>div>label span svg:active path,.filter-form>div>label span svg:focus path{fill:#9a929e}@media (max-width: 716px){.filter-form div:nth-child(odd){margin-right:0}}@media (max-width: 1010px){.hide-label{height:0;margin-top:1em !important}}#results-container{list-style-type:none;margin:0;padding:0}#results-count{border-top:solid 5px #29252a;margin-top:2em;padding:1em 0}.loading-indicator{width:108px;height:0px;margin:0px auto;background:url("/images/loading.gif") no-repeat center;background-size:auto 100%;opacity:0;-webkit-transition:height 1s, margin 1s, opacity 1s;transition:height 1s, margin 1s, opacity 1s;clear:both}.loading-indicator.visible{height:108px;margin:100px auto;display:block;opacity:1}#end-of-results,#no-results{margin:50px auto;text-align:center;font-size:1.25em;display:none}#end-of-results.visible,#no-results.visible{display:block}.tags-field-wrapper{position:relative}.tags-field-wrapper .visually-hidden{display:none}.tags-field-wrapper input{width:100%;box-sizing:border-box}.tags-field-wrapper button{position:absolute;right:0;top:3px;background:none;border:none;cursor:pointer}.tags-field-wrapper button svg{width:2em;height:2em}.tags-field-wrapper button svg path{fill:#332f35}.tags-field-wrapper button:hover path{fill:#403b43}.tags-field-wrapper ul{list-style-type:none;margin:0;padding:0;background:#232125;box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22);position:absolute;z-index:999999999;width:100%;box-sizing:border-box}.tags-field-wrapper ul li{padding:0.5em 1em;cursor:pointer}.tags-field-wrapper ul li[aria-selected="true"],.tags-field-wrapper ul li:hover{background:#332f35}.tags-field-wrapper ul mark{background:#332f35;color:#b3adb6}.dropdown-wrapper{background:#29252a}.dropdown-wrapper>svg{position:absolute;top:0;right:5px}#filter-search-popup{background:rgba(0,0,0,0.5);position:fixed;top:0;bottom:0;right:0;left:0;z-index:99999;display:none;opacity:0}#filter-search-popup>div{position:absolute;top:3em;bottom:3em;left:3em;right:3em;background:#332f35;border-radius:10px}#filter-search-close{position:absolute;top:0;right:0;background:transparent;border:none;cursor:pointer;padding:0.5em 0.8em}#filter-search-close svg{width:2em;height:2em}#filter-search-close svg path{fill:#675f6b}#filter-search-close:hover{background:#403b43}#filter-search-close:hover path{fill:#9a929e}.radio-group{border:solid 3px #675f6b;display:inline-block;border-radius:10px;overflow:hidden;vertical-align:middle;text-align:center;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.radio-group input{position:absolute;visibility:hidden;display:none}.radio-group input:checked+label{color:#e5e3e6;background:#675f6b}.radio-group label{color:#b3adb6;display:inline-block;cursor:pointer;font-weight:bold;padding:5px 10px}.radio-group label+input+label{border-left:solid 3px #675f6b}.radio-group{display:flex}.radio-group label{flex:1}body *::-webkit-scrollbar{width:10px;height:10px}body *::-webkit-scrollbar-track{border-radius:0.25em;margin:0.25em 0}body *::-webkit-scrollbar-thumb{background:#4d4750;border-radius:0.25em}body *::-webkit-scrollbar-thumb:hover{background:#5a535e}.content-holder{display:flex}.content-holder .promo-box{flex:0 0 250px;position:-webkit-sticky;position:sticky;align-self:flex-start;top:2em;padding-top:1em}#results-container li{display:flex;position:relative;padding:1em;margin:0 -1em;border-radius:0.25em;width:660px;float:left}#results-container li:hover{background:#29252a}#results-container li>a{display:block;position:absolute;top:0;left:0;right:0;bottom:0}#results-container li .listing{z-index:10;pointer-events:none}#results-container li .listing svg.icon{width:0.8em;height:0.8em}#results-container li .listing .liked .icon path{fill:#e3474a}#results-container li .listing a{pointer-events:auto}#results-container li .thumbnail{background:#29252a;flex-basis:10.666em;flex-grow:0;flex-shrink:0;height:6em;display:block;margin-right:1em;position:relative;background-size:cover;pointer-events:none}#results-container li .thumbnail svg{position:absolute;bottom:0.5em;right:0.5em;opacity:0.7;filter:drop-shadow(1px 1px 2px #000)}#results-container li .thumbnail svg path{fill:#fff}#results-container li.specifiedTutorial,#filter-search-popup.specifiedTutorial{display:block;opacity:1}#results-container li h1,#filter-search-popup h1{margin:0;font-size:1.5em}#results-container li h1 a,#filter-search-popup h1 a{color:#fff;text-decoration:none;border-bottom:dotted 1px transparent}#results-container li h1 a:hover,#filter-search-popup h1 a:hover{border-bottom:dotted 1px #b3adb6}#results-container li h1 div,#filter-search-popup h1 div{display:inline-block;font-size:0.4em;background-color:#4d4750;color:#b3adb6;padding:4px 10px;margin:0;border-radius:5px;vertical-align:middle}#results-container li p,#filter-search-popup p{margin:0.25em 0}#results-container li .icon,#filter-search-popup .icon{margin-left:0.5em;width:0.8em;height:0.8em}#results-container li .icon path,#filter-search-popup .icon path{fill:#675f6b}.tags-list{font-size:0.8em;color:#675f6b}.tags-list a{color:#675f6b}.tags-list a:hover{color:#9a929e;border-bottom:dotted 1px #9a929e}.tags-list svg{top:0.15em;position:relative}.tags-list path{fill:#675f6b}#more-suggested-tags{list-style-type:none;margin:0;padding:0 0 2px;margin-top:0.5em;max-height:1.5em;line-height:1.5;overflow:hidden;transition:max-height 400ms;font-size:0.8em;color:#817786}#more-suggested-tags li{display:inline-block}#more-suggested-tags li a{color:#b3adb6;border-bottom:dotted 1px transparent}#more-suggested-tags li a:hover{color:#fff;border-bottom:dotted 1px #b3adb6}#more-suggested-tags.open{max-height:200px}#more-suggested-tags.open .more{display:none}#more-suggested-tags.open .less{display:inline-block}#more-suggested-tags .more,#more-suggested-tags .less{display:inline-block;float:right;font-weight:bold;color:#fff;cursor:pointer;position:relative;padding-right:18px;padding:0 20px 0 5px;border-radius:3px;user-select:none}#more-suggested-tags .more svg,#more-suggested-tags .less svg{width:1.5em;height:1.5em;top:0;right:0;position:absolute}#more-suggested-tags .more:hover,#more-suggested-tags .less:hover{background:#4d4750}#more-suggested-tags .less{display:none}.author-link:hover{border-bottom:dotted 1px #9a929e}#filter-search-popup-container{overflow:hidden}#filter-search-popup-container .content-container{width:100%;height:100%;display:flex}#filter-search-popup-container .content-container>div{flex:1 1 50%;margin:0}#filter-search-popup-container .content-container>div.left{background:#29252a;display:flex;flex-flow:column;height:100%;box-sizing:border-box;padding:0}#filter-search-popup-container .content-container>div.left .content{flex:2;overflow:auto;box-sizing:border-box;position:relative;padding:2em}#filter-search-popup-container .content-container>div.left .content #tweet-container,#filter-search-popup-container .content-container>div.left .content #ytplayer{position:relative;z-index:10}#filter-search-popup-container .content-container>div.left .content #ytplayer{margin:0 auto 1em}#filter-search-popup-container .content-container>div.left .content .twitter-tweet,#filter-search-popup-container .content-container>div.left .content .twitter-tweet-rendered{margin:0 auto !important;float:none !important}#filter-search-popup-container .content-container>div.right{margin-top:3em;padding:0 2em;display:flex;flex-direction:column;max-width:32em;min-width:32em;overflow-y:auto}#filter-search-popup-container .content-container>div.right .comment-list.loading{background:url("/images/loading.gif") no-repeat center;height:108px}#filter-search-popup-container .meta .external-tutorial-link img{margin:2em 0 0}#filter-search-popup-container .meta .external-tutorial-link svg{top:0.2em;position:relative}#filter-search-popup-container .meta .external-tutorial-link path{fill:#fff}#filter-search-popup-container .meta .external-tutorial-link .external-button{font-size:1.25em;background:#4d4750;border-radius:0.5em;padding:0.75em 1.25em;display:inline-block;margin:1em 0 0.25em;cursor:pointer}#filter-search-popup-container .meta .external-tutorial-link .external-button svg{width:1.25em;height:1.25em}#filter-search-popup-container .meta .external-tutorial-link .external-button:hover{background:#5a535e}#filter-search-popup-container .meta .url{margin-bottom:2em;word-wrap:break-word}#filter-search-popup-container .meta .avatar{vertical-align:middle;margin-right:0.5em}#filter-search-popup-container .meta .links{margin:1em 0}#filter-search-popup-container .meta .links h2{font-size:0.7em;font-weight:none;margin-bottom:0.5em}#filter-search-popup-container .meta .links span{pointer-events:none}#filter-search-popup-container .meta .links a{background:#4d4750;display:inline-block;padding:8px 15px;border-radius:5px;margin:0 1em 1em 0}#filter-search-popup-container .meta .links a svg{top:0.15em;position:relative}#filter-search-popup-container .meta .links a path{fill:#fff}#filter-search-popup-container .meta .links a.website:hover{background:#5a535e}#filter-search-popup-container .meta .links a.twitter{background:#00b6f1}#filter-search-popup-container .meta .links a.twitter:hover{background:#25caff}#filter-search-popup-container .meta .links a.youtube{background:#b31217}#filter-search-popup-container .meta .links a.youtube:hover{background:#e1171d}#filter-search-popup-container .meta .links a.patreon{background:#F96854}#filter-search-popup-container .meta .links a.patreon:hover{background:#fb9485}#filter-search-popup-container .meta .links a.tumblr{background:#2c4762}#filter-search-popup-container .meta .links a.tumblr:hover{background:#3c6185}#filter-search-popup-container .meta .links a.instagram{background:#c2368a}#filter-search-popup-container .meta .links a.instagram:hover{background:#d15aa1}#filter-search-popup-container .meta .links a.facebook{background:#3b5998}#filter-search-popup-container .meta .links a.facebook:hover{background:#4c70ba}#disqus_thread{width:100%;height:100%;overflow:auto;margin-top:0.5em;box-sizing:border-box;padding-right:2em;padding-bottom:1em}#filter-search-popup-container .loading-indicator{position:absolute;left:0;right:0}@media (hover: none){.promo-box .buttons{width:2em;right:-2em;display:flex;flex-direction:column-reverse;visibility:visible}.promo-box .buttons div{margin-top:0.25em;padding:0.25em}.promo-box .domain{display:block;bottom:-2em;background:none;visibility:visible}}#back-to-top{display:none;position:sticky;bottom:1em;width:3em;height:3em;border-radius:1.5em;background:#4d4750;text-align:center;z-index:500;box-shadow:5px 5px 16px 0px rgba(0,0,0,0.2);float:right}#back-to-top svg{margin-top:0.75em}#back-to-top svg path{fill:#332f35}.clear{clear:both}@media (max-width: 1010px){.content-holder{flex-direction:column;padding-bottom:300px}.content-holder .promo-box{margin:2em auto}#results-container li{float:none;width:100%;margin:0 -0.5em;border-radius:0;padding:1em 0.5em}#disqus_thread{padding-right:1em !important}#filter-search-popup>div{top:2em;bottom:2em;left:2em;right:2em}#filter-search-popup>div .content-container{overflow-y:scroll;height:calc(100% - 2.25em);margin-top:2.25em;display:block}#filter-search-popup>div .content-container>div.left{height:auto}#filter-search-popup>div .content-container>div.left .content{padding:0 1em}#filter-search-popup>div .content-container>div.right{max-width:none;min-width:auto;padding:1em 0 0 1em}}@media (max-width: 44em){#filter-search-popup>div{top:1em;bottom:1em;left:1em;right:1em}#results-container li .thumbnail{flex-basis:6em;background-position-x:center}}@media (max-width: 38em){#results-container li{flex-direction:column}#results-container li .thumbnail{background-size:contain;background-repeat:no-repeat;background-position-x:left;background-color:transparent;margin-bottom:1em;flex-basis:8em}#results-container li .thumbnail svg{right:auto;left:0.5em}#results-container li:hover{background-color:transparent}#back-to-top{display:block}}

/*# sourceMappingURL=maps/pixel-art-tutorials.css.map */