@layer properties,theme,base;@layer components{.hero-loader{background:color-mix(in oklab, var(--ink-4) 40%, transparent);pointer-events:none;width:clamp(96px,30%,140px);height:6px;transition:opacity .4s var(--ease-out);border-radius:999px;position:absolute;bottom:5%;left:50%;overflow:hidden;translate:-50%}@starting-style{.hero-loader{opacity:0}}.hero-loader[data-done]{opacity:0;transition-delay:.2s}.hero-loader-fill{border-radius:inherit;background:var(--ink);translate:calc((var(--p,0) - 1) * 100%) 0;transition:translate .5s var(--ease-out);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.hero-loader-fill{transition:none}}}@layer utilities;