.buttonLoader{--ld-full:var(--button-loader-color);--ld-70:color-mix(in srgb,var(--button-loader-color) 70%,transparent);--ld-50:color-mix(in srgb,var(--button-loader-color) 50%,transparent);--ld-20:color-mix(in srgb,var(--button-loader-color) 20%,transparent);display:block;flex-shrink:0;overflow:hidden;width:1em;height:1em;border-radius:50%;font-size:1em;text-indent:-9999em;transform:translateZ(0);will-change:box-shadow;animation:buttonLoaderSpin 1.1s ease infinite}@keyframes buttonLoaderSpin{0%,to{box-shadow:0 -2.6em 0 0 var(--ld-full),1.8em -1.8em 0 0 var(--ld-20),2.5em 0 0 0 var(--ld-20),1.75em 1.75em 0 0 var(--ld-20),0 2.5em 0 0 var(--ld-20),-1.8em 1.8em 0 0 var(--ld-20),-2.6em 0 0 0 var(--ld-50),-1.8em -1.8em 0 0 var(--ld-70)}12.5%{box-shadow:0 -2.6em 0 0 var(--ld-70),1.8em -1.8em 0 0 var(--ld-full),2.5em 0 0 0 var(--ld-20),1.75em 1.75em 0 0 var(--ld-20),0 2.5em 0 0 var(--ld-20),-1.8em 1.8em 0 0 var(--ld-20),-2.6em 0 0 0 var(--ld-20),-1.8em -1.8em 0 0 var(--ld-50)}25%{box-shadow:0 -2.6em 0 0 var(--ld-50),1.8em -1.8em 0 0 var(--ld-70),2.5em 0 0 0 var(--ld-full),1.75em 1.75em 0 0 var(--ld-20),0 2.5em 0 0 var(--ld-20),-1.8em 1.8em 0 0 var(--ld-20),-2.6em 0 0 0 var(--ld-20),-1.8em -1.8em 0 0 var(--ld-20)}37.5%{box-shadow:0 -2.6em 0 0 var(--ld-20),1.8em -1.8em 0 0 var(--ld-50),2.5em 0 0 0 var(--ld-70),1.75em 1.75em 0 0 var(--ld-full),0 2.5em 0 0 var(--ld-20),-1.8em 1.8em 0 0 var(--ld-20),-2.6em 0 0 0 var(--ld-20),-1.8em -1.8em 0 0 var(--ld-20)}50%{box-shadow:0 -2.6em 0 0 var(--ld-20),1.8em -1.8em 0 0 var(--ld-20),2.5em 0 0 0 var(--ld-50),1.75em 1.75em 0 0 var(--ld-70),0 2.5em 0 0 var(--ld-full),-1.8em 1.8em 0 0 var(--ld-20),-2.6em 0 0 0 var(--ld-20),-1.8em -1.8em 0 0 var(--ld-20)}62.5%{box-shadow:0 -2.6em 0 0 var(--ld-20),1.8em -1.8em 0 0 var(--ld-20),2.5em 0 0 0 var(--ld-20),1.75em 1.75em 0 0 var(--ld-50),0 2.5em 0 0 var(--ld-70),-1.8em 1.8em 0 0 var(--ld-full),-2.6em 0 0 0 var(--ld-20),-1.8em -1.8em 0 0 var(--ld-20)}75%{box-shadow:0 -2.6em 0 0 var(--ld-20),1.8em -1.8em 0 0 var(--ld-20),2.5em 0 0 0 var(--ld-20),1.75em 1.75em 0 0 var(--ld-20),0 2.5em 0 0 var(--ld-50),-1.8em 1.8em 0 0 var(--ld-70),-2.6em 0 0 0 var(--ld-full),-1.8em -1.8em 0 0 var(--ld-20)}87.5%{box-shadow:0 -2.6em 0 0 var(--ld-20),1.8em -1.8em 0 0 var(--ld-20),2.5em 0 0 0 var(--ld-20),1.75em 1.75em 0 0 var(--ld-20),0 2.5em 0 0 var(--ld-20),-1.8em 1.8em 0 0 var(--ld-50),-2.6em 0 0 0 var(--ld-70),-1.8em -1.8em 0 0 var(--ld-full)}}@media (prefers-reduced-motion:reduce){.buttonLoader{animation-duration:1.6s}}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--ui-radius);padding:.625rem 1rem;font-size:.875rem;font-weight:600;font-family:var(--font-family-primary);line-height:1.25;text-decoration:none;cursor:pointer;border:none;--button-loader-scale:0.2;transition:background-color .2s,border-color .2s,color .2s,filter .2s,box-shadow .2s,transform .2s}.button:active:not(:disabled){transform:scale(.98)}.button:disabled,.buttonIsLoading,.button[aria-disabled=true]{cursor:not-allowed;opacity:.88;transform:none;pointer-events:none;overflow:hidden}.buttonLoadingInner{position:relative;display:inline-flex;align-items:center;justify-content:center;line-height:1.25;min-height:1.25em}.buttonLoadingGhostPad{display:inline-block;width:1em}.buttonLoadingGhost{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;visibility:hidden}.buttonLoadingInner .buttonLoader{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--button-loader-scale,.2)) translateZ(0)}.buttonInverse,.buttonPrimary{--button-loader-color:var(--color-bg-primary)}.buttonDanger,.buttonGhost,.buttonInverseSolid,.buttonSecondary{--button-loader-color:var(--color-accent)}.buttonPrimary{background-color:var(--color-accent);color:var(--color-bg-primary);box-shadow:0 1px 2px color-mix(in srgb,var(--color-accent) 25%,transparent)}.buttonPrimary:hover:not(:disabled){filter:brightness(.92)}.buttonSecondary{border:1px solid var(--border-default);background-color:var(--color-bg-primary);color:var(--colors--dark-grey);box-shadow:var(--shadow-card)}.buttonSecondary:hover:not(:disabled){background-color:var(--colors--blue-light);border-color:color-mix(in srgb,var(--color-accent) 20%,transparent)}.buttonGhost{background-color:transparent;color:var(--colors--dark-grey)}.buttonGhost:hover:not(:disabled){background-color:var(--colors--blue-light)}.buttonDanger{border:1px solid var(--border-default);background-color:var(--color-bg-primary);color:var(--color-primary);box-shadow:var(--shadow-card)}.buttonDanger:hover:not(:disabled){background-color:var(--colors--blue-light)}.buttonInverse{border:1px solid color-mix(in srgb,var(--color-bg-primary) 25%,transparent);background-color:color-mix(in srgb,var(--color-bg-primary) 10%,transparent);color:var(--color-bg-primary);backdrop-filter:blur(4px)}.buttonInverse:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-bg-primary) 20%,transparent)}.buttonInverseSolid{background-color:var(--color-bg-primary);color:var(--color-accent);font-weight:700;box-shadow:var(--shadow-card)}.buttonInverseSolid:hover:not(:disabled){background-color:var(--colors--blue-light)}.buttonSm{padding:.5rem .75rem;font-size:.75rem;--button-loader-scale:0.18}.buttonLg{border-radius:var(--ui-radius);padding:.75rem 1.5rem;font-size:1rem;--button-loader-scale:0.22}.buttonFullWidth{width:100%}.buttonIconLeft,.buttonIconRight{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center}.buttonIconLeft svg,.buttonIconRight svg{height:1rem;width:1rem}.buttonLg .buttonIconLeft svg,.buttonLg .buttonIconRight svg{height:1.25rem;width:1.25rem}.buttonSm .buttonIconLeft svg,.buttonSm .buttonIconRight svg{height:.875rem;width:.875rem}.buttonRegister:hover:not(:disabled) .buttonIconRight svg{animation:buttonIconRegisterHover .55s ease forwards}@keyframes buttonIconRegisterHover{0%{transform:scale(1) translateY(0)}35%{transform:scale(1.2) translateY(-2px)}65%{transform:scale(1.05) translateY(1px)}to{transform:scale(1.12) translateY(0)}}