.disco-light{background:#000;border-radius:50%;height:320px;left:calc(50% - 160px);position:absolute;top:calc(50% - 160px);width:320px}.disco-ball{--distance:200;animation:rotateDiscoBall 10s linear infinite;height:60px;left:130px;position:absolute;top:130px;transform:rotateX(90deg) rotate(20deg) rotate(0deg);transform-origin:center;transform-style:preserve-3d;width:60px}@keyframes rotateDiscoBall{0%{transform:rotateX(90deg) rotate(0deg) rotate(0deg)}to{transform:rotateX(90deg) rotate(1turn) rotate(0deg)}}.row{transform-style:preserve-3d}.row .light,.row .light-pos{transform-origin:center;transform-style:preserve-3d}.row .light{height:60px;position:absolute;width:60px}.row .light,.row .light:before{backface-visibility:hidden;border-radius:50%}.row .light:before{background:radial-gradient(transparent 50%,rgba(0,0,0,.8));content:"";display:block;height:100%;width:100%}.row .light span{display:block;margin:-50px 0 0 -50px;transform:translateZ(calc(var(--distance)*1px)) translateX(calc(var(--distance)*-.25px)) translateY(calc((var(--distance)*0.3 + 60)*-1px))}.row .light span:after{border-radius:50%;content:"";display:block;filter:blur(20px);height:calc((var(--distance)/2 + 60)*1px);left:50px;opacity:.4;position:absolute;top:50px;width:calc((var(--distance)/2 + 60)*1px)}.row:first-child .light-pos:first-child{transform:translateX(80px) translateY(0) translateZ(138.5640646055px)}.row:first-child .light-pos:first-child .light{background:#ff0;transform:rotate(0deg) rotateY(30deg)}.row:first-child .light-pos:first-child .light span:after{background:#ff0}.row:first-child .light-pos:nth-child(2){transform:translateX(24.72135955px) translateY(76.0845213036px) translateZ(138.5640646055px)}.row:first-child .light-pos:nth-child(2) .light{background:#0f0;transform:rotate(72deg) rotateY(30deg)}.row:first-child .light-pos:nth-child(2) .light span:after{background:#0f0}.row:first-child .light-pos:nth-child(3){transform:translateX(-64.72135955px) translateY(47.0228201834px) translateZ(138.5640646055px)}.row:first-child .light-pos:nth-child(3) .light{background:#0ff;transform:rotate(144deg) rotateY(30deg)}.row:first-child .light-pos:nth-child(3) .light span:after{background:#0ff}.row:first-child .light-pos:nth-child(4){transform:translateX(-64.72135955px) translateY(-47.0228201834px) translateZ(138.5640646055px)}.row:first-child .light-pos:nth-child(4) .light{background:#00f;transform:rotate(216deg) rotateY(30deg)}.row:first-child .light-pos:nth-child(4) .light span:after{background:#00f}.row:first-child .light-pos:nth-child(5){transform:translateX(24.72135955px) translateY(-76.0845213036px) translateZ(138.5640646055px)}.row:first-child .light-pos:nth-child(5) .light{background:#f0f;transform:rotate(288deg) rotateY(30deg)}.row:first-child .light-pos:nth-child(5) .light span:after{background:#f0f}.row:nth-child(2) .light-pos:first-child{transform:translateX(112.1006830755px) translateY(81.4459136728px) translateZ(80px)}.row:nth-child(2) .light-pos:first-child .light{background:#00f;transform:rotate(36deg) rotateY(60deg)}.row:nth-child(2) .light-pos:first-child .light span:after{background:#00f}.row:nth-child(2) .light-pos:nth-child(2){transform:translateX(-42.8186507728px) translateY(131.7822565674px) translateZ(80px)}.row:nth-child(2) .light-pos:nth-child(2) .light{background:#f0f;transform:rotate(108deg) rotateY(60deg)}.row:nth-child(2) .light-pos:nth-child(2) .light span:after{background:#f0f}.row:nth-child(2) .light-pos:nth-child(3){transform:translateX(-138.5640646055px) translateY(0) translateZ(80px)}.row:nth-child(2) .light-pos:nth-child(3) .light{background:red;transform:rotate(180deg) rotateY(60deg)}.row:nth-child(2) .light-pos:nth-child(3) .light span:after{background:red}.row:nth-child(2) .light-pos:nth-child(4){transform:translateX(-42.8186507728px) translateY(-131.7822565674px) translateZ(80px)}.row:nth-child(2) .light-pos:nth-child(4) .light{background:#ff0;transform:rotate(252deg) rotateY(60deg)}.row:nth-child(2) .light-pos:nth-child(4) .light span:after{background:#ff0}.row:nth-child(2) .light-pos:nth-child(5){transform:translateX(112.1006830755px) translateY(-81.4459136728px) translateZ(80px)}.row:nth-child(2) .light-pos:nth-child(5) .light{background:#0f0;transform:rotate(324deg) rotateY(60deg)}.row:nth-child(2) .light-pos:nth-child(5) .light span:after{background:#0f0}.row:nth-child(3) .light-pos:first-child{transform:translateX(160px) translateY(0) translateZ(0)}.row:nth-child(3) .light-pos:first-child .light{background:red;transform:rotate(0deg) rotateY(90deg)}.row:nth-child(3) .light-pos:first-child .light span:after{background:red}.row:nth-child(3) .light-pos:nth-child(2){transform:translateX(49.4427191px) translateY(152.1690426072px) translateZ(0)}.row:nth-child(3) .light-pos:nth-child(2) .light{background:#ff0;transform:rotate(72deg) rotateY(90deg)}.row:nth-child(3) .light-pos:nth-child(2) .light span:after{background:#ff0}.row:nth-child(3) .light-pos:nth-child(3){transform:translateX(-129.4427191px) translateY(94.0456403668px) translateZ(0)}.row:nth-child(3) .light-pos:nth-child(3) .light{background:#0f0;transform:rotate(144deg) rotateY(90deg)}.row:nth-child(3) .light-pos:nth-child(3) .light span:after{background:#0f0}.row:nth-child(3) .light-pos:nth-child(4){transform:translateX(-129.4427191px) translateY(-94.0456403668px) translateZ(0)}.row:nth-child(3) .light-pos:nth-child(4) .light{background:#0ff;transform:rotate(216deg) rotateY(90deg)}.row:nth-child(3) .light-pos:nth-child(4) .light span:after{background:#0ff}.row:nth-child(3) .light-pos:nth-child(5){transform:translateX(49.4427191px) translateY(-152.1690426072px) translateZ(0)}.row:nth-child(3) .light-pos:nth-child(5) .light{background:#00f;transform:rotate(288deg) rotateY(90deg)}.row:nth-child(3) .light-pos:nth-child(5) .light span:after{background:#00f}.row:nth-child(4) .light-pos:first-child{transform:translateX(112.1006830755px) translateY(81.4459136728px) translateZ(-80px)}.row:nth-child(4) .light-pos:first-child .light{background:#0f0;transform:rotate(36deg) rotateY(120deg)}.row:nth-child(4) .light-pos:first-child .light span:after{background:#0f0}.row:nth-child(4) .light-pos:nth-child(2){transform:translateX(-42.8186507728px) translateY(131.7822565674px) translateZ(-80px)}.row:nth-child(4) .light-pos:nth-child(2) .light{background:#0ff;transform:rotate(108deg) rotateY(120deg)}.row:nth-child(4) .light-pos:nth-child(2) .light span:after{background:#0ff}.row:nth-child(4) .light-pos:nth-child(3){transform:translateX(-138.5640646055px) translateY(0) translateZ(-80px)}.row:nth-child(4) .light-pos:nth-child(3) .light{background:#00f;transform:rotate(180deg) rotateY(120deg)}.row:nth-child(4) .light-pos:nth-child(3) .light span:after{background:#00f}.row:nth-child(4) .light-pos:nth-child(4){transform:translateX(-42.8186507728px) translateY(-131.7822565674px) translateZ(-80px)}.row:nth-child(4) .light-pos:nth-child(4) .light{background:#f0f;transform:rotate(252deg) rotateY(120deg)}.row:nth-child(4) .light-pos:nth-child(4) .light span:after{background:#f0f}.row:nth-child(4) .light-pos:nth-child(5){transform:translateX(112.1006830755px) translateY(-81.4459136728px) translateZ(-80px)}.row:nth-child(4) .light-pos:nth-child(5) .light{background:red;transform:rotate(324deg) rotateY(120deg)}.row:nth-child(4) .light-pos:nth-child(5) .light span:after{background:red}.row:nth-child(5) .light-pos:first-child{transform:translateX(80px) translateY(0) translateZ(-138.5640646055px)}.row:nth-child(5) .light-pos:first-child .light{background:#00f;transform:rotate(0deg) rotateY(150deg)}.row:nth-child(5) .light-pos:first-child .light span:after{background:#00f}.row:nth-child(5) .light-pos:nth-child(2){transform:translateX(24.72135955px) translateY(76.0845213036px) translateZ(-138.5640646055px)}.row:nth-child(5) .light-pos:nth-child(2) .light{background:#f0f;transform:rotate(72deg) rotateY(150deg)}.row:nth-child(5) .light-pos:nth-child(2) .light span:after{background:#f0f}.row:nth-child(5) .light-pos:nth-child(3){transform:translateX(-64.72135955px) translateY(47.0228201834px) translateZ(-138.5640646055px)}.row:nth-child(5) .light-pos:nth-child(3) .light{background:red;transform:rotate(144deg) rotateY(150deg)}.row:nth-child(5) .light-pos:nth-child(3) .light span:after{background:red}.row:nth-child(5) .light-pos:nth-child(4){transform:translateX(-64.72135955px) translateY(-47.0228201834px) translateZ(-138.5640646055px)}.row:nth-child(5) .light-pos:nth-child(4) .light{background:#ff0;transform:rotate(216deg) rotateY(150deg)}.row:nth-child(5) .light-pos:nth-child(4) .light span:after{background:#ff0}.row:nth-child(5) .light-pos:nth-child(5){transform:translateX(24.72135955px) translateY(-76.0845213036px) translateZ(-138.5640646055px)}.row:nth-child(5) .light-pos:nth-child(5) .light{background:#0f0;transform:rotate(288deg) rotateY(150deg)}.row:nth-child(5) .light-pos:nth-child(5) .light span:after{background:#0f0}.row:nth-child(6) .light-pos:first-child{transform:translateX(0) translateY(0) translateZ(-160px)}.row:nth-child(6) .light-pos:first-child .light{background:red;transform:rotate(0deg) rotateY(180deg)}.row:nth-child(6) .light-pos:first-child .light span:after{background:red}.row:nth-child(6) .light-pos:nth-child(2){transform:translateX(0) translateY(0) translateZ(-160px)}.row:nth-child(6) .light-pos:nth-child(2) .light{background:#ff0;transform:rotate(72deg) rotateY(180deg)}.row:nth-child(6) .light-pos:nth-child(2) .light span:after{background:#ff0}.row:nth-child(6) .light-pos:nth-child(3){transform:translateX(0) translateY(0) translateZ(-160px)}.row:nth-child(6) .light-pos:nth-child(3) .light{background:#0f0;transform:rotate(144deg) rotateY(180deg)}.row:nth-child(6) .light-pos:nth-child(3) .light span:after{background:#0f0}.row:nth-child(6) .light-pos:nth-child(4){transform:translateX(0) translateY(0) translateZ(-160px)}.row:nth-child(6) .light-pos:nth-child(4) .light{background:#0ff;transform:rotate(216deg) rotateY(180deg)}.row:nth-child(6) .light-pos:nth-child(4) .light span:after{background:#0ff}.row:nth-child(6) .light-pos:nth-child(5){transform:translateX(0) translateY(0) translateZ(-160px)}.row:nth-child(6) .light-pos:nth-child(5) .light{background:#00f;transform:rotate(288deg) rotateY(180deg)}.row:nth-child(6) .light-pos:nth-child(5) .light span:after{background:#00f}.row:nth-child(3) .light-pos .light span:after{animation:hideBehind 10s linear infinite}.row:nth-child(3) .light-pos:nth-child(2) .light span:after{animation-delay:-2s}.row:nth-child(3) .light-pos:nth-child(3) .light span:after{animation-delay:-4s}.row:nth-child(3) .light-pos:nth-child(4) .light span:after{animation-delay:-6s}.row:nth-child(3) .light-pos:nth-child(5) .light span:after{animation-delay:-8s}@keyframes hideBehind{0%,66.9999%,84%{opacity:.4}67%,83.9999%{opacity:0}}