.tooltip {
  padding: 5px;
  line-height: 1;
  background: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  color: #fff;
  border-radius: 2px;
}
.tooltip__value {
  color: #979aa8;
}
.tooltip__title,
.tooltip__version,
.tooltip__update-type {
  margin-bottom: 8px;
  font-weight: bold;
  font-size: 11px;
  line-height: 1.1;
}
.tooltip__version {
  margin-bottom: 12px;
  background-color: #fff;
  color: #30344a;
  padding: 3px 10px;
  border-radius: 10px;
  display: inline-block;
  font-weight: 500;
}
.tooltip__update-type {
  margin-bottom: 12px;
  background-color: #f5f5f5;
  color: #30344a;
  padding: 3px 10px;
  border-radius: 10px;
  display: inline-block;
  font-weight: 500;
  text-decoration: none;
  line-height: 14px;
}
.tooltip__update-type:hover {
  background-color: #979aa8;
  color: #fff;
}
.tooltip__show-more-updates-wrapper {
  width: 100%;
}
.tooltip__show-more-updates {
  padding: 4px 7px;
  cursor: pointer;
  margin-right: 5px;
  margin-bottom: 5px;
  color: #488de1;
  background-color: #fff;
  position: relative;
  font-weight: 500;
  text-decoration: none;
}
.tooltip__show-more-updates:hover {
  color: #56a3ff;
}
.tooltip__update-types {
  max-height: 90px;
  overflow: auto;
}
.tooltip__list {
  margin: 0;
  padding: 0;
}
.tooltip__list-item {
  white-space: nowrap;
}
.tooltip__list-item:not(:last-child) {
  margin-bottom: 10px;
}
.tooltip__label {
  text-transform: capitalize;
  font-weight: 600;
  font-size: 11px;
}
.tooltip__color {
  width: 8px;
  height: 8px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  border-radius: 8px;
}
.tooltip--listed {
  padding: 10px;
}
.tooltip--white {
  color: #30344a;
  background-color: #fff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
}
.tooltip__country-img {
  width: 12px;
  height: 9px;
  border-radius: 2px;
  background-color: #fff;
  margin-right: 2px;
}
.Stage .google-visualization-tooltip {
  border: 0;
  background-color: transparent;
  box-shadow: none;
}
.ant-tooltip-without-arrow.ant-tooltip {
  z-index: 99999;
}
.ant-tooltip-without-arrow.ant-tooltip.z-index-9 {
  z-index: 9;
}
.ant-tooltip-without-arrow.ant-tooltip.ant-tooltip-placement-bottom {
  padding-top: 0;
}
.ant-tooltip-without-arrow .ant-tooltip-arrow {
  display: none;
}
.ant-tooltip-without-arrow.hide-ant-tooltip {
  display: none;
}

