/**
 * Allows you to use retina images at various pixel densities.
 * Examples:
 *
 *   @include retina(/images/mypic.jpg, 2);
 *   @include retina(/images/mypic.jpg, 3, 100px 100px, left top no-repeat transparent);
 *
 * @param  {Value}  $path               The path to the file name minus extension.
 * @param  {Number} $cap:    2          The highest pixel density level images exist for.
 * @param  {Value}  $size:   auto auto  The intended width of the rendered image.
 * @param  {Value}  $extras: null       Any other `background` values to be added.
 */
/***************************************************
 * Variables
 ***************************************************/
.help-pages .topics-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (min-width: 600px) {
  .help-pages .topics-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 992px) {
  .help-pages .topics-grid {
    grid-template-columns: repeat(6, 1fr);
  }
}
.help-pages .topic-card {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 115px;
  padding: 16px 10px;
  text-align: center;
}
.help-pages .topic-card .topic-icon {
  margin-bottom: 6px;
}
.help-pages .topic-card .topic-icon .material-icons {
  color: #afd8f4;
  font-size: 24px;
}
@media only screen and (min-width: 768px) {
  .help-pages .topic-card .topic-icon .material-icons {
    font-size: 28px;
  }
}

/***************************************************
 * Variables
 ***************************************************/
