#fos-preloader { position: fixed; inset: 0; background: #0b0b0d;  display: grid; place-items: center; z-index: 99999; transition: opacity .35s ease, visibility .35s ease; } #fos-preloader { pointer-events: none !important; } #fos-preloader.is-hidden { opacity: 0; visibility: hidden; }  .fos-preloader__inner { width: min(420px, 82vw); text-align: center; padding: 24px; } .fos-logo { font-weight: 800; letter-spacing: .5px; text-transform: uppercase; font-size: clamp(22px, 4vw, 28px); margin-bottom: 18px; color: #fff; }  .fos-bar { height: 6px; background: rgba(255,255,255,.12); border-radius: 999px; overflow: hidden; position: relative; } .fos-bar__fill { display: block; height: 100%; width: 0%; background: linear-gradient(90deg, #fff, #b3b3b3); animation: fos-progress 1.6s ease-in-out infinite; transform-origin: left center; } @keyframes fos-progress { 0% { width: 0%; opacity: .6; } 50% { width: 75%; opacity: 1; } 100% { width: 100%; opacity: .8; } } .fos-preloader__text { margin-top: 12px; color: #cfcfd2; font-size: 13px; }  @media (prefers-reduced-motion: reduce) { .fos-bar__fill { animation: none; width: 60%; } #fos-preloader { transition: none; } }  #fos-progress{ position: fixed; top: 0; left: 0; right: 0; height: 3px; background: transparent; opacity: 0; pointer-events: none; z-index: 99999; transition: opacity .2s ease; } #fos-progress.is-active{ opacity: 1; } #fos-progress .fos-progress__bar{ display: block; height: 100%; width: 20%; transform: translateX(-100%); background: linear-gradient(90deg,#ffffff,#cfcfcf); animation: fos-progress-indet 1.1s ease-in-out infinite; } @keyframes fos-progress-indet{ 0% { transform: translateX(-100%); opacity: .6; } 50% { transform: translateX(60vw); opacity: 1; } 100% { transform: translateX(100vw); opacity: .8; } } @media (prefers-reduced-motion: reduce){ #fos-progress .fos-progress__bar{ animation: none; width: 60%; transform: none; } #fos-progress{ transition: none; } }