.layout[data-v-ba54df21]{display:flex;justify-content:center}.layout .root[data-v-ba54df21]{width:100%;max-width:1000px;height:100vh;color:#393535;font-family:Inter,system-ui,sans-serif;display:flex;flex-direction:column;padding-top:10px}.layout .root .header[data-v-ba54df21]{padding:5px;display:flex;justify-content:center;align-items:center}.layout .root .header h1[data-v-ba54df21]{margin:0}.layout .root .nav[data-v-ba54df21]{display:flex;justify-content:space-between;align-items:center;padding:0 1em;background-color:#fff;box-shadow:0 0 1em #0003;position:sticky;top:0;z-index:1}.layout .root .nav .logo-container[data-v-ba54df21]{display:flex;align-items:center}.layout .root .nav .logo-container img[data-v-ba54df21]{width:40px;height:40px;margin-right:10px}.layout .root .nav .logo-container a[data-v-ba54df21]{color:#646cff;text-decoration:none}.layout .root .nav .logo-container a[data-v-ba54df21]:hover{text-decoration:underline}.layout .root .nav .logo-container .share-button[data-v-ba54df21]{display:flex;align-items:center;justify-content:center;padding:0 5px;border-radius:5px;color:#1b1717;text-decoration:none}.layout .root .nav .logo-container .share-button[data-v-ba54df21]:hover{box-shadow:0 0 10px #0003}.layout .root .nav .logo-container .share-button .logo[data-v-ba54df21]{width:35px;height:35px}.layout .root .nav .logo-container .share-button .logo img[data-v-ba54df21]{width:35px;height:35px;margin-right:0}.layout .root .flex[data-v-ba54df21]{padding-top:50px;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;align-items:top}.layout .root .flex .body[data-v-ba54df21]{width:684px;max-width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.layout .root .flex .body svg[data-v-ba54df21]{width:500px;height:500px;border:3px dashed #00000033}@media screen and (max-width: 500px){.layout .root .flex .body svg[data-v-ba54df21]{width:300px;height:300px}}.layout .root .flex .body .row-container[data-v-ba54df21]{width:60%;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}.layout .root .flex .body .row-container .button[data-v-ba54df21]{position:relative;margin-top:30px;width:80px;height:80px;border-radius:50%;display:flex;justify-content:center;align-items:center;border:none;background-color:#eee;cursor:pointer}.layout .root .flex .body .row-container .button img[data-v-ba54df21]{width:50px;height:50px;background-color:#eee}.layout .root .flex .body .row-container .button[data-v-ba54df21]:hover{transition-duration:.5s;background-color:#3a3a3a;box-shadow:0 0 10px #050505}.layout .root .flex .body .row-container .button:hover img[data-v-ba54df21]{filter:invert(86%);transition-duration:.5s}.layout .root .flex .body .row-container .button[data-v-ba54df21]:after{content:"";display:block;position:absolute;border-radius:4em;left:0;top:0;width:100%;height:100%;opacity:0;transition:all .5s;box-shadow:0 0 10px 40px #050505;z-index:-1}.layout .root .flex .body .row-container .button[data-v-ba54df21]:active:after{box-shadow:0 0 #050505;position:absolute;border-radius:4em;left:0;top:0;opacity:1;transition:0s}.layout .root .flex .body .row-container .button[data-v-ba54df21]:active{top:1px}.layout .root .flex .aside[data-v-ba54df21]{width:300px;display:flex;flex-direction:column}.layout .root .flex .aside .control[data-v-ba54df21]{padding:2px 12px;height:40px;margin-bottom:10px;display:flex;flex-direction:row;align-items:center;border-radius:5px}.layout .root .flex .aside .control .checkbox[data-v-ba54df21]{width:20px;height:20px;margin-right:10px}.layout .root .flex .aside .control .param[data-v-ba54df21]{width:20%;font-size:20px;text-align:center;margin-right:10px;text-align:left}.layout .root .flex .aside .control .color-picker[data-v-ba54df21]{width:35px;height:35px;border:none;border-radius:5px;cursor:pointer}.layout .root .flex .aside .control .range[data-v-ba54df21]{width:60%}.layout .root .flex .aside .control button[data-v-ba54df21]{width:100%;height:40px;display:flex;justify-content:center;align-items:center;border:none;border-radius:5px;background-color:#eee;cursor:pointer}.layout .root .flex .aside .control button img[data-v-ba54df21]{width:20px;height:20px;margin-right:10px}.layout .root .flex .aside .control[data-v-ba54df21]:hover{background-color:#cececeaa}