@import url('./services-annotations.css');
.customer .room-section{display:flex;flex-direction:column;overflow:auto;min-width:0}
.customer .room{position:relative;inset:auto;flex:1 0 320px;min-height:320px;width:100%}
.customer .room-controls{position:static;margin:0 24px 8px;flex-wrap:wrap}
.customer .room-help{position:static;margin:4px 24px 12px}
#services-legend{column-gap:32px;padding:10px 24px 16px 46px;overflow-wrap:anywhere}
.service-note{font-size:12px;color:#746b61;margin:0 24px 8px}
#services-legend[hidden]+.service-note{display:none}
.service-pins{z-index:2}.service-leaders{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}
.service-leaders line{stroke:#005fcc;stroke-width:1;opacity:.65}
@media(max-width:900px){
  .customer .room-section{height:auto;max-height:none;overflow:visible}
  .customer .room{height:54vh;min-height:360px;max-height:540px;flex:none}
  .customer .room-controls{margin:0 16px 8px;gap:10px}
  .customer .room-help,.service-note{margin:4px 16px 12px}
  #services-legend{columns:1;padding:10px 16px 16px 38px}
}