html.startup-active, html.startup-active body { overflow: hidden; }
.loader { z-index: 1000; background: rgba(11,11,15,.68); transition: none; }
.loader[hidden] { display: none; }
.loader__content { display: flex; flex-direction: column; align-items: center; gap: 22px; }
.loader img { width: 130px; animation: none; }
.loader__ring { width: 76px; height: 76px; position: relative; }
.loader__ring svg { width: 100%; height: 100%; transform: rotate(-90deg); }
.loader__ring circle { fill: none; stroke-width: 4; }
.loader__track { stroke: #ffffff30; }
.loader__fill { stroke: #f6b34b; stroke-linecap: round; stroke-dasharray: 100; stroke-dashoffset: 100; }
.loader__seconds { position: absolute; inset: 0; display: grid; place-items: center; color: white; font: 600 18px/1 Arial,sans-serif; }
.loader__label { margin: 0; color: #fff; font: 14px/1.5 Arial,sans-serif; }