.framed-avatar-ring{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;border-radius:50%;position:relative;background:transparent}.framed-avatar-ring img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%;z-index:1}.framed-avatar-ring[class*=frame-] img{inset:var(--fa-inset, 4px);width:calc(100% - 2 * var(--fa-inset, 4px));height:calc(100% - 2 * var(--fa-inset, 4px))}.framed-avatar-ring[class*=frame-]:before{content:"";position:absolute;inset:0;border-radius:50%;z-index:0}@keyframes frame-ring-cw{to{transform:rotate(1turn)}}.framed-avatar-ring.frame-ocean-wave:before{background:conic-gradient(from 0deg,#03045e,#023e8a,#0096c7,#48cae4,#90e0ef,#ade8f4,#00b4d8,#0077b6,#023e8a,#03045e);box-shadow:0 0 10px #0096c7b3,0 0 20px #0096c759;animation:frame-ring-cw 7s linear infinite}.framed-avatar-ring.frame-rainbow:before{background:conic-gradient(from 0deg,red,#f60,gold,#3c3,#0cf,#36f,#93f,#f3c,red);box-shadow:0 0 10px #b450dcbf,0 0 20px #ff640066;animation:frame-ring-cw 4s linear infinite}.framed-avatar-ring.frame-inferno:before{background:conic-gradient(from 0deg,#1a0000,#7b0000,#c1121f,#e85d04,#faa307,#ffd60a,#fff3b0,#ffd60a,#faa307,#e85d04,#c1121f,#7b0000,#1a0000);box-shadow:0 0 12px #e85d04cc,0 0 24px #e85d0466;animation:frame-ring-cw 5s linear infinite}.framed-avatar-ring.frame-gold-rush:before{background:conic-gradient(from 0deg,#3d2800,#7b5e1a,#b8860b,#c9a84c,#f2de8e,gold,#fffacd,gold,#f2de8e,#c9a84c,#b8860b,#7b5e1a,#3d2800);box-shadow:0 0 12px #c9a84ccc,0 0 24px #c9a84c66;animation:frame-ring-cw 9s linear infinite}.framed-avatar-ring.frame-lightning:before{background:conic-gradient(from 0deg,#03045e,#0077b6,#48cae4,#caf0f8,#fff,#e0f7ff,#48cae4,#0096c7,#03045e);box-shadow:0 0 14px #48cae4e6,0 0 28px #48cae480;animation:frame-ring-cw 2.5s linear infinite}