.page-loader[data-recovered] {
  --page-loader-bg: #fbfaf7;
  --loader-ink: #202020;
  --loader-line: rgba(32,32,32,.12);
  --loader-accent: #f07fae;
  --loader-accent-2: #79c9e9;
  position: fixed;
  z-index: 2147483647;
  inset: 0;
  display: grid !important;
  place-items: center;
  overflow: hidden;
  background: var(--page-loader-bg);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity .26s ease, visibility .26s ease;
}
.page-loader[data-recovered].page-loader--hidden { opacity: 0; visibility: hidden; pointer-events: none; }
.page-loader[data-recovered][hidden] { display: none !important; }
.page-loader[data-recovered] .page-loader__mark { display: grid; justify-items: center; gap: .72rem; transform: translateY(-1rem); }
.page-loader[data-recovered] .page-loader__avatar { position: relative; display: grid; width: clamp(5.4rem, 11vw, 8rem); aspect-ratio: 1; place-items: center; overflow: hidden; border: 1px solid rgba(32,32,32,.08); border-radius: 999px; background: radial-gradient(circle at 40% 24%,#fff,#fff9 54%,#f07fae18),linear-gradient(135deg,#79c9e92b,#f07fae30); box-shadow: 0 1rem 2.8rem rgba(25,25,25,.12); animation: olx-loader-bob 1.5s ease-in-out infinite; }
.page-loader[data-recovered] .page-loader__avatar::after { position: absolute; inset: auto 18% .42rem; height: .46rem; border-radius: 999px; background: rgba(15,23,42,.12); filter: blur(3px); content: ""; animation: olx-loader-shadow 1.5s ease-in-out infinite; }
.page-loader[data-recovered] .page-loader__image { position: relative; z-index: 1; display: block; width: 118%; height: 118%; object-fit: contain; object-position: center 43%; transform: translateY(.42rem); }
.page-loader[data-recovered] .page-loader__brand { display: flex; gap: .18rem; color: var(--loader-ink); font: 900 clamp(1.25rem,2.6vw,1.85rem)/1 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing: .16em; }
.page-loader[data-recovered] .page-loader__brand span { display: inline-block; animation: olx-loader-letter 1.1s cubic-bezier(.22,1,.36,1) infinite; }
.page-loader[data-recovered] .page-loader__brand span:nth-child(2) { animation-delay: .12s; }
.page-loader[data-recovered] .page-loader__brand span:nth-child(3) { animation-delay: .24s; }
.page-loader[data-recovered] .page-loader__progress { position: relative; width: clamp(5.8rem,12vw,8.4rem); height: .22rem; overflow: hidden; border-radius: 999px; background: var(--loader-line); }
.page-loader[data-recovered] .page-loader__progress span { position: absolute; inset: 0; width: 42%; border-radius: inherit; background: linear-gradient(90deg,var(--loader-accent-2),var(--loader-accent)); animation: olx-loader-progress 1.02s ease-in-out infinite; }
.page-loader[data-recovered] .page-loader__sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
html.dark .page-loader[data-recovered],html[data-theme="dark"] .page-loader[data-recovered] { --page-loader-bg: #101010; --loader-ink: #f3f1ec; --loader-line: rgba(255,255,255,.14); }
@keyframes olx-loader-bob { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-.42rem); } }
@keyframes olx-loader-shadow { 0%,100% { opacity: .95; transform: scaleX(1); } 50% { opacity: .45; transform: scaleX(.78); } }
@keyframes olx-loader-letter { 0%,100% { transform: translateY(0); } 45% { transform: translateY(-.2rem); } }
@keyframes olx-loader-progress { from { transform: translateX(-112%); } to { transform: translateX(238%); } }
@media (max-width:768px) { .page-loader[data-recovered] { display: grid !important; } .page-loader[data-recovered] .page-loader__avatar { width: 5.4rem; } }
@media (prefers-reduced-motion:reduce) { .page-loader[data-recovered],.page-loader[data-recovered] * { animation: none !important; transition: none !important; } }
