body{font-family:Open Sans;background-color:#fff;margin:0;overflow:hidden;width:100vw;height:100vh}#left_menu_opener{left:.1em;background-image:url(501536c55a38d36dc4a10489c8310a05.svg);opacity:.5}#left_menu_closer,#left_menu_opener{position:absolute;top:.1em;width:2.1em;height:2.1em;background-repeat:no-repeat;background-size:contain;cursor:pointer;z-index:1}#left_menu_closer{left:0;background-image:url(53c9f4b6ba9fca553d1eb9cda88a11af.svg);opacity:0;user-select:none;pointer-events:none;transition:all .3s}#left_menu_closer.show{left:300px;opacity:1;user-select:auto;pointer-events:all;z-index:1}#left_menu{overflow:auto;box-sizing:border-box;position:absolute;display:block;top:0;left:-300px;width:300px;height:100%;font-size:16px;user-select:none;background-color:#fff;z-index:1;transition:left .6s}#left_menu.open{left:0}#left_menu::-webkit-scrollbar{width:4px}#left_menu::-webkit-scrollbar-thumb{border-width:1px 1px 1px 2px;border-color:#777;background-color:#aaa}#left_menu::-webkit-scrollbar-thumb:hover{border-width:1px 1px 1px 2px;border-color:#555;background-color:#777}#left_menu::-webkit-scrollbar-track{border-width:0}#left_menu::-webkit-scrollbar-track:hover{border-left:1px solid #aaa;background-color:#eee}#left_menu *{box-sizing:border-box}.menu_h1{padding:5px}.menu_h1 .trigger>*{pointer-events:none;margin:0;position:absolute;top:50%;transform:translateY(-50%)}.menu_h1 .trigger{position:relative;height:2em;padding:5px;border-bottom:#777;border-bottom-width:1px;border-bottom-style:solid}.menu_h1 .target{overflow:hidden;padding:5px;transition:all .2s ease}.target-item>span{display:block;font-size:14px;margin-top:5px;margin-bottom:10px;transition:background-color .2s ease}.img-item{position:relative;cursor:pointer}.img-item>*{position:absolute}.img-item,.img-item>.item{display:inline-block;width:50px;height:50px;border-radius:25px;box-shadow:0 0 5px rgba(0,0,0,.2);background-color:#bebebe;z-index:0}.img-item.select{background-color:#91c584}.img-item>.check{transition:all .2s ease}.img-item>.selected-img{overflow:hidden;background-image:url(62ab91f4f595a28ee1f449b98bc0f23c.svg);background-size:100%;width:30px;height:30px;pointer-events:none;margin:0;background-repeat:no-repeat;background-position:50%;background-color:#48ef45;border-radius:100%;z-index:10;transform:translate(10px,10px)}#v3d-container{position:absolute;top:0;left:0;width:100%;height:100%}#gui{pointer-events:none;position:absolute;bottom:-200px;left:300px;width:calc(100% - 300px);height:150px;display:flex;justify-content:center;transition-property:bottom,width,left;transition-duration:.6s}#gui.left{left:0;width:100%}#gui.show{bottom:20px}.card{pointer-events:auto;user-select:none;width:150px;height:150px;margin-left:-30px;margin-right:-30px;perspective:500px;transform-style:flat;transform-origin:0 50%;transition:all .2s}.card:hover{margin-left:20px;margin-right:20px}.option{width:100%;height:100%;transform:rotateY(45deg);transition:transform .2s}.card:hover>.option{transform:rotateY(0deg)}.splash{position:absolute;width:100%;height:100%;background:linear-gradient(-90deg,rgba(0,0,0,.65),rgba(255,0,0,0));opacity:1;transition:opacity .2s}.card:hover>.option>.splash{opacity:0}#preloader,.option>img{width:100%;height:100%}#preloader{position:absolute;left:0;top:0;background-color:#f0f8ff;opacity:1;transition:opacity .6s;display:flex;align-items:center;justify-content:center;z-index:100}#preloader.hide{opacity:0;pointer-events:none}#preloader>.progress{font-size:2em;margin:0}.description-container{color:#000;position:absolute;overflow:auto;height:-webkit-fill-available;width:280px;top:0;left:-330px;box-shadow:0 0 6px 3px rgba(0,0,0,.44);border-radius:3px;background-color:#fff;user-select:text;margin:10px;padding:10px;user-select:none;pointer-events:none;transition:left .3s}.description-container::-webkit-scrollbar{width:4px}.description-container::-webkit-scrollbar-thumb{border-width:1px 1px 1px 2px;border-color:#777;background-color:#aaa}.description-container::-webkit-scrollbar-thumb:hover{border-width:1px 1px 1px 2px;border-color:#555;background-color:#777}.description-container::-webkit-scrollbar-track{border-width:0}.description-container::-webkit-scrollbar-track:hover{border-left:1px solid #aaa;background-color:#eee}.description-container.active{user-select:text;pointer-events:all;left:0}.description-container>.close{position:absolute;right:.1em;top:.1em;width:1.3em;height:1.3em;background-image:url(53c9f4b6ba9fca553d1eb9cda88a11af.svg);background-repeat:no-repeat;background-size:contain;cursor:pointer}.description-container>.title{font-weight:600;font-size:1.1em}.description{display:none;font-weight:400;font-size:.95em}.description.show{display:block}.description>img{margin-top:20px;position:inherit;max-width:100%;max-height:100%;height:auto}.anchor-container.hide{display:none}.anchor{position:absolute;width:2em;height:2em;border-radius:50%;border:2px solid hsla(0,0%,100%,.5);box-shadow:inset 0 0 .25em hsla(0,0%,100%,.5);color:hsla(0,0%,100%,.5);display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);transition-property:border-color,box-shadow,color;transition-duration:.2s;cursor:help}.anchor:hover{border-color:#fff;box-shadow:inset 0 0 .25em #fff;color:#fff}.anchor>.dot{position:absolute;width:.5em;height:.5em;background-color:#fff;border-radius:50%;margin:auto;transition:width .4s,height .4s}.anchor:hover>.dot{width:.8em;height:.8em}.anchor>.title{position:relative;bottom:2.5em;user-select:none;cursor:inherit;color:#000;background-color:#fff;opacity:0;padding:10px;box-shadow:0 0 5px 3px rgba(0,0,0,.3);transform:scale(.5) translate(0);transition:opacity .2s,transform .2s}.anchor>.title:after{content:"";top:100%;left:50%;position:absolute;height:0;width:0;border:5px solid hsla(0,0%,100%,0);border-top-color:#fff;margin-left:-5px}.anchor:hover>.title{opacity:1;transform:scale(1) translateY(-1em)}