@property --border-angle{syntax:"<angle>";inherits:true;initial-value:0turn}@keyframes bg-spin{to{--border-angle:1turn}}.box{width:60vmin;height:50vmin;display:grid;place-content:center;color:#fff;text-shadow:0 1px 0 #000;--border-angle:0turn;--main-bg:conic-gradient(from var(--border-angle),#213,#112 5%,#112 60%,#213 95%);border:5px solid transparent;border-radius:2em;--gradient-border:conic-gradient(from var(--border-angle),transparent 25%,#08f,#f03 99%,transparent);background:var(--main-bg) padding-box,var(--gradient-border) border-box,var(--main-bg) border-box;background-position:50%;animation:bg-spin 3s linear infinite}.box:hover{animation-play-state:paused}.parlay-card-animated{position:relative;border-radius:12px;padding:2px;--border-angle:0turn;--main-bg:conic-gradient(from var(--border-angle),#213,#112 5%,#112 60%,#213 95%);border:5px solid transparent;border-radius:2em;--gradient-border:conic-gradient(from var(--border-angle),transparent 25%,#08f,#f03 99%,transparent);background:var(--main-bg) padding-box,var(--gradient-border) border-box,var(--main-bg) border-box;background-position:50%;animation:bg-spin 3s linear infinite}.parlay-card-content{border-radius:10px;background:hsl(var(--nextui-background));height:100%;width:100%}