.md-banner {
  color: inherit;
  background: transparent;
  padding: .46rem .9rem .42rem;
  border-bottom: 1px solid rgba(255, 255, 255, .05);
  overflow: visible;
}

.md-banner__inner {
  width: 100%;
  max-width: none;
  margin: 0 auto;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  overflow: visible;
}

.cortensor-preview-banner {
  position: relative;
  display: flex;
  align-items: center;
  width: min(calc(100% - 1.25rem), 72rem);
  min-height: 2.32rem;
  margin: 0 auto;
  padding: .5rem 2.5rem .5rem .92rem;
  color: #26262a;
  border: 1px solid rgba(38, 38, 42, .1);
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .86), rgba(255, 255, 255, .74)),
    linear-gradient(90deg, rgba(186, 211, 249, .22), rgba(255, 160, 218, .16));
  box-shadow:
    0 1px 0 rgba(255, 255, 255, .72) inset,
    0 12px 30px rgba(38, 38, 42, .08);
  backdrop-filter: blur(22px) saturate(165%);
  -webkit-backdrop-filter: blur(22px) saturate(165%);
  overflow: visible;
}

.cortensor-preview-banner__inner {
  position: static;
  display: grid;
  place-items: center;
  min-height: 1.4rem;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

.cortensor-preview-banner__content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: .26rem .48rem;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  max-width: 60rem;
  font-size: .63rem;
  line-height: 1.42;
  text-align: center;
}

.cortensor-preview-banner__label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .14rem .42rem;
  font-size: .52rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .03em;
  text-transform: uppercase;
  white-space: nowrap;
  border: 1px solid rgba(38, 38, 42, .12);
  border-radius: 999px;
  background: rgba(38, 38, 42, .055);
}

.cortensor-preview-banner__text {
  flex: 0 1 auto;
  max-width: 56rem;
}

.cortensor-preview-banner__content a {
  color: inherit;
  font-weight: 700;
  text-decoration: underline;
  text-decoration-color: rgba(38, 38, 42, .24);
  text-underline-offset: .14rem;
}

.cortensor-preview-banner__close {
  position: absolute;
  box-sizing: border-box;
  top: 50%;
  right: .62rem;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 1.32rem;
  height: 1.32rem;
  min-width: 0;
  min-height: 0;
  padding: 0;
  color: inherit;
  font-family: Arial, sans-serif;
  font-size: .74rem;
  font-weight: 800;
  line-height: 1;
  background: rgba(38, 38, 42, .06);
  border: 1px solid rgba(38, 38, 42, .12);
  border-radius: 999px;
  cursor: pointer;
  transform: translateY(-50%);
  transition:
    background .18s ease,
    border-color .18s ease,
    transform .18s ease;
}

.cortensor-preview-banner__close span {
  display: block;
  line-height: 1;
  transform: none;
}

.cortensor-preview-banner__close:hover,
.cortensor-preview-banner__close:focus-visible {
  background: rgba(38, 38, 42, .11);
  border-color: rgba(38, 38, 42, .18);
  transform: translateY(calc(-50% - 1px));
}

[data-md-color-scheme="slate"] .cortensor-preview-banner {
  color: #f4f4f5;
  border-color: rgba(255, 255, 255, .11);
  background:
    linear-gradient(180deg, rgba(36, 36, 40, .84), rgba(24, 24, 27, .72)),
    linear-gradient(90deg, rgba(186, 211, 249, .1), rgba(255, 160, 218, .1));
  box-shadow:
    0 1px 0 rgba(255, 255, 255, .08) inset,
    0 14px 32px rgba(0, 0, 0, .18);
}

[data-md-color-scheme="slate"] .cortensor-preview-banner__label {
  border-color: rgba(255, 255, 255, .14);
  background: rgba(255, 255, 255, .065);
}

[data-md-color-scheme="slate"] .cortensor-preview-banner__content a {
  text-decoration-color: rgba(255, 255, 255, .24);
}

[data-md-color-scheme="slate"] .cortensor-preview-banner__close {
  background: rgba(255, 255, 255, .08);
  border-color: rgba(255, 255, 255, .14);
}

[data-md-color-scheme="slate"] .cortensor-preview-banner__close:hover,
[data-md-color-scheme="slate"] .cortensor-preview-banner__close:focus-visible {
  background: rgba(255, 255, 255, .13);
  border-color: rgba(255, 255, 255, .22);
}

@media screen and (max-width: 76.2344em) {
  .md-banner {
    padding: .44rem .75rem .4rem;
  }

  .cortensor-preview-banner {
    width: min(calc(100% - 1rem), 64rem);
  }
}

@media screen and (max-width: 44.9375em) {
  .md-banner {
    padding: .46rem .62rem .42rem;
  }

  .cortensor-preview-banner {
    min-height: 2.5rem;
    padding: .55rem 2.45rem .55rem .76rem;
    border-radius: 14px;
  }

  .cortensor-preview-banner__content {
    justify-content: flex-start;
    font-size: .63rem;
    text-align: left;
  }

  .cortensor-preview-banner__text {
    flex-basis: 100%;
  }

  .cortensor-preview-banner__close {
    right: .52rem;
    width: 1.28rem;
    height: 1.28rem;
    font-size: .72rem;
  }
}