{"version":3,"file":"roomViewer.module.mjs","names":[],"sources":["../../../../package/common/roomViewer/roomViewer.module.pcss"],"sourcesContent":[".roomViewer {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-s, 8px);\n  position: relative;\n\n  /* Storeys, top first, the way a building reads in section. */\n  &-floorBar {\n    display: flex;\n    align-items: center;\n    gap: 2px;\n    flex-wrap: wrap;\n    padding: var(--spacing-xs, 4px);\n    background: var(--background-accent);\n    border: 1px solid var(--border-color);\n    border-radius: var(--default-border-radius);\n  }\n\n  &-floorTab {\n    height: 28px;\n    padding: 0 10px;\n    border: 1px solid transparent;\n    border-radius: var(--default-border-radius);\n    background: transparent;\n    color: var(--text-dark);\n    font-size: 12px;\n    white-space: nowrap;\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n\n    &:hover {\n      background: var(--background-accent-light);\n    }\n\n    &:focus-visible {\n      outline: none;\n      border-color: var(--focus-border-color, var(--primary-color));\n    }\n\n    &-active {\n      background: var(--primary-color);\n      border-color: var(--primary-color);\n      color: var(--text-on-primary);\n      font-weight: 600;\n\n      &:hover {\n        background: var(--primary-color);\n      }\n    }\n  }\n\n  &-canvasWrapper {\n    position: relative;\n    overflow: hidden;\n    border: 1px solid var(--border-color);\n    border-radius: var(--default-border-radius);\n    background: var(--background);\n\n    &-pannable {\n      /* Without this the browser claims the gesture and pointermove stops firing. */\n      touch-action: none;\n      cursor: grab;\n      -webkit-tap-highlight-color: transparent;\n    }\n  }\n\n  &-viewControls {\n    position: absolute;\n    right: var(--spacing-s, 8px);\n    bottom: var(--spacing-s, 8px);\n    display: flex;\n    gap: 2px;\n    padding: 2px;\n    background: var(--background-accent);\n    border: 1px solid var(--border-color);\n    border-radius: var(--default-border-radius);\n  }\n\n  &-viewButton {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    border: 1px solid transparent;\n    border-radius: var(--default-border-radius);\n    background: transparent;\n    color: var(--text-color);\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n\n    &:hover {\n      background: var(--background-accent-light);\n    }\n\n    &:focus-visible {\n      outline: none;\n      border-color: var(--focus-border-color, var(--primary-color));\n    }\n  }\n\n  &-empty {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 100%;\n    color: var(--text-dark);\n    font-size: 13px;\n  }\n\n  /* Announces the selection to a screen reader. A room selected by clicking its shape is\n     otherwise silent, and there is nowhere useful for focus to land. */\n  &-live {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    border: 0;\n    clip-path: inset(50%);\n    overflow: hidden;\n    white-space: nowrap;\n  }\n}\n"],"mappings":""}