/* Gives the sign-in, sign-up, plan and checkout screens the dark navy website look. */
@font-face{font-family:'Outfit';font-style:normal;font-display:swap;font-weight:100 900;src:url(/web/fonts/outfit-latin-wght-normal.woff2) format('woff2')}
html[data-sx]{--background:217 57% 10%;--foreground:215 55% 96%;--card:216 50% 12%;--card-foreground:215 55% 96%;--popover:217 53% 16%;--popover-foreground:215 55% 96%;--primary:213 100% 59%;--primary-foreground:217 57% 10%;--secondary:217 53% 16%;--secondary-foreground:215 55% 96%;--muted:217 53% 16%;--muted-foreground:218 26% 73%;--accent:213 100% 59%;--accent-foreground:217 57% 10%;--border:218 39% 22%;--input:218 37% 28%;--ring:213 100% 68%;--destructive:351 100% 71%;color-scheme:dark}
html[data-sx],html[data-sx] body{background:#0B1628;font-family:'Outfit',system-ui,sans-serif}
html[data-sx] input,html[data-sx] button,html[data-sx] select,html[data-sx] textarea{font-family:inherit}
html[data-sx] input:-webkit-autofill{-webkit-text-fill-color:#EEF3FA;box-shadow:0 0 0 1000px #13233D inset;caret-color:#EEF3FA}
html[data-sx] .bg-primary.rounded-full{background:#15305A;background-image:none;color:#8FC2FF;border-color:#2E4163}
#sx-legal{position:fixed;left:0;right:0;bottom:0;padding:12px 16px;text-align:center;font:500 13px/1.4 'Outfit',system-ui,sans-serif;color:#A9B6CC;background:rgba(11,22,40,.92);border-top:1px solid #22324D;z-index:5}
#sx-legal a{color:#5AA5FF}