.button-reABrhVR {
  --tv-toolbar-explicit-hover-border-radius: 4px;
  align-items: center;
  color: var(--tv-color-toolbar-button-text, #131722);
  cursor: default;
  display: flex;
  flex: 1 0 auto;
  height: 100%;
  position: relative;
  transition: background-color 0.35s ease, color 60ms ease;
  z-index: 0;
}
html.theme-dark .button-reABrhVR {
  color: var(--tv-color-toolbar-button-text, #d1d4dc);
}
.button-reABrhVR.hover-reABrhVR,
.button-reABrhVR:active {
  color: var(--tv-color-toolbar-button-text-hover, #131722);
}
@media (any-hover: hover) {
  .button-reABrhVR:hover {
    color: var(--tv-color-toolbar-button-text-hover, #131722);
  }
}
html.theme-dark .button-reABrhVR.hover-reABrhVR,
html.theme-dark .button-reABrhVR:active {
  color: var(--tv-color-toolbar-button-text-hover, #d1d4dc);
}
@media (any-hover: hover) {
  html.theme-dark .button-reABrhVR:hover {
    color: var(--tv-color-toolbar-button-text-hover, #d1d4dc);
  }
}
.button-reABrhVR.hover-reABrhVR:before,
.button-reABrhVR:active:before {
  background-color: var(--tv-color-toolbar-button-background-hover, #f0f3fa);
  border-radius: var(--tv-toolbar-explicit-hover-border-radius, 2px);
  bottom: var(--tv-toolbar-explicit-hover-margin, 2px);
  content: "";
  display: block;
  left: var(--tv-toolbar-explicit-hover-margin, 2px);
  position: absolute;
  right: var(--tv-toolbar-explicit-hover-margin, 2px);
  top: var(--tv-toolbar-explicit-hover-margin, 2px);
  z-index: -1;
}
@media (any-hover: hover) {
  .button-reABrhVR:hover:before {
    background-color: var(--tv-color-toolbar-button-background-hover, #f0f3fa);
    border-radius: var(--tv-toolbar-explicit-hover-border-radius, 2px);
    bottom: var(--tv-toolbar-explicit-hover-margin, 2px);
    content: "";
    display: block;
    left: var(--tv-toolbar-explicit-hover-margin, 2px);
    position: absolute;
    right: var(--tv-toolbar-explicit-hover-margin, 2px);
    top: var(--tv-toolbar-explicit-hover-margin, 2px);
    z-index: -1;
  }
}
html.theme-dark .button-reABrhVR.hover-reABrhVR:before,
html.theme-dark .button-reABrhVR:active:before {
  background-color: var(--tv-color-toolbar-button-background-hover, #2a2e39);
}
@media (any-hover: hover) {
  html.theme-dark .button-reABrhVR:hover:before {
    background-color: var(--tv-color-toolbar-button-background-hover, #2a2e39);
  }
}
.button-reABrhVR svg {
  display: block;
}
.button-reABrhVR .arrow-reABrhVR {
  align-items: center;
  contain: content;
  display: flex;
  height: 100%;
}
.button-reABrhVR .arrowWrap-reABrhVR {
  margin: 0 6px;
  transition: transform 0.35s ease;
}
@media (any-hover: hover) {
  .button-reABrhVR:hover .arrowWrap-reABrhVR {
    transform: translateY(2px);
  }
}
.button-reABrhVR.isOpened-reABrhVR.hover-reABrhVR:before,
.button-reABrhVR.isOpened-reABrhVR:active:before,
.button-reABrhVR.isOpened-reABrhVR:before {
  background-color: var(--tv-color-toolbar-button-background-expanded, #f0f3fa);
  border-radius: var(--tv-toolbar-opened-element-hover-border-radius, 0);
  bottom: var(--tv-toolbar-opened-element-hover-margin, 0);
  content: "";
  display: block;
  left: var(--tv-toolbar-opened-element-hover-margin, 0);
  position: absolute;
  right: var(--tv-toolbar-opened-element-hover-margin, 0);
  top: var(--tv-toolbar-opened-element-hover-margin, 0);
  z-index: -1;
}
@media (any-hover: hover) {
  .button-reABrhVR.isOpened-reABrhVR:hover:before {
    background-color: var(--tv-color-toolbar-button-background-expanded, #f0f3fa);
    border-radius: var(--tv-toolbar-opened-element-hover-border-radius, 0);
    bottom: var(--tv-toolbar-opened-element-hover-margin, 0);
    content: "";
    display: block;
    left: var(--tv-toolbar-opened-element-hover-margin, 0);
    position: absolute;
    right: var(--tv-toolbar-opened-element-hover-margin, 0);
    top: var(--tv-toolbar-opened-element-hover-margin, 0);
    z-index: -1;
  }
}
html.theme-dark .button-reABrhVR.isOpened-reABrhVR.hover-reABrhVR:before,
html.theme-dark .button-reABrhVR.isOpened-reABrhVR:active:before,
html.theme-dark .button-reABrhVR.isOpened-reABrhVR:before {
  background-color: var(--tv-color-toolbar-button-background-expanded, #2a2e39);
}
@media (any-hover: hover) {
  html.theme-dark .button-reABrhVR.isOpened-reABrhVR:hover:before {
    background-color: var(--tv-color-toolbar-button-background-expanded, #2a2e39);
  }
  .button-reABrhVR.isOpened-reABrhVR:hover .arrowWrap-reABrhVR {
    transform: none;
  }
}