body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:#ddd;color:#111}:root{--cube-size:min(60vmin,360px);--face:var(--cube-size);--half:calc(var(--cube-size)/2);--border-color:#20252d;--accent-1:#7c3aed;--accent-2:#06b6d4;--accent-3:#22c55e;--accent-4:#ef4444;--accent-5:#f59e0b;--accent-6:#ec4899;--border:#262626;--face-front:pink;--face-right:#5d01fb80;--face-back:#01fbec80;--face-left:#adff2f;--face-top:#ff2f2f;--face-bottom:#ffba2f;--axis-x:0;--axis-y:1}.wrapper{align-items:center;display:flex;justify-content:center;min-height:100vh;perspective:1500px}.box-area{animation:rotate 30s linear infinite;animation:rotate var(--anim-duration,30s) linear infinite;animation-play-state:running;animation-play-state:var(--anim-play,running);position:relative;transform-style:preserve-3d;will-change:transform;z-index:0}@keyframes rotate{to{transform:rotateY(1turn);transform:rotate3d(var(--axis-x,0),var(--axis-y,1),0,1turn)}}.box{-webkit-backface-visibility:hidden;backface-visibility:hidden;border:2px solid #262626;border:2px solid var(--border);height:min(60vmin,360px);height:var(--face);position:absolute;width:min(60vmin,360px);width:var(--face)}.box-front{background-color:pink;background-color:var(--face-front);transform:translate3d(calc(min(60vmin, 360px)/2*-1),calc(min(60vmin, 360px)/2*-1),calc(min(60vmin, 360px)/2));transform:translate3d(calc(var(--half)*-1),calc(var(--half)*-1),var(--half))}.box-back{background:#01fbec80;background:var(--face-back);transform:translate3d(calc(min(60vmin, 360px)/2*-1),calc(min(60vmin, 360px)/2*-1),calc(min(60vmin, 360px)/2*-1));transform:translate3d(calc(var(--half)*-1),calc(var(--half)*-1),calc(var(--half)*-1))}.box-right{background:#5d01fb80;background:var(--face-right);transform:translateY(calc(min(60vmin, 360px)/2*-1)) rotateY(90deg);transform:translateY(calc(var(--half)*-1)) rotateY(90deg)}.box-left{background:#adff2f;background:var(--face-left);transform:translateY(calc(min(60vmin, 360px)/2*-1)) translateX(calc(min(60vmin, 360px)*-1)) rotateY(90deg);transform:translateY(calc(var(--half)*-1)) translateX(calc(var(--cube-size)*-1)) rotateY(90deg)}.box-top{background:#ff2f2f;background:var(--face-top);transform:translateY(calc(min(60vmin, 360px)*-1)) translateX(calc(min(60vmin, 360px)/2*-1)) rotateX(90deg);transform:translateY(calc(var(--cube-size)*-1)) translateX(calc(var(--half)*-1)) rotateX(90deg)}.box-bottom{background:#ffba2f;background:var(--face-bottom);transform:translateX(calc(min(60vmin, 360px)/2*-1)) rotateX(90deg);transform:translateX(calc(var(--half)*-1)) rotateX(90deg)}.controls{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffb3;border:1px solid #00000014;border-radius:12px;bottom:32px;display:flex;gap:16px;left:50%;padding:10px 14px;position:absolute;transform:translateX(-50%);z-index:1}.btn{-webkit-appearance:none;appearance:none;background:#f5f5f5;border:1px solid #0000001f;border-radius:8px;color:#111;cursor:pointer;padding:8px 14px}.btn:hover{filter:brightness(.98)}.btn:active{transform:translateY(1px)}.slider-label{align-items:center;color:#333;display:flex;font-size:14px;gap:10px}.select{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #00000026;border-radius:6px;color:#111;padding:6px 10px}.slider{width:160px}.speed-value{font-feature-settings:"tnum";color:#555;font-variant-numeric:tabular-nums}.caption{color:#666;font-size:13px;margin:0}@media (max-width:480px){:root{--cube-size:min(80vmin,320px)}}@media (prefers-reduced-motion:reduce){.box-area{animation:none;transform:rotateX(20deg) rotateY(30deg)}}
/*# sourceMappingURL=main.18375964.css.map*/