.lattice-loader{--ll-n:3;--ll-cell:6px;--ll-gap:2px;--ll-font:14px;--ll-color:currentColor;--ll-mark:currentColor;--ll-idle:.15;--ll-glow:currentColor;--ll-mark-glow:currentColor;--ll-peak:1;--ll-cycle:.864s;--ll-ease-out:cubic-bezier(.23, 1, .32, 1);--ll-ease-in-out:cubic-bezier(.77, 0, .175, 1);align-items:center;gap:calc(var(--ll-font) * .625);font-family:inherit;font-size:var(--ll-font);line-height:1;display:inline-flex;position:relative}.lattice-loader__grid{flex:none;display:grid}.lattice-loader__layer{grid-area:1/1;grid-template-columns:repeat(var(--ll-n), var(--ll-cell));gap:var(--ll-gap);display:grid}.lattice-loader__cell{width:var(--ll-cell);height:var(--ll-cell);border-radius:max(1px, calc(var(--ll-cell) * .25));background:var(--ll-color);opacity:var(--ll-idle)}.lattice-loader[data-shape=round] .lattice-loader__cell{border-radius:50%}.lattice-loader[data-glow] .lattice-loader__run .lattice-loader__cell:not([data-hole]){box-shadow:0 0 calc(var(--ll-cell) * 1.2) calc(var(--ll-cell) * .12) var(--ll-glow)}.lattice-loader[data-glow] .lattice-loader__mark .lattice-loader__cell[data-on]{box-shadow:0 0 calc(var(--ll-cell) * 1.2) calc(var(--ll-cell) * .12) var(--ll-mark-glow)}.lattice-loader__run{transition:opacity .2s}.lattice-loader__run .lattice-loader__cell{animation:lattice-on var(--ll-cycle) var(--ll-ease-in-out) infinite}.lattice-loader__run .lattice-loader__cell[data-lit="45"]{animation-name:lattice-on-45}.lattice-loader__run .lattice-loader__cell[data-lit="35"]{animation-name:lattice-on-35}.lattice-loader__run .lattice-loader__cell[data-lit="25"]{animation-name:lattice-on-25}.lattice-loader__run .lattice-loader__cell[data-hole]{opacity:calc(var(--ll-idle) * .47);animation:none}.lattice-loader__mark{opacity:0;transform-origin:50%;transition:opacity .16s var(--ll-ease-out), transform .16s var(--ll-ease-out);transform:scale(.9)}.lattice-loader__mark .lattice-loader__cell{transition:opacity .2s,background-color .2s}.lattice-loader__mark .lattice-loader__cell[data-on]{background:var(--ll-mark);opacity:var(--ll-peak)}.lattice-loader:not([data-status=working]) .lattice-loader__run{opacity:0}.lattice-loader:not([data-status=working]) .lattice-loader__run .lattice-loader__cell{animation-play-state:paused}.lattice-loader:not([data-status=working]) .lattice-loader__mark{opacity:1;transition:opacity .2s ease, transform .2s var(--ll-ease-out);transform:none}.lattice-loader__label{font-weight:500;display:inline-block;position:relative}.lattice-loader__text{white-space:nowrap;opacity:0;filter:blur(2px);transition:opacity .2s,filter .2s;position:absolute;top:0;left:0}.lattice-loader__text[data-active]{opacity:1;filter:blur();position:static}.lattice-loader__timer{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:calc(var(--ll-font) * .875);font-variant-numeric:tabular-nums;opacity:.6}.lattice-loader__sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes lattice-on{0%,to{opacity:var(--ll-idle)}18%,42%{opacity:var(--ll-peak)}62%{opacity:var(--ll-idle)}}@keyframes lattice-on-45{0%,to{opacity:var(--ll-idle)}13%,31%{opacity:var(--ll-peak)}45%{opacity:var(--ll-idle)}}@keyframes lattice-on-35{0%,to{opacity:var(--ll-idle)}10%,24%{opacity:var(--ll-peak)}35%{opacity:var(--ll-idle)}}@keyframes lattice-on-25{0%,to{opacity:var(--ll-idle)}7%,17%{opacity:var(--ll-peak)}25%{opacity:var(--ll-idle)}}@media (prefers-reduced-motion:reduce){.lattice-loader__run{--ll-peak:.7}.lattice-loader__run .lattice-loader__cell{animation:none!important}.lattice-loader .lattice-loader__mark{transform:none}.lattice-loader .lattice-loader__text{filter:none}}.loader-frame{min-height:4rem;color:var(--foreground);justify-content:center;align-items:center;display:flex}.loader-frame-inline{min-height:auto;display:inline-flex}.loader-frame-icon .lattice-loader__label,.loader-frame-icon .lattice-loader__timer{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}