.picture{max-width:100%;height:auto}.picture__number circle{fill:var(--color-primary);stroke:var(--color-surface);stroke-width:2px}.picture__number text{fill:var(--color-on-primary);font-size:12px;font-weight:var(--font-weight-bold);font-family:var(--font-family)}.dots-visual{justify-content:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.dots-visual__group{grid-template-columns:repeat(var(--dot-columns,5), 18px);align-content:start;gap:6px;display:grid}.dots-visual__group--cols-1{--dot-columns:1}.dots-visual__group--cols-2{--dot-columns:2}.dots-visual__group--cols-3{--dot-columns:3}.dots-visual__group--cols-4{--dot-columns:4}.dots-visual__dot{background:var(--color-fun-orange);border-radius:50%;width:18px;height:18px;position:relative}.dots-visual__group--1 .dots-visual__dot{background:var(--color-fun-cyan)}.dots-visual__dot.is-crossed{opacity:.4}.dots-visual__dot.is-crossed:after{content:"";background:var(--color-text);border-radius:2px;height:3px;position:absolute;inset:50% -3px auto;transform:rotate(-45deg)}.house{width:13rem;font-size:var(--font-size-task);font-weight:var(--font-weight-bold);line-height:1;display:grid}.house__roof{height:3.25rem;padding-bottom:var(--space-2);background:var(--color-primary);color:var(--color-on-primary);clip-path:polygon(50% 0,100% 100%,0 100%);justify-content:center;align-items:flex-end;display:flex}.house__rooms{border:4px solid var(--color-primary);border-top:0;grid-template-columns:1fr 1fr;display:grid}.house__room{justify-content:center;align-items:center;min-height:3.5rem;display:flex}.house__room+.house__room{border-left:4px solid var(--color-primary)}@media (height<=700px){.house__roof{height:2.75rem;padding-bottom:var(--space-1)}.house__room{min-height:3rem}}.compare .dots-visual__group{grid-template-columns:repeat(var(--dot-columns,5), 14px);gap:4px}.compare .dots-visual__dot{width:14px;height:14px}