.l7-he-demo{color:#193227;background:linear-gradient(145deg,#eaf0e7,#c8d4c5);border:1px solid #d0d8cb;border-radius:24px;grid-template-columns:minmax(250px,.8fr) minmax(0,1.65fr);align-items:center;gap:clamp(16px,3vw,48px);max-width:1160px;margin:28px auto 0;padding:clamp(12px,3vw,40px);display:grid}.l7-he-console{justify-items:center;gap:12px;display:grid}.l7-he-panel{filter:drop-shadow(0 8px 16px #263c353b);width:min(100%,228px);position:relative}.l7-he-panel[data-format=us]{width:min(100%,184px)}.l7-he-key-colour{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.l7-he-key{cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:7px;min-width:44px;height:44px;position:absolute;transform:translate(-50%,-50%)}.l7-he-key:focus-visible{outline-offset:1px;outline:2px solid #008c6a}@media (hover:hover){.l7-he-key:hover{background:#07c7a21a}}.l7-he-key:active{background:#008c6a38;box-shadow:inset 0 0 0 2px #008c6a}.l7-he-model{margin:0;font-size:14px;font-weight:650}.l7-he-room{background:#f9faf6;border-radius:13px;min-width:0;margin:0;overflow:hidden}.l7-he-room-frame{isolation:isolate;position:relative}.l7-he-room-frame img{width:100%;height:auto;display:block}.l7-he-curtain-window{pointer-events:none;clip-path:polygon(0 0,83% 0,100% 4.9%,100% 62%,97% 64.5%,97% 99%,69% 97.5%,58% 97%,51% 94.4%,46% 92%,39% 91%,27% 89.7%,14% 88.8%,0 87.7%);width:13.4%;height:77.2%;position:absolute;inset:0 auto auto 0;overflow:hidden}.l7-he-curtain{background:linear-gradient(90deg,#4a63811c,#241a1163),url(/media/products/l7/l7-he-showcase/scene-curtain-fabric.webp) 50%/100% 100%;transition:transform 1.05s ease-in-out;position:absolute;inset:0;transform:translate(100%)}.l7-he-demo[data-scene=party] .l7-he-curtain{transform:translate(50%)}.l7-he-demo[data-scene=away] .l7-he-curtain{transform:translate(0)}.l7-he-ambient,.l7-he-pendant,.l7-he-floor-lamp{pointer-events:none;opacity:0;mix-blend-mode:screen;transition:opacity .2s;position:absolute}.l7-he-ambient{background:radial-gradient(at 34% 42%,#a36e3673,#0000 46%),radial-gradient(at 91% 49%,#9954218c,#0000 32%);inset:0}.l7-he-pendant,.l7-he-floor-lamp{background:radial-gradient(at 40% 37%,#fff3d1 12%,#e9ae65 57%,#c77924b8 79%,#0000 84%);border-radius:50%}.l7-he-pendant{width:8.4%;height:12%;top:29.2%;left:28.7%;box-shadow:0 0 25px #e5aa5d85}.l7-he-floor-lamp{width:6.6%;height:9%;top:33.1%;left:88.6%;box-shadow:0 0 22px #e5aa5d85}.l7-he-demo[data-scene=home] :is(.l7-he-ambient,.l7-he-pendant,.l7-he-floor-lamp),.l7-he-demo[data-scene=party] .l7-he-floor-lamp{opacity:1}.l7-he-demo[data-scene=party] .l7-he-ambient{opacity:1;background:radial-gradient(at 91% 49%,#b969358e,#0000 50%)}.l7-he-room figcaption{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;min-height:51px;padding:10px 15px;font-size:14px;display:flex}.l7-he-room figcaption strong{color:#245c46;font-size:16px}.l7-he-room figcaption span{color:#53665a}@media (width<=680px){.l7-he-demo{grid-template-columns:minmax(0,1fr);gap:12px}.l7-he-panel{width:min(100%,210px)}.l7-he-panel[data-format=us]{width:min(100%,178px)}.l7-he-console{gap:5px}}@media (width<=520px){.l7-he-room figcaption{justify-content:flex-start;padding-inline-end:80px}}@media (prefers-reduced-motion:reduce){.l7-he-curtain,.l7-he-ambient,.l7-he-pendant,.l7-he-floor-lamp{transition:none}}