.hc-finder-dialog {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  overflow: hidden;
}

.hc-finder-dialog::backdrop {
  background: rgba(24, 33, 40, .8);
}

.hc-finder-dialog #tpp {
  position: absolute;
  inset: 0;
}

.hc-finder-dialog #tppCanvas {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: transparent;
  animation: none;
}

.hc-finder-dialog #tpp-popup-box {
  position: absolute;
  inset: 62px 24px 20px;
  z-index: 1;
  width: auto;
  height: auto;
  border: 1px solid #C6A666;
  border-radius: 12px;
  background: #F6F0E3;
  opacity: 1;
  animation: none;
}

.hc-finder-dialog #tpp-popup-frame {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

.hc-finder-dialog #tppclose {
  display: block !important;
  position: absolute;
  top: 10px;
  right: 24px;
  z-index: 2;
}

.hc-finder-dialog #tppclose .hc-finder-close {
  min-height: 42px;
  padding: 8px 18px;
  border: 1px solid #C6A666;
  border-radius: 8px;
  background: #F6F0E3;
  color: #33461E;
  font: 600 15px/1.4 'Quicksand', sans-serif;
  cursor: pointer;
}

.hc-finder-dialog #tppclose .hc-finder-close:hover,
.hc-finder-dialog #tppclose .hc-finder-close:focus-visible {
  background: #33461E;
  color: #F6F0E3;
  outline: 2px solid #C6A666;
  outline-offset: 2px;
}

@media (max-width: 767px) {
  .hc-finder-dialog #tpp-popup-box { inset: 60px 8px 8px; border-radius: 8px; }
  .hc-finder-dialog #tppclose { right: 12px; top: 8px; }
}