.communityVotePage{
  width:100%;
  min-height:100vh;

  padding-top:
    var(--global-shell-top);

  background:#000;
}

.communityVoteSection{
  position:relative;

  width:100%;

  padding:
    clamp(28px, 4vw, 48px)
    22px
    clamp(64px, 8vw, 104px);

  background:#000;
}

.communityVoteSection::before{
  content:"";

  position:absolute;
  inset:0;

  pointer-events:none;

  background:
    repeating-linear-gradient(
      180deg,
      rgba(34,242,255,.010) 0,
      rgba(34,242,255,.010) 1px,
      transparent 1px,
      transparent 5px
    );

  opacity:.34;
}

.communityVoteOuter{
  position:relative;

  width:min(
    1180px,
    100%
  );

  margin:0 auto;
}

.communityVoteInner{
  width:min(
    620px,
    100%
  );

  margin:0 auto;
}






.communityVoteRecord,
.communityVoteQuestion{
  width:100%;

  color:#99CCCC;

  font-family:inherit;

  font-weight:500;

  line-height:1.35;

  letter-spacing:.7px;
}

.communityVoteRecord{
  font-size:
    clamp(
      16px,
      1.55vw,
      19px
    );
}

.communityVoteQuestion{
  margin-top:
    clamp(
      150px,
      14vw,
      210px
    );

  margin-bottom:
    clamp(
      140px,
      12vw,
      190px
    );

  color:var(--cyan);

  font-size:
    clamp(
      18px,
      1.8vw,
      22px
    );

  letter-spacing:1px;
}






.communityVoteControls{
  width:100%;
}

.communityVoteOptions{
  display:grid;

  grid-template-columns:
    repeat(
      2,
      minmax(0, 1fr)
    );

  gap:
    clamp(
      10px,
      1.5vw,
      16px
    );
}

.communityVoteOptionColumn{
  min-width:0;

  display:grid;

  grid-template-rows:
    auto
    auto;

  gap:
    clamp(
      12px,
      1.7vw,
      18px
    );
}

.communityVoteOption,
.communityVoteStatistics{
  appearance:none;
  -webkit-appearance:none;

  width:100%;

  border-radius:0;

  background:
    rgba(
      255,
      255,
      255,
      .012
    );

  font:inherit;

  cursor:none;

  text-transform:uppercase;

  transition:
    color .18s ease,
    border-color .18s ease,
    background .18s ease,
    box-shadow .18s ease;
}

.communityVoteOption{
  min-height:
    clamp(
      50px,
      5vw,
      58px
    );

  padding:
    0
    16px;

  border:
    1px solid
    rgba(
      34,
      242,
      255,
      .30
    );

  color:var(--cyan);

  font-size:
    clamp(
      13px,
      1.3vw,
      16px
    );

  font-weight:500;

  letter-spacing:
    1.7px;
}

.communityVoteOption:hover,
.communityVoteOption:focus-visible{
  border-color:
    rgba(
      34,
      242,
      255,
      .78
    );

  background:
    rgba(
      34,
      242,
      255,
      .035
    );

  outline:none;
}






.communityVoteTopShare{
  min-height:
    clamp(
      42px,
      5vw,
      56px
    );

  display:flex;

  align-items:center;
  justify-content:center;

  color:#66FFCC;

  font-size:
    clamp(
      31px,
      4vw,
      46px
    );

  font-weight:400;

  line-height:1;

  letter-spacing:.5px;

  font-variant-numeric:
    tabular-nums;

  text-shadow:
    0 0 12px
    rgba(
      102,
      255,
      204,
      .08
    );
}






.communityVoteStatistics{
  min-height:
    clamp(
      48px,
      5vw,
      56px
    );

  margin-top:
    clamp(
      15px,
      2vw,
      20px
    );

  padding:
    0
    18px;

  border:
    1px solid
    rgba(
      102,
      255,
      204,
      .35
    );

  color:#66FFCC;

  font-size:
    clamp(
      12px,
      1.3vw,
      15px
    );

  font-weight:500;

  letter-spacing:
    2.4px;
}

.communityVoteStatistics:hover,
.communityVoteStatistics:focus-visible{
  border-color:
    rgba(
      102,
      255,
      204,
      .82
    );

  background:
    rgba(
      102,
      255,
      204,
      .035
    );

  outline:none;
}

