.ocean-pixel-spinner{--pixel-spinner-size:16px;--pixel-gap:calc(var(--pixel-spinner-size) / 8);color:currentColor;gap:var(--pixel-gap);height:var(--pixel-spinner-size);pointer-events:none;-webkit-user-select:none;user-select:none;vertical-align:middle;width:var(--pixel-spinner-size);flex-shrink:0;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);display:inline-grid}.ocean-pixel-spinner[data-tone=brand]{color:var(--accent-text)}.ocean-pixel-spinner>i{border-radius:max(1px, calc(var(--pixel-spinner-size) / 14));opacity:.16;background:currentColor}.ocean-pixel-spinner>i[data-center]{opacity:.08}@media (prefers-reduced-motion:no-preference){.ocean-pixel-spinner>i:not([data-center]){animation:.96s linear infinite ocean-pixel-chase;animation-delay:calc(var(--pixel-i,0) * .12s - .96s)}}@media (prefers-reduced-motion:reduce){.ocean-pixel-spinner>i:nth-child(-n+4){opacity:.85}}@keyframes ocean-pixel-chase{0%{opacity:1}45%{opacity:.16}to{opacity:.16}}