.OnboardingModal_dialogContent__jQdKQ {
  display: block;
  width: min(1372px, calc(100vw - 32px), calc(164.31vh - 52.58px)) !important;
  max-width: none !important;
  aspect-ratio: 1372 / 835;
  overflow: visible;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.OnboardingModal_overlay__9ycr6 {
  background: rgb(0 0 0 / 50%);
}

.OnboardingModal_canvas__9AIXO {
  position: absolute;
  top: 0;
  left: 0;
  width: 1372px;
  height: 835px;
  overflow: hidden;
  border-radius: 30px;
  background: #fff;
  box-shadow: 0 0 2px rgb(0 0 0 / 8%), 0 6px 24px rgb(0 0 0 / 6%);
  transform-origin: top left;
}

.OnboardingModal_background__u_bp4 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}

.OnboardingModal_layout__lK_KN {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  overflow: hidden;
  padding: 120px 24px;
}

.OnboardingModal_headingGroup__CQJoN {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  align-items: center;
  gap: 13px;
  text-align: center;
}

.OnboardingModal_title___OG9_ {
  color: #3a3a3a;
  font-family: var(--font-encode-expanded);
  font-size: 32px;
  font-weight: 700;
  line-height: normal;
}

.OnboardingModal_subtitle__zcFav {
  color: rgb(0 0 0 / 50%);
  font-size: 13px;
  font-weight: 500;
  line-height: normal;
}

.OnboardingModal_body__PCcul {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}

.OnboardingModal_cards__NS0Dm {
  display: grid;
  width: 1212px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.OnboardingModal_goalCard__OQWpR {
  position: relative;
  display: flex;
  min-width: 0;
  height: 179px;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  padding: 0 18px 0 32px;
  border: 0;
  border-radius: 32.407px;
  background: rgb(255 255 255 / 70%);
  cursor: pointer;
  text-align: left;
  transition: background-color 150ms, transform 150ms;
}

.OnboardingModal_goalCardWide__sr0Yd {
  padding-right: 32px;
}

.OnboardingModal_goalCard__OQWpR:hover {
  background: rgb(255 255 255 / 80%);
}

.OnboardingModal_goalCard__OQWpR:active {
  transform: scale(0.995);
}

.OnboardingModal_goalCard__OQWpR:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 2px;
}

.OnboardingModal_goalCopy__Grtim {
  position: relative;
  z-index: 1;
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 8.52px;
  font-family: var(--font-sans);
}

.OnboardingModal_cardTitle__H62Mk {
  color: #3a3a3a;
  font-size: 22.72px;
  font-weight: 700;
  line-height: normal;
}

.OnboardingModal_cardTitleMuted__1Kh0Z {
  color: rgb(0 0 0 / 34%);
}

.OnboardingModal_goalDescription__ZoVSW {
  width: 384.434px;
  color: rgb(0 0 0 / 50%);
  font-size: 13px;
  font-weight: 500;
  line-height: normal;
}

.OnboardingModal_goalDescriptionCompact__Y6M0J {
  width: 320px;
}

.OnboardingModal_playIcon__dU6nw {
  position: absolute;
  display: flex;
  width: 26.471px;
  height: 26.471px;
  align-items: center;
  justify-content: center;
}

.OnboardingModal_playIconSingle__2VZXB {
  top: 6.668px;
  left: 67.42px;
}

.OnboardingModal_playIconPreset__vVTb5 {
  top: 5.96px;
  left: 53.95px;
}

.OnboardingModal_playIconImage__AcgiU {
  width: 23.722px;
  height: 23.722px;
}

.OnboardingModal_framedPreviewMedia__Gza9G {
  position: relative;
  overflow: hidden;
  padding: var(--framed-media-padding, 4px);
  border-radius: var(--framed-media-radius, 8px);
  background: #fff;
  box-shadow: var(--framed-media-shadow, 0 7px 14px rgb(0 0 0 / 10%));
}

.OnboardingModal_framedPreviewMediaContent__V0Gvh {
  width: 100%;
  height: 100%;
  border-radius: var(--framed-media-content-radius, 6px);
  object-fit: cover;
}

.OnboardingModal_singleMediaCard__9Eyc5 {
  --framed-media-radius: 8.685px;
  --framed-media-shadow: 0 7.244px 14.475px rgb(0 0 0 / 10%);

  width: 102.176px;
  height: 143.592px;
  transform: rotate(5.12deg);
}

/* social icons */
.OnboardingModal_linkArtwork__4EJAL {
  position: relative;
  width: 195.928px;
  height: 152.56px;
  flex-shrink: 0;
}

.OnboardingModal_youtubeIcon__VbOVk {
  position: absolute;
  left: 160px;
  top: 61px;
  width: 54px;
  height: 54px;
  transform: rotate(15.034deg);
}
.OnboardingModal_insIcon__kSLG2 {
  position: absolute;
  left: 109px;
  top: 40px;
  width: 47.397px;
  height: 47.384px;
  transform: rotate(3.967deg);
}
.OnboardingModal_tiktokIcon__FiMCE {
  position: absolute;
  left: 53px;
  top: 62px;
  width: 51.317px;
  height: 49.966px;
  transform: rotate(-9.464deg);
  z-index: 1;
}

