.icon--size16{width:16px;min-width:16px;height:16px}.icon--size20{width:20px;min-width:20px;height:20px}.icon--size24{width:24px;min-width:24px;height:24px}.icon--size48{width:48px;min-width:48px;height:48px}.icon--black{color:var(--text-strong-color)}.icon--white{color:var(--text-inverse-color)}.icon--accent{color:var(--text-primary-color)}
.iconButton{cursor:pointer;background:var(--color-surface);border-radius:var(--radius-buttons);transition:box-shadow var(--dur-hover) var(--ease),color var(--dur-press) var(--ease),background var(--dur-press) var(--ease);border:none;justify-content:center;align-items:center;line-height:1;text-decoration:none;display:flex;position:relative}.iconButton:active{box-shadow:var(--shadow-pressed)}.iconButton:disabled{pointer-events:none;cursor:not-allowed;box-shadow:var(--shadow-inset);opacity:.5}.iconButton__icon{width:20px;min-width:20px;height:20px}.iconButton--outline{color:var(--text-muted-color);box-shadow:var(--shadow-raised)}.iconButton--outline:hover{color:var(--text-strong-color);box-shadow:var(--shadow-raised-hover)}.iconButton--ghost{color:var(--text-muted-color);background:0 0}.iconButton--ghost:hover{color:var(--text-strong-color);background:var(--color-surface);box-shadow:var(--shadow-raised-sm)}.iconButton--danger{color:var(--color-danger);box-shadow:var(--shadow-raised)}.iconButton--danger:hover{color:var(--text-inverse-color);background:var(--color-danger)}.iconButton--small{width:var(--control-36);height:var(--control-36)}.iconButton--small .iconButton__icon{width:16px;min-width:16px;height:16px}.iconButton--medium{width:var(--control-44);height:var(--control-44)}.iconButton--medium .iconButton__icon{width:20px;min-width:20px;height:20px}.iconButton--large{width:var(--control-48);height:var(--control-48)}.iconButton--large .iconButton__icon{width:24px;min-width:24px;height:24px}