.communityVoteStatistics:disabled{
  opacity:.55;
}






.communityVoteUnit{
  margin-top:11px;

  color:#99CCCC;

  font-size:
    clamp(
      10px,
      .9vw,
      12px
    );

  font-weight:500;

  line-height:1.35;

  letter-spacing:
    1.1px;

  text-align:center;

  text-transform:uppercase;
}

.communityVoteSystemMessage{
  margin-top:8px;

  color:#99CCCC;

  font-size:8px;

  line-height:1.35;

  letter-spacing:.7px;

  text-align:center;

  text-transform:uppercase;
}

.communityVoteSystemMessage:empty{
  display:none;
}

.communityVoteSystemMessage.isError{
  color:#ff7878;
}






.communityVoteResults{
  width:100%;

  margin-top:
    clamp(
      14px,
      2vw,
      20px
    );

  display:grid;

  grid-template-columns:
    repeat(
      3,
      minmax(0, 1fr)
    );

  gap:
    clamp(
      8px,
      1.4vw,
      14px
    );
}

.communityVoteResultCard{
  min-width:0;

  min-height:
    clamp(
      170px,
      18vw,
      210px
    );

  display:flex;

  flex-direction:column;

  padding:
    clamp(
      14px,
      1.8vw,
      18px
    );

  border:
    1px solid
    rgba(
      34,
      242,
      255,
      .18
    );

  border-radius:0;

  background:
    rgba(
      255,
      255,
      255,
      .012
    );
}

.communityVoteResultTitle{
  margin:
    0
    0
    clamp(
      18px,
      2vw,
      24px
    );

  color:var(--cyan);

  font-size:
    clamp(
      10px,
      1vw,
      13px
    );

  font-weight:400;

  line-height:1.2;

  letter-spacing:
    1.25px;

  text-align:center;

  text-transform:uppercase;
}

.communityVoteResultBody{
  flex:1 1 auto;

  display:flex;

  flex-direction:column;

  justify-content:center;

  gap:
    clamp(
      8px,
      1vw,
      11px
    );
}

.communityVoteResultMetric{
  display:grid;

  gap:5px;

  text-align:center;
}

.communityVoteResultMetric
+ .communityVoteResultMetric{
  padding-top:8px;

  border-top:
    1px solid
    rgba(
      34,
      242,
      255,
      .08
    );
}

.communityVoteResultMetric span{
  color:#99CCCC;

  font-size:
    clamp(
      6px,
      .7vw,
      8px
    );

  line-height:1.25;

  letter-spacing:
    1px;

  text-transform:uppercase;
}

.communityVoteResultMetric strong{
  color:#66FFCC;

  font-size:
    clamp(
      17px,
      2vw,
      24px
    );

  font-weight:400;

  line-height:1;

  font-variant-numeric:
    tabular-nums;

  overflow-wrap:anywhere;
}

.communityVoteResultBody.isLoading{
  opacity:.55;
}

.communityVoteResultBody.isLoading strong{
  animation:
    communityVotePulse
    1.2s
    ease-in-out
    infinite;
}

@keyframes communityVotePulse{
  0%,
  100%{
    opacity:.35;
  }

  50%{
    opacity:1;
  }
}







@media
  (min-width:641px)
  and
  (max-width:1023px){

  .communityVoteSection{
    padding:
      32px
      24px
      78px;
  }

  .communityVoteOuter{
    width:min(
      900px,
      100%
    );
  }

  .communityVoteInner{
    width:min(
      600px,
      100%
    );
  }

  .communityVoteQuestion{
    margin-bottom:54px;
  }

  .communityVoteResults{
    gap:10px;
  }

  .communityVoteResultCard{
    min-height:180px;
  }
}







