body[data-v-7403749a]{background:#e3e4e8;display:flex;font:1em/1.5 sans-serif;height:100vh}.pl[data-v-7403749a]{margin:auto;position:relative;width:12em;height:12em}.pl__ball[data-v-7403749a]{top:0;left:0;width:100%;height:100%;will-change:transform}.pl__ball-seg[data-v-7403749a],.pl__ball[data-v-7403749a]{position:absolute}.pl__ball:first-child .pl__ball-seg[data-v-7403749a]{background:#f42f24;box-shadow:inset -.6em -.6em 1em;color:#c2130a}.pl__ball[data-v-7403749a]:nth-child(2){transform:rotate(90deg)}.pl__ball:nth-child(2) .pl__ball-seg[data-v-7403749a]{background:#255ff4;box-shadow:inset -.6em .6em 1em;color:#0a3ec3}.pl__ball[data-v-7403749a]:nth-child(3){transform:rotate(180deg)}.pl__ball:nth-child(3) .pl__ball-seg[data-v-7403749a]{background:#0ad80a;box-shadow:inset .6em .6em 1em;color:#078f07}.pl__ball[data-v-7403749a]:nth-child(4){transform:rotate(270deg)}.pl__ball:nth-child(4) .pl__ball-seg[data-v-7403749a]{background:#f4af24;box-shadow:inset .6em -.6em 1em;color:#c2850a}.pl__ball-seg[data-v-7403749a]{animation:rotateRight-7403749a 4s ease-in-out infinite;border-radius:50%;top:calc(50% - 1.5em);left:calc(50% - 1.5em);transform:translateY(-4.5em);width:3em;height:3em;z-index:1}.pl__ball-seg+.pl__ball-seg[data-v-7403749a]{opacity:.2;z-index:0}.pl__ball-seg[data-v-7403749a]:nth-child(2){animation-delay:.0125s}.pl__ball-seg[data-v-7403749a]:nth-child(3){animation-delay:25ms}.pl__ball-seg[data-v-7403749a]:nth-child(4){animation-delay:.0375s}.pl__ball-seg[data-v-7403749a]:nth-child(5){animation-delay:.05s}.pl__ball-seg[data-v-7403749a]:nth-child(6){animation-delay:.0625s}.pl__ball-seg[data-v-7403749a]:nth-child(7){animation-delay:75ms}.pl__ball-seg[data-v-7403749a]:nth-child(8){animation-delay:.0875s}.pl__ball-seg[data-v-7403749a]:nth-child(9){animation-delay:.1s}.pl__ball-seg[data-v-7403749a]:nth-child(10){animation-delay:.1125s}@media (prefers-color-scheme:dark){body[data-v-7403749a]{background:#17181c}}@keyframes rotateRight-7403749a{0%{transform:rotate(0deg) translateY(-4.5em) rotate(0deg)}10%{transform:rotate(100deg) translateY(-4.5em) rotate(-100deg)}13%{transform:rotate(85deg) translateY(-4.5em) rotate(-85deg)}17%{transform:rotate(93deg) translateY(-4.5em) rotate(-93deg)}20%,25%{transform:rotate(90deg) translateY(-4.5em) rotate(-90deg)}35%{transform:rotate(190deg) translateY(-4.5em) rotate(-190deg)}38%{transform:rotate(175deg) translateY(-4.5em) rotate(-175deg)}42%{transform:rotate(183deg) translateY(-4.5em) rotate(-183deg)}45%,50%{transform:rotate(180deg) translateY(-4.5em) rotate(-180deg)}60%{transform:rotate(280deg) translateY(-4.5em) rotate(-280deg)}63%{transform:rotate(265deg) translateY(-4.5em) rotate(-265deg)}67%{transform:rotate(273deg) translateY(-4.5em) rotate(-273deg)}70%,75%{transform:rotate(270deg) translateY(-4.5em) rotate(-270deg)}85%{transform:rotate(370deg) translateY(-4.5em) rotate(-370deg)}88%{transform:rotate(355deg) translateY(-4.5em) rotate(-355deg)}92%{transform:rotate(363deg) translateY(-4.5em) rotate(-363deg)}95%,to{transform:rotate(1turn) translateY(-4.5em) rotate(-1turn)}}