@import url("https://fonts.googleapis.com/css?family=Roboto:300,300i,400");@import url("https://fonts.googleapis.com/css?family=Roboto+Mono:400");@import url("https://fonts.googleapis.com/css?family=Josefin+Sans:400,400i");@font-face{font-family:mdi;font-style:normal;font-weight:400;src:url(materialdesignicons-webfont.ttf)}.mdi-database:before,.mdi-instagram:before,.mdi-shop:before,.mdi-twitter:before{font-family:mdi;font-size:inherit;line-height:inherit;padding-right:.3rem}.mdi-shop:before{content:"\f49a"}.mdi-database:before{content:"\f1b8"}.mdi-twitter:before{content:"\f544"}.mdi-instagram:before{content:"\f2fe"}.mdi-info:before{content:"\f2fc"}.mdi-info:before,.mdi-settings:before{font-family:mdi;font-size:inherit;line-height:inherit}.mdi-settings:before{content:"\f493"}.mdi-edit:before{content:"\f3eb";font-family:mdi;font-size:inherit;line-height:inherit}.navicons li{font-size:1.5rem;line-height:1.5rem}@font-face{font-family:Obey;font-style:normal;font-weight:400;src:url(Obey-Regular.otf)}html{font-size:100%}body{background-color:#f5f5f5;bottom:0;color:#272822;font-family:Roboto;font-size:1.4rem;font-weight:300;left:0;line-height:1rem;margin:0;padding:0;right:0;top:0}#autocenterbox{background-color:#fff;display:flex;flex-direction:column;height:100%;margin:0 auto;min-height:100%}@media only screen and (max-device-width:480px){#autocenterbox{width:100%}}@media only screen and (min-device-width:480px){#autocenterbox{min-width:33.5rem}}@media only screen and (min-width:33.5rem) and (max-width:50rem){#autocenterbox{width:33.5rem}}@media only screen and (min-width:50rem) and (max-width:66.5rem){#autocenterbox{width:50rem}}@media only screen and (min-width:66.5rem) and (max-width:83rem){#autocenterbox{width:66.5rem}}@media only screen and (min-width:83rem) and (max-width:99.5rem){#autocenterbox{width:83rem}}@media only screen and (min-width:99.5rem){#autocenterbox{width:99.5rem}}.logoutButton,.toggleLogin,button{background-color:#1e3b44;border:.2rem solid #4cd7ff;color:#4cd7ff;cursor:pointer;display:inline-block;font-family:Roboto Mono;font-size:.8rem;margin:0;padding:.5rem 1rem}.loginButton,.registerButton{background-color:#d0d3d0;border:1px solid #d0d3d0;cursor:pointer;font-family:Roboto Mono;font-size:.8rem}@media only screen and (max-device-width:480px){#navPagingBox{font-size:3rem}}@media only screen and (min-device-width:480px){#navPagingBox{font-size:4rem}}#navPagingBox{-webkit-touch-callout:none;cursor:default;font-family:Material Icons;line-height:1em;margin:0;padding:0;user-select:none;-webkit-user-select:none;white-space:nowrap}#navPagingBox #pagingBackBox{background-color:rgba(250,238,66,.9)}#navPagingBox .material-icons{font-size:inherit;margin:0;padding:0}#navPagingBox .bigPageNum{color:#343522;font-family:Roboto,sans-serif;font-family:Obey,sans-serif;font-weight:400;margin-left:-.1em;padding:0 .35em;z-index:200}#navPagingBox span{display:inline-block;float:right}#navPagingBox span a{float:inherit}#navPagingBox .active,#navPagingBox .inactive{margin:0 -.2em}#navPagingBox .inactive a{color:#343522}#navPagingBox .active a{-webkit-tap-highlight-color:none;color:#f97070;cursor:pointer;opacity:1;text-decoration:none}#navPagingBox .active a:active{color:hsla(0,92%,71%,.5)}#navPagingBox .active a:active,#navPagingBox .active a:focus,#navPagingBox .active a:hover,#navPagingBox .active a:visited{background:none}.picSpriteOnList .picSpriteBox,.pixPoolItem .picSpriteBox{font-size:1.4rem;font-weight:300;line-height:1rem}.picSpriteOnList .picSpriteBox,.picSpriteOnList figure img,.picbox figure,.pixPoolItem .picSpriteBox{align-items:center;bottom:0;display:flex;justify-content:center;left:0;margin:0;padding:0;right:0;top:0}.picSpriteOnList figure img,.picbox figure{height:100%}.picSpriteOnList figure img,.picbox figure img{-ms-interpolation-mode:nearest-neighbor;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:pixelated;padding:0}.picMeta{background-color:#343522;color:#aeaeab;font-family:Roboto Mono;font-size:.8rem;font-weight:400;line-height:1.3em;margin:.5rem;padding:.5rem;text-align:left}.picMeta ul{margin:0;padding:0}.picMeta li{background-color:#343522;display:inline-block;list-style:none;margin:0;padding:0 .25em}.picMeta .property{color:#d39322}.picMeta .tag:after{content:","}.picMeta .tag:last-of-type:after{content:""}.picbox .deletePic{background:#f0f3f0;color:#f97070;cursor:pointer;padding:.25rem .5rem;position:absolute;z-index:10}.picbox .deletePic:hover{background-color:#f97070;color:#f0f3f0}.picbox .linkButton{-webkit-touch-callout:none;background-color:#f97070;border-radius:2rem;color:#fff;cursor:pointer;height:2rem;line-height:1.8rem;margin-left:-.25rem;margin-top:1rem;position:absolute;text-align:center;transform:rotate(-45deg);user-select:none;-webkit-user-select:none;width:2rem}.picbox .linkButton:hover{background-color:#f0f3f0;box-shadow:0 10px 20px rgba(0,0,0,.25),0 5px 5px rgba(0,0,0,.22);color:#f97070;padding:.5rem;transform:translate(-.5rem,-.5rem) rotate(45deg);transition:padding .2s,transform .2s,box-shadow .2s,color .2s}.picbox .linkButton a{color:inherit}.picbox .linkButton i{vertical-align:middle}.picbox .access-0,.picbox .access-1,.picbox .access-2,.picbox .access-3,.picbox .access-undefined{border-radius:1em;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);color:#aeaeab;font-family:Roboto Mono;font-size:12px;margin:-.25em 0 0 -.25em;padding:0 .4em .1em;position:absolute}.picbox .access-0{background-color:green}.picbox .access-1{background-color:blue}.picbox .access-2{background-color:purple}.picbox .access-3{display:none}.picbox .access-undefined{background-color:#000}#pinned{box-shadow:inset 0 0 2.5em 2em #fff;height:17rem;image-rendering:pixelated;margin:-.5em 0;width:100%;z-index:-1}@media only screen and (max-device-width:480px){#pixPoolBox{box-sizing:border-box;width:100%}#pixPoolBox .pixPoolItem{max-height:32rem;width:100%}}@media only screen and (min-device-width:480px){#pixPoolBox .pixPoolItem{height:16rem;width:16rem}}#pixPoolBox{display:flex;flex-wrap:wrap;padding:.25rem}#pixPoolBox .pixPoolItem{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);margin:.25rem;overflow:hidden;padding:0}#pixNoneComp{display:flex;justify-content:center;margin:.5rem;min-height:16rem;width:100%}#noPixMessage{color:#f97070;padding-top:5em}.searchSlug{background-color:#f97070;color:#ff0;padding:.1em .4em;text-transform:capitalize}.searchQuery{border:2px solid #f97070;border-radius:1em;padding:.1em .4em;text-transform:uppercase}@media only screen and (max-device-width:480px){.sideHide{display:none}#sideBox{min-width:16rem;padding:.5rem 0}}@media only screen and (min-device-width:480px){.sideHide{margin-left:-16.5rem}.sideHide,.sideShow{transition:.05s}#sideBox{max-width:16.5rem;min-width:16.5rem;order:0;padding:.5rem}}#sideBox{box-sizing:border-box;font-family:Roboto,sans-serif;font-size:2rem;font-weight:400;line-height:1.5rem;overflow:hidden}#sideBox .sideBoxMain{background-color:#fff;position:relative;z-index:40}#sideBox .fineprint li,#sideBox .navicons{padding-left:.5rem}#sideBox ul{display:block;margin:0;padding:0}#sideBox #quicks{padding:.5rem}#sideBox #quicks .social,#sideBox #quicks a,#sideBox #quicks span{padding:.5rem 0 .5rem .5rem}#sideBox #quicks li,#sideBox .shoplink li{list-style:none;width:100%}#sideBox #quicks li .toggleEditorLinks,#sideBox .shoplink li .toggleEditorLinks{cursor:pointer}#sideBox #quicks li span,#sideBox .shoplink li span{-webkit-touch-callout:none;background-color:#f5f5f5;color:#272822;cursor:default;user-select:none;-webkit-user-select:none}#sideBox #quicks li a,#sideBox #quicks li span,#sideBox .shoplink li a,#sideBox .shoplink li span{display:block;text-decoration:none}#sideBox #quicks li .toggleEditorLinks,#sideBox #quicks li a,#sideBox .shoplink li .toggleEditorLinks,#sideBox .shoplink li a{background-color:#fff;color:#f97070}#sideBox #quicks li .toggleEditorLinks:hover,#sideBox #quicks li a:hover,#sideBox .shoplink li .toggleEditorLinks:hover,#sideBox .shoplink li a:hover{background-color:#f5f5f5;color:#f97070}#sideBox .navicons{-webkit-touch-callout:none;color:hsla(0,92%,71%,.9);padding:.5rem .5rem .5rem 1rem;user-select:none;-webkit-user-select:none}#sideBox .navicons .iconActive{color:#272822}#sideBox .navicons .material-icons{font-size:1.5rem}#sideBox .navicons li{display:inline-block;list-style:none}#sideBox .navicons li:hover{color:#272822;cursor:pointer}#sideBox .navicons li a{color:inherit;text-decoration:none}#sideBox .showInfoOff,#sideBox .showSettingsOff{display:none}#sideBox .fineprint{background-color:#f5f5f5;box-sizing:border-box;color:#f97070;font-family:Roboto,sans-serif;font-size:1rem;font-weight:300;line-height:1.4rem;padding:.5rem;width:15.5rem}#sideBox .fineprint li{list-style:none}#sideBox .fineprint a{color:inherit;text-decoration:none}#sideBox .fineprint a:hover{color:#272822}#sideBox hr{border:none;border-top:1px dashed #f97070;margin:.5rem}@media only screen and (max-device-width:480px){#searchBox input{width:100%}}@media only screen and (min-device-width:480px){#searchBox input{width:15rem}}#searchBox{background-color:#f97070;box-sizing:border-box;height:3rem}#searchBox form{display:flex;font-family:Roboto Mono;font-size:.8rem;justify-content:flex-end;padding:.25rem}#searchBox form #pageCount,#searchBox form #pixCount{background-color:rgba(220,255,220,.2);color:rgba(220,255,220,.7);display:flex;flex-direction:column;font-family:Roboto,sans-serif;font-size:1.2rem;justify-content:center;margin:.25rem;padding:0 .5rem;text-align:center}#searchBox form select{-webkit-appearance:none;background-color:hsla(60,75%,92%,.9);border:.25rem solid #f97070;border-radius:0;color:#f97070;font-family:inherit;font-size:inherit;margin:0;overflow:hidden;padding:.5em}#searchBox form select option{font-family:inherit}#searchBox form input{background-color:#fff;border:.25rem solid #f97070;font-family:inherit;font-size:inherit;margin:0;padding:.5rem;text-align:right}#searchBox form ::-webkit-input-placeholder{color:#f97070;text-align:right}#searchBox form button{border-color:#f97070}.searchHide{margin-top:-3rem;transition:.05s}.searchShow{position:relative;transition:.05s}#jumpToTop{background-color:#fff;color:#f97070;font-size:3rem;line-height:3rem;text-align:center;width:100%}@media only screen and (min-device-width:480px){#jumpToTop{display:none}}.logoffOrLogin{cursor:pointer;display:inline-block;float:right;font-family:Roboto Mono;font-size:.8rem;line-height:1em;position:relative}.logoffOrLogin a{color:inherit;text-decoration:none}.logoffOrLogin .dropdown-content{background-color:#fff;display:none;margin-top:.5rem;position:absolute;right:0;text-align:right}.logoffOrLogin .dropdown-content a{color:#f97070;display:block;padding:.5rem}.logoffOrLogin .dropdown-content a:hover{background-color:#f97070;color:#fff}.logoffOrLogin:hover .dropdown-content{display:block}.logoffOrLogin:hover{background-color:#f97070;color:#ff0;margin:-.5rem;padding:.5rem}@media only screen and (max-device-width:480px){#appheader{height:9rem;padding:.5rem}#appheader-left{min-width:50%}#appheader-right{min-width:30%}#appheader-right #navPagingBox{right:.5rem}}@media only screen and (min-device-width:480px){#appheader{height:9rem;padding:1rem}#appheader-left,#appheader-right{min-width:16rem}#appheader-right #navPagingBox{width:16rem}}#appheader{background-color:#ff0;box-sizing:border-box;color:#f97070;display:flex;justify-content:space-between;line-height:1rem;position:relative;width:0 auto}#appheader #appheader-left{margin:0;padding:0;position:relative}#appheader #appheader-left #header-leftbottom{bottom:0;display:block;left:0;position:absolute}#appheader #appheader-right{margin:0;padding:0;position:relative;right:0;top:0}#appheader #appheader-right #header-rightbottom{bottom:0;display:block;position:absolute;right:0;text-align:right;white-space:nowrap}#appheader #appheader-right #header-rightbottom .searchSlug{text-transform:capitalize}#appheader #appheader-right #navPagingBox{position:fixed;text-align:right;z-index:50}@media only screen and (max-device-width:480px){#appbody{flex-direction:column}}@media only screen and (min-device-width:480px){#appbody{flex-direction:wrap}}#appbody{display:flex;margin:0;overflow:hidden;padding:0}@media only screen and (max-device-width:480px){#mainBox{min-width:100%}}#mainBox{align-items:baseline;display:flex;flex-direction:column;flex-grow:1;flex-wrap:wrap;padding:0;transform:translateZ(0);z-index:20}.loading{animation:blinkingText 2s infinite;color:#272822;font-family:Roboto Mono;font-size:.8rem;margin:2.5em}@keyframes blinkingText{0%{color:rgba(40,41,35,.1)}10%{color:rgba(40,41,35,.1)}50%{color:#272822}60%{color:#272822}to{color:rgba(40,41,35,.1)}}.picOnListbox{background-color:#d0d3d0;display:flex;flex-wrap:nowrap;font-family:Roboto Mono;font-size:.8rem;font-weight:400;line-height:1.3em}.picOnListbox .picSpriteOnList{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);flex-grow:3;height:16rem;overflow:hidden;padding:0;position:relative;width:16rem}.picOnListbox .stepAccess{color:#aeaeab}.picOnListbox .stepAccess:after,.picOnListbox .stepAccess:before{content:"\00a0"}.picOnListbox .stepAccess:hover{background-color:#46f;color:#fff;transition:background-color .2s linear}.picOnListbox .stepAccess:active{background-color:#fff;color:#46f}.picOnListbox .picMetaEdit{background-color:#3b488a;line-height:inherit;margin-left:.5rem;width:16rem}.picOnListbox .picMetaEdit .toggle{color:#aeaeab;cursor:pointer;line-height:1.3em;text-align:right;user-select:none}.picOnListbox .picMetaEdit .toggle .dots:hover{background-color:#fff;color:#46f}.picOnListbox .picMetaEdit li{display:block;line-height:inherit;list-style:none;white-space:nowrap}.picOnListbox .picMetaEdit .property{color:#d39322;line-height:1.3em}.picOnListbox .picMetaEdit .tag:after{content:","}.picOnListbox .picMetaEdit .tag:last-of-type:after{content:""}.picOnListbox .picMetaEdit .editAntiAlias,.picOnListbox .picMetaEdit .editFullFrame,.picOnListbox .picMetaEdit .stepAccess{-webkit-touch-callout:none;cursor:pointer;user-select:none;-webkit-user-select:none}.picOnListbox .picMetaEdit .antiAliasYes,.picOnListbox .picMetaEdit .fullYes{background-color:#aeaeab;color:#3b488a;transition:background-color .2s linear}.picOnListbox .picMetaEdit .antiAliasNo,.picOnListbox .picMetaEdit .fullNo{background-color:inherit;color:#aeaeab;transition:background-color .2s linear}.picOnListbox .picMetaEdit .antiAliasNo:after,.picOnListbox .picMetaEdit .antiAliasNo:before,.picOnListbox .picMetaEdit .antiAliasYes:after,.picOnListbox .picMetaEdit .antiAliasYes:before,.picOnListbox .picMetaEdit .fullNo:after,.picOnListbox .picMetaEdit .fullNo:before,.picOnListbox .picMetaEdit .fullYes:after,.picOnListbox .picMetaEdit .fullYes:before{content:"\00a0"}.picOnListbox .picMetaEdit .antiAliasNo:hover,.picOnListbox .picMetaEdit .antiAliasYes:hover,.picOnListbox .picMetaEdit .fullNo:hover,.picOnListbox .picMetaEdit .fullYes:hover{background-color:#fff;color:#46f;transition:background-color .2s linear}.picOnListbox .fileName{background-color:#d0d3d0;color:#4d5994;display:block;padding:.5rem;width:auto}.picOnListbox .deletePic{background:#d0d3d0;color:#f97070;cursor:pointer;padding:.5rem;position:absolute;z-index:10}.picOnListbox .deletePic:hover{background-color:#f97070;color:#fff}.picOnListbox .editName{cursor:pointer}.picOnListbox .editMeta{line-height:1.3em}.picOnListbox textarea{border:0;border-bottom:1px solid #aeaeab;box-sizing:border-box;display:block;font-weight:inherit;line-height:inherit;padding:.5rem;resize:none;width:100%}.picOnListbox .multiInput{line-height:inherit;margin:0;padding:0}.picOnListbox .singleInput{background-color:#3b488a;line-height:inherit;margin:0;padding:.5rem}.picOnListbox input{border:0;font-weight:inherit;margin:0;padding:0}.picOnListbox input,.picOnListbox textarea{background-color:#3b488a;color:#aeaeab;font-family:inherit;font-size:inherit;line-height:inherit;outline:none}.picOnListbox input:focus,.picOnListbox textarea:focus{background-color:#46f;color:#f0f3f0}.picOnListbox ::-webkit-input-placeholder{color:#46f}.picOnListbox .rndColor{-webkit-touch-callout:none;color:#aeaeab;cursor:pointer;user-select:none;-webkit-user-select:none}.picOnListbox .rndColor:after,.picOnListbox .rndColor:before{content:"\00a0"}.picOnListbox .rndColor:hover{background-color:#46f;color:#fff;transition:background-color .2s linear}.picOnListbox .rndColor:active{background-color:#fff;color:#46f}.picOnListbox .access0{background-color:green}.picOnListbox .access1{background-color:blue}.picOnListbox .access2{background-color:purple}.picOnListbox .access3{background-color:#000}#pixListBox{display:flex;flex-grow:2;flex-wrap:wrap;margin:.25rem}#pixListBox .pixListItem{margin:.25rem;overflow:hidden;padding:0;width:100%}#pixListBox .pixListItem .picSpriteOnList .picSpriteBox{height:16rem;width:100%}@media only screen and (max-device-width:480px){#appheader{font-size:3rem}#appheader #logotype{font-size:3rem;line-height:3rem}}@media only screen and (min-device-width:480px){#appheader{font-size:4rem}#appheader #logotype{font-size:4rem;line-height:4rem}}#navlogo{-webkit-touch-callout:none;color:#343522;cursor:default;font-family:Obey,sans-serif;font-style:normal;font-weight:400;letter-spacing:0;margin:0;padding:0;text-transform:uppercase;user-select:none;-webkit-user-select:none}#navlogo a,#navlogo span{float:left;padding:0 .12em}#navlogo a{color:#f97070;text-decoration:none}#navlogo a:active{background-color:#ff0;color:hsla(0,92%,71%,.5);transition:background-color 0s linear}#navlogo #togglePlusBox{background-color:rgba(250,238,66,.9);font-family:Material Icons;margin:0;padding:0}#navlogo #togglePlusBox #logotype{font-style:normal}#navlogo #togglePlusBox a{margin:0;padding:0}#navlogo #togglePlusBox .active,#navlogo #togglePlusBox .inactive{color:#f97070}#navlogo #togglePlusBox .active,#navlogo #togglePlusBox .inactive{font-size:inherit}#navlogo #togglePlusBox .active:active,#navlogo #togglePlusBox .inactive:active{background-color:#ff0;color:hsla(0,92%,71%,.5)}#pixInput{display:flex;flex-direction:column;padding:0;width:100%}#pixInput ::-webkit-input-placeholder{color:#4cd7ff}#pixInput .urlInputbox{background-color:green;box-sizing:border-box;margin:.5rem .5rem 0}#pixInput .urlInputbox textarea{background-color:#fff;border:solid #4cd7ff;border-width:.5rem .5rem 0;box-sizing:border-box;color:#272822;display:block;font-family:Roboto Mono;font-size:.8rem;font-weight:400;height:10em;line-height:1.3em;margin:0;padding:.5rem;width:100%}#pixInput .buttonbox{background-color:#4cd7ff;flex-grow:1;margin:0 .5rem .5rem;padding:.25rem;text-align:right}.failedInsertsClass{margin:.5rem;width:100%}.failedInsertsClass .errorHeader{background-color:#f97070;color:#822;display:block;padding:.5rem}.failedInsertsClass ol{background-color:#f2b3b3;color:#822;display:block;font-family:Roboto Mono;font-size:.8rem;font-weight:400;line-height:1.3em;margin:0;padding:.5rem}.failedInsertsClass ol li{list-style:none;margin:0;overflow-wrap:break-word;padding:0}.uploadedInfo{background-color:#6f6;color:#262;margin:.5rem;padding:.5rem;width:100%}.colorSwatch{display:block;height:100%}.colorSwatch .colorInfos .colorMainInfo{display:flex}.colorSwatch .colorInfos .deleteColor{background:#f0f3f0;color:#f97070;cursor:pointer;display:inline-block;padding:.25rem 0 .25rem .5rem;z-index:10}.colorSwatch .colorInfos .deleteColor:hover{background-color:#f97070;color:#f0f3f0}.colorSwatch .colorInfos .colorName{background-color:#f0f3f0;display:inline-block;padding:.25rem .5rem}.colorSwatch .colorInfos .colorMeta{color:#272822;display:block;font-family:Roboto Mono;font-size:.5rem;line-height:1.3em;padding:.25rem .5rem}.colorSwatch .colorInfos .colorMeta .colorTags{padding:0}.colorSwatch .colorInfos .colorMeta .hslValue{display:block;padding:0}#colorsPoolBox{display:flex;flex-wrap:wrap;padding:.25rem}#colorsPoolBox div{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);height:4rem;margin:.25rem;padding:0;width:16rem}#colorInputBox,#cssBackBox,#deviceInputBox,#quicksInputBox{width:100%}#colorInputBox form,#cssBackBox form,#deviceInputBox form,#quicksInputBox form{background-color:#4cd7ff;color:#4cd7ff;display:flex;flex-wrap:wrap;font-family:Roboto Mono;font-size:.8rem;margin:.5rem;padding:.25rem}#colorInputBox form select,#cssBackBox form select,#deviceInputBox form select,#quicksInputBox form select{-webkit-appearance:none;background-color:#4cd7ff;border:.25rem solid #4cd7ff;border-radius:0;color:#fff;font-family:inherit;font-size:inherit;margin:0;overflow:hidden;padding:.5em}#colorInputBox form select option,#cssBackBox form select option,#deviceInputBox form select option,#quicksInputBox form select option{font-family:inherit}#colorInputBox form input[type=text],#colorInputBox form textarea,#cssBackBox form input[type=text],#cssBackBox form textarea,#deviceInputBox form input[type=text],#deviceInputBox form textarea,#quicksInputBox form input[type=text],#quicksInputBox form textarea{border:.25rem solid #4cd7ff;font-family:inherit;font-size:.8rem;margin:0;outline:none;padding:.25rem}#colorInputBox form input[type=text],#cssBackBox form input[type=text],#deviceInputBox form input[type=text],#quicksInputBox form input[type=text]{flex:0.5;min-width:0}#colorInputBox form textarea,#cssBackBox form textarea,#deviceInputBox form textarea,#quicksInputBox form textarea{box-sizing:border-box;height:100%;resize:vertical;width:100%}#colorInputBox form ::-webkit-input-placeholder,#cssBackBox form ::-webkit-input-placeholder,#deviceInputBox form ::-webkit-input-placeholder,#quicksInputBox form ::-webkit-input-placeholder{color:#4cd7ff}.cssBackSwatch{display:block;height:100%}.cssBackSwatch .cssBackInfos .cssBackMainInfo{display:flex}.cssBackSwatch .cssBackInfos .deleteCssBack{background:#f0f3f0;color:#f97070;cursor:pointer;display:inline-block;padding:.25rem 0 .25rem .5rem;z-index:10}.cssBackSwatch .cssBackInfos .deleteCssBack:hover{background-color:#f97070;color:#f0f3f0}.cssBackSwatch .cssBackInfos .cssBackName{background-color:#f0f3f0;display:inline-block;padding:.25rem .5rem}.cssBackSwatch .cssBackInfos .cssBackCode{color:#272822;display:block;font-family:Roboto Mono;font-size:.5rem;line-height:1.3em;padding:.25rem .5rem}#cssBacksPoolBox{display:flex;flex-wrap:wrap;padding:.25rem}#cssBacksPoolBox div{height:4rem;margin:.25rem;padding:0;width:16rem}#cssBacksPoolBox div,#preview-cssBack{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)}#preview-cssBack{height:16rem;margin:.5rem;padding:.25rem}.nameSubmitBox,.textareaBox{display:block;width:100%}.nameSubmitBox{display:flex;float:right;text-align:right}.nameSubmitBox button:last-child{margin-left:auto}.quickBox{display:block;height:100%}.quickBox .quickInfos .quickMainInfo{display:flex}.quickBox .quickInfos .quickDelete{background-color:#d0d3d0;color:#f97070;cursor:pointer;display:inline-block;padding:.25rem .5rem;z-index:10}.quickBox .quickInfos .quickDelete:hover{background-color:#f97070;color:#f0f3f0}.quickBox .quickInfos .quickName{background-color:#d0d3d0;color:inherit;display:inline-block;padding:.25rem .75rem .25rem 0;text-decoration:none}.quickBox .quickInfos .quickMeta{color:#aeaeab;display:block;font-family:Roboto Mono;font-size:.8rem;line-height:1.3em;padding:.25rem .5rem}#quicksPoolBox{display:flex;flex-wrap:wrap;padding:.25rem}#quicksPoolBox .aQuick{background-color:#f5f5f5;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);height:4rem;margin:.25rem;padding:0;width:16rem}.deviceBox{display:block;height:100%}.deviceBox .deviceInfos .deviceMainInfo{display:flex}.deviceBox .deviceInfos .deviceDelete{background-color:#d0d3d0;color:#f97070;cursor:pointer;display:inline-block;padding:.25rem .5rem;z-index:10}.deviceBox .deviceInfos .deviceDelete:hover{background-color:#f97070;color:#f0f3f0}.deviceBox .deviceInfos .deviceName{background-color:#d0d3d0;color:inherit;display:inline-block;padding:.25rem .75rem .25rem 0;text-decoration:none}.deviceBox .deviceInfos .deviceMeta{color:#aeaeab;display:block;font-family:Roboto Mono;font-size:.8rem;line-height:1.3em;padding:.25rem .5rem}#devicesPoolBox{display:flex;flex-wrap:wrap;padding:.25rem}#devicesPoolBox .aDevice{background-color:#f5f5f5;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);height:4rem;margin:.25rem;padding:0;width:16rem}.userForm{display:block;font-family:Roboto Mono;font-size:.8rem;font-weight:400;line-height:1.3em;margin:0;padding:0}.userForm input{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:.5rem}.userForm input[type=submit]{padding:.5rem 1rem}.accessinfoBox{color:#272822;font-family:Roboto Mono;font-size:.8rem;font-weight:400;line-height:1.3em;padding:0 .5rem}.accessinfoBox p{margin:.5em 0}.accessinfoBox p a{color:inherit}.accessinfoBox h3{font-size:inherit;font-weight:inherit;line-height:inherit;margin:1.3em 0}.dashboardBox{margin:.5rem;width:100%}.dashboardBox h4{font-family:Roboto;font-size:1.4rem;font-weight:300;line-height:1rem;margin:1rem 0 1rem 1rem;padding:0}.usersList{padding-bottom:.5rem}.registerForm,.userInfo ul,.usersList ul{font-family:Roboto Mono;font-size:.8rem;font-weight:400;line-height:1.3em;margin:0;padding:0 0 0 2rem}.userInfo ul li,.usersList ul li{list-style:none}.removeUser{color:#f97070}.isAdmin,.isEditor,.isUser,.removeUser{background-color:#d0d3d0;cursor:pointer;padding:0 .5rem}.isAdmin,.isEditor,.isUser{-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}.isOff{color:#f97070;text-decoration:line-through}.adminNote,.editorNote{color:#aeaeab;font-size:.8rem;margin:1rem}.adminNote a,.editorNote a{color:#f97070;text-decoration:none}.adminNote .noteTitle,.editorNote .noteTitle{font-style:italic;padding-bottom:.25em}.accessBox,.loginBox,.registerBox{box-sizing:border-box;display:block;padding:.5rem;width:100%}.logOutHeader{width:100%}.dashMenu{background-color:#4cd7ff;margin:.5rem;padding:.25rem;text-align:right}.spriteBox{text-align:center}.spriteBox figure{line-height:100vh;margin:0;padding:0}.spriteBox figure .jpgSprite{border:.5rem solid #f7f6f2;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);image-rendering:auto}.spriteBox figure img{-ms-interpolation-mode:nearest-neighbor;cursor:pointer;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:pixelated;object-fit:cover;vertical-align:middle}.picMetaBox{bottom:0;left:0;padding:0;width:100%;z-index:15}.copyright,.picMetaBox{margin:0;position:fixed}.copyright{-webkit-touch-callout:none;animation:myrotate .5s 1;animation-timing-function:ease;background-color:#fff;color:#f97070;cursor:pointer;font-family:Roboto,sans-serif;padding:.5em .5em .5em .4em;right:.5rem;top:.5rem;transform:rotate(15deg);user-select:none;-webkit-user-select:none;z-index:30}@keyframes myrotate{0%{transform:rotate(0deg)}to{transform:rotate(15deg)}}.copyright:hover{background-color:#f97070;color:#fff}.copyright:active{background-color:#fff;color:#f97070}.render{font-family:Material Icons;margin:.5rem;position:fixed;right:.5rem;top:2.5rem}.render a{background-color:#fff;border-radius:1em;color:#f97070;padding:.4em;text-decoration:none}.render a:hover{background-color:#f97070;color:#fff}canvas{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)}.renderBox{font-family:Roboto Mono;font-size:.8rem;margin:.5rem;text-align:center}.renderBox #renderSettings{-webkit-touch-callout:none;margin:.5rem;padding-top:.5rem;user-select:none;-webkit-user-select:none}.renderBox #renderSettings #scaleDown,.renderBox #renderSettings #scaleUp{cursor:pointer;font-family:inherit}.renderBox #renderDownload{font-family:inherit;margin:.5rem}.renderBox #renderDocContainer{margin:.5rem}.notFound{color:#272822;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.notFound p{text-align:center}