.teleport-cookie-consent {
  position: fixed;
  z-index: 2147483000;
  right: max(18px, env(safe-area-inset-right));
  bottom: max(18px, env(safe-area-inset-bottom));
  display: grid;
  width: min(440px, calc(100vw - 36px));
  gap: 16px;
  padding: 20px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 20px;
  color: #f8f7ff;
  background: rgba(18, 16, 39, 0.96);
  box-shadow: 0 20px 60px rgba(5, 4, 20, 0.34);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 14px;
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
}

.teleport-cookie-consent[hidden] {
  display: none;
}

.teleport-cookie-consent__copy {
  margin: 0;
}

.teleport-cookie-consent__copy strong {
  display: block;
  margin-bottom: 4px;
  font-size: 15px;
}

.teleport-cookie-consent__copy span {
  color: rgba(248, 247, 255, 0.76);
}

.teleport-cookie-consent__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.teleport-cookie-consent__button {
  min-height: 42px;
  padding: 0 17px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 13px;
  color: #f8f7ff;
  background: transparent;
  cursor: pointer;
  font: inherit;
  font-weight: 750;
}

.teleport-cookie-consent__button:hover {
  background: rgba(255, 255, 255, 0.08);
}

.teleport-cookie-consent__button--allow {
  border-color: #d2fa76;
  color: #171829;
  background: #d2fa76;
}

.teleport-cookie-consent__button--allow:hover {
  background: #ddff90;
}

.teleport-cookie-consent__button:focus-visible {
  outline: 3px solid #9c8cff;
  outline-offset: 3px;
}

@media (max-width: 520px) {
  .teleport-cookie-consent {
    right: 14px;
    bottom: max(14px, env(safe-area-inset-bottom));
    width: calc(100vw - 28px);
  }

  .teleport-cookie-consent__button {
    flex: 1;
  }
}