.optimized-image-container{background-color:#e8e4dc;position:relative;overflow:hidden}.optimized-image{opacity:0;width:100%;height:100%;transition:opacity .3s ease-in;display:block}.optimized-image.loaded{opacity:1}.optimized-image.no-transition{transition:none}
.loading-spinner{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-12)0;opacity:0;flex-direction:column;animation:.2s ease-out .3s forwards spinner-fade-in;display:flex}@keyframes spinner-fade-in{to{opacity:1}}.loading-compass{animation:2s cubic-bezier(.4,0,.2,1) infinite compass-spin}.compass-svg{display:block}.loading-spinner--sm .compass-svg{width:32px;height:32px}.loading-spinner--md .compass-svg{width:48px;height:48px}.loading-spinner--lg .compass-svg{width:64px;height:64px}.loading-spinner-message{font-size:var(--font-size-sm);color:var(--clr-text-muted);font-weight:var(--font-weight-medium);margin:0}@keyframes compass-spin{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.loading-compass{animation:2s ease-in-out infinite compass-pulse}@keyframes compass-pulse{0%,to{opacity:.5}50%{opacity:1}}}