@media (max-width:640px){

  .communityVoteSection{
    padding:
      22px
      16px
      64px;
  }

  .communityVoteOuter,
  .communityVoteInner{
    width:100%;
  }

  .communityVoteQuestion{
    margin-bottom:90px;
  }

  .communityVoteRecord{
    font-size:15px;
  }

  .communityVoteQuestion{
    margin-top:90px;

    font-size:17px;
  }

  .communityVoteOptions{
    gap:9px;
  }

  .communityVoteOption{
    min-height:50px;

    padding:
      0
      9px;

    font-size:12px;

    letter-spacing:
      1.25px;
  }

  .communityVoteTopShare{
    min-height:43px;

    font-size:31px;
  }

  .communityVoteStatistics{
    min-height:50px;

    margin-top:13px;

    font-size:12px;
  }

  .communityVoteResults{
    grid-template-columns:1fr;

    gap:10px;

    margin-top:16px;
  }

  .communityVoteResultCard{
    min-height:125px;

    padding:
      14px
      16px;
  }

  .communityVoteResultTitle{
    margin-bottom:12px;

    font-size:11px;
  }

  .communityVoteResultBody{
    gap:7px;
  }
}


 

@media (max-width:390px){

  .communityVoteOptions{
    grid-template-columns:1fr;
  }

  .communityVoteOptionColumn{
    gap:8px;
  }

  .communityVoteTopShare{
    min-height:35px;

    font-size:27px;
  }
}


 

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

  .communityVoteOption,
  .communityVoteStatistics{
    transition:none;
  }

  .communityVoteResultBody.isLoading strong{
    animation:none;
  }
}







 

.communityVoteBasicTotal{
  margin-top:
    clamp(
      10px,
      1.4vw,
      15px
    );

  display:flex;

  align-items:baseline;
  justify-content:center;

  gap:10px;

  color:#99CCCC;

  text-align:center;

  text-transform:uppercase;
}

.communityVoteBasicTotal span{
  font-size:
    clamp(
      10px,
      .9vw,
      12px
    );

  line-height:1.2;

  letter-spacing:
    1.1px;
}

.communityVoteBasicTotal strong{
  color:#66FFCC;

  font-size:
    clamp(
      16px,
      1.8vw,
      21px
    );

  font-weight:400;

  line-height:1;

  letter-spacing:.4px;

  font-variant-numeric:
    tabular-nums;
}


 

.communityVoteStatistics{
  display:flex;

  flex-direction:column;

  align-items:center;
  justify-content:center;

  gap:4px;
}

.communityVoteRevealMain{
  display:block;

  font-size:
    clamp(
      12px,
      1.3vw,
      15px
    );

  font-weight:500;

  line-height:1;

  letter-spacing:
    2.3px;

  text-transform:uppercase;
}

.communityVoteRevealSub{
  display:block;

  color:#99CCCC;

  font-size:
    clamp(
      7px,
      .72vw,
      9px
    );

  font-weight:400;

  line-height:1;

  letter-spacing:
    1.05px;

  text-transform:uppercase;
}


 

.communityVoteStatistics:disabled{
  cursor:not-allowed;

  opacity:.58;

  border-color:
    rgba(
      34,
      242,
      255,
      .16
    );

  background:
    rgba(
      255,
      255,
      255,
      .008
    );
}

.communityVoteStatistics:disabled
.communityVoteRevealMain{
  color:#99CCCC;
}

.communityVoteStatistics:disabled
.communityVoteRevealSub{
  opacity:.76;
}


 

.communityVoteResults[hidden]{
  display:none !important;
}


 

.communityVoteResults{
  margin-top:
    clamp(
      14px,
      1.7vw,
      18px
    );
}


 

.communityVoteResults.isReading{
  opacity:.64;
}


 

@media (max-width:640px){

  .communityVoteBasicTotal{
    margin-top:9px;

    gap:7px;
  }

  .communityVoteStatistics{
    min-height:54px;
  }

  .communityVoteRevealMain{
    font-size:12px;
  }

  .communityVoteRevealSub{
    font-size:7px;
  }
}






.communityVoteOption:disabled{
  cursor:not-allowed;

  pointer-events:none;

  opacity:.38;

  color:
    rgba(
      153,
      204,
      204,
      .48
    );

  border-color:
    rgba(
      34,
      242,
      255,
      .12
    );

  background:
    rgba(
      255,
      255,
      255,
      .006
    );

  box-shadow:none;
}


.communityVoteOption:disabled:hover,
.communityVoteOption:disabled:focus-visible{
  color:
    rgba(
      153,
      204,
      204,
      .48
    );

  border-color:
    rgba(
      34,
      242,
      255,
      .12
    );

  background:
    rgba(
      255,
      255,
      255,
      .006
    );

  box-shadow:none;

  outline:none;
}








