.b8m{vertical-align:middle;width:1em;height:1em;line-height:0;display:inline-block;position:relative}.b8m__grid{grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);gap:.045em;display:grid;position:absolute;inset:0}.b8m__cell{opacity:0;background:radial-gradient(circle at 50% 34%, color-mix(in srgb, var(--c) 32%, #fff) 0%, var(--c) 58%, color-mix(in srgb, var(--c) 82%, #000) 100%);box-shadow:0 0 .085em -.01em var(--c), 0 0 .03em var(--c);animation:b8m-morph 4.2s cubic-bezier(.45,.05,.2,1) var(--cd) infinite alternate;border-radius:50%;position:relative}.b8m__cell:after{content:"";border-radius:inherit;background:color-mix(in srgb, var(--c) 60%, #fff);mix-blend-mode:screen;opacity:.4;image-rendering:pixelated;position:absolute;inset:0;-webkit-mask:url(/assets/textures/dither-noise.png) 0 0/.5em .5em,radial-gradient(circle at 50% 40%,#0000 10%,#000 72%);mask:url(/assets/textures/dither-noise.png) 0 0/.5em .5em,radial-gradient(circle at 50% 40%,#0000 10%,#000 72%)}@keyframes b8m-morph{0%{opacity:.55;border-radius:50%;transform:scale(.84)}48%{opacity:1;border-radius:13%;transform:scale(1)}to{opacity:.62;border-radius:50%;transform:scale(.84)}}.b8m__mark{z-index:2;filter:drop-shadow(0 .03em .1em #00000080);width:.6em;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.b8m--cream .b8m__mark{filter:drop-shadow(0 .02em .06em #14121238)}@media (prefers-reduced-motion:reduce){.b8m__cell{opacity:.85;border-radius:26%;animation:none;transform:none}}