.bricker-display-box:hover canvas,.bricker-original{visibility:hidden}body{font-family:'Open Sans',sans-serif}.bricker-main-container{margin-top:20px;position:relative}.bricker-original{max-width:100%}.bricker-display-box{z-index:2;position:absolute;top:0;width:100%;background:#fff;cursor:pointer}.bricker-display-box-image{z-index:3;position:absolute;top:0;left:0}.bricker-thumbnail-box{float:left;margin:5px;cursor:pointer}.bricker-thumbnail,.bricker-thumbnail-upload-button{border-radius:10px;height:90px;width:90px;border:1px solid;background-position:center center;background-size:cover;-webkit-transition:all .3s;transition:all .3s;box-sizing:border-box}.bricker-thumbnail-popup-image{height:200px}.bricker-thumbnail-popup-caption{margin-top:5px;color:#666;font-size:16px;font-weight:700}.bricker-thumbnail-popup{visibility:hidden;opacity:0;pointer-events:none;position:absolute;z-index:10;background:#fff;padding:5px;-webkit-transition:all .3s;transition:all .3s;margin-top:-100px;margin-left:10px}.bricker-thumbnail-box:hover .bricker-thumbnail-popup{visibility:visible;opacity:1;box-shadow:0 0 5px #444;-webkit-transform:none;-ms-transform:none;transform:none;-webkit-transform:translate(10px,10px);-ms-transform:translate(10px,10px);transform:translate(10px,10px)}.bricker-thumbnail-box:hover .bricker-thumbnail{-webkit-filter:grayscale(100%) blur(2px);filter:grayscale(100%) blur(2px)}.bricker-thumbnail-transition-enter{opacity:.01;-webkit-transform:translate(0,10px);-ms-transform:translate(0,10px);transform:translate(0,10px);-webkit-transition:all .3s ease-in;transition:all .3s ease-in}.bricker-thumbnail-transition-enter.bricker-thumbnail-transition-enter-active{opacity:1;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.toolbar-color-entry{width:30px;height:30px;display:inline-block;border:1px solid #444;margin:3px;cursor:pointer;opacity:.5;-webkit-transition:all 500ms ease;transition:all 500ms ease;box-sizing:border-box;border-radius:7px}.toolbar-color-entry-selected,.toolbar-color-entry:hover{opacity:1}.toolbar-section{width:100%;overflow:hidden;margin-top:10px;background:#eee}.toolbar-content,.toolbar-footer{padding-left:20px;padding-right:20px;margin-bottom:10px}.toolbar-footer{color:#333}.toolbar-label,.toolbar-options th{font-weight:700;text-transform:uppercase;pointer-events:none;color:#777}.toolbar-save{text-align:right;margin:10px 0}.toolbar-label{font-size:20px;line-height:20px;padding:10px}.toolbar-options td,.toolbar-options th{padding-right:10px;padding-bottom:5px}.toolbar-options th{font-size:16px}.toolbar-options input[type=text]{border:0;width:80px;height:40px;font-size:30px;border-radius:5px;text-align:center;cursor:pointer}.toolbar-options input[type=checkbox]{width:40px;height:40px}.tooblar-upload{margin-left:20px}.btn-custom{background:#999;border-color:#999;color:#fff}.btn-custom:hover{background:#666;color:#eee}.btn-custom:focus{color:#fff}.btn-custom.active{background:#666}.btn-file{font-size:18px;padding:0;line-height:90px;position:relative;overflow:hidden}.btn-file input[type=file]{position:absolute;top:0;right:0;min-width:100%;min-height:100%;font-size:100px;text-align:right;filter:alpha(opacity=0);opacity:0;outline:0;background:#fff;cursor:inherit;display:block}#diagram{margin-bottom:100px;margin-top:20px}.instruction-diagram-row{white-space:nowrap}.instruction-diagram-row.hide-label .instruction-diagram-brick .instruction-diagram-label{opacity:0}.instruction-diagram-label{font-family:monospace;font-weight:700}.instruction-diagram-brick,.instruction-diagram-row-number{line-height:18px;font-size:12px}.instruction-diagram-row-number{display:inline-block;background:#ccc;width:100px;height:20px;border:1px solid #fff;text-align:center}.instruction-diagram-hover{position:absolute;z-index:10;pointer-events:none;white-space:normal;background:#fff;min-width:100px;margin-left:10px;margin-top:10px;padding:10px;border-radius:5px;box-shadow:0 0 5px #444}.instruction-table{white-space:nowrap}.instruction-table td,.instruction-table th{text-align:center}.instruction-table .text-right{text-align:right}.about-text,.bricker-page-header,h2{text-align:center}.instruction-table .instruction-diagram-brick{border-color:#666}.instruction-diagram-brick{display:inline-block;border:1px solid #fff;height:20px;text-align:center;cursor:pointer}.instruction-diagram-brick .instruction-diagram-label{opacity:.6;-webkit-transition:all .3s;transition:all .3s}.instruction-diagram-brick:hover .instruction-diagram-label{opacity:1!important}.instruction-diagram-brick .instruction-diagram-hover{visibility:hidden}.instruction-diagram-brick:hover .instruction-diagram-hover{visibility:visible}.instruction-diagram-controls{margin-bottom:20px}.toolbar-brick-list button{margin:5px;font-size:20px;width:80px}.toolbar-brick-list button:hover{background:#999}.toolbar-brick-list button.active:hover{background:#666}.bricker-page-header{margin:100px 0}.bricker-page-header .subtitle{color:#666;font-family:'Open Sans',sans-serif;font-size:140%}.bricker-page-header h1{font-family:Pacifico,serif;font-size:400%;margin-bottom:20px}.bricker-page-header h1 span{font-family:'Sigmar One',sans-serif}.bricker-page-header h1 .red{color:#c4281b}.bricker-page-header h1 .blue{color:#0d69ab}.bricker-page-header h1 .yellow{color:#f5cd2f}.bricker-page-header h1 .black{color:#1b2a34}.bricker-page-header h1 .green{color:#287f46}h2{font-weight:700;color:#777;text-transform:uppercase;pointer-events:none;padding:30px 0}.hide-stuff{height:0;overflow:hidden}.loading-indicator{height:200px;font-weight:700;text-transform:uppercase;font-size:20px;color:#999}.btn:focus{outline:0!important}.about-text{margin-bottom:400px;font-size:150%}#back-link{margin-top:40px}