.communityVoteOption:not(:disabled),
.communityVoteStatistics:not(:disabled){
  border-color:
    rgba(
      34,
      242,
      255,
      .34
    );

  background:
    linear-gradient(
      rgba(
        34,
        242,
        255,
        .055
      ),
      rgba(
        34,
        242,
        255,
        .01
      )
    );

  color:#22f2ff;

  box-shadow:
    inset
    0
    0
    12px
    rgba(
      34,
      242,
      255,
      .024
    );

  transition:
    border-color .16s,
    background .16s,
    box-shadow .16s,
    color .16s;
}


.communityVoteOption:not(:disabled):hover,
.communityVoteOption:not(:disabled):focus-visible,
.communityVoteStatistics:not(:disabled):hover,
.communityVoteStatistics:not(:disabled):focus-visible{
  border-color:
    rgba(
      34,
      242,
      255,
      .72
    );

  background:
    linear-gradient(
      rgba(
        34,
        242,
        255,
        .1
      ),
      rgba(
        34,
        242,
        255,
        .027
      )
    );

  box-shadow:
    inset
    0
    0
    14px
    rgba(
      34,
      242,
      255,
      .05
    ),
    0
    0
    10px
    rgba(
      34,
      242,
      255,
      .07
    );
}















.communityVoteRecord,
.communityVoteQuestion{
  color:#99CCCC;
}

.communityVoteRecord strong{
  color:inherit;
  font-weight:inherit;
}







.communityVoteRecordTitle,
.communityVoteQuestionTitle{
  position:relative;

  width:100%;

  min-height:54px;

  display:flex;

  align-items:center;
  justify-content:center;

  box-sizing:border-box;

  padding:
    12px
    min(15vw,150px)
    13px;

  color:#22f2ff;

  font-weight:400;

  line-height:1;

  text-align:center;

  text-transform:uppercase;

  text-shadow:none;
}






.communityVoteRecordTitle::before,
.communityVoteRecordTitle::after,
.communityVoteQuestionTitle::before,
.communityVoteQuestionTitle::after{
  content:"";

  position:absolute;

  left:50%;

  width:min(620px,76%);

  height:1px;

  transform:translateX(-50%);

  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(34,242,255,.16) 18%,
      rgba(34,242,255,.78) 50%,
      rgba(34,242,255,.16) 82%,
      transparent 100%
    );

  box-shadow:
    0 0 5px rgba(34,242,255,.24),
    0 0 14px rgba(34,242,255,.16);

  pointer-events:none;
}

.communityVoteRecordTitle::before,
.communityVoteQuestionTitle::before{
  top:0;
}

.communityVoteRecordTitle::after,
.communityVoteQuestionTitle::after{
  bottom:0;
}







.communityVoteRecordTitle{
  margin:
    0
    0
    clamp(26px,3vw,36px);

  font-size:
    clamp(
      24px,
      3vw,
      38px
    );

  letter-spacing:3px;
}







.communityVoteQuestion{
  text-align:center;
}

.communityVoteQuestionTitle{
  margin:
    0
    0
    clamp(18px,2.4vw,26px);

  font-size:
    clamp(
      17px,
      2.1vw,
      26px
    );

  letter-spacing:
    clamp(
      1.2px,
      .18vw,
      2.3px
    );

  line-height:1.25;
}

.communityVoteQuestionSub{
  margin-top:0;

  color:#99CCCC;

  font-weight:inherit;

  text-align:center;
}






@media (max-width:900px){

  .communityVoteRecordTitle,
  .communityVoteQuestionTitle{
    min-height:46px;

    padding:
      10px
      42px
      11px;
  }

  .communityVoteRecordTitle::before,
  .communityVoteRecordTitle::after,
  .communityVoteQuestionTitle::before,
  .communityVoteQuestionTitle::after{
    width:min(520px,82%);
  }

  .communityVoteRecordTitle{
    letter-spacing:2px;
  }

  .communityVoteQuestionTitle{
    font-size:
      clamp(
        16px,
        2.8vw,
        22px
      );

    letter-spacing:1.5px;
  }

}


