@charset "utf-8";

.trending-block:not(.trending-block--editors-pick) .trending-block__articles > * { position: relative; counter-increment: item-counter 1; }

.trending-block:not(.trending-block--editors-pick) .trending-block__articles > ::before { content: counter(item-counter); position: absolute; top: 0px; left: 0px; background-color: var(--app-emphasis-color); font-family: Lora, Georgia, sans-serif; font-size: 20px; color: rgb(255, 255, 255); padding: 4px 12px; z-index: 1; }

.trending-block__grid { display: grid; grid-template-columns: 1fr 3fr; gap: 30px; }

@media (max-width: 768px) {
  .trending-block__grid { grid-template-columns: 1fr; }
}

.trending-block__heading { margin-bottom: 15px; display: flex; align-items: center; }

.trending-block__heading h3 { font-family: Lora, Georgia, sans-serif; font-size: 28px; font-weight: 500; color: var(--app-emphasis-color); margin-bottom: 0px; }

.trending-block__icon { margin-left: auto; width: 35px; height: 35px; flex-shrink: 0; }

.trending-block__text { font-family: Lora, Georgia, sans-serif; font-size: 18px; }

@media (max-width: 768px) {
  .trending-block__text { font-size: 14px; }
}

.trending-block__tags { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 15px; margin-top: 15px; }

.trending-block__tag { display: inline-block; padding: 5px 14px; background-color: var(--app-light-border-weak); border-radius: 999px; font-size: 14px; font-weight: 700; color: var(--app-text-bold); }

.trending-block__tag:hover { color: var(--app-text-bold); background-color: var(--app-light-border-dark); text-decoration: none !important; }

.trending-block__articles { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto auto; grid-template-areas: "main main main"; gap: 40px; counter-reset: item-counter 0; }

.trending-block__articles--mobile { display: none; }

@media (max-width: 768px) {
  .trending-block__articles--mobile { display: block; position: relative; }
  .trending-block__articles--mobile > :not(:last-child) { position: relative; }
  .trending-block__articles--mobile > :not(:last-child)::after { content: ""; position: absolute; left: 0px; border-bottom: solid 1px var(--app-light-border); right: 0px !important; bottom: -20px !important; border-right-width: medium !important; border-right-style: none !important; border-right-color: currentcolor !important; }
}

@media (max-width: 768px) {
  .trending-block__articles:not(.trending-block__articles--mobile) { display: none; }
}

@media (max-width: 768px) {
  .trending-block__articles { display: flex; flex-direction: column; }
}

.trending-block__articles > :first-child { grid-area: main; }

.trending-block__articles > :not(:last-child):not(:first-child) { position: relative; }

.trending-block__articles > :not(:last-child):not(:first-child)::after { content: ""; position: absolute; top: 0px; bottom: 0px; right: -20px; border-right: solid 1px var(--app-light-border); }

@media (max-width: 768px) {
  .trending-block__articles > :not(:last-child):not(:first-child)::after { top: auto; }
}

.trending-block__articles > :first-child::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: -20px; border-bottom: solid 1px var(--app-light-border); }