.spinner{--spinner-ring:max(2px, calc(var(--spinner-size) / 10));width:var(--spinner-size);height:var(--spinner-size);border:var(--spinner-ring) solid var(--ds-gray-200);border-top-color:var(--ds-gray-1000);border-radius:9999px;flex-shrink:0;animation:1s linear infinite spinner-spin;display:inline-block}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}@keyframes spinner-spin{to{transform:rotate(360deg)}}
.site-logo{border-radius:var(--radius-4);object-fit:cover;box-shadow:0 0 0 1px var(--ds-gray-alpha-400);background:var(--ds-background-100);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.site-logo--20{width:20px;height:20px}.site-logo--24{width:24px;height:24px}.site-logo--32{border-radius:var(--radius-8);width:32px;height:32px}.site-logo--40{border-radius:var(--radius-8);width:40px;height:40px}.site-logo--initials{background:var(--ds-gray-200);font:var(--text-button-12);color:var(--ds-gray-1000)}.site-logo--image,.site-logo--loading{position:relative;overflow:hidden}.site-logo-image{object-fit:cover;border-radius:inherit;width:100%;height:100%;transition:opacity var(--duration-fast) ease-out;display:block}.site-logo--loading .site-logo-image{opacity:0}.site-logo-spinner{margin:auto;position:absolute;inset:0}