@media (max-width:600px){

  .communityVoteRecordTitle,
  .communityVoteQuestionTitle{
    min-height:40px;

    padding:
      9px
      22px
      10px;
  }

  .communityVoteRecordTitle::before,
  .communityVoteRecordTitle::after,
  .communityVoteQuestionTitle::before,
  .communityVoteQuestionTitle::after{
    width:min(340px,86%);
  }

  .communityVoteRecordTitle{
    margin-bottom:22px;

    font-size:
      clamp(
        20px,
        6vw,
        26px
      );
  }

  .communityVoteQuestionTitle{
    margin-bottom:16px;

    font-size:
      clamp(
        14px,
        4.1vw,
        18px
      );

    line-height:1.3;

    letter-spacing:1.2px;
  }

}






.communityVoteRecordBody,
.communityVoteRecordBody p,
.communityVoteQuestionSub{
  font-weight:300;
}






.communityVoteRecord,
.communityVoteQuestion{
  will-change:transform;

  transform:
    translate3d(
      0,
      0,
      0
    );

  transition:
    transform
    .06s
    linear;
}

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

  .communityVoteRecord,
  .communityVoteQuestion{
    will-change:auto;

    transition:none;
  }

}
















.communityVoteQuestionTitle{
  flex-direction:column;

  



  padding:
    14px
    12px
    15px;

  margin-bottom:
    clamp(
      40px,
      4.6vw,
      58px
    );
}

.communityVoteQuestionLead,
.communityVoteQuestionAmount{
  display:block;

  width:100%;

  text-align:center;
}

.communityVoteQuestionLead{
  white-space:nowrap;
}

.communityVoteQuestionAmount{
  margin-top:9px;
}


 

@media (max-width:640px){

  .communityVoteQuestionTitle{
    padding:
      11px
      8px
      12px;

    margin-bottom:32px;
  }

  .communityVoteQuestionLead{
    white-space:normal;
  }

  .communityVoteQuestionAmount{
    margin-top:7px;
  }

}





















.communityVoteControls{
  will-change:transform;

  transform:
    translate3d(
      0,
      0,
      0
    );

  transition:
    transform
    .06s
    linear;
}





















.communityVoteTopShare{
  position:relative;
  z-index:2;

  display:flex;

  align-items:stretch;
  justify-content:center;

  width:100%;

  min-height:118px;

  padding:
    12px
    22px
    14px;

  box-sizing:border-box;

  overflow:hidden;

  border:0;
  outline:0;

  background:
    linear-gradient(
      180deg,
      rgba(34,242,255,.018),
      rgba(0,0,0,.08)
    );

  box-shadow:none;
}


 

.communityVoteTopShare::before{
  content:"";

  position:absolute;
  inset:0;

  z-index:1;

  background:
    repeating-linear-gradient(
      180deg,
      rgba(34,242,255,.035) 0,
      rgba(34,242,255,.035) 1px,
      transparent 1px,
      transparent 4px
    );

  opacity:.95;

  pointer-events:none;
}


.communityVoteTopShare::after{
  content:none;
}














.communityVoteTopShareReadout{
  position:relative;
  z-index:2;

  display:flex;
  flex-direction:column;

  align-items:center;
  justify-content:center;

  width:100%;
  min-width:0;

  gap:8px;

  padding:
    6px
    18px;

  box-sizing:border-box;

  background:
    linear-gradient(
      180deg,
      rgba(102,255,204,.018),
      rgba(0,0,0,.08)
    );

  color:inherit;

  font:inherit;

  line-height:inherit;
  letter-spacing:inherit;

  text-align:center;

  font-variant-numeric:
    tabular-nums;

  text-shadow:inherit;
}








.communityVoteTopShareReadout::before,
.communityVoteTopShareReadout::after{
  content:none !important;

  display:none !important;
}







@media (max-width:640px){

  .communityVoteTopShare{
    min-height:86px;

    padding:
      10px
      8px;
  }


  .communityVoteTopShareReadout{
    gap:6px;

    padding:
      7px
      8px;
  }

}


@media (max-width:390px){

  .communityVoteTopShare{
    min-height:78px;

    padding:
      8px
      5px;
  }


  .communityVoteTopShareReadout{
    padding:
      6px
      5px;
  }

}











.communityVoteTopShareReadout{
  flex-direction:row;

  align-items:center;
  justify-content:center;

  gap:0;
}


