.home-container{padding:14px;background-color:#eceff1;box-shadow:inset 0 0 2px 1px #cfd8dc;position:absolute;top:0;bottom:0;left:10px;right:10px;overflow:hidden;display:flex;align-items:flex-start;justify-content:space-around}.home-container .left,.home-container .middle,.home-container .right{display:flex;flex-direction:column;background-color:#fff;height:100%}.home-container .left .header,.home-container .middle .header,.home-container .right .header{display:flex;justify-content:space-between;align-items:center;text-transform:uppercase;font-weight:700;border-bottom:3px solid #eceff1;height:35px;min-height:35px;padding:0 10px 0 15px}.home-container .left .header svg,.home-container .middle .header svg,.home-container .right .header svg{margin-left:10px}.home-container .left .header svg.small,.home-container .middle .header svg.small,.home-container .right .header svg.small{width:22px;height:22px}.home-container .left .header svg:hover,.home-container .middle .header svg:hover,.home-container .right .header svg:hover{cursor:pointer}.home-container .left .header .expand,.home-container .middle .header .expand,.home-container .right .header .expand{margin:0}.home-container .left.collapsed .header .expand,.home-container .middle.collapsed .header .expand,.home-container .right.collapsed .header .expand{display:none}@media (max-width:850px){.home-container .left.expanded{left:0;box-shadow:2px 0 10px 2px #bdbdbd}.home-container .right.expanded{right:0;box-shadow:-2px 0 10px 2px #bdbdbd}.home-container .middle{min-width:200px!important}.home-container .left.expanded,.home-container .right.expanded{position:absolute;z-index:999}.home-container .left.collapsed,.home-container .right.collapsed{min-width:50px;width:50px;flex:0 0 auto;overflow-x:hidden}.home-container .left.collapsed>*,.home-container .right.collapsed>*{display:none!important}.home-container .left.collapsed .header,.home-container .right.collapsed .header{padding:0;margin:0;display:flex!important;justify-content:center}.home-container .left.collapsed .header>:not(.expand),.home-container .right.collapsed .header>:not(.expand){display:none}.home-container .left.collapsed .header .expand,.home-container .right.collapsed .header .expand{margin:0;display:block!important}}.home-container.processing .left .header svg,.home-container.processing .middle .header svg,.home-container.processing .right .header svg{color:#e0e0e0}.home-container.processing .left .header svg:hover,.home-container.processing .middle .header svg:hover,.home-container.processing .right .header svg:hover{cursor:default}.home-container.processing .middle .converter-container .actions-container>div .action:hover{cursor:default;box-shadow:0 0 1px 1px #eceff1}.home-container button{box-shadow:none;background-color:#bf360c;color:#fff;text-transform:none;margin-top:8px}.home-container button:hover{background-color:#d84315}.home-container .left,.home-container .right{flex:1 1 auto;min-width:250px;max-width:350px}.home-container .middle{flex:2 1 auto;margin:0 5px;min-width:300px}.home-container .middle .header .action{font-weight:400;text-transform:none;padding-right:5px;margin-left:5px;text-align:center}.home-container .middle .header .action span:nth-child(1n){border-right:1px solid #e0e0e0;padding:0 7px}.home-container .middle .header .action span:last-child{border-right:0;padding-right:0}@media (max-width:450px){.home-container .middle .header .action{display:none}}.home-container .middle .dropzone-container{height:100%;overflow:auto}.home-container .middle .dropzone-container.non-empty{height:0;overflow:hidden}.home-container .middle .dropzone-container h2{text-align:center;text-transform:uppercase;font-size:14px;margin-top:20px}.home-container .middle .dropzone-container .intro-container{padding:10px;line-height:20px;background-color:#f5f5f5;margin:5px 10px;border-radius:5px;box-shadow:0 2px 5px 2px #e0e0e0}.home-container .middle .dropzone-container .intro-container h3{font-size:14px;margin:10px 0 0}.home-container .middle .dropzone-container .intro-container p{margin:0}.home-container .middle .dropzone-container .intro-container ul{margin:0;padding-left:20px}.home-container .middle .dropzone-container .intro-container ul li{padding:0;margin:0}.home-container .middle .dropzone-container>div:not(.intro-container){display:flex;flex-direction:column;justify-content:center;align-items:center;margin:10px;padding:10px;min-height:40vh;border:2px dashed #e0e0e0}.home-container .middle .dropzone-container>div:not(.intro-container)>*{margin:5px 0}.home-container .middle .dropzone-container>div:not(.intro-container)>button{margin-top:10px}.home-container .middle .dropzone-container>div:not(.intro-container) .bold{font-weight:700}.home-container .middle .converter-container{display:flex;flex-direction:column;align-items:center;overflow:auto;height:100%}.home-container .middle .converter-container.empty{height:0;overflow:hidden}.home-container .middle .converter-container .stack-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;position:relative;padding-bottom:5px;width:100%}.home-container .middle .converter-container .stack-container img{max-width:150px;max-height:150px;margin:5px 5px 0}.home-container .middle .converter-container .canvas-container{width:100%;max-height:100%;min-height:200px;display:flex;align-items:center;justify-content:center;overflow:auto;position:relative}.home-container .middle .converter-container .canvas-container canvas{margin:0 auto}.home-container .middle .converter-container .progress{position:absolute;top:0;bottom:0;background-color:rgba(0,0,0,.75);padding:10px;display:flex;justify-content:center;align-items:flex-end;color:#e0e0e0;font-size:18px}.home-container .middle .converter-container .preview-hint{margin:10px}.home-container .middle .converter-container .actions-container{display:flex;align-items:center;justify-content:space-between;border-top:3px solid #eceff1;width:100%}.home-container .middle .converter-container .actions-container>div{display:flex;align-items:center;flex-wrap:wrap}.home-container .middle .converter-container .actions-container>div:last-child{align-self:flex-start;justify-content:flex-end}.home-container .middle .converter-container .actions-container>div .action{display:flex;align-items:center;box-shadow:0 0 1px 1px #eceff1;margin:5px;padding:1px 5px;border-radius:2px;height:30px}.home-container .middle .converter-container .actions-container>div .action:hover{cursor:pointer;box-shadow:0 2px 5px 1px rgba(0,0,0,.3)}.home-container .middle .converter-container .actions-container>div .action svg{font-size:28px;color:#757575}.home-container .middle .converter-container .actions-container>div .action svg.separator{width:20px;margin-left:3px}.home-container .middle .converter-container .actions-container>div .action svg.large{font-size:35px}.home-container .middle .converter-container .actions-container>div .action .inner-container{position:relative;display:flex;justify-content:center;align-items:center}.home-container .middle .converter-container .actions-container>div .action .inner-container span{position:absolute;font-size:10px;display:flex;justify-content:center;align-items:center;color:#757575}.home-container .middle .converter-container .actions-container>div .action .inner-container span.solid-background{background-color:#757575;height:14px;color:#fff;position:absolute}.home-container .middle .converter-container .actions-container>div .action .inner-container span.solid-background.large{left:6px}.home-container .middle .converter-container .actions-container>div .action.selected{background-color:#00bcd4;color:#fff}.home-container .middle .converter-container .actions-container>div .action.selected:hover{cursor:default}.home-container .middle .converter-container .actions-container>div .action.selected .inner-container.inverted span,.home-container .middle .converter-container .actions-container>div .action.selected .inner-container.inverted span.solid-background,.home-container .middle .converter-container .actions-container>div .action.selected svg{color:#fff}.home-container .middle .converter-container .actions-container>div .action.selected .inner-container span.solid-background{background-color:#fff;color:#757575}.home-container .middle .result{border-top:3px solid #eceff1;width:100%;max-height:50%;display:flex;justify-content:center;align-items:center;flex:1 0 auto}.home-container .middle .result video{max-width:100%;max-height:100%}.home-container .middle .result .cubicWrapper{display:flex;justify-content:center;align-items:center}.home-container .middle .result .cubicWrapper table.cubic{border-collapse:collapse;border-spacing:0}.home-container .middle .result .cubicWrapper table.cubic tr td{padding:0;margin:0}.home-container .middle .result .cubicWrapper table.cubic tr td img{display:block}.home-container .middle .result .cubicWrapper table.cubic tr td img:hover{cursor:pointer}.home-container .left .options{display:flex;flex-direction:column;height:100%;padding:5px 15px;overflow:auto}.home-container .left .options.empty{align-items:center;justify-content:center;text-align:center}.home-container .left .options.empty>*{margin:5px 0}.home-container .left .options .option{margin-top:10px;margin-bottom:5px}.home-container .left .options .option .option-row{display:flex;align-items:center}.home-container .left .options .option .option-row .MuiInputBase-input{padding:8px}.home-container .left .options .option .MuiSlider-root{color:#00acc1;padding-top:8px}.home-container .left .options .option .MuiSelect-root{padding:8px}.home-container .left .action{margin-top:10px}.home-container .left .action button{width:calc(50% - 10px);margin:0 5px}.home-container .left .action button.Mui-disabled{background-color:#e0e0e0}.home-container .right .images{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100%;width:100%;overflow-y:scroll}.home-container .right .images.empty{align-items:center;justify-content:center;overflow-y:hidden;text-align:center}.home-container .right .images.empty>*{margin:5px}.home-container .right .images .good{padding-top:10px;border-top:1px solid #f5f5f5;width:calc(100% - 20px)}.home-container .right .images .image-container{padding:15px;position:relative}.home-container .right .images .image-container:hover{cursor:pointer}.home-container .right .images .image-container.selected img{outline:3px solid #90caf9}.home-container .right .images .image-container img{width:100%}.home-container .right .images .image-container .actions-container{position:absolute;top:20px;left:20px;width:20px;height:20px;background-color:#fff;display:flex;justify-content:center;align-items:center;border-radius:3px}.home-container .right .images .image-container .actions-container svg{width:20px;height:20px;color:#000}.home-container .right .images .image-container .actions-container svg:hover{cursor:pointer}.help-container{padding:14px;background-color:#eceff1;box-shadow:inset 0 0 2px 1px #cfd8dc;position:absolute;top:0;bottom:0;left:10px;right:10px;overflow:auto;display:flex;align-items:flex-start;justify-content:center}.help-container .left,.help-container .right{background-color:#fff;margin:10px}.help-container .left .header,.help-container .right .header{padding:10px 15px;font-size:16px;font-weight:700;border-bottom:2px solid #eee;display:flex;align-items:center}.help-container .left .header svg,.help-container .right .header svg{display:none}.help-container .left{min-width:300px}.help-container .left .MuiList-root{padding:0}.help-container .left .separator{width:calc(100% - 30px);margin:0 15px;border-top:1px solid #eee}.help-container .left .about,.help-container .left .feedback{margin-left:7px}.help-container .left ul li{font-size:14px}.help-container .left ul li.selected{background:linear-gradient(90deg,#00bcd4 3px,#fff 0)}.help-container .right{min-width:600px;max-width:800px}.help-container .right .content{padding:0 15px 3px;line-height:20px}.help-container .right .content p{margin:7px 0}.help-container .right .content a{text-decoration:underline;color:#00838f}.help-container .right .content ul{margin-top:5px;padding-left:25px}.help-container .right .content .action{display:inline-block;width:80px;position:relative}.help-container .right .content .action.single{width:37px}.help-container .right .content .action>div{position:absolute;top:-19px;display:flex;align-items:center;box-shadow:0 0 1px 1px #eceff1;margin:2px 7px 0;padding:2px;border-radius:2px;height:20px}.help-container .right .content .action>div svg{font-size:20px;color:#757575}.help-container .right .content .action>div svg.separator{width:15px;margin-left:3px}.help-container .right .content .action>div svg.large{font-size:25px}.help-container .right .content .action>div .inner-container{position:relative;display:flex;justify-content:center;align-items:center}.help-container .right .content .action>div .inner-container span{position:absolute;font-size:8px;display:flex;justify-content:center;align-items:center;color:#757575}.help-container .right .content .action>div .inner-container span.solid-background{background-color:#757575;height:14px;color:#fff;position:absolute}.help-container .right .content .action>div .inner-container span.solid-background.large{left:6px}@media (max-width:980px){.help-container .left.collapsed{display:none}.help-container .left.expanded{max-width:100%;width:100%}.help-container .left.expanded .header{display:flex;justify-content:space-between}.help-container .left.expanded .header svg{display:inline-block}.help-container .right.collapsed{display:none}.help-container .right{min-width:300px}.help-container .right.expanded .header{display:flex;justify-content:space-between}.help-container .right.expanded .header svg{display:inline-block;margin-left:10px}}.App{display:flex;flex-direction:column;justify-content:stretch;height:100vh;font-size:14px}.App,.App a{color:#757575}.App a{text-decoration:none}.App h2{font-weight:700;font-size:1rem}.App>.header{justify-content:space-between;padding:10px 20px}.App>.header,.App>.header .left,.App>.header .right{display:flex;align-items:center}.App>.header .left:hover,.App>.header .right:hover{cursor:pointer}.App>.header .right{font-weight:700}.App>.header .right svg{font-size:14px;margin-right:3px}.App>.header .right .links{display:flex;align-items:center;position:relative}.App>.header .right .links a{text-decoration:none;display:flex;align-items:center}.App>.header .right .links a:hover{cursor:pointer}.App>.header .right .links>:nth-child(1n){border-right:1px solid #e0e0e0;padding:0 7px}.App>.header .right .links>:last-child{border-right:0;padding-right:0}.App>.header .right .links .user-menu{position:absolute;top:20px;width:100%;z-index:999;background:#fff;border-bottom:1px solid #eee}.App>.header img{height:20px}.App>.header h1{transition:font-size .5s;margin:0 0 0 7px;border-left:1px solid #e0e0e0;padding-left:7px;font-size:14px}.App>.header .account{display:flex;flex-direction:row;align-items:center}.App>.header .account .spacer{border-left:1px solid #9e9e9e;width:1px;height:.75rem;margin-left:.5rem}.App>.header .account .username{color:#616161}@media (max-width:850px){.App>.header .left img,.App>.header.logged-in h1{display:none}.App>.header .left h1{border:0;margin-left:0;padding-left:0}}.App>.content{position:relative;flex:1 0 auto}.App>.content .progress{position:absolute;top:0;left:0;right:0}.App>.footer{padding:10px 20px;font-size:14px;display:flex;justify-content:space-between}.App>.footer .links>:nth-child(1n){border-right:1px solid #e0e0e0;padding:0 7px}.App>.footer .links>:last-child{border-right:0;padding-right:0}@media (max-width:850px){.App>.footer .copyright{display:none}.App>.footer .links{width:100%;text-align:center}}.App button.danger>span,.App svg.danger{color:#9e9e9e}.signin-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:50px}.signin-container h2{z-index:999;font-weight:400;font-size:18px;margin:0 0 30px;padding:0}.signin-container .firebaseui-container{display:flex;flex-direction:column;justify-content:center;padding:2rem 0 1rem}.signin-container .firebaseui-card-header{display:none}.signin-container>div{min-width:25rem}@media (max-width:850px){.signin-container{padding:10px;text-align:center}.signin-container>div{min-width:20rem}}body{padding:0;margin:0;font-family:"Roboto",sans-serif;overflow-x:hidden;overscroll-behavior-x:none}