body{margin:0}.page-wrapper{text-align:center;overflow:hidden;padding:10px;min-height:100vh;min-height:100svh}*{font-family:Arial,Helvetica,sans-serif}h1{font-size:4rem}h2{font-size:2rem}a{color:#42b883;text-decoration:none;transition:opacity .25s ease-in-out}a:hover{opacity:.5}@keyframes img-loader{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.image-wrapper{overflow:hidden;width:100%;height:100%;position:relative}.image-wrapper .image{position:absolute;top:0;left:0;opacity:0;transition:opacity .25s ease-in-out}.image-wrapper .image-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translateZ(0);border-radius:50%;width:60px;height:60px;border-color:#fff;border-width:2px;border-style:solid;border-left:2px solid #000;animation:img-loader 1.1s infinite linear}.image-wrapper .overlay,.image-wrapper .pattern{position:absolute;top:0;left:0;right:0;height:100%}.image-wrapper .effect-helper{width:100%;height:100%;position:relative}.image-wrapper .effect-helper.effect-height{clip-path:polygon(0% 0%,100% 0%,100% 0%,0% 0%);transition:clip-path 1s ease-out}.image-wrapper .effect-helper.effect-zoom{transform:scale(.8);transition:transform 7s ease-out}.image-wrapper.loaded .image{opacity:1}.image-wrapper.loaded .effect-helper.effect-active.effect-height{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.image-wrapper.loaded .effect-helper.effect-active.effect-zoom{transform:scale(1)}.image-editor{position:relative;width:100%;height:100%}.image-editor .tools-wrapper{z-index:1;position:absolute;top:0;right:0;opacity:0;padding-top:15px;padding-right:15px;transition:opacity .25s ease-in-out}.image-editor .tools-wrapper .tools{position:absolute;display:flex;align-items:center}.image-editor .tools-wrapper .tools .tool{background-color:#fff;border:none;width:50px;height:50px;border-radius:50%;position:relative;box-shadow:0 0 20px #0000004d;cursor:pointer;transition:box-shadow .25s ease-in-out}.image-editor .tools-wrapper .tools .tool img{width:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.image-editor .tools-wrapper .tools .tool.inactive img{opacity:.2}.image-editor .tools-wrapper .tools .tool:hover{box-shadow:0 0 10px #0000001a}.image-editor .tools-wrapper .tools .tool-color{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;width:50px;height:50px;border:none;cursor:pointer;border-radius:50%}.image-editor .tools-wrapper .tools .tool-color::-webkit-color-swatch{border-radius:50%;border:1px solid #000000}.image-editor .tools-wrapper .tools .tool-color::-moz-color-swatch{border-radius:50%;border:1px solid #000000}.image-editor .tools-wrapper .tools.tools-top{right:100%;top:100%}.image-editor .tools-wrapper .tools.tools-top .tool{margin-left:10px}.image-editor .tools-wrapper .tools.tools-right{top:calc(100% + 60px);right:100%;flex-flow:column}.image-editor .tools-wrapper .tools.tools-right .tool{margin-bottom:10px}.image-editor .debugger{position:absolute;left:100%;bottom:30px;width:170px;background-color:#f2f2f2;padding:10px;font-size:12px;opacity:0;transition:opacity .25s ease-in-out}.image-editor .debugger p{margin:5px 0}.image-editor .image-wrapper .image{cursor:grab}.image-editor .image-wrapper .image:active{cursor:grabbing}.image-editor .editor-content{pointer-events:none}.image-editor.small .tools-wrapper{top:unset;right:unset;bottom:100%;left:100%}.image-editor.small .tools-wrapper .tools.tools-top{top:unset;bottom:100%}.image-editor.small .tools-wrapper .tools.tools-right{right:unset;top:0;left:100%}.image-editor:hover .image-wrapper{overflow:visible}.image-editor:hover .image-wrapper:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;border:2px dashed #aaaaaa;pointer-events:none;z-index:1}.image-editor:hover .tools-wrapper,.image-editor:hover .debugger{opacity:1}.the-image{display:inline-block;max-width:100%;width:1300px;height:800px;position:relative}.the-image .the-content{position:absolute;bottom:20px;left:20px;width:350px;background-color:#fff;padding:20px 10px}.the-image .the-content p{color:#000}.components-list[data-v-a237e548]{list-style:none;padding-left:0;margin-top:0;margin-bottom:0}.components-list li a[data-v-a237e548]{font-size:20px;letter-spacing:.5px;color:#35495e;text-decoration:none}