@property --card-border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.game-card__frame[data-v-306fee28]:after{background:linear-gradient(160deg,var(--color-primary) 0,transparent 40%,transparent 60%,var(--color-accent) 100%) border-box;border:1px solid transparent;border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.35;pointer-events:none;position:absolute;transition:opacity .4s ease;z-index:25}@media(hover:hover){.game-card:hover .game-card__frame[data-v-306fee28]:after{opacity:.55}}.game-card__frame[data-v-306fee28]:before{background:conic-gradient(from var(--card-border-angle),transparent 0,var(--color-accent) 2%,var(--color-primary) 4%,var(--color-accent) 6%,transparent 9%,transparent 50%,var(--color-accent) 52%,var(--color-primary) 54%,var(--color-accent) 56%,transparent 59%) border-box;border:2px solid transparent;border-radius:inherit;content:"";filter:drop-shadow(0 0 7px var(--color-primary));inset:0;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease;z-index:24}@media(hover:hover){.game-card:hover .game-card__frame[data-v-306fee28]:before{animation:card-border-travel-306fee28 2.2s linear infinite;opacity:1}}@keyframes card-border-travel-306fee28{to{--card-border-angle:360deg}}@media(hover:hover)and (prefers-reduced-motion:reduce){.game-card:hover .game-card__frame[data-v-306fee28]:before{animation:none;opacity:.8}}