.ob-format-status{color:var(--ob-muted);margin-top:12px;font-size:12px;line-height:1.5}.ob-type-choices{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:24px;padding:0;list-style:none;display:grid}.ob-type-choice{border:1px solid color-mix(in srgb, var(--ob-brand-ink) 30%, var(--ob-field-edge));background:var(--ob-field);width:100%;height:100%;color:var(--ob-text);font:inherit;text-align:left;cursor:pointer;border-radius:12px;align-items:center;padding:0;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex;overflow:hidden;box-shadow:0 2px 4px #14231c0d,0 8px 18px #14231c12}.ob-type-choice:is(:hover,:focus-visible):not(:disabled){border-color:var(--ob-brand-ink);box-shadow:0 0 0 1px var(--ob-brand-soft), 0 8px 24px #14231c24;transform:translateY(-2px)}.ob-type-choice:active:not(:disabled){transform:translateY(0)}.ob-type-choice:disabled{cursor:not-allowed;opacity:.6}.ob-type-choice:focus-visible{outline:2px solid var(--ob-brand-ink);outline-offset:4px}.ob-type-caption{flex:1;gap:6px;min-width:0;padding:20px 12px 20px 20px;display:grid}.ob-type-title{letter-spacing:-.02em;font-size:20px;font-weight:600;line-height:1.3}.ob-type-subtitle{color:var(--ob-muted);text-wrap:pretty;font-size:13px;line-height:1.45}.ob-type-arrow{background:var(--ob-action);width:36px;height:36px;color:var(--ob-action-text);border-radius:50%;flex-shrink:0;place-items:center;margin-right:20px;display:grid}.ob-type-arrow svg{width:18px;height:18px;transition:transform .16s}.ob-custom-placement-mark{background:var(--ob-brand-soft);width:156px;color:var(--ob-brand-ink);letter-spacing:.06em;text-transform:uppercase;flex-shrink:0;align-self:stretch;place-items:center;font-size:12px;font-weight:600;display:grid}.ob-type-choice:is(:hover,:focus-visible):not(:disabled) .ob-type-arrow{background:var(--ob-action-hover)}.ob-type-choice:is(:hover,:focus-visible):not(:disabled) .ob-type-arrow svg{transform:translate(2px)}.ob-format-mockup{background:color-mix(in srgb, var(--ob-surface-2) 45%, var(--ob-field));pointer-events:none;-webkit-user-select:none;user-select:none;flex-shrink:0;width:156px;height:auto;display:block}.ob-format-cta{fill:var(--ob-brand-ink);font-family:inherit;font-size:11px;font-weight:500}.ob-format-cta--accept{fill:var(--ob-action-text)}.ob-format-stroke{fill:none;stroke:var(--ob-brand-ink);stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round}.ob-format-stroke--accept{stroke:var(--ob-action-text)}.ob-format-completed{fill:none;stroke:var(--ob-brand-ink);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.ob-format-code{stroke:var(--ob-faint);stroke-width:4px;opacity:.35}.ob-format-mockup[data-loading] .ob-format-brand{opacity:.25}@media (min-width:1001px){.ob-start--formats{grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:64px}}.ob-start--formats:not([data-audience]){grid-template-columns:minmax(0,640px);gap:0;min-height:0;padding-top:12px}@media (max-width:540px){.ob-format-mockup{align-self:stretch;width:104px}.ob-type-caption{padding:14px 8px 14px 14px}.ob-type-title{font-size:18px}.ob-type-arrow{width:30px;height:30px;margin-right:12px}}@media (prefers-reduced-motion:reduce){.ob-type-choice,.ob-type-arrow svg{transition:none}.ob-type-choice:is(:hover,:focus-visible):not(:disabled),.ob-type-choice:is(:hover,:focus-visible):not(:disabled) .ob-type-arrow svg{transform:none}}