@property --glass-angle{syntax:"<angle>";inherits:false;initial-value:285deg}.glass-rim{isolation:isolate}.glass-badge{-webkit-backdrop-filter:blur(10px)saturate(150%);backdrop-filter:blur(10px)saturate(150%);background:linear-gradient(#ffffff12,#ffffff03);box-shadow:inset 0 1px 1px #ffffff24,inset 0 -6px 12px #ffffff08,0 8px 24px #0000001f}.glass-rim:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--glass-angle), #fffffff2 0deg, #ffffff14 40deg 140deg, #fffffff2 180deg, #ffffff14 220deg 320deg, #fffffff2 360deg);-webkit-mask-composite:xor;padding:1px;animation:7s linear infinite glass-badge-rim;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}@keyframes glass-badge-rim{to{--glass-angle:645deg}}@media (prefers-reduced-motion:reduce){.glass-rim:before{animation:none}}