@font-face {
  font-display: swap;
  font-family: "PT Serif";
  font-style: normal;
  font-weight: 400;
  src: url(//assets.amplenote.com/assets/pt-serif-v12-latin-regular-bda1c8afb68f8b2578b4b20efaf4c3477f48f9c7264a443116975cf027d24684.woff2) format("woff2"), url(//assets.amplenote.com/assets/pt-serif-v12-latin-regular-1f0418046211d2557a83e650088d6374f3acb11ea5e0a33ce7f6b5037240b20c.woff) format("woff");
}
/***************************************************
 * Variables
 ***************************************************/
.help-pages .topics-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (min-width: 600px) {
  .help-pages .topics-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 992px) {
  .help-pages .topics-grid {
    grid-template-columns: repeat(6, 1fr);
  }
}
.help-pages .topic-card {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 115px;
  padding: 16px 10px;
  text-align: center;
}
.help-pages .topic-card .topic-icon {
  margin-bottom: 6px;
}
.help-pages .topic-card .topic-icon .material-icons {
  color: #afd8f4;
  font-size: 24px;
}
@media only screen and (min-width: 768px) {
  .help-pages .topic-card .topic-icon .material-icons {
    font-size: 28px;
  }
}

/***************************************************
 * Variables
 ***************************************************/
.inspiration-category-badge {
  align-items: center;
  border-radius: 4px;
  display: inline-flex;
  font-size: 12px;
  gap: 4px;
  text-decoration: none;
}
.inspiration-category-badge:hover {
  filter: brightness(1.15);
}
.inspiration-category-badge .material-icons {
  font-size: 14px;
}

.help-pages--inspiration {
  --badge-bg-templates: rgba(156, 123, 234, 0.15);
  --badge-bg-use-cases: rgba(255, 178, 56, 0.15);
  --badge-bg-getting-started: rgba(0, 146, 174, 0.15);
  --badge-bg-videos: rgba(245, 98, 76, 0.15);
  --badge-bg-plugins: rgba(11, 191, 125, 0.15);
  --badge-bg-ideas: rgba(62, 146, 204, 0.15);
  --badge-text-templates: rgb(106.5, 57, 223.5);
  --badge-text-use-cases: rgb(209, 128.1306532663, 0);
  --badge-text-getting-started: rgba(0, 146, 174, 0.3);
  --badge-text-videos: rgb(207.4126984127, 37.0793650794, 11.5873015873);
  --badge-text-plugins: rgb(5.4455445545, 94.5544554455, 61.8811881188);
  --badge-text-ideas: rgb(44.9385245902, 118.9549180328, 170.0614754098);
}

.help-pages--index {
  --badge-bg-templates: rgba(156, 123, 234, 0.2);
  --badge-bg-use-cases: rgba(255, 178, 56, 0.2);
  --badge-bg-getting-started: rgba(0, 146, 174, 0.2);
  --badge-bg-videos: rgba(245, 98, 76, 0.2);
  --badge-bg-plugins: rgba(11, 191, 125, 0.2);
  --badge-bg-ideas: rgba(62, 146, 204, 0.2);
  --badge-text-templates: rgb(205.5, 189, 244.5);
  --badge-text-use-cases: rgb(255, 217.4673366834, 158);
  --badge-text-getting-started: rgb(21, 217.3448275862, 255);
  --badge-text-videos: rgb(250.3968253968, 182.7301587302, 172.6031746032);
  --badge-text-plugins: rgb(60.2178217822, 243.7821782178, 176.4752475248);
  --badge-text-ideas: rgb(102.3401639344, 168.7827868852, 214.6598360656);
}

.inspiration-categories .category-badge-templates {
  background: var(--badge-bg-templates);
  color: var(--badge-text-templates);
}
.inspiration-categories .category-badge-use_cases {
  background: var(--badge-bg-use-cases);
  color: var(--badge-text-use-cases);
}
.inspiration-categories .category-badge-getting_started {
  background: var(--badge-bg-getting-started);
  color: var(--badge-text-getting-started);
}
.inspiration-categories .category-badge-videos {
  background: var(--badge-bg-videos);
  color: var(--badge-text-videos);
}
.inspiration-categories .category-badge-plugins {
  background: var(--badge-bg-plugins);
  color: var(--badge-text-plugins);
}
.inspiration-categories .category-badge-ideas {
  background: var(--badge-bg-ideas);
  color: var(--badge-text-ideas);
}

.help-pages--index {
  font-size: 16px;
  /***************************************************
   * Shared styles for every section on the index page
   ***************************************************/
  /***************************************************
   * Section-specific partials
   ***************************************************/
}
.help-pages--index .help-center-index {
  background-color: #192025;
  color: #fff;
}
.help-pages--index h1, .help-pages--index h2, .help-pages--index h3 {
  font-family: "PT Serif", serif;
}
.help-pages--index .help-section {
  padding: 32px 0;
}
@media only screen and (min-width: 768px) {
  .help-pages--index .help-section {
    padding: 44px 0;
  }
}
.help-pages--index .help-section.width-wrapper {
  padding-left: 15px;
  padding-right: 15px;
}
.help-pages--index .help-section-heading {
  font-size: 24px;
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .help-pages--index .help-section-heading {
    font-size: 28px;
  }
}
.help-pages--index .section-label {
  color: #8593a3;
  font-family: inherit;
  font-weight: 600;
  letter-spacing: 1.5px;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.help-pages--index .help-card {
  background-color: #2c3b47;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  color: #fff;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  transition: border-color 0.15s;
}
@media only screen and (max-width: 768px) {
  .help-pages--index .help-card {
    margin-left: 15px;
    margin-right: 15px;
  }
}
.help-pages--index .help-card:hover {
  background-color: #2f4858;
  border-color: rgba(62, 146, 204, 0.4);
}
.help-pages--index .help-card .upcase-link {
  color: #afd8f4;
  font-weight: 500;
  margin-top: 12px;
  text-transform: uppercase;
}
.help-pages--index .help-view-more-link {
  align-items: center;
  color: #afd8f4;
  display: inline-flex;
  gap: 4px;
  text-decoration: none;
}
.help-pages--index .help-view-more-link:hover {
  text-decoration: underline;
}
.help-pages--index .angled-border {
  position: relative;
  width: 100%;
}
.help-pages--index .angled-border::after {
  bottom: 0;
  content: "";
  height: 0;
  position: absolute;
  right: 0;
  width: 0;
}
.help-pages--index .admin-controls {
  padding: 20px 0;
}
.help-pages--index .hero-section {
  position: relative;
  z-index: 0;
}
.help-pages--index .hero-section .hero-border-wrapper {
  padding: 200px 10px 0;
}
@media only screen and (min-width: 768px) {
  .help-pages--index .hero-section .hero-border-wrapper {
    padding: 300px 10px 70px;
  }
}
.help-pages--index .hero-section .hero-border-wrapper::after {
  border-bottom: 200px solid #192025;
  border-left: 2400px solid transparent;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .help-pages--index .hero-section .hero-border-wrapper::after {
    border-bottom: 130px solid #192025;
  }
}
.help-pages--index .hero-section .hero-background {
  background-color: var(--color-background-action-high-contrast);
  background-image: url(//assets.amplenote.com/assets/help/map-dark-1cb4d1bbb4082bb2db100903260fd18de2b58b25becb9ea8c7728c108f6ae9c6.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  left: 0;
  opacity: 0.6;
  position: absolute;
  transition: 0.3s ease opacity;
  top: -50px;
  width: 100%;
  z-index: 0;
}
.help-pages--index .hero-section .hero-content {
  margin: 0 auto;
  max-width: 100%;
  position: relative;
  text-align: center;
  top: -50px;
  width: 600px;
  z-index: 2;
}
.help-pages--index .hero-section .hero-content h1 {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 8px;
}
@media only screen and (min-width: 768px) {
  .help-pages--index .hero-section .hero-content h1 {
    font-size: 40px;
  }
}
.help-pages--index .hero-section .hero-subtitle {
  color: #b4bfcc;
  margin-bottom: 24px;
}
.help-pages--index .hero-section .hero-search-form {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: center;
  margin: 0 auto;
  max-width: 440px;
}
.help-pages--index .hero-section .hero-search-input-wrapper {
  align-items: center;
  background: var(--color-background-primary);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 6px;
  display: flex;
  flex: 1;
}
.help-pages--index .hero-section .hero-search-input-wrapper .search-icon {
  color: #b4bfcc;
  font-size: 20px;
  margin-left: 12px;
}
.help-pages--index .hero-section .hero-search-input-wrapper .hero-search-input {
  background: transparent;
  border: none;
  color: #fff;
  font-size: 16px;
  outline: none;
  padding: 10px 12px;
  width: 100%;
}
.help-pages--index .hero-section .hero-search-input-wrapper .hero-search-input::placeholder {
  color: #b4bfcc;
}
.help-pages--index .hero-section .hero-search-button {
  background: #0bbf7d;
  border: none;
  border-radius: 6px;
  color: #fff;
  cursor: pointer;
  font-weight: 500;
  padding: 11px 20px;
  transition: background 0.2s;
  white-space: nowrap;
}
.help-pages--index .hero-section .hero-search-button:hover {
  background: rgb(8.7782178218, 152.4217821782, 99.7524752475);
}
.help-pages--index .hero-section .hero-support-text {
  color: #8593a3;
  margin-top: 14px;
}
.help-pages--index .hero-section .hero-support-text a {
  color: #afd8f4;
}
.help-pages--index .curated-pages-section .curated-pages-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 600px) {
  .help-pages--index .curated-pages-section .curated-pages-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
}
.help-pages--index .curated-pages-section .curated-page-card {
  border-radius: 12px;
  display: block;
  padding: 30px 20px 24px;
  position: relative;
  text-align: center;
  transition: border-color 0.15s, transform 0.15s;
}
@media only screen and (max-width: 768px) {
  .help-pages--index .curated-pages-section .curated-page-card {
    margin-bottom: 20px;
    padding-bottom: 40px;
  }
}
.help-pages--index .curated-pages-section .curated-page-card:hover {
  transform: translateY(-2px);
}
.help-pages--index .curated-pages-section .curated-page-card .card-illustration {
  margin: 0 auto 14px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 140px;
  top: -45px;
}
@media only screen and (min-width: 768px) {
  .help-pages--index .curated-pages-section .curated-page-card .card-illustration {
    width: 180px;
    top: -80px;
  }
}
.help-pages--index .curated-pages-section .curated-page-card .card-illustration img {
  display: block;
  height: auto;
  width: 100%;
}
.help-pages--index .curated-pages-section .curated-page-card h2 {
  font-size: 34px;
  font-weight: 600;
  line-height: unset;
  margin-bottom: 6px;
}
.help-pages--index .curated-pages-section .curated-page-card p {
  color: #b4bfcc;
  line-height: 1.5;
  margin: 0;
}
.help-pages--index .explore-topics-section .help-view-more-link {
  font-size: 16px;
  margin-top: 20px;
}
.help-pages--index .inspiration-preview-section {
  overflow: hidden;
  position: relative;
}
.help-pages--index .inspiration-preview-section .inspiration-mountain-bg {
  display: none;
  pointer-events: none;
  position: absolute;
  right: -40px;
  top: 0;
  width: 55%;
  z-index: 0;
}
@media only screen and (min-width: 768px) {
  .help-pages--index .inspiration-preview-section .inspiration-mountain-bg {
    display: block;
  }
}
.help-pages--index .inspiration-preview-section .inspiration-mountain-bg img {
  display: block;
  opacity: 0.6;
  width: 100%;
}
.help-pages--index .inspiration-preview-section > .width-wrapper {
  position: relative;
  z-index: 1;
}
.help-pages--index .inspiration-preview-section .inspiration-header .section-arrow-link {
  color: #fff;
  margin-left: 4px;
  text-decoration: none;
}
.help-pages--index .inspiration-preview-section .inspiration-header .section-arrow-link .material-icons {
  font-size: 22px;
  vertical-align: middle;
}
.help-pages--index .inspiration-preview-section .inspiration-header .inspiration-subtitle {
  color: #b4bfcc;
  margin-bottom: 28px;
}
.help-pages--index .inspiration-preview-section .inspiration-articles-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: 1fr;
  margin-bottom: 32px;
}
@media only screen and (min-width: 600px) {
  .help-pages--index .inspiration-preview-section .inspiration-articles-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
.help-pages--index .inspiration-preview-section .inspiration-article-card {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 16px;
  padding: 14px 16px;
}
.help-pages--index .inspiration-preview-section .inspiration-article-card .article-preview-image-link {
  flex-shrink: 0;
}
.help-pages--index .inspiration-preview-section .inspiration-article-card .article-preview-image {
  border-radius: 6px;
  height: 60px;
  overflow: hidden;
  width: 72px;
}
@media only screen and (min-width: 768px) {
  .help-pages--index .inspiration-preview-section .inspiration-article-card .article-preview-image {
    height: 80px;
    width: 100px;
  }
}
.help-pages--index .inspiration-preview-section .inspiration-article-card .article-preview-image img, .help-pages--index .inspiration-preview-section .inspiration-article-card .article-preview-image .inspiration-preview-thumbnail {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.help-pages--index .inspiration-preview-section .inspiration-article-card .article-preview-image .inspiration-preview-placeholder {
  align-items: center;
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  height: 100%;
  justify-content: center;
}
.help-pages--index .inspiration-preview-section .inspiration-article-card .article-preview-image .inspiration-preview-placeholder .material-icons {
  font-size: 24px;
  opacity: 0.5;
}
.help-pages--index .inspiration-preview-section .inspiration-article-card .article-info {
  flex: 1;
  min-width: 0;
}
.help-pages--index .inspiration-preview-section .inspiration-article-card .article-title {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: inherit;
  display: -webkit-box;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 6px;
  overflow: hidden;
  text-decoration: none;
}
.help-pages--index .inspiration-preview-section .inspiration-article-card .article-title:hover {
  text-decoration: underline;
}
.help-pages--index .inspiration-preview-section .inspiration-article-card .article-categories {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.help-pages--index .inspiration-preview-section .inspiration-article-card .material-icons {
  font-size: 18px;
}
.help-pages--index .inspiration-preview-section .inspiration-category-badge {
  padding: 2px 7px;
}
.help-pages--index .inspiration-preview-section .browse-inspiration-section {
  padding-top: 20px;
}
.help-pages--index .inspiration-preview-section .browse-inspiration-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (min-width: 768px) {
  .help-pages--index .inspiration-preview-section .browse-inspiration-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
  }
}
.help-pages--index .inspiration-preview-section .browse-inspiration-card {
  align-items: center;
  flex-direction: row !important;
  gap: 10px;
  padding: 12px;
}
@media only screen and (min-width: 600px) {
  .help-pages--index .inspiration-preview-section .browse-inspiration-card {
    gap: 14px;
    padding: 16px;
  }
}
.help-pages--index .inspiration-preview-section .browse-inspiration-card .browse-icon {
  align-items: center;
  border-radius: 8px;
  display: flex;
  flex-shrink: 0;
  height: 36px;
  justify-content: center;
  width: 36px;
}
@media only screen and (min-width: 600px) {
  .help-pages--index .inspiration-preview-section .browse-inspiration-card .browse-icon {
    height: 44px;
    width: 44px;
  }
}
.help-pages--index .inspiration-preview-section .browse-inspiration-card .browse-icon .material-icons {
  font-size: 20px;
}
@media only screen and (min-width: 600px) {
  .help-pages--index .inspiration-preview-section .browse-inspiration-card .browse-icon .material-icons {
    font-size: 24px;
  }
}
.help-pages--index .inspiration-preview-section .browse-inspiration-card .browse-icon-templates {
  background-color: rgba(156, 123, 234, 0.2);
}
.help-pages--index .inspiration-preview-section .browse-inspiration-card .browse-icon-templates .material-icons {
  color: rgb(205.5, 189, 244.5);
}
.help-pages--index .inspiration-preview-section .browse-inspiration-card .browse-icon-plugins {
  background-color: rgba(11, 191, 125, 0.2);
}
.help-pages--index .inspiration-preview-section .browse-inspiration-card .browse-icon-plugins .material-icons {
  color: #0bbf7d;
}
.help-pages--index .inspiration-preview-section .browse-inspiration-card .browse-icon-use-cases {
  background-color: rgba(255, 178, 56, 0.2);
}
.help-pages--index .inspiration-preview-section .browse-inspiration-card .browse-icon-use-cases .material-icons {
  color: #ffb238;
}
.help-pages--index .inspiration-preview-section .browse-inspiration-card .browse-icon-videos {
  background-color: rgba(245, 98, 76, 0.2);
}
.help-pages--index .inspiration-preview-section .browse-inspiration-card .browse-icon-videos .material-icons {
  color: #f5624c;
}
.help-pages--index .inspiration-preview-section .browse-inspiration-card .browse-title {
  font-size: 14px;
  font-weight: 600;
}
@media only screen and (min-width: 600px) {
  .help-pages--index .inspiration-preview-section .browse-inspiration-card .browse-title {
    font-size: 16px;
  }
}
.help-pages--index .inspiration-preview-section .browse-inspiration-card .browse-subtitle {
  color: #b4bfcc;
  display: none;
  font-size: 13px;
  line-height: 1.3;
  margin-top: 2px;
}
@media only screen and (min-width: 600px) {
  .help-pages--index .inspiration-preview-section .browse-inspiration-card .browse-subtitle {
    display: block;
  }
}
.help-pages--index .videos-section .videos-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 28px;
}
@media only screen and (min-width: 600px) {
  .help-pages--index .videos-section .videos-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
}
.help-pages--index .videos-section .video-card {
  color: #fff;
  display: block;
  text-decoration: none;
}
.help-pages--index .videos-section .video-card .video-thumbnail {
  border-radius: 8px;
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
}
.help-pages--index .videos-section .video-card .video-thumbnail img {
  display: block;
  width: 100%;
}
.help-pages--index .videos-section .video-card .video-thumbnail .video-duration {
  background: rgba(0, 0, 0, 0.8);
  border-radius: 4px;
  bottom: 8px;
  color: #fff;
  font-size: 12px;
  padding: 2px 6px;
  position: absolute;
  right: 8px;
}
.help-pages--index .videos-section .video-card .video-title {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 4px;
}
@media only screen and (min-width: 600px) {
  .help-pages--index .videos-section .video-card .video-title {
    font-size: 14px;
  }
}
.help-pages--index .videos-section .video-card .video-meta {
  color: #b4bfcc;
  display: flex;
  font-size: 12px;
  gap: 12px;
}
.help-pages--index .videos-section .view-more-row {
  padding-top: 4px;
}
.help-pages--index .get-involved-section {
  background: linear-gradient(162deg, rgba(255, 255, 255, 0.04) 0 40%, transparent 40%), linear-gradient(180deg, #334960 0%, #364d66 100%);
  padding: 40px 0 56px;
}
@media only screen and (min-width: 768px) {
  .help-pages--index .get-involved-section {
    padding: 50px 0 62px;
  }
}
.help-pages--index .get-involved-section .help-section-heading {
  font-size: 46px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 768px) {
  .help-pages--index .get-involved-section .help-section-heading {
    font-size: 34px;
  }
}
.help-pages--index .get-involved-section .get-involved-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 600px) {
  .help-pages--index .get-involved-section .get-involved-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
  }
}
.help-pages--index .get-involved-section .get-involved-card {
  background: #1e2d41;
  border: 1px solid rgba(255, 255, 255, 0.04);
  border-radius: 8px;
  min-height: 324px;
  padding: 26px 28px;
}
.help-pages--index .get-involved-section .get-involved-card .card-header {
  align-items: center;
  display: flex;
  gap: 12px;
  margin-bottom: 10px;
}
.help-pages--index .get-involved-section .get-involved-card .card-header > .material-icons {
  color: #7da7d1;
  font-size: 20px;
}
.help-pages--index .get-involved-section .get-involved-card > p {
  color: rgba(255, 255, 255, 0.78);
  line-height: 1.55;
  margin-bottom: 18px;
}
.help-pages--index .get-involved-section .get-involved-card .get-involved-links {
  list-style: none;
  margin: 25px 0 0;
  padding: 0;
}
.help-pages--index .get-involved-section .get-involved-card .get-involved-links li {
  align-items: center;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.02);
  border-radius: 8px;
  display: flex;
  margin-bottom: 12px;
  min-height: 56px;
  padding: 10px 14px;
  position: relative;
  transition: background-color 0.15s;
}
.help-pages--index .get-involved-section .get-involved-card .get-involved-links li:hover {
  background: rgba(255, 255, 255, 0.11);
}
.help-pages--index .get-involved-section .get-involved-card .get-involved-links li::after {
  color: rgba(255, 255, 255, 0.4);
  content: "arrow_forward";
  font-family: "Material Icons";
  font-size: 19px;
  margin-left: auto;
}
.help-pages--index .get-involved-section .get-involved-card .get-involved-links .material-icons {
  align-items: center;
  background: rgba(16, 26, 38, 0.85);
  border-radius: 999px;
  color: #8eb5dd;
  display: inline-flex;
  flex-shrink: 0;
  font-size: 18px;
  height: 32px;
  justify-content: center;
  margin-right: 10px;
  width: 32px;
}
.help-pages--index .get-involved-section .get-involved-card .get-involved-links a {
  color: rgba(255, 255, 255, 0.9);
  display: block;
  font-size: 15px;
  line-height: 1.3;
  text-decoration: none;
}
.help-pages--index .get-involved-section .get-involved-card .get-involved-links li:last-child {
  margin: 0;
}

