body{background-color:#1f1f1f;display:flex;align-items:center;justify-content:center;height:100vh}:root{--radius: 25px}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}label{color:#fff;margin-bottom:2px}input{background-color:#363636;width:100%;height:24px;padding:0 4px;border:1px solid rgb(135,135,135);border-radius:4px;color:#fff;margin-bottom:12px}button{padding:8px 24px;border:none;border-radius:25px}.transparent-btn{background:none;color:#fff;display:flex;align-items:center;width:100%;gap:8px;border-radius:4px}.transparent-btn:hover{background-color:#414141;cursor:pointer}.views-container{position:absolute;bottom:3%;left:50%;transform:translate(-50%,-50%);display:flex;gap:16px}.sortableItem{display:flex;align-items:end;gap:4px}.sortableItem>button{padding:8px;border-radius:2px;height:fit-content}.sortableItem>span{margin-bottom:7px;color:#606060}.sortableItem>span :hover{color:#fff;cursor:pointer}._slider_1992u_1{position:relative}input{width:100%}._range_thumb_1992u_9{width:16px;aspect-ratio:1;background-color:#b8b8b8;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:2px;pointer-events:none}._range_slider_1992u_21{position:absolute;background-color:#363636;width:100%;height:24px;padding:0 4px;border:1px solid rgb(135,135,135);border-radius:4px;pointer-events:none;top:0}._input_container_1df5t_1{display:flex;flex-direction:column;width:100%}._controls_hd5pt_1{position:absolute;display:flex;flex-direction:column;right:12px;top:12px;padding:12px 12px 6px 6px;border-radius:4px;border:1px solid #606060;background-color:#1e1e1e;width:20rem;z-index:1}._overflowHidden_1t45b_1{overflow:hidden;position:relative}._viewport_1t45b_7{width:100vw;height:100vh;position:relative;transform-style:preserve-3d;transition:transform .25s ease-out;pointer-events:none}._viewport_1t45b_7[data-isometric=isometric]{transform:rotateX(-45deg) rotateY(-45deg) rotate(0)}._viewport_1t45b_7[data-isometric=zenithal]{transform:rotateX(-90deg) rotateY(0) rotate(0)}._viewport_1t45b_7[data-isometric=side]{transform:rotateX(0) rotateY(-90deg) rotate(0)}._grid_1t45b_29{position:absolute;top:50%;left:50%;z-index:-1;height:20000px;aspect-ratio:1/1;transform-origin:center;transform:translate(-50%,-50%) rotateX(-90deg) rotateY(0);background-size:50px 50px;background-image:linear-gradient(to right,#2e2e2e 1px,transparent 1px),linear-gradient(to bottom,#2e2e2e 1px,transparent 1px);opacity:0;transition:opacity 0ms linear;pointer-events:none}._grid_1t45b_29[data-isometric=isometric]{opacity:1;transition:opacity .25s linear}._backgroundGrid_1t45b_52{position:absolute;top:50%;left:50%;z-index:0;height:20000px;aspect-ratio:1/1;transform-origin:center;transform:translate(-50%,-50%);background-size:50px 50px;background-image:linear-gradient(to right,#2e2e2e 1px,transparent 1px),linear-gradient(to bottom,#2e2e2e 1px,transparent 1px);transition:opacity .25s ease-out}._backgroundGrid_1t45b_52[data-isometric=isometric]{opacity:0;transition:opacity 0ms linear}._axis_1t45b_74{position:absolute;height:2000%;transform-origin:center;left:50%;top:50%;border:1px dashed #606060;transition:transform .25s ease-out;pointer-events:none}._axisY_1t45b_85{transform:translate(-50%,-50%) rotate(0) rotateY(0) rotateX(0);border-color:#ff5b5b}._axisY_1t45b_85[data-isometric=side]{transform:translate(-50%,-50%) rotate(0) rotateY(90deg) rotateX(0)}._axisX_1t45b_94{transform:translate(-50%,-50%) rotate(90deg) rotateY(0) rotateX(0);border-color:#745bff}._axisX_1t45b_94[data-isometric=zenithal],._axisX_1t45b_94[data-isometric=side]{transform:translate(-50%,-50%) rotate(90deg) rotateY(-90deg) rotateX(0)}._axisZ_1t45b_108{transform:translate(-50%,-50%) rotateX(90deg) rotateY(0) rotate(0);border-color:#5bff76}._axisZ_1t45b_108[data-isometric=side]{transform:translate(-50%,-50%) rotateX(90deg) rotateY(90deg) rotate(0)}.scene-node{transform-style:preserve-3d;transform-origin:center center;left:calc(50vw - var(--radius));top:calc(50vh - var(--radius));transform:var(--transform);position:absolute;width:calc(var(--radius)*2);height:calc(var(--radius)*2);background-color:#8e9092;border:1px solid rgb(63,63,63);pointer-events:all}.scene-node:hover{border:1px solid rgb(255,0,76)}.selected{border:1px solid rgb(255,0,76);background-color:#fae5d7}.list-container{position:absolute;display:flex;flex-direction:column;justify-content:space-between;left:12px;top:12px;bottom:12px;padding:12px;border-radius:4px;border:1px solid #606060;background-color:#1e1e1e;width:20rem;z-index:1;color:#fff;overflow-y:auto}.list{display:flex;flex-direction:column;height:100%;overflow:auto;border-bottom:1px solid #606060;margin-bottom:12px}.list-item{padding:8px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;background-color:transparent;color:#fff}.list-item>.icons{opacity:0}.list-item>span{display:flex;align-items:center;gap:8px;font-size:1rem}.list-item:hover{background-color:#414141}.list-item:hover>.icons{opacity:1}.list-item-selected{background-color:#747474}._cube_1c68y_1{transform-style:preserve-3d;position:absolute;transform-origin:center center;left:50%;top:50%;width:calc(var(--radius)*2);height:calc(var(--radius)*2);transform:translate(-50%)}._cube_1c68y_1:hover>._side_1c68y_10{background-color:#303030;cursor:pointer}._side_1c68y_10{position:absolute;width:calc(var(--radius)*2);height:calc(var(--radius)*2);background-color:#faebd7;transform-origin:center;border:1px solid #606060;background-color:#1f1f1f}._sideA_1c68y_28{transform:translate(var(--radius)) rotateY(90deg)}._sideB_1c68y_32{transform:translateZ(var(--radius))}._sideC_1c68y_36{transform:translate(calc(-1 * var(--radius))) rotateY(90deg)}._sideD_1c68y_40{transform:translateZ(calc(-1 * var(--radius)))}._sideE_1c68y_44{transform:translateY(var(--radius)) rotateX(90deg)}._sideF_1c68y_48{transform:translateY(calc(-1 * var(--radius))) rotateX(90deg)}._axis_1nrqp_1{position:absolute;top:50%;left:50%;transform-style:preserve-3d;transform-origin:center;cursor:pointer}._axisY_1nrqp_10{transform:translate(-50%,-75%) rotate(0) rotateY(0) rotateX(0)}._axisY_1nrqp_10>._hand_1nrqp_13,._axisY_1nrqp_10 ._arm_1nrqp_13{background-color:#ff5b5b}._axisY_1nrqp_10[data-isometric=zenithal] ._hand_1nrqp_13{transform:rotateX(90deg);pointer-events:none}._axisY_1nrqp_10[data-isometric=side] ._hand_1nrqp_13,._axisY_1nrqp_10[data-isometric=side] ._arm_1nrqp_13{transform:rotateY(90deg)}._axisX_1nrqp_27{transform:translate(55%,-30%) rotate(90deg) rotateY(0) rotateX(0)}._axisX_1nrqp_27>._hand_1nrqp_13,._axisX_1nrqp_27 ._arm_1nrqp_13{background-color:#745bff}._axisX_1nrqp_27[data-isometric=side] ._hand_1nrqp_13{transform:rotateX(90deg) rotate(90deg);pointer-events:none}._axisX_1nrqp_27[data-isometric=zenithal] ._hand_1nrqp_13,._axisX_1nrqp_27[data-isometric=zenithal] ._arm_1nrqp_13{transform:rotateY(90deg)}._axisZ_1nrqp_44{transform:translate(-50%) translateZ(30px) translateY(-15px) rotateX(-90deg) rotateY(0) rotate(0)}._axisZ_1nrqp_44>._hand_1nrqp_13,._axisZ_1nrqp_44 ._arm_1nrqp_13{background-color:#5bff76}._axisZ_1nrqp_44[data-isometric=front] ._hand_1nrqp_13{transform:rotateX(90deg) translateY(-6px);pointer-events:none}._axisZ_1nrqp_44[data-isometric=side] ._hand_1nrqp_13,._axisZ_1nrqp_44[data-isometric=side] ._arm_1nrqp_13{transform:rotateY(90deg)}._hand_1nrqp_13{padding:2px;height:24px;aspect-ratio:1/1;border-radius:999px;color:#1f1f1f;display:flex;align-items:center;justify-content:center;transition:transform .25s linear}._hand_1nrqp_13>span{pointer-events:none}._arm_1nrqp_13{width:5px;height:48px;position:relative;left:50%;transform:translate(-50%);transition:transform .25s linear;pointer-events:none}._viewSelectorContainer_1nrqp_87{background-color:#1f1f1f;border:1px solid #606060;width:150px;aspect-ratio:1/1;border-radius:50%;position:absolute;bottom:12px;right:12px;overflow:hidden}._threedViewport_1nrqp_99{width:100%;height:100%;transform-style:preserve-3d;transition:transform .25s ease-out;position:relative}._threedViewport_1nrqp_99[data-isometric=isometric]{transform:translateY(-12px) rotateX(-45deg) rotateY(-45deg) rotate(0)}._threedViewport_1nrqp_99[data-isometric=zenithal]{transform:translateY(-12px) rotateX(-90deg) rotateY(0) rotate(0)}._threedViewport_1nrqp_99[data-isometric=side]{transform:translateY(0) translate(12px) rotateX(0) rotateY(-90deg) rotate(0)}