@layer onyx.component{.onyx-icon-button,.onyx-icon-button-skeleton{--onyx-icon-button-padding:var(--onyx-density-xs)}.onyx-icon-button-skeleton{height:calc(1.5rem + 2 * var(--onyx-icon-button-padding));width:calc(1.5rem + 2 * var(--onyx-icon-button-padding));border-radius:var(--onyx-radius-component-icon-button)}.onyx-icon-button{--icon-button-color:var(--onyx-color-text-icons-primary-intense);--icon-button-bg-color:transparent;--icon-button-cursor:pointer;padding:var(--onyx-icon-button-padding);color:var(--icon-button-color);cursor:var(--icon-button-cursor);appearance:none;border-radius:var(--onyx-radius-component-icon-button);background:0 0;background-color:var(--icon-button-bg-color);border:none;outline:none;place-items:center;display:inline-grid}.onyx-icon-button:hover,.onyx-icon-button:focus-visible{--icon-button-bg-color:var(--onyx-color-base-primary-200);--icon-button-color:var(--onyx-color-text-icons-primary-bold)}.onyx-icon-button:disabled:not(.onyx-icon-button--loading){--icon-button-color:var(--onyx-color-text-icons-primary-soft)}.onyx-icon-button:active{--icon-button-bg-color:var(--onyx-color-base-primary-300);--icon-button-color:var(--onyx-color-text-icons-primary-bold)}.onyx-icon-button--neutral{--icon-button-color:var(--onyx-color-text-icons-neutral-medium)}.onyx-icon-button--neutral:hover,.onyx-icon-button--neutral:focus-visible{--icon-button-bg-color:var(--onyx-color-base-neutral-200);--icon-button-color:var(--onyx-color-text-icons-neutral-intense)}.onyx-icon-button--neutral:disabled:not(.onyx-icon-button--neutral--loading){--icon-button-color:var(--onyx-color-text-icons-neutral-soft)}.onyx-icon-button--neutral:active{--icon-button-bg-color:var(--onyx-color-base-neutral-300);--icon-button-color:var(--onyx-color-text-icons-neutral-intense)}.onyx-icon-button--danger{--icon-button-color:var(--onyx-color-text-icons-danger-intense)}.onyx-icon-button--danger:hover,.onyx-icon-button--danger:focus-visible{--icon-button-bg-color:var(--onyx-color-base-danger-200);--icon-button-color:var(--onyx-color-text-icons-danger-bold)}.onyx-icon-button--danger:disabled:not(.onyx-icon-button--danger--loading){--icon-button-color:var(--onyx-color-text-icons-danger-soft)}.onyx-icon-button--danger:active{--icon-button-bg-color:var(--onyx-color-base-danger-300);--icon-button-color:var(--onyx-color-text-icons-danger-bold)}.onyx-icon-button:disabled{--icon-button-bg-color:transparent;--icon-button-cursor:default}}