@import "../../../app/vars.less";
@button-margin: 2.5vh;
@taskbar-button-height: 45vh - @button-margin*2;

.icon-button {
  height: @taskbar-button-height;
  width: @taskbar-button-height;
}

.icon-button span {
  display: grid;
}

.icon-button__title,
.icon-button .ant-image-img {
  image-rendering: pixelated;
  filter: opacity(35%);
}

.icon-button__title_active,
.icon-button_active .ant-image-img {
  filter: opacity(100%);
}

.icon-button__title {
  font-size: 10vh;
  position: inherit;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  // padding: 0px 3px 0px 3px;
  color: @background-color;
}