:root {
  --color-substack-accent: #ff6719;
  --color-primary: #404040;
  --color-secondary: #808080;
  --color-dark-primary: #e0e0e0;
  --color-dark-detail: #333333;
  --color-text-dark-pencraft: #404040;
  --color-substack-bg: #ffffff;
  --color-substack-secondary: #808080;
  --color-text-dark-wash: #252525;
  --color-substack-wash: #f5f5f5;
  --font-family-title: 'SF Pro Display', -apple-system-headline, -apple-system, ui-sans-serif, BlinkMacSystemFont,
    'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}

.frontend-pencraft-common-module__color-primary--dX2PK {
  color: var(--color-primary);
}

.frontend-pencraft-common-module__color-secondary--31o27 {
  color: var(--color-secondary);
}

.frontend-lib-ProfileSetupToast-module__wrapper--3wUl- {
  background-color: var(--color-substack-bg);
  max-width: 440px;
  min-height: 250px;
  border-radius: 8px;
  border: solid 1px var(--color-dark-primary);
  padding: 26px 24px 16px 24px;
  box-sizing: border-box;
  color: var(--color-dark-detail);

  /* TODO: Refactor as a text component */
  font-family: var(--font-family-title);
  font-size: 16px;
  line-height: 24px;
}

.frontend-lib-ProfileSetupToast-module__headerRow--17w27 {
  flex-direction: row-reverse;
}

/* TODO: CSS variables don't work in media query declarations */
@media (max-width: 540px) {
  .frontend-lib-ProfileSetupToast-module__headerRow--17w27 {
    flex-wrap: wrap;
  }
}

/* TODO: Refactor as a text component */
.frontend-lib-ProfileSetupToast-module__header--fKsNz {
  color: var(--color-text-dark-pencraft);
}

.frontend-lib-ProfileSetupToast-module__wrapper--3wUl- svg {
  stroke: var(--color-substack-secondary);
}


/*# sourceMappingURL=main.css.map*/