.icon-button{font:inherit;cursor:pointer;outline:inherit;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;gap:4px;display:flex;position:relative}.icon-button .icon-button__badge--icon,.icon-button .icon-button__badge--text,.icon-button .icon-button__badge--number,.icon-button .icon-button__badge{border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;display:flex;position:absolute;top:0;right:0}.icon-button__badge{color:#bbc9d6;background:#fff}.icon-button__badge--number{color:#fff;background:#f44336;font-size:.66rem}.icon-button--small{width:24px;height:24px}.icon-button--small.offset{margin:-4px}.icon-button--small .button__icon{width:12px;height:12px}.icon-button--medium{width:32px;height:32px}.icon-button--medium.offset{margin:-4px}.icon-button--medium .button__icon{width:16px;height:16px}.icon-button--dark{color:#2c424a;background-color:#0000}.icon-button--dark:hover,.icon-button--dark.icon-button--active{background-color:#dde3e5}.icon-button--dark:active{box-shadow:inset 2px 2px 4px #00000040}.icon-button--dark:disabled{color:#bbc9d6}.icon-button--dark:disabled:hover{cursor:auto;background:0 0}.icon-button--dark:disabled:active{box-shadow:none}.icon-button--light{color:#bbc9d6;background-color:#0000}.icon-button--light:hover,.icon-button--light:focus,.icon-button--light.icon-button--active{color:#fff;background-color:#425c75}.icon-button--light:active{box-shadow:inset 2px 2px 4px #00000040}.icon-button--light:disabled{color:#2c424a}.icon-button--light:disabled:hover{cursor:auto;background:0 0}.icon-button--light:disabled:active{box-shadow:none}