@keyframes revolve{25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(1turn)}}@keyframes fade{0%{background-color:rgba(255,182,193,1);opacity:1;transform:scale(1)}25%{background-color:rgba(255,182,193,.8);opacity:.8;transform:scale(1.1)}50%{background-color:rgba(255,182,193,.6);opacity:.6;transform:scale(1.2)}75%{background-color:rgba(255,182,193,.3);opacity:.3;transform:scale(1.3)}to{background-color:rgba(255,182,193,0);opacity:0;transform:scale(1.5)}}@keyframes expand{0%{width:160px;height:160px;margin:-80px 0 0 -80px;border:2px solid rgba(255,182,193,1);opacity:1}25%{width:240px;height:240px;margin:-120px 0 0 -120px;border:2px solid rgba(255,182,193,.8);opacity:.8}50%{width:320px;height:320px;margin:-160px 0 0 -160px;border:2px solid rgba(255,182,193,.6);opacity:.6}75%{width:400px;height:400px;margin:-200px 0 0 -200px;border:2px solid rgba(255,182,193,.4);opacity:.4}to{width:480px;height:480px;margin:-240px 0 0 -240px;border:2px solid rgba(255,182,193,0);opacity:0}}.player-animation-container{display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.player-animation-circle{width:240px;height:240px;border-radius:50%;position:relative;animation-play-state:paused}.player-animation-container .player-animation-circle.is-playing{animation:revolve 20s linear infinite;animation-play-state:running}.circle-img{width:160px;height:160px;border-radius:50%;position:absolute;top:50%;left:50%;margin:-80px 0 0 -80px;overflow:hidden;background:hsl(var(--muted));display:flex;align-items:center;justify-content:center;z-index:15}.player-animation-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.player-animation-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:hsl(var(--muted)/.5);border-radius:50%}.circle-item{border-radius:50%;position:absolute;top:50%;left:50%;border:2px solid rgba(255,182,193,.3);z-index:5;animation-play-state:paused}.player-animation-container .is-playing .circle-item{animation:expand 4s linear infinite;animation-play-state:running}.player-animation-container .is-playing .circle-item-2{animation:expand 4s linear 1s infinite;transform:rotate(30deg)}.player-animation-container .is-playing .circle-item-3{animation:expand 4s linear 2s infinite;transform:rotate(180deg)}.player-animation-container .is-playing .circle-item-4{animation:expand 4s linear 3s infinite;transform:rotate(270deg)}.circle-single{--width:8px;--half-width:-4px;width:var(--width);height:var(--width);border-radius:50%;position:absolute;left:calc(50% + var(--half-width));top:calc(0% + var(--half-width));background-color:rgba(255,182,193,1);box-shadow:0 0 8px rgba(255,182,193,.5);z-index:10;animation-play-state:paused}.player-animation-container .is-playing .circle-single{animation:fade 4s linear infinite;animation-play-state:running}.player-animation-container .is-playing .circle-single.zero{animation:fade 4s linear 0s infinite}.player-animation-container .is-playing .circle-single.one{animation:fade 4s linear 1s infinite}.player-animation-container .is-playing .circle-single.two{animation:fade 4s linear 2s infinite}.player-animation-container .is-playing .circle-single.three{animation:fade 4s linear 3s infinite}.player-animation-container .circle-single{opacity:0}.player-animation-container .is-playing .circle-single{opacity:1}.player-animation-container .circle-item{opacity:.1}.player-animation-container .is-playing .circle-item{opacity:1}@media (max-width:768px){.player-animation-circle{width:200px!important;height:200px!important}.circle-img{width:140px;height:140px;margin:-70px 0 0 -70px}@keyframes expand{0%{width:140px;height:140px;margin:-70px 0 0 -70px;border:2px solid rgba(255,182,193,1);opacity:1}25%{width:200px;height:200px;margin:-100px 0 0 -100px;border:2px solid rgba(255,182,193,.8);opacity:.8}50%{width:260px;height:260px;margin:-130px 0 0 -130px;border:2px solid rgba(255,182,193,.6);opacity:.6}75%{width:320px;height:320px;margin:-160px 0 0 -160px;border:2px solid rgba(255,182,193,.4);opacity:.4}to{width:380px;height:380px;margin:-190px 0 0 -190px;border:2px solid rgba(255,182,193,0);opacity:0}}}