:root{--icon-button-padding:.625rem;--icon-button-icon-size:var(--spacing-5)}@media not (max-width:48rem){:root{--icon-button-padding:var(--spacing-3);--icon-button-icon-size:var(--spacing-6)}}.icon-button{padding:calc(var(--icon-button-padding) - var(--spacing-px));border:var(--spacing-px) solid;border-radius:var(--spacing-6);cursor:pointer;transition:all var(--transition);margin:0;display:inline-flex}.icon-button:focus-visible{outline:var(--outline-purple-a15)}.icon-button--disabled{cursor:not-allowed;opacity:.5}.icon-button--size-xxs{--icon-button-padding:var(--spacing-1);--icon-button-icon-size:var(--spacing-4)}.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--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--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--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--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--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--disabled):hover{background-color:var(--color-purple-50)}.icon-button--purple-light{background-color:var(--color-purple-a10);color:var(--color-purple-700);border-color:#0000}.icon-button--purple-light:not(.icon-button--disabled):hover{background-color:var(--color-purple-a25)}.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--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--disabled):hover{border-color:var(--color-purple-900);background-color:var(--color-purple-900)}.icon-button--order-disabled{background-color:var(--color-neutral-a10);color:var(--color-gray-300);border:none}.icon-button--order-disabled.icon-button--disabled{opacity:1}.icon-button--order-disabled:hover{cursor:not-allowed}.icon-button--naked{color:var(--color-purple-dark);background-color:#0000;border-color:#0000}.icon-button--naked:not(.icon-button--disabled):hover{background-color:#0000;border-color:#0000}.icon-button__icon{width:var(--icon-button-icon-size);height:var(--icon-button-icon-size)}.icon-button--white{color:var(--color-neutral-white);background-color:#0000;border-color:#0000}