:root{--dark:#535353;--darker:#282828;--darkest:#000;--white:#f2f2f2;--em-0:.2em;--em-1:.25em;--em-2:.5em;--em-3:.75em;--em-4:1em;--em-5:1.25em;--em-6:1.5em;--em-7:1.75em;--em-8:2em;--font-family:Roboto,Helvetica,sans-serif;--ease-in-out-back:all .5s cubic-bezier(0.680,-0.550,0.265,1.550);--pointer:pointer;--border-radius:2px;--green:#388e3c;--red:#c62828}.m-1{margin:var(--em-1)}.m-2{margin:var(--em-2)}.ml-0{margin-left:0}.mr-0{margin-right:0}.my-1{margin-top:var(--em-1);margin-bottom:var(--em-1)}.my-2{margin-top:var(--em-2);margin-bottom:var(--em-2)}.my-3{margin-top:var(--em-3);margin-bottom:var(--em-3)}.my-4{margin-top:var(--em-4);margin-bottom:var(--em-4)}.mt-1{margin-top:var(--em-1)}.mt-2{margin-top:var(--em-2)}.mt-3{margin-top:var(--em-3)}.mt-4{margin-top:var(--em-4)}.mb-2{margin-bottom:var(--em-2)}.px-0{padding-left:0;padding-right:0}.p-1{padding:var(--em-1)}.p-2{padding:var(--em-2)}.p-4{padding:var(--em-4)}.py-2{padding-top:var(--em-2);padding-bottom:var(--em-2)}.inline-block{display:inline-block}.unselectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.flex.equal-width>*{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-wrap>*{-ms-flex-preferred-size:50%;flex-basis:50%}.button,.css-hdr-tour .v-step__button,button{outline:0!important;border:0!important;background:var(--darker)!important;padding:var(--em-1)!important;text-align:center!important;cursor:var(--pointer)!important;border-radius:var(--border-radius)!important;opacity:.9!important;-webkit-transition:var(--ease-in-out-back)!important;transition:var(--ease-in-out-back)!important}.button *,button *{display:inline-block;vertical-align:middle}.button span,button span{color:var(--white);text-transform:uppercase;margin:0 var(--em-2);font-weight:400}.button:hover,.css-hdr-tour .v-step__button:hover,button:hover{opacity:1!important;background:var(--darker)!important;color:var(--white)!important}.button i,button i{color:var(--white)}.block{display:block}body,html{width:100%;height:100%;overflow:hidden;font-family:--font-family}body{background:var(--darker);color:var(--white)}*{padding:0;margin:0;list-style:none;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box}.css-hdr{font-family:Roboto,sans-serif;cursor:default}.controls-area-wrapper{width:320px}:disabled,[disabled]{pointer-events:none;opacity:.5}input[type=range]{-webkit-appearance:none;width:100%}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:var(--em-1);cursor:pointer;background:var(--darker)}input[type=range]::-webkit-slider-thumb{height:var(--em-8);width:var(--em-3);background:var(--darker);cursor:pointer;margin-top:-.8em;-webkit-appearance:none}input[type=range]:focus::-webkit-slider-runnable-track,input[type=range]:focus::-webkit-slider-thumb{background:var(--white)}.button .css-hdr-tour .v-step__button,button,select{-webkit-filter:drop-shadow(0 0 var(--em-0) var(--darkest));filter:drop-shadow(0 0 var(--em-0) var(--darkest))}select{padding:var(--em-1);border-radius:0;display:block;font-size:var(--em-4);font-family:var(--font-family);line-height:var(--em-4);color:var(--white);width:100%;max-width:100%;border:1px solid #aaa;-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:transparent;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23f2f2f2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"),-webkit-gradient(linear,left top,left bottom,from(var(--darker)),to(var(--darker)));background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23f2f2f2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"),linear-gradient(180deg,var(--darker) 0,var(--darker));background-repeat:no-repeat,repeat;background-position:right .7em top 50%,0 0;background-size:.65em auto,100%}.select-css:hover{border-color:#888}.select-css:focus{border-color:#aaa;-webkit-box-shadow:0 0 1px 3px rgba(59,153,252,.7);box-shadow:0 0 1px 3px rgba(59,153,252,.7);box-shadow:0 0 0 3px -moz-mac-focusring;color:#222;outline:none}.select-css option{font-weight:400}.cursor-pointer{cursor:var(--pointer)}.icon-cell{width:var(--em-8)}.ellipsis{width:90%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.pointer-events-none{pointer-events:none}.original-file{opacity:0;position:absolute;top:-1000em;left:-1000em}.composite-image-exporting .composite-image{-webkit-transform:none!important;transform:none!important;-webkit-transition:none!important;transition:none!important;-webkit-box-shadow:none!important;box-shadow:none!important;border:0!important;position:static!important;width:100%!important;height:100%!important;overflow:visible!important}.composite-image-exporting .controls-area-wrapper,.composite-image-exporting .error,.composite-image-exporting .social-bar{display:none}.composite-image-exporting .composite-image,.composite-image-exporting .composite-image img{position:absolute!important;top:0!important;left:0!important;z-index:1000;width:100%!important;height:auto!important}.composite-image-exporting *{-webkit-transition:none!important;transition:none!important}.composite-image-exporting body:before{font:normal var(--em-6),Helvetica,Sans-serif;line-height:100vh;text-align:center;content:attr(data-exporting);display:block;background:var(--darker);width:100%;height:100%;position:fixed!important;top:0;left:0;z-index:2000;opacity:.75}.css-hdr-tour .v-step{background:var(--green)!important;-webkit-filter:drop-shadow(0 0 var(--em-1) var(--darker))!important;filter:drop-shadow(0 0 var(--em-1) var(--darker))!important;border-radius:var(--border-radius)!important;padding:var(--em-2)!important;color:var(--white)!important}.css-hdr-tour .v-step[x-placement=top] .v-step__arrow{border-top-color:var(--green)!important}.css-hdr-tour .v-step[x-placement=left] .v-step__arrow{border-left-color:var(--green)!important}.css-hdr-tour .v-step[x-placement=bottom] .v-step__arrow{border-bottom-color:var(--green)!important}.css-hdr-tour .v-step[x-placement=right] .v-step__arrow{border-right-color:var(--green)!important}.css-hdr-tour .v-step__button,.css-hdr-tour .v-step__content{font-size:var(--em-3)!important}.css-hdr-tour .v-step__button{text-transform:uppercase!important;vertical-align:middle!important;width:80px!important}::-webkit-scrollbar{height:var(--em-3);width:var(--em-3);background:var(--darker);border-radius:var(--em-3)}::-webkit-scrollbar-corner,::-webkit-scrollbar-thumb{background:rgba(0,0,0,.75)}::-webkit-scrollbar-thumb{border-radius:var(--em-2)}.editing-area{width:100%;height:100%;position:relative;overflow:auto;top:0;left:0;border:solid var(--em-1) var(--dark);-webkit-box-shadow:0 0 var(--em-2) var(--darkest) inset;box-shadow:0 0 var(--em-2) var(--darkest) inset}.composite-image{top:50%;left:50%;position:absolute;-webkit-transform-origin:left top;transform-origin:left top;overflow:hidden;-webkit-box-shadow:0 0 var(--em-8) var(--darkest);box-shadow:0 0 var(--em-8) var(--darkest);-webkit-transition:var(--ease-in-out-back);transition:var(--ease-in-out-back)}.composite-image img{position:absolute;top:0;left:0}.controls-area{height:100vh;overflow:auto}.controls-area .selected-layer{background:var(--darker)}.controls-area .images-list li{font-size:1.5em}.controls-area .images-list{max-height:165px;overflow-y:auto}.controls-area .images-list-label{font-size:.6em}.filters-control .filters-list{-webkit-box-flex:1;-ms-flex:1;flex:1}.import-pane{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.1);-webkit-backdrop-filter:blur(var(--em-1));backdrop-filter:blur(var(--em-1))}.import-pane p{font-size:var(--em-4);line-height:var(--em-6)}.import-pane a{color:var(--white)}.import-pane>div{width:360px;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:rgba(0,0,0,.75);-webkit-box-shadow:0 0 var(--em-2) var(--darkest);box-shadow:0 0 var(--em-2) var(--darkest);font-size:var(--em-3)}.import-pane .import-pane-title{font-size:var(--em-5);font-weight:500}.import-file label{display:block}.import-file input{position:absolute;clip:rect(0 0 0 0)}.social-bar{position:fixed;z-index:1000;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-filter:drop-shadow(0 0 var(--em-0) var(--darkest));filter:drop-shadow(0 0 var(--em-0) var(--darkest));border:1px solid var(--darkest);border-left:0;background:var(--darker);border-radius:0 var(--border-radius) var(--border-radius) 0}.social-bar a{color:var(--white);opacity:.75;-webkit-transition:var(--ease-in-out-back);transition:var(--ease-in-out-back)}.social-bar:hover a{opacity:1}.error{font-size:.8em;position:fixed;top:var(--em-8);right:var(--em-8);-webkit-transition:var(--ease-in-out-back);transition:var(--ease-in-out-back);background:var(--red);color:var(--white);width:320px;border-radius:var(--border-radius);-webkit-filter:drop-shadow(0 0 var(--em-0) var(--darkest));filter:drop-shadow(0 0 var(--em-0) var(--darkest));display:none;pointer-events:none;line-height:var(--em-6)}.error.error-show{display:block;pointer-events:all}.layers-preview{position:fixed;top:calc(100vh - var(--em-8)*5);left:calc(var(--em-8)*2);z-index:1000}.layers-preview ul{overflow:auto;white-space:nowrap;max-width:370px}.layers-preview li{display:inline-block;vertical-align:middle;border:2px solid var(--darkest);position:relative}.layers-preview img{display:block;width:64px}.layers-preview .mdi{position:absolute;z-index:10;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:var(--red)}.layers-preview .selected-layer{border-color:var(--white)}.layers-preview .image-hidden img{-webkit-filter:blur(var(--em-1));filter:blur(var(--em-1))}.layers-preview .controls-box-title{cursor:move}.v-step[data-v-aa0cbe42]{-webkit-filter:drop-shadow(0 0 2px rgba(0,0,0,.5));background:#50596c;border-radius:3px;color:#fff;filter:drop-shadow(0 0 2px rgba(0,0,0,.5));max-width:320px;padding:1rem;text-align:center}.v-step .v-step__arrow[data-v-aa0cbe42]{border-color:#50596c;border-style:solid;height:0;margin:.5rem;position:absolute;width:0}.v-step .v-step__arrow--dark[data-v-aa0cbe42]{border-color:#454d5d}.v-step[x-placement^=top][data-v-aa0cbe42]{margin-bottom:.5rem}.v-step[x-placement^=top] .v-step__arrow[data-v-aa0cbe42]{border-bottom-color:transparent;border-left-color:transparent;border-right-color:transparent;border-width:.5rem .5rem 0;bottom:-.5rem;left:calc(50% - 1rem);margin-bottom:0;margin-top:0}.v-step[x-placement^=bottom][data-v-aa0cbe42]{margin-top:.5rem}.v-step[x-placement^=bottom] .v-step__arrow[data-v-aa0cbe42]{border-left-color:transparent;border-right-color:transparent;border-top-color:transparent;border-width:0 .5rem .5rem;left:calc(50% - 1rem);margin-bottom:0;margin-top:0;top:-.5rem}.v-step[x-placement^=right][data-v-aa0cbe42]{margin-left:.5rem}.v-step[x-placement^=right] .v-step__arrow[data-v-aa0cbe42]{border-bottom-color:transparent;border-left-color:transparent;border-top-color:transparent;border-width:.5rem .5rem .5rem 0;left:-.5rem;margin-left:0;margin-right:0;top:calc(50% - 1rem)}.v-step[x-placement^=left][data-v-aa0cbe42]{margin-right:.5rem}.v-step[x-placement^=left] .v-step__arrow[data-v-aa0cbe42]{border-bottom-color:transparent;border-right-color:transparent;border-top-color:transparent;border-width:.5rem 0 .5rem .5rem;margin-left:0;margin-right:0;right:-.5rem;top:calc(50% - 1rem)}.v-step__header[data-v-aa0cbe42]{background-color:#454d5d;border-top-left-radius:3px;border-top-right-radius:3px;margin:-1rem -1rem .5rem;padding:.5rem}.v-step__content[data-v-aa0cbe42]{margin:0 0 1rem}.v-step__button[data-v-aa0cbe42]{-webkit-transition:all .2s ease;background:transparent;border:.05rem solid #fff;border-radius:.1rem;color:#fff;cursor:pointer;display:inline-block;font-size:.8rem;height:1.8rem;line-height:1rem;margin:0 .2rem;outline:none;padding:.35rem .4rem;text-align:center;text-decoration:none;transition:all .2s ease;vertical-align:middle;white-space:nowrap}.v-step__button[data-v-aa0cbe42]:hover{background-color:hsla(0,0%,100%,.95);color:#50596c}.table-layout{display:table;width:100%}.table-layout-full-width{width:100%!important}.table-layout-collapse{border-collapse:collapse}.table-layout>*{display:table-row}.table-layout>*>*{display:table-cell}.table-layout.table-layout-fixed{table-layout:fixed}.table-layout-full-height{height:100vh}.table-layout-cell-x-align-left,.table-layout-x-align-left>*>*{text-align:left}.table-layout-cell-x-align-center,.table-layout-x-align-center>*>*{text-align:center}.table-layout-cell-x-align-right,.table-layout-x-align-right>*>*{text-align:right}.table-layout-cell-v-align-top,.table-layout-v-align-top>*>*{vertical-align:top}.table-layout-cell-v-align-middle,.table-layout-v-align-middle>*>*{vertical-align:middle}.table-layout-cell-v-align-bottom,.table-layout-v-align-bottom>*>*{vertical-align:bottom}.table-layout-cell-v-align-baseline,.table-layout-v-align-baseline>*>*{vertical-align:baseline}.controls-box{-webkit-filter:drop-shadow(0 0 var(--em-1) var(--darkest));filter:drop-shadow(0 0 var(--em-1) var(--darkest))}.controls-box .controls-box-title{border-radius:var(--border-radius) var(--border-radius) 0 0;font-size:.7em;width:auto;vertical-align:bottom;padding:.25em .5em;background:var(--dark)}.controls-box .controls-box-content{font-size:.7em;border-radius:0 var(--border-radius) var(--border-radius) var(--border-radius);background:var(--dark)}
/*# sourceMappingURL=app.c2cb289724c3492155669e78f47770f0.css.map */