.sn-password-reset-message {
  --whitespace: 1rem;
  background: #c66ea4;
  border-radius: 0.75rem;
  color: #fff;
  padding: 1.5rem;
  padding: 1rem 1rem 1rem clamp(1.5rem, 0.364rem + 5.682vw, 4rem);
  position: relative;
  margin: 0 1rem 2.625rem 1.5rem;
}

.sn-password-reset-message p {
  font-size: 0.875rem;
  line-height: 1.15
}

.sn-password-reset-message-media {
  --corner-offset: calc(clamp(0.85rem, 0.077rem + 3.864vw, 2.55rem) * -1);
  position: absolute;
  inset: var(--corner-offset) auto auto var(--corner-offset);
  width: clamp(2rem, 0.182rem + 9.091vw, 6rem);
}

.sn-password-reset-message-media svg {
  width: 100%;
}

.sn-password-reset-message-text {
  color: #fff;
}

.sn-password-reset-message-text > * {
  margin: 1.375rem 0;
}

.sn-password-reset-message-text > *:first-child {
  margin-top: 0;
}

.sn-password-reset-message-text > *:last-child {
  margin-bottom: 0;
}

.sn-password-reset-message-text strong {
  color: #000;
}

.sn-password-reset-message-text a,
.sn-password-reset-message-text a:link,
.sn-password-reset-message-text a:hover,
.sn-password-reset-message-text a:active,
.sn-password-reset-message-text a:focus {
  color: #000;
  font-weight: normal;
  text-decoration: underline;
}

@media screen and (min-width: 1024px) {
  .sn-password-reset-message {
    --whitespace: 2.625rem;
    margin: 0 auto var(--whitespace);
    padding: 2.625rem;
    max-width: 64rem;
    display: grid;
      gap: var(--whitespace);
      grid-template-areas: 'media text';
  }
  .sn-password-reset-message p {
    font-size: 1.375rem;
  }
  .sn-password-reset-message-media {
    grid-area: media;
    position: static;
      inset: auto;
    width: 12rem;
  }
  .sn-password-reset-message-text {
    grid-area: text;
  }
}