.icon-wrapper.svelte-vc58qu{margin-inline:auto;margin-bottom:calc(var(--spacing,.25rem) * 0);display:inline-block;position:relative}.icon.svelte-vc58qu{aspect-ratio:1;max-height:calc(var(--spacing,.25rem) * 24);max-width:calc(var(--spacing,.25rem) * 24);padding:calc(var(--spacing,.25rem) * 5);z-index:2;background-color:var(--color-accent);justify-content:center;align-items:center;margin-inline:auto;transition:background-color .35s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000014,0 2px 8px #0000000a}.icon.svelte-vc58qu:before{content:"";opacity:0;background:linear-gradient(45deg,#0000 35%,#fff3,#0000 65%);width:200%;height:200%;transition:opacity .35s;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}.icon.svelte-vc58qu img:where(.svelte-vc58qu){height:calc(var(--spacing,.25rem) * 10);width:calc(var(--spacing,.25rem) * 10);z-index:1;filter:drop-shadow(0 2px 4px #00000014);transition:filter .35s cubic-bezier(.4,0,.2,1);position:relative}.icon-glow.svelte-vc58qu{z-index:1;opacity:0;background:radial-gradient(circle,var(--color-primary) 0%,transparent 70%);border-radius:50%;width:100%;height:100%;transition:opacity .35s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@supports (color:color-mix(in lab,red,red)){.icon-glow.svelte-vc58qu{background:radial-gradient(circle,color-mix(in srgb,var(--color-primary) 45%,transparent) 0%,transparent 70%)}}.icon-glow.svelte-vc58qu{filter:blur(12px)}.icon-container.svelte-vc58qu:hover .icon:where(.svelte-vc58qu){background-color:var(--color-primary);box-shadow:0 10px 32px var(--color-primary),0 2px 8px #0000000f,inset 0 1px #ffffff1f}@supports (color:color-mix(in lab,red,red)){.icon-container.svelte-vc58qu:hover .icon:where(.svelte-vc58qu){box-shadow:0 10px 32px color-mix(in srgb,var(--color-primary) 28%,transparent),0 2px 8px #0000000f,inset 0 1px #ffffff1f}}.icon-container.svelte-vc58qu:hover .icon:where(.svelte-vc58qu):before{opacity:1}.icon-container.svelte-vc58qu:hover .icon:where(.svelte-vc58qu) img:where(.svelte-vc58qu){filter:brightness(0)invert()drop-shadow(0 1px 2px #0000001f)}.icon-container.svelte-vc58qu:hover .icon-glow:where(.svelte-vc58qu){opacity:.35}