.button.svelte-15ft63g{display:inline-block;padding:8px;background-color:transparent;color:var(--onSurface);border:1px solid var(--onSurface);border-radius:15px;opacity:var(--unhovered-opacity);transition:background-color .3s ease-in-out,color .3s ease-in-out,border-radius .3s ease-in-out,opacity .3s ease-in-out}.button.svelte-15ft63g:hover{background-color:var(--onSurface);color:var(--surface);border-radius:10px;opacity:100%}.icon.svelte-15ft63g{filter:var(--onSurface-filter);width:1.5rem;height:1.5rem;vertical-align:middle;transition:filter .3s ease-in-out}.button.svelte-15ft63g:hover .icon:where(.svelte-15ft63g){filter:var(--surface-filter)}.topbar.svelte-14ctir7{background:linear-gradient(70deg,var(--color-a),var(--color-b));background-size:200% 200%;animation:svelte-14ctir7-rotateGradient 3s infinite linear}@keyframes svelte-14ctir7-rotateGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}