.rp-cat-wa {
  position: fixed;
  z-index: 6;
  display: none;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

.rp-cat-wa:focus-visible {
  outline: 2px solid #ffe07a;
  outline-offset: 3px;
}

.rp-cat-photos {
  position: fixed;
  z-index: 3;
  display: none;
  overflow: hidden;
  pointer-events: none;
}

.rp-cat-pic {
  position: absolute;
  display: none;
  overflow: hidden;
  contain: strict;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}

.rp-cat-pic > div {
  position: absolute;
  inset: -12%;
  background: center / cover no-repeat;
  filter: blur(10px) brightness(0.8);
}

.rp-cat-pic > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  -webkit-user-drag: none;
}

.rp-cat-photo {
  position: fixed;
  z-index: 4;
}

.rp-cat-search {
  position: fixed;
  z-index: 5;
  display: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  outline: none;
  background: transparent;
  color: #f2ecfa;
  caret-color: #ffd35a;
  font: 600 max(16px, calc(var(--k, 2) * 8.5px)) / 1 system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  -webkit-appearance: none;
  appearance: none;
  -webkit-user-select: text;
  user-select: text;
  touch-action: manipulation;
}

.rp-cat-search::placeholder {
  color: #8276aa;
  opacity: 1;
}

.rp-cat-search::-webkit-search-cancel-button,
.rp-cat-search::-webkit-search-decoration {
  display: none;
  -webkit-appearance: none;
}