.hookpass-loading{--hp-loading-size:51.2px;box-sizing:border-box;text-align:center;width:100%;min-width:0;min-height:112px;color:inherit;flex-direction:column;justify-content:center;align-items:center;gap:9px;display:flex}.hookpass-loading .hookpass-loading-ring{width:var(--hp-loading-size);height:var(--hp-loading-size);flex:none;margin:0;display:inline-block;position:relative}.hookpass-loading .hookpass-loading-ring svg{fill:none;stroke-width:3px;width:100%;height:100%;display:block}.hookpass-loading-track{stroke:#dceae2}.hookpass-loading-arc{stroke:#258253;stroke-linecap:round;transform-origin:24px 24px;transition:stroke-dasharray .15s;animation:1.8s linear infinite hookpass-loading-spin}.hookpass-loading .hookpass-loading-percentage{color:inherit;place-items:center;font-size:.7rem;font-weight:500;display:grid;position:absolute;inset:0}.hookpass-loading .hookpass-loading-label{font-size:.9rem;font-weight:400;line-height:1.4}.hookpass-loading .hookpass-loading-detail{font-size:.75rem;font-weight:400;line-height:1.4}.hookpass-loading.hookpass-loading--compact{--hp-loading-size:32px;gap:6px;min-height:72px}.hookpass-loading.hookpass-loading--inline{--hp-loading-size:16px;vertical-align:middle;min-height:0;text-align:inherit;flex-direction:row;gap:6px;width:auto;display:inline-flex}.hookpass-loading.owner-connected-state{align-items:center}.hookpass-loading--inline .hookpass-loading-label{font-size:inherit;font-weight:inherit}.hookpass-loading--inline .hookpass-loading-percentage{display:none}@keyframes hookpass-loading-spin{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}@media (prefers-reduced-motion:reduce){.hookpass-loading-arc{transition:none;animation:none;transform:rotate(-90deg)}}