.button {
  display: inline-block;
  padding: 6px 15px;
  transition: color, background 0.2s ease;
  border: 1px solid #d6dce0;
  border-radius: 3px;
  background: none;
  color: #488de1;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  font-size: inherit;
}
.button__icon {
  display: inline-block;
  width: 12px;
  height: 14px;
  margin-right: 9px;
  vertical-align: text-bottom;
  fill: #979aa8;
  stroke: #979aa8;
}
.button--active .button__icon,
.button:hover .button__icon,
.button:focus .button__icon {
  color: #488de1;
  fill: #fff;
  stroke: #fff;
}
.button[disabled],
.button[disabled]:hover,
.button[disabled]:active {
  background: #c2c5d2;
  border-color: #c2c5d2;
  color: #fff;
  cursor: default;
}
.button[disabled] .button__icon {
  fill: #979aa8;
  stroke: #979aa8;
}
.button:hover,
.button:focus,
.button[href^="http"]:hover,
.button--active {
  border-color: #488de1;
  background: #488de1;
  color: #fff;
  text-decoration: none;
}
.button__icon--app,
.button:hover .button__icon--app {
  stroke: transparent;
}
.button__icon--right {
  margin: 2px 0 0 9px;
  float: right;
}
.button__icon--next {
  width: 7px;
  height: 10px;
  fill: #c2c5d2;
  stroke: transparent;
}
.button:hover .button__icon--next {
  stroke: transparent;
}
.button--rounded {
  border-radius: 15px;
}
.button--light {
  border: 1px solid #c2c5d2;
  background: #fff;
  color: #30344a;
}
.button--primary {
  background: #488de1;
  color: #fff;
  border-color: #488de1;
}
.button--primary:hover {
  background: #56a3ff;
  border-color: #56a3ff;
}
.button--primary:active {
  background: #c2c5d2;
  border-color: #c2c5d2;
}
.button--purple {
  background: #7931c7;
  color: #fff;
  border-color: #7931c7;
}
.button--purple:hover {
  background: #9e6bd5;
  border-color: #9e6bd5;
}
.button--purple:active {
  background: #c2c5d2;
  border-color: #c2c5d2;
}
.button--purple:focus {
  background: #7931c7;
  color: #fff;
  border-color: #7931c7;
}
.button--danger {
  background: #e71d36;
  color: #fff;
  border-color: #e71d36;
}
.button--danger:hover,
.button--danger:focus,
.button--danger[href^="http"]:hover,
.button--danger--active {
  border-color: #fa364e;
  background: #fa364e;
  color: #fff;
  text-decoration: none;
}
.button--danger:active {
  background: #c2c5d2;
  border-color: #c2c5d2;
}
.button--medium {
  padding: 8px 43px;
}
.button--large {
  padding: 16px 23px;
  font-size: 16px;
}
.button--large-icon {
  padding: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.button--xlarge {
  padding: 17.5px 69px;
  font-size: 17px;
  font-weight: 600;
}
.button--w260 {
  width: 260px;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
.button--w300 {
  width: 300px;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
.button--w200 {
  width: 200px;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
.button--grouped {
  position: relative;
  margin: 0;
  z-index: 1;
  border-radius: 0;
}
.button--grouped:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.button--grouped:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.button--grouped:not(:first-child) {
  margin-left: -1px;
}
.button--grouped:hover {
  z-index: 2;
}
.button--fluid {
  width: 100%;
}
.button--secondary {
  border-color: #d6dce0;
  background: transparent;
  color: #30344a;
}
.button--secondary:hover {
  background: transparent;
  border-color: #488de1;
  color: #488de1;
}
.button--secondary:active {
  background: transparent;
  color: #c2c5d2;
  border-color: #c2c5d2;
}
.button--disabled {
  background: #c2c5d2;
  border-color: #c2c5d2;
  cursor: not-allowed;
  color: #fff;
}
.button--disabled:hover,
.button--disabled:focus,
.button--disabled[href^="http"]:hover,
.button--disabled--active {
  border-color: #c2c5d2;
  background: #c2c5d2;
  color: #fff;
  text-decoration: none;
}
.button--info {
  border-color: #f5b527;
  background: transparent;
  color: #fff;
}
.button--info:hover {
  background: #f5b527;
  border-color: #f5b527;
}
.button--info:active {
  background: #6b6e82;
  color: #c2c5d2;
}
.button--size_login {
  padding: 13px 20px;
}
.button.landing {
  padding: 6px 30px;
  background-color: white;
  font-family: "Montserrat", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  color: #1d2032;
  border: 1px solid #1d2032;
  border-radius: 10px;
  font-size: 16px;
  line-height: 19.5px;
  transition: color 0.2s ease, background-color 0.2s ease;
}
@media (max-width: 992px) {
  .button.landing {
    padding: 5px 24px;
    font-size: 14px;
  }
}
.button.landing:hover {
  color: #fff;
  background-color: #1d2032;
}
.button.landing--pink:hover {
  color: #fff;
  background-color: #e52daf;
}
.button.landing--string {
  border-color: transparent;
}
.button.landing--string:hover {
  background-color: transparent;
  color: #7931c7;
}
.button.landing--without-bg {
  padding: 0;
  border-color: transparent;
  background-color: transparent;
}
.button.landing--without-bg:hover {
  color: #7931c7;
  background-color: transparent;
}

.card {
  width: 100%;
  padding: 0;
  border: 1px solid #d6dce0;
  border-radius: 2px;
  background-color: #fff;
  vertical-align: top;
}
.card__title-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .card__title-container--top-history.card__title-container--isLanding {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 20px;
  }
}
.card__title-container--border {
  border-bottom: 1px solid #d6dce0;
}
.card__title-container--trending-up,
.card__title-container--trending-down,
.card__title-container--new-by-top,
.card__title-container--new-by-release,
.card__title-container--appear-in-top,
.card__title-container--top-movers,
.card__title-container--top-movers-downloads,
.card__title-container--top-movers-revenue,
.card__title-container--soft-launches,
.card__title-container--country-ranking,
.card__title-container--keywords,
.card__title-container--search-ads,
.card__title-container--keywords-tracking,
.card__title-container--keywords-compare,
.card__title-container--purchases-overall,
.card__title-container--stories-overall {
  border-bottom: 1px solid #c2c5d2;
}
.card__title-container--keywords-compare {
  position: relative;
}
.card__title-container--keywords-compare::after {
  background: linear-gradient(to right, #f5b527 33.3%, #e52daf 33.3%, #e52daf 66.6%, #7931c7 66.6%);
  position: absolute;
  width: calc(100% + 2px);
  content: '';
  height: 4px;
  left: -1px;
  top: -2px;
}
.card__title-container--appear-in-top.card__title-container--isForbidden,
.card__title-container--country-ranking.card__title-container--isForbidden,
.card__title-container--keywords.card__title-container--isForbidden,
.card__title-container--search-ads.card__title-container--isForbidden,
.card__title-container--keywords-tracking.card__title-container--isForbidden,
.card__title-container--stories-overall.card__title-container--isForbidden,
.card__title-container--stories-collections-by-geo.card__title-container--isForbidden,
.card__title-container--purchases-overall.card__title-container--isForbidden {
  border-bottom: 1px solid transparent;
}
.card__title {
  color: #30344a;
  font-size: 18px;
  font-weight: 600;
  white-space: nowrap;
}
.card__title--isLanding {
  display: flex;
  flex-wrap: wrap;
  white-space: initial;
  align-items: baseline;
}
.card__title__Inline {
  vertical-align: middle;
}
.card__title:not(:empty) {
  padding: 15px;
}
.card__count {
  margin-left: 5px;
  font-weight: 400;
  font-size: 12px;
  color: #6b6e82;
}
.card__title-wrapper {
  display: flex;
  flex-direction: column;
}
.card__sub-title {
  margin-left: 16px;
  font-weight: 400;
  font-size: 12px;
  color: #6b6e82;
}
.card__title--simple {
  min-height: 53px;
}
.card__title--simple .creative-filter {
  display: inline-block;
  vertical-align: bottom;
  margin-left: 25px;
  margin-bottom: -3px;
}
.card__period {
  margin-left: 10px;
  color: #979aa8;
  font-size: 11px;
  font-weight: 400;
}
.card__header-buttons {
  padding-right: 15px;
  margin-left: 15px;
}
.card__list {
  position: relative;
  height: 225px;
  max-height: 225px;
  margin: 0;
  padding: 0 17px;
  overflow: hidden;
}
.card__list::-webkit-scrollbar {
  width: 7px;
  -webkit-appearance: none;
  appearance: none;
}
.card__list::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #d1d1d1;
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
.card__title-more-button {
  display: block;
  text-decoration: none;
  color: #30344a;
  flex: 1;
}
.card__more {
  padding: 5px 0 15px;
  text-align: center;
}
.card__more-button,
.card__more-button.button {
  padding: 0;
  font-size: 12px;
}
.card__more-text {
  display: inline-block;
  vertical-align: top;
  padding: 9px 15px;
}
.card__icon-more {
  display: inline-block;
  vertical-align: top;
  height: 30px;
  line-height: 30px;
  padding: 0 9px;
  border-left: 1px solid #d6dce0;
}
.card__icon-arrow {
  width: 6px;
  height: 10px;
  fill: #c2c5d2;
}
.card__more-button:hover .card__icon-more {
  border-color: #488de1;
}
.card__more-button:hover .card__icon-arrow {
  fill: #fff;
}
.card--creatives {
  margin: 0;
}
.card--creatives .card__title-more-button {
  position: relative;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  text-decoration: none;
  cursor: pointer;
}
.card--creatives .card__title-more-button--isWidget {
  box-shadow: none;
}
.card--creatives .card__list {
  max-height: none;
}
.card__spinner.spinner {
  margin: 50px auto;
}
.card--locked .card__list {
  overflow: hidden;
}
.card__header-show-more {
  float: right;
  margin-top: 8px;
  margin-left: auto;
  font-size: 13px;
  font-weight: 600;
  line-height: 13px;
  text-decoration: none;
  text-transform: uppercase;
  color: #488de1;
}
.card__title:hover .card__header-show-more {
  color: #1f66bd;
}
.card .table-state__message {
  margin: 10px 0;
}
.card__forbidden-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.card__forbidden-content {
  margin: auto;
}
.card__access-description {
  margin-top: 15px;
  margin-bottom: 40px;
  font-size: 18px;
  padding: 0 15px;
}
.card__access-description--statistics-dr_1,
.card__access-description--statistics-dr_2,
.card__access-description--statistics-dr_3,
.card__access-description--release-dates,
.card__access-description--removal-dates {
  font-size: 16px;
  line-height: 1.7;
}
@media (max-width: 768px) {
  .card__access-description {
    font-size: 16px;
    line-height: 1.7;
  }
}
.card__forbidden-container-img {
  display: flex;
  justify-content: center;
}
.card__access-link {
  color: #488de1;
  cursor: pointer;
  font-weight: 600;
  text-decoration: none;
}
.card__forbidden-icon {
  display: block;
  margin: 0 auto;
  width: 70px;
}
.card__sort-tabs,
.card__export-button {
  display: inline-block;
  float: right;
}
.card__features-list-container {
  padding: 0 15px;
}
.card__features-list {
  list-style: none;
  padding: 15px;
  margin: -25px auto 15px;
  display: inline-block;
  text-align: left;
}
.card__feature-item {
  font-size: 15px;
  color: #6b6e82;
  position: relative;
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .card__feature-item {
    font-size: 12px;
  }
}
.card__feature-item::before {
  position: absolute;
  content: '';
  border: 2px solid #7931c7;
  border-radius: 4px;
  height: 2px;
  width: 2px;
  left: -13px;
  bottom: 50%;
  transform: translateY(50%);
}
.card__feature-item:first-of-type::before {
  border-color: #e52daf;
}
.card__feature-item:nth-of-type(2)::before {
  border-color: #7931c7;
}
.card__feature-item:nth-of-type(3)::before {
  border-color: #f5b527;
}
.card .error-message {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.card__table .lazyload-wrapper:last-of-type .styled-table__row {
  margin-bottom: -1px;
}
.card__title-container--distribution-share .card__title,
.card__title-container--download-period .card__title,
.card__title-container--revenue-period .card__title,
.card__title-container--retention-period .card__title {
  font-size: 16px;
  padding: 20px 20px 20px 20px;
  font-weight: 400;
}

.error-message {
  padding: 0 0 20px;
  text-align: center;
}
.error-message__logo {
  background-image: url(/apptica_logo_empty.96606b4d.png);
  background-repeat: no-repeat;
  background-size: 55px 80px;
  background-position: 50% top;
  width: 100%;
  height: 80px;
  margin: 20px 0 20px 0;
}
.error-message__title {
  font-size: 14px;
  line-height: 1em;
  font-weight: 500;
}
@media (min-resolution: 2dppx), (min-resolution: 192dpi) {
  .error-message__logo {
    background-image: url(/apptica_logo_empty@2x.531440bb.png);
  }
}

.simple-tip {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
}
.simple-tip__tip {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: auto;
  max-width: 250px;
  margin: 0;
  padding: 8px 10px;
  border-radius: 2px;
  background-color: rgba(48, 52, 74, 0.9);
  color: #dab564;
  z-index: 5;
  transition: visibility 0.2s cubic-bezier(0.25, 0.01, 0.4, 0.02) 0.05s, opacity 0.2s cubic-bezier(0.25, 0.01, 0.4, 0.02) 0.05s;
  font-size: 11px;
  line-height: 1.4;
  white-space: normal;
  text-align: left;
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
.simple-tip__tip--left {
  top: 100%;
  left: 0;
}
.simple-tip__tip--right {
  top: 100%;
  right: 0;
}
.simple-tip__tip--right-top {
  bottom: 100%;
  top: auto;
  right: 0;
}
.simple-tip__tip--left-top {
  bottom: 100%;
  top: auto;
  left: 0;
}
.simple-tip__tip--center {
  left: 0;
  right: 0;
  margin: auto;
}
.simple-tip__tip--center-bottom {
  top: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
}
.simple-tip__tip--right-bottom {
  top: 100%;
  left: auto;
  right: 0;
}
.simple-tip__tip--fast {
  display: none;
  transition: none;
}
.simple-tip__tip--tooltip {
  min-width: -moz-fit-content;
  min-width: fit-content;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  background-color: #fff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
}
.simple-tip__tip--tooltip::before {
  content: '';
  position: absolute;
  top: 50%;
  left: -8px;
  transform: translateY(-50%);
  border: 4px solid transparent;
  border-right: 4px solid #fff;
}
.simple-tip__tip--tooltip.simple-tip__tip--center-bottom {
  top: calc(100% + 5px);
  left: 50%;
  transform: translateX(-50%);
}
.simple-tip__tip--tooltip.simple-tip__tip--center-bottom::before {
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
  border: 4px solid transparent;
  border-bottom: 4px solid #fff;
}
.simple-tip--noWrap .simple-tip__tip {
  white-space: nowrap;
}
.simple-tip.top-app-cell__big-simple .simple-tip__tip {
  width: 180px;
  flex-direction: row;
  flex-wrap: wrap;
}
.simple-tip:hover .simple-tip__tip {
  opacity: 1;
  visibility: visible;
  transition: visibility 0.1s cubic-bezier(0.25, 0.01, 0.4, 0.02) 0.1s, opacity 0.1s cubic-bezier(0.25, 0.01, 0.4, 0.02) 0.1s;
}

.table-state:not(:empty) {
  padding: 30px;
  text-align: center;
  margin: auto;
}
.table-state__message {
  position: relative;
  display: flex;
  justify-content: center;
}
.table-state__spinner {
  height: 80px;
  margin: auto;
}
.table-state__icon {
  width: 76px;
  margin-bottom: 20px;
}
.table-state__title {
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: 600;
  color: #30344a;
}
.table-state__sub-title {
  font-size: 16px;
  color: #979aa8;
  text-align: center;
}
.table-state--detail-page .table-state__content {
  background: #fff;
  border: 1px solid #d6dce0;
}

.spinner {
  margin: 0 auto;
}
.spinner__ring {
  position: relative;
  width: 100%;
  height: 100%;
}
.spinner__el {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 50%;
  border: 3px solid #7931c7;
  border-color: #7931c7 transparent #7931c7 transparent;
  animation: rotate 1.3s linear infinite;
}
@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

.indicator {
  float: right;
  margin-left: 14px;
}
.indicator__value {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  color: #30344a;
  margin-right: 30px;
}
.indicator__line {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 100px;
  height: 4px;
  background: #d6dce0;
  border-radius: 2px;
  overflow: hidden;
}
.indicator__line-value {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #488de1;
  border-radius: 2px;
}
.indicator__line-value--ad {
  background: #309d1a;
}
.indicator__line-value--red {
  background: #e71d36;
}
.indicator__line-value--yellow {
  background: #f5b527;
}
.indicator__line-value--green {
  background: #309d1a;
}

.badge-container {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.badge-container__badge-item {
  display: flex;
  align-items: center;
  margin-right: 8px;
}

.bundle-badge {
  display: inline-block;
  font-size: 9px;
  padding: 0 4px;
  border-radius: 7px;
  line-height: 11px;
  font-weight: 600;
  color: #488de1;
  border: 1px solid #488de1;
  text-transform: uppercase;
  text-align: center;
}

.del-badge {
  display: inline-block;
  font-size: 9px;
  padding: 0 4px;
  border-radius: 6px;
  font-weight: 600;
  color: #fff;
  background-color: #e71d36;
  text-transform: uppercase;
  text-align: center;
}

.pre-order-badge {
  display: inline-block;
  font-size: 9px;
  padding: 0 4px;
  border-radius: 7px;
  line-height: 11px;
  font-weight: 600;
  color: #309d1a;
  border: 1px solid #309d1a;
  text-transform: uppercase;
  text-align: center;
}

.pub-ad-badge {
  display: inline-block;
  vertical-align: middle;
  font-size: 8px;
  text-transform: capitalize;
  padding: 1px 3px;
  border-radius: 2px;
  font-weight: 700;
  background-color: #fff;
}
.pub-ad-badge--pub {
  color: #488de1;
  border: 1px solid #488de1;
}
.pub-ad-badge--ad {
  color: #309d1a;
  border: 1px solid #309d1a;
}
.pub-ad-badge__icon {
  min-width: 7px;
  width: 7px;
  margin-left: 2px;
}
.pub-ad-badge--pub_list {
  color: #7931c7;
  border: 1px solid #7931c7;
}
.pub-ad-badge--pub_list .pub-ad-badge__icon {
  fill: #7931c7;
}
.pub-ad-badge--app_list {
  color: #e52daf;
  border: 1px solid #e52daf;
}
.pub-ad-badge--app_list .pub-ad-badge__icon {
  fill: #e52daf;
}

.icon {
  max-width: 100%;
  max-height: 100%;
}

.react-tooltip {
  position: relative;
}
.react-tooltip--hiddenArrow .__react_component_tooltip::before,
.react-tooltip--hiddenArrow .__react_component_tooltip::after {
  display: none;
}
.react-tooltip .__react_component_tooltip {
  font-size: 12px;
  padding: 8px 15px;
  position: fixed;
  top: -999em;
  left: -999em;
  border: none;
}
.react-tooltip .__react_component_tooltip.type-dark {
  background-color: #30344a;
}
.react-tooltip .__react_component_tooltip.type-light {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
}
.react-tooltip .__react_component_tooltip.show {
  opacity: 1;
}
.react-tooltip .__react_component_tooltip.type-dark.place-bottom::after {
  border-bottom-color: #30344a;
}
.react-tooltip .__react_component_tooltip.type-dark.place-left::after {
  border-left-color: #30344a;
}
.react-tooltip .__react_component_tooltip.type-dark.place-top::after {
  border-top-color: #30344a;
}
.react-tooltip .__react_component_tooltip.type-dark.place-right::after {
  border-right-color: #30344a;
}

.search {
  position: relative;
  color: #30344a;
  font-weight: 300;
}
.search__container {
  position: relative;
}
.search__dr-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-left: auto;
  font-size: 10px;
  color: #6a6e82;
  font-weight: 600;
  margin-right: 10px;
  align-items: flex-end;
}
.search__dr-container--isPub {
  margin-right: 0;
}
.search__downloads-container,
.search__revenue-container {
  display: flex;
  align-items: center;
}
.search__revenue-icon,
.search__download-icon {
  fill: #979aa8;
  width: 15px;
  height: 10px;
  margin-right: 4px;
}
.search__download-icon {
  margin-right: 2px;
}
.search__icons {
  display: flex;
  margin-left: auto;
  align-items: center;
}
.search--focused .search__container {
  z-index: 11113;
}
.search__icon {
  width: 14px;
  height: 14px;
  position: absolute;
  top: 10px;
  left: 10px;
  pointer-events: none;
  fill: #979aa8;
}
.search__input {
  display: block;
  width: 100%;
  height: 34px;
  padding: 8px 8px 8px 30px;
  background: #fff;
  -webkit-appearance: none;
  font-size: 14px;
  border-radius: 2px;
  box-shadow: none;
  border: 0;
  outline: none;
  color: #30344a;
}
.search__results {
  display: none;
  position: absolute;
  top: 43px;
  right: 0;
  width: 836px;
  flex-wrap: nowrap;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  max-height: 85vh;
  overflow: auto;
  flex-direction: column;
}
.search__results::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
.search__results::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #d1d1d1;
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
.search__results:empty {
  border: none;
}
.search__results-link {
  display: flex;
  min-height: 44px;
  padding: 5px 10px 5px 16px;
  align-items: center;
  text-decoration: none;
  font-weight: 300;
}
.search__results-link .pub-ad-badge {
  padding: 0 3px;
}
.search__results-link--selected {
  background: #488de1;
  border-color: #488de1;
  cursor: pointer;
}
.search__results-link--selected .search__dr-container {
  color: #fff;
}
.search__results-link--selected .search__download-icon,
.search__results-link--selected .search__revenue-icon {
  fill: #fff;
}
.search__results-link--selected .pub-ad-badge {
  background-color: inherit;
}
.search__results-link--selected .pub-ad-badge--pub {
  color: #fff;
  border: 1px solid #fff;
}
.search__results-link--selected .pub-ad-badge--ad {
  color: #fff;
  border: 1px solid #fff;
}
.search__results-item--is_deleted {
  background-color: #fff4f5;
}
.search__results-list {
  margin: 0 0 8px 0;
  padding: 0;
  list-style: none;
  width: 100%;
}
.search__results-list--isLanding {
  -moz-column-count: initial;
  column-count: initial;
  max-height: 252px;
}
.search__results-list--isLanding .search__results-item:first-of-type .search__results-link {
  border-top: none;
}
.search__results-list--isLanding .search__results-item:last-of-type .search__results-link {
  border-bottom: none;
}
.search__results-list--last {
  padding: 20px 0;
}
.search__results-image {
  width: 30px;
  height: 30px;
  margin-right: 8px;
  float: left;
  border-radius: 12%;
  flex-shrink: 0;
  overflow: hidden;
}
.search__results-info {
  flex: 1;
  padding-right: 10px;
  text-align: left;
  overflow: hidden;
}
.search__bundle-badge,
.search__pre-order-badge {
  display: flex;
  align-items: center;
  margin-right: 4px;
}
.search__del-badge {
  display: flex;
  align-items: center;
  margin-right: 10px;
}
.search__results-right-block {
  display: flex;
  align-items: center;
  float: right;
  flex-shrink: 0;
  margin-left: auto;
}
.search__results-name-container {
  display: flex;
  align-items: center;
}
.search__results-name,
.search__results-name-local {
  font-size: 12px;
  margin-right: 4px;
  margin-bottom: 1px;
  white-space: nowrap;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #30344a;
  font-weight: 600;
}
.search__results-name-local {
  font-weight: 400;
  font-size: 11px;
  color: #6a6e82;
}
.search__results-author {
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #979aa8;
  margin-right: 4px;
}
.search__results-count {
  font-size: 12px;
  color: #7d7e85;
  width: 16px;
  flex: 0 0 16px;
  display: inline-block;
  font-weight: 500;
  text-align: center;
  margin-right: 10px;
}
.search__results-link--selected .search__results-name,
.search__results-link--selected .search__results-name-local {
  color: #fff;
}
.search__results-link--selected .search__results-author {
  color: #e5f1ff;
}
.search__results-link--selected .search__results-count {
  color: #fff;
}
.search__results-link--selected .bundle-badge,
.search__results-link--selected .pre-order-badge {
  color: #fff;
  border-color: #fff;
}
.search__results-type {
  width: 16px;
  height: 16px;
  float: right;
  flex-shrink: 0;
  margin-right: 4px;
}
.search__category-name {
  font-weight: 600;
  font-size: 18px;
  padding: 0 16px 16px 16px;
}
.search__categories-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow: hidden;
  -moz-column-gap: 20px;
  column-gap: 20px;
}
.search__category-item {
  display: flex;
  flex-direction: column;
  width: calc(50% - 10px);
}
.search__category-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: auto;
  min-height: 80px;
  max-height: 394px;
}
.search__category-container--isLanding {
  min-height: 252px;
  max-height: none;
}
.search__category-container--isLanding .search__category-item {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.search__category-container--isLanding.search__category-container--isEmpty {
  min-height: 70px;
  max-height: none;
}
.search__category-container--last {
  padding-top: 16px;
  min-height: auto;
  max-height: none;
}
.search__category-container--last .search__category-item {
  max-height: 498px;
}
.search__spinner-results {
  margin: auto;
}
.search__category-scrollable {
  overflow: auto;
}
.search__category {
  width: 100%;
  padding: 10px;
}
.search__category--last {
  max-height: 460px;
  padding: 0 10px;
}
.search__category-title {
  padding: 3px 7px 4px;
  background: #d6dce0;
  text-transform: uppercase;
  line-height: 1;
  font-size: 11px;
  font-weight: bold;
  color: #6b6e82;
  width: 100%;
}
.search__all-results {
  display: block;
  padding: 15px 0;
  text-align: center;
  line-height: 1;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  cursor: pointer;
  font-size: 12px;
}
.search__all-results:hover {
  background: #f5f5f5;
}
.search__overlay {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 11112;
}
.search__spinner.spinner {
  position: absolute;
  top: 8px;
  right: 8px;
  background: #fff;
}
.search__no-results {
  padding: 10px 15px;
  font-size: 14px;
  margin: 0 auto;
}
.search--focused .search__overlay {
  display: block;
}
.search--focused:not(:empty) .search__results {
  display: flex;
}
.search__actions {
  width: 100%;
  display: flex;
  margin: 20px 0 0;
  padding-bottom: 20px;
}
.search__show-more-link {
  display: block;
  margin: auto;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  color: #488de1;
}
.search__show-more-link:hover {
  color: #56a3ff;
}
.search__tabs {
  display: flex;
  list-style: none;
  width: 100%;
  font-size: 12px;
  line-height: 30px;
  text-align: center;
  margin: 0;
  padding: 5px 10px 10px;
}
.search__tab-item {
  width: 33.3333333%;
  border: 1px solid #d6dce0;
  color: #488de1;
  cursor: pointer;
  font-weight: 500;
  outline: none;
}
.search__tab-item:first-of-type {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.search__tab-item:last-of-type {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.search__tab-item:not(:first-of-type) {
  margin-left: -1px;
}
.search__tab-item--active,
.search__tab-item:hover {
  background-color: #488de1;
  color: #fff;
  z-index: 2;
  border: 0;
}
.search__secondary-info:not(:empty) {
  display: flex;
  align-items: center;
  margin-top: 2px;
}
.search__country-logo {
  width: 16px;
  max-height: 12px;
  min-height: 10px;
  font-size: 6px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
  background-color: #fff;
}
.search__country-logo--isPub {
  margin-left: auto;
  margin-right: 0;
}
.search__empty-list {
  font-size: 13px;
  font-weight: 500;
  color: #6a6e82;
  margin: 16px;
}
.search__filters {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
}
.search__checkbox-container {
  display: flex;
  -moz-column-gap: 3px;
  column-gap: 3px;
}
.search .search-only-available.checkbox__label-container,
.search .search-popular.checkbox__label-container {
  margin-right: 8px;
}
.search__badge {
  display: flex;
  align-items: center;
  margin-right: 4px;
}

.checkbox__label-text.search-sort {
  height: 28px;
  padding: 5px 8px;
  border-radius: 3px;
  color: #488de1;
  border: 1px solid #488de1;
}
.checkbox__label-container {
  cursor: pointer;
}
.checkbox__label-container.top-history,
.checkbox__label-container.info-card-compare {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
  flex: 1;
}
.checkbox__label-container.search-sort {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  -moz-column-gap: 10px;
  column-gap: 10px;
  font-size: 12px;
  font-weight: 500;
}
.checkbox__label-container:hover .checkbox__label-text.search-sort {
  background: #488de1;
  color: #fff;
}
.checkbox__input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.checkbox__label {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  background: #fff;
  margin-right: 7px;
  border: 1px solid #c2c5d2;
  border-radius: 2px;
}
.checkbox__label.top-history {
  margin-right: 0;
  margin-left: 5px;
  flex-shrink: 0;
}
.checkbox__label.search-sort {
  display: none;
}
.checkbox__input:checked + .checkbox__label,
.checkbox__input[value="true"] + .checkbox__label {
  background: #3b99fc;
  border-color: #3b99fc;
}
.checkbox__input:checked ~ .checkbox__label-text.search-sort,
.checkbox__input[value="true"] ~ .checkbox__label-text.search-sort {
  background: #488de1;
  color: #fff;
}
.checkbox__input:checked + .checkbox__label::before,
.checkbox__input[value="true"] + .checkbox__label::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 10px;
  height: 10px;
  background-image: url(/checkbox-path.aaceffa2.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
}

.platform-items {
  margin-right: 20px;
}
@media (max-width: 768px) {
  .platform-items__container--isLanding {
    width: 100%;
    display: flex;
    justify-content: center;
  }
}
.platform-items__title {
  display: block;
  text-align: left;
  font-size: 11px;
  font-weight: 400;
  color: #d1d1d1;
  margin: 0 20px 5px 0;
}
.platform-items__options {
  font-size: 0;
  cursor: pointer;
  display: flex;
  flex-wrap: nowrap;
}
.platform-items__option {
  display: flex;
  height: 28px;
  padding: 5px;
  float: left;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  background: transparent;
  border: 0;
  line-height: 0;
  font-weight: 500;
  margin-right: 3px;
}
.platform-items__option:hover {
  background: #2f344a;
}
.platform-items__option--selected,
.platform-items__option:hover.platform-items__option--selected {
  background: #fff;
  color: #2f344a;
}
.platform-items__option--whiteTheme.platform-items__option--selected,
.platform-items__option:hover.platform-items__option--whiteTheme,
.platform-items__option:hover.platform-items__option--whiteTheme.platform-items__option--selected {
  background: #488de1;
  color: #fff;
}
.platform-items__option--isDisabled {
  opacity: 0.3;
}
.platform-items__option--isDisabled:hover {
  background: none;
}
.platform-items__option:last-of-type {
  margin-right: 0;
}
.platform-items__option-label {
  margin-left: 5px;
  font-size: 12px;
  color: #fff;
}
.platform-items__option-label--noIcon {
  margin-left: 0;
}
.platform-items__option-label--whiteTheme {
  color: #30344a;
}
.platform-items__option--selected .platform-items__option-label {
  color: #30344a;
}
.platform-items__option--selected .platform-items__option-label--whiteTheme {
  color: #fff;
}
.platform-items--whiteTheme .platform-items__option--selected .platform-items__option-label {
  color: #30344a;
}
.platform-items__option:hover:not(.platform-items__option--selected) .platform-items__option-label {
  color: #fff;
}
.platform-items__icon {
  width: 16px;
  max-width: none;
  max-height: none;
}
.platform-items__both-icon--selected path {
  fill: #30344a;
}

.logo-maker {
  display: flex;
  flex-shrink: 0;
  line-height: 0;
}
.logo-maker__letter {
  margin: auto;
  color: #fff;
  font-weight: 700;
  text-transform: capitalize;
}

.image {
  position: relative;
  width: 100%;
  height: 100%;
}
.image__img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.image--failed {
  background-color: #f5f5f5;
  border: 1px solid #e7eaeb;
  border-radius: 12%;
}
.image__img--failed {
  max-width: 50%;
  height: 75%;
}
.image__icon {
  width: 100%;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

.landing-search .search__results {
  width: 100%;
  right: 0;
  top: 98%;
}
.landing-search .search__category {
  flex-basis: 100%;
  width: 100%;
  padding: 0;
}
.landing-search .search__spinner.spinner {
  width: 22px !important;
  height: 22px !important;
  top: 13px;
  right: 13px;
}
.landing-search .search__empty-list {
  font-size: 18px;
  font-weight: 600;
}

.dropdown {
  position: relative;
  cursor: pointer;
}
.dropdown__arrow.dropdown__arrow {
  content: "";
  display: inline-block;
  vertical-align: baseline;
  margin-left: 10px;
  font-size: 12px;
  color: #30344a;
  transition: transform 0.2s ease;
}
.dropdown--opened .dropdown__arrow {
  transform: rotate(-180deg);
}
.dropdown__list {
  display: none;
  min-width: 100%;
  position: absolute;
  top: 95%;
  right: 10px;
  margin: 0;
  padding: 0;
  background: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
  border-radius: 2px;
  overflow: hidden;
}
.dropdown--opened .dropdown__list {
  display: block;
}
.dropdown__link {
  display: flex;
  padding: 12px 20px;
  align-items: center;
  white-space: nowrap;
  font-size: 14px;
  color: #30344a;
  font-weight: 400;
  text-decoration: none;
}
.dropdown__link:hover,
.dropdown__link[href^="http"]:hover {
  text-decoration: none;
  background: #488de1;
  color: #fff;
  cursor: pointer;
}
.dropdown__link:hover svg {
  fill: #fff;
}

.wiki-taxonomy-tree {
  background-color: #fff;
  border: none;
}
.wiki-taxonomy-tree__search {
  width: 100%;
  height: 42px;
  padding: 10px 14px;
  display: flex;
  -moz-column-gap: 6px;
  column-gap: 6px;
  border: 1px solid #c2c5d2;
  margin-top: 24px;
}
.wiki-taxonomy-tree__search-icon {
  width: 16px;
  fill: #979aa8;
}
.wiki-taxonomy-tree__search-input {
  width: 100%;
  font-size: 14px;
  color: #30344a;
  border: none;
  outline: none;
}
.wiki-taxonomy-tree__header {
  font-weight: normal;
  font-size: 14px;
}
.wiki-taxonomy-tree__header--top {
  font-weight: 600;
  font-size: 16px;
}
.wiki-taxonomy-tree__header--second {
  font-size: 16px;
}

/* stylelint-disable */
.MultiSelect {
  position: relative;
  display: inline-block;
}
.MultiSelect__ContentBox {
  padding: 0;
  cursor: pointer;
}
.MultiSelect__ContentBox__Header {
  border-bottom: 1px solid #979aa8;
  color: #979aa8;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.MultiSelect__ContentBox__Header__Label {
  display: flex;
  align-items: flex-start;
  text-align: left;
  font-size: 11px;
  font-weight: 400;
  color: #bec1cf;
  margin: 0 20px 5px 0;
  position: relative;
}
.MultiSelect__ContentBox__Header__New {
  font-size: 9px;
  background: #e52daf;
  color: #fff;
  padding: 1px 4px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  line-height: 11px;
  margin-left: 5px;
  margin-top: -3px;
  justify-content: center;
  font-weight: 600;
  text-transform: uppercase;
}
.MultiSelect__ContentBox__Header__SelectedValue {
  display: block;
  margin: 0 15px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;
  font-size: 14px;
  max-width: 95px;
}
.MultiSelect__ContentBox__Header__OpenIcon {
  margin: 0;
  color: #171a27;
  font-weight: 400;
  font-size: 0.8rem !important;
  position: absolute;
  right: 0;
  bottom: 8px;
}
.MultiSelect__ContentBox__Header--selected {
  font-weight: 600;
  border-bottom-color: #f5b527;
  color: #fff;
}
.MultiSelect__spinner-container {
  padding-bottom: 15px;
}
.MultiSelect__TooltipBox {
  display: block;
  position: absolute;
  background-color: #fff;
  box-shadow: 3px 3px 12px -2px rgba(47, 52, 74, 0.5);
  top: -9px;
  left: -10px;
  transition: opacity 200ms;
  transform: translateZ(0);
  z-index: 145;
  max-height: 300px;
  min-width: 400px;
  width: auto;
}
.MultiSelect__TooltipBox.right {
  left: auto;
  right: -10px;
}
@media (max-width: 768px) {
  .MultiSelect__TooltipBox.right {
    right: -20px;
  }
}
.MultiSelect__TooltipBox.is-long {
  max-height: 450px;
}
@media (max-width: 768px) {
  .MultiSelect__TooltipBox.is-long {
    min-width: 170px;
  }
}
.MultiSelect__TooltipBox.is-inSearch {
  min-width: 200px;
}
.MultiSelect__TooltipBox.is-oneColumn {
  min-width: 200px;
}
.MultiSelect__TooltipBox.is-oneExpandableOption {
  min-width: 256px;
}
.MultiSelect__TooltipBox.is-inSearch {
  left: auto;
  right: 10px;
}
.MultiSelect__TooltipBox__Header {
  padding: 8px 10px;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  background-color: #f8f8f8;
}
.MultiSelect__TooltipBox__Header__Label {
  display: inline-block;
  text-align: left;
  font-size: 0.9rem;
  font-weight: 600;
  color: #3b2f4c;
}
.MultiSelect__TooltipBox__Header__New {
  display: none;
}
.MultiSelect__TooltipBox__Header__SelectedValue {
  display: inline-block;
  margin-left: auto;
  font-size: 0.9rem;
}
.MultiSelect__TooltipBox__Header__SelectedValue__Prefix {
  font-size: 0.8rem;
  font-weight: 400;
  margin-right: 7px;
  color: #7f7b85;
}
.MultiSelect__TooltipBox__Header__SelectedValue__Value {
  font-size: 11px;
  font-weight: 600;
}
.MultiSelect__TooltipBox__Header__Controls {
  display: none;
  font-size: 0.8rem;
  font-weight: 400;
}
.MultiSelect__TooltipBox__Header__Controls__Clear {
  display: none;
  cursor: pointer;
  padding-left: 6px;
  border-radius: 4px;
}
.MultiSelect__TooltipBox__Header__Controls__Clear:hover {
  color: #7d7e85;
}
.MultiSelect__TooltipBox__Header__Controls.is-active {
  display: inline-block;
}
.MultiSelect__TooltipBox__Header__Controls.is-active:before {
  opacity: 1;
}
.MultiSelect__TooltipBox__Header__Controls.is-active .MultiSelect__TooltipBox__Header__Controls__Clear {
  display: inline-block;
}
.MultiSelect__TooltipBox__Header__Controls:before {
  content: "|";
  padding-left: 10px;
  color: #e4e4e4;
  opacity: 0;
}
.MultiSelect__TooltipBox__Options {
  max-height: 264px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 10px;
  border-top: 1px solid #e5e5e5;
  counter-reset: multiselectlist;
  background-color: rgba(248, 248, 248, 0.46);
}
.MultiSelect__TooltipBox__Options.is-long {
  max-height: 341px;
}
.MultiSelect__TooltipBox__Options.is-inSearch {
  max-height: 315px;
}
.MultiSelect__TooltipBox__Options__Columns {
  position: relative;
  z-index: 100;
  transform: translateZ(0);
  padding-top: 6px;
  padding-bottom: 10px;
  padding-left: 0;
  margin: 0;
  list-style: none;
  -moz-column-width: 150px;
  column-width: 150px;
  -moz-column-count: 2;
  column-count: 2;
  -moz-column-gap: 8px;
  column-gap: 8px;
  -moz-column-break-inside: avoid;
  break-inside: avoid;
  -moz-column-break-before: avoid;
  break-before: avoid;
  -moz-column-break-after: avoid;
  break-after: avoid;
  -moz-column-fill: balance;
  column-fill: balance;
}
.MultiSelect__TooltipBox__Options__Columns.is-inSearch {
  -moz-column-count: 1;
  column-count: 1;
}
.MultiSelect__TooltipBox__Options__Columns.is-oneColumn {
  -moz-column-count: 1;
  column-count: 1;
}
.MultiSelect__TooltipBox__Options__Columns.is-oneExpandableOption {
  -moz-column-count: 1;
  column-count: 1;
}
.MultiSelect__TooltipBox__Options__Columns.is-one .MultiSelect__TooltipBox__Options__Option {
  margin: 0;
}
.MultiSelect__TooltipBox__Options__Option {
  display: flex;
  align-items: center;
  min-height: 24px;
  min-width: 160px;
  position: relative;
  text-align: left;
  padding-left: 6px;
  cursor: pointer;
  margin: 1px 0;
  font-size: 0.8rem;
  font-weight: 400;
  color: #535353;
  border-radius: 2px;
  text-transform: capitalize;
  -moz-column-break-inside: avoid;
  break-inside: avoid-column;
  transition: color 0.15s, border-color 0.15s, background-color 0.15s;
  white-space: normal;
}
.MultiSelect__TooltipBox__Options__Option.is-notCapitalized {
  text-transform: none;
}
.MultiSelect__TooltipBox__Options__Option:not(.is-disabled):hover {
  background-color: #e2e3e6;
  color: #282f51;
}
.MultiSelect__TooltipBox__Options__Option:before {
  position: absolute;
  left: 8px;
  top: 6px;
  font-size: 0.48rem;
  color: rgba(126, 128, 135, 0.58);
}
.MultiSelect__TooltipBox__Options__Option.is-selected {
  background-color: #7d7e85;
  color: #fff;
}
.MultiSelect__TooltipBox__Options__Option.is-selected:before {
  color: #fff;
}
.MultiSelect__TooltipBox__Options__Option.is-disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.MultiSelect__TooltipBox__Options.is-countable .MultiSelect__TooltipBox__Options__Option {
  padding: 2px 0 2px 3px;
}
.MultiSelect__TooltipBox__Options.is-long .MultiSelect__TooltipBox__Options__Option {
  min-width: 180px;
}
.MultiSelect__TooltipBox__Footer {
  padding: 8px 10px;
  background-color: #f8f8f8;
  border-top: 1px solid #e5e5e5;
}
.MultiSelect__TooltipBox__NoOptions {
  padding: 10px 0;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  background-color: rgba(248, 248, 248, 0.46);
  text-align: center;
}
.MultiSelect__TooltipBox__MoreArrow {
  display: none;
  padding: 2px 0;
  background-color: #f8f8f8;
  cursor: default;
}
.MultiSelect__TooltipBox__MoreArrow__Icon {
  font-size: 0.9rem;
  line-height: 0.9rem;
  display: block;
}
.MultiSelect__expandable-options {
  display: flex;
  margin: 0;
  max-height: 350px;
  overflow: auto;
}
@media (max-width: 768px) {
  .MultiSelect__expandable-options {
    flex-direction: column;
  }
}
.MultiSelect__expandable-option {
  margin-bottom: 5px;
}
.MultiSelect__expandable-sub-option {
  padding-left: 16px;
}
.MultiSelect__expandable-options-platform-title {
  font-size: 13px;
  font-weight: 600;
  color: #30344a;
  background-color: #f8f8f8;
  padding: 5px 18px;
  margin: -10px 0 5px -10px;
  width: calc(100% + 20px);
}
.MultiSelect__expandable-options-title-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.MultiSelect__expandable-options-title {
  padding: 2px 8px;
  border-radius: 2px;
  white-space: normal;
  cursor: pointer;
  font-size: 13px;
  flex: 1;
}
.MultiSelect__expandable-options-title--selected {
  background-color: #7d7e85;
  color: #fff;
}
.MultiSelect__expandable-options-title:hover {
  background-color: #e2e3e6;
  color: #282f51;
}
.MultiSelect__expandable-options-title--isDisabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.MultiSelect__expandable-options-title--isDisabled:hover {
  background-color: inherit;
  color: inherit;
}
.MultiSelect__arrow-toggle {
  fill: #979aa8;
  width: 11px;
  flex: 0 0 11px;
  margin: 0 10px;
  transform: rotate(180deg);
  cursor: pointer;
  transition: transform 0.2s ease;
}
.MultiSelect__arrow-toggle--isOpen {
  transform: none;
}
.MultiSelect__expandable-options-column {
  width: 100%;
  padding: 10px;
  height: 100%;
}
.MultiSelect__expandable-options-column--left {
  border-right: 1px solid #d6dce0;
}
.MultiSelect__expandable-options-column--right {
  border-left: 1px solid #d6dce0;
}
.MultiSelect__expandable-option-list {
  padding: 0;
  margin: 0;
  font-size: 14px;
  list-style: none;
  counter-reset: multiselectlist;
}
.MultiSelect__expandable-option-list:not(:empty) {
  margin: 5px 0 0;
}
.MultiSelect__expandable-option-list .MultiSelect__TooltipBox__Options__Option {
  padding: 2px 0 2px 20px;
  font-size: 12px;
  color: #6b6e82;
}
.MultiSelect__expandable-option-list .MultiSelect__TooltipBox__Options__Option.is-selected {
  color: #fff;
}
.MultiSelect__expandable-option-list .MultiSelect__TooltipBox__Options__Option.is-selected:hover {
  background-color: #e2e3e6;
  color: #282f51;
}
.MultiSelect__no-data {
  font-size: 0.8rem;
  font-weight: 400;
  color: #535353;
  text-align: center;
}
.MultiSelect__email-settings {
  display: flex;
  margin: 0;
  max-height: 300px;
}
.MultiSelect__email-settings-column {
  width: 100%;
  padding: 10px 10px 0 10px;
  max-height: 300px;
  overflow: auto;
}
.MultiSelect__email-settings-column--left {
  border-right: 1px solid #d6dce0;
}
.MultiSelect__email-settings-column--right {
  border-left: 1px solid #d6dce0;
}
.MultiSelect__email-settings-column-count {
  display: flex;
  margin-left: auto;
  font-size: 12px;
}
.MultiSelect__email-settings-column-count:after {
  content: "|";
  padding-left: 10px;
  color: #e4e4e4;
}
.MultiSelect__email-settings-platform-title {
  font-size: 13px;
  font-weight: 600;
  color: #30344a;
  background-color: #f8f8f8;
  padding: 5px 18px;
  margin: -10px -10px 5px -10px;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.MultiSelect__email-settings-platform-title .MultiSelect__TooltipBox__Header__Controls__Clear.is-active {
  display: block;
  font-weight: normal;
}
.MultiSelect__email-settings-items {
  overflow: auto;
  height: calc(100% - 28px);
}

.social-icon {
  padding: 9px;
  border-radius: 100%;
  fill: #fff;
  line-height: 0;
}
.social-icon svg {
  width: 100%;
  height: 100%;
}
.social-icon--telegram {
  padding: 3px;
  background: #34aadf;
}
.social-icon--youtube {
  padding: 6px;
  background: #ff0000;
}
.social-icon--twitter {
  padding: 8px;
  background: #33b1ff;
}
.social-icon--twitter-landing {
  background-color: #1d2032;
  transition: background-color 0.2s ease;
}
.social-icon--twitter-landing:hover {
  background-color: #33b1ff;
}
.social-icon--linkedIn {
  background: #0076b6;
}
.social-icon--linkedIn-landing {
  background-color: #1d2032;
  transition: background-color 0.2s ease;
}
.social-icon--linkedIn-landing:hover {
  background-color: #0076b6;
}
.social-icon--linkedIn svg {
  width: 12px;
  height: 12px;
}

.Maintenance {
  background-color: #fff;
  height: 100vh;
  min-height: 670px;
  position: relative;
}
.Maintenance__text {
  height: calc(100% - 378px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.Maintenance__notice {
  font-size: 18px;
  line-height: 1em;
  font-weight: 400;
  color: #e52db0;
  text-align: center;
  padding: 50px 0 0 0;
}
.Maintenance__title {
  font-size: 2rem;
  line-height: 1.37em;
  font-weight: 500;
  color: #30344a;
  text-align: center;
  margin: 15px auto 0 auto;
  max-width: 910px;
}
.Maintenance__sub-title {
  font-size: 0.9rem;
  line-height: 1em;
  font-weight: 400;
  color: #979aa8;
  text-align: center;
  margin: 20px 0 0 0;
}
.Maintenance__image {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 328px;
  background-image: url(/maintenance.22bf7d02.png);
  background-size: 322px 328px;
  background-repeat: no-repeat;
  background-position: 50% 1px;
}
.Maintenance__image--isBlockMode {
  background-repeat: repeat-x;
}
@media (min-resolution: 2dppx), (min-resolution: 192dpi) {
  .Maintenance__image {
    background-image: url(/maintenance@2x.6598c529.png);
  }
}
.Maintenance--fullscreen {
  height: calc(100vh - 220px);
}
.Maintenance--internal {
  height: 670px;
}
.Maintenance__link {
  color: #488de1;
  text-decoration: none;
}

.request-demo-form__name--isReport {
  display: flex;
  justify-content: space-between;
}
.request-demo-form__name--isReport .form-row {
  margin-bottom: 15px;
}
@media (max-width: 768px) {
  .request-demo-form__name--isReport {
    display: block;
  }
}
.request-demo-form__input-box {
  display: flex;
  -moz-column-gap: 16px;
  column-gap: 16px;
}
@media (max-width: 768px) {
  .request-demo-form__input-box {
    flex-direction: column;
    row-gap: 20px;
  }
}
.request-demo-form__input-box .input {
  width: 100%;
}
.request-demo-form .input__field {
  color: #1d2032;
}
.request-demo-form__button {
  width: 200px;
  padding: 9px 29px;
  margin: 50px auto 0;
  color: #fff;
  background-color: #1d2032;
  border: none;
  border-radius: 10px;
  font-weight: 300;
  transition: background-color 0.2s ease;
}
.request-demo-form__button:hover {
  background-color: #e52daf;
}
.request-demo-form__button:focus {
  border-color: #1d2032;
  background: #1d2032;
}
.request-demo-form__button:focus:hover {
  background-color: #e52daf;
}

.form-row {
  margin-bottom: 20px;
}
.form-row--last {
  margin-bottom: 0;
}
.form-row--fake {
  display: none;
}

@keyframes input-animation {
  50% {
    opacity: 0;
    transform: translate3d(10px, 0, 0);
  }
  51% {
    opacity: 0;
    transform: translate3d(-10px, -20px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
}
.input {
  display: block;
}
.input__container {
  position: relative;
  display: block;
  overflow: hidden;
  cursor: text;
  z-index: 1;
}
.input__container--withVisibility .input__field {
  padding-right: 20px;
}
.input__field {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 12px;
  padding: 8px 0;
  border: none;
  background: #fff;
  color: #30344a;
  outline: none;
  font-size: 14px;
  font-weight: 300;
  -webkit-appearance: none;
  resize: none;
  -webkit-box-shadow: 0 0 0 30px white inset;
  margin-bottom: 0;
}
.input__field--textarea {
  margin-top: 15px;
}
@media (max-width: 480px) {
  .input__field {
    font-size: 16px;
  }
}
.input__label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #30344a;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.input__label::before,
.input__label::after {
  content: '';
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #d6dce0;
}
.input__label::after {
  border-bottom: 1px solid #488de1;
  transform: translate3d(-100%, 0, 0);
  transition: transform 0.3s ease;
}
.input__field:focus + .input__label::after,
.input--filled .input__label::after {
  transform: translate3d(0, 0, 0);
}
.input--invalid .input__label::before,
.input--invalid .input__label::after {
  border-color: #e71d36;
}
.input--valid .input__label::before,
.input--valid .input__label::after {
  border-color: #65da65;
}
.input__label-content {
  position: absolute;
  display: block;
  top: 12px;
  left: 0;
  width: 100%;
  padding: 8px 0;
  color: #979aa8;
  font-size: 12px;
}
.input--filled .input__label-content,
.input__field:focus + .input__label .input__label-content {
  color: #30344a;
}
.input__field:focus + .input__label .input__label-content,
.input--filled .input__label-content {
  animation: input-animation 0.3s forwards;
}
.input--plain .input__field {
  margin-top: 0;
}
.input__password-icon {
  width: 18px;
  height: 15px;
  position: absolute;
  right: 0;
  bottom: 12px;
  cursor: pointer;
  fill: #6b6e82;
}
.input__password-icon:hover {
  fill: #488de1;
}

.form-error {
  margin-top: 5px;
  color: #e71d36;
  font-size: 12px;
}

@keyframes input-animation {
  50% {
    opacity: 0;
    transform: translate3d(10px, 0, 0);
  }
  51% {
    opacity: 0;
    transform: translate3d(-10px, -20px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
}
.select {
  position: relative;
  z-index: 2;
  color: #000;
}
.select__container {
  position: relative;
  z-index: 1;
}
.select__label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #30344a;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  overflow: hidden;
}
.select__label::before,
.select__label::after {
  content: '';
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #d6dce0;
}
.select__label::after {
  border-bottom: 1px solid #488de1;
  transform: translate3d(-100%, 0, 0);
  transition: transform 0.3s ease;
}
.select__label-content {
  position: absolute;
  display: block;
  top: 12px;
  left: 0;
  width: 100%;
  padding: 8px 0;
  color: #979aa8;
  font-size: 12px;
}
.select--filled .select__label::after,
.select--focused .select__label::after {
  transform: translate3d(0, 0, 0);
}
.select--invalid .select__label::before,
.select--invalid .select__label::after {
  border-color: #e71d36;
}
.select--valid .select__label::before,
.select--valid .select__label::after {
  border-color: #65da65;
}
.select--filled .select__label-content,
.select--focused .select__label-content {
  color: #30344a;
  animation: input-animation 0.3s forwards;
}

.radio-group {
  font-size: 0;
}
.radio-group .radio {
  flex-grow: 1;
}
.radio {
  display: block;
  text-align: center;
}
.radio:not(:first-child) {
  margin-left: -1px;
}
.radio__text {
  display: block;
  padding: 8px 20px;
  border: 1px solid #f1f0f2;
  font-size: 16px;
  font-weight: 300;
  cursor: pointer;
  opacity: 0.8;
  color: #30344a;
  transition: opacity 0.2s ease;
}
.radio__text:hover {
  opacity: 1;
}
.radio__input {
  position: absolute;
  opacity: 0;
}
.radio__input:checked + .radio__text {
  font-weight: 400;
  opacity: 1;
  background: #30344a;
  color: #fff;
}
.radio:first-child .radio__text {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.radio:last-child .radio__text {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.form {
  padding: 30px;
  background: #fff;
  border-radius: 2px;
}
.form__preposition {
  width: 29px;
  height: 20px;
  font-size: 11px;
  color: #30344a;
  border: 1px solid #d6dce0;
  line-height: 20px;
  text-align: center;
  margin: 0 auto 20px;
  border-radius: 13px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}
.form__preposition--clickable {
  width: 55px;
  opacity: 0.7;
  transition: opactity 0.2s ease;
  transform: translateZ(0);
  cursor: pointer;
}
.form__preposition--clickable:hover {
  opacity: 1;
}
.form__errors.errors {
  margin-top: 15px;
}
.form__back {
  margin-right: 5px;
}
.form__submit {
  font-weight: 600;
}

.errors {
  counter-reset: errors;
  margin: 0;
  padding: 10px;
  background: #fff;
  border-radius: 2px;
}
.errors__item {
  line-height: 1;
}
.errors__item:not(:last-child) {
  margin-bottom: 5px;
}
.errors__item::before {
  display: inline-block;
  vertical-align: top;
  counter-increment: errors;
  content: counter(errors) ". ";
  color: #e71d36;
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
}
.errors__message {
  display: inline-block;
  vertical-align: top;
  color: #e71d36;
  font-size: 14px;
  line-height: 14px;
}

.upload-picture .ant-upload-list {
  display: flex;
}
.upload-picture .ant-upload-list-item .ant-upload-list-item-actions .ant-btn-icon {
  width: 13px;
  fill: #fff;
  opacity: 0.85;
}
.upload-picture .ant-upload-list-item .ant-upload-list-item-actions .ant-btn-icon:hover {
  opacity: 1;
}
.upload-picture .ant-upload-list-picture-card-container,
.upload-picture .ant-upload.ant-upload-select.ant-upload-select-picture-card {
  width: 90px;
  height: 90px;
}
.upload-picture .ant-upload-list-picture-card .ant-upload.ant-upload-select,
.upload-picture .ant-upload-list-picture-card .ant-upload-list-item.ant-upload-list-item-done {
  border-radius: 0;
}
.upload-picture--errors {
  color: #e71d36;
  font-size: 12px;
}
.upload-picture .ant-tooltip {
  display: none;
}
.ant-modal .ant-modal-content {
  border-radius: 0;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  overflow: auto;
  text-align: center;
}
.modal.is-active {
  display: block;
}
.modal:not(.is-active) {
  display: none;
}
.modal__wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: rgba(0, 0, 0, 0.55);
}
.modal__container {
  height: auto;
  min-height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.modal__container--VideoAppModalContainer,
.modal__container--ScreenshotModal,
.modal__container--LiveDemoModal,
.modal__container--RequestDemoModalContainer,
.modal__container--LogInModalContainer,
.modal__container--SignUpModalContainer,
.modal__container--YouTubeVideoModal {
  display: table;
  height: 100%;
}
.modal__container--NewsFeedModalContainer .newsfeed-app-block__container {
  border-bottom: none;
}
.modal__container-body {
  position: relative;
  display: block;
  padding: 10px 0;
}
.modal__container-body--VideoAppModalContainer,
.modal__container-body--ScreenshotModal,
.modal__container-body--LiveDemoModal,
.modal__container-body--RequestDemoModalContainer,
.modal__container-body--LogInModalContainer,
.modal__container-body--SignUpModalContainer,
.modal__container-body--YouTubeVideoModal {
  position: static;
  display: table-cell;
  vertical-align: middle;
}
.modal__body {
  position: relative;
}
.modal__body-inline {
  display: inline-block;
}
.modal__close-button {
  position: absolute;
  top: 14px;
  right: 4px;
  width: 26px;
  padding: 5px;
  color: #fff;
  fill: #979aa8;
  cursor: pointer;
  transition: fill 0.2s ease;
}
.modal__close-button:hover {
  fill: #30344a;
}
.modal__close-button--VideoAppModalContainer,
.modal__close-button--ScreenshotModal,
.modal__close-button--LiveDemoModal,
.modal__close-button--YouTubeVideoModal {
  top: 24px;
  right: 24px;
}
.modal__close-button--VideoAppModalContainer:hover,
.modal__close-button--ScreenshotModal:hover,
.modal__close-button--LiveDemoModal:hover,
.modal__close-button--YouTubeVideoModal:hover {
  fill: #fff;
}
.modal__close-button--NewsfeedNotificationModalContainer {
  top: 34px;
  right: 14px;
}
.modal__close-button--NewsFeedModalContainer {
  top: 30px;
  right: 14px;
  z-index: 6;
}
.modal__close-button--QuickAddToListContainer,
.modal__close-button--CreateFreeListModalContainer,
.modal__close-button--AppListsManagerContainer,
.modal__close-button--WikiModalContainer {
  top: 23px;
  right: 14px;
}
@media (max-width: 768px) {
  .modal__close-button--FeedbackModalContainer {
    right: 20px;
    width: 22px;
  }
}

.tag__tag-item.ant-tag {
  display: flex;
  align-items: center;
  margin: 2px 3px 2px 0;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  border-radius: 4px;
}
.tag__tag-item-label {
  overflow: hidden;
  white-space: pre;
  text-overflow: ellipsis;
}

.live-demo {
  position: relative;
  margin: 0 auto;
  text-align: left;
  line-height: 0;
}
.live-demo__label {
  position: fixed;
  top: 27px;
  left: 20px;
  height: 24px;
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
}
.live-demo__label::before {
  content: '';
  width: 12px;
  height: 12px;
  margin-right: 10px;
  border-radius: 50%;
  background-color: #e71d36;
}
.live-demo__container {
  background: #fff;
}
.live-demo__spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 0;
}
.live-demo__iframe,
.live-demo iframe {
  position: relative;
  border: 0 !important;
  width: 360px !important;
  z-index: 1;
  min-width: 100% !important;
}
.live-demo__rotate-block {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #30344a;
  border-radius: 2px;
  border: 1px solid #6b6e82;
}
.live-demo__rotate {
  min-width: 180px;
  height: 60px;
  padding: 10px 16px;
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 9999;
  font-size: 18px;
  color: #fff;
  cursor: pointer;
  outline: none;
}
.live-demo__ad-source {
  min-width: 180px;
  height: 60px;
  padding: 10px 16px;
  position: fixed;
  right: 10px;
  z-index: 9999;
  font-size: 18px;
  bottom: 81px;
  color: #fff;
  cursor: pointer;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #30344a;
  border-radius: 2px;
  border: 1px solid #6b6e82;
}
.live-demo__ad-source--showNotice {
  bottom: 177px;
}
.live-demo__rotate--showNotice {
  bottom: 106px;
}
.live-demo__rotate:hover,
.live-demo__rotate:focus,
.live-demo__ad-source:hover,
.live-demo__ad-source:focus {
  background: #444a69;
}
.live-demo__window-icon {
  color: #488de1;
  font-size: 26px;
  margin-right: 16px;
}
.live-demo__rotate-icon {
  width: 32px;
  height: 38px;
  margin-right: 18px;
}
.live-demo__notice {
  width: 370px;
  height: 86px;
  position: fixed;
  right: 10px;
  bottom: 10px;
  padding: 16px 20px;
  font-size: 12px;
  color: #979aa8;
  line-height: 1.4;
}
.live-demo__notice-hide {
  margin-left: 33px;
  background: transparent;
  color: #488de1;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  border: 0;
  cursor: pointer;
}
.live-demo__notice-hide:hover,
.live-demo__notice-hide:focus {
  color: #74a8e8;
}

.screenshot-modal {
  position: relative;
  max-width: 650px;
  max-height: 650px;
  margin: auto;
}
.screenshot-modal--publisher-cover {
  max-width: 1240px;
  max-height: none;
  width: 70%;
}
.screenshot-modal__image {
  width: auto;
  height: auto;
  max-width: 512px;
  max-height: 512px;
}
.screenshot-modal__image--publisher-cover {
  max-width: none;
  max-height: none;
  width: 100%;
}
@media (max-width: 480px) {
  .screenshot-modal__image {
    max-width: 90%;
  }
}
.screenshot-modal__button.button {
  font-size: 13px;
  border-radius: 2px;
  position: absolute;
  bottom: -35px;
  left: 50%;
  transform: translateX(-50%);
}
.screenshot-modal__button.button:hover {
  background: #56a3ff;
  border-color: #56a3ff;
}
.screenshot-modal__angle {
  position: absolute;
  top: 50%;
  right: -20%;
  width: 64px;
  padding: 20px;
  transform: translateY(-50%);
  opacity: 0.5;
  transition: opacity 0.2s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.screenshot-modal__angle:hover {
  opacity: 1;
  cursor: pointer;
}
.screenshot-modal__angle--left {
  left: -20%;
}
.screenshot-modal__angle-icon {
  width: 24px;
  height: 54px;
}
.screenshot-modal__angle-icon--left {
  transform: rotate(-180deg);
}

.app-lists {
  min-width: 110px;
  margin-right: 15px;
}
.app-lists__container {
  position: relative;
}
.app-lists__select-list-block {
  position: relative;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
}
.app-lists__select-list-block--isOpen {
  visibility: visible;
  opacity: 1;
  z-index: 100;
}
.app-lists__option {
  display: flex;
  align-items: center;
}
.app-lists__edit-btn {
  display: none;
  float: right;
  font-size: 11px;
  font-weight: 600;
  padding-left: 5px;
  padding-right: 5px;
}
.app-lists__name-container {
  display: flex;
  align-items: center;
  margin-right: 25px;
  width: 145px;
}
.app-lists__name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: capitalize;
}
.app-lists__pub-label {
  display: flex;
  margin-left: 5px;
  flex-shrink: 0;
}
.app-lists__list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  height: 32px;
  width: 100%;
}
.app-lists__list-item--active {
  background-color: #488de1;
  color: #fff;
}
.app-lists__list-item--active .app-lists__name,
.app-lists__list-item--active .app-lists__edit-btn {
  display: block;
}
.app-lists__list-item--active .app-lists__name:hover,
.app-lists__list-item--active .app-lists__edit-btn:hover {
  color: #fff;
}
.app-lists__list-item--active:hover {
  color: #fff;
}
.app-lists__list-item--active:hover .app-lists__name {
  color: #fff;
}
.app-lists__list-item:hover .app-lists__edit-btn {
  display: block;
}
.app-lists__info {
  display: flex;
  align-items: center;
  flex: 1;
}
.app-lists__list-logo {
  display: flex;
  flex: 1;
  margin: 0;
  padding: 0;
}
.app-lists__app-logo {
  width: 24px;
  height: 24px;
  margin-right: 5px;
}
.app-lists__app-logo .image__img {
  border-radius: 2px;
}
.app-lists__footer {
  display: flex;
  align-items: center;
}
.app-lists__create-button.button {
  font-size: 13px;
  width: 116px;
  padding: 9px 15px;
}
.app-lists .MultiSelect__TooltipBox {
  width: 400px !important;
}
.app-lists .MultiSelect__TooltipBox__Options {
  max-height: 200px !important;
}
.app-lists .MultiSelect__TooltipBox__NoOptions {
  min-height: 100px;
  border-bottom: none;
}
.app-lists .MultiSelect__TooltipBox__Options__Option:not(.is-disabled):hover {
  background-color: #488de1;
  color: #fff;
}
.app-lists .MultiSelect__TooltipBox__Options__Option.is-selected {
  background-color: #488de1;
  color: #fff;
}
.app-lists .pub-ad-badge {
  font-size: 8px;
  padding: 1px 3px;
}

.video-app-modal {
  position: relative;
  margin: 0 auto;
  text-align: left;
  background-color: #fff;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  flex-direction: column;
  max-width: 853px;
  width: 100%;
}
@media (max-width: 768px) {
  .video-app-modal {
    width: 90%;
  }
}
.video-app-modal__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.video-app-modal__iframe-container {
  position: relative;
  padding-bottom: 56.3%;
  width: 100%;
  height: 0;
  cursor: pointer;
}
.video-app-modal iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: none;
  z-index: 2;
}
.video-app-modal__ios-video {
  position: absolute;
}
.video-app-modal__button.button {
  font-size: 13px;
  border-radius: 2px;
  position: absolute;
  bottom: -35px;
  left: 50%;
  min-width: 132px;
  transform: translateX(-50%);
}

.youtube-video-modal {
  position: relative;
  margin: 0 auto;
  text-align: left;
  background-color: #fff;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  flex-direction: column;
  max-width: 853px;
  width: 100%;
}
@media (max-width: 768px) {
  .youtube-video-modal {
    width: 90%;
  }
}
.youtube-video-modal__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.youtube-video-modal__iframe-container {
  position: relative;
  padding-bottom: 56.25%;
  width: 100%;
  height: 0;
  cursor: pointer;
}
.youtube-video-modal iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: 2;
}

#wiki.wiki__container {
  width: 970px;
  background-color: #fff;
}
#wiki.wiki__container .features__header {
  display: block;
  font-weight: 600;
  margin: 10px 0;
}
#wiki.wiki__container .features__buttons-box {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
#wiki.wiki__container .features__button {
  padding: 0 4px;
  border: 1px solid #488de1;
  background-color: transparent;
  color: #488de1;
  cursor: pointer;
  opacity: 0.8;
  transition: opacity 0.2s ease;
}
#wiki.wiki__container .features__button:hover {
  opacity: 1;
}
@media (max-width: 992px) {
  #wiki.wiki__container {
    width: 730px;
  }
}
#wiki.wiki__container .filter-search__search-container {
  width: 260px;
}
#wiki.wiki__container .ant-tabs {
  line-height: 1.45;
}
#wiki.wiki__container .ant-tabs .ant-tabs-tab-btn {
  white-space: normal;
  text-align: left;
}
#wiki.wiki__container .ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #488de1;
}
#wiki.wiki__container .ant-tabs-tab:hover .ant-tabs-tab-btn {
  color: #488de1;
}
#wiki.wiki__container .ant-tabs-tab-disabled:hover .ant-tabs-tab-btn {
  color: #30344a;
}
#wiki.wiki__container .ant-tabs-nav {
  width: 260px;
  height: 630px;
}
#wiki.wiki__container .ant-tabs-nav .ant-tabs-tab {
  margin: 0;
  padding: 12px 14px;
  color: #30344a;
}
#wiki.wiki__container .ant-tabs-nav .ant-tabs-tab-disabled {
  padding: 14px;
  color: #30344a;
  font-weight: 600;
  border-top: 1px solid #c2c5d2;
  cursor: default;
}
#wiki.wiki__container .ant-tabs-nav .ant-tabs-tab-disabled:first-child {
  border: none;
}
#wiki.wiki__container .ant-tabs-content-holder {
  height: 630px;
  padding: 10px 50px 20px 50px;
  overflow-y: auto;
  border-left: 1px solid #c2c5d2;
  font-size: 14px;
  color: #30344a;
  text-align: start;
}
#wiki.wiki__container .ant-tabs-content-holder b {
  font-weight: 600;
}
#wiki.wiki__container .ant-tabs-content-holder ol {
  padding-inline-start: 16px;
}
@media (max-width: 992px) {
  #wiki.wiki__container .ant-tabs-content-holder {
    padding: 20px;
  }
}
#wiki.wiki__container .ant-tabs-tabpane.ant-tabs-tabpane-active {
  padding: 0;
}
#wiki.wiki__container .ant-tabs-nav-operations {
  display: none;
}
#wiki.wiki__container .ant-tabs-ink-bar.ant-tabs-ink-bar-animated {
  background-color: #488de1;
}
.wiki__search {
  width: 260px;
  height: 43px;
  padding: 10px 14px;
  display: flex;
  -moz-column-gap: 6px;
  column-gap: 6px;
  border: 1px solid #c2c5d2;
}
.wiki__search-icon {
  width: 16px;
  fill: #979aa8;
}
.wiki__search-input {
  width: 100%;
  font-size: 14px;
  color: #30344a;
  border: none;
  outline: none;
}
.wiki__header {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
}
.wiki__video,
.wiki__video-frame {
  width: 100%;
  margin-bottom: 16px;
}
.wiki__video-frame {
  min-height: 340px;
}
.wiki__img {
  margin-bottom: 16px;
}
.wiki__not-found-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.wiki__not-found-img {
  width: 70px;
}
.wiki__not-found-header {
  font-size: 32px;
  font-weight: 600;
  margin: 30px 0 10px;
}
.wiki__not-found-text {
  font-size: 16px;
  color: #979aa8;
}
.tips__container.landing-container {
  overflow: auto;
}
.tips__container.landing-container #wiki.wiki__container {
  width: auto;
  min-width: 500px;
}
.tips__container.landing-container #wiki.wiki__container .ant-tabs-nav {
  width: 280px;
}
@media (max-width: 992px) {
  .tips__container.landing-container #wiki.wiki__container {
    width: auto;
  }
}
.tips__container.landing-container .wiki__search {
  width: 280px;
}