.communityVoteTopShareNumber{
  font-size:
    clamp(
      35px,
      4.5vw,
      52px
    );

  line-height:1;

  font-weight:inherit;

  letter-spacing:inherit;

  font-variant-numeric:
    tabular-nums;
}


.communityVoteTopSharePercent{
  font-size:1em;

  line-height:1;

  font-weight:inherit;

  letter-spacing:inherit;
}


@media (max-width:640px){

  .communityVoteTopShareNumber{
    font-size:35px;
  }

}


@media (max-width:390px){

  .communityVoteTopShareNumber{
    font-size:30px;
  }

}
















 

.communityVoteStatistics{
  width:min(100%,495px);
  max-width:495px;

  margin-left:auto;
  margin-right:auto;
}


 

.communityVoteResults{
  width:min(100%,495px);
  max-width:495px;

  margin-left:auto;
  margin-right:auto;

  grid-template-columns:
    repeat(
      3,
      minmax(0,157px)
    );

  justify-content:center;

  gap:12px;
}


 

.communityVoteResultCard{
  width:157px;
  max-width:157px;

  min-width:0;

  justify-self:center;
}












@media (max-width:640px){

  .communityVoteStatistics,
  .communityVoteResults{
    width:100%;
    max-width:495px;
  }


  .communityVoteResults{
    grid-template-columns:
      repeat(
        3,
        minmax(0,1fr)
      );

    gap:
      clamp(
        5px,
        2vw,
        8px
      );
  }


  .communityVoteResultCard{
    width:100%;
    max-width:none;

    min-width:0;

    justify-self:stretch;
  }

}





@media (max-width:390px){

  .communityVoteResults{
    grid-template-columns:
      repeat(
        3,
        minmax(0,1fr)
      );

    gap:5px;
  }


  .communityVoteResultCard{
    width:100%;
    max-width:none;
    min-width:0;
  }

}













.communityVoteResults{
  overflow:hidden;
}

.communityVoteResultCard{
  position:relative;
  overflow:hidden;
}

.communityVoteResultTitle,
.communityVoteResultBody,
.communityVoteResultBody > div,
.communityVoteResultBody span,
.communityVoteResultBody strong{
  min-width:0;
  max-width:100%;
}

 
.communityVoteResultTitle{
  overflow:hidden;
  white-space:nowrap;
  text-overflow:clip;
}

 
.communityVoteResultBody{
  width:100%;
  overflow:hidden;
}

 
.communityVoteResultBody > div,
.communityVoteResultBody span,
.communityVoteResultBody strong{
  overflow:hidden;
  text-overflow:clip;
}

 
.communityVoteResultBody span{
  display:block;
  width:100%;
}

 
.communityVoteResultBody strong{
  display:block;
  width:100%;
  text-align:center;
  white-space:nowrap;
}







@media (max-width:640px){

  .communityVoteResultCard{
    overflow:hidden;
  }

  .communityVoteResultTitle{
    font-size:10px;
    letter-spacing:1.2px;
  }

  .communityVoteResultBody{
    gap:6px;
  }

  .communityVoteResultBody span{
    font-size:6px;
    line-height:1.1;
    letter-spacing:.8px;
    white-space:normal;
    word-break:break-word;
    overflow:hidden;
  }

  .communityVoteResultBody strong{
    font-size:clamp(18px, 3.9vw, 28px);
    line-height:1;
    letter-spacing:.3px;
  }
}




@media (max-width:390px){

  .communityVoteResultCard{
    overflow:hidden;
  }

  .communityVoteResultTitle{
    font-size:9px;
    letter-spacing:.9px;
  }

  .communityVoteResultBody{
    gap:5px;
  }

  .communityVoteResultBody span{
    font-size:5px;
    line-height:1.05;
    letter-spacing:.55px;
    overflow:hidden;
  }

  .communityVoteResultBody strong{
    font-size:clamp(15px, 4.6vw, 22px);
    line-height:1;
    letter-spacing:0;
    overflow:hidden;
  }
}

















@media (min-width:641px) and (max-width:900px){

  .communityVoteQuestion{
    margin-bottom:130px;
  }

}














.communityVoteOptions{
  width:min(100%,495px);
  max-width:495px;

  margin-left:auto;
  margin-right:auto;
}






