.icon-button.svelte-sycgx5{--inner:4px;--fill:var(--color-darkgray);aspect-ratio:1;width:48px;color:var(--color-accent);transition:color var(--transition-accent);background:0 0;border-radius:100%;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.icon-button.svelte-sycgx5:before{content:"";z-index:-1;inset:var(--inner);background-color:var(--fill);backdrop-filter:blur(8px);transition:background-color var(--transition-hover);border-radius:100%;position:absolute}@media (width>=768px){.icon-button.svelte-sycgx5{--inner:6px;width:64px}}.icon-button.svelte-sycgx5:hover{--fill:var(--color-white-10)}.icon-button.svelte-sycgx5:hover .outline:where(.svelte-sycgx5){color:var(--color-white-50)}.icon-button.svelte-sycgx5:hover .outline:where(.svelte-sycgx5) circle:where(.svelte-sycgx5){animation-play-state:running}.icon-button.svelte-sycgx5:active{translate:0 1px}.icon-button.is-reverse.svelte-sycgx5 .outline:where(.svelte-sycgx5) circle:where(.svelte-sycgx5){animation-direction:reverse}.icon-button.is-small.svelte-sycgx5{--inner:3px;width:40px}@media (width>=768px){.icon-button.is-small.svelte-sycgx5{--inner:4px}}.icon-button.is-large.svelte-sycgx5{--inner:4px;width:56px}@media (width>=768px){.icon-button.is-large.svelte-sycgx5{--inner:6px;width:80px}}.icon-button.is-active.svelte-sycgx5 .outline:where(.svelte-sycgx5){color:var(--color-accent)}.icon-button.is-active.svelte-sycgx5 .outline:where(.svelte-sycgx5) circle:where(.svelte-sycgx5){animation-play-state:running}