:root{--icon-button-padding:0.625rem;--icon-button-icon-size:var(--spacing-5)}@media(min-width:48rem){:root{--icon-button-padding:var(--spacing-3);--icon-button-icon-size:var(--spacing-6)}}.icon-button{display:inline-flex;padding:calc(var(--icon-button-padding) - var(--spacing-px));border:var(--spacing-px) solid;border-radius:var(--spacing-6);margin:0;cursor:pointer;transition:all var(--transition)}.icon-button:focus-visible{outline:var(--outline-purple-a15)}.icon-button:disabled{cursor:not-allowed;opacity:.5}.icon-button--size-xs{--icon-button-padding:var(--spacing-1-half);--icon-button-icon-size:var(--spacing-5)}.icon-button--size-s{--icon-button-padding:var(--spacing-2-half);--icon-button-icon-size:var(--spacing-5)}.icon-button--square{border-radius:var(--border-radius-sm)}.icon-button--primary{border-color:var(--color-primary-700);background-color:var(--color-primary-700);color:var(--color-neutral-white)}.icon-button--primary:not(.icon-button--primary:disabled):hover{border-color:var(--color-primary-800);background-color:var(--color-primary-800)}.icon-button--primary.icon-button--ghost{border-color:var(--color-primary-700);background-color:var(--color-neutral-white);color:var(--color-primary-700)}.icon-button--primary.icon-button--ghost:not(.icon-button--primary.icon-button--ghost:disabled):hover{background-color:var(--color-primary-50)}.icon-button--primary-dark{border-color:var(--color-primary-dark);background-color:var(--color-primary-dark);color:var(--color-neutral-white-a80)}.icon-button--primary-dark:not(.icon-button--primary-dark:disabled):hover{border-color:var(--color-primary-900);background-color:var(--color-primary-900)}.icon-button--primary-dark.icon-button--ghost{border-color:var(--color-primary-dark);background-color:var(--color-neutral-white);color:var(--color-primary-700)}.icon-button--primary-dark.icon-button--ghost:not(.icon-button--primary-dark.icon-button--ghost:disabled):hover{background-color:var(--color-primary-50)}.icon-button--purple{border-color:var(--color-purple-700);background-color:var(--color-purple-700);color:var(--color-neutral-white)}.icon-button--purple:not(.icon-button--purple:disabled):hover{border-color:var(--color-purple-900);background-color:var(--color-purple-900)}.icon-button--purple.icon-button--ghost{border-color:var(--color-purple-600);background-color:var(--color-neutral-white);color:var(--color-purple-700)}.icon-button--purple.icon-button--ghost:not(.icon-button--purple.icon-button--ghost:disabled):hover{background-color:var(--color-purple-50)}.icon-button--neutral{border-color:var(--color-neutral-a40);background-color:var(--color-neutral-white);color:var(--color-text-muted)}.icon-button--neutral:not(.icon-button--neutral:disabled):hover{background-color:var(--color-neutral-a5);color:var(--color-text)}.icon-button--search-bar{border-color:var(--color-purple-dark);background-color:var(--color-purple-dark);color:var(--color-neutral-white)}.icon-button--search-bar:not(.icon-button--search-bar:disabled):hover{border-color:var(--color-purple-900);background-color:var(--color-purple-900)}.icon-button--order-disabled{border:none;background-color:var(--color-neutral-a10);color:var(--color-gray-300)}.icon-button--order-disabled:disabled{opacity:1}.icon-button--order-disabled:hover{cursor:not-allowed}.icon-button--naked{color:var(--color-purple-dark)}.icon-button--naked,.icon-button--naked:not(.icon-button--naked:disabled):hover{border-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0)}.icon-button__icon{width:var(--icon-button-icon-size);height:var(--icon-button-icon-size)}.icon-button--white{border-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:var(--color-neutral-white)}