.menu-preset{cursor:pointer}.dots-grid,.menu-preset{position:relative;width:60px;height:60px;display:flex;justify-content:center;align-items:center}.dots-grid .dot{position:absolute;width:8px;height:8px;background-color:currentColor;border-radius:50%}.dots-grid .dot:first-child{top:15px;left:15px}.dots-grid .dot:nth-child(2){top:15px;left:50%;transform:translateX(-50%)}.dots-grid .dot:nth-child(3){top:15px;right:15px}.dots-grid .dot:nth-child(4){top:50%;left:15px;transform:translateY(-50%)}.dots-grid .dot:nth-child(5){top:50%;left:50%;transform:translate(-50%,-50%)}.dots-grid .dot:nth-child(6){top:50%;right:15px;transform:translateY(-50%)}.dots-grid .dot:nth-child(7){bottom:15px;left:15px}.dots-grid .dot:nth-child(8){bottom:15px;left:50%;transform:translateX(-50%)}.dots-grid .dot:nth-child(9){bottom:15px;right:15px}.text-morph{position:relative;width:75px;height:20px}.text-morph span{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-weight:700;color:currentColor;font-size:14px;letter-spacing:1px}.text-morph .text-container{position:relative;width:60px;height:100%;overflow:hidden;margin-left:15px}.text-morph .menu{transform:translateY(0)}.text-morph .close{transform:translateY(20px)}.text-morph .circle{position:absolute;width:8px;height:8px;background-color:currentColor;border-radius:50%;left:0;top:50%;transform:translateY(-50%);z-index:10}.plus-morph{position:relative;width:60px;height:60px;display:flex;justify-content:center;align-items:center}.plus-morph .line{position:absolute;background-color:currentColor;top:50%;left:50%;transform-origin:center}.plus-morph .horizontal{width:16px;height:2px;transform:translate(-50%,-50%)}.plus-morph .vertical{height:16px;width:2px;transform:translate(-50%,-50%)}.circle-pulse{position:relative;width:60px;height:60px;overflow:visible}.circle-pulse .circle{background-color:currentColor;border-radius:50%;z-index:3}.circle-pulse .circle,.circle-pulse .ring{position:absolute;width:12px;height:12px;top:50%;left:50%;transform:translate(-50%,-50%)}.circle-pulse .ring{border:1px solid;border-radius:50%;opacity:0;z-index:2}.circle-pulse .particles{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);z-index:1}.circle-pulse .particle{background-color:transparent;opacity:1}.circle-pulse .particle,.circle-pulse .wave{position:absolute;width:12px;height:12px;border:1px solid;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.circle-pulse .wave{opacity:0}.cube-spin{position:relative;width:60px;height:60px;perspective:200px;display:flex;justify-content:center;align-items:center}.cube-spin .cube{transform-style:preserve-3d;transform:rotateY(0)}.cube-spin .cube,.cube-spin .face{position:absolute;width:40px;height:40px}.cube-spin .face{border:2px solid;display:flex;justify-content:center;align-items:center;backface-visibility:visible}.cube-spin .front{transform:translateZ(20px)}.cube-spin .right{transform:rotateY(90deg) translateZ(20px)}.cube-spin .back{transform:rotateY(180deg) translateZ(20px)}.cube-spin .left{transform:rotateY(-90deg) translateZ(20px)}.cube-spin .plus-symbol{position:relative;width:26px;height:26px}.cube-spin .plus-symbol .line{position:absolute;background-color:currentColor;top:50%;left:50%;transform:translate(-50%,-50%)}.cube-spin .plus-symbol .horizontal{width:26px;height:4px}.cube-spin .plus-symbol .vertical{width:4px;height:26px}.cube-spin .x-symbol{position:relative;width:26px;height:26px}.cube-spin .x-symbol .line{position:absolute;width:30px;height:4px;background-color:currentColor;top:50%;left:50%;transform-origin:center}.cube-spin .x-symbol .line:first-child{transform:translate(-50%,-50%) rotate(45deg)}.cube-spin .x-symbol .line:nth-child(2){transform:translate(-50%,-50%) rotate(-45deg)}.isometric-cube{position:relative;width:60px;height:60px;perspective:1200px;display:flex;justify-content:center;align-items:center}.isometric-cube .cube{position:absolute;width:30px;height:30px;transform-style:preserve-3d;transform:rotateX(35.264deg) rotateY(45deg)}.isometric-cube .face{position:absolute;width:30px;height:30px;display:flex;justify-content:center;align-items:center;background:transparent;border:1px solid;backface-visibility:visible}.isometric-cube .face.back,.isometric-cube .face.front{background:rgba(58,26,255,.3);transition:background-color .3s ease}.menu-preset:hover .isometric-cube .face.back,.menu-preset:hover .isometric-cube .face.front{background:rgba(58,26,255,.7)}.isometric-cube .front{transform:translateZ(15px)}.isometric-cube .back{transform:rotateY(180deg) translateZ(15px)}.isometric-cube .right{transform:rotateY(90deg) translateZ(15px)}.isometric-cube .left{transform:rotateY(-90deg) translateZ(15px)}.isometric-cube .top{transform:rotateX(90deg) translateZ(15px)}.isometric-cube .bottom{transform:rotateX(-90deg) translateZ(15px)}.isometric-cube .plus-symbol{position:relative;width:12px;height:12px}.isometric-cube .plus-symbol .line{position:absolute;background-color:currentColor;top:50%;left:50%;transform:translate(-50%,-50%)}.isometric-cube .plus-symbol .horizontal{width:12px;height:2px}.isometric-cube .plus-symbol .vertical{width:2px;height:12px}.isometric-cube .x-symbol{position:relative;width:12px;height:12px}.isometric-cube .x-symbol .line{position:absolute;width:12px;height:2px;background-color:currentColor;top:50%;left:50%;transform-origin:center}.isometric-cube .x-symbol .line:first-child{transform:translate(-50%,-50%) rotate(45deg)}.isometric-cube .x-symbol .line:nth-child(2){transform:translate(-50%,-50%) rotate(-45deg)}