.hyper-btn{--hyper-btn-primary: var(--hyper-primary);--hyper-btn-primary-300: var(--hyper-primary-300);--hyper-btn-primary-400: var(--hyper-primary-400);--hyper-btn-on-primary: #121212;--hyper-btn-on-surface: #ffffff;--hyper-btn-grey-600: #757575;--hyper-btn-grey-700: #616161;--hyper-btn-grey-800: #424242;--hyper-btn-grey-900: #212121;--hyper-btn-icon-size: 16px;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;border-radius:999px;background:none;font-family:inherit;font-size:14px;font-weight:500;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;isolation:isolate;-webkit-tap-highlight-color:transparent;transition:transform .35s cubic-bezier(.25,1,.5,1),opacity .2s cubic-bezier(.25,1,.5,1),color .3s linear}.hyper-btn:before,.hyper-btn:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;transition:background-image .3s linear,opacity .3s linear}.hyper-btn:before{z-index:-1}.hyper-btn:after{z-index:1;opacity:0}.hyper-btn>*{position:relative;z-index:0}.hyper-btn:not(:disabled):not([aria-disabled=true]):active{transform:scale(.96)}.hyper-btn:focus-visible{outline:2px solid var(--hyper-btn-on-surface);outline-offset:2px}.hyper-btn:disabled,.hyper-btn[aria-disabled=true]{cursor:not-allowed}.hyper-btn[data-loading=true]{opacity:.5;cursor:default}.hyper-btn--icon-only{padding:0;min-width:40px;min-height:40px;--hyper-btn-icon-size: 20px}.hyper-btn__spinner{width:var(--hyper-btn-icon-size);height:var(--hyper-btn-icon-size);flex-shrink:0;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:hyper-btn-spin .9s linear infinite}.hyper-btn__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--hyper-btn-icon-size);height:var(--hyper-btn-icon-size)}.hyper-btn__icon>svg{width:100%;height:100%}.hyper-btn__icon>img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.hyper-btn__label{min-width:0}@keyframes hyper-btn-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.hyper-btn{transition:none}.hyper-btn:not(:disabled):active{transform:none}.hyper-btn__spinner{animation-duration:2.4s}}.hyper-btn--primary{color:var(--hyper-btn-on-primary)}.hyper-btn--primary:before{background-image:var( --hyper-btn-fill, linear-gradient(to bottom, var(--hyper-btn-primary-300), var(--hyper-btn-primary)) )}.hyper-btn--primary:not(:disabled):not([data-loading=true]):hover:before,.hyper-btn--primary:not(:disabled):not([data-loading=true]):active:before{background-image:var( --hyper-btn-fill-active, var( --hyper-btn-fill, linear-gradient(to bottom, var(--hyper-btn-primary-400), var(--hyper-btn-primary)) ) )}.hyper-btn--primary:not(:disabled):not([data-loading=true]):hover:after{opacity:1;background-image:linear-gradient(to bottom,#fff3,#ffffff0d)}.hyper-btn--primary:not(:disabled):not([data-loading=true]):active:after{opacity:1;background-image:linear-gradient(to bottom,#ffffff4d,#ffffff1a)}.hyper-btn--primary:disabled,.hyper-btn--primary[aria-disabled=true]{color:var(--hyper-btn-grey-600)}.hyper-btn--primary:disabled:before,.hyper-btn--primary[aria-disabled=true]:before{background-image:linear-gradient(to bottom,var(--hyper-btn-grey-800),var(--hyper-btn-grey-900))}.hyper-btn--secondary{color:var(--hyper-btn-on-surface)}.hyper-btn--secondary:before{background-image:linear-gradient(to bottom,#ffffff26,#ffffff0d)}.hyper-btn--secondary:not(:disabled):not([data-loading=true]):hover:before{background-image:linear-gradient(to bottom,#fff3,#ffffff14)}.hyper-btn--secondary:not(:disabled):not([data-loading=true]):active:before{background-image:linear-gradient(to bottom,#ffffff40,#ffffff1a)}.hyper-btn--secondary:disabled,.hyper-btn--secondary[aria-disabled=true]{color:var(--hyper-btn-grey-800)}.hyper-btn--secondary:disabled:before,.hyper-btn--secondary[aria-disabled=true]:before{background-image:linear-gradient(to bottom,#ffffff14,#ffffff0a)}.hyper-btn--secondary[data-blur=true]{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hyper-btn--ghost{color:var(--hyper-btn-on-surface)}.hyper-btn--ghost:before{background-image:none}.hyper-btn--ghost:not(:disabled):not([data-loading=true]):hover:before{background-image:linear-gradient(to bottom,#ffffff1a,#ffffff0d)}.hyper-btn--ghost:not(:disabled):not([data-loading=true]):hover:after{opacity:1;background-image:linear-gradient(to bottom,#ffffff1a,#ffffff0d)}.hyper-btn--ghost:not(:disabled):not([data-loading=true]):active:before{background-image:linear-gradient(to bottom,#ffffff40,#ffffff1a)}.hyper-btn--ghost:not(:disabled):not([data-loading=true]):active:after{opacity:0}.hyper-btn--ghost:disabled,.hyper-btn--ghost[aria-disabled=true]{color:var(--hyper-btn-grey-700)}@media(pointer:coarse),(max-width:500px){.hyper-btn{padding:12px 20px;font-size:16px}.hyper-btn{--hyper-btn-icon-size: 20px}.hyper-btn--icon-only{padding:0;min-width:48px;min-height:48px;--hyper-btn-icon-size: 24px}}