@layer reset,base;@layer components{.icon-button{justify-content:center;align-items:center;gap:var(--space-0-5);min-width:var(--tap-min);min-height:var(--tap-min);padding:var(--space-0-5);border-radius:var(--radius-md);color:var(--color-ink);transition:background-color var(--duration-fast) var(--easing-out), color var(--duration-fast) var(--easing-out);background-color:#0000;border:0;flex-direction:column;text-decoration:none;display:inline-flex;position:relative}.icon-button:hover{background-color:var(--color-accent-soft);color:var(--color-accent-deep)}.icon-button__image{width:var(--space-8);height:var(--space-8);justify-content:center;align-items:center;display:flex}.icon-button .icon-button__icon{width:100%;height:100%}.icon-button__caption{font-size:var(--text-xs);letter-spacing:var(--tracking-wide);line-height:1}.icon-button__badge{top:calc(-1 * var(--space-1));right:calc(-1 * var(--space-1));min-width:var(--space-4);min-height:var(--space-4);padding:var(--space-px) var(--space-1);border-radius:var(--radius-pill);background-color:var(--color-paper);color:var(--color-ink);font-size:var(--text-xs);font-weight:var(--weight-bold);justify-content:center;align-items:center;line-height:1;display:flex;position:absolute}.icon-button__badge:empty{display:none}@media (width<=767px){.icon-button{min-width:var(--tap-comfortable);min-height:var(--tap-comfortable);padding:var(--space-1) var(--space-2)}.icon-button__image{width:var(--space-6);height:var(--space-6)}}@media (width<=479px){.icon-button__caption{display:none}}}@layer utilities;