.prototype-ui .offer-cohort{--cohort-fill:#c5e0fc;--cohort-soft:#e4f0fe;--cohort-ink:#12395c;min-width:0;padding:24px}.prototype-ui.dark .offer-cohort{--cohort-fill:#315e8b;--cohort-soft:#25374e;--cohort-ink:#e3f3ff}.prototype-ui .offer-cohort .offer-cohort-heading{margin-bottom:24px}.prototype-ui .offer-cohort .offer-cohort-heading h2{border:0;margin:0 0 8px;padding:0;font-size:15px;font-weight:700;line-height:1.5}.prototype-ui .offer-cohort-heading p,.prototype-ui .offer-cohort-basis{color:var(--muted);margin:0;font-size:11px;line-height:1.7}.prototype-ui .offer-cohort .offer-cohort-notice{border-top:1px solid var(--line);color:var(--muted);margin:0 0 16px;padding:16px 0;font-size:11px;line-height:1.7}.prototype-ui .offer-cohort-scroll{scrollbar-gutter:stable;padding:0;overflow-x:auto}.prototype-ui .offer-cohort-scroll:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.prototype-ui .offer-cohort-columns{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;min-width:540px;display:grid}.prototype-ui .offer-cohort-column{text-align:left;min-width:0;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.prototype-ui .offer-cohort-column:disabled{opacity:1;cursor:default}.prototype-ui .offer-cohort-column:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.prototype-ui .offer-cohort-name{min-height:40px;color:var(--muted);overflow-wrap:anywhere;font-size:11px;line-height:1.5;display:block}.prototype-ui .offer-cohort-count{color:var(--ink);font-variant-numeric:tabular-nums;margin-bottom:16px;font-size:28px;font-weight:700;line-height:1.4;display:block}.prototype-ui .offer-cohort-picture{background:var(--rail);border-top:1px solid var(--line);isolation:isolate;height:208px;display:block;position:relative}.prototype-ui .offer-cohort-fill{background:var(--cohort-fill);display:block;position:absolute;bottom:0;left:0;right:0}.prototype-ui .offer-cohort-connector{background:var(--cohort-soft);z-index:-1;pointer-events:none;width:16px;height:100%;position:absolute;bottom:0;left:100%}.prototype-ui .offer-cohort-percent{overflow-wrap:anywhere;max-width:calc(100% - 16px);color:var(--cohort-ink);background:var(--card);border-radius:4px;padding:4px;font-size:10px;font-weight:600;line-height:1.5;position:absolute;bottom:8px;left:8px}.prototype-ui .offer-cohort-drop{min-height:32px;color:var(--muted);overflow-wrap:anywhere;margin-top:16px;font-size:10px;line-height:1.5;display:block}.prototype-ui .offer-cohort-column[aria-pressed=true] .offer-cohort-picture{outline:2px solid var(--blue);outline-offset:-2px}.prototype-ui .offer-cohort-detail{border-top:1px solid var(--line);margin-top:24px;padding-top:16px;font-size:11px;line-height:1.7}.prototype-ui .offer-cohort-detail strong{font-size:12px;font-weight:600}.prototype-ui .offer-cohort-detail p{color:var(--muted);margin:8px 0}.prototype-ui .offer-cohort-detail>span{color:var(--muted)}.prototype-ui .offer-cohort-empty{color:var(--muted);margin:0;padding:16px 0;font-size:12px;line-height:1.7}.prototype-ui .offer-cohort.is-empty .offer-cohort-heading{margin-bottom:8px}.prototype-ui .offer-cohort.is-empty .offer-cohort-empty{padding:0}.prototype-ui .offer-cohort-open{vertical-align:baseline;padding:0;font-size:12px;line-height:1.7}.prototype-ui .offer-cohort-basis{margin-top:16px}.prototype-ui .offer-cohort-method{color:var(--muted);margin-top:16px;font-size:11px;line-height:1.7}.prototype-ui .offer-cohort-method summary{cursor:pointer;align-content:center;width:fit-content;min-height:32px;display:list-item}@media (width<=760px){.prototype-ui .offer-cohort{padding:16px}.prototype-ui .offer-cohort-scroll{padding-bottom:8px}.prototype-ui .offer-cohort-method summary{min-height:44px}}@media (forced-colors:active){.prototype-ui .offer-cohort-picture{border:1px solid canvastext}.prototype-ui .offer-cohort-fill{background:highlight}.prototype-ui .offer-cohort-percent{color:canvastext;background:canvas}.prototype-ui .offer-cohort-column[aria-pressed=true] .offer-cohort-picture{outline-color:highlight}}