@property --wzb-a{syntax:"<percentage>";inherits:true;initial-value:0%}@property --wzb-hue{syntax:"<angle>";inherits:false;initial-value:214deg}.wzbtn,.btn:is(.btn-primary,.btn-secondary,.btn-danger,.btn-quiet,.btn-ghost):not(.btn-icon){--wzb-a:0%;--x:50;--y:50;--wzb-hue:214deg;--wzb-sat:82%;--wzb-lum:50%;--wzb-body:hsl(var(--wzb-hue) var(--wzb-sat) var(--wzb-lum));--wzb-top:hsl(var(--wzb-hue) var(--wzb-sat) calc(var(--wzb-lum) + 14%));--wzb-foot:hsl(var(--wzb-hue) var(--wzb-sat) calc(var(--wzb-lum) - 12%));--wzb-wake:hsl(var(--wzb-hue) 90% 78%);--wzb-ring:hsl(var(--wzb-hue) 90% 76% / .9);--wzb-bleed:14px;--wzb-blur:10px;--wzb-spring:linear(0, .009, .035 2.1%, .142 4.6%, .283 6.9%, .726 13.3%, .941 17.2%, 1.02, 1.08, 1.124, 1.153 24.9%, 1.163, 1.167, 1.165, 1.157 30.7%, 1.132 33.7%, 1.051 40.7%, 1.017 44.2%, .99, .975 52.2%, .972 55.2%, .974 58.5%, .996 71.5%, 1.003, 1.005 85.7%, 1);isolation:isolate;position:relative;scale:1}.wzbtn{min-height:2.75rem;margin-block:var(--space-2xs);color:var(--accent-ink);font-family:var(--font-display,var(--wiz-font-display));font-size:var(--step-0);letter-spacing:0;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:--wzb-a .5s ease-in-out, scale 1.2s var(--wzb-spring);background:0 0;border:0;border-radius:.6rem;justify-content:center;align-items:center;padding:.7em 1.5em;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.wzbtn--sm{min-height:2.375rem;font-size:var(--step--1);margin-block:var(--space-3xs);padding:.55em 1.2em}.wzbtn--block{width:100%}.wzbtn__txt{z-index:1;text-shadow:0 1px 2px #00000059;position:relative}.btn:is(.btn-primary,.btn-secondary,.btn-danger,.btn-quiet,.btn-ghost):not(.btn-icon),.btn:is(.btn-primary,.btn-secondary,.btn-danger,.btn-quiet,.btn-ghost):not(.btn-icon):hover,.btn:is(.btn-primary,.btn-secondary,.btn-danger,.btn-quiet,.btn-ghost):not(.btn-icon):active,.btn:is(.btn-primary,.btn-secondary,.btn-danger,.btn-quiet,.btn-ghost):not(.btn-icon):focus-visible{box-shadow:none;filter:none;background:0 0;border-color:#0000}.btn:is(.btn-primary,.btn-secondary,.btn-danger,.btn-quiet,.btn-ghost):not(.btn-icon){--focus-ring-offset:5px;transition:--wzb-a .5s ease-in-out, scale 1.2s var(--wzb-spring), color .2s ease-out}.btn.btn-sm{--wzb-bleed:10px;--wzb-blur:7px}.btn:is(.btn-primary,.btn-secondary){text-shadow:0 1px 2px #00000059}.wzbtn:before,.btn:is(.btn-primary,.btn-secondary,.btn-danger,.btn-quiet,.btn-ghost):not(.btn-icon):before{content:"";border-radius:inherit;padding:var(--wzb-bleed);margin:calc(var(--wzb-bleed) * -1);background-image:linear-gradient(180deg, var(--wzb-top) 0%, var(--wzb-body) 42%, var(--wzb-foot) 100%), radial-gradient(40% 70% at calc(var(--x) * 1%) calc(var(--y) * 1%), color-mix(in srgb, var(--wzb-wake) var(--wzb-a), transparent) 0%, transparent 90%);filter:blur(var(--wzb-blur)) url(#wz-goo) drop-shadow(0 .35em .7em #000000bf);z-index:-1;pointer-events:none;background-clip:content-box,border-box;position:absolute;inset:0}.wzbtn:after,.btn:is(.btn-primary,.btn-secondary,.btn-danger,.btn-quiet,.btn-ghost):not(.btn-icon):after{content:"";border-radius:inherit;padding:var(--wzb-bleed);margin:calc(var(--wzb-bleed) * -1);background-image:linear-gradient(180deg, #ffffffd9 0%, #fff0 38%), linear-gradient(0deg, #0000008c 0%, #0000 38%), linear-gradient(0deg, var(--wzb-ring), var(--wzb-ring)), radial-gradient(40% 70% at calc(var(--x) * 1%) calc(var(--y) * 1%), color-mix(in srgb, var(--wzb-ring) var(--wzb-a), transparent) 0%, transparent 90%);filter:blur(var(--wzb-blur)) url(#wz-goo);z-index:-2;pointer-events:none;background-clip:content-box,content-box,content-box,border-box;position:absolute;inset:-2px}.wzbtn:hover,.btn:is(.btn-primary,.btn-secondary,.btn-danger,.btn-quiet,.btn-ghost):not(.btn-icon):not(:disabled):hover{--wzb-a:100%;transition-duration:.5s,1s;scale:1.04}.wzbtn:active,.btn:is(.btn-primary,.btn-secondary,.btn-danger,.btn-quiet,.btn-ghost):not(.btn-icon):not(:disabled):active{transition-duration:.2s,.2s;scale:1.01}.wzbtn:focus-visible{outline:2px solid rgb(var(--wiz-cyan-rgb) / .9);outline-offset:5px}.btn:is(.btn-primary,.btn-secondary,.btn-danger,.btn-quiet,.btn-ghost):not(.btn-icon):disabled{--wzb-a:0%;animation:none;scale:1}.wzbtn--blue{--wzb-hue:214deg}.wzbtn--violet{--wzb-hue:252deg;--wzb-sat:78%;--wzb-lum:56%}.btn.btn-secondary:not(.btn-icon){--wzb-hue:252deg;--wzb-sat:80%;--wzb-lum:45%}.wzbtn--aurora,.btn.btn-primary:not(.btn-icon){--wzb-hue:214deg;animation:9s ease-in-out infinite alternate wzbtn-aurora}@keyframes wzbtn-aurora{0%{--wzb-hue:206deg}to{--wzb-hue:240deg}}.wzbtn--rim,.btn:is(.btn-quiet,.btn-ghost):not(.btn-icon){--wzb-hue:222deg;--wzb-sat:40%;--wzb-lum:8%;--wzb-rim-a:rgb(var(--wiz-cyan-rgb) / .95);--wzb-rim-b:#0c44fc;--wzb-rim-c:#4830fc;--wzb-wake:#4792f5}.wzbtn--rim:after,.btn:is(.btn-quiet,.btn-ghost):not(.btn-icon):after{background-image:linear-gradient(180deg, #ffffffb3 0%, #fff0 38%), linear-gradient(0deg, #00000080 0%, #0000 38%), linear-gradient(135deg, var(--wzb-rim-a), var(--wzb-rim-b) 45%, var(--wzb-rim-c) 100%), radial-gradient(40% 70% at calc(var(--x) * 1%) calc(var(--y) * 1%), color-mix(in srgb, var(--wzb-wake) var(--wzb-a), transparent) 0%, transparent 90%);background-clip:content-box,content-box,content-box,border-box}.wzbtn--rim:hover{--wzb-a:100%}.wzbtn--rim:before,.btn:is(.btn-quiet,.btn-ghost):not(.btn-icon):before{background-image:linear-gradient(0deg, var(--wzb-body), var(--wzb-body)), radial-gradient(40% 70% at calc(var(--x) * 1%) calc(var(--y) * 1%), color-mix(in srgb, var(--wzb-wake) var(--wzb-a), transparent) 0%, transparent 90%)}.btn:is(.btn-quiet,.btn-ghost):is(.btn-quiet--danger,.btn-ghost--danger,.btn-danger):not(.btn-icon){--wzb-rim-a:color-mix(in srgb, rgb(var(--danger-rgb)) 55%, #f03);--wzb-rim-b:color-mix(in srgb, rgb(var(--danger-rgb)) 30%, #b3001f);--wzb-rim-c:color-mix(in srgb, rgb(var(--danger-rgb)) 55%, #f03);--wzb-wake:color-mix(in srgb, rgb(var(--danger-rgb)) 45%, #f03)}.btn:is(.btn-quiet,.btn-ghost):is(.btn-quiet--danger,.btn-ghost--danger,.btn-danger):not(.btn-icon):not(:disabled):hover{color:var(--danger);background:0 0;border-color:#0000}.msg-note-foot>.btn.btn-quiet--danger:not(:hover):not(:focus-visible):before,.msg-note-foot>.btn.btn-quiet--danger:not(:hover):not(:focus-visible):after{opacity:0}.wzbtn--danger,.btn.btn-danger:not(.btn-quiet):not(.btn-ghost):not(.btn-icon){--wzb-body:color-mix(in srgb, rgb(var(--danger-rgb)) 42%, #2a0406);--wzb-top:color-mix(in srgb, rgb(var(--danger-rgb)) 62%, #2a0406);--wzb-foot:color-mix(in srgb, rgb(var(--danger-rgb)) 26%, #2a0406);--wzb-wake:color-mix(in srgb, rgb(var(--danger-rgb)) 78%, #fff);--wzb-ring:rgb(var(--danger-rgb) / .9);color:var(--accent-ink);text-shadow:0 1px 2px #00000059}@media (prefers-reduced-motion:reduce){.wzbtn,.fn .fn-btn,.btn:is(.btn-primary,.btn-secondary,.btn-danger,.btn-quiet,.btn-ghost):not(.btn-icon){scale:1;transition:none!important;animation:none!important}}.wzbtn.btn-swap{grid-auto-flow:column;place-items:center;display:inline-grid}.wzbtn.btn-swap>*{grid-area:1/1}.wzbtn .spinner{margin-inline-end:.5em}.wiz-auth__actions>.btn,.onb-actions>.btn{margin-block:var(--space-3xs)}@property --wzb-mix{syntax:"<percentage>";inherits:false;initial-value:0%}.fn .fn-btn{--wzb-a:0%;--x:50;--y:50;--wzb-mix:0%;--wzb-body:color-mix(in oklab, var(--accent) calc(100% - var(--wzb-mix)), var(--accent-light));--wzb-top:color-mix(in oklab, var(--accent-light) 82%, white);--wzb-foot:var(--accent-deep);--wzb-wake:color-mix(in oklab, var(--accent-light) 55%, white);--wzb-ring:color-mix(in srgb, var(--accent-light) 90%, transparent);--wzb-bleed:14px;--wzb-blur:10px;--wzb-spring:linear(0, .009, .035 2.1%, .142 4.6%, .283 6.9%, .726 13.3%, .941 17.2%, 1.02, 1.08, 1.124, 1.153 24.9%, 1.163, 1.167, 1.165, 1.157 30.7%, 1.132 33.7%, 1.051 40.7%, 1.017 44.2%, .99, .975 52.2%, .972 55.2%, .974 58.5%, .996 71.5%, 1.003, 1.005 85.7%, 1);isolation:isolate;text-shadow:0 1px 2px #00000059;--focus-ring-offset:5px;transition:--wzb-a .5s ease-in-out, scale 1.2s var(--wzb-spring), color .2s ease-out;animation:7s ease-in-out infinite alternate wzbtn-breathe;position:relative;scale:1}@keyframes wzbtn-breathe{0%{--wzb-mix:0%}to{--wzb-mix:55%}}.fn .fn-btn,.fn .fn-btn:not(:disabled):hover,.fn .fn-btn:not(:disabled):active,.fn .fn-btn:focus-visible,.fn .fn-btn.fn-btn-jump:hover{box-shadow:none;filter:none;background:0 0;border-color:#0000;transform:none}.fn .fn-btn:before{content:"";border-radius:inherit;padding:var(--wzb-bleed);margin:calc(var(--wzb-bleed) * -1);background-image:linear-gradient(180deg, var(--wzb-top) 0%, var(--wzb-body) 42%, var(--wzb-foot) 100%), radial-gradient(40% 70% at calc(var(--x) * 1%) calc(var(--y) * 1%), color-mix(in srgb, var(--wzb-wake) var(--wzb-a), transparent) 0%, transparent 90%);filter:blur(var(--wzb-blur)) url(#wz-goo) drop-shadow(0 .35em .7em #000000bf);z-index:-1;pointer-events:none;background-clip:content-box,border-box;position:absolute;inset:0}.fn .fn-btn:after{content:"";border-radius:inherit;padding:var(--wzb-bleed);margin:calc(var(--wzb-bleed) * -1);background-image:linear-gradient(180deg, #ffffffd9 0%, #fff0 38%), linear-gradient(0deg, #0000008c 0%, #0000 38%), linear-gradient(0deg, var(--wzb-ring), var(--wzb-ring)), radial-gradient(40% 70% at calc(var(--x) * 1%) calc(var(--y) * 1%), color-mix(in srgb, var(--wzb-ring) var(--wzb-a), transparent) 0%, transparent 90%);filter:blur(var(--wzb-blur)) url(#wz-goo);z-index:-2;pointer-events:none;background-clip:content-box,content-box,content-box,border-box;position:absolute;inset:-2px}.fn .fn-btn:not(:disabled):hover{--wzb-a:100%;transition-duration:.5s,1s;scale:1.04}.fn .fn-btn:not(:disabled):active{transition-duration:.2s,.2s;scale:1.01}.fn .fn-btn:disabled{--wzb-a:0%;animation:none;scale:1}.fn .fn-btn.fn-btn-jump{--wzb-body:var(--fn-ground-2);--wzb-rim-a:var(--accent-light);--wzb-rim-b:var(--accent);--wzb-rim-c:var(--accent-deep);--wzb-wake:var(--accent-light);color:var(--accent-light);text-shadow:none;animation:none}.fn .fn-btn.fn-btn-jump:before{background-image:linear-gradient(0deg, var(--wzb-body), var(--wzb-body)), radial-gradient(40% 70% at calc(var(--x) * 1%) calc(var(--y) * 1%), color-mix(in srgb, var(--wzb-wake) var(--wzb-a), transparent) 0%, transparent 90%)}.fn .fn-btn.fn-btn-jump:after{background-image:linear-gradient(180deg, #ffffffb3 0%, #fff0 38%), linear-gradient(0deg, #00000080 0%, #0000 38%), linear-gradient(135deg, var(--wzb-rim-a), var(--wzb-rim-b) 45%, var(--wzb-rim-c) 100%), radial-gradient(40% 70% at calc(var(--x) * 1%) calc(var(--y) * 1%), color-mix(in srgb, var(--wzb-wake) var(--wzb-a), transparent) 0%, transparent 90%);background-clip:content-box,content-box,content-box,border-box}
