.badge.svelte-3avssg{width:var(--size);height:var(--size);border-radius:50%;box-sizing:border-box;border:solid 3px var(--fg-color);background-color:var(--bg-color);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:box-shadow .2s,transform .2s;transform-style:preserve-3d;perspective:10rem}.badge.svelte-3avssg:before{content:"";display:block;background-color:var(--fg-color);width:70%;height:50%;mask-image:var(--icon);mask-size:contain;mask-position:center;mask-repeat:no-repeat;-webkit-mask-image:var(--icon);-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;z-index:1;transform:perspective(10rem);transition:transform .2s}.badge.svelte-3avssg:after{content:"";display:block;position:absolute;opacity:.2;inset:0;padding:0;transition:background-position .2s;background-image:linear-gradient(0deg,rgba(0,0,0,0) 0%,var(--fg-color) 0%,var(--fg-color) 30%,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 50%,var(--fg-color) 50%,var(--fg-color) 80%,rgba(0,0,0,0) 80%);background-position:0 0;transform:rotate(35deg)}.badge.svelte-3avssg:hover{box-shadow:0 0 1rem #0004}.badge.svelte-3avssg:hover:after{background-position:0 -1.5rem}