.button-xNqEcuN2 {
  padding: 0 5px;
}
.button-merBkM5y {
  --tv-toolbar-explicit-hover-border-radius: 4px;
  all: unset;
  align-items: center;
  color: var(--tv-color-toolbar-button-text, #0b0f08);
  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-merBkM5y {
  color: var(--tv-color-toolbar-button-text, #d1d4dc);
}
.button-merBkM5y.hover-merBkM5y,
.button-merBkM5y:active {
  color: var(--tv-color-toolbar-button-text-hover, #0b0f08);
}
@media (any-hover: hover) {
  .button-merBkM5y:hover {
    color: var(--tv-color-toolbar-button-text-hover, #0b0f08);
  }
}
html.theme-dark .button-merBkM5y.hover-merBkM5y,
html.theme-dark .button-merBkM5y:active {
  color: var(--tv-color-toolbar-button-text-hover, #d1d4dc);
}
@media (any-hover: hover) {
  html.theme-dark .button-merBkM5y:hover {
    color: var(--tv-color-toolbar-button-text-hover, #d1d4dc);
  }
}
.button-merBkM5y:before {
  border-radius: var(--tv-toolbar-explicit-hover-border-radius, 2px);
  bottom: var(--tv-toolbar-explicit-hover-margin, 2px);
  display: block;
  left: var(--tv-toolbar-explicit-hover-margin, 2px);
  outline: 2px none #C6FF9E;
  position: absolute;
  right: var(--tv-toolbar-explicit-hover-margin, 2px);
  top: var(--tv-toolbar-explicit-hover-margin, 2px);
  z-index: -1;
}
.button-merBkM5y.hover-merBkM5y:before,
.button-merBkM5y:active:before {
  background-color: var(--tv-color-toolbar-button-background-hover, #f0f3fa);
  content: '';
}
@media (any-hover: hover) {
  .button-merBkM5y:hover:before {
    background-color: var(--tv-color-toolbar-button-background-hover, #f0f3fa);
    content: '';
  }
}
html.theme-dark .button-merBkM5y.hover-merBkM5y:before,
html.theme-dark .button-merBkM5y:active:before {
  background-color: var(--tv-color-toolbar-button-background-hover, #709C51);
}
@media (any-hover: hover) {
  html.theme-dark .button-merBkM5y:hover:before {
    background-color: var(--tv-color-toolbar-button-background-hover, #709C51);
  }
}
.button-merBkM5y.accessible-merBkM5y:focus-visible:before {
  content: '';
  outline-style: solid;
}
.button-merBkM5y svg {
  display: block;
}
.button-merBkM5y .arrow-merBkM5y {
  align-items: center;
  contain: content;
  display: flex;
  height: 100%;
}
.button-merBkM5y .arrowWrap-merBkM5y {
  margin: 0 6px;
  transition: transform 0.35s ease;
}
@media (any-hover: hover) {
  .button-merBkM5y:hover .arrowWrap-merBkM5y {
    transform: translateY(2px);
  }
}
.button-merBkM5y.isOpened-merBkM5y.hover-merBkM5y:before,
.button-merBkM5y.isOpened-merBkM5y:active:before,
.button-merBkM5y.isOpened-merBkM5y: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-merBkM5y.isOpened-merBkM5y: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-merBkM5y.isOpened-merBkM5y.hover-merBkM5y:before,
html.theme-dark .button-merBkM5y.isOpened-merBkM5y:active:before,
html.theme-dark .button-merBkM5y.isOpened-merBkM5y:before {
  background-color: var(--tv-color-toolbar-button-background-expanded, #709C51);
}
@media (any-hover: hover) {
  html.theme-dark .button-merBkM5y.isOpened-merBkM5y:hover:before {
    background-color: var(
      --tv-color-toolbar-button-background-expanded,
      #709C51
    );
  }
  .button-merBkM5y.isOpened-merBkM5y:hover .arrowWrap-merBkM5y {
    transform: none;
  }
}