.l7-hc-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-hc-console{justify-items:center;gap:12px;display:grid}.l7-hc-panel{filter:drop-shadow(0 8px 16px #263c353b);width:min(100%,228px);position:relative}.l7-hc-panel[data-format=us]{width:min(100%,184px)}.l7-hc-key-colour{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.l7-hc-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-hc-key:focus-visible{outline-offset:1px;outline:2px solid #008c6a}@media (hover:hover){.l7-hc-key:hover{background:#07c7a21a}}.l7-hc-model{margin:0;font-size:14px;font-weight:650}.l7-hc-room{background:#f9faf6;border-radius:13px;min-width:0;margin:0;overflow:hidden}.l7-hc-window-frame{isolation:isolate;position:relative}.l7-hc-window-frame img{width:100%;height:auto;display:block}.l7-hc-track{border-top:2px solid #5e5347;justify-content:space-between;display:flex;position:absolute;inset:9.7% 17.5% 9.4%;overflow:hidden}.l7-hc-track span{background:linear-gradient(#46382855 0%,#0000 14% 83%,#46382844 100%),repeating-linear-gradient(90deg,#9b866e 0,#c4ad91 6px,#e4d1b5 10px,#c9b297 16px,#917a62 22px,#9b866e 25px);border-radius:0 0 3px 3px;height:100%;box-shadow:0 2px 8px #1c160c70}.l7-hc-track span:last-child{transform:scaleX(-1)}.l7-hc-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-hc-room figcaption strong{color:#245c46;font-size:16px}.l7-hc-room figcaption span{color:#53665a}.l7-hc-travel{background:#edf1e9}.l7-hc-travel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.l7-hc-travel-grid article{background:#fafbf8;border:1px solid #cbd7ca;border-radius:15px;padding:clamp(16px,3vw,30px)}.l7-hc-travel-grid h3{margin:0 0 10px;font-size:clamp(22px,2.5vw,30px)}.l7-hc-travel-grid p{color:#40574b;margin:0;line-height:1.65}@media (width<=680px){.l7-hc-demo{grid-template-columns:minmax(0,1fr);gap:12px}.l7-hc-panel{width:min(100%,210px)}.l7-hc-panel[data-format=us]{width:min(100%,178px)}.l7-hc-console{gap:5px}.l7-hc-travel-grid{grid-template-columns:minmax(0,1fr)}}