/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-leading: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
    }
  }
}

.special-popup {
  inset: calc(var(--spacing, .25rem) * 0);
  z-index: 30;
  padding: calc(var(--spacing, .25rem) * 4);
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
}

@media (min-width: 40rem) {
  .special-popup {
    padding: calc(var(--spacing, .25rem) * 8);
  }
}

.special-popup {
  opacity: 0;
  pointer-events: none;
  background: #00000080;
  transition: opacity .3s;
}

.special-popup.open {
  opacity: 1;
  pointer-events: auto;
}

.special-popup .special-popup-content {
  max-width: min(32rem, 100vw - 2rem);
  position: relative;
}

.special-popup .special-popup-content .close-button {
  top: calc(var(--spacing, .25rem) * -2);
  right: calc(var(--spacing, .25rem) * -2);
  z-index: 40;
  height: calc(var(--spacing, .25rem) * 6);
  width: calc(var(--spacing, .25rem) * 6);
  font-size: var(--text-2xl, 1.5rem);
  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
  --tw-leading: 1;
  color: var(--color-white, #fff);
  cursor: pointer;
  background: #ce3e26;
  border-radius: 3.40282e38px;
  justify-content: center;
  align-items: center;
  padding-bottom: .15rem;
  line-height: 1;
  transition: background-color .2s, color .2s;
  display: flex;
  position: absolute;
}

.special-popup .special-popup-content .close-button:hover {
  color: #f2e1a7;
  background: #a92f1b;
}

.special-popup .special-popup-panel {
  padding: calc(var(--spacing, .25rem) * 6);
}

@media (min-width: 40rem) {
  .special-popup .special-popup-panel {
    padding: calc(var(--spacing, .25rem) * 8);
  }
}

.special-popup .special-popup-panel {
  color: #111827;
  background: #e5e7eb;
}

.special-popup .special-popup-image {
  margin-bottom: calc(var(--spacing, .25rem) * 4);
  max-width: var(--container-xs, 20rem);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.special-popup .special-popup-image img {
  width: 100%;
}

.special-header {
  left: calc(var(--spacing, .25rem) * 0);
  z-index: 30;
  pointer-events: none;
  width: 100%;
  transition: top .3s;
  position: fixed;
  top: -120px;
}

.special-header.open {
  pointer-events: auto;
  top: 0;
}

.special-header .bordered, .special-header .bordered .content {
  width: 100%;
  max-width: none;
  display: block;
}

.special-header .bordered .content .content-inner {
  width: 100%;
  max-width: none;
  display: block !important;
}

.special-header .special-header-content {
  color: #ce3e26;
  background: #f2e1a7;
  grid-template-columns: 2.25rem 1fr;
  align-items: center;
  font-family: Cabin Sketch, serif;
  font-style: normal;
  font-weight: 700;
  display: grid;
}

.special-header .special-header-content .close-button {
  height: calc(var(--spacing, .25rem) * 8);
  width: calc(var(--spacing, .25rem) * 8);
  font-size: var(--text-2xl, 1.5rem);
  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
  --tw-leading: 1;
  cursor: pointer;
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  line-height: 1;
  transition: background-color .2s, color .2s;
  display: flex;
  position: relative;
  top: -.35rem;
  right: -.35rem;
}

.special-header .special-header-content .close-button:hover {
  color: #f2e1a7;
  background: #ce3e26;
}

.special-header .special-header-content .special-header-text {
  min-width: calc(var(--spacing, .25rem) * 0);
  padding-inline: calc(var(--spacing, .25rem) * 2);
  padding-block: calc(var(--spacing, .25rem) * 3);
  padding-bottom: calc(var(--spacing, .25rem) * 5);
}

.special-surface-link {
  min-width: calc(var(--spacing, .25rem) * 0);
  color: inherit;
  text-decoration: none;
  display: block;
}

.morningstar-special-richtext {
  line-height: 1.4;
}

.morningstar-special-richtext p {
  margin-bottom: .75rem;
}

.morningstar-special-richtext p:last-child {
  margin-bottom: 0;
}

.morningstar-special-richtext a {
  text-underline-offset: .18em;
  text-decoration: underline;
}

.morningstar-special-richtext em, .morningstar-special-richtext i {
  font-style: italic;
}

@media (max-width: 640px) {
  .special-popup .special-popup-content {
    width: calc(100vw - 1rem);
  }

  .special-popup .special-popup-content .close-button {
    height: calc(var(--spacing, .25rem) * 7);
    width: calc(var(--spacing, .25rem) * 7);
    font-size: var(--text-xl, 1.25rem);
    line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
  }

  .special-popup .special-popup-panel {
    padding: calc(var(--spacing, .25rem) * 4);
  }

  .special-header .special-header-content {
    grid-template-columns: 2rem 1fr;
  }

  .special-header .special-header-content .special-header-text {
    padding-inline: calc(var(--spacing, .25rem) * 2);
    padding-block: calc(var(--spacing, .25rem) * 2);
    padding-bottom: calc(var(--spacing, .25rem) * 4);
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  }
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}