/* Loading, in Hanko's hand: the seal's two rings, the swivelling bar,
   placeholder rows. Markup and keyframes from the design pass. */
@keyframes hk-spin{to{transform:rotate(360deg)}}
@keyframes hk-swivel{0%{left:0;width:24%}25%{left:26%;width:46%}50%{left:76%;width:24%}75%{left:26%;width:46%}100%{left:0;width:24%}}
@keyframes hk-pulse{0%,100%{opacity:1}50%{opacity:.45}}
.hk-seal{display:block;flex:none}
.hk-seal .ring{fill:none;stroke:rgba(183,40,46,.16);stroke-width:4}
.hk-seal .arc{fill:none;stroke:#B7282E;stroke-width:4;stroke-linecap:round;stroke-dasharray:38 88;transform-origin:50% 50%;animation:hk-spin 1s linear infinite}
.hk-seal .inner{fill:none;stroke:rgba(183,40,46,.35);stroke-width:1.5}
.hk-seal.on-dark .ring,.hk-seal.on-vermilion .ring{stroke:rgba(254,253,245,.3)}
.hk-seal.on-dark .arc,.hk-seal.on-vermilion .arc{stroke:#FEFDF5}
.hk-seal.on-dark .inner,.hk-seal.on-vermilion .inner{stroke:rgba(254,253,245,.5)}
.hk-track{position:relative;width:100%;height:6px;border-radius:999px;background:#F6F5EE;overflow:hidden}
.hk-track.thin{height:4px}
.hk-track .swivel{position:absolute;top:0;bottom:0;left:0;width:24%;border-radius:999px;background:#B7282E;animation:hk-swivel 2.2s cubic-bezier(.45,.05,.55,.95) infinite}
.hk-track .fill{position:absolute;top:0;bottom:0;left:0;width:0;border-radius:999px;background:#B7282E;transition:width .25s}
.hk-pct{font:600 13px/1 Inter,system-ui,sans-serif;font-feature-settings:'tnum';color:#1A1A1A}
.hk-ph{display:block;border-radius:999px;background:#F6F5EE;animation:hk-pulse 1.6s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.hk-seal .arc,.hk-track .swivel,.hk-ph{animation:none}}