.icon-button{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;cursor:pointer;border-radius:var(--radius-full);border:none;padding:0}.icon-button.icon-button--secondary{background-color:var(--color-neutral-000);color:var(--color-neutral-900);box-shadow:0 0 0 1px var(--color-neutral-500)}.icon-button.icon-button--tertiary{color:var(--color-neutral-900);background-color:transparent}.icon-button.icon-button--secondary:hover,.icon-button.icon-button--tertiary:hover{box-shadow:0 0 0 1px var(--color-neutral-900)}.icon-button.icon-button--primary{background-color:var(--color-neutral-900);color:var(--color-neutral-100)}.icon-button.icon-button--secondary:focus,.icon-button.icon-button--primary:focus,.icon-button.icon-button--tertiary:focus{box-shadow:0 0 0 2px var(--color-primary-500)}.icon-button.icon-button--secondary:active,.icon-button.icon-button--tertiary:active{background-color:var(--color-neutral-200);box-shadow:0 0 0 1px var(--color-neutral-900)}.icon-button.icon-button--secondary:disabled,.icon-button.icon-button--primary:disabled,.icon-button.icon-button--tertiary:disabled,.icon-button:disabled{cursor:not-allowed}.icon-button.icon-button--secondary:disabled{background-color:var(--color-neutral-100);box-shadow:0 0 0 1px var(--color-neutral-400);color:var(--color-neutral-600)}.icon-button.icon-button--primary:disabled{background-color:var(--color-neutral-300);color:var(--color-neutral-600)}.icon-button.icon-button--tertiary:disabled{background-color:unset;box-shadow:unset;color:var(--color-neutral-600)}