@layer disco.components{.IconButton{--ui-button-icon-size: 36px;--ui-button-icon-scaled-size: calc( var(--ui-button-icon-size) * var(--ui-density-scale, 1) );--ui-icon-size: 19px;border-radius:var(--border-radius-medium);height:var(--ui-button-icon-scaled-size);justify-content:center;line-height:var(--ui-button-icon-scaled-size);transition:background-color .3s ease;width:var(--ui-button-icon-scaled-size)}.IconButton--small{--ui-button-icon-size: 24px;--ui-icon-size: 14px;border-radius:var(--border-radius-small-medium)}.IconButton:hover:not(:disabled){background-color:#0000001a}.IconButton:disabled{background-color:color-mix(in srgb,var(--color-neutral-60),transparent 88%);color:var(--color-neutral-60);cursor:default}.IconButton__loading{animation:IconButton__loading 1.2s ease-in-out infinite}@keyframes IconButton__loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media print{.IconButton{background-color:transparent;color:#000;transition:none}.IconButton__loading{display:none}}}