:root {

  --cg-accent:        #4f46e5;              

  --cg-border:        rgba(0, 0, 0, 0.3);     

  --cg-size:          1.15rem;      

  --cg-radius:        0.35rem;  

  --cg-gap:           0.6rem; 

  --cg-text:          inherit; 
  --cg-disabled-op:   0.5; 

}



.cg-consent {

  display: flex;

  align-items: flex-start;

  gap: var(--cg-gap);

  font-size: 0.9rem;

  line-height: 1.45;

  color: var(--cg-text);

  cursor: pointer;

  user-select: none;

}

.cg-consent a { color: var(--cg-accent); }



.cg-consent input[type="checkbox"] {

  appearance: none;

  -webkit-appearance: none;

  flex: 0 0 auto;

  width: var(--cg-size);

  height: var(--cg-size);

  margin: 0;

  margin-top: 0.12em;

  border: 1.5px solid var(--cg-border);

  border-radius: var(--cg-radius);

  background: transparent;

  cursor: pointer;

  transition: background-color 0.15s ease, border-color 0.15s ease;

  display: grid;

  place-content: center;

}

.cg-consent input[type="checkbox"]::before {

  content: "";

  width: 0.6em;

  height: 0.6em;

  transform: scale(0);

  transition: transform 0.12s ease;

  box-shadow: inset 1em 1em var(--cg-accent);

  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);

}

.cg-consent input[type="checkbox"]:checked {

  border-color: var(--cg-accent);

  background: color-mix(in srgb, var(--cg-accent) 12%, transparent);

}

.cg-consent input[type="checkbox"]:checked::before {

  transform: scale(1);

}

.cg-consent input[type="checkbox"]:focus-visible {

  outline: 2px solid var(--cg-accent);

  outline-offset: 2px;

}



[data-gate-submit]:disabled,

[data-gate-submit].is-disabled {

  opacity: var(--cg-disabled-op);

  cursor: not-allowed;

  pointer-events: none;

}



[data-gate-error="true"] .cg-consent input[type="checkbox"]:not(:checked) {

  border-color: #dc2626;

  box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.15);

}


@media (prefers-reduced-motion: reduce) {

  .cg-consent input[type="checkbox"],

  .cg-consent input[type="checkbox"]::before {

    transition-duration: 0.01ms;

  }

}