.ant-modal-root .ant-modal-title {
  font-family: "Montserrat", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
.feedback-modal__wrapper {
  max-width: 740px;
  background-color: #fff;
}
.feedback-modal__wrapper--isLanding {
  max-width: 580px;
}
@media (max-width: 768px) {
  .feedback-modal__wrapper--isLanding {
    margin: 0 20px;
  }
  .feedback-modal__wrapper--isLanding .upload-picture .ant-upload.ant-upload-select.ant-upload-select-picture-card {
    width: 70px;
    height: 70px;
  }
}
.feedback-modal__wrapper .form__submit {
  max-width: 280px;
}
.feedback-modal__wrapper .input__label-content {
  text-align: start;
}
.feedback-modal__wrapper .input--invalid .input__error {
  margin-top: 5px;
  color: #e71d36;
  font-size: 12px;
}
.feedback-modal__wrapper .input__field--textarea {
  font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
.feedback-modal__header-wrapper {
  position: relative;
  padding: 30px;
  color: #30344a;
  text-align: start;
}
.feedback-modal__header-wrapper::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(to right, #f5b527 33.3%, #e52daf 33.3%, #e52daf 66.6%, #7931c7 66.6%);
}
.feedback-modal__header-wrapper--isLanding {
  padding: 40px 86px;
}
.feedback-modal__header-wrapper--isLanding::after {
  display: none;
}
@media (max-width: 768px) {
  .feedback-modal__header-wrapper--isLanding {
    padding: 20px 46px;
  }
}
.feedback-modal__header--isLanding {
  padding: 30px 56px;
}
.feedback-modal__header-heading {
  width: 100%;
  margin-bottom: 30px;
  text-align: center;
  font-size: 22px;
  font-weight: 600;
}
.feedback-modal__header-heading--isLanding {
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 300;
}
@media (max-width: 768px) {
  .feedback-modal__header-heading--isLanding {
    font-size: 30px;
  }
}
.feedback-modal__header-text {
  font-size: 16px;
}
.feedback-modal__input-box {
  display: flex;
  -moz-column-gap: 16px;
  column-gap: 16px;
}
.feedback-modal__input-box .input {
  width: 100%;
}
.feedback-modal__pictures-label {
  margin-bottom: 12px;
  text-align: start;
  font-size: 12px;
  color: #979aa8;
}
.feedback-modal__success {
  position: relative;
  text-align: center;
  padding: 50px 30px 30px;
  max-width: 500px;
  color: #30344a;
  background-color: #fff;
}
.feedback-modal__success__title {
  color: #6b6e82;
  font-size: 28px;
  margin: 0 0 30px;
  font-weight: 600;
}
.feedback-modal__success__title span {
  font-weight: 300;
}
.feedback-modal__success__icon {
  width: 70px;
  height: 55px;
  margin: 0 auto 23px;
  background-image: url("/materials/media/images/mail.svg");
  background-repeat: no-repeat;
  background-position: center center;
}
.feedback-modal__success__message {
  font-size: 18px;
  padding: 0 10px;
}
.feedback-modal__button.form__submit {
  width: 110px;
  padding: 9px 29px;
  margin: 0 auto;
  color: #fff;
  background-color: #1d2032;
  border: none;
  border-radius: 10px;
  font-weight: 300;
  font-size: 20px;
  transition: background-color 0.2s ease;
}
.feedback-modal__button.form__submit:hover {
  background-color: #e52daf;
}
.feedback-modal .form {
  display: flex;
  flex-direction: column;
}

/* stylelint-disable */
.filters-list {
  background-color: #6a6e82;
  position: relative;
}
@media print {
  .filters-list {
    padding: 0 20px;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
  }
}
.filters-list--isOpen {
  height: auto;
}
.filters-list__container {
  display: flex;
  flex-direction: column;
}
.filters-list__Filter {
  margin-right: 15px;
  display: inline-block;
  vertical-align: bottom;
  position: relative;
  min-width: 110px;
}
.filters-list__Filter--disabled {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}
.filters-list__Filter--apps .MultiSelect__TooltipBox {
  max-height: 450px;
}
.filters-list__Filter--period {
  min-width: 192px;
}
.filters-list__Filter--period.filters-list__Filter--singleSelect {
  width: auto;
}
.filters-list__Filter--period.filters-list__Filter--singleSelect {
  min-width: 110px;
}
.filters-list__Filter--in_app_purchases .MultiSelect__TooltipBox {
  min-width: 216px;
  width: auto;
}
.filters-list__Filter--hidden {
  display: none;
}
.filters-list__Filter--isLanding {
  min-width: 100px;
}
@media (max-width: 1024px) {
  .filters-list__Filter--isLanding {
    min-width: 75px;
  }
}
@media (max-width: 768px) {
  .filters-list__Filter--isLanding {
    margin-bottom: 15px;
    width: 130px;
    margin-right: 0;
  }
}
@media (max-width: 1024px) {
  .filters-list__Filter--isLanding.platforms {
    width: 140px;
  }
}
.filters-list__Reset {
  display: inline-block;
  vertical-align: bottom;
  padding: 7px 8px;
  border: 1px solid #979aa8;
  border-radius: 2px;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  cursor: pointer;
  transition: background 0.225s ease;
}
.filters-list__Reset:hover {
  background: #fff;
  border-color: transparent;
  color: #30344a;
}
.filters-list__Print {
  display: inline-block;
  vertical-align: bottom;
  padding: 4px 6px;
  border: 1px solid #979aa8;
  border-radius: 2px;
  font-size: 17px;
  line-height: 1;
  color: #fff;
  cursor: pointer;
  transition: background 0.225s ease;
}
.filters-list__Print:hover {
  background: #fff;
  border-color: transparent;
  color: #30344a;
}
.filters-list__Export {
  display: inline-block;
  vertical-align: bottom;
  padding: 7px 8px;
  border: 1px solid #979aa8;
  border-radius: 2px;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  cursor: pointer;
  transition: background 0.225s ease;
  text-decoration: none;
  margin-left: 10px;
}
.filters-list__export-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  flex-grow: 1;
}
.filters-list__export-container .filters-list__Export:hover {
  background: #fff;
  border-color: transparent;
  color: #30344a;
}
.filters-list__ProcessState {
  margin: 0 16px;
  align-self: center;
  color: #fff;
  font-size: 0.8rem;
}
.filters-list .MultiSelect__ContentBox__Header,
.filters-list .MultiSlider__ContentBox__Header {
  padding-bottom: 5px;
  transition: border-color 0.2s ease;
}
.filters-list .MultiSelect__ContentBox__Header:hover,
.filters-list .MultiSlider__ContentBox__Header:hover {
  border-color: #bec1cf;
}
.filters-list .MultiSelect__ContentBox__Header__Label,
.filters-list .MultiSlider__ContentBox__Header__Label {
  color: #d1d1d1;
}
.filters-list .MultiSelect__ContentBox__Header__OpenIcon,
.filters-list .MultiSlider__ContentBox__Header__OpenIcon {
  color: #d1d1d1;
}
.filters-list .CustomDatesPicker__ContentBox__Header {
  padding-bottom: 5px;
  transition: border-color 0.2s ease;
}
.filters-list .CustomDatesPicker__ContentBox__Header:hover {
  border-color: #bec1cf;
}
.filters-list .CustomDatesPicker__ContentBox__Header__Label {
  color: #d1d1d1;
}
.filters-list .CustomDatesPicker__ContentBox__Header__OpenIcon {
  color: #d1d1d1;
}
.filters-list__buttons:not(:empty) {
  position: absolute;
  right: 20px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  -moz-column-gap: 10px;
  column-gap: 10px;
}
.filters-list__toggle-btn {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  padding: 6px 8px 4px;
  border: 1px solid #979aa8;
  border-radius: 2px;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  cursor: pointer;
  transition: background 0.225s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.filters-list__toggle-btn:hover {
  background: #fff;
  border-color: transparent;
  color: #30344a;
}
.filters-list__toggle-btn--isNew:after {
  content: 'New';
  font-size: 9px;
  background: #e52daf;
  color: #fff;
  padding: 1px 4px;
  border-radius: 6px;
  line-height: 11px;
  margin-left: 5px;
  margin-top: -3px;
  font-weight: 600;
  text-transform: uppercase;
  position: absolute;
  top: -4px;
  left: -14px;
}
.filters-list__number-hidden-active-filters {
  position: absolute;
  right: -7px;
  top: -7px;
  border: 1px solid #fff;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  text-align: center;
  font-size: 10px;
  line-height: 9px;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #488de1;
  color: #fff;
  font-weight: 600;
}
.filters-list__number-hidden-filters {
  vertical-align: text-top;
}
.filters-list__toggle-btn-icon {
  width: 14px;
  margin-right: 2px;
}
.filters-list__toggle-btn-icon--isOpen {
  transform: rotate(180deg);
}
.filters-list__filters-row {
  position: relative;
  display: flex;
  align-items: flex-end;
  flex: 1;
  white-space: nowrap;
  flex-flow: column nowrap;
  flex-direction: row;
}
.filters-list__filters-row:not(:empty) {
  padding: 10px 20px;
}
@media (max-width: 768px) {
  .filters-list__filters-row:not(:empty) {
    padding: 10px 0;
  }
}
.filters-list__filters-row--withoutTitle {
  min-height: 69px;
}
.filters-list__filters-row:not(:first-of-type) {
  position: absolute;
  top: -200%;
  display: flex;
  flex-wrap: wrap;
  opacity: 0;
  pointer-events: none;
}
.filters-list__filters-row:not(:first-of-type).filters-list__filters-row--isOpen {
  position: static;
  opacity: 1;
  pointer-events: auto;
}
.filters-list__filters-row:not(:first-of-type).filters-list__filters-row--isOpen .react-tooltip {
  margin-bottom: 8px;
}
.filters-list__filters-row:not(:first-of-type):not(:empty) {
  margin-top: 15px;
  padding-bottom: 10px;
}
.filters-list__filters-row--isLanding {
  justify-content: space-between;
}
@media (max-width: 768px) {
  .filters-list__filters-row--isLanding {
    flex-wrap: wrap;
    justify-content: space-between;
    width: 280px;
    margin: 0 auto;
  }
}

/* stylelint-disable */
.CustomDatesPicker {
  position: relative;
  display: inline-block;
}
.CustomDatesPicker__new {
  font-size: 9px;
  background: #e52daf;
  color: #fff;
  padding: 1px 4px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  line-height: 11px;
  margin-left: 5px;
  margin-top: -3px;
  justify-content: center;
  font-weight: 600;
  text-transform: uppercase;
}
.CustomDatesPicker__ContentBox {
  padding: 0;
  cursor: pointer;
}
.CustomDatesPicker__ContentBox__Header {
  border-bottom: 1px solid #f5b527;
  position: relative;
  font-weight: 600;
}
.CustomDatesPicker__ContentBox__Header.is-all {
  border-color: #979aa8;
}
.CustomDatesPicker__ContentBox__Header__Label {
  display: flex;
  align-items: flex-start;
  text-align: left;
  font-size: 11px;
  font-weight: 400;
  color: #171a27;
  margin: 0 20px 5px 0;
  position: relative;
}
.CustomDatesPicker__ContentBox__Header__SelectedValue {
  min-height: 20px;
  display: block;
  margin: 0 15px 0 0;
  font-size: 14px;
  color: #fff;
}
.CustomDatesPicker__ContentBox__Header__SelectedValue.is-all {
  color: #979aa8;
  font-weight: normal;
}
.CustomDatesPicker__ContentBox__Header__OpenIcon {
  margin: 0;
  color: #171a27;
  font-weight: 400;
  font-size: 0.8rem !important;
  position: absolute;
  right: 0;
  bottom: 8px;
}
.CustomDatesPicker__TooltipBox {
  display: flex;
  flex-direction: column;
  position: absolute;
  background-color: #fff;
  box-shadow: 3px 3px 12px -2px rgba(47, 52, 74, 0.5);
  top: -9px;
  left: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  transition: all 250ms, opacity 200ms;
  transform: translateZ(0);
  z-index: -1;
}
.CustomDatesPicker__TooltipBox.right {
  left: auto;
  right: -10px;
}
.CustomDatesPicker__TooltipBox__Header {
  padding: 8px 10px;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  background-color: #f8f8f8;
}
.CustomDatesPicker__TooltipBox__Header__Label {
  flex: 5;
  display: inline-block;
  text-align: left;
  font-size: 0.9rem;
  font-weight: 600;
  color: #3b2f4c;
}
.CustomDatesPicker__TooltipBox__Header__Label .CustomDatesPicker__new {
  display: none;
}
.CustomDatesPicker__TooltipBox__Header__Controls {
  flex: 1;
  display: inline-block;
  font-size: 0.8rem;
  font-weight: 400;
}
.CustomDatesPicker__TooltipBox__Header__Controls__Current {
  display: inline-block;
  cursor: pointer;
  padding-left: 6px;
  border-radius: 4px;
}
.CustomDatesPicker__TooltipBox__Header__Controls__Current:hover {
  color: #7d7e85;
}
.CustomDatesPicker.is-active .CustomDatesPicker__TooltipBox {
  z-index: 150;
  opacity: 1;
  visibility: visible;
}
.CustomDatesPicker.is-active .CustomDatesPicker__TooltipBox__Header__Label {
  display: flex;
  justify-content: space-between;
}
.CustomDatesPicker.is-disabled .CustomDatesPicker__ContentBox__Header__SelectedValue {
  color: #c2c5d2;
}
.CustomDatesPicker.is-disabled .CustomDatesPicker__ContentBox__Header {
  border-bottom-color: #c2c5d2;
}
.CustomDatesPicker__presets {
  padding: 0 22px 22px;
  display: flex;
  flex-wrap: wrap;
  row-gap: 6px;
}
.CustomDatesPicker__presets-button {
  padding: 5px 8px;
  margin-right: 5px;
  color: #7d7e85;
  font-size: revert;
  border-radius: 3px;
  border: 1px solid #7d7e85;
  background: transparent;
  box-shadow: none;
  outline: none;
  cursor: pointer;
}
.CustomDatesPicker__presets-button_active,
.CustomDatesPicker__presets-button:hover {
  color: #fff;
  background: #a4a5aa;
}
.CustomDatesPicker__presets-button:focus {
  border-color: #64656b;
}
.CustomDatesPicker .CalendarDay_container {
  transition: all 0.3s ease;
}
.CustomDatesPicker .CalendarDay__selected_span {
  background: #e2e3e6;
  border-color: #e2e3e6;
}
.CustomDatesPicker .CalendarDay__selected_span:active,
.CustomDatesPicker .CalendarDay__selected_span:hover {
  background: #b9bbc3;
  border-color: #b9bbc3;
}
.CustomDatesPicker .CalendarDay__selected {
  background: #e2e3e6;
  border-color: #e2e3e6;
}
.CustomDatesPicker .CalendarDay__selected_2:not(.CalendarDay__selected_3),
.CustomDatesPicker .CalendarDay__selected:active,
.CustomDatesPicker .CalendarDay__selected:hover {
  background: #7d7e85;
  border-color: #7d7e85;
}
.CustomDatesPicker .CalendarDay__hovered_span,
.CustomDatesPicker .CalendarDay__hovered_span:hover,
.CustomDatesPicker .CalendarDay__hovered_span:active {
  background: #e2e3e6;
  border-color: #e2e3e6;
  color: #fff;
}
.CustomDatesPicker .CalendarDay__selected_start,
.CustomDatesPicker .CalendarDay__selected_end {
  background: #7d7e85;
  border-color: #7d7e85;
}
.CustomDatesPicker .CalendarDay__blocked_calendar,
.CustomDatesPicker .CalendarDay__blocked_calendar:hover,
.CustomDatesPicker .CalendarDay__blocked_calendar:active {
  background: transparent;
  border-color: transparent;
  color: #ccc;
  cursor: not-allowed;
}
.CustomDatesPicker .DayPicker__withBorder {
  border-radius: 0;
}
.CustomDatesPicker__signup-notice {
  position: absolute;
  top: 100%;
  left: 0;
  transform: translateY(25px);
  z-index: 99;
}
.CustomDatesPicker__clear {
  cursor: pointer;
  font-size: 11px;
  font-weight: 600;
  transition: color 0.2s ease;
}
.CustomDatesPicker__clear:hover {
  color: #7d7e85;
}

.signup-notice {
  width: 320px;
  padding: 35px 25px 25px;
  background: #fff;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  white-space: normal;
  color: #30344a;
  font-size: 18px;
}
@media (max-width: 480px) {
  .signup-notice {
    width: 280px;
  }
}
.signup-notice__link {
  margin-top: 42px;
  text-align: right;
  font-weight: bold;
  font-size: 13px;
}
.signup-notice__link .link {
  cursor: pointer;
}

.date-select {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 10px;
  column-gap: 10px;
  margin-top: -5px;
}
.date-select__select {
  position: relative;
  padding: 9px 35px 9px 15px;
  border: 1px solid #d6dce0;
  border-radius: 3px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  outline: none;
  transition: background-color 0.2s ease;
}
.date-select__select-icon-box {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 100%;
  border-left: 1px solid #d6dce0;
  pointer-events: none;
}
.date-select__select-icon {
  position: absolute;
  top: 50%;
  left: 0;
  transform: rotate(90deg) translate(-50%, -50%);
  fill: #d6dce0;
}
.date-select__select-box {
  position: relative;
}
.date-select__select-box:hover .date-select__select {
  background-color: #d6dce0;
}
.date-select__select-box:hover .date-select__select-icon {
  fill: #fff;
}

.AdNetworks__new {
  font-size: 6px;
  background: #e52daf;
  color: #fff;
  padding: 1px 3px;
  border-radius: 6px;
  line-height: 7px;
  margin-left: 5px;
  font-weight: 600;
  text-transform: uppercase;
  position: absolute;
  left: 6px;
  top: 1px;
}
.AdNetworks__icon-wrapper {
  align-items: center;
  display: flex;
  padding-left: 4px;
}
.AdNetworks__icon {
  display: flex;
}
.AdNetworks__title {
  line-height: 24px;
  padding: 2px 8px;
}
.filters-list__Filter--ad_networks .MultiSelectTree__TooltipBox {
  min-width: 300px;
  width: auto;
}
.filters-list__Filter--ad_networks .MultiSelectTree__ContentBox__Header__SelectedValue {
  text-transform: none;
}
.filters-list__Filter--ad_networks .ant-select-tree .ant-select-tree-node-content-wrapper {
  display: flex;
  align-items: center;
  padding: 0;
}
.filters-list__Filter--ad_networks .ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-icon__customize {
  background-repeat: no-repeat;
  background-position: 0 0;
  min-width: 20px;
  width: 20px;
  display: flex;
  vertical-align: middle;
  padding: 0;
  background-size: 100%;
}
.filters-list__Filter--ad_networks .ant-tree-select-dropdown .ant-select-tree-list-holder-inner .ant-select-tree-treenode .ant-select-tree-node-content-wrapper {
  flex: inherit;
  line-height: 20px;
}
.filters-list__Filter--ad_networks .MultiSelectTree__TreeSelect .ant-select-tree-title {
  padding: 0;
}
.filters-list__Filter--ad_networks .MultiSelectTree__TreeSelect .ant-select-tree-list-holder {
  max-height: 256px !important;
}
.filters-list__Filter--ad_networks .ant-select-tree-switcher-noop {
  display: none;
}
.filters-list__Filter--ad_networks .ant-select-selection-item-content .AdNetworks__title {
  line-height: inherit;
  padding: 0;
}

#tree-select-container {
  position: relative;
}
#tree-select-container > div {
  position: static !important;
}
.MultiSelectTree {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.MultiSelectTree__TooltipBox {
  display: block;
  position: absolute;
  background-color: #fff;
  box-shadow: 3px 3px 12px -2px rgba(47, 52, 74, 0.5);
  top: -9px;
  left: -10px;
  transition: opacity 200ms;
  transform: translateZ(0);
  z-index: 145;
  max-height: 450px;
  width: 400px;
}
.MultiSelectTree__TooltipBox.right {
  left: auto;
  right: -10px;
}
@media (max-width: 768px) {
  .MultiSelectTree__TooltipBox.right {
    right: -20px;
  }
}
.MultiSelectTree__TooltipBox__Header {
  padding: 8px 10px;
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  background-color: #f8f8f8;
}
.MultiSelectTree__TooltipBox__Header__Label {
  font-weight: 600;
  color: #3b2f4c;
  padding-right: 10px;
}
.MultiSelectTree__ContentBox {
  border-bottom: 1px solid #979aa8;
  color: #979aa8;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.MultiSelectTree__ContentBox__Header {
  color: #979aa8;
  padding-bottom: 5px;
  border-bottom: 1px solid #979aa8;
  transition: border-color 0.2s ease;
}
.MultiSelectTree__ContentBox__Header:hover {
  border-color: #bec1cf;
}
.MultiSelectTree__ContentBox__Header--selected {
  font-weight: 600;
  border-bottom-color: #f5b527;
  color: #fff;
}
.MultiSelectTree__ContentBox__Header__Text {
  display: none;
}
.MultiSelectTree__ContentBox__Header__Label {
  display: flex;
  align-items: flex-start;
  text-align: left;
  font-size: 11px;
  font-weight: 400;
  color: #d1d1d1;
  margin: 0 20px 5px 0;
  position: relative;
}
.MultiSelectTree__ContentBox__Header__New {
  font-size: 9px;
  background: #e52daf;
  color: #fff;
  padding: 1px 4px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  line-height: 11px;
  margin-left: 5px;
  margin-top: -3px;
  justify-content: center;
  font-weight: 600;
  text-transform: uppercase;
}
.MultiSelectTree__ContentBox__Header__SelectedValue {
  display: block;
  margin: 0 15px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;
  font-size: 14px;
  width: 95px;
}
.MultiSelectTree__ContentBox__Header__OpenIcon {
  margin: 0;
  color: #d1d1d1;
  font-weight: 400;
  font-size: 0.8rem !important;
  position: absolute;
  right: 0;
  bottom: 8px;
}
.MultiSelectTree__ContentBox__Header__OpenIcon::before {
  content: "\f107";
}
.MultiSelectTree__TreeSelect {
  padding: 10px 10px 0 10px;
}
.MultiSelectTree__TreeSelect__Controls {
  display: flex;
  -moz-column-gap: 20px;
  column-gap: 20px;
  font-size: 0.8rem;
  font-weight: 400;
}
.MultiSelectTree__TreeSelect__Controls__Item {
  cursor: pointer;
  font-size: 11px;
  font-weight: 600;
}
.MultiSelectTree__TreeSelect__Controls__Item:hover {
  color: #7d7e85;
}
.MultiSelectTree__TreeSelect__Controls__Item:nth-child(even)::before {
  content: "|";
  position: relative;
  left: -10px;
  color: #e4e4e4;
}
.MultiSelectTree__TreeSelect .ant-tree-select {
  width: 100%;
}
.MultiSelectTree__TreeSelect .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
  border-color: #d9d9d9;
}
.MultiSelectTree__TreeSelect .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
  border-color: #d9d9d9;
  box-shadow: none;
}
.MultiSelectTree__TreeSelect .ant-select-tree-checkbox {
  display: none;
}
.MultiSelectTree__TreeSelect .ant-select-tree-list-holder {
  max-height: 340px !important;
}
.MultiSelectTree__TreeSelect .ant-select-tree-node-content-wrapper {
  color: #30344a;
}
.MultiSelectTree__TreeSelect .ant-select-selection-item-content {
  color: #30344a;
}
.MultiSelectTree__TreeSelect .ant-tree-select-dropdown .ant-select-tree .filter-node .ant-select-tree-title {
  color: inherit !important;
  font-weight: normal !important;
}
.MultiSelectTree__TreeSelect .ant-select-tree .ant-select-tree-list .ant-select-tree-treenode-checkbox-checked .ant-select-tree-node-content-wrapper {
  background-color: #7d7e85;
  color: #fff;
}
.MultiSelectTree__TreeSelect .ant-select-tree .ant-select-tree-list .ant-select-tree-treenode-checkbox-checked .ant-select-tree-node-content-wrapper:hover {
  background-color: #979aa8;
  color: #fff;
}
.MultiSelectTree__TreeSelect .ant-select-dropdown {
  position: static;
  top: 0 !important;
  box-shadow: none;
  overflow: auto;
}

