.pl{box-shadow:inset 2em 0 2em rgba(0,0,0,.2),inset -2em 0 2em hsla(0,0%,100%,.1);display:flex;justify-content:center;align-items:center;position:relative;letter-spacing:.1em;text-transform:uppercase;transform:rotateX(30deg) rotate(45deg);width:14em;height:14em;color:#fff}.pl,.pl__dot{border-radius:50%}.pl__dot{animation-name:shadow724;box-shadow:.1em .1em 0 .1em #000,.3em 0 .3em rgba(0,0,0,.5);top:calc(50% - .75em);left:calc(50% - .75em);width:1.5em;height:1.5em}.pl__dot,.pl__dot:after,.pl__dot:before{animation-duration:2s;animation-iteration-count:infinite;position:absolute}.pl__dot:after,.pl__dot:before{content:"";display:block;left:0;width:inherit;transition:background-color var(--trans-dur)}.pl__dot:before{animation-name:pushInOut1724;background-color:var(--bg);border-radius:inherit;box-shadow:inset .05em 0 .1em hsla(0,0%,100%,.2);height:inherit;z-index:1}.pl__dot:after{animation-name:pushInOut2724;background-color:var(--primary1);border-radius:.75em;box-shadow:inset .1em .3em .2em hsla(0,0%,100%,.4),inset 0 -.4em .2em #2e3138,inset 0 -1em .25em rgba(0,0,0,.3);bottom:0;-webkit-clip-path:polygon(0 75%,100% 75%,100% 100%,0 100%);clip-path:polygon(0 75%,100% 75%,100% 100%,0 100%);height:3em;transform:rotate(-45deg);transform-origin:50% 2.25em}.pl__dot:first-child{transform:rotate(0deg) translateX(5em) rotate(0deg);z-index:5}.pl__dot:first-child,.pl__dot:first-child:after,.pl__dot:first-child:before{animation-delay:0s}.pl__dot:nth-child(2){transform:rotate(-30deg) translateX(5em) rotate(30deg);z-index:4}.pl__dot:nth-child(2),.pl__dot:nth-child(2):after,.pl__dot:nth-child(2):before{animation-delay:-.1666666667s}.pl__dot:nth-child(3){transform:rotate(-60deg) translateX(5em) rotate(60deg);z-index:3}.pl__dot:nth-child(3),.pl__dot:nth-child(3):after,.pl__dot:nth-child(3):before{animation-delay:-.3333333333s}.pl__dot:nth-child(4){transform:rotate(-90deg) translateX(5em) rotate(90deg);z-index:2}.pl__dot:nth-child(4),.pl__dot:nth-child(4):after,.pl__dot:nth-child(4):before{animation-delay:-.5s}.pl__dot:nth-child(5){transform:rotate(-120deg) translateX(5em) rotate(120deg);z-index:1}.pl__dot:nth-child(5),.pl__dot:nth-child(5):after,.pl__dot:nth-child(5):before{animation-delay:-.6666666667s}.pl__dot:nth-child(6){transform:rotate(-150deg) translateX(5em) rotate(150deg);z-index:1}.pl__dot:nth-child(6),.pl__dot:nth-child(6):after,.pl__dot:nth-child(6):before{animation-delay:-.8333333333s}.pl__dot:nth-child(7){transform:rotate(-180deg) translateX(5em) rotate(180deg);z-index:2}.pl__dot:nth-child(7),.pl__dot:nth-child(7):after,.pl__dot:nth-child(7):before{animation-delay:-1s}.pl__dot:nth-child(8){transform:rotate(-210deg) translateX(5em) rotate(210deg);z-index:3}.pl__dot:nth-child(8),.pl__dot:nth-child(8):after,.pl__dot:nth-child(8):before{animation-delay:-1.1666666667s}.pl__dot:nth-child(9){transform:rotate(-240deg) translateX(5em) rotate(240deg);z-index:4}.pl__dot:nth-child(9),.pl__dot:nth-child(9):after,.pl__dot:nth-child(9):before{animation-delay:-1.3333333333s}.pl__dot:nth-child(10){transform:rotate(-270deg) translateX(5em) rotate(270deg);z-index:5}.pl__dot:nth-child(10),.pl__dot:nth-child(10):after,.pl__dot:nth-child(10):before{animation-delay:-1.5s}.pl__dot:nth-child(11){transform:rotate(-300deg) translateX(5em) rotate(300deg);z-index:6}.pl__dot:nth-child(11),.pl__dot:nth-child(11):after,.pl__dot:nth-child(11):before{animation-delay:-1.6666666667s}.pl__dot:nth-child(12){transform:rotate(-330deg) translateX(5em) rotate(330deg);z-index:6}.pl__dot:nth-child(12),.pl__dot:nth-child(12):after,.pl__dot:nth-child(12):before{animation-delay:-1.8333333333s}.pl__text{font-size:.75em;max-width:5rem;position:relative;text-shadow:0 0 .1em var(--fg-t);transform:rotate(-45deg)}@keyframes shadow724{0%{animation-timing-function:ease-in;box-shadow:.1em .1em 0 .1em #000,.3em 0 .3em rgba(0,0,0,.3)}25%{animation-timing-function:ease-out;box-shadow:.1em .1em 0 .1em #000,.8em 0 .8em rgba(0,0,0,.5)}50%,to{box-shadow:.1em .1em 0 .1em #000,.3em 0 .3em rgba(0,0,0,.3)}}@keyframes pushInOut1724{0%{animation-timing-function:ease-in;background-color:var(--bg);transform:translate(0)}25%{animation-timing-function:ease-out;background-color:var(--primary2);transform:translate(-71%,-71%)}50%,to{background-color:var(--bg);transform:translate(0)}}@keyframes pushInOut2724{0%{animation-timing-function:ease-in;background-color:var(--bg);-webkit-clip-path:polygon(0 75%,100% 75%,100% 100%,0 100%);clip-path:polygon(0 75%,100% 75%,100% 100%,0 100%)}25%{animation-timing-function:ease-out;background-color:var(--primary1);-webkit-clip-path:polygon(0 25%,100% 25%,100% 100%,0 100%);clip-path:polygon(0 25%,100% 25%,100% 100%,0 100%)}50%,to{background-color:var(--bg);-webkit-clip-path:polygon(0 75%,100% 75%,100% 100%,0 100%);clip-path:polygon(0 75%,100% 75%,100% 100%,0 100%)}}