/**
 * Style: cl24/default
 */
.sm-col-10,
.md-col-8 {
  width: 100% !important;
}

.toplist {
  box-shadow: 0 1.7px 2.7px rgba(0, 0, 0, 0.022), 0 4.3px 6.9px rgba(0, 0, 0, 0.031), 0 8.9px 14.2px rgba(0, 0, 0, 0.039), 0 18.3px 29.2px rgba(0, 0, 0, 0.048), 0 50px 80px rgba(0, 0, 0, 0.07);
}
.toplist .toplist-row:first-child {
  border: 2px dotted #f4b61a;
}
.toplist .toplist-row {
  display: flex;
  gap: 10px;
  justify-content: center;
  background-color: #fff;
  padding: 1rem 0;
  border-bottom: 2px solid #efefef;
}
@media (max-width: 1000px) {
  .toplist .toplist-row {
    flex-wrap: wrap;
  }
}
.toplist .toplist-row .toplist-col {
  display: flex;
  align-items: center;
  justify-content: center;
}
.toplist .toplist-row .toplist-col-logo {
  display: flex;
  width: 22%;
}
.toplist .toplist-row .toplist-col-logo img {
  border-radius: 5px;
}
@media (min-width: 721px) and (max-width: 1000px) {
  .toplist .toplist-row .toplist-col-logo {
    width: 45%;
  }
}
@media (max-width: 720px) {
  .toplist .toplist-row .toplist-col-logo {
    width: 100%;
  }
}
.toplist .toplist-row .toplist-col-oneliner {
  width: 32%;
  color: #ff5e1a;
  font-size: 1.25rem;
  font-weight: bold;
}
@media (min-width: 721px) and (max-width: 1000px) {
  .toplist .toplist-row .toplist-col-oneliner {
    width: 50%;
  }
}
@media (max-width: 720px) {
  .toplist .toplist-row .toplist-col-oneliner {
    width: 100%;
    text-align: center;
  }
}
.toplist .toplist-row .toplist-col-payment {
  width: 18%;
  text-align: center;
  flex-flow: wrap;
}
.toplist .toplist-row .toplist-col-payment img {
  height: 30px;
}
@media (min-width: 721px) and (max-width: 1000px) {
  .toplist .toplist-row .toplist-col-payment {
    width: 100%;
  }
}
@media (max-width: 720px) {
  .toplist .toplist-row .toplist-col-payment {
    width: 100%;
  }
}
.toplist .toplist-row .toplist-col-cta {
  width: 24%;
}
@media (max-width: 1000px) {
  .toplist .toplist-row .toplist-col-cta {
    width: 100%;
  }
}
.toplist .toplist-row .toplist-col-cta .cta-animation {
  -webkit-animation: cta 1.8s cubic-bezier(0.2, 0.68, 0.18, 1.08) 0s infinite;
  animation: cta 1.8s cubic-bezier(0.2, 0.68, 0.18, 1.08) 0s infinite;
}
.toplist .toplist-row .toplist-col-cta a {
  text-decoration: none;
  width: 35ch;
}
.toplist .toplist-row .toplist-ribbons {
  display: flex;
  align-items: normal;
  position: relative;
}
@media (min-width: 721px) and (max-width: 1000px) {
  .toplist .toplist-row .toplist-ribbons {
    width: 100%;
  }
}
@media (max-width: 720px) {
  .toplist .toplist-row .toplist-ribbons {
    width: 100%;
  }
}
.toplist .toplist-row .toplist-ribbon {
  box-shadow: -1px 3px 5px 1px rgba(21, 21, 21, 0.3);
  font-size: 18px;
  padding: 0 12px;
  height: 24px;
  line-height: 24px;
  text-transform: uppercase;
  color: #fff;
  position: absolute;
  border-radius: 5px;
  top: -12px;
  left: 4px;
}
.toplist .toplist-row .toplist-ribbon.opt-exc {
  background-color: #BC9E04;
}
.toplist .toplist-row .toplist-ribbon.opt-bon {
  background-color: #3F9407;
}
.toplist .toplist-row .toplist-ribbon.opt-new {
  background-color: #05b900;
}
.toplist .toplist-row .toplist-ribbon.opt-hot {
  background-color: #9B0710;
}
.toplist .toplist-row .toplist-ribbon.opt-cho {
  background-color: #0C9BBA;
}
.toplist .toplist-row .toplist-ribbon.opt-ins {
  background-color: #00f;
}
.toplist .toplist-row .toplist-ribbon.opt-pla {
  background-color: #21b715;
}

.hidden {
  display: none !important;
}

/*# sourceMappingURL=default.css.map */