.DistributionPlatforms__new {
  font-size: 6px;
  background: #e52daf;
  color: #fff;
  padding: 1px 3px;
  border-radius: 6px;
  line-height: 7px;
  margin-left: 5px;
  font-weight: 600;
  text-transform: uppercase;
  position: absolute;
  left: 6px;
  top: 1px;
}
.DistributionPlatforms__icon-wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
  align-self: center;
  margin-left: 4px;
  position: relative;
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 12px;
  text-align: center;
}
.DistributionPlatforms__icon {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-size: 100%;
}
.DistributionPlatforms__title {
  line-height: 24px;
  padding: 2px 8px;
}
.filters-list__Filter--distribution_platforms .MultiSelectTree__TooltipBox {
  min-width: 300px;
  width: auto;
}
.filters-list__Filter--distribution_platforms .MultiSelectTree__ContentBox__Header__SelectedValue {
  text-transform: none;
}
.filters-list__Filter--distribution_platforms .ant-select-tree .ant-select-tree-node-content-wrapper {
  display: flex;
  align-items: center;
  padding: 0;
}
.filters-list__Filter--distribution_platforms .ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-icon__customize {
  background-repeat: no-repeat;
  background-position: 0 0;
  min-width: 20px;
  width: 20px;
  display: flex;
  vertical-align: middle;
  padding: 0;
  background-size: 100%;
}
.filters-list__Filter--distribution_platforms .ant-tree-select-dropdown .ant-select-tree-list-holder-inner .ant-select-tree-treenode .ant-select-tree-node-content-wrapper {
  flex: inherit;
  line-height: 20px;
}
.filters-list__Filter--distribution_platforms .MultiSelectTree__TreeSelect .ant-select-tree-title {
  padding: 0;
}
.filters-list__Filter--distribution_platforms .MultiSelectTree__TreeSelect .ant-select-tree-list-holder {
  max-height: 256px !important;
}
.filters-list__Filter--distribution_platforms .ant-select-tree-switcher-noop {
  display: none;
}
.filters-list__Filter--distribution_platforms .ant-select-selection-item-content .DistributionPlatforms__title {
  line-height: inherit;
  padding: 0;
}

