.house-plans .levels{grid-template-columns:repeat(4,1fr)}@media (max-width:40rem){.house-plans .levels{grid-template-columns:repeat(2,1fr)}}:is(.house-plans .viewer:has(#house-plan-main:checked) .sheet[data-level=main],.house-plans .viewer:has(#house-plan-upper:checked) .sheet[data-level=upper],.house-plans .viewer:has(#house-plan-roof:checked) .sheet[data-level=roof],.house-plans .viewer:has(#house-plan-lower:checked) .sheet[data-level=lower]){display:block}:is(.house-plans .viewer:has(#house-plan-main:checked) label[for=house-plan-main],.house-plans .viewer:has(#house-plan-upper:checked) label[for=house-plan-upper],.house-plans .viewer:has(#house-plan-roof:checked) label[for=house-plan-roof],.house-plans .viewer:has(#house-plan-lower:checked) label[for=house-plan-lower]){color:var(--text)}:is(.house-plans .viewer:has(#house-plan-main:checked) label[for=house-plan-main] .area,.house-plans .viewer:has(#house-plan-upper:checked) label[for=house-plan-upper] .area,.house-plans .viewer:has(#house-plan-roof:checked) label[for=house-plan-roof] .area,.house-plans .viewer:has(#house-plan-lower:checked) label[for=house-plan-lower] .area){color:var(--gold-ink)}.house-plans .viewer:has(#house-plan-main:checked) label[for=house-plan-main]:after{transform:scaleX(1)}.house-plans .viewer:has(#house-plan-upper:checked) label[for=house-plan-upper]:after{transform:scaleX(1)}.house-plans .viewer:has(#house-plan-roof:checked) label[for=house-plan-roof]:after{transform:scaleX(1)}.house-plans .viewer:has(#house-plan-lower:checked) label[for=house-plan-lower]:after{transform:scaleX(1)}:is(.house-plans .viewer:has(#house-plan-main:focus-visible) label[for=house-plan-main],.house-plans .viewer:has(#house-plan-upper:focus-visible) label[for=house-plan-upper],.house-plans .viewer:has(#house-plan-roof:focus-visible) label[for=house-plan-roof],.house-plans .viewer:has(#house-plan-lower:focus-visible) label[for=house-plan-lower]){outline:3px solid var(--ring);outline-offset:1px;border-radius:var(--radius-sm);box-shadow:0 0 0 1px var(--gold-ink)}.house-plans .drawing .plan{min-width:0;max-width:46rem;margin-inline:auto}.house-plans .plan-frame{max-width:46rem;margin-inline:auto;position:relative}.house-plans .spots{pointer-events:none;position:absolute;inset:0}.house-plans:not(.is-on) .spots{display:none}.house-plans .spots .spot{pointer-events:auto}.house-plans .plan-frame{container-type:inline-size}.house-plans .spots .spot{--size:clamp(1.3rem, 5.2cqi, 2.75rem);width:var(--size);height:var(--size);margin:calc(var(--size) / -2) 0 0 calc(var(--size) / -2)}.house-plans .spots .spot:before{inset:18%}.house-plans .spots .spot:after{inset:41%}.house-plans .spot-name{border:1px solid var(--rule);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:var(--fs-caption);white-space:nowrap;opacity:0;pointer-events:none;padding:.2rem .55rem;font-weight:500;line-height:1.3;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% - .25rem);left:50%;transform:translate(-50%,.2rem)}.house-plans .spot:hover .spot-name,.house-plans .spot:focus-visible .spot-name,.house-plans .spot[aria-expanded=true] .spot-name{opacity:1;transform:translate(-50%)}
