.widget-translator {
  position: relative;
  width: 50px;
  border-radius: 50px;
  background-color: rgba(3, 3, 3, 0.6);
  transition: all 0.2s ease-in;
  overflow: hidden;
   display: block; 
  cursor: pointer;
  /* margin-right: 1.3rem; */
  /*display: none;*/
}

.widget-translator__content {
  display: flex;
  align-items: center;
  height: 50px;
  color: #fff;
  font-weight: 700;
  transition: all 0.3s ease-in;
}

.widget-translator.expanded {
  width: 150px;
  overflow: unset;
}

.widget-translator__content:before {
  content: " ";
  display: block;
  width: 50px;
  min-width: 50px;
  height: 50px;
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_4440_25" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="white"/></mask><g mask="url(%23mask0_4440_25)"><path d="M11.9001 22L16.4501 10H18.5501L23.1001 22H21.0001L19.9501 18.95H15.1001L14.0001 22H11.9001ZM15.7001 17.2H19.3001L17.5501 12.25H17.4501L15.7001 17.2ZM4.00006 19L2.60006 17.6L7.65006 12.55C7.01673 11.85 6.46256 11.125 5.98756 10.375C5.51256 9.625 5.10006 8.83333 4.75006 8H6.85006C7.15006 8.6 7.4709 9.14167 7.81256 9.625C8.15423 10.1083 8.56673 10.6167 9.05006 11.15C9.7834 10.35 10.3917 9.52917 10.8751 8.6875C11.3584 7.84583 11.7667 6.95 12.1001 6H1.00006V4H8.00006V2H10.0001V4H17.0001V6H14.1001C13.7501 7.18333 13.2751 8.33333 12.6751 9.45C12.0751 10.5667 11.3334 11.6167 10.4501 12.6L12.8501 15.05L12.1001 17.1L9.00006 14L4.00006 19Z" fill="white"/></g></svg>');
  background-repeat: no-repeat;
  background-position: center;
}

.widget-translator__content:after {
  content: " ";
  display: block;
  width: 30px;
  height: 50px;
  background-image: url('data:image/svg+xml,<svg width="12" height="9" viewBox="0 0 12 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 8.3751L0 2.3751L1.4 0.975098L6 5.5751L10.6 0.975098L12 2.3751L6 8.3751Z" fill="%23ACABAF"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
}

.widget-translator:hover .widget-translator__content:after {
  background-image: url('data:image/svg+xml,<svg width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.00001 0.024951C6.13335 0.024951 6.26251 0.0499511 6.38751 0.0999513C6.51251 0.149951 6.61668 0.216618 6.70001 0.299951L11.3 4.89995C11.4833 5.08328 11.575 5.31662 11.575 5.59995C11.575 5.88328 11.4833 6.11662 11.3 6.29995C11.1167 6.48328 10.8833 6.57495 10.6 6.57495C10.3167 6.57495 10.0833 6.48328 9.90001 6.29995L6.00001 2.39995L2.10001 6.29995C1.91668 6.48328 1.68335 6.57495 1.40001 6.57495C1.11668 6.57495 0.883346 6.48328 0.700012 6.29995C0.516679 6.11662 0.425012 5.88328 0.425012 5.59995C0.425012 5.31662 0.516679 5.08328 0.700012 4.89995L5.30001 0.299951C5.40001 0.199951 5.50835 0.129117 5.62501 0.087451C5.74168 0.0457845 5.86668 0.024951 6.00001 0.024951Z" fill="white"/></svg>');
}

.widget-translator ul {
  display: none;
  position: absolute;
  z-index: 1;
  list-style: none;
  left: 0;
  /* right: 0; */
  min-width: 150px;
  margin: 0;
  padding: 0;
  padding-top: 1rem;
  border-radius: 0.5rem;
}

.widget-translator ul.expanded {
  display: block;
}

.widget-translator ul.expanded li a {
  display: block;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  background-color: rgba(3, 3, 3, 0.6);
  color: #d6d6d6;
  cursor: pointer;
  transition: all 0.1s ease-in;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  text-decoration: none;
}

.widget-translator ul li a:hover {
  background-color: rgba(3, 3, 3, 0.8);
}

.widget-translator ul li:first-child a {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.widget-translator ul li:last-child a {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.widget-translator ul li:not(:last-child) {
  border-bottom: 1px solid #ffffff33;
}

.widget-translator ul li.selected a {
  font-weight: 700;
  color: #fff;
}

.widget-translator ul li font {
  background-color: transparent !important;
  box-shadow: none !important;
}

@media screen and (max-width: 900px) {
  .widget-translator {
    position: absolute;
    right: 50px;
    top: 10px;
    z-index: 2000;
  }

  .widget-translator.expanded {
    width: 50px;
    overflow: unset;
  }

  .widget-translator ul {
    left: unset;
    right: 0;
  }

  .widget-translator__content {
    font-size: 0;
  }

  .im-header-wrap {
    pointer-events: inherit;
  }
}

#trp-floater-ls {
  display: none;
}