.system-zones{border-radius:var(--sp-24);width:100%;height:570px;overflow:hidden;container-type:inline-size}@media (max-width:767px){.system-zones{height:100%}}.system-zones--with-controls{border-radius:0;height:auto;overflow:visible}.system-zones .grid-background{gap:0;height:100%}.system-zones__bg{height:100%;min-height:unset}.system-zones__content{box-sizing:border-box;justify-content:center;align-items:center;gap:5.6cqi;width:100%;height:100%;padding:5.6cqi;display:flex}.system-zones__condenser{flex-shrink:0;width:25.7cqi;height:auto;display:block}.system-zones__handlers{grid-template-rows:repeat(3,auto);grid-auto-columns:auto;grid-auto-flow:column;place-items:center;gap:1.9cqi;display:grid}.system-zones__handler-btn{padding:var(--sp-6);border-radius:var(--sp-8);cursor:pointer;background:0 0;border:2px solid #0000;transition:border-color .15s;display:block}.system-zones__handler-btn:focus-visible{outline:3px solid var(--white);outline-offset:2px}.system-zones__handler-btn--selected{border-color:var(--white)}.system-zones__handler-img{width:16.3cqi;height:auto;display:block}