@charset "UTF-8";._card_16afh_1 {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  min-height: 5em;
  padding: 0.75em 0.75em 0 0.75em;
  background: transparent;
}

._active_16afh_10 ._label_16afh_10 {
  color: var(--bim-color-secondary);
  font-weight: 700;
}
._active_16afh_10 ._valueSummary_16afh_14 {
  color: var(--bim-color-secondary);
  font-weight: 600;
}

._header_16afh_19 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5em;
}

._label_16afh_10 {
  font-size: 1em;
  font-weight: 400;
  font-family: var(--bim-font-primary);
  color: var(--bim-color-text-labels);
  white-space: nowrap;
}

._valueSummary_16afh_14 {
  margin-left: auto;
  padding-left: 0.5em;
  font-size: 1em;
  font-weight: 400;
  font-family: var(--bim-font-primary);
  color: var(--bim-color-text-labels);
  white-space: nowrap;
}

._body_16afh_44 {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}._root_91uax_1 {
  --rs-color: var(--bim-color-text-emphasis);
  position: relative;
  height: 2.625em;
  padding: 0 0.625em;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
  touch-action: none;
}
._root_91uax_1:hover {
  --rs-color: var(--bim-color-secondary);
}
._root_91uax_1[data-active] {
  --rs-color: var(--bim-color-secondary);
}
._root_91uax_1[data-disabled] {
  opacity: 0.4;
  pointer-events: none;
}

._rail_91uax_24 {
  position: relative;
  width: 100%;
  height: 0.15em;
  overflow: visible;
  background-color: transparent;
}
._rail_91uax_24::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--bim-color-text-emphasis);
  opacity: 0.35;
  transition: background-color 0.2s ease;
}
._root_91uax_1:hover ._rail_91uax_24::before, ._root_91uax_1[data-active] ._rail_91uax_24::before {
  opacity: 0.5;
}

._track_91uax_43 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 0.25em;
  background-color: var(--rs-color);
  pointer-events: none;
  transition: left 0.15s ease, width 0.15s ease, background-color 0.2s ease;
}