/***************************************************
 * Variables
 ***************************************************/
.help-pages .topics-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (min-width: 600px) {
  .help-pages .topics-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 992px) {
  .help-pages .topics-grid {
    grid-template-columns: repeat(6, 1fr);
  }
}
.help-pages .topic-card {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 115px;
  padding: 16px 10px;
  text-align: center;
}
.help-pages .topic-card .topic-icon {
  margin-bottom: 6px;
}
.help-pages .topic-card .topic-icon .material-icons {
  color: #afd8f4;
  font-size: 24px;
}
@media only screen and (min-width: 768px) {
  .help-pages .topic-card .topic-icon .material-icons {
    font-size: 28px;
  }
}

.inspiration-category-badge {
  align-items: center;
  border-radius: 4px;
  display: inline-flex;
  font-size: 12px;
  gap: 4px;
  text-decoration: none;
}
.inspiration-category-badge:hover {
  filter: brightness(1.15);
}
.inspiration-category-badge .material-icons {
  font-size: 14px;
}

.help-pages--inspiration {
  --badge-bg-templates: rgba(156, 123, 234, 0.15);
  --badge-bg-use-cases: rgba(255, 178, 56, 0.15);
  --badge-bg-getting-started: rgba(0, 146, 174, 0.15);
  --badge-bg-videos: rgba(245, 98, 76, 0.15);
  --badge-bg-plugins: rgba(11, 191, 125, 0.15);
  --badge-bg-ideas: rgba(62, 146, 204, 0.15);
  --badge-text-templates: rgb(106.5, 57, 223.5);
  --badge-text-use-cases: rgb(209, 128.1306532663, 0);
  --badge-text-getting-started: rgba(0, 146, 174, 0.3);
  --badge-text-videos: rgb(207.4126984127, 37.0793650794, 11.5873015873);
  --badge-text-plugins: rgb(5.4455445545, 94.5544554455, 61.8811881188);
  --badge-text-ideas: rgb(44.9385245902, 118.9549180328, 170.0614754098);
}

.help-pages--index {
  --badge-bg-templates: rgba(156, 123, 234, 0.2);
  --badge-bg-use-cases: rgba(255, 178, 56, 0.2);
  --badge-bg-getting-started: rgba(0, 146, 174, 0.2);
  --badge-bg-videos: rgba(245, 98, 76, 0.2);
  --badge-bg-plugins: rgba(11, 191, 125, 0.2);
  --badge-bg-ideas: rgba(62, 146, 204, 0.2);
  --badge-text-templates: rgb(205.5, 189, 244.5);
  --badge-text-use-cases: rgb(255, 217.4673366834, 158);
  --badge-text-getting-started: rgb(21, 217.3448275862, 255);
  --badge-text-videos: rgb(250.3968253968, 182.7301587302, 172.6031746032);
  --badge-text-plugins: rgb(60.2178217822, 243.7821782178, 176.4752475248);
  --badge-text-ideas: rgb(102.3401639344, 168.7827868852, 214.6598360656);
}

.inspiration-categories .category-badge-templates {
  background: var(--badge-bg-templates);
  color: var(--badge-text-templates);
}
.inspiration-categories .category-badge-use_cases {
  background: var(--badge-bg-use-cases);
  color: var(--badge-text-use-cases);
}
.inspiration-categories .category-badge-getting_started {
  background: var(--badge-bg-getting-started);
  color: var(--badge-text-getting-started);
}
.inspiration-categories .category-badge-videos {
  background: var(--badge-bg-videos);
  color: var(--badge-text-videos);
}
.inspiration-categories .category-badge-plugins {
  background: var(--badge-bg-plugins);
  color: var(--badge-text-plugins);
}
.inspiration-categories .category-badge-ideas {
  background: var(--badge-bg-ideas);
  color: var(--badge-text-ideas);
}

