.mkcd-consent,
.mkcd-revisit,
.mkcd-embed {
  box-sizing: border-box;
  color: var(--mkcd-text, #172b4d);
  font-family: inherit;
  font-size: var(--mkcd-font-size, 16px);
  line-height: 1.5;
}

html.mkcd-consent-open,
html.mkcd-consent-open body { overflow: hidden; }

.mkcd-consent[hidden],
.mkcd-consent [hidden] { display: none !important; }
.mkcd-consent { position: fixed; inset: 0; z-index: 2147483647; pointer-events: auto; }
.mkcd-consent__backdrop { position: absolute; inset: 0; background: var(--mkcd-backdrop, rgba(9, 30, 66, .42)); }
.mkcd-consent__panel {
  position: absolute;
  display: grid;
  gap: 20px;
  width: min(100% - 32px, 1180px);
  max-height: calc(100vh - 32px);
  overflow: auto;
  padding: clamp(20px, 3vw, 36px);
  border: 1px solid var(--mkcd-border);
  border-radius: var(--mkcd-radius);
  background: var(--mkcd-background);
  box-shadow: 0 18px 50px rgba(9, 30, 66, .22);
}
.mkcd-consent--bottom .mkcd-consent__panel { left: 50%; bottom: 16px; transform: translateX(-50%); }
.mkcd-consent--top .mkcd-consent__panel { left: 50%; top: 16px; transform: translateX(-50%); }
.mkcd-consent--center .mkcd-consent__panel { left: 50%; top: 50%; width: min(100% - 32px, 720px); transform: translate(-50%, -50%); }
.mkcd-consent--box.mkcd-consent--bottom .mkcd-consent__panel { right: 16px; left: auto; width: min(100% - 32px, 560px); transform: none; }
.mkcd-consent--box.mkcd-consent--top .mkcd-consent__panel { right: 16px; left: auto; width: min(100% - 32px, 560px); transform: none; }
.mkcd-consent__intro h2 { margin: 0 0 8px; color: var(--mkcd-text); font: inherit; font-size: 1.35em; font-weight: 700; }
.mkcd-consent__intro p { margin: 0; color: var(--mkcd-muted); }
.mkcd-consent__links { display: flex; gap: 16px; margin-top: 10px; font-size: .875em; }
.mkcd-consent__links a { color: var(--mkcd-text); text-underline-offset: 3px; }
.mkcd-consent__actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.mkcd-button { min-height: 44px; padding: 10px 18px; border: 1px solid transparent; border-radius: max(6px, calc(var(--mkcd-radius) * .65)); font: inherit; font-weight: 650; cursor: pointer; }
.mkcd-button:focus-visible, .mkcd-switch input:focus-visible + span, .mkcd-revisit:focus-visible { outline: 3px solid color-mix(in srgb, var(--mkcd-primary) 35%, transparent); outline-offset: 2px; }
.mkcd-button--primary { border-color: var(--mkcd-primary); background: var(--mkcd-primary); color: var(--mkcd-primary-text); }
.mkcd-button--secondary { border-color: var(--mkcd-border); background: var(--mkcd-background); color: var(--mkcd-text); }
.mkcd-button--text { padding-inline: 8px; background: transparent; color: var(--mkcd-text); text-decoration: underline; text-underline-offset: 3px; }
.mkcd-consent__details { display: grid; gap: 1px; overflow: hidden; border: 1px solid var(--mkcd-border); border-radius: var(--mkcd-radius); background: var(--mkcd-border); }
.mkcd-category { display: flex; gap: 20px; align-items: center; justify-content: space-between; padding: 14px 16px; background: var(--mkcd-background); }
.mkcd-category strong { display: block; margin-bottom: 2px; }
.mkcd-category p { margin: 0; color: var(--mkcd-muted); font-size: .875em; }
.mkcd-always-on { flex: 0 0 auto; color: var(--mkcd-muted); font-size: .8em; }
.mkcd-switch { position: relative; flex: 0 0 46px; width: 46px; height: 26px; }
.mkcd-switch input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.mkcd-switch span { display: block; width: 46px; height: 26px; border-radius: 99px; background: #8993a4; transition: .2s ease; }
.mkcd-switch span::after { content: ''; position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.3); transition: .2s ease; }
.mkcd-switch input:checked + span { background: var(--mkcd-primary); }
.mkcd-switch input:checked + span::after { transform: translateX(20px); }
.mkcd-revisit { position: fixed; z-index: 2147483646; right: 16px; bottom: 16px; isolation: isolate; width: 46px; height: 46px; border: 0; border-radius: 50%; background: var(--mkcd-primary); color: var(--mkcd-primary-text); box-shadow: 0 5px 18px rgba(9,30,66,.28); cursor: pointer; pointer-events: auto !important; touch-action: manipulation; }
html.mkcd-consent-open .mkcd-revisit { visibility: hidden; }
.mkcd-embed { display: grid; min-height: 280px; place-items: center; padding: 28px; border: 1px solid var(--mkcd-border, #dfe1e6); border-radius: var(--mkcd-radius, 12px); background: #f4f5f7; text-align: center; }
.mkcd-embed__inner { max-width: 560px; }
.mkcd-embed__inner p { margin: 8px 0 18px; }
.mkcd-embed__frame { display: block; width: 100%; min-height: 360px; border: 0; }

@media (min-width: 900px) {
  .mkcd-consent--bar:not(.has-details) .mkcd-consent__panel { grid-template-columns: minmax(0, 1fr) auto; align-items: end; }
  .mkcd-consent--bar.has-details .mkcd-consent__panel { width: min(100% - 32px, 880px); }
}

@media (max-width: 600px) {
  .mkcd-consent__panel { padding: 20px; }
  .mkcd-consent__actions { display: grid; }
  .mkcd-button { width: 100%; }
  .mkcd-category { align-items: flex-start; }
}

@media (prefers-reduced-motion: reduce) {
  .mkcd-switch span, .mkcd-switch span::after { transition: none; }
}