.room-demo{touch-action:none;cursor:ns-resize}.room-demo>.room-open,.room-demo>.room-lowered{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.room-demo>.room-open{z-index:0}.room-demo>.room-lowered{z-index:1;opacity:.68;transition:opacity .3s ease}.room-demo .room-warmth,.room-demo .room-dim,.room-demo .room-rgb{position:absolute;inset:0;pointer-events:none;transition:background .25s ease,opacity .25s ease}.room-demo .room-warmth{z-index:2;background:rgba(255,197,140,.18);mix-blend-mode:soft-light}.room-demo .room-dim{z-index:3;background:#061720;opacity:.12}.room-demo .room-rgb{z-index:4;background:radial-gradient(ellipse 24% 35% at 86% 57%,rgba(215,150,78,.38),transparent 72%);mix-blend-mode:screen}.room-demo .room-label{z-index:6}.room-drag-hint{position:absolute;z-index:6;left:14px;bottom:14px;padding:7px 9px;border-radius:999px;background:#071b24cc;color:#e7f5f1;font-size:10px;font-weight:750;letter-spacing:.02em;opacity:.85}@media(max-width:640px){.room-drag-hint{font-size:9px}.demo-controls input[type=color]{height:42px;padding:3px;background:#fff;border:1px solid #b8d7d2;border-radius:4px}}