.CategoryCard{position:relative;width:clamp(104px,71.64px + 7.52vw,180px);height:clamp(104px,71.64px + 7.52vw,180px);--border-angle:0turn;--main-bg:conic-gradient(from var(--border-angle),#213,#112 5%,#112 60%,#213 95%);border:2px solid rgba(0,0,0,0);border-radius:8px;--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 2s linear infinite}.CategoryCard__bg{border-radius:8px;object-fit:contain}.CategoryCard__overlay{position:relative;width:100%;height:100%;border-radius:8px;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 26.43%,#000000)}.CategoryCard__content{position:absolute;top:0;width:100%;height:100%;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;padding:16px 0}@keyframes bg-spin{to{--border-angle:1turn}}@property --border-angle{syntax:"<angle>";inherits:true;initial-value:0turn}