.boot{z-index:87;background:var(--app);animation:boot-out var(--dur-sm) var(--ease-out) var(--dur-failsafe) forwards;place-items:center;display:none;position:fixed;inset:0}:root:has(.boot-on) .boot{display:grid}:root[data-boot=done] .boot{opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--dur-sm) var(--ease-out), visibility 0s linear var(--dur-sm)}.boot-in{opacity:0;animation:boot-in var(--dur-sm) var(--ease-out) var(--dur-wait) forwards;flex-direction:column;align-items:center;gap:24px;display:flex}.boot-in svg{fill:var(--ink);display:block}.boot-bar{background:var(--line);border-radius:2px;width:96px;height:3px;display:block;overflow:hidden}.boot-bar b{background:var(--ink);transform-origin:0;height:100%;animation:boot-creep calc(var(--dur-xl) * 10) var(--ease-out) forwards;transition:transform var(--dur-lg) var(--ease-out);border-radius:2px;display:block;transform:scaleX(.08)}:root[data-boot] .boot-bar b{animation:none}:root[data-boot=js] .boot-bar b{transform:scaleX(.5)}:root[data-boot=auth] .boot-bar b{transform:scaleX(.8)}:root[data-boot=done] .boot-bar b{transform:scaleX(1)}@keyframes boot-out{to{opacity:0;visibility:hidden}}@keyframes boot-in{to{opacity:1}}@keyframes boot-creep{to{transform:scaleX(.3)}}