:root {
  --scrollbar-width: 0px;
}

html.dark-mode body .section-podcast .bg {
  background-image: url("/Content/images/podcast-bg.webp");
  opacity: 0.5;
}
@media (max-width: 767.98px) {
  html.dark-mode body .section-podcast .bg {
    background-image: url("/Content/images/podcast-bg-mb.webp");
  }
}
html.dark-mode body .section-podcast .articles .first-article .article-info .name, html.dark-mode body .section-podcast .articles .first-article .article-info .description {
  color: white;
}
html.dark-mode body .section-podcast .articles .first-article .article-info a[class^=link-] {
  color: white;
  border: calc(0.0006944444 * (100vw - var(--scrollbar-width))) solid white;
}
@media (max-width: 767.98px) {
  html.dark-mode body .section-podcast .articles .first-article .article-info a[class^=link-] {
    border: calc(0.0022727273 * (100vw - var(--scrollbar-width))) solid white;
  }
}
html.dark-mode body .section-podcast .articles .article-info .name, html.dark-mode body .section-podcast .articles .article-info .description {
  color: white;
}
html.light-mode body .section-podcast .bg {
  background-image: url("/Content/images/podcast-bg-white.webp");
  opacity: 0.2;
}
@media (max-width: 767.98px) {
  html.light-mode body .section-podcast .bg {
    background-image: url("/Content/images/podcast-bg-white-mb.webp");
  }
}
html.light-mode body .section-podcast .articles .first-article .article-info .name, html.light-mode body .section-podcast .articles .first-article .article-info .description {
  color: black;
}
html.light-mode body .section-podcast .articles .first-article .article-info a[class^=link-] {
  color: black;
  border: calc(0.0006944444 * (100vw - var(--scrollbar-width))) solid black;
}
@media (max-width: 767.98px) {
  html.light-mode body .section-podcast .articles .first-article .article-info a[class^=link-] {
    border: calc(0.0022727273 * (100vw - var(--scrollbar-width))) solid black;
  }
}
html.light-mode body .section-podcast .articles .article-info .name, html.light-mode body .section-podcast .articles .article-info .description {
  color: black;
}

