#selection-tools>#chess-example{display:block!important;grid-column:1/-1}
#chess-example .cx-demo{background:#f2f2ef;padding:24px 28px;color:#303435}
#chess-example .cx-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px;flex-wrap:wrap}
#chess-example .cx-toolbar>strong{font-size:17px;font-weight:500}
#chess-example .cx-rooms,#chess-example .cx-views{display:flex;gap:6px}
#chess-example .cx-rooms button,#chess-example .cx-views button{border:1px solid #deded7;background:#fff;border-radius:5px;padding:9px 13px;color:#303435;font:12px Onest,Arial,sans-serif;cursor:pointer}
#chess-example button[aria-pressed=true]:not(.cx-unit){background:#303435;color:white;border-color:#303435}
#chess-example .cx-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr);gap:28px;align-items:start}
#chess-example .cx-floor{display:grid;grid-template-columns:23px repeat(5,minmax(0,1fr));gap:7px;margin-bottom:7px}
#chess-example .cx-floor-no{align-self:center;color:#777;font-size:12px}
#chess-example .cx-unit{border:1px solid transparent;border-radius:5px;padding:7px 3px;min-width:0;display:flex;align-items:center;flex-direction:column;gap:2px;cursor:pointer;color:#303435;font:11px/1.3 Onest,Arial,sans-serif;transition:opacity .15s}
#chess-example .cx-unit.available{background:#dfe9d6}#chess-example .cx-unit.reserved{background:#f1e2bd}#chess-example .cx-unit.sold{background:#e3e4df;color:#888b84}
#chess-example .cx-unit strong{font-size:12px;font-weight:500}#chess-example .cx-unit small{font-size:10px}
#chess-example .cx-unit[aria-pressed=true]{outline:2px solid #913e2c;outline-offset:1px}#chess-example .cx-unit:hover{border-color:#913e2c}#chess-example .cx-unit.dim{opacity:.35}
#chess-example .cx-legend{display:flex;flex-wrap:wrap;gap:15px;margin:17px 0 8px;font-size:12px;color:#656969}
#chess-example .cx-legend span:before{content:'';display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:2px;background:#dfe9d6}#chess-example .cx-legend [data-status="reserved"]:before{background:#f1e2bd}#chess-example .cx-legend [data-status="sold"]:before{background:#d3d5ce}
#chess-example .cx-note{font-size:11px;color:#777;margin:0}
#cx-detail{background:white;border:1px solid #deded7;border-radius:8px;padding:22px;min-height:450px}
#cx-detail .cx-status{font-size:11px;padding:5px 8px;background:#dfe9d6;border-radius:4px;display:inline-block}#cx-detail .cx-status.reserved{background:#f1e2bd}#cx-detail .cx-status.sold{background:#e3e4df}
#cx-detail h4{font:28px/1.2 Astra,Georgia,serif;margin:15px 0 8px}#cx-detail p{font:13px/1.5 Onest,Arial,sans-serif;color:#656969;margin:8px 0 16px}
#cx-detail img{display:block;width:100%;height:270px;object-fit:contain;margin:12px 0}#cx-detail .cx-price{font:24px Onest,Arial,sans-serif}#cx-detail .cx-sold-note{padding:50px 10px;color:#777;font-size:14px;line-height:1.6}
@media(max-width:700px){#chess-example .cx-demo{padding:18px 14px}#chess-example .cx-layout{grid-template-columns:1fr;gap:18px}#chess-example .cx-floor{gap:4px;grid-template-columns:16px repeat(5,minmax(0,1fr))}#chess-example .cx-unit strong{font-size:10px}#chess-example .cx-unit{font-size:10px}#chess-example .cx-rooms button{padding:9px 11px}#cx-detail{min-height:0}#cx-detail img{height:240px}}

#chess-example .cx-legend>span{display:inline-flex;align-items:center;gap:6px;background:none;color:#656969;line-height:1.4;padding:0}#chess-example .cx-legend>span:before{flex:0 0 10px;margin:0}