.zd-okno-popup {
  border-radius    : 20px;
  border           : 3px solid orange;
  background-color : black;
  color            : white;
}

input[type="radio"] {
  appearance       : none;
  width            : 12px;
  height           : 12px;
  border           : 3px solid #ffffff;
  border-radius    : 50%;
  background-color : #008000;
  cursor           : pointer;
}

input[type="radio"]:checked {
  background-color : #ff0000;
}

label:has(input[type=radio]) {
  font-weight : bold;
  font-size   : 12px;
  color       : #ffa51a;
}

label:has(input[type=radio]:checked) {
  font-weight : bold;
  font-size   : 12px;
  color       : #ff0000;
}

table.zd_tabela_glosowanie td {
  text-align : center;
}

.zd_archiwum {
  font-weight : bold;
  font-size   : 16px;
  color       : #ffffff;
  text-align  : center;
}

.zd_glosy {
  font-weight : bold;
  font-size   : 18px;
  color       : #ffff00;
  text-align  : center;
}

.zd_glosy_z {
  font-family       : 'D3Biscuitism', Arial, sans-serif;
  font-weight       : bold;
  font-size         : 30px;
  text-align        : center;
  color             : #ffff00;
  animation         : zd_glosy_z 10s infinite;
  transform-style   : preserve-3d;
  -webkit-animation : zd_glosy_z 10s infinite;
}

@keyframes zd_glosy_z {
  0% {
    transform : rotateX(0deg);
  }

  50% {
    transform : rotateX(360deg);
  }

  100% {
    transform : rotateX(360deg);
  }
}

.zd_glosy_text {
  font-weight : bold;
  font-size   : 12px;
  color       : #00ff00;
  text-align  : center;
}

.zd_glosy_text1 {
  font-weight : bold;
  font-size   : 14px;
  color       : #ff3300;
  text-align  : center;
}

.zd_glosy_text2 {
  font-weight : bold;
  font-size   : 14px;
  color       : #0055ff;
  text-align  : center;
}

.zd_data_a {
  text-align  : center;
  font-weight : bold;
  font-size   : 12px;
  color       : #0055ff;
}

.zd_propozycja {
  text-align  : center;
  font-weight : bold;
  font-size   : 14px;
  color       : #00fff2;
  padding     : 0 0 10px 0;
}

.zd_propozycja_a {
  text-align  : center;
  font-weight : bold;
  font-size   : 18px;
  color       : #ffee00;
}

.zd_propozycja_d {
  text-align  : center;
  font-weight : bold;
  font-size   : 18px;
  color       : #cc0000;
}


@keyframes moveYellow {
  0% {
    background-position : -100%;
  }

  100% {
    background-position : 200%;
  }
}

@keyframes moveYellow {
  0% {
    background-position : -100%;
    opacity             : 1;
  }

  100% {
    background-position : 200%;
    opacity             : 0;
  }
}

.zd_ankieta {
  position    : relative;
  display     : inline-block;
  text-align  : center;
  font-weight : bold;
  font-size   : 14px;
  color       : #ff6622;
}

.zd_ankieta::before {
  content                 : attr(data-text);
  position                : absolute;
  top                     : 0;
  left                    : 0;
  width                   : 100%;
  height                  : 100%;
  color                   : transparent;
  background-image        : linear-gradient(90deg, yellow 0%, transparent 100%);
  background-size         : 200% 100%;
  background-repeat       : no-repeat;
  background-clip         : text;
  -webkit-background-clip : text;
  pointer-events          : none;
  opacity                 : 0;
  /* domyślnie niewidoczna */
}

.zd_ankieta.anim::before {
  animation : moveYellow 1s linear forwards;
}

.zd_zespol_z {
  text-align  : center;
  font-weight : bold;
  font-size   : 16px;
  color       : #60aaff;
}

.zd_zespol_a {
  text-align  : right;
  font-weight : bold;
  font-size   : 16px;
  color       : #60aaff;
}

.zd_glosy_a {
  text-align  : left;
  font-weight : bold;
  font-size   : 16px;
  color       : #ffff00;
}

.zd_glosy_text_a {
  text-align  : right;
  font-weight : bold;
  font-size   : 16px;
  color       : #00ff99;
}

.zd_glosowanie {
  text-align  : center;
  font-weight : bold;
  font-size   : 18px;
  color       : #ff6622;
}

.zd_glosowanie_numer {
  text-align  : center;
  font-weight : bold;
  font-size   : 18px;
  color       : #ff0037;
}