.ob-cookie-layer {
  position: fixed;
  z-index: 2147483640;
  color: #f4f2eb;
  font-family: Arial, sans-serif;
}

.ob-cookie-layer--banner {
  right: max(14px, env(safe-area-inset-right));
  bottom: max(14px, env(safe-area-inset-bottom));
  width: min(430px, calc(100vw - 28px));
}

.ob-cookie-layer--settings {
  inset: 0;
  padding: 16px;
  display: grid;
  place-items: center;
  background: rgba(0, 0, 0, .72);
}

.ob-cookie-card {
  position: relative;
  width: min(560px, 100%);
  margin: auto;
  border: 1px solid #4b4b47;
  background: #0a0a0a;
  padding: 22px;
  box-shadow: 0 16px 54px rgba(0, 0, 0, .4);
}

.ob-cookie-layer--banner .ob-cookie-card {
  width: 100%;
  padding: 14px 15px;
}

.ob-cookie-meta {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: #8c8b85;
  font: 8px/1.2 monospace;
  letter-spacing: .13em;
}

.ob-cookie-card h2 {
  margin: 22px 0 12px;
  color: #f4f2eb;
  font: 600 clamp(20px, 3vw, 30px)/1 Arial, sans-serif;
  letter-spacing: -.04em;
}

.ob-cookie-layer--banner .ob-cookie-card h2 {
  margin: 11px 0 7px;
  font-size: 15px;
  letter-spacing: -.01em;
}

.ob-cookie-card p {
  max-width: 500px;
  margin: 0;
  color: #b9b8b2;
  font: 11px/1.5 Arial, sans-serif;
  letter-spacing: .01em;
}

.ob-cookie-layer--banner .ob-cookie-card p {
  font-size: 10px;
  line-height: 1.42;
}

.ob-cookie-card > a {
  display: inline-block;
  margin-top: 12px;
  color: #f4f2eb;
  font: 8px/1.4 monospace;
  letter-spacing: .08em;
  text-underline-offset: 4px;
}

.ob-cookie-layer--banner .ob-cookie-card > a { margin-top: 8px; }

.ob-cookie-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 18px;
}

.ob-cookie-layer--banner .ob-cookie-actions { margin-top: 11px; }

.ob-cookie-actions button {
  min-height: 42px;
  padding: 6px 10px;
  border: 1px solid #f4f2eb;
  background: transparent;
  color: #f4f2eb;
  cursor: pointer;
  font: 700 8px/1.2 monospace;
  letter-spacing: .08em;
}

.ob-cookie-layer--banner .ob-cookie-actions button { min-height: 34px; }

.ob-cookie-actions button:hover,
.ob-cookie-actions button:focus-visible {
  background: #f4f2eb;
  color: #090909;
}

.ob-cookie-close {
  position: absolute;
  top: 34px;
  right: 12px;
  width: 34px;
  height: 34px;
  border: 0;
  background: transparent;
  color: #aaa;
  cursor: pointer;
  font: 26px/1 Arial, sans-serif;
}

.ob-cookie-close:hover { color: #fff; }

@media (max-width: 600px) {
  .ob-cookie-layer--banner {
    right: 8px;
    bottom: max(8px, env(safe-area-inset-bottom));
    width: calc(100vw - 16px);
  }

  .ob-cookie-layer--settings { padding: 8px; }
  .ob-cookie-layer--settings .ob-cookie-card { padding: 20px 16px; }
  .ob-cookie-layer--settings .ob-cookie-meta { display: grid; gap: 5px; }
  .ob-cookie-layer--settings .ob-cookie-actions { grid-template-columns: 1fr; }
  .ob-cookie-close { top: 48px; right: 7px; }
}

@media print {
  .ob-cookie-layer { display: none !important; }
}