:root {
  --grv-plum: #35155d;
  --grv-plum-dark: #1c0d33;
  --grv-cobalt: #2257d9;
  --grv-coral: #ff6f4d;
  --grv-coral-light: #ffb39f;
  --grv-cream: #fff8ed;
  --grv-paper: #ffffff;
  --grv-ink: #20162c;
  --grv-muted: #6d6178;
  --grv-line: #d9cfe2;
  --grv-ui: "Avenir Next", Avenir, "Segoe UI", Arial, sans-serif;
  --grv-display: "Arial Rounded MT Bold", "Trebuchet MS", var(--grv-ui);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

.grv-shell {
  width: min(calc(100% - 40px), 1120px);
  margin-inline: auto;
}

.grv-cookie-bar {
  position: fixed;
  inset: auto 18px 18px;
  z-index: 1000;
  padding: 18px;
  color: #fff;
  background: rgba(28, 13, 51, 0.96);
  border: 1px solid rgba(255, 179, 159, 0.42);
  border-radius: 26px 6px 26px 6px;
  box-shadow: 10px 10px 0 rgba(255, 111, 77, 0.22);
  backdrop-filter: blur(16px);
}

.grv-cookie-bar__row {
  width: min(100%, 1100px);
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.grv-cookie-bar__text {
  flex: 1;
  color: rgba(255, 255, 255, 0.78);
  font: 14px/1.65 var(--grv-ui);
}

.grv-cookie-bar__text a {
  color: var(--grv-coral-light);
}

.grv-cookie-bar__actions {
  display: flex;
  gap: 10px;
}

.grv-cookie-bar__accept,
.grv-cookie-bar__decline {
  min-height: 44px;
  padding: 0 18px;
  border-radius: 999px;
  cursor: pointer;
  font: 800 13px/1 var(--grv-ui);
}

.grv-cookie-bar__accept {
  color: #fff;
  background: var(--grv-coral);
  border: 1px solid var(--grv-coral);
}

.grv-cookie-bar__decline {
  color: #fff;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.35);
}

.grv-cookie-bar--hidden {
  display: none;
}

@media (max-width: 680px) {
  .grv-cookie-bar__row {
    align-items: stretch;
    flex-direction: column;
  }

  .grv-cookie-bar__actions > * {
    flex: 1;
  }
}