.communityVoteOptionColumn{
  min-width:0;
  width:100%;
}















.communityVoteOption{
  min-height:
    calc(
      clamp(
        50px,
        5vw,
        58px
      )
      - 8px
    );
}


.communityVoteStatistics{
  min-height:
    calc(
      clamp(
        48px,
        5vw,
        56px
      )
      - 8px
    );
}





@media (max-width:640px){

  .communityVoteOption{
    min-height:42px;
  }


  .communityVoteStatistics{
    min-height:46px;
  }

}
















.communityVoteOption,
.communityVoteStatistics{
  box-sizing:border-box;

  height:48px;
  min-height:48px;
  max-height:48px;

  display:flex;
  align-items:center;
  justify-content:center;

  padding-top:0;
  padding-bottom:0;

  text-align:center;
  line-height:1;
}








@media (max-width:640px){

  .communityVoteOption,
  .communityVoteStatistics{
    height:48px;
    min-height:48px;
    max-height:48px;

    display:flex;
    align-items:center;
    justify-content:center;

    padding-top:0;
    padding-bottom:0;

    text-align:center;
  }

}










.communityVoteTopSharePercent{
  margin-left:3px;
}















.communityVoteControls,
.communityVoteControls *,
.communityVoteControls *::before,
.communityVoteControls *::after,

.communityVoteResults,
.communityVoteResults *,
.communityVoteResults *::before,
.communityVoteResults *::after{
  color:#22F2FF !important;
}














.communityVoteContractAddressRow{
  display:flex;

  align-items:center;
  justify-content:center;

  width:min(100%,495px);
  max-width:495px;

  min-width:0;

  margin:
    7px
    auto
    0;

  gap:8px;
}


.communityVoteContractPolygonLink{
  display:inline-flex;

  align-items:center;
  justify-content:center;

  width:16px;
  height:16px;

  flex:0 0 16px;

  margin:0;
  padding:0;

  color:#22F2FF !important;

  text-decoration:none;

  outline:none;

  transition:
    color .16s ease,
    filter .16s ease;
}


.communityVoteContractPolygonIcon{
  display:block;

  width:16px;
  height:16px;

  fill:currentColor;
}


.communityVoteContractAddress{
  appearance:none;
  -webkit-appearance:none;

  display:block;

  width:auto;
  max-width:100%;
  min-width:0;

  margin:0;
  padding:0;

  border:0;
  outline:0;

  background:transparent;

  




  color:#99CCCC !important;

  cursor:pointer;

  font-family:inherit;

  font-size:12px !important;
  line-height:1.2;

  font-weight:400;

  letter-spacing:.15px;

  text-align:left;

  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;

  transition:
    color .16s ease;
}


.communityVoteContractAddress[
  data-copy-state="copied"
]{
  color:#22F2FF !important;

  letter-spacing:1.1px;

  text-transform:uppercase;
}


@media (hover:hover) and (pointer:fine){

  .communityVoteContractAddress:hover{
    color:#22F2FF !important;
  }

  .communityVoteContractPolygonLink:hover{
    color:#22F2FF !important;

    filter:
      drop-shadow(
        0 0 5px
        rgba(34,242,255,.28)
      );
  }

}


.communityVoteContractAddress:focus-visible{
  color:#22F2FF !important;
}


.communityVoteContractPolygonLink:focus-visible{
  color:#22F2FF !important;

  filter:
    drop-shadow(
      0 0 5px
      rgba(34,242,255,.28)
    );
}


@media (max-width:640px){

  .communityVoteContractAddressRow{
    gap:7px;
  }

  .communityVoteContractAddress{
    font-size:11px !important;
  }

}






.communityVoteContractLabel{
  display:inline-block;

  flex:0 0 auto;

  margin:0;
  padding:0;

  color:#22F2FF !important;

  font-size:10px !important;
  line-height:1;

  font-weight:700;

  letter-spacing:1.1px;

  text-transform:uppercase;
  white-space:nowrap;
}





.communityVoteBasicTotal{
  width:min(100%,495px);
  max-width:495px;

  margin-left:auto;
  margin-right:auto;

  box-sizing:border-box;

  min-height:
    clamp(
      48px,
      5vw,
      58px
    );

  padding:
    0
    clamp(
      14px,
      2vw,
      22px
    );

  align-items:center;
  justify-content:space-between;

  gap:20px;

  border:
    1px solid
    rgba(34,242,255,.22);

  background:
    rgba(34,242,255,.025);

  text-align:left;
}

