/* Swfte sign-in components — extracted from designs/sana-signin-parity.html
   and post-processed so all foreground/background colors flow through the
   theme variables defined in app/signin/swfte/overrides.css. */

/* LINK https://sana.ai/_/1b6121f9b643/assets/landing-page-BHcSP5WY.css */
:root { --swiper-theme-color: #007aff; }
.cdNSos, .cdNSos fieldset { display: flex; flex-direction: column; width: 100%; }
.bLxZGx { margin-top: 8px; }
.dqsGTG { display: grid; min-width: 0px; }
.kjQFCs { grid-area: 1 / 1 / 1 / 1; }
.klysJc { font-size: 13px; text-align: center; margin-top: 22px; color: rgb(var(--swfte-fg-rgb) / 0.4); max-width: 400px; }
.juqMue { color: rgb(var(--swfte-fg-rgb) / 0.4); transition: 0.1s cubic-bezier(0.25, 0.5, 0.25, 1); text-decoration: underline rgb(var(--swfte-fg-rgb) / 0.1); text-underline-offset: 0.15em; }
.juqMue:hover { color: rgb(var(--swfte-fg-rgb) / 0.7); text-decoration-color: rgb(var(--swfte-fg-rgb) / 0.7); }
.bKHJhc { display: none; position: relative; z-index: 24; transition: 0.55s cubic-bezier(0.32, 0.72, 0, 1); }
@media (min-width: 650px) { .bKHJhc { display: block; } }
.dSnYPw { position: relative; z-index: 23; display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; cursor: pointer; border-radius: 9999px; transition: 0.2s cubic-bezier(0.25, 0.5, 0.25, 1); }
@media (pointer: coarse) { .dSnYPw:hover { background-color: rgb(var(--swfte-fg-rgb) / 0.05); } }
@media (min-width: 650px) { .dSnYPw { display: none; } }
.gTlNoY { display: flex; background-color: var(--swfte-surface-muted); border-radius: 9999px; transition: background-color 0.2s cubic-bezier(0.25, 0.5, 0.25, 1); }
.navigationstyles__StyledMobileNavigation-sc-1kpw890-1 .gTlNoY { width: 100%; flex-direction: column; align-items: flex-end; border-radius: 20px; background-color: transparent; }
.kqwdNr { will-change: transform; }
.bGEHUU { display: inline-flex; padding: 12px 16px; font-size: 13px; font-weight: 500; transition: 0.2s cubic-bezier(0.25, 0.5, 0.25, 1); white-space: nowrap; }
.navigationstyles__StyledDesktopNavigation-sc-1kpw890-0 .bGEHUU { color: rgb(var(--swfte-fg-rgb) / 0.6); }
.navigationstyles__StyledDesktopNavigation-sc-1kpw890-0 li:first-child .bGEHUU { padding-left: 24px; border-top-left-radius: 9999px; border-bottom-left-radius: 9999px; }
.navigationstyles__StyledDesktopNavigation-sc-1kpw890-0 li:last-child .bGEHUU { padding-right: 24px; border-top-right-radius: 9999px; border-bottom-right-radius: 9999px; }
.navigationstyles__StyledMobileNavigation-sc-1kpw890-1 .bGEHUU { font-size: 17px; font-weight: 400; padding: 6px 16px; margin-right: -10px; color: rgb(var(--swfte-fg-rgb) / 0.7); }
.bGEHUU:hover { color: rgb(var(--swfte-fg-rgb)); }
.cEkOSn { display: flex; flex-direction: column; gap: 18px; min-height: 100dvh; padding: 14px 20px 20px; transition: 0.55s cubic-bezier(0.32, 0.72, 0, 1); }
@media (min-width: 451px) { .cEkOSn { gap: 28px; padding: 22px 32px 32px; } }
@media (min-width: 1400px) and (min-height: 850px) { .cEkOSn { gap: 52px; padding: 22px 62px 62px; margin-left: 8.33333%; } }
.fVbSBp { position: relative; display: flex; align-items: center; }
.fVbSBp .navigationstyles__MobileNavigationMenuButton-sc-1kpw890-3 { margin-left: auto; }
.iJuWdD { position: relative; z-index: 21; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 9999px; }
@media (min-width: 821px) { .iJuWdD { margin-left: -12px; z-index: 21; } }
.ebwLcH { position: relative; display: flex; flex-direction: column-reverse; justify-content: flex-end; flex: 1 1 0%; gap: 32px; opacity: 1; transition: opacity 0.1s; }
@media (min-width: 821px) { .ebwLcH { flex-direction: row; gap: 9.09091%; justify-content: normal; } }
.fzwYKK { display: flex; flex-direction: column; justify-content: center; flex-basis: 31.8182%; padding-bottom: 32px; }
.jsLtNt { max-width: 450px; }
.hLClXL { position: relative; width: 100%; aspect-ratio: 1 / 1; max-height: 45vh; border-radius: 18px; overflow: hidden; background-color: rgb(23, 24, 26); }
.hLClXL img { width: 100%; height: 100%; position: absolute; inset: 0px; object-fit: cover; object-position: left center; }
@media (min-width: 821px) { .hLClXL { aspect-ratio: auto; max-height: none; flex-basis: 59.0909%; }
.hLClXL img { object-position: left bottom; } }
.kXxsds path { fill: currentcolor; }
@media (prefers-color-scheme: dark) { .kXxsds path { fill: currentcolor; } }
.bktubU { transition: 0.1s cubic-bezier(0.25, 0.5, 0.25, 1); text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: inherit; text-underline-offset: 0.15em; }
.bktubU:hover { color: rgb(var(--swfte-fg-rgb) / 0.7); text-decoration-color: rgb(var(--swfte-fg-rgb) / 0.7); }
.enPiOH { display: flex; flex-direction: column; }
.hIfYOL { display: flex; justify-content: center; margin: 12px 0px; font-size: 14px; line-height: 1.4; font-weight: 500; color: rgb(var(--swfte-fg-rgb) / 0.25); }
.cCwrFQ { grid-area: 1 / 1 / 1 / 1; text-align: center; max-width: 400px; }
.iSqyqI { display: grid; margin-bottom: 32px; }
.elYUtL { color: rgb(var(--swfte-fg-rgb) / 0.6); }
.jPiDzk { width: 100%; max-width: 400px; }
.jDrAfi { overflow: hidden; }
.fJTtOW { position: relative; margin: 0px auto; }
@media (min-width: 451px) { .fJTtOW { left: -18px; } }
@media (min-width: 1400px) and (min-height: 850px) { .fJTtOW { left: calc(-8.33333% + 34px); } }
.bTBOxp { align-items: center; }