/* Karikko-specific visual layer for the bundled TermsFeed interface. */
:root {
  --karikko-consent-bg: #18181b;
  --karikko-consent-panel: #242428;
  --karikko-consent-border: #3f3f46;
  --karikko-consent-text: #fafafa;
  --karikko-consent-muted: #d4d4d8;
  --karikko-consent-primary: #f4f4f5;
  --karikko-consent-primary-text: #18181b;
  --karikko-consent-focus: #a1a1aa;
}

.termsfeed-com---palette-dark.termsfeed-com---nb {
  background: var(--karikko-consent-bg) !important;
  border: 1px solid var(--karikko-consent-border) !important;
  border-radius: 0 !important;
  box-shadow: 0 20px 60px rgb(0 0 0 / 35%) !important;
  margin: 18px !important;
  max-width: min(520px, calc(100% - 36px)) !important;
}

.termsfeed-com---nb .cc-nb-main-container {
  padding: 28px !important;
}

.termsfeed-com---nb .cc-nb-title {
  color: var(--karikko-consent-text) !important;
  font-size: 22px !important;
  line-height: 1.25 !important;
  margin-bottom: 12px !important;
}

.termsfeed-com---nb .cc-nb-text {
  color: var(--karikko-consent-muted) !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}

.termsfeed-com---nb .cc-nb-buttons-container {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

.termsfeed-com---nb .cc-nb-okagree,
.termsfeed-com---nb .cc-nb-reject,
.termsfeed-com---nb .cc-nb-changep,
.termsfeed-com---palette-dark .cc-cp-foot-save {
  border: 1px solid var(--karikko-consent-border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  cursor: pointer !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  min-height: 42px !important;
  padding: 11px 16px !important;
  transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease !important;
}

.termsfeed-com---palette-dark .cc-nb-okagree,
.termsfeed-com---palette-dark .cc-cp-foot-save {
  background: var(--karikko-consent-primary) !important;
  border-color: var(--karikko-consent-primary) !important;
  color: var(--karikko-consent-primary-text) !important;
}

.termsfeed-com---palette-dark .cc-nb-reject,
.termsfeed-com---palette-dark .cc-nb-changep {
  background: transparent !important;
  border-color: #71717a !important;
  color: var(--karikko-consent-text) !important;
  display: inline-block !important;
}

.termsfeed-com---palette-dark .cc-nb-okagree:hover,
.termsfeed-com---palette-dark .cc-cp-foot-save:hover {
  background: #d4d4d8 !important;
  border-color: #d4d4d8 !important;
}

.termsfeed-com---palette-dark .cc-nb-reject:hover,
.termsfeed-com---palette-dark .cc-nb-changep:hover {
  background: #3f3f46 !important;
  border-color: #a1a1aa !important;
}

.termsfeed-com---palette-dark .cc-nb-okagree:focus-visible,
.termsfeed-com---palette-dark .cc-nb-reject:focus-visible,
.termsfeed-com---palette-dark .cc-nb-changep:focus-visible,
.termsfeed-com---palette-dark .cc-cp-foot-save:focus-visible,
.termsfeed-com---palette-dark .cc-pc-head-close:focus-visible,
.termsfeed-com---palette-dark .cc-pc-head-lang select:focus-visible {
  box-shadow: 0 0 0 3px var(--karikko-consent-focus) !important;
  outline: 2px solid transparent !important;
}

.termsfeed-com---palette-dark .cc-pc-container {
  background: var(--karikko-consent-bg) !important;
  border: 1px solid var(--karikko-consent-border) !important;
  border-radius: 14px !important;
  box-shadow: 0 24px 80px rgb(0 0 0 / 45%) !important;
  overflow: hidden !important;
}

.termsfeed-com---pc-overlay {
  background: rgb(0 0 0 / 72%) !important;
  backdrop-filter: blur(3px) !important;
}

.termsfeed-com---palette-dark .cc-pc-head,
.termsfeed-com---palette-dark .cc-cp-foot {
  background: var(--karikko-consent-bg) !important;
  border-color: var(--karikko-consent-border) !important;
}

.termsfeed-com---palette-dark .cc-pc-head-title-text {
  display: none !important;
}

.termsfeed-com---palette-dark .cc-cp-foot-byline {
  color: #71717a !important;
  display: block !important;
  font-size: 11px !important;
  line-height: 1.3 !important;
}

.termsfeed-com---palette-dark .cc-cp-foot-byline a {
  color: #8a8a93 !important;
  text-decoration: none !important;
}

.termsfeed-com---palette-dark .cc-cp-foot-byline a:hover {
  color: #b4b4bc !important;
  text-decoration: underline !important;
}

.termsfeed-com---palette-dark .cc-pc-head-close {
  border: 2px solid transparent !important;
  border-radius: 8px !important;
  color: var(--karikko-consent-muted) !important;
}

.termsfeed-com---palette-dark .cc-pc-head-close:hover {
  background: #3f3f46 !important;
  color: var(--karikko-consent-text) !important;
}

.termsfeed-com---palette-dark .cc-pc-head-close:focus,
.termsfeed-com---palette-dark .cc-pc-head-close:active {
  border-color: var(--karikko-consent-focus) !important;
  box-shadow: 0 0 0 2px rgb(161 161 170 / 35%) !important;
  outline: none !important;
}

.termsfeed-com---palette-dark .cc-pc-head-lang select:focus,
.termsfeed-com---palette-dark .cc-cp-body-tabs-item-link:focus,
.termsfeed-com---palette-dark .cc-cp-body-content-entry a:focus,
.termsfeed-com---palette-dark .cc-cp-foot-byline a:focus {
  box-shadow: 0 0 0 2px var(--karikko-consent-focus) !important;
  outline: none !important;
}

.termsfeed-com---palette-dark .cc-cp-foot {
  box-sizing: border-box !important;
  justify-content: space-between !important;
  padding: 12px 18px !important;
}

.termsfeed-com---palette-dark .cc-cp-foot-button {
  box-sizing: border-box !important;
  margin: 0 !important;
}

.termsfeed-com---palette-dark .cc-cp-body {
  background: var(--karikko-consent-bg) !important;
}

.termsfeed-com---palette-dark .cc-cp-body-tabs {
  background: #202024 !important;
  border-color: var(--karikko-consent-border) !important;
  color: var(--karikko-consent-muted) !important;
}

.termsfeed-com---palette-dark .cc-cp-body-tabs-item {
  background: transparent !important;
  border-color: var(--karikko-consent-border) !important;
}

.termsfeed-com---palette-dark .cc-cp-body-tabs-item-link {
  background: transparent !important;
  color: var(--karikko-consent-muted) !important;
}

.termsfeed-com---palette-dark .cc-cp-body-tabs-item-link:hover {
  background: #303036 !important;
  color: var(--karikko-consent-text) !important;
}

.termsfeed-com---palette-dark .cc-cp-body-tabs-item[active='true'],
.termsfeed-com---palette-dark .cc-cp-body-tabs-item[active='true'] button {
  background: #3a3a40 !important;
  color: var(--karikko-consent-text) !important;
}

.termsfeed-com---palette-dark .cc-cp-body-content {
  background: var(--karikko-consent-panel) !important;
  color: var(--karikko-consent-text) !important;
}

.termsfeed-com---palette-dark .cc-cp-body-content-entry-title {
  color: var(--karikko-consent-text) !important;
}

.termsfeed-com---palette-dark .cc-cp-body-content-entry-text {
  color: var(--karikko-consent-muted) !important;
}

@media (max-width: 600px) {
  .termsfeed-com---palette-dark.termsfeed-com---nb {
    bottom: 10px !important;
    margin: 10px !important;
    max-width: calc(100% - 20px) !important;
  }

  .termsfeed-com---nb .cc-nb-main-container {
    padding: 22px !important;
  }

  .termsfeed-com---nb .cc-nb-buttons-container {
    flex-direction: column !important;
  }

  .termsfeed-com---nb .cc-nb-okagree,
  .termsfeed-com---nb .cc-nb-reject,
  .termsfeed-com---nb .cc-nb-changep {
    width: 100% !important;
  }
}