.icon-button{vertical-align:top;border-radius:var(--border-radius-2);padding:var(--spacing-5);box-sizing:content-box;width:1.375em;height:1.375em;transition-property:background-color,color;transition-duration:var(--transition-duration-1);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-button:focus-visible{outline:var(--focus-outline)}.icon-button:disabled,.icon-button[aria-disabled=true]{opacity:var(--disabled-opacity);cursor:not-allowed}.icon-button.loading{cursor:wait}.icon-button.variant-primary.color-primary{--icon-button-background-color:var(--primary-color-4);--icon-button-background-color-hover:var(--primary-color-5);--icon-button-background-color-active:var(--primary-color-6)}.icon-button.variant-primary.color-secondary{--icon-button-background-color:var(--secondary-color-4);--icon-button-background-color-hover:var(--secondary-color-5);--icon-button-background-color-active:var(--secondary-color-6)}.icon-button.variant-primary.color-success{--icon-button-background-color:var(--success-color-4);--icon-button-background-color-hover:var(--success-color-5);--icon-button-background-color-active:var(--success-color-6)}.icon-button.variant-primary.color-warning{--icon-button-background-color:var(--warning-color-4);--icon-button-background-color-hover:var(--warning-color-5);--icon-button-background-color-active:var(--warning-color-6)}.icon-button.variant-primary.color-danger{--icon-button-background-color:var(--danger-color-4);--icon-button-background-color-hover:var(--danger-color-5);--icon-button-background-color-active:var(--danger-color-6)}.icon-button.variant-primary.color-neutral{--icon-button-background-color:var(--neutral-color-4);--icon-button-background-color-hover:var(--neutral-color-5);--icon-button-background-color-active:var(--neutral-color-6)}.icon-button.variant-primary.color-secondary{color:var(--primary-color-4)}.icon-button.variant-primary{background-color:var(--icon-button-background-color);color:var(--neutral-color-1)}@media (hover:hover){.icon-button.variant-primary:hover:not(:disabled,[aria-disabled=true]){background-color:var(--icon-button-background-color-hover)}}.icon-button.variant-primary:active:not(:disabled,[aria-disabled=true]){background-color:var(--icon-button-background-color-active)}.icon-button.variant-secondary.color-primary{--icon-button-background-color:var(--primary-color-1);--icon-button-background-color-hover:var(--primary-color-2);--icon-button-background-color-active:var(--primary-color-6);--icon-button-text-color:var(--primary-color-4);--icon-button-text-color-hover:var(--primary-color-5);--icon-button-text-color-active:var(--primary-color-6)}.icon-button.variant-secondary.color-secondary{--icon-button-background-color:var(--secondary-color-1);--icon-button-background-color-hover:var(--secondary-color-2);--icon-button-background-color-active:var(--secondary-color-6);--icon-button-text-color:var(--secondary-color-4);--icon-button-text-color-hover:var(--secondary-color-5);--icon-button-text-color-active:var(--secondary-color-6)}.icon-button.variant-secondary.color-success{--icon-button-background-color:var(--success-color-1);--icon-button-background-color-hover:var(--success-color-2);--icon-button-background-color-active:var(--success-color-6);--icon-button-text-color:var(--success-color-4);--icon-button-text-color-hover:var(--success-color-5);--icon-button-text-color-active:var(--success-color-6)}.icon-button.variant-secondary.color-warning{--icon-button-background-color:var(--warning-color-1);--icon-button-background-color-hover:var(--warning-color-2);--icon-button-background-color-active:var(--warning-color-6);--icon-button-text-color:var(--warning-color-4);--icon-button-text-color-hover:var(--warning-color-5);--icon-button-text-color-active:var(--warning-color-6)}.icon-button.variant-secondary.color-danger{--icon-button-background-color:var(--danger-color-1);--icon-button-background-color-hover:var(--danger-color-2);--icon-button-background-color-active:var(--danger-color-6);--icon-button-text-color:var(--danger-color-4);--icon-button-text-color-hover:var(--danger-color-5);--icon-button-text-color-active:var(--danger-color-6)}.icon-button.variant-secondary.color-neutral{--icon-button-background-color-hover:var(--neutral-color-2);--icon-button-background-color-active:var(--neutral-color-6);--icon-button-text-color:var(--neutral-color-4);--icon-button-text-color-hover:var(--neutral-color-5);--icon-button-text-color-active:var(--neutral-color-6);--icon-button-background-color:var(--neutral-color-1)}.icon-button.variant-secondary{border:1px solid var(--neutral-color-3);background-color:var(--icon-button-background-color);color:var(--icon-button-text-color)}@media (hover:hover){.icon-button.variant-secondary:hover:not(:disabled,[aria-disabled=true]){background-color:var(--icon-button-background-color-hover);color:var(--icon-button-text-color-hover)}}.icon-button.variant-secondary:active:not(:disabled,[aria-disabled=true]){background-color:var(--icon-button-background-color);color:var(--icon-button-text-color-active)}.icon-button.variant-tertiary.color-primary{--icon-button-color:var(--primary-color-4);--icon-button-color-hover:var(--primary-color-5);--icon-button-color-active:var(--primary-color-6)}.icon-button.variant-tertiary.color-secondary{--icon-button-color:var(--secondary-color-4);--icon-button-color-hover:var(--secondary-color-5);--icon-button-color-active:var(--secondary-color-6)}.icon-button.variant-tertiary.color-success{--icon-button-color:var(--success-color-4);--icon-button-color-hover:var(--success-color-5);--icon-button-color-active:var(--success-color-6)}.icon-button.variant-tertiary.color-warning{--icon-button-color:var(--warning-color-4);--icon-button-color-hover:var(--warning-color-5);--icon-button-color-active:var(--warning-color-6)}.icon-button.variant-tertiary.color-danger{--icon-button-color:var(--danger-color-4);--icon-button-color-hover:var(--danger-color-5);--icon-button-color-active:var(--danger-color-6)}.icon-button.variant-tertiary.color-neutral{--icon-button-color:var(--neutral-color-4);--icon-button-color-hover:var(--neutral-color-5);--icon-button-color-active:var(--neutral-color-6)}.icon-button.variant-tertiary{color:var(--icon-button-color)}@media (hover:hover){.icon-button.variant-tertiary:hover:not(:disabled,[aria-disabled=true]){color:var(--icon-button-color-hover)}}.icon-button.variant-tertiary:active:not(:disabled,[aria-disabled=true]){color:var(--icon-button-color-active)}.icon-button.variant-input{border-radius:var(--border-radius-2);padding:var(--spacing-2);color:var(--primary-color-4);transition-property:background-color,color;transition-duration:var(--transition-duration-1)}.icon-button.variant-input.color-neutral{color:var(--neutral-color-5)}@media (hover:hover){.icon-button.variant-input:hover:not(:disabled,[aria-disabled=true]){background-color:var(--primary-color-2);color:var(--primary-color-5)}}.icon-button.variant-input:active:not(:disabled,[aria-disabled=true]){color:var(--primary-color-6);background-color:#0000}.icon-button.variant-input:focus-visible{box-shadow:0 0 0 3px var(--primary-color-2)}.icon-button.variant-input:disabled{cursor:not-allowed}.icon-button.variant-tiptap{border-radius:var(--border-radius-2);padding:var(--spacing-2);color:var(--primary-color-4);transition-property:background-color,color;transition-duration:var(--transition-duration-1)}@media (hover:hover){.icon-button.variant-tiptap:hover:not(:disabled,[aria-disabled=true]){background-color:var(--primary-color-2);color:var(--primary-color-5)}}.icon-button.variant-tiptap:active:not(:disabled,[aria-disabled=true]){background-color:var(--primary-color-3);color:var(--primary-color-6)}.icon-button.variant-tiptap[aria-selected=true]{background-color:var(--primary-color-2)}.icon-button.variant-tiptap:focus-visible{box-shadow:0 0 0 3px var(--primary-color-2)}.icon-button.variant-tiptap:disabled{cursor:not-allowed}.icon-button.loading>.icon-button-icon{animation:1s linear infinite spin}
