.button-mOEOjod4 {
  align-items: center;
  color: var(--tv-color-toolbar-button-text, #131722);
  cursor: default;
  display: flex;
  height: 36px;
  justify-content: center;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
  width: 52px;
}
html.theme-dark .button-mOEOjod4 {
  color: var(--tv-color-toolbar-button-text, #d1d4dc);
}
.button-mOEOjod4.hover-mOEOjod4,
.button-mOEOjod4:active {
  color: var(--tv-color-toolbar-button-text-hover, #131722);
}
@media (any-hover: hover) {
  .button-mOEOjod4:hover {
    color: var(--tv-color-toolbar-button-text-hover, #131722);
  }
}
html.theme-dark .button-mOEOjod4.hover-mOEOjod4,
html.theme-dark .button-mOEOjod4:active {
  color: var(--tv-color-toolbar-button-text-hover, #d1d4dc);
}
@media (any-hover: hover) {
  html.theme-dark .button-mOEOjod4:hover {
    color: var(--tv-color-toolbar-button-text-hover, #d1d4dc);
  }
}
.button-mOEOjod4 .bg-mOEOjod4 {
  align-items: center;
  border-radius: 4px;
  display: flex;
  height: 34px;
  justify-content: center;
  width: 34px;
}
.button-mOEOjod4.hover-mOEOjod4 .bg-mOEOjod4,
.button-mOEOjod4:active .bg-mOEOjod4 {
  background-color: var(--tv-color-toolbar-button-background-hover, #f0f3fa);
}
@media (any-hover: hover) {
  .button-mOEOjod4:hover .bg-mOEOjod4 {
    background-color: var(--tv-color-toolbar-button-background-hover, #f0f3fa);
  }
}
html.theme-dark .button-mOEOjod4.hover-mOEOjod4 .bg-mOEOjod4,
html.theme-dark .button-mOEOjod4:active .bg-mOEOjod4 {
  background-color: var(--tv-color-toolbar-button-background-hover, #2a2e39);
}
@media (any-hover: hover) {
  html.theme-dark .button-mOEOjod4:hover .bg-mOEOjod4 {
    background-color: var(--tv-color-toolbar-button-background-hover, #2a2e39);
  }
}
.button-mOEOjod4 .icon-mOEOjod4 svg {
  vertical-align: middle;
}
.button-mOEOjod4.isActive-mOEOjod4 .bg-mOEOjod4 {
  height: 30px;
  width: 30px;
}
.button-mOEOjod4.isActive-mOEOjod4 .bg-mOEOjod4,
html.theme-dark .button-mOEOjod4.isActive-mOEOjod4 .bg-mOEOjod4 {
  background-color: var(--tv-color-toolbar-toggle-button-background-active, #2962ff);
}
.button-mOEOjod4.isActive-mOEOjod4 .icon-mOEOjod4 {
  color: var(--tv-color-item-active-text, #fff);
}
html.theme-dark .button-mOEOjod4.isActive-mOEOjod4 .icon-mOEOjod4 {
  color: var(--tv-color-item-active-text, #d1d4dc);
}
.button-mOEOjod4.isActive-mOEOjod4.hover-mOEOjod4 .bg-mOEOjod4,
.button-mOEOjod4.isActive-mOEOjod4:active .bg-mOEOjod4 {
  background-color: var(--tv-color-toolbar-toggle-button-background-active-hover, #1e53e5);
}
@media (any-hover: hover) {
  .button-mOEOjod4.isActive-mOEOjod4:hover .bg-mOEOjod4 {
    background-color: var(--tv-color-toolbar-toggle-button-background-active-hover, #1e53e5);
  }
}
html.theme-dark .button-mOEOjod4.isActive-mOEOjod4.hover-mOEOjod4 .bg-mOEOjod4,
html.theme-dark .button-mOEOjod4.isActive-mOEOjod4:active .bg-mOEOjod4 {
  background-color: var(--tv-color-toolbar-toggle-button-background-active-hover, #1e53e5);
}
@media (any-hover: hover) {
  html.theme-dark .button-mOEOjod4.isActive-mOEOjod4:hover .bg-mOEOjod4 {
    background-color: var(--tv-color-toolbar-toggle-button-background-active-hover, #1e53e5);
  }
}
.button-mOEOjod4.isActive-mOEOjod4.hover-mOEOjod4 .icon-mOEOjod4,
.button-mOEOjod4.isActive-mOEOjod4:active .icon-mOEOjod4 {
  color: var(--tv-color-item-active-text, #fff);
}
@media (any-hover: hover) {
  .button-mOEOjod4.isActive-mOEOjod4:hover .icon-mOEOjod4 {
    color: var(--tv-color-item-active-text, #fff);
  }
}
html.theme-dark .button-mOEOjod4.isActive-mOEOjod4.hover-mOEOjod4 .icon-mOEOjod4,
html.theme-dark .button-mOEOjod4.isActive-mOEOjod4:active .icon-mOEOjod4 {
  color: var(--tv-color-item-active-text, #d1d4dc);
}
@media (any-hover: hover) {
  html.theme-dark .button-mOEOjod4.isActive-mOEOjod4:hover .icon-mOEOjod4 {
    color: var(--tv-color-item-active-text, #d1d4dc);
  }
}
.button-mOEOjod4.isTransparent-mOEOjod4.isActive-mOEOjod4 .icon-mOEOjod4 {
  color: var(--tv-color-toolbar-button-text-active, #2962ff);
}
html.theme-sa .button-mOEOjod4.isTransparent-mOEOjod4.isActive-mOEOjod4 .icon-mOEOjod4 {
  color: var(--tv-color-toolbar-button-text-active, #ff7200);
}
html.theme-dark .button-mOEOjod4.isTransparent-mOEOjod4.isActive-mOEOjod4 .icon-mOEOjod4 {
  color: var(--tv-color-toolbar-button-text-active, #2962ff);
}
.button-mOEOjod4.isTransparent-mOEOjod4.isActive-mOEOjod4.hover-mOEOjod4 .bg-mOEOjod4,
.button-mOEOjod4.isTransparent-mOEOjod4.isActive-mOEOjod4:active .bg-mOEOjod4 {
  background-color: var(--tv-color-toolbar-button-background-hover, #f0f3fa);
  height: 34px;
  width: 34px;
}
@media (any-hover: hover) {
  .button-mOEOjod4.isTransparent-mOEOjod4.isActive-mOEOjod4:hover .bg-mOEOjod4 {
    background-color: var(--tv-color-toolbar-button-background-hover, #f0f3fa);
    height: 34px;
    width: 34px;
  }
}
html.theme-dark .button-mOEOjod4.isTransparent-mOEOjod4.isActive-mOEOjod4.hover-mOEOjod4 .bg-mOEOjod4,
html.theme-dark .button-mOEOjod4.isTransparent-mOEOjod4.isActive-mOEOjod4:active .bg-mOEOjod4 {
  background-color: var(--tv-color-toolbar-button-background-hover, #2a2e39);
}
@media (any-hover: hover) {
  html.theme-dark .button-mOEOjod4.isTransparent-mOEOjod4.isActive-mOEOjod4:hover .bg-mOEOjod4 {
    background-color: var(--tv-color-toolbar-button-background-hover, #2a2e39);
  }
}
.button-mOEOjod4.isTransparent-mOEOjod4.isActive-mOEOjod4.hover-mOEOjod4 .icon-mOEOjod4,
.button-mOEOjod4.isTransparent-mOEOjod4.isActive-mOEOjod4:active .icon-mOEOjod4 {
  color: var(--tv-color-toolbar-button-text-active-hover, #1e53e5);
}
@media (any-hover: hover) {
  .button-mOEOjod4.isTransparent-mOEOjod4.isActive-mOEOjod4:hover .icon-mOEOjod4 {
    color: var(--tv-color-toolbar-button-text-active-hover, #1e53e5);
  }
}
html.theme-dark .button-mOEOjod4.isTransparent-mOEOjod4.isActive-mOEOjod4.hover-mOEOjod4 .icon-mOEOjod4,
html.theme-dark .button-mOEOjod4.isTransparent-mOEOjod4.isActive-mOEOjod4:active .icon-mOEOjod4 {
  color: var(--tv-color-toolbar-button-text-active-hover, #1e53e5);
}
@media (any-hover: hover) {
  html.theme-dark .button-mOEOjod4.isTransparent-mOEOjod4.isActive-mOEOjod4:hover .icon-mOEOjod4 {
    color: var(--tv-color-toolbar-button-text-active-hover, #1e53e5);
  }
}
.button-mOEOjod4.isTransparent-mOEOjod4.isActive-mOEOjod4 .bg-mOEOjod4 {
  background-color: initial;
  height: 34px;
  width: 34px;
}
html.theme-dark .button-mOEOjod4.isTransparent-mOEOjod4.isActive-mOEOjod4 .bg-mOEOjod4 {
  background-color: initial;
}
.button-mOEOjod4.isGrayed-mOEOjod4 {
  cursor: default;
  opacity: 0.3;
}
.button-mOEOjod4.isGrayed-mOEOjod4,
.button-mOEOjod4.isGrayed-mOEOjod4 .bg-mOEOjod4,
.button-mOEOjod4.isGrayed-mOEOjod4:active,
.button-mOEOjod4.isGrayed-mOEOjod4:active .bg-mOEOjod4 {
  background-color: initial;
}
@media (any-hover: hover) {
  .button-mOEOjod4.isGrayed-mOEOjod4:hover,
  .button-mOEOjod4.isGrayed-mOEOjod4:hover .bg-mOEOjod4 {
    background-color: initial;
  }
}
html.theme-dark .button-mOEOjod4.isGrayed-mOEOjod4,
html.theme-dark .button-mOEOjod4.isGrayed-mOEOjod4 .bg-mOEOjod4,
html.theme-dark .button-mOEOjod4.isGrayed-mOEOjod4:active,
html.theme-dark .button-mOEOjod4.isGrayed-mOEOjod4:active .bg-mOEOjod4 {
  background-color: initial;
}
@media (any-hover: hover) {
  html.theme-dark .button-mOEOjod4.isGrayed-mOEOjod4:hover,
  html.theme-dark .button-mOEOjod4.isGrayed-mOEOjod4:hover .bg-mOEOjod4 {
    background-color: initial;
  }
}
.button-mOEOjod4.isHidden-mOEOjod4 {
  display: none;
}