html,body,div,span,main,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strong,sub,sup,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote::before,blockquote::after,q::before,q::after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}img{display:block}template{display:none}.clear:before,.clear:after{content:"";display:table}.clear:after{clear:both}.clear{zoom:1}@font-face{font-family:"whizbang-roman";src:url("../fonts/whizbang-roman.ttf") format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:"whizbang-bold";src:url("../fonts/whizbang-bold.ttf") format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:"robotocondensed-regular";src:url("../fonts/robotocondensed-regular.ttf") format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:"robotocondensed-bold";src:url("../fonts/robotocondensed-bold.ttf") format("truetype");font-weight:normal;font-style:normal}h1{padding:1em 0 0.5em;font-size:2em}@media screen and (max-width: 767px){h1{font-size:1.5em}}b,strong{font-family:"whizbang-bold",Arial,sans-serif}a{color:#eee}html{height:100%}body,html{height:100%;width:100%;overflow:hidden}body{box-sizing:border-box;min-width:320px;height:100%;color:#eee;font-family:"robotocondensed-regular",Arial,sans-serif;font-size:14px;background:#222;background-repeat:repeat;background-position:50%;background-attachment:fixed}@media screen and (max-width: 1200px){body{font-size:13px}}@media screen and (max-width: 1100px){body{font-size:12px}}li{list-style:none}.header{height:3em;position:absolute;z-index:110;top:1em;right:auto;left:0;pointer-events:none}.header h1{margin-left:0.5em;padding:0.5em 0 0 2.75em;font-family:"robotocondensed-bold",Arial,sans-serif;font-size:1.5em;text-transform:uppercase;pointer-events:none;opacity:0;transition:opacity 150ms linear}.header h1[data-active="true"]{opacity:1}.header .header-logo{width:2em;height:2em;position:absolute;z-index:1;top:-0.05em;left:0.5em;background:url("../images/logo-header.png") 50% no-repeat;background-size:contain;font-size:1.5em;content:""}.footer{line-height:1.5rem;text-align:center;font-size:0.75rem}.footer a{font-weight:bold}.menu{position:absolute;z-index:1;top:1em;right:1em;left:5em;margin:0 0 1em;padding-right:5em;text-align:center}.menu li{display:inline-block;position:relative;padding:0 0 0 1em;list-style:none;line-height:3;vertical-align:top}.menu>li:last-child{position:absolute;z-index:1;top:0;right:0;bottom:0}.menu>li:hover ul{opacity:1;pointer-events:auto}.menu>li:hover>a{background:#eee;color:#111;text-shadow:1px 1px #fff}.menu>li:hover>a .user-avatar{color:#fff;text-shadow:1px 1px rgba(0,0,0,0.5)}.menu[data-active="false"]>li:hover ul{opacity:0;pointer-events:none}.menu ul{min-width:12em;position:absolute;z-index:1;top:3em;left:1em;margin-left:-0.25em;border:0.25em solid #222;border-top:0 none;opacity:0;pointer-events:none;transition:opacity 150ms linear}.menu ul li{box-sizing:border-box;display:block;width:100%;padding:0;border-top:1px solid #111}.menu ul li a{display:block;text-align:left;text-transform:none}.menu ul li a:hover{background:#555}.menu ul li a[data-active="true"],.menu ul li a[data-active="true"]:hover{background:#222;font-weight:bold;pointer-events:none}.menu ul.sub-menu-user{min-width:18em}.menu a{display:inline-block;padding:0 2em;background:#3c3c3c;font-family:"robotocondensed-bold",Arial,sans-serif;text-transform:uppercase;text-shadow:1px 1px #000;text-decoration:none;text-align:left;transition:all 150ms linear}.menu a.sub-menu-toggle{position:relative;padding-right:3em;pointer-events:none}.menu a.sub-menu-toggle:after{width:0;height:0;position:absolute;z-index:1;top:50%;right:1em;margin-top:-0.3em;border:0.5em solid transparent;border-top-color:#e61826;border-top-color:#666;content:""}.menu a.menu-user{box-sizing:border-box;width:18em;padding-left:3.5em;padding-right:2em;overflow:hidden;white-space:nowrap;font-family:"robotocondensed-regular",Arial,sans-serif;text-overflow:ellipsis;text-transform:none}.menu.menu-landing>li>a{width:10em}.menu.menu-landing>li:last-child>a{width:18em}.menu.menu-landing>li ul{width:15em}.user-avatar{box-sizing:border-box;display:inline-block;width:2em;height:2em;position:absolute;z-index:1;top:50%;left:1em;margin-top:-1em;border-radius:50%;background:#e61826;line-height:2;text-align:center;text-transform:uppercase;text-shadow:1px 1px rgba(0,0,0,0.5)}.app{width:100%;height:97%;height:calc(100% - 1.5rem);position:relative;z-index:1}.container{text-align:center}.loading{position:fixed;z-index:110;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.9);opacity:0;transition:opacity 250ms linear;pointer-events:none}.loading[data-active="true"]{opacity:1;pointer-events:auto}.loading-heading{width:100%;position:absolute;z-index:1;top:40%;left:0;font-size:2em;text-align:center}.form-item label{display:block;font-size:0.85em;text-transform:uppercase;line-height:1.5}.form-item input{display:block}.form-item button{font-family:"robotocondensed-regular",Arial,sans-serif}textarea{display:block;box-sizing:border-box;width:85%;max-width:85%;height:4.5em;max-height:10em;margin:2em auto;padding:1em;background:#fff;border:0 none;font-size:inherit;font-family:"whizbang-roman",Arial,sans-serif;text-align:center;transform:skew(0.1deg, -0.1deg)}.input-item{position:relative;background:#fff}li .input-item{display:inline-block}.input-item button,.input-item select{position:relative;z-index:2;background:transparent;border:0 none;line-height:1.5;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input-item button:focus,.input-item select:focus{outline:none}.input-select{padding-right:1em}.input-select select{min-width:5em}.input-select:before{width:0;height:0;position:absolute;z-index:2;top:0.6em;right:0.5em;border:0.5em solid transparent;border-top-color:#000;content:""}.form-hide{display:none}.form-note{font-size:0.7rem;text-align:right;max-width:81%;line-height:2}@media screen and (max-width: 767px){.form-note{max-width:none}}.canvas-container{margin:2em auto;width:100%;max-width:1024px;position:relative}.canvas-container::after{width:100%;height:100%;position:absolute;z-index:0;top:0;left:0;background:#666;transform:skew(-0.2deg, 0.2deg);content:""}.canvas-container canvas{display:block;width:100%;max-width:1024px;max-height:768px;position:relative;z-index:1;cursor:default}.controls{display:none;width:4em;max-height:100%;position:absolute;z-index:2;bottom:0;left:0}.controls li{list-style:none}.controls .zoom{display:none}.controls a{display:block;width:2em;height:2em;color:#222;background:#eee;font-family:Arial,sans-serif;font-size:1.5em;line-height:2;text-align:center;text-decoration:none;box-shadow:inset 0 1px 0 0 rgba(0,0,0,0.25);transition:background-color 100ms linear, color 100ms linear}.controls a:hover{color:#eee;background:#3c3c3c}.controls .thumbnail{position:relative}.controls .thumbnail::after{display:block;width:0.5em;height:0.5em;position:absolute;z-index:1;top:50%;left:50%;margin:-0.35em 0 0 -0.35em;background:#222;border:0.1em solid #eee;box-shadow:0 0 0 0.1em #222;content:""}.controls .thumbnail:hover::after{background:#eee;border-color:#222;box-shadow:0 0 0 0.1em #eee}.details-wrapper{overflow:auto}.details-container{max-width:80em;margin:15em auto;text-align:center}.details-container h2{font-size:1.75em;margin:1em 0 2em}.details-container .button{display:inline-block;margin:2em auto;padding:1em 2em;line-height:2;border:1px solid #000;border-radius:2px;background:#333;margin:2em 1em}.details-container label{display:inline-block;width:6em;text-align:right}.details-container label.label-comic-publish{width:auto;text-align:left;vertical-align:middle;padding-top:0}.details-comic-cover{max-width:100%}.form-details-input{padding-top:2em}.form-details-input .form-row{padding:2em 1em}@media screen and (max-height: 840px){.details-container{margin:5em auto}}.dialog,.details-wrapper,.viewer{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.85);padding:1em;opacity:1;pointer-events:auto;transition:opacity 150ms ease-out}.dialog[data-active="false"],.details-wrapper[data-active="false"],.viewer[data-active="false"]{opacity:0;pointer-events:none}.form-dialog .form-colum{width:49%;display:inline-block;vertical-align:top}.form-dialog .form-row{padding:1em}.form-dialog label{vertical-align:top;padding-top:0.75em}.form-dialog input[type="text"],.form-dialog input[type="email"],.form-dialog input[type="password"],.form-dialog textarea{width:20em;margin-left:1em;padding:0 0.25em;font-size:1.25em;line-height:2;border:1px solid #000;border-radius:2px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-dialog textarea{display:inline;height:7em;width:30em;margin:0 0 0 1rem;padding:0.5em;font-family:monospace;text-align:left;font-size:12px;line-height:1}.form-dialog .button{display:inline-block;margin:1em auto;padding:1em 2em;color:inherit;font:inherit;line-height:2;border:1px solid #000;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.dialog-panel{position:absolute;z-index:1;top:50%;left:50%;width:60em;height:60em;margin:-30em 0 0 -30em;background:rgba(50,50,50,0.85)}@media screen and (max-width: 1100px){.form-dialog .form-colum{width:auto}}.timeline{box-sizing:border-box;width:100%;height:100%;position:relative;z-index:1;padding-bottom:1.5em;background:#3c3c3c;border-top:1em solid #222}.timeline::after{width:10em;height:100%;position:absolute;z-index:2;top:0;right:0;background:linear-gradient(90deg, rgba(60,60,60,0), #3c3c3c 85%);pointer-events:none;content:""}.timeline:hover .page-add{opacity:0.5}.timeline:hover .page-add:hover{opacity:1}@media screen and (max-width: 1024px){.timeline{padding-bottom:0}}.page-container{width:100%;height:100%;position:relative;z-index:1;overflow:auto}.page-list{height:100%;padding:0 1em;opacity:0;transition:opacity 500ms linear}.panel-bottom[data-active="true"] .page-list,.panel-bottom:hover .page-list{opacity:1}.page-list li{display:block;box-sizing:border-box;width:16em;height:100%;min-height:15em;position:relative;float:left;color:#222;font-family:Arial,sans-serif;text-align:center;background:#3c3c3c;border:2em solid #3c3c3c;border-right-width:1em;border-left-width:1em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.page-list li:hover{background:#4d4d4d}.page-list li:hover .page-remove,.page-list li:hover .layer-remove,.page-list li:hover .text-configuration .close,.text-configuration .page-list li:hover .close{opacity:0.75;pointer-events:auto}.page-list li:hover .page-remove:hover,.page-list li:hover .layer-remove:hover,.page-list li:hover .text-configuration .close:hover,.text-configuration .page-list li:hover .close:hover{opacity:1}.page-list li:hover .page-insert{opacity:0.5;pointer-events:auto}.page-list li:hover .page-insert:hover{opacity:0.75}.page-list li:first-child .page-remove,.page-list li:first-child .layer-remove,.page-list li:first-child .text-configuration .close,.text-configuration .page-list li:first-child .close{display:none}.page-list li::before{width:0;height:0;position:absolute;z-index:2;top:-5em;left:50%;margin-left:-1.5em;border:1.75em solid transparent;border-top-color:#222;opacity:0;content:"";transition:opacity 150ms linear, top 500ms ease-out}.panel-bottom[data-active="true"] .page-list li::before,.panel-bottom:hover .page-list li::before{top:-2em}.page-list li.page-selected{background:#666}.page-list li.page-selected::before{opacity:1}.page-list li.page-selected span{font-weight:bold}.page-list li .list-drag-selected{opacity:0.5}.page-list li .list-drag-hover{background:transparent;border:0.5em solid #999}.page-add,.page-remove,.layer-remove,.text-configuration .close,.page-thumb{display:block;box-sizing:border-box;position:absolute;z-index:10;text-align:center;text-decoration:none;opacity:0;transition:opacity 250ms linear}.page-thumb{width:auto;height:auto;top:0.5em;right:0.5em;bottom:0.5em;left:0.5em;background:#eee;opacity:1}.page-thumb img,.page-thumb span{width:100%;position:absolute;z-index:1;left:0;pointer-events:none}.page-thumb span{width:100%;position:absolute;z-index:1;bottom:-2em}.page-thumb img{height:100%;top:0}.page-add{width:2em;height:2em;top:50%;right:1em;margin:-1.25em 0 0;padding:0;color:#222;font-family:Arial,sans-serif;font-size:2em;font-weight:bold;line-height:2;background:#eee}.page-remove,.layer-remove,.text-configuration .close{width:2em;height:2em;top:-1em;right:-1em;padding:0;color:#eee;line-height:2;background:#222;border-radius:50%;pointer-events:none}.page-insert{width:1em;height:1em;display:block;position:absolute;z-index:1;top:50%;right:-0.9em;margin-top:-0.5em;color:#eee;font-size:2.5em;text-align:center;text-decoration:none;opacity:0;pointer-events:none;transition:opacity 250ms linear}.page-insert.page-insert-prev{right:auto;left:-0.9em}.layers{display:block;box-sizing:border-box;width:25%;min-width:18em;position:absolute;z-index:2;top:0;right:0;bottom:2.5em;background:#3c3c3c;border-left:1em solid #222;overflow:auto}.layer-menu{display:none}.layer-menu .button{box-sizing:border-box;border-right:1px solid rgba(0,0,0,0.25);transition:background-color 150ms linear}.layer-menu .button:hover{background:rgba(0,0,0,0.3)}.layer-menu li{width:50%;float:left;text-align:center}.layer-menu li:last-child .button{border-right:none}.layer-item{box-sizing:border-box;height:6em;position:relative;padding-left:2em;background:rgba(0,0,0,0.2);border-bottom:1px solid rgba(0,0,0,0.5);text-transform:uppercase;font-weight:500;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:height 150ms linear, background-color 150ms linear}.layer-item:hover{background:rgba(0,0,0,0.3)}.layer-item:after{display:block;width:1.5em;height:2em;position:absolute;z-index:1;top:0;left:0;background:#222;border-bottom-right-radius:50%;font-family:Arial,sans-serif;text-align:center;line-height:2;content:attr(data-index)}.layer-item.layer-selected{overflow:auto}.layer-item.layer-selected:not([data-index="0"]){height:auto;position:absolute;z-index:10;top:40px;right:0;bottom:0;left:0;padding-left:0;padding-bottom:0;background:#333;border:0}.layer-item.layer-selected:after{display:none}.layer-item.layer-deselected{display:none}.layer-collection{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;background:#3c3c3c;overflow:auto;opacity:1;transition:opacity 150ms linear}.layer-collection[data-active="false"]{opacity:0;pointer-events:none}.layer-collection .close{display:block;position:absolute;z-index:1;top:0;right:0;padding:0.5em;font-size:2em;text-decoration:none}.layer-collection h2{position:absolute;z-index:3;top:1em;left:1em;font-size:1.25em}.layer-collection ul{height:100%;box-sizing:border-box;padding-top:4em;background:rgba(0,0,0,0.25)}.layer-collection li{padding-top:2em;padding-left:3em;cursor:pointer}.layer-collection li:first-child{border-top:1px solid rgba(0,0,0,0.5)}.layer-preview{display:block;height:100%;position:relative;text-decoration:none}.layer-selected .layer-preview{height:auto;cursor:default;pointer-events:none}.layer-preview img{width:6em;height:4.5em;position:absolute;z-index:1;top:0.65em;left:0;background:#222;border:1px solid #666}.layer-selected:not([data-index="0"]) .layer-preview img{width:80%;max-width:24em;height:auto;position:relative;top:auto;left:auto;margin:1em auto 2em}.layer-preview .layer-name{display:block;height:1.5em;margin-left:7em;padding:2em 0.5em 0 0;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-selected:not([data-index="0"]) .layer-preview .layer-name{display:none}.layer-preview .layer-waiting{position:absolute;z-index:1;top:4.5em;left:-3.25em;padding:0;font-size:0.7em;letter-spacing:0.2em;transform:rotate(-90deg)}.layer-button,.layer-action,.layer-type,.layer-upload,.layer-edit-text{display:block;width:8em;height:2em;color:#fff;font-size:1em;background:#666;border:none;border-radius:0.5em;cursor:pointer}.layer-button[data-set="true"],.layer-action[data-set="true"],.layer-type[data-set="true"],.layer-upload[data-set="true"],.layer-edit-text[data-set="true"]{opacity:0.75}.layer-button[data-disabled="true"],.layer-action[data-disabled="true"],.layer-type[data-disabled="true"],.layer-upload[data-disabled="true"],.layer-edit-text[data-disabled="true"]{opacity:0.25;pointer-events:none}.layer-button button.layer-button,.layer-action button.layer-button,.layer-type button.layer-button,.layer-upload button.layer-button,.layer-edit-text button.layer-button,.layer-button button.layer-action,.layer-action button.layer-action,.layer-type button.layer-action,.layer-upload button.layer-action,.layer-edit-text button.layer-action,.layer-button button.layer-type,.layer-action button.layer-type,.layer-type button.layer-type,.layer-upload button.layer-type,.layer-edit-text button.layer-type,.layer-button button.layer-upload,.layer-action button.layer-upload,.layer-type button.layer-upload,.layer-upload button.layer-upload,.layer-edit-text button.layer-upload,.layer-button button.layer-edit-text,.layer-action button.layer-edit-text,.layer-type button.layer-edit-text,.layer-upload button.layer-edit-text,.layer-edit-text button.layer-edit-text{-webkit-appearance:none;-moz-appearance:none;appearance:none}.layer-action,.layer-type,.layer-upload{display:none;position:absolute;z-index:2;top:50%;right:2em;margin-top:-1em}.layer-edit-text{display:none;text-align:center;line-height:2;text-decoration:none;text-transform:none;margin:0 1em 2em}.layer-selected[data-type="2"][data-content="false"] .layer-upload{display:block}.layer-action{width:6em;height:1.5em;top:3.75em;right:auto;left:2em;margin:1px 0 0 1px;background:rgba(100,100,100,0.5);border-radius:0}.layer-action[disabled]{opacity:0.25;pointer-events:none}.layer-controls{display:none;padding-left:2em}.layer-selected .layer-controls{display:block;padding-bottom:4em}.layer-selected[data-index="0"] .layer-controls{display:none}.layer-controls .form-group{margin:1em 3em 0 0;padding:2em 0 0;border-top:1px solid #222}.layer-controls .form-group:first-child{margin-top:0;padding-top:0;border-top:none}.layer-controls .form-group summary{outline:none;cursor:pointer}.layer-controls .form-group summary label{pointer-events:none}.layer-controls .form-group-remove label{display:inline-block}.layer-controls .form-heading{display:block;padding-bottom:1em;font-size:1.25em}.layer-controls .form-item{display:inline-block;vertical-align:top;padding-bottom:1em;padding-right:1em}.layer-controls .form-item button{width:5em;height:1.75em}.layer-controls .form-item input{width:4.25em;font-size:1em}.layer-controls .form-item button[disabled],.layer-controls .form-item input[disabled]{opacity:0.25;pointer-events:none}.layer-controls .form-item-checkbox input,.layer-controls .form-item-checkbox label{display:inline-block;width:auto}.layer-controls .form-item-checkbox input[type="number"]{width:2em;margin-bottom:1em;margin-right:1em}.layer-controls .form-item-easing{display:block;margin:0.5em -3em 1em -2em;padding:1em 2em;background:rgba(0,0,0,0.25)}.layer-controls .form-item-easing label{display:inline-block;padding-right:1em}.layer-controls .form-item-easing select{width:16em}.layer-controls .form-item-scale input{width:11em}.layer-controls .form-panel{display:none;margin:0 -3em 0 -2em;padding:2em;background:rgba(0,0,0,0.25)}.layer-controls .form-panel[data-active="true"]{display:block}.layer-controls .button-edit{width:auto;margin:1em 0;padding:0 2em;opacity:0;pointer-events:none}.layer-controls .button-edit[data-enabled="true"]{opacity:1;pointer-events:auto}.layer-controls select{height:23px;border:1px solid #ccc}.layer-control-menu li{display:block;width:50%;float:left}.layer-control-menu a{display:block;text-decoration:none;text-align:center;line-height:3}.layer-control-menu a[data-active="true"]{background:rgba(0,0,0,0.25);pointer-events:none}.layer-remove{top:0;left:0;border-radius:0;font-family:Arial,sans-serif;line-height:1.75;pointer-events:auto}.layer-list .layer-item>.layer-remove{border-bottom-right-radius:50%;text-align:left;text-indent:0.4rem;line-height:2}.layer-list li:hover .layer-remove{opacity:1}.layer-list .layer-selected li:hover .layer-remove,.layer-selected .layer-remove{display:none}.layer-selected .layer-remove::after{position:absolute;z-index:1;top:0;left:0;padding-right:0.75rem;background:#222;border-bottom-right-radius:0.5rem;line-height:2.3;content:"BACK"}.layer-list li:last-child .layer-remove{display:none}.list-drag-selected{opacity:0.5}.list-drag-hover{background:transparent;border:0.5em solid #999}.breadcrumb-wrapper{display:flex;box-sizing:border-box;height:40px;border-bottom:1px solid rgba(0,0,0,0.5)}.breadcrumb-wrapper .breadcrumb-button{display:block;max-width:24rem;height:40px;padding:0.5rem 1rem;background:#3c3c3c;border:0;border-right:1px solid rgba(0,0,0,0.5);color:#fff;white-space:nowrap;text-transform:uppercase;text-overflow:ellipsis;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;opacity:0;pointer-events:none;transition:opacity 50ms ease-out}.breadcrumb-wrapper .breadcrumb-button.active{opacity:1;pointer-events:auto}.breadcrumb-wrapper .breadcrumb-button.selected{position:relative;background:#333}.breadcrumb-wrapper .breadcrumb-button.selected:not(#breadcrumb-home){padding-left:3em}.breadcrumb-wrapper .breadcrumb-button.selected:not(#breadcrumb-home)::before{display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;position:absolute;z-index:1;top:50%;left:0.75em;margin:-1.25em 0 0;color:#fff;font-size:0.75em;text-align:center;background:#222;border:1px solid #666;border-radius:50%;content:"x"}.text-configuration{display:none;position:absolute;z-index:20;top:40px;right:0;bottom:0;left:0;background:#333}.text-configuration textarea{width:100%;min-width:100%;max-width:100%;height:8rem;min-height:8rem;max-height:8rem;margin:0;text-align:left;font-family:"robotocondensed-regular",Arial,sans-serif}.text-configuration ul{width:auto;padding:1em 2em;margin:0 auto}.text-configuration li{padding:0}.text-configuration label{display:block;margin:0.5em 0 0.25em;text-transform:uppercase}.text-configuration .input-item{margin:0.5em 0}.text-configuration .input-item button,.text-configuration .input-item select{font-family:"robotocondensed-bold",Arial,sans-serif;font-size:1em;padding:0 0.5em}.text-configuration .input-textarea{width:100%}.text-configuration .close{display:none;width:1.75em;top:0;right:0;font-size:1.15em;opacity:1;border-radius:0;border-bottom-left-radius:50%;font-family:Arial,sans-serif;line-height:1.75;pointer-events:auto}.text-stage{position:absolute;z-index:1;top:0;right:25%;bottom:0;left:0}.text-stage canvas{width:1024px;height:768px;position:absolute;z-index:2;top:50%;left:50%;margin:-404px 0 0 -512px}.text-placeholder{position:absolute;z-index:-1;top:-123em;left:-234em;font-family:"whizbang-roman",Arial,sans-serif;color:transparent;pointer-events:none}.text-placeholder span{font-family:"whizbang-bold",Arial,sans-serif}.login-container,.register-container{max-width:60em;margin:10em auto;text-align:center;overflow:auto}.login-container h2,.register-container h2{font-size:2.5em;font-family:"robotocondensed-bold",Arial,sans-serif;margin:1em 0 2em}.login-container .form-row label,.register-container .form-row label{display:inline-block;text-transform:uppercase;width:9em;text-align:right}.login-container .form-row label[for="register-dob"],.register-container .form-row label[for="register-dob"]{padding-right:1.5em}.login-container .button,.register-container .button{display:inline-block;margin:1em auto;padding:1em 2em;color:inherit;font:inherit;line-height:2;border:1px solid #000;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.login-container .form-row .form-accept,.register-container .form-row .form-accept{width:17em}.login-container .form-row select,.register-container .form-row select{font-size:2em}.login-container .form-row select[name="register-dob-year"],.register-container .form-row select[name="register-dob-year"]{margin-right:0.3em}.login-container .form-dialog .button{margin-left:6em}.register-container{margin-top:4em}.register-container h2{margin-bottom:1em}.register-container p{margin-bottom:2em}.button-register{display:inline-block;padding:0 3em}@media screen and (max-width: 767px){html[data-view="user"],html[data-view="user"] body{min-height:100%;height:auto;overflow:auto}.header{display:none}.menu.menu-landing{right:auto;left:1em}.footer{font-size:0.6rem}.menu.menu-landing>li>a{width:4em}.app[data-view="user"]{height:auto}.app[data-view="user"] .panel-top{display:none}.app[data-view="user"] .panel-main{position:relative;top:auto;right:auto;bottom:auto;left:auto}.login-container,.register-container{margin-top:0;padding:0 1rem;overflow:inherit}.register-container{overflow:hidden}.login-container .form-dialog .form-row,.register-container .form-dialog .form-row{text-align:left;padding:0.5em 0}.login-container .form-row label,.register-container .form-row label{text-align:left;padding:0.5rem 0}.login-container .form-dialog input[type="text"],.register-container .form-dialog input[type="text"],.login-container .form-dialog input[type="email"],.register-container .form-dialog input[type="email"],.login-container .form-dialog input[type="password"],.register-container .form-dialog input[type="password"],.login-container .form-dialog textarea,.register-container .form-dialog textarea{box-sizing:border-box;width:100%;margin-left:0}.register-container .form-dialog label[for="register-dob"]{width:100%;display:block}.login-container .form-row select,.register-container .form-row select{font-size:1.5em}.menu a.sub-menu-toggle{pointer-events:auto}}.landing-wrapper{width:100%;height:100%;background:#141414;background:linear-gradient(to bottom, #141414 0%, #65655f 100%)}.landing-wrapper:after{width:100%;height:100%;position:absolute;z-index:1;top:0;left:0;background:#7b7b7b;background:linear-gradient(to bottom, #7b7b7b 0%, #fff 100%);opacity:0;transform:translate3d(0, 0, 0);transition:opacity 250ms ease-out;content:""}.landing-wrapper .panel-top{background-color:rgba(0,0,0,0.25);background-color:#020000;transition:background-color 250ms ease-out}.landing-wrapper .panel-main{overflow:auto}.landing-wrapper[data-published="true"]:after{opacity:1}.landing-wrapper[data-published="true"] .panel-top{background:rgba(175,0,0,0.75);background:#e61826}.landing-wrapper .panel-main{bottom:0}.landing-container{max-width:84em;position:relative;margin:2em auto}.landing-container h2{font-family:"robotocondensed-bold",Arial,sans-serif;font-size:3em;margin-left:0.15em}.landing-container .button{display:inline-block;position:absolute;z-index:1;top:4em;right:0.5em;padding:0.75em 2em;line-height:2;background-color:rgba(255,255,255,0.05);border:0 none;transition:background-color 250ms ease-out}.landing-container .button:hover{background:rgba(255,255,255,0.15)}.landing-wrapper[data-published="true"] .landing-container .button{background:rgba(0,0,0,0.25)}.landing-wrapper[data-published="true"] .landing-container .button:hover{background:rgba(0,0,0,0.5)}.landing-sort-by{position:relative;z-index:1;left:0.5em;padding:2em 0;text-transform:uppercase}.landing-sort-by label{padding-right:2em}.landing-sort-by select{margin-left:0.5em;font-size:1em}.label-auto-loop,.label-auto-progress{display:none}.app[data-published="true"] .label-auto-loop,.app[data-published="true"] .label-auto-progress{display:inline-block}.landing-list{text-align:left}.landing-list li{box-sizing:border-box;display:inline-block;width:21em;padding:0.5em;vertical-align:top;line-height:1.5;text-align:left}.landing-list li>div{position:relative;padding:1em;text-decoration:none;border-radius:0.5em;transition:background-color 250ms ease-out;background:rgba(0,0,0,0.25)}.landing-list li>div:hover{background:rgba(0,0,0,0.5)}.comic-thumb{display:block;min-height:13em;margin-bottom:1em;background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer}.comic-author,.comic-name,.comic-series{width:100%;font-size:1.2em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:pointer}.comic-name{display:inline-block;font-family:"robotocondensed-bold",Arial,sans-serif;font-size:1.5em;line-height:1}.comic-author,.comic-date,.comic-pages,.comic-series{display:block}.comic-date{display:inline-block;width:8em;margin-top:1em;font-size:0.9em}.comic-share{display:inline-block;font-size:0.9em;padding:0 0.2em;transition:opacity 250ms ease-out}.landing-list .comic-share-item{display:inline-block;width:1.5em;height:1.5em;margin:1em 0 0 0.75em;padding:0;opacity:1;transition:opacity 150ms ease-out}.landing-list .comic-share-item:hover{opacity:0.75}.comic-share-item img{display:block;width:100%;height:auto;position:relative;top:0.25em}.comic-share-item img path{fill:#fff}.comic-pages{position:absolute;z-index:1;bottom:1.1em;right:1em;font-size:0.9em}.comic-uid{display:none;font-family:monospace;font-size:0.75em;color:#999;line-height:2.5}.comic-remove{width:1.5em;height:1.5em;position:absolute;top:0.5em;right:0.5em;background:rgba(255,255,255,0.5);border:2px solid rgba(0,0,0,0.25);border-radius:50%;color:#333;font-family:Arial,sans-serif;font-weight:bold;line-height:1.5;text-align:center;transition:background-color 150ms linear;opacity:0}.comic-remove:hover{background:rgba(200,200,200,0.9)}.landing-list li:hover .comic-remove{opacity:1}@media screen and (max-width: 1024px){.landing-list li .comic-remove{opacity:1}}.creator{width:100%;height:100%;min-width:1024px;min-height:768px;position:relative;margin:0 auto}.panel,.panel-top,.panel-main,.panel-bottom{position:absolute;z-index:2}.panel-top{height:3em;top:0;right:0;left:0;padding:1em;z-index:3}.panel-main{top:5em;right:0;bottom:3em;left:0}.app[data-view="gallery"] .panel-main,.app[data-view="landing"] .panel-main,.app[data-view="creator"] .panel-main{bottom:0;overflow:auto}.panel-bottom{height:3em;right:0;bottom:0;left:0;transition:height 250ms ease-out}.panel-bottom[data-active="true"],.panel-bottom:hover{height:18em}@media screen and (max-width: 1024px){.panel-bottom:hover{height:16em}}.stage{display:block;position:absolute;z-index:1;top:0;right:25%;bottom:0;left:0;background:#3c3c3c;overflow:auto}.stage::after{width:100%;height:100%;position:absolute;z-index:0;top:0;left:0;content:""}.stage canvas{display:block;position:absolute;z-index:1;top:50%;left:50%;margin:-50% 0 0 -50%;background:#eee;cursor:default}.stage canvas[data-style="scale"]{cursor:move}.button{display:block;line-height:4;padding:0 2em;background:rgba(0,0,0,0.25);border-bottom:1px solid rgba(0,0,0,0.25);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:500;text-shadow:1px 1px #000;text-decoration:none}#input{display:none}.close{display:block;position:absolute;z-index:3;bottom:0;right:0;padding:0.75em;font-size:2em;text-decoration:none;background:rgba(0,0,0,0.25)}.button-fullscreen{display:none;position:absolute;z-index:3;bottom:-0.2em;right:3em;padding:1.5em;font-size:1.25em;text-decoration:none;text-transform:uppercase;line-height:1.3;background:rgba(0,0,0,0.25)}.fullscreen .button-fullscreen{display:none}@media (min-width: 1024px){.button-fullscreen{display:block}}.viewer-wrapper{width:1024px;height:768px;position:absolute;z-index:2;top:50%;left:50%;margin:-394px 0 0 -522px;border:10px solid #111;background:#000;overflow:hidden}.fullscreen .viewer-wrapper{width:100%;height:100%;margin:-50% 0 0 -50%;border-width:0}.viewer-canvas,.viewer canvas,.viewer-navigation{width:100%;height:100%;position:absolute;z-index:2;top:0;left:0}.viewer{background:rgba(0,0,0,0.99)}.viewer canvas{z-index:1}.viewer>canvas{background:#000}.viewer-navigation{z-index:3;pointer-events:none}.viewer-pagination{display:flex;align-items:center;justify-content:flex-start;width:100%;position:absolute;z-index:10;bottom:0;left:-8px;background:rgba(0,0,0,0.5);border:10px solid #111;border-top:0 none;pointer-events:auto;overflow:auto;transform:translate3d(0, 100%, 0);transition:transform 500ms ease-out}.viewer-navigation[data-active="true"] .viewer-pagination{transform:translate3d(0, 0, 0)}.viewer-pagination button{box-sizing:border-box;width:3rem;height:3rem;position:relative;margin:5px 4px 0 5px;border:2px solid #666;background-repeat:no-repeat;background-position:50%;background-attachment:scroll;background-size:cover;cursor:pointer;transition:border-color 250ms ease-out}.viewer-pagination button::after{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:absolute;z-index:1;top:0;left:0;color:#fff;font-size:18px;background:rgba(0,0,0,0.75);opacity:0;content:attr(data-index);transition:opacity 250ms ease-out}.viewer-pagination button.active,.viewer-pagination button:hover{border-color:#eee}.viewer-pagination button.active::after,.viewer-pagination button:hover::after{opacity:1}.viewer-target{width:33.3333%;width:calc(100% / 3);height:100%;height:calc(100% - 4rem);position:absolute;z-index:3;top:0;transform:translate3d(0, 0, 0)}.viewer[data-active="true"] .viewer-target{pointer-events:auto}.viewer-target[data-target="prev"]{left:0}.viewer-target[data-target="main"]{left:33.3333%;left:calc(100% / 3)}.viewer-target[data-target="next"]{right:0}.viewer-target[data-target="nav"]{width:auto;height:4rem;top:auto;right:0;bottom:0;left:0}.viewer-next{width:67px;height:90px;position:absolute;z-index:1;top:50%;right:0;margin-top:-45px;background:url("../images/viewer-proceed.png") 50% no-repeat;background-size:contain;opacity:0;pointer-events:none;transition:opacity 250ms linear}.viewer-next[data-active="true"]{opacity:1}.viewer-navigation[data-active="true"] .viewer-next[data-active="true"]{opacity:0.5}.viewer-next:after{width:100%;height:100%;position:absolute;z-index:1;top:0;left:0;background:url("../images/viewer-proceed-on.png") 50% no-repeat;background-size:contain;opacity:0;transition:opacity 150ms linear;content:""}.viewer-navigation[data-active="false"] .viewer-target:hover .viewer-next:after{opacity:0.5}

/*# sourceMappingURL=styles.css.map */