.font-hl{font-family:Amatic SC,cursive}[class^=scene-]{position:fixed;left:0;top:0;width:100%;height:100%;background:#000;background-size:cover;background-position:50%;background-repeat:no-repeat;opacity:0;transition:1.5s;z-index:80;pointer-events:none}[class^=scene-].visible{opacity:1;pointer-events:all}.font-hl,.scene-face-manipulation .gui .dividing-headline{font-family:Amatic SC,cursive}.font-rt{font-family:Open Sans,sans-serif;font-size:18px;line-height:1.6em;color:#595a54}.scene-face-manipulation #imageInput{display:none}.scene-face-manipulation .save-button,.scene-face-manipulation .upload-button,.scene-face-manipulation canvas{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);cursor:pointer}.scene-face-manipulation canvas{width:max(24.2vw,43.0222222222vh);margin-left:min(-13.4vw,-23.8222222222vh);margin-top:min(-2vw,-3.5555555556vh);height:max(30.9vw,54.9333333333vh);cursor:default}.scene-face-manipulation .upload-button{width:max(8vw,14.2222222222vh);margin-left:min(-38vw,-67.5555555556vh);margin-top:min(-8vw,-14.2222222222vh)}.scene-face-manipulation .save-button{width:max(8vw,14.2222222222vh);margin-left:min(-38vw,-67.5555555556vh);margin-top:max(4vw,7.1111111111vh)}.scene-face-manipulation .gui{background-image:url(../img/overlay-right.2106a326.svg);background-repeat:no-repeat;background-size:100% 100%;position:fixed;width:30vw;height:100vh;right:0;top:0;padding:20px 5vw;right:-30vw;transition:.35s;overflow-y:scroll;padding-right:calc(5vw + 40px)}.scene-face-manipulation .gui.visible{right:0}.scene-face-manipulation .gui .ps{height:100%;padding-right:40px}.scene-face-manipulation .gui .dividing-headline{font-size:40px;margin-bottom:10px;border-bottom:2px solid #063881;padding-bottom:13px;color:#063881;font-weight:700}.scene-face-manipulation .gui .description{font-size:14px;font-weight:600;line-height:20px}.scene-face-manipulation .gui .delete-button{border:0;outline:0;padding:10px 20px;background:#cc5e45;color:#fff;cursor:pointer}.scene-face-manipulation .gui .delete-button[disabled]{pointer-events:none;background:#d3d3d3;color:#a9a9a9}.scene-face-manipulation .gui .color-picker{display:flex;margin:0 -3px;margin-bottom:20px;flex-wrap:wrap}.scene-face-manipulation .gui .color-picker .color{width:36px;height:36px;margin:3px;cursor:pointer;border:1px solid #d3d3d3;flex:0 0 36px}.scene-face-manipulation .gui .color-picker .color.active{border:1px solid #000}.scene-face-manipulation .item-list{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;margin:0 -3px;padding-bottom:50px}.scene-face-manipulation .item-list li{width:64px;height:64px;background:#c6c6c6;cursor:pointer;margin:3px;padding:3px;transition:.5s}.scene-face-manipulation .item-list li:hover{background:#939393}.scene-face-manipulation .item-list li img{width:100%;height:100%;-o-object-fit:fill;object-fit:fill;-o-object-position:center;object-position:center}.scene-face-manipulation .item-editing-panel{display:flex;flex-direction:column;margin-bottom:20px}.scene-face-manipulation .item-editing-panel .slider{display:flex;align-items:center;margin-bottom:20px}.scene-face-manipulation .item-editing-panel .slider label{margin-right:10px;color:#a9a9a9;display:flex}.scene-face-manipulation .item-editing-panel .slider label img{width:36px}.scene-face-manipulation .item-editing-panel .slider input{width:100%}@media(max-width:800px){.scene-face-manipulation .item-list li{width:32px;height:32px}.scene-face-manipulation .gui{width:40vw}.scene-face-manipulation .gui .color-picker .color{width:24px;height:24px}.scene-face-manipulation .gui .dividing-headline{font-size:30px}.scene-face-manipulation .gui .delete-button{padding:5px 20px}.scene-face-manipulation .item-editing-panel .slider label img{width:26px}}