@keyframes anserRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.anser-metric-card{border-radius:12px;padding:2px;position:relative;overflow:hidden;box-shadow:0 4px 15px #0702451f}.anser-metric-card:before{content:"";z-index:0;background:conic-gradient(#070245,#fce300,#16a34a,#070245,#fce300,#070245);width:200%;height:200%;animation:4s linear infinite anserRotate;position:absolute;top:-50%;left:-50%}.anser-metric-card-inner{z-index:1;background:#fff;border-radius:10px;padding:14px 18px;position:relative}.alert-card-conic{cursor:pointer;border-radius:8px;flex-shrink:0;padding:2px;position:relative;overflow:hidden}.alert-card-conic:before{content:"";z-index:0;width:200%;height:200%;position:absolute;top:-50%;left:-50%}.alert-card-conic.warning:before{background:conic-gradient(#070245,#fce300,#d97706,#fce300,#070245);animation:3s linear infinite anserRotate}.alert-card-conic.critical:before{background:conic-gradient(#070245,#dc2626,#f44,#dc2626,#070245);animation:1.2s linear infinite anserRotate}.alert-card-conic-inner{z-index:1;border-radius:6px;align-items:center;gap:6px;padding:3px 10px;transition:opacity .15s;display:flex;position:relative}.alert-card-conic.warning .alert-card-conic-inner{background:#fff7ed}.alert-card-conic.critical .alert-card-conic-inner{background:#fee2e2}