.pseo-exploded{--ex-apart:1;--ex-turn:-35deg;--ex-ink:#1b1a17;--ex-line:#e3dfd5;margin:0}.pseo-exploded:has(input[value=together]:checked){--ex-apart:.06}.pseo-exploded:has(input[value=front]:checked){--ex-turn:-12deg}.pseo-exploded:has(input[value=right]:checked){--ex-turn:35deg}.pseo-exploded .ex-heading{margin:0 0 12px;font-size:1.25rem;font-weight:600;line-height:1.3}.pseo-exploded .ex-controls{border:0;flex-wrap:wrap;gap:8px 12px;min-width:0;margin:0 0 12px;padding:0;display:flex}.pseo-exploded [role=radiogroup]{border:1px solid var(--ex-line);background:#fff;border-radius:999px;display:flex}.pseo-exploded .ex-controls label{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0 14px;font-size:.9375rem;display:inline-flex;position:relative}.pseo-exploded .ex-controls input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.pseo-exploded .ex-controls label:has(input:checked){background:var(--ex-ink);color:#fff}.pseo-exploded summary:focus-visible{outline:2px solid var(--ex-ink);outline-offset:2px}.pseo-exploded label:has(input:focus-visible){outline:2px solid var(--ex-ink);outline-offset:2px}.pseo-exploded .ex-ranges{display:none}@media (pointer:fine){.pseo-exploded .ex-ranges{flex-wrap:wrap;align-items:center;gap:8px 20px;min-height:44px;font-size:.875rem;display:flex}.pseo-exploded .ex-ranges label{align-items:center;gap:8px;display:inline-flex}}.pseo-exploded .ex-clip{max-width:min(100%,calc(70svh/var(--ex-aspect)));clip-path:inset(0 round 20px);background:#f6f4ef;margin-inline:auto;position:relative;container-type:inline-size}.pseo-exploded .ex-stage{aspect-ratio:1/var(--ex-aspect);touch-action:manipulation;position:relative}.pseo-exploded .ex-persp{perspective:300cqw;perspective-origin:50cqw calc(var(--ex-oy)*1cqw);position:absolute;inset:0}.pseo-exploded .ex-scene{left:50cqw;top:calc(var(--ex-oy)*1cqw);transform-style:preserve-3d;transform:rotateY(var(--ex-turn));position:absolute}.pseo-exploded .ex-scene>*{--at:translate3d(calc((var(--x,0) + var(--ex,0)*var(--ex-apart))*1cqw),calc((var(--y,0) + var(--ey,0)*var(--ex-apart))*1cqw),calc((var(--z,0) + var(--ez,0)*var(--ex-apart))*1cqw));transform:var(--at)rotateX(var(--rx,0deg))rotateY(var(--ry,0deg))rotateY(calc(var(--open,0deg)*var(--ex-apart)));transform-origin:calc(50% + var(--px,0)*1cqw)50%;position:absolute;top:0;left:0}.pseo-exploded .ex-num{transform:var(--at)rotateY(calc(var(--ex-turn)*-1))}.pseo-exploded .ex-scene>.side{--ry:90deg}.pseo-exploded .ex-scene>.top{--rx:-90deg}.pseo-exploded .ex-scene>:where(i){box-sizing:border-box;width:calc(var(--w)*1cqw);height:calc(var(--h,var(--w))*1cqw);margin:calc(var(--h,var(--w))*-.5cqw)0 0 calc(var(--w)*-.5cqw);background:var(--f);border:1px solid var(--e);display:block}.pseo-exploded .ex-scene>:where(i):hover{border-width:2px}.pseo-exploded .box{--f:#d4bd97;--e:#8a6a3b}.pseo-exploded .box.side{--f:#c9a877}.pseo-exploded .box.top{--f:#e2cfa9}.pseo-exploded .door{--f:#6b85a0;--e:#4f6378;border-width:2px}.pseo-exploded .door.side{--f:#5b7490}.pseo-exploded .door.top{--f:#7a95b0}.pseo-exploded .back{--f:#efe9df;--e:#8c8273;border-style:dashed}.pseo-exploded .back.side{--f:#e3dccd}.pseo-exploded .back.top{--f:#f6f2ec}.pseo-exploded .drawer{--f:#cf9550;--e:#7a5230;background-image:repeating-linear-gradient(45deg,#0000 0 5px,#7a523040 5px 6px)}.pseo-exploded .drawer.side{--f:#c1873f}.pseo-exploded .drawer.top{--f:#d9a763}.pseo-exploded .hardware{--f:#56524a;--e:#2e2c28;border-radius:999px}.pseo-exploded .ex-scene>.muted{opacity:.3;pointer-events:none}:is(.pseo-exploded:has([data-sel=box][open]) .ex-scene>:not(.box),.pseo-exploded:has([data-sel=door][open]) .ex-scene>:not(.door),.pseo-exploded:has([data-sel=back][open]) .ex-scene>:not(.back),.pseo-exploded:has([data-sel=drawer][open]) .ex-scene>:not(.drawer),.pseo-exploded:has([data-sel=hardware][open]) .ex-scene>:not(.hardware),.pseo-exploded:has([data-sel=row-1][open]) .ex-scene>:not([data-sel=row-1]),.pseo-exploded:has([data-sel=row-2][open]) .ex-scene>:not([data-sel=row-2]),.pseo-exploded:has([data-sel=row-3][open]) .ex-scene>:not([data-sel=row-3]),.pseo-exploded:has([data-sel=row-4][open]) .ex-scene>:not([data-sel=row-4]),.pseo-exploded:has([data-sel=row-5][open]) .ex-scene>:not([data-sel=row-5]),.pseo-exploded:has([data-sel=row-6][open]) .ex-scene>:not([data-sel=row-6]),.pseo-exploded:has([data-sel=row-7][open]) .ex-scene>:not([data-sel=row-7]),.pseo-exploded:has([data-sel=row-8][open]) .ex-scene>:not([data-sel=row-8]),.pseo-exploded:has([data-sel=row-9][open]) .ex-scene>:not([data-sel=row-9]),.pseo-exploded:has([data-sel=row-10][open]) .ex-scene>:not([data-sel=row-10]),.pseo-exploded:has([data-sel=part-front][open]) .ex-scene>:not([data-sel=part-front]),.pseo-exploded:has([data-sel=part-sides][open]) .ex-scene>:not([data-sel=part-sides]),.pseo-exploded:has([data-sel=part-back][open]) .ex-scene>:not([data-sel=part-back]),.pseo-exploded:has([data-sel=part-base][open]) .ex-scene>:not([data-sel=part-base]),.pseo-exploded:has([data-sel=part-runners][open]) .ex-scene>:not([data-sel=part-runners])){opacity:.2;pointer-events:none}.pseo-exploded .ex-num:after{content:attr(data-num)}.pseo-exploded .ex-num{box-sizing:border-box;background:var(--ex-ink);color:#fff;border-radius:999px;place-items:center;min-width:24px;height:24px;margin:-12px 0 0 -12px;padding:0 4px;font-size:14px;font-weight:600;line-height:1;display:grid}.pseo-exploded .ex-caption,.pseo-exploded .ex-note{color:#5e5a50;margin:10px 0 0;font-size:.875rem}.pseo-exploded .ex-groups,.pseo-exploded .ex-totals{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.pseo-exploded .ex-groups details{border:1px solid var(--ex-line);background:#fff;border-radius:12px}.pseo-exploded .ex-groups details[open]{border-color:var(--ex-ink)}.pseo-exploded summary,.pseo-exploded .ex-totals li{box-sizing:border-box;align-items:center;gap:10px;min-height:44px;padding:8px 12px;display:flex}.pseo-exploded summary{cursor:pointer;font-weight:600;list-style:none}.pseo-exploded summary::-webkit-details-marker{display:none}.pseo-exploded .ex-totals li{border-bottom:1px solid var(--ex-line)}.pseo-exploded .ex-swatch{box-sizing:border-box;background:var(--f);border:1px solid var(--e);border-radius:4px;flex:none;width:18px;height:18px}.pseo-exploded .ex-swatch.hardware{border-radius:999px}.pseo-exploded .ex-row-num{background:var(--ex-ink);color:#fff;border-radius:999px;flex:none;place-items:center;min-width:26px;height:26px;font-size:14px;display:grid}.pseo-exploded .ex-g-sheets{color:#5e5a50;text-align:right;margin-left:auto;font-weight:400}.pseo-exploded .ex-groups dl,.pseo-exploded .ex-body{margin:0;padding:0 12px 12px}.pseo-exploded .ex-groups dl{grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:4px 12px;display:grid}.pseo-exploded .ex-groups dt{font-weight:600}.pseo-exploded .ex-groups dd{overflow-wrap:anywhere;margin:0}@media (max-width:479px){.pseo-exploded .ex-groups dl{grid-template-columns:minmax(0,1fr);gap:0}.pseo-exploded .ex-groups dd{margin-bottom:6px}}.pseo-exploded .ex-fallback{display:none}.pseo-exploded .ex-fallback svg{width:100%;height:auto;display:block}.pseo-exploded .ex-fallback path{fill:var(--f);stroke:var(--e);stroke-width:2px}.pseo-exploded .ex-fallback .door{stroke-width:4px}.pseo-exploded .ex-fallback .back{stroke-dasharray:8 6}.pseo-exploded .ex-fallback .muted{opacity:.3}@supports not ((container-type:inline-size) and selector(:has(*))){.pseo-exploded .ex-stage,.pseo-exploded .ex-controls,.pseo-exploded .ex-ranges{display:none}.pseo-exploded .ex-fallback{display:block}}@media (prefers-reduced-motion:no-preference){.pseo-exploded .ex-scene,.pseo-exploded .ex-scene>*{transition:transform .35s,opacity .2s}}