#tab-links .links-ifc-viewer {
  position: absolute;
  top: 80px;
  right: 0;
  width: 300px;
  height: 300px;
  max-width: calc(100% - 32px);
  max-height: calc(100% - 120px);
  border-radius: 14px;
  overflow: hidden;
  background: #f7f9fb;
  z-index: 4;
}

#tab-links .links-ifc-viewer.is-empty {
  width: 100px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#tab-links .links-ifc-viewer .links-ifc-viewer-canvas {
  position: absolute;
  inset: 0;
}

#tab-links .links-ifc-viewer.is-empty .links-ifc-viewer-canvas {
  display: none;
}

#tab-links .links-ifc-viewer .ifc-viewer-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  touch-action: none;
}

#tab-links .links-ifc-fit {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
  padding: 6px 10px;
  border-radius: 8px;
  border: none;
  background: rgba(255, 255, 255, 0.78);
  color: #5c5c5c;
  font-size: 12px;
  cursor: pointer;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.2);
}

#tab-links .links-ifc-camera-lock {
  position: absolute;
  top: 10px;
  left: 56px;
  z-index: 2;
  padding: 6px 10px;
  border-radius: 8px;
  border: none;
  background: rgba(255, 255, 255, 0.78);
  color: #5c5c5c;
  font-size: 12px;
  cursor: pointer;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.2);
}

#tab-links .links-ifc-viewer.is-empty .links-ifc-fit {
  display: none;
}

#tab-links .links-ifc-viewer.is-empty .links-ifc-camera-lock {
  display: none;
}

#tab-links .links-ifc-fit:hover,
#tab-links .links-ifc-camera-lock:hover,
#tab-links .links-ifc-close:hover,
#tab-links .links-ifc-size:hover,
#tab-links .links-ifc-load:hover {
  background: #1C6DA8;
  color: #e9e9e9;
}

#tab-links .links-ifc-camera-lock.active {
  background: #1C6DA8;
  color: #e9e9e9;
}

#tab-links .links-ifc-popout {
  position: absolute;
  top: 10px;
  right: 118px;
  z-index: 2;
  padding: 6px 10px;
  border-radius: 8px;
  border: none;
  background: rgba(255, 255, 255, 0.78);
  color: #5c5c5c;
  font-size: 12px;
  cursor: pointer;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.2);
}

#tab-links .links-ifc-viewer.is-empty .links-ifc-popout {
  display: none;
}

#tab-links .links-ifc-popout:hover,
#tab-links .links-ifc-popout.active {
  background: #1C6DA8;
  color: #e9e9e9;
}

#tab-links .links-ifc-fit:active,
#tab-links .links-ifc-camera-lock:active,
#tab-links .links-ifc-popout:active,
#tab-links .links-ifc-close:active,
#tab-links .links-ifc-size:active,
#tab-links .links-ifc-load:active {
  transform: translateY(1px);
}

#tab-links .links-ifc-size {
  position: absolute;
  top: 10px;
  right: 64px;
  z-index: 2;
  padding: 6px 10px;
  border-radius: 8px;
  border: none;
  background: rgba(255, 255, 255, 0.78);
  color: #5c5c5c;
  font-size: 12px;
  cursor: pointer;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.2);
}

#tab-links .links-ifc-viewer.is-empty .links-ifc-size {
  display: none;
}

#tab-links .links-ifc-close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  padding: 6px 10px;
  border-radius: 8px;
  border: none;
  background: rgba(255, 255, 255, 0.78);
  color: #5c5c5c;
  font-size: 12px;
  cursor: pointer;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.2);
}

#tab-links .links-ifc-viewer.is-empty .links-ifc-close {
  display: none;
}

#tab-links .links-ifc-resizer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 40px;
  cursor: nesw-resize;
  z-index: 4;
  touch-action: none;
  background: transparent;
  opacity: 0;
}

#tab-links .links-ifc-viewer .ifc-viewer-file.hidden {
  display: none;
}

#tab-links .links-ifc-load {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
  padding: 6px 10px;
  border-radius: 8px;
  border: none;
  background: rgba(255, 255, 255, 0.78);
  color: #5c5c5c;
  font-size: 12px;
  cursor: pointer;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.2);
  display: none;
}

#tab-links .links-ifc-viewer.is-empty .links-ifc-load {
  position: static;
  display: block;
}

#tab-links .links-ifc-viewer:not(.is-empty) .links-ifc-load {
  display: none;
}