.iconButton{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:0}.iconButton:focus-visible{outline:var(--outline-set);outline-offset:var(--outline-offset)}.iconButton:focus:not(:focus-visible){outline:none}.iconButton:active:not(.iconButton_disabled,.iconButton_loading){transform:translateY(.1rem)}.iconButton_loading{cursor:wait}.iconButton__loadingIcon{animation:var(--preloader);display:flex}.iconButton_small{border:.1rem solid transparent;border-radius:.8rem;height:2.4rem;padding:.2rem;width:2.4rem}.iconButton_mediumEmbedded{border-radius:.6rem;height:2rem;width:2rem}.iconButton_medium{height:3.4rem;padding:.6rem;width:3.4rem}.iconButton_large,.iconButton_medium{border:.1rem solid transparent;border-radius:.8rem}.iconButton_large{height:4rem;padding:.8rem;width:4rem}.iconButton_primary{color:var(--neutral-800)}@media(hover:hover){.iconButton_primary:hover:not(.iconButton_loading){background:var(--neutral-200);color:var(--neutral-700)}}.iconButton_primary:active:not(.iconButton_loading){background:var(--neutral-300);color:var(--neutral-900)}.iconButton_secondary{color:var(--neutral-600)}@media(hover:hover){.iconButton_secondary:hover:not(.iconButton_loading){background:var(--neutral-200);color:var(--neutral-500)}}.iconButton_secondary:active:not(.iconButton_loading){background:var(--neutral-300);color:var(--neutral-700)}.iconButton_tertiary{color:var(--neutral-100)}@media(hover:hover){.iconButton_tertiary:hover:not(.iconButton_loading){background:var(--primary-250)}}.iconButton_tertiary:active:not(.iconButton_loading){background:var(--primary-500)}.iconButton_quaternary{color:var(--primary-500)}@media(hover:hover){.iconButton_quaternary:hover:not(.iconButton_loading){background:var(--neutral-200);color:var(--primary-400)}}.iconButton_quaternary:active:not(.iconButton_loading){background:var(--neutral-300);color:var(--primary-600)}.iconButton_dangerous{color:var(--dangerous-500)}@media(hover:hover){.iconButton_dangerous:hover:not(.iconButton_loading){background:var(--neutral-200);color:var(--dangerous-400)}}.iconButton_dangerous:active:not(.iconButton_loading){background:var(--neutral-300);color:var(--dangerous-600)}.iconButton_disabled{color:var(--neutral-500);cursor:not-allowed}