.cubes-logo{--cube-size:30px;--cube-gap:7px;--cube-perspective:99999999px;--cube-face-border:2px dashed rgba(139,92,246,.7);--cube-face-bg:rgba(91,108,255,0);--cube-face-shadow:none;--cubes-cols:16;--cubes-rows:10;position:relative;width:calc(var(--cubes-cols) * var(--cube-size) + (var(--cubes-cols) - 1) * var(--cube-gap));height:calc(var(--cubes-rows) * var(--cube-size) + (var(--cubes-rows) - 1) * var(--cube-gap));max-width:100%}.cubes-logo--scene{display:grid;grid-template-columns:repeat(var(--cubes-cols),1fr);grid-template-rows:repeat(var(--cubes-rows),1fr);-moz-column-gap:var(--cube-gap);column-gap:var(--cube-gap);row-gap:var(--cube-gap);perspective:var(--cube-perspective)}.cubes-logo .cube,.cubes-logo .cube-spacer,.cubes-logo--scene{width:100%;height:100%}.cubes-logo .cube{position:relative;aspect-ratio:1/1;transform-style:preserve-3d}.cubes-logo .cube-face{position:absolute;width:100%;height:100%;background:var(--cube-face-bg);border:var(--cube-face-border);box-shadow:var(--cube-face-shadow);opacity:1}.cubes-logo .cube-face--top{transform:translateY(-50%) rotateX(90deg)}.cubes-logo .cube-face--bottom{transform:translateY(50%) rotateX(-90deg)}.cubes-logo .cube-face--left{transform:translateX(-50%) rotateY(-90deg)}.cubes-logo .cube-face--right{transform:translateX(50%) rotateY(90deg)}.cubes-logo .cube-face--back,.cubes-logo .cube-face--front{transform:rotateY(-90deg) translateX(50%) rotateY(90deg)}@media (max-width:768px){.cubes-logo{--cube-size:20px;--cube-gap:5px}}@media (max-width:480px){.cubes-logo{--cube-size:14px;--cube-gap:4px}}