.experiment{--experiment-action:#315efb;margin-top:42px;padding:28px;background:#fff;border:1px solid #e1e5ec;border-radius:16px;color:#17191f;min-width:0;font-size:14px;line-height:1.6;font-variant-numeric:tabular-nums;scroll-margin-top:10px}.experiment [hidden]{display:none!important}.experiment-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.experiment-heading h2{font-size:28px;line-height:1.25;letter-spacing:-.025em;text-wrap:balance}.experiment-heading p{margin-top:9px;max-width:74ch;color:#666d7a}.experiment-source{font-size:13px;color:#2448ce;background:#edf2ff;padding:5px 10px;border-radius:6px;flex-shrink:0}.experiment-context{margin-top:12px;color:#666d7a;font-size:13px}.experiment-options{min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:0;border-block:1px solid #e1e5ec;margin:22px 0 16px;padding:18px 0}.experiment-option{display:flex;align-items:flex-start;gap:11px;min-width:0;padding-inline:18px;border-inline-start:1px solid #e1e5ec;cursor:pointer}.experiment-option:first-of-type{padding-inline-start:0;border-inline-start:0}.experiment-option:last-of-type{padding-inline-end:0}.experiment-option>input{accent-color:#315efb;width:19px;height:19px;margin:3px 0 0;flex-shrink:0;cursor:pointer}.experiment-option>span{min-width:0;display:grid;gap:6px}.experiment-option strong{font-size:16px;font-weight:600;line-height:1.4;color:#17191f}.experiment-option>span>span{font-size:14px;color:#666d7a}.experiment-option .experiment-rule{font-size:13px;line-height:1.55;color:#697181}.experiment-option:has(input:checked) strong{color:#2448ce}.experiment-toolbar{display:flex;gap:12px;justify-content:space-between;align-items:center}.experiment-playback{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.experiment button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;max-width:100%;padding:9px 13px;border:1px solid #d6dce7;border-radius:8px;background:#fff;color:#17191f;font:inherit;font-size:14px;line-height:1.5;cursor:pointer;transition:background-color .16s,color .16s,border-color .16s}.experiment button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.experiment button:hover{background:#f5f6f8;border-color:#a9b5c9}.experiment button.experiment-play,.experiment button.experiment-record{background:#315efb;border-color:#315efb;color:#fff}.experiment button.experiment-play:hover,.experiment button.experiment-record:hover{background:#2448ce;border-color:#2448ce}.experiment button[aria-pressed=true]:not(.experiment-play){background:#edf2ff;border-color:#b0bff7;color:#2448ce}.experiment button.experiment-clear{border-color:transparent;color:#315efb}.experiment button:disabled{cursor:default;opacity:.45}.experiment-timeline{display:grid;grid-template-columns:auto auto minmax(100px,1fr) auto;align-items:center;gap:12px;margin-top:14px}.experiment-timeline label{display:flex;gap:10px;align-items:baseline;color:#666d7a}.experiment-timeline strong{color:#17191f;font-size:18px;font-weight:600;min-width:5ch}.experiment-timeline>span{color:#666d7a;font-size:12px}.experiment-timeline input{accent-color:#315efb;width:100%;min-width:0;height:32px;cursor:ew-resize}.experiment-playback-status{font-size:13px;color:#666d7a;margin:2px 0 14px;min-height:21px}.experiment-scenes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.experiment-scene{min-width:0;margin:0}.experiment-scene figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px}.experiment-scene h3{font-size:16px;line-height:1.4;font-weight:600}.experiment-scene figcaption>span{color:#666d7a;font-size:12px;text-align:right}.experiment-map{display:block;width:100%;height:auto;aspect-ratio:1200/420;border-radius:10px;overflow:hidden;background:#121722}.experiment-interior{fill:#263348}.experiment-pavement{fill:#19212e}.experiment-fine-rule{fill:none;stroke:#58667c;stroke-opacity:.28;stroke-width:1}.experiment-counter{fill:#45546c;stroke:#8d9db5;stroke-width:1.3}.experiment-counter-edge{fill:none;stroke:#8d9db5;stroke-width:1.3}.experiment-wall{fill:none;stroke:#8d9db5;stroke-width:5}.experiment-window{fill:#34465d;stroke:#6d809e;stroke-width:1.4}.experiment-display{fill:#7b91b5;fill-opacity:.65}.experiment-product{fill:#9eb3d3;fill-opacity:.5}.experiment-focused-product{fill:#f1c476;stroke:#ffe4b6;stroke-width:2}.experiment-focus-line{fill:none;stroke:#ffe4b6;stroke-width:3}.experiment-glass{fill:none;stroke:#b8c8e3;stroke-width:1.8}.experiment-door{fill:none;stroke:#95a7c3;stroke-width:1.4}.experiment-threshold{fill:none;stroke:#b8c8e3;stroke-width:3}.experiment-map-label{fill:#c4cfdf;font-size:21px;font-family:inherit}.experiment-sign-frame{fill:none;stroke:#d4dff4;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.experiment-sign{fill:#edf2ff;stroke:#aebff2;stroke-width:2}.experiment-sign-copy{fill:#2448ce;font-size:13px;text-anchor:middle;font-family:inherit;font-weight:600}.experiment-observer-head{fill:#e6eaf2}.experiment-observer-body{fill:none;stroke:#e6eaf2;stroke-width:4;stroke-linecap:round}.experiment-clipboard{fill:#f1c476;stroke:#ffe4b6;stroke-width:1.2}.experiment-observer-copy{fill:#e6eaf2;font-size:17px;text-anchor:middle;font-family:inherit}.experiment-person-space{fill:#a9b5dc;fill-opacity:.06}.experiment-person{fill:#b9c7df;stroke:#eef4ff;stroke-width:1.5}.experiment-person-trail{fill:none;stroke:#b9c7df;stroke-width:1.4;opacity:.45}.experiment-person-pause{display:none;fill:none;stroke:#17191f;stroke-width:1.4}.experiment-actor.is-pausing .experiment-person{fill:#f1c476;stroke:#ffe4b6}.experiment-actor.is-pausing .experiment-person-space{fill:#f1c476;fill-opacity:.1}.experiment-actor.is-pausing .experiment-person-pause{display:block}.experiment-actor.is-inside .experiment-person{fill:#91b2ff;stroke:#d9e5ff}.experiment-scene-foot{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;margin-top:9px}.experiment-scene-foot>p{font-size:12px;line-height:1.6;color:#666d7a;max-width:77ch}.experiment-legend{display:flex;gap:12px;color:#666d7a;font-size:12px;flex-shrink:0}.experiment-legend span{display:inline-flex;align-items:center;gap:5px}.experiment-legend span:before{content:'';width:6px;height:6px;border-radius:50%;background:#8999b5}.experiment-legend [data-kind=pausing]:before{background:#c98b26}.experiment-legend [data-kind=inside]:before{background:#315efb}.experiment-results{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:26px;margin-top:20px;border-top:1px solid #e1e5ec;padding-top:16px}.experiment-results table{min-width:0;border-collapse:collapse;width:100%;table-layout:fixed;font-size:14px;line-height:1.5}.experiment-results th,.experiment-results td{padding:9px 8px;border-bottom:1px solid #e1e5ec;text-align:right;vertical-align:middle;font-weight:400}.experiment-results thead th{color:#666d7a;font-size:12px;padding-top:0}.experiment-results th:first-child{width:33%;text-align:left;padding-inline-start:0}.experiment-results td:last-child{width:25%}.experiment-results td[data-changed=true]{color:#2448ce;font-weight:600}.experiment-results tr:last-child th,.experiment-results tr:last-child td{border-bottom:0}.experiment-observations{border-inline-start:1px solid #e1e5ec;padding-inline-start:24px;min-width:0}.experiment-observations h3{font-size:15px;font-weight:600;margin-bottom:8px}.experiment-observations p{font-size:13px;color:#666d7a;line-height:1.6;max-width:55ch}.experiment-observations ul{list-style:none;padding:0;margin:7px 0}.experiment-observations li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;border-bottom:1px solid #e1e5ec;padding:4px 0;font-size:12px}.experiment-observations time,.experiment-visit-id{color:#666d7a}.experiment-observations .experiment-observation-note{font-size:12px}.experiment-caveat{font-size:12px;line-height:1.7;color:#666d7a;margin-top:16px;max-width:120ch}.experiment-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #e1e5ec;margin-top:18px;padding-top:18px}.experiment-footer>div{min-width:0}.experiment-footer>div>p{margin-top:7px;color:#666d7a;font-size:12px;max-width:60ch}.experiment-footer>[role=status]{font-size:13px;color:#666d7a;max-width:40ch}.experiment :is(button,input):focus-visible{outline:3px solid #315efb;outline-offset:4px}.experiment ::selection{color:#17191f;background:#dbe5ff}.experiment input{caret-color:#315efb}.experiment :is(h2,h3,p,span,th,td){overflow-wrap:anywhere}@media(min-width:1280px){.experiment-scenes{gap:20px}.experiment-map{min-height:180px}}@media(max-width:900px){.experiment{padding:22px}.experiment-options{grid-template-columns:1fr;padding:0}.experiment-option{padding:15px 0;border-inline-start:0;border-block-start:1px solid #e1e5ec}.experiment-option:first-of-type{border-block-start:0}.experiment-option>span{grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr);gap:5px 18px}.experiment-option strong{grid-row:1/3}.experiment-scene figcaption{display:block}.experiment-scene figcaption>span{display:block;text-align:left;margin-top:3px}.experiment-results{grid-template-columns:minmax(0,1fr) minmax(220px,1fr);gap:18px}.experiment-observations{padding-inline-start:18px}.experiment-scene-foot{display:block}.experiment-legend{margin-top:6px}}@media(max-width:640px){.experiment{padding:18px;margin-top:30px}.experiment-heading{display:block}.experiment-heading h2{font-size:25px}.experiment-source{display:inline-block;margin-top:12px}.experiment-option>span{display:grid;grid-template-columns:1fr}.experiment-option strong{grid-row:auto}.experiment-toolbar{align-items:flex-start}.experiment-playback{gap:7px}.experiment button{min-height:44px;padding:9px 11px}.experiment button.experiment-clear{padding-inline:0}.experiment-timeline{grid-template-columns:auto minmax(60px,1fr) auto;gap:8px}.experiment-timeline label{grid-column:1/-1}.experiment-scenes{grid-template-columns:1fr;gap:20px}.experiment-scene figcaption{display:flex;flex-wrap:wrap}.experiment-scene figcaption>span{margin:0}.experiment-results{grid-template-columns:1fr;gap:18px}.experiment-observations{border-inline-start:0;border-block-start:1px solid #e1e5ec;padding:16px 0 0}.experiment-results th,.experiment-results td{padding:9px 4px;font-size:13px}.experiment-results thead th{font-size:12px}.experiment-footer{display:block}.experiment-footer>[role=status]{margin-top:16px}.experiment-context{font-size:12px}}@media(prefers-reduced-motion:reduce){.experiment button{transition:none}.experiment *{scroll-behavior:auto}}
/* Keep the comparison itself together on the primary desktop working surface. */
.experiment{padding:20px}.experiment-heading p{margin-top:7px;max-width:none}.experiment-context{margin-top:8px}.experiment-options{padding-block:14px;margin-block:16px 10px}.experiment button{min-height:44px}.experiment-timeline input{height:44px}.experiment-playback-status{margin-bottom:10px}.experiment-scene figcaption{margin-bottom:6px}.experiment-scene-foot{margin-top:7px}.experiment-scene-foot>p{max-width:none;flex:1}.experiment-results{margin-top:12px}.experiment-results th,.experiment-results td{padding-block:6px}.experiment-results thead th{padding-top:0}
@media(min-width:1040px){.experiment-controlbar{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.experiment-toolbar{flex:0 1 auto;gap:12px}.experiment-timeline{flex:1 1 320px;margin-top:0;grid-template-columns:auto auto minmax(56px,1fr) auto;gap:7px}}
@media(max-width:640px){.experiment{padding:18px}.experiment-options{padding-block:0}.experiment-results th,.experiment-results td{padding-block:9px}}