Something went wrong. Try again.
This repository has no description
Something went wrong. Try again.
3.1 kB · 181 lines
CSS
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182@import "octane-kumo/styles/standalone";* { box-sizing: border-box;}body { margin: 0; background: var(--color-kumo-canvas); color: var(--text-color-kumo-default); font-family: Inter, system-ui, sans-serif; font-size: 14px; line-height: 1.6;}.onboarding header { padding: 0.875rem 1.5rem; border-bottom: 1px solid var(--color-kumo-line);}.onboarding a { color: var(--text-color-kumo-default); font-weight: 600; text-decoration: none;}.onboarding main { max-width: 44rem; margin: auto; padding: 3rem 1.5rem; display: grid; gap: 2rem;}.onboarding h1 { font-size: 24px; font-weight: 600; margin: 0;}.onboarding h2 { font-size: 18px; font-weight: 600; margin: 0;}.onboarding p { margin: 0;}.onboarding p,.onboarding button,.onboarding label,.onboarding a,.onboarding span,.onboarding summary { font-size: 14px;}.intro,.permissions { display: grid; gap: 0.375rem;}.intro > p,.permissions p { color: var(--text-color-kumo-subtle);}.connect-card { padding: 1.25rem 1.5rem; display: grid; gap: 1.25rem; min-width: 0;}.onboarding ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 1rem;}.onboarding li { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-top: 1rem; border-top: 1px solid var(--color-kumo-line);}.onboarding li > div { min-width: 0;}.account-name { font-weight: 500; overflow-wrap: anywhere;}.account-id { color: var(--text-color-kumo-subtle); overflow-wrap: anywhere;}.onboarding [role="alert"] { color: var(--text-color-kumo-danger);}.actions { display: flex; gap: 0.75rem; flex-wrap: wrap;}.installations { display: grid; gap: 1.25rem; min-width: 0;}.section-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem;}.installation-card { display: grid; gap: 1.25rem; padding: 1.25rem 1.5rem; min-width: 0;}.onboarding h3 { font-size: 18px; font-weight: 600; margin: 0;}.installation-id { color: var(--text-color-kumo-subtle); overflow-wrap: anywhere;}.onboarding .progress { list-style: none; display: grid; gap: 0.75rem; padding: 0; margin: 0;}.onboarding .progress li { display: grid; grid-template-columns: 6rem minmax(0, 1fr); gap: 0.75rem; border: 0; padding: 0; align-items: start;}.step-state { color: var(--text-color-kumo-subtle);}.progress [aria-current="step"] { font-weight: 500;}.onboarding .open-flarebot { text-decoration: underline; text-underline-offset: 3px; font-weight: 500;}.recovery { display: grid;}.recovery summary { cursor: pointer;}.recovery p { margin: 0.75rem 0;}.onboarding :focus-visible { outline: 2px solid var(--text-color-kumo-default); outline-offset: 3px;}@media (max-width: 480px) { .onboarding main { padding: 1.5rem 1rem; } .connect-card { padding: 1rem; } .installation-card { padding: 1rem; } .section-heading { flex-direction: column; } .onboarding li { align-items: flex-start; flex-direction: column; }}