@property --border-angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes border-angle-rotate-9cd8167e{0%{--border-angle:0deg}to{--border-angle:360deg}}.category-card[data-v-9cd8167e]{background:radial-gradient(circle at 100% 100%,#fff 0,#fff 6px,transparent 6px) 0 0/8px 8px no-repeat,radial-gradient(circle at 0 100%,#fff 0,#fff 6px,transparent 6px) 100% 0/8px 8px no-repeat,radial-gradient(circle at 100% 0,#fff 0,#fff 6px,transparent 6px) 0 100%/8px 8px no-repeat,radial-gradient(circle at 0 0,#fff 0,#fff 6px,transparent 6px) 100% 100%/8px 8px no-repeat,linear-gradient(#fff,#fff) 50% 50%/ calc(100% - 4px) calc(100% - 16px) no-repeat,linear-gradient(#fff,#fff) 50% 50%/ calc(100% - 16px) calc(100% - 4px) no-repeat,linear-gradient(var(--border-angle),transparent 25%,#ea456e 50%,#17b7b2 75%,#f3c994 100%);border-radius:8px;box-sizing:border-box;cursor:pointer;padding:6px}.category-card[data-v-9cd8167e],.category-card .v-img[data-v-9cd8167e]{transition:all .5s ease-in-out}.category-card[data-v-9cd8167e]:hover{animation:border-angle-rotate-9cd8167e 5s linear infinite;background:radial-gradient(circle at 100% 100%,#fff 0,#fff 6px,transparent 6px) 0 0/8px 8px no-repeat,radial-gradient(circle at 0 100%,#fff 0,#fff 6px,transparent 6px) 100% 0/8px 8px no-repeat,radial-gradient(circle at 100% 0,#fff 0,#fff 6px,transparent 6px) 0 100%/8px 8px no-repeat,radial-gradient(circle at 0 0,#fff 0,#fff 6px,transparent 6px) 100% 100%/8px 8px no-repeat,linear-gradient(#fff,#fff) 50% 50%/ calc(100% - 4px) calc(100% - 16px) no-repeat,linear-gradient(#fff,#fff) 50% 50%/ calc(100% - 16px) calc(100% - 4px) no-repeat,linear-gradient(var(--border-angle),transparent 25%,#ea456e 50%,#17b7b2 75%,#f3c994 100%);border-radius:8px;box-sizing:border-box;padding:6px}.category-card__name[data-v-9cd8167e]{background:#e0e0e080;bottom:0;color:#000;left:50%;position:absolute;transform:translate(-50%);width:100%;z-index:9}