.ButtonIcon_buttonIcon__S7L9u{--button-icon-size:40px;--button-icon-padding:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:var(--grey-900);border:thin solid var(--grey-900);border-radius:100%;outline:none;padding:var(--button-icon-padding);width:var(--button-icon-size);min-width:var(--button-icon-size);height:var(--button-icon-size);min-height:var(--button-icon-size);transition:var(--transition-cubic-bezines);&[data-size=small]{--button-icon-size:32px;--button-icon-padding:6px}&[data-size=medium]{--button-icon-size:40px;--button-icon-padding:8px}&[data-size=large]{--button-icon-size:56px;--button-icon-padding:16px}&[data-type=primary]{background:var(--grey-900);border:thin solid var(--grey-900);>svg{color:var(--white)}&:hover{background:var(--grey-700);border:thin solid var(--grey-700)}&:active,&[data-active=true]{background:var(--grey-500);border:thin solid var(--grey-500)}&:disabled{background:var(--grey-200);border:thin solid var(--grey-200)}}&[data-type=secondary]{background:var(--grey-200);border:thin solid var(--grey-300);>svg{color:var(--grey-700)}&:hover{background:var(--grey-300);border:thin solid var(--grey-300)}&:active,&[data-active=true]{background:var(--grey-400);border:thin solid var(--grey-300)}&:disabled{background:var(--grey-200);border:thin solid var(--grey-300)}}&[data-type=ghost]{background:transparent;border:thin solid transparent;>svg{color:var(--grey-700)}&:hover{background:var(--grey-200);border:thin solid var(--grey-200)}&:active,&[data-active=true]{background:var(--grey-300);border:thin solid var(--grey-300)}&:disabled{background:transparent;border:thin solid transparent}}&[data-type=success]{background:var(--green-500);border:thin solid var(--green-500);>svg{color:var(--white)}&:hover{background:var(--green-600);border:thin solid var(--green-600)}&:active{background:var(--green-700);border:thin solid var(--green-700)}&:disabled{background:var(--grey-200);border:thin solid var(--grey-200)}}&[data-type=error]{background:var(--red-500);border:thin solid var(--red-500);>svg{color:var(--white)}&:hover{background:var(--red-600);border:thin solid var(--red-600)}&:active{background:var(--red-700);border:thin solid var(--red-700)}&:disabled{background:var(--grey-200);border:thin solid var(--grey-200)}}&[data-type=warning]{background:var(--yellow-500);border:thin solid var(--yellow-500);>svg{color:var(--white)}&:hover{background:var(--yellow-600);border:thin solid var(--yellow-600)}&:active{background:var(--yellow-700);border:thin solid var(--yellow-700)}&:disabled{background:var(--grey-200);border:thin solid var(--grey-200)}}&[data-type=inversed]{background:transparent;border:thin solid transparent;>svg{color:var(--white)}&:hover{background:var(--grey-700);border:thin solid var(--grey-700)}&:active,&[data-active=true]{background:var(--grey-600);border:thin solid var(--grey-600)}&:disabled{background:transparent;border:thin solid transparent;>svg{color:var(--grey-600)}}}&:hover{background:var(--grey-700);border:thin solid var(--grey-700)}&:active,&[data-active=true]{opacity:1;background:var(--grey-500);border:thin solid var(--grey-500)}&:disabled{pointer-events:none;background:var(--grey-200);border:thin solid var(--grey-200);>svg{color:var(--grey-450)}}>svg{color:var(--white);width:100%;height:100%}}