.OnboardingModal_linkPill__L3yAq {
  position: absolute;
  top: 101.659px;
  left: 68.409px;
  display: flex;
  width: 138.723px;
  height: 38.328px;
  align-items: center;
  justify-content: center;
  padding-right: 6.668px;
  border: 0.833px solid #e5e5e5;
  border-radius: 9999px;
  background: #fff;
  box-shadow: 0 3.334px 8.328px rgb(0 0 0 / 3%);
}

.OnboardingModal_linkPillContent__pliPr {
  position: relative;
  width: 104.986px;
  height: 14.998px;
}

.OnboardingModal_linkPillRow__3UxoL {
  position: absolute;
  top: -0.833px;
  left: 0.1px;
  display: flex;
  width: 104.986px;
  align-items: center;
}

.OnboardingModal_linkIconFrame__tUc5q {
  position: relative;
  width: 16.664px;
  height: 16.664px;
  flex-shrink: 0;
  overflow: hidden;
}

.OnboardingModal_linkIcon__JQw9F {
  position: absolute;
  top: 3.787px;
  left: 3.787px;
  width: 9.09px;
  height: 9.09px;
}

.OnboardingModal_linkPillText__RNwFM {
  width: 145.363px;
  color: #3a3a3a;
  font-size: 11.665px;
  font-weight: 600;
  line-height: normal;
}

.OnboardingModal_singleMediaArtwork__5IAhu {
  position: relative;
  width: 118.25px;
  height: 152.566px;
  flex-shrink: 0;
}

.OnboardingModal_singleMediaFrame__O8qaq {
  position: absolute;
  top: 0;
  left: -9.88px;
  display: flex;
  width: 114.586px;
  height: 152.139px;
  align-items: center;
  justify-content: center;
}

.OnboardingModal_referenceLabel__jZYaI {
  position: absolute;
  top: 127.872px;
  left: -0.484px;
  display: flex;
  width: 115.858px;
  height: 26.672px;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background: #fff;
  color: #3a3a3a;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}

.OnboardingModal_presetArtwork__RXMfw {
  position: relative;
  width: 194.449px;
  height: 139.985px;
  flex-shrink: 0;
}

.OnboardingModal_presetFirstFrame__LCjQ9,
.OnboardingModal_presetMiddleFrame__tNuSn,
.OnboardingModal_presetRightFrame___0KjC {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}

.OnboardingModal_presetFirstFrame__LCjQ9 {
  top: 11.23px;
  left: 0.96px;
  width: 100.855px;
  height: 117.051px;
}

.OnboardingModal_presetMiddleFrame__tNuSn {
  z-index: 1;
  top: 43.01px;
  left: 63.53px;
  width: 59.227px;
  height: 79.606px;
}

.OnboardingModal_presetRightFrame___0KjC {
  top: 10.56px;
  left: 93.14px;
  width: 97.748px;
  height: 128.134px;
}

.OnboardingModal_presetFirstCard__1o4SZ {
  --framed-media-radius: 9px;
  --framed-media-content-radius: 5.557px;
  --framed-media-shadow: 0 9.192px 18.385px rgb(0 0 0 / 10%);

  width: 71.873px;
  height: 98.624px;
  transform: rotate(-19.65deg);
}

.OnboardingModal_presetMiddleCard__hLJKq {
  --framed-media-radius: 8.342px;
  --framed-media-content-radius: 5.557px;
  --framed-media-shadow: 0 7.134px 14.269px rgb(0 0 0 / 10%);
  --framed-media-padding: 3px;

  width: 54.821px;
  height: 76.514px;
  transform: rotate(3.37deg);
}

.OnboardingModal_presetRightCard__567__ {
  --framed-media-padding: 4px;
  --framed-media-radius: 7.45px;
  --framed-media-content-radius: 4.967px;
  --framed-media-shadow: 0 6.037px 12.046px rgb(0 0 0 / 10%);

  width: 84.966px;
  height: 119.406px;
  transform: rotate(6.4deg);
}

.OnboardingModal_footer__BL8dg {
  display: flex;
  width: 930px;
  height: 93px;
  flex-shrink: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 40px;
  font-family: var(--font-sans);
}

.OnboardingModal_exploreButton__epimv,
.OnboardingModal_skipButton__cbVlX,
.OnboardingModal_closeButton__JCzWH {
  border: 0;
  background: transparent;
  cursor: pointer;
  transition: opacity 150ms;
}

.OnboardingModal_exploreButton__epimv {
  color: #252525;
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
}

.OnboardingModal_exploreButton__epimv:hover,
.OnboardingModal_skipButton__cbVlX:hover {
  opacity: 0.7;
}

.OnboardingModal_exploreButton__epimv:focus-visible,
.OnboardingModal_skipButton__cbVlX:focus-visible {
  border-radius: 4px;
  outline: 2px solid rgb(37 37 37 / 50%);
}

.OnboardingModal_skipButton__cbVlX {
  display: flex;
  width: 99px;
  height: 32px;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.20);
  color: #252525;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
}

.OnboardingModal_closeButton__JCzWH {
  position: absolute;
  z-index: 2;
  top: 24px;
  right: 24px;
  display: flex;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  transition: background-color 150ms;
}

.OnboardingModal_closeButton__JCzWH:hover {
  background: rgb(255 255 255 / 15%);
}

.OnboardingModal_closeButton__JCzWH:focus-visible {
  outline: 2px solid rgb(255 255 255 / 80%);
}

.OnboardingModal_closeIcon__36Ept {
  width: 16.642px;
  height: 16.642px;
  transform: rotate(45deg);
}