.lila-detail-page .lila-live-preview {
  background-color: #f7d24a !important;
  color: #121212;
  transition: background-color .2s;
}

.lila-detail-page .lila-live-preview p {
  --ugcsite-text-color: #121212 !important;
}

.lila-detail-page .lila-live-preview:hover {
  background-color: #ffe29e !important;
}

.lila-detail-page .ugcsite-cafat2-container {
  color: #fafafa;
}

.lila-detail-page .ugcsite-3f1pdn-container {
  color: #121212;
}

.lila-inline-icon, .lila-direction-icon {
  display: block;
}

.lila-direction-icon {
  color: #ffe29e;
}

.lila-detail-page .ugcsite-hjpsri {
  background-color: #262626 !important;
}

.lila-detail-page .ugcsite-hjpsri img {
  object-fit: contain !important;
}

.lila-detail-page .ugcsite-1vlm4z4 button {
  padding: 0;
  border: 0;
  cursor: pointer;
}

.lila-detail-page .ugcsite-1vlm4z4 button[aria-pressed="true"] {
  outline: 2px solid #f7d24a;
  outline-offset: -2px;
}

.lila-detail-page .ugcsite-1vlm4z4 button[aria-pressed="true"]::after {
  position: absolute;
  inset: 0;
  border: 2px solid #f7d24a;
  border-radius: inherit;
  content: '';
  pointer-events: none;
}

.lila-copy {
  white-space: normal;
}

.lila-copy-list {
  color: #ebebeb;
  margin: 0 0 24px;
  padding-inline-start: 24px;
  font: 16px/1.55 Inter, sans-serif;
}

.lila-copy-list li + li {
  margin-top: 5px;
}
