.omg{--omg-size:22px;--omg-amp:0;width:var(--omg-size);height:var(--omg-size);vertical-align:middle;flex:none;display:inline-block;position:relative}.omg-prog{opacity:0;pointer-events:none;border-radius:50%;transition:opacity .35s;position:absolute;inset:-3px;-webkit-mask:radial-gradient(closest-side,#0000 68%,#000 70%);mask:radial-gradient(closest-side,#0000 68%,#000 70%)}.omg-ring{opacity:calc(.45 + .55 * var(--omg-amp));pointer-events:none;border:1.5px solid;border-radius:50%;transition:border-color .35s,box-shadow .45s;position:absolute;inset:0}.omg-play,.omg-pause{pointer-events:none;transition:transform .34s cubic-bezier(.2,.85,.2,1),opacity .22s;position:absolute;top:50%;left:50%}.omg-play{width:calc(var(--omg-size) * .3);height:calc(var(--omg-size) * .34);margin:calc(var(--omg-size) * -.17) 0 0 calc(var(--omg-size) * -.12);clip-path:polygon(0 0,100% 50%,0 100%);background:currentColor}.omg-pause{width:calc(var(--omg-size) * .28);height:calc(var(--omg-size) * .32);margin:calc(var(--omg-size) * -.16) 0 0 calc(var(--omg-size) * -.14);gap:calc(var(--omg-size) * .09);opacity:0;display:flex;transform:scale(.55)rotate(40deg)}.omg-pause>i{background:currentColor;border-radius:1px;flex:1}@media (prefers-reduced-motion:reduce){.omg-prog,.omg-ring,.omg-play,.omg-pause{transition:none!important}}