.section-podcast {
  width: calc(1 * (100vw - var(--scrollbar-width)));
  margin: calc(0.0347222222 * (100vw - var(--scrollbar-width))) auto;
  margin-bottom: 0;
  padding: 0 calc(0.0694444444 * (100vw - var(--scrollbar-width)));
  position: relative;
}
@media (max-width: 767.98px) {
  .section-podcast {
    width: calc(1 * (100vw - var(--scrollbar-width)));
    margin: calc(0.0454545455 * (100vw - var(--scrollbar-width))) auto;
    padding: 0 calc(0.0454545455 * (100vw - var(--scrollbar-width)));
  }
}
.section-podcast .bg {
  width: 100%;
  height: calc(100% + 0.4916666667 * (100vw - var(--scrollbar-width)));
  position: absolute;
  top: calc(-0.0347222222 * (100vw - var(--scrollbar-width)));
  left: 0;
  z-index: -1;
  overflow: hidden;
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  transition: background-image 0.3s ease, opacity 0.3s ease;
}
@media (max-width: 767.98px) {
  .section-podcast .bg {
    height: calc(100% + 0.9897727273 * (100vw - var(--scrollbar-width)));
    top: calc(-0.0454545455 * (100vw - var(--scrollbar-width)));
  }
}
.section-podcast .bg img {
  width: 100%;
  height: calc(2.0644444444 * (100vw - var(--scrollbar-width)));
}
@media (max-width: 767.98px) {
  .section-podcast .bg img {
    height: calc(5.5575 * (100vw - var(--scrollbar-width)));
  }
}
.section-podcast .podcast-title {
  display: block;
  margin: calc(0.0347222222 * (100vw - var(--scrollbar-width))) auto;
  text-align: center;
  font-family: "Anton";
  color: #AD0709;
  font-size: calc(0.0277777778 * (100vw - var(--scrollbar-width)));
  font-weight: 400;
}
@media (max-width: 767.98px) {
  .section-podcast .podcast-title {
    margin: calc(0.0454545455 * (100vw - var(--scrollbar-width))) auto;
    font-size: calc(0.0454545455 * (100vw - var(--scrollbar-width)));
  }
}
.section-podcast .articles {
  width: calc(0.8611111111 * (100vw - var(--scrollbar-width)));
  display: flex;
  align-items: center;
  gap: calc(0.0277777778 * (100vw - var(--scrollbar-width)));
  flex-direction: row;
  flex-wrap: wrap;
  row-gap: calc(0.0416666667 * (100vw - var(--scrollbar-width)));
}
@media (max-width: 767.98px) {
  .section-podcast .articles {
    width: calc(0.9090909091 * (100vw - var(--scrollbar-width)));
    gap: 0;
    row-gap: calc(0.0545454545 * (100vw - var(--scrollbar-width)));
  }
}
.section-podcast .articles .first-article {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
@media (max-width: 767.98px) {
  .section-podcast .articles .first-article {
    display: flex;
    flex-direction: column;
    gap: calc(0.125 * (100vw - var(--scrollbar-width)));
  }
}
.section-podcast .articles .first-article .article-info {
  width: calc(0.3277777778 * (100vw - var(--scrollbar-width)));
  height: calc(0.3138888889 * (100vw - var(--scrollbar-width)));
  display: flex;
  flex-direction: column;
  gap: 0;
  position: relative;
}
@media (max-width: 767.98px) {
  .section-podcast .articles .first-article .article-info {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: calc(0.0318181818 * (100vw - var(--scrollbar-width)));
  }
}
.section-podcast .articles .first-article .article-info .name {
  font-family: "Anton";
  font-size: calc(0.0375 * (100vw - var(--scrollbar-width)));
  font-weight: 400;
  transition: color 0.3s ease;
  width: fit-content;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3;
}
@media (max-width: 767.98px) {
  .section-podcast .articles .first-article .article-info .name {
    font-size: calc(0.0681818182 * (100vw - var(--scrollbar-width)));
  }
}
.section-podcast .articles .first-article .article-info .description {
  font-family: "Noto Serif";
  font-size: calc(0.0097222222 * (100vw - var(--scrollbar-width)));
  font-weight: 400;
  transition: color 0.3s ease;
}
@media (max-width: 767.98px) {
  .section-podcast .articles .first-article .article-info .description {
    font-size: calc(0.0272727273 * (100vw - var(--scrollbar-width)));
  }
}
.section-podcast .articles .first-article .article-info .filler {
  width: 100%;
  height: calc(0.0166666667 * (100vw - var(--scrollbar-width)));
}
@media (max-width: 767.98px) {
  .section-podcast .articles .first-article .article-info .filler {
    display: none;
  }
}
.section-podcast .articles .first-article .article-info a[class^=link-] {
  position: absolute;
  left: 0;
  bottom: 0;
  width: fit-content;
  padding: calc(0.0083333333 * (100vw - var(--scrollbar-width))) calc(0.0111111111 * (100vw - var(--scrollbar-width)));
  font-family: "Anton";
  font-size: calc(0.0229166667 * (100vw - var(--scrollbar-width)));
  transition: background-color 0.3s ease;
  box-sizing: border-box;
  transition: color 0.3s ease, border 0.3s ease, background-color 0.3s ease;
}
@media (max-width: 767.98px) {
  .section-podcast .articles .first-article .article-info a[class^=link-] {
    display: none;
  }
}
.section-podcast .articles .first-article .article-info a[class^=link-]:hover {
  background-color: #AD0709;
}
.section-podcast .articles .first-article .thumb {
  width: calc(0.5097222222 * (100vw - var(--scrollbar-width)));
  height: calc(0.3138888889 * (100vw - var(--scrollbar-width)));
}
@media (max-width: 767.98px) {
  .section-podcast .articles .first-article .thumb {
    width: calc(0.9090909091 * (100vw - var(--scrollbar-width)));
    height: calc(0.5681818182 * (100vw - var(--scrollbar-width)));
  }
}
.section-podcast .articles .first-article .thumb img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.section-podcast .articles .article-below {
  width: calc(0.4166666667 * (100vw - var(--scrollbar-width)));
  height: calc(0.1465277778 * (100vw - var(--scrollbar-width)));
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 767.98px) {
  .section-podcast .articles .article-below {
    width: 100%;
    height: calc(0.2409090909 * (100vw - var(--scrollbar-width)));
  }
}
.section-podcast .articles .article-below .thumb {
  width: calc(0.2381944444 * (100vw - var(--scrollbar-width)));
  height: 100%;
}
@media (max-width: 767.98px) {
  .section-podcast .articles .article-below .thumb {
    width: calc(0.3909090909 * (100vw - var(--scrollbar-width)));
  }
}
.section-podcast .articles .article-below .thumb img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.section-podcast .articles .article-below .article-info {
  height: 100%;
  width: calc(0.1479166667 * (100vw - var(--scrollbar-width)));
  display: flex;
  flex-direction: column;
  gap: 0;
}
@media (max-width: 767.98px) {
  .section-podcast .articles .article-below .article-info {
    width: calc(0.4840909091 * (100vw - var(--scrollbar-width)));
  }
}
.section-podcast .articles .article-below .article-info .name {
  font-family: "Anton";
  font-size: calc(0.0138888889 * (100vw - var(--scrollbar-width)));
  font-weight: 400;
  padding-bottom: calc(0.0083333333 * (100vw - var(--scrollbar-width)));
  transition: color 0.3s ease;
  display: block;
  width: fit-content;
}
@media (max-width: 767.98px) {
  .section-podcast .articles .article-below .article-info .name {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
    padding-bottom: unset;
  }
}
.section-podcast .articles .article-below .article-info .description {
  font-family: "Noto Serif";
  font-size: calc(0.0069444444 * (100vw - var(--scrollbar-width)));
  font-weight: 400;
  transition: color 0.3s ease;
}
@media (max-width: 767.98px) {
  .section-podcast .articles .article-below .article-info .description {
    display: none !important;
  }
}
.section-podcast .page-list {
  width: 100%;
  margin-top: calc(0.0347222222 * (100vw - var(--scrollbar-width)));
  padding-right: calc(0.0388888889 * (100vw - var(--scrollbar-width)));
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-end;
  gap: calc(0.0333333333 * (100vw - var(--scrollbar-width)));
}
@media (max-width: 767.98px) {
  .section-podcast .page-list {
    margin-top: calc(0.0454545455 * (100vw - var(--scrollbar-width)));
    padding-right: 0;
    gap: calc(0.0545454545 * (100vw - var(--scrollbar-width)));
  }
}
.section-podcast .page-list a {
  display: flex;
  align-items: center;
  gap: calc(0.0055555556 * (100vw - var(--scrollbar-width)));
  flex-direction: row;
  font-size: calc(0.0125 * (100vw - var(--scrollbar-width)));
  color: #ad0709;
  font-weight: 400;
  font-family: "Anton";
  transition: opacity 0.3s ease;
}
@media (max-width: 767.98px) {
  .section-podcast .page-list a {
    gap: calc(0.0090909091 * (100vw - var(--scrollbar-width)));
    font-size: calc(0.0272727273 * (100vw - var(--scrollbar-width)));
  }
}
.section-podcast .page-list a:hover {
  opacity: 0.6;
}
.section-podcast .page-list a.fade-color {
  opacity: 0.6;
}
.section-podcast .page-list a i {
  font-size: calc(0.0166666667 * (100vw - var(--scrollbar-width)));
}
@media (max-width: 767.98px) {
  .section-podcast .page-list a i {
    font-size: calc(0.0272727273 * (100vw - var(--scrollbar-width)));
  }
}

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