.pxbtn.svelte-n4l4pk{--d:4px;cursor:pointer;--n:6px;font-family:var(--font-px);font-weight:400;font-size:var(--fs-ui);letter-spacing:var(--tr-ui);color:var(--on-color);background:0 0;border:0;margin-top:7px;padding:0;text-decoration:none;display:inline-block;position:relative}.base.svelte-n4l4pk{background:var(--dark);clip-path:var(--pix);position:absolute;inset:0}.face.svelte-n4l4pk{background:var(--facebg);clip-path:var(--pix);transform:translateY(calc(-1 * var(--d)));transition:transform 70ms steps(2,end);display:block;position:relative}.in.svelte-n4l4pk{padding:calc(var(--cell) * 1.5) calc(var(--cell) * 3);display:block}.pxbtn.svelte-n4l4pk:hover{--d:7px}.face.svelte-n4l4pk:before,.face.svelte-n4l4pk:after{content:"";pointer-events:none;display:none;position:absolute}.pxbtn.svelte-n4l4pk:hover .face:where(.svelte-n4l4pk):before{background:var(--hi);clip-path:var(--pix);display:block;inset:0}.pxbtn.svelte-n4l4pk:hover .face:where(.svelte-n4l4pk):after{inset:var(--n);background:var(--facebg);clip-path:var(--pix);display:block}.in.svelte-n4l4pk{z-index:1;position:relative}.pxbtn.svelte-n4l4pk:active{--d:0px}.pxbtn.svelte-n4l4pk:disabled{opacity:.6;cursor:wait}.pxbtn.svelte-n4l4pk:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.green.svelte-n4l4pk{--facebg:var(--green);--dark:var(--green-dark);--hi:var(--green-hi)}.orange.svelte-n4l4pk{--facebg:var(--orange);--dark:var(--orange-dark);--hi:var(--orange-hi)}.blue.svelte-n4l4pk{--facebg:var(--blue);--dark:var(--blue-dark);--hi:var(--blue-hi)}.yellow.svelte-n4l4pk{--facebg:var(--yellow);--dark:var(--yellow-dark);color:var(--green);--hi:var(--yellow-hi)}.twitch.svelte-n4l4pk{--facebg:var(--on-color);--dark:var(--purple-dark);color:var(--purple);--hi:var(--purple-hi)}@media (prefers-reduced-motion:reduce){.face.svelte-n4l4pk{transition:none}}