/* Former inline styles of the mockup, one declaration per class.
   !important reproduces the precedence an inline style had over the cascade. */
.u-ai-center { align-items: center !important; }
.u-ai-flex-end { align-items: flex-end !important; }
.u-as-flex-start { align-self: flex-start !important; }
.u-bd-1px-solid-rgba-255-255-255-_1 { border: 1px solid rgba(255,255,255,.1) !important; }
.u-bdb-3px-solid-xfff { border-bottom: 3px solid #fff !important; }
.u-bdc-rgba-255-255-255-_25 { border-color: rgba(255,255,255,.25) !important; }
.u-bdc-rgba-255-255-255-_3 { border-color: rgba(255,255,255,.3) !important; }
.u-bdc-transparent { border-color: transparent !important; }
.u-bdt-1px-solid-border { border-top: 1px solid var(--border) !important; }
.u-bg-bg { background: var(--bg) !important; }
.u-bg-bg-warm { background: var(--bg-warm) !important; }
.u-bg-coral { background: var(--coral) !important; }
.u-bg-grad-dark { background: var(--grad-dark) !important; }
.u-bg-rgba-234-80-83-_15 { background: rgba(234,80,83,.15) !important; }
.u-bg-rgba-255-255-255-_08 { background: rgba(255,255,255,.08) !important; }
.u-bg-xfff { background: #fff !important; }
.u-c-bg-warm { color: var(--bg-warm) !important; }
.u-c-coral { color: var(--coral) !important; }
.u-c-ink { color: var(--ink) !important; }
.u-c-ink-muted { color: var(--ink-muted) !important; }
.u-c-rgba-244-241-238-_4 { color: rgba(244,241,238,.4) !important; }
.u-c-rgba-244-241-238-_5 { color: rgba(244,241,238,.5) !important; }
.u-c-rgba-244-241-238-_7 { color: rgba(244,241,238,.7) !important; }
.u-c-rgba-244-241-238-_85 { color: rgba(244,241,238,.85) !important; }
.u-c-rgba-255-255-255-_7 { color: rgba(255,255,255,.7) !important; }
.u-c-rgba-255-255-255-_75 { color: rgba(255,255,255,.75) !important; }
.u-c-rgba-255-255-255-_85 { color: rgba(255,255,255,.85) !important; }
.u-c-xfff { color: #fff !important; }
.u-d-block { display: block !important; }
.u-d-flex { display: flex !important; }
.u-d-grid { display: grid !important; }
.u-fd-column { flex-direction: column !important; }
.u-ff-font-mono { font-family: var(--font-mono) !important; }
.u-fs-10px { font-size: 10px !important; }
.u-fs-11px { font-size: 11px !important; }
.u-fs-12px { font-size: 12px !important; }
.u-fs-13px { font-size: 13px !important; }
.u-fs-14px { font-size: 14px !important; }
.u-fs-16px { font-size: 16px !important; }
.u-fs-36px { font-size: 36px !important; }
.u-fs-9px { font-size: 9px !important; }
.u-fst-normal { font-style: normal !important; }
.u-fw-500 { font-weight: 500 !important; }
.u-fwr-wrap { flex-wrap: wrap !important; }
.u-gap-12px { gap: 12px !important; }
.u-gap-14px { gap: 14px !important; }
.u-gap-24px { gap: 24px !important; }
.u-gap-48px { gap: 48px !important; }
.u-gap-8px { gap: 8px !important; }
.u-gtc-1_4fr-1fr { grid-template-columns: 1.4fr 1fr !important; }
.u-gtc-1fr-1fr { grid-template-columns: 1fr 1fr !important; }
.u-jc-space-between { justify-content: space-between !important; }
.u-js-flex-start { justify-self: flex-start !important; }
.u-lh-1 { line-height: 1 !important; }
.u-lh-1_55 { line-height: 1.55 !important; }
.u-ls-0_03em { letter-spacing: 0.03em !important; }
.u-ls-0_04em { letter-spacing: 0.04em !important; }
.u-ls-0_06em { letter-spacing: 0.06em !important; }
.u-ls-0_08em { letter-spacing: 0.08em !important; }
.u-lst-none { list-style: none !important; }
.u-m-0 { margin: 0 !important; }
.u-m-0-0-14px { margin: 0 0 14px !important; }
.u-maxw-22ch { max-width: 22ch !important; }
.u-maxw-32ch { max-width: 32ch !important; }
.u-maxw-36ch { max-width: 36ch !important; }
.u-maxw-56ch { max-width: 56ch !important; }
.u-maxw-600px { max-width: 600px !important; }
.u-maxw-60ch { max-width: 60ch !important; }
.u-maxw-680px { max-width: 680px !important; }
.u-mb-40px { margin-bottom: 40px !important; }
.u-mb-48px { margin-bottom: 48px !important; }
.u-mt-14px { margin-top: 14px !important; }
.u-mt-18px { margin-top: 18px !important; }
.u-mt-20px { margin-top: 20px !important; }
.u-mt-24px { margin-top: 24px !important; }
.u-mt-28px { margin-top: 28px !important; }
.u-mt-2px { margin-top: 2px !important; }
.u-mt-32px { margin-top: 32px !important; }
.u-mt-40px { margin-top: 40px !important; }
.u-mt-4px { margin-top: 4px !important; }
.u-mt-64px { margin-top: 64px !important; }
.u-mt-6px { margin-top: 6px !important; }
.u-mt-8px { margin-top: 8px !important; }
.u-p-0 { padding: 0 !important; }
.u-p-20px { padding: 20px !important; }
.u-p-64px { padding: 64px !important; }
.u-p-80px-0 { padding: 80px 0 !important; }
.u-p-96px-0 { padding: 96px 0 !important; }
.u-pb-2px { padding-bottom: 2px !important; }
.u-pt-32px { padding-top: 32px !important; }
.u-r-r-xl { border-radius: var(--r-xl) !important; }
.u-ta-right { text-align: right !important; }
.u-td-underline { text-decoration: underline !important; }
.u-tt-uppercase { text-transform: uppercase !important; }
.u-tuo-3px { text-underline-offset: 3px !important; }
.u-w-15p { width: 15% !important; }
.u-w-30p { width: 30% !important; }
.u-w-50p { width: 50% !important; }
.u-w-60p { width: 60% !important; }
.u-w-70p { width: 70% !important; }
.u-w-fit-content { width: fit-content !important; }