.TagsFilter__Option {
  padding: 4px 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.filters-list__Filter--tags .MultiSelect__ContentBox__Header__SelectedValue {
  text-transform: none;
}
.filters-list__Filter--tags .MultiSelect__TooltipBox {
  max-height: inherit;
}
.filters-list__Filter--tags .MultiSelect__TooltipBox__Options__Option {
  padding: 0 6px;
  text-transform: none;
}
.filters-list__Filter--tags .MultiSelect__TooltipBox__Options__Option.is-selected {
  background-color: #e2e3e6;
}
.filters-list__Filter--tags .MultiSelect__TooltipBox__Options__Option.is-selected .tag__tag-item {
  max-width: calc(100% - 15px);
}
.filters-list__Filter--tags .MultiSelect__TooltipBox__Options__Option.is-selected .TagsFilter__Option::after {
  content: url("data:image/svg+xml; utf8, <svg width=\"11\" height=\"10\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"grey\"><path d=\"M4.448 6.448L9.214.382a1 1 0 111.572 1.236L4.552 9.553.257 4.78a1 1 0 111.486-1.338l2.705 3.006z\"/></svg>");
  width: 11px;
  height: 17px;
}

.filter-search__search-container {
  padding: 15px 15px;
  position: relative;
  transition: width 0.225s ease;
  border-top: 1px solid #e5e5e5;
}
.filter-search__search-icon-container {
  background-color: #f5f5f5;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 15px;
  border-bottom-left-radius: 23px;
  border-top-left-radius: 23px;
  pointer-events: none;
  width: 32px;
  height: 28px;
  padding-left: 9px;
  border: 1px solid #c2c5d2;
}
.filter-search__search-icon-container--isBothPlatform {
  width: 43px;
  padding-left: 15px;
}
.filter-search__search-icon {
  display: inline-block;
  vertical-align: middle;
  width: 13px;
  height: 12px;
  fill: #979aa8;
}
.filter-search__search-input {
  display: block;
  width: 100%;
  height: 28px;
  padding: 5px 6px 6px 40px;
  background: #fff;
  border: 1px solid #c2c5d2;
  border-radius: 23px;
  outline: none;
  box-shadow: none;
  -webkit-appearance: textfield;
}
.filter-search__search-input--isBothPlatform {
  padding: 5px 6px 6px 50px;
}
.filter-search__search-input::-webkit-search-decoration {
  -webkit-appearance: none;
}

.platforms {
  margin-right: 20px;
}
.platforms__icon {
  width: 16px;
  max-width: none;
  max-height: none;
  margin-right: 6px;
}
.platforms__icon-container {
  display: flex;
  align-items: center;
}
.platforms__option {
  display: flex;
  align-items: center;
}
.platforms .MultiSelect__ContentBox__Header__SelectedValue {
  display: flex;
  max-width: 108px;
  width: 108px;
}
.platforms__new {
  font-size: 6px;
  background: #e52daf;
  color: #fff;
  padding: 1px 3px;
  border-radius: 6px;
  line-height: 7px;
  margin-left: 5px;
  font-weight: 600;
  text-transform: uppercase;
  position: absolute;
  left: 6px;
  top: 1px;
}

.Country__titles {
  display: flex;
  padding: 8px 10px;
  background-color: #f8f8f8;
  font-size: 0.9rem;
  color: #3b2f4c;
  -moz-column-gap: 4px;
  column-gap: 4px;
}
.Country__title-item {
  cursor: pointer;
  min-width: 56px;
  display: flex;
}
.Country__title-item--selected {
  font-weight: 600;
}
.Country__New {
  font-size: 9px;
  background: #e52daf;
  color: #fff;
  padding: 1px 4px;
  border-radius: 6px;
  display: flex;
  height: 13px;
  align-items: center;
  line-height: 11px;
  margin-left: 3px;
  margin-top: 4px;
  justify-content: center;
  font-weight: 600;
  text-transform: uppercase;
}
.Country__world-icon {
  width: 12px;
  height: 12px;
  background: url(/fb-icons2.cd38b6b8.png) no-repeat -40px -247px;
  display: inline-block;
  vertical-align: middle;
}
.Country__world-icon--result {
  margin-right: 6px;
}
@media (min-resolution: 2dppx), (min-resolution: 192dpi) {
  .Country__world-icon {
    background: url(/fb-icons2-2x.81a68936.png) -13px -329px;
    background-size: 53px 355px;
  }
}
.Country__Option {
  min-height: 24px;
  width: 100%;
  padding-left: 6px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  position: relative;
}
.Country__Option__Icon {
  width: 12px;
  height: 9px;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  background-color: #fff;
}
.Country__Option__Name {
  vertical-align: middle;
  padding-left: 7px;
}
.Country__Option__New {
  font-size: 6px;
  background: #e52daf;
  color: #fff;
  padding: 1px 3px;
  border-radius: 6px;
  line-height: 7px;
  margin-left: 5px;
  font-weight: 600;
  text-transform: uppercase;
  position: absolute;
  left: 6px;
  top: 1px;
}
.Country__Option--selected {
  background-color: #7d7e85;
  color: #fff;
}
.Country__Option--selected .MultiSelect__arrow-toggle {
  fill: #fff;
}
.Country__Option--region .Country__world-icon {
  display: none;
}
.Country__controls {
  margin-left: auto;
}
.filters-list__Filter--country .MultiSelect__TooltipBox.is-oneExpandableOption {
  max-height: 450px;
}
.filters-list__Filter--country .MultiSelect__TooltipBox__Options__Option {
  padding: 0;
}
.filters-list__Filter--country .MultiSelect__TooltipBox__Header__Controls {
  align-self: center;
}
.filters-list__Filter--country .MultiSelect__TooltipBox__Options__Columns {
  padding-bottom: 6px;
}
.filters-list__Filter--country .MultiSelect__expandable-option-list {
  padding-left: 12px;
}
.filters-list__Filter--country .MultiSelect__expandable-options-title {
  padding: 0;
}

.charts-type.filters-list__Filter {
  min-width: 80px;
}
.charts-type__title {
  display: block;
  text-align: left;
  font-size: 11px;
  font-weight: 400;
  color: #d1d1d1;
  margin: 0 0 5px 0;
}
.charts-type__options {
  font-size: 0;
  cursor: pointer;
  display: flex;
  flex-wrap: nowrap;
}
.charts-type__option {
  display: flex;
  height: 28px;
  padding: 5px 8px;
  float: left;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  background: transparent;
  line-height: 0;
  font-weight: 500;
  border: 1px solid #979aa8;
  color: #fff;
  margin-right: 3px;
  cursor: pointer;
}
.charts-type__option:nth-last-child(2) {
  margin-right: 15px;
}
.charts-type__option--selected,
.charts-type__option:hover {
  background: #fff;
  border-color: #fff;
  color: #2f344a;
}
.charts-type__option--isDisabled {
  opacity: 0.3;
}
.charts-type__option--isDisabled:hover {
  background: none;
}
.charts-type__option-label {
  font-size: 12px;
  text-transform: capitalize;
}

.update-types__Option__Name {
  vertical-align: middle;
  display: flex;
  align-items: center;
}
.update-types__input-container {
  position: relative;
  display: block;
  margin-right: 10px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 14px;
  height: 14px;
}
.update-types__custom-checkbox {
  position: absolute;
  top: 0;
  left: 0;
  height: 14px;
  width: 14px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
.update-types__custom-checkbox::after {
  content: "";
  position: absolute;
  display: none;
}
.update-types__default-checkbox {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.update-types__default-checkbox:checked ~ .update-types__custom-checkbox {
  background-color: #488de1;
  border: 0;
}
.update-types__default-checkbox:checked ~ .update-types__custom-checkbox::after {
  display: block;
  left: 5px;
  top: 3px;
  width: 2px;
  height: 6px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.app-lists-extended-container {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.app-lists-extended-container__controls {
  font-size: 0.8rem;
}
.app-lists-extended-container__clear {
  font-size: 0.8rem;
  font-weight: 400;
  cursor: pointer;
}
.app-lists-extended-container__clear:hover {
  color: #7d7e85;
}
.app-lists-extended-container__TooltipBox {
  display: block;
  position: absolute;
  background-color: #fff;
  box-shadow: 3px 3px 12px -2px rgba(47, 52, 74, 0.5);
  top: -9px;
  left: -10px;
  transition: opacity 200ms;
  transform: translateZ(0);
  z-index: 1000;
}
.app-lists-extended-container__TooltipBox.right {
  left: auto;
  right: -10px;
}
@media (max-width: 768px) {
  .app-lists-extended-container__TooltipBox.right {
    right: -20px;
  }
}
.app-lists-extended-container__TooltipBox .MultiSelect__TooltipBox {
  position: static;
  box-shadow: none;
}
.app-lists-extended-container__TooltipBox .MultiSelect__TooltipBox__Options {
  border-top: none;
  height: 200px;
  max-height: 200px;
}
.app-lists-extended-container__TooltipBox .MultiSelect__TooltipBox.is-oneColumn {
  width: 340px;
}
.app-lists-extended-container__TooltipBox__Header {
  padding: 8px 10px;
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  background-color: #f8f8f8;
}
.app-lists-extended-container__TooltipBox__Header__Label {
  font-weight: 600;
  color: #3b2f4c;
}
.app-lists-extended-container__ContentBox {
  border-bottom: 1px solid #979aa8;
  color: #979aa8;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.app-lists-extended-container__ContentBox__Header {
  color: #979aa8;
  padding-bottom: 5px;
  border-bottom: 1px solid #979aa8;
  transition: border-color 0.2s ease;
}
.app-lists-extended-container__ContentBox__Header:hover {
  border-color: #bec1cf;
}
.app-lists-extended-container__ContentBox__Header--selected {
  font-weight: 600;
  border-bottom-color: #f5b527;
  color: #fff;
}
.app-lists-extended-container__ContentBox__Header__Label {
  display: flex;
  align-items: flex-start;
  text-align: left;
  font-size: 11px;
  font-weight: 400;
  color: #d1d1d1;
  margin: 0 20px 5px 0;
  position: relative;
}
.app-lists-extended-container__ContentBox__Header__New {
  font-size: 9px;
  background: #e52daf;
  color: #fff;
  padding: 1px 4px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  line-height: 11px;
  margin-left: 5px;
  margin-top: -3px;
  justify-content: center;
  font-weight: 600;
  text-transform: uppercase;
}
.app-lists-extended-container__ContentBox__Header__SelectedValue {
  display: block;
  margin: 0 15px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;
  font-size: 14px;
  width: 95px;
}
.app-lists-extended-container__ContentBox__Header__OpenIcon {
  margin: 0;
  color: #d1d1d1;
  font-weight: 400;
  font-size: 0.8rem !important;
  position: absolute;
  right: 0;
  bottom: 8px;
}
.app-lists-extended-container__ContentBox__Header__OpenIcon::before {
  content: "\f107";
}
.app-lists-extended-container__app-lists-container {
  display: flex;
}
.app-lists-extended-container__app-list-left {
  border-right: 1px solid #e5e5e5;
}
.app-lists-extended-container__footer {
  display: flex;
  align-items: flex-start;
  padding: 8px 10px;
  background-color: #f8f8f8;
  border-top: 1px solid #e5e5e5;
  gap: 16px;
}
.app-lists-extended-container__hint {
  font-size: 12px;
  margin-top: 4px;
  margin-bottom: 0;
  opacity: 0.5;
}
.app-lists-extended-container__create-button.button {
  font-size: 13px;
  width: auto;
  padding: 9px 15px;
}

.app-lists-extended__title {
  font-size: 13px;
  text-align: center;
  padding: 4px;
  background-color: #f1f0f2;
}
.app-lists-extended__edit-btn {
  display: none;
  float: right;
  font-size: 11px;
  font-weight: 600;
  padding-left: 5px;
  padding-right: 5px;
}
.app-lists-extended__name-container {
  display: flex;
  align-items: center;
  margin-right: 10px;
  width: 145px;
}
.app-lists-extended__name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: capitalize;
}
.app-lists-extended__pub-label {
  display: flex;
  margin-left: 5px;
  flex-shrink: 0;
}
.app-lists-extended__list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  height: 32px;
  width: 100%;
}
.app-lists-extended__list-item--active {
  background-color: #488de1;
  color: #fff;
}
.app-lists-extended__list-item--active .app-lists-extended__name,
.app-lists-extended__list-item--active .app-lists-extended__edit-btn {
  display: block;
}
.app-lists-extended__list-item--active .app-lists-extended__name:hover,
.app-lists-extended__list-item--active .app-lists-extended__edit-btn:hover {
  color: #fff;
}
.app-lists-extended__list-item--active:hover {
  color: #fff;
}
.app-lists-extended__list-item--active:hover .app-lists-extended__name {
  color: #fff;
}
.app-lists-extended__list-item:hover .app-lists-extended__edit-btn {
  display: block;
}
.app-lists-extended__info {
  display: flex;
  align-items: center;
  flex: 1;
}
.app-lists-extended__list-logo {
  display: flex;
  flex: 1;
  margin: 0;
  padding: 0;
}
.app-lists-extended__app-logo {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.app-lists-extended__app-logo .image__img {
  border-radius: 2px;
}
.app-lists-extended.MultiSelect__TooltipBox {
  margin-right: 0;
}
.app-lists-extended .MultiSelect__TooltipBox__Options {
  max-height: 200px !important;
  background-color: #fff;
}
.app-lists-extended .MultiSelect__TooltipBox__NoOptions {
  min-height: 100px;
  border-bottom: none;
}
.app-lists-extended .MultiSelect__TooltipBox__Options__Option:not(.is-disabled):hover {
  background-color: #488de1;
  color: #fff;
}
.app-lists-extended .MultiSelect__TooltipBox__Options__Option.is-selected {
  background-color: #488de1;
  color: #fff;
}
.app-lists-extended .MultiSelect__spinner-container {
  padding: 15px 0;
}
.app-lists-extended .pub-ad-badge {
  font-size: 8px;
  padding: 1px 3px;
}

.hqlocation__titles {
  display: flex;
  padding: 8px 10px;
  background-color: #f8f8f8;
  font-size: 0.9rem;
  color: #3b2f4c;
  -moz-column-gap: 4px;
  column-gap: 4px;
}
.hqlocation__title-item {
  cursor: pointer;
  min-width: 86px;
  display: flex;
}
.hqlocation__title-item--selected {
  font-weight: 600;
}
.hqlocation__New {
  font-size: 9px;
  background: #e52daf;
  color: #fff;
  padding: 1px 4px;
  border-radius: 6px;
  display: flex;
  height: 13px;
  align-items: center;
  line-height: 11px;
  margin-left: 5px;
  margin-top: 4px;
  justify-content: center;
  font-weight: 600;
  text-transform: uppercase;
}
.hqlocation__world-icon {
  width: 12px;
  height: 12px;
  background: url(/fb-icons2.cd38b6b8.png) no-repeat -40px -247px;
  display: inline-block;
  vertical-align: middle;
}
.hqlocation__world-icon--result {
  margin-right: 6px;
}
@media (min-resolution: 2dppx), (min-resolution: 192dpi) {
  .hqlocation__world-icon {
    background: url(/fb-icons2-2x.81a68936.png) -13px -329px;
    background-size: 53px 355px;
  }
}
.hqlocation__Option {
  min-height: 24px;
  width: 100%;
  padding-left: 6px;
  border-radius: 2px;
  display: flex;
  align-items: center;
}
.hqlocation__Option__Icon {
  width: 12px;
  height: 9px;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  background-color: #fff;
  background-size: 12px 9px;
  background-repeat: no-repeat;
}
.hqlocation__Option__Name {
  vertical-align: middle;
  padding-left: 7px;
}
.hqlocation__Option--selected {
  background-color: #7d7e85;
  color: #fff;
}
.hqlocation__Option--region .hqlocation__world-icon {
  display: none;
}
.hqlocation__controls {
  margin-left: auto;
}
.filters-list__Filter--location .MultiSelect__TooltipBox__Options__Option,
.filters-list__Filter--ahqlocation .MultiSelect__TooltipBox__Options__Option,
.filters-list__Filter--phqlocation .MultiSelect__TooltipBox__Options__Option {
  padding: 0;
}
.filters-list__Filter--location .MultiSelect__TooltipBox__Header__Controls,
.filters-list__Filter--ahqlocation .MultiSelect__TooltipBox__Header__Controls,
.filters-list__Filter--phqlocation .MultiSelect__TooltipBox__Header__Controls {
  align-self: center;
}

.top-publishers-type {
  margin-right: 20px;
}
.top-publishers-type__title {
  display: block;
  text-align: left;
  font-size: 11px;
  font-weight: 400;
  color: #d1d1d1;
  margin: 0 20px 5px 0;
}
.top-publishers-type__options {
  font-size: 0;
  cursor: pointer;
}
.top-publishers-type__option {
  display: flex;
  height: 28px;
  padding: 5px;
  float: left;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  background: transparent;
  border: 0;
  line-height: 0;
  font-weight: 500;
  text-align: center;
}
.top-publishers-type__option:hover {
  background: #2f344a;
}
.top-publishers-type__option--selected,
.top-publishers-type__option:hover.top-publishers-type__option--selected {
  background: #fff;
  color: #2f344a;
}
.top-publishers-type__option:first-of-type {
  margin-right: 5px;
}
.top-publishers-type__option-label {
  font-size: 12px;
  color: #fff;
}
.top-publishers-type__option--selected .top-publishers-type__option-label {
  color: #30344a;
}
.top-publishers-type--whiteTheme .top-publishers-type__option--selected .top-publishers-type__option-label {
  color: #30344a;
}
.top-publishers-type__option:hover:not(.top-publishers-type__option--selected) .top-publishers-type__option-label {
  color: #fff;
}

.taxonomy-categories-container {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.taxonomy-categories-container__ContentBox {
  border-bottom: 1px solid #979aa8;
  color: #979aa8;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.taxonomy-categories-container__ContentBox__Header {
  color: #979aa8;
  padding-bottom: 5px;
  border-bottom: 1px solid #979aa8;
  transition: border-color 0.2s ease;
}
.taxonomy-categories-container__ContentBox__Header:hover {
  border-color: #bec1cf;
}
.taxonomy-categories-container__ContentBox__Header--selected {
  font-weight: 600;
  border-bottom-color: #f5b527;
  color: #fff;
}
.taxonomy-categories-container__ContentBox__Header__Label {
  display: flex;
  align-items: flex-start;
  text-align: left;
  font-size: 11px;
  font-weight: 400;
  color: #d1d1d1;
  margin: 0 20px 5px 0;
  position: relative;
}
.taxonomy-categories-container__ContentBox__Header__New {
  font-size: 9px;
  background: #e52daf;
  color: #fff;
  padding: 1px 4px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  line-height: 11px;
  margin-left: 5px;
  margin-top: -3px;
  justify-content: center;
  font-weight: 600;
  text-transform: uppercase;
}
.taxonomy-categories-container__ContentBox__Header__SelectedValue {
  display: block;
  margin: 0 15px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;
  font-size: 14px;
  width: 95px;
}
.taxonomy-categories-container__ContentBox__Header__OpenIcon {
  margin: 0;
  color: #d1d1d1;
  font-weight: 400;
  font-size: 0.8rem !important;
  position: absolute;
  right: 0;
  bottom: 8px;
}
.taxonomy-categories-container__ContentBox__Header__OpenIcon::before {
  content: "\f107";
}
.taxonomy-categories-container__modal {
  width: 560px;
}

.downloads-slider__tooltip .MultiSlider__TooltipBox {
  width: 320px;
}
.downloads-slider__tooltip .ant-slider-mark-text {
  font-size: 12px;
}
.downloads-slider__tooltip .MultiSlider__max-value .ant-input-number,
.downloads-slider__tooltip .MultiSlider__min-value .ant-input-number {
  width: 120px;
}

.MultiSlider {
  position: relative;
  display: inline-block;
}
.MultiSlider__inputs-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.MultiSlider__max-value .ant-input-number,
.MultiSlider__min-value .ant-input-number {
  border-radius: 2px;
  width: 100px;
}
.MultiSlider__input-label {
  font-size: 11px;
  font-weight: 400;
  color: #bec1cf;
}
.MultiSlider__max-value .MultiSlider__input-label {
  text-align: right;
}
.MultiSlider__slider {
  padding: 10px 20px;
}
.MultiSlider__slider .ant-slider-mark .ant-slider-mark-text:last-child {
  left: auto !important;
  right: -4px;
  transform: none !important;
}
.MultiSlider__ContentBox {
  padding: 0;
  cursor: pointer;
}
.MultiSlider__ContentBox__Header {
  border-bottom: 1px solid #979aa8;
  color: #979aa8;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.MultiSlider__ContentBox__Header__Label {
  display: flex;
  align-items: flex-start;
  text-align: left;
  font-size: 11px;
  font-weight: 400;
  color: #bec1cf;
  margin: 0 20px 5px 0;
  position: relative;
}
.MultiSlider__ContentBox__Header__New {
  font-size: 9px;
  background: #e52daf;
  color: #fff;
  padding: 1px 4px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  line-height: 11px;
  margin-left: 5px;
  margin-top: -3px;
  justify-content: center;
  font-weight: 600;
  text-transform: uppercase;
}
.MultiSlider__ContentBox__Header__SelectedValue {
  display: block;
  margin: 0 15px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;
  font-size: 14px;
  max-width: 95px;
}
.MultiSlider__ContentBox__Header__OpenIcon {
  margin: 0;
  color: #171a27;
  font-weight: 400;
  font-size: 0.8rem !important;
  position: absolute;
  right: 0;
  bottom: 8px;
}
.MultiSlider__ContentBox__Header--selected {
  font-weight: 600;
  border-bottom-color: #f5b527;
  color: #fff;
}
.MultiSlider__TooltipBox {
  display: block;
  position: absolute;
  background-color: #fff;
  box-shadow: 3px 3px 12px -2px rgba(47, 52, 74, 0.5);
  top: -9px;
  left: -10px;
  transition: opacity 200ms;
  transform: translateZ(0);
  z-index: 145;
  width: 260px;
}
.MultiSlider__TooltipBox.right {
  left: auto;
  right: 0;
}
@media (max-width: 768px) {
  .MultiSlider__TooltipBox.right {
    right: -20px;
  }
}
.MultiSlider__TooltipBox__Header {
  padding: 8px 10px;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  background-color: #f8f8f8;
}
.MultiSlider__TooltipBox__Header__Label {
  display: inline-block;
  text-align: left;
  font-size: 0.9rem;
  font-weight: 600;
  color: #3b2f4c;
}
.MultiSlider__TooltipBox__Header__New {
  display: none;
}
.MultiSlider__TooltipBox__Header__SelectedValue {
  display: inline-block;
  margin-left: auto;
  font-size: 0.9rem;
}
.MultiSlider__TooltipBox__Header__Controls {
  display: none;
  font-size: 0.8rem;
  font-weight: 400;
}
.MultiSlider__TooltipBox__Header__Controls__Clear {
  display: none;
  cursor: pointer;
  padding-left: 6px;
  border-radius: 4px;
}
.MultiSlider__TooltipBox__Header__Controls__Clear:hover {
  color: #7d7e85;
}
.MultiSlider__TooltipBox__Header__Controls.is-active {
  display: inline-block;
}
.MultiSlider__TooltipBox__Header__Controls.is-active::before {
  opacity: 1;
}
.MultiSlider__TooltipBox__Header__Controls.is-active .MultiSlider__TooltipBox__Header__Controls__Clear {
  display: inline-block;
}
.MultiSlider__TooltipBox__Header__Controls::before {
  content: "|";
  padding-left: 10px;
  color: #e4e4e4;
  opacity: 0;
}

.revenue-slider__tooltip .MultiSlider__TooltipBox {
  width: 380px;
}
.revenue-slider__tooltip .ant-slider-mark-text {
  font-size: 12px;
}
.revenue-slider__tooltip .MultiSlider__max-value .ant-input-number,
.revenue-slider__tooltip .MultiSlider__min-value .ant-input-number {
  width: 120px;
}

.ration-filter .MultiSelect__TooltipBox__Options__Option {
  text-transform: lowercase;
}
.ration-filter .MultiSelect__TooltipBox__Options__Option.is-disabled {
  opacity: 1;
  min-height: 16px;
  padding-left: 0;
  cursor: default;
}
.ration-filter .MultiSelect__ContentBox__Header--selected .MultiSelect__ContentBox__Header__SelectedValue {
  text-transform: lowercase;
}
.ration-filter__line {
  border-bottom: 1px solid #e5e5e5;
  width: 100%;
  height: 1px;
}

.creative-video-duration__tooltip .MultiSlider__TooltipBox {
  min-width: 320px;
  width: auto;
}
.creative-video-duration__tooltip .ant-slider-mark-text {
  font-size: 12px;
}

.filters-list__Filter--sdk .MultiSelect__TooltipBox {
  position: static;
  box-shadow: none;
  max-height: 490px;
}
.filters-list__Filter--sdk .MultiSelect__TooltipBox .filter-search__search-container {
  border-top: none;
}
.filters-list__Filter--sdk .MultiSelect__TooltipBox__Options {
  height: 405px;
  max-height: 405px;
}
.sdk-filter__autocomplete-right .MultiSelect__TooltipBox__Options {
  height: 160px;
  max-height: 160px;
}
.sdk-filter__autocomplete-right .MultiSelect__spinner-container {
  height: 145px;
}
.filters-list__filters-row:not(:first-of-type).filters-list__filters-row--isOpen .sdk-filter__TooltipBox .react-tooltip {
  margin-bottom: 0;
}

.sdk-autocomplete {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.sdk-autocomplete__controls {
  font-size: 0.8rem;
}
.sdk-autocomplete__clear {
  font-size: 0.8rem;
  font-weight: 400;
  cursor: pointer;
}
.sdk-autocomplete__clear:hover {
  color: #7d7e85;
}
.sdk-autocomplete__TooltipBox {
  display: block;
  position: absolute;
  background-color: #fff;
  box-shadow: 3px 3px 12px -2px rgba(47, 52, 74, 0.5);
  top: -9px;
  left: -10px;
  transition: opacity 200ms;
  transform: translateZ(0);
  z-index: 1000;
}
.sdk-autocomplete__TooltipBox.right {
  left: auto;
  right: -10px;
}
@media (max-width: 768px) {
  .sdk-autocomplete__TooltipBox.right {
    right: -20px;
  }
}
.sdk-autocomplete__TooltipBox .MultiSelect__TooltipBox {
  position: static;
  box-shadow: none;
  max-height: 490px;
}
.sdk-autocomplete__TooltipBox .MultiSelect__TooltipBox .filter-search__search-container {
  border-top: none;
}
.sdk-autocomplete__TooltipBox .MultiSelect__TooltipBox__Options {
  border-top: none;
  height: 405px;
  max-height: 405px;
}
.sdk-autocomplete__TooltipBox__Header {
  padding: 8px 10px;
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  background-color: #f8f8f8;
}
.sdk-autocomplete__TooltipBox__Header__Label {
  font-weight: 600;
  color: #3b2f4c;
}
.sdk-autocomplete__ContentBox {
  border-bottom: 1px solid #979aa8;
  color: #979aa8;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.sdk-autocomplete__ContentBox__Header {
  color: #979aa8;
  padding-bottom: 5px;
  border-bottom: 1px solid #979aa8;
  transition: border-color 0.2s ease;
}
.sdk-autocomplete__ContentBox__Header:hover {
  border-color: #bec1cf;
}
.sdk-autocomplete__ContentBox__Header--selected {
  font-weight: 600;
  border-bottom-color: #f5b527;
  color: #fff;
}
.sdk-autocomplete__ContentBox__Header__Text {
  display: none;
}
.sdk-autocomplete__ContentBox__Header__Label {
  display: flex;
  align-items: flex-start;
  text-align: left;
  font-size: 11px;
  font-weight: 400;
  color: #d1d1d1;
  margin: 0 20px 5px 0;
  position: relative;
}
.sdk-autocomplete__ContentBox__Header__New {
  font-size: 9px;
  background: #e52daf;
  color: #fff;
  padding: 1px 4px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  line-height: 11px;
  margin-left: 5px;
  margin-top: -3px;
  justify-content: center;
  font-weight: 600;
  text-transform: uppercase;
}
.sdk-autocomplete__ContentBox__Header__SelectedValue {
  display: block;
  margin: 0 15px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;
  font-size: 14px;
  width: 95px;
}
.sdk-autocomplete__ContentBox__Header__OpenIcon {
  margin: 0;
  color: #d1d1d1;
  font-weight: 400;
  font-size: 0.8rem !important;
  position: absolute;
  right: 0;
  bottom: 8px;
}
.sdk-autocomplete__ContentBox__Header__OpenIcon::before {
  content: "\f107";
}
.sdk-autocomplete__autocomplete-container {
  display: flex;
}
.sdk-autocomplete__autocomplete-right {
  display: flex;
  flex-direction: column;
}
.sdk-autocomplete__autocomplete-right .MultiSelect__TooltipBox__Options {
  height: 160px;
  max-height: 160px;
}
.sdk-autocomplete__autocomplete-right .MultiSelect__spinner-container {
  height: 145px;
}
.sdk-autocomplete__autocomplete-left {
  border-right: 1px solid #e5e5e5;
}

.autocomplete-select__Option {
  display: flex;
  -moz-column-gap: 8px;
  column-gap: 8px;
  padding: 4px 0;
}
.autocomplete-select__Option__Icon {
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  background-color: #fff;
  border-radius: 1px;
}
.autocomplete-select__Option__Icon__Platform {
  width: 12px;
}
.autocomplete-select__Option__Name {
  max-width: 170px;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.autocomplete-select__Sign {
  font-size: 13px;
  text-align: center;
  padding: 4px;
  background-color: #f1f0f2;
}
.autocomplete-select__Sign--isFetching {
  margin-bottom: 15px;
}

.metrics__disabled {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.metrics__soon {
  font-size: 8px;
}

.compare-metrics__Option__Name {
  vertical-align: middle;
  display: flex;
  align-items: center;
}
.compare-metrics__input-container {
  position: relative;
  display: block;
  margin-right: 10px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 14px;
  height: 14px;
}
.compare-metrics__custom-checkbox {
  position: absolute;
  top: 0;
  left: 0;
  height: 14px;
  width: 14px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
.compare-metrics__custom-checkbox::after {
  content: "";
  position: absolute;
  display: none;
}
.compare-metrics__default-checkbox {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.compare-metrics__default-checkbox:checked ~ .compare-metrics__custom-checkbox {
  background-color: #488de1;
  border: 0;
}
.compare-metrics__default-checkbox:checked ~ .compare-metrics__custom-checkbox::after {
  display: block;
  left: 5px;
  top: 3px;
  width: 2px;
  height: 6px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.sort-by-popular-filter.filters-list__Filter {
  min-width: 80px;
}
.sort-by-popular-filter__title {
  display: block;
  text-align: left;
  font-size: 11px;
  font-weight: 400;
  color: #d1d1d1;
  margin: 0 0 5px 0;
}
.sort-by-popular-filter__options {
  font-size: 0;
  cursor: pointer;
  display: flex;
  flex-wrap: nowrap;
}
.sort-by-popular-filter__option {
  display: flex;
  height: 28px;
  padding: 5px 8px;
  float: left;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  background: transparent;
  line-height: 0;
  font-weight: 500;
  border: 1px solid #979aa8;
  color: #fff;
}
.sort-by-popular-filter__option--selected,
.sort-by-popular-filter__option:hover {
  background: #fff;
  border-color: #fff;
  color: #2f344a;
}
.sort-by-popular-filter__option--isDisabled {
  opacity: 0.3;
}
.sort-by-popular-filter__option--isDisabled:hover {
  background: none;
}
.sort-by-popular-filter__option-label {
  font-size: 12px;
}

.sort-by-date-filter .MultiSelect__TooltipBox.right {
  right: auto;
  left: -10px;
}

.only-available-filter.filters-list__Filter {
  min-width: 80px;
}
.only-available-filter__title {
  display: block;
  text-align: left;
  font-size: 11px;
  font-weight: 400;
  color: #d1d1d1;
  margin: 0 0 5px 0;
}
.only-available-filter__options {
  font-size: 0;
  cursor: pointer;
  display: flex;
  flex-wrap: nowrap;
}
.only-available-filter__option {
  display: flex;
  height: 28px;
  padding: 5px 8px;
  float: left;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  background: transparent;
  line-height: 0;
  font-weight: 500;
  border: 1px solid #979aa8;
  color: #fff;
}
.only-available-filter__option--selected,
.only-available-filter__option:hover {
  background: #fff;
  border-color: #fff;
  color: #2f344a;
}
.only-available-filter__option--isDisabled {
  opacity: 0.3;
}
.only-available-filter__option--isDisabled:hover {
  background: none;
}
.only-available-filter__option-label {
  font-size: 12px;
}

.include-all-words.filters-list__Filter {
  min-width: 80px;
}
.include-all-words__title {
  display: block;
  text-align: left;
  font-size: 11px;
  font-weight: 400;
  color: #d1d1d1;
  margin: 0 0 5px 0;
}
.include-all-words__options {
  font-size: 0;
  cursor: pointer;
  display: flex;
  flex-wrap: nowrap;
}
.include-all-words__option {
  display: flex;
  height: 28px;
  padding: 5px 8px;
  float: left;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  background: transparent;
  line-height: 0;
  font-weight: 500;
  border: 1px solid #979aa8;
  color: #fff;
}
.include-all-words__option--selected,
.include-all-words__option:hover {
  background: #fff;
  border-color: #fff;
  color: #2f344a;
}
.include-all-words__option--isDisabled {
  opacity: 0.3;
}
.include-all-words__option--isDisabled:hover {
  background: none;
}
.include-all-words__option-label {
  font-size: 12px;
}

.country-extended {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.country-extended__titles {
  display: flex;
  padding: 8px 10px;
  background-color: #f8f8f8;
  font-size: 0.9rem;
  color: #3b2f4c;
  -moz-column-gap: 4px;
  column-gap: 4px;
  width: 100%;
}
.country-extended__title-item {
  cursor: pointer;
  min-width: 56px;
  display: flex;
}
.country-extended__title-item--selected {
  font-weight: 600;
}
.country-extended__title {
  font-size: 13px;
  text-align: center;
  padding: 4px;
  background-color: #f1f0f2;
}
.country-extended__Option {
  min-height: 24px;
  width: 100%;
  padding-left: 6px;
  border-radius: 2px;
  display: flex;
  align-items: center;
}
.country-extended__Option__New {
  font-size: 6px;
  background: #e52daf;
  color: #fff;
  padding: 1px 3px;
  border-radius: 6px;
  line-height: 7px;
  margin-left: 5px;
  font-weight: 600;
  text-transform: uppercase;
  position: absolute;
  left: 6px;
  top: 1px;
}
.country-extended__Option__Icon {
  width: 12px;
  height: 9px;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  background-color: #fff;
}
.country-extended__Option__Name {
  vertical-align: middle;
  padding-left: 7px;
}
.country-extended__Option--selected {
  background-color: #7d7e85;
  color: #fff;
}
.country-extended__Option--region .country-extended__world-icon {
  display: none;
}
.country-extended__controls {
  font-size: 0.8rem;
}
.country-extended__clear {
  font-size: 0.8rem;
  font-weight: 400;
  cursor: pointer;
}
.country-extended__clear:hover {
  color: #7d7e85;
}
.country-extended__TooltipBox {
  display: block;
  position: absolute;
  background-color: #fff;
  box-shadow: 3px 3px 12px -2px rgba(47, 52, 74, 0.5);
  top: -9px;
  left: -10px;
  transition: opacity 200ms;
  transform: translateZ(0);
  z-index: 1000;
}
.country-extended__TooltipBox.right {
  left: auto;
  right: -10px;
}
@media (max-width: 768px) {
  .country-extended__TooltipBox.right {
    right: -20px;
  }
}
.country-extended__TooltipBox .MultiSelect__TooltipBox {
  position: static;
  box-shadow: none;
}
.country-extended__TooltipBox .MultiSelect__TooltipBox .filter-search__search-container {
  border-top: none;
}
.country-extended__TooltipBox .MultiSelect__TooltipBox__Options,
.country-extended__TooltipBox .MultiSelect__TooltipBox__Options.is-long,
.country-extended__TooltipBox .MultiSelect__TooltipBox.is-long {
  border-top: none;
  max-height: 400px;
}
.country-extended__TooltipBox .MultiSelect__TooltipBox .MultiSelect__expandable-options-title {
  padding: 0;
}
.country-extended__TooltipBox .MultiSelect__TooltipBox__Options__Option.is-selected:hover {
  background-color: #7d7e85;
}
.country-extended__TooltipBox__Header {
  padding: 8px 10px;
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  background-color: #f8f8f8;
}
.country-extended__TooltipBox__Header__Label {
  font-weight: 600;
  color: #3b2f4c;
}
.country-extended__ContentBox {
  border-bottom: 1px solid #979aa8;
  color: #979aa8;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.country-extended__ContentBox__Header {
  color: #979aa8;
  padding-bottom: 5px;
  border-bottom: 1px solid #979aa8;
  transition: border-color 0.2s ease;
}
.country-extended__ContentBox__Header:hover {
  border-color: #bec1cf;
}
.country-extended__ContentBox__Header--selected {
  font-weight: 600;
  border-bottom-color: #f5b527;
  color: #fff;
}
.country-extended__ContentBox__Header__Label {
  display: flex;
  align-items: flex-start;
  text-align: left;
  font-size: 11px;
  font-weight: 400;
  color: #d1d1d1;
  margin: 0 20px 5px 0;
  position: relative;
}
.country-extended__ContentBox__Header__New {
  font-size: 9px;
  background: #e52daf;
  color: #fff;
  padding: 1px 4px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  line-height: 11px;
  margin-left: 5px;
  margin-top: -3px;
  justify-content: center;
  font-weight: 600;
  text-transform: uppercase;
}
.country-extended__ContentBox__Header__SelectedValue {
  display: block;
  margin: 0 15px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;
  font-size: 14px;
  width: 95px;
}
.country-extended__ContentBox__Header__OpenIcon {
  margin: 0;
  color: #d1d1d1;
  font-weight: 400;
  font-size: 0.8rem !important;
  position: absolute;
  right: 0;
  bottom: 8px;
}
.country-extended__ContentBox__Header__OpenIcon::before {
  content: "\f107";
}
.country-extended__autocomplete-container {
  display: flex;
}
.country-extended__autocomplete-right {
  display: flex;
  flex-direction: column;
}
.country-extended__autocomplete-right .MultiSelect__TooltipBox__Options,
.country-extended__autocomplete-right .MultiSelect__expandable-options {
  height: 160px;
  max-height: 160px;
}
.country-extended__autocomplete-right .MultiSelect__spinner-container {
  height: 145px;
}
.country-extended__autocomplete-left {
  border-right: 1px solid #e5e5e5;
}

.save-preset-button__button {
  display: inline-block;
  vertical-align: bottom;
  padding: 7px 8px;
  background-color: #488de1;
  border-radius: 2px;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  cursor: pointer;
  transition: background 0.225s ease;
  width: 94px;
  text-align: center;
}
.save-preset-button__button .fa-spinner {
  color: white;
  font-size: 12px;
}
.save-preset-button__button:hover,
.save-preset-button__button:focus {
  background: #56a3ff;
}
.save-preset-button__icon {
  stroke: #fff;
  margin-right: 0;
}

.export__container {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  position: relative;
}
.export__container .simple-notice {
  position: absolute;
  right: 0;
  top: 33px;
  z-index: 2;
}
.export__button {
  display: inline-block;
  vertical-align: bottom;
  padding: 7px 8px;
  border: 1px solid #979aa8;
  border-radius: 2px;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  cursor: pointer;
  transition: background 0.225s ease;
  text-decoration: none;
  min-width: 54.7px;
  text-align: center;
}
.export__button--disable {
  color: #979aa8;
}
.export__button:hover {
  background: #fff;
  border-color: transparent;
  color: #30344a;
}
.export__notification .notification-text {
  margin-top: 4px;
}

/* stylelint-disable */
.presets {
  background-color: #6a6e82;
  position: relative;
}
.presets--isOpen {
  height: auto;
}
.presets__option {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 24px;
  padding: 0 2px 0 6px;
  border-radius: 2px;
}
.presets__option--disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.4;
}
.presets__option .presets__close-icon,
.presets__option .presets__notification-on-icon {
  transition: fill 0.2s ease;
  fill: #979aa8;
}
.presets__option .presets__close-icon--notified,
.presets__option .presets__notification-on-icon--notified {
  fill: #f5b527;
}
.presets__option--active {
  background-color: #7d7e85;
  color: #fff;
}
.presets__option--active .presets__close-icon,
.presets__option--active .presets__notification-on-icon {
  fill: #fff;
}
.presets__close-icon {
  min-width: 10px;
  min-height: 10px;
  width: 10px;
  height: 10px;
  margin-left: 6px;
  margin-right: 3px;
  cursor: pointer;
}
.presets__close-icon:hover {
  fill: #e71d36;
}
.presets .MultiSelect__spinner-container {
  padding-top: 15px;
}
.presets__icons-group {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  margin-left: 8px;
}
.presets__notification-on-icon {
  width: 10px;
  min-width: 10px;
}
.presets__notification-on-icon:hover {
  fill: #ffbc00;
}
.presets__preset-btn {
  position: relative;
  display: flex;
  align-items: center;
  padding: 4px 6px;
  border: 1px solid #979aa8;
  border-radius: 2px;
  font-size: 17px;
  color: #fff;
  transition: background 0.225s ease;
}
.presets__preset-btn:hover,
.presets__preset-btn:focus {
  background: #fff;
  border-color: transparent;
  color: #30344a;
}
.presets__preset-btn--isNew:after {
  content: 'New';
  font-size: 9px;
  background: #e52daf;
  color: #fff;
  padding: 1px 4px;
  border-radius: 6px;
  line-height: 11px;
  margin-left: 5px;
  margin-top: -3px;
  font-weight: 600;
  text-transform: uppercase;
  position: absolute;
  top: -4px;
  left: -14px;
}
.presets__add-btn-container {
  padding: 0 10px 8px 10px;
  background-color: #f8f8f8;
  width: 100%;
}
.presets__add-btn--disabled {
  cursor: not-allowed;
  pointer-events: none;
}
.presets__add-btn,
.presets__add-btn:focus {
  background-color: inherit;
  border: 1px solid #979aa8;
  color: #979aa8;
  font-size: 12px;
  width: 100%;
  white-space: nowrap;
}
.presets__add-btn:hover,
.presets__add-btn:focus:hover {
  border-color: #979aa8;
  background-color: #979aa8;
  color: #fff;
}
.presets__add-btn-title {
  padding-right: 8px;
}
.presets .MultiSelect__TooltipBox__Options {
  max-height: 220px;
}
.presets .MultiSelect__ContentBox__Header {
  padding-bottom: 5px;
  transition: border-color 0.2s ease;
}
.presets .MultiSelect__ContentBox__Header:hover {
  border-color: #bec1cf;
}
.presets .MultiSelect__ContentBox__Header__Label {
  color: #d1d1d1;
}
.presets .MultiSelect__ContentBox__Header__OpenIcon {
  color: #d1d1d1;
}
.presets .MultiSelect__TooltipBox__Options__Option {
  padding: 0;
}
.presets--disabled .MultiSelect__TooltipBox__Options__Option {
  pointer-events: none;
}

.demo {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 15px;
  background: #fff;
}
.demo__header {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}
.demo__lock-icon {
  width: 70px;
  height: 70px;
  margin-right: 20px;
}
.demo__main {
  display: flex;
  max-width: 1030px;
  margin: 0 auto;
}
.demo__left {
  width: 400px;
  padding: 0 0 30px;
}
.demo__right {
  flex: 1;
  margin-left: 60px;
  padding-top: 0;
}
.demo__title {
  margin: 0;
  font-size: 28px;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.demo__sub-title {
  font-size: 21px;
  color: #6b6e82;
  font-weight: 400;
}
.demo__description {
  margin: 0 0 19px;
  font-size: 14px;
}
.demo__payment-plan {
  padding: 0 5px 0 20px;
}
.demo__manager-btn.button {
  padding: 16px 0;
  margin: 15px 15px 0 20px;
  font-weight: 600;
}
.demo__subscribe-btn.button {
  padding: 16px 50px;
  margin-top: 15px;
  font-weight: 600;
}
.demo__payment-plan .plan-description__subtitle {
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 600;
  border-bottom: 2px solid #f5b527;
  display: inline-block;
}
.demo__payment-plan .plan-description__advantages {
  display: block;
}
.demo__payment-plan .plan-description__list {
  width: 100%;
}
.demo__payment-plan .plan-description__list-item {
  margin-bottom: 16px;
}
.demo__payment-plan .plan-description__list-item:not(:last-child) {
  margin-bottom: 16px;
}
.demo .slick-list {
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
}
.demo .slick-dots {
  bottom: -30px;
  top: auto;
}
.demo .slick-dots li {
  margin: 0;
  width: 30px;
  height: 30px;
}
.demo .slick-dots button {
  position: relative;
  width: 100%;
  height: 100%;
  background: transparent;
  text-indent: -99999px;
}
.demo .slick-dots button::before {
  position: absolute;
  width: 8px;
  height: 8px;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  border-radius: 8px;
  background: #c2c5d2;
}
.demo .slick-dots .slick-active button::before {
  background: #488de1;
}

.container {
  max-width: 1100px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0 16px;
}
.container--plain {
  padding: 0;
}

.plan-description {
  position: relative;
  color: #30344a;
}
.plan-description__pricing-container {
  max-width: 900px;
  margin: 0 auto;
}
.plan-description__flag {
  width: 70px;
  height: 80px;
  position: absolute;
  top: 0;
  left: 30px;
}
.plan-description__subtitle {
  font-weight: 600;
  margin-bottom: 20px;
  font-size: 32px;
}
.plan-description__advantages {
  display: flex;
  justify-content: space-between;
}
.plan-description__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: left;
}
.plan-description__list-item {
  display: flex;
  font-size: 14px;
  font-weight: 400;
  padding-right: 10px;
  width: 49%;
}
.plan-description__list-item:not(:last-child) {
  margin-bottom: 15px;
}
.plan-description__check-icon {
  display: inline-block;
  vertical-align: middle;
  width: 11px;
  margin-top: 6px;
  margin-right: 12px;
  flex: 0 0 auto;
}

.forbidden-page {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 15px;
  background: #fff;
}
.forbidden-page__header {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}
.forbidden-page__lock-icon {
  width: 70px;
  height: 70px;
  display: block;
  margin-right: 20px;
}
.forbidden-page__main {
  display: flex;
  padding: 0 20px;
}
.forbidden-page__left {
  width: 400px;
  padding: 0 0 30px;
}
.forbidden-page__right {
  flex: 1;
  margin-left: 60px;
  padding-top: 0;
}
.forbidden-page__title {
  margin: 0;
  font-size: 28px;
  font-weight: 600;
}
.forbidden-page__highlight {
  color: #e52daf;
}
.forbidden-page__subtitle {
  display: none;
}
.forbidden-page__subtitle:not(:empty) {
  display: block;
  font-size: 18px;
  margin: 0 0 10px 0;
  font-weight: 600;
}
.forbidden-page__main-text {
  line-height: 28px;
  margin: 0 0 30px 0;
}
.forbidden-page__manager-btn.button {
  padding: 16px 0;
  margin-right: 15px;
  font-weight: 600;
  margin-bottom: 16px;
}
.forbidden-page__extend-btn.button {
  padding: 20px 40px;
  background-color: #e52daf;
  border: none;
  font-size: 20px;
}
.forbidden-page__extend-btn.button:hover {
  background-color: #ff44c8;
}
.forbidden-page__subscribe-btn.button {
  padding: 16px 50px;
  font-weight: 600;
}
.forbidden-page__benefits-title {
  font-weight: 600;
  position: relative;
  border-bottom: 2px solid #f5b527;
  margin: 0 0 15px 0;
  display: inline-block;
  font-size: 18px;
}
.forbidden-page__benefits-list {
  padding: 0;
  margin: 0 0 40px 0;
}
.forbidden-page__benefit-item {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}
.forbidden-page__benefit-item-count {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 2px solid #c2c5d2;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin-right: 10px;
}
.forbidden-page__check-icon {
  width: 11px;
  fill: #488de1;
}
.forbidden-page__benefit-item-text {
  font-size: 14px;
}
.forbidden-page__screenshot {
  outline: none;
}
.forbidden-page .slick-list {
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
}
.forbidden-page .slick-dots {
  bottom: -30px;
  top: auto;
}
.forbidden-page .slick-dots li {
  margin: 0;
  width: 30px;
  height: 30px;
}
.forbidden-page .slick-dots button {
  position: relative;
  width: 100%;
  height: 100%;
  background: transparent;
  text-indent: -99999px;
}
.forbidden-page .slick-dots button::before {
  position: absolute;
  width: 8px;
  height: 8px;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  border-radius: 8px;
  background: #c2c5d2;
}
.forbidden-page .slick-dots .slick-active button::before {
  background: #488de1;
}
.forbidden-page__selected-text {
  color: #e52daf;
  font-size: 14px;
  padding-bottom: 15px;
}
.forbidden-page--market-intelligence-by-geo .forbidden-page__main-text,
.forbidden-page--market-intelligence-by-category .forbidden-page__main-text,
.forbidden-page--market-intelligence-by-platform .forbidden-page__main-text {
  margin-bottom: 0;
}
.forbidden-page--market-intelligence-by-geo .forbidden-page__left,
.forbidden-page--market-intelligence-by-category .forbidden-page__left,
.forbidden-page--market-intelligence-by-platform .forbidden-page__left {
  width: 500px;
}
.forbidden-page--market-intelligence-by-geo .forbidden-page__screenshot,
.forbidden-page--market-intelligence-by-category .forbidden-page__screenshot,
.forbidden-page--market-intelligence-by-platform .forbidden-page__screenshot {
  display: block !important;
}

.grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-left: 10px;
  padding-right: 10px;
}
.grid::after {
  content: "";
  flex: auto;
}
.grid__item {
  width: 250px;
  padding: 0 10px 20px;
}
.grid__item--empty {
  visibility: hidden;
  height: 0;
  padding: 0;
  margin: 0;
  border: 0;
  flex: 0 0 250px;
}
.grid::after {
  content: '';
  display: table;
  clear: both;
}

.state-progress {
  width: 100%;
  background-color: #4c5061;
  height: 0;
  position: relative;
  z-index: 1;
}
.state-progress__line {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  display: block;
  width: 0%;
  height: 100%;
  background-color: #e52daf;
  transition: width 0.1s, opacity 2s;
}
.state-progress.is-active .state-progress__line {
  height: 2px;
}
.state-progress.is-active .state-progress__line {
  opacity: 1;
  transition: width 0.1s, opacity 0.2s;
}

.charts:not(:empty) {
  padding: 30px;
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
}
.charts__update-time {
  border-bottom: 1px solid #d6dce0;
  color: #6b6e82;
  padding: 3px 20px;
  background-color: #f5f5f5;
  font-size: 11px;
}
.charts__spinner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.charts__spinner--isLanding {
  position: relative;
}
@media (max-width: 1024px) {
  .charts--isLanding:not(:empty) {
    padding-left: 0;
    padding-right: 0;
  }
}
.charts__tabs-container {
  display: block;
  width: 100%;
}
.charts__tabs {
  padding: 0 10px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  margin: -10px auto 20px;
}
.charts__tab {
  border: 1px solid #d6dce0;
  color: #488de1;
  cursor: pointer;
  outline: none;
  font-size: 14px;
  text-align: center;
  margin: 3px;
  font-weight: 600;
}
.charts__tab--isActive,
.charts__tab:hover {
  background-color: #488de1;
  color: #fff;
  z-index: 2;
  border-color: #488de1;
}
.charts__columns-container {
  display: flex;
  justify-content: center;
}
.charts__columns {
  display: flex;
  justify-content: flex-start;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 5px;
}
.charts__columns::-webkit-scrollbar {
  height: 7px;
  -webkit-appearance: none;
  appearance: none;
}
.charts__columns::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #d1d1d1;
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
@media (max-width: 768px) {
  .charts__columns--isLanding {
    flex-wrap: wrap;
    min-height: 500px;
    width: calc(100% - 40px);
    justify-content: center;
  }
}
.charts__column {
  margin: 0 15px;
}
@media (max-width: 1240px) {
  .charts__column {
    margin: 0 12px;
  }
}
.charts__column:last-of-type {
  margin-right: 40px;
}
@media (max-width: 1024px) {
  .charts__column--isLanding {
    width: 29%;
    margin: 0 10px;
  }
}
@media (max-width: 768px) {
  .charts__column--isLanding {
    margin: 0;
    max-width: 400px;
    width: 100%;
  }
  .charts__column--isLanding:last-of-type {
    margin-right: 0;
  }
}
.charts__title {
  width: 300px;
  flex: 1 0 300px;
  margin-bottom: 8px;
  border-bottom: 2px solid #f5b527;
  font-size: 20px;
  font-weight: 700;
}
@media (max-width: 1024px) {
  .charts__title--isLanding {
    width: auto;
    max-width: 300px;
  }
}
@media (max-width: 768px) {
  .charts__title--isLanding {
    max-width: 400px;
  }
}
.charts__title--2,
.charts__title--5,
.charts__title--8 {
  border-color: #e52daf;
}
.charts__title--3,
.charts__title--6,
.charts__title--9 {
  border-color: #7931c7;
}
.charts__list {
  margin: 0;
  padding: 0;
}
.charts__counters {
  padding-top: 44px;
  margin-right: 0;
  margin-left: 0;
}
@media (max-width: 1024px) {
  .charts__counters--isLanding {
    margin: 0 10px;
  }
}
@media (max-width: 768px) {
  .charts__counters--isLanding {
    display: none;
  }
}
.charts__counters-item {
  min-width: 23px;
  height: 61px;
  line-height: 61px;
  font-weight: bold;
  font-size: 13px;
  color: #30344a;
}
.charts__show-more-btn {
  font-size: 14px;
  display: block;
  margin: 30px auto 0;
  outline-color: #488de1;
  overflow-anchor: none;
}
.charts__show-more-btn:hover {
  outline-color: #56a3ff;
}
.charts__scroll-btn {
  position: absolute;
  top: 10px;
  height: 100%;
}
.charts__scroll-btn--right {
  right: 0;
  left: auto;
}
.charts__scroll-btn--left {
  right: auto;
  left: 0;
}

.charts-table-cell__list-item {
  width: 300px;
  height: 61px;
}
@media (max-width: 1024px) {
  .charts-table-cell__list-item--isLanding {
    max-width: 300px;
    width: auto;
  }
}
@media (max-width: 768px) {
  .charts-table-cell__list-item--isLanding {
    display: flex;
    align-items: center;
    max-width: none;
  }
}
.charts-table-cell__list-item:not(.charts-table-cell__list-item--empty) {
  border-bottom: 1px solid #d6dce0;
}
.charts-table-cell__list-item--blur {
  opacity: 0.1;
}
.charts-table-cell__link {
  display: flex;
  padding: 8px 0;
  text-decoration: none;
  color: #30344a;
  cursor: pointer;
}
@media (max-width: 768px) {
  .charts-table-cell__link--isLanding {
    flex: 1;
  }
}
.charts-table-cell__link:hover {
  background: #f5f5f5;
}
.charts-table-cell__icon {
  width: 44px;
  height: 44px;
  margin-right: 10px;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 12%;
}
.charts-table-cell__info {
  max-width: 205px;
  overflow: hidden;
  width: 100%;
}
@media (max-width: 480px) {
  .charts-table-cell__info--isLanding {
    max-width: 165px;
  }
}
.charts-table-cell__info-names {
  overflow: hidden;
}
.charts-table-cell__publisher {
  line-height: 1.3;
  font-size: 11px;
  color: #979aa8;
  display: flex;
  align-items: center;
}
.charts-table-cell__country-logo {
  width: 16px;
  height: 12px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  background-color: #fff;
}
.charts-table-cell__publisher-name {
  vertical-align: middle;
}
.charts-table-cell__name {
  font-size: 13px;
  margin-bottom: 8px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 100%;
}
.charts-table-cell__name .badge-container {
  flex-shrink: 0;
  padding-left: 4px;
}
.charts-table-cell__rating {
  display: flex;
  align-items: center;
  line-height: 0;
  margin-left: 7px;
}
.charts-table-cell__changes {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-left: auto;
  padding-left: 10px;
  flex-shrink: 0;
  text-align: right;
}
.charts-table-cell__mini-rating {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.charts-table-cell__star-icon {
  width: 9px;
}
.charts-table-cell__rating-text {
  display: block;
  margin-right: 2px;
  font-size: 10px;
  font-weight: 600;
  color: #979aa8;
}
.charts-table-cell__price {
  margin-bottom: 1px;
  font-weight: 600;
  font-size: 10px;
  color: #979aa8;
}
.charts-table-cell__changes-value {
  font-size: 12px;
  font-weight: 700;
}
.charts-table-cell__changes-value::after {
  content: "";
  margin-top: -4px;
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
}
.charts-table-cell__changes-value--up {
  color: #65da65;
}
.charts-table-cell__changes-value--up::after {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 6px solid #65da65;
}
.charts-table-cell__changes-value--down {
  color: #e71d36;
}
.charts-table-cell__changes-value--down::after {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #e71d36;
}
.charts-table-cell__pub-icon {
  padding: 0 2px;
  margin-right: 5px;
  font-weight: bold;
  font-size: 9px;
  color: #488de1;
  border: 1px solid #488de1;
  border-radius: 2px;
  line-height: 1.3;
  text-align: center;
}
.charts-table-cell__pub-icon--ad {
  border-color: #309d1a;
  color: #309d1a;
}
.charts-table-cell__mobile-counter {
  display: none;
  min-width: 23px;
  font-weight: bold;
  font-size: 13px;
  color: #30344a;
  margin-right: 10px;
  line-height: 45px;
}
@media (max-width: 768px) {
  .charts-table-cell__mobile-counter {
    display: block;
  }
}
.charts-table-cell__mobile-counter--isMobileMode {
  display: block;
}

.charts-table-scroll-btn {
  border-radius: 3px 0 0 3px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4);
  background-color: #eee;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px 10px;
  outline: none;
  border: none;
  cursor: pointer;
  z-index: 2;
  margin: 0;
}
.charts-table-scroll-btn::after {
  position: absolute;
  display: block;
  content: '';
  width: 80px;
  height: calc(100% - 62px);
  background: linear-gradient(to left, transparent 0, transparent 30px, #ffffff 30px, rgba(255, 255, 255, 0) 100%);
  top: 63px;
  right: 0;
}
.charts-table-scroll-btn--isLanding::after {
  height: calc(100% - 100px);
}
@media (max-width: 1024px) {
  .charts-table-scroll-btn--isLanding::after {
    background: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0));
  }
}
@media (max-width: 1024px) {
  .charts-table-scroll-btn--isLanding.charts-table-scroll-btn--left::after {
    background: linear-gradient(to right, transparent 0, transparent 23px, #ffffff 23px, rgba(255, 255, 255, 0) 100%);
  }
}
.charts-table-scroll-btn__arrow-container {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 2px solid #c2c5d2;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
}
.charts-table-scroll-btn__arrow-icon {
  width: 9px;
  transform: rotate(180deg);
}
.charts-table-scroll-btn__arrow-icon path {
  stroke: #488de1;
}
.charts-table-scroll-btn--left {
  border-radius: 0 3px 3px 0;
}
.charts-table-scroll-btn--left::after {
  width: 103px;
  right: auto;
  left: 0;
  background: linear-gradient(to right, transparent 0, transparent 53px, #ffffff 53px, rgba(255, 255, 255, 0) 100%);
}
.charts-table-scroll-btn--left .charts-table-scroll-btn__arrow-icon {
  transform: none;
}
.charts-table-scroll-btn:hover {
  background-color: #488de1;
}
.charts-table-scroll-btn:hover .charts-table-scroll-btn__arrow-container {
  border-color: #fff;
  background-color: #488de1;
}
.charts-table-scroll-btn:hover .charts-table-scroll-btn__arrow-icon path {
  stroke: #fff;
}

.forbidden-message__container {
  margin: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 20px;
  column-gap: 20px;
}
.forbidden-message__img {
  width: 70px;
  height: 70px;
}
.forbidden-message__text {
  font-size: 18px;
}
.forbidden-message__button {
  padding: 0;
  border: none;
  font-size: 18px;
  color: #488de1;
  background-color: transparent;
  cursor: pointer;
}

.glossary-page__container {
  max-width: 1100px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0 16px;
  min-height: calc(100vh - 102px);
}
.glossary-page__container-list {
  display: flex;
}
.glossary-page__title {
  margin-left: 250px;
}
@media (max-width: 768px) {
  .glossary-page__title {
    margin-left: 0;
  }
}
.glossary-page__terms-list {
  width: 250px;
  padding: 19px 40px 0 0;
}
@media (max-width: 768px) {
  .glossary-page__terms-list {
    display: none;
  }
}
.glossary-page__term-item-link {
  margin-bottom: 8px;
}
.glossary-page__glossary-list {
  flex: 1;
  padding: 0;
  flex-direction: column;
}
.glossary-page__glossary-list-item {
  margin-bottom: 20px;
}
.glossary-page__term-title {
  margin-bottom: 3px;
  font-weight: 600;
}
.glossary-page__term-description {
  margin-top: 0;
}
.glossary-page__input-container {
  margin-left: 250px;
}
@media (max-width: 768px) {
  .glossary-page__input-container {
    margin-left: 0;
  }
}
.glossary-page__input-container .input__label-content {
  color: #30344a;
}
.glossary-page__input-container .input__label::before {
  top: -2px;
  border-bottom: 2px solid #7931c7;
}
.glossary-page__input-container .input__label::after {
  border-bottom: 0;
}
.glossary-page__loading {
  display: flex;
  width: 100%;
  padding: 40px;
  justify-content: center;
}

.countries-card {
  position: relative;
}
.countries-card__map-container {
  display: flex;
  justify-content: space-between;
  padding: 15px;
  height: 100%;
  flex-direction: row-reverse;
}
.countries-card--loaded .countries-card__map-container {
  min-height: 350px;
}
.countries-card__map-column {
  width: 50%;
  padding-right: 35px;
}
.countries-card__map-column--countries {
  width: 50%;
  padding-right: 65px;
}
.countries-card__map-title.card__title {
  padding: 0;
  margin-bottom: 15px;
}
.countries-card__map-title .simple-tip__tip {
  min-width: 185px;
}
.countries-card__period {
  color: #979aa8;
  font-size: 11px;
  font-weight: 400;
  margin-left: 10px;
}
.countries-card__spinner {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
}
.countries-card__countries {
  max-height: 255px;
  height: 230px;
  margin: 15px 0 0;
  overflow-y: auto;
  text-align: left;
  padding: 0 8px 0 35px;
}
.countries-card__countries::-webkit-scrollbar {
  width: 7px;
  -webkit-appearance: none;
  appearance: none;
}
.countries-card__countries::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #d1d1d1;
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
.countries-card__country {
  font-size: 13px;
  line-height: 1.2;
}
.countries-card__country:not(:last-child) {
  margin-bottom: 14px;
}
.countries-card__country-icon {
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  margin-right: 10px;
}
.countries-card__country-name {
  white-space: nowrap;
  max-width: 160px;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #30344a;
}
.countries-card__country:hover .countries-card__country-name {
  color: #488de1;
}
.countries-card__color {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  width: 8px;
  height: 8px;
  border-radius: 8px;
}
.countries-card__chart-spinner {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}