._thumb_91uax_53 {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1.25em;
  height: 1.25em;
  background-color: var(--rs-color);
  border-radius: var(--bim-shape-slider-thumb);
  cursor: grab;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
._thumb_91uax_53[data-thumb=lo] {
  z-index: 1;
}
._thumb_91uax_53[data-thumb=hi] {
  z-index: 2;
}
._thumb_91uax_53 {
  outline: none;
  transition: left 0.15s ease, background-color 0.2s ease, box-shadow 0.15s ease;
}
._thumb_91uax_53:hover, ._thumb_91uax_53:focus-visible {
  box-shadow: 0 2px 6x rgba(0, 0, 0, 0.25);
}
._thumb_91uax_53:active {
  cursor: grabbing;
}

._tooltip_91uax_81 {
  position: absolute;
  top: calc(100% + 0.3em);
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  font-size: 0.6875em;
  line-height: 1;
  font-family: var(--bim-font-primary, inherit);
  color: var(--bim-color-on-tooltip);
  background: var(--bim-color-tooltip);
  border-radius: var(--bim-shape-tooltip, 0);
  padding: 0.5em 0.75em;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.1s ease, border-color 0.2s ease;
}
._thumb_91uax_53:hover ._tooltip_91uax_81, ._thumb_91uax_53:focus-visible ._tooltip_91uax_81 {
  opacity: 1;
}

._root_91uax_1[data-dragging=lo] ._thumb_91uax_53[data-thumb=lo] ._tooltip_91uax_81,
._root_91uax_1[data-dragging=hi] ._thumb_91uax_53[data-thumb=hi] ._tooltip_91uax_81 {
  opacity: 1;
}

._root_91uax_1[data-dragging=lo],
._root_91uax_1[data-dragging=hi] {
  cursor: grabbing;
}
._root_91uax_1[data-dragging=lo] *,
._root_91uax_1[data-dragging=hi] * {
  cursor: grabbing;
}
._root_91uax_1[data-dragging=lo] ._thumb_91uax_53,
._root_91uax_1[data-dragging=hi] ._thumb_91uax_53 {
  transition: background-color 0.2s ease, box-shadow 0.15s ease;
}
._root_91uax_1[data-dragging=lo] ._track_91uax_43,
._root_91uax_1[data-dragging=hi] ._track_91uax_43 {
  transition: background-color 0.2s ease;
}._wrapper_1u84g_1 {
  display: flex;
  align-items: stretch;
  width: 100%;
  height: 2.5em;
  padding: 0.5em 0;
  overflow: hidden;
  border: 1px solid var(--bim-color-lines-gray-light);
  border-radius: var(--bim-shape-control-medium);
  background: transparent;
  cursor: text;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
._wrapper_1u84g_1:hover {
  border-color: var(--bim-color-secondary);
}
._wrapper_1u84g_1:focus-within {
  border-color: var(--bim-color-secondary);
  box-shadow: inset 0 0 0 1px var(--bim-color-secondary);
  outline: none;
}

._active_1u84g_23 {
  border-color: var(--bim-color-secondary);
  box-shadow: inset 0 0 0 1px var(--bim-color-secondary);
}

._disabled_1u84g_28 {
  opacity: 0.45;
  pointer-events: none;
}

._input_1u84g_33 {
  flex: 1;
  min-width: 0;
  border: none;
  outline: none;
  background: transparent;
  font-size: 1em;
  font-family: inherit;
  line-height: 1;
  color: var(--bim-color-text, inherit);
}
._input_1u84g_33[type=number] {
  appearance: textfield;
  -moz-appearance: textfield;
}
._input_1u84g_33[type=number]::-webkit-inner-spin-button, ._input_1u84g_33[type=number]::-webkit-outer-spin-button {
  appearance: none;
  margin: 0;
}
._input_1u84g_33[type=search]::-webkit-search-cancel-button, ._input_1u84g_33[type=search]::-webkit-search-decoration {
  appearance: none;
}
._input_1u84g_33::placeholder {
  color: var(--bim-color-text-muted, #aaa);
}

._suffix_1u84g_59, ._prefix_1u84g_59 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 2.5em;
  padding: 0 0.5em;
  font-size: 0.875em;
  font-family: inherit;
  line-height: 1;
  color: var(--bim-color-text-muted);
  white-space: nowrap;
  user-select: none;
  flex-shrink: 0;
  transition: color 0.15s ease;
}
._wrapper_1u84g_1:hover ._suffix_1u84g_59, ._wrapper_1u84g_1:hover ._prefix_1u84g_59, ._wrapper_1u84g_1:focus-within ._suffix_1u84g_59, ._wrapper_1u84g_1:focus-within ._prefix_1u84g_59, ._active_1u84g_23 ._suffix_1u84g_59, ._active_1u84g_23 ._prefix_1u84g_59 {
  color: var(--bim-color-text, inherit);
}

._prefix_1u84g_59 {
  border-right: 1px solid var(--bim-color-lines-gray-light);
  transition: color 0.15s ease, border-color 0.15s ease;
}
._wrapper_1u84g_1:hover ._prefix_1u84g_59, ._wrapper_1u84g_1:focus-within ._prefix_1u84g_59, ._active_1u84g_23 ._prefix_1u84g_59 {
  border-right-color: var(--bim-color-secondary);
}

._suffix_1u84g_59 {
  border-left: 1px solid var(--bim-color-lines-gray-light);
  transition: color 0.15s ease, border-color 0.15s ease;
}
._wrapper_1u84g_1:hover ._suffix_1u84g_59, ._wrapper_1u84g_1:focus-within ._suffix_1u84g_59, ._active_1u84g_23 ._suffix_1u84g_59 {
  border-left-color: var(--bim-color-secondary);
}._root_1poa0_1 {
  display: flex;
  gap: 0.5em;
}
._root_1poa0_1 > * {
  flex: 1;
  min-width: 0;
}._contentsWrap_s8jh4_1 {
  display: contents;
}

._bubble_s8jh4_5 {
  position: fixed;
  z-index: 2000;
  background: var(--bim-color-tooltip, #1a1a1a);
  color: var(--bim-color-on-tooltip, #fff);
  padding: 0.5em 0.75em;
  border-radius: var(--bim-shape-tooltip, 4px);
  font-size: 0.85em;
  line-height: 1.35;
  font-weight: 400;
  text-align: left;
  max-width: min(18rem, 100vw - 2em);
  width: max-content;
  white-space: pre-line;
  word-wrap: break-word;
  box-shadow: 0 2px 12px 4px rgba(0, 0, 0, 0.15);
  pointer-events: none;
  user-select: none;
  opacity: 0;
  transform: scale(0.85);
  transform-origin: var(--tooltip-arrow-x, 50%) 100%;
  transition: opacity 140ms ease-out, transform 140ms cubic-bezier(0.4, 0, 0.2, 1);
}
._bubble_s8jh4_5._entered_s8jh4_28 {
  opacity: 1;
  transform: scale(1);
}

._placement_bottom_s8jh4_33 {
  transform-origin: var(--tooltip-arrow-x, 50%) 0%;
}

._placement_left_s8jh4_37 {
  transform-origin: 100% var(--tooltip-arrow-y, 50%);
}

._placement_right_s8jh4_41 {
  transform-origin: 0% var(--tooltip-arrow-y, 50%);
}

._noWrap_s8jh4_45 {
  white-space: nowrap;
  max-width: none;
}

._arrow_s8jh4_50 {
  position: absolute;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  pointer-events: none;
}

._placement_top_s8jh4_58 ._arrow_s8jh4_50 {
  top: calc(100% - 0.5px);
  left: var(--tooltip-arrow-x, 50%);
  transform: translateX(-50%);
  border-top-color: var(--bim-color-tooltip, #1a1a1a);
  border-bottom: 0;
}

._placement_bottom_s8jh4_33 ._arrow_s8jh4_50 {
  bottom: calc(100% - 0.5px);
  left: var(--tooltip-arrow-x, 50%);
  transform: translateX(-50%);
  border-bottom-color: var(--bim-color-tooltip, #1a1a1a);
  border-top: 0;
}

._placement_left_s8jh4_37 ._arrow_s8jh4_50 {
  left: calc(100% - 0.5px);
  top: var(--tooltip-arrow-y, 50%);
  transform: translateY(-50%);
  border-left-color: var(--bim-color-tooltip, #1a1a1a);
  border-right: 0;
}

._placement_right_s8jh4_41 ._arrow_s8jh4_50 {
  right: calc(100% - 0.5px);
  top: var(--tooltip-arrow-y, 50%);
  transform: translateY(-50%);
  border-right-color: var(--bim-color-tooltip, #1a1a1a);
  border-left: 0;
}._icon_1v44m_1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 1.15em;
  height: 1.15em;
  line-height: 1;
  vertical-align: middle;
  cursor: help;
  color: var(--bim-color-text-muted);
  outline: none;
  transition: color 140ms ease-out;
}
._icon_1v44m_1:hover, ._icon_1v44m_1:focus-visible {
  color: var(--bim-color-text);
}._wrapper_i9z8o_1 {
  position: relative;
  display: flex;
  align-items: stretch;
  width: 100%;
  height: 2.5em;
  padding: 0.5em 0;
  overflow: visible;
  border: 1px solid var(--bim-color-lines-gray-light);
  border-radius: var(--bim-shape-control-medium);
  background: transparent;
  cursor: pointer;
  user-select: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
._wrapper_i9z8o_1:hover {
  border-color: var(--bim-color-secondary);
}
._wrapper_i9z8o_1:focus {
  outline: none;
}
._wrapper_i9z8o_1._open_i9z8o_22, ._wrapper_i9z8o_1:focus {
  border-color: var(--bim-color-secondary);
  box-shadow: inset 0 0 0 1px var(--bim-color-secondary);
}

._active_i9z8o_27 {
  border-color: var(--bim-color-secondary);
  box-shadow: inset 0 0 0 1px var(--bim-color-secondary);
}

._disabled_i9z8o_32 {
  opacity: 0.45;
  pointer-events: none;
}

._chipsArea_i9z8o_37 {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 0.25em;
  padding: 0 0.5em 0 1em;
  overflow: hidden;
}

._placeholder_i9z8o_47 {
  font-size: 1em;
  color: var(--bim-color-text-muted);
  white-space: nowrap;
}

._chip_i9z8o_37 {
  display: inline-flex;
  align-items: center;
  gap: 0;
  flex-shrink: 0;
  font-size: 0.85em;
  background: var(--bim-color-surface-light);
  color: var(--bim-color-text);
  border-radius: var(--bim-shape-chip);
  line-height: 1.5;
  white-space: nowrap;
  transition: border-color 0.1s ease;
}
._wrapper_i9z8o_1:hover ._chip_i9z8o_37, ._wrapper_i9z8o_1:focus ._chip_i9z8o_37, ._open_i9z8o_22 ._chip_i9z8o_37 {
  border-color: var(--bim-color-primary);
}

._chipHidden_i9z8o_70 {
  visibility: hidden;
  pointer-events: none;
}

._chipLabel_i9z8o_75 {
  font-size: 1em;
  line-height: 1.5;
  padding-left: 0.5882352941em;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._chipRemove_i9z8o_81 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.4411764706em;
  border-radius: var(--bim-shape-chip);
  margin-left: 0.2941176471em;
  color: var(--bim-color-text-emphasis, #000);
  cursor: pointer;
  background: transparent;
  border: none;
  line-height: 1;
  transition: color 0.1s ease, background-color 0.1s ease;
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._chipRemove_i9z8o_81:hover {
  color: #b90013;
  background: rgb(255, 184, 191);
}

._overflowBadge_i9z8o_100 {
  flex-shrink: 0;
  align-self: center;
  display: inline-flex;
  align-items: center;
  margin-right: 0.5882352941em;
  background: var(--bim-color-surface-offwhite);
  border-radius: var(--bim-shape-chip);
  color: var(--bim-color-label, inherit);
  font-size: 0.8em;
  white-space: nowrap;
  line-height: 1.5;
}

._actions_i9z8o_114 {
  display: flex;
  align-items: stretch;
  flex-shrink: 0;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._clearAll_i9z8o_120 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 2.5em;
  padding: 0 0.5em;
  color: var(--bim-color-text-muted, #aaa);
  cursor: pointer;
  background: transparent;
  border: none;
  line-height: 1;
  transition: color 0.15s ease, border-color 0.15s ease;
}
._wrapper_i9z8o_1:hover :is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._clearAll_i9z8o_120, ._wrapper_i9z8o_1:focus :is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._clearAll_i9z8o_120, ._open_i9z8o_22 :is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._clearAll_i9z8o_120 {
  border-left-color: var(--bim-color-secondary, #b8a890);
  color: var(--bim-color-text, inherit);
}

._chevron_i9z8o_138 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 2.5em;
  padding: 0 0.5em;
  flex-shrink: 0;
  border-left: 1px solid var(--bim-color-border, #ccc);
  color: var(--bim-color-text-muted, #aaa);
  font-size: 1em;
  transition: color 0.15s ease, border-color 0.15s ease;
}
._chevron_i9z8o_138 svg {
  transition: transform 0.15s ease;
}
._wrapper_i9z8o_1:hover ._chevron_i9z8o_138 {
  border-left-color: var(--bim-color-secondary, #b8a890);
  color: var(--bim-color-secondary, #b8a890);
}
._wrapper_i9z8o_1:focus ._chevron_i9z8o_138, ._open_i9z8o_22 ._chevron_i9z8o_138 {
  border-left-color: var(--bim-color-secondary, #b8a890);
  color: var(--bim-color-text, inherit);
}
._open_i9z8o_22 ._chevron_i9z8o_138 svg {
  transform: rotate(180deg);
}

._dropdown_i9z8o_165 {
  position: absolute;
  top: calc(100% + 4px);
  left: -1px;
  right: -1px;
  z-index: 100;
  margin: 0;
  padding: 0;
  list-style: none;
  max-height: 16em;
  overflow-y: auto;
  background: var(--bim-color-surface-lightest);
  border: 1px solid var(--bim-color-secondary);
  border-radius: var(--bim-shape-control-medium);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  scrollbar-width: thin;
  scrollbar-color: var(--bim-color-secondary) transparent;
}
._dropdown_i9z8o_165::-webkit-scrollbar {
  width: 4px;
}
._dropdown_i9z8o_165::-webkit-scrollbar-track {
  background: transparent;
}
._dropdown_i9z8o_165::-webkit-scrollbar-button {
  display: none;
}
._dropdown_i9z8o_165::-webkit-scrollbar-thumb {
  background: var(--bim-color-secondary);
  border-radius: 2px;
}

._dropUp_i9z8o_197 {
  top: auto;
  bottom: calc(100% + 4px);
  box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.12);
}

._emptyMessage_i9z8o_203 {
  font-size: 1em;
  font-style: italic;
  color: var(--bim-color-text-muted, #aaa);
  white-space: nowrap;
  cursor: default;
  list-style: none;
}

._option_i9z8o_212 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5em;
  font-size: 1em;
  font-family: inherit;
  line-height: 1;
  color: var(--bim-color-text, inherit);
  cursor: pointer;
  white-space: nowrap;
  transition: background-color 0.1s ease;
}

._optionHighlighted_i9z8o_226 {
  background-color: var(--bim-color-surface-offwhite);
}

._optionSelected_i9z8o_230 {
  color: var(--bim-color-secondary);
  font-weight: 600;
}

._optionLabel_i9z8o_235 {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

._optionCheck_i9z8o_242 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25em;
  flex-shrink: 0;
  color: var(--bim-color-secondary, #b8a890);
}

._summaryTrigger_i9z8o_251 {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 0.5em;
  padding: 0 0.5em 0 1em;
  overflow: hidden;
}

._summaryLabel_i9z8o_261 {
  flex: 1;
  min-width: 0;
  font-size: 1em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._active_i9z8o_27 ._summaryLabel_i9z8o_261 {
  font-weight: 600;
  color: var(--bim-color-secondary);
}

._summaryLabelMuted_i9z8o_274 {
  color: var(--bim-color-text-muted);
}

._summaryChip_i9z8o_278 {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  gap: 0;
  font-size: 0.85em;
  background: var(--bim-color-secondary);
  color: var(--bim-color-secondary-on);
  border-radius: var(--bim-shape-chip);
  line-height: 1.5;
  white-space: nowrap;
}

._summaryChipCount_i9z8o_291 {
  font-size: 1em;
  line-height: 1.5;
  padding-left: 0.5882352941em;
}

._summaryChipInactive_i9z8o_297 {
  background: var(--bim-color-surface-light);
  color: var(--bim-color-text);
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._summaryChipRemove_i9z8o_302 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.4411764706em;
  margin-left: 0.2941176471em;
  color: var(--bim-color-emphasis, #000);
  cursor: pointer;
  border-radius: var(--bim-shape-chip);
  background: transparent;
  border: none;
  line-height: 1;
  transition: color 0.1s ease, background-color 0.1s ease;
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._summaryChipRemove_i9z8o_302:hover {
  color: #b90013;
  background: rgb(255, 184, 191);
}

._strictRow_i9z8o_321 {
  list-style: none;
}

._strictLabel_i9z8o_325 {
  display: flex;
  align-items: center;
  gap: 0.5em;
  padding: 0.5em 0.75em;
  font-size: 0.9em;
  cursor: pointer;
  user-select: none;
}
._strictLabel_i9z8o_325:hover {
  background-color: var(--bim-color-surface-offwhite);
}

._strictCheckbox_i9z8o_338 {
  accent-color: var(--bim-color-secondary, #b8a890);
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  cursor: pointer;
}

._strictTooltipIcon_i9z8o_346 {
  display: inline-flex;
  align-items: center;
  color: var(--bim-color-text-muted, #aaa);
  cursor: help;
  margin-left: auto;
}
._strictTooltipIcon_i9z8o_346:hover {
  color: var(--bim-color-text, inherit);
}

._strictSeparator_i9z8o_357 {
  margin: 0;
  border: none;
  border-top: 1px solid var(--bim-color-border, #ccc);
}

._infoRow_i9z8o_363 {
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;
}

._infoLabel_i9z8o_370 {
  display: flex;
  align-items: center;
  gap: 0.5em;
  padding: 0.5em 0.75em;
  font-size: 0.9em;
  color: var(--bim-color-text-muted, #888);
  cursor: default;
  user-select: none;
}

._infoSeparator_i9z8o_381 {
  margin: 0;
  border: none;
  border-top: 1px solid var(--bim-color-border, #ccc);
}._panel_2kf43_1 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 22em), 1fr));
  gap: 0;
  padding: 0 0 1.5em;
  animation: _panelSlideIn_2kf43_1 0.25s ease-out;
}
@container bim-app (min-width: calc(767px + 1px)) and (max-width: 1179px) {
  ._panel_2kf43_1 {
    padding-left: 3em;
    padding-right: 3em;
  }
}
@container bim-app (min-width: calc(1179px + 1px)) {
  ._panel_2kf43_1 {
    padding-left: 6em;
    padding-right: 6em;
  }
}
@container bim-app (min-width: calc(1440px + 1px)) {
  ._panel_2kf43_1 {
    padding-left: 9.5em;
    padding-right: 9.5em;
  }
}
@container bim-app (max-width: 1179px) {
  ._panel_2kf43_1 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@container bim-app (max-width: 767px) {
  ._panel_2kf43_1 {
    grid-template-columns: 1fr;
  }
}

@keyframes _panelSlideIn_2kf43_1 {
  from {
    opacity: 0;
    transform: translateY(-0.5em);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}._badge_tlm7j_1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.5em;
  height: 1.5em;
  padding: 0 0.4em;
  border-radius: 2em;
  background: var(--bim-color-notification, #ff0000);
  color: var(--bim-color-on-notification, #fff);
  font-size: 0.75em;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  pointer-events: none;
}:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._sizeXLarge_1oq18_1, :is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._sizeLarge_1oq18_1, :is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._sizeMedium_1oq18_1, :is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._sizeSmall_1oq18_1, :is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._sizeXSmall_1oq18_1 {
  --_button-height: 3em;
  --_button-radius: var(--bim-shape-control-large);
  --_button-padding-x: 1em;
  --_button-icon-size: 1.75em;
  padding: 0;
  margin: 0;
  background-color: transparent;
  border: 1px solid var(--bim-color-secondary);
  border-radius: var(--_button-radius);
  cursor: pointer;
  user-select: none;
  pointer-events: auto;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  text-align: center;
  height: var(--_button-height);
  font-weight: 600;
  line-height: 1.5;
  color: var(--bim-color-text-emphasis);
  font-family: var(--bim-font-primary, inherit);
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._sizeXLarge_1oq18_1:hover:not(:disabled), :is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._sizeLarge_1oq18_1:hover:not(:disabled), :is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._sizeMedium_1oq18_1:hover:not(:disabled), :is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._sizeSmall_1oq18_1:hover:not(:disabled), :is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._sizeXSmall_1oq18_1:hover:not(:disabled) {
  color: var(--bim-color-secondary);
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._sizeXLarge_1oq18_1:active:not(:disabled), :is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._sizeLarge_1oq18_1:active:not(:disabled), :is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._sizeMedium_1oq18_1:active:not(:disabled), :is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._sizeSmall_1oq18_1:active:not(:disabled), :is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._sizeXSmall_1oq18_1:active:not(:disabled) {
  background-color: var(--bim-color-secondary) !important;
  color: var(--bim-color-secondary-on) !important;
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._sizeXLarge_1oq18_1:disabled, :is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._sizeLarge_1oq18_1:disabled, :is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._sizeMedium_1oq18_1:disabled, :is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._sizeSmall_1oq18_1:disabled, :is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._sizeXSmall_1oq18_1:disabled {
  cursor: default;
  color: #ccc;
  border-color: #ccc;
  pointer-events: none;
  background-color: transparent;
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._sizeXLarge_1oq18_1 svg, :is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._sizeLarge_1oq18_1 svg, :is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._sizeMedium_1oq18_1 svg, :is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._sizeSmall_1oq18_1 svg, :is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._sizeXSmall_1oq18_1 svg {
  flex-shrink: 0;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._sizeXSmall_1oq18_1 {
  --_button-height: 1.5em;
  --_button-radius: var(--bim-shape-control-small);
  --_button-padding-x: 0.5em;
  --_button-icon-size: 0.875em;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._sizeSmall_1oq18_1 {
  --_button-height: 2em;
  --_button-radius: var(--bim-shape-control-small);
  --_button-padding-x: 0.75em;
  --_button-icon-size: 1em;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._sizeMedium_1oq18_1 {
  --_button-height: 2.5em;
  --_button-radius: var(--bim-shape-control-medium);
  --_button-padding-x: 0.875em;
  --_button-icon-size: 1.125em;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._sizeLarge_1oq18_1 {
  --_button-height: 3em;
  --_button-radius: var(--bim-shape-control-large);
  --_button-padding-x: 1em;
  --_button-icon-size: 1.75em;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._sizeXLarge_1oq18_1 {
  --_button-height: 4em;
  --_button-radius: var(--bim-shape-control-xlarge);
  --_button-padding-x: 1.25em;
  --_button-icon-size: 2em;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._kindIcon_1oq18_79 {
  width: var(--_button-height);
  padding: 0;
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._kindIcon_1oq18_79 svg {
  width: var(--_button-icon-size);
  height: var(--_button-icon-size);
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._kindText_1oq18_88 {
  width: auto;
  min-width: max-content;
  padding: 0 var(--_button-padding-x);
  gap: 0.375em;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._kindWide_1oq18_95 {
  width: 100%;
  min-width: 100%;
  padding: 0 var(--_button-padding-x);
  gap: 0.375em;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._selected_1oq18_102 {
  background-color: var(--bim-color-secondary);
  border-color: var(--bim-color-secondary);
  color: var(--bim-color-secondary-on);
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._selected_1oq18_102:hover:not(:disabled) {
  background-color: var(--bim-color-secondary-hover);
  color: var(--bim-color-secondary-on);
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._cta_1oq18_112 {
  background-color: var(--bim-color-primary);
  border-color: var(--bim-color-primary);
  color: var(--bim-color-primary-on);
  font-weight: 600;
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._cta_1oq18_112:hover:not(:disabled) {
  background-color: var(--bim-color-primary-hover);
  color: var(--bim-color-primary-on);
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._cta_1oq18_112:active:not(:disabled) {
  background-color: var(--bim-color-primary) !important;
  color: var(--bim-color-primary-on) !important;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._ghost_1oq18_127 {
  background-color: transparent;
  border-color: transparent;
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._ghost_1oq18_127:active:not(:disabled) {
  background-color: var(--bim-color-secondary) !important;
  color: var(--bim-color-secondary-on) !important;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._groupVertical_1oq18_136, :is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._group_1oq18_136 {
  display: inline-flex;
  gap: 0;
  border: 1px solid var(--bim-color-secondary);
  border-radius: var(--_button-group-radius);
  overflow: hidden;
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._groupVertical_1oq18_136 > button, :is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._group_1oq18_136 > button {
  border: none;
  border-radius: var(--_button-group-inner-radius);
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._groupVertical_1oq18_136 > button:hover:not(:disabled), :is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._group_1oq18_136 > button:hover:not(:disabled) {
  box-shadow: inset 0 0 0 1px var(--bim-color-secondary);
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._groupVertical_1oq18_136 > button:not(:hover):not(:disabled), :is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._group_1oq18_136 > button:not(:hover):not(:disabled) {
  box-shadow: none;
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._groupVertical_1oq18_136 > button:disabled, :is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._group_1oq18_136 > button:disabled {
  border: none;
  box-shadow: none;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._group_1oq18_136 {
  flex-direction: row;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._groupVertical_1oq18_136 {
  flex-direction: column;
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._groupVertical_1oq18_136 > button:hover:not(:disabled) {
  color: var(--bim-color-secondary);
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._groupSizeXSmall_1oq18_169 {
  --_button-group-track-size: 1.5em;
  --_button-group-radius: var(--bim-shape-control-small);
  --_button-group-inner-radius: max(0px, calc(var(--bim-shape-control-small) - 1px));
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._groupSizeSmall_1oq18_175 {
  --_button-group-track-size: 2em;
  --_button-group-radius: var(--bim-shape-control-small);
  --_button-group-inner-radius: max(0px, calc(var(--bim-shape-control-small) - 1px));
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._groupSizeMedium_1oq18_181 {
  --_button-group-track-size: 2.5em;
  --_button-group-radius: var(--bim-shape-control-medium);
  --_button-group-inner-radius: max(0px, calc(var(--bim-shape-control-medium) - 1px));
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._groupSizeLarge_1oq18_187 {
  --_button-group-track-size: 3em;
  --_button-group-radius: var(--bim-shape-control-large);
  --_button-group-inner-radius: max(0px, calc(var(--bim-shape-control-large) - 1px));
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._groupSizeXLarge_1oq18_193 {
  --_button-group-track-size: 4em;
  --_button-group-radius: var(--bim-shape-control-xlarge);
  --_button-group-inner-radius: max(0px, calc(var(--bim-shape-control-xlarge) - 1px));
}

._slideIndicator_1oq18_199,
._slideIndicatorV_1oq18_200 {
  position: absolute;
  z-index: 0;
  background-color: var(--bim-color-secondary);
  border-radius: var(--_button-group-inner-radius);
  pointer-events: none;
  transition: left 0.18s ease, top 0.18s ease, width 0.18s ease, height 0.18s ease;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._group_1oq18_136[data-slide],
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._groupVertical_1oq18_136[data-slide] {
  position: relative;
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._group_1oq18_136[data-slide] > button,
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._groupVertical_1oq18_136[data-slide] > button {
  position: relative;
  z-index: 1;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._group_1oq18_136[data-slide] ._selected_1oq18_102,
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._groupVertical_1oq18_136[data-slide] ._selected_1oq18_102 {
  background-color: transparent;
  border-color: transparent;
  color: var(--bim-color-secondary-on);
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._group_1oq18_136[data-slide] ._selected_1oq18_102:hover:not(:disabled),
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._groupVertical_1oq18_136[data-slide] ._selected_1oq18_102:hover:not(:disabled) {
  background-color: transparent;
  box-shadow: none;
  color: var(--bim-color-secondary-on);
}._bar_13isu_1 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  padding: 1em 0;
}
@container bim-app (max-width: 1179px) {
  ._bar_13isu_1 {
    flex-wrap: wrap;
    gap: 0.75em;
  }
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._title_13isu_14 {
  flex: 0 0 auto;
  min-width: 20em;
  margin: 0;
  font-size: inherit;
}
@container bim-app (max-width: 1179px) {
  :is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._title_13isu_14 {
    min-width: 0;
    flex: 1 1 auto;
    order: 1;
  }
}

._titleText_13isu_28 {
  font-size: var(--bim-heading-size);
  font-family: var(--bim-heading-font);
  font-weight: var(--bim-heading-weight);
  color: var(--bim-heading-color);
}

._sliders_13isu_35 {
  margin-left: auto;
  flex: 0 0 auto;
  display: flex;
  gap: 3em;
}
@container bim-app (max-width: 1179px) {
  ._sliders_13isu_35 {
    order: 3;
    flex: 1 1 100%;
    margin-left: 0;
    gap: 1.5em;
  }
  @container bim-app (min-width: calc(767px + 1px)) and (max-width: 1179px) {
    ._sliders_13isu_35 {
      padding-left: 3em;
      padding-right: 3em;
    }
  }
  @container bim-app (min-width: calc(1179px + 1px)) {
    ._sliders_13isu_35 {
      padding-left: 6em;
      padding-right: 6em;
    }
  }
  @container bim-app (min-width: calc(1440px + 1px)) {
    ._sliders_13isu_35 {
      padding-left: 9.5em;
      padding-right: 9.5em;
    }
  }
}

._sliderSlot_13isu_68 {
  display: flex;
  flex-direction: column;
  gap: 0.25em;
  flex: 0 0 auto;
}
._sliderSlot_13isu_68[data-filterid=price] {
  width: 19em;
}
._sliderSlot_13isu_68[data-filterid=rooms], ._sliderSlot_13isu_68[data-filterid=area] {
  width: 17em;
}
@container bim-app (max-width: 1179px) {
  ._sliderSlot_13isu_68 {
    flex: 1 1 0;
    width: auto;
  }
}

._sliderLabelRow_13isu_87 {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 0.5em;
}

._sliderName_13isu_94 {
  font-size: 1em;
  font-family: var(--bim-font-primary);
  color: var(--bim-color-text-label);
  white-space: nowrap;
}

._sliderLabelActive_13isu_101 {
  color: var(--bim-color-secondary);
  font-weight: 700;
}

._sliderValues_13isu_106 {
  font-size: 1em;
  font-family: var(--bim-font-primary);
  color: var(--bim-color-text-label);
  white-space: nowrap;
}

._sliderValuesActive_13isu_113 {
  color: var(--bim-color-secondary);
  font-weight: 700;
}

._sliderDisabledText_13isu_118 {
  font-size: 1em;
  font-family: var(--bim-font-primary);
  color: var(--bim-color-text-muted);
  font-style: italic;
}

._ctaWrap_13isu_125 {
  position: relative;
  display: inline-flex;
  flex: 0 0 auto;
  margin-left: 3em;
}
@container bim-app (min-width: calc(1440px + 1px)) {
  ._ctaWrap_13isu_125 {
    margin-left: 6.5em;
  }
}
@container bim-app (max-width: 1179px) {
  ._ctaWrap_13isu_125 {
    order: 2;
    margin-left: auto;
  }
}

._ctaBadge_13isu_143 {
  position: absolute;
  top: -0.4em;
  right: -0.4em;
  pointer-events: none;
}

._promotedGrid_13isu_150 {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 1em;
  padding: 0 0 0.75em;
}
@container bim-app (min-width: calc(767px + 1px)) and (max-width: 1179px) {
  ._promotedGrid_13isu_150 {
    padding-left: 3em;
    padding-right: 3em;
  }
}
@container bim-app (min-width: calc(1179px + 1px)) {
  ._promotedGrid_13isu_150 {
    padding-left: 6em;
    padding-right: 6em;
  }
}
@container bim-app (min-width: calc(1440px + 1px)) {
  ._promotedGrid_13isu_150 {
    padding-left: 9.5em;
    padding-right: 9.5em;
  }
}
._promotedGrid_13isu_150 > * {
  flex: 0 1 auto;
  min-width: 18em;
  max-width: 22em;
  width: 100%;
}._wrapper_1skzc_1 {
  position: relative;
  padding: 0 2.5em 1.25em;
  background: var(--bim-color-white, #fff);
  box-shadow: 0 6px 16px -4px rgba(0, 0, 0, 0.1);
}
@container bim-app (max-width: 767px) {
  ._wrapper_1skzc_1 {
    padding: 0 1em 1.25em;
  }
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._expandBtn_1skzc_13 {
  position: absolute;
  bottom: -1.5em;
  left: 50%;
  transform: translateX(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3em;
  height: 1.5em;
  background: var(--bim-color-surface-lightest);
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  z-index: 1;
  transition: box-shadow 0.2s ease;
  padding: 0;
  border-radius: 0 0 var(--bim-shape-tooltip) var(--bim-shape-tooltip);
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._expandBtn_1skzc_13:hover {
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.22);
  color: var(--bim-color-secondary);
}

._expandChevron_1skzc_36 {
  width: 1em;
  height: 1em;
  transition: transform 0.2s ease;
  display: block;
}

._expandChevronOpen_1skzc_43 {
  transform: rotate(180deg);
}._backdrop_vdmie_1 {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: var(--bim-z-bottom-sheet-backdrop, 100);
  transition: opacity 0.22s ease;
  opacity: 1;
  pointer-events: auto;
}

._backdrop_vdmie_1[data-state=opening] {
  opacity: 1;
}

._backdrop_vdmie_1[data-state=open] {
  opacity: 1;
}

._backdrop_vdmie_1[data-state=closing] {
  opacity: 0;
}

._sheet_vdmie_23 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: var(--bim-z-bottom-sheet, 101);
  padding-bottom: var(--bim-bottom-sheet-inset, var(--bim-mobile-nav-inset-bottom, 0px));
  overscroll-behavior: contain;
  touch-action: none;
  pointer-events: auto;
  max-height: calc(100svh - var(--bim-section-padding) - 1em);
  min-height: 40vh;
  display: flex;
  flex-direction: column;
  background: var(--bim-color-white, #fff);
  box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.15);
  overflow: visible;
  transform: translateY(calc(var(--bim-bottom-sheet-translate-y, 0px) + var(--bim-bottom-sheet-base-translate-y, 0px)));
  opacity: 1;
  transition: transform 0.22s ease, opacity 0.22s ease;
  will-change: transform;
}

._sheetNonBlocking_vdmie_46 {
  min-height: auto;
  max-height: 55vh;
  max-height: 55dvh;
  z-index: var(--bim-z-bottom-sheet-non-blocking, var(--bim-z-bottom-sheet, 101));
  box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.12);
}

._sheetSurfaceOffwhite_vdmie_54 {
  background: var(--bim-color-surface-offwhite);
}

._sheet_vdmie_23[data-state=opening] {
  --bim-bottom-sheet-base-translate-y: 100%;
  opacity: 1;
}

._sheet_vdmie_23[data-state=open] {
  --bim-bottom-sheet-base-translate-y: 0px;
  opacity: 1;
}

._sheet_vdmie_23[data-state=closing] {
  --bim-bottom-sheet-base-translate-y: 100%;
  opacity: 0.5;
}

._headerArea_vdmie_73 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75em;
  position: relative;
  padding: 0.875em 1.25em;
  border-bottom: 1px solid var(--bim-color-border, rgba(0, 0, 0, 0.1));
  flex-shrink: 0;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  cursor: grab;
}

._headerArea_vdmie_73:active {
  cursor: grabbing;
}

._headerArea_vdmie_73::before {
  content: "";
  position: absolute;
  top: 0.4em;
  left: 50%;
  width: 2.5em;
  height: 0.28em;
  border-radius: 999px;
  background: color-mix(in srgb, var(--bim-color-text-muted, #888) 45%, transparent);
  transform: translateX(-50%);
  pointer-events: none;
}

._title_vdmie_105 {
  font-size: 1em;
  font-weight: 600;
  color: var(--bim-color-text-headings);
  margin: 0;
  padding-top: 0.35em;
  flex: 1;
  min-width: 0;
}

._actions_vdmie_115 {
  display: flex;
  align-items: center;
  gap: 0.25em;
  flex-shrink: 0;
}

._contentArea_vdmie_122 {
  flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 1em;
  overscroll-behavior: contain;
  touch-action: pan-y;
  scrollbar-color: var(--bim-color-secondary) var(--bim-color-surface-offwhite);
  scrollbar-width: thin;
}
._contentArea_vdmie_122::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
._contentArea_vdmie_122::-webkit-scrollbar-track {
  background: var(--bim-color-surface-offwhite);
}
._contentArea_vdmie_122::-webkit-scrollbar-thumb {
  background: var(--bim-color-secondary);
  border-radius: 3px;
}
._contentArea_vdmie_122::-webkit-scrollbar-thumb:hover {
  background: var(--bim-color-secondary-hover, var(--bim-color-secondary));
}
._contentArea_vdmie_122::-webkit-scrollbar-button {
  display: none;
}
._contentArea_vdmie_122::-webkit-scrollbar-corner {
  background: var(--bim-color-surface-offwhite);
}

._footerArea_vdmie_153 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1em;
  padding: 0.75em 1.25em;
  border-top: 1px solid var(--bim-color-border, rgba(0, 0, 0, 0.1));
}._trigger_v7tia_1 {
  display: block;
  padding: 0.75em 1.25em;
  background: var(--bim-color-surface-lightest);
}

._triggerInner_v7tia_7 {
  position: relative;
  display: flex;
  width: 100%;
}

._triggerIcon_v7tia_13 {
  margin-right: 0.5em;
}

._triggerBadge_v7tia_17 {
  position: absolute;
  top: -0.4em;
  right: -0.4em;
  pointer-events: none;
}

._sliderPane_v7tia_24 {
  display: flex;
  flex-direction: column;
  gap: 1.25em;
  padding: 0 1em;
}

._sliderSlot_v7tia_31 {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}

._sliderLabelRow_v7tia_37 {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 0.5em;
}

._sliderName_v7tia_44 {
  font-size: 1em;
  font-weight: 500;
  color: var(--bim-color-text-labels);
}

._sliderLabelActive_v7tia_50 {
  color: var(--bim-color-secondary);
  font-weight: 600;
}

._sliderValues_v7tia_55 {
  font-size: 0.875em;
  color: var(--bim-color-text-labels);
  white-space: nowrap;
}

._sliderValuesActive_v7tia_61 {
  color: var(--bim-color-secondary);
  font-weight: 600;
}

._sliderDisabledText_v7tia_66 {
  font-size: 0.875em;
  color: var(--bim-color-text-muted);
  font-style: italic;
}

._filtersSection_v7tia_72 {
  display: flex;
  flex-direction: column;
  padding: 0.75em 0.5em 0;
  border-top: 1px solid var(--bim-color-lines-light);
}

._footerCount_v7tia_79 {
  font-size: 0.875em;
  color: var(--bim-color-text-emphasis);
  margin: 0;
}
._footerCount_v7tia_79 strong {
  font-weight: 600;
}

._footerAction_v7tia_88 {
  flex-shrink: 0;
}._wrapper_x6zpl_1 {
  position: relative;
  display: flex;
  align-items: stretch;
  width: 100%;
  height: 2.5em;
  padding: 0.5em 0;
  overflow: visible;
  border: 1px solid var(--bim-color-lines-gray-light);
  border-radius: var(--bim-shape-control-medium);
  background: transparent;
  cursor: pointer;
  user-select: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
._wrapper_x6zpl_1:hover {
  border-color: var(--bim-color-secondary);
}
._wrapper_x6zpl_1:focus {
  outline: none;
}
._wrapper_x6zpl_1._open_x6zpl_22, ._wrapper_x6zpl_1:focus {
  border-color: var(--bim-color-secondary);
  box-shadow: inset 0 0 0 1px var(--bim-color-secondary);
}

._active_x6zpl_27 {
  border-color: var(--bim-color-secondary);
  box-shadow: inset 0 0 0 1px var(--bim-color-secondary);
}

._disabled_x6zpl_32 {
  opacity: 0.45;
  pointer-events: none;
}

._trigger_x6zpl_37 {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em 0 1em;
  font-size: 1em;
  font-family: inherit;
  line-height: 1;
  color: var(--bim-color-text, inherit);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

._placeholder_x6zpl_52 {
  color: var(--bim-color-text-muted);
}

._chevron_x6zpl_56 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 2.5em;
  padding: 0 0.5em;
  flex-shrink: 0;
  border-left: 1px solid var(--bim-color-lines-gray-light);
  color: var(--bim-color-text-muted);
  font-size: 1em;
  transition: color 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}
._chevron_x6zpl_56 svg {
  transition: transform 0.15s ease;
}
._wrapper_x6zpl_1:hover ._chevron_x6zpl_56 {
  border-left-color: var(--bim-color-secondary);
  color: var(--bim-color-secondary);
}
._wrapper_x6zpl_1:focus ._chevron_x6zpl_56, ._open_x6zpl_22 ._chevron_x6zpl_56 {
  border-left-color: var(--bim-color-secondary);
  color: var(--bim-color-text, inherit);
}
._open_x6zpl_22 ._chevron_x6zpl_56 svg {
  transform: rotate(180deg);
}

._dropdown_x6zpl_83 {
  position: absolute;
  top: calc(100% + 2px);
  left: -1px;
  right: -1px;
  z-index: 100;
  margin: 0;
  padding: 0;
  list-style: none;
  max-height: 16em;
  overflow-y: auto;
  background: var(--bim-color-surface-lightest);
  border: 1px solid var(--bim-color-secondary);
  border-radius: var(--bim-shape-control-medium);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  scrollbar-width: thin;
  scrollbar-color: var(--bim-color-secondary) transparent;
}
._dropdown_x6zpl_83::-webkit-scrollbar {
  width: 4px;
}
._dropdown_x6zpl_83::-webkit-scrollbar-track {
  background: transparent;
}
._dropdown_x6zpl_83::-webkit-scrollbar-button {
  display: none;
}
._dropdown_x6zpl_83::-webkit-scrollbar-thumb {
  background: var(--bim-color-secondary);
  border-radius: 2px;
}

._dropUp_x6zpl_115 {
  top: auto;
  bottom: calc(100% + 2px);
  box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.12);
}

._option_x6zpl_121 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5em;
  font-size: 1em;
  font-family: inherit;
  line-height: 1;
  color: var(--bim-color-text, inherit);
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background-color 0.1s ease;
}

._optionHighlighted_x6zpl_137 {
  background-color: var(--bim-color-surface-offwhite);
}

._optionSelected_x6zpl_141 {
  color: var(--bim-color-secondary);
  font-weight: 600;
}

._optionLabel_x6zpl_146 {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

._optionCheck_x6zpl_153 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25em;
  flex-shrink: 0;
  color: var(--bim-color-secondary);
}._wrapper_1twgz_1 {
  width: 100%;
  background-color: var(--bim-color-surface-offwhite);
  padding: 1em 2.5em;
}
@container bim-app (max-width: 767px) {
  ._wrapper_1twgz_1 {
    padding: 1em 1em;
  }
}

._row_1twgz_12 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1em;
}
@container bim-app (min-width: calc(767px + 1px)) and (max-width: 1179px) {
  ._row_1twgz_12 {
    padding-left: 3em;
    padding-right: 3em;
  }
}
@container bim-app (min-width: calc(1179px + 1px)) {
  ._row_1twgz_12 {
    padding-left: 6em;
    padding-right: 6em;
  }
}
@container bim-app (min-width: calc(1440px + 1px)) {
  ._row_1twgz_12 {
    padding-left: 9.5em;
    padding-right: 9.5em;
  }
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._sortControls_1twgz_37 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75em;
}
@container bim-app (max-width: 767px) {
  :is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._sortControls_1twgz_37 {
    flex-wrap: wrap;
  }
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._sortTitle_1twgz_49 {
  font-size: var(--bim-subheading-size);
  font-family: var(--bim-subheading-font);
  font-weight: var(--bim-subheading-weight);
  color: var(--bim-subheading-color);
  min-width: 10em;
  white-space: nowrap;
}

._paramSelect_1twgz_58 {
  min-width: 12em;
}

._dirSelect_1twgz_62 {
  min-width: 12em;
}

._viewControls_1twgz_66 {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: 0.75em;
}
@container bim-app (max-width: 767px) {
  ._viewControls_1twgz_66 {
    flex-wrap: wrap;
  }
}

._viewToggleGroup_1twgz_78 {
  flex-shrink: 0;
}._wrapper_1s1m0_1 {
  width: 100%;
  background-color: var(--bim-color-surface-offwhite);
  padding: 1em 2.5em;
}
@container bim-app (max-width: 767px) {
  ._wrapper_1s1m0_1 {
    padding: 0 1em;
  }
}

._row_1s1m0_12 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1em;
}
@container bim-app (min-width: calc(767px + 1px)) and (max-width: 1179px) {
  ._row_1s1m0_12 {
    padding-left: 3em;
    padding-right: 3em;
  }
}
@container bim-app (min-width: calc(1179px + 1px)) {
  ._row_1s1m0_12 {
    padding-left: 6em;
    padding-right: 6em;
  }
}
@container bim-app (min-width: calc(1440px + 1px)) {
  ._row_1s1m0_12 {
    padding-left: 9.5em;
    padding-right: 9.5em;
  }
}

._count_1s1m0_37 {
  margin: 0;
  font-size: 0.875em;
  color: var(--bim-color-muted, rgba(0, 0, 0, 0.55));
}._root_13po0_1 {
  display: flex;
  flex-direction: column;
  gap: 0.1em;
  min-width: 0;
}

._labelRow_13po0_8 {
  display: flex;
  align-items: center;
  gap: 0.3em;
  min-width: 0;
}

._label_13po0_8 {
  font-size: var(--bim-data-label-size, 0.875em);
  color: var(--bim-color-text-muted, #888);
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._value_13po0_24 {
  font-size: var(--bim-data-value-size, 1.2em);
  color: var(--bim-color-text, #222);
  font-weight: 600;
  line-height: 1.2;
  overflow-wrap: break-word;
}:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._heartButton_eqe6r_1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5em;
  border: none;
  background: transparent;
  cursor: pointer;
  color: var(--bim-color-text-emphasis);
  transition: color 0.15s ease;
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._heartButton_eqe6r_1:hover, :is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._heartButton_eqe6r_1:focus-visible {
  color: var(--bim-color-secondary);
  outline: none;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._inactive_eqe6r_17 {
  color: var(--bim-color-text-emphasis);
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._active_eqe6r_21 {
  color: var(--bim-color-secondary);
}._badge_ikrt4_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.85em;
  border-radius: var(--bim-shape-chip);
  height: var(--bim-data-badge-height);
  font-size: var(--bim-data-value-size, 0.875em);
  font-weight: 500;
  white-space: nowrap;
  line-height: var(--bim-data-badge-height);
}._offerBadge_55o85_1 {
  background: var(--bim-color-accent);
  color: var(--bim-color-accent-on);
}._priceBox_1uhsk_1 {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}

._highlighted_1uhsk_7 {
  margin-top: 0.4em;
  padding: 0.5em 0.7em;
  background: var(--bim-color-surface-offwhite);
  border-radius: var(--bim-radius-xs, 0.25em);
}

._labelRow_1uhsk_14 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

._label_1uhsk_14 {
  font-size: var(--bim-data-label-size, 0.875em);
  color: var(--bim-color-text-muted);
  font-weight: 400;
}

._row_1uhsk_27 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.4em;
  flex-wrap: wrap;
}

._price_1uhsk_1 {
  font-size: var(--bim-data-value-size, 1.2em);
  font-weight: 600;
  color: var(--bim-color-text-data);
  line-height: 1.2;
}

._offerPrice_1uhsk_42 {
  color: var(--bim-color-text-data);
}

._strikethrough_1uhsk_46 {
  font-size: var(--bim-data-label-size, 0.875em);
  color: var(--bim-color-text-muted);
  text-decoration: line-through;
}

._hidden_1uhsk_52 {
  font-size: 0.85em;
  color: var(--bim-color-text-muted);
  font-style: italic;
}._statusAvailable_1u1cz_1 {
  background: #eaf7ef;
  color: var(--bim-color-available, #27ae60);
}

._statusReserved_1u1cz_6 {
  background: #fef3e8;
  color: var(--bim-color-reserved, #e67e22);
}

._statusSold_1u1cz_11 {
  background: #fdecea;
  color: var(--bim-color-sold, #c0392b);
}

._statusHold_1u1cz_16 {
  background: #f5ede3;
  color: var(--bim-color-hold, #8e6b3e);
}._stack_1cluf_1 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  border-top: 1px solid var(--bim-color-border);
  overflow-y: auto;
  overflow-x: hidden;
  max-height: calc(100svh - var(--bim-section-padding) - 4.5em);
  scrollbar-color: var(--bim-color-secondary) var(--bim-color-surface-offwhite);
  scrollbar-width: thin;
}
._stack_1cluf_1::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
._stack_1cluf_1::-webkit-scrollbar-track {
  background: var(--bim-color-surface-offwhite);
}
._stack_1cluf_1::-webkit-scrollbar-thumb {
  background: var(--bim-color-secondary);
  border-radius: 3px;
}
._stack_1cluf_1::-webkit-scrollbar-thumb:hover {
  background: var(--bim-color-secondary-hover, var(--bim-color-secondary));
}
._stack_1cluf_1::-webkit-scrollbar-button {
  display: none;
}
._stack_1cluf_1::-webkit-scrollbar-corner {
  background: var(--bim-color-surface-offwhite);
}
@container bim-app (min-width: calc(767px + 1px)) and (max-width: 1179px) {
  ._stack_1cluf_1 {
    padding-left: 3em;
    padding-right: 3em;
  }
}
@container bim-app (min-width: calc(1179px + 1px)) {
  ._stack_1cluf_1 {
    padding-left: 6em;
    padding-right: 6em;
  }
}
@container bim-app (min-width: calc(1440px + 1px)) {
  ._stack_1cluf_1 {
    padding-left: 9.5em;
    padding-right: 9.5em;
  }
}

._card_1cluf_52 {
  display: flex;
  padding: 0.5em 0.25em;
  flex-wrap: wrap;
  align-items: stretch;
  border-radius: var(--bim-shape-card);
  background: var(--bim-color-surface-lightest);
  cursor: pointer;
  transition: background 0.1s;
}
._card_1cluf_52:hover:not(._cardInaccessible_1cluf_62) {
  background: var(--bim-color-primary-fill-solid);
}
._card_1cluf_52:focus-visible {
  outline: 2px solid var(--bim-color-primary-muted);
  outline-offset: -2px;
}

._cardActive_1cluf_70 {
  outline: 2px solid var(--bim-color-primary);
  outline-offset: -2px;
}

._cardInaccessible_1cluf_62 {
  opacity: 0.4;
  pointer-events: none;
  cursor: default;
}

._cardSold_1cluf_81 {
  opacity: 0.55;
}

._cardReserved_1cluf_85 {
  opacity: 0.85;
}

._cell_1cluf_89 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.1em;
  padding: 0.45em 0.6em;
  flex: 1 0 5em;
  min-width: 0;
}

._cellStatus_1cluf_99 {
  flex-basis: 10em;
  flex-grow: 2;
  align-items: flex-start;
}

._cellPrice_1cluf_105 {
  flex-basis: 10em;
  flex-grow: 2;
}

._cellActions_1cluf_110 {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 0.25em;
  padding: 0.45em 0.6em;
  margin-left: auto;
}

._noData_1cluf_119 {
  padding: 2.5em 1em;
  text-align: center;
  color: var(--bim-color-text-muted);
  font-size: 0.9em;
}

._actionBtn_1cluf_126 {
  all: unset;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.6em;
  height: 1.6em;
  border-radius: 50%;
  color: var(--bim-color-text-muted);
  font-size: 0.9em;
  transition: background 0.1s, color 0.1s;
}
._actionBtn_1cluf_126:hover {
  color: var(--bim-color-text);
  background: var(--bim-color-surface-zebra);
}
._actionBtn_1cluf_126:disabled {
  opacity: 0.35;
  cursor: default;
}._productList_1qg2c_1 {
  position: relative;
}
@container bim-app (min-width: calc(767px + 1px)) and (max-width: 1179px) {
  ._productList_1qg2c_1 {
    padding-left: 3em;
    padding-right: 3em;
  }
}
@container bim-app (min-width: calc(1179px + 1px)) {
  ._productList_1qg2c_1 {
    padding-left: 6em;
    padding-right: 6em;
  }
}
@container bim-app (min-width: calc(1440px + 1px)) {
  ._productList_1qg2c_1 {
    padding-left: 9.5em;
    padding-right: 9.5em;
  }
}

._actionsCell_1qg2c_23 {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 0.25em;
  justify-content: center;
}

._actionBtn_1qg2c_31 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5em;
  height: 1.5em;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  color: var(--bim-color-text-muted);
  line-height: 1;
  transition: color 0.15s ease;
}
._actionBtn_1qg2c_31:hover, ._actionBtn_1qg2c_31:focus-visible {
  color: var(--bim-color-primary-on);
  outline: none;
  background: var(--bim-color-primary);
}
._actionBtn_1qg2c_31:disabled {
  opacity: 0.35;
  pointer-events: none;
}
._actionBtn_1qg2c_31 > span,
._actionBtn_1qg2c_31 > svg {
  width: 1em;
  height: 1em;
}

._priceCell_1qg2c_60 {
  width: 100%;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  gap: 0.1em;
  justify-content: center;
}

._priceCellItem_1qg2c_69 {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 1em;
}

._priceHidden_1qg2c_78 {
  color: var(--bim-color-text-muted);
  font-style: italic;
  font-size: 0.85em;
}

._strikethroughPrice_1qg2c_84 {
  font-size: 0.8em;
  color: var(--bim-color-text-muted);
  font-weight: 400;
}

._offerPrice_1qg2c_90 {
  color: var(--bim-color-accent);
  font-weight: 700;
}._container_1gepb_1 {
  display: grid;
  grid-template-columns: var(--rt-columns, 1fr);
  overflow: auto;
  max-height: var(--rt-scroll-height, none);
  position: relative;
  font-size: 1em;
  color: var(--bim-color-text, inherit);
  background: var(--bim-color-surface-lightest);
  scrollbar-color: var(--bim-color-secondary) var(--bim-color-surface-offwhite);
  scrollbar-width: thin;
}
._container_1gepb_1::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
._container_1gepb_1::-webkit-scrollbar-track {
  background: var(--bim-color-surface-offwhite);
}
._container_1gepb_1::-webkit-scrollbar-thumb {
  background: var(--bim-color-secondary);
  border-radius: 3px;
}
._container_1gepb_1::-webkit-scrollbar-thumb:hover {
  background: var(--bim-color-secondary-hover, var(--bim-color-secondary));
}
._container_1gepb_1::-webkit-scrollbar-button {
  display: none;
}
._container_1gepb_1::-webkit-scrollbar-corner {
  background: var(--bim-color-surface-offwhite);
}

._header_1gepb_34 {
  display: grid;
  grid-column: 1/-1;
  grid-template-columns: subgrid;
  position: sticky;
  top: 0;
  z-index: 3;
  background: var(--bim-color-surface-lightest);
  border-bottom: 1px solid var(--bim-color-lines-gray-lightest);
}

._headerCell_1gepb_45 {
  display: flex;
  align-items: center;
  gap: 0.3em;
  padding: 0.5em 0.75em;
  height: 2em;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--bim-color-table-header);
  white-space: nowrap;
  user-select: none;
  background: inherit;
}

._headerCellSortable_1gepb_61 {
  cursor: pointer;
}
._headerCellSortable_1gepb_61:hover {
  color: var(--bim-color-secondary);
}
._headerCellSortable_1gepb_61:hover ._sortIcon_1gepb_67 {
  color: var(--bim-color-secondary);
}

._headerCellSorted_1gepb_71 {
  color: var(--bim-color-secondary);
}

._headerCellLabel_1gepb_75 {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.8em;
}

._headerStickyCell_1gepb_83 {
  z-index: 4;
}

._sortIcon_1gepb_67 {
  flex-shrink: 0;
  width: 0.8em;
  height: 0.8em;
  color: var(--bim-color-text-muted);
  transition: transform 0.15s ease, color 0.15s ease;
}

._sortIconActive_1gepb_95 {
  color: var(--bim-color-secondary);
}

._sortIconDesc_1gepb_99 {
  transform: rotate(180deg);
}

._row_1gepb_103 {
  display: grid;
  grid-column: 1/-1;
  grid-template-columns: subgrid;
  background: var(--bim-color-surface-lightest);
  transition: background 0.12s ease;
}
._row_1gepb_103:nth-child(even) {
  background: var(--bim-color-surface-offwhite);
}
._row_1gepb_103:hover {
  background: var(--bim-color-primary-fill-solid);
}

._rowClickable_1gepb_117 {
  cursor: pointer;
}

._rowReserved_1gepb_121 {
  opacity: 0.85;
}

._rowSold_1gepb_125 {
  opacity: 0.55;
}

._rowInaccessible_1gepb_129 {
  opacity: 0.4;
  pointer-events: none;
}

._rowActive_1gepb_134 {
  position: relative;
  z-index: 2;
  outline: 2px solid var(--bim-color-primary);
  outline-offset: -2px;
}
._rowActive_1gepb_134 ._stickyCell_1gepb_140 {
  box-shadow: inset 0 -2px 0 0 var(--bim-color-primary), inset 0px 2px 0 0 var(--bim-color-primary);
}
._rowActive_1gepb_134 ._stickyFirst_1gepb_143 {
  box-shadow: inset 0 -2px 0 0 var(--bim-color-primary), inset 2px 0 0 0 var(--bim-color-primary), inset 0px 2px 0 0 var(--bim-color-primary);
}

._cell_1gepb_147 {
  display: flex;
  align-items: center;
  padding: 0.5em 0.75em;
  min-width: 0;
  min-height: 3em;
  background: inherit;
  line-height: 1.3;
}

._stickyCell_1gepb_140 {
  position: sticky;
  z-index: 1;
  background: inherit;
}

._stickyLast_1gepb_163::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100%;
  width: 12px;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.03) 40%, transparent 100%);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.22s ease;
}

._scrolledX_1gepb_176 ._stickyLast_1gepb_163::after {
  opacity: 1;
}

._cellAlignRight_1gepb_180 {
  justify-content: flex-end;
  text-align: right;
}

._cellAlignCenter_1gepb_185 {
  justify-content: center;
  text-align: center;
}

._noData_1gepb_190 {
  grid-column: 1/-1;
  padding: 2em 0.75em;
  text-align: center;
  color: var(--bim-color-text-muted);
  font-size: 0.9em;
}._root_1scad_1 {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
  min-width: 0;
}

._gridFixed_1scad_9 {
  display: grid;
  grid-template-columns: repeat(var(--dg-columns, 2), minmax(0, 1fr));
  grid-auto-flow: row dense;
  gap: 0.75em 0.5em;
  width: 100%;
  min-width: 0;
}

._gridAuto_1scad_18 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--dg-item-min, 5em), 1fr));
  grid-auto-flow: row dense;
  gap: 0.75em 0.5em;
  width: 100%;
  min-width: 0;
}

._cell_1scad_27 {
  min-width: 0;
}

._span1_1scad_31 {
  grid-column: span 1;
}

._span2_1scad_35 {
  grid-column: span 2;
}

._span3_1scad_39 {
  grid-column: span 3;
}

._spanFull_1scad_43 {
  grid-column: 1/-1;
}

._footer_1scad_47 {
  width: 100%;
}
._tile_1884y_2 {
  position: relative;
  display: flex;
  flex-direction: column;
  background: var(--bim-color-surface-lightest);
  border-radius: var(--bim-shape-popover);
  color: var(--bim-color-text);
  overflow: hidden;
  padding: var(--bim-shape-popover-inset);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

._header_1884y_14 {
  display: flex;
  align-items: center;
  gap: 0.4em;
  flex-shrink: 0;
  border-bottom: 1px solid var(--bim-color-lines-gray-lightest);
}

._content_1884y_22 {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
}

._action_1884y_29 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 0.5em;
}

._clickable_1884y_36 {
  cursor: pointer;
  transition: box-shadow 0.18s ease, transform 0.18s ease;
}
._clickable_1884y_36:hover {
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.06);
  transform: translateY(-1px);
}
._clickable_1884y_36:active {
  transform: translateY(0);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
._clickable_1884y_36:focus-visible {
  outline: 2px solid var(--bim-color-primary);
  outline-offset: 2px;
}

._variantGrid_1884y_53 {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
._variantGrid_1884y_53._clickable_1884y_36:hover {
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.14), 0 2px 6px rgba(0, 0, 0, 0.08);
  transform: translateY(-2px);
}

._variantCompact_1884y_61 ._content_1884y_22 {
  display: grid;
  grid-template-columns: 4fr 3fr;
  column-gap: 0.5em;
}

/*
// tooltip — narrow, no bottom action area padding
.variant_tooltip {
  box-shadow: $shadow-md;
  font-size:  0.875em;
  min-width:  11em;
  max-width:  18em;

  .header  { padding: 0.5em 0.7em; }
  .content { padding: 0.55em 0.7em; }
  .action  { padding: 0.35em 0.7em 0.55em; }
}

// favorites-mini — smallest footprint
.variant_favorites_mini {
  box-shadow: none;
  border-radius: calc(var(--bim-shape-popover) * 0.5);
  font-size: 0.8em;

  .header  { padding: 0.3em 0.5em; border-bottom: none; }
  .content { padding: 0.3em 0.5em; gap: 0.15em; }
  .action  { display: none; }
}
*/._root_1fnti_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
  width: 100%;
  height: 100%;
  padding: 0.75em;
  box-sizing: border-box;
  background: var(--bim-color-surface-zebra);
  color: var(--bim-color-text-muted);
  text-align: center;
}

._logo_1fnti_16 {
  display: block;
  max-width: 80%;
  max-height: 4em;
  object-fit: contain;
  opacity: 0.55;
  flex-shrink: 0;
}

._message_1fnti_25 {
  margin: 0;
  font-size: 0.7em;
  line-height: 1.3;
  color: var(--bim-color-text-muted);
  max-width: 80%;
}@keyframes _shimmer_1h57d_1 {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
._skeleton_1h57d_9 {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 1em;
  background: linear-gradient(90deg, var(--bim-color-surface-zebra, #f0eded) 25%, var(--bim-color-border, #e2ddd8) 50%, var(--bim-color-surface-zebra, #f0eded) 75%);
  background-size: 200% 100%;
  animation: _shimmer_1h57d_1 1.4s ease-in-out infinite;
  border-radius: inherit;
}._root_5po9a_1 {
  position: relative;
  width: 100%;
  aspect-ratio: 1;
  overflow: hidden;
  border-bottom: 1px solid var(--bim-color-border);
  background: var(--bim-color-surface);
  flex-shrink: 0;
}

._planSvg_5po9a_11 {
  width: 100%;
  height: 100%;
}
._planSvg_5po9a_11 svg {
  display: block;
  width: 100%;
  height: 100%;
}

._planImage_5po9a_21 {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

._skeletonFill_5po9a_28 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

._planHidden_5po9a_35 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: var(--bim-color-text-muted);
  background: var(--bim-color-surface-zebra);
}

._planHiddenIcon_5po9a_45 {
  font-size: 1.75em;
  opacity: 0.5;
}

._errorFill_5po9a_50 {
  position: absolute;
  inset: 0;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._tierToggle_5po9a_55 {
  position: absolute;
  bottom: 0.4em;
  right: 0.4em;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._toggleGroup_5po9a_61 {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  background: var(--bim-color-surface-lightest);
}._viewport_127u3_1 {
  position: relative;
}
@container bim-app (min-width: calc(767px + 1px)) and (max-width: 1179px) {
  ._viewport_127u3_1 {
    padding-left: 3em;
    padding-right: 3em;
  }
}
@container bim-app (min-width: calc(1179px + 1px)) {
  ._viewport_127u3_1 {
    padding-left: 6em;
    padding-right: 6em;
  }
}
@container bim-app (min-width: calc(1440px + 1px)) {
  ._viewport_127u3_1 {
    padding-left: 9.5em;
    padding-right: 9.5em;
  }
}

._grid_127u3_23 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 16em), 1fr));
  gap: 2em 1em;
  padding: 0.25em 0 1em;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: calc(100svh - var(--bim-section-padding) - 4.5em);
  scrollbar-color: var(--bim-color-secondary) var(--bim-color-surface-offwhite);
  scrollbar-width: thin;
}
._grid_127u3_23::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
._grid_127u3_23::-webkit-scrollbar-track {
  background: var(--bim-color-surface-offwhite);
}
._grid_127u3_23::-webkit-scrollbar-thumb {
  background: var(--bim-color-secondary);
  border-radius: 3px;
}
._grid_127u3_23::-webkit-scrollbar-thumb:hover {
  background: var(--bim-color-secondary-hover, var(--bim-color-secondary));
}
._grid_127u3_23::-webkit-scrollbar-button {
  display: none;
}
._grid_127u3_23::-webkit-scrollbar-corner {
  background: var(--bim-color-surface-offwhite);
}
@container bim-app (max-width: 767px) {
  ._grid_127u3_23 {
    row-gap: 1em;
  }
}

._noData_127u3_60 {
  padding: 2.5em 1em;
  text-align: center;
  color: var(--bim-color-text-muted, #888);
  font-size: 0.9em;
}

._tileActive_127u3_67 {
  outline: 3px solid var(--bim-color-primary, #6d5a45);
  outline-offset: -3px;
}

._tileInaccessible_127u3_72 {
  opacity: 0.4;
  pointer-events: none;
}

._tileSold_127u3_77 {
  opacity: 0.55;
}

._tileReserved_127u3_81 {
  opacity: 0.85;
}

._headerLeft_127u3_85 {
  flex: 1;
}

._productData_127u3_89 {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-bottom: var(--bim-shape-popover-inset);
}

._statusRow_127u3_96 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.4em;
  padding: 0.5em 0.75em;
}

._planThumb_127u3_104 {
  padding: 0.5em 0.75em;
  padding-bottom: 0;
}

._statusRowActions_127u3_109 {
  display: flex;
  gap: 0.25em;
}

._dataGrid_127u3_114 {
  padding: 0.5em 0.75em;
}

._dataGridRoot_127u3_118 {
  flex: 1;
  justify-content: space-between;
}

._actionBtn_127u3_123 {
  all: unset;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5em;
  height: 1.5em;
  color: var(--bim-color-text-muted, #888);
  transition: color 0.15s;
}
._actionBtn_127u3_123:hover:not(:disabled) {
  color: var(--bim-color-primary, #6d5a45);
}
._actionBtn_127u3_123:disabled {
  opacity: 0.4;
  cursor: default;
}._listWrapper_aq7tc_1 {
  padding: 0 2.5em 1em;
  background-color: var(--bim-color-surface-offwhite);
}
@container bim-app (max-width: 767px) {
  ._listWrapper_aq7tc_1 {
    padding: 0 1em 1em;
  }
}._compareBlock_6ovzl_1 {
  margin-top: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@container bim-app (min-width: calc(767px + 1px)) and (max-width: 1179px) {
  ._compareBlock_6ovzl_1 {
    padding-left: 3em;
    padding-right: 3em;
  }
}
@container bim-app (min-width: calc(1179px + 1px)) {
  ._compareBlock_6ovzl_1 {
    padding-left: 6em;
    padding-right: 6em;
  }
}
@container bim-app (min-width: calc(1440px + 1px)) {
  ._compareBlock_6ovzl_1 {
    padding-left: 9.5em;
    padding-right: 9.5em;
  }
}
@container bim-app (max-width: 767px) {
  ._compareBlock_6ovzl_1 {
    margin-top: 0.5em;
  }
}

._topBar_6ovzl_31 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

._compareHeading_6ovzl_37 {
  font-size: 1.5em;
  font-family: var(--bim-font-headings);
  font-weight: 400;
  color: var(--bim-color-text-headings);
  min-width: 10em;
  white-space: nowrap;
}

._compareColumnsSegment_6ovzl_46 {
  display: grid;
  grid-template-columns: repeat(var(--maxColumns), 1fr);
  gap: 1em;
  padding-right: 1em;
  max-height: calc(100svh - var(--bim-section-padding) - 4em);
  overflow-y: auto;
  scrollbar-color: var(--bim-color-secondary) var(--bim-color-surface-offwhite);
  scrollbar-width: thin;
}
._compareColumnsSegment_6ovzl_46::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
._compareColumnsSegment_6ovzl_46::-webkit-scrollbar-track {
  background: var(--bim-color-surface-offwhite);
}
._compareColumnsSegment_6ovzl_46::-webkit-scrollbar-thumb {
  background: var(--bim-color-secondary);
  border-radius: 3px;
}
._compareColumnsSegment_6ovzl_46::-webkit-scrollbar-thumb:hover {
  background: var(--bim-color-secondary-hover, var(--bim-color-secondary));
}
._compareColumnsSegment_6ovzl_46::-webkit-scrollbar-button {
  display: none;
}
._compareColumnsSegment_6ovzl_46::-webkit-scrollbar-corner {
  background: var(--bim-color-surface-offwhite);
}

._compareColumn_6ovzl_46 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.75em;
}

._columnHeader_6ovzl_84 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5em;
  padding-bottom: 0.75em;
  border-bottom: 1px solid var(--bim-color-lines-light);
}

._productId_6ovzl_93 {
  flex: 1;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--bim-color-text-headings);
}

._columnRows_6ovzl_101 {
  display: flex;
  flex-direction: column;
  gap: 0.25em;
}

._compareElement_6ovzl_107 {
  padding: 0.5em;
  border-bottom: 1px solid var(--bim-color-lines-offwhite);
  display: flex;
  align-items: stretch;
}

._compareThumbCell_6ovzl_114 {
  padding: 1em;
}

._compareStatusCell_6ovzl_118 {
  display: flex;
  flex-direction: row;
  gap: 0.5em;
  padding-left: 1em;
  flex-wrap: wrap;
}

._compareDataCell_6ovzl_126 {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  padding-left: 1em;
}

._cellLabel_6ovzl_133 {
  font-size: 0.75rem;
  letter-spacing: 0.5px;
  color: var(--bim-color-text-labels);
}

._cellValue_6ovzl_139 {
  font-size: 1.2em;
  font-weight: 600;
  color: var(--bim-color-text-data);
  word-break: break-word;
}

._priceValues_6ovzl_146 {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}

._strikethrough_6ovzl_153 {
  font-size: 0.875em;
  color: var(--bim-color-text-muted);
  text-decoration: line-through;
  margin-right: 1em;
}

/* Placeholder card */
._placeholderCard_6ovzl_161 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2em;
  height: min(200px, 50svh);
  padding: 1em;
  background-color: var(--bim-color-surface-offwhite);
  border-radius: var(--bim-shape-card);
  text-align: center;
  position: sticky;
}

._placeholderIcon_6ovzl_175 {
  width: 3em;
  height: 3em;
  color: var(--bim-color-text-muted);
  opacity: 0.5;
}

._placeholderText_6ovzl_182 {
  font-size: 0.875rem;
  color: var(--bim-color-text-muted);
  line-height: 1.4;
}._listBlock_1xeml_1 {
  --favorites-tile-width: 14em;
  --favorites-tile-gap: 1em;
  --pinned-tiles-count: 3;
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
  gap: 1em;
}
@container bim-app (min-width: calc(767px + 1px)) and (max-width: 1179px) {
  ._listBlock_1xeml_1 {
    padding-left: 3em;
    padding-right: 3em;
  }
}
@container bim-app (min-width: calc(1179px + 1px)) {
  ._listBlock_1xeml_1 {
    padding-left: 6em;
    padding-right: 6em;
  }
}
@container bim-app (min-width: calc(1440px + 1px)) {
  ._listBlock_1xeml_1 {
    padding-left: 9.5em;
    padding-right: 9.5em;
  }
}

._pinnedTilesSegment_1xeml_30 {
  position: relative;
  display: flex;
  flex: 0 0 auto;
  width: calc(var(--favorites-tile-width) * var(--pinned-tiles-count) + (var(--pinned-tiles-count) - 1) * var(--favorites-tile-gap));
  align-self: stretch;
  align-items: stretch;
  gap: var(--favorites-tile-gap);
  z-index: 3;
  background: var(--bim-color-surface-lightest);
  padding-top: 0.25em;
  padding-bottom: calc(0.9em + 6px);
}

._scrollTilesSegment_1xeml_44 {
  min-width: 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: var(--favorites-tile-gap);
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  padding: 0.25em 0 0.9em;
  scrollbar-width: thin;
  cursor: grab;
  isolation: isolate;
  scrollbar-color: var(--bim-color-secondary) var(--bim-color-surface-offwhite);
  scrollbar-width: thin;
}
._scrollTilesSegment_1xeml_44::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
._scrollTilesSegment_1xeml_44::-webkit-scrollbar-track {
  background: var(--bim-color-surface-offwhite);
}
._scrollTilesSegment_1xeml_44::-webkit-scrollbar-thumb {
  background: var(--bim-color-secondary);
  border-radius: 3px;
}
._scrollTilesSegment_1xeml_44::-webkit-scrollbar-thumb:hover {
  background: var(--bim-color-secondary-hover, var(--bim-color-secondary));
}
._scrollTilesSegment_1xeml_44::-webkit-scrollbar-button {
  display: none;
}
._scrollTilesSegment_1xeml_44::-webkit-scrollbar-corner {
  background: var(--bim-color-surface-offwhite);
}

._tilesFrame_1xeml_81 {
  display: flex;
  width: 100%;
  min-width: 0;
  align-items: stretch;
}

._scrollTilesSegmentGapped_1xeml_88 {
  padding-left: var(--favorites-tile-gap);
}

._scrollTilesSegment_1xeml_44:active {
  cursor: grabbing;
}

._tileHolder_1xeml_96 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: min(var(--favorites-tile-width), 100%);
  min-width: min(var(--favorites-tile-width), 100%);
  align-self: stretch;
}

._pinButtonBox_1xeml_105 {
  display: flex;
  justify-content: center;
  padding-top: 0.5em;
}

._pinButton_1xeml_105 {
  transition: color 0.2s ease;
}

._pinIcon_1xeml_115 {
  transform: rotate(45deg);
  transition: transform 0.25s ease;
  transform-origin: center;
  will-change: transform;
}

._pinIconPinned_1xeml_122 {
  transform: rotate(0deg);
}

._tileCard_1xeml_126 {
  width: 100%;
  flex: 1 1 auto;
  min-height: 0;
}

._tileScrollable_1xeml_132 {
  position: relative;
  z-index: 1;
}

._tilePinned_1xeml_137 {
  position: relative;
  z-index: 3;
  animation: _pinnedEntrance_1xeml_1 0.3s ease-out;
}
._tilePinned_1xeml_137 ._tileCard_1xeml_126 {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.16), 0 2px 6px rgba(0, 0, 0, 0.08);
}

@keyframes _pinnedEntrance_1xeml_1 {
  from {
    opacity: 0.5;
    transform: translateX(-0.75em) scale(0.95);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
._tileHeader_1xeml_156 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
  padding: var(--bim-shape-popover-inset);
}

._heartIconBox_1xeml_165 {
  position: relative;
  display: block;
  width: 1.25em;
  height: 1.25em;
}

._heartIconDefault_1xeml_172,
._heartIconRemove_1xeml_173 {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.15s ease, opacity 0.15s ease;
}

._heartIconRemove_1xeml_173 {
  transform: scale(0);
  opacity: 0;
  font-size: 1.1em;
  font-weight: 700;
  line-height: 1;
}

._heartRemoveButton_1xeml_190:hover ._heartIconDefault_1xeml_172, ._heartRemoveButton_1xeml_190:focus-visible ._heartIconDefault_1xeml_172 {
  transform: scale(0);
  opacity: 0;
}
._heartRemoveButton_1xeml_190:hover ._heartIconRemove_1xeml_173, ._heartRemoveButton_1xeml_190:focus-visible ._heartIconRemove_1xeml_173 {
  transform: scale(1);
  opacity: 1;
}

._planThumb_1xeml_199 {
  padding: 0.5em 0.75em 0;
}

._statusRow_1xeml_203 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.4em;
  padding: 0.5em 0.75em;
}

._dataGrid_1xeml_211 {
  padding: 0.5em 0.75em;
}

._dataGridRoot_1xeml_215 {
  flex: 1;
  justify-content: space-between;
  padding-bottom: var(--bim-shape-popover-inset);
}

._tileActionButton_1xeml_221 {
  width: 100%;
}

._chevronButton_1xeml_225 {
  flex-shrink: 0;
  align-self: center;
  background: color-mix(in srgb, var(--bim-color-surface-lightest) 88%, transparent);
  backdrop-filter: blur(4px);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
  pointer-events: auto;
}

._chevronHidden_1xeml_234 {
  visibility: hidden;
  pointer-events: none;
}

._chevronRightIcon_1xeml_239 {
  transform: rotate(180deg);
}

._chevronButton_1xeml_225:disabled {
  opacity: 0.35;
}

@container bim-app (max-width: 767px) {
  ._listBlock_1xeml_1 {
    --favorites-tile-width: 14em;
    --favorites-tile-gap: 0.5em;
  }
}._root_1h542_1 {
  display: grid;
  gap: 1rem;
  padding: 1.25rem;
  border: 1px dashed var(--bim-color-lines-gray-lightest);
  border-radius: var(--bim-shape-popover);
  background: var(--bim-color-surface-lightest);
  color: var(--bim-color-text);
  text-align: left;
}

._title_1h542_12 {
  margin: 0;
  font-size: 1.125rem;
  line-height: 1.2;
}

._description_1h542_18 {
  margin: 0;
  color: var(--bim-color-text-muted);
}

._actions_1h542_23 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

@container bim-app (max-width: 767px) {
  ._root_1h542_1 {
    padding: 1rem;
  }
}._topBar_14b7r_1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1em;
  width: 100%;
}

._headerBox_14b7r_9 {
  display: flex;
  align-items: center;
  gap: 0.75em;
  min-width: 0;
  flex: 1;
}

._headerGroup_14b7r_17 {
  display: flex;
  align-items: center;
  justify-self: flex-start;
  gap: 0.75em;
  min-width: 0;
}

._heading_14b7r_25 {
  margin: 0;
  font-size: var(--bim-heading-size);
  font-family: var(--bim-heading-font);
  font-weight: var(--bim-heading-weight);
  color: var(--bim-heading-color);
}

._count_14b7r_33 {
  font-size: 1.2em;
  color: var(--bim-color-text);
  font-weight: 400;
}

._meta_14b7r_39 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  flex: 1;
}

._badge_14b7r_47 {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  padding: 0.25rem 0.75rem;
  border-radius: 999px;
  background: var(--bim-color-surface-light);
  color: var(--bim-color-text-muted);
  font-size: 0.875rem;
}

._toolsGroup_14b7r_58 {
  display: flex;
  align-items: center;
  gap: 1em;
}

._actionCell_14b7r_64 {
  margin-left: 2em;
}

@container bim-app (max-width: 767px) {
  ._topBar_14b7r_1 {
    flex-direction: column;
    align-items: flex-start;
  }
  ._headerBox_14b7r_9 {
    width: 100%;
  }
  ._toolsGroup_14b7r_58 {
    width: 100%;
    justify-content: space-between;
  }
}:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._favoritesView_ehnfl_1 {
  width: 100%;
  padding: var(--bim-section-padding, 4em) 2.5em 1em;
  background-color: var(--bim-color-surface-lightest);
}
@container bim-app (max-width: 767px) {
  :is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._favoritesView_ehnfl_1 {
    padding: var(--bim-section-padding, 4em) 1em 1em;
    min-height: 100svh;
  }
  @media (orientation: landscape) {
    :is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._favoritesView_ehnfl_1 {
      padding-right: 5em;
    }
  }
}

._canvas_ehnfl_18 {
  display: flex;
  flex-direction: column;
  gap: 1em;
}:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._root_1tkld_1 {
  display: inline-flex;
  align-items: center;
  pointer-events: auto;
  padding: 1em 1.5em;
  background: var(--bim-color-surface-lightest);
  color: var(--bim-color-text-emphasis);
  border: none;
  border-radius: var(--bim-shape-control-xlarge);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
  cursor: pointer;
  font-weight: 600;
  line-height: 2em;
  white-space: nowrap;
  transition: background 0.15s ease, box-shadow 0.15s ease;
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._root_1tkld_1:hover {
  background: var(--bim-color-primary);
  color: var(--bim-color-primary-on);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.28);
}
@container bim-app (max-width: 767px) {
  :is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._root_1tkld_1 {
    padding: 0.75em 1.25em;
    height: 3em;
  }
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._root_1tkld_1 svg {
  width: 2.125em;
  height: 2.125em;
}
@container bim-app (max-width: 767px) {
  :is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._root_1tkld_1 svg {
    width: 1.8125em;
    height: 1.8125em;
  }
}._directionTicker_b6i5v_1 {
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  color: var(--bim-color-text-emphasis);
}
@container bim-app (max-width: 767px) {
  ._directionTicker_b6i5v_1 {
    top: 0;
    transform: translate(-50%, 0.75em);
  }
}

._scaleWrap_b6i5v_18 {
  position: relative;
  width: min(56vw, 18em);
  height: 4em;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.2509803922);
  mask-image: linear-gradient(to right, transparent, #000 20%, #000 80%, transparent);
  backdrop-filter: blur(2px);
}
@container bim-app (max-width: 767px) {
  ._scaleWrap_b6i5v_18 {
    width: min(68vw, 16em);
    height: 3em;
  }
}

._scale_b6i5v_18 {
  position: absolute;
  top: calc(50% - 0.5em);
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  height: 0.65em;
  background-image: repeating-linear-gradient(to right, currentColor 0, currentColor 1px, transparent 1px, transparent 16px);
  background-repeat: repeat-x;
  background-position-x: 0;
  opacity: 0.8;
}

._track_b6i5v_47 {
  position: absolute;
  left: 50%;
  top: calc(50% + 0.5em);
  display: flex;
  align-items: center;
  white-space: nowrap;
  will-change: transform;
}

._trackItem_b6i5v_57 {
  width: 64px;
  flex: 0 0 64px;
  text-align: center;
  font-size: 0.875em;
  font-weight: 600;
  letter-spacing: 0.01em;
  text-shadow: 0 1px 4px rgb(255, 255, 255);
}

._needle_b6i5v_67 {
  position: absolute;
  top: 1em;
  bottom: 2em;
  left: 50%;
  width: 0.4em;
  transform: translateX(-50%);
  background: currentColor;
  border-radius: var(--bim-shape-needle);
}
@container bim-app (max-width: 767px) {
  ._needle_b6i5v_67 {
    top: 0.5em;
    bottom: 1.5em;
  }
}._legendHolder_kbekl_1 {
  position: absolute;
  right: 0;
  bottom: calc(100% + 0.75em);
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  width: 2.5em;
  min-height: 2.5em;
  pointer-events: none;
  z-index: 2;
}

._panel_kbekl_14 {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 14em;
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  padding: calc(0.25em + var(--bim-shape-popover-inset)) calc(0.25em + var(--bim-shape-popover-inset)) calc(3em + var(--bim-shape-popover-inset));
  border-radius: var(--bim-shape-popover);
  background: var(--bim-color-surface-lightest);
  box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.2);
  pointer-events: none;
  transform-origin: bottom right;
  opacity: 0;
  transform: translate3d(0, 0.35em, 0) scale(0.92);
  transition: transform 180ms cubic-bezier(0.22, 1, 0.36, 1), opacity 140ms ease;
}

._panelOpen_kbekl_33 {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  pointer-events: auto;
}

._panelHeader_kbekl_39 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: calc(0.25em + var(--bim-shape-popover-inset));
}

._legendTitle_kbekl_46 {
  font-size: 0.75em;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--bim-color-text-labels);
}

._modeSelect_kbekl_54 {
  width: 100%;
}

._itemsGrid_kbekl_58 {
  display: grid;
  grid-template-columns: repeat(var(--legend-columns), minmax(0, 1fr));
  column-gap: 0;
  row-gap: 0.5em;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._item_kbekl_58 {
  pointer-events: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25em;
  min-width: 0;
  width: 100%;
  padding: 0 0.15em;
  border: none;
  background: transparent;
  color: var(--bim-color-text-emphasis);
  cursor: pointer;
  transition: color 0.15s ease, opacity 0.15s ease;
  user-select: none;
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._item_kbekl_58:hover {
  color: var(--bim-color-secondary);
  font-weight: 600;
}

._itemOff_kbekl_86 {
  opacity: 0.45;
}

._swatch_kbekl_90 {
  display: block;
  width: 100%;
  height: 1.5em;
  flex-shrink: 0;
  border: 1px solid transparent;
  border-radius: var(--bim-shape-legend-swatch, 0);
  transition: border-color 0.12s ease, opacity 0.12s ease;
}

._itemLabel_kbekl_100 {
  width: 100%;
  min-height: 2.2em;
  font-size: 0.66em;
  line-height: 1.15;
  color: var(--bim-color-text-muted);
  text-align: center;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
}

._itemActive_kbekl_113 ._itemLabel_kbekl_100 {
  color: var(--bim-color-secondary);
  font-weight: 700;
}

._itemHighlight_kbekl_118 ._swatch_kbekl_90 {
  border-color: var(--bim-color-text, #000);
}

._panelFooter_kbekl_122 {
  position: absolute;
  left: calc(0.25em + var(--bim-shape-popover-inset));
  right: calc(0.25em + var(--bim-shape-popover-inset));
  bottom: calc(0.25em + var(--bim-shape-popover-inset));
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1.2em;
  min-height: 2.5em;
  pointer-events: none;
}

._footerSpacer_kbekl_135 {
  display: block;
  width: 1px;
  height: 1px;
}

._soldBadge_kbekl_141 {
  min-height: 2em;
  max-width: 9em;
  padding: 0.25em 0.75em;
  border: 1px solid var(--bim-color-status-sold);
  border-radius: var(--bim-shape-legend-swatch);
  background: var(--bim-color-status-sold-fill);
  color: var(--bim-color-status-sold);
  font-size: 0.68em;
  font-weight: 700;
  line-height: 1.5em;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._legendActions_kbekl_159 {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.4em;
  pointer-events: auto;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._anchorButton_kbekl_167 {
  pointer-events: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5em;
  height: 2.5em;
  padding: 0;
  border: none;
  border-radius: var(--bim-shape-control-medium);
  background: var(--bim-color-surface-lightest);
  color: var(--bim-color-text-emphasis);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease, transform 0.15s ease;
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._anchorButton_kbekl_167:hover {
  background: var(--bim-color-primary);
  color: var(--bim-color-primary-on);
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._anchorButton_kbekl_167:active {
  transform: scale(0.95);
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._filterAlertButton_kbekl_193 {
  pointer-events: auto;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5em;
  height: 2.5em;
  padding: 0;
  border: none;
  border-radius: var(--bim-shape-control-medium);
  background: var(--bim-color-surface-lightest);
  color: var(--bim-color-text-emphasis);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease, transform 0.15s ease;
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._filterAlertButton_kbekl_193:hover {
  background: var(--bim-color-primary);
  color: var(--bim-color-primary-on);
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._filterAlertButton_kbekl_193:active {
  transform: scale(0.95);
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._anchorButtonActive_kbekl_220 {
  background: var(--bim-color-surface-lightest);
  color: var(--bim-color-text-emphasis);
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._anchorButtonClosing_kbekl_225 {
  pointer-events: none;
}

._standaloneAnchorButton_kbekl_229 {
  position: absolute;
  right: 0;
  bottom: 0;
}

._cornerIcon_kbekl_235 {
  width: 1.15em;
  height: 1.15em;
  flex-shrink: 0;
}

._filterAlertMark_kbekl_241 {
  position: absolute;
  top: 0.28em;
  right: 0.28em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.1em;
  height: 1.1em;
  padding: 0 0.18em;
  border-radius: 999px;
  background: var(--bim-color-status-sold);
  color: var(--bim-color-status-sold-on, #fff);
  font-size: 0.6em;
  font-weight: 800;
  line-height: 1;
  box-shadow: 0 0 0 2px var(--bim-color-surface-lightest);
}

@container bim-app (max-width: 767px) {
  ._root_kbekl_261 {
    display: none;
  }
}._modelControlsHolder_ybobi_1 {
  position: absolute;
  inset: 0;
  z-index: 20;
  pointer-events: none;
  user-select: none;
}

._topBar_ybobi_9 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0.75em 2.5em;
  gap: 1em;
}
@container bim-app (max-width: 767px) {
  ._topBar_ybobi_9 {
    padding: 0.75em 1em;
    gap: 0.5em;
  }
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._heroButton_ybobi_27 {
  pointer-events: all;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4em;
  height: 4em;
  padding: 1em;
  border-radius: var(--bim-shape-control-xlarge);
  background: var(--bim-color-surface-lightest);
  color: var(--bim-color-text-emphasis);
  backdrop-filter: blur(4px);
  transition: background 0.2s;
}
@container bim-app (max-width: 767px) {
  :is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._heroButton_ybobi_27 {
    width: 3em;
    height: 3em;
    padding: 0.5em;
    border-radius: var(--bim-shape-control-large);
  }
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._heroButton_ybobi_27:hover {
  background: var(--bim-color-primary);
  color: var(--bim-color-primary-on);
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._heroButton--small_ybobi_53 {
  width: 2.5em;
  height: 2.5em;
  padding: 0.5em;
  border-radius: var(--bim-shape-control-medium);
}
@container bim-app (max-width: 767px) {
  :is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._heroButton--small_ybobi_53 {
    width: 2.5em;
    height: 2.5em;
    padding: 0.5em;
    border-radius: var(--bim-shape-control-medium);
  }
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._heroButtonActive_ybobi_68 {
  background: var(--bim-color-primary);
  color: var(--bim-color-primary-on);
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._heroButtonActive_ybobi_68:hover {
  background: var(--bim-color-primary-hover);
  color: var(--bim-color-primary-on);
}

._topIcon_ybobi_77 {
  width: 2em;
  height: 2em;
  flex-shrink: 0;
}

._buttonsGroup_ybobi_83 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1em;
}
@container bim-app (max-width: 767px) {
  ._buttonsGroup_ybobi_83 {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5em;
  }
}

._buttonsGroupBottomBar_ybobi_97 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1em;
}
@container bim-app (max-width: 767px) {
  ._buttonsGroupBottomBar_ybobi_97 {
    justify-content: space-between;
    gap: 0.5em;
  }
}

._icon_ybobi_110 {
  width: 2em;
  height: 2em;
  flex-shrink: 0;
}

._iconSmall_ybobi_116 {
  width: 1.5em;
  height: 1.5em;
  flex-shrink: 0;
}

._bottomBar_ybobi_122 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 0.75em 2.5em;
  gap: 1.5rem;
}
@container bim-app (max-width: 767px) {
  ._bottomBar_ybobi_122 {
    padding: 0.75em 1em;
  }
}

._rotateGroup_ybobi_139 {
  pointer-events: all;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.25em;
  width: 20em;
  min-height: 2.5em;
}

._rotateLabel_ybobi_150 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 2em;
  height: 2.5em;
  border-radius: var(--bim-shape-control-medium);
  background-color: var(--bim-color-primary);
  color: var(--bim-color-primary-on-muted);
}

._outlineSelectorBox_ybobi_161 {
  pointer-events: all;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 14em;
}

._outlineSelector_ybobi_161 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 1em;
  width: 100%;
}

._outlineButtonsGroup_ybobi_178 {
  width: 100%;
  justify-content: flex-end;
}

._outlineSelectorButton_ybobi_183 {
  flex-shrink: 0;
}

._labelElement_ybobi_187 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1em;
  background: var(--bim-color-surface-lightest);
  border-radius: var(--bim-shape-control-medium);
  padding: 0.4rem 0.75rem;
  font-weight: 500;
  color: var(--bim-color-text-labels);
  white-space: nowrap;
  cursor: pointer;
  transition: background 0.2s;
  width: 100%;
  min-height: 2.5em;
}

._labelText_ybobi_204 {
  font-size: 0.85em;
  text-align: center;
  flex-grow: 1;
  text-transform: uppercase;
}

._mobileBottomBar_ybobi_211 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 1em;
  padding: 0.75em 1em;
}

._mobileGroup_ybobi_223 {
  pointer-events: all;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1em;
  cursor: pointer;
}

._mobileLabel_ybobi_232 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--bim-color-surface-lightest);
  border-radius: var(--bim-shape-control-medium);
  height: 2.5em;
  min-width: 9em;
  padding: 0.75em var(--bim-shape-control-padding-x);
  font-size: 1em;
  line-height: 1em;
  font-weight: 500;
  color: var(--bim-color-on-surface, #1a1a1a);
  white-space: nowrap;
  backdrop-filter: blur(4px);
  transition: background 0.2s;
}

._mobileOutlineButton_ybobi_250 {
  flex-shrink: 0;
}._eyeControlBox_11raw_1 {
  pointer-events: all;
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 0;
}

._buttonElement_11raw_9 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}

._buttonLabel_11raw_16 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85em;
  color: var(--bim-color-text-labels);
  line-height: 1;
  white-space: nowrap;
  padding-bottom: 0.5em;
  border-bottom: 1px solid var(--bim-color-lines-light);
}

._cardGroup_11raw_28 {
  position: absolute;
  top: calc(100% - 0.1rem);
  left: 0;
  z-index: 25;
  animation: _slideDown_11raw_1 0.22s ease;
}

@keyframes _slideDown_11raw_1 {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._card_11raw_28 {
  margin-top: var(--bim-shape-separator);
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  background: var(--bim-color-surface-lightest);
  backdrop-filter: blur(4px);
  padding: calc(0.5rem + var(--bim-shape-popover-inset));
  border-radius: var(--bim-shape-popover);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

._panelLabel_11raw_58 {
  font-size: 0.85em;
  color: var(--bim-color-text-labels);
  line-height: 1.2;
}

._select_11raw_64 {
  width: 100%;
  min-width: 15em;
  z-index: 26;
}

._contentBlock_11raw_70 {
  display: flex;
  flex-direction: column;
  gap: 1em;
  opacity: 1;
  max-height: 60dvh;
  overflow-y: visible;
  transition: max-height 0.24s ease, opacity 0.2s ease, padding 0.2s ease, margin 0.2s ease;
}

._contentBlockMinimized_11raw_80 {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
}

._actionsHolder_11raw_86 {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}

._sheetButtonBox_11raw_92 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 1em;
}

._sheetButtonLabel_11raw_100 {
  display: inline-flex;
  color: var(--bim-color-text-labels);
}

._selectBox_11raw_105 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
}

._selectLabel_11raw_113 {
  display: inline-flex;
  color: var(--bim-color-text-labels);
}

._legendHolder_11raw_118 {
  display: flex;
  align-items: center;
  gap: 1em;
  flex-wrap: wrap;
}
@container bim-app (max-width: 767px) {
  ._legendHolder_11raw_118 {
    flex-direction: column;
    padding: 0;
    align-items: flex-start;
  }
}

._labelPane_11raw_132 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1em;
}
@container bim-app (max-width: 767px) {
  ._labelPane_11raw_132 {
    justify-content: space-between;
    align-items: flex-end;
  }
}

._labelContainer_11raw_145 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0.5em;
}
@container bim-app (max-width: 767px) {
  ._labelContainer_11raw_145 {
    flex-direction: column;
    align-items: flex-start;
  }
}

._legendLabel_11raw_160 {
  font-size: 0.85em;
  color: var(--bim-color-muted, #888);
  white-space: nowrap;
  flex-shrink: 0;
}

._modeSelect_11raw_167 {
  width: auto;
  min-width: 14em;
  flex-shrink: 0;
}

._items_11raw_173 {
  display: flex;
  flex-direction: row;
  gap: 0;
  flex-wrap: nowrap;
  flex-grow: 1;
}

._itemsGrid_11raw_181 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(1em, 100%), 1fr));
  column-gap: 0;
  row-gap: 0.5em;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._item_11raw_173 {
  user-select: none;
  pointer-events: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25em;
  min-width: 2em;
  width: fit-content;
  max-width: 100%;
  padding: 0 0.25em;
  border: none;
  background: transparent;
  color: var(--bim-color-text-emphasis);
  cursor: pointer;
  transition: color 0.15s ease, opacity 0.15s ease;
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._item_11raw_173:hover {
  color: var(--bim-color-secondary);
  font-weight: 600;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._itemActiveProduct_11raw_210 {
  pointer-events: none;
  cursor: default;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._itemOff_11raw_215 {
  opacity: 0.45;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._itemActive_11raw_210 {
  font-weight: 600;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._itemHighlight_11raw_223 {
  font-weight: 600;
}

._swatch_11raw_227 {
  display: inline-block;
  min-width: 2em;
  width: 100%;
  height: 1.5em;
  flex-shrink: 0;
  border: 1px solid transparent;
  border-radius: var(--bim-shape-legend-swatch, 0);
  transition: border-color 0.12s ease, opacity 0.12s ease;
}

._swatchActive_11raw_238 {
  display: inline-block;
  min-width: 3em;
  flex-shrink: 0;
  background: var(--bim-color-primary);
  border: 2px solid var(--bim-color-primary-highlight, var(--bim-color-primary));
  pointer-events: none;
}

._itemLabel_11raw_247 {
  width: 100%;
  font-size: 0.875em;
  line-height: 1.5;
  color: var(--bim-color-text-muted);
  text-align: center;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
}

._itemActive_11raw_210 ._itemLabel_11raw_247 {
  color: var(--bim-color-secondary);
  font-weight: 700;
}

._itemHighlight_11raw_223 ._swatch_11raw_227 {
  border-color: var(--bim-color-text, #000);
}

._soldBadgeBox_11raw_268 {
  display: flex;
  align-items: center;
  height: 100%;
  min-height: 2.5em;
}

._soldBadge_11raw_268 {
  max-width: 9em;
  padding: 0.25em 0.75em;
  border: 1px solid var(--bim-color-status-sold);
  border-radius: var(--bim-shape-control-medium);
  background: var(--bim-color-status-sold-fill);
  color: var(--bim-color-status-sold);
  font-weight: 700;
  line-height: 1.5em;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._filterAlertButton_11raw_291 {
  pointer-events: auto;
  position: relative;
  display: inline-flex;
}

._cornerIcon_11raw_297 {
  width: 1.15em;
  height: 1.15em;
  flex-shrink: 0;
}

._filterAlertMark_11raw_303 {
  position: absolute;
  top: 0.28em;
  right: 0.28em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.1em;
  height: 1.1em;
  padding: 0 0.18em;
  border-radius: 999px;
  background: var(--bim-color-status-sold);
  color: var(--bim-color-status-sold-on, #fff);
  font-size: 0.6em;
  font-weight: 800;
  line-height: 1;
  box-shadow: 0 0 0 2px var(--bim-color-surface-lightest);
}._holder_1ac1s_1 {
  min-width: 10em;
  display: flex;
  background-color: var(--bim-color-surface-lightest);
  border-radius: var(--bim-shape-popover);
  flex-direction: row;
  padding: var(--bim-shape-popover-inset);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

._dataPanel_1ac1s_11 {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

._dataGridContainer_1ac1s_17 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1em;
  padding: 0.75em 1em;
}

._compact_1ac1s_25 {
  min-width: auto;
  max-width: 15em;
  color: var(--bim-color-text-muted);
}._holder_fhnpl_1 {
  width: 100%;
}
/* SvgOutlineLayer — absolutely fills its positioned parent (ModelView / VisualizationView canvas) */
._svgOutlineLayer_1b04q_3 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none; /* container transparent — paths opt-in below */
  /* SVG fills container */
}
._svgOutlineLayer_1b04q_3 svg {
  display: block;
  width: 100%;
  height: 100%;
}
._svgOutlineLayer_1b04q_3 {
  /* ── Frame groups: only active group visible (ModelView 360° outlines) ─── */
  /* CSS display:none blocks pointer-events on all children of hidden groups. */
  /* VisualizationView SVGs have no g[data-frame] — rule has no effect there. */
}
._svgOutlineLayer_1b04q_3 svg g[data-frame] {
  display: none;
}
._svgOutlineLayer_1b04q_3 svg g[data-frame].svg-frame--active {
  display: block;
}
._svgOutlineLayer_1b04q_3 {
  /* ── All paths: transparent at rest + pointer events re-enabled ────────── */
  /* outlines_*.svg have no data-interactive attribute — all paths interactive */
}
._svgOutlineLayer_1b04q_3 svg path {
  fill: transparent;
  stroke: transparent;
  cursor: pointer;
  pointer-events: all;
  transition: fill 0.15s ease, stroke 0.15s ease;
  vector-effect: non-scaling-stroke;
}
._svgOutlineLayer_1b04q_3 {
  /* ── Buildings / Tiers outline states ──────────────────────────────────── */
  /* Applied imperatively by useSvgBuildingInteraction / useSvgTierInteraction */
}
._svgOutlineLayer_1b04q_3 svg path.outline-hovered {
  fill: var(--bim-color-hero-outlines-fill);
  stroke: var(--bim-color-hero-outlines-stroke);
  stroke-width: var(--hero-outline-stroke-width, 2px);
}
._svgOutlineLayer_1b04q_3 svg path.outline-active {
  fill: var(--bim-color-hero-active-fill);
  stroke: var(--bim-color-hero-active-stroke);
  stroke-width: var(--hero-outline-stroke-width-active, 0.25em);
}
._svgOutlineLayer_1b04q_3 svg path.outline-preview {
  fill: var(--bim-color-hero-outlines-fill-hover);
  stroke: var(--bim-color-hero-outlines-stroke);
  stroke-width: var(--hero-outline-stroke-width, 2px);
}
._svgOutlineLayer_1b04q_3 {
  /* ── Apartments (product) coloring ─────────────────────────────────────── */
  /* Applied by useSvgProductInteraction — flat-path strategy (outlines_apartments.svg) */
  /* Paths: <path id="uuid">, classes set directly on the <path> element.              */
}
._svgOutlineLayer_1b04q_3 svg path.rooms-color {
  fill: var(--bim-color-rooms-0-fill);
  stroke: var(--bim-color-rooms-0-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.rooms-color:is(:hover, .preview) {
  fill: var(--bim-color-rooms-0-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.rooms-color.rooms-0 {
  fill: var(--bim-color-rooms-0-fill);
  stroke: var(--bim-color-rooms-0-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.rooms-color.rooms-0:is(:hover, .preview) {
  fill: var(--bim-color-rooms-0-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.rooms-color.rooms-1 {
  fill: var(--bim-color-rooms-1-fill);
  stroke: var(--bim-color-rooms-1-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.rooms-color.rooms-1:is(:hover, .preview) {
  fill: var(--bim-color-rooms-1-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.rooms-color.rooms-2 {
  fill: var(--bim-color-rooms-2-fill);
  stroke: var(--bim-color-rooms-2-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.rooms-color.rooms-2:is(:hover, .preview) {
  fill: var(--bim-color-rooms-2-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.rooms-color.rooms-3 {
  fill: var(--bim-color-rooms-3-fill);
  stroke: var(--bim-color-rooms-3-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.rooms-color.rooms-3:is(:hover, .preview) {
  fill: var(--bim-color-rooms-3-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.rooms-color.rooms-4 {
  fill: var(--bim-color-rooms-4-fill);
  stroke: var(--bim-color-rooms-4-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.rooms-color.rooms-4:is(:hover, .preview) {
  fill: var(--bim-color-rooms-4-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.rooms-color.rooms-5 {
  fill: var(--bim-color-rooms-5-fill);
  stroke: var(--bim-color-rooms-5-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.rooms-color.rooms-5:is(:hover, .preview) {
  fill: var(--bim-color-rooms-5-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.rooms-color.rooms-6 {
  fill: var(--bim-color-rooms-6-fill);
  stroke: var(--bim-color-rooms-6-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.rooms-color.rooms-6:is(:hover, .preview) {
  fill: var(--bim-color-rooms-6-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.rooms-color.rooms-7 {
  fill: var(--bim-color-rooms-7-fill);
  stroke: var(--bim-color-rooms-7-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.rooms-color.rooms-7:is(:hover, .preview) {
  fill: var(--bim-color-rooms-7-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.rooms-color.rooms-8 {
  fill: var(--bim-color-rooms-8-fill);
  stroke: var(--bim-color-rooms-8-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.rooms-color.rooms-8:is(:hover, .preview) {
  fill: var(--bim-color-rooms-8-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.rooms-color.rooms-9 {
  fill: var(--bim-color-rooms-9-fill);
  stroke: var(--bim-color-rooms-9-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.rooms-color.rooms-9:is(:hover, .preview) {
  fill: var(--bim-color-rooms-9-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.rooms-color.rooms-10 {
  fill: var(--bim-color-rooms-10-fill);
  stroke: var(--bim-color-rooms-10-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.rooms-color.rooms-10:is(:hover, .preview) {
  fill: var(--bim-color-rooms-10-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.rooms-color.rooms-11 {
  fill: var(--bim-color-rooms-1-fill);
  stroke: var(--bim-color-rooms-1-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.rooms-color.rooms-11:is(:hover, .preview) {
  fill: var(--bim-color-rooms-1-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.rooms-color.rooms-12 {
  fill: var(--bim-color-rooms-2-fill);
  stroke: var(--bim-color-rooms-2-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.rooms-color.rooms-12:is(:hover, .preview) {
  fill: var(--bim-color-rooms-2-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.rooms-color.rooms-13 {
  fill: var(--bim-color-rooms-3-fill);
  stroke: var(--bim-color-rooms-3-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.rooms-color.rooms-13:is(:hover, .preview) {
  fill: var(--bim-color-rooms-3-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.rooms-color.rooms-14 {
  fill: var(--bim-color-rooms-4-fill);
  stroke: var(--bim-color-rooms-4-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.rooms-color.rooms-14:is(:hover, .preview) {
  fill: var(--bim-color-rooms-4-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.rooms-color.rooms-15 {
  fill: var(--bim-color-rooms-5-fill);
  stroke: var(--bim-color-rooms-5-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.rooms-color.rooms-15:is(:hover, .preview) {
  fill: var(--bim-color-rooms-5-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.rooms-color.rooms-16 {
  fill: var(--bim-color-rooms-6-fill);
  stroke: var(--bim-color-rooms-6-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.rooms-color.rooms-16:is(:hover, .preview) {
  fill: var(--bim-color-rooms-6-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.rooms-color.rooms-17 {
  fill: var(--bim-color-rooms-7-fill);
  stroke: var(--bim-color-rooms-7-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.rooms-color.rooms-17:is(:hover, .preview) {
  fill: var(--bim-color-rooms-7-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.rooms-color.rooms-18 {
  fill: var(--bim-color-rooms-8-fill);
  stroke: var(--bim-color-rooms-8-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.rooms-color.rooms-18:is(:hover, .preview) {
  fill: var(--bim-color-rooms-8-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.rooms-color.rooms-19 {
  fill: var(--bim-color-rooms-9-fill);
  stroke: var(--bim-color-rooms-9-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.rooms-color.rooms-19:is(:hover, .preview) {
  fill: var(--bim-color-rooms-9-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.rooms-color.rooms-20 {
  fill: var(--bim-color-rooms-10-fill);
  stroke: var(--bim-color-rooms-10-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.rooms-color.rooms-20:is(:hover, .preview) {
  fill: var(--bim-color-rooms-10-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.status-sold {
  fill: var(--bim-color-status-sold-fill);
  stroke: var(--bim-color-status-sold-stroke);
  stroke-width: 2px;
  cursor: default;
}
._svgOutlineLayer_1b04q_3 svg path.status-available {
  fill: var(--bim-color-status-available-fill);
  stroke: var(--bim-color-status-available-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.status-available:is(:hover, .preview) {
  fill: var(--bim-color-status-available-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.status-reserved {
  fill: var(--bim-color-status-reserved-fill);
  stroke: var(--bim-color-status-reserved-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.status-reserved:is(:hover, .preview) {
  fill: var(--bim-color-status-reserved-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.insolation-color.insolation-null {
  fill: var(--bim-color-insolation-null-fill);
  stroke: var(--bim-color-insolation-null-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.insolation-color.insolation-null:is(:hover, .preview) {
  fill: var(--bim-color-insolation-null-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.insolation-color.insolation-0 {
  fill: var(--bim-color-insolation-0-fill);
  stroke: var(--bim-color-insolation-0-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.insolation-color.insolation-0:is(:hover, .preview) {
  fill: var(--bim-color-insolation-0-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.insolation-color.insolation-1 {
  fill: var(--bim-color-insolation-1-fill);
  stroke: var(--bim-color-insolation-1-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.insolation-color.insolation-1:is(:hover, .preview) {
  fill: var(--bim-color-insolation-1-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.insolation-color.insolation-2 {
  fill: var(--bim-color-insolation-2-fill);
  stroke: var(--bim-color-insolation-2-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.insolation-color.insolation-2:is(:hover, .preview) {
  fill: var(--bim-color-insolation-2-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.insolation-color.insolation-3 {
  fill: var(--bim-color-insolation-3-fill);
  stroke: var(--bim-color-insolation-3-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.insolation-color.insolation-3:is(:hover, .preview) {
  fill: var(--bim-color-insolation-3-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.insolation-color.insolation-4 {
  fill: var(--bim-color-insolation-4-fill);
  stroke: var(--bim-color-insolation-4-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.insolation-color.insolation-4:is(:hover, .preview) {
  fill: var(--bim-color-insolation-4-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.insolation-color.insolation-5 {
  fill: var(--bim-color-insolation-5-fill);
  stroke: var(--bim-color-insolation-5-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.insolation-color.insolation-5:is(:hover, .preview) {
  fill: var(--bim-color-insolation-5-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.insolation-color.insolation-6 {
  fill: var(--bim-color-insolation-6-fill);
  stroke: var(--bim-color-insolation-6-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.insolation-color.insolation-6:is(:hover, .preview) {
  fill: var(--bim-color-insolation-6-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.insolation-color.insolation-7 {
  fill: var(--bim-color-insolation-7-fill);
  stroke: var(--bim-color-insolation-7-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.insolation-color.insolation-7:is(:hover, .preview) {
  fill: var(--bim-color-insolation-7-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.insolation-color.insolation-8 {
  fill: var(--bim-color-insolation-8-fill);
  stroke: var(--bim-color-insolation-8-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.insolation-color.insolation-8:is(:hover, .preview) {
  fill: var(--bim-color-insolation-8-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.insolation-color.insolation-9 {
  fill: var(--bim-color-insolation-9-fill);
  stroke: var(--bim-color-insolation-9-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.insolation-color.insolation-9:is(:hover, .preview) {
  fill: var(--bim-color-insolation-9-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.insolation-color.insolation-10 {
  fill: var(--bim-color-insolation-10-fill);
  stroke: var(--bim-color-insolation-10-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.insolation-color.insolation-10:is(:hover, .preview) {
  fill: var(--bim-color-insolation-10-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.compare-color.compare-p0 {
  fill: var(--bim-color-compare-p0-fill);
  stroke: var(--bim-color-compare-p0-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.compare-color.compare-p0:is(:hover, .preview) {
  fill: var(--bim-color-compare-p0-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.compare-color.compare-p1 {
  fill: var(--bim-color-compare-p1-fill);
  stroke: var(--bim-color-compare-p1-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.compare-color.compare-p1:is(:hover, .preview) {
  fill: var(--bim-color-compare-p1-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.compare-color.compare-p2 {
  fill: var(--bim-color-compare-p2-fill);
  stroke: var(--bim-color-compare-p2-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.compare-color.compare-p2:is(:hover, .preview) {
  fill: var(--bim-color-compare-p2-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.compare-color.compare-p3 {
  fill: var(--bim-color-compare-p3-fill);
  stroke: var(--bim-color-compare-p3-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.compare-color.compare-p3:is(:hover, .preview) {
  fill: var(--bim-color-compare-p3-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.compare-color.compare-p4 {
  fill: var(--bim-color-compare-p4-fill);
  stroke: var(--bim-color-compare-p4-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.compare-color.compare-p4:is(:hover, .preview) {
  fill: var(--bim-color-compare-p4-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.compare-color.compare-p5 {
  fill: var(--bim-color-compare-p5-fill);
  stroke: var(--bim-color-compare-p5-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.compare-color.compare-p5:is(:hover, .preview) {
  fill: var(--bim-color-compare-p5-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.compare-color.compare-p6 {
  fill: var(--bim-color-compare-p6-fill);
  stroke: var(--bim-color-compare-p6-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.compare-color.compare-p6:is(:hover, .preview) {
  fill: var(--bim-color-compare-p6-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.compare-color.compare-p7 {
  fill: var(--bim-color-compare-p7-fill);
  stroke: var(--bim-color-compare-p7-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.compare-color.compare-p7:is(:hover, .preview) {
  fill: var(--bim-color-compare-p7-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.compare-color.compare-p8 {
  fill: var(--bim-color-compare-p8-fill);
  stroke: var(--bim-color-compare-p8-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.compare-color.compare-p8:is(:hover, .preview) {
  fill: var(--bim-color-compare-p8-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.compare-color.compare-p9 {
  fill: var(--bim-color-compare-p9-fill);
  stroke: var(--bim-color-compare-p9-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.compare-color.compare-p9:is(:hover, .preview) {
  fill: var(--bim-color-compare-p9-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.category-color.category-product {
  fill: var(--bim-color-category-product-fill);
  stroke: var(--bim-color-category-product-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.category-color.category-product:is(:hover, .preview) {
  fill: var(--bim-color-category-product-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.category-color.category-real_estate {
  fill: var(--bim-color-category-real-estate-fill);
  stroke: var(--bim-color-category-real-estate-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.category-color.category-real_estate:is(:hover, .preview) {
  fill: var(--bim-color-category-real-estate-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.category-color.category-unit {
  fill: var(--bim-color-category-unit-fill);
  stroke: var(--bim-color-category-unit-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.category-color.category-unit:is(:hover, .preview) {
  fill: var(--bim-color-category-unit-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.category-color.category-apartment_standard {
  fill: var(--bim-color-category-apartment-standard-fill);
  stroke: var(--bim-color-category-apartment-standard-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.category-color.category-apartment_standard:is(:hover, .preview) {
  fill: var(--bim-color-category-apartment-standard-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.category-color.category-apartment_premium {
  fill: var(--bim-color-category-apartment-premium-fill);
  stroke: var(--bim-color-category-apartment-premium-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.category-color.category-apartment_premium:is(:hover, .preview) {
  fill: var(--bim-color-category-apartment-premium-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.category-color.category-apartment_luxury {
  fill: var(--bim-color-category-apartment-luxury-fill);
  stroke: var(--bim-color-category-apartment-luxury-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.category-color.category-apartment_luxury:is(:hover, .preview) {
  fill: var(--bim-color-category-apartment-luxury-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.category-color.category-studio {
  fill: var(--bim-color-category-studio-fill);
  stroke: var(--bim-color-category-studio-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.category-color.category-studio:is(:hover, .preview) {
  fill: var(--bim-color-category-studio-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.category-color.category-detached {
  fill: var(--bim-color-category-detached-fill);
  stroke: var(--bim-color-category-detached-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.category-color.category-detached:is(:hover, .preview) {
  fill: var(--bim-color-category-detached-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.category-color.category-semi_detached {
  fill: var(--bim-color-category-semi-detached-fill);
  stroke: var(--bim-color-category-semi-detached-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.category-color.category-semi_detached:is(:hover, .preview) {
  fill: var(--bim-color-category-semi-detached-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.category-color.category-townhouse {
  fill: var(--bim-color-category-townhouse-fill);
  stroke: var(--bim-color-category-townhouse-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.category-color.category-townhouse:is(:hover, .preview) {
  fill: var(--bim-color-category-townhouse-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.category-color.category-commercial {
  fill: var(--bim-color-category-commercial-fill);
  stroke: var(--bim-color-category-commercial-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.category-color.category-commercial:is(:hover, .preview) {
  fill: var(--bim-color-category-commercial-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.category-color.category-store {
  fill: var(--bim-color-category-store-fill);
  stroke: var(--bim-color-category-store-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.category-color.category-store:is(:hover, .preview) {
  fill: var(--bim-color-category-store-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.category-color.category-hotel_room {
  fill: var(--bim-color-category-hotel-room-fill);
  stroke: var(--bim-color-category-hotel-room-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.category-color.category-hotel_room:is(:hover, .preview) {
  fill: var(--bim-color-category-hotel-room-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.category-color.category-hotel_suite {
  fill: var(--bim-color-category-hotel-suite-fill);
  stroke: var(--bim-color-category-hotel-suite-stroke);
  stroke-width: 2px;
}
._svgOutlineLayer_1b04q_3 svg path.category-color.category-hotel_suite:is(:hover, .preview) {
  fill: var(--bim-color-category-hotel-suite-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="0"] svg g.svg-frame--active path.rooms-0 {
  fill: var(--bim-color-rooms-0-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="1"] svg g.svg-frame--active path.rooms-1 {
  fill: var(--bim-color-rooms-1-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="2"] svg g.svg-frame--active path.rooms-2 {
  fill: var(--bim-color-rooms-2-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="3"] svg g.svg-frame--active path.rooms-3 {
  fill: var(--bim-color-rooms-3-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="4"] svg g.svg-frame--active path.rooms-4 {
  fill: var(--bim-color-rooms-4-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="5"] svg g.svg-frame--active path.rooms-5 {
  fill: var(--bim-color-rooms-5-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="6"] svg g.svg-frame--active path.rooms-6 {
  fill: var(--bim-color-rooms-6-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="7"] svg g.svg-frame--active path.rooms-7 {
  fill: var(--bim-color-rooms-7-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="8"] svg g.svg-frame--active path.rooms-8 {
  fill: var(--bim-color-rooms-8-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="9"] svg g.svg-frame--active path.rooms-9 {
  fill: var(--bim-color-rooms-9-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="10"] svg g.svg-frame--active path.rooms-10 {
  fill: var(--bim-color-rooms-10-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="11"] svg g.svg-frame--active path.rooms-11 {
  fill: var(--bim-color-rooms-1-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="12"] svg g.svg-frame--active path.rooms-12 {
  fill: var(--bim-color-rooms-2-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="13"] svg g.svg-frame--active path.rooms-13 {
  fill: var(--bim-color-rooms-3-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="14"] svg g.svg-frame--active path.rooms-14 {
  fill: var(--bim-color-rooms-4-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="15"] svg g.svg-frame--active path.rooms-15 {
  fill: var(--bim-color-rooms-5-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="16"] svg g.svg-frame--active path.rooms-16 {
  fill: var(--bim-color-rooms-6-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="17"] svg g.svg-frame--active path.rooms-17 {
  fill: var(--bim-color-rooms-7-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="18"] svg g.svg-frame--active path.rooms-18 {
  fill: var(--bim-color-rooms-8-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="19"] svg g.svg-frame--active path.rooms-19 {
  fill: var(--bim-color-rooms-9-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="20"] svg g.svg-frame--active path.rooms-20 {
  fill: var(--bim-color-rooms-10-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover=available] svg g.svg-frame--active path.status-available {
  fill: var(--bim-color-status-available-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover=reserved] svg g.svg-frame--active path.status-reserved {
  fill: var(--bim-color-status-reserved-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover=sold] svg g.svg-frame--active path.status-sold {
  fill: var(--bim-color-status-sold-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="insolation:null"] svg g.svg-frame--active path.insolation-null {
  fill: var(--bim-color-insolation-null-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="insolation:0"] svg g.svg-frame--active path.insolation-0 {
  fill: var(--bim-color-insolation-0-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="insolation:1"] svg g.svg-frame--active path.insolation-1 {
  fill: var(--bim-color-insolation-1-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="insolation:2"] svg g.svg-frame--active path.insolation-2 {
  fill: var(--bim-color-insolation-2-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="insolation:3"] svg g.svg-frame--active path.insolation-3 {
  fill: var(--bim-color-insolation-3-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="insolation:4"] svg g.svg-frame--active path.insolation-4 {
  fill: var(--bim-color-insolation-4-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="insolation:5"] svg g.svg-frame--active path.insolation-5 {
  fill: var(--bim-color-insolation-5-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="insolation:6"] svg g.svg-frame--active path.insolation-6 {
  fill: var(--bim-color-insolation-6-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="insolation:7"] svg g.svg-frame--active path.insolation-7 {
  fill: var(--bim-color-insolation-7-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="insolation:8"] svg g.svg-frame--active path.insolation-8 {
  fill: var(--bim-color-insolation-8-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="insolation:9"] svg g.svg-frame--active path.insolation-9 {
  fill: var(--bim-color-insolation-9-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="insolation:10"] svg g.svg-frame--active path.insolation-10 {
  fill: var(--bim-color-insolation-10-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="compare:p0"] svg g.svg-frame--active path.compare-p0 {
  fill: var(--bim-color-compare-p0-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="compare:p1"] svg g.svg-frame--active path.compare-p1 {
  fill: var(--bim-color-compare-p1-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="compare:p2"] svg g.svg-frame--active path.compare-p2 {
  fill: var(--bim-color-compare-p2-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="compare:p3"] svg g.svg-frame--active path.compare-p3 {
  fill: var(--bim-color-compare-p3-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="compare:p4"] svg g.svg-frame--active path.compare-p4 {
  fill: var(--bim-color-compare-p4-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="compare:p5"] svg g.svg-frame--active path.compare-p5 {
  fill: var(--bim-color-compare-p5-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="compare:p6"] svg g.svg-frame--active path.compare-p6 {
  fill: var(--bim-color-compare-p6-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="compare:p7"] svg g.svg-frame--active path.compare-p7 {
  fill: var(--bim-color-compare-p7-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="compare:p8"] svg g.svg-frame--active path.compare-p8 {
  fill: var(--bim-color-compare-p8-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="compare:p9"] svg g.svg-frame--active path.compare-p9 {
  fill: var(--bim-color-compare-p9-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="category:product"] svg g.svg-frame--active path.category-product {
  fill: var(--bim-color-category-product-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="category:real_estate"] svg g.svg-frame--active path.category-real_estate {
  fill: var(--bim-color-category-real-estate-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="category:unit"] svg g.svg-frame--active path.category-unit {
  fill: var(--bim-color-category-unit-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="category:apartment_standard"] svg g.svg-frame--active path.category-apartment_standard {
  fill: var(--bim-color-category-apartment-standard-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="category:apartment_premium"] svg g.svg-frame--active path.category-apartment_premium {
  fill: var(--bim-color-category-apartment-premium-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="category:apartment_luxury"] svg g.svg-frame--active path.category-apartment_luxury {
  fill: var(--bim-color-category-apartment-luxury-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="category:studio"] svg g.svg-frame--active path.category-studio {
  fill: var(--bim-color-category-studio-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="category:detached"] svg g.svg-frame--active path.category-detached {
  fill: var(--bim-color-category-detached-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="category:semi_detached"] svg g.svg-frame--active path.category-semi_detached {
  fill: var(--bim-color-category-semi-detached-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="category:townhouse"] svg g.svg-frame--active path.category-townhouse {
  fill: var(--bim-color-category-townhouse-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="category:commercial"] svg g.svg-frame--active path.category-commercial {
  fill: var(--bim-color-category-commercial-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="category:store"] svg g.svg-frame--active path.category-store {
  fill: var(--bim-color-category-store-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="category:hotel_room"] svg g.svg-frame--active path.category-hotel_room {
  fill: var(--bim-color-category-hotel-room-fill-hover);
}
._svgOutlineLayer_1b04q_3[data-legend-hover="category:hotel_suite"] svg g.svg-frame--active path.category-hotel_suite {
  fill: var(--bim-color-category-hotel-suite-fill-hover);
}
._svgOutlineLayer_1b04q_3 svg path.filtered-out {
  fill: rgba(255, 255, 255, 0.35);
  opacity: 0.35;
  cursor: default;
}
._svgOutlineLayer_1b04q_3 svg path.active {
  opacity: 1 !important;
  fill: color-mix(in srgb, var(--bim-color-primary) 40%, transparent) !important;
  stroke: var(--bim-color-primary-highlight, var(--bim-color-primary)) !important;
  stroke-width: 0.25em !important;
}/**
 * MobileProductCarouselSheet.module.scss
 * 
 * Shared styles for mobile carousel sheets across Tiers, Hero, etc.
 * Uses BottomSheet as container, with carousel navigation inside.
 */
._headerContent_nidn0_7 {
  display: flex;
  align-items: center;
  gap: 2em;
  min-width: 0;
  padding: 0.25em 0 0 1em;
}

._headerTitle_nidn0_15 {
  font-size: 1.2em;
  font-weight: 700;
  color: var(--bim-color-text-headings);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

._headerBadges_nidn0_24 {
  display: flex;
  align-items: center;
  gap: 0.5em;
  flex-shrink: 0;
}

._body_nidn0_31 {
  padding: 0.75em;
  background: var(--bim-color-surface-lightest);
  overflow: hidden;
  max-height: 38vh;
  max-height: 38dvh;
  opacity: 1;
  transition: max-height 0.24s ease, opacity 0.2s ease, padding 0.2s ease;
  touch-action: pan-y;
}

._bodyMinimized_nidn0_42 {
  max-height: 0;
  opacity: 0;
  padding-top: 0;
  padding-bottom: 0;
}

._carousel_nidn0_49 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s cubic-bezier(0.2, 0.9, 0.24, 1);
  will-change: transform;
}

._carouselHint_nidn0_58._carouselPrev_nidn0_58 {
  transform: translateX(0);
}

._carouselHint_nidn0_58._carouselNext_nidn0_62 {
  transform: translateX(0);
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._arrowButton_nidn0_66 {
  position: absolute;
  z-index: 2;
  pointer-events: none;
  color: var(--bim-color-secondary);
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._carouselHint_nidn0_58 ._arrowButton_nidn0_66 {
  pointer-events: auto;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._carousel_nidn0_49 > ._arrowButton_nidn0_66:first-child {
  left: -4em;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._carousel_nidn0_49 > ._arrowButton_nidn0_66:last-child {
  right: -4em;
}._overlay_1u1p9_1 {
  position: absolute;
  inset: 0;
  z-index: 10;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  background-color: var(--bim-color-surface-offwhite);
  overflow: hidden;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._preview_1u1p9_12 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.05);
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._barContainer_1u1p9_21 {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 6px;
  background: var(--bim-color-lines-light);
}

._bar_1u1p9_21 {
  height: 100%;
  background: var(--bim-color-accent);
  transition: width 80ms linear;
}._popover_a7ox3_1 {
  position: fixed;
  z-index: 200;
  pointer-events: none;
  animation: _popoverIn_a7ox3_1 0.1s ease-out both;
}

@keyframes _popoverIn_a7ox3_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}._holder_70v4b_1 {
  display: flex;
  align-items: center;
  background: var(--bim-color-surface-lightest);
  color: var(--bim-color-text);
  border-radius: var(--bim-shape-popover);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.06);
  padding: var(--bim-shape-popover-inset);
  overflow: hidden;
  min-width: 20em;
  max-width: 32em;
}

._info_70v4b_14 {
  flex: 1;
  display: flex;
  flex-direction: column;
  width: 20em;
  padding: 0.55em 0.85em;
  gap: 0.4em;
}

._header_70v4b_23 {
  display: flex;
  align-items: center;
  gap: 0.5em;
  justify-content: flex-end;
  font-weight: 700;
  border-bottom: 1px solid var(--bim-color-lines-light);
  padding-bottom: 0.35em;
}

._action_70v4b_33 {
  margin-top: auto;
  padding-top: 0.3em;
  padding-right: var(--bim-shape-popover-inset);
}

._thumb_70v4b_39 {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 12em;
  aspect-ratio: 1;
  border-left: 1px solid var(--bim-color-lines-light);
  padding: 1em;
}

._thumbPlaceholder_70v4b_51 {
  width: 100%;
  height: 100%;
  border-radius: calc(var(--bim-shape-popover) - var(--bim-shape-popover-inset));
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.06));
}

._compact_70v4b_58 {
  min-width: auto;
  max-width: 15em;
}

._comment_70v4b_63 {
  font-size: 0.85em;
  color: var(--bim-color-text-muted);
  padding-top: 0.15em;
}

._swatchValue_70v4b_69 {
  display: inline-flex;
  align-items: center;
  gap: 0.4em;
}

._swatch_70v4b_69 {
  flex-shrink: 0;
  width: 0.875em;
  height: 0.875em;
  border: 1px solid;
  border-radius: var(--bim-shape-legend-swatch);
}._holder_vl8s9_1 {
  display: grid;
  grid-template-columns: 3fr 2fr;
  gap: 0.6em;
  align-items: stretch;
  min-height: 12em;
  border: 1px solid var(--bim-color-lines-light);
  border-radius: var(--bim-shape-card);
  background: var(--bim-color-surface-lightest);
  padding: var(--bim-shape-popover-inset);
}

._infoPane_vl8s9_13 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.55em;
  border-right: 1px solid var(--bim-color-lines-light);
}

._dataContainer_vl8s9_21 {
  display: flex;
  padding: 0.5em;
  flex-direction: column;
  gap: 0.4em;
}

._action_vl8s9_28 {
  padding-right: var(--bim-shape-popover-inset);
}

._thumbPane_vl8s9_32 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5em;
  min-width: 5.25em;
  overflow: hidden;
}

._compact_vl8s9_41 {
  grid-template-columns: 1fr;
}

._comment_vl8s9_45 {
  margin: 0;
  font-size: 0.82em;
  color: var(--bim-color-text-muted);
  padding: 0.1em 0.2em;
}

._swatchValue_vl8s9_52 {
  display: inline-flex;
  align-items: center;
  gap: 0.4em;
}

._swatch_vl8s9_52 {
  flex-shrink: 0;
  width: 0.875em;
  height: 0.875em;
  border: 1px solid;
  border-radius: var(--bim-shape-legend-swatch);
}._modelWrapper_xgudv_1 {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: grab;
  user-select: none;
  touch-action: pan-y;
}
._modelWrapper_xgudv_1:active {
  cursor: grabbing;
}
._modelWrapper_xgudv_1._loading_xgudv_13 {
  cursor: default;
}
._modelWrapper_xgudv_1._loading_xgudv_13:active {
  cursor: default;
}
._modelWrapper_xgudv_1:not(._loading_xgudv_13) {
  border-bottom: 6px solid var(--bim-color-accent);
}

._framesHolder_xgudv_23 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

._frame_xgudv_23 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._frame_xgudv_23 {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: cover;
  border: 0;
  padding: 0;
}

.frame--active {
  opacity: 1;
}

g[data-frame] {
  display: none;
}

.svg-frame--active {
  display: block;
}
._visualizationWrapper_1qh0l_2 {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-bottom: 6px solid var(--bim-color-accent);
}

._visSvg_1qh0l_10 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
._visSvg_1qh0l_10 svg {
  display: block;
  width: 100%;
  height: 100%;
}
._visSvg_1qh0l_10 {
  /* Base state — paths overlay the background image and must be invisible until interaction */
}
._visSvg_1qh0l_10 svg path {
  fill: transparent;
  stroke: transparent;
  pointer-events: all;
  cursor: pointer;
  transition: fill 0.15s ease, stroke 0.15s ease;
  vector-effect: non-scaling-stroke;
}
._visSvg_1qh0l_10 {
  /* ── Building / tier outline interaction states ───────────────────────────── */
  /* Applied imperatively by useSvgBuildingInteraction / useSvgTierInteraction  */
}
._visSvg_1qh0l_10 svg path.outline-hovered {
  fill: var(--bim-color-hero-outlines-fill);
  stroke: var(--bim-color-hero-outlines-stroke);
  stroke-width: var(--hero-outline-stroke-width, 2px);
}
._visSvg_1qh0l_10 svg path.outline-active {
  fill: var(--bim-color-hero-active-fill);
  stroke: var(--bim-color-hero-active-stroke);
  stroke-width: var(--hero-outline-stroke-width-active, 0.25em);
}
._visSvg_1qh0l_10 svg path.outline-preview {
  fill: var(--bim-color-hero-outlines-fill-hover);
  stroke: var(--bim-color-hero-outlines-stroke);
  stroke-width: var(--hero-outline-stroke-width, 2px);
}
._visSvg_1qh0l_10 {
  /* ── Product (apartment) interaction states ───────────────────────────────── */
  /* Applied imperatively by useSvgProductInteraction.                          */
  /* Unlike TiersView, products here stay transparent until hover/tap — the     */
  /* visualization is an overview, not a detailed floor plan.                   */
}
._visSvg_1qh0l_10 svg path.rooms-color {
  fill: transparent;
  stroke: transparent;
  stroke-width: 2px;
}
._visSvg_1qh0l_10 svg path.rooms-color:is(:hover, .preview) {
  fill: var(--bim-color-rooms-0-fill-hover);
  stroke: var(--bim-color-rooms-0-stroke);
}
._visSvg_1qh0l_10 svg path.rooms-color.rooms-0:is(:hover, .preview) {
  fill: var(--bim-color-rooms-0-fill-hover);
  stroke: var(--bim-color-rooms-0-stroke);
}
._visSvg_1qh0l_10 svg path.rooms-color.rooms-1:is(:hover, .preview) {
  fill: var(--bim-color-rooms-1-fill-hover);
  stroke: var(--bim-color-rooms-1-stroke);
}
._visSvg_1qh0l_10 svg path.rooms-color.rooms-2:is(:hover, .preview) {
  fill: var(--bim-color-rooms-2-fill-hover);
  stroke: var(--bim-color-rooms-2-stroke);
}
._visSvg_1qh0l_10 svg path.rooms-color.rooms-3:is(:hover, .preview) {
  fill: var(--bim-color-rooms-3-fill-hover);
  stroke: var(--bim-color-rooms-3-stroke);
}
._visSvg_1qh0l_10 svg path.rooms-color.rooms-4:is(:hover, .preview) {
  fill: var(--bim-color-rooms-4-fill-hover);
  stroke: var(--bim-color-rooms-4-stroke);
}
._visSvg_1qh0l_10 svg path.rooms-color.rooms-5:is(:hover, .preview) {
  fill: var(--bim-color-rooms-5-fill-hover);
  stroke: var(--bim-color-rooms-5-stroke);
}
._visSvg_1qh0l_10 svg path.rooms-color.rooms-6:is(:hover, .preview) {
  fill: var(--bim-color-rooms-6-fill-hover);
  stroke: var(--bim-color-rooms-6-stroke);
}
._visSvg_1qh0l_10 svg path.rooms-color.rooms-7:is(:hover, .preview) {
  fill: var(--bim-color-rooms-7-fill-hover);
  stroke: var(--bim-color-rooms-7-stroke);
}
._visSvg_1qh0l_10 svg path.rooms-color.rooms-8:is(:hover, .preview) {
  fill: var(--bim-color-rooms-8-fill-hover);
  stroke: var(--bim-color-rooms-8-stroke);
}
._visSvg_1qh0l_10 svg path.rooms-color.rooms-9:is(:hover, .preview) {
  fill: var(--bim-color-rooms-9-fill-hover);
  stroke: var(--bim-color-rooms-9-stroke);
}
._visSvg_1qh0l_10 svg path.rooms-color.rooms-10:is(:hover, .preview) {
  fill: var(--bim-color-rooms-10-fill-hover);
  stroke: var(--bim-color-rooms-10-stroke);
}
._visSvg_1qh0l_10 svg path.rooms-color.rooms-11:is(:hover, .preview) {
  fill: var(--bim-color-rooms-1-fill-hover);
  stroke: var(--bim-color-rooms-1-stroke);
}
._visSvg_1qh0l_10 svg path.rooms-color.rooms-12:is(:hover, .preview) {
  fill: var(--bim-color-rooms-2-fill-hover);
  stroke: var(--bim-color-rooms-2-stroke);
}
._visSvg_1qh0l_10 svg path.rooms-color.rooms-13:is(:hover, .preview) {
  fill: var(--bim-color-rooms-3-fill-hover);
  stroke: var(--bim-color-rooms-3-stroke);
}
._visSvg_1qh0l_10 svg path.rooms-color.rooms-14:is(:hover, .preview) {
  fill: var(--bim-color-rooms-4-fill-hover);
  stroke: var(--bim-color-rooms-4-stroke);
}
._visSvg_1qh0l_10 svg path.rooms-color.rooms-15:is(:hover, .preview) {
  fill: var(--bim-color-rooms-5-fill-hover);
  stroke: var(--bim-color-rooms-5-stroke);
}
._visSvg_1qh0l_10 svg path.rooms-color.rooms-16:is(:hover, .preview) {
  fill: var(--bim-color-rooms-6-fill-hover);
  stroke: var(--bim-color-rooms-6-stroke);
}
._visSvg_1qh0l_10 svg path.rooms-color.rooms-17:is(:hover, .preview) {
  fill: var(--bim-color-rooms-7-fill-hover);
  stroke: var(--bim-color-rooms-7-stroke);
}
._visSvg_1qh0l_10 svg path.rooms-color.rooms-18:is(:hover, .preview) {
  fill: var(--bim-color-rooms-8-fill-hover);
  stroke: var(--bim-color-rooms-8-stroke);
}
._visSvg_1qh0l_10 svg path.rooms-color.rooms-19:is(:hover, .preview) {
  fill: var(--bim-color-rooms-9-fill-hover);
  stroke: var(--bim-color-rooms-9-stroke);
}
._visSvg_1qh0l_10 svg path.rooms-color.rooms-20:is(:hover, .preview) {
  fill: var(--bim-color-rooms-10-fill-hover);
  stroke: var(--bim-color-rooms-10-stroke);
}
._visSvg_1qh0l_10 svg path.status-sold {
  fill: transparent;
  stroke: transparent;
  cursor: default;
}
._visSvg_1qh0l_10 svg path.status-sold:is(:hover, .preview) {
  fill: var(--bim-color-status-sold-fill-hover);
  stroke: var(--bim-color-status-sold-stroke);
  stroke-width: 2px;
}
._visSvg_1qh0l_10 svg path.status-available:is(:hover, .preview) {
  fill: var(--bim-color-status-available-fill-hover);
  stroke: var(--bim-color-status-available-stroke);
  stroke-width: 2px;
}
._visSvg_1qh0l_10 svg path.status-reserved:is(:hover, .preview) {
  fill: var(--bim-color-status-reserved-fill-hover);
  stroke: var(--bim-color-status-reserved-stroke);
  stroke-width: 2px;
}
._visSvg_1qh0l_10 svg path.insolation-color.insolation-null:is(:hover, .preview) {
  fill: var(--bim-color-insolation-null-fill-hover);
  stroke: var(--bim-color-insolation-null-stroke);
}
._visSvg_1qh0l_10 svg path.insolation-color.insolation-0:is(:hover, .preview) {
  fill: var(--bim-color-insolation-0-fill-hover);
  stroke: var(--bim-color-insolation-0-stroke);
}
._visSvg_1qh0l_10 svg path.insolation-color.insolation-1:is(:hover, .preview) {
  fill: var(--bim-color-insolation-1-fill-hover);
  stroke: var(--bim-color-insolation-1-stroke);
}
._visSvg_1qh0l_10 svg path.insolation-color.insolation-2:is(:hover, .preview) {
  fill: var(--bim-color-insolation-2-fill-hover);
  stroke: var(--bim-color-insolation-2-stroke);
}
._visSvg_1qh0l_10 svg path.insolation-color.insolation-3:is(:hover, .preview) {
  fill: var(--bim-color-insolation-3-fill-hover);
  stroke: var(--bim-color-insolation-3-stroke);
}
._visSvg_1qh0l_10 svg path.insolation-color.insolation-4:is(:hover, .preview) {
  fill: var(--bim-color-insolation-4-fill-hover);
  stroke: var(--bim-color-insolation-4-stroke);
}
._visSvg_1qh0l_10 svg path.insolation-color.insolation-5:is(:hover, .preview) {
  fill: var(--bim-color-insolation-5-fill-hover);
  stroke: var(--bim-color-insolation-5-stroke);
}
._visSvg_1qh0l_10 svg path.insolation-color.insolation-6:is(:hover, .preview) {
  fill: var(--bim-color-insolation-6-fill-hover);
  stroke: var(--bim-color-insolation-6-stroke);
}
._visSvg_1qh0l_10 svg path.insolation-color.insolation-7:is(:hover, .preview) {
  fill: var(--bim-color-insolation-7-fill-hover);
  stroke: var(--bim-color-insolation-7-stroke);
}
._visSvg_1qh0l_10 svg path.insolation-color.insolation-8:is(:hover, .preview) {
  fill: var(--bim-color-insolation-8-fill-hover);
  stroke: var(--bim-color-insolation-8-stroke);
}
._visSvg_1qh0l_10 svg path.insolation-color.insolation-9:is(:hover, .preview) {
  fill: var(--bim-color-insolation-9-fill-hover);
  stroke: var(--bim-color-insolation-9-stroke);
}
._visSvg_1qh0l_10 svg path.insolation-color.insolation-10:is(:hover, .preview) {
  fill: var(--bim-color-insolation-10-fill-hover);
  stroke: var(--bim-color-insolation-10-stroke);
}
._visSvg_1qh0l_10 svg path.compare-color.compare-p0:is(:hover, .preview) {
  fill: var(--bim-color-compare-p0-fill-hover);
  stroke: var(--bim-color-compare-p0-stroke);
}
._visSvg_1qh0l_10 svg path.compare-color.compare-p1:is(:hover, .preview) {
  fill: var(--bim-color-compare-p1-fill-hover);
  stroke: var(--bim-color-compare-p1-stroke);
}
._visSvg_1qh0l_10 svg path.compare-color.compare-p2:is(:hover, .preview) {
  fill: var(--bim-color-compare-p2-fill-hover);
  stroke: var(--bim-color-compare-p2-stroke);
}
._visSvg_1qh0l_10 svg path.compare-color.compare-p3:is(:hover, .preview) {
  fill: var(--bim-color-compare-p3-fill-hover);
  stroke: var(--bim-color-compare-p3-stroke);
}
._visSvg_1qh0l_10 svg path.compare-color.compare-p4:is(:hover, .preview) {
  fill: var(--bim-color-compare-p4-fill-hover);
  stroke: var(--bim-color-compare-p4-stroke);
}
._visSvg_1qh0l_10 svg path.compare-color.compare-p5:is(:hover, .preview) {
  fill: var(--bim-color-compare-p5-fill-hover);
  stroke: var(--bim-color-compare-p5-stroke);
}
._visSvg_1qh0l_10 svg path.compare-color.compare-p6:is(:hover, .preview) {
  fill: var(--bim-color-compare-p6-fill-hover);
  stroke: var(--bim-color-compare-p6-stroke);
}
._visSvg_1qh0l_10 svg path.compare-color.compare-p7:is(:hover, .preview) {
  fill: var(--bim-color-compare-p7-fill-hover);
  stroke: var(--bim-color-compare-p7-stroke);
}
._visSvg_1qh0l_10 svg path.compare-color.compare-p8:is(:hover, .preview) {
  fill: var(--bim-color-compare-p8-fill-hover);
  stroke: var(--bim-color-compare-p8-stroke);
}
._visSvg_1qh0l_10 svg path.compare-color.compare-p9:is(:hover, .preview) {
  fill: var(--bim-color-compare-p9-fill-hover);
  stroke: var(--bim-color-compare-p9-stroke);
}
._visSvg_1qh0l_10 svg path.category-color.category-product:is(:hover, .preview) {
  fill: var(--bim-color-category-product-fill-hover);
  stroke: var(--bim-color-category-product-stroke);
}
._visSvg_1qh0l_10 svg path.category-color.category-real_estate:is(:hover, .preview) {
  fill: var(--bim-color-category-real-estate-fill-hover);
  stroke: var(--bim-color-category-real-estate-stroke);
}
._visSvg_1qh0l_10 svg path.category-color.category-unit:is(:hover, .preview) {
  fill: var(--bim-color-category-unit-fill-hover);
  stroke: var(--bim-color-category-unit-stroke);
}
._visSvg_1qh0l_10 svg path.category-color.category-apartment_standard:is(:hover, .preview) {
  fill: var(--bim-color-category-apartment-standard-fill-hover);
  stroke: var(--bim-color-category-apartment-standard-stroke);
}
._visSvg_1qh0l_10 svg path.category-color.category-apartment_premium:is(:hover, .preview) {
  fill: var(--bim-color-category-apartment-premium-fill-hover);
  stroke: var(--bim-color-category-apartment-premium-stroke);
}
._visSvg_1qh0l_10 svg path.category-color.category-apartment_luxury:is(:hover, .preview) {
  fill: var(--bim-color-category-apartment-luxury-fill-hover);
  stroke: var(--bim-color-category-apartment-luxury-stroke);
}
._visSvg_1qh0l_10 svg path.category-color.category-studio:is(:hover, .preview) {
  fill: var(--bim-color-category-studio-fill-hover);
  stroke: var(--bim-color-category-studio-stroke);
}
._visSvg_1qh0l_10 svg path.category-color.category-detached:is(:hover, .preview) {
  fill: var(--bim-color-category-detached-fill-hover);
  stroke: var(--bim-color-category-detached-stroke);
}
._visSvg_1qh0l_10 svg path.category-color.category-semi_detached:is(:hover, .preview) {
  fill: var(--bim-color-category-semi-detached-fill-hover);
  stroke: var(--bim-color-category-semi-detached-stroke);
}
._visSvg_1qh0l_10 svg path.category-color.category-townhouse:is(:hover, .preview) {
  fill: var(--bim-color-category-townhouse-fill-hover);
  stroke: var(--bim-color-category-townhouse-stroke);
}
._visSvg_1qh0l_10 svg path.category-color.category-commercial:is(:hover, .preview) {
  fill: var(--bim-color-category-commercial-fill-hover);
  stroke: var(--bim-color-category-commercial-stroke);
}
._visSvg_1qh0l_10 svg path.category-color.category-store:is(:hover, .preview) {
  fill: var(--bim-color-category-store-fill-hover);
  stroke: var(--bim-color-category-store-stroke);
}
._visSvg_1qh0l_10 svg path.category-color.category-hotel_room:is(:hover, .preview) {
  fill: var(--bim-color-category-hotel-room-fill-hover);
  stroke: var(--bim-color-category-hotel-room-stroke);
}
._visSvg_1qh0l_10 svg path.category-color.category-hotel_suite:is(:hover, .preview) {
  fill: var(--bim-color-category-hotel-suite-fill-hover);
  stroke: var(--bim-color-category-hotel-suite-stroke);
}
._visSvg_1qh0l_10 svg path.filtered-out {
  opacity: 0.35;
  cursor: default;
}
._visSvg_1qh0l_10 svg path.active {
  opacity: 1 !important;
  fill: color-mix(in srgb, var(--bim-color-primary) 40%, transparent) !important;
  stroke: var(--bim-color-primary-highlight, var(--bim-color-primary)) !important;
  stroke-width: 0.25em !important;
}

._loading_1qh0l_326 {
  width: 100%;
  height: 100%;
  background: var(--bim-color-surface-gray-light);
}

._topBar_1qh0l_332 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 1.25em 2.5em;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1em;
  pointer-events: none;
}
._topBar_1qh0l_332 > * {
  pointer-events: auto;
}
@container bim-app (max-width: 767px) {
  ._topBar_1qh0l_332 {
    padding: 1em 1em;
  }
}

._bottomBar_1qh0l_353 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 2.5em;
  display: flex;
  justify-content: flex-end;
  gap: 1em;
  pointer-events: none;
}
._bottomBar_1qh0l_353 > * {
  pointer-events: auto;
}
@container bim-app (max-width: 767px) {
  ._bottomBar_1qh0l_353 {
    padding: 0 1em;
  }
}

._instructionBox_1qh0l_373 {
  background-color: var(--bim-color-accent);
  color: var(--bim-color-accent-on);
  border: 1px solid var(--bim-color-lines-lightest);
  border-radius: var(--bim-shape-card) var(--bim-shape-card) 0 0;
  padding: 1.25em;
  width: 12.5em;
  height: 12.5em;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  z-index: 10;
  margin-bottom: -7px;
  pointer-events: none;
}
@container bim-app (max-width: 767px) {
  ._instructionBox_1qh0l_373 {
    width: 10em;
    height: auto;
    padding: 1em;
  }
}

._instructionText_1qh0l_397 {
  font-size: 2em;
  line-height: 1.4;
}
@container bim-app (max-width: 767px) {
  ._instructionText_1qh0l_397 {
    font-size: 1.25em;
  }
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._ctaButton_1qh0l_407 {
  z-index: 15;
  pointer-events: auto;
  min-width: 4.5em;
  justify-content: center;
  overflow: hidden;
  transition: background 0.25s ease, box-shadow 0.25s ease, color 0.25s ease, padding 0.25s ease;
}
@container bim-app (max-width: 767px) {
  :is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._ctaButton_1qh0l_407 {
    min-width: 3.5em;
  }
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._ctaText_1qh0l_421 {
  display: inline-block;
  max-width: 0;
  margin-inline-end: 0;
  overflow: hidden;
  opacity: 0;
  transform: translateX(0.35em);
  white-space: nowrap;
  transition: max-width 0.3s ease, margin-inline-end 0.25s ease, opacity 0.2s ease, transform 0.25s ease;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._ctaButton_1qh0l_407._ctaButtonExpanded_1qh0l_432 {
  background: var(--bim-color-primary);
  color: var(--bim-color-primary-on);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.28);
  padding: 1em 1.5em 1em 1.5em;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._ctaButtonExpanded_1qh0l_432 ._ctaText_1qh0l_421 {
  max-width: 12em;
  margin-inline-end: 0.75em;
  opacity: 1;
  transform: translateX(0);
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._ctaIcon_1qh0l_446 {
  flex-shrink: 0;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._ctaIconArrows_1qh0l_450 {
  transform-box: fill-box;
  transform-origin: center;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._ctaButtonExpanded_1qh0l_432 ._ctaIconArrows_1qh0l_450 {
  animation: _cta-icon-arrows-spin_1qh0l_1 4s ease-in-out infinite;
}

@keyframes _cta-icon-arrows-spin_1qh0l_1 {
  0% {
    transform: rotate(0deg);
  }
  18% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  ._ctaButton_1qh0l_407,
  ._ctaText_1qh0l_421 {
    transition: none;
  }
  ._ctaButtonExpanded_1qh0l_432 ._ctaIconArrows_1qh0l_450 {
    animation: none;
  }
}:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._bimLogo_15d7t_1 {
  display: inline-flex;
  align-items: center;
  height: 100%;
  width: auto;
  color: var(--bim-color-text-emphasis);
  opacity: 1;
  transition: opacity 0.15s ease;
  text-decoration: none;
  box-shadow: none;
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._bimLogo_15d7t_1 svg {
  height: 100%;
  width: auto;
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._bimLogo_15d7t_1:hover {
  opacity: 0.75;
}:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._tag_g6nog_1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--bim-color-surface-lightest);
  line-height: 0;
  text-decoration: none;
}

._sizeSmall_g6nog_10 {
  height: 1.55em;
  padding: 0.5em 1.5em 0.25em;
  width: 6em;
  font-size: 1em;
  line-height: 1em;
}

._sizeMedium_g6nog_18 {
  height: 2.25em;
  padding: 0.75em 1.5em 0.5em;
  width: 8em;
  font-size: 1em;
  line-height: 1em;
}
._sizeMedium_g6nog_18._mobile_g6nog_25 {
  height: 2.5em;
  padding: 0.8125em 1em 0.8125em 0.25em;
  width: 5.5em;
  font-size: 1em;
  line-height: 1em;
}

._sizeLarge_g6nog_33 {
  height: 3em;
  padding: 0.75em 1.5em;
}

._posBottom_g6nog_38 {
  border-radius: var(--bim-shape-card) var(--bim-shape-card) 0 0;
}

._posTop_g6nog_42 {
  border-radius: 0 0 var(--bim-shape-card) var(--bim-shape-card);
}

._posLeft_g6nog_46 {
  border-radius: 0 var(--bim-shape-card) var(--bim-shape-card) 0;
}

._posRight_g6nog_50 {
  border-radius: var(--bim-shape-card) 0 0 var(--bim-shape-card);
}._heroView_99jym_1 {
  width: 100%;
  position: relative;
  padding: 0;
  display: flex;
  flex-direction: column;
}
._heroView_99jym_1[data-hero-padding=true] {
  padding: var(--bim-section-padding) 0 0;
}

._canvas_99jym_12 {
  width: 100%;
  height: 85svh;
  background: var(--bim-color-surface-lightest);
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
@container bim-app (max-width: 767px) {
  ._canvas_99jym_12 {
    height: min(100svh - var(--bim-section-padding) - 8em, 460px);
  }
}

._logoOverlay_99jym_28 {
  position: absolute;
  bottom: 0;
  left: 2.5em;
  pointer-events: auto;
}
@container bim-app (max-width: 767px) {
  ._logoOverlay_99jym_28 {
    left: 0;
    bottom: 1.25em;
  }
}._mobileNavBarBox_1lda8_1 {
  position: sticky;
  bottom: 0;
  z-index: var(--bim-z-mobile-nav, 110);
  width: 100%;
  min-height: var(--bim-mobile-nav-height, 4.5em);
  display: flex;
  justify-content: center;
  align-items: flex-end;
  pointer-events: none;
  padding: 0.5em 1em calc(1em + env(safe-area-inset-bottom));
  background: transparent;
}

._mobileNavBar_1lda8_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
  max-width: min(100%, 38rem);
  background: var(--bim-color-surface-lightest);
  border-radius: var(--bim-shape-control-xlarge);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._navButton_1lda8_26 {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  gap: 0.25em;
}

._icon_1lda8_33 {
  width: 1.5em;
  height: 1.5em;
}

._label_1lda8_38 {
  white-space: nowrap;
  font-size: 0.75em;
  line-height: 1;
}

@container bim-app (max-width: 767px) {
  @media (orientation: landscape) {
    ._mobileNavBarBox_1lda8_1 {
      justify-content: flex-end;
      align-items: flex-end;
      padding: 0 calc(0.5em + env(safe-area-inset-right)) calc(0.5em + env(safe-area-inset-bottom)) 0;
    }
    ._mobileNavBar_1lda8_1 {
      flex-direction: column;
      max-width: none;
    }
    :is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._navButton_1lda8_26 {
      width: 100%;
    }
  }
}._actionsPane_9r7kx_1 {
  width: 100%;
  padding: 0.5rem 0;
  transform: translateY(-0.5rem);
  margin-top: var(--bim-spacing-s, 0.5em);
}

._sticky_9r7kx_8 {
  position: sticky;
  top: var(--bim-section-padding);
  bottom: 0;
  z-index: 9;
}
@container bim-app (max-width: 767px) {
  ._sticky_9r7kx_8 {
    bottom: calc(var(--bim-mobile-nav-height, 4.5em) + env(safe-area-inset-bottom));
  }
}

._stuck_9r7kx_20 {
  background-color: var(--bim-color-white, #fff);
  box-shadow: 0 0 6px 8px var(--bim-color-white, #fff);
}

._unitNumber_9r7kx_25 {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  transition: max-width 0.3s ease-in-out, padding-left 0.3s ease-in-out;
}._collapsablePaneHSegment_smti9_1 {
  display: flex;
  flex-direction: column;
  margin-top: var(--bim-spacing-s, 0.75em);
  width: 100%;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._headerButton_smti9_8 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  gap: 0.5em;
  margin-bottom: 0.5em;
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._headerButton_smti9_8:hover ._title_smti9_20, :is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._headerButton_smti9_8:hover ._chevron_smti9_20 {
  color: var(--bim-color-secondary);
}

._title_smti9_20 {
  font-weight: 600;
  font-size: 0.9em;
  color: var(--bim-color-text-headings);
  font-family: var(--bim-font-headings);
  flex: 1;
  transition: color 0.15s ease;
}

._chevron_smti9_20 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--bim-color-text-emphasis);
  width: 1.5em;
  height: 1.5em;
  flex-shrink: 0;
}

._paneHolder_smti9_43 {
  overflow: hidden;
  transition: max-height 300ms ease, opacity 300ms ease;
}
._paneHolder_smti9_43._body_expanded_smti9_47 {
  max-height: 2000px;
  opacity: 1;
}
._paneHolder_smti9_43._body_collapsed_smti9_51 {
  max-height: 0;
  opacity: 0;
}._root_13klu_1 {
  display: flex;
  flex-direction: column;
  gap: 0.1em;
  min-width: 0;
  padding: 0.35em 0.5em;
  cursor: pointer;
  user-select: none;
  transition: background 0.12s ease;
}
._root_13klu_1:focus-visible {
  outline: 2px solid var(--bim-color-primary, #222);
  outline-offset: 1px;
}

._labelRow_13klu_16 {
  display: flex;
  align-items: center;
  gap: 0.3em;
  min-width: 0;
}

._label_13klu_16 {
  font-size: var(--bim-data-label-size, 0.75em);
  color: var(--bim-color-text-muted, #888);
  font-weight: 400;
  line-height: 1.25;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

._value_13klu_34 {
  font-size: var(--bim-data-value-size, 1em);
  color: var(--bim-color-text, #222);
  font-weight: 600;
  line-height: 1.2;
  overflow-wrap: break-word;
}

._hovered_13klu_42 {
  background: var(--bim-color-surface-light, #f5f5f5);
}

._selected_13klu_46 {
  background: var(--bim-color-primary-subtlest, #f0f0f0);
}

._disabled_13klu_50 {
  cursor: default;
  opacity: 0.45;
  pointer-events: none;
}._root_wevsg_1 {
  display: flex;
  flex-direction: column;
}

._section_wevsg_6 {
  margin-bottom: var(--bim-spacing-md, 0.75em);
}

._sectionHeader_wevsg_10 {
  font-size: 0.7em;
  font-weight: 600;
  color: var(--bim-color-text-muted, #888);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.4em;
  padding: 0 0.25em;
}

._rowGroup_wevsg_20 {
  margin-bottom: 0.125em;
}

._tilesRow_wevsg_24 {
  display: grid;
  grid-template-columns: repeat(var(--cl-columns, 3), 1fr);
  --bim-data-label-size: 0.75em;
  --bim-data-value-size: 1em;
}

._expandedRow_wevsg_31 {
  padding: 0.5em 0.5em 0.25em;
  margin-top: 0.125em;
  margin-bottom: 0.25em;
  background: var(--bim-color-surface-light, #f5f5f5);
  border-bottom: 1px solid var(--bim-color-border, #e2e2e2);
  overflow: hidden;
  animation: _expandedRowIn_wevsg_1 0.2s ease-out;
}

@keyframes _expandedRowIn_wevsg_1 {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._additionalSection_wevsg_51 {
  padding-top: var(--bim-spacing-s, 0.5em);
  margin-top: var(--bim-spacing-xs, 0.25em);
  border-top: 1px solid var(--bim-color-border, #e2e2e2);
}._backdrop_gexol_1 {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  z-index: 200;
  animation: _backdropFadeIn_gexol_1 0.15s ease-out forwards;
}

@keyframes _backdropFadeIn_gexol_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
._modalHolder_gexol_17 {
  position: fixed;
  inset: 0;
  z-index: 201;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: calc(var(--bim-section-padding) + 1em) 1em 1em;
  box-sizing: border-box;
  pointer-events: none;
}

._dialog_gexol_30 {
  pointer-events: auto;
  background: var(--bim-color-surface-lightest);
  border-radius: var(--bim-shape-popover);
  box-shadow: 0 8px 48px rgba(0, 0, 0, 0.22);
  display: flex;
  flex-direction: column;
  width: fit-content;
  max-height: calc(100dvh - var(--bim-section-padding));
  overflow: hidden;
  animation: _panelFadeIn_gexol_1 0.2s ease-out forwards;
  scrollbar-color: var(--bim-color-secondary) var(--bim-color-surface-offwhite);
  scrollbar-width: thin;
}
._dialog_gexol_30::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
._dialog_gexol_30::-webkit-scrollbar-track {
  background: var(--bim-color-surface-offwhite);
}
._dialog_gexol_30::-webkit-scrollbar-thumb {
  background: var(--bim-color-secondary);
  border-radius: 3px;
}
._dialog_gexol_30::-webkit-scrollbar-thumb:hover {
  background: var(--bim-color-secondary-hover, var(--bim-color-secondary));
}
._dialog_gexol_30::-webkit-scrollbar-button {
  display: none;
}
._dialog_gexol_30::-webkit-scrollbar-corner {
  background: var(--bim-color-surface-offwhite);
}

@keyframes _panelFadeIn_gexol_1 {
  from {
    opacity: 0;
    transform: translateY(12px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
._header_gexol_75 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0.875em 1.25em;
  border-bottom: 1px solid var(--bim-color-lines-light);
  flex-shrink: 0;
}

._titlePane_gexol_85 {
  width: 100%;
}

._content_gexol_89 {
  flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

._footer_gexol_95 {
  padding: 0.875em 1.25em;
  border-top: 1px solid var(--bim-color-lines-light);
  flex-shrink: 0;
}:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._detailsPane_1n1rp_1 {
  padding: 0 0.75em;
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._detailsPane_1n1rp_1 p {
  margin: 0;
  font-size: 0.875em;
  line-height: 1.6;
  color: var(--bim-color-text);
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._detailsPane_1n1rp_1 a {
  color: var(--bim-color-text-emphasis);
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._clippedText_1n1rp_14 {
  margin: 0 0 0.5em;
  font-size: 0.875em;
  line-height: 1.6;
  color: var(--bim-color-text);
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._showMoreBtn_1n1rp_21 {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  font-size: 0.875em;
  font-weight: 600;
  color: var(--bim-color-text-emphasis);
  text-decoration: none;
  font-family: inherit;
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._showMoreBtn_1n1rp_21:hover {
  color: var(--bim-color-secondary);
}

._heading_1n1rp_36 {
  font-size: 1.25em;
  font-weight: 600;
  color: var(--bim-color-text-headings);
  font-family: var(--bim-font-headings);
}

._modalContent_1n1rp_43 {
  display: flex;
  flex-direction: column;
  gap: 1em;
  max-width: 40em;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._modalTurnkeyLabel_1n1rp_50 {
  font-size: 0.875em;
  font-weight: 600;
  color: var(--bim-color-text-headings);
  margin: 0;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._modalSection_1n1rp_57 {
  font-size: 0.9em;
  line-height: 1.6;
  color: var(--bim-color-text);
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._modalSection_1n1rp_57 p, :is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._modalSection_1n1rp_57 div {
  margin: 0 0 0.5em;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._modalSection_1n1rp_57 p:last-child, :is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._modalSection_1n1rp_57 div:last-child {
  margin-bottom: 0;
}:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._disclaimerPane_1epmi_1 {
  margin-top: var(--bim-spacing-md, 1em);
  color: var(--bim-color-text-muted);
  padding: 0 var(--bim-spacing-s, 0.75em);
  font-size: 0.8em;
  line-height: 1.5;
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._disclaimerPane_1epmi_1 p, :is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._disclaimerPane_1epmi_1 div {
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  color: inherit;
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._disclaimerPane_1epmi_1 a {
  color: var(--bim-color-text-emphasis);
  text-decoration: none;
}:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._infoModeContainer_qr9nm_1 {
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._selectLabel_qr9nm_8 {
  display: flex;
  flex-direction: column;
  gap: 0.35em;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._selectLabelText_qr9nm_14 {
  font-size: 0.8em;
  font-weight: 600;
  color: var(--bim-color-text-muted);
  letter-spacing: 0.03em;
  text-transform: uppercase;
  margin: 0;
}

._singleSchemeLabel_qr9nm_23 {
  font-size: 1em;
  font-weight: 600;
  color: var(--bim-color-text);
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._schemeDesc_qr9nm_29 {
  padding: 0 0.5em;
  font-size: 0.8em;
  line-height: 1.5;
  color: var(--bim-color-text-muted);
  margin: 0;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._zonesLegendBox_qr9nm_37 {
  display: flex;
  flex-direction: row;
  gap: 0.75em;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._legendItem_qr9nm_43 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25em;
  margin: 0;
  padding: 0;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._swatch_qr9nm_54 {
  display: block;
  width: 100%;
  height: 1.5em;
  border-radius: var(--bim-shape-legend-swatch, 0);
  border: 1px solid var(--bim-color-border, rgba(0, 0, 0, 0.1));
  flex-shrink: 0;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._swatchLabel_qr9nm_63 {
  font-size: 0.7em;
  color: var(--bim-color-text-muted);
  text-align: center;
  margin: 0;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
  line-height: 1.2;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._compareLegendBox_qr9nm_75 {
  display: flex;
  flex-direction: column;
  gap: 0.2em;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._compareSwatches_qr9nm_81 {
  display: flex;
  gap: 0.25em;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._compareSwatchWrap_qr9nm_86 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2em;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._compareSwatch_qr9nm_81 {
  display: block;
  width: 100%;
  height: 1.5em;
  border-radius: var(--bim-shape-legend-swatch, 0);
  cursor: default;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._compareLabels_qr9nm_103 {
  display: flex;
  justify-content: space-between;
  font-size: 0.7em;
  color: var(--bim-color-text-muted);
  margin: 0;
  padding: 0;
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._compareLabels_qr9nm_103 span {
  font-size: inherit;
  color: inherit;
  margin: 0;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._brightnessLegendBox_qr9nm_117 {
  display: flex;
  flex-direction: column;
  gap: 0.2em;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._brightnessBar_qr9nm_123 {
  display: grid;
  grid-template-columns: 1fr 1fr 4fr;
  grid-gap: 0.75em;
  height: 1.5em;
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._brightnessBar_qr9nm_123 span {
  display: block;
  border-radius: var(--bim-shape-legend-swatch, 0);
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._brightnessBar_qr9nm_123 ._brightnessNone_qr9nm_133,
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._brightnessBar_qr9nm_123 ._brightnessLow_qr9nm_134 {
  cursor: pointer;
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._brightnessBar_qr9nm_123 ._brightnessGradient_qr9nm_137 {
  position: relative;
  overflow: visible;
  cursor: crosshair;
  border: 1px solid var(--bim-color-brightness-high, #e0c040);
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._brightnessSegmentActive_qr9nm_144 {
  outline: 2px solid var(--bim-color-text-muted);
  outline-offset: 1px;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._brightnessTick_qr9nm_149 {
  position: absolute;
  top: -3px;
  bottom: -3px;
  width: 2px;
  background: var(--bim-color-text);
  transform: translateX(-50%);
  pointer-events: none;
  border-radius: 1px;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._brightnessLabels_qr9nm_160 {
  display: grid;
  grid-template-columns: 1fr 1fr 4fr;
  grid-gap: 0.75em;
  font-size: 0.7em;
  color: var(--bim-color-text-muted);
  margin: 0;
  padding: 0;
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._brightnessLabels_qr9nm_160 span {
  text-align: center;
  font-size: inherit;
  color: inherit;
  margin: 0;
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._brightnessLabels_qr9nm_160 span:last-child {
  text-align: right;
}._root_3jz79_1 {
  --sl-color: var(--bim-color-text-emphasis);
  position: relative;
  height: 2.625em;
  padding: 0 0.625em;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
  touch-action: none;
}
._root_3jz79_1:hover {
  --sl-color: var(--bim-color-secondary);
}
._root_3jz79_1[data-active] {
  --sl-color: var(--bim-color-secondary);
}
._root_3jz79_1[data-disabled] {
  opacity: 0.4;
  pointer-events: none;
}

._rail_3jz79_24 {
  position: relative;
  width: 100%;
  height: 0.15em;
  overflow: visible;
  background-color: transparent;
}
._rail_3jz79_24::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--bim-color-text-emphasis);
  opacity: 0.35;
  transition: background-color 0.2s ease;
}
._root_3jz79_1:hover ._rail_3jz79_24::before, ._root_3jz79_1[data-active] ._rail_3jz79_24::before {
  opacity: 0.5;
}

._track_3jz79_43 {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: 0.25em;
  background-color: var(--sl-color);
  pointer-events: none;
  transition: width 0.15s ease, background-color 0.2s ease;
}

._thumb_3jz79_54 {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1.25em;
  height: 1.25em;
  background-color: var(--sl-color);
  border-radius: var(--bim-shape-slider-thumb);
  cursor: grab;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  outline: none;
  transition: left 0.15s ease, background-color 0.2s ease, box-shadow 0.15s ease;
}
._thumb_3jz79_54:hover, ._thumb_3jz79_54:focus-visible {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}
._thumb_3jz79_54:active {
  cursor: grabbing;
}

._tooltip_3jz79_74 {
  position: absolute;
  top: calc(100% + 0.3em);
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  font-size: 0.6875em;
  line-height: 1;
  font-family: var(--bim-font-primary, inherit);
  color: var(--bim-color-on-tooltip);
  background: var(--bim-color-tooltip);
  border-radius: var(--bim-shape-tooltip, 0);
  padding: 0.5em 0.75em;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.1s ease;
}
._thumb_3jz79_54:hover ._tooltip_3jz79_74, ._thumb_3jz79_54:focus-visible ._tooltip_3jz79_74 {
  opacity: 1;
}

._root_3jz79_1[data-dragging=true] ._thumb_3jz79_54 ._tooltip_3jz79_74 {
  opacity: 1;
}

._root_3jz79_1[data-dragging=true] {
  cursor: grabbing;
}
._root_3jz79_1[data-dragging=true] * {
  cursor: grabbing;
}
._root_3jz79_1[data-dragging=true] ._thumb_3jz79_54 {
  transition: background-color 0.2s ease, box-shadow 0.15s ease;
}
._root_3jz79_1[data-dragging=true] ._track_3jz79_43 {
  transition: background-color 0.2s ease;
}:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._controller_16xbb_1 {
  display: flex;
  flex-direction: column;
  gap: 0.65em;
  padding: 0.25em 0.75em 0.75em;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._timeRow_16xbb_8 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5em;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._stepBtn_16xbb_15 {
  appearance: none;
  flex-shrink: 0;
  min-width: 3em;
  padding: 0.3em 0.5em;
  border: 1px solid var(--bim-color-border, #ccc);
  border-radius: var(--bim-shape-control, 0);
  background: transparent;
  color: var(--bim-color-text-muted);
  font-size: 0.75em;
  font-family: inherit;
  line-height: 1.2;
  text-align: center;
  cursor: pointer;
  transition: border-color 0.15s ease, color 0.15s ease;
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._stepBtn_16xbb_15:hover {
  border-color: var(--bim-color-secondary);
  color: var(--bim-color-secondary);
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._stepUnit_16xbb_36 {
  font-size: 0.85em;
  opacity: 0.75;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._timeValue_16xbb_41 {
  flex: 1;
  text-align: center;
  font-size: 1.15em;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--bim-color-secondary);
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._sliderWrap_16xbb_50 {
  display: flex;
  flex-direction: column;
  gap: 0;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._hourMarkers_16xbb_56 {
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  padding: 0 0.625em;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._hourMarker_16xbb_56 {
  appearance: none;
  border: none;
  background: transparent;
  padding: 0.15em 0.3em;
  margin: 0;
  font: inherit;
  font-size: 0.68em;
  font-variant-numeric: tabular-nums;
  color: var(--bim-color-text-muted);
  cursor: pointer;
  border-radius: var(--bim-shape-control, 0);
  line-height: 1;
  transition: color 0.15s ease, background-color 0.15s ease;
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._hourMarker_16xbb_56:hover, :is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._hourMarker_16xbb_56:focus-visible {
  color: var(--bim-color-secondary);
  outline: none;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._focused_16xbb_84 {
  display: flex;
  align-items: center;
  gap: 0.4em;
  padding: 0.35em 0.6em;
  background: var(--bim-color-surface-offwhite, #f8f8f8);
  border: 1px solid var(--bim-color-border, #e0e0e0);
  border-radius: var(--bim-shape-card-inner, 0);
  font-size: 0.8em;
  min-width: 0;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._focusedMeta_16xbb_96 {
  color: var(--bim-color-text-muted);
  white-space: nowrap;
  flex-shrink: 0;
  margin: 0;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._focusedName_16xbb_103 {
  flex: 1;
  min-width: 0;
  font-weight: 600;
  color: var(--bim-color-text);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._focusedReset_16xbb_114 {
  appearance: none;
  flex-shrink: 0;
  width: 1.5em;
  height: 1.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--bim-color-border, #ccc);
  border-radius: var(--bim-shape-control, 0);
  background: transparent;
  color: var(--bim-color-text-muted);
  font-size: 1em;
  line-height: 1;
  cursor: pointer;
  padding: 0;
  transition: border-color 0.15s ease, color 0.15s ease;
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._focusedReset_16xbb_114:hover {
  border-color: var(--bim-color-secondary);
  color: var(--bim-color-secondary);
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._legend_16xbb_137 {
  display: flex;
  flex-direction: row;
  gap: 0;
  flex-wrap: nowrap;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._legendItem_16xbb_144 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2em;
  cursor: default;
  padding: 0.15em 0.15em 0;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._legendSwatch_16xbb_155 {
  display: block;
  width: 100%;
  height: 1.5em;
  border-radius: var(--bim-shape-legend-swatch, 0);
  border: 1px solid transparent;
  transition: border-color 0.1s ease;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._legendLabel_16xbb_164 {
  font-size: 0.65em;
  font-variant-numeric: tabular-nums;
  color: var(--bim-color-text-muted);
  text-align: center;
  margin: 0;
  white-space: nowrap;
  line-height: 1;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._legendItemActive_16xbb_174 ._legendLabel_16xbb_164 {
  color: var(--bim-color-secondary);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 2px;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._legendItemHovered_16xbb_181 ._legendSwatch_16xbb_155 {
  border-color: var(--bim-color-text, #000);
  opacity: 1;
}:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._pane_1xqry_1 {
  margin-top: var(--bim-spacing-s, 0.5em);
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._heading_1xqry_5 {
  font-weight: 600;
  font-size: 0.9em;
  color: var(--bim-color-text-headings);
  font-family: var(--bim-font-headings);
  margin: 0 0 0.5em 0;
}:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._modeDetailsPane_1d9ke_1 {
  padding: 0 0.75em;
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._modeDetailsPane_1d9ke_1 p, :is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._modeDetailsPane_1d9ke_1 div {
  margin: 0;
  font-size: 0.875em;
  line-height: 1.6;
  color: var(--bim-color-text);
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._description_1d9ke_11 {
  margin: 0 0 0.6em;
  font-size: 0.875em;
  line-height: 1.6;
  color: var(--bim-color-text);
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._learnMoreBtn_1d9ke_18 {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  font-size: 0.875em;
  font-weight: 600;
  color: var(--bim-color-text-emphasis);
  text-decoration: none;
  font-family: inherit;
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._learnMoreBtn_1d9ke_18:hover {
  color: var(--bim-color-secondary);
}

._heading_1d9ke_33 {
  font-size: 1.25em;
  font-weight: 600;
  color: var(--bim-color-text-headings);
  font-family: var(--bim-font-headings);
}
/* ── OnboardingOverlay ─────────────────────────────────────────────────────── */
/*
 * The overlay sits in the absolute space of .frame (position:absolute, inset:0).
 * It is always in the DOM so the collapse animation can play before unmounting.
 *
 * Animation: the panel slides down from the top-right corner:
 *   - transform-origin: top right
 *   - scaleY(0) → scaleY(1) on open, reversed on close
 */
._backdrop_k06du_11 {
  position: absolute;
  inset: 0;
  z-index: 20;
  height: 100%;
  width: 100%;
  /* invisible & non-interactive when closed */
  pointer-events: none;
  background: transparent;
  transition: background 200ms ease;
}
._backdrop_k06du_11._backdropVisible_k06du_22 {
  pointer-events: auto;
  background: rgba(255, 255, 255, 0.35);
}

._panel_k06du_27 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 22;
  overflow-y: auto;
  max-height: 100%;
  scrollbar-color: var(--bim-color-secondary) var(--bim-color-surface-offwhite);
  scrollbar-width: thin;
}
._panel_k06du_27::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
._panel_k06du_27::-webkit-scrollbar-track {
  background: var(--bim-color-surface-offwhite);
}
._panel_k06du_27::-webkit-scrollbar-thumb {
  background: var(--bim-color-secondary);
  border-radius: 3px;
}
._panel_k06du_27::-webkit-scrollbar-thumb:hover {
  background: var(--bim-color-secondary-hover, var(--bim-color-secondary));
}
._panel_k06du_27::-webkit-scrollbar-button {
  display: none;
}
._panel_k06du_27::-webkit-scrollbar-corner {
  background: var(--bim-color-surface-offwhite);
}
._panel_k06du_27 {
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  padding: 1em 1em 1.25em;
  margin: 2.5em;
  border-radius: var(--bim-shape-popover);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
  /* Collapse animation — unfolds from the top-right corner (where the toggle sits) */
  transform-origin: top right;
  transform: scale(0);
  opacity: 0;
  pointer-events: none;
  transition: transform 260ms cubic-bezier(0.34, 1.2, 0.64, 1), opacity 200ms ease;
}
._panel_k06du_27._panelOpen_k06du_73 {
  transform: scale(1);
  opacity: 1;
  pointer-events: auto;
}
@container bim-app (max-width: 767px) {
  ._panel_k06du_27 {
    margin: 1.5em;
    max-width: 100%;
    max-height: 90%;
  }
}

/* --- Shared styles for onboarding panels --- */
._content_k06du_87 {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}

._title_k06du_93 {
  display: flex;
  align-items: center;
  gap: 0.5em;
  margin: 0;
  font-size: 1.5em;
  line-height: 1.25;
  font-weight: 600;
  color: var(--bim-color-text-headings);
}

._body_k06du_104 {
  margin: 0;
  font-size: 0.875em;
  color: var(--bim-color-text);
  line-height: 1.5;
}

._cta_k06du_111 {
  margin: 0;
  font-size: 1em;
  font-weight: 600;
  color: var(--bim-color-text-emphasis);
}

._disclaimer_k06du_118 {
  margin: 0;
  font-size: 0.75em;
  color: var(--bim-color-text-muted);
}

/* ── Toggle button (always on top, always interactive) ───────────────────── */
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._toggle_k06du_125 {
  position: absolute;
  top: 0.25em;
  right: 0.25em;
  z-index: 21;
  /* Always clickable — overrides backdrop's pointer-events:none when closed */
  pointer-events: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2em;
  height: 2em;
  padding: 0;
  border: none;
  border-radius: var(--bim-shape-control);
  background: var(--bim-color-surface-lightest);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  color: var(--bim-color-text-emphasis);
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._toggle_k06du_125:hover {
  color: var(--bim-color-secondary);
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._toggle_k06du_125:active {
  color: var(--bim-color-secondary-on);
  background: var(--bim-color-secondary);
}
/* ── AxonometricOnboarding content ──────────────────────────────────────── */
/* Layout and backdrop are handled by OnboardingOverlay.module.scss.           */
/* AxonometricOnboarding requires only basic styles - handled by OnboardingOverlay.module.scss.           */
/* If special styling is needed declare them here */
._cta_15cte_6 {
  display: flex;
  align-items: center;
  gap: 1em;
  margin: 0;
  font-size: 1.2em;
  font-weight: 600;
  color: var(--bim-color-text-emphasis);
}

._instruction_15cte_16 {
  display: flex;
  align-items: center;
  gap: 1em;
  margin: 0;
  font-size: 1em;
  font-weight: 400;
  color: var(--bim-color-text);
}

._iconsContainer_15cte_26 {
  display: flex;
  align-items: center;
  gap: 0.5em;
  width: 4.5em;
}
/* ── InfoOnboarding content ─────────────────────────────────────────── */
/* Layout and backdrop are handled by OnboardingOverlay.module.scss.           */
/* InfoOnboarding requires only basic styles - handled by OnboardingOverlay.module.scss.           */
/* If special styling is needed declare them here */
._schemeList_181sd_6 {
  margin: 0;
  font-size: 1em;
  line-height: 1.5;
  color: var(--bim-color-text-muted);
}._card_1g68u_1 {
  background: var(--bim-color-surface-lightest);
  color: var(--bim-color-text);
  border-radius: var(--bim-shape-card);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  padding: 0.55em 0.85em;
  min-width: 8em;
  max-width: fit-content;
  display: flex;
  flex-direction: column;
  gap: 0.4em;
}

._header_1g68u_15 {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 0.8em;
  color: var(--bim-color-text);
  border-bottom: 1px solid var(--bim-color-lines-light);
  padding-bottom: 0.35em;
  line-height: 1.3;
}

._dimensions_1g68u_26 {
  font-size: 0.75em;
  color: color-mix(in srgb, var(--bim-color-text) 65%, transparent);
  line-height: 1.4;
}
/* ── VersionPopover content ─────────────────────────────────────────── */
/* Card surface + header come from HoverPopoverCard.module.scss.              */
._line_b62ps_4 {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.4;
  color: var(--bim-color-text);
}

._muted_b62ps_11 {
  color: var(--bim-color-text-muted);
}
/* PlanRendererArrangeMode.module.scss */
/* Tokens */
._wrapper_aul7u_4 {
  position: relative;
  width: 100%;
  height: 100%;
}

._renderer_aul7u_10 {
  width: 100%;
  height: 100%;
  /* SVG fills its container */
}
._renderer_aul7u_10 svg {
  display: block;
  width: 100%;
  height: 100%;
}
._renderer_aul7u_10 {
  /* Compartments with at least one alternative variant are clickable
     to cycle through arrangements (wired up in a follow-up step). */
}
._renderer_aul7u_10 path.compartment {
  cursor: pointer;
  paint-order: stroke fill;
}

/* ── Hover highlight ────────────────────────────────────────────────────────
   Applied uniformly to every compartment. The VersionPopover communicates
   whether the room has alternative variants or not — there is no longer a
   reason to hide the highlight on single-variant rooms. */
._renderer_aul7u_10 path.compartment._compartmentHovered_aul7u_33 {
  fill: var(--bim-color-primary-fill-solid);
  stroke: var(--bim-color-product-outline, var(--bim-color-hero-outlines));
  stroke-width: 2px;
}

/* ── Compartments without alternative variants ─────────────────────────────
   Cursor cue only — clicking is a no-op (handled by the interactions hook).
   The popover header + "Brak wersjonowania" line is what tells the user. */
._renderer_aul7u_10 path.compartment._compartmentNoVariants_aul7u_42 {
  cursor: default;
}._overlay_tyq06_1 {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  z-index: 6;
}

._svg_tyq06_11 {
  width: 100%;
  height: 100%;
}

._cardinal_tyq06_16 {
  font-weight: 700;
  fill: #334155;
  stroke: rgba(255, 255, 255, 0.85);
  stroke-width: 0.5;
  paint-order: stroke;
  letter-spacing: 0.05em;
}._renderer_1uega_1 {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: grab;
  user-select: none;
  touch-action: pan-y;
}
._renderer_1uega_1:active {
  cursor: grabbing;
}
._renderer_1uega_1._loading_1uega_13 {
  cursor: default;
}
._renderer_1uega_1._loading_1uega_13:active {
  cursor: default;
}

._framesHolder_1uega_20 {
  position: absolute;
  inset: 0;
}

._frame_1uega_20 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  aspect-ratio: 1/1;
  transform: translate(-50%, -50%);
  object-fit: contain;
  opacity: 0;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._frame_1uega_20 {
  display: block;
  max-width: none;
  max-height: none;
  border: 0;
  padding: 0;
}

.frame--active {
  opacity: 1;
}

._loadingOverlay_1uega_51 {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.85);
  z-index: 10;
}

._loadingBar_1uega_62 {
  width: 72%;
  height: 3px;
  background: #e5e7eb;
  border-radius: 2px;
  overflow: hidden;
}

._loadingBarInner_1uega_70 {
  height: 100%;
  background: var(--bim-color-primary);
  transition: width 0.15s ease;
}

._cardinalsContainer_1uega_76 {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

._cardinalsVisible_1uega_84 {
  opacity: 1;
}

._controls_1uega_88 {
  position: absolute;
  bottom: 0.625em;
  right: 0.625em;
  display: flex;
  z-index: 5;
}

._controlBtn_1uega_96 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2em;
  height: 2em;
  padding: 0;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.88);
  cursor: pointer;
  font-size: 0.75rem;
  color: #334155;
  line-height: 1;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  transition: background 0.15s;
}
._controlBtn_1uega_96:hover {
  background: rgba(255, 255, 255, 0.98);
}
._controlBtn_1uega_96:active {
  background: #f1f5f9;
}
/* PlanRendererInfoMode.module.scss */
/* Tokens */
._wrapper_yt1kh_4 {
  position: relative;
  width: 100%;
  height: 100%;
}

._renderer_yt1kh_10 {
  width: 100%;
  height: 100%;
  /* SVG fills its container */
}
._renderer_yt1kh_10 svg {
  display: block;
  width: 100%;
  height: 100%;
}
._renderer_yt1kh_10 {
  /* Base cursor + paint-order for all compartment paths.
     paint-order: stroke fill — stroke is painted first, fill on top.
     On shared borders between compartments the stroke stays within each
     path’s own area (inset effect), so no bleed-over of a neighbour’s stroke
     on top of a different fill. Required for correct hover/selected visuals
     in all schemes. No transition — prevents GPU re-rasterisation shimmer
     on pointermove (see comment above). */
}
._renderer_yt1kh_10 path.compartment {
  cursor: pointer;
  paint-order: stroke fill;
}

/* ── Hover highlight ────────────────────────────────────────────────────────
   Specificity battle:
     .bim-plan .compartment          → (0,2,0)  ← plan-base.scss baseline
     .bim-plan .idLivingRoomWithAnnex → (0,2,0)  ← room-type overrides
     .compartmentHovered alone        → (0,1,0)  ← LOSES

   Fix: .renderer (local, hashed) + :global(path.compartment) + .compartmentHovered (hashed)
     → compiled: .renderer_HASH path.compartment.compartmentHovered_HASH
     → specificity: (0,1,0) + (0,0,1) + (0,1,0) + (0,1,0) = (0,3,1)  ← WINS

   color-mix produces a FULLY OPAQUE tint — no transparency, no bleed-through
   to stairways or lower-floor geometry that may overlap this path in SVG z-order. */
._renderer_yt1kh_10 path.compartment._compartmentHovered_yt1kh_38 {
  fill: var(--bim-color-primary-fill-solid);
}

/* ── Selected highlight ─────────────────────────────────────────────────── */
._renderer_yt1kh_10 path.compartment._compartmentSelected_yt1kh_51 {
  fill: var(--bim-color-primary-fill-hover-solid);
}
._renderer_yt1kh_10 path.compartment._compartmentSelected_yt1kh_51:hover {
  fill: var(--bim-color-primary-fill-hover-solid);
}

/* ── 3D variant — filter-based highlights (see _plan-renderer-3d-highlights.scss) ──
   Rules live in the shared mixin so all plan renderers stay in sync. */
/* ── Window hover ────────────────────────────────────────────────────────────
   g.window contains path.opening_sill + path.bg (no fill conflicts). */
._renderer_yt1kh_10 g.window {
  cursor: pointer;
}

._renderer_yt1kh_10 g.window._windowHovered_yt1kh_66 path {
  fill: color-mix(in srgb, var(--bim-color-secondary) 22%, white);
}

/* ── Equipment hover ─────────────────────────────────────────────────────────
   <use> elements reference external SVG symbols whose inner paths have
   pointer-events:none in the shadow DOM. We must set pointer-events:bounding-box
   so the <use> hit area is its geometric bounding box (not painted pixels).
   Shadow DOM fills (#fff) can't be overridden from document CSS — we use
   drop-shadow filter instead. Casework groups contain a plain .bg path. */
._renderer_yt1kh_10 [class~="equipments"] use {
  cursor: pointer;
  pointer-events: bounding-box;
}

._renderer_yt1kh_10 [class~="equipments"] use._equipmentHovered_yt1kh_81 {
  filter: drop-shadow(0 0 3px color-mix(in srgb, var(--bim-color-secondary) 70%, transparent));
}

._renderer_yt1kh_10 [class~="casework"] {
  cursor: pointer;
}

._renderer_yt1kh_10 [class~="casework"]._equipmentHovered_yt1kh_81 .bg {
  fill: color-mix(in srgb, var(--bim-color-secondary) 18%, white);
}

/* ── Partition hover ─────────────────────────────────────────────────────────
   path.partition is inside g.walls. */
._renderer_yt1kh_10 path.partition {
  cursor: pointer;
}

._renderer_yt1kh_10 path.partition._partitionHovered_yt1kh_99 {
  fill: color-mix(in srgb, var(--bim-color-secondary) 25%, white);
  stroke: var(--bim-color-secondary-stroke);
  stroke-width: 2px;
}

._renderer_yt1kh_10[data-variant="3d"] path.compartment._compartmentHovered_yt1kh_38 {
  filter: brightness(1.15);
}
._renderer_yt1kh_10[data-variant="3d"] path.compartment._compartmentNotSelected_yt1kh_108 {
  filter: brightness(0.9);
}
._renderer_yt1kh_10[data-variant="3d"] path.compartment._compartmentSelected_yt1kh_51 {
  filter: brightness(1.15);
}
._renderer_yt1kh_10[data-variant="3d"] path.compartment._compartmentSelected_yt1kh_51:hover {
  filter: brightness(1.1);
}._overlay_ofv07_1 {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  z-index: 5;
}

._svg_ofv07_11 {
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 0 1px rgba(255, 255, 255, 0.7));
}

._sunDragHit_ofv07_17 {
  cursor: grab;
  pointer-events: all;
}
._sunDragHit_ofv07_17:active {
  cursor: grabbing;
}._wrapper_14tx4_1 {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

._renderer_14tx4_10 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
._renderer_14tx4_10 svg {
  width: 100%;
  height: 100%;
}
._renderer_14tx4_10 path.compartment {
  cursor: pointer;
}._modalPanel_1x3iq_1 > * {
  width: 100%;
  max-width: fit-content;
}

._desktopContent_1x3iq_6 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  min-height: 0;
  padding: 1rem;
  overflow: hidden;
}

._imageContainer_1x3iq_15 {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

._imageWrap_1x3iq_23 {
  position: relative;
  max-height: calc(100dvh - var(--bim-section-padding));
  margin-inline: auto;
  background: var(--bim-color-bg-subtle, #f5f4f2);
  overflow: hidden;
}

._imageWrapMaximized_1x3iq_31 {
  aspect-ratio: auto;
  flex: 1 1 auto;
  min-height: 56vh;
  min-height: 56dvh;
  cursor: grab;
  touch-action: none;
}

._imageWrapMaximized_1x3iq_31:active {
  cursor: grabbing;
}

._image_1x3iq_15 {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

._imageWrapMaximized_1x3iq_31 ._image_1x3iq_15 {
  object-fit: contain;
  transform-origin: center center;
  will-change: transform;
}

._imageVisible_1x3iq_57 {
  opacity: 1;
}

._imageHidden_1x3iq_61 {
  opacity: 0;
  position: absolute;
  inset: 0;
}

._imageSkeleton_1x3iq_67 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

._imageError_1x3iq_74 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

._logoOverlay_1x3iq_81 {
  position: absolute;
  bottom: 0;
  left: 3em;
  pointer-events: auto;
}

._imageControls_1x3iq_88 {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  display: flex;
  flex-direction: column-reverse;
  gap: 0.25rem;
  z-index: 2;
}

._controlBtn_1x3iq_98 {
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(4px);
  color: var(--bim-color-emphasis, #2e2b28);
  border-radius: var(--bim-radius-sm, 6px);
}
._controlBtn_1x3iq_98:hover {
  background: rgba(255, 255, 255, 0.95);
}

._caption_1x3iq_108 {
  padding: 0.75rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

._hint_1x3iq_115 {
  font-size: 0.8125rem;
  color: var(--bim-color-text-muted, #888);
  margin: 0;
  text-align: center;
}

._disclaimer_1x3iq_122 {
  font-size: 0.75rem;
  color: var(--bim-color-text-muted, #888);
  margin: 0;
  text-align: center;
  font-style: italic;
}

._navigator_1x3iq_130 {
  position: absolute;
  bottom: 1em;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 0.5em;
  z-index: 2;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._navBtn_1x3iq_143 {
  background: rgba(255, 255, 255, 0.45);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  display: inline-flex;
  align-items: center;
  gap: 0.375em;
  white-space: nowrap;
  transition: background 0.15s;
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._navBtn_1x3iq_143:hover {
  background: rgba(255, 255, 255, 0.95);
}

._navArrow_1x3iq_157 {
  width: 1.2em;
  height: 1.2em;
  flex-shrink: 0;
}
._wrapper_t7zec_2 {
  position: relative;
  width: 100%;
  height: 100%;
}

._renderer_t7zec_8 {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
}
._renderer_t7zec_8 svg {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
._renderer_t7zec_8 path.compartment {
  cursor: pointer;
  paint-order: stroke fill;
}

/* HotSpot always renders in MONO (no color scheme switcher) so inline fills
   are cleared — the CSS class fill tint always applies in 2D. */
/* ── Hover highlight ──────────────────────────────────────────────────────── */
._renderer_t7zec_8 path.compartment._compartmentHovered_t7zec_31 {
  fill: var(--bim-color-primary-fill-solid);
}

/* ── Selected highlight ───────────────────────────────────────────────────── */
._renderer_t7zec_8 path.compartment._compartmentSelected_t7zec_36 {
  fill: var(--bim-color-primary-fill-hover-solid);
}
._renderer_t7zec_8 path.compartment._compartmentSelected_t7zec_36:hover {
  fill: var(--bim-color-primary-fill-hover-solid);
}

/* ── 3D variant brightness highlights ────────────────────────────────────── */
._renderer_t7zec_8[data-variant="3d"] path.compartment._compartmentHovered_t7zec_31 {
  filter: brightness(1.15);
}
._renderer_t7zec_8[data-variant="3d"] path.compartment._compartmentNotSelected_t7zec_47 {
  filter: brightness(0.9);
}
._renderer_t7zec_8[data-variant="3d"] path.compartment._compartmentSelected_t7zec_36 {
  filter: brightness(1.15);
}
._renderer_t7zec_8[data-variant="3d"] path.compartment._compartmentSelected_t7zec_36:hover {
  filter: brightness(1.1);
}

._hotspotSymbol_t7zec_57 {
  cursor: pointer;
  transition: opacity 0.2s ease, filter 0.2s ease;
}
._hotspotSymbol_t7zec_57:hover {
  opacity: 0.85;
  filter: drop-shadow(0 0 8px var(--bim-color-primary));
}

._hotspotCenter_t7zec_66 {
  fill: var(--bim-color-primary);
}

._hotspotSector_t7zec_70 {
  stroke: var(--bim-color-secondary);
  fill: rgba(255, 255, 255, 0.6);
}

._hotspotCircle_t7zec_75 {
  fill: var(--bim-color-primary-fill-hover);
}

._hotspotRing_t7zec_79 {
  fill: none;
  stroke: rgb(240, 240, 240);
  stroke-width: 2;
}._modeToggleBox_1ticp_1 {
  display: flex;
}
@container bim-app (max-width: 767px) {
  ._modeToggleBox_1ticp_1 {
    align-items: center;
    gap: 0.5em;
    flex-direction: column;
  }
}

/* Icon + text layout inside Select option labels */
._modeOptionLabel_1ticp_13 {
  display: inline-flex;
  align-items: center;
  gap: 0.4em;
}

/* Size cap so the Select doesn't stretch too wide in the toolbar */
._modeSelect_1ticp_20 {
  min-width: 14em;
  max-width: 16em;
}

._label_1ticp_25 {
  display: flex;
  height: 3em;
  max-width: 8em;
  text-align: right;
  font-size: 0.85em;
  color: var(--bim-color-text-labels);
  margin-right: 0.5em;
  flex-shrink: 0;
}
@container bim-app (max-width: 767px) {
  ._label_1ticp_25 {
    max-width: none;
    height: auto;
  }
}._variantToggleBox_kjj6h_1 {
  display: flex;
  align-items: center;
  gap: 0.5em;
}
@container bim-app (max-width: 767px) {
  ._variantToggleBox_kjj6h_1 {
    flex-direction: column;
  }
}

._label_kjj6h_12 {
  display: flex;
  height: 3em;
  max-width: 8em;
  text-align: right;
  font-size: 0.85em;
  color: var(--bim-color-text-labels);
  margin-right: 0.5em;
  flex-shrink: 0;
}
@container bim-app (max-width: 767px) {
  ._label_kjj6h_12 {
    max-width: none;
    height: auto;
  }
}._toolbar_myqeb_1 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 2em 0 0;
  gap: 3em;
  flex-shrink: 0;
  min-height: 2.75em;
  background: var(--bim-color-surface-lightest);
}
@container bim-app (max-width: 767px) {
  ._toolbar_myqeb_1 {
    justify-content: space-between;
    padding: 0;
    gap: 0.5em;
  }
}

._right_myqeb_19 {
  display: flex;
  align-items: center;
  gap: 1em;
  flex-shrink: 0;
}
@container bim-app (max-width: 767px) {
  ._right_myqeb_19 {
    align-items: flex-end;
  }
}

._compass_myqeb_31 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2em;
  height: 2em;
  color: var(--bim-color-text-muted);
  flex-shrink: 0;
}
._viewer_e770w_2 {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 400px;
  background: #f8f8f8;
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

._frame_e770w_14 {
  flex: 1;
  min-height: 0;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  padding: 1em;
  position: relative; /* anchor for absolute overlays */
  overflow: hidden; /* clip TransformWrapper content when zoomed (C.4) */
  user-select: none; /* prevent text/label selection during drag/pan (C.5) */
}
._frame_e770w_14 > * {
  width: 100%;
  max-width: 100svh;
  aspect-ratio: 5/4;
  margin: 0 auto;
}
@container bim-app (max-width: 767px) {
  ._frame_e770w_14 > * {
    max-width: 100%;
    aspect-ratio: 1/1;
  }
}

._logoOverlay_e770w_40 {
  position: absolute;
  bottom: 0;
  left: 2.5em;
  pointer-events: auto;
}

/* ── Zoom inset-shadow overlay ──────────────────────────────────────────── */
._zoomShadow_e770w_48 {
  position: absolute;
  top: 1em;
  left: 1em;
  right: 1em;
  bottom: 1em;
  pointer-events: none;
  z-index: 5;
}
._zoomShadow_e770w_48[data-zoomed] {
  box-shadow: inset 0 0 10px 2px rgba(0, 0, 0, 0.1);
}

/* ── Loading / Error states ─────────────────────────────────────────── */
._stateContainer_e770w_62 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 300px;
  color: #666;
  font-size: 0.875rem;
}

._loadingSpinner_e770w_74 {
  display: block;
  width: 32px;
  height: 32px;
  border: 3px solid #e0e0e0;
  border-top-color: #555;
  border-radius: 50%;
  animation: _spin_e770w_1 0.8s linear infinite;
}

@keyframes _spin_e770w_1 {
  to {
    transform: rotate(360deg);
  }
}
._errorMessage_e770w_89 {
  margin: 0;
  padding: 1rem;
  text-align: center;
  color: #c0392b;
}

/* ── Renderer stub ───────────────────────────────────────────────────── */
._rendererStub_e770w_97 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px dashed #ccc;
  color: #999;
  font-size: 0.8rem;
  font-family: monospace;
}

/* ── Onboarding toggle button ───────────────────────────────────────────── */
._onboardingToggle_e770w_110 {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  z-index: 25; /* above the overlay panel */
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  color: #475569;
  transition: background 150ms ease, color 150ms ease, transform 150ms ease;
}
._onboardingToggle_e770w_110:hover {
  background: #fff;
  color: #1e40af;
}
._onboardingToggle_e770w_110:active {
  transform: scale(0.93);
}._heading_rylbg_1 {
  display: flex;
  align-items: center;
  gap: 0.5em;
  font-size: 1.25em;
  font-weight: 600;
  color: var(--bim-color-text-headings);
  font-family: var(--bim-font-headings);
}

/* Modal Content */
._obligationsPane_rylbg_12 {
  display: flex;
  flex-direction: column;
  gap: 1.5em;
  min-width: min(70vw, 60em);
  max-width: 90vw;
  min-height: min(50svh, 10em);
  padding: 2em;
  padding-right: 2.5em;
}
@container bim-app (max-width: 767px) {
  ._obligationsPane_rylbg_12 {
    padding: 1em;
  }
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._htmlContent_rylbg_28 {
  font-size: 0.9em;
  line-height: 1.6;
  color: var(--bim-color-text);
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._htmlContent_rylbg_28 p {
  margin: 0 0 0.75em;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._htmlContent_rylbg_28 ul {
  margin: 0.25em 0 0.75em;
  padding-left: 1.5em;
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._htmlContent_rylbg_28 li {
  margin-bottom: 0.35em;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._htmlContent_rylbg_28 a {
  color: var(--bim-color-primary);
  text-decoration: none;
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._htmlContent_rylbg_28 a:hover {
  text-decoration: underline;
}._headingContainer_gycff_1 {
  width: 100%;
  padding: 0.5em 0.5em 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 0.25em;
}
@container bim-app (max-width: 767px) {
  ._headingContainer_gycff_1 {
    padding: 0.25em 0.25em 0;
  }
}

._headingBox_gycff_16 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.25em;
}

._heading_gycff_1 {
  display: flex;
  align-items: center;
  gap: 0.5em;
  font-size: 1.25em;
  font-weight: 600;
  color: var(--bim-color-text-headings);
  font-family: var(--bim-font-headings);
}

._subHeading_gycff_35 {
  font-size: 0.8125em;
  color: var(--bim-color-text);
  font-family: var(--bim-font-headings);
}

/* Modal Content */
._historyPane_gycff_42 {
  display: flex;
  flex-direction: column;
  gap: 1.5em;
  min-width: min(70vw, 60em);
  max-width: 90vw;
  min-height: min(50svh, 300px);
  padding: 2em;
  padding-right: 2.5em;
}
@container bim-app (max-width: 767px) {
  ._historyPane_gycff_42 {
    padding: 1em;
    padding-right: 0;
  }
}

/* Product Data */
._dataContainer_gycff_60 {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
  gap: 0.5em;
}

._dataCrate_gycff_68 {
  display: flex;
  flex-direction: column;
  gap: 0.25em;
}

._labelBox_gycff_74 {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 0.25em;
  color: var(--bim-color-text-labels);
  flex-wrap: wrap;
}

._dataLabel_gycff_83 {
  display: inline-flex;
  font-size: 1em;
}

._dataLabelAdage_gycff_88 {
  display: inline-flex;
  font-size: 0.75em;
}

._valueBox_gycff_93 {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  gap: 0;
}

._dataValue_gycff_100 {
  display: inline-flex;
  font-size: 1.25em;
  font-weight: 700;
  color: var(--bim-color-text-data);
  text-wrap: nowrap;
}

._strikethrough_gycff_108 {
  text-decoration: line-through;
  color: var(--bim-color-text-labels);
  font-size: 0.8125em;
}

._omnibusNote_gycff_114 {
  color: var(--bim-color-text-labels);
  font-size: 0.75em;
  padding-top: 0.25em;
  max-width: 14em;
}

/* Toggles */
._toggleButtonsContainer_gycff_122 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5em;
  flex-wrap: wrap;
}

/* Disclaimer */
._disclaimer_gycff_132 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75em;
  font-size: 0.8125em;
  color: var(--bim-color-text-muted);
  font-style: italic;
}

/* Table View */
._tableContainer_gycff_144 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._historyGrid_gycff_150 {
  width: 100%;
  font-size: 0.875em;
  border: 1px solid var(--bim-color-lines-light);
  border-radius: var(--bim-shape-card);
  overflow: hidden;
  background: var(--bim-color-surface-lightest);
}

._historyGridHeader_gycff_159 {
  border-bottom: 2px solid var(--bim-color-lines-gray-light);
}

._historyGridBody_gycff_163 {
  display: flex;
  flex-direction: column;
}

._historyGridRow_gycff_168 {
  display: grid;
  grid-template-columns: minmax(7.5em, 1.2fr) minmax(8em, 1fr) minmax(8em, 1fr);
}
@container bim-app (max-width: 767px) {
  ._historyGridRow_gycff_168 {
    grid-template-columns: minmax(6.5em, 1.1fr) minmax(7.25em, 1fr) minmax(7.25em, 1fr);
  }
}

._historyGridHeadCell_gycff_178,
._historyGridCell_gycff_179 {
  padding: 0.75em;
  color: var(--bim-color-text-data);
  border-right: 1px solid var(--bim-color-lines-light);
}
._historyGridHeadCell_gycff_178:first-child,
._historyGridCell_gycff_179:first-child {
  padding-left: 2em;
}
._historyGridHeadCell_gycff_178:last-child,
._historyGridCell_gycff_179:last-child {
  border-right: none;
  padding-right: 2em;
}

._historyGridHeadCell_gycff_178 {
  font-weight: 600;
  color: var(--bim-color-text);
}

._historyGridBody_gycff_163 ._historyGridRow_gycff_168 {
  border-bottom: 1px solid var(--bim-color-lines-light);
}
._historyGridBody_gycff_163 ._historyGridRow_gycff_168:nth-child(even) {
  background-color: var(--bim-color-surface-offwhite);
}
._historyGridBody_gycff_163 ._historyGridRow_gycff_168:hover {
  background-color: var(--bim-color-surface-offwhite);
}
._historyGridBody_gycff_163 ._historyGridRow_gycff_168:last-child {
  border-bottom: none;
}

._historyGridNumber_gycff_212 {
  text-align: right;
  white-space: nowrap;
}

@container bim-app (max-width: 767px) {
  ._historyGridHeadCell_gycff_178,
  ._historyGridCell_gycff_179 {
    padding: 0.625em 0.5em;
  }
}

/* Chart View */
._chartContainer_gycff_225 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1em;
}

._chartPlaceholderCard_gycff_233 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: max(50%, 30em);
  min-height: min(20svh, 10em);
  background-color: var(--bim-color-surface-offwhite);
  border-radius: var(--bim-shape-card);
}

._placeholderText_gycff_243 {
  color: var(--bim-color-text-muted);
  font-size: 0.875rem;
}

._chartCrate_gycff_248 {
  position: relative;
  width: 100%;
  padding: 0.75em;
  background: var(--bim-color-surface-offwhite);
  border-radius: var(--bim-shape-card);
}

._chartSvg_gycff_256 {
  width: 100%;
  height: auto;
  overflow: visible;
  touch-action: none;
}

._gridLine_gycff_263 {
  stroke: var(--bim-color-lines-gray-light);
  stroke-width: 1;
  stroke-dasharray: 3 4;
}

._axisLine_gycff_269 {
  stroke: var(--bim-color-lines-gray-dark);
  stroke-width: 1.2;
}

._stepPath_gycff_274 {
  fill: none;
  stroke: var(--bim-color-secondary);
  stroke-width: 3;
  vector-effect: non-scaling-stroke;
}

._chartPoint_gycff_281 {
  fill: #fff;
  stroke: var(--bim-color-secondary);
  stroke-width: 2;
  cursor: pointer;
}

._todayLine_gycff_288 {
  stroke: var(--bim-color-secondary);
  stroke-width: 1.5;
  stroke-dasharray: 5 4;
}

._todayLabel_gycff_294,
._xLabel_gycff_295,
._yLabel_gycff_296 {
  fill: var(--bim-color-text);
}

._tooltip_gycff_300 {
  position: absolute;
  pointer-events: none;
  background: var(--bim-color-surface-lightest);
  border: 1px solid var(--bim-color-lines-light);
  border-radius: var(--bim-shape-popover);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
  padding: calc(0.5em + var(--bim-shape-popover-inset)) calc(0.625em + var(--bim-shape-popover-inset));
  font-size: 0.8125em;
  color: var(--bim-color-text);
  min-width: 14em;
  z-index: 3;
}

._tooltipDate_gycff_314 {
  font-weight: 700;
  margin-bottom: 0.25rem;
}

/* Range Slider */
._sliderCrate_gycff_320 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.75em;
  padding: 0.25em 3em;
}
@container bim-app (max-width: 767px) {
  ._sliderCrate_gycff_320 {
    padding: 0.25em 1.5em;
  }
}

._sliderCta_gycff_333 {
  display: inline-flex;
  font-size: 0.875em;
  color: var(--bim-color-text-emphasis);
}

._sliderLabelRow_gycff_339 {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 0.5em;
}

._sliderName_gycff_346 {
  font-size: 1em;
  font-family: var(--bim-font-primary);
  color: var(--bim-color-text-label);
  white-space: nowrap;
}

._sliderLabelActive_gycff_353 {
  color: var(--bim-color-secondary);
  font-weight: 700;
}

._sliderValues_gycff_358 {
  font-size: 1em;
  font-family: var(--bim-font-primary);
  color: var(--bim-color-text-label);
  white-space: nowrap;
}

._sliderValuesActive_gycff_365 {
  color: var(--bim-color-secondary);
  font-weight: 700;
}

._sliderDisabledText_gycff_370 {
  font-size: 1em;
  font-family: var(--bim-font-primary);
  color: var(--bim-color-text-muted);
  font-style: italic;
}._heading_1v9qd_1 {
  display: flex;
  align-items: center;
  gap: 0.5em;
  font-size: 1.25em;
  font-weight: 600;
  color: var(--bim-color-text-headings);
  font-family: var(--bim-font-headings);
}

/* Modal Content */
._supplementsPane_1v9qd_12 {
  display: flex;
  flex-direction: column;
  gap: 1.5em;
  min-width: min(70vw, 60em);
  max-width: 90vw;
  min-height: min(50svh, 300px);
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._descriptionContainer_1v9qd_21 {
  display: flex;
  flex-direction: column;
  gap: 1.5em;
  padding: 0.5em 2em;
}
@container bim-app (max-width: 767px) {
  :is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._descriptionContainer_1v9qd_21 {
    padding: 0.25em 1em;
    padding-right: 0;
  }
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root {
  /* CMS Description */
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._description_1v9qd_21 {
  font-size: 1em;
  line-height: 1.6;
  color: var(--bim-color-text);
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._description_1v9qd_21 p,
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._description_1v9qd_21 li {
  margin: 0.5em 0;
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._description_1v9qd_21 ul {
  margin-left: 1.5em;
  list-style: disc;
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._description_1v9qd_21 strong {
  font-weight: 600;
  color: var(--bim-color-text-emphasis);
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._description_1v9qd_21 a {
  color: var(--bim-color-text-emphasis);
  text-decoration: underline;
  cursor: pointer;
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._description_1v9qd_21 a:hover {
  color: var(--bim-color-secondary);
}

._toggleButtonsContainer_1v9qd_62 {
  width: 100%;
  padding: 0 2em;
}
@container bim-app (max-width: 767px) {
  ._toggleButtonsContainer_1v9qd_62 {
    padding: 0 1em;
    padding-right: 0;
  }
}

._tableContainer_1v9qd_73 {
  padding: 0.5em 2em;
}
@container bim-app (max-width: 767px) {
  ._tableContainer_1v9qd_73 {
    padding: 0 1em;
    padding-right: 0;
  }
}
._tableContainer_1v9qd_73 {
  flex: 1;
  background-color: var(--bim-color-surface-offwhite);
  overflow: hidden;
}

/* Cell Styles */
._typeCell_1v9qd_89 {
  font-weight: 500;
  color: var(--bim-color-text-data);
}

._nameCell_1v9qd_94 {
  color: var(--bim-color-text-data);
}

._priceCell_1v9qd_98 {
  font-weight: 600;
  color: var(--bim-color-text-data);
}

/* No Data */
._noData_1v9qd_104 {
  padding: 2rem 1rem;
  text-align: center;
  color: var(--bim-color-text-muted);
  font-size: 0.9375rem;
}

/* Modal Content Container */
._modalContent_1v9qd_112 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 1.5rem;
  max-height: 80vh;
  overflow-y: auto;
}
@container bim-app (max-width: 767px) {
  ._modalContent_1v9qd_112 {
    padding: 1rem;
    gap: 1rem;
  }
}

/* Area Cell */
._areaCell_1v9qd_128 {
  color: var(--bim-color-text, #333);
}

/* No Items State */
._noItems_1v9qd_133 {
  padding: 2rem 1rem;
  text-align: center;
  color: var(--bim-color-text-secondary, #999);
  font-size: 0.9375rem;
}._pricingPaneHolder_1g4w5_1 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0;
  background: var(--bim-color-surface-lightest);
  margin-top: var(--bim-spacing-md, 1em);
}

._pricingPane_1g4w5_1 {
  display: flex;
  flex-direction: column;
  gap: 0;
  background: var(--bim-color-surface-offwhite);
  border-radius: var(--bim-shape-card);
}
._pricingPane_1g4w5_1._offer_1g4w5_17 {
  border-top-left-radius: var(--bim-radius-0);
}

._offerBadge_1g4w5_21 {
  border-top-left-radius: var(--bim-radius-m);
  border-top-right-radius: var(--bim-radius-m);
  background: var(--bim-color-tooltip);
  max-width: fit-content;
  padding: 0.5em 1.25em 0.25em;
}
._offerBadge_1g4w5_21 span {
  display: inline-block;
  color: var(--bim-color-on-tooltip);
  font-size: 1.2em;
  font-weight: 600;
  font-family: var(--bim-font-headings);
}

._header_1g4w5_36 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1em;
  border-bottom: 1px solid var(--bim-color-lines-gray-lightest);
}

._headerLabel_1g4w5_44 {
  font-weight: 600;
  font-size: 0.9em;
  color: var(--bim-color-text-labels);
  font-family: var(--bim-font-headings);
}

._headerActions_1g4w5_51 {
  display: flex;
  align-items: center;
  gap: 0.5em;
}

._additionalButtons_1g4w5_57 {
  display: flex;
  align-items: center;
  gap: 0;
}

._expandBtn_1g4w5_63 {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  cursor: pointer;
  color: var(--bim-color-text-labels);
  width: 2em;
  height: 2em;
  transition: transform 0.25s ease;
}
._expandBtn_1g4w5_63:hover {
  color: var(--bim-color-text-headings);
}

._priceRow_1g4w5_79 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 2.5em;
  padding: 1em;
}

._priceCell_1g4w5_86 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.15em;
}

._priceLabel_1g4w5_93 {
  font-size: 0.875em;
  color: var(--bim-color-text-labels);
  font-family: var(--bim-font-headings);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25em;
}

._vatNote_1g4w5_103 {
  font-size: 0.85em;
  color: var(--bim-color-labels-secondary);
}

._priceValue_1g4w5_108 {
  font-size: 1.4em;
  font-weight: 700;
  color: var(--bim-color-text-headings);
  font-family: var(--bim-font-headings);
}

._strikethrough_1g4w5_115 {
  text-decoration: line-through;
  color: var(--bim-color-text-labels);
  font-size: 0.875em;
}

._omnibusNote_1g4w5_121 {
  color: var(--bim-color-text-labels);
  font-size: 0.75em;
  padding-top: 0.25em;
  max-width: 10em;
}

._omnibusLabel_1g4w5_128 {
  color: var(--bim-color-text-labels);
  font-size: 0.75em;
}

._supplementsWrapper_1g4w5_133 {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: max-height 300ms ease, opacity 300ms ease;
}
._supplementsWrapper_1g4w5_133._supplementsWrapper_expanded_1g4w5_139 {
  max-height: 3000px;
  opacity: 1;
}
._supplementsWrapper_1g4w5_133._supplementsWrapper_collapsed_1g4w5_143 {
  max-height: 0;
  opacity: 0;
}

._supplementsBlock_1g4w5_148 {
  padding: 0.75em 1em;
  border-top: 1px solid var(--bim-color-lines-gray-lightest);
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}

._supplementsGroupLabel_1g4w5_156 {
  display: block;
  font-size: 0.875em;
  font-weight: 400;
  color: var(--bim-color-text-labels);
  font-family: var(--bim-font-headings);
}

._supplementTypeGroup_1g4w5_164 {
  display: flex;
  flex-direction: column;
  gap: 0.25em;
}

._supplementTypeLabel_1g4w5_170 {
  display: block;
  font-size: 0.9em;
  font-weight: 600;
  color: var(--bim-color-text-labels);
  font-family: var(--bim-font-headings);
}

._supplementList_1g4w5_178 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}

._supplementItem_1g4w5_187 {
  display: flex;
  align-items: center;
  gap: 0.5em;
  padding: 0.25em 0;
  font-size: 0.875em;
}

._supplementRemove_1g4w5_195 {
  display: flex;
  align-items: center;
  background: none;
  border: none;
  cursor: pointer;
  color: var(--bim-color-text-labels);
  flex-shrink: 0;
  padding: 0;
  width: 1.2em;
  height: 1.2em;
}
._supplementRemove_1g4w5_195:hover {
  color: var(--bim-color-error, #c00);
}

._supplementName_1g4w5_211 {
  flex: 1;
  color: var(--bim-color-text-labels);
}

._supplementPrice_1g4w5_216 {
  font-weight: 500;
  color: var(--bim-color-text-headings);
  white-space: nowrap;
}

._supplementsTotal_1g4w5_222 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2.5em;
  flex-wrap: nowrap;
  padding: 0.75em 1em;
  cursor: pointer;
  border-top: 1px solid var(--bim-color-lines-gray-lightest);
}

._supplementsTotalLabel_1g4w5_233 {
  font-size: 0.875em;
  font-weight: 400;
  color: var(--bim-color-text-labels);
  font-family: var(--bim-font-headings);
  flex: 1;
}

._supplementsTotalValueBox_1g4w5_241 {
  display: flex;
  align-items: center;
  gap: 0.5em;
}

._supplementsTotalValue_1g4w5_241 {
  font-size: 0.875em;
  font-weight: 600;
  color: var(--bim-color-text-headings);
  white-space: nowrap;
}

._addMoreBtn_1g4w5_254 {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: 1px solid var(--bim-color-text-labels);
  border-radius: var(--bim-radius-sm, 0.25em);
  color: var(--bim-color-text-labels);
  cursor: pointer;
  width: 1.6em;
  height: 1.6em;
  font-size: 1em;
  font-weight: 700;
  flex-shrink: 0;
}
._addMoreBtn_1g4w5_254:hover {
  border-color: var(--bim-color-primary);
  color: var(--bim-color-primary);
}

._grandTotal_1g4w5_274 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2.5em;
  padding: 0.75em 1em;
  border-top: 1px solid var(--bim-color-border, #e8e8e8);
  cursor: pointer;
}

._grandTotal_standalone_1g4w5_284 {
  border-top: 2px solid var(--bim-color-border, #e8e8e8);
}

._grandTotalLabel_1g4w5_288 {
  font-size: 0.9em;
  font-weight: 600;
  color: var(--bim-color-text-labels);
  font-family: var(--bim-font-headings);
  flex: 1;
}

._grandTotalValue_1g4w5_296 {
  font-size: 1.2em;
  font-weight: 600;
  color: var(--bim-color-text-headings);
  font-family: var(--bim-font-headings);
  white-space: nowrap;
}

._addOptionalPurchase_1g4w5_304 {
  border-top: 1px solid var(--bim-color-lines-gray-lightest);
}

._addOptionalPurchaseBtn_1g4w5_308 {
  display: flex;
  align-items: center;
  gap: 0.5em;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 0.875em;
  color: var(--bim-color-primary);
  font-family: var(--bim-font-headings);
  padding: 0.25em 0;
}
._addOptionalPurchaseBtn_1g4w5_308:hover {
  text-decoration: underline;
}

._addOptionalPurchasePlus_1g4w5_324 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.4em;
  height: 1.4em;
  border: 1px solid currentColor;
  border-radius: var(--bim-radius-sm, 0.25em);
  font-weight: 700;
  flex-shrink: 0;
}._loading_136xz_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 320px;
}

._loadingLogo_136xz_9 {
  max-width: 120px;
  max-height: 120px;
  object-fit: contain;
  animation: _bim-logo-pulse_136xz_1 2.4s ease-in-out infinite;
}

@keyframes _bim-logo-pulse_136xz_1 {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.4;
    transform: scale(0.86);
  }
}:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._dialog_xuywi_1 {
  max-width: min(72em, 95vw);
  width: min(72em, 95vw);
  max-height: 90vh;
  height: 90vh;
  display: flex;
  flex-direction: column;
}

._heading_xuywi_10 {
  font-size: 1.25em;
  font-weight: 600;
  color: var(--bim-color-text-headings);
  font-family: var(--bim-font-headings);
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._content_xuywi_17 {
  padding: 0 !important;
  overflow: hidden;
  flex: 1;
  min-height: 0;
  display: flex;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._image_xuywi_25 {
  display: block;
  width: 100%;
  max-height: 100%;
  margin: auto;
  object-fit: contain;
  background: var(--bim-color-surface-1, #f5f5f5);
}:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._toast_pikff_1 {
  position: fixed;
  bottom: 1.5em;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
  display: flex;
  align-items: center;
  gap: 0.75em;
  padding: 0.75em 1em;
  border-radius: var(--bim-radius-sm, 4px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
  max-width: min(28em, 100vw - 2em);
  font-size: 0.875em;
  line-height: 1.4;
  font-family: inherit;
  animation: _bim-toast-in_pikff_1 0.2s ease;
}
@keyframes _bim-toast-in_pikff_1 {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(0.5em);
  }
  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._toast_error_pikff_30 {
  background: var(--bim-color-error, #c0392b);
  color: #fff;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._toast_info_pikff_35 {
  background: var(--bim-color-surface-2, #333);
  color: #fff;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._message_pikff_40 {
  flex: 1;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._closeBtn_pikff_44 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  padding: 0.125em;
  cursor: pointer;
  color: inherit;
  opacity: 0.75;
  font-family: inherit;
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._closeBtn_pikff_44:hover {
  opacity: 1;
}:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._inlineWrapper_5iwn4_1 {
  padding: 0 0.75em;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._listWrapper_5iwn4_5 {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0 0.75em 0.25em;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._resourceRow_5iwn4_12 {
  display: flex;
  align-items: center;
  gap: 0.5em;
  padding: 0.375em 0;
  border-bottom: 1px solid var(--bim-color-border, #e8e8e8);
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._resourceRow_5iwn4_12:last-child {
  border-bottom: none;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._resourceLabel_5iwn4_23 {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.875em;
  font-family: inherit;
  text-align: left;
  color: var(--bim-color-text);
  line-height: 1.4;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._resourceLabel_5iwn4_23 button:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._resourceLabel_5iwn4_23:hover {
  color: var(--bim-color-text-emphasis);
  text-decoration: underline;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._downloadBtn_5iwn4_44 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2em;
  height: 2em;
  padding: 0;
  background: none;
  border: none;
  border-radius: var(--bim-radius-sm, 4px);
  cursor: pointer;
  color: var(--bim-color-text-muted);
  font-family: inherit;
  transition: color 0.15s ease, background 0.15s ease;
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._downloadBtn_5iwn4_44 svg {
  display: block;
  width: 1em;
  height: 1em;
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._downloadBtn_5iwn4_44:hover {
  color: var(--bim-color-text-emphasis);
  background: var(--bim-color-surface-2, rgba(0, 0, 0, 0.05));
}._summaryPane_1fbi7_1 {
  margin-top: var(--bim-spacing-md, 1em);
  padding: 0 var(--bim-spacing-md, 0.75em);
  background: var(--bim-color-surface-lightest);
}

._statusBar_1fbi7_7 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 var(--bim-spacing-md, 0.75em);
  margin-bottom: var(--bim-spacing-md, 0.75em);
}._root_483qz_1 {
  display: flex;
  align-items: center;
  justify-content: center;
}

._levelLabel_483qz_7 {
  font-size: 0.75em;
  font-weight: 500;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}._sideControlsMobile_wl40j_1 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  padding: 0;
}

._controlContainer_wl40j_9 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
}

._controlLabel_wl40j_17 {
  display: inline-flex;
  color: var(--bim-color-text-labels);
  font-size: 0.75em;
}

._sideControls_wl40j_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 3em;
  flex-shrink: 0;
  width: 3em;
  padding: 0;
}

._controlsBox_wl40j_34 {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-items: center;
  justify-content: space-between;
  gap: 2em;
  height: 100%;
}:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._productView_1upf1_1 {
  width: 100%;
  padding: var(--bim-section-padding, 4em) 2.5em 1em;
  background-color: var(--bim-color-surface-lightest);
}
@container bim-app (max-width: 767px) {
  :is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._productView_1upf1_1 {
    padding: var(--bim-section-padding, 4em) 1em 1em;
    min-height: 100svh;
  }
}

._mobileCanvas_1upf1_13 {
  display: flex;
  flex-direction: column;
  gap: 1em;
  justify-content: center;
  align-items: center;
}

._desktopCanvas_1upf1_21 {
  position: relative;
  display: grid;
  grid-template-columns: 28.5em 1fr 3em;
  justify-items: end;
  gap: 1em;
  margin: 0 auto;
  width: 100%;
  min-height: 90svh;
}
@container bim-app (max-width: 1179px) {
  ._desktopCanvas_1upf1_21 {
    grid-template-columns: 25.5em 1fr 3em;
  }
}

._firstColumnWrapper_1upf1_37 {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-end;
  align-self: start;
}

._headingBlock_1upf1_45 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
@container bim-app (max-width: 767px) {
  ._headingBlock_1upf1_45 {
    width: 100%;
  }
}

._headingRow_1upf1_57 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5em;
}

._headingText_1upf1_64 {
  min-width: 0;
  flex: 1 1 auto;
}

._headingTitle_1upf1_69 {
  font-size: var(--bim-heading-size);
  font-family: var(--bim-heading-font);
  font-weight: var(--bim-heading-weight);
  color: var(--bim-heading-color);
}

._headingNumber_1upf1_76 {
  font-size: var(--bim-subheading-size);
  font-family: var(--bim-subheading-font);
  font-weight: var(--bim-subheading-weight);
  color: var(--bim-subheading-color);
}

._headingActions_1upf1_83 {
  display: flex;
  align-items: center;
  gap: 0.75em;
  flex-shrink: 0;
}

._headingNavGroup_1upf1_90 {
  flex-shrink: 0;
}

._headingNavButton_1upf1_94,
._headingFavoriteButton_1upf1_95 {
  flex-shrink: 0;
}

._headingNavIconNext_1upf1_99 {
  transform: rotate(180deg);
}

._secondColumnWrapper_1upf1_103 {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: start;
  align-self: start;
  position: sticky;
  top: var(--bim-section-padding);
}

._thirdColumnWrapper_1upf1_113 {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: start;
  align-self: start;
  position: sticky;
  top: var(--bim-section-padding);
}

._panesArea_1upf1_123 {
  display: flex;
  flex-direction: column;
  gap: 0;
  flex-wrap: nowrap;
  justify-content: flex-start;
  width: 25.5em;
  position: relative;
  margin-bottom: var(--bim-spacing-lg, 1em);
}

._root_1upf1_134 {
  padding: 0;
  background: var(--bim-color-surface);
  color: var(--bim-color-text);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
._root_1upf1_134._withDiagnostics_1upf1_142 ._layoutContainer_1upf1_142 {
  display: grid;
  grid-template-columns: 1fr 400px;
  gap: var(--bim-spacing-lg);
}

._productHeader_1upf1_148 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--bim-spacing-md) var(--bim-spacing-lg);
  border-bottom: 1px solid var(--bim-color-border);
  background: var(--bim-color-surface-lightest);
}
._productHeader_1upf1_148 ._headerTitle_1upf1_157 {
  flex: 1;
}
._productHeader_1upf1_148 ._headerTitle_1upf1_157 h1 {
  margin: 0;
  font-size: 1.75em;
  font-weight: 600;
}
._productHeader_1upf1_148 ._diagnosticsToggle_1upf1_165 {
  padding: 6px 12px;
  background: var(--bim-color-primary);
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 0.9em;
  font-weight: 500;
}
._productHeader_1upf1_148 ._diagnosticsToggle_1upf1_165:hover {
  opacity: 0.9;
}

._layoutContainer_1upf1_142 {
  flex: 1;
  display: flex;
  gap: var(--bim-spacing-lg);
  padding: var(--bim-spacing-lg);
  overflow-y: auto;
  /* Desktop grid layout */
}
@media (min-width: 1024px) {
  ._layoutContainer_1upf1_142 {
    display: grid;
    grid-template-columns: 400px 1fr;
    grid-gap: 20px;
  }
}

._primaryColumn_1upf1_195 {
  flex: 1;
  display: flex;
  width: 400px;
  flex-direction: column;
  gap: var(--bim-spacing-lg);
  min-width: 0; /* Flex column min-width fix */
}

._secondaryColumn_1upf1_204 {
  flex-shrink: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--bim-spacing-lg);
}
@media (max-width: 1023px) {
  ._secondaryColumn_1upf1_204 {
    width: 100%;
  }
}

._modesStub_1upf1_217 {
  border: 1px dashed var(--bim-color-border);
  border-radius: 6px;
  padding: var(--bim-spacing-md);
}
._modesStub_1upf1_217 h3 {
  margin: 0 0 var(--bim-spacing-sm);
  font-size: 0.8em;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--bim-color-text-secondary);
}

._modeButtonList_1upf1_231 {
  display: flex;
  flex-direction: column;
  gap: var(--bim-spacing-xs);
}

._modeButton_1upf1_231 {
  display: flex;
  align-items: center;
  gap: var(--bim-spacing-sm);
  padding: var(--bim-spacing-xs) var(--bim-spacing-sm);
  border: 1px solid var(--bim-color-border);
  border-radius: 4px;
  background: var(--bim-color-surface);
  cursor: pointer;
  font-size: 0.9em;
  text-align: left;
  width: 100%;
}
._modeButton_active_1upf1_250 {
  border-color: var(--bim-color-primary);
  font-weight: 600;
}
._modeButton_disabled_1upf1_254 {
  opacity: 0.45;
  cursor: not-allowed;
}

._modeButtonOrder_1upf1_259 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.4em;
  height: 1.4em;
  background: var(--bim-color-border);
  border-radius: 50%;
  font-size: 0.75em;
  font-weight: 700;
  flex-shrink: 0;
}

._pane_1upf1_123 {
  border: 1px solid var(--bim-color-border);
  border-radius: 6px;
  padding: var(--bim-spacing-md);
  background: var(--bim-color-surface-light);
}
._pane_1upf1_123 h3 {
  margin: 0 0 var(--bim-spacing-sm);
  font-size: 1.1em;
  font-weight: 600;
}
._pane_1upf1_123 p {
  margin: 0;
  font-size: 0.95em;
  color: var(--bim-color-text-secondary);
}
._pane_1upf1_123[data-sticky=true] {
  position: sticky;
  top: var(--bim-spacing-lg);
  z-index: 10;
}
._pane_1upf1_123 {
  /* Specific pane styles */
}
._pane_1upf1_123._pane_header_1upf1_296 {
  grid-column: 1/-1;
}
@media (min-width: 1024px) {
  ._pane_1upf1_123._pane_viewer_1upf1_300 {
    grid-column: 2;
    grid-row: 1/-1;
    position: sticky;
    top: var(--bim-spacing-lg);
    height: fit-content;
  }
}
._pane_1upf1_123._pane_actions_1upf1_308[data-sticky=true] {
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
}

._diagnosticsPanel_1upf1_312 {
  flex-shrink: 0;
  width: 100%;
  background: var(--bim-color-surface-light);
  border: 1px solid var(--bim-color-border);
  border-radius: 6px;
  padding: var(--bim-spacing-md);
  overflow-y: auto;
  max-height: 100vh;
}
._diagnosticsPanel_1upf1_312 h2 {
  margin: 0 0 var(--bim-spacing-md);
  font-size: 1.2em;
  font-weight: 600;
}
@media (max-width: 1023px) {
  ._diagnosticsPanel_1upf1_312 {
    display: none;
  }
}

._diagnosticsGrid_1upf1_333 {
  display: grid;
  grid-gap: 40px;
  grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
}

._diagnosticsCard_1upf1_339 {
  border: 1px solid var(--bim-color-border);
  border-radius: 4px;
  padding: var(--bim-spacing-sm);
  background: var(--bim-color-surface);
}
._diagnosticsCard_1upf1_339 h3 {
  margin: 0 0 var(--bim-spacing-xs);
  font-size: 0.95em;
  font-weight: 600;
}
._diagnosticsCard_1upf1_339 pre {
  margin: 0;
  padding: var(--bim-spacing-xs);
  background: var(--bim-color-surface-dark);
  border-radius: 3px;
  font-size: 0.75em;
  overflow-x: auto;
  white-space: pre-wrap;
  word-break: break-word;
  color: var(--bim-color-text-secondary);
}

._flagList_1upf1_362 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--bim-spacing-xs);
}
._flagList_1upf1_362 li {
  display: flex;
  justify-content: space-between;
  padding-bottom: var(--bim-spacing-xs);
  border-bottom: 1px dashed var(--bim-color-border);
  font-size: 0.85em;
}
._flagList_1upf1_362 li strong {
  font-weight: 600;
  color: var(--bim-color-primary);
}

._empty_1upf1_382 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  text-align: center;
  padding: var(--bim-spacing-lg);
}
._empty_1upf1_382 p {
  margin: 0;
  font-size: 1.1em;
  color: var(--bim-color-text-secondary);
}

._error_1upf1_396 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  flex-direction: column;
  text-align: center;
  padding: var(--bim-spacing-lg);
  background: var(--bim-color-error-light);
  border: 1px solid var(--bim-color-error);
  border-radius: 6px;
}
._error_1upf1_396 p {
  margin: 0 0 var(--bim-spacing-sm);
  font-size: 1.1em;
  color: var(--bim-color-error);
}
._error_1upf1_396 small {
  font-size: 0.85em;
  color: var(--bim-color-text-secondary);
}._legendHolder_5lv4k_1 {
  display: flex;
  align-items: center;
  gap: 1em;
  flex-wrap: wrap;
}
@container bim-app (max-width: 767px) {
  ._legendHolder_5lv4k_1 {
    flex-direction: column;
    padding: 0;
    align-items: flex-start;
  }
}

._labelPane_5lv4k_15 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1em;
}
@container bim-app (max-width: 767px) {
  ._labelPane_5lv4k_15 {
    justify-content: space-between;
    align-items: flex-end;
  }
}

._labelContainer_5lv4k_28 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0.5em;
}
@container bim-app (max-width: 767px) {
  ._labelContainer_5lv4k_28 {
    flex-direction: column;
    align-items: flex-start;
  }
}

._legendLabel_5lv4k_43 {
  font-size: 0.85em;
  color: var(--bim-color-muted, #888);
  white-space: nowrap;
  flex-shrink: 0;
}

._modeSelect_5lv4k_50 {
  width: auto;
  min-width: 14em;
  flex-shrink: 0;
}

._items_5lv4k_56 {
  display: flex;
  flex-direction: row;
  gap: 0;
  flex-wrap: nowrap;
  flex-grow: 1;
}

._itemsGrid_5lv4k_64 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(1em, 100%), 1fr));
  column-gap: 0;
  row-gap: 0.5em;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._item_5lv4k_56 {
  user-select: none;
  pointer-events: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25em;
  min-width: 2em;
  width: fit-content;
  max-width: 100%;
  padding: 0 0.25em;
  border: none;
  background: transparent;
  color: var(--bim-color-text-emphasis);
  cursor: pointer;
  transition: color 0.15s ease, opacity 0.15s ease;
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._item_5lv4k_56:hover {
  color: var(--bim-color-secondary);
  font-weight: 600;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._itemActiveProduct_5lv4k_93 {
  pointer-events: none;
  cursor: default;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._itemOff_5lv4k_98 {
  opacity: 0.45;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._itemActive_5lv4k_93 {
  font-weight: 600;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._itemHighlight_5lv4k_106 {
  font-weight: 600;
}

._swatch_5lv4k_110 {
  display: inline-block;
  min-width: 2em;
  width: 100%;
  height: 1.5em;
  flex-shrink: 0;
  border: 1px solid transparent;
  border-radius: var(--bim-shape-legend-swatch, 0);
  transition: border-color 0.12s ease, opacity 0.12s ease;
}

._swatchActive_5lv4k_121 {
  display: inline-block;
  min-width: 3em;
  flex-shrink: 0;
  background: var(--bim-color-primary);
  border: 2px solid var(--bim-color-primary-highlight, var(--bim-color-primary));
  pointer-events: none;
}

._itemLabel_5lv4k_130 {
  width: 100%;
  font-size: 0.875em;
  line-height: 1.5;
  color: var(--bim-color-text-muted);
  text-align: center;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
}

._itemActive_5lv4k_93 ._itemLabel_5lv4k_130 {
  color: var(--bim-color-secondary);
  font-weight: 700;
}

._itemHighlight_5lv4k_106 ._swatch_5lv4k_110 {
  border-color: var(--bim-color-text, #000);
}

._soldBadgeBox_5lv4k_151 {
  display: flex;
  align-items: center;
  height: 100%;
  min-height: 2.5em;
}

._soldBadge_5lv4k_151 {
  max-width: 9em;
  padding: 0.25em 0.75em;
  border: 1px solid var(--bim-color-status-sold);
  border-radius: var(--bim-shape-control-medium);
  background: var(--bim-color-status-sold-fill);
  color: var(--bim-color-status-sold);
  font-weight: 700;
  line-height: 1.5em;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._filterAlertButton_5lv4k_174 {
  pointer-events: auto;
  position: relative;
  display: inline-flex;
}

._cornerIcon_5lv4k_180 {
  width: 1.15em;
  height: 1.15em;
  flex-shrink: 0;
}

._filterAlertMark_5lv4k_186 {
  position: absolute;
  top: 0.28em;
  right: 0.28em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.1em;
  height: 1.1em;
  padding: 0 0.18em;
  border-radius: 999px;
  background: var(--bim-color-status-sold);
  color: var(--bim-color-status-sold-on, #fff);
  font-size: 0.6em;
  font-weight: 800;
  line-height: 1;
  box-shadow: 0 0 0 2px var(--bim-color-surface-lightest);
}._wrapper_v8t4c_1 {
  width: 100%;
  height: 100%;
}

._content_v8t4c_6 {
  width: 100%;
  height: 100%;
}

._rotated_v8t4c_11 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._tiersView_77138_1 {
  width: 100%;
  padding: var(--bim-section-padding) 2.5em 1em;
  background-color: var(--bim-color-surface-lightest);
}
@container bim-app (max-width: 767px) {
  :is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._tiersView_77138_1 {
    padding: var(--bim-section-padding) 1em 1em;
    min-height: calc(100svh - var(--bim-section-padding));
  }
  @media (orientation: landscape) {
    :is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._tiersView_77138_1 {
      padding-right: 5em;
    }
  }
}

._topBar_77138_18 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1em;
  padding-bottom: 1em;
  flex-wrap: wrap;
}
@container bim-app (max-width: 767px) {
  ._topBar_77138_18 {
    gap: 0.5em;
  }
}

._bottomBar_77138_32 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1em;
  padding-bottom: 1em;
  flex-wrap: wrap;
  padding-right: 6em;
}
@container bim-app (max-width: 767px) {
  ._bottomBar_77138_32 {
    padding-right: 0em;
  }
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._heading_77138_47 {
  font-size: var(--bim-heading-size);
  font-family: var(--bim-heading-font);
  font-weight: var(--bim-heading-weight);
  color: var(--bim-heading-color);
  margin: 0;
  flex-shrink: 0;
}

._mobileSwitchers_77138_56 {
  display: flex;
  gap: 1em;
  flex-grow: 2;
}

._toolsContainer_77138_62 {
  display: flex;
  align-items: center;
  gap: 3em;
}
@container bim-app (max-width: 767px) {
  ._toolsContainer_77138_62 {
    justify-content: space-between;
    width: 100%;
    gap: 2em;
  }
}

._buildingSwitcher_77138_75 {
  display: flex;
  gap: 1em;
}

._toolBox_77138_80 {
  display: flex;
  align-items: center;
  gap: 1em;
}
@container bim-app (max-width: 767px) {
  ._toolBox_77138_80 {
    flex-grow: 1;
    flex-direction: column;
    gap: 0.5em;
  }
}

._toolLabel_77138_93 {
  font-size: 0.85em;
  color: var(--bim-color-text-label);
  flex-shrink: 0;
  align-self: center;
}

._switcherSelect_77138_100 {
  min-width: 12em;
}
@container bim-app (max-width: 767px) {
  ._switcherSelect_77138_100 {
    min-width: 9em;
  }
}

._content_77138_109 {
  display: flex;
  gap: 0.5em;
  height: min(70vh, 640px);
}
@container bim-app (max-width: 767px) {
  ._content_77138_109 {
    height: min(40vh, 400px);
  }
}

._svgArea_77138_120 {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
}
._svgArea_77138_120 .tr {
  fill: #989898;
}
._svgArea_77138_120 .bg {
  fill: #fff !important;
  stroke: #555 !important;
  stroke-width: 1;
  pointer-events: none;
}
._svgArea_77138_120 .ct {
  fill: none;
  stroke: #555 !important;
  stroke-width: 1;
}
._svgArea_77138_120 .w1,
._svgArea_77138_120 .construction {
  fill: #555 !important;
  stroke: black;
  stroke-width: 0;
}
._svgArea_77138_120 .w2,
._svgArea_77138_120 .shaft {
  fill: #555 !important;
  stroke: black;
  stroke-width: 0;
}
._svgArea_77138_120 .w3,
._svgArea_77138_120 .partition {
  fill: #919191 !important;
  stroke: black;
  stroke-width: 0;
}
._svgArea_77138_120 .w4 {
  fill: #fff;
  stroke: black;
  stroke-width: 0;
}
._svgArea_77138_120 .w5 {
  fill: #fff;
}
._svgArea_77138_120 .ta {
  fill: #eee !important;
  stroke: #676767 !important;
  stroke-width: 0.5 !important;
}
._svgArea_77138_120 .og,
._svgArea_77138_120 .garden {
  fill: #ecf9ec !important;
  stroke: #676767 !important;
  stroke-width: 0.5 !important;
}
._svgArea_77138_120 .exterior {
  fill: #ebebeb !important;
  stroke: #676767 !important;
  stroke-width: 0.5 !important;
}
._svgArea_77138_120 .compartment {
  fill: #fafafa;
}
._svgArea_77138_120 .da {
  fill: none;
  stroke-width: 0.5px;
  stroke: #454545;
  stroke-dasharray: 5.5;
}
._svgArea_77138_120 .lowwall {
  fill: none;
  stroke: #454545;
  stroke-width: 1;
}
._svgArea_77138_120 .railing {
  fill: none;
  stroke: #676767;
  stroke-width: 0.5;
}
._svgArea_77138_120 .curb {
  fill: none;
  stroke: #676767;
  stroke-width: 0.5;
}
._svgArea_77138_120 .opening_sill {
  fill: #fff;
  stroke: black;
  stroke-width: 1;
}
._svgArea_77138_120 .view_lines {
  fill: none !important;
  stroke: black;
  stroke-width: 1;
}
._svgArea_77138_120 .rt {
  text-align: center;
  text-anchor: middle;
  font-size: 14px;
  pointer-events: none;
}
._svgArea_77138_120 .tag {
  font-weight: 800;
  text-align: center;
  text-anchor: middle;
}
._svgArea_77138_120 .tag.active-tag {
  fill: var(--bim-color-primary-on) !important;
}
._svgArea_77138_120 .label text {
  fill: var(--bim-color-text) !important;
  font-size: 1.5em !important;
  font-weight: 600;
}
._svgArea_77138_120 .l1 {
  display: none;
}
._svgArea_77138_120 g.apartments > g path.interior {
  cursor: pointer;
  transition: fill 0.15s ease-in-out, opacity 0.15s ease-in-out, stroke 0.15s ease-in-out;
}
._svgArea_77138_120 g.apartments > g path.interior.rooms-color {
  fill: var(--bim-color-rooms-0-fill);
  stroke: var(--bim-color-rooms-0-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.rooms-color:is(:hover, .preview) {
  fill: var(--bim-color-rooms-0-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.rooms-color.rooms-0 {
  fill: var(--bim-color-rooms-0-fill);
  stroke: var(--bim-color-rooms-0-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.rooms-color.rooms-0:is(:hover, .preview) {
  fill: var(--bim-color-rooms-0-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.rooms-color.rooms-1 {
  fill: var(--bim-color-rooms-1-fill);
  stroke: var(--bim-color-rooms-1-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.rooms-color.rooms-1:is(:hover, .preview) {
  fill: var(--bim-color-rooms-1-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.rooms-color.rooms-2 {
  fill: var(--bim-color-rooms-2-fill);
  stroke: var(--bim-color-rooms-2-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.rooms-color.rooms-2:is(:hover, .preview) {
  fill: var(--bim-color-rooms-2-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.rooms-color.rooms-3 {
  fill: var(--bim-color-rooms-3-fill);
  stroke: var(--bim-color-rooms-3-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.rooms-color.rooms-3:is(:hover, .preview) {
  fill: var(--bim-color-rooms-3-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.rooms-color.rooms-4 {
  fill: var(--bim-color-rooms-4-fill);
  stroke: var(--bim-color-rooms-4-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.rooms-color.rooms-4:is(:hover, .preview) {
  fill: var(--bim-color-rooms-4-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.rooms-color.rooms-5 {
  fill: var(--bim-color-rooms-5-fill);
  stroke: var(--bim-color-rooms-5-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.rooms-color.rooms-5:is(:hover, .preview) {
  fill: var(--bim-color-rooms-5-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.rooms-color.rooms-6 {
  fill: var(--bim-color-rooms-6-fill);
  stroke: var(--bim-color-rooms-6-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.rooms-color.rooms-6:is(:hover, .preview) {
  fill: var(--bim-color-rooms-6-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.rooms-color.rooms-7 {
  fill: var(--bim-color-rooms-7-fill);
  stroke: var(--bim-color-rooms-7-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.rooms-color.rooms-7:is(:hover, .preview) {
  fill: var(--bim-color-rooms-7-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.rooms-color.rooms-8 {
  fill: var(--bim-color-rooms-8-fill);
  stroke: var(--bim-color-rooms-8-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.rooms-color.rooms-8:is(:hover, .preview) {
  fill: var(--bim-color-rooms-8-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.rooms-color.rooms-9 {
  fill: var(--bim-color-rooms-9-fill);
  stroke: var(--bim-color-rooms-9-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.rooms-color.rooms-9:is(:hover, .preview) {
  fill: var(--bim-color-rooms-9-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.rooms-color.rooms-10 {
  fill: var(--bim-color-rooms-10-fill);
  stroke: var(--bim-color-rooms-10-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.rooms-color.rooms-10:is(:hover, .preview) {
  fill: var(--bim-color-rooms-10-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.rooms-color.rooms-11 {
  fill: var(--bim-color-rooms-1-fill);
  stroke: var(--bim-color-rooms-1-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.rooms-color.rooms-11:is(:hover, .preview) {
  fill: var(--bim-color-rooms-1-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.rooms-color.rooms-12 {
  fill: var(--bim-color-rooms-2-fill);
  stroke: var(--bim-color-rooms-2-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.rooms-color.rooms-12:is(:hover, .preview) {
  fill: var(--bim-color-rooms-2-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.rooms-color.rooms-13 {
  fill: var(--bim-color-rooms-3-fill);
  stroke: var(--bim-color-rooms-3-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.rooms-color.rooms-13:is(:hover, .preview) {
  fill: var(--bim-color-rooms-3-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.rooms-color.rooms-14 {
  fill: var(--bim-color-rooms-4-fill);
  stroke: var(--bim-color-rooms-4-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.rooms-color.rooms-14:is(:hover, .preview) {
  fill: var(--bim-color-rooms-4-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.rooms-color.rooms-15 {
  fill: var(--bim-color-rooms-5-fill);
  stroke: var(--bim-color-rooms-5-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.rooms-color.rooms-15:is(:hover, .preview) {
  fill: var(--bim-color-rooms-5-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.rooms-color.rooms-16 {
  fill: var(--bim-color-rooms-6-fill);
  stroke: var(--bim-color-rooms-6-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.rooms-color.rooms-16:is(:hover, .preview) {
  fill: var(--bim-color-rooms-6-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.rooms-color.rooms-17 {
  fill: var(--bim-color-rooms-7-fill);
  stroke: var(--bim-color-rooms-7-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.rooms-color.rooms-17:is(:hover, .preview) {
  fill: var(--bim-color-rooms-7-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.rooms-color.rooms-18 {
  fill: var(--bim-color-rooms-8-fill);
  stroke: var(--bim-color-rooms-8-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.rooms-color.rooms-18:is(:hover, .preview) {
  fill: var(--bim-color-rooms-8-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.rooms-color.rooms-19 {
  fill: var(--bim-color-rooms-9-fill);
  stroke: var(--bim-color-rooms-9-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.rooms-color.rooms-19:is(:hover, .preview) {
  fill: var(--bim-color-rooms-9-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.rooms-color.rooms-20 {
  fill: var(--bim-color-rooms-10-fill);
  stroke: var(--bim-color-rooms-10-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.rooms-color.rooms-20:is(:hover, .preview) {
  fill: var(--bim-color-rooms-10-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.status-sold {
  fill: var(--bim-color-status-sold-fill);
  stroke: var(--bim-color-status-sold-stroke);
  stroke-width: 2px;
  cursor: default;
}
._svgArea_77138_120 g.apartments > g path.interior.status-available {
  fill: var(--bim-color-status-available-fill);
  stroke: var(--bim-color-status-available-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.status-available:is(:hover, .preview) {
  fill: var(--bim-color-status-available-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.status-reserved {
  fill: var(--bim-color-status-reserved-fill);
  stroke: var(--bim-color-status-reserved-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.status-reserved:is(:hover, .preview) {
  fill: var(--bim-color-status-reserved-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.insolation-color.insolation-null {
  fill: var(--bim-color-insolation-null-fill);
  stroke: var(--bim-color-insolation-null-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.insolation-color.insolation-null:is(:hover, .preview) {
  fill: var(--bim-color-insolation-null-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.insolation-color.insolation-0 {
  fill: var(--bim-color-insolation-0-fill);
  stroke: var(--bim-color-insolation-0-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.insolation-color.insolation-0:is(:hover, .preview) {
  fill: var(--bim-color-insolation-0-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.insolation-color.insolation-1 {
  fill: var(--bim-color-insolation-1-fill);
  stroke: var(--bim-color-insolation-1-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.insolation-color.insolation-1:is(:hover, .preview) {
  fill: var(--bim-color-insolation-1-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.insolation-color.insolation-2 {
  fill: var(--bim-color-insolation-2-fill);
  stroke: var(--bim-color-insolation-2-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.insolation-color.insolation-2:is(:hover, .preview) {
  fill: var(--bim-color-insolation-2-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.insolation-color.insolation-3 {
  fill: var(--bim-color-insolation-3-fill);
  stroke: var(--bim-color-insolation-3-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.insolation-color.insolation-3:is(:hover, .preview) {
  fill: var(--bim-color-insolation-3-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.insolation-color.insolation-4 {
  fill: var(--bim-color-insolation-4-fill);
  stroke: var(--bim-color-insolation-4-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.insolation-color.insolation-4:is(:hover, .preview) {
  fill: var(--bim-color-insolation-4-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.insolation-color.insolation-5 {
  fill: var(--bim-color-insolation-5-fill);
  stroke: var(--bim-color-insolation-5-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.insolation-color.insolation-5:is(:hover, .preview) {
  fill: var(--bim-color-insolation-5-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.insolation-color.insolation-6 {
  fill: var(--bim-color-insolation-6-fill);
  stroke: var(--bim-color-insolation-6-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.insolation-color.insolation-6:is(:hover, .preview) {
  fill: var(--bim-color-insolation-6-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.insolation-color.insolation-7 {
  fill: var(--bim-color-insolation-7-fill);
  stroke: var(--bim-color-insolation-7-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.insolation-color.insolation-7:is(:hover, .preview) {
  fill: var(--bim-color-insolation-7-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.insolation-color.insolation-8 {
  fill: var(--bim-color-insolation-8-fill);
  stroke: var(--bim-color-insolation-8-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.insolation-color.insolation-8:is(:hover, .preview) {
  fill: var(--bim-color-insolation-8-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.insolation-color.insolation-9 {
  fill: var(--bim-color-insolation-9-fill);
  stroke: var(--bim-color-insolation-9-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.insolation-color.insolation-9:is(:hover, .preview) {
  fill: var(--bim-color-insolation-9-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.insolation-color.insolation-10 {
  fill: var(--bim-color-insolation-10-fill);
  stroke: var(--bim-color-insolation-10-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.insolation-color.insolation-10:is(:hover, .preview) {
  fill: var(--bim-color-insolation-10-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.compare-color.compare-p0 {
  fill: var(--bim-color-compare-p0-fill);
  stroke: var(--bim-color-compare-p0-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.compare-color.compare-p0:is(:hover, .preview) {
  fill: var(--bim-color-compare-p0-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.compare-color.compare-p1 {
  fill: var(--bim-color-compare-p1-fill);
  stroke: var(--bim-color-compare-p1-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.compare-color.compare-p1:is(:hover, .preview) {
  fill: var(--bim-color-compare-p1-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.compare-color.compare-p2 {
  fill: var(--bim-color-compare-p2-fill);
  stroke: var(--bim-color-compare-p2-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.compare-color.compare-p2:is(:hover, .preview) {
  fill: var(--bim-color-compare-p2-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.compare-color.compare-p3 {
  fill: var(--bim-color-compare-p3-fill);
  stroke: var(--bim-color-compare-p3-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.compare-color.compare-p3:is(:hover, .preview) {
  fill: var(--bim-color-compare-p3-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.compare-color.compare-p4 {
  fill: var(--bim-color-compare-p4-fill);
  stroke: var(--bim-color-compare-p4-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.compare-color.compare-p4:is(:hover, .preview) {
  fill: var(--bim-color-compare-p4-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.compare-color.compare-p5 {
  fill: var(--bim-color-compare-p5-fill);
  stroke: var(--bim-color-compare-p5-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.compare-color.compare-p5:is(:hover, .preview) {
  fill: var(--bim-color-compare-p5-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.compare-color.compare-p6 {
  fill: var(--bim-color-compare-p6-fill);
  stroke: var(--bim-color-compare-p6-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.compare-color.compare-p6:is(:hover, .preview) {
  fill: var(--bim-color-compare-p6-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.compare-color.compare-p7 {
  fill: var(--bim-color-compare-p7-fill);
  stroke: var(--bim-color-compare-p7-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.compare-color.compare-p7:is(:hover, .preview) {
  fill: var(--bim-color-compare-p7-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.compare-color.compare-p8 {
  fill: var(--bim-color-compare-p8-fill);
  stroke: var(--bim-color-compare-p8-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.compare-color.compare-p8:is(:hover, .preview) {
  fill: var(--bim-color-compare-p8-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.compare-color.compare-p9 {
  fill: var(--bim-color-compare-p9-fill);
  stroke: var(--bim-color-compare-p9-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.compare-color.compare-p9:is(:hover, .preview) {
  fill: var(--bim-color-compare-p9-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.category-color.category-product {
  fill: var(--bim-color-category-product-fill);
  stroke: var(--bim-color-category-product-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.category-color.category-product:is(:hover, .preview) {
  fill: var(--bim-color-category-product-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.category-color.category-real_estate {
  fill: var(--bim-color-category-real-estate-fill);
  stroke: var(--bim-color-category-real-estate-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.category-color.category-real_estate:is(:hover, .preview) {
  fill: var(--bim-color-category-real-estate-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.category-color.category-unit {
  fill: var(--bim-color-category-unit-fill);
  stroke: var(--bim-color-category-unit-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.category-color.category-unit:is(:hover, .preview) {
  fill: var(--bim-color-category-unit-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.category-color.category-apartment_standard {
  fill: var(--bim-color-category-apartment-standard-fill);
  stroke: var(--bim-color-category-apartment-standard-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.category-color.category-apartment_standard:is(:hover, .preview) {
  fill: var(--bim-color-category-apartment-standard-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.category-color.category-apartment_premium {
  fill: var(--bim-color-category-apartment-premium-fill);
  stroke: var(--bim-color-category-apartment-premium-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.category-color.category-apartment_premium:is(:hover, .preview) {
  fill: var(--bim-color-category-apartment-premium-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.category-color.category-apartment_luxury {
  fill: var(--bim-color-category-apartment-luxury-fill);
  stroke: var(--bim-color-category-apartment-luxury-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.category-color.category-apartment_luxury:is(:hover, .preview) {
  fill: var(--bim-color-category-apartment-luxury-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.category-color.category-studio {
  fill: var(--bim-color-category-studio-fill);
  stroke: var(--bim-color-category-studio-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.category-color.category-studio:is(:hover, .preview) {
  fill: var(--bim-color-category-studio-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.category-color.category-detached {
  fill: var(--bim-color-category-detached-fill);
  stroke: var(--bim-color-category-detached-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.category-color.category-detached:is(:hover, .preview) {
  fill: var(--bim-color-category-detached-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.category-color.category-semi_detached {
  fill: var(--bim-color-category-semi-detached-fill);
  stroke: var(--bim-color-category-semi-detached-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.category-color.category-semi_detached:is(:hover, .preview) {
  fill: var(--bim-color-category-semi-detached-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.category-color.category-townhouse {
  fill: var(--bim-color-category-townhouse-fill);
  stroke: var(--bim-color-category-townhouse-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.category-color.category-townhouse:is(:hover, .preview) {
  fill: var(--bim-color-category-townhouse-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.category-color.category-commercial {
  fill: var(--bim-color-category-commercial-fill);
  stroke: var(--bim-color-category-commercial-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.category-color.category-commercial:is(:hover, .preview) {
  fill: var(--bim-color-category-commercial-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.category-color.category-store {
  fill: var(--bim-color-category-store-fill);
  stroke: var(--bim-color-category-store-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.category-color.category-store:is(:hover, .preview) {
  fill: var(--bim-color-category-store-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.category-color.category-hotel_room {
  fill: var(--bim-color-category-hotel-room-fill);
  stroke: var(--bim-color-category-hotel-room-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.category-color.category-hotel_room:is(:hover, .preview) {
  fill: var(--bim-color-category-hotel-room-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.category-color.category-hotel_suite {
  fill: var(--bim-color-category-hotel-suite-fill);
  stroke: var(--bim-color-category-hotel-suite-stroke);
  stroke-width: 2px;
}
._svgArea_77138_120 g.apartments > g path.interior.category-color.category-hotel_suite:is(:hover, .preview) {
  fill: var(--bim-color-category-hotel-suite-fill-hover);
}
._svgArea_77138_120 g.apartments > g path.interior.status-sold:hover {
  cursor: default;
}
._svgArea_77138_120 g.apartments > g path.interior.filtered-out {
  fill: #ffffff;
  opacity: 0.35;
  cursor: default;
}
._svgArea_77138_120 g.apartments > g path.interior.active {
  opacity: 1 !important;
  fill: var(--bim-color-primary) !important;
  stroke: var(--bim-color-primary-stroke) !important;
  stroke-width: 48px !important;
}
._svgArea_77138_120[data-legend-hover="0"] g.apartments > g path.interior.rooms-0 {
  fill: var(--bim-color-rooms-0-fill-hover);
}
._svgArea_77138_120[data-legend-hover="1"] g.apartments > g path.interior.rooms-1 {
  fill: var(--bim-color-rooms-1-fill-hover);
}
._svgArea_77138_120[data-legend-hover="2"] g.apartments > g path.interior.rooms-2 {
  fill: var(--bim-color-rooms-2-fill-hover);
}
._svgArea_77138_120[data-legend-hover="3"] g.apartments > g path.interior.rooms-3 {
  fill: var(--bim-color-rooms-3-fill-hover);
}
._svgArea_77138_120[data-legend-hover="4"] g.apartments > g path.interior.rooms-4 {
  fill: var(--bim-color-rooms-4-fill-hover);
}
._svgArea_77138_120[data-legend-hover="5"] g.apartments > g path.interior.rooms-5 {
  fill: var(--bim-color-rooms-5-fill-hover);
}
._svgArea_77138_120[data-legend-hover="6"] g.apartments > g path.interior.rooms-6 {
  fill: var(--bim-color-rooms-6-fill-hover);
}
._svgArea_77138_120[data-legend-hover="7"] g.apartments > g path.interior.rooms-7 {
  fill: var(--bim-color-rooms-7-fill-hover);
}
._svgArea_77138_120[data-legend-hover="8"] g.apartments > g path.interior.rooms-8 {
  fill: var(--bim-color-rooms-8-fill-hover);
}
._svgArea_77138_120[data-legend-hover="9"] g.apartments > g path.interior.rooms-9 {
  fill: var(--bim-color-rooms-9-fill-hover);
}
._svgArea_77138_120[data-legend-hover="10"] g.apartments > g path.interior.rooms-10 {
  fill: var(--bim-color-rooms-10-fill-hover);
}
._svgArea_77138_120[data-legend-hover="11"] g.apartments > g path.interior.rooms-11 {
  fill: var(--bim-color-rooms-1-fill-hover);
}
._svgArea_77138_120[data-legend-hover="12"] g.apartments > g path.interior.rooms-12 {
  fill: var(--bim-color-rooms-2-fill-hover);
}
._svgArea_77138_120[data-legend-hover="13"] g.apartments > g path.interior.rooms-13 {
  fill: var(--bim-color-rooms-3-fill-hover);
}
._svgArea_77138_120[data-legend-hover="14"] g.apartments > g path.interior.rooms-14 {
  fill: var(--bim-color-rooms-4-fill-hover);
}
._svgArea_77138_120[data-legend-hover="15"] g.apartments > g path.interior.rooms-15 {
  fill: var(--bim-color-rooms-5-fill-hover);
}
._svgArea_77138_120[data-legend-hover="16"] g.apartments > g path.interior.rooms-16 {
  fill: var(--bim-color-rooms-6-fill-hover);
}
._svgArea_77138_120[data-legend-hover="17"] g.apartments > g path.interior.rooms-17 {
  fill: var(--bim-color-rooms-7-fill-hover);
}
._svgArea_77138_120[data-legend-hover="18"] g.apartments > g path.interior.rooms-18 {
  fill: var(--bim-color-rooms-8-fill-hover);
}
._svgArea_77138_120[data-legend-hover="19"] g.apartments > g path.interior.rooms-19 {
  fill: var(--bim-color-rooms-9-fill-hover);
}
._svgArea_77138_120[data-legend-hover="20"] g.apartments > g path.interior.rooms-20 {
  fill: var(--bim-color-rooms-10-fill-hover);
}
._svgArea_77138_120[data-legend-hover=available] g.apartments > g path.interior.status-available {
  fill: var(--bim-color-status-available-fill-hover);
}
._svgArea_77138_120[data-legend-hover=reserved] g.apartments > g path.interior.status-reserved {
  fill: var(--bim-color-status-reserved-fill-hover);
}
._svgArea_77138_120[data-legend-hover=sold] g.apartments > g path.interior.status-sold {
  fill: var(--bim-color-status-sold-fill-hover);
}
._svgArea_77138_120[data-legend-hover="insolation:null"] g.apartments > g path.interior.insolation-null {
  fill: var(--bim-color-insolation-null-fill-hover);
}
._svgArea_77138_120[data-legend-hover="insolation:0"] g.apartments > g path.interior.insolation-0 {
  fill: var(--bim-color-insolation-0-fill-hover);
}
._svgArea_77138_120[data-legend-hover="insolation:1"] g.apartments > g path.interior.insolation-1 {
  fill: var(--bim-color-insolation-1-fill-hover);
}
._svgArea_77138_120[data-legend-hover="insolation:2"] g.apartments > g path.interior.insolation-2 {
  fill: var(--bim-color-insolation-2-fill-hover);
}
._svgArea_77138_120[data-legend-hover="insolation:3"] g.apartments > g path.interior.insolation-3 {
  fill: var(--bim-color-insolation-3-fill-hover);
}
._svgArea_77138_120[data-legend-hover="insolation:4"] g.apartments > g path.interior.insolation-4 {
  fill: var(--bim-color-insolation-4-fill-hover);
}
._svgArea_77138_120[data-legend-hover="insolation:5"] g.apartments > g path.interior.insolation-5 {
  fill: var(--bim-color-insolation-5-fill-hover);
}
._svgArea_77138_120[data-legend-hover="insolation:6"] g.apartments > g path.interior.insolation-6 {
  fill: var(--bim-color-insolation-6-fill-hover);
}
._svgArea_77138_120[data-legend-hover="insolation:7"] g.apartments > g path.interior.insolation-7 {
  fill: var(--bim-color-insolation-7-fill-hover);
}
._svgArea_77138_120[data-legend-hover="insolation:8"] g.apartments > g path.interior.insolation-8 {
  fill: var(--bim-color-insolation-8-fill-hover);
}
._svgArea_77138_120[data-legend-hover="insolation:9"] g.apartments > g path.interior.insolation-9 {
  fill: var(--bim-color-insolation-9-fill-hover);
}
._svgArea_77138_120[data-legend-hover="insolation:10"] g.apartments > g path.interior.insolation-10 {
  fill: var(--bim-color-insolation-10-fill-hover);
}
._svgArea_77138_120[data-legend-hover="compare:p0"] g.apartments > g path.interior.compare-p0 {
  fill: var(--bim-color-compare-p0-fill-hover);
}
._svgArea_77138_120[data-legend-hover="compare:p1"] g.apartments > g path.interior.compare-p1 {
  fill: var(--bim-color-compare-p1-fill-hover);
}
._svgArea_77138_120[data-legend-hover="compare:p2"] g.apartments > g path.interior.compare-p2 {
  fill: var(--bim-color-compare-p2-fill-hover);
}
._svgArea_77138_120[data-legend-hover="compare:p3"] g.apartments > g path.interior.compare-p3 {
  fill: var(--bim-color-compare-p3-fill-hover);
}
._svgArea_77138_120[data-legend-hover="compare:p4"] g.apartments > g path.interior.compare-p4 {
  fill: var(--bim-color-compare-p4-fill-hover);
}
._svgArea_77138_120[data-legend-hover="compare:p5"] g.apartments > g path.interior.compare-p5 {
  fill: var(--bim-color-compare-p5-fill-hover);
}
._svgArea_77138_120[data-legend-hover="compare:p6"] g.apartments > g path.interior.compare-p6 {
  fill: var(--bim-color-compare-p6-fill-hover);
}
._svgArea_77138_120[data-legend-hover="compare:p7"] g.apartments > g path.interior.compare-p7 {
  fill: var(--bim-color-compare-p7-fill-hover);
}
._svgArea_77138_120[data-legend-hover="compare:p8"] g.apartments > g path.interior.compare-p8 {
  fill: var(--bim-color-compare-p8-fill-hover);
}
._svgArea_77138_120[data-legend-hover="compare:p9"] g.apartments > g path.interior.compare-p9 {
  fill: var(--bim-color-compare-p9-fill-hover);
}
._svgArea_77138_120[data-legend-hover="category:product"] g.apartments > g path.interior.category-product {
  fill: var(--bim-color-category-product-fill-hover);
}
._svgArea_77138_120[data-legend-hover="category:real_estate"] g.apartments > g path.interior.category-real_estate {
  fill: var(--bim-color-category-real-estate-fill-hover);
}
._svgArea_77138_120[data-legend-hover="category:unit"] g.apartments > g path.interior.category-unit {
  fill: var(--bim-color-category-unit-fill-hover);
}
._svgArea_77138_120[data-legend-hover="category:apartment_standard"] g.apartments > g path.interior.category-apartment_standard {
  fill: var(--bim-color-category-apartment-standard-fill-hover);
}
._svgArea_77138_120[data-legend-hover="category:apartment_premium"] g.apartments > g path.interior.category-apartment_premium {
  fill: var(--bim-color-category-apartment-premium-fill-hover);
}
._svgArea_77138_120[data-legend-hover="category:apartment_luxury"] g.apartments > g path.interior.category-apartment_luxury {
  fill: var(--bim-color-category-apartment-luxury-fill-hover);
}
._svgArea_77138_120[data-legend-hover="category:studio"] g.apartments > g path.interior.category-studio {
  fill: var(--bim-color-category-studio-fill-hover);
}
._svgArea_77138_120[data-legend-hover="category:detached"] g.apartments > g path.interior.category-detached {
  fill: var(--bim-color-category-detached-fill-hover);
}
._svgArea_77138_120[data-legend-hover="category:semi_detached"] g.apartments > g path.interior.category-semi_detached {
  fill: var(--bim-color-category-semi-detached-fill-hover);
}
._svgArea_77138_120[data-legend-hover="category:townhouse"] g.apartments > g path.interior.category-townhouse {
  fill: var(--bim-color-category-townhouse-fill-hover);
}
._svgArea_77138_120[data-legend-hover="category:commercial"] g.apartments > g path.interior.category-commercial {
  fill: var(--bim-color-category-commercial-fill-hover);
}
._svgArea_77138_120[data-legend-hover="category:store"] g.apartments > g path.interior.category-store {
  fill: var(--bim-color-category-store-fill-hover);
}
._svgArea_77138_120[data-legend-hover="category:hotel_room"] g.apartments > g path.interior.category-hotel_room {
  fill: var(--bim-color-category-hotel-room-fill-hover);
}
._svgArea_77138_120[data-legend-hover="category:hotel_suite"] g.apartments > g path.interior.category-hotel_suite {
  fill: var(--bim-color-category-hotel-suite-fill-hover);
}

._svgSkeleton_77138_923 {
  width: 100%;
  height: 100%;
}

._compass_77138_928 {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 10;
  width: 2em;
  height: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bim-color-surface-lightest);
  pointer-events: none;
  cursor: default;
  padding: 0;
}

._tierSelector_77138_944 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  flex-shrink: 0;
  padding: 0.25em 0;
  gap: 0;
}

._tierLabel_77138_954 {
  font-size: 0.85em;
  color: var(--bim-color-text-labels);
  text-align: right;
  padding: 0 0.25em 0.25em;
}

._tierScrollContainer_77138_961 {
  --_button-group-track-size: 3em;
  --_button-group-radius: var(--bim-shape-control-large);
  --_button-group-inner-radius: max(0px, calc(var(--_button-group-radius) - 1px));
  display: flex;
  flex-direction: column;
  width: calc(var(--_button-group-track-size) + 2px);
  background-color: var(--bim-color-surface-lightest);
  border: 1px solid var(--bim-color-secondary);
  border-radius: var(--_button-group-radius);
  overflow-y: auto;
  overflow-x: hidden;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
._tierScrollContainer_77138_961::-webkit-scrollbar {
  display: none;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._tierScrollContainer_77138_961 > button {
  width: var(--_button-group-track-size);
  min-width: var(--_button-group-track-size);
  border: none;
  border-radius: var(--_button-group-inner-radius);
  box-shadow: none;
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._tierScrollContainer_77138_961 > button:hover:not(:disabled) {
  box-shadow: inset 0 0 0 1px var(--bim-color-secondary);
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._tierScrollContainer_77138_961 > button:not(:hover):not(:disabled) {
  box-shadow: none;
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._tierScrollContainer_77138_961 > button:disabled {
  border: none;
  box-shadow: none;
}

._previewStub_77138_999 {
  position: absolute;
  bottom: 1em;
  left: 1em;
  z-index: 20;
  padding: 0.5em 0.75em;
  background: rgba(255, 255, 230, 0.95);
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 0.85em;
  pointer-events: none;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._filterIndicator_77138_1012 {
  display: inline-flex;
  align-items: center;
  gap: 0.3em;
  margin: 0.25em 1.5em 0.5em;
  padding: 0.3em 0.75em;
  border: 1px solid var(--bim-color-secondary);
  border-radius: 4px;
  background: var(--bim-color-surface-offwhite);
  color: var(--bim-color-text-emphasis);
  font-size: 0.8em;
  cursor: pointer;
  transition: background 0.15s;
  align-self: flex-start;
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._filterIndicator_77138_1012:hover {
  background: var(--bim-color-secondary);
  color: var(--bim-color-secondary-on);
}

._mobilePreviewSheet_77138_1032 {
  border-radius: var(--bim-shape-card, 16px) var(--bim-shape-card, 16px) 0 0;
  max-height: min(72vh, 560px);
  max-height: min(72dvh, 560px);
  overflow: visible;
}

._mobileSheetShell_77138_1039 {
  display: flex;
  flex-direction: column;
  height: 100%;
}

._mobileSheetHeader_77138_1045 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75em;
  border-bottom: 1px solid var(--bim-color-lines-light);
  padding: 0.5em 0.85em 0.65em;
}

._mobileSheetHeaderMain_77138_1054 {
  display: flex;
  align-items: center;
  gap: 2em;
  min-width: 0;
  padding-top: 0.25em;
  padding-left: 1em;
}

._mobileSheetTitle_77138_1063 {
  font-size: 1.2em;
  font-weight: 700;
  color: var(--bim-color-text-headings);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

._mobileSheetHeaderActions_77138_1072 {
  display: flex;
  align-items: center;
  gap: 0.25em;
}

._mobileSheetBody_77138_1078 {
  padding: 0.75em;
  background: var(--bim-color-surface-lightest);
  overflow: hidden;
  max-height: 38vh;
  max-height: 38dvh;
  opacity: 1;
  transition: max-height 0.24s ease, opacity 0.2s ease, padding 0.2s ease;
  touch-action: pan-y;
}

._mobileSheetBodyMinimized_77138_1089 {
  max-height: 0;
  opacity: 0;
  padding-top: 0;
  padding-bottom: 0;
}

._mobilePreviewCarousel_77138_1096 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s cubic-bezier(0.2, 0.9, 0.24, 1);
  will-change: transform;
}

._mobilePreviewCarouselHint_77138_1105._mobilePreviewCarouselPrev_77138_1105 {
  transform: translateX(0);
}

._mobilePreviewCarouselHint_77138_1105._mobilePreviewCarouselNext_77138_1109 {
  transform: translateX(0);
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._mobilePreviewArrow_77138_1113 {
  position: absolute;
  z-index: 2;
  pointer-events: none;
  color: var(--bim-color-secondary);
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._mobilePreviewCarouselHint_77138_1105 ._mobilePreviewArrow_77138_1113 {
  pointer-events: auto;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._mobilePreviewArrowLeft_77138_1124 {
  left: -4em;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._mobilePreviewArrowRight_77138_1128 {
  right: -4em;
}

._mobilePreviewBodyCard_77138_1132 {
  width: 100%;
}html:has([data-app=bim-cadaplus-app]) {
  overflow-x: visible !important;
  overflow-y: visible !important;
}

body:has([data-app=bim-cadaplus-app]) {
  overflow-x: visible !important;
  overflow-y: visible !important;
}

:is(#bim-cadaplus-app, [data-app=bim-cadaplus-app]),
:is(#bim-cadaplus-app, [data-app=bim-cadaplus-app]) *,
:is(#bim-cadaplus-app, [data-app=bim-cadaplus-app]) *::before,
:is(#bim-cadaplus-app, [data-app=bim-cadaplus-app]) *::after {
  box-sizing: border-box !important;
}

:is(#bim-cadaplus-app, [data-app=bim-cadaplus-app]).bim-app-root button,
:is(#bim-cadaplus-app, [data-app=bim-cadaplus-app]).bim-app-root input[type=button],
:is(#bim-cadaplus-app, [data-app=bim-cadaplus-app]).bim-app-root input[type=submit],
:is(#bim-cadaplus-app, [data-app=bim-cadaplus-app]).bim-app-root input[type=reset] {
  all: unset;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  color: inherit;
}

:is(#bim-cadaplus-app, [data-app=bim-cadaplus-app]).bim-app-root button::before,
:is(#bim-cadaplus-app, [data-app=bim-cadaplus-app]).bim-app-root button::after,
:is(#bim-cadaplus-app, [data-app=bim-cadaplus-app]).bim-app-root input[type=button]::before,
:is(#bim-cadaplus-app, [data-app=bim-cadaplus-app]).bim-app-root input[type=button]::after,
:is(#bim-cadaplus-app, [data-app=bim-cadaplus-app]).bim-app-root input[type=submit]::before,
:is(#bim-cadaplus-app, [data-app=bim-cadaplus-app]).bim-app-root input[type=submit]::after,
:is(#bim-cadaplus-app, [data-app=bim-cadaplus-app]).bim-app-root input[type=reset]::before,
:is(#bim-cadaplus-app, [data-app=bim-cadaplus-app]).bim-app-root input[type=reset]::after {
  content: none !important;
  display: none !important;
}

:is(#bim-cadaplus-app, [data-app=bim-cadaplus-app]).bim-app-root input:not([type=radio]):not([type=checkbox]),
:is(#bim-cadaplus-app, [data-app=bim-cadaplus-app]).bim-app-root textarea,
:is(#bim-cadaplus-app, [data-app=bim-cadaplus-app]).bim-app-root select {
  all: unset;
  box-sizing: border-box;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  color: inherit;
}

:is(#bim-cadaplus-app, [data-app=bim-cadaplus-app]).bim-app-root a {
  color: inherit;
  text-decoration: none;
}

:is(#bim-cadaplus-app, [data-app=bim-cadaplus-app]).bim-app-root ul,
:is(#bim-cadaplus-app, [data-app=bim-cadaplus-app]).bim-app-root ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

:is(#bim-cadaplus-app, [data-app=bim-cadaplus-app]).bim-app-root li {
  margin: 0;
  padding: 0;
}

:is(#bim-cadaplus-app, [data-app=bim-cadaplus-app]).bim-app-root p {
  margin: 0;
  padding: 0;
}

:is(#bim-cadaplus-app, [data-app=bim-cadaplus-app]).bim-app-root img {
  border: none;
  padding: 0;
  max-width: 100%;
}

.bim-app-root {
  container-type: inline-size;
  container-name: bim-app;
  width: 100%;
  box-sizing: border-box;
  background-color: var(--bim-color-surface-lightest);
}

:is(#bim-cadaplus-app, [data-app=bim-cadaplus-app]) {
  --bim-base: 16px;
  --bim-mobile-nav-height: 4.5em;
  --bim-mobile-nav-inset-bottom: calc(4.5em + env(safe-area-inset-bottom));
  --bim-z-bottom-sheet-backdrop: 100;
  --bim-z-bottom-sheet: 101;
  --bim-z-mobile-nav: 110;
  --bim-heading-size: 2em;
  --bim-heading-font: var(--bim-font-headings, system-ui, -apple-system, sans-serif);
  --bim-heading-weight: 700;
  --bim-heading-color: var(--bim-color-text-headings);
  --bim-subheading-size: 1.5em;
  --bim-subheading-font: var(--bim-heading-font);
  --bim-subheading-weight: 500;
  --bim-subheading-color: var(--bim-heading-color);
  font-size: var(--bim-base);
  line-height: 1.5;
  font-family: var(--bim-font-primary, system-ui, -apple-system, sans-serif);
  color: var(--bim-color-text, inherit);
  background-color: var(--bim-color-surface-lightest);
}

:root {
  --bim-plan-room-default: #f7f7f7;
  --bim-plan-room-outdoor: #f0f2ee;
  --bim-plan-room-garden: #e8f5e0;
  --bim-plan-wall-construction: #555;
  --bim-plan-wall-shaft: #555;
  --bim-plan-wall-partition: #919191;
  --bim-plan-stroke-equipment: #666;
  --bim-plan-fill-equipment: #fff;
  --bim-plan-stroke-opening: #888;
  --bim-plan-fill-opening: #fff;
  --bim-plan-color-tag: #444;
  --bim-plan-stroke-railing: #999;
  --bim-plan-stroke-stairway: #aaa;
  --bim-plan-stroke-dashed: #888;
}

.bim-plan .construction {
  fill: var(--bim-plan-wall-construction);
  stroke: none;
}

.bim-plan .shaft {
  fill: var(--bim-plan-wall-shaft);
  stroke: none;
}

.bim-plan .partition {
  fill: var(--bim-plan-wall-partition);
  stroke: none;
}

.bim-plan .compartment {
  fill: var(--bim-plan-room-default);
  stroke: none;
}

.bim-plan .idBalcony,
.bim-plan .idTerrace,
.bim-plan .idLoggia {
  fill: var(--bim-plan-room-outdoor);
}

.bim-plan .idGarden {
  fill: var(--bim-plan-room-garden);
}

.bim-plan .opening_sill {
  fill: var(--bim-plan-fill-opening);
  stroke: var(--bim-plan-stroke-opening);
  stroke-width: 1px;
}

.bim-plan .bg {
  fill: var(--bim-plan-fill-equipment);
  stroke: var(--bim-plan-stroke-equipment);
  stroke-width: 1.5px;
}

.bim-plan .ct {
  fill: none;
  stroke: var(--bim-plan-stroke-equipment);
  stroke-width: 1px;
}

.bim-plan .da {
  fill: none;
  stroke: var(--bim-plan-stroke-dashed);
  stroke-width: 0.5px;
  stroke-dasharray: 5, 5;
}

.bim-plan .tag {
  fill: var(--bim-plan-color-tag);
  font-family: var(--bim-font-secondary, system-ui, sans-serif);
  font-size: 20px;
  font-weight: 500;
  text-anchor: middle;
  dominant-baseline: central;
  pointer-events: none;
}

.bim-plan .railing,
.bim-plan .curb {
  fill: none;
  stroke: var(--bim-plan-stroke-railing);
  stroke-width: 1.5px;
}

.bim-plan .stairway {
  fill: none;
  stroke: var(--bim-plan-stroke-stairway);
  stroke-width: 1px;
}/* Copyright 2014 Mozilla Foundation
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

:root {
  --react-pdf-annotation-layer: 1;
  --annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");
  --input-focus-border-color: Highlight;
  --input-focus-outline: 1px solid Canvas;
  --input-unfocused-border-color: transparent;
  --input-disabled-border-color: transparent;
  --input-hover-border-color: black;
  --link-outline: none;
}

@media screen and (forced-colors: active) {
  :root {
    --input-focus-border-color: CanvasText;
    --input-unfocused-border-color: ActiveText;
    --input-disabled-border-color: GrayText;
    --input-hover-border-color: Highlight;
    --link-outline: 1.5px solid LinkText;
  }
  .annotationLayer .textWidgetAnnotation :is(input, textarea):required,
  .annotationLayer .choiceWidgetAnnotation select:required,
  .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required {
    outline: 1.5px solid selectedItem;
  }

  .annotationLayer .linkAnnotation:hover {
    backdrop-filter: invert(100%);
  }
}

.annotationLayer {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  transform-origin: 0 0;
  z-index: 3;
}

.annotationLayer[data-main-rotation='90'] .norotate {
  transform: rotate(270deg) translateX(-100%);
}
.annotationLayer[data-main-rotation='180'] .norotate {
  transform: rotate(180deg) translate(-100%, -100%);
}
.annotationLayer[data-main-rotation='270'] .norotate {
  transform: rotate(90deg) translateY(-100%);
}

.annotationLayer canvas {
  position: absolute;
  width: 100%;
  height: 100%;
}

.annotationLayer section {
  position: absolute;
  text-align: initial;
  pointer-events: auto;
  box-sizing: border-box;
  margin: 0;
  transform-origin: 0 0;
}

.annotationLayer .linkAnnotation {
  outline: var(--link-outline);
}

.textLayer.selecting ~ .annotationLayer section {
  pointer-events: none;
}

.annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a {
  position: absolute;
  font-size: 1em;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a:hover {
  opacity: 0.2;
  background: rgba(255, 255, 0, 1);
  box-shadow: 0 2px 10px rgba(255, 255, 0, 1);
}

.annotationLayer .textAnnotation img {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.annotationLayer .textWidgetAnnotation :is(input, textarea),
.annotationLayer .choiceWidgetAnnotation select,
.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input {
  background-image: var(--annotation-unfocused-field-background);
  border: 2px solid var(--input-unfocused-border-color);
  box-sizing: border-box;
  font: calc(9px * var(--total-scale-factor)) sans-serif;
  height: 100%;
  margin: 0;
  vertical-align: top;
  width: 100%;
}

.annotationLayer .textWidgetAnnotation :is(input, textarea):required,
.annotationLayer .choiceWidgetAnnotation select:required,
.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required {
  outline: 1.5px solid red;
}

.annotationLayer .choiceWidgetAnnotation select option {
  padding: 0;
}

.annotationLayer .buttonWidgetAnnotation.radioButton input {
  border-radius: 50%;
}

.annotationLayer .textWidgetAnnotation textarea {
  resize: none;
}

.annotationLayer .textWidgetAnnotation :is(input, textarea)[disabled],
.annotationLayer .choiceWidgetAnnotation select[disabled],
.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input[disabled] {
  background: none;
  border: 2px solid var(--input-disabled-border-color);
  cursor: not-allowed;
}

.annotationLayer .textWidgetAnnotation :is(input, textarea):hover,
.annotationLayer .choiceWidgetAnnotation select:hover,
.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:hover {
  border: 2px solid var(--input-hover-border-color);
}
.annotationLayer .textWidgetAnnotation :is(input, textarea):hover,
.annotationLayer .choiceWidgetAnnotation select:hover,
.annotationLayer .buttonWidgetAnnotation.checkBox input:hover {
  border-radius: 2px;
}

.annotationLayer .textWidgetAnnotation :is(input, textarea):focus,
.annotationLayer .choiceWidgetAnnotation select:focus {
  background: none;
  border: 2px solid var(--input-focus-border-color);
  border-radius: 2px;
  outline: var(--input-focus-outline);
}

.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) :focus {
  background-image: none;
  background-color: transparent;
}

.annotationLayer .buttonWidgetAnnotation.checkBox :focus {
  border: 2px solid var(--input-focus-border-color);
  border-radius: 2px;
  outline: var(--input-focus-outline);
}

.annotationLayer .buttonWidgetAnnotation.radioButton :focus {
  border: 2px solid var(--input-focus-border-color);
  outline: var(--input-focus-outline);
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before,
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after,
.annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before {
  background-color: CanvasText;
  content: '';
  display: block;
  position: absolute;
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before,
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after {
  height: 80%;
  left: 45%;
  width: 1px;
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before {
  transform: rotate(45deg);
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after {
  transform: rotate(-45deg);
}

.annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before {
  border-radius: 50%;
  height: 50%;
  left: 30%;
  top: 20%;
  width: 50%;
}

.annotationLayer .textWidgetAnnotation input.comb {
  font-family: monospace;
  padding-left: 2px;
  padding-right: 0;
}

.annotationLayer .textWidgetAnnotation input.comb:focus {
  /*
   * Letter spacing is placed on the right side of each character. Hence, the
   * letter spacing of the last character may be placed outside the visible
   * area, causing horizontal scrolling. We avoid this by extending the width
   * when the element has focus and revert this when it loses focus.
   */
  width: 103%;
}

.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input {
  appearance: none;
}

.annotationLayer .popupTriggerArea {
  height: 100%;
  width: 100%;
}

.annotationLayer .fileAttachmentAnnotation .popupTriggerArea {
  position: absolute;
}

.annotationLayer .popupWrapper {
  position: absolute;
  font-size: calc(9px * var(--total-scale-factor));
  width: 100%;
  min-width: calc(180px * var(--total-scale-factor));
  pointer-events: none;
}

.annotationLayer .popup {
  position: absolute;
  max-width: calc(180px * var(--total-scale-factor));
  background-color: rgba(255, 255, 153, 1);
  box-shadow: 0 calc(2px * var(--total-scale-factor)) calc(5px * var(--total-scale-factor))
    rgba(136, 136, 136, 1);
  border-radius: calc(2px * var(--total-scale-factor));
  padding: calc(6px * var(--total-scale-factor));
  margin-left: calc(5px * var(--total-scale-factor));
  cursor: pointer;
  font: message-box;
  white-space: normal;
  word-wrap: break-word;
  pointer-events: auto;
}

.annotationLayer .popup > * {
  font-size: calc(9px * var(--total-scale-factor));
}

.annotationLayer .popup h1 {
  display: inline-block;
}

.annotationLayer .popupDate {
  display: inline-block;
  margin-left: calc(5px * var(--total-scale-factor));
}

.annotationLayer .popupContent {
  border-top: 1px solid rgba(51, 51, 51, 1);
  margin-top: calc(2px * var(--total-scale-factor));
  padding-top: calc(2px * var(--total-scale-factor));
}

.annotationLayer .richText > * {
  white-space: pre-wrap;
  font-size: calc(9px * var(--total-scale-factor));
}

.annotationLayer .highlightAnnotation,
.annotationLayer .underlineAnnotation,
.annotationLayer .squigglyAnnotation,
.annotationLayer .strikeoutAnnotation,
.annotationLayer .freeTextAnnotation,
.annotationLayer .lineAnnotation svg line,
.annotationLayer .squareAnnotation svg rect,
.annotationLayer .circleAnnotation svg ellipse,
.annotationLayer .polylineAnnotation svg polyline,
.annotationLayer .polygonAnnotation svg polygon,
.annotationLayer .caretAnnotation,
.annotationLayer .inkAnnotation svg polyline,
.annotationLayer .stampAnnotation,
.annotationLayer .fileAttachmentAnnotation {
  cursor: pointer;
}

.annotationLayer section svg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.annotationLayer .annotationTextContent {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  color: transparent;
  user-select: none;
  pointer-events: none;
}

.annotationLayer .annotationTextContent span {
  width: 100%;
  display: inline-block;
}
/* Copyright 2014 Mozilla Foundation
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

:root {
  --react-pdf-text-layer: 1;
  --highlight-bg-color: rgba(180, 0, 170, 1);
  --highlight-selected-bg-color: rgba(0, 100, 0, 1);
}

@media screen and (forced-colors: active) {
  :root {
    --highlight-bg-color: Highlight;
    --highlight-selected-bg-color: ButtonText;
  }
}

[data-main-rotation='90'] {
  transform: rotate(90deg) translateY(-100%);
}
[data-main-rotation='180'] {
  transform: rotate(180deg) translate(-100%, -100%);
}
[data-main-rotation='270'] {
  transform: rotate(270deg) translateX(-100%);
}

.textLayer {
  position: absolute;
  text-align: initial;
  inset: 0;
  overflow: hidden;
  line-height: 1;
  text-size-adjust: none;
  forced-color-adjust: none;
  transform-origin: 0 0;
  z-index: 2;
}

.textLayer :is(span, br) {
  color: transparent;
  position: absolute;
  white-space: pre;
  cursor: text;
  margin: 0;
  transform-origin: 0 0;
}

/* Only necessary in Google Chrome, see issue 14205, and most unfortunately
 * the problem doesn't show up in "text" reference tests. */
.textLayer span.markedContent {
  top: 0;
  height: 0;
}

.textLayer .highlight {
  margin: -1px;
  padding: 1px;
  background-color: var(--highlight-bg-color);
  border-radius: 4px;
}

.textLayer .highlight.appended {
  position: initial;
}

.textLayer .highlight.begin {
  border-radius: 4px 0 0 4px;
}

.textLayer .highlight.end {
  border-radius: 0 4px 4px 0;
}

.textLayer .highlight.middle {
  border-radius: 0;
}

.textLayer .highlight.selected {
  background-color: var(--highlight-selected-bg-color);
}

/* Avoids https://github.com/mozilla/pdf.js/issues/13840 in Chrome */
.textLayer br::selection {
  background: transparent;
}

.textLayer .endOfContent {
  display: block;
  position: absolute;
  inset: 100% 0 0;
  z-index: -1;
  cursor: default;
  user-select: none;
}

.textLayer.selecting .endOfContent {
  top: 0;
}

.hiddenCanvasElement {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  display: none;
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._viewer_1ckpi_1 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background: var(--bim-color-surface-1, #f5f5f5);
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._canvasArea_1ckpi_9 {
  flex: 1;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: auto;
  padding: 0.5em;
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._canvasArea_1ckpi_9 .react-pdf__Page {
  display: block;
}
:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._canvasArea_1ckpi_9 .react-pdf__Page__canvas {
  display: block;
  max-width: 100%;
  height: auto !important;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._error_1ckpi_27 {
  padding: 1em;
  color: var(--bim-color-text-error, #b00020);
  font-size: 0.875em;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._pager_1ckpi_33 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75em;
  padding: 0.5em;
  border-top: 1px solid var(--bim-color-border, #e0e0e0);
  background: var(--bim-color-surface-0, #fff);
  flex-shrink: 0;
}

:is(#bim-cadaplus-app, [data-app='bim-cadaplus-app']).bim-app-root ._pagerLabel_1ckpi_44 {
  font-size: 0.875em;
  color: var(--bim-color-text);
  min-width: 4em;
  text-align: center;
}