:root.loader-active{overflow:hidden}
.enduro-loader{--loader-bg:#f5f1e7;--loader-ink:#173326;--loader-accent:#ff7043;position:fixed;inset:0;z-index:9999;box-sizing:border-box;display:grid;place-items:center;min-height:100dvh;overflow:hidden;background:var(--loader-bg);color:var(--loader-ink);opacity:1;visibility:visible;transition:opacity .48s ease,visibility .48s ease}
.enduro-loader:before{content:"";position:absolute;inset:0;margin:auto;width:470px;max-width:124vw;background:url("./assets/loader-concept.webp?v=fe20d555ae") center/470px auto no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 28%,#000 72%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 28%,#000 72%,transparent 100%);pointer-events:none;animation:loader-canvas-breathe .42s cubic-bezier(.45,0,.55,1) infinite alternate}
.enduro-loader[hidden]{display:none}.enduro-loader.is-leaving{opacity:0;visibility:hidden;pointer-events:none}
.loader-variant{--loader-track-shift:0px;position:relative;z-index:1;width:290px;text-align:center}
body[data-loader-variant="1"] .enduro-loader{--loader-bg:#f5f1e7;--loader-ink:#16382c;--loader-accent:#ff6c19}
body[data-loader-variant="2"] .enduro-loader{--loader-bg:#0b3f2a;--loader-ink:#f5ecd7;--loader-accent:#ff721d}
body[data-loader-variant="3"] .enduro-loader{--loader-bg:#df5b28;--loader-ink:#f7edda;--loader-accent:#174d38}
body[data-loader-variant="1"] .loader-variant{--loader-track-shift:8px}body[data-loader-variant="2"] .loader-variant{--loader-track-shift:5px}body[data-loader-variant="3"] .loader-variant{--loader-track-shift:4px}
.loader-stage{position:relative;width:290px;height:140px;margin-inline:auto}
.loader-wheel{position:absolute;z-index:2;width:38px;height:38px;border-radius:50%;transform-origin:center;animation:loader-wheel .56s linear infinite;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--loader-ink) 34%,transparent) 0 2deg,transparent 2deg 31deg);-webkit-mask:radial-gradient(circle,transparent 0 19%,#000 21% 25%,transparent 27% 58%,#000 61% 64%,transparent 67%);mask:radial-gradient(circle,transparent 0 19%,#000 21% 25%,transparent 27% 58%,#000 61% 64%,transparent 67%);opacity:.48;mix-blend-mode:multiply}
body[data-loader-variant="1"] .wheel-rear{left:89px;top:92px;width:37px;height:37px}body[data-loader-variant="1"] .wheel-front{left:181px;top:92px;width:39px;height:39px}
body[data-loader-variant="2"] .wheel-rear{left:88px;top:91px;width:41px;height:41px}body[data-loader-variant="2"] .wheel-front{left:184px;top:92px;width:40px;height:40px}
body[data-loader-variant="3"] .wheel-rear{left:94px;top:89px;width:40px;height:40px}body[data-loader-variant="3"] .wheel-front{left:178px;top:90px;width:39px;height:39px}
.loader-dust{position:absolute;left:73px;top:103px;z-index:3;width:1px;height:1px;pointer-events:none}.dust-particle{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--loader-accent);opacity:0;animation:loader-dust 1.05s cubic-bezier(.2,.7,.3,1) infinite}.dust-particle:nth-child(2){width:3px;height:3px;animation-delay:-.2s;animation-duration:.82s}.dust-particle:nth-child(3){width:4px;height:4px;animation-delay:-.45s;animation-duration:1.2s}.dust-particle:nth-child(4){width:2px;height:2px;animation-delay:-.67s;animation-duration:.93s}.dust-particle:nth-child(5){width:6px;height:6px;animation-delay:-.84s;animation-duration:1.12s}body[data-loader-variant="1"] .dust-particle{background:#c2a47d}body[data-loader-variant="2"] .dust-particle{background:#ff721d}body[data-loader-variant="3"] .dust-particle{background:#f7edda}
.loader-road{position:relative;z-index:4;width:136px;height:4px;margin:-3px auto 0;overflow:visible;background:color-mix(in srgb,var(--loader-ink) 22%,transparent);border-radius:99px;transform:translateX(var(--loader-track-shift))}.loader-road-fill{display:block;width:calc(var(--loader-progress,8)*1%);height:100%;border-radius:inherit;background:var(--loader-accent);transition:width .28s ease-out}.loader-percent{position:relative;z-index:5;display:block;margin-top:8px;font:600 12px/1 Manrope,Arial,sans-serif;letter-spacing:.02em;color:var(--loader-ink);transform:translateX(var(--loader-track-shift))}
body[data-loader-variant="2"] .loader-road{width:140px;height:10px;margin-top:-7px;border-radius:1px;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--loader-ink) 24%,transparent) 0 11px,transparent 11px 14px)}body[data-loader-variant="2"] .loader-road-fill{border-radius:1px;background:repeating-linear-gradient(90deg,var(--loader-accent) 0 11px,transparent 11px 14px)}body[data-loader-variant="2"] .loader-percent{margin-top:8px;font-size:12px;text-transform:uppercase;letter-spacing:.1em}
body[data-loader-variant="3"] .loader-road{width:124px;height:3px;margin-top:-2px;background:color-mix(in srgb,#f7edda 55%,transparent)}body[data-loader-variant="3"] .loader-road-fill{position:relative;background:#f7edda}body[data-loader-variant="3"] .loader-road-fill:after{content:"";position:absolute;right:-4px;top:50%;width:8px;height:8px;border-radius:50%;background:#174d38;transform:translateY(-50%)}body[data-loader-variant="3"] .loader-percent{font-size:13px}
@keyframes loader-wheel{to{transform:rotate(360deg)}}
@keyframes loader-canvas-breathe{from{transform:translateY(0)}to{transform:translateY(-1.5px)}}
@keyframes loader-dust{0%{opacity:0;transform:translate(5px,3px) scale(.18)}18%{opacity:.85}65%{opacity:.4}100%{opacity:0;transform:translate(-40px,-18px) scale(1.2)}}
@media(max-width:340px){.loader-variant{transform:scale(.9)}}
@media(prefers-reduced-motion:reduce){.enduro-loader:before,.loader-wheel,.dust-particle{animation-duration:.001ms!important;animation-iteration-count:1!important}.enduro-loader{transition-duration:.2s}}
