.button-KTgbfaP5 {
  all: unset;
  align-items: center;
  color: var(--tv-color-toolbar-button-text, #0b0f08);
  cursor: default;
  display: flex;
  height: 36px;
  justify-content: center;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
  width: 52px;
}
html.theme-dark .button-KTgbfaP5 {
  color: var(--tv-color-toolbar-button-text, #d1d4dc);
}
.button-KTgbfaP5.hover-KTgbfaP5,
.button-KTgbfaP5:active {
  color: var(--tv-color-toolbar-button-text-hover, #0b0f08);
}
@media (any-hover: hover) {
  .button-KTgbfaP5:hover {
    color: var(--tv-color-toolbar-button-text-hover, #0b0f08);
  }
}
html.theme-dark .button-KTgbfaP5.hover-KTgbfaP5,
html.theme-dark .button-KTgbfaP5:active {
  color: var(--tv-color-toolbar-button-text-hover, #d1d4dc);
}
@media (any-hover: hover) {
  html.theme-dark .button-KTgbfaP5:hover {
    color: var(--tv-color-toolbar-button-text-hover, #d1d4dc);
  }
}
.button-KTgbfaP5 .bg-KTgbfaP5 {
  align-items: center;
  border-radius: 4px;
  display: flex;
  height: 34px;
  justify-content: center;
  position: relative;
  width: 34px;
}
.button-KTgbfaP5.hover-KTgbfaP5 .bg-KTgbfaP5,
.button-KTgbfaP5:active .bg-KTgbfaP5 {
  background-color: var(--tv-color-toolbar-button-background-hover, #f0f3fa);
}
@media (any-hover: hover) {
  .button-KTgbfaP5:hover .bg-KTgbfaP5 {
    background-color: var(--tv-color-toolbar-button-background-hover, #f0f3fa);
  }
}
html.theme-dark .button-KTgbfaP5.hover-KTgbfaP5 .bg-KTgbfaP5,
html.theme-dark .button-KTgbfaP5:active .bg-KTgbfaP5 {
  background-color: var(--tv-color-toolbar-button-background-hover, #709C51);
}
@media (any-hover: hover) {
  html.theme-dark .button-KTgbfaP5:hover .bg-KTgbfaP5 {
    background-color: var(--tv-color-toolbar-button-background-hover, #709C51);
  }
}
.button-KTgbfaP5 .icon-KTgbfaP5 svg {
  vertical-align: middle;
}
.button-KTgbfaP5.isActive-KTgbfaP5 .bg-KTgbfaP5 {
  height: 30px;
  width: 30px;
}
.button-KTgbfaP5.isActive-KTgbfaP5 .bg-KTgbfaP5,
html.theme-dark .button-KTgbfaP5.isActive-KTgbfaP5 .bg-KTgbfaP5 {
  background-color: var(
    --tv-color-toolbar-toggle-button-background-active,
    #C6FF9E
  );
}
.button-KTgbfaP5.isActive-KTgbfaP5 .icon-KTgbfaP5 {
  color: var(--tv-color-item-active-text, #fff);
}
html.theme-dark .button-KTgbfaP5.isActive-KTgbfaP5 .icon-KTgbfaP5 {
  color: var(--tv-color-item-active-text, #d1d4dc);
}
.button-KTgbfaP5.isActive-KTgbfaP5.hover-KTgbfaP5 .bg-KTgbfaP5,
.button-KTgbfaP5.isActive-KTgbfaP5:active .bg-KTgbfaP5 {
  background-color: var(
    --tv-color-toolbar-toggle-button-background-active-hover,
    #1e53e5
  );
}
@media (any-hover: hover) {
  .button-KTgbfaP5.isActive-KTgbfaP5:hover .bg-KTgbfaP5 {
    background-color: var(
      --tv-color-toolbar-toggle-button-background-active-hover,
      #1e53e5
    );
  }
}
html.theme-dark .button-KTgbfaP5.isActive-KTgbfaP5.hover-KTgbfaP5 .bg-KTgbfaP5,
html.theme-dark .button-KTgbfaP5.isActive-KTgbfaP5:active .bg-KTgbfaP5 {
  background-color: var(
    --tv-color-toolbar-toggle-button-background-active-hover,
    #1e53e5
  );
}
@media (any-hover: hover) {
  html.theme-dark .button-KTgbfaP5.isActive-KTgbfaP5:hover .bg-KTgbfaP5 {
    background-color: var(
      --tv-color-toolbar-toggle-button-background-active-hover,
      #1e53e5
    );
  }
}
.button-KTgbfaP5.isActive-KTgbfaP5.hover-KTgbfaP5 .icon-KTgbfaP5,
.button-KTgbfaP5.isActive-KTgbfaP5:active .icon-KTgbfaP5 {
  color: var(--tv-color-item-active-text, #fff);
}
@media (any-hover: hover) {
  .button-KTgbfaP5.isActive-KTgbfaP5:hover .icon-KTgbfaP5 {
    color: var(--tv-color-item-active-text, #fff);
  }
}
html.theme-dark
  .button-KTgbfaP5.isActive-KTgbfaP5.hover-KTgbfaP5
  .icon-KTgbfaP5,
html.theme-dark .button-KTgbfaP5.isActive-KTgbfaP5:active .icon-KTgbfaP5 {
  color: var(--tv-color-item-active-text, #d1d4dc);
}
@media (any-hover: hover) {
  html.theme-dark .button-KTgbfaP5.isActive-KTgbfaP5:hover .icon-KTgbfaP5 {
    color: var(--tv-color-item-active-text, #d1d4dc);
  }
}
.button-KTgbfaP5.isTransparent-KTgbfaP5.isActive-KTgbfaP5 .icon-KTgbfaP5 {
  color: var(--tv-color-toolbar-button-text-active, #C6FF9E);
}
html.theme-sa
  .button-KTgbfaP5.isTransparent-KTgbfaP5.isActive-KTgbfaP5
  .icon-KTgbfaP5 {
  color: var(--tv-color-toolbar-button-text-active, #ff7200);
}
html.theme-dark
  .button-KTgbfaP5.isTransparent-KTgbfaP5.isActive-KTgbfaP5
  .icon-KTgbfaP5 {
  color: var(--tv-color-toolbar-button-text-active, #C6FF9E);
}
.button-KTgbfaP5.isTransparent-KTgbfaP5.isActive-KTgbfaP5.hover-KTgbfaP5
  .bg-KTgbfaP5,
.button-KTgbfaP5.isTransparent-KTgbfaP5.isActive-KTgbfaP5:active .bg-KTgbfaP5 {
  background-color: var(--tv-color-toolbar-button-background-hover, #f0f3fa);
  height: 34px;
  width: 34px;
}
@media (any-hover: hover) {
  .button-KTgbfaP5.isTransparent-KTgbfaP5.isActive-KTgbfaP5:hover .bg-KTgbfaP5 {
    background-color: var(--tv-color-toolbar-button-background-hover, #f0f3fa);
    height: 34px;
    width: 34px;
  }
}
html.theme-dark
  .button-KTgbfaP5.isTransparent-KTgbfaP5.isActive-KTgbfaP5.hover-KTgbfaP5
  .bg-KTgbfaP5,
html.theme-dark
  .button-KTgbfaP5.isTransparent-KTgbfaP5.isActive-KTgbfaP5:active
  .bg-KTgbfaP5 {
  background-color: var(--tv-color-toolbar-button-background-hover, #709C51);
}
@media (any-hover: hover) {
  html.theme-dark
    .button-KTgbfaP5.isTransparent-KTgbfaP5.isActive-KTgbfaP5:hover
    .bg-KTgbfaP5 {
    background-color: var(--tv-color-toolbar-button-background-hover, #709C51);
  }
}
.button-KTgbfaP5.isTransparent-KTgbfaP5.isActive-KTgbfaP5.hover-KTgbfaP5
  .icon-KTgbfaP5,
.button-KTgbfaP5.isTransparent-KTgbfaP5.isActive-KTgbfaP5:active
  .icon-KTgbfaP5 {
  color: var(--tv-color-toolbar-button-text-active-hover, #1e53e5);
}
@media (any-hover: hover) {
  .button-KTgbfaP5.isTransparent-KTgbfaP5.isActive-KTgbfaP5:hover
    .icon-KTgbfaP5 {
    color: var(--tv-color-toolbar-button-text-active-hover, #1e53e5);
  }
}
html.theme-dark
  .button-KTgbfaP5.isTransparent-KTgbfaP5.isActive-KTgbfaP5.hover-KTgbfaP5
  .icon-KTgbfaP5,
html.theme-dark
  .button-KTgbfaP5.isTransparent-KTgbfaP5.isActive-KTgbfaP5:active
  .icon-KTgbfaP5 {
  color: var(--tv-color-toolbar-button-text-active-hover, #1e53e5);
}
@media (any-hover: hover) {
  html.theme-dark
    .button-KTgbfaP5.isTransparent-KTgbfaP5.isActive-KTgbfaP5:hover
    .icon-KTgbfaP5 {
    color: var(--tv-color-toolbar-button-text-active-hover, #1e53e5);
  }
}
.button-KTgbfaP5.isTransparent-KTgbfaP5.isActive-KTgbfaP5 .bg-KTgbfaP5 {
  background-color: initial;
  height: 34px;
  width: 34px;
}
html.theme-dark
  .button-KTgbfaP5.isTransparent-KTgbfaP5.isActive-KTgbfaP5
  .bg-KTgbfaP5 {
  background-color: initial;
}
.button-KTgbfaP5.isGrayed-KTgbfaP5 {
  cursor: default;
  opacity: 0.3;
}
.button-KTgbfaP5.isGrayed-KTgbfaP5,
.button-KTgbfaP5.isGrayed-KTgbfaP5 .bg-KTgbfaP5,
.button-KTgbfaP5.isGrayed-KTgbfaP5:active,
.button-KTgbfaP5.isGrayed-KTgbfaP5:active .bg-KTgbfaP5 {
  background-color: initial;
}
@media (any-hover: hover) {
  .button-KTgbfaP5.isGrayed-KTgbfaP5:hover,
  .button-KTgbfaP5.isGrayed-KTgbfaP5:hover .bg-KTgbfaP5 {
    background-color: initial;
  }
}
html.theme-dark .button-KTgbfaP5.isGrayed-KTgbfaP5,
html.theme-dark .button-KTgbfaP5.isGrayed-KTgbfaP5 .bg-KTgbfaP5,
html.theme-dark .button-KTgbfaP5.isGrayed-KTgbfaP5:active,
html.theme-dark .button-KTgbfaP5.isGrayed-KTgbfaP5:active .bg-KTgbfaP5 {
  background-color: initial;
}
@media (any-hover: hover) {
  html.theme-dark .button-KTgbfaP5.isGrayed-KTgbfaP5:hover,
  html.theme-dark .button-KTgbfaP5.isGrayed-KTgbfaP5:hover .bg-KTgbfaP5 {
    background-color: initial;
  }
}
.button-KTgbfaP5.isHidden-KTgbfaP5 {
  display: none;
}
.accessible-KTgbfaP5 .bg-KTgbfaP5:before {
  border-radius: 4px;
  content: '';
  height: 32px;
  outline: 2px none #C6FF9E;
  position: absolute;
  width: 32px;
}
.accessible-KTgbfaP5:focus-visible .bg-KTgbfaP5:before {
  outline-style: solid;
}