.animate-border-from-spotify{border:3px solid #0000;background:linear-gradient(to right,var(--color-brand-spotify),var(--color-brand-osu)) padding-box,linear-gradient(var(--angle),var(--color-main-border),var(--color-animated-border)) border-box;animation:rotate 4s linear infinite;transition:all .3s ease}.border-from-spotify{background:linear-gradient(to right,var(--color-brand-spotify),var(--color-brand-osu)) padding-box,linear-gradient(var(--angle),var(--color-main-border),var(--color-main-border)) border-box}.animate-border-from-osu,.border-from-spotify{border:3px solid #0000;transition:all .3s ease}.animate-border-from-osu{background:linear-gradient(to left,var(--color-brand-spotify),var(--color-brand-osu)) padding-box,linear-gradient(var(--angle),var(--color-main-border),var(--color-animated-border)) border-box;animation:rotate 4s linear infinite}.border-from-osu{border:3px solid #0000;background:linear-gradient(to left,var(--color-brand-spotify),var(--color-brand-osu)) padding-box,linear-gradient(var(--angle),var(--color-main-border),var(--color-main-border)) border-box;transition:all .3s ease}.card-front{transform:scale(1) translate(0);z-index:2;filter:brightness(1)}.card-back{transform:scale(.95) translate(-45px,-40px);z-index:1;filter:brightness(.8)}@keyframes move-to-back{0%{transform:scale(1) translate(0);z-index:2;filter:brightness(1)}30%{transform:scale(1.03) translateY(50px);z-index:3}to{transform:scale(.95) translate(-45px,-40px);filter:brightness(.8);z-index:1}}@keyframes move-to-front{0%{transform:scale(.95) translate(-45px,-40px);filter:brightness(.8);z-index:1}to{transform:scale(1) translate(0);filter:brightness(1);z-index:2}}.go-back{animation:move-to-back .7s ease-in-out forwards}.go-front{animation:move-to-front .7s ease-in-out forwards}
/*# sourceMappingURL=e99eda4e27f7aec8.css.map*/