.sps-preloader { position: fixed; z-index: 9999999; inset: 0; display: flex; align-items: center; justify-content: center; background: #fff; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .5s cubic-bezier(.645, .045, .355, 1), visibility 0s .5s; }
.sps-is-loading .sps-preloader { opacity: 1; visibility: visible; pointer-events: auto; transition: none; }
.sps-preloader__image { display: block; width: auto; max-width: 100%; height: auto; max-height: 100%; object-fit: contain; }
.sps-preloader__close { position: absolute; top: 10px; right: 10px; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; border: 1px solid #1a1818; border-radius: 0; background: #fff; color: #1a1818; font: 24px/1 sans-serif; cursor: pointer; transition: color .2s ease, border-color .2s ease; }
.sps-preloader__close[hidden] { display: none; }
.sps-preloader__close:hover, .sps-preloader__close:focus-visible { color: #ff4f0b; border-color: #ff4f0b; }
@media (prefers-reduced-motion: reduce) { .sps-preloader { transition: none; } }