21030.5cae3164ac861579.js

(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[21030],{21030:n=>{n.exports="@keyframes spinCard {\n    0% {\n        transform: rotateY(0);\n        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3);\n    }\n\n    12% {\n        transform: rotateY(90deg) rotateZ(6deg) scale(1.7);\n        box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.3);\n    }\n\n    25% {\n        transform: rotateY(180deg);\n        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3);\n    }\n\n    50% {\n        transform: rotateY(180deg);\n        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3);\n    }\n\n    62% {\n        transform: rotateY(270deg) rotateZ(-8deg) scale(1.7);\n        box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.3);\n    }\n\n    80% {\n        transform: rotateY(720deg);\n        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3);\n    }\n\n    100% {\n        transform: rotateY(720deg);\n        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3);\n    }\n}\n\n:host {\n    perspective: 50rem;\n}\n\n.logo {\n    background-color: #7c48c3;\n    background-image: linear-gradient(45deg, #c86dd7 0%, #3023ae 100%);\n    overflow: visible;\n    animation: spinCard 5s infinite;\n}\n"}}]);