@charset "utf-8";

.resources-block { background-color: var(--app-light-border-weak); padding: 4rem 0px; }

.resources-block .block-title { text-transform: capitalize; }

.resources-block__description p:first-child { margin-top: 0px; }

@media (min-width: 768px) {
  .resources-block__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; }
}

.resources-block__left { margin-bottom: 4rem; }

@media (min-width: 768px) {
  .resources-block__left { margin-bottom: 0px; }
}

.resources-block__left p { font-family: Inter, Arial, sans-serif; letter-spacing: -0.02em; font-size: 2.5rem; line-height: normal; }

@media (min-width: 768px) {
  .resources-block__left p { font-size: 3rem; }
}

.resources-block__left a { display: inline-flex; }

.resources-block__tools { display: grid; grid-template-columns: 1fr 4fr; column-gap: 1rem; margin-bottom: 2rem; color: var(--app-text-foreground); }

.resources-block__tools:hover { color: var(--app-text-foreground); }

.resources-block__tools picture .dark { display: none; }

.resources-block__tools picture .light { display: block; }

.resources-block__tools picture.icon img { width: 100%; }

.resources-block__tools picture.logo img { min-height: 20px; }

@media (min-width: 768px) {
  .resources-block__tools picture.logo img { min-height: 29px; }
}

[theme="dark"] .resources-block__tools picture .dark { display: block; }

[theme="dark"] .resources-block__tools picture .light { display: none; }

.resources-block__tools div:only-child { grid-column: 1 / -1; }

.resources-block__tools p { font-family: Lora, Georgia, sans-serif; font-size: 1.125rem; line-height: 1.5625rem; }

.resources-block__tools .btn { display: inline-flex; }