.help-pages--getting-started,
.help-pages--tips-and-tricks,
.help-pages--level-up,
.help-pages--all-articles,
.help-pages--topic,
.help-pages--inspiration,
.help-pages--contact {
  background-color: var(--color-background-primary);
}
.help-pages--getting-started .help-center-inner-page,
.help-pages--tips-and-tricks .help-center-inner-page,
.help-pages--level-up .help-center-inner-page,
.help-pages--all-articles .help-center-inner-page,
.help-pages--topic .help-center-inner-page,
.help-pages--inspiration .help-center-inner-page,
.help-pages--contact .help-center-inner-page {
  min-height: 70vh;
  padding-left: 10px;
  padding-right: 10px;
}
.help-pages--getting-started .inner-page-header,
.help-pages--tips-and-tricks .inner-page-header,
.help-pages--level-up .inner-page-header,
.help-pages--all-articles .inner-page-header,
.help-pages--topic .inner-page-header,
.help-pages--inspiration .inner-page-header,
.help-pages--contact .inner-page-header {
  padding-top: 16px;
}
.help-pages--getting-started .breadcrumb-row,
.help-pages--tips-and-tricks .breadcrumb-row,
.help-pages--level-up .breadcrumb-row,
.help-pages--all-articles .breadcrumb-row,
.help-pages--topic .breadcrumb-row,
.help-pages--inspiration .breadcrumb-row,
.help-pages--contact .breadcrumb-row {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 8px 0;
}
@media only screen and (min-width: 600px) {
  .help-pages--getting-started .breadcrumb-row,
  .help-pages--tips-and-tricks .breadcrumb-row,
  .help-pages--level-up .breadcrumb-row,
  .help-pages--all-articles .breadcrumb-row,
  .help-pages--topic .breadcrumb-row,
  .help-pages--inspiration .breadcrumb-row,
  .help-pages--contact .breadcrumb-row {
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
  }
}
.help-pages--getting-started .inner-search-form,
.help-pages--tips-and-tricks .inner-search-form,
.help-pages--level-up .inner-search-form,
.help-pages--all-articles .inner-search-form,
.help-pages--topic .inner-search-form,
.help-pages--inspiration .inner-search-form,
.help-pages--contact .inner-search-form {
  display: flex;
}
.help-pages--getting-started .inner-search-input-wrapper,
.help-pages--tips-and-tricks .inner-search-input-wrapper,
.help-pages--level-up .inner-search-input-wrapper,
.help-pages--all-articles .inner-search-input-wrapper,
.help-pages--topic .inner-search-input-wrapper,
.help-pages--inspiration .inner-search-input-wrapper,
.help-pages--contact .inner-search-input-wrapper {
  align-items: center;
  background: var(--color-background-primary);
  border: 1px solid var(--color-border-primary);
  border-radius: 6px;
  display: flex;
}
.help-pages--getting-started .inner-search-input-wrapper .search-icon,
.help-pages--tips-and-tricks .inner-search-input-wrapper .search-icon,
.help-pages--level-up .inner-search-input-wrapper .search-icon,
.help-pages--all-articles .inner-search-input-wrapper .search-icon,
.help-pages--topic .inner-search-input-wrapper .search-icon,
.help-pages--inspiration .inner-search-input-wrapper .search-icon,
.help-pages--contact .inner-search-input-wrapper .search-icon {
  color: var(--color-text-lower-contrast);
  font-size: 20px;
  margin-left: 10px;
}
.help-pages--getting-started .inner-search-input-wrapper .inner-search-input,
.help-pages--tips-and-tricks .inner-search-input-wrapper .inner-search-input,
.help-pages--level-up .inner-search-input-wrapper .inner-search-input,
.help-pages--all-articles .inner-search-input-wrapper .inner-search-input,
.help-pages--topic .inner-search-input-wrapper .inner-search-input,
.help-pages--inspiration .inner-search-input-wrapper .inner-search-input,
.help-pages--contact .inner-search-input-wrapper .inner-search-input {
  background: transparent;
  border: none;
  color: var(--color-text-high-contrast);
  font-size: 14px;
  outline: none;
  padding: 8px 12px;
  width: 180px;
}
@media only screen and (min-width: 768px) {
  .help-pages--getting-started .inner-search-input-wrapper .inner-search-input,
  .help-pages--tips-and-tricks .inner-search-input-wrapper .inner-search-input,
  .help-pages--level-up .inner-search-input-wrapper .inner-search-input,
  .help-pages--all-articles .inner-search-input-wrapper .inner-search-input,
  .help-pages--topic .inner-search-input-wrapper .inner-search-input,
  .help-pages--inspiration .inner-search-input-wrapper .inner-search-input,
  .help-pages--contact .inner-search-input-wrapper .inner-search-input {
    width: 220px;
  }
}
.help-pages--getting-started .inner-search-input-wrapper .inner-search-input::placeholder,
.help-pages--tips-and-tricks .inner-search-input-wrapper .inner-search-input::placeholder,
.help-pages--level-up .inner-search-input-wrapper .inner-search-input::placeholder,
.help-pages--all-articles .inner-search-input-wrapper .inner-search-input::placeholder,
.help-pages--topic .inner-search-input-wrapper .inner-search-input::placeholder,
.help-pages--inspiration .inner-search-input-wrapper .inner-search-input::placeholder,
.help-pages--contact .inner-search-input-wrapper .inner-search-input::placeholder {
  color: var(--color-text-lower-contrast);
}
.help-pages--getting-started .inner-page-body,
.help-pages--tips-and-tricks .inner-page-body,
.help-pages--level-up .inner-page-body,
.help-pages--all-articles .inner-page-body,
.help-pages--topic .inner-page-body,
.help-pages--inspiration .inner-page-body,
.help-pages--contact .inner-page-body {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-bottom: 48px;
  padding-top: 24px;
}
@media only screen and (min-width: 768px) {
  .help-pages--getting-started .inner-page-body,
  .help-pages--tips-and-tricks .inner-page-body,
  .help-pages--level-up .inner-page-body,
  .help-pages--all-articles .inner-page-body,
  .help-pages--topic .inner-page-body,
  .help-pages--inspiration .inner-page-body,
  .help-pages--contact .inner-page-body {
    flex-direction: row;
    gap: 40px;
  }
}
.help-pages--getting-started .sidebar-column,
.help-pages--tips-and-tricks .sidebar-column,
.help-pages--level-up .sidebar-column,
.help-pages--all-articles .sidebar-column,
.help-pages--topic .sidebar-column,
.help-pages--inspiration .sidebar-column,
.help-pages--contact .sidebar-column {
  flex-shrink: 0;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .help-pages--getting-started .sidebar-column,
  .help-pages--tips-and-tricks .sidebar-column,
  .help-pages--level-up .sidebar-column,
  .help-pages--all-articles .sidebar-column,
  .help-pages--topic .sidebar-column,
  .help-pages--inspiration .sidebar-column,
  .help-pages--contact .sidebar-column {
    width: 190px;
  }
}
.help-pages--getting-started .main-column,
.help-pages--tips-and-tricks .main-column,
.help-pages--level-up .main-column,
.help-pages--all-articles .main-column,
.help-pages--topic .main-column,
.help-pages--inspiration .main-column,
.help-pages--contact .main-column {
  flex: 1;
  min-width: 0;
}
.help-pages--getting-started .page-header,
.help-pages--tips-and-tricks .page-header,
.help-pages--level-up .page-header,
.help-pages--all-articles .page-header,
.help-pages--topic .page-header,
.help-pages--inspiration .page-header,
.help-pages--contact .page-header {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  margin-bottom: 32px;
}
.help-pages--getting-started .page-header h1,
.help-pages--tips-and-tricks .page-header h1,
.help-pages--level-up .page-header h1,
.help-pages--all-articles .page-header h1,
.help-pages--topic .page-header h1,
.help-pages--inspiration .page-header h1,
.help-pages--contact .page-header h1 {
  font-family: "PT Serif", serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 8px;
}
@media only screen and (min-width: 768px) {
  .help-pages--getting-started .page-header h1,
  .help-pages--tips-and-tricks .page-header h1,
  .help-pages--level-up .page-header h1,
  .help-pages--all-articles .page-header h1,
  .help-pages--topic .page-header h1,
  .help-pages--inspiration .page-header h1,
  .help-pages--contact .page-header h1 {
    font-size: 36px;
  }
}
.help-pages--getting-started .page-header .page-description,
.help-pages--tips-and-tricks .page-header .page-description,
.help-pages--level-up .page-header .page-description,
.help-pages--all-articles .page-header .page-description,
.help-pages--topic .page-header .page-description,
.help-pages--inspiration .page-header .page-description,
.help-pages--contact .page-header .page-description {
  color: var(--color-text-medium-contrast);
  font-size: 15px;
  line-height: 1.5;
}
.help-pages--getting-started .page-header-illustration,
.help-pages--tips-and-tricks .page-header-illustration,
.help-pages--level-up .page-header-illustration,
.help-pages--all-articles .page-header-illustration,
.help-pages--topic .page-header-illustration,
.help-pages--inspiration .page-header-illustration,
.help-pages--contact .page-header-illustration {
  display: none;
  flex-shrink: 0;
  margin-left: 24px;
}
@media only screen and (min-width: 768px) {
  .help-pages--getting-started .page-header-illustration,
  .help-pages--tips-and-tricks .page-header-illustration,
  .help-pages--level-up .page-header-illustration,
  .help-pages--all-articles .page-header-illustration,
  .help-pages--topic .page-header-illustration,
  .help-pages--inspiration .page-header-illustration,
  .help-pages--contact .page-header-illustration {
    display: block;
  }
}
.help-pages--getting-started .page-header-illustration .illustration-image,
.help-pages--tips-and-tricks .page-header-illustration .illustration-image,
.help-pages--level-up .page-header-illustration .illustration-image,
.help-pages--all-articles .page-header-illustration .illustration-image,
.help-pages--topic .page-header-illustration .illustration-image,
.help-pages--inspiration .page-header-illustration .illustration-image,
.help-pages--contact .page-header-illustration .illustration-image {
  height: auto;
  width: 100px;
}
.help-pages--getting-started .article-section,
.help-pages--tips-and-tricks .article-section,
.help-pages--level-up .article-section,
.help-pages--all-articles .article-section,
.help-pages--topic .article-section,
.help-pages--inspiration .article-section,
.help-pages--contact .article-section {
  margin-bottom: 28px;
}
.help-pages--getting-started .article-section .section-heading,
.help-pages--tips-and-tricks .article-section .section-heading,
.help-pages--level-up .article-section .section-heading,
.help-pages--all-articles .article-section .section-heading,
.help-pages--topic .article-section .section-heading,
.help-pages--inspiration .article-section .section-heading,
.help-pages--contact .article-section .section-heading {
  border-bottom: 1px solid var(--color-border-primary);
  font-family: inherit;
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 14px;
  padding-bottom: 8px;
}
.help-pages--getting-started .article-section .section-heading-link,
.help-pages--tips-and-tricks .article-section .section-heading-link,
.help-pages--level-up .article-section .section-heading-link,
.help-pages--all-articles .article-section .section-heading-link,
.help-pages--topic .article-section .section-heading-link,
.help-pages--inspiration .article-section .section-heading-link,
.help-pages--contact .article-section .section-heading-link {
  color: var(--color-text-high-contrast);
  text-decoration: none;
}
.help-pages--getting-started .article-section .section-heading-link:hover,
.help-pages--tips-and-tricks .article-section .section-heading-link:hover,
.help-pages--level-up .article-section .section-heading-link:hover,
.help-pages--all-articles .article-section .section-heading-link:hover,
.help-pages--topic .article-section .section-heading-link:hover,
.help-pages--inspiration .article-section .section-heading-link:hover,
.help-pages--contact .article-section .section-heading-link:hover {
  color: var(--color-text-link);
}
.help-pages--getting-started .article-section .section-description,
.help-pages--tips-and-tricks .article-section .section-description,
.help-pages--level-up .article-section .section-description,
.help-pages--all-articles .article-section .section-description,
.help-pages--topic .article-section .section-description,
.help-pages--inspiration .article-section .section-description,
.help-pages--contact .article-section .section-description {
  color: var(--color-text-medium-contrast);
  font-size: 14px;
  margin-bottom: 14px;
}
.help-pages--getting-started .article-list,
.help-pages--tips-and-tricks .article-list,
.help-pages--level-up .article-list,
.help-pages--all-articles .article-list,
.help-pages--topic .article-list,
.help-pages--inspiration .article-list,
.help-pages--contact .article-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.help-pages--getting-started .article-list li,
.help-pages--tips-and-tricks .article-list li,
.help-pages--level-up .article-list li,
.help-pages--all-articles .article-list li,
.help-pages--topic .article-list li,
.help-pages--inspiration .article-list li,
.help-pages--contact .article-list li {
  align-items: center;
  display: flex;
  gap: 10px;
  padding: 5px 0;
}
.help-pages--getting-started .article-list li .article-icon,
.help-pages--tips-and-tricks .article-list li .article-icon,
.help-pages--level-up .article-list li .article-icon,
.help-pages--all-articles .article-list li .article-icon,
.help-pages--topic .article-list li .article-icon,
.help-pages--inspiration .article-list li .article-icon,
.help-pages--contact .article-list li .article-icon {
  color: var(--color-text-lower-contrast);
  flex-shrink: 0;
  font-size: 18px;
}
.help-pages--getting-started .article-list li .article-link,
.help-pages--tips-and-tricks .article-list li .article-link,
.help-pages--level-up .article-list li .article-link,
.help-pages--all-articles .article-list li .article-link,
.help-pages--topic .article-list li .article-link,
.help-pages--inspiration .article-list li .article-link,
.help-pages--contact .article-list li .article-link {
  color: var(--color-text-link);
  font-size: 15px;
  text-decoration: none;
}
.help-pages--getting-started .article-list li .article-link:hover,
.help-pages--tips-and-tricks .article-list li .article-link:hover,
.help-pages--level-up .article-list li .article-link:hover,
.help-pages--all-articles .article-list li .article-link:hover,
.help-pages--topic .article-list li .article-link:hover,
.help-pages--inspiration .article-list li .article-link:hover,
.help-pages--contact .article-list li .article-link:hover {
  text-decoration: underline;
}
.help-pages--getting-started .help-view-more-link,
.help-pages--tips-and-tricks .help-view-more-link,
.help-pages--level-up .help-view-more-link,
.help-pages--all-articles .help-view-more-link,
.help-pages--topic .help-view-more-link,
.help-pages--inspiration .help-view-more-link,
.help-pages--contact .help-view-more-link {
  display: block;
  margin-top: 20px;
}
.help-pages--getting-started .youtube-section,
.help-pages--tips-and-tricks .youtube-section,
.help-pages--level-up .youtube-section,
.help-pages--all-articles .youtube-section,
.help-pages--topic .youtube-section,
.help-pages--inspiration .youtube-section,
.help-pages--contact .youtube-section {
  border-top: 1px solid var(--color-border-primary);
  margin-top: 36px;
  padding-top: 28px;
}
.help-pages--getting-started .videos-list,
.help-pages--tips-and-tricks .videos-list,
.help-pages--level-up .videos-list,
.help-pages--all-articles .videos-list,
.help-pages--topic .videos-list,
.help-pages--inspiration .videos-list,
.help-pages--contact .videos-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.help-pages--getting-started .video-list-item,
.help-pages--tips-and-tricks .video-list-item,
.help-pages--level-up .video-list-item,
.help-pages--all-articles .video-list-item,
.help-pages--topic .video-list-item,
.help-pages--inspiration .video-list-item,
.help-pages--contact .video-list-item {
  align-items: flex-start;
  border: 1px solid var(--color-border-primary);
  border-radius: 8px;
  color: var(--color-text-high-contrast);
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 12px;
  text-decoration: none;
  transition: border-color 0.15s;
}
@media only screen and (min-width: 600px) {
  .help-pages--getting-started .video-list-item,
  .help-pages--tips-and-tricks .video-list-item,
  .help-pages--level-up .video-list-item,
  .help-pages--all-articles .video-list-item,
  .help-pages--topic .video-list-item,
  .help-pages--inspiration .video-list-item,
  .help-pages--contact .video-list-item {
    flex-direction: row;
    gap: 16px;
  }
}
.help-pages--getting-started .video-list-item:hover,
.help-pages--tips-and-tricks .video-list-item:hover,
.help-pages--level-up .video-list-item:hover,
.help-pages--all-articles .video-list-item:hover,
.help-pages--topic .video-list-item:hover,
.help-pages--inspiration .video-list-item:hover,
.help-pages--contact .video-list-item:hover {
  border-color: #3e92cc;
}
.help-pages--getting-started .video-list-thumbnail,
.help-pages--tips-and-tricks .video-list-thumbnail,
.help-pages--level-up .video-list-thumbnail,
.help-pages--all-articles .video-list-thumbnail,
.help-pages--topic .video-list-thumbnail,
.help-pages--inspiration .video-list-thumbnail,
.help-pages--contact .video-list-thumbnail {
  border-radius: 6px;
  flex-shrink: 0;
  overflow: hidden;
  width: 100%;
}
@media only screen and (min-width: 600px) {
  .help-pages--getting-started .video-list-thumbnail,
  .help-pages--tips-and-tricks .video-list-thumbnail,
  .help-pages--level-up .video-list-thumbnail,
  .help-pages--all-articles .video-list-thumbnail,
  .help-pages--topic .video-list-thumbnail,
  .help-pages--inspiration .video-list-thumbnail,
  .help-pages--contact .video-list-thumbnail {
    width: 160px;
  }
}
.help-pages--getting-started .video-list-thumbnail img,
.help-pages--tips-and-tricks .video-list-thumbnail img,
.help-pages--level-up .video-list-thumbnail img,
.help-pages--all-articles .video-list-thumbnail img,
.help-pages--topic .video-list-thumbnail img,
.help-pages--inspiration .video-list-thumbnail img,
.help-pages--contact .video-list-thumbnail img {
  display: block;
  width: 100%;
}
.help-pages--getting-started .video-list-info,
.help-pages--tips-and-tricks .video-list-info,
.help-pages--level-up .video-list-info,
.help-pages--all-articles .video-list-info,
.help-pages--topic .video-list-info,
.help-pages--inspiration .video-list-info,
.help-pages--contact .video-list-info {
  flex: 1;
}
.help-pages--getting-started .video-list-title,
.help-pages--tips-and-tricks .video-list-title,
.help-pages--level-up .video-list-title,
.help-pages--all-articles .video-list-title,
.help-pages--topic .video-list-title,
.help-pages--inspiration .video-list-title,
.help-pages--contact .video-list-title {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 4px;
}
.help-pages--getting-started .video-list-channel,
.help-pages--tips-and-tricks .video-list-channel,
.help-pages--level-up .video-list-channel,
.help-pages--all-articles .video-list-channel,
.help-pages--topic .video-list-channel,
.help-pages--inspiration .video-list-channel,
.help-pages--contact .video-list-channel {
  color: var(--color-text-medium-contrast);
  font-size: 13px;
  margin-bottom: 4px;
}
.help-pages--getting-started .video-list-meta,
.help-pages--tips-and-tricks .video-list-meta,
.help-pages--level-up .video-list-meta,
.help-pages--all-articles .video-list-meta,
.help-pages--topic .video-list-meta,
.help-pages--inspiration .video-list-meta,
.help-pages--contact .video-list-meta {
  color: var(--color-text-lower-contrast);
  display: flex;
  font-size: 12px;
  gap: 12px;
}
.help-pages--getting-started .view-more-row,
.help-pages--tips-and-tricks .view-more-row,
.help-pages--level-up .view-more-row,
.help-pages--all-articles .view-more-row,
.help-pages--topic .view-more-row,
.help-pages--inspiration .view-more-row,
.help-pages--contact .view-more-row {
  margin-top: 14px;
}
.help-pages--getting-started .view-more-link,
.help-pages--tips-and-tricks .view-more-link,
.help-pages--level-up .view-more-link,
.help-pages--all-articles .view-more-link,
.help-pages--topic .view-more-link,
.help-pages--inspiration .view-more-link,
.help-pages--contact .view-more-link {
  align-items: center;
  color: var(--color-text-link);
  display: inline-flex;
  font-size: 14px;
  gap: 4px;
  text-decoration: none;
}
.help-pages--getting-started .view-more-link .material-icons,
.help-pages--tips-and-tricks .view-more-link .material-icons,
.help-pages--level-up .view-more-link .material-icons,
.help-pages--all-articles .view-more-link .material-icons,
.help-pages--topic .view-more-link .material-icons,
.help-pages--inspiration .view-more-link .material-icons,
.help-pages--contact .view-more-link .material-icons {
  font-size: 16px;
}
.help-pages--getting-started .view-more-link:hover,
.help-pages--tips-and-tricks .view-more-link:hover,
.help-pages--level-up .view-more-link:hover,
.help-pages--all-articles .view-more-link:hover,
.help-pages--topic .view-more-link:hover,
.help-pages--inspiration .view-more-link:hover,
.help-pages--contact .view-more-link:hover {
  text-decoration: underline;
}
.help-pages--getting-started .resource-cards,
.help-pages--tips-and-tricks .resource-cards,
.help-pages--level-up .resource-cards,
.help-pages--all-articles .resource-cards,
.help-pages--topic .resource-cards,
.help-pages--inspiration .resource-cards,
.help-pages--contact .resource-cards {
  display: grid;
  gap: 14px;
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 600px) {
  .help-pages--getting-started .resource-cards,
  .help-pages--tips-and-tricks .resource-cards,
  .help-pages--level-up .resource-cards,
  .help-pages--all-articles .resource-cards,
  .help-pages--topic .resource-cards,
  .help-pages--inspiration .resource-cards,
  .help-pages--contact .resource-cards {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  }
}
.help-pages--getting-started .resource-card,
.help-pages--tips-and-tricks .resource-card,
.help-pages--level-up .resource-card,
.help-pages--all-articles .resource-card,
.help-pages--topic .resource-card,
.help-pages--inspiration .resource-card,
.help-pages--contact .resource-card {
  align-items: flex-start;
  border: 1px solid var(--color-border-primary);
  border-radius: 8px;
  color: var(--color-text-high-contrast);
  display: flex;
  gap: 14px;
  padding: 14px;
  text-decoration: none;
  transition: border-color 0.15s;
}
.help-pages--getting-started .resource-card:hover,
.help-pages--tips-and-tricks .resource-card:hover,
.help-pages--level-up .resource-card:hover,
.help-pages--all-articles .resource-card:hover,
.help-pages--topic .resource-card:hover,
.help-pages--inspiration .resource-card:hover,
.help-pages--contact .resource-card:hover {
  border-color: #3e92cc;
}
.help-pages--getting-started .resource-card > .material-icons,
.help-pages--tips-and-tricks .resource-card > .material-icons,
.help-pages--level-up .resource-card > .material-icons,
.help-pages--all-articles .resource-card > .material-icons,
.help-pages--topic .resource-card > .material-icons,
.help-pages--inspiration .resource-card > .material-icons,
.help-pages--contact .resource-card > .material-icons {
  color: #3e92cc;
  font-size: 28px;
}
.help-pages--getting-started .resource-card .resource-title,
.help-pages--tips-and-tricks .resource-card .resource-title,
.help-pages--level-up .resource-card .resource-title,
.help-pages--all-articles .resource-card .resource-title,
.help-pages--topic .resource-card .resource-title,
.help-pages--inspiration .resource-card .resource-title,
.help-pages--contact .resource-card .resource-title {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 3px;
}
.help-pages--getting-started .resource-card .resource-description,
.help-pages--tips-and-tricks .resource-card .resource-description,
.help-pages--level-up .resource-card .resource-description,
.help-pages--all-articles .resource-card .resource-description,
.help-pages--topic .resource-card .resource-description,
.help-pages--inspiration .resource-card .resource-description,
.help-pages--contact .resource-card .resource-description {
  color: var(--color-text-medium-contrast);
  font-size: 13px;
}
.help-pages--getting-started .admin-bar,
.help-pages--tips-and-tricks .admin-bar,
.help-pages--level-up .admin-bar,
.help-pages--all-articles .admin-bar,
.help-pages--topic .admin-bar,
.help-pages--inspiration .admin-bar,
.help-pages--contact .admin-bar {
  align-items: center;
  background: var(--color-background-secondary);
  border: 1px solid var(--color-border-primary);
  border-radius: 6px;
  display: flex;
  gap: 12px;
  margin-bottom: 20px;
  padding: 8px 14px;
}
.help-pages--getting-started .admin-bar .admin-bar-link,
.help-pages--tips-and-tricks .admin-bar .admin-bar-link,
.help-pages--level-up .admin-bar .admin-bar-link,
.help-pages--all-articles .admin-bar .admin-bar-link,
.help-pages--topic .admin-bar .admin-bar-link,
.help-pages--inspiration .admin-bar .admin-bar-link,
.help-pages--contact .admin-bar .admin-bar-link {
  color: var(--color-text-link);
  font-size: 13px;
  text-decoration: none;
}
.help-pages--getting-started .admin-bar .admin-bar-link:hover,
.help-pages--tips-and-tricks .admin-bar .admin-bar-link:hover,
.help-pages--level-up .admin-bar .admin-bar-link:hover,
.help-pages--all-articles .admin-bar .admin-bar-link:hover,
.help-pages--topic .admin-bar .admin-bar-link:hover,
.help-pages--inspiration .admin-bar .admin-bar-link:hover,
.help-pages--contact .admin-bar .admin-bar-link:hover {
  text-decoration: underline;
}
.help-pages--getting-started .inspiration-filter-bar,
.help-pages--tips-and-tricks .inspiration-filter-bar,
.help-pages--level-up .inspiration-filter-bar,
.help-pages--all-articles .inspiration-filter-bar,
.help-pages--topic .inspiration-filter-bar,
.help-pages--inspiration .inspiration-filter-bar,
.help-pages--contact .inspiration-filter-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 24px;
}
.help-pages--getting-started .inspiration-filter-bar .filter-tab,
.help-pages--tips-and-tricks .inspiration-filter-bar .filter-tab,
.help-pages--level-up .inspiration-filter-bar .filter-tab,
.help-pages--all-articles .inspiration-filter-bar .filter-tab,
.help-pages--topic .inspiration-filter-bar .filter-tab,
.help-pages--inspiration .inspiration-filter-bar .filter-tab,
.help-pages--contact .inspiration-filter-bar .filter-tab {
  align-items: center;
  background: var(--color-background-primary);
  border: 1px solid var(--color-border-primary);
  border-radius: 20px;
  color: var(--color-text-medium-contrast);
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  gap: 6px;
  padding: 6px 14px;
  transition: background-color 0.15s, border-color 0.15s, color 0.15s;
}
.help-pages--getting-started .inspiration-filter-bar .filter-tab .filter-tab-icon,
.help-pages--tips-and-tricks .inspiration-filter-bar .filter-tab .filter-tab-icon,
.help-pages--level-up .inspiration-filter-bar .filter-tab .filter-tab-icon,
.help-pages--all-articles .inspiration-filter-bar .filter-tab .filter-tab-icon,
.help-pages--topic .inspiration-filter-bar .filter-tab .filter-tab-icon,
.help-pages--inspiration .inspiration-filter-bar .filter-tab .filter-tab-icon,
.help-pages--contact .inspiration-filter-bar .filter-tab .filter-tab-icon {
  font-size: 16px;
}
.help-pages--getting-started .inspiration-filter-bar .filter-tab:hover,
.help-pages--tips-and-tricks .inspiration-filter-bar .filter-tab:hover,
.help-pages--level-up .inspiration-filter-bar .filter-tab:hover,
.help-pages--all-articles .inspiration-filter-bar .filter-tab:hover,
.help-pages--topic .inspiration-filter-bar .filter-tab:hover,
.help-pages--inspiration .inspiration-filter-bar .filter-tab:hover,
.help-pages--contact .inspiration-filter-bar .filter-tab:hover {
  border-color: #3e92cc;
  color: var(--color-text-high-contrast);
}
.help-pages--getting-started .inspiration-filter-bar .filter-tab.active,
.help-pages--tips-and-tricks .inspiration-filter-bar .filter-tab.active,
.help-pages--level-up .inspiration-filter-bar .filter-tab.active,
.help-pages--all-articles .inspiration-filter-bar .filter-tab.active,
.help-pages--topic .inspiration-filter-bar .filter-tab.active,
.help-pages--inspiration .inspiration-filter-bar .filter-tab.active,
.help-pages--contact .inspiration-filter-bar .filter-tab.active {
  background: #3e92cc;
  border-color: #3e92cc;
  color: #fff;
}
.help-pages--getting-started .inspiration-list,
.help-pages--tips-and-tricks .inspiration-list,
.help-pages--level-up .inspiration-list,
.help-pages--all-articles .inspiration-list,
.help-pages--topic .inspiration-list,
.help-pages--inspiration .inspiration-list,
.help-pages--contact .inspiration-list {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.help-pages--getting-started .inspiration-list-item,
.help-pages--tips-and-tricks .inspiration-list-item,
.help-pages--level-up .inspiration-list-item,
.help-pages--all-articles .inspiration-list-item,
.help-pages--topic .inspiration-list-item,
.help-pages--inspiration .inspiration-list-item,
.help-pages--contact .inspiration-list-item {
  align-items: center;
  border-bottom: 1px solid var(--color-border-primary);
  display: flex;
  gap: 16px;
  padding: 14px 0;
}
.help-pages--getting-started .inspiration-list-item:first-child,
.help-pages--tips-and-tricks .inspiration-list-item:first-child,
.help-pages--level-up .inspiration-list-item:first-child,
.help-pages--all-articles .inspiration-list-item:first-child,
.help-pages--topic .inspiration-list-item:first-child,
.help-pages--inspiration .inspiration-list-item:first-child,
.help-pages--contact .inspiration-list-item:first-child {
  border-top: 1px solid var(--color-border-primary);
}
.help-pages--getting-started .inspiration-list-thumbnail-link,
.help-pages--tips-and-tricks .inspiration-list-thumbnail-link,
.help-pages--level-up .inspiration-list-thumbnail-link,
.help-pages--all-articles .inspiration-list-thumbnail-link,
.help-pages--topic .inspiration-list-thumbnail-link,
.help-pages--inspiration .inspiration-list-thumbnail-link,
.help-pages--contact .inspiration-list-thumbnail-link {
  flex-shrink: 0;
}
.help-pages--getting-started .inspiration-list-body,
.help-pages--tips-and-tricks .inspiration-list-body,
.help-pages--level-up .inspiration-list-body,
.help-pages--all-articles .inspiration-list-body,
.help-pages--topic .inspiration-list-body,
.help-pages--inspiration .inspiration-list-body,
.help-pages--contact .inspiration-list-body {
  flex: 1;
  min-width: 0;
}
.help-pages--getting-started .inspiration-list-thumbnail,
.help-pages--tips-and-tricks .inspiration-list-thumbnail,
.help-pages--level-up .inspiration-list-thumbnail,
.help-pages--all-articles .inspiration-list-thumbnail,
.help-pages--topic .inspiration-list-thumbnail,
.help-pages--inspiration .inspiration-list-thumbnail,
.help-pages--contact .inspiration-list-thumbnail {
  aspect-ratio: 16/9;
  background: var(--color-background-secondary);
  border-radius: 6px;
  flex-shrink: 0;
  overflow: hidden;
  width: 150px;
}
@media only screen and (min-width: 600px) {
  .help-pages--getting-started .inspiration-list-thumbnail,
  .help-pages--tips-and-tricks .inspiration-list-thumbnail,
  .help-pages--level-up .inspiration-list-thumbnail,
  .help-pages--all-articles .inspiration-list-thumbnail,
  .help-pages--topic .inspiration-list-thumbnail,
  .help-pages--inspiration .inspiration-list-thumbnail,
  .help-pages--contact .inspiration-list-thumbnail {
    width: 250px;
  }
}
.help-pages--getting-started .inspiration-list-thumbnail .inspiration-thumbnail-image,
.help-pages--tips-and-tricks .inspiration-list-thumbnail .inspiration-thumbnail-image,
.help-pages--level-up .inspiration-list-thumbnail .inspiration-thumbnail-image,
.help-pages--all-articles .inspiration-list-thumbnail .inspiration-thumbnail-image,
.help-pages--topic .inspiration-list-thumbnail .inspiration-thumbnail-image,
.help-pages--inspiration .inspiration-list-thumbnail .inspiration-thumbnail-image,
.help-pages--contact .inspiration-list-thumbnail .inspiration-thumbnail-image {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.help-pages--getting-started .inspiration-list-thumbnail .inspiration-thumbnail-placeholder,
.help-pages--tips-and-tricks .inspiration-list-thumbnail .inspiration-thumbnail-placeholder,
.help-pages--level-up .inspiration-list-thumbnail .inspiration-thumbnail-placeholder,
.help-pages--all-articles .inspiration-list-thumbnail .inspiration-thumbnail-placeholder,
.help-pages--topic .inspiration-list-thumbnail .inspiration-thumbnail-placeholder,
.help-pages--inspiration .inspiration-list-thumbnail .inspiration-thumbnail-placeholder,
.help-pages--contact .inspiration-list-thumbnail .inspiration-thumbnail-placeholder {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
}
.help-pages--getting-started .inspiration-list-thumbnail .inspiration-thumbnail-placeholder .thumbnail-placeholder-icon,
.help-pages--tips-and-tricks .inspiration-list-thumbnail .inspiration-thumbnail-placeholder .thumbnail-placeholder-icon,
.help-pages--level-up .inspiration-list-thumbnail .inspiration-thumbnail-placeholder .thumbnail-placeholder-icon,
.help-pages--all-articles .inspiration-list-thumbnail .inspiration-thumbnail-placeholder .thumbnail-placeholder-icon,
.help-pages--topic .inspiration-list-thumbnail .inspiration-thumbnail-placeholder .thumbnail-placeholder-icon,
.help-pages--inspiration .inspiration-list-thumbnail .inspiration-thumbnail-placeholder .thumbnail-placeholder-icon,
.help-pages--contact .inspiration-list-thumbnail .inspiration-thumbnail-placeholder .thumbnail-placeholder-icon {
  color: var(--color-text-lower-contrast);
  font-size: 28px;
}
.help-pages--getting-started .inspiration-list-title,
.help-pages--tips-and-tricks .inspiration-list-title,
.help-pages--level-up .inspiration-list-title,
.help-pages--all-articles .inspiration-list-title,
.help-pages--topic .inspiration-list-title,
.help-pages--inspiration .inspiration-list-title,
.help-pages--contact .inspiration-list-title {
  color: var(--color-text-high-contrast);
  display: block;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 6px;
  text-decoration: none;
  transition: color 0.15s;
}
.help-pages--getting-started .inspiration-list-title:hover,
.help-pages--tips-and-tricks .inspiration-list-title:hover,
.help-pages--level-up .inspiration-list-title:hover,
.help-pages--all-articles .inspiration-list-title:hover,
.help-pages--topic .inspiration-list-title:hover,
.help-pages--inspiration .inspiration-list-title:hover,
.help-pages--contact .inspiration-list-title:hover {
  color: var(--color-text-link);
}
.help-pages--getting-started .inspiration-card-categories,
.help-pages--tips-and-tricks .inspiration-card-categories,
.help-pages--level-up .inspiration-card-categories,
.help-pages--all-articles .inspiration-card-categories,
.help-pages--topic .inspiration-card-categories,
.help-pages--inspiration .inspiration-card-categories,
.help-pages--contact .inspiration-card-categories {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.help-pages--getting-started .inspiration-category-badge,
.help-pages--tips-and-tricks .inspiration-category-badge,
.help-pages--level-up .inspiration-category-badge,
.help-pages--all-articles .inspiration-category-badge,
.help-pages--topic .inspiration-category-badge,
.help-pages--inspiration .inspiration-category-badge,
.help-pages--contact .inspiration-category-badge {
  padding: 3px 8px;
}
.help-pages--getting-started .no-resources-message,
.help-pages--tips-and-tricks .no-resources-message,
.help-pages--level-up .no-resources-message,
.help-pages--all-articles .no-resources-message,
.help-pages--topic .no-resources-message,
.help-pages--inspiration .no-resources-message,
.help-pages--contact .no-resources-message {
  color: var(--color-text-medium-contrast);
  font-size: 15px;
}
.help-pages--getting-started .contact-options,
.help-pages--tips-and-tricks .contact-options,
.help-pages--level-up .contact-options,
.help-pages--all-articles .contact-options,
.help-pages--topic .contact-options,
.help-pages--inspiration .contact-options,
.help-pages--contact .contact-options {
  display: grid;
  gap: 16px;
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 600px) {
  .help-pages--getting-started .contact-options,
  .help-pages--tips-and-tricks .contact-options,
  .help-pages--level-up .contact-options,
  .help-pages--all-articles .contact-options,
  .help-pages--topic .contact-options,
  .help-pages--inspiration .contact-options,
  .help-pages--contact .contact-options {
    grid-template-columns: repeat(2, 1fr);
  }
}
.help-pages--getting-started .contact-card,
.help-pages--tips-and-tricks .contact-card,
.help-pages--level-up .contact-card,
.help-pages--all-articles .contact-card,
.help-pages--topic .contact-card,
.help-pages--inspiration .contact-card,
.help-pages--contact .contact-card {
  border: 1px solid var(--color-border-primary);
  border-radius: 10px;
  padding: 20px;
  text-align: center;
}
.help-pages--getting-started .contact-card .contact-icon .material-icons,
.help-pages--tips-and-tricks .contact-card .contact-icon .material-icons,
.help-pages--level-up .contact-card .contact-icon .material-icons,
.help-pages--all-articles .contact-card .contact-icon .material-icons,
.help-pages--topic .contact-card .contact-icon .material-icons,
.help-pages--inspiration .contact-card .contact-icon .material-icons,
.help-pages--contact .contact-card .contact-icon .material-icons {
  color: #3e92cc;
  font-size: 32px;
  margin-bottom: 10px;
}
.help-pages--getting-started .contact-card h3,
.help-pages--tips-and-tricks .contact-card h3,
.help-pages--level-up .contact-card h3,
.help-pages--all-articles .contact-card h3,
.help-pages--topic .contact-card h3,
.help-pages--inspiration .contact-card h3,
.help-pages--contact .contact-card h3 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 6px;
}
.help-pages--getting-started .contact-card p,
.help-pages--tips-and-tricks .contact-card p,
.help-pages--level-up .contact-card p,
.help-pages--all-articles .contact-card p,
.help-pages--topic .contact-card p,
.help-pages--inspiration .contact-card p,
.help-pages--contact .contact-card p {
  color: var(--color-text-medium-contrast);
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 12px;
}
.help-pages--getting-started .contact-card .contact-link,
.help-pages--tips-and-tricks .contact-card .contact-link,
.help-pages--level-up .contact-card .contact-link,
.help-pages--all-articles .contact-card .contact-link,
.help-pages--topic .contact-card .contact-link,
.help-pages--inspiration .contact-card .contact-link,
.help-pages--contact .contact-card .contact-link {
  color: var(--color-text-link);
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}
.help-pages--getting-started .contact-card .contact-link:hover,
.help-pages--tips-and-tricks .contact-card .contact-link:hover,
.help-pages--level-up .contact-card .contact-link:hover,
.help-pages--all-articles .contact-card .contact-link:hover,
.help-pages--topic .contact-card .contact-link:hover,
.help-pages--inspiration .contact-card .contact-link:hover,
.help-pages--contact .contact-card .contact-link:hover {
  text-decoration: underline;
}
.help-pages--getting-started .explore-topics-section,
.help-pages--tips-and-tricks .explore-topics-section,
.help-pages--level-up .explore-topics-section,
.help-pages--all-articles .explore-topics-section,
.help-pages--topic .explore-topics-section,
.help-pages--inspiration .explore-topics-section,
.help-pages--contact .explore-topics-section {
  background: var(--color-background-secondary);
  margin-top: 48px;
  padding: 36px 0 40px;
}
.help-pages--getting-started .explore-topics-section .section-label,
.help-pages--tips-and-tricks .explore-topics-section .section-label,
.help-pages--level-up .explore-topics-section .section-label,
.help-pages--all-articles .explore-topics-section .section-label,
.help-pages--topic .explore-topics-section .section-label,
.help-pages--inspiration .explore-topics-section .section-label,
.help-pages--contact .explore-topics-section .section-label {
  color: var(--color-text-medium-contrast);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1.5px;
  margin-bottom: 18px;
  text-transform: uppercase;
}
.help-pages--getting-started .explore-topics-section .topic-card,
.help-pages--tips-and-tricks .explore-topics-section .topic-card,
.help-pages--level-up .explore-topics-section .topic-card,
.help-pages--all-articles .explore-topics-section .topic-card,
.help-pages--topic .explore-topics-section .topic-card,
.help-pages--inspiration .explore-topics-section .topic-card,
.help-pages--contact .explore-topics-section .topic-card {
  align-items: center;
  background: var(--color-background-primary);
  border: 1px solid var(--color-border-primary);
  border-radius: 8px;
  color: var(--color-text-high-contrast);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 16px 8px;
  text-align: center;
  text-decoration: none;
  transition: border-color 0.15s;
}
.help-pages--getting-started .explore-topics-section .topic-card:hover,
.help-pages--tips-and-tricks .explore-topics-section .topic-card:hover,
.help-pages--level-up .explore-topics-section .topic-card:hover,
.help-pages--all-articles .explore-topics-section .topic-card:hover,
.help-pages--topic .explore-topics-section .topic-card:hover,
.help-pages--inspiration .explore-topics-section .topic-card:hover,
.help-pages--contact .explore-topics-section .topic-card:hover {
  border-color: #3e92cc;
}
.help-pages--getting-started .explore-topics-section .topic-card .topic-icon .material-icons,
.help-pages--tips-and-tricks .explore-topics-section .topic-card .topic-icon .material-icons,
.help-pages--level-up .explore-topics-section .topic-card .topic-icon .material-icons,
.help-pages--all-articles .explore-topics-section .topic-card .topic-icon .material-icons,
.help-pages--topic .explore-topics-section .topic-card .topic-icon .material-icons,
.help-pages--inspiration .explore-topics-section .topic-card .topic-icon .material-icons,
.help-pages--contact .explore-topics-section .topic-card .topic-icon .material-icons {
  color: #3e92cc;
  font-size: 24px;
  margin-bottom: 6px;
}
@media only screen and (min-width: 768px) {
  .help-pages--getting-started .explore-topics-section .topic-card .topic-icon .material-icons,
  .help-pages--tips-and-tricks .explore-topics-section .topic-card .topic-icon .material-icons,
  .help-pages--level-up .explore-topics-section .topic-card .topic-icon .material-icons,
  .help-pages--all-articles .explore-topics-section .topic-card .topic-icon .material-icons,
  .help-pages--topic .explore-topics-section .topic-card .topic-icon .material-icons,
  .help-pages--inspiration .explore-topics-section .topic-card .topic-icon .material-icons,
  .help-pages--contact .explore-topics-section .topic-card .topic-icon .material-icons {
    font-size: 28px;
  }
}
.help-pages--getting-started .explore-topics-section .topic-card .topic-name,
.help-pages--tips-and-tricks .explore-topics-section .topic-card .topic-name,
.help-pages--level-up .explore-topics-section .topic-card .topic-name,
.help-pages--all-articles .explore-topics-section .topic-card .topic-name,
.help-pages--topic .explore-topics-section .topic-card .topic-name,
.help-pages--inspiration .explore-topics-section .topic-card .topic-name,
.help-pages--contact .explore-topics-section .topic-card .topic-name {
  font-size: 12px;
  line-height: 1.3;
}
@media only screen and (min-width: 768px) {
  .help-pages--getting-started .explore-topics-section .topic-card .topic-name,
  .help-pages--tips-and-tricks .explore-topics-section .topic-card .topic-name,
  .help-pages--level-up .explore-topics-section .topic-card .topic-name,
  .help-pages--all-articles .explore-topics-section .topic-card .topic-name,
  .help-pages--topic .explore-topics-section .topic-card .topic-name,
  .help-pages--inspiration .explore-topics-section .topic-card .topic-name,
  .help-pages--contact .explore-topics-section .topic-card .topic-name {
    font-size: 13px;
  }
}
.help-pages--getting-started .explore-topics-section .view-all-link,
.help-pages--tips-and-tricks .explore-topics-section .view-all-link,
.help-pages--level-up .explore-topics-section .view-all-link,
.help-pages--all-articles .explore-topics-section .view-all-link,
.help-pages--topic .explore-topics-section .view-all-link,
.help-pages--inspiration .explore-topics-section .view-all-link,
.help-pages--contact .explore-topics-section .view-all-link {
  color: var(--color-text-link);
  display: inline-block;
  font-size: 14px;
  margin-top: 14px;
  text-decoration: none;
}
.help-pages--getting-started .explore-topics-section .view-all-link:hover,
.help-pages--tips-and-tricks .explore-topics-section .view-all-link:hover,
.help-pages--level-up .explore-topics-section .view-all-link:hover,
.help-pages--all-articles .explore-topics-section .view-all-link:hover,
.help-pages--topic .explore-topics-section .view-all-link:hover,
.help-pages--inspiration .explore-topics-section .view-all-link:hover,
.help-pages--contact .explore-topics-section .view-all-link:hover {
  text-decoration: underline;
}

.help-pages--all-articles .page-sections {
  display: grid;
  gap: 24px;
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 992px) {
  .help-pages--all-articles .page-sections {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.help-pages--all-articles .article-section {
  margin-bottom: 0;
}

.inspiration-category-badge {
  align-items: center;
  border-radius: 4px;
  display: inline-flex;
  font-size: 12px;
  gap: 4px;
  text-decoration: none;
}
.inspiration-category-badge:hover {
  filter: brightness(1.15);
}
.inspiration-category-badge .material-icons {
  font-size: 14px;
}

.help-pages--inspiration {
  --badge-bg-templates: rgba(156, 123, 234, 0.15);
  --badge-bg-use-cases: rgba(255, 178, 56, 0.15);
  --badge-bg-getting-started: rgba(0, 146, 174, 0.15);
  --badge-bg-videos: rgba(245, 98, 76, 0.15);
  --badge-bg-plugins: rgba(11, 191, 125, 0.15);
  --badge-bg-ideas: rgba(62, 146, 204, 0.15);
  --badge-text-templates: rgb(106.5, 57, 223.5);
  --badge-text-use-cases: rgb(209, 128.1306532663, 0);
  --badge-text-getting-started: rgba(0, 146, 174, 0.3);
  --badge-text-videos: rgb(207.4126984127, 37.0793650794, 11.5873015873);
  --badge-text-plugins: rgb(5.4455445545, 94.5544554455, 61.8811881188);
  --badge-text-ideas: rgb(44.9385245902, 118.9549180328, 170.0614754098);
}

.help-pages--index {
  --badge-bg-templates: rgba(156, 123, 234, 0.2);
  --badge-bg-use-cases: rgba(255, 178, 56, 0.2);
  --badge-bg-getting-started: rgba(0, 146, 174, 0.2);
  --badge-bg-videos: rgba(245, 98, 76, 0.2);
  --badge-bg-plugins: rgba(11, 191, 125, 0.2);
  --badge-bg-ideas: rgba(62, 146, 204, 0.2);
  --badge-text-templates: rgb(205.5, 189, 244.5);
  --badge-text-use-cases: rgb(255, 217.4673366834, 158);
  --badge-text-getting-started: rgb(21, 217.3448275862, 255);
  --badge-text-videos: rgb(250.3968253968, 182.7301587302, 172.6031746032);
  --badge-text-plugins: rgb(60.2178217822, 243.7821782178, 176.4752475248);
  --badge-text-ideas: rgb(102.3401639344, 168.7827868852, 214.6598360656);
}

.inspiration-categories .category-badge-templates {
  background: var(--badge-bg-templates);
  color: var(--badge-text-templates);
}
.inspiration-categories .category-badge-use_cases {
  background: var(--badge-bg-use-cases);
  color: var(--badge-text-use-cases);
}
.inspiration-categories .category-badge-getting_started {
  background: var(--badge-bg-getting-started);
  color: var(--badge-text-getting-started);
}
.inspiration-categories .category-badge-videos {
  background: var(--badge-bg-videos);
  color: var(--badge-text-videos);
}
.inspiration-categories .category-badge-plugins {
  background: var(--badge-bg-plugins);
  color: var(--badge-text-plugins);
}
.inspiration-categories .category-badge-ideas {
  background: var(--badge-bg-ideas);
  color: var(--badge-text-ideas);
}

/***************************************************
 * Variables
 ***************************************************/
.help-pages .topics-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (min-width: 600px) {
  .help-pages .topics-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 992px) {
  .help-pages .topics-grid {
    grid-template-columns: repeat(6, 1fr);
  }
}
.help-pages .topic-card {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 115px;
  padding: 16px 10px;
  text-align: center;
}
.help-pages .topic-card .topic-icon {
  margin-bottom: 6px;
}
.help-pages .topic-card .topic-icon .material-icons {
  color: #afd8f4;
  font-size: 24px;
}
@media only screen and (min-width: 768px) {
  .help-pages .topic-card .topic-icon .material-icons {
    font-size: 28px;
  }
}

.help-pages--search {
  background-color: var(--color-background-primary);
}
.help-pages--search .help-page-search-form {
  margin: 16px 0;
}
@media only screen and (max-width: 600px) {
  .help-pages--search .help-page-search-form {
    justify-content: center;
  }
}
.help-pages--search .search-results-list {
  padding: 16px 0 0;
}
.help-pages--search .search-results-list .search-result {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  list-style-type: none;
  margin-bottom: 32px;
}
@media only screen and (max-width: 600px) {
  .help-pages--search .search-results-list .search-result {
    align-items: unset;
  }
}
.help-pages--search .help-page-link-container {
  border-bottom: 2px solid #0bbf7d;
  margin-bottom: 8px;
  min-width: 320px;
}
@media only screen and (max-width: 600px) {
  .help-pages--search .help-page-link-container {
    min-width: unset;
  }
}
.help-pages--search .snippet {
  background-color: var(--color-background-tertiary);
  color: var(--color-text-medium-contrast);
  padding: 12px 16px;
  min-width: 320px;
}
@media only screen and (max-width: 600px) {
  .help-pages--search .snippet {
    min-width: unset;
  }
}

/***************************************************
 * Variables
 ***************************************************/
.help-pages .topics-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (min-width: 600px) {
  .help-pages .topics-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 992px) {
  .help-pages .topics-grid {
    grid-template-columns: repeat(6, 1fr);
  }
}
.help-pages .topic-card {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 115px;
  padding: 16px 10px;
  text-align: center;
}
.help-pages .topic-card .topic-icon {
  margin-bottom: 6px;
}
.help-pages .topic-card .topic-icon .material-icons {
  color: #afd8f4;
  font-size: 24px;
}
@media only screen and (min-width: 768px) {
  .help-pages .topic-card .topic-icon .material-icons {
    font-size: 28px;
  }
}

.help-pages--show {
  background-color: var(--color-background-primary);
}
.help-pages--show .help-page-content {
  margin-bottom: 30px;
}
.help-pages--show .admin-stats {
  background-color: var(--color-background-secondary);
  padding: 10px;
}
.help-pages--show .help-page-title {
  margin-top: 50px;
}
.help-pages--show .ample-editor .ample-editor-editor {
  padding: 0;
}
.help-pages--show .ample-editor.readonly {
  width: 100%;
  margin: 0 auto;
  padding: 35px 0 25px;
  border-top: 1px solid var(--color-border-primary);
  line-height: 1.5;
}
.help-pages--show .helpful-container {
  margin: 15px 0 30px;
}
.help-pages--show .helpful-container .helpful-buttons {
  display: flex;
  margin: 10px 0;
}
.help-pages--show .helpful-container .helpful-buttons.loading::after {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
  content: "hourglass_top";
  margin-left: 6px;
}
.help-pages--show .helpful-container .helpful-buttons .helpful-button {
  margin-right: 15px;
}
.help-pages--show .helpful-container .helpful-buttons .helpful-button::before {
  margin-right: 4px;
}
.help-pages--show .helpful-container .helpful-buttons .helpful-button.yes {
  color: var(--color-text-lower-contrast);
}
.help-pages--show .helpful-container .helpful-buttons .helpful-button.yes::before {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
  content: "thumb_up";
}
.help-pages--show .helpful-container .helpful-buttons .helpful-button.yes.selected {
  color: var(--color-text-link);
}
.help-pages--show .helpful-container .helpful-buttons .helpful-button.yes.selected::before {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
  content: "thumb_up";
}
.help-pages--show .helpful-container .helpful-buttons .helpful-button.no {
  color: var(--color-text-lower-contrast);
}
.help-pages--show .helpful-container .helpful-buttons .helpful-button.no::before {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
  content: "thumb_down";
}
.help-pages--show .helpful-container .helpful-buttons .helpful-button.no.selected {
  color: var(--color-text-link);
}
.help-pages--show .helpful-container .helpful-buttons .helpful-button.no.selected::before {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
  content: "thumb_down";
}

.help-sidebar-nav .sidebar-heading {
  color: var(--color-text-medium-contrast);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.5px;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.help-sidebar-nav .sidebar-links {
  list-style: none;
  margin: 0;
  padding: 0;
}
.help-sidebar-nav .sidebar-links li {
  margin-bottom: 1px;
}
.help-sidebar-nav .sidebar-links li a {
  align-items: center;
  border-radius: 6px;
  color: var(--color-text-medium-contrast);
  display: flex;
  gap: 10px;
  padding: 7px 12px;
  text-decoration: none;
  transition: background 0.15s, color 0.15s;
}
.help-sidebar-nav .sidebar-links li a .material-icons {
  font-size: 18px;
}
.help-sidebar-nav .sidebar-links li a span {
  font-size: 14px;
}
.help-sidebar-nav .sidebar-links li a:hover {
  background: var(--color-background-element-low-contrast);
  color: var(--color-text-high-contrast);
}
.help-sidebar-nav .sidebar-links li.active a {
  background: #3e92cc;
  color: #fff;
}
.help-sidebar-nav .sidebar-links li.active a .material-icons {
  color: #fff;
}
.help-sidebar-nav .sidebar-links .sidebar-divider {
  border-bottom: 1px solid var(--color-border-primary);
  margin: 8px 0;
}

@media only screen and (min-width: 1400px) {
  .help-pages .width-wrapper.outer-sidebar-container.with-sidebar {
    max-width: 1380px;
  }
}
.help-pages .width-wrapper.outer-sidebar-container.with-sidebar .content-body-sidebar-split {
  display: flex;
}
@media only screen and (min-width: 1200px) {
  .help-pages .width-wrapper.outer-sidebar-container.with-sidebar .content-body-sidebar-split .content-page-content,
  .help-pages .width-wrapper.outer-sidebar-container.with-sidebar .content-body-sidebar-split .help-page-content {
    max-width: calc(100% - 355px);
  }
}
@media only screen and (min-width: 1400px) {
  .help-pages .width-wrapper.outer-sidebar-container.with-sidebar .content-body-sidebar-split .content-page-content,
  .help-pages .width-wrapper.outer-sidebar-container.with-sidebar .content-body-sidebar-split .help-page-content {
    max-width: calc(100% - 430px);
  }
}
@media only screen and (max-width: 1200px) {
  .help-pages .width-wrapper.outer-sidebar-container.with-sidebar .content-body-sidebar-split {
    flex-direction: column-reverse;
  }
}
.help-pages .width-wrapper.outer-sidebar-container.with-sidebar .content-body-sidebar-split .sidebar-header-list {
  margin-top: 0;
}
@media only screen and (min-width: 1200px) {
  .help-pages .width-wrapper.outer-sidebar-container.with-sidebar .content-body-sidebar-split .sidebar-header-list {
    width: 325px;
  }
}
@media only screen and (min-width: 1400px) {
  .help-pages .width-wrapper.outer-sidebar-container.with-sidebar .content-body-sidebar-split .sidebar-header-list {
    width: 400px;
  }
}
.help-pages .breadcrumb-container {
  padding-top: 25px;
}
.help-pages .help-page-search-form {
  align-items: center;
  display: flex;
}
.help-pages .help-page-search-form .text-field-container {
  flex-grow: 1;
  max-width: 320px;
}
.help-pages .help-page-search-form .mdc-text-field {
  height: 36px;
  width: 100%;
}
.help-pages .help-page-search-form .mdc-text-field .mdc-text-field__input {
  padding: 8px 12px;
}
.help-pages .help-page-search-form .mdc-text-field .mdc-text-field__input::placeholder {
  color: var(--color-text-lower-contrast);
  opacity: 1;
}
.help-pages .help-page-search-form .mdc-button {
  margin-left: 8px;
}