.kda-view-count{
  display:inline-flex;
  align-items:center;
  gap:.35em;
  color:var(--kda-resolved-muted,currentColor);
  font-size:.875em;
  line-height:1.5
}
.kda-view-count__icon{
  font-size:.7em;
  color:var(--kda-resolved-primary,LinkText)
}

.kda-consent[hidden]{display:none!important}
.kda-consent{
  position:fixed;
  z-index:999990;
  left:50%;
  right:auto;
  bottom:calc(20px + env(safe-area-inset-bottom));
  width:min(1200px,calc(100% - 40px));
  box-sizing:border-box;
  padding:18px 20px;
  transform:translateX(-50%);
  color:var(--kda-consent-text,var(--kda-resolved-text,CanvasText));
  background:var(--kda-consent-bg,var(--kda-resolved-surface,Canvas));
  border:1px solid var(--kda-consent-border,var(--kda-resolved-border,currentColor));
  border-radius:18px;
  box-shadow:0 12px 40px color-mix(in srgb,var(--kda-resolved-heading,var(--kda-resolved-text,CanvasText)) 14%,transparent)
}
.kda-consent__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  width:100%;
  margin:0
}
.kda-consent__copy{min-width:0;max-width:820px}
.kda-consent__copy strong{
  display:block;
  margin:0 0 5px;
  color:var(--kda-consent-heading,var(--kda-resolved-heading,var(--kda-resolved-text,CanvasText)));
  font-size:1rem;
  line-height:1.4
}
.kda-consent__copy p{
  margin:0;
  color:var(--kda-consent-muted,var(--kda-resolved-muted,var(--kda-resolved-text,currentColor)));
  font-size:.875rem;
  line-height:1.55
}
.kda-consent__copy a{
  color:var(--kda-consent-link,var(--kda-resolved-primary,LinkText));
  font-weight:600;
  text-underline-offset:3px
}
.kda-consent__status{
  min-height:0!important;
  color:var(--kda-consent-text,var(--kda-resolved-text,CanvasText))!important
}
.kda-consent__actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(132px,1fr));
  gap:10px;
  flex:0 0 auto
}
.kda-consent__button{
  box-sizing:border-box;
  min-width:140px;
  min-height:44px;
  padding:10px 18px;
  border-radius:999px;
  font:inherit;
  font-size:.875rem;
  font-weight:700;
  line-height:1;
  cursor:pointer;
  transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,color .16s ease,border-color .16s ease
}
.kda-consent__button--accept{
  color:var(--kda-consent-accept-text,var(--kda-resolved-accept-text,var(--kda-resolved-primary-contrast,var(--kda-resolved-surface,Canvas))));
  background:var(--kda-consent-accept-bg,var(--kda-resolved-accept-bg,var(--kda-resolved-primary,LinkText)));
  border:1px solid var(--kda-consent-accept-border,var(--kda-resolved-accept-border,var(--kda-resolved-primary,LinkText)))
}
.kda-consent__button--reject{
  color:var(--kda-consent-reject-text,var(--kda-resolved-reject-text,var(--kda-resolved-primary,LinkText)));
  background:var(--kda-consent-reject-bg,var(--kda-resolved-reject-bg,var(--kda-resolved-surface,Canvas)));
  border:1px solid var(--kda-consent-reject-border,var(--kda-resolved-reject-border,var(--kda-resolved-primary,LinkText)))
}
.kda-consent__button:hover{
  transform:translateY(-1px);
  box-shadow:0 7px 18px color-mix(in srgb,var(--kda-resolved-primary,LinkText) 18%,transparent)
}
.kda-consent__button:focus-visible,.kda-manage-consent:focus-visible{
  outline:3px solid color-mix(in srgb,var(--kda-resolved-primary,LinkText) 35%,transparent);
  outline-offset:3px
}
.kda-consent__button:disabled{cursor:wait;opacity:.65;transform:none}
.kda-privacy-policy{max-width:840px;margin-inline:auto}
.kda-privacy-policy h2{margin-top:2em}
.kda-privacy-policy li+li{margin-top:.45em}
.kda-privacy-policy code{font-size:.9em}

@media (max-width:767px){
  .kda-consent{
    bottom:calc(20px + env(safe-area-inset-bottom));
    width:calc(100% - 24px);
    padding:16px
  }
  .kda-consent__inner{display:block}
  .kda-consent__copy p{font-size:.8125rem}
  .kda-consent__actions{margin-top:12px;grid-template-columns:1fr 1fr}
  .kda-consent__button{min-width:0;width:100%}
}

.kda-manage-consent{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  margin-top:12px;
  padding:9px 16px;
  border:1px solid var(--kda-resolved-border,currentColor);
  border-radius:999px;
  color:var(--kda-resolved-text,CanvasText);
  background:var(--kda-resolved-surface,Canvas);
  font:inherit;
  font-size:.875rem;
  font-weight:650;
  cursor:pointer
}
.kda-manage-consent:hover{
  border-color:var(--kda-resolved-primary,LinkText);
  color:var(--kda-resolved-primary,LinkText)
}

@media (prefers-reduced-motion:reduce){.kda-consent__button{transition:none}}