@keyframes shake-x{0%{transform:translate(0)}10%{transform:translate(-8px)}20%{transform:translate(8px)}30%{transform:translate(-8px)}40%{transform:translate(8px)}50%{transform:translate(-4px)}60%{transform:translate(4px)}70%{transform:translate(-2px)}80%{transform:translate(2px)}90%{transform:translate(-1px)}to{transform:translate(0)}}.shake{animation:.4s ease-in-out both shake-x}
:root{--reveal-intensity:1;--reveal-radius:200px}[data-reveal]:before{content:"";border-radius:inherit;padding:var(--reveal-pt)var(--reveal-pr)var(--reveal-pb)var(--reveal-pl);background:radial-gradient(var(--reveal-radius)circle at var(--mouse-x)var(--mouse-y),rgba(0,0,0,calc(.5*var(--reveal-intensity))),transparent 100%);-webkit-mask-composite:xor;pointer-events:none;z-index:3;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.dark [data-reveal]:before{background:radial-gradient(var(--reveal-radius)circle at var(--mouse-x)var(--mouse-y),rgba(255,255,255,calc(.5*var(--reveal-intensity))),transparent 100%)}[data-reveal=full]:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(var(--reveal-radius)circle at var(--mouse-x)var(--mouse-y),rgba(0,0,0,calc(.03*var(--reveal-intensity))),transparent 100%);z-index:2;position:absolute;inset:0}.dark [data-reveal=full]:after{background:radial-gradient(var(--reveal-radius)circle at var(--mouse-x)var(--mouse-y),rgba(255,255,255,calc(.03*var(--reveal-intensity))),transparent 100%)}