.communityVoteBasicTotal strong{
  margin-left:auto;
  text-align:right;
}






.communityVoteBasicTotal{
  min-width:0;
  overflow:hidden;
}

.communityVoteBasicTotal span,
.communityVoteBasicTotal strong{
  min-width:0;
  overflow:hidden;
  white-space:nowrap;
}

.communityVoteBasicTotal span{
  flex:
    1
    1
    auto;
}

.communityVoteBasicTotal strong{
  flex:
    0
    1
    auto;

  max-width:100%;
}






.communityVoteBasicTotal{
  min-height:
    clamp(
      40px,
      4vw,
      46px
    );
}












.communityVoteBasicTotal{
  position:relative;

  border-top:0;

  background:
    linear-gradient(
      180deg,
      rgba(34,242,255,.018),
      rgba(0,0,0,.08)
    );
}

.communityVoteBasicTotal::before{
  content:"";

  position:absolute;
  inset:0;

  z-index:1;

  background:
    repeating-linear-gradient(
      180deg,
      rgba(34,242,255,.035) 0,
      rgba(34,242,255,.035) 1px,
      transparent 1px,
      transparent 4px
    );

  opacity:.95;

  pointer-events:none;
}

.communityVoteBasicTotal span,
.communityVoteBasicTotal strong{
  position:relative;
  z-index:2;
}













 
.communityVoteBasicTotal{
  border:0;
  outline:0;
}


 
.communityVoteTopShare,
.communityVoteBasicTotal{
  box-shadow:
    inset 0 0 24px rgba(34,242,255,.035),
    inset 0 -10px 24px rgba(0,0,0,.10),
    0 0 18px rgba(34,242,255,.045);
}









.communityVoteTopShare::after,
.communityVoteBasicTotal::after{
  content:"";

  position:absolute;
  inset:0;

  z-index:1;

  pointer-events:none;

  background:
    linear-gradient(
      180deg,
      rgba(34,242,255,.22) 0,
      rgba(34,242,255,.14) 1px,
      rgba(34,242,255,.08) 7px,
      rgba(34,242,255,.03) 14px,
      transparent 28px
    ),
    linear-gradient(
      0deg,
      rgba(34,242,255,.22) 0,
      rgba(34,242,255,.14) 1px,
      rgba(34,242,255,.08) 7px,
      rgba(34,242,255,.03) 14px,
      transparent 28px
    );

  opacity:1;
}










.communityVoteTopShareReadout{
  position:relative;
  overflow:hidden;

  background:
    linear-gradient(
      180deg,
      rgba(102,255,204,.038) 0%,
      rgba(34,242,255,.016) 38%,
      rgba(0,0,0,.12) 100%
    );

  box-shadow:
    inset 0 1px 0 rgba(34,242,255,.11),
    inset 0 -1px 0 rgba(34,242,255,.08),
    inset 0 0 18px rgba(102,255,204,.05),
    0 0 10px rgba(34,242,255,.035);
}

.communityVoteTopShareReadout::before{
  content:"" !important;
  display:block !important;

  position:absolute;
  inset:0;

  z-index:1;

  pointer-events:none;

  background:
    linear-gradient(
      180deg,
      rgba(34,242,255,.14) 0,
      rgba(34,242,255,.06) 8px,
      transparent 22px
    ),
    linear-gradient(
      0deg,
      rgba(34,242,255,.12) 0,
      rgba(34,242,255,.05) 8px,
      transparent 22px
    );

  opacity:.85;
}

.communityVoteTopShareReadout > *{
  position:relative;
  z-index:2;
}







.communityVoteRecordBody,
.communityVoteRecordBody p{
  font-size:15px;
}

.communityVoteQuestionSub{
  font-size:15px;
}







.communityVoteQuestionSub{
  width:max-content;
  max-width:100%;

  margin-left:auto;
  margin-right:auto;

  padding:10px 16px;

  box-sizing:border-box;

  background:#99CCCC !important;
  color:#000 !important;

  font-weight:600 !important;
  text-align:center;

  white-space:normal;
}